/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

@font-face {
  font-family: "VW Headline OT";
  src: url("../font/hinted-VWHeadlineOT-Book.eot");
  src: url("../font/hinted-VWHeadlineOT-Book.eot?#iefix")
      format("embedded-opentype"),
    url("../font/hinted-VWHeadlineOT-Book.woff2") format("woff2"),
    url("../font/hinted-VWHeadlineOT-Book.woff") format("woff"),
    url("../font/hinted-VWHeadlineOT-Book.ttf") format("truetype"),
    url("../font/hinted-VWHeadlineOT-Book.svg#VWHeadlineOT-Book") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "VW Headline OT";
  src: url("../font/hinted-VWHeadlineOT-Semibold.eot");
  src: url("../font/hinted-VWHeadlineOT-Semibold.eot?#iefix")
      format("embedded-opentype"),
    url("../font/hinted-VWHeadlineOT-Semibold.woff2") format("woff2"),
    url("../font/hinted-VWHeadlineOT-Semibold.woff") format("woff"),
    url("../font/hinted-VWHeadlineOT-Semibold.ttf") format("truetype"),
    url("../font/hinted-VWHeadlineOT-Semibold.svg#VWHeadlineOT-Semibold")
      format("svg");
  font-weight: bold;
  font-style: normal;
}

/*@font-face {
	font-family: 'VWHeadline-Lt';
	src: url('hinted-VWHeadline-Lt.eot');
	src: url('hinted-VWHeadline-Lt.eot?#iefix') format('embedded-opentype'),
		url('hinted-VWHeadline-Lt.woff2') format('woff2'),
		url('hinted-VWHeadline-Lt.woff') format('woff'),
		url('hinted-VWHeadline-Lt.ttf') format('truetype'),
		url('hinted-VWHeadline-Lt.svg#VWHeadline-Lt') format('svg');
	font-weight: normal;
	font-style: normal;
}*/

@font-face {
  font-family: "VW Headline OT";
  src: url("../font/hinted-VWHeadlineOT-Black.eot");
  src: url("../font/hinted-VWHeadlineOT-Black.eot?#iefix")
      format("embedded-opentype"),
    url("../font/hinted-VWHeadlineOT-Black.woff2") format("woff2"),
    url("../font/hinted-VWHeadlineOT-Black.woff") format("woff"),
    url("../font/hinted-VWHeadlineOT-Black.ttf") format("truetype"),
    url("../font/hinted-VWHeadlineOT-Black.svg#VWHeadlineOT-Black")
      format("svg");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "VWUtopia";
  src: url("../font/hinted-VWUtopia-Sb.eot");
  src: url("../font/hinted-VWUtopia-Sb.eot?#iefix") format("embedded-opentype"),
    url("../font/hinted-VWUtopia-Sb.woff2") format("woff2"),
    url("../font/hinted-VWUtopia-Sb.woff") format("woff"),
    url("../font/hinted-VWUtopia-Sb.ttf") format("truetype"),
    url("../font/hinted-VWUtopia-Sb.svg#VWUtopia-Sb") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "VWUtopia";
  src: url("../font/hinted-VWUtopia-Bk.eot");
  src: url("../font/hinted-VWUtopia-Bk.eot?#iefix") format("embedded-opentype"),
    url("../font/hinted-VWUtopia-Bk.woff2") format("woff2"),
    url("../font/hinted-VWUtopia-Bk.woff") format("woff"),
    url("../font/hinted-VWUtopia-Bk.ttf") format("truetype"),
    url("../font/hinted-VWUtopia-Bk.svg#VWUtopia-Bk") format("svg");
  font-weight: normal;
  font-style: normal;
}

html,
button,
input,
select,
textarea {
  color: #222;
}

body {
  font-size: 1.1em;
  line-height: 1.4;
  margin: 0px auto;
  font-family: "VW Headline OT", sans-serif;
  overflow-x: hidden;
  background-color: #eaeeed;
}

blockquote {
  text-align: left;
  margin: 0.8em 0 0 0;
  color: #666;
  font-size: 0.9em;
  font-weight: bold;
}

