/*
 * 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
   ========================================================================== */


@import 'https://fonts.googleapis.com/css?family=Roboto';


* {box-sizing: border-box;}
html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 0.9em;
    line-height: 1.5;
    margin:0px auto;
	font-family: 'Roboto', sans-serif;
    overflow-x: hidden;
    background-repeat:no-repeat;
    background-position:center top;
    
}

blockquote{
	text-align:left;
	margin:.8em 0 0 0;
	color:#666;
	font-size:.9em;
	font-weight:bold;
}
.nomarginpadding {margin:0px;}

.top-slide{
	height:450px;
}


.boxContatti{
	background-color:#818180;
	color:#FFF;
}



.slide .owl-theme .owl-nav .owl-prev, .slide .owl-theme .owl-nav .owl-prev:hover{opacity:.2;position:absolute;margin-left:-595px; 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:540px; 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:hover, .slide .owl-theme .owl-nav .owl-next:hover{
	opacity:.6;
}

.abs{position:absolute;}


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


.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:.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;
}



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

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

h2{
	margin:0;
	padding:0;
	font-weight:normal;
}

a {
    color: #1c9ed2;
    text-decoration:none;
}

a:visited {
    color: #1c9ed2;
}

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

/*
 * 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%;
}




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

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


/* STYLE PERSONAL */


.buttonContinua{
	display:block;
	padding:.5em .7em;
	width:12em;
	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;
}


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



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


.hr1{
	border:0;
	border-top:.1em solid #F5F5F5;
	
}

.hr1big{
	border:0;
	border-top:.4em solid #1c9ed2;
	height:.8em;
	border-bottom:.1em solid #1c9ed2;
	margin:1em 0;
}
.hr1bigrev{
	border:0;
	border-bottom:.4em solid #1c9ed2;
	height:.8em;
	border-top:.1em solid #1c9ed2;
	margin:1em 0;
}

.hr1d{
	border:0;
	border-top:.1em dashed #1c9ed2;
	
}

.hr2{
	border:0;
	border-top:.5em solid #CCC;
	
}

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


.fleft{
	float:left;
}

.fright{
	float:right;
}

.tright{
	text-align:right;
}

.tleft{
	text-align:left;
}

.clear{clear:both;}
.clear2{clear:both;height:2px;}
.clear5{clear:both;height:5px;}
.clear10{clear:both;height:10px;}
.clear15{clear:both;height:15px;}
.clear20{clear:both;height:20px;}
.clear30{clear:both;height:30px;}
.clear40{clear:both;height:40px;}
.clear50{clear:both;height:50px;}
.clear60{clear:both;height:60px;}
.clear100{clear:both;height:100px;}
.clear120{clear:both;height:120px;}
.left{float:left !important;}
.right{float:right !important;}
.w100{width:100%;}
.w100i{width:100% !important;}
.bordato{border-left: 1px solid #ccc;}
.sbordato{border: 0px}
.txt-left{text-align:left !important;}
.txt-right{text-align:right;}
.txt-center{text-align:center;}
.margin0auto{margin: 0 auto;}
.relativo{position: relative;}

.flessibile{display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;}
.flessibilei{display: inline-flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-inline-flex;}
.flessibileforzato{display: flex !important; display: -webkit-box !important; display: -ms-flexbox !important; display: -webkit-flex !important;}
.centratoverticale{align-items:center;-webkit-align-items:center;}
.bassoverticale{align-items:flex-end;-webkit-align-items:flex-end;}
.centratoorizzontale{justify-content:center;-webkit-justify-content:center;}
.destraorizzontale{justify-content:flex-end;-webkit-justify-content:flex-end;}
.allineatoorizzontale{align-content:center;-webkit-align-content:center;}
.giustificato{justify-content:space-around;-webkit-justify-content:space-around;}
.giustificato2{justify-content:space-between;-webkit-justify-content:space-between;}
.stretchato{align-items: stretch;-webkit-align-items:stretch;}
.stretchato2{align-content: stretch;-webkit-align-content:stretch;}
.incolonnato{flex-direction: column; -webkit-flex-direction: column;}


.padding-20p{padding:20px;}
.padding-40p{padding:20px;}
.padding-top-bottom-10p{padding-top:10px;padding-bottom:10px;}
.padding-left-right-10p{padding-right:10px;padding-left:10px;}
.padding-left-right-40p{padding-right:40px;padding-left:40px;}
.padding-left-10p{padding-left:10px;}
.padding-right-10p{padding-right:10px;}

.bigger{
	margin:.2em 0 0 0;
	font-size:2.2em;
	font-weight:bold;
	line-height:1em;
	margin:.55em 0;
}

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

.big2{
   font-size:1.4rem;
   font-weight: bold;
   line-height:1.3rem;
}

.medium{
	font-size:1.15rem;
}

.normal{
	font-size:.8rem;
}

.small{
	font-size:.7rem;
}

.smaller{
	font-size:.6rem;
}


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

.bordergray{
	
	border:.1em solid #CCC;
	padding:1.5em;
	box-shadow: .3em .3em .3em #ccc;
}

.block{
	display:block;
}

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

.und{
	text-decoration:underline !important;	
}

.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:.2em 0;
	border:1px solid #ccc;
}

