@charset "UTF-8";
/* $dark            :#48a7d4;

$brand-primary   :$dark;
$panel-info-border:#57b5e7 !default;
$panel-success-border:#1fb257 !default; */
/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
 /* $headings-font-weight:    700 !default; */
 /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
 @import url("//fonts.googleapis.com/css?family=Work+Sans:300,400,500,600,700,800");
 @import url("//fonts.googleapis.com/css?family=Source Sans Pro:100,100i,300,300i,400,400i,700,700i,900,900i");
 @import url("//fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i|Zilla+Slab:300,300i,400,400i,500,500i,600,600i,700,700i");
 @import url('https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700');
 @import url("../icomoon/default/style.css");
 @import url("../icone-euromotor/style.css");
 html {
  font-family: 'Quicksand', sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #272727;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #272727 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }

  .navbar {
    display: none;
  }

  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #272727 !important;
  }

  .label {
    border: 1px solid #272727;
  }

  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }

  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 10px;
  -webkit-tap-highlight-color: transparent;
}

body {
  font-family: 'Quicksand', sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
  color: #272727;
  background-color: #FFF;
  letter-spacing: 0;
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

a {
  color: #1D3828;
  text-decoration: none;
}
a:hover, a:focus {
  color: #BD5C35;
}

figure {
  margin: 0;
}

img {
  vertical-align: middle;
}

.img-responsive {
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.img-rounded {
  border-radius: 0px;
}

.img-thumbnail {
  padding: 4px;
  line-height: 1.42857;
  background-color: #F8F8F8;
  border: 1px solid #ddd;
  border-radius: 0px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.img-circle {
  border-radius: 50%;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

[role="button"] {
  cursor: pointer;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Quicksand', sans-serif;
  font-weight: 500;
  line-height: 1.25;
  color: #1D3828;
}
h1 small,
h1 .small, h2 small,
h2 .small, h3 small,
h3 .small, h4 small,
h4 .small, h5 small,
h5 .small, h6 small,
h6 .small,
.h1 small,
.h1 .small, .h2 small,
.h2 .small, .h3 small,
.h3 .small, .h4 small,
.h4 .small, .h5 small,
.h5 .small, .h6 small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777777;
}

h1, .h1,
h2, .h2,
h3, .h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
h1 small,
h1 .small, .h1 small,
.h1 .small,
h2 small,
h2 .small, .h2 small,
.h2 .small,
h3 small,
h3 .small, .h3 small,
.h3 .small {
  font-size: 65%;
}

h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
h4 small,
h4 .small, .h4 small,
.h4 .small,
h5 small,
h5 .small, .h5 small,
.h5 .small,
h6 small,
h6 .small, .h6 small,
.h6 .small {
  font-size: 75%;
}

h1, .h1 {
  font-size: 36px;
}

h2, .h2 {
  font-size: 30px;
}

h3, .h3 {
  font-size: 24px;
}

h4, .h4 {
  font-size: 18px;
}

h5, .h5 {
  font-size: 14px;
}

h6, .h6 {
  font-size: 12px;
}

p {
  margin: 0 0 10px;
}

.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}

small,
.small {
  font-size: 85%;
}

mark,
.mark {
  background-color: #fcf8e3;
  padding: .2em;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

.text-nowrap {
  white-space: nowrap;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-uppercase, .initialism {
  text-transform: uppercase;
}

.text-capitalize {
  text-transform: capitalize;
}

.text-muted {
  color: #777777;
}

.text-primary {
  color: #333;
}

a.text-primary:hover,
a.text-primary:focus {
  color: #1a1a1a;
}

.text-success {
  color: #3c763d;
}

a.text-success:hover,
a.text-success:focus {
  color: #2b542c;
}

.text-info {
  color: #31708f;
}

a.text-info:hover,
a.text-info:focus {
  color: #245269;
}

.text-warning {
  color: #8a6d3b;
}

a.text-warning:hover,
a.text-warning:focus {
  color: #66512c;
}

.text-danger {
  color: #a94442;
}

a.text-danger:hover,
a.text-danger:focus {
  color: #843534;
}

.bg-primary {
  color: #fff;
}

.bg-primary {
  background-color: #333;
}

a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #1a1a1a;
}

.bg-success {
  background-color: #dff0d8;
}

a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3;
}

.bg-info {
  background-color: #d9edf7;
}

a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee;
}

.bg-warning {
  background-color: #fcf8e3;
}

a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5;
}

.bg-danger {
  background-color: #f2dede;
}

a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9;
}

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee;
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}
ul ul,
ul ol,
ol ul,
ol ol {
  margin-bottom: 0;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

dl {
  margin-top: 0;
  margin-bottom: 20px;
}

dt,
dd {
  line-height: 1.42857;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

.dl-horizontal dd:before, .dl-horizontal dd:after {
  content: " ";
  display: table;
}
.dl-horizontal dd:after {
  clear: both;
}
@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777777;
}

.initialism {
  font-size: 90%;
}

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857;
  color: #777777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right;
}
.blockquote-reverse footer:before,
.blockquote-reverse small:before,
.blockquote-reverse .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before,
blockquote.pull-right .small:before {
  content: '';
}
.blockquote-reverse footer:after,
.blockquote-reverse small:after,
.blockquote-reverse .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}

address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857;
}

code,
kbd,
pre,
samp {
  font-family: 'Quicksand', sans-serif;
}

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 0px;
}

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 0px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  box-shadow: none;
}

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857;
  word-break: break-all;
  word-wrap: break-word;
  color: #999999;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 0px;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.container:before, .container:after {
  content: " ";
  display: table;
}
.container:after {
  clear: both;
}
@media (min-width: 768px) {
  /*.container {
    width: 750px;
    } edit */
  }
  @media (min-width: 992px) {
    .container {
      width: 1000px;
    }
  }
  @media (min-width: 1200px) {
    .container {
      width: 1200px;
    }
  }

  .container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
  }
  .container-fluid:before, .container-fluid:after {
    content: " ";
    display: table;
  }
  .container-fluid:after {
    clear: both;
  }

  .row {
    margin-left: -15px;
    margin-right: -15px;
  }
  .row:before, .row:after {
    content: " ";
    display: table;
  }
  .row:after {
    clear: both;
  }

  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
  }

  .col-xs-1 {
    width: 8.33333%;
  }

  .col-xs-2 {
    width: 16.66667%;
  }

  .col-xs-3 {
    width: 25%;
  }

  .col-xs-4 {
    width: 33.33333%;
  }

  .col-xs-5 {
    width: 41.66667%;
  }

  .col-xs-6 {
    width: 50%;
  }

  .col-xs-7 {
    width: 58.33333%;
  }

  .col-xs-8 {
    width: 66.66667%;
  }

  .col-xs-9 {
    width: 75%;
  }

  .col-xs-10 {
    width: 83.33333%;
  }

  .col-xs-11 {
    width: 91.66667%;
  }

  .col-xs-12 {
    width: 100%;
  }

  .col-xs-pull-0 {
    right: auto;
  }

  .col-xs-pull-1 {
    right: 8.33333%;
  }

  .col-xs-pull-2 {
    right: 16.66667%;
  }

  .col-xs-pull-3 {
    right: 25%;
  }

  .col-xs-pull-4 {
    right: 33.33333%;
  }

  .col-xs-pull-5 {
    right: 41.66667%;
  }

  .col-xs-pull-6 {
    right: 50%;
  }

  .col-xs-pull-7 {
    right: 58.33333%;
  }

  .col-xs-pull-8 {
    right: 66.66667%;
  }

  .col-xs-pull-9 {
    right: 75%;
  }

  .col-xs-pull-10 {
    right: 83.33333%;
  }

  .col-xs-pull-11 {
    right: 91.66667%;
  }

  .col-xs-pull-12 {
    right: 100%;
  }

  .col-xs-push-0 {
    left: auto;
  }

  .col-xs-push-1 {
    left: 8.33333%;
  }

  .col-xs-push-2 {
    left: 16.66667%;
  }

  .col-xs-push-3 {
    left: 25%;
  }

  .col-xs-push-4 {
    left: 33.33333%;
  }

  .col-xs-push-5 {
    left: 41.66667%;
  }

  .col-xs-push-6 {
    left: 50%;
  }

  .col-xs-push-7 {
    left: 58.33333%;
  }

  .col-xs-push-8 {
    left: 66.66667%;
  }

  .col-xs-push-9 {
    left: 75%;
  }

  .col-xs-push-10 {
    left: 83.33333%;
  }

  .col-xs-push-11 {
    left: 91.66667%;
  }

  .col-xs-push-12 {
    left: 100%;
  }

  .col-xs-offset-0 {
    margin-left: 0%;
  }

  .col-xs-offset-1 {
    margin-left: 8.33333%;
  }

  .col-xs-offset-2 {
    margin-left: 16.66667%;
  }

  .col-xs-offset-3 {
    margin-left: 25%;
  }

  .col-xs-offset-4 {
    margin-left: 33.33333%;
  }

  .col-xs-offset-5 {
    margin-left: 41.66667%;
  }

  .col-xs-offset-6 {
    margin-left: 50%;
  }

  .col-xs-offset-7 {
    margin-left: 58.33333%;
  }

  .col-xs-offset-8 {
    margin-left: 66.66667%;
  }

  .col-xs-offset-9 {
    margin-left: 75%;
  }

  .col-xs-offset-10 {
    margin-left: 83.33333%;
  }

  .col-xs-offset-11 {
    margin-left: 91.66667%;
  }

  .col-xs-offset-12 {
    margin-left: 100%;
  }

  @media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
      float: left;
    }

    .col-sm-1 {
      width: 8.33333%;
    }

    .col-sm-2 {
      width: 16.66667%;
    }

    .col-sm-3 {
      width: 25%;
    }

    .col-sm-4 {
      width: 33.33333%;
    }

    .col-sm-5 {
      width: 41.66667%;
    }

    .col-sm-6 {
      width: 50%;
    }

    .col-sm-7 {
      width: 58.33333%;
    }

    .col-sm-8 {
      width: 66.66667%;
    }

    .col-sm-9 {
      width: 75%;
    }

    .col-sm-10 {
      width: 83.33333%;
    }

    .col-sm-11 {
      width: 91.66667%;
    }

    .col-sm-12 {
      width: 100%;
    }

    .col-sm-pull-0 {
      right: auto;
    }

    .col-sm-pull-1 {
      right: 8.33333%;
    }

    .col-sm-pull-2 {
      right: 16.66667%;
    }

    .col-sm-pull-3 {
      right: 25%;
    }

    .col-sm-pull-4 {
      right: 33.33333%;
    }

    .col-sm-pull-5 {
      right: 41.66667%;
    }

    .col-sm-pull-6 {
      right: 50%;
    }

    .col-sm-pull-7 {
      right: 58.33333%;
    }

    .col-sm-pull-8 {
      right: 66.66667%;
    }

    .col-sm-pull-9 {
      right: 75%;
    }

    .col-sm-pull-10 {
      right: 83.33333%;
    }

    .col-sm-pull-11 {
      right: 91.66667%;
    }

    .col-sm-pull-12 {
      right: 100%;
    }

    .col-sm-push-0 {
      left: auto;
    }

    .col-sm-push-1 {
      left: 8.33333%;
    }

    .col-sm-push-2 {
      left: 16.66667%;
    }

    .col-sm-push-3 {
      left: 25%;
    }

    .col-sm-push-4 {
      left: 33.33333%;
    }

    .col-sm-push-5 {
      left: 41.66667%;
    }

    .col-sm-push-6 {
      left: 50%;
    }

    .col-sm-push-7 {
      left: 58.33333%;
    }

    .col-sm-push-8 {
      left: 66.66667%;
    }

    .col-sm-push-9 {
      left: 75%;
    }

    .col-sm-push-10 {
      left: 83.33333%;
    }

    .col-sm-push-11 {
      left: 91.66667%;
    }

    .col-sm-push-12 {
      left: 100%;
    }

    .col-sm-offset-0 {
      margin-left: 0%;
    }

    .col-sm-offset-1 {
      margin-left: 8.33333%;
    }

    .col-sm-offset-2 {
      margin-left: 16.66667%;
    }

    .col-sm-offset-3 {
      margin-left: 25%;
    }

    .col-sm-offset-4 {
      margin-left: 33.33333%;
    }

    .col-sm-offset-5 {
      margin-left: 41.66667%;
    }

    .col-sm-offset-6 {
      margin-left: 50%;
    }

    .col-sm-offset-7 {
      margin-left: 58.33333%;
    }

    .col-sm-offset-8 {
      margin-left: 66.66667%;
    }

    .col-sm-offset-9 {
      margin-left: 75%;
    }

    .col-sm-offset-10 {
      margin-left: 83.33333%;
    }

    .col-sm-offset-11 {
      margin-left: 91.66667%;
    }

    .col-sm-offset-12 {
      margin-left: 100%;
    }
  }
  @media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
      float: left;
    }

    .col-md-1 {
      width: 8.33333%;
    }

    .col-md-2 {
      width: 16.66667%;
    }

    .col-md-3 {
      width: 25%;
    }

    .col-md-4 {
      width: 33.33333%;
    }

    .col-md-5 {
      width: 41.66667%;
    }

    .col-md-6 {
      width: 50%;
    }

    .col-md-7 {
      width: 58.33333%;
    }

    .col-md-8 {
      width: 66.66667%;
    }

    .col-md-9 {
      width: 75%;
    }

    .col-md-10 {
      width: 83.33333%;
    }

    .col-md-11 {
      width: 91.66667%;
    }

    .col-md-12 {
      width: 100%;
    }

    .col-md-pull-0 {
      right: auto;
    }

    .col-md-pull-1 {
      right: 8.33333%;
    }

    .col-md-pull-2 {
      right: 16.66667%;
    }

    .col-md-pull-3 {
      right: 25%;
    }

    .col-md-pull-4 {
      right: 33.33333%;
    }

    .col-md-pull-5 {
      right: 41.66667%;
    }

    .col-md-pull-6 {
      right: 50%;
    }

    .col-md-pull-7 {
      right: 58.33333%;
    }

    .col-md-pull-8 {
      right: 66.66667%;
    }

    .col-md-pull-9 {
      right: 75%;
    }

    .col-md-pull-10 {
      right: 83.33333%;
    }

    .col-md-pull-11 {
      right: 91.66667%;
    }

    .col-md-pull-12 {
      right: 100%;
    }

    .col-md-push-0 {
      left: auto;
    }

    .col-md-push-1 {
      left: 8.33333%;
    }

    .col-md-push-2 {
      left: 16.66667%;
    }

    .col-md-push-3 {
      left: 25%;
    }

    .col-md-push-4 {
      left: 33.33333%;
    }

    .col-md-push-5 {
      left: 41.66667%;
    }

    .col-md-push-6 {
      left: 50%;
    }

    .col-md-push-7 {
      left: 58.33333%;
    }

    .col-md-push-8 {
      left: 66.66667%;
    }

    .col-md-push-9 {
      left: 75%;
    }

    .col-md-push-10 {
      left: 83.33333%;
    }

    .col-md-push-11 {
      left: 91.66667%;
    }

    .col-md-push-12 {
      left: 100%;
    }

    .col-md-offset-0 {
      margin-left: 0%;
    }

    .col-md-offset-1 {
      margin-left: 8.33333%;
    }

    .col-md-offset-2 {
      margin-left: 16.66667%;
    }

    .col-md-offset-3 {
      margin-left: 25%;
    }

    .col-md-offset-4 {
      margin-left: 33.33333%;
    }

    .col-md-offset-5 {
      margin-left: 41.66667%;
    }

    .col-md-offset-6 {
      margin-left: 50%;
    }

    .col-md-offset-7 {
      margin-left: 58.33333%;
    }

    .col-md-offset-8 {
      margin-left: 66.66667%;
    }

    .col-md-offset-9 {
      margin-left: 75%;
    }

    .col-md-offset-10 {
      margin-left: 83.33333%;
    }

    .col-md-offset-11 {
      margin-left: 91.66667%;
    }

    .col-md-offset-12 {
      margin-left: 100%;
    }
  }
  @media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
      float: left;
    }

    .col-lg-1 {
      width: 8.33333%;
    }

    .col-lg-2 {
      width: 16.66667%;
    }

    .col-lg-3 {
      width: 25%;
    }

    .col-lg-4 {
      width: 33.33333%;
    }

    .col-lg-5 {
      width: 41.66667%;
    }

    .col-lg-6 {
      width: 50%;
    }

    .col-lg-7 {
      width: 58.33333%;
    }

    .col-lg-8 {
      width: 66.66667%;
    }

    .col-lg-9 {
      width: 75%;
    }

    .col-lg-10 {
      width: 83.33333%;
    }

    .col-lg-11 {
      width: 91.66667%;
    }

    .col-lg-12 {
      width: 100%;
    }

    .col-lg-pull-0 {
      right: auto;
    }

    .col-lg-pull-1 {
      right: 8.33333%;
    }

    .col-lg-pull-2 {
      right: 16.66667%;
    }

    .col-lg-pull-3 {
      right: 25%;
    }

    .col-lg-pull-4 {
      right: 33.33333%;
    }

    .col-lg-pull-5 {
      right: 41.66667%;
    }

    .col-lg-pull-6 {
      right: 50%;
    }

    .col-lg-pull-7 {
      right: 58.33333%;
    }

    .col-lg-pull-8 {
      right: 66.66667%;
    }

    .col-lg-pull-9 {
      right: 75%;
    }

    .col-lg-pull-10 {
      right: 83.33333%;
    }

    .col-lg-pull-11 {
      right: 91.66667%;
    }

    .col-lg-pull-12 {
      right: 100%;
    }

    .col-lg-push-0 {
      left: auto;
    }

    .col-lg-push-1 {
      left: 8.33333%;
    }

    .col-lg-push-2 {
      left: 16.66667%;
    }

    .col-lg-push-3 {
      left: 25%;
    }

    .col-lg-push-4 {
      left: 33.33333%;
    }

    .col-lg-push-5 {
      left: 41.66667%;
    }

    .col-lg-push-6 {
      left: 50%;
    }

    .col-lg-push-7 {
      left: 58.33333%;
    }

    .col-lg-push-8 {
      left: 66.66667%;
    }

    .col-lg-push-9 {
      left: 75%;
    }

    .col-lg-push-10 {
      left: 83.33333%;
    }

    .col-lg-push-11 {
      left: 91.66667%;
    }

    .col-lg-push-12 {
      left: 100%;
    }

    .col-lg-offset-0 {
      margin-left: 0%;
    }

    .col-lg-offset-1 {
      margin-left: 8.33333%;
    }

    .col-lg-offset-2 {
      margin-left: 16.66667%;
    }

    .col-lg-offset-3 {
      margin-left: 25%;
    }

    .col-lg-offset-4 {
      margin-left: 33.33333%;
    }

    .col-lg-offset-5 {
      margin-left: 41.66667%;
    }

    .col-lg-offset-6 {
      margin-left: 50%;
    }

    .col-lg-offset-7 {
      margin-left: 58.33333%;
    }

    .col-lg-offset-8 {
      margin-left: 66.66667%;
    }

    .col-lg-offset-9 {
      margin-left: 75%;
    }

    .col-lg-offset-10 {
      margin-left: 83.33333%;
    }

    .col-lg-offset-11 {
      margin-left: 91.66667%;
    }

    .col-lg-offset-12 {
      margin-left: 100%;
    }
  }
  table {
    background-color: transparent;
  }

  caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777777;
    text-align: left;
  }

  th {
    text-align: left;
  }

  .table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
  }
  .table > thead > tr > th,
  .table > thead > tr > td,
  .table > tbody > tr > th,
  .table > tbody > tr > td,
  .table > tfoot > tr > th,
  .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857;
    vertical-align: top;
    border-top: 1px solid #ddd;
  }
  .table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
  }
  .table > caption + thead > tr:first-child > th,
  .table > caption + thead > tr:first-child > td,
  .table > colgroup + thead > tr:first-child > th,
  .table > colgroup + thead > tr:first-child > td,
  .table > thead:first-child > tr:first-child > th,
  .table > thead:first-child > tr:first-child > td {
    border-top: 0;
  }
  .table > tbody + tbody {
    border-top: 2px solid #ddd;
  }
  .table .table {
    background-color: #F8F8F8;
  }

  .table-condensed > thead > tr > th,
  .table-condensed > thead > tr > td,
  .table-condensed > tbody > tr > th,
  .table-condensed > tbody > tr > td,
  .table-condensed > tfoot > tr > th,
  .table-condensed > tfoot > tr > td {
    padding: 5px;
  }

  .table-bordered {
    border: 1px solid #ddd;
  }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td,
  .table-bordered > tbody > tr > th,
  .table-bordered > tbody > tr > td,
  .table-bordered > tfoot > tr > th,
  .table-bordered > tfoot > tr > td {
    border: 1px solid #ddd;
  }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td {
    border-bottom-width: 2px;
  }

  .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9;
  }

  .table-hover > tbody > tr:hover {
    background-color: #f5f5f5;
  }

  table col[class*="col-"] {
    position: static;
    float: none;
    display: table-column;
  }

  table td[class*="col-"],
  table th[class*="col-"] {
    position: static;
    float: none;
    display: table-cell;
  }

  .table > thead > tr > td.active,
  .table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th,
  .table > tbody > tr > td.active,
  .table > tbody > tr > th.active,
  .table > tbody > tr.active > td,
  .table > tbody > tr.active > th,
  .table > tfoot > tr > td.active,
  .table > tfoot > tr > th.active,
  .table > tfoot > tr.active > td,
  .table > tfoot > tr.active > th {
    background-color: #f5f5f5;
  }

  .table-hover > tbody > tr > td.active:hover,
  .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th {
    background-color: #e8e8e8;
  }

  .table > thead > tr > td.success,
  .table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th,
  .table > tbody > tr > td.success,
  .table > tbody > tr > th.success,
  .table > tbody > tr.success > td,
  .table > tbody > tr.success > th,
  .table > tfoot > tr > td.success,
  .table > tfoot > tr > th.success,
  .table > tfoot > tr.success > td,
  .table > tfoot > tr.success > th {
    background-color: #dff0d8;
  }

  .table-hover > tbody > tr > td.success:hover,
  .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th {
    background-color: #d0e9c6;
  }

  .table > thead > tr > td.info,
  .table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th,
  .table > tbody > tr > td.info,
  .table > tbody > tr > th.info,
  .table > tbody > tr.info > td,
  .table > tbody > tr.info > th,
  .table > tfoot > tr > td.info,
  .table > tfoot > tr > th.info,
  .table > tfoot > tr.info > td,
  .table > tfoot > tr.info > th {
    background-color: #d9edf7;
  }

  .table-hover > tbody > tr > td.info:hover,
  .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th {
    background-color: #c4e3f3;
  }

  .table > thead > tr > td.warning,
  .table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th,
  .table > tbody > tr > td.warning,
  .table > tbody > tr > th.warning,
  .table > tbody > tr.warning > td,
  .table > tbody > tr.warning > th,
  .table > tfoot > tr > td.warning,
  .table > tfoot > tr > th.warning,
  .table > tfoot > tr.warning > td,
  .table > tfoot > tr.warning > th {
    background-color: #fcf8e3;
  }

  .table-hover > tbody > tr > td.warning:hover,
  .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th {
    background-color: #faf2cc;
  }

  .table > thead > tr > td.danger,
  .table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th,
  .table > tbody > tr > td.danger,
  .table > tbody > tr > th.danger,
  .table > tbody > tr.danger > td,
  .table > tbody > tr.danger > th,
  .table > tfoot > tr > td.danger,
  .table > tfoot > tr > th.danger,
  .table > tfoot > tr.danger > td,
  .table > tfoot > tr.danger > th {
    background-color: #f2dede;
  }

  .table-hover > tbody > tr > td.danger:hover,
  .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th {
    background-color: #ebcccc;
  }

  .table-responsive {
    overflow-x: auto;
    min-height: 0.01%;
  }
  @media screen and (max-width: 767px) {
    .table-responsive {
      width: 100%;
      margin-bottom: 15px;
      white-space: nowrap;
      overflow-x: visible;
      overflow-y: hidden;
      border: 1px solid #ddd;
    }
    .table-responsive > .table {
      margin-bottom: 0;
    }
    .table-responsive > .table > thead > tr > th,
    .table-responsive > .table > thead > tr > td,
    .table-responsive > .table > tbody > tr > th,
    .table-responsive > .table > tbody > tr > td,
    .table-responsive > .table > tfoot > tr > th,
    .table-responsive > .table > tfoot > tr > td {
      white-space: nowrap;
    }
    .table-responsive > .table-bordered {
      border: 0;
    }
    .table-responsive > .table-bordered > thead > tr > th:first-child,
    .table-responsive > .table-bordered > thead > tr > td:first-child,
    .table-responsive > .table-bordered > tbody > tr > th:first-child,
    .table-responsive > .table-bordered > tbody > tr > td:first-child,
    .table-responsive > .table-bordered > tfoot > tr > th:first-child,
    .table-responsive > .table-bordered > tfoot > tr > td:first-child {
      border-left: 0;
    }
    .table-responsive > .table-bordered > thead > tr > th:last-child,
    .table-responsive > .table-bordered > thead > tr > td:last-child,
    .table-responsive > .table-bordered > tbody > tr > th:last-child,
    .table-responsive > .table-bordered > tbody > tr > td:last-child,
    .table-responsive > .table-bordered > tfoot > tr > th:last-child,
    .table-responsive > .table-bordered > tfoot > tr > td:last-child {
      border-right: 0;
    }
    .table-responsive > .table-bordered > tbody > tr:last-child > th,
    .table-responsive > .table-bordered > tbody > tr:last-child > td,
    .table-responsive > .table-bordered > tfoot > tr:last-child > th,
    .table-responsive > .table-bordered > tfoot > tr:last-child > td {
      border-bottom: 0;
    }
  }

  fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0;
  }

  legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #999999;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
  }

  label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
  }

  input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  input[type="radio"],
  input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
  }

  input[type="file"] {
    display: block;
  }

  input[type="range"] {
    display: block;
    width: 100%;
  }

  select[multiple],
  select[size] {
    height: auto;
  }

  output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857;
    color: #555555;
  }

  .form-control {
    display: block;
    width: 100%;
    height: 46px;
    padding: 6px 20px;
    font-size: 16px;
    line-height: 1.42857;
    color: #555555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #DBD6C6;
    border-radius: 50px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  }
  .form-control:focus {
    border-color: #1D3828;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .form-control::-moz-placeholder {
    color: #999;
    opacity: 1;
  }
  .form-control:-ms-input-placeholder {
    color: #999;
  }
  .form-control::-webkit-input-placeholder {
    color: #999;
  }
  .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #eeeeee;
    opacity: 1;
  }
  .form-control[disabled], fieldset[disabled] .form-control {
    cursor: not-allowed;
  }

  textarea.form-control {
    height: auto;
  }

  input[type="search"] {
    -webkit-appearance: none;
  }

  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type="date"].form-control,
    input[type="time"].form-control,
    input[type="datetime-local"].form-control,
    input[type="month"].form-control {
      line-height: 34px;
    }
    input[type="date"].input-sm, .input-group-sm > input[type="date"].form-control,
    .input-group-sm > input[type="date"].input-group-addon,
    .input-group-sm > .input-group-btn > input[type="date"].btn, .input-group-sm input[type="date"],
    input[type="time"].input-sm,
    .input-group-sm > input[type="time"].form-control,
    .input-group-sm > input[type="time"].input-group-addon,
    .input-group-sm > .input-group-btn > input[type="time"].btn, .input-group-sm
    input[type="time"],
    input[type="datetime-local"].input-sm,
    .input-group-sm > input[type="datetime-local"].form-control,
    .input-group-sm > input[type="datetime-local"].input-group-addon,
    .input-group-sm > .input-group-btn > input[type="datetime-local"].btn, .input-group-sm
    input[type="datetime-local"],
    input[type="month"].input-sm,
    .input-group-sm > input[type="month"].form-control,
    .input-group-sm > input[type="month"].input-group-addon,
    .input-group-sm > .input-group-btn > input[type="month"].btn, .input-group-sm
    input[type="month"] {
      line-height: 30px;
    }
    input[type="date"].input-lg, .input-group-lg > input[type="date"].form-control,
    .input-group-lg > input[type="date"].input-group-addon,
    .input-group-lg > .input-group-btn > input[type="date"].btn, .input-group-lg input[type="date"],
    input[type="time"].input-lg,
    .input-group-lg > input[type="time"].form-control,
    .input-group-lg > input[type="time"].input-group-addon,
    .input-group-lg > .input-group-btn > input[type="time"].btn, .input-group-lg
    input[type="time"],
    input[type="datetime-local"].input-lg,
    .input-group-lg > input[type="datetime-local"].form-control,
    .input-group-lg > input[type="datetime-local"].input-group-addon,
    .input-group-lg > .input-group-btn > input[type="datetime-local"].btn, .input-group-lg
    input[type="datetime-local"],
    input[type="month"].input-lg,
    .input-group-lg > input[type="month"].form-control,
    .input-group-lg > input[type="month"].input-group-addon,
    .input-group-lg > .input-group-btn > input[type="month"].btn, .input-group-lg
    input[type="month"] {
      line-height: 46px;
    }
  }
  .form-group {
    margin-bottom: 15px;
  }

  .radio,
  .checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .radio label,
  .checkbox label {
    min-height: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
  }

  .radio input[type="radio"],
  .radio-inline input[type="radio"],
  .checkbox input[type="checkbox"],
  .checkbox-inline input[type="checkbox"] {
    margin-right: 2px;
    vertical-align: top;
  }

  .radio + .radio,
  .checkbox + .checkbox {
    margin-top: -5px;
  }

  .radio-inline,
  .checkbox-inline {
    position: relative;
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: normal;
    cursor: pointer;
  }

  .radio-inline + .radio-inline,
  .checkbox-inline + .checkbox-inline {
    margin-top: 0;
    margin-left: 10px;
  }

  input[type="radio"][disabled], input[type="radio"].disabled, fieldset[disabled] input[type="radio"],
  input[type="checkbox"][disabled],
  input[type="checkbox"].disabled, fieldset[disabled]
  input[type="checkbox"] {
    cursor: not-allowed;
  }

  .radio-inline.disabled, fieldset[disabled] .radio-inline,
  .checkbox-inline.disabled, fieldset[disabled]
  .checkbox-inline {
    cursor: not-allowed;
  }

  .radio.disabled label, fieldset[disabled] .radio label,
  .checkbox.disabled label, fieldset[disabled]
  .checkbox label {
    cursor: not-allowed;
  }

  .form-control-static {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
    min-height: 34px;
  }
  .form-control-static.input-lg, .input-group-lg > .form-control-static.form-control,
  .input-group-lg > .form-control-static.input-group-addon,
  .input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control,
  .input-group-sm > .form-control-static.input-group-addon,
  .input-group-sm > .input-group-btn > .form-control-static.btn {
    padding-left: 0;
    padding-right: 0;
  }

  .input-sm, .input-group-sm > .form-control,
  .input-group-sm > .input-group-addon,
  .input-group-sm > .input-group-btn > .btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 0px;
  }

  select.input-sm, .input-group-sm > select.form-control,
  .input-group-sm > select.input-group-addon,
  .input-group-sm > .input-group-btn > select.btn {
    height: 30px;
    line-height: 30px;
  }

  textarea.input-sm, .input-group-sm > textarea.form-control,
  .input-group-sm > textarea.input-group-addon,
  .input-group-sm > .input-group-btn > textarea.btn,
  select[multiple].input-sm,
  .input-group-sm > select[multiple].form-control,
  .input-group-sm > select[multiple].input-group-addon,
  .input-group-sm > .input-group-btn > select[multiple].btn {
    height: auto;
  }

  .form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 0px;
  }
  .form-group-sm select.form-control {
    height: 30px;
    line-height: 30px;
  }
  .form-group-sm textarea.form-control,
  .form-group-sm select[multiple].form-control {
    height: auto;
  }
  .form-group-sm .form-control-static {
    height: 30px;
    min-height: 32px;
    padding: 6px 10px;
    font-size: 12px;
    line-height: 1.5;
  }

  .input-lg, .input-group-lg > .form-control,
  .input-group-lg > .input-group-addon,
  .input-group-lg > .input-group-btn > .btn {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33333;
    border-radius: 0px;
  }

  select.input-lg, .input-group-lg > select.form-control,
  .input-group-lg > select.input-group-addon,
  .input-group-lg > .input-group-btn > select.btn {
    height: 46px;
    line-height: 46px;
  }

  textarea.input-lg, .input-group-lg > textarea.form-control,
  .input-group-lg > textarea.input-group-addon,
  .input-group-lg > .input-group-btn > textarea.btn,
  select[multiple].input-lg,
  .input-group-lg > select[multiple].form-control,
  .input-group-lg > select[multiple].input-group-addon,
  .input-group-lg > .input-group-btn > select[multiple].btn {
    height: auto;
  }

  .form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33333;
    border-radius: 0px;
  }
  .form-group-lg select.form-control {
    height: 46px;
    line-height: 46px;
  }
  .form-group-lg textarea.form-control,
  .form-group-lg select[multiple].form-control {
    height: auto;
  }
  .form-group-lg .form-control-static {
    height: 46px;
    min-height: 38px;
    padding: 11px 16px;
    font-size: 18px;
    line-height: 1.33333;
  }

  .has-feedback {
    position: relative;
  }
  .has-feedback .form-control {
    padding-right: 42.5px;
  }

  .form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
  }

  .input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback,
  .input-group-lg > .input-group-addon + .form-control-feedback,
  .input-group-lg > .input-group-btn > .btn + .form-control-feedback,
  .input-group-lg + .form-control-feedback,
  .form-group-lg .form-control + .form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px;
  }

  .input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback,
  .input-group-sm > .input-group-addon + .form-control-feedback,
  .input-group-sm > .input-group-btn > .btn + .form-control-feedback,
  .input-group-sm + .form-control-feedback,
  .form-group-sm .form-control + .form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }

  .has-success .help-block,
  .has-success .control-label,
  .has-success .radio,
  .has-success .checkbox,
  .has-success .radio-inline,
  .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
    color: #3c763d;
  }
  .has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  }
  .has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  }
  .has-success .input-group-addon {
    color: #3c763d;
    border-color: #3c763d;
    background-color: #dff0d8;
  }
  .has-success .form-control-feedback {
    color: #3c763d;
  }

  .has-warning .help-block,
  .has-warning .control-label,
  .has-warning .radio,
  .has-warning .checkbox,
  .has-warning .radio-inline,
  .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {
    color: #8a6d3b;
  }
  .has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  }
  .has-warning .form-control:focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  }
  .has-warning .input-group-addon {
    color: #8a6d3b;
    border-color: #8a6d3b;
    background-color: #fcf8e3;
  }
  .has-warning .form-control-feedback {
    color: #8a6d3b;
  }

  .has-error .help-block,
  .has-error .control-label,
  .has-error .radio,
  .has-error .checkbox,
  .has-error .radio-inline,
  .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
    color: #a94442;
  }
  .has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  }
  .has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  }
  .has-error .input-group-addon {
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede;
  }
  .has-error .form-control-feedback {
    color: #a94442;
  }

  .has-feedback label ~ .form-control-feedback {
    top: 25px;
  }
  .has-feedback label.sr-only ~ .form-control-feedback {
    top: 0;
  }

  .help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #a6a6a6;
  }

  @media (min-width: 768px) {
    .form-inline .form-group {
      display: inline-block;
      margin-bottom: 0;
      vertical-align: middle;
    }
    .form-inline .form-control {
      display: inline-block;
      width: auto;
      vertical-align: middle;
    }
    .form-inline .form-control-static {
      display: inline-block;
    }
    .form-inline .input-group {
      display: inline-table;
      vertical-align: middle;
    }
    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn,
    .form-inline .input-group .form-control {
      width: auto;
    }
    .form-inline .input-group > .form-control {
      width: 100%;
    }
    .form-inline .control-label {
      margin-bottom: 0;
      vertical-align: middle;
    }
    .form-inline .radio,
    .form-inline .checkbox {
      display: inline-block;
      margin-top: 0;
      margin-bottom: 0;
      vertical-align: middle;
    }
    .form-inline .radio label,
    .form-inline .checkbox label {
      padding-left: 0;
    }
    .form-inline .radio input[type="radio"],
    .form-inline .checkbox input[type="checkbox"] {
      position: relative;
      margin-left: 0;
    }
    .form-inline .has-feedback .form-control-feedback {
      top: 0;
    }
  }

  .form-horizontal .radio,
  .form-horizontal .checkbox,
  .form-horizontal .radio-inline,
  .form-horizontal .checkbox-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px;
  }
  .form-horizontal .radio,
  .form-horizontal .checkbox {
    min-height: 27px;
  }
  .form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px;
  }
  .form-horizontal .form-group:before, .form-horizontal .form-group:after {
    content: " ";
    display: table;
  }
  .form-horizontal .form-group:after {
    clear: both;
  }
  @media (min-width: 768px) {
    .form-horizontal .control-label {
      text-align: right;
      margin-bottom: 0;
      padding-top: 7px;
    }
  }
  .form-horizontal .has-feedback .form-control-feedback {
    right: 15px;
  }
  @media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
      padding-top: 14.33333px;
      font-size: 18px;
    }
  }
  @media (min-width: 768px) {
    .form-horizontal .form-group-sm .control-label {
      padding-top: 6px;
      font-size: 12px;
    }
  }

  .btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 500;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    text-transform: none;
    padding: 12px 28px;
    font-size: 16px;
    line-height: 1.42857;
    border-radius: 50px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .btn:hover, .btn:focus, .btn.focus {
    color: #fff;
    text-decoration: none;
  }
  .btn:active, .btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  }
  .btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  a.btn.disabled, fieldset[disabled] a.btn {
    pointer-events: none;
  }

  .btn-default {
    color: #fff;
    background-color: transparent;
    border-color: #fff;
  }
  .btn-default:focus, .btn-default.focus {
    color: #fff;
    background-color: transparent;
    border-color: #bfbfbf;
  }
  .btn-default:hover {
    color: #fff;
    background-color: transparent;
    border-color: #e0e0e0;
  }
  .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
    color: #fff;
    background-color: transparent;
    border-color: #e0e0e0;
  }
  .btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus {
    color: #fff;
    background-color: transparent;
    border-color: #bfbfbf;
  }
  .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
    background-image: none;
  }
  .btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active {
    background-color: transparent;
    border-color: #fff;
  }
  .btn-default .badge {
    color: transparent;
    background-color: #fff;
  }

  .btn-primary {
    color: #fff;
    background-color: #1D3828;
    border-color: #1D3828;
  }
  .btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #2C4A36;
    border-color: #152A1E;
  }
  .btn-primary:hover {
    color: #fff;
    background-color: #2C4A36;
    border-color: #2C4A36;
  }

.btn-aggiorna{padding: 0 15px !important;}
  .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #2C4A36;
    border-color: #152A1E;
  }
  .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus {
    color: #fff;
    background-color: #152A1E;
    border-color: #152A1E;
  }
  .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
    background-image: none;
  }
  .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {
    background-color: #1D3828;
    border-color: #1D3828;
  }
  .btn-primary .badge {
    color: #1D3828;
    background-color: #fff;
  }

  .btn-success {
    color: #fff;
    background-color: #70ba28;
    border-color: #63a523;
  }
  .btn-success:focus, .btn-success.focus {
    color: #fff;
    background-color: #57901f;
    border-color: #243c0d;
  }
  .btn-success:hover {
    color: #fff;
    background-color: #57901f;
    border-color: #457319;
  }
  .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #57901f;
    border-color: #457319;
  }
  .btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus {
    color: #fff;
    background-color: #457319;
    border-color: #243c0d;
  }
  .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
    background-image: none;
  }
  .btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active {
    background-color: #70ba28;
    border-color: #63a523;
  }
  .btn-success .badge {
    color: #70ba28;
    background-color: #fff;
  }

  .btn-info {
    color: #fff;
    background-color: #04adf0;
    border-color: #049bd7;
  }
  .btn-info:focus, .btn-info.focus {
    color: #fff;
    background-color: #0389be;
    border-color: #01415a;
  }
  .btn-info:hover {
    color: #fff;
    background-color: #0389be;
    border-color: #03709b;
  }
  .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #0389be;
    border-color: #03709b;
  }
  .btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus {
    color: #fff;
    background-color: #03709b;
    border-color: #01415a;
  }
  .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
    background-image: none;
  }
  .btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active {
    background-color: #04adf0;
    border-color: #049bd7;
  }
  .btn-info .badge {
    color: #04adf0;
    background-color: #fff;
  }

  .btn-warning {
    color: #fff;
    background-color: #f0c73b;
    border-color: #eec023;
  }
  .btn-warning:focus, .btn-warning.focus {
    color: #fff;
    background-color: #e6b612;
    border-color: #886b0a;
  }
  .btn-warning:hover {
    color: #fff;
    background-color: #e6b612;
    border-color: #c59c0f;
  }
  .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #e6b612;
    border-color: #c59c0f;
  }
  .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus {
    color: #fff;
    background-color: #c59c0f;
    border-color: #886b0a;
  }
  .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
    background-image: none;
  }
  .btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active {
    background-color: #f0c73b;
    border-color: #eec023;
  }
  .btn-warning .badge {
    color: #f0c73b;
    background-color: #fff;
  }

  .btn-danger {
    color: #fff;
    background-color: #e77c37;
    border-color: #e77c37;
  }
  .btn-danger:focus, .btn-danger.focus {
    color: #fff;
    background-color: #d31717;
    border-color: #770d0d;
  }
  .btn-danger:hover {
    color: #fff;
    background-color: #d31717;
    border-color: #b31313;
  }
  .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #d31717;
    border-color: #b31313;
  }
  .btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus {
    color: #fff;
    background-color: #b31313;
    border-color: #770d0d;
  }
  .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
    background-image: none;
  }
  .btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active {
    background-color: #e93434;
    border-color: #e71d1d;
  }
  .btn-danger .badge {
    color: #e93434;
    background-color: #fff;
  }

  .btn-link {
    color: #1D3828;
    font-weight: normal;
    border-radius: 0;
  }
  .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
    border-color: transparent;
  }
  .btn-link:hover, .btn-link:focus {
    color: #1D3828;
    text-decoration: underline;
    background-color: transparent;
  }
  .btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus {
    color: #777777;
    text-decoration: none;
  }

  .btn-lg, .btn-group-lg > .btn {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33333;
    border-radius: 0px;
  }

  .btn-sm, .btn-group-sm > .btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 0px;
  }

  .btn-xs, .btn-group-xs > .btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 0px;
  }

  .btn-block {
    display: block;
    width: 100%;
  }

  .btn-block + .btn-block {
    margin-top: 5px;
  }

  input[type="submit"].btn-block,
  input[type="reset"].btn-block,
  input[type="button"].btn-block {
    width: 100%;
  }

  .fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
  }
  .fade.in {
    opacity: 1;
  }

  .collapse {
    display: none;
  }
  .collapse.in {
    display: block;
  }

  tr.collapse.in {
    display: table-row;
  }

  tbody.collapse.in {
    display: table-row-group;
  }

  .collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: 0.35s;
    transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
  }

  .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
  }

  .dropup,
  .dropdown {
    position: relative;
  }

  .dropdown-toggle:focus {
    outline: 0;
  }

  .dropdown-menu {
    position: absolute;
    top: 100%;
    z-index: 1000;
    display: none;
    min-width: 180px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
  }
  .dropdown-menu.pull-right {
    right: 0;
    left: auto;
  }
  .dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
  }
  .dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857;
    color: #999999;
    white-space: nowrap;
  }

  .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #8c8c8c;
  }

  .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #333;
  }

  .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
    color: #777777;
  }
  .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    cursor: not-allowed;
  }

  .open > .dropdown-menu {
    display: block;
  }
  .open > a {
    outline: 0;
  }

  .dropdown-menu-right {
    left: auto;
    right: 0;
  }

  .dropdown-menu-left {
    left: 0;
    right: auto;
  }

  .dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857;
    color: #777777;
    white-space: nowrap;
  }

  .dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990;
  }

  .pull-right > .dropdown-menu {
    right: 0;
    left: auto;
  }

  .dropup .caret,
  .navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid \9;
    content: "";
  }
  .dropup .dropdown-menu,
  .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px;
  }

  @media (min-width: 768px) {
    .navbar-right .dropdown-menu {
      right: 0;
      left: auto;
    }
    .navbar-right .dropdown-menu-left {
      left: 0;
      right: auto;
    }
  }
  .btn-group,
  .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
  }
  .btn-group > .btn,
  .btn-group-vertical > .btn {
    position: relative;
    float: left;
  }
  .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
  .btn-group-vertical > .btn:hover,
  .btn-group-vertical > .btn:focus,
  .btn-group-vertical > .btn:active,
  .btn-group-vertical > .btn.active {
    z-index: 2;
  }

  .btn-group .btn + .btn,
  .btn-group .btn + .btn-group,
  .btn-group .btn-group + .btn,
  .btn-group .btn-group + .btn-group {
    margin-left: -1px;
  }

  .btn-toolbar {
    margin-left: -5px;
  }
  .btn-toolbar:before, .btn-toolbar:after {
    content: " ";
    display: table;
  }
  .btn-toolbar:after {
    clear: both;
  }
  .btn-toolbar .btn,
  .btn-toolbar .btn-group,
  .btn-toolbar .input-group {
    float: left;
  }
  .btn-toolbar > .btn,
  .btn-toolbar > .btn-group,
  .btn-toolbar > .input-group {
    margin-left: 5px;
  }

  .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
  }

  .btn-group > .btn:first-child {
    margin-left: 0;
  }
  .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }

  .btn-group > .btn:last-child:not(:first-child),
  .btn-group > .dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }

  .btn-group > .btn-group {
    float: left;
  }

  .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 0;
  }

  .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
  .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }

  .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }

  .btn-group .dropdown-toggle:active,
  .btn-group.open .dropdown-toggle {
    outline: 0;
  }

  .btn-group > .btn + .dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px;
  }

  .btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px;
  }

  .btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  }
  .btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .btn .caret {
    margin-left: 0;
  }

  .btn-lg .caret, .btn-group-lg > .btn .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0;
  }

  .dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
    border-width: 0 5px 5px;
  }

  .btn-group-vertical > .btn,
  .btn-group-vertical > .btn-group,
  .btn-group-vertical > .btn-group > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
  }
  .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
    content: " ";
    display: table;
  }
  .btn-group-vertical > .btn-group:after {
    clear: both;
  }
  .btn-group-vertical > .btn-group > .btn {
    float: none;
  }
  .btn-group-vertical > .btn + .btn,
  .btn-group-vertical > .btn + .btn-group,
  .btn-group-vertical > .btn-group + .btn,
  .btn-group-vertical > .btn-group + .btn-group {
    margin-top: -1px;
    margin-left: 0;
  }

  .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
    border-radius: 0;
  }
  .btn-group-vertical > .btn:first-child:not(:last-child) {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .btn-group-vertical > .btn:last-child:not(:first-child) {
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
  }

  .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 0;
  }

  .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
  .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
  }

  .btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
  }
  .btn-group-justified > .btn,
  .btn-group-justified > .btn-group {
    float: none;
    display: table-cell;
    width: 1%;
  }
  .btn-group-justified > .btn-group .btn {
    width: 100%;
  }
  .btn-group-justified > .btn-group .dropdown-menu {
    left: auto;
  }

  [data-toggle="buttons"] > .btn input[type="radio"],
  [data-toggle="buttons"] > .btn input[type="checkbox"],
  [data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
  [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
  }

  .input-group {
    position: relative;
    display: table;
    border-collapse: separate;
  }
  .input-group[class*="col-"] {
    float: none;
    padding-left: 0;
    padding-right: 0;
  }
  .input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
  }

  .input-group-addon,
  .input-group-btn,
  .input-group .form-control {
    display: table-cell;
  }
  .input-group-addon:not(:first-child):not(:last-child),
  .input-group-btn:not(:first-child):not(:last-child),
  .input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0;
  }

  .input-group-addon,
  .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
  }

  .input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555555;
    text-align: center;
    background-color: #eeeeee;
    border: 1px solid #ebebeb;
    border-radius: 0px;
  }
  .input-group-addon.input-sm,
  .input-group-sm > .input-group-addon,
  .input-group-sm > .input-group-btn > .input-group-addon.btn {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 0px;
  }
  .input-group-addon.input-lg,
  .input-group-lg > .input-group-addon,
  .input-group-lg > .input-group-btn > .input-group-addon.btn {
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 0px;
  }
  .input-group-addon input[type="radio"],
  .input-group-addon input[type="checkbox"] {
    margin-top: 0;
  }

  .input-group .form-control:first-child,
  .input-group-addon:first-child,
  .input-group-btn:first-child > .btn,
  .input-group-btn:first-child > .btn-group > .btn,
  .input-group-btn:first-child > .dropdown-toggle,
  .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
  .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }

  .input-group-addon:first-child {
    border-right: 0;
  }

  .input-group .form-control:last-child,
  .input-group-addon:last-child,
  .input-group-btn:last-child > .btn,
  .input-group-btn:last-child > .btn-group > .btn,
  .input-group-btn:last-child > .dropdown-toggle,
  .input-group-btn:first-child > .btn:not(:first-child),
  .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }

  .input-group-addon:last-child {
    border-left: 0;
  }

  .input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
  }
  .input-group-btn > .btn {
    position: relative;
    height: 40px;
  }
  .input-group-btn > .btn + .btn {
    margin-left: -1px;
  }
  .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
    z-index: 2;
  }
  .input-group-btn:first-child > .btn,
  .input-group-btn:first-child > .btn-group {
    margin-right: -1px;
  }
  .input-group-btn:last-child > .btn,
  .input-group-btn:last-child > .btn-group {
    z-index: 2;
    margin-left: -1px;
  }

  .nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
  }
  .nav:before, .nav:after {
    content: " ";
    display: table;
  }
  .nav:after {
    clear: both;
  }
  .nav > li {
    position: relative;
    display: block;
  }
  .nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
  }
  .nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #eeeeee;
  }
  .nav > li.disabled > a {
    color: #777777;
  }
  .nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
    color: #777777;
    text-decoration: none;
    background-color: transparent;
    cursor: not-allowed;
  }
  .nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
  }
  .nav > li > a > img {
    max-width: none;
  }

  .nav-tabs {
    border-bottom: 1px solid #ddd;
  }
  .nav-tabs > li {
    float: left;
    margin-bottom: -1px;
  }
  .nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857;
    border: 1px solid transparent;
    border-radius: 0px 0px 0 0;
  }
  .nav-tabs > li > a:hover {
    border-color: #eeeeee #eeeeee #ddd;
  }
  .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #555555;
    background-color: #F8F8F8;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default;
  }

  .nav-pills > li {
    float: left;
  }
  .nav-pills > li > a {
    border-radius: 0px;
  }
  .nav-pills > li + li {
    margin-left: 2px;
  }
  .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #333;
  }

  .nav-stacked > li {
    float: none;
  }
  .nav-stacked > li + li {
    margin-top: 2px;
    margin-left: 0;
  }

  .nav-justified, .nav-tabs.nav-justified {
    width: 100%;
  }
  .nav-justified > li, .nav-tabs.nav-justified > li {
    float: none;
  }
  .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
    text-align: center;
    margin-bottom: 5px;
  }
  .nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto;
  }
  @media (min-width: 768px) {
    .nav-justified > li, .nav-tabs.nav-justified > li {
      display: table-cell;
      width: 1%;
    }
    .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
      margin-bottom: 0;
    }
  }

  .nav-tabs-justified, .nav-tabs.nav-justified {
    border-bottom: 0;
  }
  .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 0px;
  }
  .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus,
  .nav-tabs.nav-justified > .active > a:focus {
    border: 1px solid #ddd;
  }
  @media (min-width: 768px) {
    .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
      border-bottom: 1px solid #ddd;
      border-radius: 0px 0px 0 0;
    }
    .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
    .nav-tabs-justified > .active > a:hover,
    .nav-tabs.nav-justified > .active > a:hover,
    .nav-tabs-justified > .active > a:focus,
    .nav-tabs.nav-justified > .active > a:focus {
      border-bottom-color: #F8F8F8;
    }
  }

  .tab-content > .tab-pane {
    display: none;
  }
  .tab-content > .active {
    display: block;
  }

  .nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
  }

  .navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent;
  }
  .navbar:before, .navbar:after {
    content: " ";
    display: table;
  }
  .navbar:after {
    clear: both;
  }
  @media (min-width: 768px) {
    .navbar {
      border-radius: 0px;
    }
  }

  .navbar-header:before, .navbar-header:after {
    content: " ";
    display: table;
  }
  .navbar-header:after {
    clear: both;
  }
  @media (min-width: 768px) {
    .navbar-header {
      float: left;
    }
  }

  .navbar-collapse {
    overflow-x: visible;
    padding-right: 15px;
    padding-left: 15px;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    -webkit-overflow-scrolling: touch;
  }
  .navbar-collapse:before, .navbar-collapse:after {
    content: " ";
    display: table;
  }
  .navbar-collapse:after {
    clear: both;
  }
  .navbar-collapse.in {
    overflow-y: auto;
  }
  @media (min-width: 992px) {
    .navbar-collapse {
      width: auto;
      border-top: 0;
      box-shadow: none;
    }
    .navbar-collapse.collapse {
      display: block !important;
      height: auto !important;
      padding-bottom: 0;
      /*overflow: hidden !important; modifica Gianluca*/
      overflow: visible !important;
    }
    .navbar-collapse.in {
      overflow-y: visible;
    }
    .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
      padding-left: 0;
      padding-right: 0;
    }
  }

  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 340px;
  }
  @media (max-device-width: 480px) and (orientation: landscape) {
    .navbar-fixed-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
      max-height: 200px;
    }
  }

  .container > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-header,
  .container-fluid > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
  }
  @media (min-width: 768px) {
    .container > .navbar-header,
    .container > .navbar-collapse,
    .container-fluid > .navbar-header,
    .container-fluid > .navbar-collapse {
      margin-right: 0;
      margin-left: 0;
    }
  }

  .navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px;
  }
  @media (min-width: 768px) {
    .navbar-static-top {
      border-radius: 0;
    }
  }

  .navbar-fixed-top,
  .navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
  }
  @media (min-width: 768px) {
    .navbar-fixed-top,
    .navbar-fixed-bottom {
      border-radius: 0;
    }
  }

  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
  }

  .navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0;
  }

  .navbar-brand {
    float: left;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
    height: 50px;
  }
  .navbar-brand:hover, .navbar-brand:focus {
    text-decoration: none;
  }
  .navbar-brand > img {
    display: block;
  }
  @media (min-width: 768px) {
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
      margin-left: -15px;
    }
  }

  .navbar-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0px;
  }
  .navbar-toggle:focus {
    outline: 0;
  }
  .navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
  }
  .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px;
  }
  @media (min-width: 768px) {
    .navbar-toggle {
      display: none;
    }
  }

  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
  }
  @media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
      position: static;
      float: none;
      width: auto;
      margin-top: 0;
      background-color: transparent;
      border: 0;
      box-shadow: none;
    }
    .navbar-nav .open .dropdown-menu > li > a,
    .navbar-nav .open .dropdown-menu .dropdown-header {
      padding: 5px 15px 5px 25px;
    }
    .navbar-nav .open .dropdown-menu > li > a {
      line-height: 20px;
    }
    .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
      background-image: none;
    }
  }
  @media (min-width: 768px) {
    .navbar-nav {
      float: left;
      margin: 0;
    }
    .navbar-nav > li {
      float: left;
    }
    .navbar-nav > li > a {
      padding-top: 15px;
      padding-bottom: 15px;
    }
  }

  .navbar-form {
    margin-left: -15px;
    margin-right: -15px;
    padding: 10px 15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    margin-top: 8px;
    margin-bottom: 8px;
  }
  @media (min-width: 768px) {
    .navbar-form .form-group {
      display: inline-block;
      margin-bottom: 0;
      vertical-align: middle;
    }
    .navbar-form .form-control {
      display: inline-block;
      width: auto;
      vertical-align: middle;
    }
    .navbar-form .form-control-static {
      display: inline-block;
    }
    .navbar-form .input-group {
      display: inline-table;
      vertical-align: middle;
    }
    .navbar-form .input-group .input-group-addon,
    .navbar-form .input-group .input-group-btn,
    .navbar-form .input-group .form-control {
      width: auto;
    }
    .navbar-form .input-group > .form-control {
      width: 100%;
    }
    .navbar-form .control-label {
      margin-bottom: 0;
      vertical-align: middle;
    }
    .navbar-form .radio,
    .navbar-form .checkbox {
      display: inline-block;
      margin-top: 0;
      margin-bottom: 0;
      vertical-align: middle;
    }
    .navbar-form .radio label,
    .navbar-form .checkbox label {
      padding-left: 0;
    }
    .navbar-form .radio input[type="radio"],
    .navbar-form .checkbox input[type="checkbox"] {
      position: relative;
      margin-left: 0;
    }
    .navbar-form .has-feedback .form-control-feedback {
      top: 0;
    }
  }
  @media (max-width: 767px) {
    .navbar-form .form-group {
      margin-bottom: 5px;
    }
    .navbar-form .form-group:last-child {
      margin-bottom: 0;
    }
  }
  @media (min-width: 768px) {
    .navbar-form {
      width: auto;
      border: 0;
      margin-left: 0;
      margin-right: 0;
      padding-top: 0;
      padding-bottom: 0;
      -webkit-box-shadow: none;
      box-shadow: none;
    }
  }

  .navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
  }

  .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
    margin-bottom: 0;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn {
    margin-top: 14px;
    margin-bottom: 14px;
  }

  .navbar-text {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  @media (min-width: 768px) {
    .navbar-text {
      float: left;
      margin-left: 15px;
      margin-right: 15px;
    }
  }

  @media (min-width: 768px) {
    .navbar-left {
      float: left !important;
    }

    .navbar-right {
      float: right !important;
      margin-right: -15px;
    }
    .navbar-right ~ .navbar-right {
      margin-right: 0;
    }
  }
  .navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
  }
  .navbar-default .navbar-brand {
    color: #777;
  }
  .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
    color: #5e5e5e;
    background-color: transparent;
  }
  .navbar-default .navbar-text {
    color: #777;
  }
  .navbar-default .navbar-nav > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
  .navbar-default .navbar-toggle {
    border-color: #ddd;
  }
  .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #ddd;
  }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #888;
  }
  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form {
    border-color: #e7e7e7;
  }
  .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #e7e7e7;
    color: #555;
  }
  @media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
      color: #777;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
      color: #333;
      background-color: transparent;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: #555;
      background-color: #e7e7e7;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
      color: #ccc;
      background-color: transparent;
    }
  }
  .navbar-default .navbar-link {
    color: #777;
  }
  .navbar-default .navbar-link:hover {
    color: #333;
  }
  .navbar-default .btn-link {
    color: #777;
  }
  .navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
    color: #333;
  }
  .navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus {
    color: #ccc;
  }

  .navbar-inverse {
    background-color: #222;
    border-color: #090909;
  }
  .navbar-inverse .navbar-brand {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-text {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-nav > li > a {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #090909;
  }
  .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
  .navbar-inverse .navbar-toggle {
    border-color: #333;
  }
  .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #333;
  }
  .navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff;
  }
  .navbar-inverse .navbar-collapse,
  .navbar-inverse .navbar-form {
    border-color: #101010;
  }
  .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #090909;
    color: #fff;
  }
  @media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
      border-color: #090909;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
      background-color: #090909;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
      color: #9d9d9d;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
      color: #fff;
      background-color: transparent;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: #fff;
      background-color: #090909;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
      color: #444;
      background-color: transparent;
    }
  }
  .navbar-inverse .navbar-link {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-link:hover {
    color: #fff;
  }
  .navbar-inverse .btn-link {
    color: #9d9d9d;
  }
  .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
    color: #fff;
  }
  .navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus {
    color: #444;
  }

  .breadcrumb, .breadcrumbs {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: transparent;
    border-radius: 0px;
  }
  .breadcrumb > li, .breadcrumbs > li {
    display: inline-block;
  }
  .breadcrumb > li + li:before, .breadcrumbs > li + li:before {
    font-family: 'icomoon' !important;
    content: "\f105";
    padding: 0 5px;
    color: #ccc;
  }
  .breadcrumb > .active {
    color: #777777;
  }

  .pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 0px;
  }
  .pagination > li {
    display: inline;
  }
  .pagination > li > a,
  .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857;
    text-decoration: none;
    color: #1D3828;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px;
  }
  .pagination > li:first-child > a,
  .pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
  }
  .pagination > li:last-child > a,
  .pagination > li:last-child > span {
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
  }
  .pagination > li > a:hover, .pagination > li > a:focus,
  .pagination > li > span:hover,
  .pagination > li > span:focus {
    z-index: 3;
    color: #1D3828;
    background-color: #eeeeee;
    border-color: #ddd;
  }
  .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
  .pagination > .active > span,
  .pagination > .active > span:hover,
  .pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    background-color: #1D3828;
    border-color: #1D3828;
    cursor: default;
  }
  .pagination > .disabled > span,
  .pagination > .disabled > span:hover,
  .pagination > .disabled > span:focus,
  .pagination > .disabled > a,
  .pagination > .disabled > a:hover,
  .pagination > .disabled > a:focus {
    color: #777777;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed;
  }

  .pagination-lg > li > a,
  .pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33333;
  }
  .pagination-lg > li:first-child > a,
  .pagination-lg > li:first-child > span {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
  }
  .pagination-lg > li:last-child > a,
  .pagination-lg > li:last-child > span {
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
  }

  .pagination-sm > li > a,
  .pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
  }
  .pagination-sm > li:first-child > a,
  .pagination-sm > li:first-child > span {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
  }
  .pagination-sm > li:last-child > a,
  .pagination-sm > li:last-child > span {
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
  }

  .pager {
    padding-left: 0;
    margin: 20px 0;
    list-style: none;
    text-align: center;
  }
  .pager:before, .pager:after {
    content: " ";
    display: table;
  }
  .pager:after {
    clear: both;
  }
  .pager li {
    display: inline;
  }
  .pager li > a,
  .pager li > span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px;
  }
  .pager li > a:hover,
  .pager li > a:focus {
    text-decoration: none;
    background-color: #eeeeee;
  }
  .pager .next > a,
  .pager .next > span {
    float: right;
  }
  .pager .previous > a,
  .pager .previous > span {
    float: left;
  }
  .pager .disabled > a,
  .pager .disabled > a:hover,
  .pager .disabled > a:focus,
  .pager .disabled > span {
    color: #777777;
    background-color: #fff;
    cursor: not-allowed;
  }

  .label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
  }
  .label:empty {
    display: none;
  }
  .btn .label {
    position: relative;
    top: -1px;
  }

  a.label:hover, a.label:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
  }

  .label-default {
    background-color: #777777;
  }
  .label-default[href]:hover, .label-default[href]:focus {
    background-color: #5e5e5e;
  }

  .label-primary {
    background-color: #333;
  }
  .label-primary[href]:hover, .label-primary[href]:focus {
    background-color: #1a1a1a;
  }

  .label-success {
    background-color: #70ba28;
  }
  .label-success[href]:hover, .label-success[href]:focus {
    background-color: #57901f;
  }

  .label-info {
    background-color: #04adf0;
  }
  .label-info[href]:hover, .label-info[href]:focus {
    background-color: #0389be;
  }

  .label-warning {
    background-color: #f0c73b;
  }
  .label-warning[href]:hover, .label-warning[href]:focus {
    background-color: #e6b612;
  }

  .label-danger {
    background-color: #e93434;
  }
  .label-danger[href]:hover, .label-danger[href]:focus {
    background-color: #d31717;
  }

  .badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    background-color: #777777;
    border-radius: 10px;
  }
  .badge:empty {
    display: none;
  }
  .btn .badge {
    position: relative;
    top: -1px;
  }
  .btn-xs .badge, .btn-group-xs > .btn .badge, .btn-group-xs > .btn .badge {
    top: 0;
    padding: 1px 5px;
  }
  .list-group-item.active > .badge, .nav-pills > .active > a > .badge {
    color: #1D3828;
    background-color: #fff;
  }
  .list-group-item > .badge {
    float: right;
  }
  .list-group-item > .badge + .badge {
    margin-right: 5px;
  }
  .nav-pills > li > a > .badge {
    margin-left: 3px;
  }

  a.badge:hover, a.badge:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
  }

  .jumbotron {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #eeeeee;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    color: inherit;
  }
  .jumbotron p {
    margin-bottom: 15px;
    font-size: 21px;
    font-weight: 200;
  }
  .jumbotron > hr {
    border-top-color: #d5d5d5;
  }
  .container .jumbotron, .container-fluid .jumbotron {
    border-radius: 0px;
  }
  .jumbotron .container {
    max-width: 100%;
  }
  @media screen and (min-width: 768px) {
    .jumbotron {
      padding-top: 48px;
      padding-bottom: 48px;
    }
    .container .jumbotron, .container-fluid .jumbotron {
      padding-left: 60px;
      padding-right: 60px;
    }
    .jumbotron h1,
    .jumbotron .h1 {
      font-size: 63px;
    }
  }

  .thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857;
    background-color: #F8F8F8;
    border: 1px solid #ddd;
    border-radius: 0px;
    -webkit-transition: border 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out;
    transition: border 0.2s ease-in-out;
  }
  .thumbnail > img,
  .thumbnail a > img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }
  .thumbnail .caption {
    padding: 9px;
    color: #666666;
  }

  a.thumbnail:hover,
  a.thumbnail:focus,
  a.thumbnail.active {
    border-color: #1D3828;
  }

  .alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 0px;
  }
  .alert h4 {
    margin-top: 0;
    color: inherit;
  }
  .alert .alert-link {
    font-weight: bold;
  }
  .alert > p,
  .alert > ul {
    margin-bottom: 0;
  }
  .alert > p + p {
    margin-top: 5px;
  }

  .alert-dismissable,
  .alert-dismissible {
    padding-right: 35px;
  }
  .alert-dismissable .close,
  .alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit;
  }

  .alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
  }
  .alert-success hr {
    border-top-color: #c9e2b3;
  }
  .alert-success .alert-link {
    color: #2b542c;
  }

  .alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
  }
  .alert-info hr {
    border-top-color: #a6e1ec;
  }
  .alert-info .alert-link {
    color: #245269;
  }

  .alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
  }
  .alert-warning hr {
    border-top-color: #f7e1b5;
  }
  .alert-warning .alert-link {
    color: #66512c;
  }

  .alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
  }
  .alert-danger hr {
    border-top-color: #e4b9c0;
  }
  .alert-danger .alert-link {
    color: #843534;
  }

  @-webkit-keyframes progress-bar-stripes {
    from {
      background-position: 40px 0;
    }
    to {
      background-position: 0 0;
    }
  }
  @keyframes progress-bar-stripes {
    from {
      background-position: 40px 0;
    }
    to {
      background-position: 0 0;
    }
  }
  .progress {
    overflow: hidden;
    height: 20px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  }

  .progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #333;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease;
  }

  .progress-striped .progress-bar,
  .progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
  }

  .progress.active .progress-bar,
  .progress-bar.active {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
  }

  .progress-bar-success {
    background-color: #70ba28;
  }
  .progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  }

  .progress-bar-info {
    background-color: #04adf0;
  }
  .progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  }

  .progress-bar-warning {
    background-color: #f0c73b;
  }
  .progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  }

  .progress-bar-danger {
    background-color: #e93434;
  }
  .progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  }

  .media {
    margin-top: 15px;
  }
  .media:first-child {
    margin-top: 0;
  }

  .media,
  .media-body {
    zoom: 1;
    overflow: hidden;
  }

  .media-body {
    width: 10000px;
  }

  .media-object {
    display: block;
  }
  .media-object.img-thumbnail {
    max-width: none;
  }

  .media-right,
  .media > .pull-right {
    padding-left: 10px;
  }

  .media-left,
  .media > .pull-left {
    padding-right: 20px;
  }

  .media-left,
  .media-right,
  .media-body {
    display: table-cell;
    vertical-align: top;
  }

  .media-middle {
    vertical-align: middle;
  }

  .media-bottom {
    vertical-align: bottom;
  }

  .media-heading {
    margin-top: 0;
    margin-bottom: 5px;
  }

  .media-list {
    padding-left: 0;
    list-style: none;
  }

  .list-group {
    margin-bottom: 0px;
    padding-left: 0;
  }

  .list-group-item {
    position: relative;
    display: block;
    padding: 10px 20px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
  }
  .list-group-item:first-child {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
  }
  .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
  }

  a.list-group-item,
  button.list-group-item {
    color: #555;
  }
  a.list-group-item .list-group-item-heading,
  button.list-group-item .list-group-item-heading {
    color: #333;
  }
  a.list-group-item:hover, a.list-group-item:focus,
  button.list-group-item:hover,
  button.list-group-item:focus {
    text-decoration: none;
    color: #555;
  }

  button.list-group-item {
    width: 100%;
    text-align: left;
  }

  .list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
    background-color: #eeeeee;
    color: #777777;
    cursor: not-allowed;
  }
  .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
    color: inherit;
  }
  .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
    color: #777777;
  }
  .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    z-index: 2;
    color: #fff;
    background-color: #333;
    border-color: #333;
  }
  .list-group-item.active .list-group-item-heading,
  .list-group-item.active .list-group-item-heading > small,
  .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading,
  .list-group-item.active:hover .list-group-item-heading > small,
  .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading,
  .list-group-item.active:focus .list-group-item-heading > small,
  .list-group-item.active:focus .list-group-item-heading > .small {
    color: inherit;
  }
  .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
    color: #999999;
  }

  .list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8;
  }

  a.list-group-item-success,
  button.list-group-item-success {
    color: #3c763d;
  }
  a.list-group-item-success .list-group-item-heading,
  button.list-group-item-success .list-group-item-heading {
    color: inherit;
  }
  a.list-group-item-success:hover, a.list-group-item-success:focus,
  button.list-group-item-success:hover,
  button.list-group-item-success:focus {
    color: #3c763d;
    background-color: #d0e9c6;
  }
  a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus,
  button.list-group-item-success.active,
  button.list-group-item-success.active:hover,
  button.list-group-item-success.active:focus {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d;
  }

  .list-group-item-info {
    color: #31708f;
    background-color: #d9edf7;
  }

  a.list-group-item-info,
  button.list-group-item-info {
    color: #31708f;
  }
  a.list-group-item-info .list-group-item-heading,
  button.list-group-item-info .list-group-item-heading {
    color: inherit;
  }
  a.list-group-item-info:hover, a.list-group-item-info:focus,
  button.list-group-item-info:hover,
  button.list-group-item-info:focus {
    color: #31708f;
    background-color: #c4e3f3;
  }
  a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus,
  button.list-group-item-info.active,
  button.list-group-item-info.active:hover,
  button.list-group-item-info.active:focus {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f;
  }

  .list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
  }

  a.list-group-item-warning,
  button.list-group-item-warning {
    color: #8a6d3b;
  }
  a.list-group-item-warning .list-group-item-heading,
  button.list-group-item-warning .list-group-item-heading {
    color: inherit;
  }
  a.list-group-item-warning:hover, a.list-group-item-warning:focus,
  button.list-group-item-warning:hover,
  button.list-group-item-warning:focus {
    color: #8a6d3b;
    background-color: #faf2cc;
  }
  a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus,
  button.list-group-item-warning.active,
  button.list-group-item-warning.active:hover,
  button.list-group-item-warning.active:focus {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b;
  }

  .list-group-item-danger {
    color: #a94442;
    background-color: #f2dede;
  }

  a.list-group-item-danger,
  button.list-group-item-danger {
    color: #a94442;
  }
  a.list-group-item-danger .list-group-item-heading,
  button.list-group-item-danger .list-group-item-heading {
    color: inherit;
  }
  a.list-group-item-danger:hover, a.list-group-item-danger:focus,
  button.list-group-item-danger:hover,
  button.list-group-item-danger:focus {
    color: #a94442;
    background-color: #ebcccc;
  }
  a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus,
  button.list-group-item-danger.active,
  button.list-group-item-danger.active:hover,
  button.list-group-item-danger.active:focus {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442;
  }

  .list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px;
  }

  .list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3;
  }

  .panel {
    margin-bottom: 20px;
    background-color: none;
    border: 1px solid transparent;
    border-radius: 0px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  }

  .panel-body {
    padding: 0px;
  }
  .panel-body:before, .panel-body:after {
    content: " ";
    display: table;
  }
  .panel-body:after {
    clear: both;
  }

  .panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: -1px;
    border-top-left-radius: -1px;
  }
  .panel-heading > .dropdown .dropdown-toggle {
    color: inherit;
  }

  .panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
  }
  .panel-title > a,
  .panel-title > small,
  .panel-title > .small,
  .panel-title > small > a,
  .panel-title > .small > a {
    color: inherit;
  }

  .panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: -1px;
    border-bottom-left-radius: -1px;
  }

  .panel > .list-group,
  .panel > .panel-collapse > .list-group {
    margin-bottom: 0;
  }
  .panel > .list-group .list-group-item,
  .panel > .panel-collapse > .list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0;
  }
  .panel > .list-group:first-child .list-group-item:first-child,
  .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-right-radius: -1px;
    border-top-left-radius: -1px;
  }
  .panel > .list-group:last-child .list-group-item:last-child,
  .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: -1px;
    border-bottom-left-radius: -1px;
  }
  .panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
  }

  .panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0;
  }

  .list-group + .panel-footer {
    border-top-width: 0;
  }

  .panel > .table,
  .panel > .table-responsive > .table,
  .panel > .panel-collapse > .table {
    margin-bottom: 0;
  }
  .panel > .table caption,
  .panel > .table-responsive > .table caption,
  .panel > .panel-collapse > .table caption {
    padding-left: 0px;
    padding-right: 0px;
  }
  .panel > .table:first-child,
  .panel > .table-responsive:first-child > .table:first-child {
    border-top-right-radius: -1px;
    border-top-left-radius: -1px;
  }
  .panel > .table:first-child > thead:first-child > tr:first-child,
  .panel > .table:first-child > tbody:first-child > tr:first-child,
  .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
  .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
    border-top-left-radius: -1px;
    border-top-right-radius: -1px;
  }
  .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
  .panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
  .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
  .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
  .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
  .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
  .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
  .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
    border-top-left-radius: -1px;
  }
  .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
  .panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
  .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
  .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
  .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
  .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
  .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
  .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
    border-top-right-radius: -1px;
  }
  .panel > .table:last-child,
  .panel > .table-responsive:last-child > .table:last-child {
    border-bottom-right-radius: -1px;
    border-bottom-left-radius: -1px;
  }
  .panel > .table:last-child > tbody:last-child > tr:last-child,
  .panel > .table:last-child > tfoot:last-child > tr:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
    border-bottom-left-radius: -1px;
    border-bottom-right-radius: -1px;
  }
  .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
  .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
  .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
  .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
  .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
  .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
  .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
  .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
    border-bottom-left-radius: -1px;
  }
  .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
  .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
  .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
  .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
    border-bottom-right-radius: -1px;
  }
  .panel > .panel-body + .table,
  .panel > .panel-body + .table-responsive,
  .panel > .table + .panel-body,
  .panel > .table-responsive + .panel-body {
    border-top: 1px solid #ddd;
  }
  .panel > .table > tbody:first-child > tr:first-child th,
  .panel > .table > tbody:first-child > tr:first-child td {
    border-top: 0;
  }
  .panel > .table-bordered,
  .panel > .table-responsive > .table-bordered {
    border: 0;
  }
  .panel > .table-bordered > thead > tr > th:first-child,
  .panel > .table-bordered > thead > tr > td:first-child,
  .panel > .table-bordered > tbody > tr > th:first-child,
  .panel > .table-bordered > tbody > tr > td:first-child,
  .panel > .table-bordered > tfoot > tr > th:first-child,
  .panel > .table-bordered > tfoot > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .panel > .table-bordered > thead > tr > th:last-child,
  .panel > .table-bordered > thead > tr > td:last-child,
  .panel > .table-bordered > tbody > tr > th:last-child,
  .panel > .table-bordered > tbody > tr > td:last-child,
  .panel > .table-bordered > tfoot > tr > th:last-child,
  .panel > .table-bordered > tfoot > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .panel > .table-bordered > thead > tr:first-child > td,
  .panel > .table-bordered > thead > tr:first-child > th,
  .panel > .table-bordered > tbody > tr:first-child > td,
  .panel > .table-bordered > tbody > tr:first-child > th,
  .panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
  .panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
  .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
  .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
    border-bottom: 0;
  }
  .panel > .table-bordered > tbody > tr:last-child > td,
  .panel > .table-bordered > tbody > tr:last-child > th,
  .panel > .table-bordered > tfoot > tr:last-child > td,
  .panel > .table-bordered > tfoot > tr:last-child > th,
  .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
  .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
    border-bottom: 0;
  }
  .panel > .table-responsive {
    border: 0;
    margin-bottom: 0;
  }

  .panel-group {
    margin-bottom: 20px;
  }
  .panel-group .panel {
    margin-bottom: 0;
    border-radius: 0px;
  }
  .panel-group .panel + .panel {
    margin-top: 5px;
  }
  .panel-group .panel-heading {
    border-bottom: 0;
  }
  .panel-group .panel-heading + .panel-collapse > .panel-body,
  .panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: 1px solid #ddd;
  }
  .panel-group .panel-footer {
    border-top: 0;
  }
  .panel-group .panel-footer + .panel-collapse .panel-body {
    border-bottom: 1px solid #ddd;
  }

  .panel-default {
    /*  border-color: $border; */
  }
  .panel-default > .panel-heading {
    color: #272727;
    position: relative;
    padding: 0px 0px 10px;
    border-bottom: solid 3px #fff;
    margin-bottom: 30px;
    box-shadow: 0px 1px 0px 0px #EBEBEB;
    /* background-color: $heading-bg-color; */
    /* border-color: $heading-border; */
  }
  .panel-default > .panel-heading .panel-title {
    font-size: 28px;
    letter-spacing:0;
  }
  .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: transparent;
  }
  .panel-default > .panel-heading .badge {
    color: #f0c73b;
    background-color: #272727;
  }
  .panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #272727;
  }

  .panel-primary {
    /*  border-color: $border; */
  }
  .panel-primary > .panel-heading {
    color: #fff;
    position: relative;
    padding: 0px 0px 10px;
    border-bottom: solid 3px #fff;
    margin-bottom: 30px;
    box-shadow: 0px 1px 0px 0px #EBEBEB;
    /* background-color: $heading-bg-color; */
    /* border-color: $heading-border; */
  }
  .panel-primary > .panel-heading .panel-title {
    font-size: 28px;
    letter-spacing: 0;
  }
  .panel-primary > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: transparent;
  }
  .panel-primary > .panel-heading .badge {
    color: #333;
    background-color: #fff;
  }
  .panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #333;
  }

  .panel-success {
    /*  border-color: $border; */
  }
  .panel-success > .panel-heading {
    color: #3c763d;
    position: relative;
    padding: 0px 0px 10px;
    border-bottom: solid 3px #fff;
    margin-bottom: 30px;
    box-shadow: 0px 1px 0px 0px #EBEBEB;
    /* background-color: $heading-bg-color; */
    /* border-color: $heading-border; */
  }
  .panel-success > .panel-heading .panel-title {
    font-size: 28px;
    letter-spacing: 0;
  }
  .panel-success > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: transparent;
  }
  .panel-success > .panel-heading .badge {
    color: #dff0d8;
    background-color: #3c763d;
  }
  .panel-success > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #d6e9c6;
  }

  .panel-info {
    /*  border-color: $border; */
  }
  .panel-info > .panel-heading {
    color: #31708f;
    position: relative;
    padding: 0px 0px 10px;
    border-bottom: solid 3px #fff;
    margin-bottom: 30px;
    box-shadow: 0px 1px 0px 0px #EBEBEB;
    /* background-color: $heading-bg-color; */
    /* border-color: $heading-border; */
  }
  .panel-info > .panel-heading .panel-title {
    font-size: 28px;
    letter-spacing: 0;
  }
  .panel-info > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: transparent;
  }
  .panel-info > .panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f;
  }
  .panel-info > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #bce8f1;
  }

  .panel-warning {
    /*  border-color: $border; */
  }
  .panel-warning > .panel-heading {
    color: #8a6d3b;
    position: relative;
    padding: 0px 0px 10px;
    border-bottom: solid 3px #fff;
    margin-bottom: 30px;
    box-shadow: 0px 1px 0px 0px #EBEBEB;
    /* background-color: $heading-bg-color; */
    /* border-color: $heading-border; */
  }
  .panel-warning > .panel-heading .panel-title {
    font-size: 28px;
    letter-spacing: 0;
  }
  .panel-warning > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: transparent;
  }
  .panel-warning > .panel-heading .badge {
    color: #fcf8e3;
    background-color: #8a6d3b;
  }
  .panel-warning > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #faebcc;
  }

  .panel-danger {
    /*  border-color: $border; */
  }
  .panel-danger > .panel-heading {
    color: #a94442;
    position: relative;
    padding: 0px 0px 10px;
    border-bottom: solid 3px #fff;
    margin-bottom: 30px;
    box-shadow: 0px 1px 0px 0px #EBEBEB;
    /* background-color: $heading-bg-color; */
    /* border-color: $heading-border; */
  }
  .panel-danger > .panel-heading .panel-title {
    font-size: 28px;
    letter-spacing: 0;
  }
  .panel-danger > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: transparent;
  }
  .panel-danger > .panel-heading .badge {
    color: #f2dede;
    background-color: #a94442;
  }
  .panel-danger > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ebccd1;
  }

  .embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
  }
  .embed-responsive .embed-responsive-item,
  .embed-responsive iframe,
  .embed-responsive embed,
  .embed-responsive object,
  .embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0;
  }

  .embed-responsive-16by9 {
    padding-bottom: 56.25%;
  }

  .embed-responsive-4by3 {
    padding-bottom: 75%;
  }

  .well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  }
  .well blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, 0.15);
  }

  .well-lg {
    padding: 24px;
    border-radius: 0px;
  }

  .well-sm {
    padding: 9px;
    border-radius: 0px;
  }

  .close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #272727;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.2;
    filter: alpha(opacity=20);
  }
  .close:hover, .close:focus {
    color: #272727;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.5;
    filter: alpha(opacity=50);
  }

  button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
  }

  .modal-open {
    overflow: hidden;
  }

  .modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
  }
  .modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
  }
  .modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
  }

  .modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
  }

  .modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    outline: 0;
  }

  .modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #272727;
  }
  .modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0);
  }
  .modal-backdrop.in {
    opacity: 0.5;
    filter: alpha(opacity=50);
  }

  .modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.42857px;
  }

  .modal-header .close {
    margin-top: -2px;
  }

  .modal-title {
    margin: 0;
    line-height: 1.42857;
  }

  .modal-body {
    position: relative;
    padding: 15px;
  }

  .modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
  }
  .modal-footer:before, .modal-footer:after {
    content: " ";
    display: table;
  }
  .modal-footer:after {
    clear: both;
  }
  .modal-footer .btn + .btn {
    margin-left: 5px;
    margin-bottom: 0;
  }
  .modal-footer .btn-group .btn + .btn {
    margin-left: -1px;
  }
  .modal-footer .btn-block + .btn-block {
    margin-left: 0;
  }

  .modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
  }

  @media (min-width: 768px) {
    .modal-dialog {
      width: 600px;
      margin: 30px auto;
    }

    .modal-content {
      -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }

    .modal-sm {
      width: 300px;
    }
  }
  @media (min-width: 992px) {
    .modal-lg {
      width: 900px;
    }
  }
  .tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: 'Quicksand', sans-serif;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.42857;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 12px;
    opacity: 0;
    filter: alpha(opacity=0);
  }
  .tooltip.in {
    opacity: 0.9;
    filter: alpha(opacity=90);
  }
  .tooltip.top {
    margin-top: -3px;
    padding: 5px 0;
  }
  .tooltip.right {
    margin-left: 3px;
    padding: 0 5px;
  }
  .tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0;
  }
  .tooltip.left {
    margin-left: -3px;
    padding: 0 5px;
  }

  .tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #272727;
    border-radius: 0px;
  }

  .tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
  }

  .tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #272727;
  }
  .tooltip.top-left .tooltip-arrow {
    bottom: 0;
    right: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #272727;
  }
  .tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #272727;
  }
  .tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #272727;
  }
  .tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #272727;
  }
  .tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #272727;
  }
  .tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #272727;
  }
  .tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #272727;
  }

  .popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: 'Quicksand', sans-serif;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.42857;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 14px;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  }
  .popover.top {
    margin-top: -10px;
  }
  .popover.right {
    margin-left: 10px;
  }
  .popover.bottom {
    margin-top: 10px;
  }
  .popover.left {
    margin-left: -10px;
  }

  .popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: -1px -1px 0 0;
  }

  .popover-content {
    padding: 9px 14px;
  }

  .popover > .arrow, .popover > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
  }

  .popover > .arrow {
    border-width: 11px;
  }

  .popover > .arrow:after {
    border-width: 10px;
    content: "";
  }

  .popover.top > .arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999999;
    border-top-color: rgba(0, 0, 0, 0.25);
    bottom: -11px;
  }
  .popover.top > .arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff;
  }
  .popover.right > .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999999;
    border-right-color: rgba(0, 0, 0, 0.25);
  }
  .popover.right > .arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #fff;
  }
  .popover.bottom > .arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999999;
    border-bottom-color: rgba(0, 0, 0, 0.25);
    top: -11px;
  }
  .popover.bottom > .arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff;
  }
  .popover.left > .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999999;
    border-left-color: rgba(0, 0, 0, 0.25);
  }
  .popover.left > .arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -10px;
  }

  .carousel {
    position: relative;
  }

  .carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
  }
  .carousel-inner > .item {
    display: none;
    position: relative;
    -webkit-transition: 0.6s ease-in-out left;
    -o-transition: 0.6s ease-in-out left;
    transition: 0.6s ease-in-out left;
  }
  .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto;
    line-height: 1;
  }
  @media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-inner > .item {
      -webkit-transition: -webkit-transform 0.6s ease-in-out;
      -moz-transition: -moz-transform 0.6s ease-in-out;
      -o-transition: -o-transform 0.6s ease-in-out;
      transition: transform 0.6s ease-in-out;
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-perspective: 1000px;
      -moz-perspective: 1000px;
      perspective: 1000px;
    }
    .carousel-inner > .item.next, .carousel-inner > .item.active.right {
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
      left: 0;
    }
    .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
      left: 0;
    }
    .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      left: 0;
    }
  }
  .carousel-inner > .active,
  .carousel-inner > .next,
  .carousel-inner > .prev {
    display: block;
  }
  .carousel-inner > .active {
    left: 0;
  }
  .carousel-inner > .next,
  .carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%;
  }
  .carousel-inner > .next {
    left: 100%;
  }
  .carousel-inner > .prev {
    left: -100%;
  }
  .carousel-inner > .next.left,
  .carousel-inner > .prev.right {
    left: 0;
  }
  .carousel-inner > .active.left {
    left: -100%;
  }
  .carousel-inner > .active.right {
    left: 100%;
  }

  .carousel-control {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 15%;
    opacity: 0.5;
    filter: alpha(opacity=50);
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  }
  .carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  }
  .carousel-control.right {
    left: auto;
    right: 0;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  }
  .carousel-control:hover, .carousel-control:focus {
    outline: 0;
    color: #fff;
    text-decoration: none;
    opacity: 0.9;
    filter: alpha(opacity=90);
  }
  .carousel-control .icon-prev,
  .carousel-control .icon-next,
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    z-index: 5;
    display: inline-block;
  }
  .carousel-control .icon-prev,
  .carousel-control .glyphicon-chevron-left {
    left: 50%;
    margin-left: -10px;
  }
  .carousel-control .icon-next,
  .carousel-control .glyphicon-chevron-right {
    right: 50%;
    margin-right: -10px;
  }
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 20px;
    height: 20px;
    line-height: 1;
    font-family: serif;
  }
  .carousel-control .icon-prev:before {
    content: '\2039';
  }
  .carousel-control .icon-next:before {
    content: '\203a';
  }

  .carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center;
  }
  .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    border: 1px solid #fff;
    border-radius: 10px;
    cursor: pointer;
    background-color: #272727 \9;
    background-color: transparent;
  }
  .carousel-indicators .active {
    margin: 0;
    width: 12px;
    height: 12px;
    background-color: #fff;
  }

  .carousel-caption {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 20px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  }
  .carousel-caption .btn {
    text-shadow: none;
  }

  @media screen and (min-width: 768px) {
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-prev,
    .carousel-control .icon-next {
      width: 30px;
      height: 30px;
      margin-top: -15px;
      font-size: 30px;
    }
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
      margin-left: -15px;
    }
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {
      margin-right: -15px;
    }

    .carousel-caption {
      left: 20%;
      right: 20%;
      padding-bottom: 30px;
    }

    .carousel-indicators {
      bottom: 20px;
    }
  }
  .clearfix:before, .clearfix:after {
    content: " ";
    display: table;
  }
  .clearfix:after {
    clear: both;
  }

  .center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .pull-right {
    float: right !important;
  }

  .pull-left {
    float: left !important;
  }

  .hide {
    display: none !important;
  }

  .show {
    display: block !important;
  }

  .invisible {
    visibility: hidden;
  }

  .text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
  }

  .hidden {
    display: none !important;
  }

  .affix {
    position: fixed;
  }

  @-ms-viewport {
    width: device-width;
  }
  .visible-xs {
    display: none !important;
  }

  .visible-sm {
    display: none !important;
  }

  .visible-md {
    display: none !important;
  }

  .visible-lg {
    display: none !important;
  }

  .visible-xs-block,
  .visible-xs-inline,
  .visible-xs-inline-block,
  .visible-sm-block,
  .visible-sm-inline,
  .visible-sm-inline-block,
  .visible-md-block,
  .visible-md-inline,
  .visible-md-inline-block,
  .visible-lg-block,
  .visible-lg-inline,
  .visible-lg-inline-block {
    display: none !important;
  }

  @media (max-width: 767px) {
    .visible-xs {
      display: block !important;
    }

    table.visible-xs {
      display: table !important;
    }

    tr.visible-xs {
      display: table-row !important;
    }

    th.visible-xs,
    td.visible-xs {
      display: table-cell !important;
    }
  }
  @media (max-width: 767px) {
    .visible-xs-block {
      display: block !important;
    }
  }

  @media (max-width: 767px) {
    .visible-xs-inline {
      display: inline !important;
    }
  }

  @media (max-width: 767px) {
    .visible-xs-inline-block {
      display: inline-block !important;
    }
  }

  @media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
      display: block !important;
    }

    table.visible-sm {
      display: table !important;
    }

    tr.visible-sm {
      display: table-row !important;
    }

    th.visible-sm,
    td.visible-sm {
      display: table-cell !important;
    }
  }
  @media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
      display: block !important;
    }
  }

  @media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
      display: inline !important;
    }
  }

  @media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
      display: inline-block !important;
    }
  }

  @media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
      display: block !important;
    }

    table.visible-md {
      display: table !important;
    }

    tr.visible-md {
      display: table-row !important;
    }

    th.visible-md,
    td.visible-md {
      display: table-cell !important;
    }
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
      display: block !important;
    }
  }

  @media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
      display: inline !important;
    }
  }

  @media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
      display: inline-block !important;
    }
  }

  @media (min-width: 1200px) {
    .visible-lg {
      display: block !important;
    }

    table.visible-lg {
      display: table !important;
    }

    tr.visible-lg {
      display: table-row !important;
    }

    th.visible-lg,
    td.visible-lg {
      display: table-cell !important;
    }
  }
  @media (min-width: 1200px) {
    .visible-lg-block {
      display: block !important;
    }
  }

  @media (min-width: 1200px) {
    .visible-lg-inline {
      display: inline !important;
    }
  }

  @media (min-width: 1200px) {
    .visible-lg-inline-block {
      display: inline-block !important;
    }
  }

  @media (max-width: 767px) {
    .hidden-xs {
      display: none !important;
    }
  }
  @media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
      display: none !important;
    }
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
      display: none !important;
    }
  }
  @media (min-width: 1200px) {
    .hidden-lg {
      display: none !important;
    }
  }
  .visible-print {
    display: none !important;
  }

  @media print {
    .visible-print {
      display: block !important;
    }

    table.visible-print {
      display: table !important;
    }

    tr.visible-print {
      display: table-row !important;
    }

    th.visible-print,
    td.visible-print {
      display: table-cell !important;
    }
  }
  .visible-print-block {
    display: none !important;
  }
  @media print {
    .visible-print-block {
      display: block !important;
    }
  }

  .visible-print-inline {
    display: none !important;
  }
  @media print {
    .visible-print-inline {
      display: inline !important;
    }
  }

  .visible-print-inline-block {
    display: none !important;
  }
  @media print {
    .visible-print-inline-block {
      display: inline-block !important;
    }
  }

  @media print {
    .hidden-print {
      display: none !important;
    }
  }
  /****/
  /** elements mixins **/
/**
* Transition-timing-function property@mixin 
*/
/*background RGBA
============================================*/
/*inline-block
============================================*/
/****/
/****/
/*
 * Global variables
 */
 /* main color which will be used for all main block styles... */
/**
 * Import component variables
 */
 /* --- SCSS For Accordion --- */
 /* --- SCSS For Breadcrumb --- */
 /* --- SCSS For Buttons --- */
 /* --- SCSS For Call-to-action --- */
 /* --- SCSS For Content-slider --- */
 /*  */
 /* carousel-controls-v1 */
 /* carousel-controls-v2 */
 /* carousel-controls-v3 */
 /* Navigation Styles */
 /* carousel-indicators-v1 */
 /* carousel-indicators-v2 */
 /* carousel-indicators-v3 */
 /* carousel-indicators-v4 */
 /* carousel-indicators-v5 */
 /* carousel-indicators-v6 */
 /* --- SCSS For Counters --- */
 /* --- SCSS For Heading --- */
 /* --- SCSS For Icon-box --- */
 /* --- SCSS For Interactive-banner --- */
 /* --- SCSS For Latest-posts --- */
 /* latest posts */
 /* --- SCSS For List --- */
 /* variables for list */
 /* variables for list light */
 /* --- SCSS For Message --- */
 /* --- SCSS For Newsletter --- */
 /* --- SCSS For Piechart --- */
 /* --- SCSS For Pricing --- */
 /* --- SCSS For Process-steps --- */
 /* process-steps */
 /* --- SCSS For Service --- */
 /* variables for tab style1 using as base of tab */
 /* --- SCSS For Style-icon --- */
 /* Variables icons default */
 /* Variables icons bodered */
 /* Variables icons darker */
 /* Variables icons light */
 /* Variables icons plain */
 /* Variables icons for light style */
 /* Variables icons outline */
 /* Variables icons inverse */
 /* --- SCSS For Table --- */
 /* --- SCSS For Tabs --- */
 /* variables for tab style1 using as base of tab */
 /* tab style version 5 */
 /* tab style version 6 */
 /* --- SCSS For Testimonials --- */
 /* testimonials default */
 /* testimonials-v1 */
 /* testimonials light */
 /* --- SCSS For Typography --- */
/**
 *
 */
 body, html {
  overflow-x: hidden;
}

body.layout-boxed-lg {
  background-color: #f0f0f0;
}
body.layout-boxed-lg #page {
  background-color: #FFFFFF;
  margin: 0 auto;
  max-width: 1200px;
  overflow: hidden;
}
body.layout-boxed-lg #sys-notification {
  width: auto;
}

/* top */
header, .container {
  position: relative;
}

.topbar {
  background-color: #E1DBC8;
  border-bottom: 0;
  font-size: 14px;
  color: #1D3828;
}
.topbar #currency .currency-select {
  text-align: left;
}
.topbar .btn-link {
  color: #1D3828;
  font-size: 14px;
}
.topbar .btn-link:hover {
  color: #BD5C35;
}
.topbar .list-inline {
  margin: 0;
}
.topbar .list-inline li {
  float: left;
}
.rtl .topbar .list-inline li {
  float: right;
}
.topbar .info-topbar li {
  padding: 14px 0;
  margin-right: 15px;
  color: #1D3828;
  font-size: 14px;
  letter-spacing: 0;
}
.rtl .topbar .info-topbar li {
  margin-left: 15px;
  margin-right: inherit;
}
.topbar .info-topbar .fa,
.topbar .info-topbar .fas,
.topbar .info-topbar .far,
.topbar .info-topbar .ti {
  margin-right: 8px;
  font-size: 17px;
  vertical-align: middle;
  color: #1D3828;
}
.rtl .topbar .info-topbar .fa {
  margin-left: 8px;
  margin-right: inherit;
}
.topbar .minibasket {
  margin-top: 6px;
  margin-bottom: 0;
}
.topbar .search-box-wrapper .btn-search {
  height: 46px;
}
.topbar .search-box-wrapper .btn-search .fa {
  height: 30px;
  line-height: 30px;
  margin-right: 8px;
  width: 100%;
  border-right: 1px solid rgba(232, 56, 67, 0.2);
}
.rtl .topbar .search-box-wrapper .btn-search .fa {
  border-left: 1px solid rgba(232, 56, 67, 0.2);
  border-right: inherit;
}

/* cart */
.minibasket {
/*  margin-bottom: 10px;*/
  float: none;
/*  background: url("../../image/red/cart.png") no-repeat center left;*/
/*  padding-left: 30px;*/
/*  min-width: 150px;*/
}
.rtl .minibasket {
  float: left;
}
.minibasket button.dropdown-toggle {
  background: none;
  border: none;
  text-align: center;
  font-size: 14px;
  color: #7A7A7A;
}
.rtl .minibasket button.dropdown-toggle {
  text-align: right;
}
.minibasket button.dropdown-toggle i {
  display: block;
  width: 40px;
  height: 40px;
  font-size: 30px;
  float: left;
}
.rtl .minibasket button.dropdown-toggle i {
  float: right;
}
.minibasket span {
  font-size: 14px;
  font-weight: 400;
}
.minibasket span,
.minibasket .heading-cart {
  margin: 0;
  text-transform: none;
}
.minibasket .dropdown-menu {
  background: #FFFFFF;
  z-index: 1001;
  min-width: 445px;
  padding: 20px;
  margin-top: 0;
  right: 0;
}
.rtl .minibasket .dropdown-menu {
  left: 0;
  right: auto;
}
.minibasket .dropdown-menu table {
  margin-bottom: 10px;
}
.minibasket .dropdown-menu table tr {
  background: #FFFFFF;
}
.minibasket .dropdown-menu li > div {
  padding: 0 10px;
}
.minibasket .dropdown-menu li p {
  margin: 20px 0;
}
.minibasket .dropdown-menu .image {
  width: 90px;
}
.minibasket .dropdown-menu .name {
  font-size: 16px;
}
.minibasket .heading-cart {
  font-size: 16px;
  color: #7A7A7A;
  font-weight: 400;
}
.minibasket:hover {
  cursor: pointer;
}

#input-captcha {
  margin-bottom: 10px;
}

/* top links */
.top-link button.btn, .top-link li, .top-link a {
  color: #1D3828;
  text-decoration: none;
  font-size: 14px;
  text-transform: none;
  font-weight: 400;
  letter-spacing: 0;
}
.top-link button.btn:hover, .top-link li:hover, .top-link a:hover {
  color: #BD5C35;
}
.top-link a + a {
  margin-left: 15px;
}
.top-link .btn-link strong {
  font-size: 14px;
  line-height: 14px;
}
.top-link .btn-group {
  display: block;
}
.top-link .dropdown-toggle,
.top-link button.btn {
  padding: 15px 0;
  display: block;
}
.top-link button.btn {
  float: none;
  display: block;
  border: none;
}
.top-link .list-inline li {
  /* la voce di sinistra della topbar deve partire dal bordo del container
     come in bozza: 10px di margine + 5px di padding Bootstrap la
     spostavano di 15px verso destra rispetto alle altre sezioni */
  margin-left: 0;
  padding-left: 0;
}
.rtl .top-link .list-inline li {
  margin-right: 10px;
  margin-left: inherit;
}
.top-link .list-inline .dropdown-menu {
  margin: 0;
  left: auto;
  right: 0;
  min-width: 180px;
}
.rtl .top-link .list-inline .dropdown-menu {
  right: auto;
  left: auto;
}
.rtl .top-link .list-inline .dropdown-menu {
  left: 0;
  right: auto;
}
.top-link .list-inline .dropdown-menu li {
  border-bottom: 1px solid #ebebeb;
  margin: 0;
  padding: 6px 0;
  width: 100%;
}
.top-link .list-inline .dropdown-menu li:last-child {
  border-bottom: none;
}
.top-link .list-inline .dropdown-menu li button.btn {
  padding: 5px 20px;
}
.top-link .list-inline .dropdown-menu li a {
  text-shadow: none;
  font-size: 12px;
}
.top-link .list-inline .dropdown-menu li a:hover {
  color: #1D3828;
  font-weight: 500;
}
.top-link .list-inline .dropdown-menu .fa {
  margin-right: 10px;
}
.rtl .top-link .list-inline .dropdown-menu .fa {
  margin-left: 10px;
  margin-right: inherit;
}

/* header-v1 */
.header-v1 {
  background-color: #FFFFFF;
}
.header-v1 .search-cart {
  padding: 32px 0;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 99;
  min-width: 320px;
}
.rtl .header-v1 .search-cart {
  left: 0;
  right: auto;
}
.header-v1 .logo {
  margin: 0;
  padding: 32px 0;
/*  min-width: 280px;*/
  position: relative;
  z-index: 99;
}
.header-v1 .navbar-mega .navbar-nav > li {
  padding: 0;
}
.header-v1 .navbar-mega .navbar-nav > li a {
  padding-top: 45px;
  padding-bottom: 45px;
}
.header-v1 .btn-search {
  background: none;
  border: 1px solid #ebebeb;
}

/* header-v2 */
.header-v2 {
  -webkit-box-shadow: 0 1px 1px 0 #e2e2e2;
  box-shadow: 0 1px 1px 0 #e2e2e2;
  margin-bottom: 2px;
}
.header-v2 .part-1 {
  padding-top: 30px;
  padding-bottom: 30px;
}
.header-v2 .part-2 {
  border-top: 1px solid #ebebeb;
}
.header-v2 .navbar-mega .navbar-nav > li {
  border-right: 1px solid #ebebeb;
  padding: 0;
}
.rtl .header-v2 .navbar-mega .navbar-nav > li {
  border-left: 1px solid #ebebeb;
  border-right: inherit;
}
.header-v2 .navbar-mega .navbar-nav > li a {
  padding: 25px 20px;
}
.header-v2 .search-cart {
  position: absolute;
  top: 16px;
  right: 0;
}
.rtl .header-v2 .search-cart {
  left: 0;
  right: auto;
}
.header-v2 .search-cart .search-box-wrapper .btn-search {
  background-color: #FFFFFF;
  border: 1px solid #ebebeb;
}
.header-v2 .search-cart .search-box-wrapper .btn-search:hover {
  background-color: #1D3828;
}

/* header-v3 */
.topbar-v3 {
  background-color: #282828;
  border-bottom: 1px solid #303030;
}

.header-v3 {
  background-color: #282828;
}
.header-v3 .part-1 {
  padding-top: 30px;
  padding-bottom: 30px;
}
.header-v3 .part-2 {
  background-color: #1D3828;
}
.header-v3 .navbar-mega .navbar-nav > li:active > a, .header-v3 .navbar-mega .navbar-nav > li:focus > a, .header-v3 .navbar-mega .navbar-nav > li:hover > a {
  color: #FFFFFF;
}
.header-v3 .logo {
  text-align: center;
}
.header-v3 .minibasket {
  background: url("../../image/red/cart_2.png") no-repeat center left;
  padding-left: 30px;
  margin-bottom: 0;
}
.header-v3 .minibasket .heading-cart {
  color: #FFFFFF;
}
.header-v3 .img-responsive {
  display: inline-block;
}
.header-v3 .navbar-mega .navbar-nav > li {
  padding: 0;
}
.header-v3 .navbar-mega .navbar-nav > li a {
  padding: 18px 20px;
}
.header-v3 .search-cart {
  padding: 8px 0px;
  float: right;
  position: relative;
  z-index: 99;
  min-width: 320px;
}
.rtl .header-v3 .search-cart {
  float: left;
}
.header-v3 .search-box-wrapper .btn-search {
  background: none;
  color: #1D3828;
  font-size: 16px;
}
.header-v3 .search-box-wrapper .btn-search:hover .fa {
  color: #FFFFFF;
}

/* header-v4 */
.topbar-v4 {
  background-color: #282828;
}
.topbar-v4 #top-links .list-inline li {
  margin-left: 0;
  margin-right: 10px;
}
.rtl .topbar-v4 #top-links .list-inline li {
  margin-right: 0;
  margin-left: inherit;
}
.rtl .topbar-v4 #top-links .list-inline li {
  margin-left: 10px;
  margin-right: inherit;
}

.topbar-v4 .top-link .list-inline .dropdown-menu,
.topbar-v5 .top-link .list-inline .dropdown-menu {
  left: 0;
}
.rtl .topbar-v4 .top-link .list-inline .dropdown-menu, .rtl
.topbar-v5 .top-link .list-inline .dropdown-menu {
  right: 0;
  left: auto;
}

.topbar-v5 .top-link .list-inline li,
.topbar-v4 .top-link .list-inline li {
  margin-left: 0;
  margin-right: 10px;
}
.rtl .topbar-v5 .top-link .list-inline li, .rtl
.topbar-v4 .top-link .list-inline li {
  margin-right: 0;
  margin-left: inherit;
}
.rtl .topbar-v5 .top-link .list-inline li, .rtl
.topbar-v4 .top-link .list-inline li {
  margin-left: 10px;
  margin-right: inherit;
}

.header-v4 {
  background-color: #FFFFFF;
}
.header-v4 .part-1 {
  padding-top: 30px;
  padding-bottom: 30px;
}
.header-v4 .part-2 {
  background-color: #FFFFFF;
}
.header-v4 .logo {
  text-align: center;
}
.header-v4 .minibasket {
  background: url("../../image/red/cart_2.png") no-repeat center left;
  padding-left: 30px;
}
.header-v4 .minibasket .heading-cart {
  color: #FFFFFF;
}
.header-v4 .img-responsive {
  display: inline-block;
}
.header-v4 .navbar-mega .navbar-nav {
  text-align: center;
}
.header-v4 .navbar-mega .navbar-nav > li {
  float: none !important;
  display: inline-block;
  padding: 0;
}
.header-v4 .navbar-mega .navbar-nav > li a {
  padding: 22px 20px;
  font-weight: 600;
  letter-spacing: 0;
  color: #282828;
}
.header-v4 .navbar-mega .navbar-nav > li a:hover {
  color: #1D3828;
}
.header-v4 .search-cart {
  padding: 8px 0px;
}
.header-v4 .search-box-wrapper .btn-search {
  background: none;
  color: #1D3828;
  font-size: 16px;
}

/* header v5 */
.topbar-v5 {
  background-color: #282828;
  border-bottom: 1px solid rgba(235, 235, 235, 0.1);
}

.header-v5 {
  background-color: #282828;
}
.header-v5 .logo {
  padding: 30px 0;
  float: left;
  min-width: 320px;
  position: relative;
  z-index: 99;
}
.rtl .header-v5 .logo {
  float: right;
}
.header-v5 .navbar-mega .pavo-widget .product-block .name a {
  color: #666666;
}
.header-v5 .navbar-mega .pavo-widget .product-block .name a:hover {
  color: #1D3828;
}
.header-v5 .navbar-mega .navbar-nav > li {
  padding: 0;
}
.header-v5 .navbar-mega .navbar-nav > li a {
  padding: 45px 20px;
  color: #FFFFFF;
}
.header-v5 .navbar-mega .navbar-nav > li a:hover {
  color: #1D3828;
}
.header-v5 .navbar-mega .navbar-nav > li a .caret {
  color: #FFFFFF;
}

/* logo */
/* Search, Cart */
/* search */
.input-group {
  margin-bottom: 10px;
}
.input-group .input-lg, .input-group .input-group-lg > .form-control,
.input-group .input-group-lg > .input-group-addon,
.input-group .input-group-lg > .input-group-btn > .btn {
  height: 40px;
  line-height: 20px;
  padding: 0 10px;
}
.input-group .btn-lg, .input-group .btn-group-lg > .btn {
  font-size: 15px;
  line-height: 18px;
  padding: 10px 20px;
  text-shadow: 0 1px 0 #FFF;
}

.search-box .input-group-addon {
  background: #FFFFFF;
  border: none;
  border-radius: 0px 0px 0px 0px;
  min-width: 200px;
  font-weight: normal;
  position: relative;
  padding: 2px 0 !important;
}
.search-box .input-group-addon input {
  background: transparent;
  border-color: #1D3828;
  color: #FFF;
}
.search-box .input-group-addon:after {
  content: " ";
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background: #CCC;
}
.search-box .input-group-addon:before {
  content: "\f107";
  position: absolute;
  right: 14px;
  top: 50%;
  margin-top: -6.5px;
  font-size: 13px;
  line-height: 1;
  color: #999999;
  font-family: 'FontAwesome', Verdana;
}
.search-box input, .search-box select {
  border: 1px solid #DBD6C6;
  border-radius: 50px;
}
.search-box select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0 0 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: 0 0 0 !important;
  font-weight: normal;
  margin-right: 2px;
}
.search-box.search-box-simple .input-group {
  border: solid 2px #1D3828;
  border-radius: 0px;
  background: #FFFFFF;
}
.search-box.search-box-simple .input-group-addon {
  background: transparent;
}
.search-box.search-box-simple input {
  color: #272727;
}

.toggle-overlay-container {
  height: 80px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  visibility: hidden;
  width: 100%;
  z-index: 10;
  background: #FFFFFF;
}
.toggle-overlay-container .search-box {
  width: calc(100% - 86px);
  float: left;
  height: 100%;
}
.rtl .toggle-overlay-container .search-box {
  float: right;
}
.toggle-overlay-container .search-box .input-group {
  width: 100%;
  margin: 0px auto;
}
.toggle-overlay-container .search-box .input-group .form-control {
  height: 100%;
  line-height: 78px;
  font-size: 30px;
}
.toggle-overlay-container .search-box .input-group .form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.toggle-overlay-container .search-box .btn-default {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.toggle-overlay-container .search-box .btn-default .fa {
  color: #666666;
  font-size: 20px;
  margin-right: 20px;
}
.rtl .toggle-overlay-container .search-box .btn-default .fa {
  margin-left: 20px;
  margin-right: inherit;
}
.toggle-overlay-container .search-box .btn-default:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.toggle-overlay-container .search-box .btn-default:hover .fa {
  color: #1D3828;
}
.toggle-overlay-container .dropdown-toggle-button {
  width: 86px;
  height: 100%;
  text-align: center;
  float: right;
  background: #F2f2f2;
  cursor: hand;
  cursor: pointer;
  line-height: 72px;
  font-size: 30px;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.toggle-overlay-container .dropdown-toggle-button:hover {
  -webkit-box-shadow: 0 0 0 80px #9dce61 inset;
  box-shadow: 0 0 0 80px #9dce61 inset;
  color: #FFFFFF;
}
.toggle-overlay-container.active {
  opacity: 1;
  visibility: visible;
  border-bottom: 2px solid #1D3828;
}

/* Search Box Wrapper */
.search-box-wrapper .btn-search {
  width: 40px;
  height: 40px;
  margin-right: 20px;
  background: none;
  padding: 0;
}
.rtl .search-box-wrapper .btn-search {
  margin-left: 20px;
  margin-right: inherit;
}
.search-box-wrapper .btn-search:hover .fa {
  color: #1D3828;
}

/* menu */
.breadcrumb {
  padding: 0px;
  position: relative;
  margin-bottom: 30px;
  background-color: #F1EFE6;

}

.breadcrumbs {
  padding: 0px;
  position: relative;
  margin-bottom: 30px;
  background-color: transparent;

}

.breadcrumb .breadcrumb-heading, .breadcrumbs .breadcrumb-heading {
  margin: 0;
  color: #272727;
  text-transform: uppercase;
  font-size: 32px;
  font-weight: 600;
}
.breadcrumb ul, .breadcrumbs ul {
  list-style: none;
  padding: 0px;
}
.breadcrumb ul li, .breadcrumbs ul li {
  display: inline-block;
  color: #272727;
  padding-right: 5px;
  white-space: nowrap;
}
.rtl .breadcrumb ul li, .rtl .breadcrumbs ul li {
  padding-left: 5px;
  padding-right: inherit;
}
.breadcrumb ul li a, .breadcrumbs ul li a {
    color: #272727;
    text-transform: none;
    font-weight: 600;
    font-size: 13px;
    padding-right: 5px;
    text-decoration: none;
}
.rtl .breadcrumb ul li a, .rtl .breadcrumbs ul li a {
  padding-left: 5px;
  padding-right: inherit;
}
.breadcrumb ul li a:hover {
  color: #1D3828;
}

/*
 *  Categories Info
 */
 .category-description {
  padding-top: 20px;
  padding-bottom: 20px;
  line-height: 22px;
}

#pav-categorymenu ul li span.head a {
  float: right;
}
.rtl #pav-categorymenu ul li span.head a {
  float: left;
}

.refine-search {
  margin-bottom: 20px;
}
.refine-search ul {
  list-style: none;
  padding: 0 20px;
}
.refine-search ul li {
  padding: 8px 0px;
  list-style: inside none square;
}

.maincols {
  overflow: hidden;
  /*padding-bottom: 30px; edit */
}

.common-home .maincols {
  padding-bottom: 0px;
}

/* content */
#content {
  min-height: 600px;
}

@media (max-width: 991px) {
  #content {
    min-height: 0;
  }
}

/*
 *  Sys Notification
 */
 #sys-notification {
  position: fixed;
  top: 10px;
  width: 100%;
  z-index: 9999;
}

    .zoomContainer .zoomWindow {
      right: 100% !important;
    }
    .rtl .zoomContainer .zoomWindow {
      left: 100% !important;
      right: auto;
    }

    #push-top {
      background-color: #e0e0e0;
      box-shadow: 0 0 0 0 #1cba37 inset;
      color: #414141;
      cursor: pointer;
      width: 50px;
      height: 50px;
      line-height: 50px;
      position: fixed;
      right: 15px;
      text-align: center;
      top: 80%;
      transition: all 0.5s ease-in-out 0s;
      z-index: 999;
    }
    .rtl #push-top {
      left: 15px;
      right: auto;
    }

/*
*  Main Menu
*/
.navbar-mega {
  min-height: inherit;
  margin: 0px;
  border: 0px solid transparent;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}
.navbar-mega .navbar-nav {
  float: none;
}
.navbar-mega .navbar-nav > .open > a {
  border-color: transparent;
  border-left-color: rgba(0, 0, 0, 0.1);
  color: #1D3828;
  background: transparent;
}
.navbar-mega .navbar-nav > .open > a:before {
  opacity: 1;
  filter: alpha(opacity=100);
}
.navbar-mega .navbar-nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.navbar-mega .navbar-nav ul li.parent {
  position: relative;
}
.navbar-mega .navbar-nav ul li.dropdown-submenu {
  position: relative;
}
.navbar-mega .navbar-nav ul li.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  right: auto;
  position: absolute;
}
.rtl .navbar-mega .navbar-nav ul li.dropdown-submenu .dropdown-menu {
  right: 100%;
  left: auto;
}
.navbar-mega .navbar-nav li.active {
  background: none;
}
.navbar-mega .navbar-nav li.active > a {
  background: none;
  color: #1D3828;
}
.navbar-mega .navbar-nav li.active > a .caret {
  color: #1D3828;
}
.navbar-mega .navbar-nav li a:hover, .navbar-mega .navbar-nav li a:active, .navbar-mega .navbar-nav li a:focus {
  background: none;
  color: #1D3828;
}
.navbar-mega .navbar-nav li.open > a {
  background: none;
  color: #1D3828;
}
.navbar-mega .navbar-nav > li {
  float: left;
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-top: 0;
  padding: 18px 0;
}
.rtl .navbar-mega .navbar-nav > li {
  float: right;
}
.navbar-mega .navbar-nav > li > a {
  font-family: 'Quicksand', sans-serif;
  position: relative;
  color: #4D4D4D;
  padding: 0 12px;
  margin: 0;
  text-transform: none;
  font-weight: 400;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 15px;
  /* 9 */
  font-size: 1.5rem;
  /* 9 */
  -webkit-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
}
@media (max-width: 1199px) {
  .navbar-mega .navbar-nav > li > a {
    padding: 0 15px;
  }
}
.navbar-mega .navbar-nav > li > a .caret {
  color: #222222;
  border-width: 3px;
  -webkit-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
}
.navbar-mega .navbar-nav > li > a:hover, .navbar-mega .navbar-nav > li > a:focus {
  color: #1D3828;
  background: transparent;
}
.navbar-mega .navbar-nav > li > a:hover .caret, .navbar-mega .navbar-nav > li > a:focus .caret {
  color: #1D3828;
}
.navbar-mega .navbar-nav > li:hover > .dropdown-menu {
  display: block;
}
.navbar-mega .navbar-nav > li:hover > a, .navbar-mega .navbar-nav > li:focus > a {
  color: #1D3828;
  background: transparent;
}
.navbar-mega .navbar-nav > li:hover > a .caret, .navbar-mega .navbar-nav > li:focus > a .caret {
  color: #1D3828;
}
.navbar-mega .navbar-nav > li:first-child a {
  border: none;
}
.navbar-mega .navbar-nav > li .dropdown-menu {
  padding: 30px;
  border-top: 2px solid #1D3828;
  background: #FFFFFF;
  min-width: 200px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.navbar-mega .navbar-nav > li .dropdown-menu ul.dropdown-menu {
  left: 100%;
  top: 0;
  position: absolute;
}
.rtl .navbar-mega .navbar-nav > li .dropdown-menu ul.dropdown-menu {
  right: 100%;
  left: auto;
}
.navbar-mega .navbar-nav > li .dropdown-menu .row {
  padding-top: 0;
}
.navbar-mega .navbar-nav > li .dropdown-menu li {
  display: block;
  padding: 0;
  position: relative;
}
.navbar-mega .navbar-nav > li .dropdown-menu li a {
  min-height: inherit;
  display: block;
  font-weight: 400;
  padding: 12px 0px;
  color: #666666;
  text-transform: none;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 14px;
  /* 9 */
  font-size: 1.4rem;
  /* 9 */
  border-bottom: 1px solid #ebebeb;
}
.navbar-mega .navbar-nav > li .dropdown-menu li a:hover {
  color: #1D3828;
  background: transparent;
}
.navbar-mega .navbar-nav > li .dropdown-menu li:hover > .dropdown-menu {
  display: block;
}
.navbar-mega .navbar-nav > li .dropdown-menu li:last-child a {
  border: none;
}
.navbar-mega .navbar-nav > li .mega-dropdown-menu {
  padding: 30px;
}
.navbar-mega .navbar-nav > li .mega-dropdown-menu ul li a {
  padding-left: 0;
  padding-right: 0;
}
.rtl .navbar-mega .navbar-nav > li .mega-dropdown-menu ul li a {
  padding-right: 0;
  padding-left: inherit;
}
.rtl .navbar-mega .navbar-nav > li .mega-dropdown-menu ul li a {
  padding-left: 0;
  padding-right: inherit;
}
.navbar-mega .navbar-nav > li .mega-dropdown-menu ul li a:hover {
  padding-left: 10px;
  padding-right: 10px;
}
.rtl .navbar-mega .navbar-nav > li .mega-dropdown-menu ul li a:hover {
  padding-right: 10px;
  padding-left: inherit;
}
.rtl .navbar-mega .navbar-nav > li .mega-dropdown-menu ul li a:hover {
  padding-left: 10px;
  padding-right: inherit;
}
.navbar-mega .navbar-nav .pavo-widget ul li a {
  padding: 12px 0;
}
.navbar-mega .navbar-nav .pavo-widget .product-block {
  overflow: hidden;
  margin-bottom: 20px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.navbar-mega .navbar-nav .pavo-widget .product-block .name a {
  padding: 0;
  font-weight: 400;
}
.navbar-mega .navbar-nav .pavo-widget .product-block .product-img {
  margin-right: 20px;
  border: 1px solid #ebebeb;
}
.rtl .navbar-mega .navbar-nav .pavo-widget .product-block .product-img {
  margin-left: 20px;
  margin-right: inherit;
}
.navbar-mega .navbar-nav .pavo-widget .product-block .product-img a.img {
  padding: 0;
}
.navbar-mega .navbar-nav .pavo-widget .product-block .product-img img {
  max-width: 100px;
}
.navbar-mega .navbar-nav .pavo-widget .product-block .product-img:before {
  display: none;
}
.navbar-mega .navbar-nav .pavo-widget .product-block .product-label {
  display: none;
}
.navbar-mega .navbar-nav .pavo-widget .product-block .media-body {
  text-align: left;
}
.rtl .navbar-mega .navbar-nav .pavo-widget .product-block .media-body {
  text-align: right;
}
.navbar-mega .navbar-nav .pavo-widget .widget-heading {
  font-size: 15px;
  font-weight: 500;
  text-transform: uppercase;
}
.navbar-mega .navbar-nav > .active {
  background: transparent;
}
.navbar-mega .navbar-nav > .active > a {
  color: #1D3828;
}
.navbar-mega .navbar-nav > .active > a:before {
  opacity: 1;
  filter: alpha(opacity=100);
}
.navbar-mega .navbar-nav .aligned-center > .dropdown-menu {
  left: 50%;
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -o-transform: translate(-50%);
}
.rtl .navbar-mega .navbar-nav .aligned-center > .dropdown-menu {
  right: 50%;
  left: auto;
}
.navbar-mega .navbar-nav .aligned-right > .dropdown-menu {
  left: auto;
  right: 0;
}
.navbar-mega .navbar-nav > .aligned-fullwidth {
  position: static !important;
}
.navbar-mega .navbar-nav > .aligned-fullwidth > .dropdown-menu {
  width: 100% !important;
  padding: 30px;
}
.navbar-mega .navbar-nav .container-mega .row {
  padding-bottom: 0;
  margin: 15px 0 30px !important;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.navbar-mega .navbar-nav .container-mega .row > div {
  position: relative;
}
.navbar-mega .navbar-nav .container-mega .row > div:after {
  content: "";
  width: 1px;
  height: 1000px;
  background: #423B4D;
  position: absolute;
  left: 0;
  top: 0;
}
.navbar-mega .navbar-nav .container-mega .row > div:first-child:after {
  content: none;
}
.navbar-mega .text-label {
  position: absolute;
  top: -20px;
  right: 45%;
  padding: 0px 3px;
  font-size: 9px;
  color: #FFFFFF;
}
.navbar-mega .text-label.text-hot {
  background: #e93434;
}
.navbar-mega .text-label.text-hot:after {
  border-top-color: #e93434;
}
.navbar-mega .text-label.text-new {
  background: #04adf0;
}
.navbar-mega .text-label.text-new:after {
  border-top-color: #04adf0;
}
.navbar-mega .text-label:after {
  content: "";
  position: absolute;
  border: 3px solid transparent;
  top: 100%;
  left: 50%;
  margin-left: -3px;
}

/**
 * White Styles
 */
 .navbar-mega-light .navbar-mega .navbar-nav > li > a, .navbar-mega-light .navbar-mega .navbar-nav > li > a .caret {
  color: #FFFFFF;
}
.navbar-mega-light .navbar-mega .navbar-nav > li.active > a::before, .navbar-mega-light .navbar-mega .navbar-nav > li:hover > a::before {
  background: #FFFFFF;
}

.navbar-mega-theme {
  background: #1D3828;
}
.navbar-mega-theme .navbar-mega .navbar-nav > li > a, .navbar-mega-theme .navbar-mega .navbar-nav > li > a .caret {
  color: #FFFFFF;
}

/**
 * Simple Styles
 */
 .navbar-mega-simple {
  text-align: center;
}
.navbar-mega-simple .pbr-megamenu {
  display: inline-block;
}

/*** Vertical Megamenu ***/
.pbr-vertical-menu .navbar-vertical-mega {
  display: block;
  position: relative;
  width: 100%;
}
.pbr-vertical-menu .navbar-vertical-mega > li {
  display: block;
  float: none;
  clear: both;
  width: 100%;
  border-bottom: solid 1px #ebebeb;
}
.pbr-vertical-menu .navbar-vertical-mega > li > a {
  text-transform: uppercase;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 13px;
}
.pbr-vertical-menu .navbar-vertical-mega > li .dropdown-menu {
  top: 0;
  left: 100%;
}
.pbr-vertical-menu .navbar-vertical-mega > li:hover > .dropdown-menu {
  display: block;
}
.pbr-vertical-menu .navbar-vertical-mega > li .caret {
  float: right;
}
.pbr-vertical-menu.menu-right > li .dropdown-menu {
  top: 0;
  right: 100%;
}

/*
 *    Blog module
 */
 div[class*="pavcol"] {
  padding: 0 20px;
}

.blog-item {
  padding: 0px;
}
.blog-item .latest-posts-image {
  margin-bottom: 20px;
}
.blog-item .created {
  font-style: italic;
  color: #282828;
}
.blog-item .latest-posts-title {
  min-height: 42px;
}
.blog-item .latest-posts-title a {
  color: #282828;
  font-weight: 500;
  letter-spacing: -0.5px;
}
.blog-item .latest-posts-title a:hover {
  color: #1D3828;
}
.blog-item .image {
  margin-bottom: 20px;
}
.blog-item .shortinfo {
  font-size: 15px;
  letter-spacing: 0;
  color: #999999;
  font-weight: 300;
}

.pavblog-comments {
  padding: 20px;
}

.pav-filter-blogs {
  background: #FFFFFF none repeat scroll 0 0;
  padding: 30px;
}
.pav-filter-blogs .blog-item {
  margin-bottom: 20px;
}
.pav-filter-blogs .blog-item .text-link {
  font-weight: 600;
}
.pav-filter-blogs .blog-item .text-link .fa {
  margin-left: 10px;
}
.rtl .pav-filter-blogs .blog-item .text-link .fa {
  margin-right: 10px;
  margin-left: inherit;
}
.pav-filter-blogs .list-inline > li {
  display: inline;
}

.pav-blog-detail .image {
  width: 100%;
  overflow: hidden;
  margin: 20px 0;
}

.pavblogs-comments-box img {
  padding-right: 12px;
  float: left;
}
.rtl .pavblogs-comments-box img {
  padding-left: 12px;
  padding-right: inherit;
}
.rtl .pavblogs-comments-box img {
  float: right;
}

#comment-form label {
  float: left;
}
.rtl #comment-form label {
  float: right;
}

/*-----------------------------------------------------------------------------

	-	Revolution Slider 2.0 Captions -

		Screen Stylesheet

version:   	1.4.5
date:      	09/18/11
last update: 06.12.2012
author:		themepunch
email:     	info@themepunch.com
website:   	http://www.themepunch.com
-----------------------------------------------------------------------------*/
.layerslider-wrapper {
  margin: 0 auto;
  position: relative;
}

.rev_slider {
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 940px;
}

.bannercontainer {
  position: relative;
  margin: 0px auto;
  overflow: hidden;
}

.bannercontainer .banner-fullwidth {
  width: 100% !important;
  max-height: 100% !important;
}

.bannercontainer.banner-fullwidth {
  width: 100% !important;
}
.bannercontainer.banner-fullwidth .fullwidthbanner {
  max-height: 100% !important;
  overflow: hidden !important;
  padding: 0;
  position: relative;
}

.tp-bullets.simplebullets.round .bullet {
  width: 10px;
  height: 10px;
  background-color: #282828;
}
.tp-bullets.simplebullets.round .bullet.selected {
  background-color: #1D3828;
}

.tp-caption.brown {
  color: #8f7560 !important;
}
.tp-caption.black {
  color: #414141 !important;
}
.tp-caption.very_large_black_text {
  color: #282828 !important;
}
.tp-caption.btn-slider-black {
  background-color: #282828;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  padding: 0 !important;
}
.tp-caption.btn-slider-black a {
  font-size: 15px;
  color: #FFFFFF;
  text-transform: uppercase;
  font-weight: 600;
  padding: 12px 30px;
  display: block;
  letter-spacing: 0px;
}
.tp-caption.btn-slider-black:hover {
  background-color: #2d2d2d;
}
.tp-caption.btn-slider {
  border: 2px solid #FFFFFF;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  padding: 0;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
}
.tp-caption.btn-slider a {
  font-size: 14px;
  color: #FFFFFF;
  text-transform: uppercase;
  font-weight: 600;
  padding: 12px 30px;
  display: block;
}
.tp-caption.btn-slider:hover {
  background-color: #1D3828;
  border: 2px solid #1D3828;
}
.tp-caption.btn-slider:hover a {
  color: #FFFFFF;
}
.tp-caption.btn-slider .fa {
  margin-left: 10px;
}
.rtl .tp-caption.btn-slider .fa {
  margin-right: 10px;
  margin-left: inherit;
}
.tp-caption.btn-theme {
  background-color: #1D3828;
  border: none;
  -webkit-box-shadow: 0px 1px 3px -2px #272727;
  box-shadow: 0px 1px 3px -2px #272727;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.tp-caption.btn-theme:hover {
  background-color: #ed666e;
  color: #FFFFFF;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/*
 *    dropdown menu {
   */
   .dropdown-menu {
    left: 0;
    float: left;
    text-align: left;
  }
  .rtl .dropdown-menu {
    right: 0;
    left: auto;
  }
  .rtl .dropdown-menu {
    float: right;
  }
  .rtl .dropdown-menu {
    text-align: right;
  }

/*
*    Panel Heading
*/
.panel-default > .panel-heading:before {
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 30px;
  height: 3px;
  background-color: " ";
  content: "";
  background: #1D3828;
}
.rtl .panel-default > .panel-heading:before {
  right: 0;
  left: auto;
}

/*
 * Form required
 */
 div.required .control-label::before {
  color: #f00;
  content: "* ";
  font-weight: bold;
}

/*
 *    Widget layout
 */
 #column-left .panel-heading,
 #column-right .panel-heading {
  background-color: #FFFFFF;
  padding: 20px;
  margin-bottom: 0;
}
#column-left .panel-heading .panel-title,
#column-right .panel-heading .panel-title {
  font-size: 22px;
  font-weight: 500;
}
#column-left .panel-heading:before,
#column-right .panel-heading:before {
  display: none;
}
#column-left .panel-body,
#column-right .panel-body {
  background-color: #FFFFFF;
}
#column-left .panel-body ul,
#column-right .panel-body ul {
  list-style: none;
  padding: 10px 0;
}
#column-left .panel-body ul li,
#column-right .panel-body ul li {
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 0;
  background-color: transparent;
  padding: 10px 20px;
}
#column-left .panel-body ul li a.active,
#column-right .panel-body ul li a.active {
  font-weight: 600;
  color: #1D3828;
}
#column-left .panel-body ul li:last-child,
#column-right .panel-body ul li:last-child {
  border-bottom: none;
}
#column-left .panel-body a.list-group-item,
#column-right .panel-body a.list-group-item {
  font-weight: 600;
}
#column-left .panel-body label.checkbox,
#column-right .panel-body label.checkbox {
  font-weight: 400;
}
#column-left .panel-body .filter-submit,
#column-right .panel-body .filter-submit {
  padding: 0 20px;
  margin-bottom: 20px;
}

.panel {
  -webkit-box-shadow: 0 0px 0px transparent;
  box-shadow: 0 0px 0px transparent;
}

.panel-body .list-group-item {
  border: none;
}
.panel-body .list-group-item:hover > a, .panel-body .list-group-item li:hover a {
  font-weight: 400;
}
.panel-body .list-group-item ul li {
  padding: 5px 0;
  border: none;
}

.nav-tabs {
  margin-bottom: 20px;
}

.list-unstyled {
  color: #333;
  font-size: 13px;
  line-height: 23px;
}
.list-unstyled span {
  color: #1D3828;
}

.price {
  font-size: 16px;
  color: #272727;
  margin-top: -5px;
}
.price .price-new {
  color: #1D3828;
  font-weight: 600;
}
.price .price-old {
  font-size: 15px;
  color: #9A9A9A;
  font-weight: 400;
  text-decoration: line-through;
  font-family: 'Quicksand', sans-serif;
}

.price.detail .price-new {
  font-size: 22px;
  font-weight: bold;
  color: #1D3828;
}

/* product style */
.products-row {
  margin-bottom: 60px;
}

.product-block {
  position: relative;
  width: 100%;
  background-color: #FFFFFF;
  text-align: center;
  border-radius: 8px;
  overflow: hidden;
  -webkit-box-shadow: 0 2px 10px 0 rgba(29, 56, 40, 0.08);
  box-shadow: 0 2px 10px 0 rgba(29, 56, 40, 0.08);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.product-block .description {
  line-height: 20px;
  height: 40px;
  overflow: hidden;
  margin-bottom: 20px;
  color: #666666;
  display: none;
}
.product-block .name {
  line-height: 18px;
  margin-bottom: 10px;
  margin-top: 0;
  overflow: hidden;
  font-weight: normal;
}
.product-block .name a {
  font-size: 14px;
  font-family: inherit;
  text-transform: none;
}
.product-block .name a:hover {
  color: #1D3828;
}
.product-block .image {
  position: relative;
  overflow: hidden;
  border: 0px;
  text-align: center;
  -webkit-border-radius: 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0;
  -ms-border-radius: 8px 8px 0 0;
  -o-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
  z-index: 0;
}
.product-block .image .img-responsive {
  display: inline-block;
}
.product-block .product-meta {
  position: relative;
  margin-top: 15px;
  padding: 0 16px 18px !important;
}
.product-block .top {

  text-align: left;
}
.rtl .product-block .top {
  text-align: right;
}
.product-block .bottom {
  background-color: #FFFFFF;
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
  width: 100%;
  height: auto;
  bottom: 0;
  overflow: hidden;
  text-align: left;
  padding: 30px 30px 14px;
  padding-top: 0;
  z-index: 9;
  -webkit-box-shadow: 0px 1px 1px 0px #e2e2e2;
  box-shadow: 0px 1px 1px 0px #e2e2e2;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.rtl .product-block .bottom {
  text-align: right;
}
.product-block .action-button {
  bottom: 0;
  font-size: 12px;
  height: 40px;
  left: 0;
  margin: auto;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  width: 100%;
  z-index: 11;
  border-radius: 1px;
  text-align: center;
}
.product-block .action-button .zoom,
.product-block .action-button .quickview {
  width: 30px;
  height: 30px;
  background-color: #fefefe;
  display: inline-block;
}
.product-block .action-button .zoom a,
.product-block .action-button .quickview a {
  line-height: 30px;
  padding: 0;
}
.product-block .action-button .zoom:hover,
.product-block .action-button .quickview:hover {
  background-color: #1D3828;
}
.product-block .action-button .zoom:hover a,
.product-block .action-button .quickview:hover a {
  color: #FFFFFF;
}
.product-block .product-img {
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
}
.product-block .product-img:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 20%;
  height: 20%;
  opacity: 0;
  filter: alpha(opacity=0);
  background: rgba(9, 9, 9, 0.3);
  -webkit-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
}
.product-block .action {
  -webkit-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}
.product-block .action > div {
  background-color: #1D3828;
  text-align: center;
  display: inline-block;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  width: 35px;
  height: 35px;
  line-height: 35px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  color: #FFFFFF;
}
.product-block .action > div:last-child {
  border-right: 0;
}
.product-block .action > div:hover {
  background-color: #1D3828;
}
.product-block .action button.btn-action {
  background-color: transparent;
  border: none;
  padding: 0;
}
.product-block .action button.btn-action:hover {
  color: #FFFFFF;
}
.product-block .action .cart span {
  display: none;
}
.product-block:hover .product-img:before {
  width: 100%;
  height: 100%;
  opacity: 1;
  filter: alpha(opacity=100);
}
.product-block:hover .bottom {
  bottom: -28px;
}
.product-block:hover .bottom,
.product-block:hover .action-button {
  opacity: 1;
  filter: alpha(opacity=100);
}
.product-block:hover .zoom {
  opacity: 1;
  filter: alpha(opacity=100);
  top: 10px;
}
.product-block:hover .action > div {
  opacity: 1;
}

.product-layout.product-list {
  margin-bottom: 30px;
}
.product-layout.product-list .product-block {
  background-color: #FFFFFF;
  overflow: hidden;
}
.product-layout.product-list .product-block .description {
  display: block;
}
.product-layout.product-list .product-block .name a {
  font-size: 26px;
}
.product-layout.product-list .product-block .price {
  font-size: 20px;
  padding: 10px 0;
}
.product-layout.product-list .product-block .price-old {
  font-size: 16px;
}
.product-layout.product-list .product-block .top {
  padding-bottom: 0;
}
.product-layout.product-list .product-block .bottom {
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: 1;
  filter: alpha(opacity=100);
  position: relative;
}
.product-layout.product-list .product-block:hover .bottom {
  bottom: 0;
}
.product-layout.product-list .image {
  width: 35%;
}
.product-layout.product-list .product-meta {
  width: 63%;
}
.product-layout.product-list .image,
.product-layout.product-list .product-meta {
  display: inline-block;
  float: left;
}
.rtl .product-layout.product-list .image, .rtl
.product-layout.product-list .product-meta {
  float: right;
}

.pav-hover-image {
  opacity: .3;
  width: 100%;
}
.pav-hover-image:hover {
  opacity: 1;
}

.product-label {
  color: #FFFFFF;
  font-size: 13px;
  background-color: #EE3729;
  font-weight: 500;
  line-height: 22px;
  width: 40px;
  height: 22px;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 1;
  -webkit-transform: translateZ(0px);
  -moz-transform: translateZ(0px);
  -ms-transform: translateZ(0px);
  -o-transform: translateZ(0px);
  transform: translateZ(0px);
  text-align: center;
}
.rtl .product-label {
  left: 10px;
  right: auto;
}
.product-label:before {
  border-color: #EE3729 transparent transparent;
  border-style: solid;
  border-width: 7px 7px 7px 0;
  bottom: -14px;
  content: "";
  pointer-events: none;
  position: absolute;
  left: 0;
  transition-duration: 0.3s;
  transition-property: bottom;
  z-index: -1;
}
.rtl .product-label:before {
  right: 0;
  left: auto;
}

.rating {
  font-weight: 300;
}
.rating .fa-stack {
  width: 1em;
  font-size: 13px;
  width: 15px;
  height: 18px;
}
.rating .fa-star {
  color: #FFC000;
  height: 13px;
  line-height: 13px;
}
.rating .fa-star-o {
  color: #DBD6C6;
  height: 13px;
  line-height: 13px;
}

.thumbs-image .image {
  -webkit-box-shadow: 0 1px 1px 0 #e2e2e2;
  box-shadow: 0 1px 1px 0 #e2e2e2;
}

.thumbs-preview {
  margin-top: 10px;
}
.thumbs-preview .item.row {
  margin-left: -5px;
  margin-right: -5px;
}
.thumbs-preview .image-hitem {
  padding-left: 5px;
  padding-right: 5px;
}
.thumbs-preview .image-hitem img {
  -webkit-box-shadow: 0 1px 1px 0 #e2e2e2;
  box-shadow: 0 1px 1px 0 #e2e2e2;
}
.thumbs-preview .carousel-controls {
  width: 100%;
  top: 30px;
}
.thumbs-preview .carousel-controls .fa {
  line-height: 27px;
}

.product-tabs .tabs-group {
  padding-bottom: 0;
}
.product-tabs .tabs-group .nav-tabs > li > a {
  text-transform: uppercase;
}

.product-view {
  background-color: #FFFFFF;
  padding: 30px;
}
.product-view .heading {
  margin: 0;
}
.product-view .btn-cart {
  background-color: #1D3828;
  text-transform: uppercase;
  color: #FFFFFF;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  font-size: 13px;
  font-weight: 600;
  padding: 10px 50px;
}

.addthis_toolbox {
  height: 40px;
  overflow: hidden;
}

.tabs-group {
  padding-top: 30px;
  padding-bottom: 30px;
}
.tabs-group .nav-tabs {
  border-bottom: 3px solid #FFFFFF;
  -webkit-box-shadow: 0 1px 0 0 #ebebeb;
  box-shadow: 0 1px 0 0 #ebebeb;
}
.tabs-group .nav-tabs > li.active a {
  border: none;
  color: #1D3828;
}
.tabs-group .nav-tabs > li.active a:before {
  opacity: 1;
  filter: alpha(opacity=100);
  width: 100%;
  height: 3px;
}
.tabs-group .nav-tabs > li > a {
  border: none;
  font-size: 16px;
  font-weight: 600;
  margin-right: 40px;
  padding-right: 0px;
  padding-left: 0;
  letter-spacing: 0px;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
}
.rtl .tabs-group .nav-tabs > li > a {
  margin-left: 40px;
  margin-right: inherit;
}
.rtl .tabs-group .nav-tabs > li > a {
  padding-left: 0px;
  padding-right: inherit;
}
.rtl .tabs-group .nav-tabs > li > a {
  padding-right: 0;
  padding-left: inherit;
}
.tabs-group .nav-tabs > li > a:before {
  background: #1D3828;
  position: absolute;
  width: 0%;
  height: 3px;
  bottom: -2px;
  left: 0;
  content: "";
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
}
.tabs-group .nav-tabs > li > a:hover {
  background-color: transparent;
}
.tabs-group .nav-tabs > li > a:hover:before {
  opacity: 1;
  filter: alpha(opacity=100);
  width: 100%;
  height: 3px;
}
.tabs-group .tab-content {
  background-color: #FFFFFF;
  padding: 30px;
  line-height: 26px;
  letter-spacing: 0;
  color: #666666;
  font-weight: 300;
}

.col-sm-25 {
  width: 20%;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
}
.rtl .col-sm-25 {
  float: right;
}

.padding-left-50 {
  padding-left: 50px;
}
@media (max-width: 991px){
.padding-left-10-mobile {
  padding-left: 10px;
  padding-right: 10px;
}
}
.rtl .padding-left-50 {
  padding-right: 50px;
  padding-left: inherit;
}

.panel {
  position: relative;
}

.no-padding {
  padding: 0;
}

.no-padding-left {
  padding-left: 0;
}
.rtl .no-padding-left {
  padding-right: 0;
  padding-left: inherit;
}

.no-padding-right {
  padding-right: 0;
}
.rtl .no-padding-right {
  padding-left: 0;
  padding-right: inherit;
}

@media (max-width:768px){
    .no-padding-mobile{
        padding: 0 !important;
    }
}
@media (min-width:1024px){
    .no-padding-desktop{
        padding: 0 !important;
    }
}
.margin-bottom-30 {
  margin-bottom: 30px;
}

.align-center {
  text-align: center;
}

.align-left {
  text-align: left;
}
.rtl .align-left {
  text-align: right;
}

.align-right {
  text-align: right;
}
.rtl .align-right {
  text-align: left;
}

.border-top {
  border-top: 1px solid #ebebeb;
}

.border-bottom {
  border-bottom: 1px solid #ebebeb;
}

.border-left {
  border-left: 1px solid #ebebeb;
}
.rtl .border-left {
  border-right: 1px solid #ebebeb;
  border-left: inherit;
}

.border-right {
  border-right: 1px solid #ebebeb;
}
.rtl .border-right {
  border-left: 1px solid #ebebeb;
  border-right: inherit;
}

.no-margin {
  padding: 0;
}

.owl-wrapper-outer {
  border-radius: 0px !important;
}

/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */
 .no-space-row .row {
  margin: 0;
}

.no-space-row [class^="col-"],
.no-space-row [class*="col-"] {
  padding: 0;
}

.bg-white {
  background: #FFF;
}

.btn-default {
  text-transform: uppercase;
  padding: 15px 40px;
  font-weight: 600;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-width: 2px;
  -webkit-box-shadow: 0 0 0 0px #1D3828 inset;
  box-shadow: 0 0 0 0px #1D3828 inset;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
}
.btn-default .fa {
  margin-left: 10px;
}
.rtl .btn-default .fa {
  margin-right: 10px;
  margin-left: inherit;
}
.btn-default a {
  color: #FFFFFF;
}
.btn-default:hover {
  -webkit-box-shadow: 0 0 0 40px #1D3828 inset;
  box-shadow: 0 0 0 40px #1D3828 inset;
  border-color: #1D3828;
}

.btn-outline-light {
  color: #FFFFFF;
  background-color: transparent;
  border-color: #FFFFFF;
}
.btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:active, .btn-outline-light.active {
  color: #FFFFFF;
  background-color: #1D3828;
  border-color: #1D3828;
}
.open .btn-outline-light.dropdown-toggle {
  color: #FFFFFF;
  background-color: #1D3828;
  border-color: #1D3828;
}
.btn-outline-light:active, .btn-outline-light.active {
  background-image: none;
}
.open .btn-outline-light.dropdown-toggle {
  background-image: none;
}
.btn-outline-light.disabled, .btn-outline-light.disabled:hover, .btn-outline-light.disabled:focus, .btn-outline-light.disabled:active, .btn-outline-light.disabled.active, .btn-outline-light[disabled], .btn-outline-light[disabled]:hover, .btn-outline-light[disabled]:focus, .btn-outline-light[disabled]:active, .btn-outline-light[disabled].active, fieldset[disabled] .btn-outline-light, fieldset[disabled] .btn-outline-light:hover, fieldset[disabled] .btn-outline-light:focus, fieldset[disabled] .btn-outline-light:active, fieldset[disabled] .btn-outline-light.active {
  background-color: transparent;
  border-color: #FFFFFF;
}
.btn-outline-light .badge {
  color: transparent;
  background-color: #FFFFFF;
}

.btn-outline-dark {
  color: #272727;
  background-color: transparent;
  border-color: #272727;
}
.btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark:active, .btn-outline-dark.active {
  color: #FFFFFF;
  background-color: #1D3828;
  border-color: #1D3828;
}
.open .btn-outline-dark.dropdown-toggle {
  color: #FFFFFF;
  background-color: #1D3828;
  border-color: #1D3828;
}
.btn-outline-dark:active, .btn-outline-dark.active {
  background-image: none;
}
.open .btn-outline-dark.dropdown-toggle {
  background-image: none;
}
.btn-outline-dark.disabled, .btn-outline-dark.disabled:hover, .btn-outline-dark.disabled:focus, .btn-outline-dark.disabled:active, .btn-outline-dark.disabled.active, .btn-outline-dark[disabled], .btn-outline-dark[disabled]:hover, .btn-outline-dark[disabled]:focus, .btn-outline-dark[disabled]:active, .btn-outline-dark[disabled].active, fieldset[disabled] .btn-outline-dark, fieldset[disabled] .btn-outline-dark:hover, fieldset[disabled] .btn-outline-dark:focus, fieldset[disabled] .btn-outline-dark:active, fieldset[disabled] .btn-outline-dark.active {
  background-color: transparent;
  border-color: #272727;
}
.btn-outline-dark .badge {
  color: transparent;
  background-color: #272727;
}

.btn-inverse-light {
  color: #333;
  background-color: #FFFFFF;
  border-color: #FFF;
}
.btn-inverse-light:hover, .btn-inverse-light:focus, .btn-inverse-light:active, .btn-inverse-light.active {
  color: #FFFFFF;
  background-color: transparent;
  border-color: #FFFFFF;
}
.open .btn-inverse-light.dropdown-toggle {
  color: #FFFFFF;
  background-color: transparent;
  border-color: #FFFFFF;
}
.btn-inverse-light:active, .btn-inverse-light.active {
  background-image: none;
}
.open .btn-inverse-light.dropdown-toggle {
  background-image: none;
}
.btn-inverse-light.disabled, .btn-inverse-light.disabled:hover, .btn-inverse-light.disabled:focus, .btn-inverse-light.disabled:active, .btn-inverse-light.disabled.active, .btn-inverse-light[disabled], .btn-inverse-light[disabled]:hover, .btn-inverse-light[disabled]:focus, .btn-inverse-light[disabled]:active, .btn-inverse-light[disabled].active, fieldset[disabled] .btn-inverse-light, fieldset[disabled] .btn-inverse-light:hover, fieldset[disabled] .btn-inverse-light:focus, fieldset[disabled] .btn-inverse-light:active, fieldset[disabled] .btn-inverse-light.active {
  background-color: #FFFFFF;
  border-color: #FFF;
}
.btn-inverse-light .badge {
  color: #FFFFFF;
  background-color: #333;
}

.btn-outline {
  background: transparent;
  background: transparent;
  background: transparent;
  background: transparent;
  background: transparent;
  background: transparent;
}
.btn-outline.btn-default {
  color: #272727;
}
.btn-outline.btn-default:hover {
  color: #FFFFFF;
}
.btn-outline.btn-primary {
  color: #333;
}
.btn-outline.btn-primary:hover {
  color: #FFFFFF;
}
.btn-outline.btn-success {
  color: #1D3828;
}
.btn-outline.btn-success:hover {
  color: #FFFFFF;
}
.btn-outline.btn-info {
  color: #04adf0;
}
.btn-outline.btn-info:hover {
  color: #FFFFFF;
}
.btn-outline.btn-danger {
  color: #e93434;
}
.btn-outline.btn-danger:hover {
  color: #FFFFFF;
}
.btn-outline.btn-warning {
  color: #f0c73b;
}
.btn-outline.btn-warning:hover {
  color: #FFFFFF;
}

.btn-inverse.btn-primary:hover {
  color: #333;
  background: transparent;
}
.btn-inverse.btn-success:hover {
  color: #1D3828;
  background: transparent;
}
.btn-inverse.btn-info:hover {
  color: #04adf0;
  background: transparent;
}
.btn-inverse.btn-danger:hover {
  color: #e93434;
  background: transparent;
}
.btn-inverse.btn-warning:hover {
  color: #f0c73b;
  background: transparent;
}

/* clearfix */
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

/* display none until init */
.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
  background: none !important;
}

.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
  border: none;
  box-shadow: none;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
  float: left;
}
.owl-carousel .owl-item .item {
  padding: 0px;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer;
}

.owl-controls .owl-buttons div {
  position: absolute;
}

.owl-controls .owl-buttons .owl-prev {
  left: 10px;
  top: 50%;
}

.owl-controls .owl-buttons .owl-next {
  right: 10px;
  top: 50%;
}

.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  display: none !important;
}

/* mouse grab icon */
/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
}

/* OpenCart Code */
.owl-carousel {
  margin: 0px !important;
  direction: ltr !important;
  overflow: hidden;
}

.owl-carousel .owl-buttons div {
  opacity: 0;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  transition: all .3s ease;
}

.owl-carousel:hover .owl-buttons div {
  opacity: 0.7;
}

.owl-carousel .owl-buttons div i {
  font-size: 40px;
  margin: -20px 0 0;
}

.owl-carousel .owl-buttons .owl-prev {
  left: -50px;
}

.owl-carousel .owl-buttons .owl-next {
  right: -50px;
}

.owl-carousel:hover .owl-buttons .owl-prev {
  left: 10px;
}

.owl-carousel:hover .owl-buttons .owl-next {
  right: 10px;
}

.owl-pagination {
  text-align: center;
  top: 0px;
  position: relative;
}

.owl-controls .owl-page {
  display: inline-block;
  margin: 0px 6px;
}

.owl-controls .owl-page span {
  display: block;
  width: 11px;
  height: 11px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 20px;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}

.owl-controls .owl-page.active span {
  background: rgba(0, 0, 0, 0.9);
}

.owl-carousel-play {
  position: relative;
}
.owl-carousel-play .owl-item:last-child .product-wrapper {
  border: none;
}

.owl-carousel-play .carousel-control {
  z-index: 5;
}

.carousel-md {
  width: 44px;
  height: 44px;
  line-height: 44px;
}

.carousel-sm {
  width: 34px;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
}

.carousel-xs {
  width: 28px;
  height: 28px;
  line-height: 28px;
  font-size: 14px;
}

.carousel-controls {
  width: 70px;
  height: 30px;
  right: 0px;
  position: absolute;
  top: -72px;
  z-index: 10;
}
.rtl .carousel-controls {
  left: 0px;
  right: auto;
}
.carousel-controls .carousel-control {
  background: #FFFFFF;
  color: #999999;
  z-index: 99;
  height: 25px;
  border: 1px solid #ebebeb;
  left: auto;
  text-shadow: none;
  font-size: 12px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-box-shadow: 0 1px 1px 0 #e2e2e2;
  box-shadow: 0 1px 1px 0 #e2e2e2;
  line-height: 27px;
}
.rtl .carousel-controls .carousel-control {
  right: auto;
  left: auto;
}
.carousel-controls .carousel-control.left {
  left: 0;
}
.carousel-controls .carousel-control.right {
  right: 0;
}
.carousel-controls .carousel-control:hover {
  background-color: #1D3828;
  color: #FFFFFF;
}

/*Font Weight*/
.text-purple {
  color: #6c58bd !important;
}

.text-red {
  color: #c32322 !important;
}

.text-red-1 {
  color: #ff0000 !important;
}

.text-orange {
  color: #f66000 !important;
}

.text-yellow {
  color: #e2d951 !important;
}

.text-black {
  color: #272727 !important;
}

.text-white, .text-light {
  color: #FFFFFF !important;
}

.text-darker {
  color: #333 !important;
}

.text-uppercase, .initialism {
  text-transform: uppercase;
}

/*Radius
------------------------------------*/
.radius-0 {
  border-radius: 0 !important;
}

.radius-x {
  border-radius: 50% !important;
}

.radius-1x {
  border-radius: 10px !important;
}

.radius-2x {
  border-radius: 20px !important;
}

.radius-3x {
  border-radius: 30px !important;
}

.radius-4x {
  border-radius: 40px !important;
}

.radius-5x {
  border-radius: 5px !important;
}

.radius-6x {
  border-radius: 3px !important;
}

/**
 * Menu
 */
 ul.menu {
  padding: 0;
  margin: 0;
}
ul.menu li {
  list-style: none;
}

/****/
.testimonials {
  color: #272727;
}
.testimonials .testimonials-avatar {
  width: 60px;
  height: 60px;
  overflow: hidden;
  margin-right: 15px;
}
.rtl .testimonials .testimonials-avatar {
  margin-left: 15px;
  margin-right: inherit;
}
.testimonials .testimonials-quote {
  background-color: #f3f3f3;
  margin-bottom: 20px;
  padding: 15px;
  position: relative;
}
.testimonials .testimonials-quote:after {
  bottom: -28px;
  color: #f3f3f3;
  content: "\f0d7";
  font-family: "FontAwesome";
  font-size: 30px;
  margin-left: -15px;
  position: absolute;
  text-align: center;
}
.rtl .testimonials .testimonials-quote:after {
  margin-right: -15px;
  margin-left: inherit;
}
.testimonials h3, .testimonials h4, .testimonials h5 {
  text-transform: uppercase;
  font-size: 13px;
  color: #272727;
}
.testimonials .testimonials-body {
  padding: 15px 10px;
  display: table;
  margin-top: 20px;
  margin-bottom: 20px;
  position: relative;
  display: block;
  overflow: hidden;
}
.testimonials .testimonials-left .testimonials-avatar {
  float: left;
}
.rtl .testimonials .testimonials-left .testimonials-avatar {
  float: right;
}
.testimonials.testimonials-v2 .testimonials-avatar {
  float: left;
}
.rtl .testimonials.testimonials-v2 .testimonials-avatar {
  float: right;
}
.testimonials.testimonials-v4 .testimonials-body {
  margin: 20px 25px;
}
.testimonials.testimonials-v4 .testimonials-avatar {
  position: absolute;
  top: 15px;
  left: -30px;
}
.testimonials.testimonials-v4 .testimonials-description, .testimonials.testimonials-v4 .testimonials-meta {
  margin-left: 30px;
}

/** SOCIAL ICONS ***/
.bo-social-icons [class^="bo-social-"] {
  color: #FFFFFF;
  display: inline-block;
  margin: 10px 5px;
  overflow: hidden;
  text-decoration: none;
  text-align: center;
  vertical-align: top;
  line-height: 36px;
  width: 36px;
  height: 36px;
  background: #ebebeb;
  color: #9f9f9f;
  transition: all 0.2s ease-out 0s;
}
.bo-social-icons [class^="bo-social-"]:hover {
  background: #272727;
  color: #FFFFFF;
}
.bo-social-icons .bo-social-white {
  background: #FFFFFF;
  color: #9f9f9f;
  border: 1px solid #9f9f9f;
}
.bo-social-icons .bo-social-outline {
  background: transparent;
  color: #272727;
  border: 1px solid #272727;
}
.bo-social-icons .bo-social-outline-light {
  background: transparent;
  color: #FFF;
  border: 1px solid #FFFFFF;
}
.bo-social-icons .bo-social-outline-light:hover {
  background: #FFF;
  color: #272727;
  border-color: #272727;
}
.bo-social-icons:first-child [class*="bo-social-"] {
  margin-top: 0;
}
.bo-social-icons:last-child [class*="bo-social-"] {
  margin-bottom: 0;
}
.bo-social-icons.bo-sicolor [class*="bo-social-"] {
  color: #FFFFFF;
}

.bo-sicolor .bo-social-twitter {
  background: #00bdec;
}
.bo-sicolor .bo-social-twitter:hover {
  background: #272727;
}
.bo-sicolor .bo-social-dribbble {
  background: #ef5b92;
}
.bo-sicolor .bo-social-dribbble:hover {
  background: #272727;
}
.bo-sicolor .bo-social-facebook {
  background: #3b5998;
}
.bo-sicolor .bo-social-facebook:hover {
  background: #272727;
}
.bo-sicolor .bo-social-duckduckgo {
  background: #de3100;
}
.bo-sicolor .bo-social-duckduckgo:hover {
  background: #272727;
}
.bo-sicolor .bo-social-aim {
  background: #158799;
}
.bo-sicolor .bo-social-aim:hover {
  background: #272727;
}
.bo-sicolor .bo-social-delicious {
  background: #183864;
}
.bo-sicolor .bo-social-delicious:hover {
  background: #272727;
}
.bo-sicolor .bo-social-paypal {
  background: #32689a;
}
.bo-sicolor .bo-social-paypal:hover {
  background: #272727;
}
.bo-sicolor .bo-social-android {
  background: #8ab733;
}
.bo-sicolor .bo-social-android:hover {
  background: #272727;
}
.bo-sicolor .bo-social-gplus {
  background: #d94a39;
}
.bo-sicolor .bo-social-gplus:hover {
  background: #272727;
}
.bo-sicolor .bo-social-lanyrd {
  background: #3879ba;
}
.bo-sicolor .bo-social-lanyrd:hover {
  background: #272727;
}
.bo-sicolor .bo-social-stumbleupon {
  background: #ea4b24;
}
.bo-sicolor .bo-social-stumbleupon:hover {
  background: #272727;
}
.bo-sicolor .bo-social-fivehundredpx {
  background: #00a6e1;
}
.bo-sicolor .bo-social-fivehundredpx:hover {
  background: #272727;
}
.bo-sicolor .bo-social-pinterest {
  background: #b8242a;
}
.bo-sicolor .bo-social-pinterest:hover {
  background: #272727;
}
.bo-sicolor .bo-social-bitcoin {
  background: #f7931a;
}
.bo-sicolor .bo-social-bitcoin:hover {
  background: #272727;
}
.bo-sicolor .bo-social-w3c {
  background: #005a9c;
}
.bo-sicolor .bo-social-w3c:hover {
  background: #272727;
}
.bo-sicolor .bo-social-foursquare {
  background: #3bb7e8;
}
.bo-sicolor .bo-social-foursquare:hover {
  background: #272727;
}
.bo-sicolor .bo-social-html5 {
  background: #e44e26;
}
.bo-sicolor .bo-social-html5:hover {
  background: #272727;
}
.bo-sicolor .bo-social-ie {
  background: #00ccff;
}
.bo-sicolor .bo-social-ie:hover {
  background: #272727;
}
.bo-sicolor .bo-social-grooveshark {
  background: #f66f00;
}
.bo-sicolor .bo-social-grooveshark:hover {
  background: #272727;
}
.bo-sicolor .bo-social-ninetyninedesigns {
  background: #ff5501;
}
.bo-sicolor .bo-social-ninetyninedesigns:hover {
  background: #272727;
}
.bo-sicolor .bo-social-forrst {
  background: #223f17;
}
.bo-sicolor .bo-social-forrst:hover {
  background: #272727;
}
.bo-sicolor .bo-social-spotify {
  background: #8fbd05;
}
.bo-sicolor .bo-social-spotify:hover {
  background: #272727;
}
.bo-sicolor .bo-social-reddit {
  background: #ff4500;
}
.bo-sicolor .bo-social-reddit:hover {
  background: #272727;
}
.bo-sicolor .bo-social-gowalla {
  background: #f6911d;
}
.bo-sicolor .bo-social-gowalla:hover {
  background: #272727;
}
.bo-sicolor .bo-social-apple {
  background: #5f5f5f;
}
.bo-sicolor .bo-social-apple:hover {
  background: #272727;
}
.bo-sicolor .bo-social-blogger {
  background: #fb9241;
}
.bo-sicolor .bo-social-blogger:hover {
  background: #272727;
}
.bo-sicolor .bo-social-cc {
  background: #5e7c00;
}
.bo-sicolor .bo-social-cc:hover {
  background: #272727;
}
.bo-sicolor .bo-social-evernote {
  background: #61b239;
}
.bo-sicolor .bo-social-evernote:hover {
  background: #272727;
}
.bo-sicolor .bo-social-flickr {
  background: #ff0084;
}
.bo-sicolor .bo-social-flickr:hover {
  background: #272727;
}
.bo-sicolor .bo-social-google {
  background: #d94a39;
}
.bo-sicolor .bo-social-google:hover {
  background: #272727;
}
.bo-sicolor .bo-social-viadeo {
  background: #f5a433;
}
.bo-sicolor .bo-social-viadeo:hover {
  background: #272727;
}
.bo-sicolor .bo-social-instapaper {
  background: #eaec08;
}
.bo-sicolor .bo-social-instapaper:hover {
  background: #272727;
}
.bo-sicolor .bo-social-klout {
  background: #e34600;
}
.bo-sicolor .bo-social-klout:hover {
  background: #272727;
}
.bo-sicolor .bo-social-linkedin {
  background: #1b92bd;
}
.bo-sicolor .bo-social-linkedin:hover {
  background: #272727;
}
.bo-sicolor .bo-social-meetup {
  background: #e51938;
}
.bo-sicolor .bo-social-meetup:hover {
  background: #272727;
}
.bo-sicolor .bo-social-vk {
  background: #587da4;
}
.bo-sicolor .bo-social-vk:hover {
  background: #272727;
}
.bo-sicolor .bo-social-disqus {
  background: #2e9fff;
}
.bo-sicolor .bo-social-disqus:hover {
  background: #272727;
}
.bo-sicolor .bo-social-rss {
  background: #ff7f00;
}
.bo-sicolor .bo-social-rss:hover {
  background: #272727;
}
.bo-sicolor .bo-social-skype {
  background: #18b7f1;
}
.bo-sicolor .bo-social-skype:hover {
  background: #272727;
}
.bo-sicolor .bo-social-youtube {
  background: #c4302b;
}
.bo-sicolor .bo-social-youtube:hover {
  background: #272727;
}
.bo-sicolor .bo-social-vimeo {
  background: #01557a;
}
.bo-sicolor .bo-social-vimeo:hover {
  background: #272727;
}
.bo-sicolor .bo-social-windows {
  background: #00ccff;
}
.bo-sicolor .bo-social-windows:hover {
  background: #272727;
}
.bo-sicolor .bo-social-xing {
  background: #036567;
}
.bo-sicolor .bo-social-xing:hover {
  background: #272727;
}
.bo-sicolor .bo-social-yahoo {
  background: #61399d;
}
.bo-sicolor .bo-social-yahoo:hover {
  background: #272727;
}
.bo-sicolor .bo-social-chrome {
  background: #58b947;
}
.bo-sicolor .bo-social-chrome:hover {
  background: #272727;
}
.bo-sicolor .bo-social-macstore {
  background: #6e6e6e;
}
.bo-sicolor .bo-social-macstore:hover {
  background: #272727;
}
.bo-sicolor .bo-social-amazon {
  background: #ff9900;
}
.bo-sicolor .bo-social-amazon:hover {
  background: #272727;
}
.bo-sicolor .bo-social-steam {
  background: #a5a4a1;
}
.bo-sicolor .bo-social-steam:hover {
  background: #272727;
}
.bo-sicolor .bo-social-dropbox {
  background: #7ab6ec;
}
.bo-sicolor .bo-social-dropbox:hover {
  background: #272727;
}
.bo-sicolor .bo-social-cloudapp {
  background: #489dde;
}
.bo-sicolor .bo-social-cloudapp:hover {
  background: #272727;
}
.bo-sicolor .bo-social-ebay {
  background: #86b817;
}
.bo-sicolor .bo-social-ebay:hover {
  background: #272727;
}
.bo-sicolor .bo-social-github {
  background: #667F8E;
}
.bo-sicolor .bo-social-github:hover {
  background: #272727;
}
.bo-sicolor .bo-social-googleplay {
  background: #5befd0;
}
.bo-sicolor .bo-social-googleplay:hover {
  background: #272727;
}
.bo-sicolor .bo-social-itunes {
  background: #177ac8;
}
.bo-sicolor .bo-social-itunes:hover {
  background: #272727;
}
.bo-sicolor .bo-social-plurk {
  background: #a73d07;
}
.bo-sicolor .bo-social-plurk:hover {
  background: #272727;
}
.bo-sicolor .bo-social-songkick {
  background: #f80046;
}
.bo-sicolor .bo-social-songkick:hover {
  background: #272727;
}
.bo-sicolor .bo-social-lastfm {
  background: #c60e16;
}
.bo-sicolor .bo-social-lastfm:hover {
  background: #272727;
}
.bo-sicolor .bo-social-gmail {
  background: #e04a3f;
}
.bo-sicolor .bo-social-gmail:hover {
  background: #272727;
}
.bo-sicolor .bo-social-pinboard {
  background: #224cf4;
}
.bo-sicolor .bo-social-pinboard:hover {
  background: #272727;
}
.bo-sicolor .bo-social-openid {
  background: #be661b;
}
.bo-sicolor .bo-social-openid:hover {
  background: #272727;
}
.bo-sicolor .bo-social-quora {
  background: #c41a00;
}
.bo-sicolor .bo-social-quora:hover {
  background: #272727;
}
.bo-sicolor .bo-social-soundcloud {
  background: #ff5c00;
}
.bo-sicolor .bo-social-soundcloud:hover {
  background: #272727;
}
.bo-sicolor .bo-social-tumblr {
  background: #395874;
}
.bo-sicolor .bo-social-tumblr:hover {
  background: #272727;
}
.bo-sicolor .bo-social-eventasaurus {
  background: #b9f15e;
}
.bo-sicolor .bo-social-eventasaurus:hover {
  background: #272727;
}
.bo-sicolor .bo-social-wordpress {
  background: #464646;
}
.bo-sicolor .bo-social-wordpress:hover {
  background: #272727;
}
.bo-sicolor .bo-social-yelp {
  background: #c41200;
}
.bo-sicolor .bo-social-yelp:hover {
  background: #272727;
}
.bo-sicolor .bo-social-intensedebate {
  background: #00aeef;
}
.bo-sicolor .bo-social-intensedebate:hover {
  background: #272727;
}
.bo-sicolor .bo-social-eventbrite {
  background: #ff6c00;
}
.bo-sicolor .bo-social-eventbrite:hover {
  background: #272727;
}
.bo-sicolor .bo-social-scribd {
  background: #002939;
}
.bo-sicolor .bo-social-scribd:hover {
  background: #272727;
}
.bo-sicolor .bo-social-posterous {
  background: #f8d667;
}
.bo-sicolor .bo-social-posterous:hover {
  background: #272727;
}
.bo-sicolor .bo-social-stripe {
  background: #617ee8;
}
.bo-sicolor .bo-social-stripe:hover {
  background: #272727;
}
.bo-sicolor .bo-social-opentable {
  background: #990000;
}
.bo-sicolor .bo-social-opentable:hover {
  background: #272727;
}
.bo-sicolor .bo-social-instagram {
  background: #4c799f;
}
.bo-sicolor .bo-social-instagram:hover {
  background: #272727;
}
.bo-sicolor .bo-social-dwolla {
  background: #ff7404;
}
.bo-sicolor .bo-social-dwolla:hover {
  background: #272727;
}
.bo-sicolor .bo-social-appnet {
  background: #1e0c29;
}
.bo-sicolor .bo-social-appnet:hover {
  background: #272727;
}
.bo-sicolor .bo-social-statusnet {
  background: #fb6104;
}
.bo-sicolor .bo-social-statusnet:hover {
  background: #272727;
}
.bo-sicolor .bo-social-acrobat {
  background: #ff0000;
}
.bo-sicolor .bo-social-acrobat:hover {
  background: #272727;
}
.bo-sicolor .bo-social-drupal {
  background: #007dc3;
}
.bo-sicolor .bo-social-drupal:hover {
  background: #272727;
}
.bo-sicolor .bo-social-pocket {
  background: #ee4056;
}
.bo-sicolor .bo-social-pocket:hover {
  background: #272727;
}
.bo-sicolor .bo-social-bitbucket {
  background: #205081;
}
.bo-sicolor .bo-social-bitbucket:hover {
  background: #272727;
}
.bo-sicolor .bo-social-flattr {
  background: #fbbc23;
}
.bo-sicolor .bo-social-flattr:hover {
  background: #272727;
}
.bo-sicolor .bo-social-eventful {
  background: #0066cc;
}
.bo-sicolor .bo-social-eventful:hover {
  background: #272727;
}
.bo-sicolor .bo-social-smashmag {
  background: #d6231c;
}
.bo-sicolor .bo-social-smashmag:hover {
  background: #272727;
}
.bo-sicolor .bo-social-wordpress {
  background: #1e8cbe;
}
.bo-sicolor .bo-social-wordpress:hover {
  background: #272727;
}
.bo-sicolor .bo-social-calendar {
  background: #ff0000;
}
.bo-sicolor .bo-social-calendar:hover {
  background: #272727;
}
.bo-sicolor .bo-social-call {
  background: #04be3d;
}
.bo-sicolor .bo-social-call:hover {
  background: #272727;
}
.bo-sicolor .bo-social-guest {
  background: #03a9d2;
}
.bo-sicolor .bo-social-guest:hover {
  background: #272727;
}
.bo-sicolor .bo-social-weibo {
  background: #fd0000;
}
.bo-sicolor .bo-social-weibo:hover {
  background: #272727;
}
.bo-sicolor .bo-social-plancast {
  background: #e4b82c;
}
.bo-sicolor .bo-social-plancast:hover {
  background: #272727;
}
.bo-sicolor .bo-social-email {
  background: blue;
}
.bo-sicolor .bo-social-email:hover {
  background: #272727;
}
.bo-sicolor .bo-social-myspace {
  background: #2068b0;
}
.bo-sicolor .bo-social-myspace:hover {
  background: #272727;
}
.bo-sicolor .bo-social-podcast {
  background: #f38b36;
}
.bo-sicolor .bo-social-podcast:hover {
  background: #272727;
}
.bo-sicolor .bo-social-cart {
  background: #00a204;
}
.bo-sicolor .bo-social-cart:hover {
  background: #272727;
}

/* --- SCSS For Counters --- */
.counters {
  text-align: center;
}
.counters .counter-wrap {
  font-size: 36px;
  color: #70ba28;
  font-weight: 800;
}
.counters .counter-wrap .fa {
  font-size: 46px;
}
.counters .counter-wrap .counter {
  position: relative;
  display: inline-block;
  padding-bottom: 5px;
  margin-bottom: 10px;
}
.counters .counter-wrap .counter:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 2px;
  background: #70ba28;
  bottom: 0;
  left: 50%;
  margin-left: -15px;
}
.counters h5 {
  font-weight: 700;
  margin: 5px 0 30px;
  text-transform: uppercase;
  position: relative;
  font-size: 14px;
}

/* --- Widget Images --- */
.widget-images .image-item {
  box-shadow: 0 1px 1px 0 #E2E2E2;
}

/* --- Introduce-banner --- */
.introduce-banner {
  background-color: #FFFFFF;
}
.introduce-banner .content-introduce .detail {
  padding: 19px;
  box-shadow: 0 1px 1px 0 #E2E2E2;
}
.introduce-banner .content-introduce .detail h2 {
  font-size: 18px;
  text-transform: uppercase;
  margin-top: 0;
  font-weight: 600;
}

/* --- SCSS For Pricing --- */
.pricing {
  text-align: center;
}
.pricing ul {
  padding-left: 0;
  padding-right: 0;
}
.pricing ul li {
  list-style: none;
}
.pricing.pricing-v1 {
  background: #FFFFFF;
  border: 3px solid #313131;
}
.pricing.pricing-v1 .pricing-header > * {
  font-family: 'Quicksand', sans-serif;
}
.pricing.pricing-v1 .plan-title {
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 300;
  margin: 0;
  padding: 30px 0;
  background: #313131;
  color: #FFFFFF;
}
.pricing.pricing-v1 .plan-figure {
  font-size: 48px;
  font-weight: 700;
  color: #272727;
}
.pricing.pricing-v1 .plan-price {
  font-size: 16px;
  border-bottom: 2px solid #ebebeb;
  line-height: 1;
  padding: 25px 0;
}
.pricing.pricing-v1 .plan-price p {
  margin: 0;
}
.pricing.pricing-v1 .plan-currency {
  font-size: 30px;
  font-weight: 700;
  color: #272727;
  position: relative;
  top: -15px;
}
.pricing.pricing-v1 .plain-info {
  padding: 20px;
}
.pricing.pricing-v1 .plain-info li {
  font-size: 16px;
  color: #555555;
  font-weight: 400;
  padding: 15px 0;
}
.pricing.pricing-v1 .pricing-footer {
  padding: 0px 20px 40px 20px;
}
.pricing.pricing-v1.pricing-highlight {
  border-color: #1D3828 !important;
}
.pricing.pricing-v2 {
  background: #FFFFFF;
}
.pricing.pricing-v2 .plan-title {
  color: #272727;
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 300;
  margin: 0;
  padding: 30px 0;
}
.pricing.pricing-v2 .plan-price {
  background: #333;
  margin: 0 -10px;
  position: relative;
  height: 100px;
}
.pricing.pricing-v2 .plan-price .plan-price-body {
  background: #333;
  margin: 0 auto;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: -15px;
  right: 0;
  color: #FFF;
  width: 130px;
  height: 130px;
}
.pricing.pricing-v2 .plan-price .plan-figure {
  font-size: 48px;
  font-weight: 300;
}
.pricing.pricing-v2 .plan-price .plan-currency {
  font-size: 30px;
  font-weight: 300;
}
.pricing.pricing-v2 .plain-info {
  padding: 20px;
}
.pricing.pricing-v2 .plain-info li {
  color: #272727;
  line-height: 62px;
  border-bottom: 1px dashed #C8C8C8;
}
.pricing.pricing-v2 .pricing-footer {
  padding: 0 20px 40px 20px;
}
.pricing.pricing-v2.pricing-highlight .plan-title {
  background: #FFFFFF;
  color: #272727;
}
.pricing.pricing-v2.pricing-highlight .plan-price-body {
  background: #1D3828;
  color: #FFFFFF;
}
.pricing.pricing-v2.pricing-highlight .btn-block {
  background: #1D3828;
  border-color: #1D3828;
}
.pricing.pricing-v2.pricing-highlight .btn-block:hover, .pricing.pricing-v2.pricing-highlight .btn-block:focus, .pricing.pricing-v2.pricing-highlight .btn-block:active {
  background: none;
  color: #1D3828;
}
.pricing.pricing-v3 {
  background: #FFFFFF;
  border: 1px solid #DEDEDE;
}
.pricing.pricing-v3 .plan-title {
  background: #261F2F;
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 300;
  margin: 0;
  padding: 30px 0;
  border: none;
}
.pricing.pricing-v3 .plan-title span {
  color: #FFFFFF;
}
.pricing.pricing-v3 .plan-figure {
  font-size: 48px;
  font-weight: 300;
  color: #272727;
}
.pricing.pricing-v3 .plan-price {
  font-size: 16px;
  background: #332C3E;
  padding: 15px 0;
}
.pricing.pricing-v3 .plan-price > * {
  color: #FFFFFF;
  line-height: 1;
}
.pricing.pricing-v3 .plan-currency {
  font-size: 30px;
  font-weight: 300;
}
.pricing.pricing-v3 .plain-info li {
  font-size: 16px;
  color: #272727;
  font-weight: 300;
  background: #F8F8F8;
  padding: 14px 0;
}
.pricing.pricing-v3 .plain-info li:nth-child(2n+1) {
  background: #FFFFFF;
}
.pricing.pricing-v3 .pricing-footer {
  padding: 0px 20px 40px 20px;
}
.pricing.pricing-v3.pricing-highlight .plan-title {
  background: #1D3828;
  color: #FFFFFF;
}
.pricing.pricing-v3.pricing-highlight .plan-price {
  background: #1D3828;
  color: #FFFFFF;
}
.pricing.pricing-v3.pricing-highlight .btn-block {
  background: #1D3828;
  border-color: #1D3828;
}
.pricing.pricing-v3.pricing-highlight .btn-block:hover, .pricing.pricing-v3.pricing-highlight .btn-block:focus, .pricing.pricing-v3.pricing-highlight .btn-block:active {
  background: none;
  color: #1D3828;
}
.pricing.pricing-highlight .plan-title {
  background: #1D3828;
  color: #FFFFFF;
}

/* our team */
[class*="team-v"] {
  text-align: center;
}
[class*="team-v"] [class^="bo-social-"] {
  margin: 0;
}
[class*="team-v"] .team-name {
  text-transform: uppercase;
  font-size: 14px;
  margin: 0 0 10px 0;
}

.team-list {
  margin-bottom: 50px;
}
.team-list .team-name {
  font-size: 18px;
  margin: 0 0 20px 0;
  text-transform: uppercase;
  padding: 0 0 20px 0;
  position: relative;
}
.team-list .team-name:after {
  bottom: 0;
  left: 0;
  content: "";
  background: #1D3828;
  width: 30px;
  height: 2px;
  position: absolute;
}
.team-list .team-position {
  text-transform: uppercase;
  color: #1D3828;
  font-weight: 800;
  margin-bottom: 25px;
}
.team-list .team-info {
  margin-bottom: 15px;
}
.team-list .bo-social-icons {
  text-align: left;
}
.team-list .bo-social-icons [class*="bo-social-"] {
  margin: 0;
}

.team-gallery {
  background: #FFF;
}
.team-gallery .team-header {
  position: relative;
  text-align: center;
}
.team-gallery .team-header:before {
  top: 0;
  left: 0;
  content: "";
  position: absolute;
  visibility: hidden;
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  background: rgba(232, 56, 67, 0.5);
}
.team-gallery .team-name {
  font-size: 14px;
  margin-top: 0;
  text-transform: uppercase;
}
.team-gallery .team-gallery-box {
  top: 0;
  left: 0;
  width: 80%;
  right: 0;
  height: 50%;
  bottom: 0;
  margin: auto;
  position: absolute;
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.team-gallery .team-info {
  color: #FFFFFF;
}
.team-gallery .team-position {
  color: #999999;
  margin-bottom: 0;
}
.team-gallery .team-body-content {
  padding: 30px;
  position: relative;
}
.team-gallery .team-body-content:before {
  content: "";
  right: 0;
  width: 1px;
  height: 50px;
  position: absolute;
  background: #1D3828;
}
.team-gallery .bo-social-white {
  border-color: #FFFFFF;
  color: #FFFFFF;
  background: none;
}
.team-gallery:hover .team-header:before {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
}
.team-gallery:hover .team-gallery-box {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
}

.team-hover {
  background: #FFF;
  border: none;
}
.team-hover .team-header {
  position: relative;
  text-align: center;
}
.team-hover .team-header:before {
  top: 0;
  left: 0;
  content: "";
  position: absolute;
  visibility: hidden;
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  background: rgba(232, 56, 67, 0.5);
}
.team-hover .team-name {
  font-size: 14px;
  margin-top: 0;
  text-transform: uppercase;
}
.team-hover .team-gallery-box {
  width: 100%;
  height: 45px;
  top: 50%;
  margin-top: -22.5px;
}
.team-hover .team-info {
  color: #FFFFFF;
}
.team-hover .team-position {
  color: #999999;
  margin-bottom: 0;
}
.team-hover .team-body-content {
  padding: 20px;
  position: relative;
  text-align: center;
}
.team-hover .team-body-content:before {
  content: none;
}
.team-hover .team-body-content > * {
  text-align: center;
}
.team-hover .team-body-content .team-name {
  margin-bottom: 5px;
}
.team-hover .bo-social-white {
  border-color: #FFFFFF;
  color: #FFFFFF;
  background: none;
}
.team-hover:hover .team-header:before {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
}
.team-hover:hover .team-gallery-box {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
}

.team-small {
  border: none !important;
}
.team-small .team-body {
  background: none !important;
}
.team-small .team-info {
  display: none !important;
}
.team-small:hover .team-body {
  -webkit-transform: translateY(0) !important;
  -ms-transform: translateY(0) !important;
  -o-transform: translateY(0) !important;
  transform: translateY(0) !important;
}

/* --- SCSS For Icon-box --- */
.feature-box.feature-box-center {
  text-align: center;
}
.feature-box .fbox-content {
  overflow: hidden;
}
.feature-box small {
  font-size: 12px;
  margin-bottom: 10px;
  display: inline-block;
  color: #1D3828;
}
.feature-box h4 {
  margin: 10px 0;
  font-weight: 600;
  text-transform: none;
  font-size: 15px;
}
.feature-box .fbox-icon {
  float: left;
  margin: 10px 15px 0 0;
  color: #1D3828;
}
.rtl .feature-box .fbox-icon {
  float: right;
}
.rtl .feature-box .fbox-icon {
  margin: 10px 0 0 15px;
}
.feature-box .fbox-icon .icons {
  font-size: 2em;
  color: #1D3828;
  width: 40px;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  text-align: center;
}
.feature-box.feature-box-v1 .box-heading {
  color: #FFFFFF;
  font-weight: 900;
  font-size: 60px;
  text-transform: uppercase;
  letter-spacing: 4.5px;
}
.feature-box.feature-box-v1 p {
  font-size: 19px;
  color: #FFFFFF;
  font-weight: 300;
  padding: 10px 0;
}
.feature-box.feature-box-v1 .btn-default {
  margin-top: 25px;
}

.feature-box-v1 .fbox-icon {
  margin-right: 36px;
  float: left;
  position: relative;
}
.feature-box-v1 .fbox-icon .icons {
  width: 70px;
  height: 70px;
  line-height: 70px;
  font-size: 40px;
}

.border-none .feature-box-v2:before {
  display: none;
}

.feature-box-v2 {
  text-align: center;
  padding: 30px;
  position: relative;
}
.feature-box-v2:before {
  content: "";
  right: -20px;
  width: 1px;
  height: 100%;
  background: #ebebeb;
  z-index: 9;
  position: absolute;
  top: 0;
}
.rtl .feature-box-v2:before {
  left: -20px;
  right: auto;
}
.feature-box-v2 .heading {
  font-size: 19px;
}
.feature-box-v2 .fbox-icon {
  float: none !important;
  margin-bottom: 20px;
}
.feature-box-v2 .fbox-icon .icons {
  width: 70px;
  height: 70px;
  line-height: 70px;
  font-size: 36px;
  background: none;
}
.feature-box-v2 .fbox-body {
  letter-spacing: 0px;
  margin-top: 10px;
  color: #999;
}
.feature-box-v2 .fbox-body .heading {
  color: #1D3828;
}
.feature-box-v2 .fbox-content {
  overflow: hidden;
}

.feature-box-v3 {
  position: relative;
  padding-right: 20px;
  padding-top: 60px;
  padding-bottom: 60px;
}
.rtl .feature-box-v3 {
  padding-left: 20px;
  padding-right: inherit;
}
.feature-box-v3 .fbox-icon {
  min-height: 60px;
}
.feature-box-v3 .fbox-icon .icons {
  font-size: 24px;
  width: 70px;
  height: 70px;
  line-height: 70px;
  color: #FFFFFF;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background: #1D3828;
}
.feature-box-v3 .fbox-body {
  color: #999999;
}
.feature-box-v3 .fbox-body .heading {
  color: #1D3828;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
  font-size: 15px;
}

.feature-box.feature-box-v4 {
  padding: 20px 30px;
  border: 1px solid #ddd;
  border-bottom: 3px solid #1D3828;
  text-align: center !important;
}
.feature-box.feature-box-v4 .fbox-icon {
  text-align: center;
  float: none !important;
  margin-bottom: 20px;
}
.feature-box.feature-box-v4 .fbox-icon .icons {
  font-size: 36px;
  width: 70px;
  height: 70px;
  line-height: 70px;
  color: #272727;
  background: none;
}
.feature-box.feature-box-v4 .description {
  text-align: center;
}

/**
 * Tab Style
 */
 .tab-v7 .nav-tabs {
  border-bottom: none;
}
.tab-v7 .nav-tabs > li > a {
  color: #FFFFFF;
  border: none;
  border-radius: 0;
  padding: 10px 20px;
  background: transparent;
  border: 1px solid #eee;
}
.tab-v7 .nav-tabs > li > a:hover {
  color: #333;
}
.tab-v7 .nav-tabs > li.active > a {
  color: #272727;
  border: none;
  background: #f6f6f6;
  border: 1px solid #f6f6f6;
}
.tab-v7 .tab-content {
  margin: 20px 0;
}

.tab-v8 .nav-inner {
  text-align: center;
}
.tab-v8 .nav-tabs {
  display: inline-block;
  border: none;
}
.tab-v8 .nav-tabs li {
  position: relative;
}
.tab-v8 .nav-tabs li a {
  border: none;
  background: transparent;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 13px;
}
.tab-v8 .nav-tabs li a.active, .tab-v8 .nav-tabs li a:focus, .tab-v8 .nav-tabs li a:hover {
  background: transparent;
  border-top: none;
}
.tab-v8 .nav-tabs li.active, .tab-v8 .nav-tabs li:focus, .tab-v8 .nav-tabs li:hover, .tab-v8 .nav-tabs li.ui-state-active {
  background: transparent;
  border: none;
}
.tab-v8 .nav-tabs li.active a, .tab-v8 .nav-tabs li:focus a, .tab-v8 .nav-tabs li:hover a, .tab-v8 .nav-tabs li.ui-state-active a {
  border: none;
  color: #1D3828;
}
.tab-v8 .nav-tabs li:before {
  content: "/ ";
  padding: 0 5px;
  color: #272727;
  position: absolute;
  right: -6px;
  top: 11px;
}

.pbr-inforbox .inforbox-inner {
  text-align: center;
  padding: 10px;
}

/*
 * Banner Styles
 */
 .banner-zindex {
  position: relative;
  z-index: 999;
  margin-top: -192px;
}

/*
 *  Pav Newsletter
 */
 .pav-newsletter {
  letter-spacing: 0;
  max-width: 60%;
  margin: 0px auto;
  color: #FFFFFF;
  text-align: center;
}
.pav-newsletter .heading {
  color: #FFFFFF;
  font-size: 36px;
  font-weight: 700;
}
.pav-newsletter .description {
  font-size: 18px;
  letter-spacing: 0;
  color: #dedede;
}
.pav-newsletter .list-inline {
  display: none;
}
.pav-newsletter .list-inline li {
  padding-right: 12px;
  padding-left: 0px;
}
.rtl .pav-newsletter .list-inline li {
  padding-left: 12px;
  padding-right: inherit;
}
.rtl .pav-newsletter .list-inline li {
  padding-right: 0px;
  padding-left: inherit;
}
.pav-newsletter .list-inline li:before {
  display: none;
}
.pav-newsletter .list-inline li:hover {
  padding-left: 0px;
}
.rtl .pav-newsletter .list-inline li:hover {
  padding-right: 0px;
  padding-left: inherit;
}
.pav-newsletter .list-inline li .fa {
  font-size: 16px;
}
.pav-newsletter .input-group {
  display: block;
  position: relative;
  margin-top: 25px;
  overflow: hidden;
}
.pav-newsletter .input-group .form-control {
  height: 42px;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-top: 8px;
  margin-bottom: 15px;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  padding: 0 30px;
}
.pav-newsletter .input-group .input-group-btn {
  position: absolute;
  z-index: 9;
  right: 0;
  top: 8px;
  width: 50px;
  height: 50px;
}
.rtl .pav-newsletter .input-group .input-group-btn {
  left: 0;
  right: auto;
}
.pav-newsletter .input-group .input-group-btn .btn-primary {
  background: none;
  border: none;
  width: 100%;
  height: 50px;
}
.pav-newsletter .input-group .input-group-btn .btn-primary .fa {
  color: #999999;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
}
.pav-newsletter .input-group .input-group-btn .btn-primary:hover .fa {
  color: #1D3828;
  font-size: 18px;
}

/*
 *  Feature Category
 */
 .feature-category.feature-category-v1 {
  text-align: center;
}
.feature-category.feature-category-v1 .img-responsive {
  display: inline-block;
}
.feature-category.feature-category-v1 .items {
  display: none;
}
.feature-category.feature-category-v1 .heading {
  margin-top: 15px;
  font-size: 17px;
}

.feature-content-v2 {
  background: rgba(255, 255, 255, 0.6);
  padding: 30px;
  max-width: 570px;
  margin: 0px auto;
  text-align: center;
}
.feature-content-v2 .heading {
  color: #1D3828;
  font-size: 52px;
  font-weight: 600;
}
.feature-content-v2 .sub-heading {
  text-transform: uppercase;
}
.feature-content-v2 .sub-heading,
.feature-content-v2 .content {
  color: #666666;
  font-size: 15px;
  letter-spacing: 0;
}

/*
 *  Widget HTML
 */
 .widget-html.panel-default > .panel-heading {
  margin-bottom: 0;
}
.widget-html .box-heading {
  font-weight: 700;
  font-size: 28px;
  margin-top: 0;
}
.widget-html .sub-heading {
  font-size: 16px;
  letter-spacing: 0px;
  font-weight: 400;
  color: #999999;
}

/*
 *  Widget images Style
 */
 .introduce-banner .image-item,
 .widget-images .image-item {
  position: relative;
  overflow: hidden;
}
.introduce-banner .image-item img,
.widget-images .image-item img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.introduce-banner .image-item:before,
.widget-images .image-item:before {
  background: rgba(0, 0, 0, 0.4) url("../../image/plus.png") no-repeat scroll center center/60px 60px;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  overflow: hidden;
  position: absolute;
  top: 0;
  -webkit-transform: scale(0.2);
  -ms-transform: scale(0.2);
  -o-transform: scale(0.2);
  transform: scale(0.2);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  z-index: 100;
}
.rtl .introduce-banner .image-item:before, .rtl
.widget-images .image-item:before {
  right: 0;
  left: auto;
}
.introduce-banner .image-item:hover,
.widget-images .image-item:hover {
  cursor: pointer;
}
/*.introduce-banner .image-item:hover:before,
.widget-images .image-item:hover:before {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  visibility: visible;
}*/
.introduce-banner .image-item:hover img,
.widget-images .image-item:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

/*
 *  Gallery Style
 */
 .gallery .box-heading {
  margin-top: 0;
}
.gallery .banner-img a {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
}
.gallery .banner-img a:before {
  background: rgba(0, 0, 0, 0.6) url("../../image/plus.png") no-repeat scroll center center/60px 60px;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  overflow: hidden;
  position: absolute;
  top: 0;
  -webkit-transform: scale(0.2);
  -ms-transform: scale(0.2);
  -o-transform: scale(0.2);
  transform: scale(0.2);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  z-index: 100;
}
.rtl .gallery .banner-img a:before {
  right: 0;
  left: auto;
}
.gallery .banner-img a:hover:before {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  visibility: visible;
}

/*
 * Brand Styles
 */
 .brands-carousel {
  padding-right: 1px;
}
.rtl .brands-carousel {
  padding-left: 1px;
  padding-right: inherit;
}
.brands-carousel .owl-item {
  padding-top: 65px;
  padding-bottom: 65px;
  border-right: 1px solid #ebebeb;
  text-align: center;
}
.brands-carousel .owl-item:last-child {
  border-right: none;
}
.rtl .brands-carousel .owl-item:last-child {
  border-left: none;
  border-right: inherit;
}
.brands-carousel .item-brand {
  margin: 10px 15px;
  height: 80px;
  overflow: hidden;
  border: solid 2px #ebebeb;
}
.brands-carousel .item-brand img {
  max-width: 100%;
}

/**
 * Category Products Page
 */
 .page-product-category .breadcrumb li:last-child {
  display: block;
  text-align: left;
  padding: 20px 0;
  font-size: 40px;
}
.page-product-category .breadcrumb li:last-child:before {
  display: none;
}
.page-product-category #content > h1 {
  display: none;
}

/* filter by brands */
.products-filter-panel {
  border-bottom: solid 3px #FFFFFF;
  /*box-shadow: 0 1px 0 0 #ebebeb; edit*/
  padding-bottom: 20px;
}
.products-filter-panel .form-control, .products-filter-panel .btn {
  border: none;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  -webkit-box-shadow: 0 1px 1px 1px #ebebeb;
  box-shadow: 0 1px 1px 1px #ebebeb;
  height: 40px;
  line-height: 28px;
}
.products-filter-panel .product-compare {
  margin-bottom: 20px;
}
.products-filter-panel .product-compare a {
  color: #1D3828;
}
.products-filter-panel .product-compare a:hover {
  text-decoration: underline;
}
.products-filter-panel button#grid-view,
.products-filter-panel button#list-view {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  margin-right: 10px;
  -webkit-box-shadow: 0 1px 1px 1px #ebebeb;
  box-shadow: 0 1px 1px 1px #ebebeb;
  width: 30px;
  height: 30px;
  padding: 0;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  color: #666666;
  background-color: #FFFFFF;
}
.rtl .products-filter-panel button#grid-view, .rtl
.products-filter-panel button#list-view {
  margin-left: 10px;
  margin-right: inherit;
}
.products-filter-panel button#grid-view .fa,
.products-filter-panel button#list-view .fa {
  margin-left: 0;
  margin-right: 0;
}
.products-filter-panel button#grid-view.active, .products-filter-panel button#grid-view:hover,
.products-filter-panel button#list-view.active,
.products-filter-panel button#list-view:hover {
  background-color: #1D3828;
  color: #FFFFFF;
}
.products-filter-panel select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.products-filter-panel label {
  font-weight: 400;
  font-size: 14px;
  margin-top: 10px;
}
.products-filter-panel .row .select-wrap {
  position: relative;
}
.products-filter-panel .row .select-wrap:before {
  content: "\f107";
  position: absolute;
  right: 14px;
  top: 50%;
  margin-top: -6.5px;
  font-size: 13px;
  line-height: 1;
  color: #999999;
  font-family: 'FontAwesome', Verdana;
}
.rtl .products-filter-panel .row .select-wrap:before {
  left: 14px;
  right: auto;
}

/**
 *
 * Product detail
 */
 #product .form-group {
  margin-bottom: 20px;
}
#product .form-group:before, #product .form-group:after {
  content: " ";
  display: table;
}
#product .form-group:after {
  clear: both;
}
#product .form-group > label {
  width: 30%;
  float: left;
}
#product .form-group .form-control {
  float: left;
  width: 69%;
}
#product .form-group.form-group-v2 > div {
  overflow: hidden;
}

.quantity-adder {
  color: #272727;
  display: block;
  height: 40px;
  position: relative;
  margin-right: 15px;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border: 1px solid #ebebeb;
}
.rtl .quantity-adder {
  margin-left: 15px;
  margin-right: inherit;
}
.quantity-adder .form-control {
  padding: 8px 2px;
}
.quantity-adder .add-action {
  width: 38px;
  height: 40px;
  display: block;
  line-height: 40px;
  position: relative;
  cursor: pointer;
  font-size: 10px;
  text-align: center;
  color: #666666;
}
.quantity-adder .add-action:hover {
  color: #1D3828;
}
.quantity-adder.add-up {
  margin-top: -1px;
  margin-left: 5px;
  margin-right: 0;
}
.quantity-adder.add-down {
  margin-left: 5px;
  margin-right: 0;
  margin-bottom: 2px;
}
.quantity-adder .quantity-number input {
  width: 72px;
  height: 38px;
  text-align: center;
  display: inline-block;
  *display: inline;
  zoom: 1;
  border: none;
  border-right: 1px solid #ebebeb;
  border-left: 1px solid #ebebeb;
  box-shadow: none;
  color: #333;
}
.quantity-adder .minimum {
  line-height: 38px;
  font-size: 11px;
  margin-left: 10px;
}
.rtl .quantity-adder .minimum {
  margin-right: 10px;
  margin-left: inherit;
}

.compare, .wishlist {
  color: #555555;
  font-size: 13px;
  cursor: pointer;
  font-weight: bold;
}
.compare:hover, .wishlist:hover {
  color: #1D3828;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.compare:hover i, .wishlist:hover i {
  border-color: #1D3828;
}

.product-buttons-wrap .action {
  margin-bottom: 15px;
  margin-top: 15px;
}
.product-buttons-wrap .wishlist,
.product-buttons-wrap .compare {
  padding-right: 20px;
  font-weight: 500;
}
.rtl .product-buttons-wrap .wishlist, .rtl
.product-buttons-wrap .compare {
  padding-left: 20px;
  padding-right: inherit;
}
.product-buttons-wrap .wishlist .fa,
.product-buttons-wrap .compare .fa {
  margin-right: 5px;
}
.rtl .product-buttons-wrap .wishlist .fa, .rtl
.product-buttons-wrap .compare .fa {
  margin-left: 5px;
  margin-right: inherit;
}

/**
 * Thumbnail
 */
/**
 *  Checkout
 */
 .panel-checkout .panel-default > .panel-heading {
  border-bottom: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.panel-checkout .panel-default > .panel-heading .panel-title {
  font-size: 22px;
}
.panel-checkout .panel-default > .panel-heading:before {
  display: none;
}

/**
 *  Affiliate-register
 */
 .affiliate-register .maincols {
  padding-bottom: 20px;
}

/**
 *  Contact Us
 */
 .contact-info {
  padding-bottom: 30px;
  overflow: hidden;
}

.contact-location {
  margin-bottom: 20px;
}

/* icone troppo grandi: fa-2x (Font Awesome, ~28px) non e' mai
   ridimensionato dal tema. Le si riporta alla misura delle icone
   contatti del footer (bozza 2026), stesso tipo di contenuto */
.pagina-interna #content .contact-info .fa-2x {
  font-size: 22px;
  color: #1D3828;
}

.pagina-interna #content .contact-info .media-icon {
  width: 34px;
  padding-right: 12px;
}

/* Colonna informazioni: e' la stessa Card Blog (.well) delle altre
   pagine interne, con le voci incolonnate e separate da un filetto.
   Il testo degli orari e della mail stava dentro il riquadro da 22px
   dell'icona e usciva una parola per riga: ora sta nel .media-body
   come le altre voci (markup in template/information/contact.tpl).
   Le due colonne sono flex per restare della stessa altezza: i due
   pseudo-elementi di clearfix della .row diventerebbero celle vuote,
   quindi vanno spenti. */
.pagina-interna #content .contact-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 0;
}

.pagina-interna #content .contact-info:before,
.pagina-interna #content .contact-info:after {
  display: none;
}

.pagina-interna #content .contact-info > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  float: none;
}

.pagina-interna #content .contact-card {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

/* .media-body del tema e' una cella di tabella larga 10000px: qui
   basta il blocco che si affianca al float dell'icona */
.pagina-interna #content .contact-card .media-body {
  display: block;
  width: auto;
  overflow: hidden;
}

.pagina-interna #content .contact-card .media {
  margin: 0;
  padding: 18px 0;
  border-bottom: 1px solid #EFEBE0;
}

.pagina-interna #content .contact-card .media:first-child {
  padding-top: 0;
}

.pagina-interna #content .contact-card .media:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.pagina-interna #content .contact-card .media-body strong {
  display: block;
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1D3828;
}

.pagina-interna #content .contact-card .media-body,
.pagina-interna #content .contact-card .media-body address,
.pagina-interna #content .contact-card .media-body a {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  color: #101010;
}

.pagina-interna #content .contact-card .media-body address {
  margin: 0;
}

.pagina-interna #content .contact-card .media-body a {
  text-decoration: none;
}

.pagina-interna #content .contact-card .media-body a:hover,
.pagina-interna #content .contact-card .media-body a:focus {
  color: #BD5C35;
}

.pagina-interna #content .contact-card .contact-social {
  margin: 6px 0 0;
}

.pagina-interna #content .contact-card .contact-social > li {
  padding: 0 16px 0 0;
}

.pagina-interna #content .contact-card .contact-social > li a {
  font-size: 22px;
  line-height: 1;
  color: #1D3828;
}

@media (max-width: 767px) {
  .pagina-interna #content .contact-info > div + div {
    margin-top: 24px;
  }
}

/*
 * Off Canvas
 * --------------------------------------------------
 */
 @media (max-width: 992px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }
  .rtl .row-offcanvas-right {
    left: 0;
    right: auto;
  }

  .row-offcanvas-left {
    left: 0;
  }
  .rtl .row-offcanvas-left {
    right: 0;
    left: auto;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -280px;
  }
  .rtl .row-offcanvas-right
  .sidebar-offcanvas {
    left: -280px;
    right: auto;
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -280px;
  }
  .rtl .row-offcanvas-left
  .sidebar-offcanvas {
    right: -280px;
    left: auto;
  }

  .row-offcanvas-right.active {
    right: 280px;
  }
  .rtl .row-offcanvas-right.active {
    left: 280px;
    right: auto;
  }
  .row-offcanvas-right.active:before {
    background: rgba(0, 0, 0, 0.3);
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 9;
  }

  .row-offcanvas-left.active {
    left: 280px;
  }
  .rtl .row-offcanvas-left.active {
    right: 280px;
    left: auto;
  }
  .row-offcanvas-left.active:before {
    background: rgba(0, 0, 0, 0.3);
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 9;
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 280px;
    background: #fff;
  }

  .bottom-offcanvas {
    border-top: 1px solid #ebebeb;
    padding: 10px 0;
  }
}
/*offcanvas-menu*/
#offcanvasmenu .navbar-nav {
  float: none;
  padding: 0 10px;
}
#offcanvasmenu .navbar-nav > li {
  float: none;
  border-bottom: 1px solid #ebebeb;
  padding: 0;
}
#offcanvasmenu .navbar-nav > li > a {
  background: transparent;
  padding: 12px 20px;
  font-family: 'Quicksand', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 14px;
  display: inline-block;
}
#offcanvasmenu .navbar-nav > li:last-child {
  border-bottom: none;
}
#offcanvasmenu .navbar-nav .pavo-widget .product-block {
  overflow: hidden;
  margin-bottom: 20px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#offcanvasmenu .navbar-nav .pavo-widget .product-block .product-img {
  margin-right: 20px;
  border: 1px solid #ebebeb;
}
.rtl #offcanvasmenu .navbar-nav .pavo-widget .product-block .product-img {
  margin-left: 20px;
  margin-right: inherit;
}
#offcanvasmenu .navbar-nav .pavo-widget .product-block .product-img a.img {
  padding: 0;
}
#offcanvasmenu .navbar-nav .pavo-widget .product-block .product-img img {
  max-width: 100px;
}
#offcanvasmenu .navbar-nav .pavo-widget .product-block .product-img:before {
  display: none;
}
#offcanvasmenu .navbar-nav .pavo-widget .product-block .product-label {
  display: none;
}
#offcanvasmenu .navbar-nav .pavo-widget .product-block .media-body {
  text-align: left;
}
.rtl #offcanvasmenu .navbar-nav .pavo-widget .product-block .media-body {
  text-align: right;
}
#offcanvasmenu .navbar-nav .pavo-widget .widget-heading {
  font-size: 15px;
  font-weight: 500;
  text-transform: uppercase;
}
#offcanvasmenu .dropdown-menu {
  background: none repeat scroll 0 0 transparent;
  border: 0 none;
  border-radius: 0;
  box-shadow: none;
  display: none;
  float: none;
  margin: 0;
  padding: 0 8px;
  position: static;
  visibility: visible;
  width: auto !important;
  opacity: 1;
  filter: alpha(opacity=100);
}
#offcanvasmenu .dropdown-menu ul {
  padding: 0;
}
#offcanvasmenu .dropdown-menu ul li {
  list-style: none;
  position: relative;
  padding: 0;
  padding-left: 30px;
  border-bottom: 1px solid #ebebeb;
}
.rtl #offcanvasmenu .dropdown-menu ul li {
  padding-right: 20px;
  padding-left: inherit;
}
#offcanvasmenu .dropdown-menu ul li:last-child {
  border-bottom: none;
}
#offcanvasmenu .dropdown-menu a {
  font-size: 13px;
  padding: 12px 0;
  display: inline-block;
  font-family: 'Quicksand', sans-serif;
  background: none;
}
#offcanvasmenu .dropdown-menu .widget-video {
  display: none;
}
#offcanvasmenu .dropdown-menu .box-heading {
  color: #1D3828;
}
#offcanvasmenu .click-canavs-menu.fa {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  float: right;
}
.rtl #offcanvasmenu .click-canavs-menu.fa {
  float: left;
}
#offcanvasmenu .w-product {
  padding: 0;
}
#offcanvasmenu .product-block {
  border: none;
}
#offcanvasmenu .product-block .zoom, #offcanvasmenu .product-block .product-label {
  display: none;
}

@media (max-width: 1366px) {
  .banner-zindex {
    margin-top: -90px;
  }
}
@media (max-width: 1200px) {
  .navbar-mega .navbar-nav > li > a {
    padding-left: 7px;
    padding-right: 7px;
  }

  .gallery .banner-img img {
    max-width: 100%;
  }

  .header-v5 .navbar-mega .navbar-nav > li a,
  .header-v3 .navbar-mega .navbar-nav > li a {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 992px) {
  .product-col {
    margin-bottom: 20px;
  }

  .bo-mainmenu {
    padding: 8px 0;
  }

  .widget-images {
    text-align: center;
  }
  .widget-images .image-item {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .widget-images .image-item:before {
    display: none;
  }
  .widget-images .image-item:hover img {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  .banner-zindex {
    margin-top: 20px;
  }

  .gallery .banner-img a:before {
    display: none;
  }

  .pav-menu-video {
    display: none;
  }

  .product-block .bottom {
    position: inherit;
    opacity: 1;
    filter: alpha(opacity=100);
  }
  .product-block:hover .bottom {
    bottom: 0;
  }
  .product-block .product-img:before {
    display: none;
  }

  .header-v1 .search-cart {
    position: inherit;
  }

  .header-v4 .logo {
    text-align: left;
  }
  .rtl .header-v4 .logo {
    text-align: right;
  }
  .header-v4 .bo-mainmenu {
    position: absolute;
    right: 20px;
    top: -80px;
    z-index: 999;
  }
  .rtl .header-v4 .bo-mainmenu {
    left: 20px;
    right: auto;
  }

  .header-v5 .logo {
    text-align: left;
  }
  .rtl .header-v5 .logo {
    text-align: right;
  }
  .header-v5 .bo-mainmenu {
    float: right;
    margin-top: 20px;
  }
  .rtl .header-v5 .bo-mainmenu {
    float: left;
  }

  .header-v3 .bo-mainmenu .canvas-menu {
    background-color: #FFFFFF;
    color: #1D3828;
  }

  .zoomContainer {
    display: none;
  }

  #offcanvasmenu .navbar-nav > li > a .caret {
    display: none;
  }

  .products-filter-panel .btn {
    margin-top: 20px;
    width: 100%;
  }

  footer {
    overflow-x: hidden;
  }
}
/* ipad portrait */
@media (min-width: 768px) and (max-width: 992px) {
  .header-v1 .bo-mainmenu {
    float: right;
    padding: 32px 0;
    /*margin-left: 30px;*/
  }
  .rtl .header-v1 .bo-mainmenu {
    float: left;
  }
  .rtl .header-v1 .bo-mainmenu {
    margin-right: 30px;
    margin-left: inherit;
  }
}
/* end ipad portrait */
@media (max-width: 768px) {
  .logo {
    text-align: center;
  }

  .header-v1 .logo {
/*    width: 100%;*/
  }
  .header-v1 .bo-mainmenu {
    float: left;
    margin-left: 10px;
  }
  .rtl .header-v1 .bo-mainmenu {
    float: right;
  }
  .rtl .header-v1 .bo-mainmenu {
    margin-right: 10px;
    margin-left: inherit;
  }
  .header-v1 .search-cart {
    float: right;
    min-width: 220px;
    margin-right: 10px;
  }
  .rtl .header-v1 .search-cart {
    float: left;
  }
  .rtl .header-v1 .search-cart {
    margin-left: 10px;
    margin-right: inherit;
  }

  .header-v5 .logo {
    min-width: 220px;
    margin-left: 20px;
  }
  .rtl .header-v5 .logo {
    margin-right: 20px;
    margin-left: inherit;
  }
  .header-v5 .bo-mainmenu {
    margin-right: 20px;
  }
  .rtl .header-v5 .bo-mainmenu {
    margin-left: 20px;
    margin-right: inherit;
  }

  .header-v2 .search-cart {
    top: 8px;
  }
  .header-v2 .bo-mainmenu {
    padding-left: 20px;
  }
  .rtl .header-v2 .bo-mainmenu {
    padding-right: 20px;
    padding-left: inherit;
  }
  .header-v2 .logo {
    text-align: left;
  }
  .rtl .header-v2 .logo {
    text-align: right;
  }

  .header-v1 .bo-mainmenu,
  .header-v3 .bo-mainmenu {
    margin-left: 10px;
  }
  .rtl .header-v1 .bo-mainmenu, .rtl
  .header-v3 .bo-mainmenu {
    margin-right: 10px;
    margin-left: inherit;
  }
  .header-v1 .search-cart,
  .header-v3 .search-cart {
    margin-right: 10px;
  }
  .rtl .header-v1 .search-cart, .rtl
  .header-v3 .search-cart {
    margin-left: 10px;
    margin-right: inherit;
  }

  .feature-box-v3 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .widget-images,
  .introduce-banner {
    text-align: center;
    margin-bottom: 20px;
  }

  .introduce-banner {
    display: inline-block;
  }

  .widget-inner.introduce {
    text-align: center;
  }

  .introduce-banner .image-item {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .introduce-banner .image-item:before {
    display: none;
  }
  .introduce-banner .image-item:hover img {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  .introduce-banner .content-introduce .detail {
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .header-v1 .search-cart {
    padding: 10px 0;
  }
  .header-v1 .navbar-header {
/*    margin-top: 4px;*/
  }

  .input-group .form-control {
    min-width: 50px;
  }

  .pav-comment .comment-link {
    display: none;
  }

  .breadcrumb, .breadcrumbs {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .pavcol2 {
    width: 100% !important;
  }

  .brands-carousel {
    display: none !important;
  }
}
/* iphone 5 landscape  */
/* end iphone 5 landscape  */
/* iphone 4 + 5 portrait */
@media (max-width: 480px) {
  .introduce-banner {
    display: block;
  }

  .minibasket .dropdown-menu {
    min-width: 100%;
  }

  .topbar-v5 .info-topbar,
  .topbar-v5 .top-link {
    width: 100%;
  }
}
.minibasket button {
  background: none;
  border: none;
}


/*-------------------------------*/
/*-----NOLEGGIO EUROMOTOR--------*/
/*-------------------------------*/

/*Elements*/

 /*TESTI
 */

 .text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

.text-nowrap {
  white-space: nowrap;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-uppercase, .initialism {
  text-transform: uppercase;
}

.text-capitalize {
  text-transform: capitalize;
}

.link-content{
  font-weight: 600;
  text-decoration: underline;
}

.padding-30{
  padding: 30px !important;
}

.padding-15{
  padding: 15px !important;
}

.text-center{
  text-align: center !important
}

.padding-right-5{
  padding:0 5px 0 0 !important;
  text-align: left !important;
}

.padding-left-5{
  padding:0 0 0 5px !important;
  text-align: left !important;
}

.padding-top-15{
  padding-top: 15px !important;
}

.padding-bottom-15{
  padding-bottom: 15px !important;
}

.padding-top-bottom-15{
  padding: 15px 0 !important;
}

.padding-top-bottom-30{
  padding: 30px 0 !important;
}

.padding-top-bottom-45{
  padding: 45px 0 !important;
}

.padding-top-bottom-60{
  padding: 60px 0 !important;
}

.margin-top-bottom-15{
  margin: 15px 0 !important;
}

.margin-top-bottom-20{
  margin: 20px 0 !important;
}

.margin-top-bottom-30{
  margin: 30px 0 !important;
}

.margin-top-bottom-45{
  margin: 45px 0 !important;
}

.margin-top-bottom-60{
  margin: 60px 0 !important;
}

.margin-top-15{
  margin-top: 15px !important;
}

.margin-top-5{
  margin-top: 5px !important;
}

.margin-bottom-15{
  margin-bottom: 15px !important;
}

.margin-left-15{
 margin-left: 0 !important;
}

.no-padding{
  padding: 0 !important;
}

.padding-top-30{
  padding-top: 30px !important;
}

.padding-top-60{
  padding-top: 60px !important;
}

.padding-bottom-30{
  padding-bottom: 30px !important;
}

.padding-bottom-60{
  padding-bottom: 60px !important;
}

.margin-top-30{
  margin-top: 30px !important;
}

.margin-bottom-30{
  margin-bottom: 15px !important;
}

.margin-top-0{
  margin-top: 0 !important;
}

.no-padding-top{
  padding-top: 0 !important;
}

.no-padding-bottom{
  padding-bottom: 0 !important;
}

.no-padding-left {
  padding-left: 0 !important;
}

.no-padding-right {
  padding-right: 0 !important;
}

.lista-default{
  padding-left: 0 !important;
  margin-bottom: 30px !important;
}

.lista-default li{
  line-height: 28px;
  list-style-type: none;
  border-bottom: 1px solid #ececec;
  padding: 7px 0 !important;
  display: flex;
}

.lista-default li:before{
  font-family: 'icomoon' !important;
  content: "\f105";
  margin-right: 5px;    
}

.lista-unstyled li:before{
  display: none;
}

.no-border{
  border: 0 !important;
}

.hr-big{
  margin: 40px 0;
  border-top: 1px solid #eeeeee;
}

.min-height-150{
  min-height: 150px !important;
}

.capitalize{
  text-transform: uppercase !important;
}

.bordo-1{
  border: 1px solid #ececec;
  display: inline-block;
}

@media (max-width: 768px){
  .padding-mobile-15-left{
    padding-left: 15px !important;
  }

  .padding-mobile-15-top{
    padding-top: 15px !important;
  }

  .display-flow-root{
    display: flow-root !important;
  }
}
  /*
  parallax
  */

  .parallaxe-overflow {
    background-image: url(http://185.58.193.56/noleggioeuromotor.it/image/catalog/parallax-euromotor-noleggio.jpg) !important;
    height: auto !important;
    background-attachment: fixed !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position: relative !important;
    padding-bottom: 15px;
  }

  .parallaxe-overflow:before {
    content: " " !important;
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    background-color: rgba(38, 46, 49, 0) !important;
    top: 0 !important;
    left: 0 !important;
  }

  /*
  bottoni
  */

  .btn-primary{
    background-color: #1D3828;
    color: #FFF !important;
    padding: 12px 28px;
    font-weight: 500;
    border: none;
    border-radius: 50px;
    display: inline-block;
    text-transform: none;
  }

  .btn-grigio{
    background-color: #231f20;
    color: #fcdd00 !important;
    padding: 15px;
    font-weight: 600;
    border: none;
  }

  .btn-grigio:hover{
    background-color: #1D3828;
    color: #FFF !important;
  }

  .btn-molto-piccolo{
    font-size: 14px;
    text-transform: uppercase;
  }

  .btn-piccolo{
    font-size: 16px;
    text-transform: uppercase;
  }

  .btn-medio{
    font-size: 18px;
    text-transform: uppercase;
  }

  .btn-grande{
    font-size: 20px;
    text-transform: uppercase;
  }

  .btn-xl {
    font-size: 20px;
    text-transform: uppercase;
    padding: 15px 60px;
  }


  .btn-outline{
    border: 1px solid #FFF;
    background-color: transparent;
    color: #FFF;
    padding: 15px;
    font-weight: 600;
    display: inline-block;
    font-weight: 300;
    text-transform: uppercase;
  }

  .btn-outline:hover{
    background-color: #fff;
    color: #272727 !important;
  }

  .btn-green{
    background-color: #1D3828;
    color: #FFF !important;
    padding: 15px;
    font-weight: 600;
    border: none;
  }

  .btn-green:hover{
    background-color: #BD5C35;
    color: #FFF !important;
    padding: 15px;
    font-weight: 600;
    border: none;
  }


  .btn-green-outline{
    background-color: transparent;
    color: #1D3828 !important;;
    border: 1px solid #1D3828;
  }

  .btn-green-outline:hover{
    background-color: #1D3828;
    color: #FFF !important;;
    border: 1px solid #1D3828;
  }

  .btn-orange{
    background-color: #BD5C35;
    color: #FFF !important;
    padding: 15px;
    font-weight: 600;
    border: none;
  }

  .btn-orange:hover{
    background-color: #1D3828;
    color: #FFF !important;
    padding: 15px;
    font-weight: 600;
    border: none;
  }

  .btn-orange-outline{
    background-color: transparent;
    color: #BD5C35 !important;;
    border: 1px solid #BD5C35;
  }

  .btn-orange-outline:hover{
    background-color: #BD5C35;
    color: #FFF !important;;
    border: 1px solid #BD5C35;
  }


  .btn-grey{
    background-color: #1a1a1a;
    color: #FFF !important;
    padding: 15px;
    font-weight: 600;
    border: none;
  }

  .btn-grey:hover{
    background-color: transparent;
    color: #1a1a1a !important;
    border: 1px solid #1a1a1a;
  }


  .btn-cerca-header{
    background-color: #1D3828;
    color: #FFFFFF !important;
    font-weight: 500;
    font-size: 14px;
    border: none;
    border-radius: 50px;
    width: auto;
    height: 46px;
    padding: 0 26px;
  }

  .btn-cerca-header:hover{
    background-color: #BD5C35;
    color: #FFFFFF !important;
    border: none;
  }



  .btn-grey-outline{
    background-color: transparent;
    color: #1a1a1a !important;;
    border: 1px solid #1a1a1a;
  }

  .btn-grey-outline:hover{
    background-color: #1a1a1a;
    color: #FFF !important;;
    border: 1px solid #1a1a1a;
  }

  /*
  titoli
  */

  .titolo-modulo{
    text-align: center;
    text-transform: uppercase;
    padding: 0 15px;
    position: relative;
  }

  .titolo-modulo span{
    background-color: #FFF;
    z-index: 50;
    position: relative;
    padding: 0 15px;
  }

  .titolo-modulo:before {
    content: "";
    position: absolute;
    height: 8px;
    border-top: 1px solid #1a1a1a;
    top: 15px;
    width: 100%;
    right: 0;
  }

  .titolo-normale{
    text-align: center;
    text-transform: uppercase;
    padding: 0 15px;
    position: relative;
    color: #FFF;
    font-weight: 300;
  }

  .sottotitolo-normale{
    text-align: center;
    padding: 0 15px;
    position: relative;
    color: #FFF;
    font-weight: 300;
  }

  .page-home .panel-default > .panel-heading {
    padding: 0px 0px 10px;
    border-bottom: none;
    margin-bottom: 0;
    box-shadow: none;
  }

  /*
  carosello
  */

  .carosello-hp{
    padding-left: 40px;
    padding-right: 40px;
  }

  .carousel-controls .carousel-control.right {
    margin-top: 150px;
  }

  .carousel-controls .carousel-control.left {
    margin-top: 150px;
  }

  .carousel-controls {
    position: initial;
  }

  .carousel-controls .carousel-control{
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #efedea !important;
    border: none;
    color: #272727 !important;
    border-radius: 0 !important;
        -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
  }

  .carosello-desktop{
    display: inherit !important;
  }

  .carosello-tablet{
    display: none !important;
  }

  .carosello-mobile{
    display: none !important;
  }

  .page-home .panel-heading:before{
    display: none;
  }

  @media (max-width: 991px){
    .carosello-desktop{
      display: none !important;
    }

    .carosello-tablet{
      display: inherit !important;
    }

    .carosello-mobile{
      display: none !important;
    }

    .carosello-tablet .carousel-controls .carousel-control.right {
      margin-top: 70px;
    }

    .carosello-tablet .carousel-controls .carousel-control.left {
      margin-top: 70px;
    }

    .carosello-tablet .carosello-hp {
      padding: 15px 30px 0;
    }
  }

  @media (max-width: 425px){
    .carosello-desktop{
      display: none !important;
    }

    .carosello-tablet{
      display: none !important;
    }

    .carosello-mobile{
      display: inherit !important;
    }

    .carosello-mobile .carousel-controls .carousel-control.right {
      margin-top: 50px;
    }

    .carosello-mobile .carousel-controls .carousel-control.left {
      margin-top: 50px;
    }

    .carosello-mobile .carosello-hp {
      padding: 15px 30px 0;
    }

    .page-home #afb_form.padding-top-60{
      padding-top: 0 !important;
    }
  }

  /*
  header
  */

  .header-v1{
  }

  .header-v1 .logo{
/*    width: 220px !important;*/
  }

  .topbar{
    background-color: #E1DBC8;
    color: #1D3828;
    font-size: 14px !important;
    z-index: 995;
    position: relative;
  }

  .topbar a {
    color: #1D3828 !important;
    font-size: 14px !important;
  }

  .topbar .list-inline{
    margin-left: 0 !important;
  }

  .topbar .list-inline li{
    float: none !important;
  }

  #logout{
    padding-left: 15px;
  }

  #benvenuto{
    padding: 5px;
    color: #FFF;
    background-color: #1D3828;
    font-size: 12px;
  }

  .accesso-utente .caret {
    color: #FFF;
  }

  .top-link .list-inline .dropdown-menu{
    right: auto;
    left: 10px;
  }

  .icona-header{
    display: inline-block;
    padding: 0;
  }

  .icona-header span{
    margin-right: 5px;
    font-size: 20px;
  }

  .icona-header span:before{
    position: relative;
    top: 3px;
  }

  .testo-icona{
    font-size: 14px !important;
  }


  #register{
    background-color: #1D3828;
    padding: 5px 15px;
    color: #FFF;
  }

  #register a{
    color: #FFF !important;
  }

  #wishlist{
    margin-left: 5px;
  }

  .navbar-mega .navbar-nav > li .dropdown-menu{
    min-width: 260px;
    padding: 15px;
  }

  .dropdown-menu > li > a{
    color: #999 !important;
  }

  #rq-preventivo, #rq-preventivo-prod{
    padding-top: 15px;
    padding-bottom: 15px;
    cursor: pointer;
  }

  #rq-preventivo-sticky, #rq-preventivo-prod-sticky{
    padding-top: 15px;
    padding-bottom: 15px;
    cursor: pointer;
  }

  .richiedi-preventivo{
    text-align: center;
    background-color: #1D3828;
    color: #FFF;
    text-transform: uppercase;
    font-size: 14px;
  }

  .richiedi-preventivo span{
    font-size: 20px;
    margin-right: 5px;
  }

  .richiedi-preventivo span:before{
    top: 3px;
    position: relative;
  }

  a:hover .richiedi-preventivo{
    background-color: #7d1022;
  }

  @media (max-width: 767px){

    .richiedi-preventivo{
      color: #1D3828;
      background-color:#ececec;
    }

    a:hover .richiedi-preventivo{
      color: #1D3828;
      background-color:#ccc;
    }
  }




  @media (max-width: 1024px){
    #benvenuto, #wishlist a, .testo-icona, .topbar a{
      font-size: 15px !important;
    }
  }

  @media (max-width: 768px){
    .icona-header span{
      padding: 5px;
    }

    #register {
      background-color: transparent;
    }


    #login a, #register a{
      font-size: 14px !important;
    }

    #register a {
      color: #1D3828 !important;
      font-weight: 600;
    }
  }

  @media (max-width: 425px){
    #benvenuto{
      font-size: 10px;
    }
    #login a, #register a{
      font-size: 12px !important;
    padding: 10px 0;
    line-height: 30px;
    }

    .header-v1 .minibasket-small{
/*      display: none;*/
    }

      .header-v1  .minibasket-big{
          display: none;
      }
  }

    /*
  menu
  */

  .header-v1{
    padding-top: 7px;
    z-index: 994;
  }

  .search-box .form-control{
    border: 1px solid #DBD6C6;
    border-radius: 50px;
    font-size: 16px;
  }

  .search-box .input-group{
    margin-bottom: 0 !important;
  }

  .search-box, .carrello{
    padding: 7px 0;
  }

  .header-v1 .logo{
    padding: 15px;
  }

  .header-v1 .navbar-mega .navbar-nav > li a {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 16px;
    font-weight: 400;
    color: #4D4D4D;
    text-transform: initial;
    margin-top: 5px;
    padding: 15px 10px;
  }

  .header-v1 .navbar-mega .navbar-nav > li a:hover {
    color: #FFF;
    background: #1a1a1a;
  }

  .header-v1 .navbar-mega .navbar-nav > li a:hover .caret {
    color: #FFF;
  }

  .minibasket .heading-cart {
    font-size: 16px;
    color: #7A7A7A;
    font-weight: 400;
    text-align: center;
    text-transform: none;
  }

  .minibasket button{
        text-align: center;
    margin-top: 5px;
    min-width: 55px;
    padding-left: 0;
  }

  .minibasket .icon-cart:before{
    float: left;
    font-size: 28px;
    color: #272727;
    margin-right: 5px;
  }

  #cart-total{
    display: grid;
    font-weight: 600;
    text-transform: capitalize;
  }

  .text-red a{
    color: #BD5C35 !important;
  }

  .navbar-nav .text-red a:hover {
    color: #FFF !important;
    background: #BD5C35 !important;
  }

  @media (max-width: 1200px) and (min-width: 1024px){
    .header-v1 .navbar-mega .navbar-nav > li a{
      font-size: 12px;
      font-weight: 600;
      padding: 15px 6px;
    }
    #ricerca, #ricerca-sticky{
      width: 200px;
    }
  }

  @media (max-width: 1024px){
    .header-v1 .logo{
/*      width: 120px !important;*/
/*      min-width: 200px;*/
    }

    .header-v1 .navbar-mega .navbar-nav > li a{
      font-size: 12px;
      padding: 15px 5px;
      font-weight: 600;
    }
  }

  @media (max-width: 991px){
   .header-v1 .logo{
/*    width: 260px !important;*/
    margin-right: 15px;
    padding: 5px;
  }
  .header-v1 .bo-mainmenu{
    padding: 0;
    float: right;
  }

  .header-v1{
    padding-top: 5px;
  }

  #benvenuto{
    padding: 10px;
  }

  .carrello{
/*    left: 16.66667%;*/
  }

  .navbar-mega{
    margin-left: 10px;
  }
}

@media (max-width: 768px){
  .carrello{
/*    left: 8.33333%;*/
  }
}

@media (max-width: 425px){
  .header-v1{
    padding: 10px;
  }

  .search-box-wrapper{
    padding-top: 10px;
  }
}

@media (max-width: 320px){
  .header-v1 .logo {
/*    width: 220px !important;*/
  }
}

  /*
  sticky header
  */

  .sticky-header{
    position: fixed;
    top: 0;
    z-index: 990;
    width: 100%;
    -webkit-box-shadow: 0px 1px 6px 0px rgba(50,50,50,0.38);
    -moz-box-shadow: 0px 1px 6px 0px rgba(50,50,50,0.38);
    box-shadow: 0px 1px 6px 0px rgba(50,50,50,0.38);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }

  .sticky-header .menu-categorie .navbar-mega .navbar-nav > li a{
    padding: 5px 10px; 
  }

  .sticky-header .menu-categorie .navbar{
    min-height: auto;
  }

  @media (max-width: 767px) and (min-width: 426px){
    .logo{
      left: 8.66667%;
    }

    #ricerca{
/*      left: 8.33333%;*/
      width: 100%;
    }

    .minibasket-small{
/*      display: none;*/
    }

    .carrello{
      width: 16.66667%;
    }
  }


  @media (max-width: 426px){
    .sticky-header .logo{
      width: 260px !important;
      margin-right: 0;
    }
    .sticky-header .minibasket-big{
      display: none;
    }

    .sticky-header .minibasket-small{
      display: inherit;
    }

    .sticky-header .carrello{
      width: 55px;
      left: 12.66667%;
    }

    .sticky-header .carrello #cart-total2{
      background-color: #1D3828;
      padding: 0 4px;
      color: #FFF;
      border-radius: 100%;
      height: 16px;
      position: absolute;
      top: 10px;
    }
  }

  @media (max-width: 375px){
    .sticky-header .carrello{
      width: 40px;
      margin-left: 5px;
      left: 11.66667%;
    }

    .sticky-header .logo {
      width: 240px !important;
      margin-right: 5px;

    }
  }

  @media (max-width: 320px){

    .sticky-header{
      padding: 5px;
    }

    .sticky-header .logo {
    width: 140px !important;
    margin-right: 0;
    margin-left: 30px;
    }


    .sticky-header .minibasket button{
      min-width:50px; 
    }

    .sticky-header .canvas-menu{
      padding: 10px;
    }

    .sticky-header .minibasket .icon-cart:before{
      font-size: 25px;
    }

  }

/*
newsletter bottom
*/

.pav-newsletter-cst{
  max-width: 100%;
}

.titolo-newsletter{
  font-size: 22px;
  font-weight: 300;
  margin-top: 4px;
}

.titolo-newsletter span{
  color: #1D3828;
  font-size: 28px;
}

.pav-newsletter-cst .btn-primary{
  padding-top: 12px;
}

/*
mass bottom
*/

.mass-bottom{
  background: #F1EFE6;
  padding: 25px 15px 15px 0;  
}

@media (max-width: 768px){
  .mass-bottom{
    padding: 15px 0;
    margin-top: 30px;
  }
}


/*
carousel
*/

.carosello-hp {
  padding-top: 95px;
  padding-bottom: 95px;
/*	background-color:#ffffff;
background-image:url('http://185.58.193.56/noleggioeuromotor.it/image/catalog/sfondo-noleggioeuromotor.jpg');*/
}

@media (max-width: 991px){
  .carosello-hp, .promotion{
    display: inherit !important;
  }
}

@media (max-width: 425px){
  .carosello-hp{
    display: inherit !important;
    padding-top: 30px;
    padding-bottom: 30px;

  }

  .promotion{
    display: inherit !important;
  }

  .promotion .carousel-inner .item-inner {
    text-align: center;
  }

  .promotion .carousel-inner .item-inner img{
    width: 100px;
  }

  .parallaxe-overflow{
    padding-bottom: 30px;
  }
}

/*
carosello prodotti
*/

.auto-hp .product-block .top {
  padding: 7px;
  text-align: left;
}

.auto-hp .product-block .name{
  margin-bottom: 0;
}

.auto-hp .product-block .name a{
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -1px;
}

.auto-hp .product-block .btn-prodotto{
  font-size: 13px;
  text-transform: uppercase;
  margin-top: 7px;
  padding: 0 7px !important;
  text-align: left;
}

.auto-hp .product-block .btn-prodotto span:before{
  margin-right: 5px;
}

.auto-hp .product-block .btn-prodotto a{
  color: #1D3828;
}

.auto-hp .product-block{
  background-color: transparent;
  box-shadow: none;
}

.auto-hp .titolo-modulo{
  text-align: left;
  padding: 0;
}

.auto-hp .logo-auto-small{
  width: 35px;
}

.auto-hp .titolo-modulo span{
  padding: 0 0 15px 0;
}

.auto-hp .product-col{
  padding-right: 0;
}

@media (max-width: 992px){

  #offcanvasmenu .navbar-nav {
    float: none;
    padding: 0 10px;
    position: fixed;
    width: 280px;
  }
  .offcanvas-inner{
    position: fixed;
  }

  .offcanvas-heading .btn-primary{
    padding: 5px;
  }
  #offcanvasmenu .navbar-nav > li > a{
    padding: 7px 35px;
  }
}

@media (max-width: 768px){
  .auto-hp .product-block .btn-prodotto{
    text-align: right;
    margin-top: 15px;
  }
  .auto-hp .product-block .btn-prodotto a{
    border: 1px solid #1D3828;
    padding: 7px 20px;
  }

  .auto-hp .product-col{
    padding-right: 15px;
  }
}

@media (max-width: 425px){
  .auto-hp .product-block .name a{
    font-size: 14px
  }

  .auto-hp .price{
    font-size: 16px;
  }

  .mfilter-light-theme #mfilter-price-slider{
    height: 5px !important;
  }
}

/*
ricerca hp
*/

.ricerca-hp{
  background-color: #242b2d;
}

.segmento{
  color: #a6adaf;
  text-align: center;
}

.segmento span{
  width: 100%;
  font-size: 100px;
  display: block;
  line-height: 65px;
  display: none;
}

.segmento .control-label{
  cursor: pointer;
  padding: 5px 25px;
}

.segmento .control-label:hover{
  background: rgba(0, 0, 0, 0.3);
  padding: 5px 25px;
}

.etichetta-segmento{
  color: #FFF;
}

.segmento input[type="radio"], .segmento input[type="radio"]:checked{
  -webkit-appearance: none !important;
  appearance: none !important;
  -moz-appearance: none;
  width: 100%;
  font-size: 100px;
  display: block;
  line-height: 65px;
  cursor: pointer;
  text-align: center;
}


.segmento .control-label:before{
  cursor: pointer;
}

.segmento input[type="radio"]:before{
  display: inline-block;
  -webkit-appearance: none !important;
  appearance: none !important;
  -moz-appearance: none;
}

.segmento input[type="radio"]:checked:before  {
  display: inline-block;
  -webkit-appearance: none !important;
  -moz-appearance: none;
}

.segmento input[type="radio"]:before{
  display: inline-block;
  -webkit-appearance: none !important;
  appearance: none !important;
  -moz-appearance: none;
}

.segmento input[type="radio"]:checked:before  {
  display: inline-block;
  -webkit-appearance: none !important;
  -moz-appearance: none;
}


.segmento .city-car input[type="radio"]:before{
  font-family: 'icone-euromotor' !important;
  content: "\e904";
  font-size: 100px;
  color: #a6adaf;
}

input.city-car:before{
  font-family: 'icone-euromotor' !important;
  content: "\e904";
  font-size: 100px;
  color: #a6adaf;
}

input.segmento:checked + label::before{
  font-family: 'icone-euromotor' !important;
  content: "\e904";
  font-size: 100px;
  color: #a6adaf;
}

.segmento .city-car input[type="radio"]::before{
  font-family: 'icone-euromotor' !important;
  content: "\e904";
  font-size: 100px;
  color: #a6adaf;
}

.segmento .city-car input[type="radio"]:checked:before{
  font-family: 'icone-euromotor' !important;
  content: "\e904";
  font-size: 100px;
  color: #fff;
}

.segmento .berlina input[type="radio"]:before{
  font-family: 'icone-euromotor' !important;
  content: "\e90a";
  font-size: 100px;
  color: #a6adaf;
}

.segmento .berlina input[type="radio"]:checked:before{
  font-family: 'icone-euromotor' !important;
  content: "\e90a";
  font-size: 100px;
  color: #fff;
}

.segmento .suv input[type="radio"]:before{
  font-family: 'icone-euromotor' !important;
  content: "\e90b";
  font-size: 100px;
  color: #a6adaf;
}

.segmento .suv input[type="radio"]:checked:before{
  font-family: 'icone-euromotor' !important;
  content: "\e90b";
  font-size: 100px;
  color: #fff;
}

.segmento .monovolume input[type="radio"]:before{
  font-family: 'icone-euromotor' !important;
  content: "\e906";
  font-size: 100px;
  color: #a6adaf;
}

.segmento .monovolume input[type="radio"]:checked:before{
  font-family: 'icone-euromotor' !important;
  content: "\e906";
  font-size: 100px;
  color: #fff;
}

.segmento .station-wagon input[type="radio"]:before{
  font-family: 'icone-euromotor' !important;
  content: "\e905";
  font-size: 100px;
  color: #a6adaf;
}

.segmento .station-wagon input[type="radio"]:checked:before{
  font-family: 'icone-euromotor' !important;
  content: "\e905";
  font-size: 100px;
  color: #fff;
}

.segmento .veicoli-commerciali input[type="radio"]:before{
  font-family: 'icone-euromotor' !important;
  content: "\e912";
  font-size: 100px;
  color: #a6adaf;
}

.segmento .veicoli-commerciali input[type="radio"]:checked:before{
  font-family: 'icone-euromotor' !important;
  content: "\e912";
  font-size: 100px;
  color: #fff;
}

textarea:focus, input:focus{
  outline: none;
}

@media (max-width: 425px){
  .segmento .control-label{
    padding: 0;
  }

  .etichetta-segmento {
    font-size: 12px;
  }
  .segmento .control-label:hover {
    background: transparent;
    padding: 0;
  }

  .segmento input[type="radio"]:before{
    font-size: 80px !important;
  }
}

/*fix browsers*/


.city-car > input{
    position: absolute;
    left: -9999px;
}

.city-car > .city-car-image{
  display: inline-block;
  height: 65px;
  width: 100px;
  background-image: url("../../image/icone-hp/city-car-img.png") !important; 
  text-indent: -9999px;
}

.city-car > input:checked + .city-car-image {
  background-image: url("../../image/icone-hp/city-car-img-hover.png") !important; 
}

.berlina > input{
    position: absolute;
    left: -9999px;
}

.berlina > .berlina-image{
  display: inline-block;
  height: 65px;
  width: 100px;
  background-image: url("../../image/icone-hp/berlina-img.png") !important; 
  text-indent: -9999px;
}

.berlina > input:checked + .berlina-image {
  background-image: url("../../image/icone-hp/berlina-img-hover.png") !important; 
}

.suv > input{
    position: absolute;
    left: -9999px;
}

.suv > .suv-image{
  display: inline-block;
  height: 65px;
  width: 100px;
  background-image: url("../../image/icone-hp/suv-img.png") !important; 
  text-indent: -9999px;
}

.suv > input:checked + .suv-image {
  background-image: url("../../image/icone-hp/suv-img-hover.png") !important; 
}

.monovolume > input{
    position: absolute;
    left: -9999px;
}

.monovolume > .monovolume-image{
  display: inline-block;
  height: 65px;
  width: 100px;
  background-image: url("../../image/icone-hp/monovolume-img.png") !important; 
  text-indent: -9999px;
}

.monovolume > input:checked + .monovolume-image {
  background-image: url("../../image/icone-hp/monovolume-img-hover.png") !important; 
}

.station-wagon > input{
    position: absolute;
    left: -9999px;
}

.station-wagon > .station-wagon-image{
  display: inline-block;
  height: 65px;
  width: 100px;
  background-image: url("../../image/icone-hp/station-wagon-img.png") !important; 
  text-indent: -9999px;
}

.station-wagon > input:checked + .station-wagon-image {
  background-image: url("../../image/icone-hp/station-wagon-img-hover.png") !important; 
}

.veicoli-commerciali > input{
    position: absolute;
    left: -9999px;
}

.veicoli-commerciali > .commerciali-image{
  display: inline-block;
  height: 65px;
  width: 100px;
  background-image: url("../../image/icone-hp/commerciali-img.png") !important; 
  text-indent: -9999px;
}

.veicoli-commerciali > input:checked + .commerciali-image {
  background-image: url("../../image/icone-hp/commerciali-img-hover.png") !important; 
}

/* Chrome only: */
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { 
  .city-car-image, .berlina-image, .suv-image, .monovolume-image, .station-wagon-image, .commerciali-image{
    display: none !important;
  }

  .city-car > input, .berlina > input, .suv > input, .monovolume > input, .station-wagon > input, .veicoli-commerciali > input {
    position: relative;
    left: auto;
}
}


/*
categoria
*/

.page-category .product-meta, .page-product-manufacturer-info .product-meta{
/*  width: 50% !important;*/
}

.page-category .btn-prodotto, .page-product-manufacturer-info .btn-prodotto{
  width: 50% !important;
  text-align: right;
}

.page-category .btn-prodotto a, .page-product-manufacturer-info .btn-prodotto a{
  border: 1px solid #1D3828;
  padding: 7px 20px;
  color: #1D3828;
}

.page-category .btn-prodotto a:hover, .page-product-manufacturer-info .btn-prodotto a:hover{
  background-color: #1D3828;
  color: #FFF;
}

.page-category .product-block .top, .page-product-manufacturer-info .product-block .top{
  padding: 10px 0;
  line-height: 0;
}

.page-category .product-grid{
  padding-bottom: 0;
}

.page-product-manufacturer-info .product-grid{
  padding: 15px;
}

.page-product-manufacturer-info .products-filter-panel{
  padding: 0 15px;
  box-shadow: none;
}

.risultati-filtro{
  padding: 15px 0;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  width: 100%;
}

.leggi-tutto{
  color: #1D3828;
  padding-left: 15px;
  font-weight: 600;
  text-decoration: underline;
}

.category-description{
  line-height: 26px;
  font-size:14px;
  padding-left:15px;
}
@media (max-width: 1200px) and (min-width: 991px) {
  .price .price-old {
    line-height: 30px; /*edit*/
  }
}

@media (max-width: 768px){
  .category-description{
  line-height: 20px;
  font-size:12px;
  padding-top:0px !important;
  }
}

.category-description a{
 color: #1D3828;
 font-weight: 600;
 text-decoration: underline;
}

.products-filter-panel .form-control, .products-filter-panel .btn{
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  -webkit-box-shadow: 0 1px 1px 1px #ebebeb;
  box-shadow: none;
  height: 40px;
  line-height: 28px;
  border: 1px solid #ececec;
}

/*
marchi
*/

.btn-marchi .button{
  border: 1px solid #1D3828;
  padding: 7px 20px;
  color: #1D3828;
}

.btn-marchi{
  padding-top: 15px;
}

.btn-marchi a{
  color: #1D3828;
}

.title-manufacturer{
  font-weight: 600;
  font-size: 16px;
}

/*
form contatti
*/

.bottone-invia .btn-primary{
  width: 100%;
}

/*
filter pro
*/

.mfilter-free-button{
  margin: 40px 0 0 228px !important;
  border: 10px solid orange;
  /*background-color: #1D3828 !important;*/
  -webkit-box-shadow: -1px 2px 34px 2px rgba(0,0,0,0.75);
  -moz-box-shadow: -1px 2px 34px 2px rgba(0,0,0,0.75);
  box-shadow: -1px 2px 34px 2px rgba(0,0,0,0.75);
  border:10px solid orange !important;
  background:orange url(../mf/filter.png) no-repeat -69px 0 !important;
}

/*
scheda auto
*/

.page-product .contatto-prodotto{
  padding-top: 60px;
}

.page-product .product-view{
  padding: 0;
}

.product-view .heading{
  text-transform: uppercase;
  font-weight: 800;
}

.label-mese{
  padding: 12px 15px;
  /* background-color: #1D3828; */
  color: #1D3828 !important;
  font-weight: 800;
  font-size: 15px;
  border: 2px solid #1D3828;
}

.anticipo-label{
  padding: 12px 15px;
  /*  background-color: #cacaca;*/
  color: #1D3828 !important;
  font-weight: 800;
  font-size: 15px;
  border: 2px solid #1D3828;
}

.prezzo-mese{
  color: #1D3828;
  font-size: 35px;
  line-height: 45px;
  /* text-shadow: 2px 1px 0px rgba(0, 0, 0, 0.85); */
  font-weight: 800;
}

.prezzo-anticipo{
  color: #1D3828;
  font-weight: 800;
  padding: 10px 15px;
  font-size: 24px;
}

.titolo-descrizione{
  font-size: 22px;
  font-weight: 600;
}

.descrizione-cont{
  line-height: 26px;
  font-size: 16px;
}

.descrizione-cont ul{
  padding-left: 0 !important;
  margin-bottom: 30px !important;
}

.descrizione-cont li{
  line-height: 28px;
  list-style-type: none;
  border-bottom: 1px solid #ececec;
  padding: 5px 0 !important;
  display: flex;
}

.descrizione-cont li:before{
  font-family: 'icomoon' !important;
  content: "\f105";
  margin-right: 5px;    
}

.titolo-opzioni{
  font-size: 18px;
  font-weight: 600;
  background-color: #242b2d;
  color: #FFF;
  padding: 15px;
}

.opzioni-cst{
  padding: 10px 15px;
  background: #ececec;
  font-size: 16px;
}

.opzioni-cst:nth-of-type(odd) {
  background: #FFF;
}

.opzioni-cst .control-label{
  text-transform: uppercase;
  margin-right: 7px;
}

/*
contatti
*/

/*@media (max-width: 425px){
  .information-contact .contact-info{
  text-align: center;
  }
}*/

/*slider*/

/* Il contenuto delle slide e' HTML scritto da backend (pavsliderlayer):
   qui ci sono solo font, colori e spaziature. Posizione e dimensione del
   riquadro restano data-x / data-y del layer.
   Rispetto alla bozza e' sparito il pannello verde dietro al testo. */
.titolo-slider-caption{
    color: #fff;
    font-size: 32px !important;
    line-height: 42px !important;
    background: none;
    padding: 0 !important;
    font-family: 'Quicksand', sans-serif;
    width: 620px;
    /* Revolution scrive via JS un max-width inline calcolato sul layer
       (tipo 99.2px): senza questo strozza la caption e il testo va a capo
       una parola per riga. La larghezza vera la decide il width qui sopra. */
    max-width: none !important;
    white-space: normal !important;
    /* Revolution posiziona il layer con top inline preso da data-y (0),
       quindi il testo resta incollato in alto. Qui lo centriamo sull'altezza
       dello slider a prescindere da come e' impostato il layer. */
    top: 50% !important;
    -webkit-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
}

.titolo-slider-caption h3.titolo-slide {
    margin: 0 0 26px;
    font-size: 96px !important;
    line-height: 96px;
    font-weight: 600;
    color: #FFF;
    white-space: normal;
}

/* parola evidenziata nel titolo della slide: <span class="evidenza">cuore</span> */
.titolo-slider-caption .evidenza {
    color: #1D3828;
}

.btn-slider{
    display: inline-block;
    margin-top: 34px;
    /* bozza: btn-secondary 180x47 #BC5D35 r50, testo 18px w300 */
    padding: 12px 25px;
    border: none;
    border-radius: 50px;
    background: #BC5D35;
    color: #FFF !important;
    font-size: 18px;
    font-weight: 300;
    line-height: 23px;
    text-transform: none;
    text-decoration: none;
}

.btn-slider:hover,
.btn-slider:focus{
    background: #A64E2A;
    color: #FFF !important;
    text-decoration: none;
}

/*usp*/

/* lo spazio verticale della fascia sta sui singoli .usp (87/89 come
   in bozza): qui si sommava e la fascia veniva alta 516px invece di 390.
   Il colore e' quello della bozza (#E1DBC8 al 46%); l'!important serve
   perche' la riga del builder porta un background-color inline. */
.usp-container{
    padding: 0;
    background-color: rgba(225, 219, 200, 0.46) !important;
}

.usp h3{
    margin-top: 7px;
    font-size: 22px;
    font-weight: 500;
    color: #1D3828;
}

@media (max-width: 425px){
    .usp{
        text-align: center;
    }

    .usp h3{
        font-size: 20px;
}
    .usp img{
        width: 80%;
    }
}

/*sezioni hp*/


.sezione-hp{
    padding: 60px 0;
}

.titolo-sezione-hp{
    text-transform: none;
    color: #1D3828;
}

.titolo-sezione-hp h2{
    font-size: 40px; /* Figma: 40px w600 */
    font-weight: 600;
    /* Figma: riquadro di testo alto 96px, cioe' una line-height molto
       ampia. E' quella che da' aria fra lo slider e le card. */
    line-height: 96px;
    color: #1D3828;
    margin: 0 0 28px;
}

.sezione-hp .categoria-hp{
/*
    border-bottom: 1px solid #272727;
    display: -webkit-box;
    margin-top: 30px;
*/
}

.carousel-controls .carousel-control {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: transparent !important;
    border: none;
    color: #C9C2AE !important;
    font-size: 34px;
    border-radius: 0 !important;
        -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
}

.product-block .name a {
    font-size: 17px;
    font-family: inherit;
    text-transform: none;
    font-weight: 500;
    color: #272727;
}

.price .price-new {
    color: #1A1A1A;
    font-weight: 600;
    font-size: 21px;
}

.btn-prodotto{

}

.btn-prodotto a:hover{
    background: #BD5C35;
}

.btn-prodotto a{

    padding: 9px 22px !important;
    background: #1D3828;
    border-radius: 50px;
    font-weight: 500;
    font-size: 15px;
    color: #fff !important;
    font-family: 'Quicksand', sans-serif;
}

.btn-prodotto .icon-cart{
    margin-right: 3px;
}

.btn-scopri{
    color: #1D3828;
    font-weight: 600;
    font-size: 16px;
    text-decoration: underline;

}

.paragrafo-parallax p{
    font-size: 16px;
}

/* tolto: .titolo-newsletter{color:#272727 !important;font-weight:600;}
   vinceva sul valore di bozza (#1D3828 w400) per via dell !important */

.titolo-newsletter span{
    color: #272727 !important;
}

.categorie-b{
    padding: 0;
    list-style: none;
    overflow: hidden;
}

.categorie-b li{
    float: left;
    width: 50%;
    padding-right: 20px;
}

.titolo-cat-b h4{
    border-bottom: 1px solid #DBD6C6;
    font-size: 17px;
    font-weight: 400;
    color: #272727;
    padding-bottom: 10px;
    margin: 0 0 12px;
}

.sezione-hp .pav-inner{
    padding: 0;
}

.titolo-feedaty{
    margin-top: 0;
    font-size: 38px;
}

.descrizione-feedaty{
    font-size: 16px;
    line-height: 24px;
    color: #272727;
}

.modulo-feedaty{
    margin-top: 15px;
    border-bottom: 1px solid #272727;
}

.sezione-modulo-home .pav-inner{
    padding: 0;
}

.menu-categorie .navbar{    border-top: none;
    border-bottom: none;
    margin: 10px 0;
    position: relative;}
.menu-categorie, .bg-menu-cat{background-color:#fff;}
.menu-categorie li a{color:#1D3828 !important;border-right:1px solid #DBD6C6 !important;     margin: 15px 0 !important;
    padding: 0 6px 0 14px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;}
.menu-categorie li a:hover{    background: transparent !important;
    text-decoration: none;
    color: #BD5C35 !important;}
.menu-categorie .dropdown-menu li a, .menu-categorie .see-all, .menu-categorie .see-all:first-of-type{color:#272727 !important;border:none !important;background-color:transparent !important;padding:5px !important;text-transform:none;font-weight:400;}
.menu-categorie .dropdown-menu li a:hover{background-color:transparent !important;border:none !important;}
.menu-categorie .navbar-mega .navbar-nav > li .dropdown-menu{padding:5px !important;}
.altra-colonna{position:relative;display:table-cell;min-width:100px; margin-left: 0 !important;}
.altra-colonna li a{line-height:5px;}
.navbar-mega .navbar-nav > li .dropdown-menu li a:hover{color:#1D3828 !important;}
.menu-categorie .dropdown-menu{left:auto !important;}
.container-scroll{max-width:98%;min-width:500px;white-space:nowrap;display:inline-block;height:50px;margin:auto; padding: 0; z-index:1000}
#scroll-right{float:left;}
.menu-block-scroll{display:inline-block !important;overflow-x:hidden;position:inherit !important; z-index: 70;}
.navigate-scroll a{text-decoration:none;color:#272727;}
.navigate-scroll{position:relative;padding:5px;margin-right:-5px;margin-left:-5px;}
.menu-categorie li a{margin: 15px 0 !important;
    padding: 0 6px 0 14px !important;}
.navigate-scroll-left{position:absolute;left:0;top:9px;color:#272727;font-size:18px;}
.navigate-scroll-right{position:absolute;right:0;top:9px;color:#272727;font-size:18px;}
.sticky-header .navigate-scroll-left, .sticky-header .navigate-scroll-right{top:0;}
.header-v1 .classenav{display: flex !important;float:left !important;
/*    width:100%;*/
    transition-duration:1s;-webkit-transition-duration:1s}

.header-v1 .navbar-mega .navbar-nav > li a:before {
    display: block;
    content: "";
    width: 100%;
    height: 50px;
    position: absolute;
    left: 0;
}

/*.header-v1 .navbar-mega .navbar-nav > li{
    overflow: hidden;
} modifica gianluca*/

.header-v1 .navbar-mega .classenav > li{
    overflow: hidden;
}
.menu-categorie .see-all, .menu-categorie .see-all:first-of-type{
    color: #1D3828;
}

/*categorie*/

.image-category img{
    padding: 0;
    border: none;
}

.category-description h2{
    font-size: 18px;
    margin-top: 10px;
}

.category-description h1{
        font-size: 22px;
    margin-top: 7px;
}
.category-description h3{
    font-size: 16px;
    margin-top: 10px;
}
.page-category .cat_element{list-style-type:none;margin-top:15px;}
.page-category .cat_name{margin-top:7px;display:inline-block;font-size:16px;min-height:50px;font-weight: 600;}
.page-category .cat_element h4 {margin-bottom:0;height:35px; border-bottom: 1px solid #272727;}
.page-category .cat_name:before{font-family:'icomoon' !important;content:"\f105";margin-right:5px;}
.page-category .cat_image{-webkit-transition:all 0.5s ease-in-out 0s;-o-transition:all 0.5s ease-in-out 0s;transition:all 0.5s ease-in-out 0s;}
.page-category .cat_image img{-webkit-transition:all 0.5s linear;transition:all 0.5s linear;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);filter:brightness(96%);}
.page-category .cat_image img:hover{filter:brightness(80%);-moz-transition:all 0.4s ease-in;-webkit-transition:all 0.4s ease-in;-o-transition:all 0.4s ease-in;transition:all 0.4s ease-in;}
.page-category .empty-product{font-size:18px;padding:15px 0;font-weight:300;line-height:26px;color:#101010;margin-top:30px;}

#content .buttons:after {
    content: "";
    display: table;
    clear: both;
}

.page-category #content .buttons {
    margin-bottom: 34px;
}
/* tolto: .page-category .box-category .accordion-group .collapse li{padding-top:5px !important;}
   dava 40px di passo riga invece dei 35 della bozza */
.page-category .box-category .accordion-group .collapse a{font-weight:300;}
@media (max-width:767px){.page-category .cat_image img{width:100%;}
}
.page-category .fix-cat-list{display:table-footer-group;}
.page-category .category-description{padding-bottom:0;}
.products-filter-panel{border-bottom:1px solid #ececec;box-shadow:none;padding-bottom:10px;border-top:1px solid #ececec;padding-top:10px;}
.leggi-tutto{color:#1D3828;padding-left:15px;font-weight:600;text-decoration:underline;}
.risultati-filtro{font-size:16px;padding:20px 0 0;color:#1D3828;}
.risultati-filtro span{font-weight:600;}
.risultati-filtro .products-filter-panel{padding-bottom:0;}
.products-filter-panel .form-control, .products-filter-panel .btn{border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;-webkit-box-shadow:0 1px 1px 1px #ebebeb;box-shadow:none;height:40px;line-height:28px;border:1px solid #ececec;}
.mfilter-free-container{top:150px !important;}
.mfilter-filter-item .mfilter-options{padding:0 !important;}
.mfilter-light-theme .mfilter-slider-slider .ui-slider-range, .mfilter-light-theme #mfilter-price-slider .ui-slider-range{background:#1D3828 !important;}
.mfilter-heading-text > span{padding-left:18px;color:#262e31;font-size:16px;font-weight:400;text-transform:uppercase;}
/* tolto: .mfilter-light-theme .mfilter-heading-content{border-bottom:1px solid #EBEBEB !important;}
   raddoppiava il filetto sotto le intestazioni dei filtri */
.mfilter-heading .mfilter-head-icon{background-position:5px -25px !important;margin-top:10px !important;}
.mfilter-light-theme label.mfilter-tb-as-td{color:#262e31;font-weight:400;font-size:16px;}
.mfilter-col-input input[type=checkbox]{-webkit-appearance:none !important;margin:1px 0 2px 0 !important;}
.mfilter-col-input input[type=checkbox]:before{font-family:'icomoon';display:inline-block;content:"\eae1";letter-spacing:10px;font-size:1em;color:#535353;width:1.4em;-webkit-appearance:none;}
.mfilter-col-input input[type=checkbox]:checked{-webkit-appearance:none !important;margin:1px 0 2px 0 !important;}
.mfilter-col-input input[type=checkbox]:checked:before{font-family:'icomoon';display:inline-block;content:"\eae0";letter-spacing:10px;font-size:1em;color:#1D3828;width:1.4em;-webkit-appearance:none;}
.mfilter-light-theme #mfilter-price-slider .ui-slider-handle{width:18px !important;height:18px !important;box-shadow:none !important;-webkit-border-radius:0 !important;-moz-border-radius:0 !important
border-radius:0 !important;background:#1D3828 !important;border-right:1px solid #FFF !important;border-left:1px solid #FFF !important;}
.ui-slider-horizontal .ui-slider-range{height:10px !important;margin-top:-2px;}
.mfilter-light-theme .mfilter-slider-slider .ui-slider-handle, .mfilter-light-theme #mfilter-price-slider .ui-slider-handle{width:18px !important;height:18px !important;box-shadow:none !important;-webkit-border-radius:0 !important;-moz-border-radius:0 !important
border-radius:0 !important;background:#1D3828 !important;border-right:1px solid #FFF !important;border-left:1px solid #FFF !important;}
.mfilter-box-2 .mfilter-counter, .mfilter-box-3 .mfilter-counter{background:#1D3828 !important;}
.mfilter-box-2 .mfilter-counter:after, .mfilter-box-3 .mfilter-counter:after{border-right-color:#1D3828 !important;}
.mfilter-light-theme .mfilter-slider-slider .ui-slider-handle, .mfilter-light-theme #mfilter-price-slider .ui-slider-handle{width:18px !important;height:12px !important;background:#1D3828 !important;margin-top:-1px !important;background-size:cover !important;background-repeat:no-repeat !important;background-position:center center !important;-webkit-border-radius:99em !important;-moz-border-radius:99em !important;border-radius:99em !important;border:1px solid #eee !important;box-shadow:0px 0px 3px rgba(0, 0, 0, 0.4) !important;}
.mfilter-light-theme .mfilter-slider-slider .ui-slider-range, .mfilter-light-theme #mfilter-price-slider .ui-slider-range{background:#1D3828 !important;height:5px !important;}
.bnews-list{margin-top:15px;}

#custom-field1 label:before {
    color: #f00;
    content: "* ";
    font-weight: bold;
}

.bo-mainmenu .canvas-menu{
    border-radius: 5px;
    width: 40px;
    font-size: 18px;
    padding: 12px;
    margin-top: 5px;
    height: 40px;
    line-height: 0;
}

/*categoria palo b*/


.product-meta .price{
    text-align: left;
}

#column-left .list-group-item  a.active {
    font-size: 18px;
    color: #272727 !important;
    font-family: 'Quicksand', sans-serif;
}

#column-left .panel-body ul li, #column-right .panel-body ul li {
    border-bottom: none;
    margin-bottom: 0;
    background-color: transparent;
    padding: 10px 0;
}

#column-left .collapse li{
    padding: 5px 0;
}

#column-left .collapse li a{
    font-size: 14px;
    font-weight: 500;
}

#column-left .collapse li a.active{
    font-size: 14px;
    font-weight: 500;
}

#column-left .panel-body ul li{
    padding: 5px 0;
}

#column-left .accordion-group{
    border-bottom: 1px solid #272727;
}

.product-layout{
    margin-bottom: 0;
}

/*filtri*/

.mfilter-col-input input[type=checkbox] {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

/* pag prodotto*/

.page-product .breadcrumb{
    background: transparent;
}

.page-product .breadcrumb ul{
    margin-bottom: 0;
}

.lista-puntata ul{
    padding-left: 0;
}

/*.lista-puntata{
    padding-bottom: 30px;
} modifica gianluca*/

.lista-puntata ul li{
   list-style-type: none;
}

.lista-puntata ul li:before{
    font-family: 'icomoon' !important;
    content: "\f105";
    margin-right: 5px;
}

.cont-facilities{
    padding: 0;
}

.facilities-li{
    list-style-type: none;
    display: inline-block;
    margin-right: 15px;
}

.facilities-li .fas, .facilities-li .far{
    color: #1D3828;
}

.opzioni-titolo{
    text-transform: uppercase;
}

.titolo-opzione{
    font-size: 18px;
    font-weight: 500;
    margin-top: 7px;
    font-family: 'Quicksand', sans-serif;
}

.cont-radio .radio{

/*    width: 48%;*/
}

.radio input[type="radio"], .radio input[type="radio"]:checked{
    cursor: pointer;
}

/*
.cont-radio .radio label{
    background: #efedea;
    width: 100%;
    margin: 15px 5px 0 0;
    padding: 3px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.cont-radio .radio input[type="radio"]:checked ~ *{
   background: #1D3828 !important;
    color: #fff !important;
}
*/

.radio + .radio{
        margin-top: 10px;
}



.cont-radio .radio label{
    width: 100%;
}


.cont-radio .radio input{
    width: 100%;
        display: contents;
}


/*
.cont-radio .radio input[type="radio"]:before{
    content: " ";
    background: #F1EFE6;
    width: 100%;
    height: 30px;
    display: inline-block;
}

.cont-radio .radio input[type="radio"]:checked:before{
    content: " ";
    background: #1D3828;
    width: 100%;
    height: 30px;
    display: inline-block;
}
*/





.inputGroup-alphlora input[type="radio"] + span  {
    -webkit-appearance: none !important;
    background: #F1EFE6;
    width: 100%;
    height: 30px;
    display: inline-block;
        border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.inputGroup-alphlora input[type="radio"]:checked + span {
    -webkit-appearance: none !important;
    background: #1D3828;
    width: 100%;
    height: 30px;
    display: inline-block;
    color: #FFF;
        border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.inputGroup-alphlora span{
    padding: 6px 15px;
}

.inputGroup-alphlora span:after{
    font-family: 'icomoon' !important;
    content: "\f105";
    float: right;
    font-size: 13px;
}

.prezzo-dettaglio h2{
    font-family: 'Quicksand', sans-serif;
    font-weight: 600;
    display: inline-block;
/*    width: 100%;*/
}

.product-view .btn-cart{
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    background-color: #1D3828;
    font-family: 'Quicksand', sans-serif;
    font-weight: 600;
    font-size: 22px;
}

.product-view .cart{
    display: grid;
}

.quantity-adder{
    color: #272727;
    display: block;
    height: 54px;
    position: relative;
    margin-right: 15px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border: 1px solid #ebebeb;
}

.quantity-adder .quantity-number input{
    height: 52px;
}

.quantity-adder .add-action{
    line-height: 55px;
}


.tabs-group .tab-content{
    padding: 30px 0;
}


.tabs-group .nav-tabs > li.active a:before{
    display: none;
}

.tabs-group .nav-tabs {
    border-bottom: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.tabs-group .nav-tabs > li.active a {
    border: 1px solid #1D3828;
    color: #ffffff;
    background: #1D3828;
    padding: 10px 15px;
}

.tabs-group .nav-tabs > li > a{
    border: 1px solid #272727;
    color: #272727;
    padding: 10px 15px;
    text-transform: uppercase;
    margin-right: 15px;
}

.tabs-group .nav-tabs > li > a:hover{
    background-color: #F1EFE6;
}

.tabs-group .nav-tabs > li > a:hover:before{
    display: none;
}

.tabs-group .nav-tabs > li.active a:hover{
    color: #1D3828;
}

.tabs-group .tab-content {
    padding: 0;
    color: #272727;
    font-size: 16px;
    font-weight: 500;
}

.icon-expand{
    display: none;
}

@media (max-width:991px){
    .usp h3{
    font-size: 12px;
    text-align: left;
    margin-top: 5px;
    }

    .paragrafo-usp .col-xs-6{
/*        padding-left: 0 !important;*/
    }

    .titolo-newsletter span {
    color: #272727 !important;

    line-height: 42px;
    font-size: 18px;
        margin-right: 15px;
}

    .titolo-newsletter{
        font-size: 14px;
        margin-top: 15px;

    }

    .sezione-hp {
    padding: 30px 15px;
}
    .titolo-sezione-hp h2{
            font-size: 24px;
    line-height: 1.3;
    margin-bottom: 0;
    }

    .btn-prodotto {
    text-align: left;
    margin-top: 15px;
}
    .product-block .product-meta{
        margin-top: 15px;
    }

    .products-row {
    margin-bottom: 0;
}
    .titolo-feedaty {
    margin-top: 0;
    font-size: 24px;
    text-align: center;
}
    .descrizione-feedaty{
        text-align: center;
    margin-bottom: 15px;
    }

    .sezione-feedaty{
        text-align: center;
    }

    paragrafo-parallax{
        padding-bottom: 15px;
        text-align: center;
    }

    .paragrafo-parallax h2{
            font-size: 24px;
        margin-top: 0;
    }

    .immagine-parallax-1{

    }

    .immagine-parallax-2{

    }

    .immagine-parallax-1 div[class^="col-"], .immagine-parallax-2 div[class^="col-"]{
        padding-left: 0;
        padding-right: 0;
    }

    paragrafo-usp{
        padding-top: 0 !important;
    }

    .carrello #cart-total2 {
    background-color: #1D3828;
    padding: 0 4px;
    color: #FFF;
    border-radius: 100%;
    height: 16px;
    position: absolute;
    left: 25px;
    top: 10px;
}
    .search-box, .carrello {
    padding: 7px 5px;
}

    .paragrafo-parallax-mobile{
        text-align: center;
    padding-bottom: 30px;
    }

    .paragrafo-parallax-mobile h2{
        margin-top: 0;
    }
}

@media (max-width:767px){
        .minibasket-big{
        display: none;
    }
}

.usp-footer .container{
    padding: 0;
}

.box-testo-head {
    background: #E1DBC8;
    height: 60px;
}

.box-testo-head h2{
    color: #1D3828;
    font-size: 15px;
    font-weight: 500;
    margin: 10px 0;
}

.btn-slider-mobile{
        color: #fff;
    text-transform: uppercase;
    border: 1px solid #fff;
    display: block;
    font-size: 12px;
    padding: 5px 10px;
    margin: 10px 0;
    text-align: center;
    font-weight: 600;
    font-family: 'Quicksand', sans-serif;
}

.immagine-slider-box .widget-images{
    margin-bottom: 0;
}

/* fix fontawesome*/

.fa, .far, .fas {
    font-family: "Font Awesome 5 Free";
    font: normal normal normal 14px/1 FontAwesome;
}

/*fix menu scroll*/

/*.navigate-scroll-left, .navigate-scroll-right{
        z-index: 70;
}*/

@media (min-width: 425px){
    .header-v1 {
     padding: 15px;
}
        .sticky-header {
     padding: 0 15px;
}
}

    @media (max-width: 767px){
        .page-product-manufacturer-info .image-category, .page-category .image-category{
           display: none;
        }

        .page-product-manufacturer-info .btn-prodotto,.page-category .btn-prodotto{
            width: 100% !important;
    text-align: left;
        }

        .product-view .btn-cart{
            padding: 10px 15px;
        }
        .quantity-adder .quantity-number input {
    width: 40px;
        }

        .content-mobile{
            padding-top: 15px;
        }
    }

.title-manufacturer {font-size: 16px;
    margin-bottom: 0;
    height: 30px;
    border-bottom: 1px solid #272727;
    text-align: left;
font-weight: 500;}

.title-manufacturer:before {
    font-family: 'icomoon' !important;
    content: "\f105";
    margin-right: 5px;
}

.sticky-header .menu-categorie .navbar-mega .navbar-nav > li a {
    padding: 5px 10px !important;
    line-height: 0;
}

.sticky-header .container-scroll{
    padding: 0;
}

.sticky-header .navigate-scroll-left, .sticky-header .navigate-scroll-right {
    top: 15px;
    z-index: 95;
}

body[class^="account-"] .breadcrumb{
    padding: 15px 0;
}

.single_element_account .item-inner {
    border: 1px solid #272727;
    padding: 15px;
    border-radius: 15px;
    min-height: 230px; /*modifica gianluca 240px - modifica michele 230px */
    /* margin-bottom: 18px; modifica michele */
}
.single_element_account2 .item-inner2{
  border: 1px solid #272727;
  /* padding: 15px; */
  border-radius: 15px;
  min-height: 164px;
}
.img-banner-custom{
  border-radius: 0px 10px 10px 0px;
}

@media (max-width:767px){
    .single_element_account{
        margin: 15px 0;
    }
    .single_element_account2 .item-inner2{
      min-height: 126px;
    }
}
.single_element_account2 .item-inner2{
  border: 1px solid #272727;
  /* padding: 15px; */
  border-radius: 15px;
}
.single_element_account2{
  margin-bottom: 15px;
  margin-top: 15px;
}

/*carrello*/

/*carrello*/

.mio-container-prodotti{
  background: #f6f6f6;
  padding: 7px 15px !important;
}

.nome-prodotto{
      font-size: 18px;
    font-family: 'Quicksand', sans-serif;
    font-weight: 600;
    color: #272727;
    text-transform: none;
    margin-bottom: 15px;
}

.nome-prodotto a{
    color: #1D3828;
}

.nome-modello{
  padding: 7px 0;
  font-size: 12px !important;
}

.nome-marca{
  color: #e20c19;
  font-weight: 600;
  display: inline-block;
}

.mio-container-prodotti .product-meta{
  background: #FFF;
  padding: 7px;
}

.mio-container-prodotti .top{
  text-align: center !important;
}

.mio-container-prodotti .top .name{
  min-height: 50px;
}

.mio-container-prodotti .top .name a{
  font-size: 15px;
      font-family: 'Quicksand', sans-serif;
  font-weight: 500;
  color: #000;
  text-transform: uppercase;
}

.mio-container-prodotti .cart .btn-action{
  background: #e20c19;
  color: #FFF;
  border: none;
  border-radius: 5px;
  padding: 10px 5px;
  width: 100%;
      font-family: 'Quicksand', sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
}

.mio-container-prodotti .cart .btn-action:hover{
  background: #3baf29;
}

.mio-container-prodotti .cart .btn-action .fa-shopping-cart:before{
  font-family: 'icona-bellitalia' !important;
  content: "\b311" !important;
  color: #fff;
  margin-left: 3px;
}

.mio-container-prodotti .price-new{
      font-family: 'Quicksand', sans-serif;
  font-size: 22px;
  margin-top: 7px;
  display: inline-block;
  color: #000;
}

.mio-container-prodotti .price{
  min-height: 80px;
}

.default-tpl-quantity .qty{
      font-family: 'Quicksand', sans-serif;
  display: inline-block;
  color: #000;
  text-transform: uppercase;
  line-height: 40px;
}

.mio-container-prodotti .input-cartoni, .mio-container-prodotti .input-pedane, .mio-container-prodotti .input-pezzi{
  padding: 0;
  height: 30px;
  margin: 5px 0;
  text-align: center;
  background: #FFF;
}

.mio-container-prodotti .pedane-meno, .mio-container-prodotti .pedane-piu{
  display: inline-block;
}

.mio-container-prodotti .cartoni-meno-cst, .mio-container-prodotti .cartoni-piu-cst, .mio-container-prodotti .pedane-meno-cst, .mio-container-prodotti .pedane-piu-cst{
  display: inline-block !important;
}


.mio-container-prodotti .cartoni-meno, .mio-container-prodotti .cartoni-piu, .mio-container-prodotti .pedane-meno, .mio-container-prodotti .pedane-piu{
  padding: 5px !important;
  background: #9a9a9a;
  cursor: pointer;
  color: #FFF;
  margin: 5px 0;
  height: 30px;
  display: block;
}

.mio-container-prodotti .cartoni-piu, .mio-container-prodotti .pedane-piu{
  border-radius: 0px 5px 5px 0px;
  -moz-border-radius: 0px 5px 5px 0px;
  -webkit-border-radius: 0px 5px 5px 0px;
  border: 0px solid #000000;
  line-height: 20px;
}

.mio-container-prodotti .cartoni-meno, .mio-container-prodotti .pedane-meno{
  border-radius: 5px 0px 0px 5px;
  -moz-border-radius: 5px 0px 0px 5px;
  -webkit-border-radius: 5px 0px 0px 5px;
  line-height: 20px;
}

.mio-container-prodotti .colonna-quantita .input-group{
  display: inline-block;
}

.prezzo-unita, .prezzo-totale{
      font-family: 'Quicksand', sans-serif;
  font-size: 22px;
  font-weight: 600;
  color: #000;
}

.prezzo-totale{
  font-size: 16px;
}

.input-pezzi{
  border-radius: 5px 5px 5px 5px !important;
  -moz-border-radius: 5px 5px 5px 5px !important;
  -webkit-border-radius: 5px 5px 5px 5px !important;
}

.colonna-bottoni .input-group-btn{
  width: 100%;
  /*display: contents;*/
}

.colonna-bottoni .btn-default{
  background-color: #3baf29;
  color: #FFF !important;
  padding: 10px 15px;
  font-weight: 600;
  border: none;
  display: inline-block;
  text-transform: uppercase;
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
}

.colonna-bottoni .btn{
  padding: 10px;
  -webkit-border-radius: 5px 5px 5px 5px !important;
  border-radius: 5px 5px 5px 5px !important;
  -moz-border-radius: 5px 5px 5px 5px !important;
  float: left;
  margin: 5px 0;
  height: 30px;
  line-height: 0;
  width: 100%;
  background-color: #03A9F4;
  border: none;
}

.colonna-bottoni .fa{
  margin: 0 !important;
}

.colonna-bottoni .btn-danger{
  background: #ffffff;
}

.colonna-bottoni .asd{
  background: #3baf29;
}

.input-pezzi{
  max-width: 150px !important;
}

.btn-container, .btn-checkout{
  font-family: 'Quicksand', sans-serif;
  font-size: 18px;
  font-weight: 600;
  padding: 15px;
  background: #f6f6f6;
  text-transform: uppercase;
}

.page-checkout-cart .btn-checkout{
  background: #fcfbfb;
}

.page-checkout-cart .btn-checkout a{
  color:#8c8c8c;
}

.titolo-resoconto{
  font-family: 'Quicksand', sans-serif;
  margin-top: 0 !important;
  color: #000;
  font-weight: 500;
  text-transform: uppercase;
}

.dati-resoconto{
  padding-bottom: 15px;
  padding-top: 15px;
  background: #FFF;
}

.bottone-carrello button{
  background: #86c06a;
  width: 100%;
  border: none;
  padding: 5px 15px;
  color: #FFF;
  font-size: 28px;
}

.bottone-carrello button:hover{
  background: #3baf29;
}

.btn-disabilitato{
  background: #bdbdbd !important;
}

.label-bottone{
  font-family: 'Quicksand', sans-serif;
  text-transform: uppercase;
  font-size: 12px;
}

.testo-resoconto{
  font-family: 'Quicksand', sans-serif;
  color: #000;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 16px;
  line-height: 36px;
}

.testo-voci{
    font-weight: 600;
    font-size: 12px;
}

.dati-resoconto .row{
  padding-top: 15px;
}

.input-resoconto .form-control{
  background: transparent;
  border: 1px solid #ececec;
  border-radius: 5px 5px 5px 5px !important;
  -moz-border-radius: 5px 5px 5px 5px !important;
  -webkit-border-radius: 5px 5px 5px 5px !important;
  text-align: center;
}

.label-totale-resoconto{
  font-family: 'Quicksand', sans-serif;
  text-transform: uppercase;
  font-size: 20px;
  color: #000;
  font-weight: 500;
}

.prezzo-totale-resoconto{
  font-family: 'Quicksand', sans-serif;
  text-transform: uppercase;
  font-size: 24px;
  color: #000;
  font-weight: 500;
}

.btn-passo-successivo{
  width: 100%;
  font-family: 'Quicksand', sans-serif;
  font-size: 22px;
  background-color: #e20b18;
  margin-top: 15px;
}

.aggiungi-ean{
  background: #FFF;
  padding: 15px;
}

@media (max-width: 1200px){
  .grammatura{
    font-size: 12px;
    margin-right: 5px
  }

  .mio-container-prodotti .price-new{
    font-size: 18px;
  }

  .mio-container-prodotti .cartoni-meno, .mio-container-prodotti .cartoni-piu, .mio-container-prodotti .pedane-meno, .mio-container-prodotti .pedane-piu{
    font-size: 7px;
    display: block;
  }

  .mio-container-prodotti .top .name {
    min-height: 70px;
  }

  .mio-container-prodotti .cart .btn-action{
    font-size: 12px;
    padding: 10px 0;
  }

}

@media (max-width: 991px){

  .default-tpl-quantity .qty{
    font-size: 18px;
    text-align: left;
  }

  .mio-container-prodotti .cartoni-meno, .mio-container-prodotti .cartoni-piu, .mio-container-prodotti .pedane-meno, .mio-container-prodotti .pedane-piu {
    font-size: 13px;
    display: block;
  }

  .mio-container-prodotti .top .name a, .mio-container-prodotti .top .name{
    font-size: 22px;
    text-align: left;
  }

  .mio-container-prodotti .price-new, .mio-container-prodotti .price {
    font-size: 24px;
    text-align: left;
    display: inline-block;
  }

  .mio-container-prodotti .cart .btn-action{
    font-size: 16px;
  }

  .colonna-quantita{
    padding-left: 0;
  }
}

@media (max-width: 1024px){
  .label-bottone{
    font-size: 10px;
  }

  .label-totale-resoconto{
    font-size: 16px;
  }

  .prezzo-totale-resoconto{
    font-size: 18px;
    min-height: 60px;
  }

  .bottone-carrello button{
    padding: 5px;
  }
}

@media (max-width: 767px){
  .mio-container-prodotti .top .name a, .mio-container-prodotti .top .name{
    font-size: 26px;
    line-height: 30px;
    min-height: auto;
  }

  .mio-container-prodotti .cartoni-meno, .mio-container-prodotti .cartoni-piu, .mio-container-prodotti .pedane-meno, .mio-container-prodotti .pedane-piu {
    font-size: 16px;
    display: block;
  }

  .colonna-bottoni .btn{
    width: auto;
    margin-top: 0px !important;
  }

  .colonna-bottoni .btn-primary{
    margin: 0 15px !important;
  }

  .colonna-bottoni{
    text-align: right;
  }

  .mio-container-prodotti .default-tpl-quantity .qty{
    font-size: 14px;
  }

  .prezzo-unita, .prezzo-totale{
    text-align: left !important;
    font-size: 16px;
    margin-top: 5px;
  }

  .prezzo-totale{
    font-size: 16px;
    font-weight: 600;
      margin-bottom: 7px;
  }

    .prezzo-totale span{
        font-weight: 500;
    }

  .label-unita, .label-totale{
    font-size: 14px;
    font-family: 'Quicksand', sans-serif;
  }

  .mio-container-prodotti .nome-prodotto{
    margin-bottom: 0;
  }

  .btn-container, .btn-checkout{
    font-size: 12px;
    padding: 10px;
    }

}

.resoconto-container{
    font-size: 18px;
    line-height: 35px;
}

.resoconto-prezzo{
    border-bottom: 1px solid #272727;
}

.resoconto-prezzo span{
    border: none;
}

.ordini-superiori{
    font-size: 14px;
    line-height: 18px;
    margin-top: 15px;
    padding: 15px;
    background: #d5e4d6;
}

.ordini-superiori b{
    color: #1D3828;
}

.cont-acquista{
    margin-top: 15px;
}

.btn-acquista{
    width: 100%;
    padding: 30px;
    font-size: 28px;
}

.btn-continua{
background: transparent;
    text-align: center;
    color: #272727 !important;
    width: 100%;
}

.btn-continua:hover{
background: transparent;
text-decoration: underline;
}

.fisarmonica-carrello .panel-heading .panel-title, .fisarmonica-carrello h2{
  font-family: 'Quicksand', sans-serif;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 600;
}

.fisarmonica-carrello .panel-heading:before{
    display: none;
}

.fisarmonica-carrello .panel-heading .panel-title .fa{
    float: right;
}

.fisarmonica-carrello .panel-heading .panel-title .fa:before{
    content: "\f107";
}

.scegli-campioncino{
    border-bottom: 1px solid #ececec;
    line-height: 30px;
    margin-bottom: 30px;
}

.avviso-carrello{
    font-size: 14px;
    padding: 15px !important;
    font-weight: 600;
    background: #d5e4d6;
    margin: 15px 0;
}

.product-label {
    color: #1D3828;
    font-size: 14px;
    background-color: #E1DBC8;
    font-weight: 500;
    line-height: 46px;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    position: absolute;
    right: 12px;
    top: 12px;
    z-index: 1;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    transform: translateZ(0px);
    text-align: center;
}

.product-label:before{
    display: none;
}

.product-block .product-label{
    right: 12px;
    font-size: 13px;
    height: 42px;
    width: 42px;
    line-height: 42px;
}

/*icone prodotto*/

/* in bozza queste tre sono icone tabler da 24px, non i png del tema */
.temperatura:before,
.dosaggio:before,
.infusione:before,
.ideale:before {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    background: none;
    font-family: "tabler-icons" !important;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: #1D3828;
    text-align: center;
    vertical-align: middle;
}

.temperatura:before { content: "\ebee"; }
.dosaggio:before    { content: "\ef53"; }
.infusione:before   { content: "\f318"; }
.ideale:before      { content: "\ea51"; }

/*usp sotto menu*/

.frasi-sotto-menu {
    color: #1D3828;
}

.frasi-mobile{
    text-align: center;
}

/*bugfixing 22102018*/

#top-links #login{
  background: transparent;
}

#top-links #login a{
    color: #1D3828 !important;
}

.topbar .list-inline li {
    padding: 5px;
}

@media (max-width:425px){
    .topbar .list-inline li {
    padding: 5px 15px;
}
    #top-links a i {
    font-size: 12px !important;
    margin-right: 0;
}
}

#top-links a i {
    font-size: 15px !important;
    margin-right: 8px;
}


@media(min-width: 1200px){
.margine-elemento{
        right: 0;
        position: absolute;
        width: 600px;
}
    }

.sezione-feedaty .container {
    border-bottom: none;
    padding-top: 30px;
}

.usp h3 {
        font-size: 22px;
    line-height: 28px;
    font-weight: 500;
    color: #1D3828;
}

/* il filetto e' passato sotto: la newsletter e' l'ultimo blocco
   della home e il footer e' beige come lei, senza separazione in
   basso i due si fondono. Vedi anche .pav-newsletter-cst in fondo. */
.pav-newsletter{
    margin-top: 30px;
    border-bottom: 1px solid #272727;
}

.tea-nerds{
    border-bottom: 1px solid #ececec
}

.blog-button a{
    padding: 7px !important;
    background: #1D3828;
    font-weight: 600;
    color: #fff !important;
    font-family: 'Quicksand', sans-serif;
    display: inline-block;
    margin-top: 15px;
}

.article-meta{
    color: #1D3828;
    margin-top: -7px;
    margin-bottom: 15px;
    font-size: 14px;
}

.artblock .name a{
    font-size: 18px;
    line-height: 20px;
    display: inline-block;
}
.artblock .description{
    min-height: 155px;
} /*modifica gianluca*/
#news_leggitutto{
    text-align: center;
    margin: 30px 0;
}

#news_leggitutto a{
    font-size: 16px;
    text-decoration: underline;
}

.blog-sezione-hp h2{
    margin-top: 0;
    margin-bottom: 30px;
}

.article-content{
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    color: #101010;
}


.product-block .name{
    margin-bottom: 0;
}

.product-block .top{
    margin-bottom: 0;
    min-height: 70px; /*modifica gianluca*/
}

.product-meta .top span a{
    font-family: 'Quicksand', sans-serif;
    color: #8A8A8A;
    font-size: 15px;
    font-weight: 400;
    display: block;
    margin-bottom: 4px;
}

.page-category .product-block .top, .page-product-manufacturer-info .product-block .top {
    padding: 10px 0;
    line-height: 30px;
}


@media (max-width: 991px){
    .product-block .product-meta{
        min-height: 150px;
    }

    .page-product-manufacturer-info .product-block .top, .page-category .product-block .top{
        min-height: 80px;
    }

    .page-product-manufacturer-info .btn-prodotto, .page-category .btn-prodotto{
        margin-top: 15px;
}
}

@media (max-width: 425px){
   .page-product-manufacturer-info .cat_name, .page-category .cat_name{
     font-size: 12px;
    }

    .product-block .name a {
    margin-bottom: 0;
    font-size: 14px;
    letter-spacing: -0.5px;
}

    .product-meta .top span a{
        font-size: 12px;
    }

    .product-layout {
    margin-bottom: 0;
}
    .page-product-manufacturer-info .product-block .top, .page-category .product-block .top{
    min-height: 120px;
    }
}

.title-manufacturer{
    font-size: 15px;
    margin-bottom: 0;
    height: 35px;
    border-bottom: 1px solid #272727;
    text-align: left;
    font-weight: 500;
    padding-top: 5px;
    font-weight: 600;
}

.blocco-marchio{
    text-align: left !important;
}

.blocco-marchio .btn-marchi{
   display: none;
}

@media (max-width: 767px) {
.product-manufacturer h1{
     font-size: 22px;
}
    .title-manufacturer {
    font-size: 14px;
    height: auto;
}

    .btn-marchi .button{
    margin-top: 15px;
        width: 100%;
    }
    .blocco-marchio {
    text-align: left !important;
    padding: 5px;
    padding-bottom: 5px !important;
    padding-top: 5px !important;
}


    }

@media (max-width: 425px){
    .title-manufacturer {
    letter-spacing: -0.7px;
    min-height: 30px;
    font-size: 13px;
}
}

@media (max-width: 991px){
     .pav-newsletter-cst .btn-primary{

    padding: 10px 10px;
    margin-top: 2px;
    }

    .pav-newsletter{
        padding-top: 15px;
        text-align: left;
    }

    .titolo-newsletter{
font-size: 16px;
    margin-top: 0;
    margin: 0 auto 15px;
    text-align: center;
    }

    .fix-newsletter-icon{
display: none;
    }

    .titolo-newsletter:before{
    content: "\e079";
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
        margin-right:10px;
    }

    .page-news-ncategory #column-left{
        display: none;
    }
}

.news-ncategory .breadcrumb{
    background: transparent;
}

.bnews-list .artblock{
    margin-bottom: 30px;
}

.mfilter-box-2 .mfilter-counter, .mfilter-box-3 .mfilter-counter {
    background: #F1EFE6 !important;
}

.mfilter-box-2 .mfilter-counter:after, .mfilter-box-3 .mfilter-counter:after {
    border-right-color: #F1EFE6 !important;
    color: #272727 !important;
}

.mfilter-heading .mfilter-head-icon {
    background-position: 6px -23px !important;
    margin-top: 3px !important;
    width: 17px !important;
    height: 17px !important;
}

.mfilter-light-theme .mfilter-col-count {
    padding-right: 15px !important;
}

.bnews-list .artblock {
    display: inline-block !important;
    padding: 0 !important;
    clear: left !important;
    margin-bottom: 30px;
}

@media (max-width: 425px){
    .bnews-list .artblock{
        padding: 15px;
    }
}

.page-product .breadcrumb-heading{
    font-size: 28px;
}

.page-product .breadcrumbs span a{
    color: #1D3828;
}

.product-view .btn-cart{
    padding: 10px 15px;
}



.carousel-controls .carousel-control.right {
    margin-top: 50px;
}

.carousel-controls .carousel-control.left {
    margin-top: 50px;
}

.prezzo-dettaglio h2{
    margin-top:10px;
}

.tab-content h2{
    font-size: 24px;
}

.tab-content a{
    color: #1D3828;
    font-weight: 500;
    text-decoration: underline;
}

.gruppo-prezzo-quantita{
    margin-top: 30px;
    padding: 0;
}



.rif-prezzo-barrato{
    margin-right: 5px;
}

@media (max-width: 991px){
    .carousel-controls .carousel-control.right {
    margin-top: 15px;
}

.carousel-controls .carousel-control.left {
    margin-top: 15px;
}
}

@media (max-width: 425px){
    .product-view .btn-cart {
    padding: 13px 5px;
    font-size: 18px;
/*    margin-top: 20px;*/
}
    .carousel-controls .carousel-control.right {
    margin-top: 15px;
}

.carousel-controls .carousel-control.left {
    margin-top: 15px;
}

    .tabs-group .nav-tabs > li.active a{
        font-size: 13px;
    }

    .tabs-group .nav-tabs > li > a{
        font-size: 13px;
    }
}

/*certificazioni*/

.certificazioni-prodotto{
    list-style: none;
    padding-left: 15px;
    cursor: pointer;
    margin-top: 15px;
    display: inline-block;
}

.certificazione{
        display: inline-block;
    font-size: 20px;
    font-weight: 600;
    margin-right: 15px;
    margin-bottom: 15px;
    text-align: center;
    line-height: 28px;
        border-radius: 100%;
        width: 30px;
    height: 30px;
}

.tooltip-certificazione{
    display: none;
    cursor: pointer;
    position: absolute;
}

.text-tooltip{
/*    line-height: 80px;*/
    text-align: center;
}

.certificazione:hover .tooltip-certificazione{
    cursor: pointer;
    font-size: 14px;
    display: inline-block;
    margin-left: -20px;
    margin-top: 28px;
    text-align: center;

}

.lettera-a{
    background: #ffb180;

}

.lettera-d{
    background: #86d3e6;

}

.lettera-b{
    background: #9cd37a;

}

.lettera-s{
    background: #f5d54f;

}

.lettera-i{
    background: #c9c0ad;

}

@media (max-width: 767px){

    .certificazione{
        font-size: 14px;
        font-weight: 500;
        line-height: 18px;
        border-radius: 20px;
        width: auto;
        padding: 7px 16px;
        height: auto;
        margin: 0 10px 10px 0;
        float: left;
        color: #1D3828;
    }

    .tooltip-certificazione{
        display: inline-block;
        position: relative;

    }


}

.icone-trasporto{
    padding-top: 30px;
    margin-top: 15px;
    border-top: 1px solid #ececec;
    padding-left: 0;
}

.trasporto-spedizione{
    font-weight: 600;
    font-size: 14px;
    line-height: 1.75;
}

.trasporto-spedizione span{
    color: #1D3828;
}

/* in bozza sono icone tabler da 48px sopra il testo, non i png del
   vecchio tema affiancati */
.icona-trasporto:before,
.icona-spedizione:before,
.icona-pagamenti:before,
.icona-garanzia:before {
    display: block;
    width: auto;
    height: 48px;
    float: none;
    margin: 0 0 5px;
    background: none;
    font-family: "tabler-icons" !important;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 48px;
    color: #1D3828;
    text-align: center;
}

.icona-trasporto:before  { content: "\ebc4"; }
.icona-spedizione:before { content: "\ebc4"; }
.icona-pagamenti:before  { content: "\eae2"; }
.icona-garanzia:before   { content: "\ef9a"; }  /* tabler shield-checkered */

@media (max-width:425px){
    .trasporto-spedizione{
        font-size: 13px;
        line-height: 1.42857;
    }

    /* qui c'era il 20x20 delle icone png del vecchio tema: con le icone
       tabler tagliava il camion a 20px di larghezza e lo spostava a
       sinistra rispetto alle altre due */
}

.product-related .panel-heading{
    text-align: center;
    text-transform: uppercase;
    box-shadow: none;
}

.product-related .panel-heading:before{
    display: none;
}

.ourservice-content a{
    text-decoration: underline;
}

.icone-social-footer{
    margin-left: 0;
}

.icone-social-footer li{
    border: 1px solid;
    padding: 2px 10px;
}

.icone-social-footer li a{
    padding-left: 0;
}

.alert-success {
    background-color: #1D3828;
    border-color: #1D3828;
    color: #fff;
}

.alert-success a{
    color: #fff;
    text-decoration: underline;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #ffffff;
    text-shadow: 0 1px 0 #fff;
    opacity: 1;
    filter: alpha(opacity=1);
}

.btn-primary:active, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle{
    color: #fff;
    background-color: #1D3828;
    border-color: #1D3828;
}

.artblock .name a{
    margin-top: 15px;
    min-height: 70px;
}

.content-categoria{
    min-height: auto !important;
    padding-bottom: 30px !important;
}

/*bugfixing 30102018*/

.testo-discount {
    font-weight: 600;
    font-size: 16px;
    color: #ffffff;
    background: #1D3828;
    padding: 7px 15px;
    display: inline-block;
}

.page-product .testo-discount {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin: 16px 0 0;
    padding: 8px 18px;
    border-radius: 20px;
    background: #E1DBC8;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    color: #1D3828;
}

.contenitore-carrello-cst{
    margin-bottom: 60px;
}

.page-checkout-cart .btn-checkout {
    background: #ffffff;
}

.contenitore-carrello-cst label[for=input-coupon]
{
    padding-left: 0 !important;
}

.checkout-cart .breadcrumb{
    padding: 15px 0;
}

.frasi-desktop p{
    margin: 0;
}

.success-cart button{
    background: #F1EFE6;
    border: none;
    padding: 7px 15px;
    margin-right: 10px;
    margin-left: 10px;
}

.success-cart button a{
    color: #272727;
    text-decoration: none;
    font-weight: 600;
}

.success-cart button.close{
    background: transparent;
    color: #fff;
}

.btn-scopri {
    color: #FFFFFF;
    /* bozza: btn-default 151x47 r50, testo 18px w300 */
    font-weight: 300;
    font-size: 18px;
    text-decoration: none;
    background: #1D3828;
    border-radius: 50px;
    /* bozza: 148x47 (misurato su entrambe le fasce parallax).
       Con line-height 26 questi padding danno 148x48. */
    padding: 11px 28px;
    margin-top: 7px !important;
    display: inline-block;
}

.btn-scopri:hover{
    color: #FFFFFF;
    background: #BD5C35;
}

.sezione-feedaty .container{
        padding-bottom: 30px;
}

@media (min-width: 1024px){
.widget-feedaty-cst{
  text-align: right;
}
.margin-top-30-desktop{
  margin-top: 30px !important;
}

}

.sezione-hp {
    padding: 15px 0;
}

.quantity-adder .add-action {
    width: 25px;
}

.quantity-adder .quantity-number input {
    width: 30px;
}

.product-view .breadcrumbs{
    margin-bottom: 10px;
}

.product-view hr{
    margin-top: 10px;
    margin-bottom: 10px;
}

.icona-header span{
    font-size: 16px;
}

#benvenuto {
    padding: 7px;
}

@media (max-width: 425px){
    .artblock .description{
        display: none;
    }

        .checkout-cart .search-box-wrapper, .checkout-checkout .search-box-wrapper{
        display: none;
    }

    .checkout-cart .breadcrumb, .checkout-checkout .breadcrumb{
        display: none;
    }

}

@media (max-width: 991px){
        .sezione-hp{
        padding: 15px;
    }
    .paragrafo-parallax-mobile{
            padding-left: 15px;
    padding-right: 15px;
    }

    .artblock{
            margin-bottom: 15px;
    }

    .artblock .name a {
    margin-top: 15px;
    min-height: 80px;
    font-size: 14px;
}
    .category-description h2{
        font-size: 16px;
    }

    .opzioni-titolo{
    display: none;
}
    .mio-container-prodotti {
    padding: 15px 15px !important;
    border-bottom: 1px solid #b3b3b3;
}

}

@media (max-width: 767px){
    @media (max-width: 991px){
        margin-top:0;
    }

    .prezzo-totale{
        margin-bottom: 0;
        margin-top:0;
    }
}


    .a-partire-da {
    display: block;
    margin-bottom: -15px;
    min-height: 23px;  /* Patrizia*/
}


.fix-category-hp .row-level-2{
    padding-bottom: 20px;

}

.border-bottom-category{
    border-bottom: 1px solid #DBD6C6;
    padding-bottom: 20px !important;
}

.no-border-hp .border-bottom-category{
    border-bottom: none;
}

.article-content img {
max-width: 100%;
height: auto!important;
}

.article-content  a {
color: #1D3828;
font-weight: 500;
text-decoration: underline;
}

.news-article .breadcrumb{
    background: transparent;
}


/*bugfix 14112018*/

 .checkout-cart .control-label{
    text-align: left;
}

.fisarmonica-carrello .form-control{
    background-color: #f3f3f3;
}

@media (max-width:767px){

.fisarmonica-carrello .panel-heading{
    margin-bottom: 0;
}
}

sticky-footer {
    background: #fff;
    height: 100px;
    position: fixed;
    bottom: 0;
    transition: bottom 0.2s ease-in-out;
    width: 100%;
    -webkit-box-shadow: -1px 2px 26px -6px rgba(0,0,0,0.59);
    -moz-box-shadow: -1px 2px 26px -6px rgba(0,0,0,0.59);
    box-shadow: -1px 2px 26px -6px rgba(0,0,0,0.59);
    z-index: 5;
}

.nav-down {
    bottom: 0;
}

sticky-footer .bottoni-contatto{
    padding: 15px 0;
}

sticky-footer .btn-acquista{
    font-size: 28px;
    padding: 30px;
    background: #1D3828;
    border: 1px solid #1D3828;
     margin: 8px auto;
    width: 100%;
    color: #FFF !important;
    display: block;
    height: 100%;
}

@media (max-width: 425px){
sticky-footer .btn-contatto{
    text-align: center;
    font-size: 22px;
}

    .cont-continua-acquisti{
        display: contents;
    }

    .nome-prodotto a {
    font-size: 14px;
}
    .prezzo-totale{
        font-size: 14px;
    }

    .fisarmonica-carrello .panel-heading .panel-title, .fisarmonica-carrello h2{
        font-size: 14px;
    }

    .contenitore-carrello-cst {
    margin-bottom: 0;
}
    .mio-container-prodotti .nome-prodotto {
    margin-bottom: 10px;
}
    .resoconto-prezzo:first-of-type{
        margin-top: 15px;
    }

    .icona-header span {
    line-height: 25px;
    }
    .success-cart button.close {
    background: transparent;
    color: #fff;
    border: 1px solid;
}
    .success-cart button{
    margin-right: 0;
    margin-left: 0;
    background: #fff;
    }

    .success-cart button a {
    color: #1D3828;
}

    .fisarmonica-carrello{
        font-size: 14px;
    line-height: 20px;
    }

    .page-product .thumbs-image{
       display: inline-block;
    }

    .page-product .breadcrumb, .page-product .breadcrumbs {
    padding-top: 0;
    padding-bottom: 0;
        margin-bottom: 15px;
}
    .inputGroup-alphlora input[type="radio"] + span{
        font-size: 12px;
    }

    .gruppo-prezzo-quantita {
        margin-top: 10px;
    }
}

    .success-cart button{
    margin-right: 0;
    margin-left: 0;
    background: #fff;
    }

    .success-cart button a {
    color: #1D3828;
}

/*menu mobile*/

.offcanvas-inner {
    float: none;
    padding: 0 10px;
    margin-top: 0;
    position: fixed;
    top: 0;
    width: 280px;
    overflow: auto;
    background: #FFF;
    display: inline-block;
    height: 100%;
}

.offcanvas-inner{float:none;padding:0 10px;margin-top:0;position:fixed;top:0;width:280px;height:100%;overflow:auto;background:#FFF;display:inline-block;}
.tabcontent{height:550px;}

.tab-cst button.active{    background-color: #1D3828 !important; !important;color:#FFF;text-transform:uppercase;font-weight:600;}
.tab-cst button{background-color:#FFF !important;float:left;border:none;outline:none;cursor:pointer;padding:14px 16px;transition:0.3s;color:#262e31;text-transform:uppercase;font-weight:600;}
.offcanvas-inner .panel-heading{padding:10px 0;}
.offcanvas-inner .panel-heading .btn-primary{padding:0;border-radius:100%;background-color:transparent;color:#262e31 !important;font-size:18px;}
.canvas-menu:active{color:#FFF !important;}

#Categorie li{padding:7px 5px !important;float:none !important;}
#Pagine li{padding:7px 5px 0 !important;float:none !important;}
#Categorie .collapse{list-style-type:none;padding:0;}
#Categorie .collapse li{padding:4px 0 !important;}
#Categorie .collapse li a{font-weight:400 !important;text-transform:none !important;padding-top:5px !important; width: 90%;     text-transform: uppercase !important;}
#Categorie li a{background:transparent !important;padding:0 0 5px !important;font-family:'Quicksand', sans-serif !important;font-weight:400 !important;text-transform:uppercase !important;font-size:14px !important;display:inline-block !important;border-bottom:1px solid #ebebeb !important; width: 90%;}
#Pagine li a{background:transparent !important;padding:7px 0 !important;font-family:'Quicksand', sans-serif !important;font-weight:600 !important;text-transform:uppercase !important;font-size:14px !important;display:inline-block !important;width:85% !important; color: #272727;}
#Pagine .megamenu{padding:0;margin-top:20px;}

#Pagine #offcanvasmenu .navbar-nav{
    position: relative;
}

#Categorie .list-group-item a{
   font-weight: 600 !important;
}

#offcanvasmenu .click-canavs-menu.fa{
    line-height: 25px;
}

#Categorie .collapsing, #Categorie .panel-body .list-group-item ul li {
    list-style-type: none;
    padding-left: 0 !important;
    margin-left: 0;
    font-weight: 400 !important;
}

/*megamenu*/

.menu-categorie .navbar-mega .navbar-nav > li .megamenu-cst{
    width: 100% !important;
    padding: 5px 20px !important;
    background: #fbfbfb;
}

.megamenu-cst .megamenu-inner a{
    border-right: none !important;
    margin: 0 !important;
    padding: 7px 0 !important;
}

.megamenu-cst .dropdown-menu li{
    padding: 0 !important;
}

.megamenu-cst .megamenu-cat-list li{
    padding: 5px 0 !important;
}

.megamenu-cst .megamenu-cat-list li span, .megamenu-cst .megamenu-cat-list li a{
    padding: 0 !important;
}

.titolo-megamenu {
    font-size: 16px;
    font-weight: 600;
    border-bottom: 1px solid #ececec;
    padding-bottom: 3px;
}

/*cassa*/

.page-checkout-checkout_one .well a{
    color: #1D3828;
    text-decoration: underline;
}

.accedi-registrati-cassa{
    padding-bottom: 10px;
    /*margin-bottom: 30px;*/
    margin-top: 15px;
}

.page-checkout-checkout_one .nome-prodotto {
    font-size: 15px;
}

.page-checkout-checkout_one .testo-voci {
    font-weight: 600;
    font-size: 12px;
    border-bottom: 1px solid #ececec;
}

.prezzo-totale-cassa{
    padding: 5px 0 !important;
    border-bottom: 1px solid #ececec;
    font-size: 13px;
}

.riga-prodotti-cassa{
    border-bottom: 1px solid #ececec;
    padding-bottom: 3px;
}

@media (max-width: 767px){
    .text-left-mobile{
        text-align: left !important;
    }
}

.page-checkout-checkout_one .register_block h3{
    margin-top: 0;
}

.page-checkout-checkout_one .breadcrumbs ul{
        background: #fff;
    margin-bottom: 0 !important;
}

.page-checkout-checkout_one .breadcrumbs{
    margin-bottom: 0;
}

.menu-categorie, .bg-menu-cat {
    padding: 0;
}

.frasi-desktop{
    padding: 0;
}

.accedi-registrati-cassa input{
    width: 100  % !important;
}

.accedi-registrati-cassa .btn-primary{
    margin-top: 20px;
    padding: 10px;
}

.pwd-dimenticata-cassa{
    float: right;
}

.page-checkout-checkout_one .maincols{
    padding-bottom: 30px;
}

.home-cat-h2{margin-top:0px !important;color:#BD5C35;font-size:32px;font-weight:500;margin-bottom:20px;}

/*bugfix 19112018 menu mobile aperto*/

.row-offcanvas-left .offcanvas-inner{
   left: -280px !important;
}

.row-offcanvas-left.active .offcanvas-inner{
   left: 0 !important;
}
.shipping-method2{
    display: none
}
@media (max-width:991px){
    .row-offcanvas-left {
    background: #fff;
    z-index: 9;
}
}

.mfilter-free-button:before {
    font-family: "Font Awesome 5 Free";
    content: "\f0b0";
    font: normal normal normal 14px/1 FontAwesome;
    color: #fff;
    left: 5px;
    position: absolute;
    top: 0;
    font-size: 20px;
}
select#multiple{
    height: 200px;
    width: 200px;
}

/*bugfix 28112018*/

#modal-shipping .btn-default{
    background: #BC5D35;
    border-radius: 50px;
}

.page-account-account .btn-acquista{
    font-size: 16px;
    display: inline-block;
    margin-top: 15px;
    padding: 15px;
}

#scarica-ora-basic {
    font-size: 11px;
}

.minibasket .btn-danger{
    background: #a90606;
    text-align: center;
    min-width: 30px;
    padding: 5px;
}

.btn-patrizia{
   background: #1D3828 !important;
   border-radius: 0 !important;
}
.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}
.date .input-group-btn {
    border: 1px solid #dbdbdb;
    border-left: 0 none;
    height: 40px;
    background-color: #fff;
}
.date.input-group .form-control {
    border-right: 0 none;
}

/* ------------------------------------- ELY --------------------------------*/

/* ----- ----- UTILIES----- ----- */

    .nopadding{
        padding: 0 !important;
    }
   .padding-side5{
        padding: 0px 5px;
    }
    .top-marg{
        margin-top: 20px;
    }
    .flex{
      display: flex;
      align-items: center;
    }

    .pl-zero{
        padding-left: 0px !important;
    }

    .pr-zero{
        padding-right: 0px !important;
    }

    .mt-50{
        margin-top: 50px;
    }

    .margin_-30{
        margin-right: -30px; margin-left: -30px;
    }

@media(max-width:768px){
    .low-padding-mobile{
        padding-left: 5px;
        padding-right: 5px;
    }

}
/*----------------- ACCOUNTB2B TPL --------------------------*/
/*BLOCCHI DASHBOARD B2B STYLES*/
.benvenuti-dashboard p{
    font-size: 2rem;
    font-weight: 600;
}


.packs .col-lg-3,
.packs .col-lg-9{
  margin-top: 30px;
}
.pack{
  --black-clr: #000000;
  --white-clr: #FFFFFF;
  --beige-clr: #F1EFE6;
  --orange-clr: #CD793A;
  --green-clr: #537961;
}
.pack .item-inner {
  color: var(--black-clr, black);
  background: var(--beige-clr, #F1EFE6);
  padding: 1px 15px;
  min-height: 187px;
}

.pack h3{
    font-size: 28px;
    color: var(--black-clr, black);
}

.pack hr {
  border-top: 2px solid var(--black-clr, black);

}
.pack-orange hr{
  border-top: 2px solid var(--white-clr, white);
}
.pack-green hr{
  border-top: 2px solid var(--white-clr, white);
}
.pack-beige hr{
  border-top: 2px solid var(--black-clr, black);
}

.pack p {
  font-size: large;
  margin: 26px 0px;
  font-weight: 510;
}

.pack a{
    color: black;
}

.pack button{
  float: right;
  background: inherit;
  border: none;
  text-transform: uppercase;
}
.pack button:focus {
  outline: 0;
  }
.img-download{
  width: 83%;
  padding-left: 21px;
}

.pack-orange,
.pack-orange h3{
  background-color: var(--orange-clr, #CD793A) !important;
  color: var(--white-clr, white) !important;
}

.pack-green,
.pack-green h3{
  background-color: var(--green-clr, #537961) !important;
  color: var(--white-clr, white) !important;
}
.pack-beige,
.pack-beige h3{
  background-color: var(--beige-clr, beige) !important;
  color: var(--black-clr, black) !important;
}

.pack-green h2,
.pack-orange h2{
  color:white;
}

.pack-green a,
.pack-orange a{
    color: white;
}
.pack-beige a{
  color: black;
}

.pack-stag hr{
  margin-bottom: 4px;
}
.banner p{
  margin: 0px;
  font-size: 30px;
  /* padding: 16px 12px; */
  font-weight: normal;
}

.banner img{
  float: right;
  width: 96%;
}

/*BUTTONE SCOPRI*/

.area-b2b{
    display: flex;
    height: 148px;
    align-items: flex-end;
}
.btn-scopri-offerte {
   width: 100%;
   padding: 7px 22px;
}
.btn-scopri-offerte span {
    display: block;
    text-decoration: none;
    text-align: left;
    line-height: 20px;
    font-size: 1.4rem;
}
/* ----- -----  POPUP PRODOTTO B2B ----- ----- */

/*DESKTOP*/
	#exitpopup
	{

        background-color: #CD793A;
        color:#fff;
        width: 800px;
        height: 434px;
        margin:0px auto;
        display:none;
        position:fixed;
        padding: 49px 65px;
        z-index:999999;
	}

	#exitpopup h1,
    #exitpopup h2
	{
		margin-top:0px;
		padding-top:0px;
        color:#fff !important;

	}

	#exitpopup p
	{
		text-align:left;
        color:#fff;
	}

    #exitpopup_bg{
        font-size: 30px;
        cursor: pointer;
        position: absolute;
        top: 7%;
        right: 5%;
    }

    #exitpopup .form-control{
        height: 35px;
        font-size: 17px;
        border-radius: 5px;
    }
    #exitpopup textarea.form-control {
        height: initial;
        border-radius: 13px;
    }

    #exitpopup .btn{
        background: trasparent;
        border-radius: 0;
        margin-top: 33px;
        font-size: x-large;
    }

/*MOBILE*/
    #popup-mobile
	{

        background-color: #CD793A;
        color:#fff;
        width: 500px;
        height: 480px;
        margin:0px auto;
        display:none;
        position: fixed;
        width: 80%;
        height: auto;
        top: 15%;
        left: 10%;
        padding: 20px 34px;
        z-index:999999;
	}

	#popup-mobile h1,
    #popup-mobile h2
	{
		margin-top:0px;
		padding-top:0px;
        color:#fff !important;

	}

	#popup-mobile p
	{
		text-align:left;
        color:#fff;
        font-size: 13px;

	}

    #popup-mobile_bg{
        font-size: 20px;
        position: absolute;
        right: 5%;
        top: 5%;
    }

    #popup-mobile .form-control{
        height: 28px;
        font-size: 14px;
        border-radius: 5px;
    }
    #popup-mobile textarea.form-control {
        height: initial;
        border-radius: 13px;
    }
    #popup-mobile .btn-default{
        padding: 7px 50px;
        background: trasparent;
        border-radius: 0;
        margin-top: 5px;
        border-radius: 0;
    }
/* ---------------- POPUP CAMPIONCINI -----------------------*/


#popup_tabella_rate{
    position: fixed;
    width: 45%;
    top : 15%;
    left : 26%;
    height: auto;
    padding : 2%;
    z-index: 9999;
    color: white;
    background-color: #1D3828;
    padding: 40px 60px !important;
}
/*ALERT v*/
#popup_tabella_rate .text-danger{
    color: #a94442;
    background: #f2dede;
    border-radius: 3px;
    font-weight: 600;
    padding: 2px;
    margin-bottom: 2px;
}

#popup_tabella_rate .has-error span{
    color: #a94442;
}

#popup_tabella_rate .inputGroup-alphlora input[type="radio"]:checked + span {

    color: black !important;
}

#popup_tabella_rate .equis{
    position: absolute;
    top: -2%;
    right: 4%;
    font-size: 20px;
    color: #a94442;
}
/*ALERT ^ */
#popup_tabella_rate h2{
    font-weight: 600;
    margin-top: 0px;
    margin-bottom: 5px;
    font-size: 24px;
    color: white;
}

#popup_tabella_rate p{
    margin-top: 20px;
    margin-bottom: 15px;
}

#popup_tabella_rate .radio{
    height: 38px;
}
#popup_tabella_rate span{
    color: black;
}

#popup_tabella_rate .btn{
    float: right;
    padding: 12px 42px;
    border-color: white
}

#popup_tabella_rate i{
    font-size: 3rem;
}

#popup_tabella_rate .ordine{
    color: white;
    font-size: 1.5rem;
}

#popup_tabella_rate .inputGroup-alphlora span{
    font-size: 12px;
}

   @media screen and (max-width:1572px) and (min-width:1441px){
        #popup_tabella_rate .inputGroup-alphlora span {
            font-size: 10px;
            padding: 9px 15px;
        }
        #popup_tabella_rate .inputGroup-alphlora span:after {
            font-size: 10px;
        }
    }


    @media screen and (max-width: 1311px) and (min-width: 1240px){
        #popup_tabella_rate .inputGroup-alphlora span {
            font-size: 12px;
            padding: 6px 8px;
            }
        #popup_tabella_rate .inputGroup-alphlora span:after {
            font-size: 14px;
        }
    }

   @media screen and (max-width:1239px) and (min-width:1174px){
        #popup_tabella_rate .inputGroup-alphlora span {
            font-size: 11px;
            padding: 8px 9px;
        }

        #popup_tabella_rate .inputGroup-alphlora span:after {
            font-size: 10px;
        }
    }


    @media screen and (max-width:1174px) and (min-width:1156px){
        #popup_tabella_rate .inputGroup-alphlora span {
            font-size: 11px;
            padding: 8px 7px;
        }

        #popup_tabella_rate .inputGroup-alphlora span:after {
            font-size: 11px;
        }
    }
    @media screen and (max-width:1155px) and (min-width:1031px){
        #popup_tabella_rate .inputGroup-alphlora span {
            font-size: 9px;
            padding: 9px 7px;
        }

        #popup_tabella_rate .inputGroup-alphlora span:after {
            font-size: 10px;
        }
    }


/*--------------------  PRODOTTO TPL   --------------------------*/

.a-partire-da {
    font-size: 18px;
}

.scarica-catalogo{
    width: 30%;
    color: #000000;
    background: #F1EFE6;
    padding: 10px 15px;
    font-weight: 600;
}

.scarica-catalogo p{
    width: 60%;
    line-height: 1.3;
    margin-bottom: 0px;
}

.scarica-catalogo a{
    width: 40%;
    background: inherit;
    border: none;
    padding: 0px;
}
.scarica-catalogo a > img{
    width: 48%;
    float: right;
}

.quantity-flex{
    display: flex;
    align-items: center;
}

.quantity-flex .add-action {
    line-height: 0px !important;
    height: 10px !important;
}

/* ----------------- CONFEZIONATI ---------------*/

/*CONFEMAIN*/
.confe-main h2{
    margin-top: 0px;
    margin-bottom: 20px;
}
.confe-main h3{
    margin-bottom: 20px;
}

/*CONTACT-CONFE*/
.contact-confezi .scarica-catalogo{
    width: 100%;
    padding: 10px 22px;
}
.contact-confezi .scarica-catalogo p{
    font-size: 19px;
    width: 61%;
}
.contact-confezi .scarica-catalogo a{
    width: 33%;
}
.contact-confezi label{
  font-weight: 600;
  padding-left: 5px;
}
.contact-confezi label:after {
  content:" *";
  color:red;
}
.contact-confezi .form-control{
  background-color: #F1EFE6;
  border-radius: 4px;
}

.contact-confezi textarea.form-control {
    border-radius: 8px;

}
.contact-confezi .btn-patrizia{
    width: 100%;
    font-size: 21px;
    color: white;
}



/*-------------- PAGINA RIVENDITORI -----------------------*/

.singolo-rivenditore {
    background: #f5f5f5;
    border: 1px solid #D5D5D5;
    margin-bottom: 24px;
    padding: 16px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
}

.singolo-rivenditore h3{
    border-bottom: 1px solid #d5d5d5;
    padding: 10px 19px;
    margin: -15px -16px 10px;
    background: #fff;
    color: #1D3828;
}

.singolo-rivenditore p{
    margin: 0px;
    color: #999;
}
.singolo-rivenditore a{
    color: green;
    text-decoration: underline;
}

/*FIX BUG DUE OPZIONI SCHEDA PRODOTTO*/
#product-option .form-group{
    overflow: hidden;
}

/*H2 BOLDER LANDING B2B*/
.information-information-20 h2{
    font-weight: 700
}

.motivi-titolo{
    color: #1D3828;
    font-weight: 600;
}

.landing-video{
    max-width: 869px;
    width: 100%;
    height: 500px;
}

.page-information #content a{
    color:#1D3828;
    text-decoration: underline;
}

.area-content{
    margin-bottom: 10%;
}
.area-content .area-titolo {
    min-height: 66px;
    margin: 13px 0px;
    font-size: 25px;
    font-weight: 700;
}

.area-content iframe{
    max-width: 100%;
    max-height: 305px;
}

.area-content .area-descrizione{
    margin: 10px 0px;
}


/* MEDIA QUERIES  */


@media screen and (max-width:1440px){
    #popup_tabella_rate{
        width: 54%;
        left: 23%;
    }
}
@media screen and (max-width:1030px) and (min-width:800px){
    .pack-mixo p{
        margin: 16px 0px;
    }
}

@media screen and (max-width:1030px){
    /*POPUP CAMPIONCINI */
    #popup_tabella_rate{
        width: 78%;
        left: 10% !important;
    }
    /*BUTTONE SCOPRI MEDIA*/
    .btn-scopri-offerte span {
        font-size: 1.8rem;
    }
     .scarica-catalogo {
        width: 37%;
    }
    .btn-cart-b2b {
        font-size: 14px !important;
    }
    .quantity-flex {
        height: 41px;
    }
    .quantity-flex .quantity-number input {
        height: 39px;
    }
    .confe-main img {
      width: 233px;
      height: auto;
    }
    .titolo-slider-caption{
        padding: 35px 15px !important;
        line-height: 29px !important;
    }
    .titolo-slider-caption h3 {
        margin-top: 0px;
        line-height: 0.8;
    }

}

@media screen and (max-width: 770px){
    .benvenuti-dashboard{
        margin: 0px 0px;
    }
    .benvenuti-dashboard p {
        font-size: 1.8rem;
        font-weight: 400;
    }
  .banner img{
    float: initial;
    width: 100%;
    max-height: 125px;
  }

  .banner h3{
    margin-top: 0px;
    padding-left: 16px;
  }

    .pack-stag .flex{
        margin-top: 14px;
    }

    .pack-stag .flex p{
        flex-grow: 4;
    }

    .pack-stag .flex button{
        flex-grow: 1;
    }
    #popup_tabella_rate .ordine {
        font-size: 1.2rem;
    }
    .scarica-catalogo {
        width: 46%;
    }

    .absolute-mobile{
        position: absolute;
        right: 0;
        top: -57px;
        margin-right: 0px !important;
    }

    .confe-main img {
      width: 156px;
      height: auto;
    }
    .area-content .area-titolo {
    min-height: 81px;
    }

}
@media screen and (max-width: 430px ){
  .pull-right-mobile {
    float: right !important;
  }
  .packs .col-xs-6{
    padding-left: 6px !important;
    padding-right: 6px !important;
    margin-top: 12px;
  }
  .pack .item-inner {
    min-height: 164px;
  }
  .pack h3 {
    margin-top: 14px !important;
    font-size: initial;
  }

  .pack hr {
    margin-top: 12px;
    margin-bottom: 15px;
  }
  .pack button {
    font-size: 11px;
    position: absolute;
    right: 20px;
    bottom: 9px;
  }

  .pack-stag button{
    position: initial;
  }

  .banner button{
    position: absolute;
    right: 0px;
    bottom: -18px;
  }

  .pack p {
    font-size: initial;
    margin: initial;

    font-weight: normal;
  }

  .pack-green p,
  .pack-orange p,
  .pack-beige{
    margin-bottom: 17px;
  }
  .img-download {
   padding-left: 0px;
}

  .banner h3{
    padding-left: 10px;
    margin-top: 7px !important;
    margin-bottom: 0px !important;
  }
  .banner img{
    float: inherit;
    width: 100%;
    /* height: 93px; */
  }
    #popup-mobile{
            background-color: #CD793A;
            color:#fff;
            margin:0px auto;
            display:none;
            position:fixed;
            padding: 20px 44px;
            z-index:999999;
	   }
         #popup-mobile h2{
        font-size: 18px;
        margin-top: 13px;

        }

        #popup-mobile textarea.form-control {
            height: 82px;
            border-radius: 13px;
        }
    #popup_tabella_rate{
        padding: 38px 25px !important;
    }
    #popup_tabella_rate h2{
        font-size: 16px;
    }
    #popup_tabella_rate h2:last-of-type{
        margin-bottom: 20px;
    }
    #popup_tabella_rate .mt-50{
        margin-top: 0px;
        text-align: center !important;
    }
    #popup_tabella_rate .btn{
        float: none;
        padding: 6px 22px;
        font-size: 16px;
    }


    #popup_tabella_rate .ordine{
        color: white;
        position: absolute;
        top: 21%;;
        left: 25px;
        font-size: 11px;
    }
    #popup_tabella_rate .radio{
        padding: 0px 57px;
    }

    #popup_tabella_rate .form-group {
        margin-top: 21px;
    }

    #popup_tabella_rate i {
        top: 4% !important;
        right: 6% !important;
        font-size: 2rem;
    }
    #popup_tabella_rate .equis{
        top: 30% !important;
        right: 8% !important;
        font-size: 2rem;
    }

    #popup_tabella_rate .text-danger{
        margin-top: 13px;
        font-size: 12px;
    }

    #popup_tabella_rate .text-danger i {
        position: absolute;
        right: 7% !important;
        top: 47% !important;
        font-size: 1.3rem;
    }
     .scarica-catalogo {
        width: 41%;
        padding: 6px 12px;
        min-height: 50px;
    }
    .scarica-catalogo p{
        width: 60%;
        font-size: 14px;
    }
    .scarica-catalogo a {
        width: 40%;
    }

    .scarica-catalogo a > img {
        width: 52%;
    }
    .confe-main img {
      width: 113px;
      height: 113px;
    }
    .landing-video{
    height: 260px;
    }
    .area-content .area-titolo {
        min-height: 0px;
        margin: 20px 0px;
    }
    .box-area {
        margin: 20px 0px;
    }
    .area-content iframe {
        height: 206px;
    }
}

@media screen and (max-width: 375px){
  .banner button{
    position: absolute;
    right: 0px;
    bottom: -18px;
  }
    #popup_tabella_rate .ordine{
        font-size: 10px;
    }
    #popup_tabella_rate h2 {
    font-size: 14px;
    }
    #popup_tabella_rate .radio {
        padding: 0px 44px;
    }
    #popup_tabella_rate .radio span{
        height: 27px;
    }

    #popup_tabella_rate .inputGroup-alphlora span:after {
        margin-right: 0px;
        font-size: 11px;
    }

    #popup_tabella_rate .inputGroup-alphlora input[type="radio"] + span {
        font-size: 11px;
    }
    .scarica-catalogo {
        width: 38%;
    }
    .scarica-catalogo p {
        width: 63%;
        font-size: 11px;
    }
    .btn-cart-b2b {
        font-size: 11px !important;
    }
    .confe-main img{
      width: 107px;
      height: auto;
    }
}

/*GALAXY S5*/
@media screen and (max-width: 365px) and (min-width:340px){
    #popup_tabella_rate .ordine{
        top: 23%;
    }
}

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

  .pack .item-inner {
    min-height: 120px;
}

  .pack p{
    font-size: 14px;
  }
  .pack-stag h3{
    font-size: 15px;
  }

  .banner button{
    position: absolute;
    right: 0px;
    bottom: -23px;
  }

        #popup-mobile{
            padding: 16px 33px;
	   }
        #popup-mobile h2 {
            font-size: 17px;
        }

        #popup-mobile p {
            text-align: left;
            color: #fff;
            font-size: 12px;
        }
    #popup_tabella_rate {
        padding: 23px 19px !important;
    }
    #popup_tabella_rate  h2{
        font-size: 13px;
    }
    #popup_tabella_rate .radio {
        padding: 0px 28px;
    }

    #popup_tabella_rate i {
        right: 5% !important;
        font-size: 1.7rem;
    }

    .scarica-catalogo {
        width: 43%;
    }

    .page-module-ricerca_rivenditore .btn-xl{
        padding: 15px 38px;
    }

    .confe-main img {
      width: 93px;
      height: 93px;
    }

}

.alt-tag-overlay{
    position: absolute;
    bottom: 0;
    right: 15px;
    background-color: #1D3828;
    color: white;
    padding: 0px 5px;
    font-size: 1.3rem;
    max-width: 290px;
}

@media screen and (min-width:1000px){

    .alt-tag-overlay{
        max-width: 470px;
        padding: 2px 6px;
        font-size: 1.5rem;
    }

}

@media screen and (max-width:500px){
  .usp h3 {
    min-height: 40px;
  }
}

.campioncini-selezionati{
  background: #F1EFE6;
  color: #555555;
  padding: 8px;
  font-size: 13px;
  margin-bottom: 10px;
}
.campioncini-selezionati p:last-of-type{
  margin-bottom: 0px;
}
.edit-campioncini{
    background-color: #1D3828;
    color: #FFF !important;
    padding: 4px 6px;
    font-weight: 600;
    font-size: 11px;
    border: none;
    display: inline-block;
}
.f-product-price{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.list-unstyled.prezzo-dettaglio{
  margin-bottom: 0px;
}
.fidelity-product{
  border: 1px solid #8080804f;
  padding: 5px 10px;
  border-radius: 5px;
  background: #F1EFE6;
  font-weight: 700;
  box-shadow: 3px 3px 4px -2px rgb(50 50 50 / 38%);
  margin-bottom: 20px;
}
.account-account-catalogue_fidelity .fidelity-product{
  margin-bottom: 0px;
}
.account-account-catalogue_fidelity .products-block .fidelity-product{
  margin-bottom: 20px;
}

.punti-prodotto{
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 80px;
  text-align: center;
  position: absolute;
  right: 32px;
  top: 20px;
}
.punti-prodotto .upper-box{
  display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 10px;
    background: #1D3828;
    color: white;
    width: 100%;
    /* width: 80px; */
    height: 80px;
    justify-content: center;
    border-radius: 5px;
    box-shadow: 3px 3px 4px -2px rgb(50 50 50 / 38%);
}
.punti-prodotto-mobile .upper-box{
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #1D3828;
    color: white;
    width: 50px;
    height: 50px;
    margin-right: 20px;
    justify-content: center;
    border-radius: 5px;
    box-shadow: 3px 3px 4px -2px rgb(50 50 50 / 38%);
    font-size: 11px;
}
.punti-prodotto-mobile .upper-box #fidelity_points{
    font-size: 22px;
    line-height: 20px;
    font-weight: 700;
}
.punti-prodotto .lower-box{
  font-size: 12px;
  line-height: 14px;
  color: #729973;
  font-weight: 500;
}
.punti-prodotto .lower-box span, .punti-prodotto-mobile .lower-box span{
  color: #1D3828;
  font-weight: 900;
}
.punti-prodotto .upper-box #fidelity_points{
  font-size: 40px;
  line-height: 40px;
}
.punti-prodotto-mobile{
  display: flex;
  align-items: center;
  background-color: #F1EFE6;
  color: #729973;
  padding: 15px 30px;
}
.fidelity-checkout{
  overflow: auto;
  margin-bottom: 10px;
}
.fidelity-product span{
  color: #1D3828;
  font-weight: 900;
}
.riepilogo_edit{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 20px 0px 10px;
}
.riepilogo_edit h3{
  margin: 0px;
}
.edit-order{
  background-color: #1D3828;
  color: #FFF !important;
  padding: 4px 6px;
  font-weight: 600;
  font-size: 11px;
  border: none;
  display: inline-block;
}
.flex{
  display:flex;
}
.flex-column{
  flex-direction: column;
}

.items-center{
  align-items: center;
}
.items-start{
  align-items: flex-start;
}
.items-end{
  align-items: flex-end;
}
.justify-between{
  justify-content: space-between;
}
.justify-end{
  justify-content: end;
}
.product-layout-fidelity {
  margin-bottom: 20px!important;
}
.product-block-fidelity{
  border: 1px solid #8080804f;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 5px 15px;
}
.product-block-fidelity .product-meta{
  display: flex;
  flex-direction: column;
  /* align-items: flex-end; */
  justify-content: space-evenly;
  grid-column-start: 2;
  grid-column-end: 4;
  padding-left: 15px;
}
.product-block-fidelity img {
  max-width: 200px;
}
.product-block-fidelity .name{
  text-transform: uppercase;
  font-weight: 600;
}
.product-block-fidelity .description{
  height: 60px;
}
.product-block-fidelity .btn-prodotto a{
  border: 1px solid #8080804f;
  padding: 5px 10px!important;
  border-radius: 5px;
}
.fidelity-buttons .btn-primary{
  border: 1px solid #8080804f;
  padding: 5px 10px!important;
  border-radius: 5px;
}
.mb-10 {
  margin-bottom: 10px;
}
@media screen and (max-width: 500px){
  .p0-xs{
    padding: 0px!important;
  }
  .product-block-fidelity{
    display: block;
  }
  .product-block-fidelity .image{
    text-align: center;
  }
  .xs-justify-between{
    justify-content: space-between;
  }
  .xs-my-20{
    margin-top: 20px!important;
    margin-bottom: 20px!important;
  }
  .xs-mb-0{
    margin-bottom: 0px!important;
  }
  .xs-flex-row{
    flex-direction: row;
  }
  .product-block-fidelity .btn-prodotto {
    margin-top: 0px!important;
  }
  .xs-items-center{
    align-items: center;
  }
  .product-block-fidelity .description {
    height: unset;
}
.punti-tab-closed {
    padding: 7px 7px 6px 7px!important;
  }
  .punti-tab-closed .punti-tab-title{
    display: none;
  }
  #push-top{
    right: 23px;
    top: 80%;
  }
}


.container-video {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 45%;
}
.video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.news-search .breadcrumb{
  background-color: transparent !important;
}
#btn-wishlist button{
  background: unset;
  border: none;
}
  .circle-wishlist{
    position: absolute;
    right: 5%;
    top: 5%;
    background-color: #F1EFE6;
    width: 40px;
    height: 40px;
    border-radius: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.circle-wishlist .fa-lg {
    color: #1D3828;
    vertical-align: -25%;
}
.wishlist i {
    color: #1D3828;
}
.wishlist-remove{
  padding: 14px;
}
#tab-checkout{
  background: #1D3828 !important;
  border: 1px solid #1D3828 !important;
}
#tab-checkout a{
  color: #FFF !important;
}
.icon-center{
  position: absolute;
  top: 35%;
  left: 60%;
  font-size:58px;
}
.icon-center2{
  position: absolute;
  top: 35%;
  left: 25%;
  font-size:58px;
}
.margintop-custom{
  margin-top:8px;
}
.banner-custom{
  border:solid 1px black;
  border-radius:15px;
}
.img-custom{
  border-radius:15px 0px 0px 15px;
}
.border-radiur-right{
  border-radius: 0px 15px 15px 0px;
}
.pack-icone-custom{
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
@media screen and (max-width: 361px) {
.img-custom-xs{
  max-width: 50%;
}
}

#language .top-link .dropdown-toggle, .top-link button.btn{
  padding: 0px;
}
.blog-product-box-info{
  display: flex;
  flex-direction: column;
  padding-top: 20px;
}
.blog-product-box{
  display: flex;
  /* align-items: center; */
  /* justify-content: space-between; */

  padding: 15px 0px;
  border: 1px solid #eee;
  box-shadow:0px 10px 10px 0px rgba(0,0,0,0.1);
  border-radius: 12px;
  overflow: auto;
  margin-bottom: 20px;
}
.blog-product-box-name{
  margin-bottom: 0px;
}
.blog-product-box-name a{
  font-weight: 500;
    font-size: 26px;
    color: black;
}
.blog-product-box-bottom{
  display: flex;
  align-items: center;
  
  margin-top: auto;
}
.blog-product-box-button{
  /* margin-top: auto; */
  /* align-self: flex-end; */
  margin-left: 40px;
}
.blog-product-box-button a{
  text-transform: capitalize;
    width: 100%;
    font-size: 16px;
    text-decoration: none;
    padding: 10px;
    border-radius: 12px;
}
.blog-product-box-price{
  font-weight: 700;
  font-size: 32px;
  /* align-self: flex-end; */
  margin-top: 0px;
}
.blog-product-box-price .price-old{
  font-weight: 500;
  font-size: 20px;
  text-decoration: line-through;
  font-weight: normal;
}
.blog-product-box-description.lista-puntata{
  margin-top: 15px;
  font-size: 13px;
  line-height: 20px;
}

.blog-product-box-price .a-partire-da{
  margin-bottom: 0px;
  font-weight: normal;
  /* margin-top: -15px; */
  font-size: 15px;
  gap: 65px;
}
.blog-product-box-cheapest-option{
  font-weight: 500;
  height: 24px;
}
.blog-product-box-image img{
  border-radius: 12px;
  border: 1px solid #eee;
}

@media screen and (max-width: 500px){
  .blog-product-box{
    flex-direction: column;
  }
  .blog-product-box-bottom{
    justify-content: space-between;
  }
  .blog-product-box-button{
    margin-left: 0px;
    margin-top: 20px;
  }
  .blog-product-box-price{
    margin-top: 20px;
  }
  .blog-product-box-image img{
    width: 100%;
  }
  
}

.container-scroll {
    overflow: hidden !important;
}
.navigate-scroll {
  z-index: 100;
  background: #fff;
  cursor: pointer;
}
@media (min-width: 992px) {
  .menu-categorie .navbar-collapse.collapse {
    overflow: hidden !important;
  }

  /* In bozza il contenuto di ogni sezione arriva ai bordi del container
     (240..1680 sul canvas 1440, cioe' tutta la larghezza). Il padding
     orizzontale del .container fa rientrare la sezione di 15px per lato,
     e siccome alcune sezioni hanno un .container annidato (i blocchi
     categoria) e altre no (la fascia in evidenza), le sezioni non erano
     allineate fra loro. Su mobile il padding serve come gutter, quindi
     la correzione vale solo da 992px in su. */
  .pav-container .pav-inner {
    padding-left: 0;
    padding-right: 0;
  }

  .pav-container .pav-inner .container {
    padding-left: 0;
    padding-right: 0;
  }

  /* in bozza il corridoio fra foto e testo del blocco categoria e' 14px
     (scalati 12), non i 30 del gutter Bootstrap: si stringe solo il lato
     interno delle due colonne, cosi' i bordi esterni restano allineati */
  .blocco-categoria-img {
    padding-right: 6px;
  }

  .blocco-categoria-info {
    padding-left: 15px;
  }

  /* stessa cosa per l'header: in bozza logo e voci di menu partono dal
     bordo del container (239 su 240), mentre il padding del .container
     li faceva partire 15px piu' a destra della topbar e delle sezioni */
  .header-v1 > .container {
    padding-left: 0;
    padding-right: 0;
  }

  /* la colonna di account/carrello ha .no-padding (padding 0 !important):
     senza il padding del container finiva 15px fuori dal container */
  .header-v1 .header-actions {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  /* stesso allineamento per la barra menu, che sta in un container a parte */
  .menu-container-scroll {
    padding-left: 0;
    padding-right: 0;
  }
}
.menu-categorie .classenav > li:last-child a {
    border-right: none !important;
}
/* ============================================================
   HEADER ALPHLORA - solo gli elementi non presenti prima
   (topbar 3 zone, header 2 righe, button offerte nel menu)
   ============================================================ */

/* link sottolineato dentro le voci di topbar */
.topbar .topbar-cta {
    text-decoration: underline;
    font-weight: 500;
}

.topbar .info-topbar .list-inline {
    margin-bottom: 0;
}

.topbar .info-topbar li {
    margin-right: 0;
}

/* --- header a 2 righe: logo | (megamenu + email / ricerca) | accedi + carrello --- */
.header-v1 .header-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

/* le larghezze restano quelle delle col-* di bootstrap */
.header-v1 .header-main > div {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
}

.header-v1 .header-main > .header-center {
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    min-width: 0;
}

.header-v1 .header-center {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.header-v1 .header-center-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.header-v1 .header-main > .logo img {
    max-width: 190px;
}

.header-v1 .header-center-top .bo-mainmenu {
    float: none;
    padding: 0;
}

/* la prima voce del megamenu allineata alla barra di ricerca sotto */
.header-v1 .header-center-top .bo-mainmenu .navbar-nav > li:first-child > a {
    padding-left: 0;
}

.header-v1 .header-email a {
    color: #272727;
    font-size: 14px;
    white-space: nowrap;
}

.header-v1 .header-email a:hover {
    color: #BD5C35;
}

.header-v1 .header-email i {
    margin-right: 8px;
    font-size: 17px;
}

.header-v1 .header-center-bottom {
    width: 100%;
    padding-top: 6px;
}

.header-v1 .header-center-bottom .search-box-wrapper {
    float: none;
    width: 100%;
}

/* --- accedi + carrello --- */
.header-v1 .header-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
}

.header-v1 .header-account {
    text-align: center;
    /* Stacco fra il blocco "Accedi" e quello "Carrello". In bozza (nodo
       5:436) i due riquadri di testo distano 29px e le due icone 76px da
       centro a centro. Il commit 8d381bd aveva commentato questa riga e
       le due etichette finivano attaccate ("AccediCarrello"). */
    margin-right: 28px;
}

/* da loggato ci sono due voci (nome utente e preferiti): vanno
   affiancate come le altre azioni, non impilate */
.header-v1 .header-account {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.header-v1 .header-account > * + * {
    margin-left: 20px;
}

.header-v1 .header-account #loginutenti a,
.header-v1 .header-account #benvenuto {
    color: #1D3828;
    display: block;
    line-height: 1.2;
}

/* il tema da a #benvenuto un padding di 7px (e su mobile un riquadro
   verde): qui il blocco deve essere identico a quello "Accedi" */
.header-v1 .header-account #benvenuto {
    padding: 0;
    background: none;
    font-size: inherit;
}

.header-v1 .header-account #benvenuto > a {
    display: block;
    text-decoration: none;
}

.header-v1 .header-account #benvenuto .caret {
    display: none;
}

.header-v1 .header-account #loginutenti i,
.header-v1 .header-account #benvenuto i {
    display: block;
    font-size: 26px;
    margin-bottom: 4px;
}

.header-v1 .header-account .header-action-label {
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #272727;
}

.header-v1 .header-account #loginutenti a:hover .header-action-label {
    color: #BD5C35;
}

/* --- menu categorie: lista su col-10, button offerte su col-2 --- */
/* nella bozza la prima voce parte esattamente dal bordo del container */
.menu-categorie {
    padding-left: 0;
    padding-right: 0;
}

.menu-categorie .menu-categorie-list,
.menu-categorie .menu-categorie-offerte {
    padding-left: 15px;
    padding-right: 15px;
}

.menu-categorie .classenav > li:first-child > a {
    padding-left: 0 !important;
}

.menu-categorie .classenav > li:last-child > a {
    padding-right: 0 !important;
}

.menu-categorie .container-scroll {
    max-width: 100%;
    min-width: 0;
    width: 100%;
}

.menu-categorie .menu-categorie-offerte {
    text-align: right;
}

.menu-offerte {
    display: inline-block;
    color: #1D3828 !important;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 50px;
    white-space: nowrap;
}

.menu-offerte:hover {
    color: #BD5C35 !important;
}

.menu-offerte i {
    margin-right: 7px;
    font-size: 20px;
    vertical-align: middle;
}

.menu-offerte span {
    vertical-align: middle;
}

/* --- dimensioni icone Tabler, misurate sulla bozza --- */
/* topbar: artwork ~19px */
#top-links a i,
.topbar .info-topbar .ti {
    font-size: 22px !important;
    vertical-align: -4px;
}

/* email header: artwork ~16px, nera come in bozza */
.header-v1 .header-email i {
    font-size: 18px;
    color: #1A1A1A;
    vertical-align: -4px;
}

/* accedi / carrello: artwork ~22px, nere, label grigia */
.header-v1 .header-account #loginutenti i,
.header-v1 .header-account #benvenuto i {
    font-size: 24px;
    color: #1A1A1A;
}

.header-v1 .header-account .header-action-label,
.header-v1 .header-account #loginutenti a,
.header-v1 .header-account #benvenuto > a {
    color: #7A7A7A;
}

.header-v1 .carrello .minibasket .cart-icon i {
    display: block;
    color: #1A1A1A;
}

@media (max-width: 991px) {
    .carrello #cart-total2 {
        background-color: #1D3828;
        padding: 0 4px;
        color: #FFF;
        border-radius: 100%;
        height: 16px;
        position: absolute;
        left: 30px;
        top: 10px;
    }
}

/* il contatore diventa il badge verde sull'icona */
.header-v1 .carrello .minibasket .cart-icon {
    position: relative;
    display: inline-block;
}

.header-v1 .carrello .minibasket #cart-total {
    position: absolute;
    top: -4px;
    right: -9px;
    min-width: 20px;
    height: 20px;
    padding: 0 5px;
    line-height: 20px;
    border-radius: 50px;
    background: #1D3828;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
}

/* lente dentro il button Cerca */
.btn-cerca-header i {
    font-size: 17px;
    margin-right: 4px;
}

/* megamenu riga 1: piu' compatto e su una riga sola */
.header-v1 .header-center-top .bo-mainmenu .navbar-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.header-v1 .header-center-top .bo-mainmenu .navbar-nav > li > a {
    font-size: 14px !important;
    padding: 0 10px;
    white-space: nowrap;
}

/* chevron dopo le categorie con figli, come in bozza */
.menu-categorie .cat-caret {
    font-size: 12px;
    margin-left: 6px;
    vertical-align: -2px;
}

/* ============================================================
   USP - icona sopra, testo centrato sotto (come bozza)
   L'icona e' un'immagine custom 104x104 (il cerchio e' dentro
   l'immagine, quindi qui nessun bordo). Il glifo .ti resta
   supportato come alternativa.
   ============================================================ */
/* Il respiro sopra e sotto sta qui e non sulla riga del builder,
   cosi' non serve toccare niente da admin: nella bozza la fascia ha
   87px sopra l'icona e 89px sotto il testo. */
.usp {
    text-align: center;
    padding: 87px 0 89px;
}

.usp .usp-icon {
    display: block;
    margin: 0 auto 18px;
    line-height: 1;
    color: #1D3828;
}

.usp .usp-icon img {
    display: block;
    width: 96px; /* bozza: cerchio alto 95px, era 104 */
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

.usp .usp-icon i {
    font-size: 52px;
    line-height: 1;
}

.usp h3 {
    margin: 0 0 12px;
}

.usp p {
    margin: 0 auto;
    max-width: 300px;
    font-size: 15px;
    font-weight: 300;
    line-height: 22px;
    color: #5F7163;
}

/* ============================================================
   PARALLAX CON IMMAGINE
   fascia con pattern di sfondo + card bianca, testo sx / immagine dx.
   Classe da assegnare alla RIGA nel page builder: parallax-immagine
   (per la variante senza immagine useremo .parallax-testo)

   Lo SFONDO si sceglie da pannello (campo background image della riga):
   qui stanno solo repeat/position/size, che il builder non sa impostare.
   Il colore non serve: i pattern hanno il fondo dentro il PNG.
   ============================================================ */
.parallax-immagine {
    background-repeat: repeat;
    background-position: center top;
    background-size: 1280px auto;
    padding: 60px 0;
}

/* da usare in aggiunta se lo sfondo della riga e' una foto e non un pattern */
.parallax-immagine.parallax-cover {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

/* la card bianca: 30px orizzontali + i 15px di padding delle col = 45px come in bozza */
.parallax-immagine .row-inner {
    background: #FFFFFF;
    border-radius: 24px;
    padding: 50px 30px;
}

/* nel tema .margine-elemento e' in position absolute: qui deve stare nel flusso */
.parallax-immagine .margine-elemento {
    position: static;
    width: auto;
    right: auto;
}

.parallax-immagine .paragrafo-parallax h2 {
    margin: 0 0 18px;
    font-size: 64px;
    font-weight: 600;
    line-height: 96px;
    color: #BD5C35;
}

/* La fascia "Per i professionisti" in bozza ha il titolo molto piu' grande
   di quella Alphlora: 547px di larghezza su una card da 1434, cioe' il 38%.
   Riportato al container del sito (1200) fa 54px.
   La classe .parallax-testo la porta lo snippet, vedi
   development/snippet-per-i-professionisti.html */
.parallax-immagine .paragrafo-parallax.parallax-testo h2 {
    margin: 0 0 22px;
    font-size: 64px;
}

.parallax-immagine .paragrafo-parallax h3 {
    margin: 0 0 20px;
    font-size: 32px;
    font-weight: 600;
    line-height: 42px;
    color: #000000;
}

.parallax-immagine .paragrafo-parallax p {
    margin: 0 0 28px;
    font-size: 18px;
    font-weight: 300;
    line-height: 26px;
    color: #000000;
}

/* immagine a destra: angoli arrotondati, nessuna ombra ne' overlay hover */
.parallax-immagine .widget-images {
    margin-bottom: 0;
}

.parallax-immagine .widget-images .image-item {
    box-shadow: none;
    border-radius: 12px;
    overflow: hidden;
}

.parallax-immagine .widget-images .image-item:before {
    display: none;
}

.parallax-immagine .widget-images .image-item img {
    width: 100%;
    border-radius: 12px;
}

/* ============================================================
   FOOTER (bozza 2026)
   Struttura: fascia rassicurazioni bianca + blocco beige a 4
   colonne + barra copyright verde scuro.
   Tutte le misure sono prese 1:1 dalla bozza a 1920px.
   Il markup e' in template/common/footer/footer_v2.tpl
   ============================================================ */

.footer-v2 {
    background: #F1EEE5;
}

/* il markup emette ancora #powered ma nella bozza non c'e' */
.footer-v2 #powered {
    display: none;
}

/* ------------------------------------------------------------
   Fascia rassicurazioni
   Blocco del page builder, non piu' dentro al footer: le regole
   non sono piu' agganciate a .footer-v2. Il filetto e le spaziature
   stanno sul wrapper .fascia-usp perche' nel builder il .container
   e' un antenato, non un figlio.
   Markup pronto in development/snippet-usp.html
   ------------------------------------------------------------ */
.fascia-usp {
    /* bozza: fascia bianca alta 259 senza filetto, icone a y64,
       ultimo testo chiuso a y208 */
    padding-top: 65px;
    padding-bottom: 52px;
}

.fascia-usp .usp-item {
    text-align: center;
}

.fascia-usp .usp-item i {
    display: block;
    margin-bottom: 14px;
    font-size: 80px;
    line-height: 1;
    color: #1D3828;
}

.fascia-usp .usp-item img {
    display: block;
    width: 80px;
    height: 80px;
    margin: 0 auto 14px;
    object-fit: contain;
}

.fascia-usp .usp-item h4 {
    margin: 0 0 8px;
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    color: #1D3828;
}

.fascia-usp .usp-item p {
    margin: 0;
    font-size: 18px;
    font-weight: 300;
    line-height: 18px;
    color: #1D3828;
}

/* sotto i 768 le colonne vanno a due per riga: senza clear la terza
   si incastra a destra invece di andare a capo.
   Vale sia se le quattro colonne sono figlie dirette di .fascia-usp
   (quattro widget in quattro colonne del builder) sia se stanno in un
   .row dentro un widget solo. */
@media (max-width: 767px) {
    .fascia-usp > div:nth-child(2n+1),
    .fascia-usp > .row > div:nth-child(2n+1) {
        clear: left;
    }

    .fascia-usp > div.usp-item,
    .fascia-usp > .row > div.usp-item {
        width: 50%;
    }

    /* il contenitore e' .no-padding: senza azzerare i -15px del .row il
       testo partiva dal bordo dello schermo invece che dai 16 di bozza */
    .fascia-usp > .row {
        margin-left: 0;
        margin-right: 0;
    }

    /* NB: la tipografia della fascia sta piu' avanti nel file, insieme
       alle altre regole responsive: qui verrebbe sovrascritta dal blocco
       @media (max-width: 1199px), che nel file viene dopo. */
}

/* ------------------------------------------------------------
   Blocco beige a 4 colonne
   ------------------------------------------------------------ */
.footer-v2 .footer-top {
    padding-top: 36px;
    padding-bottom: 30px;
    color: #272727;
}

/* titoli di colonna: filetto verde a tutta larghezza della col */
.footer-v2 .footer-top h5 {
    margin: 0 0 13px;
    padding-bottom: 6px;
    border-bottom: 1px solid #1D3828;
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    color: #1D3828;
}

/* le liste link sono alte 6 righe cosi' il 2o titolo di ogni
   colonna resta allineato con quello delle altre, come in bozza */
.footer-v2 .footer-top .footer-block > ul.list-unstyled {
    margin: 0;
    min-height: 156px;
}

/* lo stacco fra la prima e la seconda coppia titolo+contenuto della
   colonna, cosi' nella colonna 4 (che di secondo titolo non ne ha) il
   box recensioni sale */
.footer-v2 .footer-top .footer-block + .footer-block {
    margin-top: 21px;
}

.footer-v2 .footer-top ul li {
    line-height: 26px;
}

/* la a e' block: cosi' la riga e' esattamente 26px e i secondi
   titoli restano allineati fra le colonne */
.footer-v2 .footer-top .footer-block > ul.list-unstyled > li > a {
    display: block;
}

.footer-v2 .footer-top ul li a {
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    color: #4B4A47;
}

.footer-v2 .footer-top ul li a:hover,
.footer-v2 .footer-top ul li a:focus {
    color: #BD5C35;
    text-decoration: none;
}

/* --- colonna 1: logo, payoff, contatti --- */
/* block e non inline-block: altrimenti il descender della riga
   aggiunge ~7px sotto al logo */
.footer-v2 .footer-about .footer-logo {
    display: block;
    margin-bottom: 17px;
}

.footer-v2 .footer-about .footer-logo img {
    display: block;
    width: 175px;
    max-width: 100%;
    height: auto;
}

.footer-v2 .footer-about .panel-body {
    padding: 0;
    margin-bottom: 29px;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    color: #272727;
}

.footer-v2 .footer-about .panel-body p:last-child {
    margin-bottom: 0;
}

/* la lista contatti e' anch'essa una ul.list-unstyled figlia di .block:
   qui va esclusa dalla min-height delle liste link */
.footer-v2 .footer-top .block > ul.contact-us {
    margin: 0;
    min-height: 0;
}

.footer-v2 .footer-top .contact-us li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 18px;
    line-height: 22px;
    font-size: 14px;
    font-weight: 400;
    color: #272727;
}

.footer-v2 .footer-top .contact-us li:last-child {
    margin-bottom: 0;
}

.footer-v2 .footer-top .contact-us li i {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 22px;
    margin-right: 12px;
    font-size: 22px;
    line-height: 1;
    color: #1D3828;
}

.footer-v2 .footer-top .contact-us li a {
    font-size: 14px;
    line-height: 22px;
    color: #272727;
}

.footer-v2 .footer-top .contact-us li a:hover {
    color: #BD5C35;
}

/* --- colonna 2: social --- */
/* selettori lunghi apposta: devono battere .footer-v2 .footer-top ul li a,
   che imposta 14px */
.footer-v2 .footer-top ul.footer-social {
    margin: 0;
    min-height: 0;
}

.footer-v2 .footer-top ul.footer-social > li {
    display: inline-block;
    padding: 0;
    margin-right: 12px;
    line-height: 1;
}

.footer-v2 .footer-top ul.footer-social > li:last-child {
    margin-right: 0;
}

.footer-v2 .footer-top ul.footer-social > li a {
    display: block;
    font-size: 22px;
    line-height: 1;
    color: #1D3828;
}

.footer-v2 .footer-top ul.footer-social > li a:hover {
    color: #BD5C35;
}

/* --- colonna 3: circuiti di pagamento --- */
.footer-v2 .footer-payments img {
    display: block;
    width: 332px;
    max-width: 100%;
    height: auto;
}

/* --- colonna 4: widget recensioni --- */
.footer-v2 .footer-reviews {
    margin-top: 6px;
    max-width: 144px;
}

.footer-v2 .footer-reviews img,
.footer-v2 .footer-reviews iframe {
    max-width: 100%;
}

/* ------------------------------------------------------------
   Barra copyright
   logo SocialWeb a sinistra, testo centrato sulla riga intera
   ------------------------------------------------------------ */
.footer-v2 .copyright {
    padding: 15px 0;
    background-color: #1D3828;
    color: #F1EFE6;
}

.footer-v2 .copyright .container {
    position: relative;
}

.footer-v2 .copyright .copyright-brand {
    position: absolute;
    top: 50%;
    left: 15px;
    margin-top: -13px;
    line-height: 1;
}

.footer-v2 .copyright .copyright-brand img {
    display: block;
    width: 141px;
    height: auto;
}

.footer-v2 .copyright .copyright-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #F1EFE6;
    text-align: center;
}

.footer-v2 .copyright .copyright-text p {
    margin: 0;
}

.footer-v2 .copyright a {
    color: #F1EFE6;
    text-decoration: none;
}

.footer-v2 .copyright a:hover {
    color: #E1DBC8;
}

/* ------------------------------------------------------------
   Responsive
   ------------------------------------------------------------ */
@media (max-width: 1199px) {
    .fascia-usp .usp-item i {
        font-size: 64px;
    }

    .fascia-usp .usp-item img {
        width: 64px;
        height: 64px;
    }

    .fascia-usp .usp-item h4 {
        font-size: 21px;
    }

    .fascia-usp .usp-item p {
        font-size: 16px;
    }

    .footer-v2 .footer-top h5 {
        font-size: 20px;
    }
}

@media (max-width: 991px) {
    /* a 2 colonne le liste non devono piu' essere allineate a forza */
    .footer-v2 .footer-top .footer-block > ul.list-unstyled {
        min-height: 0;
    }

    .footer-v2 .footer-top .block {
        min-height: 0;
        margin-bottom: 30px;
    }

    .fascia-usp .usp-item {
        margin-bottom: 30px;
    }

    .fascia-usp {
        padding-top: 40px;
        padding-bottom: 10px;
    }
}

/* a 2 colonne le col-sm-6 hanno altezze diverse: senza il clear
   la terza colonna si incastra a destra invece di andare a capo */
@media (min-width: 768px) and (max-width: 991px) {
    .footer-v2 .footer-top .block:nth-child(2n+1) {
        clear: left;
    }
}

/* ------------------------------------------------------------
   Footer mobile (bozza 386:5006, frame 428)
   In bozza le coppie titolo+elenco NON scendono nell'ordine delle
   colonne desktop: si ridistribuiscono su due colonne da 190 con 16
   di gutter come
       [ logo, payoff, contatti        ]  (tutta larghezza)
       [ Alphlora      | Informazioni  ]
       [ Area cliente  | Seguici su    ]
       [               | recensioni    ]
       [ Pagamenti sicuri              ]  (tutta larghezza)
   Per questo i .block fanno solo da contenitore (display:contents) e
   le celle vere sono i .footer-block, piazzati uno a uno.
   ------------------------------------------------------------ */
@media (max-width: 767px) {
    /* --- fascia rassicurazioni: in bozza 2x2, titolo 14/17 --- */
    .fascia-usp {
        padding-top: 43px;
        padding-bottom: 14px;
    }

    .fascia-usp .usp-item {
        margin-bottom: 20px;
    }

    .fascia-usp .usp-item i {
        margin-bottom: 8px;
        font-size: 64px;
    }

    .fascia-usp .usp-item img {
        width: 64px;
        height: 64px;
        margin-bottom: 8px;
    }

    .fascia-usp .usp-item h4 {
        margin: 0 0 4px;
        font-size: 14px;
        line-height: 17px;
    }

    /* in bozza il sottotitolo e' 9,6px (il componente desktop scalato):
       a 11 resta nelle proporzioni ma si legge */
    .fascia-usp .usp-item p {
        font-size: 11px;
        line-height: 14px;
    }

    .footer-v2 .footer-top {
        padding-top: 35px;
    }

    .footer-v2 .footer-top > .container {
        padding-left: 16px;
        padding-right: 16px;
    }

    .footer-v2 .footer-top .row {
        display: -ms-grid;
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 16px;
        margin-left: 0;
        margin-right: 0;
    }

    /* .row:before/:after di bootstrap sono display:table: dentro una
       griglia diventano celle e sfasano tutto il piazzamento */
    .footer-v2 .footer-top .row:before,
    .footer-v2 .footer-top .row:after {
        display: none;
    }

    .footer-v2 .footer-top .row > .block {
        display: contents;
    }

    .footer-v2 .footer-top .row > .footer-about {
        display: block;
        float: none;
        width: auto;
        padding: 0;
        margin-bottom: 43px;
        grid-column: 1 / -1;
        grid-row: 1;
    }

    .footer-v2 .footer-top .footer-block,
    .footer-v2 .footer-top .footer-reviews {
        min-width: 0;
    }

    .footer-v2 .footer-top .footer-block-azienda      { grid-column: 1; grid-row: 2; }
    .footer-v2 .footer-top .footer-block-informazioni { grid-column: 2; grid-row: 2; }
    .footer-v2 .footer-top .footer-block-area         { grid-column: 1; grid-row: 3 / span 2; }
    .footer-v2 .footer-top .footer-block-social       { grid-column: 2; grid-row: 3; }
    .footer-v2 .footer-top .footer-reviews            { grid-column: 2; grid-row: 4; }
    .footer-v2 .footer-top .footer-block-pagamenti    { grid-column: 1 / -1; grid-row: 5; }

    /* in griglia lo stacco fra le righe lo da il grid, non il margine */
    .footer-v2 .footer-top .footer-block + .footer-block {
        margin-top: 0;
    }

    .footer-v2 .footer-top .footer-block {
        margin-bottom: 30px;
    }

    /* --- colonna 1 --- */
    .footer-v2 .footer-about .footer-logo img {
        width: 188px;
    }

    .footer-v2 .footer-about .panel-body {
        margin-bottom: 14px;
    }

    .footer-v2 .footer-top .contact-us li {
        margin-bottom: 17px;
    }

    /* --- titoli ed elenchi --- */
    .footer-v2 .footer-top h5 {
        margin-top: 0;
        margin-bottom: 6px;
        padding-bottom: 8px;
        font-size: 18px;
        line-height: 22px;
    }

    /* --- social: in bozza 24px con passo 27 --- */
    .footer-v2 .footer-top ul.footer-social > li {
        margin-right: 3px;
    }

    .footer-v2 .footer-top ul.footer-social > li a {
        font-size: 24px;
    }

    /* --- recensioni e circuiti --- */
    .footer-v2 .footer-reviews {
        margin-top: 12px;
        max-width: 163px;
    }

    .footer-v2 .footer-payments img {
        width: 100%;
        max-width: none;
    }

    /* --- barra copyright: in bozza il testo sta sopra al logo --- */
    .footer-v2 .copyright {
        padding: 14px 0 15px;
        text-align: center;
    }

    .footer-v2 .copyright .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .footer-v2 .copyright .copyright-brand {
        position: static;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin: 5px 0 0;
    }

    .footer-v2 .copyright .copyright-brand img {
        margin: 0 auto;
    }

    .footer-v2 .copyright .copyright-text {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        font-size: 14px;
        line-height: 20px;
    }
}

/* ============================================================
   HOME (bozza 2026)
   Card prodotto condivisa, carosello prodotti, blocco categoria,
   fascia "Per i professionisti".
   Misure prese 1:1 dalla bozza a 1920px (container 1470).
   ============================================================ */

/* ------------------------------------------------------------
   Card prodotto
   Vale ovunque sia usata common/product/default.tpl: evidenza,
   piu' venduti, ultimi arrivi, offerte, blocchi categoria,
   caroselli Pavo e widget del pagebuilder.
   ------------------------------------------------------------ */
/* la riga in flex allinea le colonne in altezza: le card di una stessa
   riga finiscono tutte alte quanto la piu' alta, anche se un nome va a
   capo o manca lo sconto */
.products-row,
#mfilter-content-container .products-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

/* height: calc(100% - 30px): l'altezza dell'item (owl o riga flex) comprende
   gia' il margin-bottom, quindi con height:100% la card si allungava di 30px
   oltre il contenuto e restava un vuoto appeso in fondo. Con la colonna flex
   e align-content:space-between il blocco prezzo/disponibilita' resta
   incollato in basso come in bozza, e lo spazio di troppo finisce sopra. */
.product-col .product-block,
#mfilter-content-container .product-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: calc(100% - 30px);
    margin-bottom: 30px;
    border: none;
    border-radius: 16px;
    background: #FFFFFF;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
    overflow: hidden;
}

.product-col .product-block .image,
#mfilter-content-container .product-block .image {
    position: relative;
    margin: 0;
    border: none;
    border-radius: 16px 16px 0 0;
    overflow: hidden;
}

.product-col .product-block .image .immagine-auto,
#mfilter-content-container .product-block .image .immagine-auto,
.product-col .product-block .image .img,
#mfilter-content-container .product-block .image .img {
    display: block;
}

/* Riquadro a proporzione fissa come in bozza (339x249). Senza questo
   l'altezza segue quella della foto: i verticali venivano altissimi e
   ogni card aveva una misura diversa. */
.product-col .product-block .image img,
#mfilter-content-container .product-block .image img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 339 / 249;
    object-fit: cover;
    object-position: center;
}

/* Pastiglia sconto, in alto a destra sull'immagine.
   Il cerchio sta sul contenitore .product-label (che il tema gia'
   disegnava tondo): lo span interno resta testo, altrimenti si
   vedono due cerchi sovrapposti. */
.product-col .product-block .product-label.sale-exist,
#mfilter-content-container .product-block .product-label.sale-exist {
    position: absolute;
    top: 20px;
    right: 20px;
    left: auto;
    z-index: 2;
    width: 48px;
    height: 48px;
    padding: 0;
    border-radius: 50%;
    background: #E1DBC8;
    color: #1D3828;
    font-size: 14px;
    font-weight: 700;
    line-height: 48px;
    text-align: center;
}

.product-col .product-block .product-label-special,
#mfilter-content-container .product-block .product-label-special {
    display: inline;
    width: auto;
    height: auto;
    padding: 0;
    background: none;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}

.product-col .product-block .product-meta,
#mfilter-content-container .product-block .product-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    padding: 16px;
    text-align: left;
}

.product-col .product-block .product-meta .top,
#mfilter-content-container .product-block .product-meta .top {
    width: 100%;
}

.product-col .product-block .manufacturer,
#mfilter-content-container .product-block .manufacturer,
.product-col .product-block .manufacturer a,
#mfilter-content-container .product-block .manufacturer a {
    display: block;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    color: #395142;
}

.product-col .product-block .manufacturer a:hover,
#mfilter-content-container .product-block .manufacturer a:hover {
    color: #BC5D35;
}

/* min-height di due righe: cosi' un nome corto e uno che va a capo
   non producono card di altezza diversa */
.product-col .product-block h4.name,
#mfilter-content-container .product-block h4.name {
    margin: 4px 0 15px;
    min-height: 44px;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
}

/* la dimensione va messa anche sulla a: il tema ne ha una sua a 17px */
.product-col .product-block h4.name a,
#mfilter-content-container .product-block h4.name a {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    color: #000000;
}

.product-col .product-block h4.name a:hover,
#mfilter-content-container .product-block h4.name a:hover {
    color: #BC5D35;
}

.product-col .product-block .rating,
#mfilter-content-container .product-block .rating {
    margin: 0;
    height: 20px;
    line-height: 20px;
    color: #FFC000;
}

.product-col .product-block .rating .fa-stack,
#mfilter-content-container .product-block .rating .fa-stack {
    width: 17px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
}

/* prezzo a sinistra, disponibilita' in basso a destra.
   min-height = prezzo + prezzo barrato: le card scontate e quelle a
   prezzo pieno restano della stessa altezza. */
.product-col .product-block .price,
#mfilter-content-container .product-block .price {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: 5px 0 0;
    padding: 0;
    border: none;
    min-height: 50px;
    text-align: left;
}

.product-col .product-block .price .price-new,
#mfilter-content-container .product-block .price .price-new {
    display: block;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    color: #000000;
}

.product-col .product-block .price .price-old,
#mfilter-content-container .product-block .price .price-old {
    display: block;
    margin-top: 6px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #8C8C8C;
    text-decoration: line-through;
}

.product-col .product-block .product-stock,
#mfilter-content-container .product-block .product-stock {
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-left: auto;
    padding-left: 10px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #8C8C8C;
    text-align: right;
}

.product-col .product-block .product-stock.out-stock,
#mfilter-content-container .product-block .product-stock.out-stock {
    color: #BC5D35;
}

/* ------------------------------------------------------------
   Carosello prodotti (evidenza / piu' venduti / ultimi / offerte)
   ------------------------------------------------------------ */
.box-products .panel-heading,
.panel-default > .box-products .panel-heading {
    padding: 0;
    border: none;
    background: none;
    text-align: center;
}

.panel-default .panel-heading {
    padding: 0;
    border: none;
    background: none;
    text-align: center;
}

.panel-default .panel-heading .panel-title {
    margin: 0 0 34px;
    font-size: 41px;
    font-weight: 500;
    line-height: 1.2;
    color: #1D3828;
    text-transform: none;
}

.panel-default .panel-heading .panel-title:before,
.panel-default .panel-heading .panel-title:after {
    display: none;
}

/* frecce: chevron sottili fuori dal container, disegnati con i bordi
   perche' il glifo Tabler a questa scala verrebbe troppo spesso */
.box-products .carousel-controls .carousel-control {
    position: absolute;
    top: 50%;
    width: 60px;
    height: 90px;
    margin-top: -45px;
    padding: 0;
    border: none;
    background: none;
    box-shadow: none;
    opacity: 1;
    text-shadow: none;
    z-index: 5;
}

.box-products .carousel-controls .carousel-control.left {
    left: -86px;
    right: auto;
}

.box-products .carousel-controls .carousel-control.right {
    right: -86px;
    left: auto;
}

.box-products .carousel-controls .carousel-control i {
    display: none;
}

.box-products .carousel-controls .carousel-control:before {
    content: "";
    display: block;
    position: absolute;
    top: 16px;
    width: 57px;
    height: 57px;
    border-left: 4px solid #E1DBC8;
    border-bottom: 4px solid #E1DBC8;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.box-products .carousel-controls .carousel-control.left:before {
    left: 12px;
}

.box-products .carousel-controls .carousel-control.right:before {
    right: 12px;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.box-products .carousel-controls .carousel-control:hover:before {
    border-color: #BC5D35;
}

/* ------------------------------------------------------------
   Blocco categoria in home (module/categorie_home)
   immagine a sinistra, testo a destra, carosello sotto
   ------------------------------------------------------------ */
.blocco-categoria {
    padding: 40px 0 10px;
}

/* Le foto categoria sono tutte 3:2 e il controller le chiede a 704x469
   (stesso rapporto), cosi resize() non aggiunge bande. La forma della
   bozza (banner 703x292) la ritaglia il CSS. */
.blocco-categoria-img img {
    width: 100%;
    height: auto;
    aspect-ratio: 703 / 292;
    object-fit: cover;
    object-position: center;
    border-radius: 16px;
}

.blocco-categoria .home-cat-h2 {
    margin: 0 0 19px !important;
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;
    color: #BC5D35;
}

.blocco-categoria .home-cat-h2 a {
    color: #BC5D35;
}

.blocco-categoria .home-cat-h2 a:hover {
    color: #A64E2A;
}

/* elenco sottocategorie su due colonne, riga con filetto e chevron */
.blocco-categoria .categorie-b {
    margin: 0;
}

.blocco-categoria .categorie-b li {
    float: left;
    width: 50%;
    padding: 0;
}

.blocco-categoria .categorie-b li:nth-child(odd) {
    padding-right: 12px;
    clear: left;
}

.blocco-categoria .categorie-b li:nth-child(even) {
    padding-left: 12px;
}

.blocco-categoria .categorie-b li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 3px;
    margin-bottom: 16px;
    border-bottom: 1px solid #DADADA;
    color: #1D3828;
}

.blocco-categoria .categorie-b li a:hover {
    color: #BC5D35;
    border-bottom-color: #BC5D35;
}

.blocco-categoria .titolo-cat-b {
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
}

.blocco-categoria .categorie-b li a i {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 10px;
    font-size: 14px;
}

.blocco-categoria .descrizione-categoria {
    clear: both;
    padding-top: 16px;
}

.blocco-categoria .descrizione-categoria-titolo {
    margin: 0 0 9px;
    font-size: 20px;
    font-weight: 300;
    line-height: 25px;
    color: #000000;
}

/* nessun troncamento: si stampa tutto il testo scritto nel modulo */
.blocco-categoria .descrizione-categoria-testo {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: #101010;
}

.blocco-categoria .descrizione-categoria-testo p {
    margin: 0;
}

.blocco-categoria .link-scopri {
    display: inline-block;
    margin-top: 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #C4714E;
    text-decoration: underline;
}

.blocco-categoria .link-scopri:hover {
    color: #A64E2A;
}

.blocco-categoria-prodotti {
    padding-top: 52px;
}

/* ------------------------------------------------------------
   Fascia "Per i professionisti"
   variante a due colonne di .parallax-immagine, per il pagebuilder
   ------------------------------------------------------------ */
/* le due colonne sono col-md-6 vere, cosi' il bottone puo' stare
   sotto quella destra come in bozza. Il column-count non lo
   permetteva: il bottone finiva sempre sotto la prima colonna. */
.parallax-immagine .paragrafo-parallax .row > div > p {
    margin: 0;
}

/* in bozza fra la fine del testo e il bottone ci sono 35px;
   .btn-scopri di suo ha margin-top 7px !important */
.parallax-immagine .paragrafo-parallax .btn-scopri {
    margin-top: 30px !important;
}

/* per il bottone verde delle fasce parallax si usa .btn-scopri,
   che il tema ha gia': non serve una classe doppione */

/* ------------------------------------------------------------
   Responsive
   ------------------------------------------------------------ */
@media (max-width: 1650px) {
    /* sotto questa larghezza le frecce uscirebbero dallo schermo */
    .box-products .carousel-controls .carousel-control.left {
        left: -20px;
    }

    .box-products .carousel-controls .carousel-control.right {
        right: -20px;
    }
}

@media (max-width: 1199px) {
    .titolo-slider-caption h3.titolo-slide {
        font-size: 64px !important;
        line-height: 68px;
    }

    .titolo-slider-caption {
        font-size: 24px !important;
        line-height: 32px !important;
    }

    .panel-default .panel-heading .panel-title {
        font-size: 34px;
    }

    .blocco-categoria .home-cat-h2 {
        font-size: 28px;
    }
}

@media (max-width: 991px) {
    .titolo-slider-caption h3.titolo-slide {
        font-size: 44px !important;
        line-height: 48px;
    }

    .titolo-slider-caption {
        font-size: 20px !important;
        line-height: 28px !important;
        width: 420px;
    }

    .blocco-categoria-prodotti {
        padding-top: 30px;
    }

    .blocco-categoria-info {
        margin-top: 26px;
    }

    /* a colonna singola il paragrafo di sinistra ha bisogno di stacco
       da quello di destra */
    .parallax-immagine .paragrafo-parallax .row > div + div {
        margin-top: 18px;
    }
}

@media (max-width: 767px) {
    /* Bozza mobile, Group 69: la fascia col pattern va da 3110 a 3775 e
       dentro ha la card bianca 396x568 a 16 dal bordo, quindi 50 di
       pattern sopra e 47 sotto. Il modulo precedente (l'ultimo blocco
       categoria) chiude a 3041: fra i due ci sono 69 di bianco, che sul
       sito non c'erano affatto. */
    .parallax-immagine {
        margin-top: 69px;
        padding: 50px 0 47px;
    }

    /* la card deve stare dentro i 16 di margine: il .container ha 15 di
       padding e il .row -15 di margine, che a conti fatti la portavano a
       tutta larghezza */
    .parallax-immagine > .pav-inner {
        padding-left: 16px;
        padding-right: 16px;
    }

    .parallax-immagine > .pav-inner > .row {
        margin-left: 0;
        margin-right: 0;
    }

    .parallax-immagine .row > .row-inner {
        border-radius: 30px;
        padding: 28px 20px 24px;
    }

    /* Il page builder emette un .row-inner e lo snippet ne ha un altro
       dentro: la regola li prendeva tutti e due, quindi fondo bianco e
       padding venivano applicati due volte. Di qui i due vuoti sopra e
       sotto al testo. La card e' quella esterna. */
    .parallax-immagine .row-inner .row-inner {
        background: none;
        border-radius: 0;
        padding: 0;
    }

    /* i 15 di padding della colonna si sommavano a quelli della card */
    .parallax-immagine .row > .row-inner > div {
        padding-left: 0;
        padding-right: 0;
    }

    .parallax-immagine .paragrafo-parallax h2,
    .parallax-immagine .paragrafo-parallax.parallax-testo h2 {
        margin: 0 0 12px;
        font-size: 36px;
        line-height: 45px;
    }

    .parallax-immagine .paragrafo-parallax h3 {
        margin: 0 0 14px;
        font-size: 22px;
        line-height: 34px;
    }

    .parallax-immagine .paragrafo-parallax p {
        margin: 0 0 20px;
        font-size: 15px;
        line-height: 21px;
    }

    .btn-scopri {
        padding: 9px 18px;
        font-size: 13px;
        font-weight: 300;
        line-height: 17px;
    }

    .immagine-parallax-1 {
        margin-top: 39px;
    }

    /* ----------------------------------------------------------
       Fascia icone Qualita' / Passione / Sostenibilita' / Fiducia
       (riga con Class "usp-container": va tolto hidden-sm hidden-xs)
       ---------------------------------------------------------- */
    /* il ritmo verticale della bozza: 30 sopra la prima riga di icone,
       27 fra le due righe, 51 sotto la seconda (27 + 24) */
    .usp-container {
        padding-top: 30px;
        padding-bottom: 24px;
    }

    .usp-container > .pav-inner {
        padding-left: 16px;
        padding-right: 16px;
    }

    .usp-container > .pav-inner > .row {
        margin-left: 0;
        margin-right: 0;
    }

    .usp-container .col-xs-6 {
        padding-left: 4px;
        padding-right: 4px;
    }

    .usp {
        padding: 0 0 27px;
    }

    /* le col sono gia' col-xs-6, quindi due per riga: senza clear la
       terza si incastra a destra invece di andare a capo */
    .usp-container .col-xs-6:nth-child(2n+1) {
        clear: left;
    }

    .usp .usp-icon {
        margin: 0 auto 13px;
    }

    .usp .usp-icon img {
        width: 66px;
    }

    .usp h3 {
        margin: 0;
        /* il tema 2018 sotto i 500 forza min-height:40px e sotto i 991
           allinea a sinistra: in bozza il testo e' centrato sotto
           l'icona, su una riga sola */
        min-height: 0;
        font-size: 17px;
        font-weight: 600;
        line-height: 21px;
        text-align: center;
    }

    /* in bozza mobile sotto al titolo non c'e' il paragrafo che sta sul
       desktop: il testo resta nel widget, qui si nasconde soltanto */
    .usp p {
        display: none;
    }

    /* ----------------------------------------------------------
       Blocco "Alphlora" mobile
       Da montare come riga unica con Class
           parallax-immagine blocco-alphlora visible-sm visible-xs
       e HP-Pattern1.png (il pattern verde) come immagine di sfondo.
       Dentro, una colonna sola con tre widget: titolo+occhiello,
       immagine, testo+bottone. Vedi development/snippet-home-mobile.html
       ---------------------------------------------------------- */
    /* in bozza le card chiudono a 1000 e la fascia parte a 1039: 39, non
       i 69 che separano le categorie da "Per i professionisti" */
    .blocco-alphlora {
        margin-top: 39px;
    }

    /* il titolo di questa fascia e' 42, quello di "Per i professionisti"
       resta 36 */
    .blocco-alphlora .paragrafo-parallax h2 {
        font-size: 42px;
        line-height: 52px;
    }

    /* lo stacco fino all'immagine lo mette il widget dell'immagine, che
       e' un fratello: qui va tolto, altrimenti si sommano */
    .blocco-alphlora .paragrafo-parallax h3 {
        margin-bottom: 0;
    }

    /* immagine dentro la card: 353x219 con angoli 20, cioe' tutta la
       larghezza utile del pannello (bozza: 25 sopra, 15 sotto) */
    .parallax-immagine .widget-images {
        margin: 25px 0 15px;
    }

    .parallax-immagine .widget-images .image-item img {
        border-radius: 20px;
    }

    /* ----------------------------------------------------------
       Blocchi categoria mobile (bozza: componente 383:3508)
       titolo 24/30 w600 #BC5D35, 12 di stacco, immagine 394x164 con
       angoli da 20; da un titolo al successivo ci sono 243.

       Il markup e' ancora quello vecchio: otto widget HTML alternati,
       "<div><h2>titolo</h2></div>" e "<a><img></a>", senza classi. I
       selettori si appoggiano quindi alla forma del markup. Il modo
       pulito resta lo snippet .ap-category-block (development/
       snippet-home-mobile.html), che mette le classi al posto loro:
       quando sara' incollato queste regole diventano superflue.

       Il "> div > h2" e il ":not(.btn-scopri)" servono a non pescare gli
       altri due blocchi visible-xs della home: l'hero (che ha un h1
       dentro .ap-hero) e il paragrafo Alphlora (che ha h2 e a.btn-scopri
       attaccati direttamente al widget, non dentro un div).
       ---------------------------------------------------------- */
    .pav-container.visible-xs .widget-html > div > h2 {
        margin: 37px 0 12px;
        font-size: 24px;
        font-weight: 600;
        line-height: 30px;
        color: #BC5D35;
    }

    .pav-container.visible-xs .col-inner > .widget-html:first-child > div > h2 {
        margin-top: 22px;
    }

    .pav-container.visible-xs .widget-html > a:not(.btn-scopri) {
        display: block;
    }

    .pav-container.visible-xs .widget-html > a:not(.btn-scopri) > img {
        display: block;
        width: 100%;
        height: 164px;
        object-fit: cover;
        border-radius: 20px;
    }

    .titolo-slider-caption h3.titolo-slide {
        font-size: 30px !important;
        line-height: 34px;
    }

    /* niente width:auto: con max-width neutralizzato la caption
       sfonderebbe lo schermo */
    .titolo-slider-caption {
        font-size: 16px !important;
        line-height: 22px !important;
        width: 280px;
    }

    .btn-slider {
        margin-top: 18px;
        padding: 8px 20px;
        font-size: 15px;
    }

    .panel-default .panel-heading .panel-title {
        font-size: 26px;
        margin-bottom: 22px;
    }

    .blocco-categoria .home-cat-h2 {
        font-size: 24px;
    }

    /* su mobile le sottocategorie vanno a colonna singola */
    .blocco-categoria .categorie-b li,
    .blocco-categoria .categorie-b li:nth-child(odd),
    .blocco-categoria .categorie-b li:nth-child(even) {
        float: none;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    /* ----------------------------------------------------------
       Carosello prodotti (bozza 380:2633: due card da 172 affiancate
       con 16 di stacco, si scorre di lato)

       Il modulo emette QUATTRO prodotti per slide e owl mostra una
       slide per volta (data-show=1): su mobile i col-xs-6 andavano a
       capo e la slide diventava una griglia 2x2, non un carosello.
       Qui la catena di owl viene appiattita con display:contents, cosi'
       tutte le card di tutte le slide formano una striscia sola che
       scorre con lo scroll nativo del browser.
       Il trascinamento di owl e' spento da common.js: senza, il suo
       preventDefault sul touchmove bloccherebbe lo scorrimento.
       Il desktop non e' toccato: queste regole stanno solo qui dentro.
       ---------------------------------------------------------- */
    .owl-carousel.product-grid .owl-wrapper-outer {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x proximity;
    }

    .owl-carousel.product-grid .owl-wrapper {
        /* owl scrive display:block inline sul wrapper: serve !important */
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        width: auto !important;
        -webkit-transform: none !important;
        transform: none !important;
    }

    .owl-carousel.product-grid .owl-item,
    .owl-carousel.product-grid .owl-item > .item,
    .owl-carousel.product-grid .owl-item > .item > .products-row {
        display: contents !important;
    }

    /* la card: 172 fissi come in bozza, cosi' la terza sbuca dal bordo
       e si capisce che la striscia scorre */
    .owl-carousel.product-grid .product-col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 172px;
        flex: 0 0 172px;
        width: 172px !important;
        padding: 0 !important;
        margin-right: 16px;
        scroll-snap-align: start;
    }

    /* le frecce del tema sono hidden-xs e comunque pilotano owl, che qui
       non muove piu' niente */
    .sezione-hp .carousel-controls {
        display: none;
    }

    /* ----------------------------------------------------------
       Card prodotto su mobile (bozza 383:4086, card 172x267)
       ---------------------------------------------------------- */
    .product-col .product-block,
    #mfilter-content-container .product-block {
        border: 1px solid #E1DBC8;
        border-radius: 10px;
        box-shadow: none;
        margin-bottom: 20px;
        height: calc(100% - 20px);
    }

    .product-col .product-block .image,
    #mfilter-content-container .product-block .image {
        border-radius: 9px 9px 0 0;
    }

    /* pastiglia sconto: 26 di diametro contro i 48 del desktop */
    .product-col .product-block .product-label.sale-exist,
    #mfilter-content-container .product-block .product-label.sale-exist {
        top: 7px;
        right: 9px;
        width: 26px;
        height: 26px;
        font-size: 8px;
        line-height: 26px;
    }

    .product-col .product-block .product-meta,
    #mfilter-content-container .product-block .product-meta {
        padding: 9px 8px 10px;
    }

    .product-col .product-block .manufacturer,
    #mfilter-content-container .product-block .manufacturer,
    .product-col .product-block .manufacturer a,
    #mfilter-content-container .product-block .manufacturer a {
        font-size: 12px;
        line-height: 15px;
    }

    .product-col .product-block h4.name,
    #mfilter-content-container .product-block h4.name {
        margin: 6px 0 10px;
        min-height: 36px;
        font-size: 14px;
        line-height: 17.5px;
    }

    .product-col .product-block h4.name a,
    #mfilter-content-container .product-block h4.name a {
        font-size: 14px;
        line-height: 17.5px;
    }

    .product-col .product-block .rating,
    #mfilter-content-container .product-block .rating {
        height: 14px;
        line-height: 14px;
    }

    .product-col .product-block .rating .fa-stack,
    #mfilter-content-container .product-block .rating .fa-stack {
        width: 11px;
        height: 14px;
        font-size: 10px;
        line-height: 14px;
    }

    .product-col .product-block .price .price-new,
    #mfilter-content-container .product-block .price .price-new {
        font-size: 14px;
        line-height: 17.5px;
    }

    /* in bozza prezzo barrato e disponibilita' stanno sulla stessa riga,
       uno a sinistra e l'altra a destra. Sono in due box diversi del
       markup (.price e .product-stock, fratelli): con la griglia sul
       contenitore e display:contents su .price le due voci diventano
       cella accanto a cella. */
    .product-col .product-block .product-meta,
    #mfilter-content-container .product-block .product-meta {
        display: -ms-grid;
        display: grid;
        grid-template-columns: 1fr auto;
        align-content: start;
        column-gap: 6px;
    }

    .product-col .product-block .product-meta > .top,
    #mfilter-content-container .product-block .product-meta > .top {
        grid-column: 1 / -1;
    }

    .product-col .product-block .price,
    #mfilter-content-container .product-block .price {
        display: contents;
    }

    .product-col .product-block .price .price-new,
    #mfilter-content-container .product-block .price .price-new {
        grid-column: 1 / -1;
        margin-bottom: 4px;
    }

    .product-col .product-block .price .price-old,
    #mfilter-content-container .product-block .price .price-old {
        grid-column: 1;
        font-size: 10px;
        line-height: 12px;
    }

    .product-col .product-block .product-stock,
    #mfilter-content-container .product-block .product-stock {
        grid-column: 2;
        justify-self: end;
        width: auto;
        margin-left: 0;
        padding-left: 0;
        font-size: 10px;
        line-height: 12px;
        text-align: right;
    }

    /* ----------------------------------------------------------
       Widget recensioni Feedaty
       ---------------------------------------------------------- */
    /* il widget disegna un box fisso da 200x150 (variante 200x150-1):
       nella colonna del footer da 190 sporgeva di una quarantina di px,
       sotto i 400 usciva proprio dallo schermo. Ridotto in scala: in
       bozza il riquadro e' 163x114. */
    .footer-v2 .footer-reviews .feedaty_widget {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: left top;
        transform-origin: left top;
    }

    .footer-v2 .footer-reviews {
        height: 122px;
        overflow: hidden;
    }
}

/* ============================================================
   NEWSLETTER (bozza 2026)
   Fascia beige, contenuto centrato: icona + titolo, poi campo
   email a pillola bianca con il bottone verde attaccato a destra.
   Markup: module/pavnewsletter.tpl (form desktop + form mobile)
   ============================================================ */
/* Misure dalle API Figma, componente 24:5950 (la newsletter e un
   componente a se', non sta dentro il frame della home):
   fascia 147 alta su fondo #E1DBC8, campo pillola 1004x53 con dentro
   il bottone 135x53 a filo del bordo destro. */
.pav-newsletter-cst {
    max-width: 100%;
    /* in bozza il rettangolo e' #E1DBC8 con opacita' 46% su fondo
       bianco, cioe' #F1EEE6: col beige pieno la fascia risultava piu'
       satura del footer, che invece e' lo stesso beige al 48% */
    background: #E1DBC826;
    padding: 47px 0;
}

/* le col di bootstrap qui servono solo a reggere il markup:
   il centraggio lo fa il flex */
.pav-newsletter-cst .formNewLestter .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /* il contenuto sta nel container del sito (1200): altrimenti la
       pillola sporge oltre le colonne del footer */
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

.pav-newsletter-cst .formNewLestter .row > div {
    float: none;
    width: auto;
    padding: 0;
}

/* --- icona + titolo --- */
.pav-newsletter-cst .titolo-newsletter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 46px 0 0;
    font-size: 32px;
    font-weight: 400;
    line-height: 40px;
    color: #1D3828;
    /* il markup ha la classe .capitalize, che nel tema e' in realta'
       text-transform: uppercase !important */
    text-transform: none !important;
    white-space: nowrap;
}

.pav-newsletter-cst .titolo-newsletter i {
    margin-right: 19px;
    font-size: 33px;
    line-height: 1;
    color: #1D3828;
}

/* --- gruppo campo + bottone --- */
.pav-newsletter-cst .formNewLestter .row > div + div {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: auto;
    max-width: 1004px;
}

.pav-newsletter-cst .formNewLestter .row > div + div > div {
    float: none;
    padding: 0;
}

.pav-newsletter-cst .formNewLestter .row > div + div > div:first-child {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
}

.pav-newsletter-cst .form-control {
    height: 53px;
    padding: 0 150px 0 26px;
    /* in bozza la pillola ha il bordo verde, non bianco */
    border: 1px solid #1D3828;
    border-radius: 27px;
    background: #FFFFFF;
    box-shadow: none;
    font-size: 18px;
    font-weight: 300;
    color: #272727;
}

.pav-newsletter-cst .form-control:focus {
    border-color: #1D3828;
    box-shadow: none;
}

.pav-newsletter-cst .form-control::-webkit-input-placeholder { color: #A6A6A6; }
.pav-newsletter-cst .form-control::-moz-placeholder { color: #A6A6A6; }
.pav-newsletter-cst .form-control:-ms-input-placeholder { color: #A6A6A6; }

/* il bottone sta dentro la pillola, appoggiato al bordo destro */
.pav-newsletter-cst .input-group-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    height: 53px;
}

.pav-newsletter-cst .input-group-btn .btn-primary,
.pav-newsletter-cst .btn-primary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 135px;
    height: 53px;
    margin: 0;
    padding: 0 20px;
    border: none;
    /* Figma: rectangleCornerRadii 0/25.9/25.9/0, cioe' piatto a sinistra */
    border-radius: 0 27px 27px 0;
    background: #1D3828;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 300;
    line-height: 53px;
    text-transform: none;
    white-space: nowrap;
}

.pav-newsletter-cst .btn-primary:hover,
.pav-newsletter-cst .btn-primary:focus,
.pav-newsletter-cst .btn-primary:active {
    background: #162C1F;
    color: #FFFFFF;
}

.pav-newsletter-cst .btn-primary i {
    margin-right: 7px;
    font-size: 15px;
    line-height: 1;
}

/* messaggi di esito sotto al campo.
   Da vuoto non deve occupare spazio, altrimenti allunga la fascia. */
.pav-newsletter-cst .valid {
    margin-top: 12px;
    text-align: center;
}

.pav-newsletter-cst .valid:empty {
    margin-top: 0;
}

.pav-newsletter-cst .valid .alert {
    display: inline-block;
    margin: 0;
}

/* --- form mobile ---
   Bozza 707:4127: icona 42 centrata, sotto il titolo 32/40 centrato e
   sotto ancora la pillola larga quanto il contenuto (394 su 428, cioe'
   16 di margine) col bottone appoggiato al bordo destro.
   Il markup mobile e' un altro form (#formNewLestter_mob) e ha una
   struttura diversa da quello desktop: i selettori vanno sull'id,
   perche' ".col-sm-12" nel form mobile pesca due box (quello di
   icona+titolo e quello di campo+bottone) che vogliono regole opposte. */
@media (max-width: 991px) {
    .pav-newsletter-cst {
        padding: 36px 0;
        /* in bozza mobile (707:4127) il beige e' al 15%, non al 46% come
           sul desktop: viene quasi bianco */
        background: rgba(225, 219, 200, .15);
    }

    /* il form mobile annida un .container dentro le col: i suoi 15px di
       padding sommati a quelli delle col facevano sporgere il bottone
       fuori dallo schermo */
    .pav-newsletter-cst #formNewLestter_mob .row {
        display: block;
        margin: 0;
        padding: 0 16px;
    }

    .pav-newsletter-cst #formNewLestter_mob .container {
        width: 100%;
        max-width: none;
        margin: 0;
        padding: 0;
    }

    .pav-newsletter-cst #formNewLestter_mob .row > div,
    .pav-newsletter-cst #formNewLestter_mob .container > div {
        float: none;
        width: 100%;
        padding: 0;
    }

    /* --- icona sopra al titolo, tutti e due centrati --- */
    .pav-newsletter-cst #formNewLestter_mob .row > .col-sm-12 {
        text-align: center;
    }

    .pav-newsletter-cst .fix-newsletter-icon {
        display: block;
        font-size: 42px;
        line-height: 1;
        color: #1D3828;
    }

    /* la bustina icomoon del tema 2018, che raddoppiava l'icona */
    .pav-newsletter-cst .titolo-newsletter:before {
        display: none;
    }

    .pav-newsletter-cst .titolo-newsletter {
        display: block;
        margin: 8px 0 20px;
        font-size: 32px;
        line-height: 40px;
        text-align: center;
        white-space: normal;
    }

    /* --- pillola: campo a sinistra, bottone a destra --- */
    .pav-newsletter-cst #formNewLestter_mob .container > .col-sm-12 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    .pav-newsletter-cst #formNewLestter_mob .container .col-sm-12 > div {
        padding: 0;
    }

    .pav-newsletter-cst #formNewLestter_mob .container .col-sm-12 > div:first-child {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        min-width: 0;
    }

    .pav-newsletter-cst #formNewLestter_mob .container .col-sm-12 > div + div {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
    }

    /* il bordo verde della pillola: meta' campo, meta' bottone */
    .pav-newsletter-cst .form-control {
        height: 59px;
        padding: 0 16px 0 26px;
        border-right: none;
        border-radius: 30px 0 0 30px;
    }

    .pav-newsletter-cst .input-group-btn {
        position: static;
        margin-left: 0;
    }

    .pav-newsletter-cst .input-group-btn .btn-primary,
    .pav-newsletter-cst .btn-primary {
        height: 59px;
        border-radius: 0 30px 30px 0;
        line-height: 59px;
    }
}

/* ============================================================
   PAGINA CATEGORIA (bozza 2026)
   L'header e' il .breadcrumb del template: fascia col pattern
   verde e dentro una card bianca con testo a sinistra e foto a
   destra. Le due colonne sono le col-sm-6 gia' presenti nel
   markup, non serve toccare il template.
   Misure prese dalla bozza (card 1436 di larghezza) e riportate
   al container del sito (1200): fattore 0,836.
   ============================================================ */
.page-category .breadcrumb {
    margin-bottom: 0;
    padding: 74px 0;
    background-color: transparent;
    background-image: url("../../image/alphlora/HP-Pattern1.png");
    background-repeat: repeat;
    background-position: center top;
    background-size: 1280px auto;
}

/* la card bianca: il .container fa da riquadro */
.page-category .breadcrumb > .container {
    padding: 60px 42px;
    border-radius: 24px;
    background: #FFFFFF;
}

/* --- colonna testo --- */
.page-category .breadcrumb .category-description {
    padding-left: 0;
    padding-right: 30px;
    font-size: 14px;
    line-height: 22px;
    color: #101010;
}

.page-category .breadcrumb .breadcrumb-heading {
    margin: 0 0 26px;
    font-size: 48px;
    font-weight: 600;
    line-height: 68px;
    color: #BC5D35;
    text-transform: none;
}

/* --- titoletto + testo della descrizione --- */
/* il titolo della categoria e' anch'esso un h2 dentro .category-description:
   va escluso, altrimenti questa regola se lo mangia */
.page-category .breadcrumb .category-description h1:not(.breadcrumb-heading),
.page-category .breadcrumb .category-description h2:not(.breadcrumb-heading),
.page-category .breadcrumb .category-description h3 {
    margin: 0 0 12px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.3;
    color: #101010;
}

.page-category .breadcrumb .category-description p {
    margin: 0 0 12px;
    font-size: 14px;
    line-height: 22px;
    color: #101010;
}

.page-category .breadcrumb .category-description p:last-child {
    margin-bottom: 0;
}

/* --- foto a destra --- */
.page-category .breadcrumb .image-category {
    padding-right: 0;
}

.page-category .breadcrumb .image-category img {
    width: 100%;
    height: auto;
    /* in bozza il riquadro e' 497x416: le foto sono 3:2, ritaglia il CSS */
    aspect-ratio: 497 / 416;
    object-fit: cover;
    object-position: center;
    padding: 0;
    border: none;
    border-radius: 16px;
}

@media (max-width: 991px) {
    .page-category .breadcrumb {
        padding: 40px 0;
    }

    .page-category .breadcrumb > .container {
        padding: 34px 24px;
    }

    .page-category .breadcrumb .breadcrumb-heading {
        font-size: 36px;
        margin-bottom: 18px;
    }

    .page-category .breadcrumb .category-description {
        padding-right: 0;
        margin-bottom: 26px;
    }

}

/* ------------------------------------------------------------
   Pagina categoria: colonna sinistra
   Markup reale: #column-left contiene il pannello dell'albero
   categorie (modulo category) e i box del Mega Filter.
   Bozza: titolo verde con filetto scuro sotto, voci con filetto
   chiaro, stessa impaginazione per entrambi.
   ------------------------------------------------------------ */
.page-category #column-left {
    /* in bozza la colonna filtri parte dal bordo del container (243 su 240)
       ed e' larga 336 su 1440, cioe' 280 su 1200: con padding 15/30
       partiva da 100 ed era larga 255 */
    padding-left: 0;
    padding-right: 15px;
}

/* il tema disegna i moduli come "panel": qui devono essere piatti */
:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .panel,
:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .mfilter-box {
    margin: 0 0 34px;
    padding: 0;
    border: none;
    border-radius: 0;
    background: none;
    box-shadow: none;
}

:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .panel-body {
    padding: 0;
}

/* --- intestazioni: albero categorie e gruppi di filtro --- */
:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .panel-heading,
:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .mfilter-heading {
    margin: 0 0 6px;
    padding: 0 0 8px;
    border: none;
    border-bottom: 1px solid #1D3828;
    border-radius: 0;
    background: none;
}

:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .panel-heading,
:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .panel-title,
:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .panel-title a,
:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .mfilter-heading-text > span {
    font-size: 20px;
    font-weight: 400;
    line-height: 25px;
    color: #1D3828;
    text-transform: none;
    text-decoration: none;
}

/* --- voci dell'albero categorie --- */
:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .box-category,
:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .box-category ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .box-category > li {
    border: none;
    border-bottom: 1px solid #D9D9D9;
    background: none;
    padding: 0;
}

:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .box-category > li > a {
    display: block;
    padding: 7px 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #303030;
    text-decoration: none;
}

:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .box-category > li > a:hover,
:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .box-category > li > a.active {
    color: #BC5D35;
}

/* sottolivelli: rientrati e senza filetto */
:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .box-category ul li {
    border: none;
}

:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .box-category ul li a {
    display: block;
    padding: 6px 0 6px 12px;
    font-size: 14px;
    line-height: 20px;
    color: #303030;
    text-decoration: none;
}

:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .box-category ul li a:hover {
    color: #BC5D35;
}

/* --- opzioni dei filtri --- */
:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .mfilter-option {
    border-bottom: 1px solid #D9D9D9;
}

/* .mfilter-tb-as-tr e' un display:table-row: il padding non ha effetto,
   va messo sulle celle. Passo riga 30px come in bozza. */
:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .mfilter-option > .mfilter-tb-as-td,
:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .mfilter-option > label.mfilter-tb-as-td {
    padding-top: 6px;
    padding-bottom: 6px;
    vertical-align: middle;
}

/* la label e' una cella sorella dell'input, non ci sta dentro:
   con .mfilter-col-input label la regola non agganciava niente */
:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .mfilter-option label,
:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .mfilter-option .mfilter-col-input a {
    font-size: 14px;
    font-weight: 300;
    line-height: 17.5px;
    color: #303030;
    text-decoration: none;
}

/* in bozza i contatori non ci sono */
:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .mfilter-col-count {
    display: none;
}

/* --- filtro prezzo / slider ---
   Misure bozza: barra alta 8px fondo #DEE2E6, riempimento e maniglie
   tonde 16px #1D3828, etichette 14px. Il plugin disegna barra e
   maniglie con uno sprite in !important, quindi qui serve !important
   per sovrascriverlo. */
:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .mfilter-price-inputs,
:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .mfilter-slider-inputs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 4px;
    font-size: 14px;
    line-height: 20px;
    color: #1D3828;
}

:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .mfilter-price-inputs input.form-control,
:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .mfilter-slider-inputs input.form-control {
    display: inline-block;
    /* il campo non si puo' dimensionare sul contenuto: allineando a
       destra il simbolo di valuta resta comunque attaccato al numero */
    /* il plugin li blocca a 104px con width/min-width/max-width */
    width: 2.8em !important;
    min-width: 0 !important;
    max-width: 2.8em !important;
    text-align: right;
    height: auto;
    padding: 0;
    border: none;
    border-radius: 0;
    background: none;
    box-shadow: none;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #1D3828;
}

:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .mfilter-price-slider,
:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .mfilter-slider-container {
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
}

:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .mfilter-price-slider [id="mfilter-price-slider"],
:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .mfilter-slider-slider,
:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .ui-slider {
    height: 8px !important;
    /* le maniglie sono 16 e centrate sugli estremi: senza questi 8 per
       lato sporgevano fuori dalla colonna */
    margin: 8px 8px 4px !important;
    border: none !important;
    border-radius: 100px !important;
    background: #DEE2E6 !important;
}

:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .ui-slider .ui-slider-range {
    /* senza questo resta alta 5 dentro una pista di 8 e sembra incassata */
    top: 0 !important;
    height: 100% !important;
    border: none !important;
    border-radius: 100px !important;
    background: #1D3828 !important;
}

:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .ui-slider .ui-slider-handle {
    top: -4px !important;
    width: 16px !important;
    height: 16px !important;
    margin-left: -8px !important;
    border: none !important;
    border-radius: 50% !important;
    background: #1D3828 !important;
    outline: none !important;
    cursor: pointer !important;
}

/* ------------------------------------------------------------
   Pagina categoria: colonna contenuto
   ------------------------------------------------------------ */
.page-category .content-categoria {
    padding-right: 0;
}

/* il tema mette un bordo attorno a ogni cella della griglia:
   la card ha gia' la sua ombra e i suoi angoli */
.page-category .product-grid .product-layout.border {
    border: none;
}

/* riga di riepilogo e paginazione sotto la griglia */
.page-category .content-categoria .risultati-filtro,
.page-category .content-categoria .text-left,
.page-category .content-categoria .text-right {
    font-size: 14px;
    line-height: 22px;
    color: #303030;
}

.page-category .content-categoria .pagination {
    margin: 0;
}

.page-category .content-categoria .pagination > li > a,
.page-category .content-categoria .pagination > li > span {
    margin-left: 6px;
    padding: 6px 12px;
    border: 1px solid #D9D9D9;
    border-radius: 6px;
    font-size: 14px;
    color: #303030;
    background: #FFFFFF;
}

.page-category .content-categoria .pagination > .active > span,
.page-category .content-categoria .pagination > li > a:hover {
    border-color: #1D3828;
    background: #1D3828;
    color: #FFFFFF;
}
.page-category .fix-cat-list,
.page-category .content-categoria > h2 {
    display: none;
}

/* eccezione: sull'elenco brand la griglia a tessere non e' l'elenco delle
   sottocategorie (che in categoria sta nella fascia titolo e qui va nascosto)
   ma il contenuto stesso della pagina, quindi resta visibile */
.product-manufacturer .fix-cat-list {
    display: block;
}

/* la tendina "Mostra" e la sua etichetta sono la 4a e la 5a colonna
   di product_filter.tpl: si nasconde la colonna intera, non solo il
   campo, altrimenti resterebbe lo spazio vuoto */
.page-category .barra-ordinamento .products-filter-panel > .row > div:nth-child(4),
.page-category .barra-ordinamento .products-filter-panel > .row > div:nth-child(5) {
    display: none;
}

@media (max-width: 991px) {
    .page-category #column-left {
        padding-right: 15px;
        margin-bottom: 34px;
    }
}

/* le colonne della griglia sono elementi flex della riga: perche' la
   card ci si stiri dentro devono essere flex anche loro, altrimenti
   height:100% non ha un'altezza definita a cui agganciarsi */
.products-row > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.products-row > div > .product-block {
    width: 100%;
}

/* Il Mega Filter riscrive la sidebar: le voci che si vedono davvero
   sono quelle dentro l'accordion (ul.collapse), non i figli diretti
   di .box-category. Qui prendono filetto e colore come in bozza. */
:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .box-category li {
    border-bottom: 1px solid #D9D9D9;
}

:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .box-category li:last-child {
    border-bottom: none;
}

:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .box-category li a {
    display: block;
    padding: 10px 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    color: #303030;
    text-decoration: none;
}

:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .box-category li a:hover,
:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .box-category li a.active {
    color: #BC5D35;
}

/* titolo dell'albero: verde con filetto scuro, come i gruppi di filtro */
:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .tree-menu > .box-category > li:first-child > a,
:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .panel-heading {
    padding-bottom: 8px;
    border-bottom: 1px solid #1D3828;
    font-size: 20px;
    font-weight: 400;
    color: #1D3828;
}

/* ------------------------------------------------------------
   Elenco sottocategorie nell'header della categoria.
   In bozza: due colonne, voce con filetto sotto e chevron a destra.
   Stessi valori della sidebar, cosi' le due liste sono coerenti.
   ------------------------------------------------------------ */
.page-category .breadcrumb .elenco-sottocategorie {
    margin: 0 0 30px;
    padding: 0;
    list-style: none;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 44px;
    -moz-column-gap: 44px;
    column-gap: 44px;
}

.page-category .breadcrumb .elenco-sottocategorie li {
    display: block;
    white-space: normal;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #D9D9D9;
}

.page-category .breadcrumb .elenco-sottocategorie li a {
    display: block;
    position: relative;
    padding: 10px 40px 5px 0;
    font-size: 19px;
    font-weight: 400;
    line-height: 24px;
    color: #1D3828;
    text-decoration: none;
}

.page-category .breadcrumb .elenco-sottocategorie li a:hover {
    color: #BC5D35;
}

.page-category .breadcrumb .elenco-sottocategorie li a:after {
    content: "\ea61";
    font-family: "tabler-icons" !important;
    position: absolute;
    right: 0;
    top: 10px;
    font-size: 22px;
    line-height: 23px;
    color: #DADADA;
}

/* le briciole di pane restano una riga sola, non un elenco */
.page-category .breadcrumb .briciole {
    margin: 0 0 22px;
}

/* blocco SEO in fondo: seconda meta' della descrizione */
.page-category .testo-seo {
    padding: 0;
    margin-top: 40px;
    font-size: 14px;
    line-height: 22px;
    color: #303030;
}

.page-category .testo-seo .leggi-tutto {
    display: inline-block;
    margin-top: 10px;
    color: #1D3828;
    font-weight: 400;
    text-decoration: underline;
}

@media (max-width: 767px) {
    .page-category .breadcrumb .elenco-sottocategorie {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}


/* ============================================================
   CORREZIONI SPAZIATURE HOME (confronto pixel con la bozza)
   ============================================================ */

/* Il widget "Product List" del page builder stampa sempre il suo
   contenitore titolo, anche quando il titolo e' vuoto: in home i
   titoli di sezione arrivano dal widget HTML .titolo-sezione-hp,
   quindi quello del widget restava vuoto ma occupava 44px
   (10 di padding + 34 di margine del titolo). In bozza non c'e'. */
.panel.bg-carousel > .widget-heading {
    padding-top: 0;
    padding-bottom: 0;
}

.panel.bg-carousel > .widget-heading .panel-title:empty {
    display: none;
}

/* Distanza fra un blocco categoria e il successivo: in bozza sono
   150px, qui ne venivano 211 sommando i padding dei contenitori del
   page builder. */
.blocco-categoria {
    padding-bottom: 0;
}

.fix-category-hp .row-level-2 {
    padding-bottom: 0;
}

/* ------------------------------------------------------------
   PAGINA CATEGORIA - barra strumenti inferiore
   Il template stampa le colonne prodotto senza la .row che le
   contiene (e' commentata): i float non venivano chiusi e la barra
   sotto la griglia risaliva a fianco delle card.
   ------------------------------------------------------------ */
.page-category .barra-strumenti {
    clear: both;
}

/* con una sola pagina OpenCart stampa la paginazione vuota: restava
   una riga alta e un filetto in piu' rispetto alla bozza */
.page-category .barra-paginazione:empty {
    display: none;
}

/* ============================================================
   PAGINA CATEGORIA - BARRA STRUMENTI (bozza 2026)
   Misure prese sulla bozza: box alti 36px, bordo #CED4DA,
   select largo 144px, testo 16px, filetto #CCCCCC a 8px dai box.
   Su una sola riga: conteggio a sinistra, ordinamento al centro,
   paginazione a destra.
   ============================================================ */
/* .row porta due pseudo-elementi di clearfix: in un contenitore flex
   diventano item e aprono buchi nella riga */
.page-category .barra-strumenti:before,
.page-category .barra-strumenti:after,
.page-category .barra-ordinamento .products-filter-panel > .row:before,
.page-category .barra-ordinamento .products-filter-panel > .row:after {
    display: none;
}

.page-category .barra-strumenti {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0 0 8px;
    border-bottom: 1px solid #CCCCCC;
}

.page-category .barra-strumenti-sopra { margin-bottom: 34px; }

@media (min-width: 768px) {
    .page-category #products .products-block {
        margin-left: -12px;
        margin-right: -12px;
    }

    .page-category #products .products-block > .product-layout {
        width: 33.3333%;
        padding: 0 12px;
    }
}
.page-category .barra-strumenti-sotto { margin-top: 34px; }

.page-category .barra-risultati {
    padding: 0;
    /* colonna fissa: in bozza l'ordinamento parte al 21% della barra.
       Tenendola fissa la riga resta identica con e senza paginazione. */
    -webkit-box-flex: 0;
    -ms-flex: 0 0 21%;
    flex: 0 0 21%;
    font-size: 14px;
    font-weight: 400;
    line-height: 36px;
    color: #808080;
}

.page-category .barra-ordinamento {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0;
}

.page-category .barra-paginazione {
    padding: 0;
    margin-left: auto;
}

/* il pannello filtri del tema porta bordi, ombre e padding suoi:
   qui la riga e' gia' disegnata dalla barra */
.page-category .barra-ordinamento .products-filter-panel {
    margin: 0;
    padding: 0;
    border: none;
    box-shadow: none;
}

.page-category .barra-ordinamento .products-filter-panel > .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0;
}

/* le colonne bootstrap interne qui non servono: le larghezze le da' il flex */
.page-category .barra-ordinamento .products-filter-panel > .row > div {
    float: none;
    width: auto;
    padding: 0;
}

.page-category .barra-ordinamento label.control-label {
    margin: 0 6px 0 0;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 36px;
    color: #808080;
    white-space: nowrap;
}

.page-category .barra-ordinamento .select-wrap {
    width: 144px;
}

.page-category .barra-ordinamento select.form-control {
    width: 100%;
    height: 36px;
    padding: 0 30px 0 12px;
    border: 1px solid #CED4DA;
    border-radius: 8px;
    background-color: #FFFFFF;
    box-shadow: none;
    color: #6C757D;
    font-size: 14px;
    font-weight: 400;
    line-height: 34px;
}

/* in bozza e' una chevron piena scura, non la angle-down sottile
   di FontAwesome che usa il tema */
.page-category .barra-ordinamento .select-wrap:before {
    content: "\ea5f";
    font-family: "tabler-icons" !important;
    right: 12px;
    top: 50%;
    margin-top: -9px;
    font-size: 18px;
    line-height: 18px;
    color: #1D3828;
}

/* --- paginazione --- */
.page-category .barra-paginazione .pagination {
    margin: 0;
    vertical-align: top;
}

.page-category .barra-paginazione .pagination > li > a,
.page-category .barra-paginazione .pagination > li > span {
    /* celle attaccate come in bozza: il tema le distanziava di 6px */
    margin-left: -1px;
    border-width: 1px;
    border-style: solid;
    border-radius: 0;
    min-width: 25px;
    height: 32px;
    padding: 0 5px;
    border-color: #CED4DA;
    background-color: #FFFFFF;
    color: #1D3828;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    text-decoration: underline;
}

.page-category .barra-paginazione .pagination > li:first-child > a,
.page-category .barra-paginazione .pagination > li:first-child > span {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.page-category .barra-paginazione .pagination > li:last-child > a,
.page-category .barra-paginazione .pagination > li:last-child > span {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.page-category .barra-paginazione .pagination > li > a:hover {
    background-color: #F1EEE5;
    border-color: #CED4DA;
    color: #BC5D35;
}

.page-category .barra-paginazione .pagination > .active > a,
.page-category .barra-paginazione .pagination > .active > span,
.page-category .barra-paginazione .pagination > .active > a:hover,
.page-category .barra-paginazione .pagination > .active > span:hover {
    border-color: #1D3828;
    background-color: #1D3828;
    color: #FFFFFF;
    text-decoration: none;
}

/* le frecce non sono sottolineate in bozza */
.page-category .barra-paginazione .pagination > li:first-child > a,
.page-category .barra-paginazione .pagination > li:last-child > a {
    text-decoration: none;
}

/* primo/ultimo sono svuotati dal controller: via anche la cella */
.page-category .barra-paginazione .pagination > li > a:empty {
    display: none;
}

@media (max-width: 767px) {
    .page-category .barra-strumenti {
        display: block;
    }

    .page-category .barra-ordinamento,
    .page-category .barra-paginazione {
        margin: 10px 0 0;
    }

    .page-category .barra-ordinamento .products-filter-panel > .row {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

/* ------------------------------------------------------------
   MEGAMENU - "Scopri le offerte" allineato alle categorie
   La <ul> del menu parte 10px piu' in basso della colonna delle
   offerte (top 147 contro 137) e le sue voci sono alte 52px: senza
   questo il link resta 10px piu' in alto delle categorie.
   ------------------------------------------------------------ */
.menu-categorie .menu-categorie-offerte {
    margin-top: 10px;
}

.menu-offerte {
    line-height: 52px;
}

/* il .panel di bootstrap porta 20px di margine sotto: fra le card e la
   fascia parallax in bozza ce ne sono 104, qui ne venivano 149 */
.sezione-hp .panel.bg-carousel {
    margin-bottom: 0;
}

/* ------------------------------------------------------------
   PAGINA CATEGORIA - stacco fra la fascia verde e il contenuto
   In bozza fra la fine della fascia e la prima riga di contenuto
   (sidebar filtri / barra strumenti) ci sono 107px; qui ce n'erano
   12 e i due blocchi risultavano attaccati.
   ------------------------------------------------------------ */
.page-category .maincols > .container-cst {
    padding-top: 95px;
}

@media (max-width: 991px) {
    .page-category .maincols > .container-cst {
        padding-top: 45px;
    }
}

/* ------------------------------------------------------------
   COLONNA SINISTRA - icone e caselle (bozza 2026)
   In bozza le intestazioni apribili hanno una chevron sottile
   (giu' quando sono chiuse, su quando sono aperte), non lo sprite
   del Mega Filter ne' il quadratino nero dell'accordion del tema.
   ------------------------------------------------------------ */

/* Mega Filter: in bozza i gruppi sono tutti aperti e l'intestazione
   non ha nessuna icona. Lo sprite si nasconde e la chevron compare
   solo quando il gruppo e' chiuso, per non perdere il comando. */
:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .mfilter-heading .mfilter-head-icon {
    display: none !important;
}

:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .mfilter-heading.mfilter-collapsed .mfilter-head-icon {
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    margin-top: 0 !important;
    background: none !important;
}

:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .mfilter-heading.mfilter-collapsed .mfilter-head-icon:before {
    content: "\ea5f";
    font-family: "tabler-icons" !important;
    display: block;
    font-size: 20px;
    line-height: 22px;
    color: #1D3828;
    text-align: right;
}

/* albero categorie: il toggle era un quadrato nero con la freccia
   destra di FontAwesome */
:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .accordion-heading .bg,
:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .accordion-heading span {
    padding: 0;
    border: none;
    background: none !important;
    box-shadow: none;
}

:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .accordion-heading .fa {
    font-family: "tabler-icons" !important;
    font-size: 20px;
    line-height: 34px;
    color: #1D3828;
}

:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .accordion-heading .fa-angle-right:before {
    content: "\ea5f";
}

:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .accordion-heading .fa-angle-down:before {
    content: "\ea62";
}

/* caselle di spunta: quadrato 16px bordo #DEE2E6 come in bozza */
:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .mfilter-col-input input[type="checkbox"],
:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .mfilter-col-input input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 16px;
    height: 16px;
    margin: 0;
    border: 1px solid #DEE2E6;
    border-radius: 4px;
    background: #FFFFFF;
    /* vertical-align:middle centra la casella sulla meta' della x-height, che
       la fa sembrare bassa rispetto alle maiuscole: 1px di rialzo la mette a
       filo ottico con il testo */
    position: relative;
    top: -1px;
    vertical-align: middle;
    cursor: pointer;
}

:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .mfilter-col-input input[type="radio"] {
    border-radius: 50%;
}

/* il Mega Filter disegna la casella anche con un glifo icomoon su :before
   (ae1 / ae0): sommato al quadrato che disegniamo qui si vedevano due
   riquadri sovrapposti e sfalsati di 2px rispetto al testo. Qui il glifo va
   spento, la spunta la mette la regola :checked:after piu' sotto. */
:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .mfilter-col-input input[type="checkbox"]:before,
:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .mfilter-col-input input[type="checkbox"]:checked:before,
:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .mfilter-col-input input[type="radio"]:before,
:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .mfilter-col-input input[type="radio"]:checked:before {
    content: none;
}

:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .mfilter-col-input input:checked {
    border-color: #1D3828;
    background: #1D3828;
}

:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .mfilter-col-input input[type="checkbox"]:checked:after {
    content: "\ea5e";
    font-family: "tabler-icons" !important;
    display: block;
    margin-top: -1px;
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
    text-align: center;
}

/* ------------------------------------------------------------
   ALBERO CATEGORIE - allineato alla bozza
   Il primo livello fa da titolo (filetto scuro), quindi le voci
   vere dell'albero sono il secondo livello: in bozza hanno il
   filetto chiaro, stanno a filo e il passo riga e' 35px.
   ------------------------------------------------------------ */
:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .box-category > li > ul > li {
    margin: 0;
    padding: 0;
    border: none;
    border-bottom: 1px solid #D9D9D9;
    background: none;
}

:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .box-category > li > ul > li > a {
    display: block;
    padding: 4px 0;
    font-size: 14px;
    font-weight: 300;
    line-height: 26px;
    color: #303030;
    text-decoration: none;
}

:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .box-category > li > ul > li > a.active,
:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .box-category > li > ul > li > a:hover {
    color: #BC5D35;
    font-weight: 400;
}

/* terzo livello: rientrato e senza filetto */
:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .box-category > li > ul > li > ul > li {
    border-bottom: none;
}

:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .box-category > li > ul > li > ul > li > a {
    padding: 5px 0 5px 12px;
}

/* casella e testo sono due celle di tabella: la colonna della casella
   va fissata a 16px, altrimenti lo stacco cambia fra checkbox e radio
   (in bozza sono 9px per entrambi) */
:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .mfilter-option .mfilter-col-input {
    width: 16px;
    padding-left: 0;
    padding-right: 0;
    /* la line-height ereditata (26px) rendeva la cella piu' alta della
       casella e alzava tutta la riga */
    line-height: 16px;
    white-space: nowrap;
}

:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .mfilter-tb {
    border-collapse: collapse;
}

/* bootstrap mette margin-bottom:5px su tutte le label: qui alza la
   riga di 5px. Lo stacco dalla casella e' 9px come in bozza. */
:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .mfilter-option label.mfilter-tb-as-td {
    margin: 0;
    padding-left: 5px;
}

/* Il primo livello dell'albero fa da titolo del blocco e in bozza non
   ha nessun comando di apertura: il toggle dell'accordion (che il tema
   fa uscire in fondo a destra, fuori riga) non serve. */
:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .tree-menu > .box-category > li > .accordion-heading {
    display: none;
}

/* ============================================================
   HEADER - misure prese dalle API Figma (nodo 5:436)
   ============================================================ */

/* Il riquadro della ricerca in bozza ha il bordo dello stesso verde del
   bottone Cerca, non il beige #DBD6C6 del tema: verificato sul pixel del
   PNG (#1D3828 sui quattro lati, sia in home sia in carrello). */
.header-v1 .search-box .form-control,
.header-v1 .search-box input {
    border-color: #1D3828;
}

/* Bottone "Cerca": in bozza e' 85x41 con padding 9 a sinistra e 18 a
   destra e 5 di stacco dall'icona. Qui era 110 di larghezza. */
.header-v1 .search-box button,
.header-v1 .search-box .btn {
    padding: 0 18px 0 9px;
}

.header-v1 .search-box button i,
.header-v1 .search-box .btn i {
    margin-right: 5px;
    font-size: 14px;
}

/* icona mail: in bozza il testo attacca all'icona (il riquadro e' 24
   con dentro un glifo da 18), qui c'erano 8px */
.header-v1 .header-email a i {
    margin-right: 4px;
}

/* icone utente e carrello: in bozza sono entrambe alte 28-29px, qui
   erano 24. Le etichette sono 14px w300, non 16. */
.header-v1 .header-account #loginutenti i,
.header-v1 .header-account #benvenuto i,
.header-v1 .minibasket .cart-icon i {
    font-size: 38px;
    line-height: 38px;
}

.header-v1 .header-account .header-action-label,
.header-v1 .minibasket .heading-cart {
    font-size: 14px;
    font-weight: 300;
}

/* la pastiglia del contatore in bozza e' 14x14 con il numero a 10px */
.header-v1 .minibasket .cart-icon #cart-total,
.header-v1 .minibasket .cart-icon #cart-total2 {
    min-width: 14px;
    padding: 0;
    width: 14px;
    height: 14px;
    font-size: 10px;
    line-height: 14px;
    top: -3px;
}

/* in bozza la pastiglia sta sullo spigolo in alto a destra del
   disegno del carrello: 1px dentro il bordo destro, 4px sopra */
.header-v1 .minibasket .cart-icon #cart-total {
    top: -1px;
}

/* "Scopri le offerte" restava 2px sotto la linea di base delle voci */
.menu-categorie .menu-categorie-offerte {
    margin-top: 8px;
}

/* Il Mega Filter disegna altre due linee oltre alla nostra:
   - .mfilter-heading-content ha un border-bottom #EBEBEB che finiva
     9px sopra il filetto scuro dell'intestazione (sembravano doppie)
   - .mfilter-tb-as-td ha un border-top #DCDCDC su ogni cella, quindi
     una terza riga sopra ogni opzione
   In bozza c'e' una sola linea per voce. */
:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .mfilter-heading-content,
:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .mfilter-tb-as-td,
:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .mfilter-tb,
:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .mfilter-options-container {
    border: none;
}

/* il bordo che serve resta solo sulla riga */
:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .mfilter-option.mfilter-tb-as-tr {
    border-bottom: 1px solid #D9D9D9;
}

/* l'icona del carrello stava 3px sotto quella dell'utente: in bozza
   sono sulla stessa linea (riquadri a y71 e y72) */
.header-v1 .carrello .minibasket .heading button,
.header-v1 .carrello .minibasket .heading .dropdown-toggle {
    padding-top: 0;
}

.header-v1 .carrello .minibasket .cart-icon {
    margin-top: -3px;
}

/* La pastiglia del carrello sporge sopra l'icona ma .heading ha
   overflow:hidden e la tagliava a meta'. */
.header-v1 .carrello .minibasket .heading,
.header-v1 .carrello .minibasket .heading.media {
    overflow: visible;
}

/* Le voci del megamenu chiedevano 1014px dentro un contenitore da 998:
   il tema faceva partire lo scroll orizzontale, tagliava la prima voce
   e mostrava le frecce. In bozza lo stacco fra una voce e l'altra e'
   17px, qui erano 29 (18 a sinistra + 11 a destra). */
.menu-categorie .classenav > li > a {
    padding: 0 8px 0 9px !important;
}

/* ============================================================
   SCHEDA PRODOTTO
   Valori letti dalle API Figma (nodo 26:1449). Il container della
   bozza e' 1438 con due colonne da 703 e 707, cioe' meta' e meta'
   come qui: le misure di testo si usano tali e quali, le larghezze
   seguono la colonna. Le regole agiscono sulle classi del tema.
   ============================================================ */

.page-product .breadcrumbs ul {
    margin: 0 0 4px;
    padding: 0;
    list-style: none;
}

.page-product .breadcrumbs ul li,
.page-product .breadcrumbs ul li a {
    display: inline;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: #000000;
    text-decoration: none;
}

.page-product .product-view h1.breadcrumb-heading {
    float: none;
    width: 100%;
    margin: 0 0 4px;
    font-size: 36px;
    font-weight: 700;
    line-height: 45px;
    color: #000000;
    text-transform: none;
}

.page-product .product-view h4 > span > a,
.page-product .product-view h4:has(> span > a) {
    margin: 0;
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
    color: #1D3828;
    text-transform: none;
    text-decoration: none;
}

.page-product .lista-puntata {
    float: none;
    width: 100%;
    margin: 26px 0 0;
}

.page-product .lista-puntata ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.page-product .lista-puntata li {
    position: relative;
    padding: 0 0 4px 29px;
    font-size: 18px;
    font-weight: 300;
    line-height: 23px;
    color: #000000;
}

.page-product .lista-puntata li:before {
    content: "\ea61";
    font-family: "tabler-icons" !important;
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    font-size: 20px;
    line-height: 23px;
    color: #1D3828;
}

.page-product .cont-facilities {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 30px 0 0;
    padding: 0;
    list-style: none;
}

.page-product .cont-facilities .facilities-li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 25px 0 0;
    font-size: 18px;
    font-weight: 300;
    line-height: 23px;
    color: #000000;
}

.page-product .cont-facilities .facilities-li:last-child {
    margin-right: 0;
}



:is(.page-product, .page-account-voucher) .cont-radio {
    margin: 0 0 22px;
}

:is(.page-product, .page-account-voucher) .cont-radio .control-label.titolo-opzione {
    display: block;
    margin: 0 0 8px;
    padding: 0;
    font-size: 20px;
    font-weight: 400;
    line-height: 25px;
    color: #000000;
}

:is(.page-product, .page-account-voucher) .cont-radio > div[id^="input-option"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
}

:is(.page-product, .page-account-voucher) .cont-radio .radio.inputGroup-alphlora {
    float: none;
    width: calc(50% - 15px);
    margin: 0 30px 9px 0;
    padding: 0;
}

:is(.page-product, .page-account-voucher) .cont-radio .radio.inputGroup-alphlora:nth-child(2n) {
    margin-right: 0;
}

:is(.page-product, .page-account-voucher) .cont-radio .radio.inputGroup-alphlora > label {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

:is(.page-product, .page-account-voucher) .cont-radio .radio.inputGroup-alphlora input[type="radio"] {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: 0;
    opacity: 0;
    pointer-events: none;
}

:is(.page-product, .page-account-voucher) .cont-radio .inputGroup-alphlora input[type="radio"] + span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    min-height: 44px;
    height: auto;
    padding: 6px 15px;
    border-radius: 10px;
    background: #E1DBC8;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    color: #000000;
    text-align: left;
}

:is(.page-product, .page-account-voucher) .cont-radio .inputGroup-alphlora span:after {
    content: "\ea15";
    font-family: "tabler-icons" !important;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    float: none;
    margin-left: 10px;
    font-size: 20px;
    line-height: 1;
}

:is(.page-product, .page-account-voucher) .cont-radio .inputGroup-alphlora input[type="radio"]:checked + span {
    min-height: 44px;
    height: auto;
    border-radius: 10px;
    background: #BC5D35;
    color: #FFFFFF;
}

:is(.page-product, .page-account-voucher) .cont-radio .inputGroup-alphlora > label:hover span {
    background: #D6CFB8;
}

.page-product .f-product-price {
    margin-top: 30px;
    padding-top: 16px;
    border-top: 1px solid #DADADA;
}

/* Il filetto sopra al prezzo (Line 4 in bozza) e' quello qui sopra.
   Il tema pero' mette un <hr> subito prima, col border-top #EEE di
   bootstrap: se ne vedevano due, uno piu' chiaro e uno piu' scuro. */
.page-product .product-view > hr {
    display: none;
}

.page-product .f-product-price .prezzo-dettaglio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    gap: 10px;
}

.page-product .f-product-price .rif-prezzo,
.page-product .f-product-price .prezzo-barrato {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    list-style: none;
}

.page-product .f-product-price #prezzo-generale,
.page-product .f-product-price .rif-prezzo h2,
.page-product .f-product-price .rif-prezzo-barrato {
    margin: 0;
    font-size: 36px;
    font-weight: 700;
    line-height: 45px;
    color: #000000;
}

.page-product .f-product-price .label-iva-inclusa,
.page-product .f-product-price .prezzo-riferimento {
    list-style: none;
    font-size: 18px;
    font-weight: 300;
    line-height: 23px;
    color: #000000;
}

.page-product .f-product-price .prezzo-riferimento {
    margin-left: auto;
}

.page-product .f-product-price .a-partire-da {
    display: none;
}

/* l'avviso di ordine minimo (vqmod liveprice_opzioni) lo riempie il JS
   quando serve: vuoto teneva comunque 20px di margini sopra il prezzo */
.page-product .label-minimo-ordine:empty {
    display: none;
}

.page-product .product-buttons-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 34px;
}

.page-product .product-buttons-wrap .product-qyt-action {
    float: none;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 13px 0 0;
    padding: 0;
}

.page-product .quantity-adder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 89px;
    height: 75px;
    border: 1px solid #DADADA;
    border-radius: 15px;
    background: #FFFFFF;
}

.page-product .quantity-adder .add-action {
    float: none;
    width: 24px;
    height: 24px;
    border: none;
    background: none;
    line-height: 24px;
    text-align: center;
    cursor: pointer;
}

.page-product .quantity-adder .add-action i:before {
    font-family: "tabler-icons" !important;
    font-size: 20px;
    line-height: 24px;
    color: #000000;
}

.page-product .quantity-adder .add-down i:before { content: "\eaf2"; }
.page-product .quantity-adder .add-up i:before   { content: "\eb0b"; }

.page-product .quantity-adder .quantity-number {
    float: none;
    width: auto;
    margin: 0 7px;
}

.page-product .quantity-adder .quantity-number input {
    width: 24px;
    height: 24px;
    padding: 0;
    border: none;
    background: none;
    box-shadow: none;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    color: #000000;
    text-align: center;
}

.page-product .product-buttons-wrap > .cart {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
}

.page-product .btn.btn-cart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 75px;
    margin: 0;
    padding: 0 20px;
    border: none;
    border-radius: 15px;
    background: #BC5D35;
    color: #FFFFFF;
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
    text-transform: none;
}

.page-product .btn.btn-cart i {
    margin-right: 5px;
    font-size: 24px;
}

.page-product .btn.btn-cart:hover,
.page-product .btn.btn-cart:focus {
    background: #A34E2C;
    color: #FFFFFF;
}

.page-product .thumbs-image .image {
    box-shadow: none;
}

@media (min-width: 768px) {
    .page-product #content > .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .page-product #content > .row > .image-container,
    .page-product #content > .row > div:not(.image-container) {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        width: auto;
        min-width: 0;
        padding: 0;
    }

    .page-product #content > .row > .image-container,
    .page-product #content > .row > .colonna-garanzie {
        margin-right: 23px;
    }

    .page-product .image-container > .row {
        margin-left: 0;
        margin-right: 0;
    }

    .page-product .thumbnails.thumbs-image {
        padding-left: 0;
        padding-right: 0;
    }

    /* la scheda sta su due righe: galleria + informazioni, poi
       garanzie + prezzo e carrello. In bozza il fondo del riquadro
       garanzie e' sulla stessa linea del fondo del bottone carrello. */
    .page-product #content > .riga-acquisto {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .page-product .colonna-garanzie .icone-trasporto {
        margin-top: 59px;
    }

    /* fra le due righe restano solo i 30 del filetto prezzo: il
       margine dell'ultima opzione usciva dalla colonna e si sommava.
       Lo stacco fra i gruppi passa sopra invece che sotto perche'
       l'ultimo gruppo puo' essere un'opzione dipendente nascosta, e
       :last-child non trova l'ultimo visibile. */
    .page-product #product-option > :is(.form-group, .row),
    .page-product #product-option > .row > .form-group {
        margin-bottom: 0;
    }

    .page-product #product-option > :is(.form-group, .row) ~ :is(.form-group, .row) {
        margin-top: 22px;
    }

    /* la descrizione partiva 15px piu' a destra della galleria (il
       padding di #content non era compensato da nessun .row), e prezzo
       e carrello finivano 15px prima del filetto: sui bordi delle
       colonne non combaciava niente */
    .page-product .tab-v88 {
        margin-left: -15px;
        margin-right: -15px;
    }

    .page-product .colonna-acquisto .f-product-price,
    .page-product .colonna-acquisto #product {
        padding-right: 0;
    }
}

/* Fra 768 e 991 la colonna e' 389: le garanzie andavano in verticale e
   facevano una torre di 330px accanto al carrello. Qui la seconda riga
   si impila: prima prezzo e carrello, poi le garanzie in orizzontale. */
@media (min-width: 768px) and (max-width: 991px) {
    .page-product #content > .riga-acquisto {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .page-product #content > .riga-acquisto > div.colonna-garanzie,
    .page-product #content > .riga-acquisto > div.colonna-acquisto {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-right: 0;
    }

    .page-product #content > .riga-acquisto > .colonna-garanzie {
        -ms-flex-order: 2;
        order: 2;
    }

    .page-product .colonna-garanzie .icone-trasporto {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 30px;
    }
}

.page-product .image-prodotto-offerta img,
.page-product .image-prodotto-offerta .product-image-zoom {
    display: block;
    width: 100%;
    height: auto;
    max-width: none;
    aspect-ratio: 703 / 465;
    object-fit: cover;
    object-position: center;
    border: 1px solid #DADADA;
    border-radius: 20px;
}

.page-product .alt-tag-overlay,
.page-product .product-view .wishlist,
.page-product .product-view .ti-heart,
.page-product .product-view .fa-heart,
.page-product .feedaty_widget,
.page-product .feedaty-prodotto {
    display: none;
}

.page-product .thumbs-preview {
    display: block;
    margin: 24px 0 0;
    padding: 0;
}

/* la riga delle miniature e' il .item del carosello, non .thumbs-preview */
.page-product .thumbs-preview .item.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
}

.page-product .thumbnails.image-hitem {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    float: none;
    width: auto;
    margin: 0 19px 0 0;
    padding: 0;
}

.page-product .thumbnails.image-hitem:last-child {
    margin-right: 0;
}

.page-product .thumbnails.image-hitem img {
    display: block;
    width: 138px;
    height: 138px;
    object-fit: cover;
    border: 1px solid #DADADA;
    border-radius: 20px;
    box-shadow: none;
}

.page-product .tab-v88 .nav-tabs {
    display: none;
}

.page-product .tab-v88 > .tab-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    border: none;
    background: none;
}

.page-product .tab-v88 > .tab-content > #tab-description {
    display: block;
    -ms-flex: 0 0 62.4%;
    flex: 0 0 62.4%;
    max-width: 62.4%;
    padding: 0;
}

.page-product .tab-v88 > .tab-content > #tab-specification {
    display: block;
    -ms-flex: 0 0 32.6%;
    flex: 0 0 32.6%;
    max-width: 32.6%;
    margin-left: 5%;
    padding: 0;
}

.page-product .tab-v88 > .tab-content > .tab-pane:not(#tab-description):not(#tab-specification):not(#tab-review) {
    display: none;
}

/* quando manca l'altro dei due riquadri, quello che resta prende
   tutta la riga (la descrizione puo' mancare, non solo le schede) */
.page-product .tab-v88 > .tab-content:not(:has(> #tab-specification)) > #tab-description,
.page-product .tab-v88 > .tab-content:not(:has(> #tab-description)) > #tab-specification {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.page-product .titolo-blocco-prodotto {
    display: inline-block;
    height: 38px;
    margin: 0 0 18px;
    padding: 0 17px;
    border-radius: 15px;
    background: #1D3828;
    font-size: 17px;
    font-weight: 500;
    line-height: 38px;
    color: #FFFFFF;
    text-transform: none;
}

.page-product .riquadro-blocco-prodotto {
    padding: 19px;
    border: 1px solid #DADADA;
    border-radius: 20px;
}

.page-product .riquadro-blocco-prodotto h1,
.page-product .riquadro-blocco-prodotto h2,
.page-product .riquadro-blocco-prodotto h3,
.page-product .riquadro-blocco-prodotto h4,
.page-product .riquadro-blocco-prodotto strong {
    margin: 16px 0 7px;
    font-size: 17px;
    font-weight: 600;
    line-height: 20px;
    color: #000000;
}

.page-product .riquadro-blocco-prodotto > *:first-child {
    margin-top: 0;
}

.page-product .riquadro-blocco-prodotto,
.page-product .riquadro-blocco-prodotto p,
.page-product .riquadro-blocco-prodotto li {
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
    color: #000000;
}

.page-product .riquadro-blocco-prodotto p {
    margin: 0 0 16px;
}

.page-product #tab-specification .table,
.page-product #tab-specification .table-bordered {
    width: 100%;
    margin: 0;
    border: none;
}

.page-product #tab-specification .table > thead {
    display: none;
}

.page-product #tab-specification .table > tbody > tr > td {
    height: 38px;
    padding: 0 9px;
    border: none;
    font-size: 17px;
    font-weight: 500;
    line-height: 21px;
    color: #1D3828;
    vertical-align: middle;
}

.page-product #tab-specification .table > tbody > tr > td:last-child {
    font-weight: 400;
    text-align: right;
}

.page-product #tab-specification .table > tbody > tr:nth-child(even) {
    /* in Figma e' #E1DBC8 ma con opacita' bassa: renderizza #F9F8F4 */
    background: #F9F8F4;
}

/* ------------------------------------------------------------
   Valutazione sotto titolo e marca: stelle della card,
   link alle recensioni nel verde del sito
   ------------------------------------------------------------ */
.page-product .valutazione-prodotto {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 8px 0 0;
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    color: #1D3828;
}

.page-product .valutazione-prodotto .recensione-stelle {
    margin: 0 10px 0 0;
    font-size: 18px;
    line-height: 20px;
    color: #FFC000;
}

.page-product .valutazione-prodotto .recensione-stelle .ti-star {
    color: #DBD6C6;
}

.page-product .valutazione-prodotto a {
    color: #1D3828;
    text-decoration: underline;
}

.page-product .valutazione-prodotto a:hover {
    color: #BC5D35;
}

.page-product .valutazione-prodotto .separatore {
    margin: 0 8px;
}

/* ------------------------------------------------------------
   Recensioni: niente bozza in Figma. Stessa griglia di
   descrizione + specifiche (62.4 / 5 / 32.6) con le pillole
   verdi come titolo; i campi sono quelli delle pagine interne
   (h54 r10 bordo #DADADA), le stelle quelle della card.
   Markup in template/product/product.tpl e product/review.tpl
   ------------------------------------------------------------ */
.page-product .tab-v88 > .tab-content > #tab-review {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 50px;
    padding: 0;
}

.page-product #tab-review .recensioni-elenco {
    -ms-flex: 0 0 62.4%;
    flex: 0 0 62.4%;
    max-width: 62.4%;
}

.page-product #tab-review .recensioni-scrivi {
    -ms-flex: 0 0 32.6%;
    flex: 0 0 32.6%;
    max-width: 32.6%;
    margin-left: 5%;
}

.page-product #tab-review .recensione {
    margin: 0 0 28px;
}

.page-product #tab-review .recensione:last-child {
    margin-bottom: 0;
}

.page-product #tab-review .recensione-testata {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

/* batte lo "strong" dei titoli dentro .riquadro-blocco-prodotto */
.page-product #tab-review .riquadro-blocco-prodotto .recensione-autore {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    color: #1D3828;
}

.page-product #tab-review .recensione-data {
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
    color: #1D3828;
}

.page-product #tab-review .recensione-stelle {
    margin: 4px 0 8px;
    font-size: 17px;
    line-height: 20px;
    color: #FFC000;
}

.page-product #tab-review .recensione-stelle .ti-star {
    color: #DBD6C6;
}

.page-product #tab-review .riquadro-blocco-prodotto .recensione-testo,
.page-product #tab-review .riquadro-blocco-prodotto .recensione-vuota {
    margin: 0;
}

/* lo stacco dall'ultima recensione e' gia' il suo margin-bottom */
.page-product #tab-review .pagination {
    margin: 0;
}

.page-product #tab-review .form-group {
    margin: 0 0 20px;
}

.page-product #tab-review .control-label {
    display: block;
    margin: 0 0 8px;
    padding: 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    color: #000000;
    text-align: left;
}

/* asterisco dopo l'etichetta e in #CC0000, come in cassa */
.page-product #tab-review div.required .control-label::before {
    content: none;
}

.page-product #tab-review div.required .control-label::after {
    content: "*";
    color: #CC0000;
    font-weight: 400;
}

.page-product #tab-review .form-control {
    height: 54px;
    padding: 0 18px;
    border: 1px solid #DADADA;
    border-radius: 10px;
    background: #FFFFFF;
    box-shadow: none;
    font-size: 18px;
    font-weight: 400;
    line-height: 52px;
    color: #000000;
}

.page-product #tab-review textarea.form-control {
    height: auto;
    min-height: 110px;
    padding: 16px 18px;
    line-height: 25px;
    resize: vertical;
}

.page-product #tab-review .help-block {
    margin: 6px 0 0;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
    color: #999999;
}

.page-product #tab-review .recensione-punteggio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    color: #000000;
}

.page-product #tab-review .recensione-punteggio > span:first-child {
    margin-right: 12px;
}

.page-product #tab-review .recensione-punteggio > span:last-child {
    margin-left: 2px;
}

/* radio: stesso disegno della cassa */
.page-product #tab-review input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -ms-flex: 0 0 22px;
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
    margin: 0 10px 0 0;
    border: 1px solid #000000;
    border-radius: 50%;
    background: #FFFFFF;
    cursor: pointer;
}

.page-product #tab-review input[type="radio"]:checked {
    border-width: 6px;
    border-color: #1D3828;
}

.page-product #tab-review .buttons {
    margin: 0;
}

/* btn-default della bozza */
.page-product #tab-review .btn-primary {
    padding: 12px 25px;
    border: none;
    border-radius: 50px;
    background: #1D3828;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 300;
    line-height: 23px;
    text-transform: none;
}

.page-product #tab-review .btn-primary:hover,
.page-product #tab-review .btn-primary:focus {
    background: #142619;
    color: #FFFFFF;
}

.page-product #tab-review .alert {
    margin: 0 0 20px;
    border-radius: 10px;
}

.page-product .product-related .panel-heading .panel-title,
.page-news-article .product-related .panel-heading .panel-title {
    display: block;
    margin: 0 0 30px;
    font-size: 40px;
    font-weight: 600;
    line-height: 96px;
    color: #1D3828;
    text-align: center;
}

.page-product .product-related .product-col .product-block,
.page-news-article .product-related .product-col .product-block {
    border: 1px solid #E1DBC8;
    box-shadow: none;
}

.page-product .product-related .carousel-control i,
.page-news-article .product-related .carousel-control i {
    font-size: 80px;
    color: #E1DBC8;
}

.page-product .icone-trasporto {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 34px 0 0;
    padding: 23px 16px;
    border-radius: 20px;
    /* in Figma il rettangolo e' #E1DBC8 al 29% di opacita': renderizza cosi' */
    background: #F6F5EF;
}

.page-product .icone-trasporto .trasporto-spedizione {
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    width: auto;
    /* la nostra colonna e' 570 contro i 703 della bozza: meno padding
       laterale per non mandare a capo i testi */
    padding: 0 6px;
    font-size: 17px;
    font-weight: 500;
    line-height: 22px;
    color: #000000;
    text-align: center;
}

.page-product .icone-trasporto .trasporto-spedizione span {
    display: block;
    font-weight: 300;
    font-size: 15px;
    line-height: 20px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .page-product .icone-trasporto .trasporto-spedizione {
        padding: 0 2px;
        font-size: 14px;
        line-height: 19px;
    }

    .page-product .icone-trasporto .trasporto-spedizione span {
        font-size: 12px;
        line-height: 16px;
    }
}



@media (max-width: 991px) {
    .page-product .tab-v88 > .tab-content > #tab-description,
    .page-product .tab-v88 > .tab-content > #tab-specification {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-left: 0;
    }

    .page-product .tab-v88 > .tab-content > #tab-specification {
        margin-top: 34px;
    }

    .page-product .tab-v88 > .tab-content > #tab-review {
        display: block;
        margin-top: 34px;
    }

    .page-product #tab-review .recensioni-elenco,
    .page-product #tab-review .recensioni-scrivi {
        max-width: 100%;
        margin-left: 0;
    }

    .page-product #tab-review .recensioni-scrivi {
        margin-top: 34px;
    }

    .page-product .icone-trasporto {
        display: block;
    }
}

/* intestazione "Opzioni": 18px w400 con icona lista tabler */
.page-product .opzioni-titolo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 34px 0 22px;
    font-size: 18px;
    font-weight: 400;
    line-height: 23px;
    color: #000000;
}

.page-product .opzioni-titolo i {
    margin-right: 10px;
    font-size: 24px;
    line-height: 24px;
    color: #1D3828;
}

/* l'icona nel tema e' una fa-list: in bozza e' tabler */
.page-product .opzioni-titolo i.fas,
.page-product .opzioni-titolo i {
    font-family: "tabler-icons" !important;
    font-weight: 400;
}

.page-product .opzioni-titolo i:before {
    content: "\eb6b";
}

/* icona del bottone carrello: in bozza e' shopping-cart-plus */
.page-product .btn.btn-cart i:before {
    font-family: "tabler-icons" !important;
    content: "\fb65";
    font-weight: 400;
}

/* paragrafo dello slider: in bozza e' 32px w600, il testo arriva dal
   backend dentro un div senza classe */
.titolo-slider-caption > div {
    font-size: 32px;
    font-weight: 600;
    line-height: 42px;
    color: #FFFFFF;
}

/* ------------------------------------------------------------
   CATEGORIA MOBILE (bozza 386:5252, 428px)
   Su mobile la fascia verde non c'e': titolo, immagine e
   sottocategorie stanno sul bianco. Misure dalla bozza.
   ------------------------------------------------------------ */
@media (max-width: 767px) {
    .page-category .breadcrumb {
        padding: 20px 0 0;
        background: none;
    }

    /* In bozza l'intestazione e': titolo, immagine, sottocategorie,
       occhiello, descrizione. Le briciole non ci sono.
       Nel markup pero' titolo, briciole, sottocategorie e descrizione
       stanno tutti dentro la col-sm-7 e l'immagine e' la col-sm-5 che
       viene dopo: quindi la colonna diventa trasparente e i pezzi si
       ordinano uno a uno. */
    .page-category .breadcrumb > .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background: none;
        padding: 0 16px;
        box-shadow: none;
    }

    /* .container:before/:after sono display:table: in colonna
       diventerebbero due righe vuote in cima */
    .page-category .breadcrumb > .container:before,
    .page-category .breadcrumb > .container:after {
        display: none;
    }

    .page-category .breadcrumb > .container > div {
        float: none;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .page-category .breadcrumb .category-description {
        display: contents;
    }

    /* ordini negativi: vedi sopra, e' l'unico modo per tenere in coda
       gli elementi anonimi (i testi sciolti dentro la descrizione) */
    .page-category .breadcrumb .breadcrumb-heading    { -ms-flex-order: -3; order: -3; }
    .page-category .breadcrumb .image-category        { -ms-flex-order: -2; order: -2; }
    .page-category .breadcrumb .elenco-sottocategorie { -ms-flex-order: -1; order: -1; }

    /* in bozza mobile le briciole non ci sono */
    .page-category .breadcrumb .briciole {
        display: none;
    }

    .page-category .breadcrumb .breadcrumb-heading {
        margin: 0 0 18px;
        font-size: 24px;
        font-weight: 600;
        line-height: 30px;
    }

    /* immagine 394x152 raggio 20, sopra le sottocategorie.
       Il display serve perche' il tema 2018 la nasconde sotto i 768. */
    .page-category .breadcrumb .image-category {
        display: block;
        float: none;
        width: 100%;
        margin: 0 0 28px;
        padding: 0;
    }

    .page-category .breadcrumb .image-category img {
        aspect-ratio: 394 / 152;
        border-radius: 20px;
    }

    /* sottocategorie: due colonne, 14px, passo riga 29px */
    .page-category .breadcrumb .elenco-sottocategorie {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 25px;
        -moz-column-gap: 25px;
        column-gap: 25px;
        margin: 0 0 41px;
    }

    .page-category .breadcrumb .elenco-sottocategorie li a {
        padding: 5px 24px 5px 0;
        font-size: 14px;
        line-height: 18px;
    }

    .page-category .breadcrumb .elenco-sottocategorie li a:after {
        top: 5px;
        font-size: 16px;
        line-height: 18px;
    }

    /* descrizione */
    .page-category .breadcrumb .category-description h3 {
        font-size: 20px;
        font-weight: 500;
        line-height: 25px;
    }

    .page-category .breadcrumb .category-description p {
        font-size: 14px;
        font-weight: 300;
        line-height: 20px;
    }

    /* barra strumenti: conteggio e ordinamento a 12px */
    .page-category .barra-risultati,
    .page-category .barra-ordinamento label.control-label,
    .page-category .barra-ordinamento select.form-control {
        font-size: 12px;
        line-height: 15px;
    }

    .page-category .barra-strumenti {
        padding-bottom: 6px;
    }

    /* --- margini del contenuto ---
       #content ha padding-left 15 e padding-right 0, e i .row dentro
       portano i -15 di bootstrap: il contenuto arrivava a filo del
       bordo destro e il testo SEO sporgeva di 15px oltre lo schermo.
       In bozza il contenuto sta fra 16 e 412. */
    .page-category #content {
        padding-left: 16px;
        padding-right: 16px;
    }

    .page-category #content > .row,
    .page-category #mfilter-content-container > .row {
        margin-left: 0;
        margin-right: 0;
    }

    /* --- griglia prodotti ---
       In bozza sono due card da 189 per riga, con 17 di stacco fra le
       colonne e 16 fra le righe. Le celle arrivano dal Mega Filter come
       col-xs-12, cioe' una per riga; i selettori si appoggiano al
       contenitore e non alla classe, perche' quelle le riscrive il
       filtro via javascript (vedi .products-block piu' sopra). */
    .page-category #products .products-block {
        gap: 16px 17px;
    }

    .page-category #products .products-block > .product-layout {
        width: calc(50% - 8.5px);
        padding: 0;
    }

    .page-category #products .products-block .product-block {
        height: 100%;
        margin-bottom: 0;
    }

    /* --- barra strumenti in fondo ---
       in bozza sotto la griglia c'e' solo la paginazione: conteggio e
       ordinamento stanno una volta sola, in cima. */
    .page-category .barra-strumenti-sotto .barra-risultati,
    .page-category .barra-strumenti-sotto .barra-ordinamento {
        display: none;
    }

    .page-category .barra-strumenti-sotto:has(> .barra-paginazione:empty) {
        display: none;
    }

    /* il pannello dei filtri: in bozza 388:6407 e' una schermata
       intera bianca, non il riquadro da 238 del Mega Filter */
    .page-category .mfilter-free-container {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        top: 0 !important;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        max-height: none;
        margin-left: -100%;
        padding: 24px 24px 76px;
        border: 0;
        overflow: auto;
    }

    .page-category .mfilter-free-container.mfilter-free-container-opened {
        margin-left: 0 !important;
    }

    .page-category .mfilter-free-container .scroll-wrapper,
    .page-category .mfilter-free-container .mfilter-iscroll,
    .page-category .mfilter-free-container .mfilter-content-wrapper {
        max-height: none !important;
        height: auto !important;
        overflow: visible !important;
    }

    /* --- barra filtri ---
       vedi commento sopra: da quadratino arancione in alto a sinistra a
       barra bianca fissa in fondo */
    .page-category .mfilter-free-button {
        position: fixed;
        top: auto;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 100;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100% !important;
        height: 55px !important;
        margin: 0 !important;
        padding: 15px !important;
        border: 0 !important;
        border-top: 1px solid #DADADA !important;
        border-radius: 0 !important;
        background: #FFFFFF !important;
        box-shadow: 0 -2px 10px rgba(0, 0, 0, .08) !important;
        color: #000000;
        font-size: 20px;
        font-weight: 500;
        line-height: 25px;
    }

    /* icona tabler adjustments-alt (U+EC37); il tema 2018 qui ci mette
       un'icona FontAwesome in position:absolute, che va rimessa in linea */
    .page-category .mfilter-free-button:before {
        content: "\EC37";
        position: static;
        top: auto;
        left: auto;
        margin-right: 9px;
        font-family: 'tabler-icons';
        font-size: 24px;
        font-weight: normal;
        line-height: 1;
        color: #000000;
    }

    .page-category .mfilter-free-button:after {
        content: "Filtri";
    }

    /* il contatore dei filtri attivi, in fondo alla barra */
    .page-category .mfilter-free-button .mfilter-counter {
        margin-left: auto;
    }
}

/* ------------------------------------------------------------
   SCHEDA PRODOTTO MOBILE (bozza 388:7069, 428px)
   Cambiano solo alcune misure: nome, produttore, pastiglie,
   riga prezzo e raggio dell'immagine. Il resto resta uguale.
   ------------------------------------------------------------ */
/* Sotto i 426 il testo del bottone carrello a 24px non ci sta piu'
   accanto al selettore di quantita': la bozza e' disegnata a 428 e non
   prevede schermi piu' stretti. */
@media (max-width: 425px) {
    .page-product .btn.btn-cart {
        padding: 0 10px;
        font-size: 18px;
    }

    .page-product .btn.btn-cart i {
        font-size: 20px;
    }
}

/* stessa cosa fra 768 e 991: le due colonne restano affiancate ma la
   destra scende a 372, e il bottone a 24px non ci stava */
@media (min-width: 768px) and (max-width: 991px) {
    .page-product .btn.btn-cart {
        padding: 0 10px;
        font-size: 18px;
    }

    .page-product .btn.btn-cart i {
        font-size: 20px;
    }
}
@media (max-width: 767px) {
    .page-product .product-view h1.breadcrumb-heading {
        font-size: 26px;
        line-height: 33px;
    }

    .page-product .product-view h4 > span > a,
    .page-product .product-view h4:has(> span > a) {
        font-size: 14px;
        line-height: 18px;
    }

    /* immagine 378x250 con raggio 11 */
    .page-product .image-prodotto-offerta img,
    .page-product .image-prodotto-offerta .product-image-zoom {
        aspect-ratio: 378 / 250;
        border-radius: 11px;
    }

    /* pastiglie opzione: restano due per riga, testo a 12px */
    :is(.page-product, .page-account-voucher) .cont-radio .radio.inputGroup-alphlora {
        width: calc(50% - 8px);
        margin: 0 16px 9px 0;
    }

    :is(.page-product, .page-account-voucher) .cont-radio .inputGroup-alphlora input[type="radio"] + span {
        padding: 6px 10px;
        font-size: 12px;
        line-height: 15px;
    }

    :is(.page-product, .page-account-voucher) .cont-radio .inputGroup-alphlora span:after {
        margin-left: 6px;
        font-size: 16px;
    }

    /* riga prezzo: IVA e riferimento a 12px */
    .page-product .f-product-price .label-iva-inclusa,
    .page-product .f-product-price .prezzo-riferimento {
        font-size: 12px;
        line-height: 15px;
    }

    /* ----------------------------------------------------------
       Ordine dei blocchi
       In bozza (388:7069) l'ordine e': briciole+titolo, immagine,
       miniature, claim, infusione, opzioni+prezzo+carrello, garanzie.
       Sul sito le due colonne del desktop si impilano come stanno nel
       markup, percio' le garanzie (che sono nella colonna sinistra,
       sotto l'immagine) finivano prima del titolo, che sta a destra.
       I contenitori diventano trasparenti con display:contents e i
       blocchi veri si ordinano uno a uno.
       ---------------------------------------------------------- */
    .page-product #content > .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        /* i margini negativi del .row servivano a compensare il padding
           delle col, che ora sono trasparenti: il margine laterale lo da
           gia' #content */
        margin-left: 0;
        margin-right: 0;
    }

    .page-product #content > .row > .image-container,
    .page-product #content > .row > .image-container > .row,
    .page-product #content > .row > .col-xs-12:not(.image-container),
    .page-product #content > .row > .col-xs-12:not(.image-container) > .product-view {
        display: contents;
    }

    /* i <br> e i .clearfix reggono il layout a float del desktop: qui
       diventerebbero righe vuote in cima, perche' senza order valgono 0 */
    .page-product .product-view > br,
    .page-product .product-view > .clearfix {
        display: none;
    }

    /* .row:before/:after di bootstrap sono display:table: in colonna
       diventano due righe vuote in cima, perche' senza order valgono 0 */
    .page-product #content > .row:before,
    .page-product #content > .row:after {
        display: none;
    }

    /* Il filetto e il blocco prezzo+carrello sono fratelli di
       #product-option dentro .product-view, non figli suoi: senza un
       order anche loro finivano in cima alla pagina.
       Il div non ha ne' id ne' classe, quindi si identifica dal
       contenuto (la riga prezzo). */
    .page-product .product-view > .breadcrumbs     { -ms-flex-order: 1; order: 1; }
    .page-product .thumbnails.thumbs-image         { -ms-flex-order: 2; order: 2; }
    .page-product .thumbs-preview                  { -ms-flex-order: 3; order: 3; }
    .page-product .product-view > .lista-puntata   { -ms-flex-order: 4; order: 4; }
    .page-product .product-view > .scarica-catalogo { -ms-flex-order: 4; order: 4; }
    .page-product .product-view > .cont-facilities { -ms-flex-order: 5; order: 5; }
    .page-product #product-option                  { -ms-flex-order: 6; order: 6; }
    .page-product .product-view > hr               { -ms-flex-order: 7; order: 7; }
    .page-product .product-view > div:has(> .f-product-price) { -ms-flex-order: 8; order: 8; }
    .page-product .product-view > .testo-discount  { -ms-flex-order: 8; order: 8; }
    .page-product .icone-trasporto                 { -ms-flex-order: 9; order: 9; }
    .page-product .certificazioni-prodotto         { -ms-flex-order: 10; order: 10; }

    /* l'immagine sta in una col-sm-12 coi suoi 15 di padding: senza
       azzerarli partiva da 30 invece che dai 15 di tutto il resto */
    .page-product .thumbnails.thumbs-image,
    .page-product .thumbs-preview {
        padding-left: 0;
        padding-right: 0;
    }

    /* valutazione sotto il titolo: su una riga sola anche a 360 */
    .page-product .valutazione-prodotto {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        font-size: 13px;
        line-height: 18px;
        white-space: nowrap;
    }

    .page-product .valutazione-prodotto .recensione-stelle {
        margin-right: 8px;
        font-size: 15px;
        line-height: 18px;
    }

    .page-product .valutazione-prodotto .separatore {
        margin: 0 6px;
    }

    /* campi del form recensioni: misure mobile delle pagine interne */
    .page-product #tab-review .control-label {
        font-size: 16px;
        line-height: 22px;
    }

    .page-product #tab-review .form-control {
        height: 48px;
        font-size: 16px;
        line-height: 46px;
    }

    /* in bozza mobile le righe della tabella sono 38 col testo a 17,
       contro i 45 e i 20 del desktop */
    .page-product #tab-specification .table > tbody > tr > td {
        height: 38px;
        padding: 0 9px;
        font-size: 17px;
        line-height: 21px;
    }

    /* La descrizione: sul desktop la bozza ha la cornice (Rectangle 23,
       bordo #DADADA con angoli 20), su mobile no, il testo sta sul
       bianco. In bozza mobile parte 22 sotto alla pillola del titolo e
       sta fra 18 e 412, cioe' allineato al resto della pagina. */
    .page-product .riquadro-blocco-prodotto {
        margin-top: 22px;
        padding: 0;
        border: 0;
        border-radius: 0;
    }

    /* il primo titolo dentro la descrizione ha 19px di margine sopra:
       sommati ai 22 facevano 41 */
    .page-product .riquadro-blocco-prodotto > *:first-child {
        margin-top: 0;
    }

    /* miniature: in bozza mobile sono 74x74 con angoli 11 e 10 di
       stacco, contro i 138x138 con angoli 20 e 19 di stacco del desktop */
    .page-product .thumbs-preview {
        margin-top: 13px;
    }

    .page-product .thumbnails.image-hitem {
        margin-right: 10px;
    }

    .page-product .thumbnails.image-hitem img {
        width: 74px;
        height: 74px;
        border-radius: 11px;
    }

    /* Il bottone "Aggiungi al carrello" sta in una griglia, dove
       min-width vale auto: non potendo rimpicciolirsi sotto il proprio
       contenuto sfondava il bordo dello schermo invece di adattarsi. */
    .page-product .btn.btn-cart {
        min-width: 0;
    }

    /* Garanzie: sul desktop sono una scatola piena #F6F5EF con angoli
       20, in bozza mobile invece sono solo il contenuto fra due filetti
       (Line 5 e Line 6), su fondo bianco. */
    .page-product .icone-trasporto {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        margin: 24px 0 0;
        padding: 22px 8px 24px;
        border: 0;
        border-top: 1px solid #DADADA;
        border-bottom: 1px solid #DADADA;
        border-radius: 0;
        background: none;
    }

    .page-product .icone-trasporto .trasporto-spedizione {
        margin-bottom: 0;
        padding: 0 4px;
        font-size: 13px;
        line-height: 17px;
    }

    .page-product .icone-trasporto .trasporto-spedizione span {
        font-size: 11px;
        line-height: 15px;
    }

    .page-product .icona-trasporto:before,
    .page-product .icona-spedizione:before,
    .page-product .icona-pagamenti:before,
    .page-product .icona-garanzia:before {
        height: 32px;
        font-size: 32px;
        line-height: 32px;
    }
}


/* ============================================================
   TITOLO E BRICIOLE - CARRELLO E CASSA (bozze 26:3245 e 26:4148)
   Nelle due bozze l'intestazione e' la stessa della scheda
   prodotto: titolo 36/45 w700 e briciole 14/18 con caret pieno.
   Nel carrello il contenitore e' .breadcrumb (div), in cassa e'
   .breadcrumbs con dentro ul.breadcrumb: da qui i due selettori.
   ============================================================ */
.page-checkout-cart .maincols > .breadcrumb,
.page-checkout-checkout_one .breadcrumbs {
    margin: 0;
    padding: 0;
    border-radius: 0;
    background: none;
}

.page-checkout-cart .maincols > .breadcrumb .breadcrumb-heading,
.page-checkout-checkout_one .breadcrumbs .breadcrumb-heading {
    float: none;
    width: 100%;
    margin: 0 0 4px;
    padding: 0;
    font-size: 36px;
    font-weight: 700;
    line-height: 45px;
    color: #000000;
    text-transform: none;
}

.page-checkout-cart .maincols > .breadcrumb ul,
.page-checkout-checkout_one .breadcrumbs ul.breadcrumb {
    margin: 0;
    padding: 0;
    list-style: none;
    border-radius: 0;
    background: none;
}

.page-checkout-cart .maincols > .breadcrumb ul li,
.page-checkout-cart .maincols > .breadcrumb ul li a,
.page-checkout-checkout_one .breadcrumbs ul.breadcrumb li,
.page-checkout-checkout_one .breadcrumbs ul.breadcrumb li a {
    display: inline;
    /* il tema mette 5px di padding-right su li e su a: sommati fanno
       10px fra una voce e il caret, in bozza sono 3 */
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: #000000;
    text-decoration: none;
}

/* il separatore lo mette il template (caret pieno da 12px), non il
   "/" che Bootstrap aggiunge con .breadcrumb > li + li:before */
.page-checkout-checkout_one .breadcrumbs ul.breadcrumb > li + li:before {
    content: none;
    padding: 0;
}

.page-checkout-cart .maincols > .breadcrumb ul li .ti,
.page-checkout-checkout_one .breadcrumbs ul.breadcrumb li .ti {
    font-size: 12px;
    line-height: 12px;
    vertical-align: baseline;
    color: #000000;
}

/* In bozza il contenuto arriva ai bordi del container (240..1680 su
   canvas 1440): come per header e sezioni della home, il padding
   orizzontale del .container va azzerato, ma solo da 992px in su
   perche' sotto fa da gutter. Vedi la sezione HEADER ALPHLORA. */
@media (min-width: 992px) {
    .page-checkout-cart .maincols > .breadcrumb > .container,
    .page-checkout-cart .maincols > .container,
    .page-checkout-checkout_one .maincols > .container {
        padding-left: 0;
        padding-right: 0;
    }
}


/* ============================================================
   PAGINA CARRELLO (bozza 26:3245)
   Due colonne: card prodotti 947 e resoconto 459 su container
   1440, con 30 di corridoio. Le misure di testo, i raggi e le
   spaziature verticali si usano 1:1; le larghezze diventano
   percentuali del container del sito (1200).
   La card e' data dalle due meta' di .tab (raggio in alto) piu'
   .table-responsive-cst (fondo #FCFCFA e raggio in basso).
   ============================================================ */

/* --- le due colonne --- */
@media (min-width: 992px) {
    .page-checkout-cart #content > .col-sm-8 {
        width: 65.76%;   /* 947/1440 */
        padding-right: 0;
    }

    .page-checkout-cart .resoconto-container {
        width: 31.88%;   /* 459/1440 */
        margin-left: 2.36%;
    }
}

.page-checkout-cart .resoconto-container {
    padding: 0;
    font-size: inherit;
    line-height: inherit;
}

/* la colonna interna del resoconto non ha .no-padding: senza questo
   i totali rientrano di 15px rispetto al bordo della card.
   Solo da 992 in su: sotto quei 15px sono il gutter di pagina. */
@media (min-width: 992px) {
    .page-checkout-cart .resoconto-container > .col-sm-12 {
        padding-left: 0;
        padding-right: 0;
    }

    /* in bozza fra "Continua gli acquisti" e la prima riga di totale
       ci sono 15px */
    .page-checkout-cart .resoconto-container > .cont-continua-acquisti + .col-sm-12 {
        margin-top: 15px;
    }
}

/* --- le due linguette in cima alla card --- */
.page-checkout-cart .tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    border-radius: 20px 20px 0 0;
}

.page-checkout-cart .tab > div {
    float: none;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    width: 50%;
    height: 60px;
    padding: 15px;
    background: none;
    text-transform: none;
}

.page-checkout-cart .tab > div a {
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
    color: #000000;
    text-decoration: none;
}

/* linguetta della pagina corrente: stesso fondo della card */
.page-checkout-cart #tab-container,
.page-checkout-cart .btn-container {
    background: #FCFCFA;
}

/* linguetta "Acquista": in bozza e' #1D3828 al 20% sul fondo card,
   cioe' #D0D5D0. Prima era verde piena con testo bianco, da qui
   gli !important. */
.page-checkout-cart #tab-checkout,
.page-checkout-cart .btn-checkout {
    background: #D0D5D0 !important;
    border: none !important;
}

.page-checkout-cart #tab-checkout a {
    color: #000000 !important;
}

/* --- la card dei prodotti --- */
.page-checkout-cart .table-responsive-cst {
    padding: 30px 34px 36px;
    border-radius: 0 0 20px 20px;
    background: #FCFCFA;
}

/* in bozza le etichette di colonna sono ripetute dentro ogni riga,
   la riga di intestazione unica non c'e'.
   La classe .mio-container-prodotti serve per battere in specificita'
   il display:flex della riga prodotto piu' sotto. */
.page-checkout-cart .mio-container-prodotti.riga-intestazione-carrello {
    display: none;
}

.page-checkout-cart .mio-container-prodotti {
    /* .col-sm-12 e' float:left: senza float:none la card non
       conterrebbe le righe e resterebbe alta solo il padding */
    float: none;
    width: 100%;
    padding: 0 0 12px !important;
    margin-bottom: 24px;
    border-bottom: 1px solid #DADADA;
    background: none;
}

/* sotto i 992 la riga resta a blocco con le celle float: serve il
   clearfix (sopra i 992 e' flex e non serve) */
@media (max-width: 991px) {
    .page-checkout-cart .mio-container-prodotti:after {
        content: "";
        display: table;
        clear: both;
    }
}

.page-checkout-cart .mio-container-prodotti:last-child {
    padding-bottom: 0 !important;
    margin-bottom: 0;
    border-bottom: none;
}

/* Buoni regalo: la riga porta le stesse classi di colonna dei
   prodotti, quindi si incolonna con loro. Qui serve solo la
   testata del blocco. */
.page-checkout-cart .voucher-list {
    clear: both;
    margin: 34px 0 0;
}

.page-checkout-cart .voucher-list > label {
    display: block;
    margin: 0 0 18px;
    font-size: 20px;
    font-weight: 500;
    line-height: 25px;
    color: #1D3828;
}

.page-checkout-cart .cart-voucher-item .col-nome {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: #000000;
}



/* riga a cinque colonne con gli scarti della bozza: le x di partenza
   sono 276/429/626/818/1036 su una card larga 947 con 34 di padding,
   cioe' 879 utili */
@media (min-width: 992px) {
    .page-checkout-cart .mio-container-prodotti {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .page-checkout-cart .mio-container-prodotti > div {
        float: none;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        min-width: 0;
        padding: 0;
    }

    .page-checkout-cart .mio-container-prodotti > .col-immagine { width: 17.4%; }
    .page-checkout-cart .mio-container-prodotti > .col-nome     { width: 22.4%; }
    .page-checkout-cart .mio-container-prodotti > .col-quantita { width: 21.8%; }
    .page-checkout-cart .mio-container-prodotti > .col-prezzo   { width: 24.8%; }
    .page-checkout-cart .mio-container-prodotti > .col-totale   { width: 13.6%; }
}

/* etichetta di colonna: 14/18 w400, 11px di stacco dal valore.
   .testo-voci nel tema e' 12px w600. */
.page-checkout-cart .mio-container-prodotti .testo-voci {
    display: block;
    margin: 0 0 9px;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    color: #000000;
}

.page-checkout-cart .mio-container-prodotti .img-thumbnail {
    width: 63px;
    height: 63px;
    padding: 0;
    border: 1px solid #DADADA;
    border-radius: 5px;
    background: #FFFFFF;
    -o-object-fit: contain;
    object-fit: contain;
}

.page-checkout-cart .mio-container-prodotti .nome-prodotto {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    text-transform: none;
}

.page-checkout-cart .mio-container-prodotti .nome-prodotto > a {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: #BC5D35;
    text-decoration: none;
}

/* le opzioni (Formato, Peso) sono una lista di <small> separati da
   <br>: con display:block il <br> non serve piu' */
.page-checkout-cart .mio-container-prodotti .nome-prodotto br {
    display: none;
}

.page-checkout-cart .mio-container-prodotti .nome-prodotto small {
    display: block;
    margin-top: 3px;
    font-size: 12px;
    font-weight: 300;
    line-height: 15px;
    color: #000000;
}

.page-checkout-cart .mio-container-prodotti .nome-prodotto small + small {
    margin-top: 0;
}

/* --- quantita': casella 29x28 e due bottoni 28x28 --- */
.page-checkout-cart .col-quantita .input-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    max-width: none !important;
}

.page-checkout-cart .quantita-input {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 29px;
    height: 28px;
    padding: 0 3px;
    border: 1px solid #DADADA;
    border-radius: 5px !important;
    background: #FFFFFF;
    box-shadow: none;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    color: #000000;
    text-align: center;
}

.page-checkout-cart .col-quantita .input-group-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    margin-left: 7px;
}

.page-checkout-cart .col-quantita .input-group-btn .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    margin: 0;
    padding: 0 !important;
    border: none;
    border-radius: 5px !important;
}

/* il margine sta nella catena .input-group-btn .btn perche' quella
   regola azzera i margini e ha specificita' maggiore */
.page-checkout-cart .col-quantita .input-group-btn .btn-aggiorna {
    margin-right: 5px;
    border: 1px solid #1D3828;
    background: #1D3828;
}

.page-checkout-cart .col-quantita .input-group-btn .btn-danger {
    background: #CC0000;
}

.page-checkout-cart .col-quantita .input-group-btn .btn i {
    margin: 0;
    line-height: 1;
    color: #FFFFFF;
}

.page-checkout-cart .col-quantita .btn-aggiorna i { font-size: 16px; }
.page-checkout-cart .col-quantita .btn-danger i   { font-size: 20px; }

.page-checkout-cart .mio-container-prodotti .prezzo-totale {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    color: #000000;
}

/* --- fisarmoniche: coupon e buono regalo sotto la card, calcola la
   spedizione nella colonna destra. In bozza sono identiche: riga
   alta 45 con padding 10, testo 20/25 w700 e chevron a destra su
   un filetto nero. --- */
.page-checkout-cart .fisarmonica-carrello {
    padding: 0;
}

.page-checkout-cart #content > .col-sm-8 > .fisarmonica-carrello {
    /* i due blocchi hanno .margin-top-15, che nel tema e' !important */
    margin-top: 23px !important;
}

.page-checkout-cart .resoconto-container .fisarmonica-carrello {
    margin-top: 28px !important;
}

.page-checkout-cart .fisarmonica-carrello .panel {
    margin: 0 0 16px;
    border: none;
    border-radius: 0;
    box-shadow: none;
    background: none;
}

.page-checkout-cart .fisarmonica-carrello .panel:last-child {
    margin-bottom: 0;
}

.page-checkout-cart .fisarmonica-carrello .panel-heading {
    margin: 0;
    padding: 0;
    border: none;
    border-bottom: 1px solid #000000;
    border-radius: 0;
    background: none;
}

.page-checkout-cart .fisarmonica-carrello .panel-title {
    margin: 0;
}

.page-checkout-cart .fisarmonica-carrello .panel-title > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 38px;
    padding: 8px;
    font-size: 17px;
    font-weight: 700;
    line-height: 21px;
    color: #000000;
    text-transform: none;
    text-decoration: none;
}

/* la nota fra parentesi del coupon non e' in bozza: resta ma piccola
   e non deve alzare la riga */
.page-checkout-cart .fisarmonica-carrello .panel-title > a span {
    margin-left: 6px;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
}

.page-checkout-cart .fisarmonica-carrello .panel-title > a .fa {
    float: none;
    margin-left: auto;
    font-size: 24px;
    line-height: 24px;
}

/* in bozza e' la chevron Tabler, non la angle-down di FontAwesome */
.page-checkout-cart .fisarmonica-carrello .panel-title > a .fa:before {
    content: "\ea5f";
    font-family: "tabler-icons" !important;
    font-weight: 400;
}

.page-checkout-cart .fisarmonica-carrello .panel-body {
    padding: 15px 10px 0;
}

.page-checkout-cart .fisarmonica-carrello .panel-body .control-label {
    display: block;
    float: none;
    width: auto;
    margin: 0 0 8px;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: #000000;
    text-align: left;
}

.page-checkout-cart .fisarmonica-carrello .form-control {
    height: 45px;
    border: 1px solid #DADADA;
    border-radius: 10px 0 0 10px;
    background-color: #FFFFFF;
    box-shadow: none;
    font-size: 16px;
    font-weight: 400;
    color: #000000;
}

.page-checkout-cart .fisarmonica-carrello .input-group-btn .btn {
    height: 45px;
    padding: 0 20px;
    border: 1px solid #1D3828;
    border-radius: 0 10px 10px 0;
    background: #1D3828;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 500;
    text-transform: none;
}

.page-checkout-cart .fisarmonica-carrello select.form-control {
    border-radius: 10px;
}

/* --- resoconto: tre righe etichetta/valore alte 60 (15+30+15).
   font-size e line-height a zero sulla riga perche' fra <strong> e
   <span> il template lascia un ritorno a capo: come flex item quello
   spazio diventa una colonna alta quanto l'interlinea e la riga
   cresceva a 70. Le misure vere stanno sui due figli. --- */
.page-checkout-cart .resoconto-container .resoconto-prezzo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px 0;
    margin: 0 0 8px;
    border-bottom: 1px solid #DADADA;
    font-size: 0;
    line-height: 0;
    text-align: left !important;
}

.page-checkout-cart .resoconto-container .resoconto-prezzo strong {
    font-size: 20px;
    font-weight: 500;
    line-height: 25px;
    color: #000000;
}

/* lo <span> dell'importo porta anche lui la classe .resoconto-prezzo:
   va ripulito da bordo, padding e display della riga (da flex item
   che e' anche flex container l'allineamento passa alla baseline e
   la riga cresceva di 9px) */
.page-checkout-cart .resoconto-container .resoconto-prezzo span {
    display: block;
    margin: 0;
    padding: 0;
    border: none;
    font-size: 20px;
    font-weight: 300;
    line-height: 25px;
    color: #000000;
    text-align: right !important;
}

/* --- "Continua gli acquisti": una sopra il resoconto (allineata al
   bordo alto della card) e una sotto il bottone --- */
.page-checkout-cart .cont-continua-acquisti {
    padding: 0;
    margin-top: 28px;
}

.page-checkout-cart .resoconto-container > .cont-continua-acquisti {
    margin-top: 0;
}

.page-checkout-cart .btn-continua {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 38px;
    padding: 8px;
    border: none;
    border-radius: 0;
    background: none;
    font-size: 17px;
    font-weight: 500;
    line-height: 21px;
    color: #000000 !important;
    text-transform: none;
}

.page-checkout-cart .btn-continua i {
    margin-left: 8px;
    font-size: 20px;
    line-height: 20px;
}

/* --- "Vai alla cassa": 118 di altezza, raggio 15, testo 36/45 --- */
.page-checkout-cart .cont-acquista {
    padding: 0;
    margin-top: 76px;
}

.page-checkout-cart .btn-acquista {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 99px;
    padding: 0 17px;
    border: none;
    border-radius: 15px;
    background: #1D3828;
    color: #FFFFFF !important;
    font-size: 30px;
    font-weight: 500;
    line-height: 38px;
    text-transform: none;
}

.page-checkout-cart .btn-acquista i {
    margin-right: 8px;
    font-size: 34px;
    line-height: 34px;
}

/* La fascia rassicurazioni (riga del page builder, non e' nel
   template) sta anche in carrello. Lo stacco fino al suo filetto era
   146px: i 60 di .contenitore-carrello-cst piu' 61 di coda dentro
   #content piu' i 25 della riga builder. Togliendo i 60 si arriva a
   86, cioe' gli 8px in piu' dei 78 di bozza della cassa: i 61 di coda
   sono la differenza di altezza fra le due colonne e non si tolgono
   senza chiudere il float di #content. */
.page-checkout-cart .contenitore-carrello-cst {
    margin-bottom: 0;
}

/* --- Blocchi non presenti nella bozza: la fascia verde "spedizione
   gratis sopra i 35 EUR" e l'accordion dei campioncini. Markup e
   funzionalita' restano dove sono: per rimetterli in pagina basta
   togliere queste tre regole. --- */
.page-checkout-cart .ordini-superiori,
.page-checkout-cart .blocco-campioncini,
.page-checkout-cart #content > .col-sm-8 > br {
    display: none;
}

/* --- carrello sotto i 992: la bozza non ha una versione mobile.
   Le righe restano impilate come prima, con la grafica nuova. --- */
@media (max-width: 991px) {
    .page-checkout-cart .table-responsive-cst {
        padding: 20px 15px 24px;
    }

    .page-checkout-cart .tab > div {
        height: auto;
        padding: 12px 10px;
    }

    .page-checkout-cart .tab > div a {
        font-size: 18px;
        line-height: 24px;
    }

    .page-checkout-cart .mio-container-prodotti .testo-voci {
        margin-bottom: 4px;
    }

    .page-checkout-cart .mio-container-prodotti .col-prezzo,
    .page-checkout-cart .mio-container-prodotti .col-totale {
        margin-top: 10px;
    }

    /* i contenitori delle fisarmoniche hanno .no-padding: su schermo
       stretto la riga arriva al bordo e la chevron finisce fuori.
       La nota fra parentesi del coupon manda il titolo a capo, quindi
       la riga non puo' avere altezza fissa. */
    .page-checkout-cart .fisarmonica-carrello .panel-title > a {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: auto;
        min-height: 45px;
        padding: 10px 15px;
        font-size: 18px;
    }

    .page-checkout-cart .fisarmonica-carrello .panel-body {
        padding: 15px 15px 0;
    }

    .page-checkout-cart .btn-acquista {
        height: 76px;
        font-size: 24px;
        line-height: 30px;
    }

    .page-checkout-cart .btn-acquista i {
        font-size: 28px;
        line-height: 28px;
    }

    .page-checkout-cart .cont-acquista {
        margin-top: 30px;
    }

    .page-checkout-cart .resoconto-container .resoconto-prezzo strong,
    .page-checkout-cart .resoconto-container .resoconto-prezzo span {
        font-size: 18px;
        line-height: 24px;
    }
}


/* PAGINA CASSA (bozza 26:4148) */
@media (min-width: 992px) {
    .page-checkout-checkout_one .maincols > .container > .row {
        margin-left: 0;
        margin-right: 0;
    }

    .page-checkout-checkout_one #content > .row {
        margin-left: -15px;
        margin-right: -15px;
    }

    #content>.row{
      margin-left: -15px;
      margin-right: -15px;
    }

    .page-checkout-checkout_one .maincols > .container > .row > .col-md-12 {
        padding-left: 0;
        padding-right: 0;
    }
}

.page-checkout-checkout_one .accedi-registrati-cassa {
    padding: 0;
    /* margin: 49px 0 0; */
}

.page-checkout-checkout_one .accedi-registrati-cassa .well {
    margin: 0;
    padding: 20px;
    border: none;
    border-radius: 10px;
    box-shadow: none;
    background: #E9ECEA;
    font-size: 17px;
    font-weight: 400;
    line-height: 21px;
    color: #000000;
}

.page-checkout-checkout_one .accedi-registrati-cassa .well a {
    color: #BC5D35;
    text-decoration: underline;
}

.page-checkout-checkout_one .checkout_form {
    margin-top: 35px;
}

@media (min-width: 992px) {
    .page-checkout-checkout_one .checkout_form {
        margin-left: -15px;
        margin-right: -15px;
    }

    .page-checkout-checkout_one .checkout_form > .register_block {
        width: 48.82%;   
        padding: 0;
    }

    .page-checkout-checkout_one .checkout_form > .col-md-6 + .col-md-6 {
        width: 46.46%;   
        margin-left: 4.72%;
        padding: 0;
    }

    
    .page-checkout-checkout_one .register_block > .row,
    .page-checkout-checkout_one .rq-fattura,
    .page-checkout-checkout_one .register-form,
    .page-checkout-checkout_one #payment-address-new,
    .page-checkout-checkout_one #shipping-new:not([style*="none"]):not(.consegna-nascosta) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-left: 0;
        margin-right: 0;
    }

    .page-checkout-checkout_one .register_block > .row > *,
    .page-checkout-checkout_one .rq-fattura > *,
    .page-checkout-checkout_one .register-form > *,
    .page-checkout-checkout_one #payment-address-new > *,
    .page-checkout-checkout_one #shipping-new > * {
        float: none;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .page-checkout-checkout_one .register_block > .row > .col-md-6,
    .page-checkout-checkout_one .rq-fattura > .col-md-6,
    .page-checkout-checkout_one .register-form > .col-md-6,
    .page-checkout-checkout_one #payment-address-new > .col-md-6,
    .page-checkout-checkout_one #shipping-new > .col-md-6 {
        -ms-flex: 0 0 47.8%;
        flex: 0 0 47.8%;
        width: 47.8%;
    }

    /* se il flex non partisse (html vecchio in cache con lo style in
       riga) la larghezza al 47.8% lascerebbe i campi stretti e
       impilati: senza flex tornano a tutta riga, che e' leggibile */
    .page-checkout-checkout_one #shipping-new > .col-md-6 {
        width: auto;
    }

    /* uno style in riga batte il foglio: serve !important per vincere
       sul display:block che scrive il template vecchio. La guardia
       sul "none" lascia funzionare jQuery .hide() */
    .page-checkout-checkout_one #shipping-new:not([style*="none"]):not(.consegna-nascosta) {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    /* lo stato chiuso arriva dalla classe, non da uno style in riga:
       cosi' quando e' aperto il display lo decide la regola sopra */
    .page-checkout-checkout_one #shipping-new.consegna-nascosta {
        display: none;
    }
}

@media (max-width: 991px) {
    /* la consegna sta dentro .shipping-address, che non ha i margini
       negativi della .row: senza questi i suoi campi rientrano di 15
       rispetto a quelli della fatturazione */
    .page-checkout-checkout_one .shipping-address {
        margin-left: -15px;
        margin-right: -15px;
    }

    /* la tendina dell'indirizzo salvato non sta in una col: senza
       gronda restava 15 piu' larga degli altri campi */
    .page-checkout-checkout_one #shipping-existing {
        padding-left: 15px;
        padding-right: 15px;
    }

    /* e nemmeno i campi a tutta riga della consegna stanno in una col */
    .page-checkout-checkout_one #shipping-new > .form-group:not([class*="col-"]) {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.page-checkout-checkout_one .register_block h3,
.page-checkout-checkout_one .your_order h3 {
    margin: 0 0 39px;
    padding: 0;
    border-bottom: 1px solid #1D3828;
    font-size: 22px;
    font-weight: 400;
    line-height: 28px;
    color: #1D3828;
    text-transform: none;
}

.page-checkout-checkout_one .register_block h3 {
    margin-bottom: 42px;
}

.page-checkout-checkout_one .your_order > h3:first-of-type {
    margin-bottom: 23px;
}

.page-checkout-checkout_one h3:empty {
    display: none;
}

.page-checkout-checkout_one .shiptobilling {
    margin: 0;
}

.page-checkout-checkout_one .register_block .form-group,
.page-checkout-checkout_one .register_block .custom-field {
    margin: 0 0 23px;
    padding-top: 0;
    padding-bottom: 0;
}

.page-checkout-checkout_one .register_block .form-group .form-group {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}

.page-checkout-checkout_one .register_block .control-label,
.page-checkout-checkout_one .blocco-commento .control-label {
    display: block;
    float: none;
    width: auto;
    margin: 0 0 10px;
    padding: 0;
    font-size: 17px;
    font-weight: 400;
    line-height: 20px;
    color: #000000;
    text-align: left;
}

.page-checkout-checkout_one div.required .control-label::before {
    content: none;
}

.page-checkout-checkout_one div.required .control-label::after {
    content: "*";
    color: #CC0000;
    font-weight: 400;
}

.page-checkout-checkout_one .register_block .form-control {
    height: 60px;
    padding: 0 18px;
    border: 1px solid #DADADA;
    border-radius: 10px;
    background: #FFFFFF;
    box-shadow: none;
    font-size: 17px;
    font-weight: 400;
    line-height: 59px;
    color: #000000;
}

.page-checkout-checkout_one .register_block select.form-control {
    padding-right: 44px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 18px center;
}

.page-checkout-checkout_one .register_block .form-control::-webkit-input-placeholder { color: #999999; }
.page-checkout-checkout_one .register_block .form-control::-moz-placeholder          { color: #999999; opacity: 1; }
.page-checkout-checkout_one .register_block .form-control:-ms-input-placeholder      { color: #999999; }
.page-checkout-checkout_one .blocco-commento .form-control::-webkit-input-placeholder { color: #999999; }
.page-checkout-checkout_one .blocco-commento .form-control::-moz-placeholder          { color: #999999; opacity: 1; }
.page-checkout-checkout_one .blocco-commento .form-control:-ms-input-placeholder      { color: #999999; }

.page-checkout-checkout_one .register_block input[type="checkbox"],
.page-checkout-checkout_one .testo-condizioni input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: static;
    width: 20px;
    height: 20px;
    margin: -2px 0 0;
    padding: 0;
    border: 2px solid #000000;
    border-radius: 4px;
    background: #FFFFFF;
    vertical-align: middle;
    cursor: pointer;
}

.page-checkout-checkout_one .register_block input[type="checkbox"]:checked:before,
.page-checkout-checkout_one .testo-condizioni input[type="checkbox"]:checked:before {
    content: "\ea5e";
    font-family: "tabler-icons" !important;
    display: block;
    font-size: 15px;
    line-height: 17px;
    text-align: center;
    color: #1D3828;
}

.page-checkout-checkout_one .register_block .form-group > label:not(.control-label) {
    display: block;
    margin: 0;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: #000000;
}

.page-checkout-checkout_one .register_block .label-register-checkbox {
    margin: 8px 0 0;
}

.page-checkout-checkout_one .register_block > .row > .form-group:not([class*="col-md"]) {
    margin-bottom: 31px;
}

.page-checkout-checkout_one .payment-method > p:not(.descrizione-pagamento) {
    margin: 0 0 22px;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    color: #000000;
}

.page-checkout-checkout_one .payment-method {
    margin-bottom: 49px;
}

.page-checkout-checkout_one .riga-pagamento {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    padding: 15px 0;
    border-bottom: 1px solid #DADADA;
}

.page-checkout-checkout_one .riga-pagamento label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    padding: 0;
    font-size: 17px;
    font-weight: 500;
    line-height: 21px;
    color: #000000;
}

.page-checkout-checkout_one .riga-pagamento input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: static;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    margin: 0 10px 0 0;
    border: 1px solid #000000;
    border-radius: 50%;
    background: #FFFFFF;
    cursor: pointer;
}

.page-checkout-checkout_one .riga-pagamento input[type="radio"]:checked {
    border-width: 6px;
    border-color: #1D3828;
}

.page-checkout-checkout_one .logo-pagamento {
    margin-left: auto;
    width: auto;
    max-height: 36px;
}

.page-checkout-checkout_one .logo-pagamento-icona {
    margin-left: auto;
    font-size: 22px;
    line-height: 22px;
    color: #000000;
}

.page-checkout-checkout_one .descrizione-pagamento {
    margin: 8px 0 23px;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    color: #000000;
}

.page-checkout-checkout_one #cart_table,
.page-checkout-checkout_one #cart_table > .col-sm-12,
.page-checkout-checkout_one .riga-prodotti-cassa,
.page-checkout-checkout_one .prezzo-totale-cassa {
    float: none;
    width: 100%;
}

.page-checkout-checkout_one #cart_table {
    padding: 0 !important;
}

.page-checkout-checkout_one #cart_table > .col-sm-12 {
    padding-left: 0;
    padding-right: 0;
}

.page-checkout-checkout_one #cart_table > .col-sm-12:not(.padding-bottom-15) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.page-checkout-checkout_one #cart_table > .padding-bottom-15 {
    padding-bottom: 11px !important;
}

.page-checkout-checkout_one #cart_table .testo-voci {
    border: none;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    color: #000000;
}

.page-checkout-checkout_one .riga-prodotti-cassa {
    padding-bottom: 0;
    border-bottom: none;
}

.page-checkout-checkout_one .riga-prodotti-cassa + .riga-prodotti-cassa {
    margin-top: 11px;
}

.page-checkout-checkout_one .riga-prodotti-cassa .nome-prodotto {
    margin: 0;
    font-size: 0;
    line-height: 0;
    text-transform: none;
}

.page-checkout-checkout_one .riga-prodotti-cassa .nome-prodotto > a {
    display: block;
    font-size: 13px;
    font-weight: 400;
    line-height: 17px;
    color: #BC5D35;
    text-decoration: none;
}

/* il buono regalo non e' un link: il contenitore ha font-size 0 (serve
   a togliere gli spazi fra le righe), quindi il testo nudo sparirebbe */
.page-checkout-checkout_one .riga-prodotti-cassa .nome-prodotto > .nome-buono {
    display: block;
    font-size: 13px;
    font-weight: 400;
    line-height: 17px;
    color: #000000;
}

.page-checkout-checkout_one .riga-prodotti-cassa .nome-prodotto br {
    display: none;
}

.page-checkout-checkout_one .riga-prodotti-cassa .nome-prodotto small {
    display: block;
    margin-top: 3px;
    font-size: 12px;
    font-weight: 300;
    line-height: 13px;
    color: #000000;
}

.page-checkout-checkout_one .riga-prodotti-cassa .prezzo-totale {
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    line-height: 17px;
    color: #000000;
}

@media (min-width: 992px) {
    .page-checkout-checkout_one #cart_table > .padding-bottom-15,
    .page-checkout-checkout_one .riga-prodotti-cassa {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .page-checkout-checkout_one #cart_table > .padding-bottom-15 > div,
    .page-checkout-checkout_one .riga-prodotti-cassa > div {
        float: none;
        min-width: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .page-checkout-checkout_one #cart_table > .padding-bottom-15 > div:nth-child(1),
    .page-checkout-checkout_one .riga-prodotti-cassa > div:nth-child(1) {
        -ms-flex: 0 0 49.9%;
        flex: 0 0 49.9%;
        width: 49.9%;
    }

    .page-checkout-checkout_one #cart_table > .padding-bottom-15 > div:nth-child(2),
    .page-checkout-checkout_one .riga-prodotti-cassa > div:nth-child(2) {
        -ms-flex: 0 0 40.8%;
        flex: 0 0 40.8%;
        width: 40.8%;
    }

    .page-checkout-checkout_one #cart_table > .padding-bottom-15 > div:nth-child(3),
    .page-checkout-checkout_one .riga-prodotti-cassa > div:nth-child(3) {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: auto;
        text-align: right !important;
    }
}

.page-checkout-checkout_one .prezzo-totale-cassa {
    padding: 0 !important;
    margin-top: 57px;
    border: none;
    font-size: inherit;
}

.page-checkout-checkout_one .riga-totale-cassa {
    margin-bottom: 8px;
    border-bottom: 1px solid rgba(0, 0, 0, .5);
    text-align: right;
}

.page-checkout-checkout_one .riga-totale-cassa:last-child {
    margin-bottom: 0;
}

.page-checkout-checkout_one .riga-totale-cassa .etichetta-totale {
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    color: #000000;
}

.page-checkout-checkout_one .riga-totale-cassa .importo-totale {
    display: block;
    margin-top: 3px;
    padding-bottom: 10px;
    font-size: 13px;
    font-weight: 600;
    line-height: 17px;
    color: #000000;
}

.page-checkout-checkout_one .riga-totale-cassa-finale .etichetta-totale,
.page-checkout-checkout_one .riga-totale-cassa-finale .importo-totale {
    font-size: 27px;
    line-height: 34px;
}

.page-checkout-checkout_one .blocco-commento {
    margin-top: 55px;
}

.page-checkout-checkout_one .blocco-commento textarea.form-control {
    height: 92px;
    padding: 24px 18px;
    border: 1px solid #DADADA;
    border-radius: 10px;
    background: #FFFFFF;
    box-shadow: none;
    font-size: 17px;
    font-weight: 400;
    line-height: 21px;
    color: #000000;
    resize: vertical;
}

/* Istruzioni bonifico sotto i commenti, stesso box grigio dell'avviso login.
   Sospese per ora insieme al blocco nel tpl.
.page-checkout-checkout_one .istruzioni-bonifico {
    margin: 31px 0 0;
    padding: 20px;
    border-radius: 10px;
    background: #E9ECEA;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    color: #000000;
}
*/

.page-checkout-checkout_one .testo-condizioni {
    margin: 31px 0 0;
    padding: 0;
}

.page-checkout-checkout_one .testo-condizioni label {
    display: block;
    margin: 0;
    font-size: 17px;
    font-weight: 500;
    line-height: 20px;
    color: #000000;
}

.page-checkout-checkout_one .testo-condizioni a,
.page-checkout-checkout_one .testo-condizioni a b {
    color: #BC5D35;
    font-weight: 500;
    text-decoration: underline;
}

.page-checkout-checkout_one .payment {
    margin-top: 24px;
}

.page-checkout-checkout_one .btn-acquista {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 99px;
    margin: 0;
    padding: 0 20px;
    border: none;
    border-radius: 15px;
    background: #1D3828;
    color: #FFFFFF !important;
    font-size: 30px;
    font-weight: 500;
    line-height: 38px;
    text-transform: none;
}

.page-checkout-checkout_one .btn-acquista i {
    margin-right: 10px;
    font-size: 34px;
    line-height: 34px;
}

.page-checkout-checkout_one .your_order > .buttons:not(.testo-condizioni) {
    display: none;
}

.page-checkout-checkout_one .maincols {
    padding-bottom: 0;
}

/* Stacco dal prefooter sul contenitore e non sul bottone: alla conferma
   .payment viene sostituito dall'output del modulo e nascosto, il bottone
   sparisce e il blocco finiva attaccato al prefooter. */
.page-checkout-checkout_one .checkout_form {
    margin-bottom: 60px;
}

@media (max-width: 991px) {
    .page-checkout-checkout_one .register_block h3,
    .page-checkout-checkout_one .your_order h3 {
        margin-bottom: 24px;
        font-size: 22px;
        line-height: 28px;
    }

    .page-checkout-checkout_one .checkout_form > .col-md-6 + .col-md-6 {
        margin-top: 40px;
    }

    .page-checkout-checkout_one .register_block .control-label,
    .page-checkout-checkout_one .blocco-commento .control-label {
        margin-bottom: 6px;
        font-size: 16px;
        line-height: 20px;
    }

    .page-checkout-checkout_one .register_block .form-control {
        height: 54px;
        font-size: 16px;
        line-height: 52px;
    }

    .page-checkout-checkout_one .register_block .form-group > label:not(.control-label),
    .page-checkout-checkout_one .register_block .label-register-checkbox label,
    .page-checkout-checkout_one .riga-pagamento label,
    .page-checkout-checkout_one .testo-condizioni label {
        font-size: 16px;
        line-height: 22px;
    }

    .page-checkout-checkout_one .riga-totale-cassa-finale .etichetta-totale,
    .page-checkout-checkout_one .riga-totale-cassa-finale .importo-totale {
        font-size: 24px;
        line-height: 30px;
    }

    .page-checkout-checkout_one .btn-acquista {
        height: 76px;
        font-size: 24px;
        line-height: 30px;
    }

    .page-checkout-checkout_one .btn-acquista i {
        font-size: 28px;
        line-height: 28px;
    }
}

/* ============================================================
   PAGINE INTERNE (ricerca, offerte, confronta, account, informative,
   contatti, mappa del sito, errori, conferma ordine)
   Figma non ha bozze per queste pagine: qui non si inventa niente, si
   riusano i componenti gia' disegnati altrove, cosi' restano coerenti
   con le cinque pagine che la bozza copre.
     - intestazione  = carrello/cassa (36/45 w700 nero, niente fascia)
     - campi         = cassa, un gradino piu' bassi (54 invece di 72,
                       che su un form da due campi era fuori scala),
                       stessi raggio, bordo e colori
     - pannelli      = Card Blog di Figma (bianco, bordo #E1DBC8, r20)
     - titoli blocco = h3 della cassa (26/33 w400 #1D3828 col filetto)
     - bottoni       = btn-default di Figma (#1D3828, r50, 18px w300)
     - select barra  = quelle della pagina categoria (36 alti, r8)
   La classe .pagina-interna la aggiunge getLayoutId() in
   system/pavothemes/framework.php a ogni rotta che non ha bozza,
   cosi' vale anche per le pagine che verranno aggiunte in futuro.
   Tutto quello che riguarda i campi e' agganciato a #content: header,
   colonna filtri e newsletter del footer usano le stesse classi e non
   vanno toccati.
   ============================================================ */

/* ------------------------------------------------------------
   Intestazione di pagina
   ------------------------------------------------------------ */
.pagina-interna .maincols > .breadcrumb {
    margin: 0 0 30px;
    padding: 48px 0 0;
    border-radius: 0;
    background: none;
}

/* alcuni template stampano il titolo prima delle briciole, altri
   dopo: il flex con order li rimette nello stesso ordine dappertutto */
.pagina-interna .maincols > .breadcrumb > .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.pagina-interna .maincols > .breadcrumb .breadcrumb-heading {
    -ms-flex-order: 1;
    order: 1;
    float: none;
    width: 100%;
    margin: 0 0 4px;
    padding: 0;
    font-size: 36px;
    font-weight: 700;
    line-height: 45px;
    color: #000000;
    text-transform: none;
}

.pagina-interna .maincols > .breadcrumb ul {
    -ms-flex-order: 2;
    order: 2;
    margin: 0;
    padding: 0;
    list-style: none;
    border-radius: 0;
    background: none;
}

.pagina-interna .maincols > .breadcrumb ul li,
.pagina-interna .maincols > .breadcrumb ul li a {
    display: inline;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: #000000;
    text-decoration: none;
}

/* Questi template stampano il separatore anche dopo l'ultima voce.
   Il testo sta nel <li>, subito dopo la </a>: azzerando il font sul
   li e rimettendolo sull'a si nasconde senza toccare quattordici
   template diversi. */
.pagina-interna .maincols > .breadcrumb ul li:last-child {
    font-size: 0;
}

.pagina-interna .maincols > .breadcrumb ul li:last-child a {
    font-size: 14px;
}

/* Allineamento al bordo del container come nelle altre pagine: il
   padding del .container, i -15px della .row e il padding di #content
   si annullano fra loro solo se li si azzera tutti e tre. */
@media (min-width: 992px) {
    .pagina-interna .maincols > .breadcrumb > .container,
    .pagina-interna .maincols > .container {
        padding-left: 0;
        padding-right: 0;
    }

    .pagina-interna .maincols > .container > .row {
        margin-left: 0;
        margin-right: 0;
    }

    /* solo quando #content e' a tutta larghezza: se c'e' una colonna
       laterale quel padding e' il corridoio fra le due */
    .pagina-interna #content.col-sm-12 {
        padding-left: 0;
        padding-right: 0;
    }
}

/* ------------------------------------------------------------
   Titoli dentro la pagina
   ------------------------------------------------------------ */
.pagina-interna #content h1,
.pagina-interna #content h2,
.pagina-interna #content h3,
.pagina-interna aside h3,
.pagina-interna #content .well h2 {
    /* clear e margine sopra: questi template mettono i titoli dopo
       blocchi con colonne float (il form di ricerca, i bottoni), e
       senza clear il titolo si sovrapponeva al blocco precedente */
    clear: both;
    margin: 34px 0 23px;
    padding: 0;
    border-bottom: 1px solid #1D3828;
    font-size: 26px;
    font-weight: 400;
    line-height: 33px;
    color: #1D3828;
    text-transform: none;
}

.pagina-interna #content h1:first-child,
.pagina-interna #content h2:first-child,
.pagina-interna #content h3:first-child,
.pagina-interna aside h3:first-child,
.pagina-interna #content .well h2:first-child {
    margin-top: 0;
}

/* Quando il titolo e' un .panel-title (modulo di contatto) il tema
   aggiunge sotto il .panel-heading una barretta 30x3 verde e centra
   il testo: il filetto a tutta larghezza lo mette gia' la regola qui
   sopra, e i titoli di sezione sono allineati a sinistra come in
   cassa. */
.pagina-interna #content .panel-heading {
    padding: 0;
    border: none;
    background: none;
}

.pagina-interna #content .panel-default > .panel-heading:before {
    display: none;
}

.pagina-interna #content .panel-title {
    text-align: left;
}

.pagina-interna #content .panel {
    border: none;
    border-radius: 0;
    box-shadow: none;
    background: none;
}

/* i titoli vuoti che qualche template stampa comunque */
.pagina-interna #content h1:empty,
.pagina-interna #content h2:empty,
.pagina-interna #content h3:empty {
    display: none;
}

/* Sedici di questi template ristampano dentro #content lo stesso h1
   che sta gia' nell'intestazione: il titolo si leggeva due volte, e
   sulle pagine con poco contenuto (lista dei desideri vuota) restava
   un filetto scuro a tutta larghezza con niente sopra.
   Le uniche tre eccezioni sono registrazione (text_register) e la
   rubrica indirizzi (text_address_book / text_edit_address), dove
   l'h1 nel contenuto e' un testo diverso e serve: si rimette. */
.pagina-interna #content > h1 {
    display: none;
}

.pagina-interna.page-account-register #content > h1,
.pagina-interna[class*="page-account-address"] #content > h1 {
    display: block;
}

/* ------------------------------------------------------------
   Pannelli: il riquadro di riferimento e' la Card Blog di Figma
   ------------------------------------------------------------ */
.pagina-interna #content .well {
    margin-bottom: 30px;
    padding: 30px;
    border: 1px solid #E1DBC8;
    border-radius: 20px;
    box-shadow: none;
    background: #FFFFFF;
}

.pagina-interna #content .well p {
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    color: #101010;
}

/* ------------------------------------------------------------
   Campi: stessa famiglia della cassa
   ------------------------------------------------------------ */
.pagina-interna #content .form-group {
    margin-bottom: 20px;
}

.pagina-interna #content .control-label,
.pagina-interna #content .form-group > label {
    display: block;
    float: none;
    width: auto;
    margin: 0 0 8px;
    padding: 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    color: #000000;
    text-align: left;
}

/* asterisco dopo l'etichetta e in #CC0000, come in cassa */
.pagina-interna #content div.required .control-label::before {
    content: none;
}

.pagina-interna #content div.required .control-label::after {
    content: "*";
    color: #CC0000;
    font-weight: 400;
}

/* La P.Iva della registrazione non ha la classe .required: l'asterisco
   glielo mette una regola su #custom-field1, che per specificita' va
   battuta con gli id nel selettore. */
.pagina-interna #content #custom-field1 label::before,
.page-checkout-checkout_one #custom-field1 label::before {
    content: none;
}

.pagina-interna #content #custom-field1 label::after,
.page-checkout-checkout_one #custom-field1 label::after {
    content: "*";
    color: #CC0000;
    font-weight: 400;
}

/* .form-horizontal porta i -15px del gutter su ogni .form-group:
   etichette e campi partivano 15px a sinistra del titolo */
.pagina-interna #content .form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0;
}

/* .form-horizontal mette l'etichetta su col-sm-2 e il campo su
   col-sm-10: con l'etichetta portata a blocco sopra il campo, quel
   10/12 lasciava gli input larghi l'83% invece che tutta la riga */
/* valeva solo per col-sm-10 e col-sm-12: il campo data del modulo reso
   e' col-sm-3 e restava rientrato di 15 da ogni lato */
.pagina-interna #content .form-horizontal .form-group > [class*="col-sm-"]:not(label) {
    float: none;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.pagina-interna #content .form-horizontal .form-group > .col-sm-12 {
    margin-bottom: 10px;
}

/* Titoli dei gruppi di campi (Dettagli Referente, Informazione
   Azienda, La Tua Password...): stesso trattamento dei titoli blocco */
.pagina-interna #content legend {
    clear: both;
    width: 100%;
    margin: 34px 0 23px;
    padding: 0;
    border: none;
    border-bottom: 1px solid #1D3828;
    font-size: 26px;
    font-weight: 400;
    line-height: 33px;
    color: #1D3828;
}

.pagina-interna #content fieldset:first-of-type legend {
    margin-top: 0;
}

.pagina-interna aside .form-control,
.pagina-interna #content .form-control {
    height: 54px;
    padding: 0 18px;
    border: 1px solid #DADADA;
    border-radius: 10px;
    background: #FFFFFF;
    box-shadow: none;
    font-size: 18px;
    font-weight: 400;
    line-height: 52px;
    color: #000000;
}

.pagina-interna #content textarea.form-control {
    height: auto;
    min-height: 110px;
    padding: 16px 18px;
    line-height: 25px;
}

.pagina-interna #content select.form-control {
    padding-right: 44px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 18px center;
}

.pagina-interna #content .form-control::-webkit-input-placeholder,
.pagina-interna aside .form-control::-webkit-input-placeholder { color: #999999; }
.pagina-interna #content .form-control::-moz-placeholder,
.pagina-interna aside .form-control::-moz-placeholder          { color: #999999; opacity: 1; }
.pagina-interna #content .form-control:-ms-input-placeholder,
.pagina-interna aside .form-control:-ms-input-placeholder      { color: #999999; }

/* spunte e radio: stesso disegno della cassa */
.pagina-interna #content input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: static;
    width: 22px;
    height: 22px;
    margin: -2px 6px 0 0;
    padding: 0;
    border: 2px solid #000000;
    border-radius: 4px;
    background: #FFFFFF;
    vertical-align: middle;
    cursor: pointer;
}

.pagina-interna #content input[type="checkbox"]:checked:before {
    content: "\ea5e";
    font-family: "tabler-icons" !important;
    display: block;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    color: #1D3828;
}

.pagina-interna #content .radio label,
.pagina-interna #content .checkbox label {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    color: #000000;
}

.pagina-interna #content input[type="radio"],
.page-checkout-cart .modal input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: static;
    width: 22px;
    height: 22px;
    margin: -2px 10px 0 0;
    border: 1px solid #000000;
    border-radius: 50%;
    background: #FFFFFF;
    vertical-align: middle;
    cursor: pointer;
}

.pagina-interna #content input[type="radio"]:checked,
.page-checkout-cart .modal input[type="radio"]:checked {
    border-width: 6px;
    border-color: #1D3828;
}

/* ------------------------------------------------------------
   Bottoni: btn-default della bozza
   ------------------------------------------------------------ */
.pagina-interna #content .btn-primary,
.pagina-interna aside .btn-primary,
.pagina-interna #content input[type="submit"].btn {
    padding: 10px 21px;
    border: none;
    border-radius: 50px;
    background: #1D3828;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 300;
    line-height: 19px;
    text-transform: none;
}

.pagina-interna #content .btn-primary:hover,
.pagina-interna #content .btn-primary:focus,
.pagina-interna aside .btn-primary:hover,
.pagina-interna #content input[type="submit"].btn:hover {
    background: #142619;
    color: #FFFFFF;
}

/* azione secondaria: btn-secondary della bozza */
.pagina-interna #content .btn-default,
.pagina-interna #content .btn-info {
    padding: 10px 21px;
    border: none;
    border-radius: 50px;
    background: #BC5D35;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 300;
    line-height: 19px;
    text-transform: none;
}

.pagina-interna #content .btn-default:hover,
.pagina-interna #content .btn-info:hover {
    background: #A34E2C;
    color: #FFFFFF;
}

/* azione distruttiva: prima non aveva nessuna regola e usciva il
   quadrato rosso di bootstrap. Stesso rosso del cestino in carrello. */
.pagina-interna #content .btn-danger {
    padding: 10px 21px;
    border: none;
    border-radius: 50px;
    background: #CC0000;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 300;
    line-height: 19px;
    text-transform: none;
}

.pagina-interna #content .btn-danger:hover,
.pagina-interna #content .btn-danger:focus {
    background: #A30000;
    color: #FFFFFF;
}

/* dentro alle tabelle i bottoni sono azioni di riga: taglia ridotta,
   e quelli di sola icona vengono tondi */
.pagina-interna #content table .btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 0 14px;
    font-size: 14px;
    line-height: 36px;
    vertical-align: middle;
}

.pagina-interna #content table .btn > i {
    margin: 0;
    font-size: 15px;
    line-height: 1;
}

.pagina-interna #content table .btn + .btn {
    margin-left: 6px;
}

/* quelli di sola icona diventano quadrati come il cestino, cosi' due
   azioni nella stessa riga hanno la stessa forma */
.pagina-interna #content table .btn:has(> i) {
    width: 34px;
    min-width: 34px;
    height: 34px;
    padding: 0;
    border-radius: 5px;
}

/* la riga dei bottoni in fondo ai form */
.pagina-interna #content .buttons {
    margin-top: 24px;
}

/* ------------------------------------------------------------
   Buoni regalo acquistati, in dashboard
   Il markup non sta in nessun template: lo inietta a runtime
   vqmod/xml/buoni_regalo.xml dentro account/account.tpl.
   ------------------------------------------------------------ */
/* il vqmod mette il blocco fuori da #content, dopo la chiusura del
   container: la fascia della pagina va rimessa qui */
.pagina-interna [class*="col-"]:has(> .voucher-list-account) {
    float: none;
    width: auto;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}
.pagina-interna .voucher-list-account {
    margin: 34px 0 0;
    padding: 23px;
    border: 1px solid #DADADA;
    border-radius: 20px;
    background: #FFFFFF;
}

.pagina-interna .voucher-list-account h2 {
    margin: 0 0 18px;
    padding: 0;
    font-size: 20px;
    font-weight: 500;
    line-height: 25px;
    color: #1D3828;
}

.pagina-interna .cart-voucher-item-account {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 0;
    border-bottom: 1px solid #DADADA;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    color: #000000;
}

.pagina-interna .cart-voucher-item-account:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.pagina-interna .cart-voucher-item-account > div:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    gap: 8px;
}

.pagina-interna .cart-voucher-item-account .btn {
    padding: 7px 18px;
    border: none;
    border-radius: 50px;
    background: #1D3828;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 300;
    line-height: 19px;
    text-transform: none;
    white-space: nowrap;
}

.pagina-interna .cart-voucher-item-account .btn:hover,
.pagina-interna .cart-voucher-item-account .btn:focus {
    background: #142619;
    color: #FFFFFF;
}

@media (max-width: 767px) {
    .pagina-interna .cart-voucher-item-account {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 10px;
    }

}

/* ------------------------------------------------------------
   Buono regalo
   Le pastiglie degli importi sono lo stesso componente delle
   opzioni prodotto (vedi .cont-radio piu' sopra). Qui restano
   il campo dell'importo libero, la spunta e la riga finale.
   ------------------------------------------------------------ */
.page-account-voucher .monti-buoni {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0 10px;
}

.page-account-voucher .monti-buoni > .col-sm-2:last-of-type {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    min-width: 160px;
    padding: 0;
}

/* gli importi sono pastiglie strette, non le due colonne delle
   opzioni prodotto */
.page-account-voucher .monti-buoni > .radio.inputGroup-alphlora {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    margin: 0 0 9px;
}

.page-account-voucher .monti-buoni .inputGroup-alphlora input[type="radio"] + span {
    min-width: 86px;
    text-align: center;
}

.page-account-voucher .monti-buoni .inputGroup-alphlora span:after {
    content: none;
}

.page-account-voucher #content .buttons .pull-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 12px;
    font-size: 16px;
    line-height: 22px;
}

.page-account-voucher #content .buttons input[type="checkbox"] {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    width: 20px;
    height: 20px;
    margin: 0;
}

/* il menu account riusa il pannello della categoria, dove la prima voce
   e' la categoria madre e sta in grande: qui invece fa solo da titolo.
   Vale ovunque compaia il menu, anche dove la pagina si chiama
   page-category come l'area B2B */
#column-left .tree-menu > .box-category.menu-account > li:first-child > a {
    font-size: 15px;
    font-weight: 400;
}

/* ------------------------------------------------------------
   Esporta catalogo (B2B)
   I due elenchi a selezione multipla avevano 200x200 fissi e il
   link alla dashboard nessuna regola: qui prendono il vestito
   delle altre pagine interne.
   ------------------------------------------------------------ */
.page-cart2pdf-cart2pdf #content select[multiple] {
    width: 100%;
    height: 220px;
    padding: 10px 14px;
    border: 1px solid #DADADA;
    border-radius: 10px;
    background: #FFFFFF;
    box-shadow: none;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #000000;
}

.page-cart2pdf-cart2pdf #content input[type="radio"] {
    width: 18px;
    height: 18px;
    margin: 0 8px 0 0;
    vertical-align: middle;
}

.page-cart2pdf-cart2pdf #content input[type="radio"] + * {
    margin-right: 24px;
}

.page-cart2pdf-cart2pdf #content .button-setting {
    display: inline-block;
    padding: 12px 25px;
    border-radius: 50px;
    background: #BC5D35;
    color: #FFFFFF;
    text-decoration: none;
}

.page-cart2pdf-cart2pdf #content .button-setting:hover {
    background: #A34E2C;
}

.page-cart2pdf-cart2pdf #content .button-setting .gestisci-container {
    margin: 0;
    font-size: 18px;
    font-weight: 300;
    line-height: 23px;
    color: #FFFFFF;
    text-transform: none;
}

/* ------------------------------------------------------------
   Barra ordinamento di ricerca e offerte
   Stesso markup della pagina categoria (.products-filter-panel con
   .select-wrap), quindi si riusano quei valori: 36 di altezza, r8,
   bordo #CED4DA, testo 14. Sono comandi, non campi: la regola sta
   dopo quella dei .form-control per sovrascriverla.
   ------------------------------------------------------------ */
.pagina-interna #content .products-filter-panel {
    margin: 0 0 34px;
    padding: 0 0 8px;
    border: none;
    border-bottom: 1px solid #CCCCCC;
    box-shadow: none;
}

.pagina-interna #content .products-filter-panel select.form-control {
    height: 36px;
    padding: 0 30px 0 12px;
    border-color: #CED4DA;
    border-radius: 8px;
    background-position: right 12px center;
    font-size: 14px;
    line-height: 34px;
    color: #6C757D;
}

.pagina-interna #content .products-filter-panel .control-label {
    display: inline-block;
    margin: 0 6px 0 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 36px;
    color: #808080;
    white-space: nowrap;
}

/* ------------------------------------------------------------
   Tabelle (ordini, lista desideri, confronto)
   ------------------------------------------------------------ */
.pagina-interna #content .table {
    margin-bottom: 30px;
    border-color: #DADADA;
}

.pagina-interna #content .table > thead > tr > th,
.pagina-interna #content .table > thead > tr > td,
.pagina-interna #content .table > tbody > tr > td,
.pagina-interna #content .table > tfoot > tr > td {
    padding: 14px 12px;
    border-color: #DADADA;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #000000;
    vertical-align: middle;
}

/* Quattordici di questi template mettono nel <thead> delle <td> e non
   delle <th>: senza il secondo selettore l'intestazione della tabella
   restava con la tipografia del corpo. */
.pagina-interna #content .table > thead > tr > th,
.pagina-interna #content .table > thead > tr > td {
    border-bottom-width: 1px;
    background: none;
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    text-transform: none;
}

/* l'immagine prodotto nelle tabelle (lista desideri, confronto) */
.pagina-interna #content .table img {
    width: 63px;
    height: 63px;
    border: 1px solid #DADADA;
    border-radius: 5px;
    background: #FFFFFF;
    -o-object-fit: contain;
    object-fit: contain;
}

/* il cestino di riga: quadrato rosso come in carrello. Vale solo per
   i bottoni di sola icona: con la scritta dentro serve la pillola,
   altrimenti "Cancella" viene tagliato dentro ai 34px */
.pagina-interna #content .btn-danger:has(> i),
.pagina-interna #content .wishlist-remove {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border: none;
    border-radius: 5px;
    background: #CC0000;
    color: #FFFFFF;
    font-size: 18px;
    line-height: 1;
}

/* ------------------------------------------------------------
   Paginazione: come in pagina categoria
   ------------------------------------------------------------ */
.pagina-interna #content .pagination > li > a,
.pagina-interna #content .pagination > li > span {
    margin-left: -1px;
    border: 1px solid #DADADA;
    border-radius: 0;
    background: #FFFFFF;
    color: #000000;
    font-size: 14px;
    line-height: 22px;
}

.pagina-interna #content .pagination > .active > span,
.pagina-interna #content .pagination > li > a:hover {
    border-color: #1D3828;
    background: #1D3828;
    color: #FFFFFF;
}

/* ------------------------------------------------------------
   Sotto i 992 restano i gutter di pagina, i campi si abbassano
   ------------------------------------------------------------ */
@media (max-width: 991px) {
    .pagina-interna .maincols > .breadcrumb {
        padding-top: 24px;
        margin-bottom: 20px;
    }

    .pagina-interna .maincols > .breadcrumb .breadcrumb-heading {
        font-size: 26px;
        line-height: 34px;
    }

    .pagina-interna #content h1,
    .pagina-interna #content h2,
    .pagina-interna #content h3,
    .pagina-interna #content .well h2 {
        margin-bottom: 18px;
        font-size: 22px;
        line-height: 28px;
    }

    .pagina-interna #content .well {
        padding: 20px;
    }

    .pagina-interna #content .control-label,
    .pagina-interna #content .form-group > label {
        font-size: 16px;
        line-height: 22px;
    }

    .pagina-interna #content .form-control {
        height: 48px;
        font-size: 16px;
        line-height: 46px;
    }
}

/* ============================================================
   DASHBOARD ACCOUNT (bozza 2026)
   Anche questa e' una "pagina interna" senza bozza dedicata: i
   pannelli sono le Card Blog (.well) gia' definite sopra, i titoli
   e i bottoni pillola pure. Qui restano solo il layout a griglia
   e le liste/icone specifiche di questa pagina.
   Markup in template/account/account.tpl
   ============================================================ */
.account-dashboard {
    margin-top: 10px;
}

/* Le colonne del tema sono float: con card di altezza diversa la
   quarta non tornava a sinistra ma si infilava a fianco della piu'
   alta (la prima), lasciando un buco. Il flex manda a capo sempre
   dopo la terza e allunga le card della stessa riga alla stessa
   altezza. I due pseudo-elementi di clearfix della .row sarebbero
   celle flex vuote: vanno spenti. */
.pagina-interna #content .account-dashboard {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.pagina-interna #content .account-dashboard:before,
.pagina-interna #content .account-dashboard:after {
    display: none;
}

.pagina-interna #content .account-dashboard > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: none;
}

.pagina-interna #content .account-dashboard > div > .account-card {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 100%;
}

.account-card {
    min-height: 220px;
}

.pagina-interna #content .well.account-card h2 {
    font-size: 20px;
    line-height: 26px;
}

.account-card h2 i {
    margin-right: 8px;
    color: #1D3828;
}

.account-card ul.list-unstyled li {
    margin-bottom: 10px;
}

.account-card ul.list-unstyled li:last-child {
    margin-bottom: 0;
}

.account-card ul.list-unstyled li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    font-weight: 300;
    color: #101010;
}

.account-card ul.list-unstyled li a:hover,
.account-card ul.list-unstyled li a:focus {
    color: #BD5C35;
    text-decoration: none;
}

.account-card ul.list-unstyled li a i {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 20px;
    margin-right: 10px;
    font-size: 18px;
    line-height: 1;
    color: #1D3828;
}

.account-card-social {
    min-height: 0;
}

.account-social {
    margin: 0;
}

.account-social > li {
    display: inline-block;
    margin-right: 16px;
}

.account-social > li a {
    font-size: 26px;
    line-height: 1;
    color: #1D3828;
}

.account-social > li a:hover {
    color: #BD5C35;
}

@media (max-width: 991px) {
    .account-card {
        min-height: 0;
    }
}

/* ------------------------------------------------------------
   Etichetta sotto l'icona dei preferiti (solo da loggato).
   Il markup lo aggiunge template/common/header-v1.tpl: qui servono
   solo colore e allineamento, la pila icona/etichetta e le misure
   arrivano dalle regole di .header-account piu' sopra.
   ------------------------------------------------------------ */
.header-v1 .header-account #wishlist-total {
    display: block;
    line-height: 1.2;
    color: #1D3828;
    text-decoration: none;
}

.header-v1 .header-account #wishlist-total:hover .header-action-label {
    color: #BD5C35;
}

/* ------------------------------------------------------------
   Bottone "torna su": non e' in nessuna bozza e in fondo alla
   pagina si vedeva come un quadrato grigio staccato.
   Nascosto su richiesta: per riattivarlo togliere questa regola.
   ------------------------------------------------------------ */
#push-top {
    display: none !important;
}

/* ------------------------------------------------------------
   Bottone "Cerca" dell'header: lente ed etichetta stavano sulla
   stessa linea di base grazie a un vertical-align: -4px tarato su
   un glifo da 17px. Da quando la regola dell'header porta l'icona
   a 14px quello scarto la lascia bassa rispetto al testo. Col
   bottone in flex le due parti si centrano fra loro e non serve
   piu' nessuno scarto.
   Vale anche per il bottone dell'header sticky, che ha la sola
   lente e la vuole al centro del tondo.
   ------------------------------------------------------------ */
.btn-cerca-header {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1;
}

.btn-cerca-header i {
    line-height: 1;
}

/* ==========================================================================
   ALPHLORA — Home mobile (Figma "01 - Home", node 380:2633)
   Classi pronte da assegnare come "Custom Class" ai blocchi/righe del
   Home Builder (admin). Nomi/colori/font presi 1:1 dalla spec Figma.
   Le regole fuori dal media query sono la base mobile-first; il min-width:768px
   in fondo e' una prima ipotesi desktop, da rivedere quando sara' disponibile
   la spec Figma desktop (nodo 26:1449, non ancora scaricato per rate limit).
   ========================================================================== */

:root {
	--ap-dark: #1d3828;
	--ap-terracotta: #bc5d35;
	--ap-beige: #e1dbc8;
	--ap-grey: #a6a6a6;
}

/* Bottoni pill (istanze Figma "btn-default" / "btn-secondary") */
.ap-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-family: 'Quicksand', sans-serif;
	font-weight: 300;
	font-size: 13px;
	line-height: 17px;
	padding: 9px 18px;
	border-radius: 50px;
	border: none;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	transition: opacity .2s ease-in-out;
}
.ap-btn:hover, .ap-btn:focus {
	opacity: .88;
	color: #fff !important;
	text-decoration: none;
}
.ap-btn-primary { background: var(--ap-dark) !important; color: #fff !important; }
.ap-btn-secondary { background: var(--ap-terracotta) !important; color: #fff !important; }

/* Titolo di sezione ("Prodotti in evidenza", ecc.) */
.ap-section-title {
	font-family: 'Quicksand', sans-serif;
	font-weight: 600;
	font-size: 24px;
	line-height: 1.2;
	color: var(--ap-dark);
	margin: 0 0 16px;
}
.ap-section-title--light { color: #fff; }

/* Hero banner ("Natura nel cuore") — immagine sopra, fascia chiara sotto (NON sovrapposta) */
.ap-hero {
	position: relative;
	width: 100%;
	max-width: 100%;
	flex: 0 0 100%;
	display: block;
	background: #fff;
	overflow: hidden;
}
.ap-hero__media {
	width: 100%;
	/* in bozza l'immagine e' 428x299: in percentuale il rapporto regge
	   anche a 360 e 390 */
	height: 0;
	padding-top: 69.86%;
	background-size: cover;
	background-position: center;
}
.ap-hero__content {
	width: 100%;
	background: rgba(225, 219, 200, .46);
	text-align: center;
	/* fascia 428x166: titolo a 14 dal bordo alto, bottone chiuso a 24
	   dal bordo basso */
	padding: 14px 16px 24px;
}
.ap-hero .ap-hero__title {
	font-family: 'Quicksand', sans-serif !important;
	font-weight: 600 !important;
	font-size: 24px !important;
	line-height: 30px !important;
	color: var(--ap-dark) !important;
	margin: 0 0 10px;
}
.ap-hero .ap-hero__title-accent {
	color: var(--ap-terracotta) !important;
}
.ap-hero .ap-hero__subtitle {
	font-family: 'Quicksand', sans-serif !important;
	font-weight: 600 !important;
	font-size: 14px !important;
	line-height: 20px !important;
	color: var(--ap-dark) !important;
	margin: 0;
	max-width: 100%;
}
/* il bottone e' gia' giusto in .ap-btn (13/17, pad 9/18, pill):
   qui serve solo lo stacco dal testo */
.ap-hero .ap-btn {
	margin: 19px 0 0;
}

/* Classe opt-in per bypassare il padding Bootstrap (15px) di UNA colonna
   specifica del Home Builder, senza toccare .col-12 & co. ovunque nel sito.
   Vedi catalog/view/theme/pav_silkshop/template/module/pavhomebuilder.tpl
   riga 24: il campo "classe suffisso" della colonna (non del widget, non
   della riga) finisce direttamente su .col-lg-12/.col-md-12/.col-sm-12/
   .col-xs-12 — mettici questa classe li'.
   Per il .pav-inner.container esterno non serve CSS: se sulla riga imposti
   davvero il menu "Full Width: Si'" (dropdown, non testo libero), il
   template stesso (riga 18) omette la classe "container" — niente padding
   ne' max-width a quel livello, gia' cosi'. */
.ap-full-bleed {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* Riga icone (usata sia per Qualita'/Passione/Sostenibilita'/Fiducia
   sia per qualsiasi altra riga a 4 icone in stile Figma) */
.ap-feature-icons {
	display: flex;
	flex-wrap: wrap;
	background: rgba(225, 219, 200, .46);
	padding: 24px 16px;
	gap: 24px 8px;
}
.ap-feature-icons__item {
	flex: 0 0 calc(50% - 8px);
	text-align: center;
}
.ap-feature-icons__item img {
	width: 66px;
	height: 66px;
	object-fit: contain;
	margin: 0 auto 12px;
	display: block;
}
.ap-feature-icons__item span {
	display: block;
	font-family: 'Quicksand', sans-serif;
	font-weight: 600;
	font-size: 16px;
	color: var(--ap-dark);
}

/* Card "about" con pattern di sfondo + pannello bianco.
   NON IN USO: per queste due sezioni si e' poi scelto di riusare
   .parallax-immagine (stesso componente in bozza, e gia' montato sul
   desktop) invece di un markup a parte. Vedi .blocco-alphlora nel
   media query a 767. Tenuto qui per non rompere eventuali pagine che
   lo usassero. */
.ap-about {
	position: relative;
	padding: 24px 16px;
}
.ap-about__bg {
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center;
	z-index: 0;
}
.ap-about__panel {
	position: relative;
	z-index: 1;
	background: #fff;
	border-radius: 30px;
	padding: 24px;
	max-width: 396px;
	margin: 0 auto;
}
.ap-about__brand {
	font-family: 'Quicksand', sans-serif;
	font-weight: 600;
	font-size: 36px;
	color: var(--ap-terracotta);
	margin: 0 0 8px;
}
.ap-about__title {
	font-family: 'Quicksand', sans-serif;
	font-weight: 600;
	font-size: 22px;
	color: #000;
	margin: 0 0 16px;
}
.ap-about__text {
	font-family: 'Quicksand', sans-serif;
	font-weight: 300;
	font-size: 15px;
	line-height: 21px;
	color: #000;
	margin: 0 0 20px;
}
.ap-about__img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 20px;
	margin: 0 0 20px;
}

/* Blocchi categoria (istanza Figma "Category Block Mobile", 383:3508):
   titolo sopra, immagine sotto 394x164 con angoli da 20. Il passo fra un
   blocco e l'altro in bozza e' 243 su blocchi da 206, cioe' 37 di stacco. */
.ap-category-grid {
	display: flex;
	flex-direction: column;
	gap: 37px;
	padding: 0 16px;
}
.ap-category-block {
	display: block;
	text-decoration: none;
}
.ap-category-block:hover,
.ap-category-block:focus {
	text-decoration: none;
}
.ap-category-block img {
	display: block;
	width: 100%;
	height: 164px;
	object-fit: cover;
	border-radius: 20px;
}
.ap-category-block__label {
	display: block;
	font-family: 'Quicksand', sans-serif;
	font-weight: 600;
	font-size: 24px;
	line-height: 30px;
	color: var(--ap-terracotta);
	margin: 0 0 12px;
}

/* Ipotesi di adattamento desktop (provvisoria: le bozze .ap-* sono mobile) */
@media (min-width: 768px) {
	.ap-feature-icons__item { flex-basis: calc(25% - 18px); }
	.ap-category-grid { flex-direction: row; flex-wrap: wrap; }
	.ap-category-block { flex: 0 0 calc(50% - 19px); }
}


/* ==========================================================================
   ALPHLORA — Header mobile
   Fonte: Figma, componente "Header mobile" (node 381:3176/381:3177) e frame
   "01 - Home" mobile (node 380:2633), pagina "Page 2". I valori qui sotto
   sono presi dalle coordinate assolute dell'API Figma, non stimati:

     frame 428x78, fill #ffffff, padding-left 16
     hamburger   34x34  @ (16, 18.5)   fill #1c3828  radius 5
     logo       120x55  @ (121, 8)
     azioni     105x56  @ (312, 7.5)   gap interno 12
       Accedi    icona 39x39 @ (315, 7.5) + testo Quicksand 300 14/17.5 @ y 46.5
       Carrello  icona 37x38 @ (373, 8.5) + testo Quicksand 300 14/17.5 @ y 46.5
       badge     14x14 @ (403, 9.5) fill #1d3828, Inter 300 10px #fff

   I tre blocchi sono distanziati da due gap uguali (71px a 428 di larghezza):
   e' esattamente il comportamento di justify-content:space-between, che qui
   viene usato al posto di misure fisse cosi' il layout regge anche a 360/390.

   Scoped a max-width:767px per non toccare l'header desktop (.header-normle
   e' condiviso tra i due breakpoint tramite le classi col-* di Bootstrap).
   ========================================================================== */
@media (max-width: 767px) {

	/* ---------- TOP BAR (altezza 36px nella bozza) ---------- */
	/* "Sei un'attivita'?" a sinistra, telefono a destra sulla stessa riga.
	   .info-topbar.pull-right ha le classi bootstrap hidden-sm/hidden-xs
	   (pensate per un layout dove il telefono e' solo desktop): nella bozza
	   resta visibile anche su mobile, solo senza il testo "Ti serve aiuto?
	   Contattaci" per mancanza di spazio. */
	.topbar-v1 {
		min-height: 36px;
	}
	.topbar-v1 .container {
		display: flex !important;
		align-items: center;
		justify-content: space-between;
		min-height: 36px;
		padding-left: 16px !important;
		padding-right: 16px !important;
	}
	.topbar-v1 #top-links {
		flex: 1 1 auto;
		width: auto !important;
		min-width: 0;
		padding: 0 !important;
	}
	/* il box della lista e' 8px piu' alto della riga (leading della line
	   box degli <li> inline-block): con flex torna alto quanto l'icona e
	   si centra nei 36px della barra, cioe' icona a y8 come in bozza */
	.topbar-v1 #top-links .list-inline,
	.topbar-v1 .info-topbar .list-inline {
		display: flex;
		align-items: center;
		margin: 0;
		padding: 0;
	}
	/* .list-inline > li ha 5px di padding laterale: senza azzerarlo la
	   riga parte a 21px invece che ai 16px della bozza */
	.topbar-v1 .list-inline > li {
		padding: 0 !important;
	}
	/* In bozza il testo e' 13px w600 su una riga da 20. Serve !important
	   perche' sotto i 425px il tema da a "#login a" font-size 12px
	   !important e 10px di padding verticale: la barra li' diventava alta
	   53 invece di 36. */
	.topbar-v1 #top-links .list-inline > li > a {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		display: block;
		font-size: 13px !important;
		font-weight: 600;
		line-height: 16px;
		padding: 0 !important;
	}
	.topbar-v1 #top-links .list-inline > li > a .topbar-cta {
		font-weight: 600;
	}
	/* valigetta 20x20 in bozza; "#top-links a i" la forza a 15px (12 sotto
	   i 425px) con !important, quindi anche qui serve !important */
	.topbar-v1 #top-links a .ti {
		font-size: 20px !important;
		margin-right: 0 !important;
	}
	.topbar-v1 .info-topbar.pull-right {
		display: flex !important;
		flex: 0 0 auto;
		width: auto !important;
		padding: 0 !important;
	}
	.topbar-v1 .info-topbar.pull-right a {
		font-size: 0 !important;
		display: flex !important;
		align-items: center;
	}
	.topbar-v1 .info-topbar.pull-right a .ti {
		font-size: 24px !important;
		margin-right: 0 !important;
	}
	.topbar-v1 .info-topbar.pull-right .topbar-cta {
		display: none !important;
	}

	/* ---------- RIGA PRINCIPALE ---------- */
	/* .header-center e' una colonna Bootstrap che avvolge sia il pulsante
	   hamburger sia la ricerca. Con display:contents i suoi due figli
	   diventano figli diretti della riga flex, cosi' l'hamburger sta sulla
	   prima riga insieme a logo/azioni e la ricerca va a capo da sola
	   (flex-basis 100%) senza bisogno di position:absolute. */
	/* header e container portano 15px di padding su ogni lato: vanno
	   azzerati, altrimenti la riga parte a x=30/y=58 invece che a 16/43 */
	.header-normle {
		padding: 0 !important;
	}
	.header-normle .container {
		padding-left: 0 !important;
		padding-right: 0 !important;
		width: 100% !important;
	}
	.header-normle .row.header-main {
		position: relative;
		display: flex !important;
		flex-wrap: wrap !important;
		align-items: center;
		margin-left: 0 !important;
		margin-right: 0 !important;
		/* topbar 36 + 14 = contenuto a y50 come in bozza; il contenuto e'
		   alto 56, la ricerca sta fra 128.5 e 169.5 e i 20 di sotto
		   portano al bordo dell'immagine hero (y=190) */
		padding: 14px 16px 20px !important;
	}
	.header-normle .header-center {
		display: contents !important;
	}
	.header-normle .header-center-top {
		order: 1;
		display: flex !important;
		align-items: center;
		/* base fissa quanto l'hamburger: il nav del megamenu al suo interno
		   e' piu' largo e spingerebbe il logo fuori posizione */
		flex: 0 0 34px !important;
		width: 34px !important;
		padding: 0 !important;
		margin: 0 !important;
		overflow: hidden;
	}
	.header-normle .header-email {
		display: none !important;
	}
	/* Il tema 2018 sposta il logo con "@media (max-width:767px) and
	   (min-width:426px) { .logo { left: 8.66667% } }": e' una posizione
	   relativa, quindi non entra nel calcolo del flex e spostava il logo
	   di 34px a destra senza toccare i margini automatici qui sotto. */
	.header-normle .logo {
		order: 2;
		flex: 0 0 auto !important;
		width: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		float: none !important;
		left: auto !important;
		right: auto !important;
	}
	.header-normle .header-actions {
		order: 3;
		flex: 0 0 auto !important;
		width: auto !important;
		display: flex !important;
		align-items: flex-start;
		justify-content: flex-end;
		padding: 0 !important;
		float: none !important;
	}
	/* i due gap uguali della bozza (71px a 428 di larghezza): i margini
	   auto sul logo dividono in parti uguali lo spazio che avanza tra
	   hamburger e blocco azioni */
	.header-normle .row.header-main > .logo {
		margin-left: auto !important;
		margin-right: auto !important;
	}
	/* il contenitore del megamenu deve essere largo quanto l'hamburger:
	   il menu desktop (#bs-megamenu) e' nascosto ma occupa comunque
	   spazio e spingeva il logo ~30px a destra */
	.header-normle #pav-megamenu .navbar-collapse {
		display: none !important;
	}
	.header-normle .header-center-top,
	.header-normle .bo-mainmenu,
	.header-normle #pav-megamenu,
	.header-normle #pav-megamenu .navbar-header {
		width: 34px !important;
		min-width: 0 !important;
		max-width: 34px !important;
	}

	/* Hamburger: 34x34, radius 5, fondo #1c3828, icona tabler menu-2 bianca.
	   Nella bozza il tratto dell'icona e' largo 25.5px dentro il box da 34,
	   cioe' una glifo tabler da ~38px che deborda dal box: da qui il
	   font-size 38 con overflow visibile. */
	.header-normle .bo-mainmenu,
	.header-normle #pav-megamenu,
	.header-normle #pav-megamenu .navbar-header,
	.sticky-header .bo-mainmenu,
	.sticky-header #pav-megamenu,
	.sticky-header #pav-megamenu .navbar-header {
		margin: 0 !important;
		padding: 0 !important;
		float: none !important;
		min-height: 0 !important;
		border: 0 !important;
	}
	.header-normle .bo-mainmenu .canvas-menu,
	.sticky-header .bo-mainmenu .canvas-menu {
		width: 34px !important;
		height: 34px !important;
		min-width: 34px !important;
		background: #1c3828 !important;
		border: none !important;
		border-radius: 5px !important;
		display: flex !important;
		align-items: center;
		justify-content: center;
		padding: 0 !important;
		margin: 0 !important;
		overflow: visible;
		box-shadow: none !important;
	}
	.header-normle .bo-mainmenu .canvas-menu .ti,
	.sticky-header .bo-mainmenu .canvas-menu .ti {
		color: #fff !important;
		font-size: 38px !important;
		line-height: 1 !important;
	}

	/* Logo: 120x55 nella bozza. Il PNG e' 3707x1702 (rapporto 2.178), quindi
	   bastano i 55px di altezza per ottenere i 120 di larghezza. */
	.header-normle .logo img {
		height: 55px !important;
		width: auto !important;
		max-width: none !important;
		max-height: none !important;
		display: block;
	}

	/* ---------- ACCEDI / CARRELLO ---------- */
	/* gap di 12px tra i due blocchi (itemSpacing del frame "Frame 11") */
	.header-normle .header-actions .header-account {
		display: flex !important;
		align-items: flex-start;
		margin: 0 !important;
	}
	.header-normle .header-actions .header-account > * + * {
		margin-left: 12px !important;
	}
	.header-normle .header-actions .carrello {
		margin: 0 0 0 12px !important;
		padding: 0 !important;
		flex: 0 0 auto;
		width: auto !important;
		align-self: flex-start;
	}
	/* senza questo .minibasket-small viene schiacciato dal flex e icona e
	   etichetta escono dal proprio box */
	.header-normle .carrello .minibasket-small,
	.sticky-header .carrello .minibasket-small {
		display: block !important;
		float: none !important;
		width: auto !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	.header-normle .header-account #loginutenti > a,
	.header-normle .header-account #benvenuto > a,
	.header-normle .header-account #wishlist-total,
	.header-normle .carrello .minibasket-small > a > button,
	.sticky-header .carrello .minibasket-small > a > button {
		display: flex !important;
		flex-direction: column;
		align-items: center;
		color: #000 !important;
		background: transparent !important;
		border: none !important;
		padding: 0 !important;
		margin: 0 !important;
		box-shadow: none !important;
		text-decoration: none;
	}
	/* icone: nella bozza il box e' 39x39 (utente) e 37x38 (carrello) */
	.header-normle .header-account #loginutenti .ti,
	.header-normle .header-account #benvenuto .ti,
	.header-normle .header-account #wishlist-total .ti {
		color: #000 !important;
		font-size: 39px !important;
		line-height: 39px !important;
		display: block !important;
		margin: 0 !important;
	}
	.header-normle .carrello .minibasket-small .cart-icon i,
	.sticky-header .carrello .minibasket-small .cart-icon i {
		color: #000 !important;
		font-size: 37px !important;
		line-height: 38px !important;
		display: block !important;
		margin: 0 !important;
	}
	/* etichette: Quicksand 300 14/17.5 nere, attaccate all'icona (gap 0) */
	.header-normle .header-action-label,
	.sticky-header .header-action-label {
		display: block !important;
		color: #000 !important;
		font-family: 'Quicksand', sans-serif !important;
		font-weight: 300 !important;
		font-size: 14px !important;
		line-height: 17.5px !important;
		margin: 0 !important;
		white-space: nowrap;
	}
	/* il margin-top -3px che la regola desktop da a .cart-icon alzava
	   l'etichetta "Carrello" di 4px rispetto ad "Accedi": in bozza le due
	   etichette sono entrambe a y=90, con l'icona del carrello 2px piu'
	   in basso di quella dell'utente perche' e' alta 38 invece di 39 */
	.header-normle .carrello .minibasket-small .cart-icon,
	.sticky-header .carrello .minibasket-small .cart-icon {
		position: relative;
		display: block;
		height: 38px;
		line-height: 1;
		font-size: 0;
		margin-top: 1px !important;
	}
	/* badge quantita': 14x14 tondo, ancorato in alto a destra dell'icona */
	.header-normle .carrello .minibasket-small #cart-total2,
	.sticky-header .carrello .minibasket-small #cart-total2 {
		position: absolute !important;
		top: 1px !important;
		right: -7px !important;
		width: 14px !important;
		height: 14px !important;
		min-width: 0 !important;
		padding: 0 !important;
		background: #1d3828 !important;
		color: #fff !important;
		border-radius: 50% !important;
		font-family: 'Inter', sans-serif !important;
		font-weight: 300 !important;
		font-size: 10px !important;
		line-height: 14px !important;
		text-align: center !important;
	}
	/* il carrello "grande" con il dropdown resta solo da tablet in su */
	.header-normle .carrello .minibasket-big,
	.sticky-header .carrello .minibasket-big {
		display: none !important;
	}

	/* ---------- BARRA DI RICERCA ---------- */
	/* va a capo sotto la riga principale, a tutta larghezza tra i 16px di
	   margine laterale */
	.header-normle #ricerca {
		order: 4;
		flex: 0 0 100% !important;
		width: 100% !important;
		max-width: 100% !important;
		padding: 0 !important;
		/* la riga contenuto finisce a y=106.5, la barra parte a 128.5 */
		margin-top: 22px !important;
	}
	.header-normle #ricerca .search-box-wrapper,
	.header-normle #ricerca .search-box {
		width: 100%;
		float: none !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	.header-normle #ricerca #search {
		display: flex !important;
		width: 100% !important;
	}
	.header-normle #input-search {
		flex: 1 1 auto;
		height: 41px !important;
		border-radius: 21px 0 0 21px !important;
		border: 1px solid #1d3828 !important;
		border-right: none !important;
		background: #fff !important;
		color: #000 !important;
		font-size: 16px !important;
		padding-left: 20px !important;
		box-shadow: none !important;
	}
	.header-normle #input-search::placeholder {
		color: #a6a6a6 !important;
		font-weight: 300;
	}
	.header-normle #ricerca .input-group-btn {
		flex: 0 0 auto;
		width: auto !important;
		display: block !important;
	}
	.header-normle .btn-cerca-header {
		height: 41px !important;
		min-width: 85px !important;
		background: #1d3828 !important;
		border: 1px solid #1d3828 !important;
		border-radius: 0 21px 21px 0 !important;
		color: #fff !important;
		display: flex !important;
		align-items: center;
		justify-content: center;
		gap: 5px;
		padding: 0 10px !important;
		font-size: 14px !important;
		font-weight: 400 !important;
	}
	.header-normle .btn-cerca-header i {
		font-size: 16px !important;
		line-height: 1 !important;
	}
	/* La label "Cerca" ha di suo la classe bootstrap hidden-xs (pensata per
	   nascondere il testo su mobile): nella bozza resta visibile. */
	.header-normle .btn-cerca-header .hidden-xs {
		display: inline !important;
	}

}

/* L'header sticky esiste da 0 a 991 (ha le classi hidden-lg hidden-md),
   quindi il suo layout sta in un media a parte: dentro quello a 767 il
   tablet restava col logo da 207px e il carrello a filo del bordo.
   Le regole dei pezzi condivisi (hamburger, carrello piccolo, etichetta)
   restano qui sopra insieme a quelle dell'header principale: sotto i 992
   ma sopra i 767 il tema mostra comunque il carrello "grande", che ha un
   suo stile. */
@media (max-width: 991px) {
	/* ---------- HEADER STICKY ---------- */
	/* Nella bozza mobile non c'e', ma nel tema compare allo scroll ed e'
	   l'unico header visibile: va reso coerente con quello principale.
	   Il markup e' diverso: niente .header-center ne' .header-actions, la
	   ricerca e' hidden-xs e le colonne si spostano con i push/pull di
	   Bootstrap, che sono offset di position:relative. */
	.sticky-header {
		padding: 0 !important;
	}
	.sticky-header > .container {
		width: 100% !important;
		padding-left: 16px !important;
		padding-right: 16px !important;
	}
	.sticky-header > .container > .row {
		display: flex !important;
		align-items: center;
		margin: 0 !important;
		padding: 7px 0 !important;
	}
	.sticky-header > .container > .row:before,
	.sticky-header > .container > .row:after {
		display: none;
	}
	/* i col-xs-push/pull spostavano i blocchi con left/right */
	.sticky-header > .container > .row > div {
		left: auto !important;
		right: auto !important;
		float: none !important;
		width: auto !important;
		padding: 0 !important;
		margin: 0 !important;
	}
	/* il menu desktop e' nascosto ma occupa comunque spazio, e la
	   .navbar-header conserva float e padding del tema: senza questo
	   reset l'hamburger finiva a meta' riga invece che a sinistra */
	.sticky-header #pav-megamenu .navbar-collapse {
		display: none !important;
	}
	.sticky-header .bo-mainmenu,
	.sticky-header #pav-megamenu,
	.sticky-header #pav-megamenu .navbar-header {
		margin: 0 !important;
		padding: 0 !important;
		float: none !important;
		min-height: 0 !important;
		border: 0 !important;
	}
	.sticky-header .bo-mainmenu {
		order: 1;
		flex: 0 0 34px !important;
		width: 34px !important;
		max-width: 34px !important;
		overflow: hidden;
	}
	.sticky-header .logo {
		order: 2;
		flex: 1 1 auto !important;
		min-width: 0;
	}
	.sticky-header .logo img {
		height: 40px !important;
		width: auto !important;
		max-width: none !important;
		margin: 0 auto !important;
		display: block;
	}
	.sticky-header .carrello {
		order: 3;
		flex: 0 0 auto !important;
	}
	.sticky-header > .container > .row {
		flex-wrap: wrap;
	}
	.sticky-header #ricerca-sticky {
		order: 4;
		flex: 0 0 100% !important;
		width: 100% !important;
		margin-top: 8px !important;
	}
	.sticky-header #ricerca-sticky .search-box-wrapper {
		float: none !important;
	}
}

/* BLOG (elenco, categoria, articolo) - Card Blog 22:1248 */

.pagina-interna[class*="page-news"] #content > h1 {
    display: block;
    margin: 0 0 4px;
    padding: 0;
    font-size: 36px;
    font-weight: 700;
    line-height: 45px;
    color: #000000;
    text-transform: none;
}

.pagina-interna[class*="page-news"] #content > ul.breadcrumb {
    margin: 0 0 30px;
    padding: 0;
    list-style: none;
    border-radius: 0;
    background: none;
}

.pagina-interna[class*="page-news"] #content > ul.breadcrumb > li,
.pagina-interna[class*="page-news"] #content > ul.breadcrumb > li > a {
    display: inline;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: #000000;
    text-decoration: none;
}

.pagina-interna[class*="page-news"] #content > ul.breadcrumb > li + li:before {
    padding: 0 6px;
    color: #000000;
    content: "\203A";
}

@media (min-width: 992px) {
    .pagina-interna[class*="page-news"] .container > .row:not(:has(> aside)):not(:has(> .col-md-3)) > #content.col-md-9 {
        width: 100%;
    }
}

.pagina-interna .bnews-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(255px, 1fr));
    gap: 30px;
    margin: 0 0 40px;
}

.pagina-interna .bnews-list .artblock {
    position: relative;
    display: flex !important;
    flex-direction: column;
    gap: 20px;
    clear: none !important;
    width: auto;
    margin: 0 !important;
    padding: 20px 0 !important;
    overflow: hidden;
    border: 1px solid #E1DBC8;
    border-radius: 20px;
    background: #FFFFFF;
}

.pagina-interna .bnews-list .artblock > div[class*="col-"] {
    display: contents;
}

.pagina-interna .bnews-list .artblock > a,
.pagina-interna .bnews-list .artblock > div > a {
    order: 1;
    margin: -20px 0 0;
    line-height: 0;
}

.pagina-interna .bnews-list .artblock img.article-image {
    float: none !important;
    width: 100%;
    height: auto;
    aspect-ratio: 337 / 179;
    object-fit: cover;
    border-radius: 20px 20px 0 0;
}

.pagina-interna .bnews-list .artblock .article-meta {
    order: 2;
    margin: 0;
    padding: 0 16px;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
    color: #1D3828;
    border: 0;
}

.pagina-interna .bnews-list .artblock .name {
    order: 3;
    margin: 0;
    padding: 0 16px;
}

.pagina-interna #content .bnews-list .artblock .name h3 {
    clear: none;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}

.pagina-interna .bnews-list .artblock .name a {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 0;
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    color: #000000;
}

.pagina-interna .bnews-list .artblock .description {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    order: 4;
    min-height: 0;
    margin: 0;
    padding: 0 16px;
    font-size: 12px;
    font-weight: 300;
    line-height: 15px;
    color: #000000;
}

.pagina-interna .bnews-list .artblock .name a:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: "";
}

.pagina-interna .bnews-list .artblock .blog-button,
.pagina-interna .bnews-list .artblock .total-comments,
.pagina-interna .bnews-list .artblock [class^="custom"] {
    display: none;
}

.pagina-interna .bnews-list .artblock:hover {
    border-color: #1D3828;
}

.page-news-article .article-content > .article-meta {
    margin: 0 0 24px;
    padding: 0 0 20px;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
    color: #1D3828;
    border-bottom: 1px solid #E1DBC8;
}

.page-news-article .article-content .article-share {
    margin-top: 12px;
}

.page-news-article #image-article {
    float: none !important;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 30px;
    padding: 0 !important;
    border-radius: 20px;
}

.page-news-article .article-content p {
    margin: 0 0 20px;
}

@media (max-width: 767px) {
    .pagina-interna[class*="page-news"] #content > h1 {
        font-size: 28px;
        line-height: 34px;
    }
}

.page-news-article .article-content .article-meta .article-share {
    float: none;
    margin-right: 0;
}

.page-news-article .article-content .article-meta span,
.page-news-article .article-content .article-meta a {
    font-size: 14px;
    font-style: normal;
    color: #1D3828;
}

.pagina-interna aside#column-right {
    padding-left: 40px;
}

.pagina-interna aside#column-right h3 {
    margin-top: 0;
}

.pagina-interna aside#column-right #artsearch .btn-primary {
    margin-top: 10px;
}

.pagina-interna aside#column-right .list-group {
    margin: 30px 0 0;
    overflow: hidden;
    border: 1px solid #E1DBC8;
    border-radius: 20px;
    box-shadow: none;
}

.pagina-interna aside#column-right .list-group-item {
    padding: 14px 20px;
    border: 0;
    border-top: 1px solid #E1DBC8;
    border-radius: 0;
    background: #FFFFFF;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    color: #101010;
}

.pagina-interna aside#column-right .list-group-item:first-child {
    border-top: 0;
}

.pagina-interna aside#column-right .list-group-item:hover,
.pagina-interna aside#column-right .list-group-item:focus {
    color: #BD5C35;
    background: #FFFFFF;
    text-decoration: none;
}

@media (max-width: 991px) {
    .pagina-interna aside#column-right {
        margin-top: 40px;
        padding-left: 15px;
    }
}

/* ELENCO BRAND */
.product-manufacturer .fix-cat-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    gap: 30px;
    margin: 0 0 40px;
    padding: 0;
    list-style: none;
}

@media (max-width: 767px) {
    .product-manufacturer .fix-cat-list { grid-template-columns: repeat(2, 1fr); gap: 20px; }
}

.product-manufacturer .fix-cat-list .cat_element {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    float: none;
    width: auto;
    min-height: 180px;
    margin: 0;
    padding: 24px 16px;
    list-style: none;
    text-align: center;
    border: 1px solid #E1DBC8;
    border-radius: 20px;
    background: #FFFFFF;
}

.product-manufacturer .fix-cat-list .cat_element:hover {
    border-color: #1D3828;
}

.product-manufacturer .fix-cat-list .cat_image {
    display: block;
    margin-bottom: 16px;
}

.product-manufacturer .fix-cat-list .cat_image img {
    max-height: 90px;
    width: auto;
}

.product-manufacturer .fix-cat-list .cat_element h4 {
    height: auto;
    margin: 0;
    border-bottom: 0;
}

.product-manufacturer .fix-cat-list .cat_name {
    display: block;
    min-height: 0;
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    color: #1D3828;
}

.product-manufacturer .fix-cat-list .cat_name:before {
    content: none;
}

.product-manufacturer .fix-cat-list .cat_name:hover,
.product-manufacturer .fix-cat-list .cat_name:focus {
    color: #BD5C35;
    text-decoration: none;
}

/* CARRELLO - riga prodotto sotto i 768 */
@media (max-width: 767px) {
    .page-checkout-cart .mio-container-prodotti {
        display: grid;
        grid-template-columns: 63px auto 1fr;
        grid-template-areas:
            "img nome nome"
            "img qta  prezzo"
            "img qta  totale";
        gap: 10px 14px;
        align-items: start;
    }

    .page-checkout-cart .mio-container-prodotti:after {
        content: none;
    }

    .page-checkout-cart .mio-container-prodotti > div {
        float: none;
        width: auto;
        min-width: 0;
        padding: 0;
    }

    .page-checkout-cart .mio-container-prodotti > .col-immagine { grid-area: img; }
    .page-checkout-cart .mio-container-prodotti > .col-nome     { grid-area: nome; }
    .page-checkout-cart .mio-container-prodotti > .col-quantita { grid-area: qta; align-self: start; }
    .page-checkout-cart .mio-container-prodotti > .col-prezzo   { grid-area: prezzo; }

    .page-checkout-cart .mio-container-prodotti > .col-totale {
        grid-area: totale;
        text-align: right;
    }

        .page-checkout-cart .mio-container-prodotti .col-immagine .testo-voci,
    .page-checkout-cart .mio-container-prodotti .col-nome .testo-voci,
    .page-checkout-cart .mio-container-prodotti .col-quantita .testo-voci {
        display: none;
    }

    .page-checkout-cart .mio-container-prodotti .col-prezzo .testo-voci,
    .page-checkout-cart .mio-container-prodotti .col-totale .testo-voci {
        margin: 0 0 2px;
        font-size: 12px;
        line-height: 15px;
        color: #000000;
    }

        .page-checkout-cart .mio-container-prodotti .col-prezzo,
    .page-checkout-cart .mio-container-prodotti .col-totale {
        margin-top: 0;
    }

    .page-checkout-cart .col-quantita .input-group {
        max-width: none !important;
    }
}

/* ACCESSO RIVENDITORI (bozza 06) */
.page-account-login #content .well,
.page-account-loginutenti #content .well {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
}

.page-account-login #content .form-control,
.page-account-loginutenti #content .form-control {
    height: 60px;
    line-height: 58px;
}

.page-account-login #content .btn-primary,
.page-account-loginutenti #content .btn-primary {
    min-width: 194px;
    height: 49px;
    /* 49 meno i 10+10 di padding: senza questa la riga di testo si
       appoggia in alto nel box e dentro un <a> resta 10px piu su.
       Gli <input> centrano da soli, percio il difetto si vedeva solo
       su "Registrati". Stessa tecnica dei campi qui sopra. */
    line-height: 29px;
    border-radius: 50px;
    color: #FFFFFF;
}

/* DASHBOARD RIVENDITORI (bozza 07) */
.dashboard-b2b {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 30px;
    margin-bottom: 50px;
}

#content .dashboard-b2b .menu-b2b h2 {
    clear: none;
    margin: 0 0 14px;
    padding: 0 0 8px;
    border-bottom: 1px solid #1D3828;
    font-size: 22px;
    font-weight: 400;
    line-height: 28px;
    color: #1D3828;
}

.dashboard-b2b .menu-b2b ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.dashboard-b2b .menu-b2b li {
    border-bottom: 1px solid #D9D9D9;
}

.dashboard-b2b .menu-b2b li a {
    display: block;
    padding: 9px 0;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    color: #101010;
    text-decoration: none;
}

.dashboard-b2b .menu-b2b li a:hover,
.dashboard-b2b .menu-b2b li.attiva a {
    color: #BC5D35;
}

.dashboard-b2b .riquadri-b2b .pav-container,
.dashboard-b2b .riquadri-b2b .pav-inner {
    width: auto;
    padding: 0;
}

.dashboard-b2b .riquadri-b2b .row-inner {
    display: flex;
    flex-wrap: wrap;
}

.dashboard-b2b .riquadri-b2b .row-inner > div {
    margin-bottom: 30px;
}

.riquadro-b2b {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 205px;
    padding: 20px 24px;
    border-radius: 16px;
    background: #E1DBC8;
    margin-top: 25px;
}

#content .riquadro-b2b h3 {
    clear: none;
    margin: 0 0 12px;
    padding: 0;
    border: 0;
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
    color: #1D3828;
}

#content .riquadro-b2b p {
    margin: 0;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    color: #1D3828;
}

.riquadro-b2b .vai-b2b {
    margin-top: auto;
    padding-top: 14px;
    border-top: 1px solid #1D3828;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.5px;
    text-align: right;
    text-transform: uppercase;
}

.riquadro-b2b .vai-b2b a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #1D3828;
    text-decoration: none;
}

.riquadro-b2b .vai-b2b a:after {
    content: "\ea61";
    font-family: "tabler-icons" !important;
    font-size: 20px;
    line-height: 1;
    text-transform: none;
}

.riquadro-b2b.riquadro-verde {
    background: #1D3828;
}

#content .riquadro-b2b.riquadro-verde h3,
#content .riquadro-b2b.riquadro-verde p,
#content .riquadro-b2b.riquadro-verde .vai-b2b a { color: #FFFFFF; }
.riquadro-b2b.riquadro-verde .vai-b2b { border-top-color: #FFFFFF; }

.riquadro-b2b.riquadro-terracotta {
    background: #BC5D35;
}

#content .riquadro-b2b.riquadro-terracotta h3,
#content .riquadro-b2b.riquadro-terracotta p,
#content .riquadro-b2b.riquadro-terracotta .vai-b2b a { color: #FFFFFF; }
.riquadro-b2b.riquadro-terracotta .vai-b2b { border-top-color: #FFFFFF; }

.riquadro-b2b .testo-b2b {
    display: flex;
    gap: 24px;
}

.riquadro-b2b .testo-b2b > div { flex: 1 1 auto; }

.riquadro-b2b .testo-b2b img {
    flex: 0 0 auto;
    width: 150px;
    height: 118px;
    object-fit: cover;
    border-radius: 10px;
}

.page-account-account #content > h2.titolo-blog-b2b {
    margin: 0 0 24px;
    padding: 0;
    border: 0;
    font-size: 30px;
    font-weight: 400;
    line-height: 38px;
    color: #1D3828;
    text-align: center;
}

@media (max-width: 991px) {
    .dashboard-b2b { grid-template-columns: 1fr; }
}

@media (max-width: 767px) {
    .dashboard-b2b { gap: 24px; }
    .riquadro-b2b { min-height: 0; }
    .riquadro-b2b .testo-b2b img { width: 96px; height: 76px; }
    .page-account-account #content > h2.titolo-blog-b2b { font-size: 24px; line-height: 30px; }
}

/* CASSA MOBILE */

.page-checkout-checkout_one .register_block .form-group > label:has(> input[type="checkbox"]),
.page-checkout-checkout_one .form-group > label:has(> input[type="checkbox"]),
.page-checkout-checkout_one .testo-condizioni > label:has(> input[type="checkbox"]) {
    display: flex;
    align-items: flex-start;
    gap: 6px;
}

.page-checkout-checkout_one label > input[type="checkbox"] {
    flex: 0 0 auto;
    margin-top: 2px;
}

@media (max-width: 991px) {

    .page-checkout-checkout_one .register_block .form-group .form-group:has(> label > input.rqfattura) {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 991px) {

    .page-checkout-checkout_one .accedi-registrati-cassa {
        margin-top: 24px;
        padding: 0 15px;
    }

    .page-checkout-checkout_one .checkout_form > .col-md-6 > h3:first-child,
    .page-checkout-checkout_one .register_block > h3:first-child {
        margin-top: 24px;
    }
}

/* CARRELLO - modale della stima spedizione (non e' in bozza: usa i
   componenti del sistema, come il resto delle pagine senza bozza) */
.page-checkout-cart .modal-content {
    border: 1px solid #E1DBC8;
    border-radius: 20px;
    box-shadow: 0 10px 40px rgba(29, 56, 40, 0.15);
}

.page-checkout-cart .modal-header {
    padding: 24px 24px 16px;
    border-bottom: 1px solid #E1DBC8;
}

.page-checkout-cart .modal-title {
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
    color: #1D3828;
}

.page-checkout-cart .modal-body {
    padding: 20px 24px;
}

.page-checkout-cart .modal-body > p {
    margin: 0 0 12px;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    color: #1D3828;
}

.page-checkout-cart .modal-body .radio {
    margin: 0 0 8px;
}

.page-checkout-cart .modal-body .radio label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    color: #101010;
}

.page-checkout-cart .modal-footer {
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    padding: 0 24px 24px;
    border-top: 0;
}

.page-checkout-cart .modal-footer .btn {
    margin: 0;
    padding: 12px 25px;
    border: none;
    border-radius: 50px;
    font-size: 18px;
    font-weight: 300;
    line-height: 23px;
    text-transform: none;
}

.page-checkout-cart .modal-footer .btn-primary {
    background: #1D3828;
    color: #FFFFFF;
}

.page-checkout-cart .modal-footer .btn-primary:hover {
    background: #142619;
}

@media (max-width: 767px) {
    .page-checkout-cart .modal-dialog {
        margin: 20px 15px;
    }

    .page-checkout-cart .modal-footer {
        display: grid;
        gap: 10px;
    }
}

/* CASSA - icone dei metodi di pagamento */
.page-checkout-checkout_one .riga-pagamento-nexi .logo-pagamento-icona:before,
.page-checkout-checkout_one [class*="riga-pagamento-nexi"] .logo-pagamento-icona:before { content: "\ea84"; }

.page-checkout-checkout_one .riga-pagamento-cod .logo-pagamento-icona:before,
.page-checkout-checkout_one [class*="riga-pagamento-cod"] .logo-pagamento-icona:before { content: "\ea55"; }

.page-checkout-checkout_one .riga-pagamento-free_checkout .logo-pagamento-icona:before { content: "\eb75"; }

.page-checkout-checkout_one .register-form {
    margin-top: 22px;
}

/* ------------------------------------------------------------
   Avvisi: carrello, cassa, account
   Non ci sono in bozza: si tiene il comportamento e si prende il
   vestito del resto del sito (raccordo 10, corpo 16/300, colori di
   marca). .success-cart resta fuori: ha i suoi bottoni dentro.
   ------------------------------------------------------------ */
.alert:not(.success-cart) {
    position: relative;
    margin: 0 0 24px;
    padding: 14px 18px;
    border: 1px solid transparent;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
}

.alert:not(.success-cart):has(.close) {
    padding-right: 48px;
}

.alert:not(.success-cart) > i:first-child {
    margin-right: 6px;
    font-size: 18px;
    vertical-align: -2px;
}

/* la x era bianca con opacita 1: sul fondo chiaro spariva */
.alert:not(.success-cart) .close {
    position: absolute;
    top: 50%;
    right: 18px;
    float: none;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding: 0;
    font-size: 20px;
    line-height: 20px;
    color: inherit;
    text-shadow: none;
    opacity: 0.7;
}

.alert:not(.success-cart) .close:hover,
.alert:not(.success-cart) .close:focus {
    color: inherit;
    opacity: 1;
}

.alert:not(.success-cart) a {
    color: inherit;
    text-decoration: underline;
}

/* errore: lo stesso rosso degli asterischi obbligatori e del btn-danger */
.alert-danger:not(.success-cart) {
    border-color: #CC0000;
    background-color: #CC0000;
    color: #FFFFFF;
}

/* nota: la crema di marca, non il giallo di Bootstrap */
.alert-info:not(.success-cart),
.alert-warning:not(.success-cart) {
    border-color: #E1DBC8;
    background-color: #E1DBC8;
    color: #1D3828;
}

@media (max-width: 767px) {
    .alert:not(.success-cart) {
        margin-bottom: 18px;
        padding: 12px 14px;
        font-size: 14px;
        line-height: 20px;
    }

    .alert:not(.success-cart):has(.close) {
        padding-right: 40px;
    }

    .alert:not(.success-cart) .close {
        right: 14px;
    }
}

/* CARRELLO - riga del buono regalo sotto i 992.
   Il buono non ha immagine ne prezzo unitario: con la griglia dei
   prodotti restavano due tracce vuote e il nome partiva rientrato. */
@media (max-width: 991px) {
    .page-checkout-cart .cart-voucher-item > .col-immagine,
    .page-checkout-cart .cart-voucher-item > .col-prezzo {
        display: none;
    }

    .page-checkout-cart .cart-voucher-item > .col-nome {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .page-checkout-cart .cart-voucher-item {
        grid-template-columns: auto 1fr;
        grid-template-areas:
            "nome nome"
            "qta  totale";
    }
}

/* CASSA - riepilogo ordine: totali.
   Le righe prodotto erano gia' in bozza, i totali no: restavano a
   18/300 ereditati. Bozza 05 - Cassa: etichetta 14/400 lh18 e importo
   16/600 lh20, l'ultima riga (Totale) a 32. Col fattore 0.8386
   diventano 12/400, 13/600 e 27. */
.page-checkout-checkout_one #cart_table .resoconto-prezzo > .text-right {
    font-size: 13px;
    font-weight: 600;
    line-height: 17px;
    color: #000000;
}

.page-checkout-checkout_one #cart_table .resoconto-prezzo > .text-right:first-child,
.page-checkout-checkout_one #cart_table .resoconto-prezzo > .text-right strong {
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
}

.page-checkout-checkout_one #cart_table > .resoconto-prezzo > .resoconto-prezzo:last-child > .text-right,
.page-checkout-checkout_one #cart_table > .resoconto-prezzo > .resoconto-prezzo:last-child > .text-right:first-child,
.page-checkout-checkout_one #cart_table > .resoconto-prezzo > .resoconto-prezzo:last-child > .text-right strong {
    font-size: 27px;
    line-height: 34px;
}

.page-checkout-checkout_one #cart_table > .resoconto-prezzo > .resoconto-prezzo:last-child > .text-right:first-child,
.page-checkout-checkout_one #cart_table > .resoconto-prezzo > .resoconto-prezzo:last-child > .text-right strong {
    font-weight: 400;
}

/* il contenitore dei totali porta la stessa classe delle righe: il suo
   filetto raddoppiava quello dell'ultima riga */
.page-checkout-checkout_one #cart_table > .resoconto-prezzo {
    border-bottom: none;
    /* in bozza fra l'ultimo prodotto e il Subtotale ci sono 57 (48 in
       scala), qui era attaccato */
    margin-top: 48px;
}

/* respiro delle righe. In bozza la riga e' alta 51 su 41 di testo
   (quindi 10 sotto, prima del filetto) e la successiva attacca 12
   piu' giu'; fra etichetta e importo ci sono 3. In scala: 8, 10 e 3.
   Qui erano tutti a zero e le righe stavano appiccicate. */
.page-checkout-checkout_one #cart_table > .resoconto-prezzo > .resoconto-prezzo {
    /* la riga porta .no-padding, che e' padding:0 !important */
    padding-bottom: 8px !important;
    margin-bottom: 10px;
}

.page-checkout-checkout_one #cart_table .resoconto-prezzo > .text-right + .text-right {
    margin-top: 3px;
}

/* ------------------------------------------------------------
   Carrello in testata: la tendina aveva ancora il vestito del tema
   vecchio, spigoli vivi e la tabella dei totali col bordo su ogni
   cella. Riprende raccordo, filetto e corpi del resto del sito.
   ------------------------------------------------------------ */
.minibasket .dropdown-menu {
    padding: 23px;
    border: 1px solid #DADADA;
    border-radius: 20px;
    -webkit-box-shadow: 0 6px 24px rgba(0, 0, 0, 0.08);
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.08);
}

.minibasket .dropdown-menu table {
    margin-bottom: 0;
}

.minibasket .dropdown-menu .table-striped > tbody > tr,
.minibasket .dropdown-menu .table-striped > tr {
    background: none;
}

.minibasket .dropdown-menu .table-striped td {
    padding: 12px 0;
    border: none;
    border-top: 1px solid #DADADA;
    vertical-align: top;
}

.minibasket .dropdown-menu td.nome {
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    color: #000000;
}

.minibasket .dropdown-menu td.nome .name {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    color: #BC5D35;
    text-decoration: none;
}

.minibasket .dropdown-menu td.nome br {
    display: none;
}

.minibasket .dropdown-menu td.nome small {
    display: block;
    margin-top: 2px;
    font-size: 12px;
    font-weight: 300;
    line-height: 16px;
    color: #000000;
}

.minibasket .dropdown-menu td.quantita,
.minibasket .dropdown-menu td.importo {
    padding-left: 12px;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 600;
    line-height: 19px;
    color: #000000;
}

.minibasket .dropdown-menu td.azione {
    width: 1%;
    padding-left: 12px;
}

/* i totali: niente riquadro, solo il filetto come nel carrello */
.minibasket .dropdown-menu .table-bordered,
.minibasket .dropdown-menu .table-bordered > tbody > tr > td,
.minibasket .dropdown-menu .table-bordered > tr > td {
    border: none;
}

.minibasket .dropdown-menu .table-bordered {
    margin: 0;
    border-top: 1px solid #DADADA;
}

.minibasket .dropdown-menu .table-bordered td {
    padding: 14px 0 0;
    font-size: 16px;
    font-weight: 300;
    line-height: 21px;
    color: #000000;
}

.minibasket .dropdown-menu .table-bordered td:first-child {
    text-align: left;
}

.minibasket .dropdown-menu .table-bordered strong {
    font-weight: 500;
}

/* ------------------------------------------------------------
   Menu laterale mobile
   Bozze "Menu Categorie" e "Menu Pagine", 429x1043: il pannello
   occupa tutto lo schermo (i due bottoni da 177 con 23 di stacco
   fanno 377, e nei 280 di prima non ci stavano), la x sta in alto a
   destra, le voci sono 20/400 con filetto scuro sotto.
   ------------------------------------------------------------ */
@media (max-width: 991px) {
    .row-offcanvas-left .sidebar-offcanvas {
        left: -100%;
        width: 100%;
    }

    .row-offcanvas-left.active {
        left: 100%;
    }

    .sidebar-offcanvas .offcanvas-inner {
        position: static;
        width: 100%;
        padding: 0 24px;
    }

    /* la x: in bozza 24x24 in alto a destra, qui stava a sinistra */
    .sidebar-offcanvas .offcanvas-heading {
        padding: 15px 0 0;
        text-align: right;
    }

    .sidebar-offcanvas .offcanvas-heading .btn {
        width: 24px;
        height: 24px;
        padding: 0;
        border: none;
        background: none;
        font-size: 20px;
        line-height: 24px;
        color: #000000;
    }

    /* i due bottoni: pillole affiancate, 51 alte, r54 */
    .sidebar-offcanvas .tab-cst {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 42px 0 45px;
    }

    .sidebar-offcanvas .tab-cst button.tablinks {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        float: none;
        width: auto;
        height: 51px;
        padding: 13px 27px;
        border: 1px solid #1D3828;
        border-radius: 54px;
        background-color: #FFFFFF !important;
        font-size: 20px;
        font-weight: 300;
        line-height: 25px;
        color: #1D3828;
        text-transform: none;
        text-align: center;
        white-space: nowrap;
    }

    .sidebar-offcanvas .tab-cst button.tablinks + button.tablinks {
        margin-left: 23px;
    }

    .sidebar-offcanvas .tab-cst button.tablinks.active {
        background-color: #1D3828 !important;
        color: #FFFFFF;
        text-transform: none;
        font-weight: 300;
    }

    /* le voci: 20/400 verdi, filetto scuro, 28 di stacco.
       Il blocco vecchio le governa con selettori a id tutti
       !important, quindi qui serve almeno un id per batterli. */
    /* #offcanvasmenu .navbar-nav era fissa a 280: serve l'id per batterla */
    .sidebar-offcanvas #offcanvasmenu .navbar-nav,
    .sidebar-offcanvas .tabcontent .box-category {
        position: static;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    /* il tema toglie il filetto all'ultima voce, in bozza ce l'hanno tutte */
    .sidebar-offcanvas :is(#Categorie, #Pagine) li,
    .sidebar-offcanvas :is(#Categorie, #Pagine) li:last-child {
        position: relative;
        float: none !important;
        margin: 0 0 28px;
        padding: 0 0 2px !important;
        border: none;
        border-bottom: 1px solid #1D3828;
        background: none;
        list-style: none;
    }

    .sidebar-offcanvas :is(#Categorie, #Pagine) li > a {
        display: block !important;
        /* il blocco vecchio le teneva al 90% e all'85% */
        width: 100% !important;
        padding: 0 !important;
        border: none !important;
        background: none !important;
        font-size: 20px !important;
        font-weight: 400 !important;
        line-height: 25px;
        color: #1D3828;
        text-transform: uppercase !important;
        text-decoration: none;
    }

    /* i sottolivelli: piu' piccoli, senza filetto, staccati dalla madre
       e rientrati di 12 come nella colonna filtri da desktop */
    .sidebar-offcanvas :is(#Categorie, #Pagine) li > .collapse,
    .sidebar-offcanvas :is(#Categorie, #Pagine) li > .collapsing {
        margin-top: 14px;
        /* il blocco vecchio ha padding-left: 0 !important su .collapsing */
        padding-left: 12px !important;
    }

    .sidebar-offcanvas :is(#Categorie, #Pagine) :is(.collapse, .collapsing) li {
        margin: 0 0 14px;
        padding: 0 !important;
        border-bottom: none;
    }

    .sidebar-offcanvas :is(#Categorie, #Pagine) :is(.collapse, .collapsing) li:last-child {
        margin-bottom: 0;
        border-bottom: none;
    }

    .sidebar-offcanvas :is(#Categorie, #Pagine) :is(.collapse, .collapsing) li > a {
        font-size: 16px !important;
        line-height: 21px;
    }

    /* il quadratino col piu diventa il chevron della bozza: 18x18
       appoggiato al bordo destro, sulla riga del testo. Il markup
       e un div.accordion-heading che stava sotto la voce. */
    .sidebar-offcanvas :is(#Categorie, #Pagine) li > .accordion-heading {
        position: absolute;
        top: 4px;
        right: 0;
        float: none;
        width: 18px;
        height: 18px;
        margin: 0;
        padding: 0;
        line-height: 18px;
    }

    .sidebar-offcanvas :is(#Categorie, #Pagine) .accordion-heading .bg,
    .sidebar-offcanvas :is(#Categorie, #Pagine) .accordion-heading span {
        padding: 0;
        border: none;
        background: none !important;
        box-shadow: none;
    }

    .sidebar-offcanvas :is(#Categorie, #Pagine) .accordion-heading .fa {
        font-family: "tabler-icons" !important;
        font-size: 18px;
        line-height: 18px;
        color: #1D3828;
    }

    /* il markup usa plus-square / minus-square: in bozza sono i due
       chevron, in giu da chiuso e in su da aperto */
    .sidebar-offcanvas :is(#Categorie, #Pagine) .accordion-heading .fa-plus-square:before,
    .sidebar-offcanvas :is(#Categorie, #Pagine) .accordion-heading .fa-angle-right:before {
        content: "\ea5f";
    }

    .sidebar-offcanvas :is(#Categorie, #Pagine) .accordion-heading .fa-minus-square:before,
    .sidebar-offcanvas :is(#Categorie, #Pagine) .accordion-heading .fa-angle-down:before {
        content: "\ea62";
    }
}

/* ------------------------------------------------------------
   Mega Filter: prezzo e bottoni (bozza "Filtri", 429x670)
   Lo slider del prezzo e i bottoni Applica/Resetta non sono
   configurati sul sito, ma quando verranno accesi devono gia'
   vestirsi come in bozza.
   ------------------------------------------------------------ */


/* i due estremi: in bozza sono testo 14/500 nero, qui erano due
   campi riquadrati. Restano campi (si possono scrivere) ma senza
   cornice, cosi' leggono come le etichette della bozza. */
:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .mfilter-price-inputs,
:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .mfilter-slider-inputs {
    margin: 0 0 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    color: #000000;
}

:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .mfilter-price-inputs input.form-control,
:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .mfilter-slider-inputs input.form-control {
    width: auto;
    max-width: 64px;
    height: auto;
    padding: 0;
    border: none;
    border-radius: 0;
    background: none;
    box-shadow: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    color: #000000;
    text-align: left;
}

/* --- Applica / Resetta ---
   In bozza: pillola 181x35 r37 verde con testo 13/300 bianco e,
   accanto, "Resetta Filtri" in 14/300 nero. Il modulo stampa prima
   il reset, percio' la riga va rovesciata. */
:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .mfilter-button-bottom,
:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .mfilter-button-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 12px;
    margin: 24px 0 0;
    padding: 14px 0;
    background: #FFFFFF;
}

:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .mfilter-button .btn {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 181px;
    flex: 0 1 181px;
    height: 35px;
    padding: 9px 18px;
    border: none;
    border-radius: 37px;
    background: #1D3828;
    font-size: 13px;
    font-weight: 300;
    line-height: 17px;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
}

:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .mfilter-button .mfilter-button-reset {
    padding: 0;
    background: none;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
    color: #000000;
    text-decoration: none;
}

:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .mfilter-button .mfilter-reset-icon {
    display: none;
}

/* quando i filtri sono tanti i bottoni restano appesi in fondo */
@media (max-width: 991px) {
    .mfilter-free-container .mfilter-button-bottom {
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        z-index: 2;
        margin-top: 14px;
        border-top: 1px solid #DADADA;
    }

    /* il bottone "Filtri" in fondo e' coperto a sinistra dal badge
       Iubenda e a destra dalla chat: il testo va al centro */
    .mfilter-free-button {
        text-align: center;
    }

    /* categoria senza immagine: la colonna restava alta 1px ma con 28
       di margine, e sotto il titolo si apriva un vuoto */
    .page-category .breadcrumb .image-category:not(:has(img)) {
        display: none;
    }
}

/* ------------------------------------------------------------
   Campo con bottone attaccato (data del reso)
   Il bottone prendeva la pillola del kit (r50, padding 10/21) e
   restava staccato dal campo invece di esserne la coda.
   ------------------------------------------------------------ */
.pagina-interna #content .input-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}

.pagina-interna #content .input-group > .form-control {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: auto;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none;
}

.pagina-interna #content .input-group > .input-group-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    /* .date .input-group-btn la inchiodava a 40 */
    height: auto;
    font-size: 0;
}

.pagina-interna #content .input-group > .input-group-btn > .btn {
    width: 52px;
    /* height:100% non si aggancia a niente: serve lo stiramento */
    height: auto;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    min-width: 0;
    padding: 0;
    border-radius: 0 10px 10px 0;
}

.pagina-interna #content .input-group > .input-group-btn > .btn > i {
    font-size: 16px;
    line-height: 1;
}

/* ------------------------------------------------------------
   Categoria senza descrizione
   La fascia del titolo restava alta 426 per un titolo e le briciole.
   La descrizione, quando c'e', e' HTML libero dentro la colonna:
   la si riconosce da un figlio che non sia il titolo ne' una lista.
   (un :has() dentro un altro :has() non e' ammesso, quindi la prova
    e' rovesciata su un solo livello)
   ------------------------------------------------------------ */
/* solo da desktop: sotto i 992 il padding in fondo era gia' a zero
   e aggiungerlo faceva crescere la fascia di 18 */
@media (min-width: 992px) {
    /* si accorcia solo la card bianca: il padding della fascia e' la
       cornice verde attorno, toglierlo incollava la card al bordo */
    .page-category .breadcrumb:not(:has(.category-description > :not(h2):not(ul))):not(:has(.elenco-sottocategorie)) > .container {
        padding-bottom: 18px;
    }
}

/* ------------------------------------------------------------
   CASSA - accesso in linea ("Sei gia' cliente?")
   Il form ha classe .form-inline, percio' Bootstrap dava ai campi
   larghezza automatica: restavano 218x46 r50 invece dei 280x60 r10
   di tutti gli altri campi della cassa.
   ------------------------------------------------------------ */
.page-checkout-checkout_one .login-form .form-group {
    margin-bottom: 0;
}

.page-checkout-checkout_one .login-form .control-label {
    display: block;
    float: none;
    width: 100%;
    margin: 0 0 10px;
    padding: 0;
    font-size: 17px;
    font-weight: 400;
    line-height: 20px;
    color: #000000;
    text-align: left;
}

.page-checkout-checkout_one .login-form .form-control {
    display: block;
    width: 100%;
    height: 60px;
    padding: 0 20px;
    border: 1px solid #DADADA;
    border-radius: 10px;
    background: #FFFFFF;
    font-size: 17px;
    font-weight: 400;
    line-height: 20px;
}

/* bottone e link stanno nella stessa colonna: vanno appaiati e
   allineati alla riga dei campi */
.page-checkout-checkout_one .login-form > .row > .form-inline > .col-sm-3,
.page-checkout-checkout_one .login-form .form-inline > .col-sm-3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 18px;
    padding-top: 30px;
}

.page-checkout-checkout_one .login-form #button-login {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 60px;
    padding: 0 30px;
    font-size: 17px;
    font-weight: 400;
}

.page-checkout-checkout_one .login-form .pwd-dimenticata-cassa {
    font-size: 17px;
    font-weight: 400;
    line-height: 20px;
    color: #000000;
    text-decoration: underline;
}

@media (max-width: 767px) {
    .page-checkout-checkout_one .login-form .form-group + .form-group {
        margin-top: 18px;
    }

    .page-checkout-checkout_one .login-form .form-inline > .col-sm-3 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-top: 18px;
    }
}

/* Il gruppo prezzo non e' un elenco di opzioni: il filetto sotto la
   riga, che separa le voci da spuntare, qui non ci vuole */
:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .mfilter-option.mfilter-price,
:is(.page-category, .pagina-interna) :is(#column-left, .mfilter-free-container) .mfilter-option.mfilter-slider {
    border-bottom: none;
}

/* ------------------------------------------------------------
   Menu alto (Home / Chi siamo / Contatti / Brand)
   L'hover era un riquadro nero pieno. In bozza le voci stanno
   allineate alla barra di ricerca (tutte e due a x616 su 1920).
   ------------------------------------------------------------ */
.header-v1 .navbar-mega .navbar-nav > li > a:hover,
.header-v1 .navbar-mega .navbar-nav > li > a:focus,
.header-v1 .navbar-mega .navbar-nav > li.active > a {
    background: none;
    color: #1D3828;
    text-decoration: underline;
    text-underline-offset: 4px;
    /* neretto finto: cambiare font-weight allargherebbe la voce e
       farebbe ballare quelle accanto a ogni passaggio del mouse */
    text-shadow: 0.35px 0 0 currentColor, -0.35px 0 0 currentColor;
}

@media (min-width: 992px) {
    /* .navbar-collapse porta 15 di padding: erano quelli che
       spostavano il menu a destra rispetto alla barra di ricerca */
    .header-v1 .navbar-mega .navbar-collapse {
        padding-left: 0;
    }
}

/* Prodotto esaurito: in bozza non c'e' questo stato, ma le indicazioni
   di disponibilita' sono 14/300 in nero al 45%. Qui prende quel registro
   con la pastiglia gia' usata sulla scheda per il badge sconto, in tono
   neutro per non confondersi con una promozione. */
.page-product .stato-esaurito {
    display: inline-block;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin: 0 0 18px;
    padding: 7px 16px;
    border-radius: 20px;
    background: #EFEFEF;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    color: #4D4D4D;
}

/* ------------------------------------------------------------
   CASSA - rotella sul bottone d'ordine
   Con Odoo la convalida puo' metterci parecchio: al clic il bottone
   si svuota, mostra la rotella e resta disabilitato finche' non si
   cambia pagina. L'altezza la blocca il JS prima di svuotarlo.
   ------------------------------------------------------------ */
@-webkit-keyframes rotella-gira { to { -webkit-transform: rotate(360deg); } }
@keyframes rotella-gira { to { transform: rotate(360deg); } }

/* il riquadro prende il posto di .payment mentre l'ordine va avanti.
   Niente display:none qui: lo nasconde e lo riaccende jQuery con uno
   stile in riga, cosi' tornando visibile ritrova il flex. */
.page-checkout-checkout_one .attesa-ordine {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 14px;
    width: 100%;
    padding: 20px;
    border-radius: 15px;
    background: #1D3828;
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    color: #FFFFFF;
    text-align: center;
    cursor: wait;
}

.page-checkout-checkout_one .attesa-ordine .rotella {
    display: inline-block;
    font-size: 34px;
    line-height: 1;
    -webkit-animation: rotella-gira 0.8s linear infinite;
    animation: rotella-gira 0.8s linear infinite;
}

/* chi ha chiesto meno animazioni non vede girare niente, ma un battito
   lento dice lo stesso che il bottone sta lavorando */
@-webkit-keyframes rotella-battito { 50% { opacity: 0.35; } }
@keyframes rotella-battito { 50% { opacity: 0.35; } }

@media (prefers-reduced-motion: reduce) {
    .page-checkout-checkout_one .attesa-ordine .rotella {
        -webkit-animation: rotella-battito 1.4s ease-in-out infinite;
        animation: rotella-battito 1.4s ease-in-out infinite;
    }
}