/*
.slide .owl-theme .owl-nav .owl-prev, .slide .owl-theme .owl-nav .owl-prev:hover{opacity:.2;position:absolute;margin-left:-700px; background:url('../images/colori-left.png') no-repeat center center; width:65px; height:65px; top:50%; margin-top:-30px; text-indent:-9999px;}
.slide .owl-theme .owl-nav .owl-next, .slide .owl-theme .owl-nav .owl-next:hover{opacity:.2;position:absolute;margin-left:400px; background:url('../images/colori-right.png') no-repeat center center; width:65px; height:65px; top:50%; margin-top:-30px; text-indent:-9999px;}
*/

.slide .owl-theme .owl-nav .owl-prev,
.slide .owl-theme .owl-nav .owl-prev:hover {
  display: none;
}
.slide .owl-theme .owl-nav .owl-next,
.slide .owl-theme .owl-nav .owl-next:hover {
  display: none;
}

.slide .owl-theme .owl-nav .owl-prev:hover,
.slide .owl-theme .owl-nav .owl-next:hover {
  opacity: 0.6;
}

.owl-carousel .owl-item img {
  display: block;
  margin: 0 auto !important;
  width: 1200px !important;
}

.verde {
  color: #eb6a0e;
  margin-top: 0px;
}

.bianco {
  color: #fff;
}

.grigio {
  color: #ccc;
}

.btn-bianco {
  background-color: #fa8106;
  width: 5em;
  height: 2em;
  color: #000;
  border: 0;
}

.nero {
  color: #000;
}
a.nero {
  color: #000 !important;
}

.rosso {
  color: maroon;
}

#bannerMaggiorenneLayer {
  position: fixed;
  z-index: 400;
  width: 100%;
  height: 100%;
}

#bannerMaggiorenne {
  position: fixed;
  background-color: #fff;
  z-index: 500;
  width: 906px;
  height: 394px;
  left: 50%;
  top: 50%;
  margin-top: -187px;
  margin-left: -453px;
}

#bannerMaggiorenne .imgBannerMaggiorenne {
  margin: 0;
}

a.linkverde,
a.linkverde:visited {
  color: #eb6a0e;
  text-decoration: none;
  padding: 0.4em;
  background: #fff;
  font-size: 0.95em;
  display: inline-block;
}

a.linkverde,
a.linkverde:visited {
  color: #eb6a0e;
  text-decoration: none;
  padding: 0.4em;
  background: #fff;
  font-size: 0.95em;
  display: inline-block;
}

a.linkverde:hover {
  background: #fff;
  color: #eb6a0e;
  text-decoration: underline;
  padding: 0.4em;
  font-size: 0.95em;
  display: inline-block;
}

.centra {
  text-align: center !important;
  margin: 0px auto;
}

.destra {
  margin: 0px 0px 0px auto;
}

.jumbo {
  width: 100%;
  background-position: bottom center;
  background-repeat: no-repeat;
  color: #000 !important;
  overflow: hidden;
}

.info {
  background-color: #f2bf16 !important;
  color: #4f2b1f !important;
  border: 0;
  /*   height:3.5em;*/
  padding: 0.5em;
  font-size: 1em;
  font-weight: bold !important;
  margin-top: 15px;
}

.jumbo2 {
  background-color: #585858 !important;
  box-sizing: border-box;
  color: #fff !important;
  margin: 0 auto;
  padding: 1.3em 0;
  text-align: center;
  width: 980px;
}

.nuovo-usato {
  font-size: 1em;
  color: #699100;
  font-weight: bold;
  padding: 5px 2px;
  background-color: #fff;
  font-style: normal;
}

a.btn-scopri,
a.btn-scopri:visited {
  font-size: 0.7em;
  color: #999;
  font-weight: bold;
  padding: 5px 2px;
  background-color: #fff;
  border: 1px solid #ccc;
}

a.btn-scopri:hover {
  font-size: 0.7em;
  color: #999;
  font-weight: bold;
  padding: 5px 2px;
  background-color: #ccc;
  color: #000;
  border: 1px solid #ccc;
}

h2 {
  margin: 0;
  padding: 0;
  color: #666;
}
a {
  color: #000;
  text-decoration: none;
}

.bg-grigio {
  background-color: #e8eced;
}

.bg-arancio {
  background-color: #eb6a0e;
}