.padX4{
	padding:2em !important;
	
}

.padX3{
	padding:1.5em !important;
	
}

.padX2{
	padding:1em !important;
	
}
.padX2tb{
	padding:1em 0 !important;
	
}

.padX1-5{
	padding:.6em !important;
	
}

.padX1{
	padding:.3em !important;
	
}

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

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

.padX{
	padding:.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: 'Roboto', sans-serif;}
ul.mobile-menu li a{text-decoration:none; font-family: 'Roboto', 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: 'Roboto', sans-serif; color:#000; display: block; width: 100%; padding: 0; box-sizing: border-box; }
ul.mobile-menu .selected { color:#fff; font-family: 'Roboto', 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:.7em;
	display:block;
}

#menu-left li a, #menu-left li a:visited{
	width:100%;
	margin-top:.2em;
	color:#333;
	text-decoration:none;	
	padding:.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:.2em;
	color:#fefefe;
	text-decoration:none;
	background-color:#b1cc6a;
	padding:.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: .9rem;
    font-weight: 600;
    float: left;
    width: 55%;
}

.fixsottotitoloprod
{
    margin: 0 0 0 4px;
    font-size: .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;
 	font-family: 'Roboto', sans-serif;
}

.link-continua{
	display:block;
	text-align:left;
	width:100%;
	color:#666 !important;
	font-size:12px;
 	font-family:  'Roboto', sans-serif;
 	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:.8em;
}

.underline-m{
	text-decoration:underline !important;
}

.grassetto, .bold{font-weight:bold;}



/* Sweep To Right */
.hvr-sweep-to-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0);
 box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale;
 position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
.hvr-sweep-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: scaleX(0);
 transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform;
 -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}

.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before { -webkit-transform: scaleX(1); transform: scaleX(1);}


/* BOTTONI */
.btn{display:inline-block; padding:.4em .8em; color:#fff !important; text-transform: uppercase; text-decoration:none !important; font-size:.9em;}

.puls-blue2.hvr-sweep-to-right {background: #323e4e;}
.puls-blue2.hvr-sweep-to-right:before {background: #2098d1;}

.puls-orange.hvr-sweep-to-right {background: #ffa500;}
.puls-orange.hvr-sweep-to-right:before {background:  #ff7700;}

.zoomMe:hover .iZoom {
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  transition: all .4s ease;
}

.zoomMe .iZoom {
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  transition: all .4s ease;
}


.slick-prev0 {position: absolute; top: calc(50% - 25px); left: -40px; height: 40px; font-size: 1rem; line-height: 3.84rem; min-width: 40px; cursor: pointer; z-index: 9;}
.slick-next0 {position: absolute; top: calc(50% - 25px); right: -40px; height: 40px; font-size: 1rem; line-height: 3.84rem; min-width: 40px; cursor: pointer; z-index: 9;}
.slick-next0 i, .slick-prev0 i {width: 100%; text-align: center;}

.slick-prev1 {position: absolute; left: calc(50% - 25px); top: -40px; height: 40px; font-size: 1rem; line-height: 3.84rem; min-width: 40px; cursor: pointer; z-index: 9;}
.slick-next1 {position: absolute; left: calc(50% - 25px); bottom: -40px; height: 40px; font-size: 1rem; line-height: 3.84rem; min-width: 40px; cursor: pointer; z-index: 9;}
.slick-next1 i, .slick-prev1 i {width: 100%; text-align: center;}

.bg-gray2222 { background-color: #eff5f3;}
.bg-gray3333 { background-color: #eee;}

.logoX {margin: 0 auto;
display: block;
width: 100%;
text-align: center;}
@media only screen and (max-width: 699px) {
    .terzoSlide {display: block;}
    .terzoSlide .col-7{ width: 100%; margin: 0 auto;}
    .terzoSlide .col-3{ width: 100%}
    .slick-prev1 {position: absolute; top: calc(50% - 25px); left: -40px; height: 40px; font-size: 1rem; line-height: 3.84rem; min-width: 40px; cursor: pointer; z-index: 9; right: unset;}
    .slick-next1 {position: absolute; top: calc(50% - 25px); right: -40px; height: 40px; font-size: 1rem; line-height: 3.84rem; min-width: 40px; cursor: pointer; z-index: 9; left: unset;}
    .slider-nav3 img {padding: 0 10px;}
}