.bg-bianco {
  background-color: #fff;
}

a:visited {
  color: #000;
}

a:hover {
  text-decoration: underline;
  color: #000;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
  resize: vertical;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/*
FONT
*/

form {
  margin-top: 20px;
}
form input[type="text"],
form textarea,
form input[type="email"] {
  background: #e7e3e0;
  border: 0 none;
  border: 0px;
  height: 25px;
  margin: 5px 0 10px;
  padding: 3px;
  width: 100%;
}

.font2 {
}

.font2b {
  font-weight: bold;
}

.brd1ccc {
  border: 1px solid #ccc;
}

/* HIDE VISIBILITY SEPARATED DEVICE */
.hide-element {
  display: none;
}

/* STYLE PERSONAL */

.formCarrello {
  width: 15em;
}

.formCarrello select {
  border: 1px solid #ccc;
  background-color: #fff;
  display: inline-block;
  margin: 0.5em 1em;
  width: 3em;
  text-align: right;
  padding: 0 0.2em;
}

.formSearch select {
  border: 1px solid #ccc;
  background-color: #fff;
  display: inline-block;
  margin: 0.5em 1em;
  width: 15em;
  padding: 0 0.2em;
  display: block;
  margin: 0.5em 0 auto auto;
}

.formCarrello label {
  display: inline-block;
  width: 3.8em;
}

.buttonContinua {
  display: block;
  padding: 0.5em 0.7em;
  width: 12em;
  text-align: center;
  border: 0;
}

.buttonCarrello {
  display: block;
  padding: 0.5em 0.7em;
  width: 14em;
  text-align: center;
  border: 0;
}

.fb-menu {
  padding: 0;
  margin: 0;
  min-width: 2.5em !important;
}

.fb-menu a:hover {
  background-color: transparent !important;
}

.nospace {
  margin: 0;
  padding: 0;
}

.margin-tb1 {
  margin: 1em 0;
  box-sizing: border-box;
}

.nowrap {
  display: inline;
}

.bg1 {
  background-color: #4f2b1f;
}

.color1,
a.color1 {
  color: #f2bf16;
}

.color2,
a.color2 {
  color: #4f2b1f;
}

.bg2 {
  background-color: #4f2b1f !important;
}

.box {
  width: 100%;
  box-sizing: border-box;
  padding: 1%;
}

.selected {
  color: #f2bf16 !important;
  background-color: #4f2b1f;
  padding: 0.3em;
  font-family: font1;
  display: inline-bock;
}

.color3,
a.color3 {
  color: #fff;
}

.bg3 {
  background-color: #f8f8f8;
}

.color4,
a.color4 {
  color: #f00;
}

.bg4 {
  background-color: #f2bf16;
}

.hr1 {
  border: 0;
  border-top: 0.1em solid #eb6a0e;
}

.hr1big {
  border: 0;
  border-top: 0.4em solid #eb6a0e;
  height: 0.8em;
  border-bottom: 0.1em solid #eb6a0e;
  margin: 1em 0;
}
.hr1bigrev {
  border: 0;
  border-bottom: 0.4em solid #eb6a0e;
  height: 0.8em;
  border-top: 0.1em solid #eb6a0e;
  margin: 1em 0;
}

.hr1d {
  border: 0;
  border-top: 0.1em dashed #eb6a0e;
}

.hr2 {
  border: 0;
  border-top: 0.5em solid #ccc;
}

.hr3 {
  border: 0;
  border-top: 0.1em solid #999;
}

.fleft {
  float: left;
}

.fright {
  float: right;
}

.tright {
  text-align: right;
}

.clear {
  clear: both;
}

.bigger {
  margin: 0.2em 0 0 0;
  font-size: 2.5rem;
  font-weight: bold;
}

.big {
  font-size: 1.5rem;
  font-weight: bold;
}

.medium {
  font-size: 1.1rem;
}

.normal {
  font-size: 0.8rem;
}

.small {
  font-size: 0.7em;
}

.smaller {
  font-size: 0.6em;
}

.red {
  color: red;
}

.black {
  color: black;
}

.green {
  color: dark-green;
}

.blue {
  color: dark-blue;
}

.gray {
  color: #666;
}

.img-small {
  width: 45%;
  margin-left: -4%;
  float: left;
}

.bordergray {
  border: 0.1em solid #ccc;
  padding: 1.5em;
  box-shadow: 0.3em 0.3em 0.3em #ccc;
}

.boxProdotto {
  min-height: 350px;
}

.block {
  display: block;
}

.border1 {
  border: 1px solid #ccc;
}

.row {
  margin: 0;
}

.border-c10 {
  border-radius: 0.5em;
}

.w100 {
  width: 100%;
}

.inputNormal {
  border-radius: 0.5em;
  padding: 0.3em;
  width: 90%;
  box-sizing: border-box;
  display: block;
  margin: 0.2em 0;
  border: 1px solid #ccc;
}

.padX2 {
  padding: 1em !important;
}

.no-pad {
  padding: 0 !important;
}

.no-pad-top {
  padding-top: 0 !important;
}

.padX {
  padding: 0.5em !important;
}

ul.mobile-menu {
  width: 100%;
  list-style: none;
  color: #333;
}
ul.mobile-menu li {
  display: block;
  border-bottom: 1px dotted #333;
  padding: 8px 0 10px 0;
  font-family: "VWUtopia", sans-serif;
}
ul.mobile-menu li a {
  text-decoration: none;
  font-family: "VWUtopia", sans-serif;
  color: #333;
  display: block;
  width: 100%;
  padding: 0;
  box-sizing: border-box;
}
ul.mobile-menu li a:hover {
  text-decoration: none;
  font-family: "VWUtopia", sans-serif;
  color: #000;
  display: block;
  width: 100%;
  padding: 0;
  box-sizing: border-box;
}
ul.mobile-menu .selected {
  color: #fff;
  font-family: "VWUtopia", sans-serif;
  padding: 0;
}

#menu-left {
  display: block;
  list-style-type: none;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

#menu-left li {
  box-sizing: border-box;
  font-size: 0.7em;
  display: block;
}

#menu-left li a,
#menu-left li a:visited {
  width: 100%;
  margin-top: 0.2em;
  color: #333;
  text-decoration: none;
  padding: 0.5em;
  background-color: #eaeaea;
  display: block;
  box-sizing: border-box;
}

#menu-left li a:active,
#menu-left li a:hover,
#menu-left li .selected {
  width: 100%;
  margin-top: 0.2em;
  color: #fefefe;
  text-decoration: none;
  background-color: #b1cc6a;
  padding: 0.5em;
  display: block;
  box-sizing: border-box;
}

.carrelloimg {
  position: relative;
  margin-top: -5px;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/* Prevent callout */

.nocallout {
  -webkit-touch-callout: none;
}

.pressed {
  background-color: rgba(0, 0, 0, 0.7);
}

/* A hack for HTML5 contenteditable attribute on mobile */

textarea[contenteditable] {
  -webkit-appearance: none;
}

/* A workaround for S60 3.x and 5.0 devices which do not animated gif images if
   they have been set as display: none */

.gifhidden {
  position: absolute;
  left: -100%;
}

/*
 * Image replacement
 */

.ir {
  background-color: transparent;
  background-repeat: no-repeat;
  border: 0;
  direction: ltr;
  display: block;
  overflow: hidden;
  text-align: left;
  text-indent: -999em;
}

.ir br {
  display: none;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
  display: none !important;
  visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

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

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

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

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
  visibility: hidden;
}

/**
 * Clearfix helper
 * Used to contain floats: h5bp.com/q
 */

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

/**
 * Css Matias
 */

.fixnostriprodotti {
  margin: 1rem 0 0 10px;
}

.fixtitoloprod {
  display: block;
  margin: 1rem 0 0 4px;
  text-transform: uppercase;
  font-size: 0.9rem;
  font-weight: 600;
  float: left;
  width: 55%;
}

.fixsottotitoloprod {
  margin: 0 0 0 4px;
  font-size: 0.8rem;
  display: block;
  float: left;
  width: 55%;
}

.fixcontinuaprod {
  position: absolute;
  right: 20px;
  bottom: 40px;
}
.thin {
  font-weight: normal;
}

.italic {
  font-style: italic;
}

.brown {
  color: #574a41;
}

.link-continua {
  display: block;
  text-align: right;
  width: 100%;
  color: #666 !important;
  font-size: 12px;
}

.link-continua {
  display: block;
  text-align: left;
  width: 100%;
  color: #666 !important;
  font-size: 12px;
  margin-top: 20px;
}

.menu-interno {
  list-style-type: none;
  margin: 0;
  padding: 0 0 0 10px;
}

.menu-interno li {
  line-height: 3em;
  background-color: #ccc;
  font-size: 1.2em;
  margin-bottom: 2px;
  color: #333 !important;
  font-size: 1em;
}

.menu-interno .selectedmenu {
  line-height: 2.5em;
  background-color: #fff;
  font-size: 1.2em;
  margin-bottom: 2px;
  color: #f2bf16 !important;
  font-size: 1em;
  font-weight: bold;
  border-width: 1px 1px 1px 0;
  border-style: dotted;
  border-color: #ccc;
}

.menu-interno li img {
  height: 3em;
  margin-right: 0.8em;
}

.fs-10 {
  font-size: 0.625rem !important;
}

.fs-11 {
  font-size: 0.6875rem !important;
}

.fs-12 {
  font-size: 0.75rem !important;
}

.fs-13 {
  font-size: 0.8125rem !important;
}

.fs-14 {
  font-size: 0.875rem !important;
}

.fs-15 {
  font-size: 0.9375rem !important;
}

.fs-16 {
  font-size: 1rem !important;
}

.fs-17 {
  font-size: 1.0625rem !important;
}

.fs-18 {
  font-size: 1.125rem !important;
}

.fs-19 {
  font-size: 1.1875rem !important;
}

.fs-20 {
  font-size: 1.25rem !important;
}

.fs-22 {
  font-size: 1.375rem !important;
}

.fs-24 {
  font-size: 1.5rem !important;
}

.fs-25 {
  font-size: 1.5625rem !important;
}

.fs-26 {
  font-size: 1.625rem !important;
}

.fs-28 {
  font-size: 1.75rem !important;
}

.fs-30 {
  font-size: 1.875rem !important;
}

.fs-32 {
  font-size: 2rem !important;
}

.fs-34 {
  font-size: 2.125rem !important;
}

.fs-35 {
  font-size: 2.1875rem !important;
}

.fs-36 {
  font-size: 2.25rem !important;
}

.fs-38 {
  font-size: 2.375rem !important;
}

.fs-40 {
  font-size: 2.5rem !important;
}

.fs-44 {
  font-size: 2.75rem !important;
}

.fs-48 {
  font-size: 3rem !important;
}

.fs-50 {
  font-size: 3.125rem !important;
}

.fs-52 {
  font-size: 3.25rem !important;
}

.fs-56 {
  font-size: 3.5rem !important;
}

.fs-60 {
  font-size: 3.75rem !important;
}

.fs-70 {
  font-size: 4.375rem !important;
}

.fs-80 {
  font-size: 5rem !important;
}

.fs-90 {
  font-size: 5.625rem !important;
}

.fs-100 {
  font-size: 6.25rem !important;
}

.fs-110 {
  font-size: 6.875rem !important;
}

.fs-115 {
  font-size: 7.187rem !important;
}

.fs-120 {
  font-size: 7.5rem !important;
}

.fs-130 {
  font-size: 8.125rem !important;
}

.fs-200 {
  font-size: 12.5rem !important;
}

.fs-250 {
  font-size: 12.5rem !important;
}

.fs-300 {
  font-size: 18.75rem !important;
}

.fs-350 {
  font-size: 21.875rem !important;
}

.fs-400 {
  font-size: 25rem !important;
}
.ls-01 {
  letter-spacing: 0.1em !important;
}

.ls-02 {
  letter-spacing: 0.2em !important;
}

.lh-0-85 {
  line-height: 0.85 !important;
}

.lh-0-9 {
  line-height: 0.9 !important;
}

.lh-0-95 {
  line-height: 0.95 !important;
}

.lh-1 {
  line-height: 1 !important;
}

.lh-1-2 {
  line-height: 1.2 !important;
}

.lh-2 {
  line-height: 2 !important;
}