@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,600,600italic,700);
@import url(font.css);




body {
  color: #666;
  font-size: 1.6em;
  line-height: 1.6em;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: normal;
  word-wrap: break-word;
  letter-spacing: 0;
  /*background: #5f5854 url(../images/back.jpg) repeat 0 0;*/
  background-color:white;
}

#mask {
    background-color: #0d9ccb;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10000;
}
#loader {
    background-image:url(../images/loader.html);
    background-position: center center;
    background-repeat: no-repeat;
    height: 200px;
    left: 50%;
    margin: -100px 0 0 -100px;
    position: absolute;
    top: 50%;
    width: 200px;
}



a {
  text-decoration: none;
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

.btn{
-webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;

}

a:hover,
a:focus,
a:active {
  color: #2b2b2b;
  text-decoration: none;
}

.cl{ clear: both;}

li{
list-style:none;
}

/* header */


header{
	height:110px;
		
}

.header-back{	
	height:110px;
	position:relative;	
}

.navbar-header{
height:75px;
}

@media (max-width: 767px) {
	
	header{
	height:80px;
	margin-top:10px;	
	}
	
	.navbar-header{
		height:40px;
	}
}





.visore{

margin-bottom:30px;
}




ul.navbar-nav{
margin-top:88px;
margin-left:182px;
margin-right:-40px;
}

.registrati-ico{
padding-left:40px;
padding-top:4px;
/*width:50px;*/
height:36px;
display:block;
background: transparent url(../img/ico_registratti.html) no-repeat left 0 ;
}

.accedi-link{
margin-top:24px !important;
}

.registrati-ico:hover{

background: transparent url(../img/ico_registratti.html) no-repeat left -38px ;
}



.lingua{
top:20px;
right:18px;
position:absolute;
}

.lingua ul{
}

.lingua ul li{
float:left;
margin-left:10px;
display:block;
border:1px solid #FFF;
font-size:11px;
text-align:center;
color:rgb(117, 117, 117);
}

.lingua ul li a{
display:block;
padding:0px 6px;
}

.lingua ul li a:hover{
background-color:#FFF;
color:#000;
}

.lingua ul li.active{
    background-color: rgb(117, 117, 117);
    padding: 0px 9px;
    color: rgb(255, 255, 255);
}


.bandiera{
background: transparent url(../images/banderina.jpg) no-repeat left 8px ;
padding-left:30px !important;
}

.bandiera:hover{
background: #6e6264 url(../images/banderina.jpg) no-repeat left 8px !important;
padding-left:30px !important;
}


@media (max-width: 767px) {
	.navbar-brand{
	
	}
	
	.navbar-brand img{
	width:70%;
	}
	
	.nav-right{
	display:none;
	}
	
.navbar-brand {
	padding: 3px 15px 15px 5px;
  }
  
  ul.navbar-nav{
  background-color:#d3cbc5;
  margin-left:-15px;
  margin-top:4px;
  }
  
  .lingua{
  display:none;
  }
  
  .bandiera{
  background: transparent url(../images/banderina.jpg) no-repeat 100px 8px ;
  padding-left:0px !important;
  }
  
  .bandiera:hover{
	background: #6e6264 url(../images/banderina.jpg) no-repeat left 8px;
	padding-left:0px !important;
	}
  
  
}




@media (min-width: 768px) {
	
	
	.navbar-brand img{
            width:100%;
	}
	
	.navbar-nav > li > a{
	padding:0 15px 0 0;
	}
	
	

}

@media (min-width: 1200px) { 
		ul.navbar-nav li {
		margin-right:0px;
		} 
	}
 

 
 

 /* CONTATTI */
 
 .left-contact{}
 
  .left-contact h3{
  color:#FFF;
  }
 
   .left-contact p{
  margin:5px 0;
  }
 
 
 .left-contact a{
  color:#FFF;
  text-decoration:underline;
  font-size:14px;
  }
 
	.left-contact a:hover{
  color:#FFF;
  text-decoration:none;
  font-size:14px;
  }
 
 
form{
margin-bottom:30px;
}
 
.right-contact a{
color:#FFF;
font-size:13px;
display:block;
margin-bottom:13px;
} 
 
.right-contact a:hover{
color:#FFF;
text-decoration:underline;
}  
 
 .btn-default{
 background-color:#ed1c24;
 color:#FFF;
 font-weight:bold;
 }
 
 
 .left-news{
 padding-top:15px;
 }
 
  .left-news h3{
  color:#FFF;
 font-size:18px;
 font-weight:bold;
 }
 
 
  .right-news{
 padding-top:15px;
 }
 
  .right-news h3{
 color:#FFF;
 font-size:18px;
 font-weight:bold;
 margin:0;
 padding:0;
 }
 
 .date-news{
  color:#FFF;
 font-style:italic;	
 }
 
 
@media (max-width: 767px) {
ul.mob-menu-sub{display:none !important;}	
}

@media (min-width: 768px) {
li.mob-menu-lingua{display:none;}
}


@media (min-width: 1200px) {
li.mob-menu-lingua{display:none;}
 }
 
 




/*   *************  Footer **************  */

footer{
margin-bottom:30px;
}

.footer-back{
background:url("../images/back_transparent.png") repeat scroll 0 0 rgba(0, 0, 0, 0)
}

.footer_menu{

}

.footer_menu ul{
float:left;
margin-top:15px;
padding-left:0;
}

.footer_menu ul li{
padding:0px 10px;
float:left;
line-height:15px;
}

.footer_menu ul li a{
color:#FFF;
font-size:13PX;
}

.footer_menu ul li a:hover{
color:#f10009;
}



.footer-box{

float:right;

}


.footer-box p{
color: #FFF;
    font-size: 13PX;
    margin-top: 10px;
    padding: 0;
    text-align: right;
    margin-right: 8px;

}


.footer-box a{
color:#FFF;
}

.footer-box a:hover{
color:#f10009;
}




@media (max-width: 767px) {
	
}


@media (min-width: 768px) {
	
}


@media (min-width: 1200px) {
		
}

.prodotti{
margin-top:30px;
}


.prod_block{
background-color:#32302e;
padding:10px;

margin-bottom:30px;
float:left;
width:100%;
}

.prod_block:hover{
background-color:#000;
}

.prod_block img{
border-right:3px solid #ed1c24;
padding-right:5px;
float:left;
margin-right:10px;
}

.prod_block h2{
font-size:18px;
font-weight:bold;
color:#b0afaf;
margin-bottom:0px;
margin-top:152px;
}


.prod_block a{
display:block;
}

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

.braed-crumbs{
margin-top:30px;
}

.braed-crumbs h2{
border-left:3px solid #ed1c24;
padding-left:15px;
font-size:20px;
font-weight:bold;
color:#b1afae;
}

.braed-crumbs h3{
border-left:3px solid #ed1c24;
padding-left:15px;
font-size:16px;
font-weight:bold;
color:#b1afae;
}

.braed-crumbs h4{
border-left:3px solid #ed1c24;
padding-left:15px;
font-size:20px;
font-weight:bold;
color:#FFF;
margin-top:18px;
}


/*   ****/

.prod_block_categoria{
background-color:#32302e;
margin-bottom:30px;
float:left;
position:relative;
}

.prod_block_categoria img{
z-index:1;
}

.badge{
position:absolute;
top:-3px;
left:-3px;
z-index:99;
}

.prod_block_categoria:hover{
background-color:#000;
}

.prod_block_categoria img{
padding:10px 10px 0px 10px ;
}

.prod_block_categoria h2{
font-size:16px;
font-weight:bold;
color:#FFF;
margin-bottom:0px;
border-left:3px solid #ed1c24;
margin:15px 0 15px 10px;
padding-left:10px;
}



/*   prodotto dettaglio ****/

.prod-dettaglio{
margin-bottom:20px;
float:left;
}


.prod-dettaglio img{
border:8px solid #32302e;
width:100%;
}

.prod-dettaglio h2{
font-size:16px;
font-weight:bold;
color:#FFF;
margin-bottom:0px;
border-left:3px solid #ed1c24;
margin:15px 0 15px 10px;
padding-left:10px;
}




a.button-default{
border-left:3px solid #ed1c24;
background-color:#32302e;
padding:10px 0 10px 10px;
width:100%;
display:block;
font-size:14px;
font-weight:bold;
color:#FFF;
margin-bottom:15px;
}


a.button-default:hover{
color:#ed1c24;
background-color:#000;
}


@media (max-width: 767px) {

	.prod_block img{
	width:100%;
	}
	
	
	.prod_block_categoria{
		float:none;
	}
	
	.prod_block_categoria img{
	width:100%;
	}
	
	.braed-crumbs{
	margin-top:0;
	}
	

	
}
@media (min-width: 768px) {}


@media (min-width: 1200px) { }



/* ********** ------------- Buttons --------------  ********** */


.btn-standerd{
	border:3px solid #4f4246 !important;
	font-family:'Marcelle Script';
	font-size:26px;
}

.btn-invia-amici{
width:315px;
}

.btn-invia-code{
width:160px;
font-size:20px;
border:3px solid #4f4246 !important;
font-family:'Marcelle Script';
padding:0px 12px !important;
margin-top:-8px;
}

.btn-invia-code:hover{
background-color:#9af7b8;
}

.btn-invia-salta{
width:160px;
font-size:20px;
border:3px solid #4f4246 !important;
font-family:'Marcelle Script';
padding:0px 12px !important;
margin-top:0px;
}

.btn100{
width:100%
}

.btn-chiudi{
width:265px;
margin-top:30px;
}

.verde{
background-color:#9af7b8;
}

.verde:hover{
background-color:#aeaba6;
}

.bianco{
background-color:#FFF;
}

.bianco:hover{
background-color:#efeae2;
}


.grigio{
background-color:#efeae2;
}

.grigio250{
background-color:#efeae2;
width:250px;
margin-right:5px;
}

.salva{
background-color:#efeae2;
width:250px;
margin-right:5px;
float:right;
}

.salva:hover{
background-color:#9af7b8;
}

.grigio250:hover{
background-color:#9af7b8;
width:250px;
margin-right:5px;
}

.black{
background-color:#4f4246;
}

.fb{
background-color:#efeae2;
border:3px solid #4862a3 !important;
}

.fb:hover{
background-color:#aeaba6;
}

.fb a{
color:#4862a3 !important;
}

.fb100 {
    background-color: #EFEAE2;
    border: 3px solid #4862A3 !important;
    width: 100% !important;
}

.fb100 a{
color:#4862a3 !important;
}

a.fb100 {
color:#4862a3 !important;
}


.fb100:hover {
background-color:#9af7b8;
}


.grigio100 {
    background-color: #EFEAE2;
	 width: 100% !important;
}


.grigio100:hover {
background-color:#9af7b8;
}

.grigio:hover{
background-color:#aeaba6;
}


.btn-transparent-slider{
	border:3px solid #cbf7d9;
	font-family:'Marcelle Script';
	font-size:26px;
	background: transparent url(../img/transparent-wh.html) repeat left top;
}

.btn-transparent-slider a{	
	color:#cbf7d9 !important;
}

.btn-transparent-slider:hover{
	background-color:#695d60;
}


.btn-invita-amico{
	border:3px solid #4f4246 !important;
	background-color:#fcf9f3;
	font-family:'Marcelle Script';
	font-size:26px;
	color:#4f4246 !important;
}



.btn-invita-amico:hover{
	background-color:#a9dcba;
	
}

.btn-wide{
	width:300px;
}

/* dropdwon elenco */

ul.elenco-dropdown{
}

ul.elenco-dropdown li{
width:100%;
background-color:#6e6264;
border-bottom:1px solid #837b7c;

}

ul.elenco-dropdown li a{
	display:block;
	color:#FFF;
}


@media (max-width: 767px) {
	.btn-wide{
		width:100%;
	}
	
	.btn-invia-amici{
	width:100%;
	}
	
	.button-reg-small{
	width:95%;
	float:left;
	margin-right:10px !important;
	}
	
	.modal-prodotti-dett{
		width:100%;
	}
	
	.salva{
	float:left;
	}
	
}

@media (min-width: 768px) {
	.btn-wide{
		width:100%;
	}
	
	.btn-invia-amici{
	width:100%;
	}
	
	.button-reg-small{
	width:100%;
	float:left;
	margin-right:10px !important;
	}
	
	.btn-standerd{
	font-size:18px;
	}
	
	.button-reg-small{
	width:265px;
	}

	
}

@media (min-width: 1200px) {
	.btn-wide{
		width:300px;
	}
	
	.btn-invia-amici{
	width:315px;
	}
	
	.button-reg-small{
	width:265px;
	margin-right:10px;
	float:right;
	}
	
	.btn-standerd{
	font-size:26px;
	}
	
	.button-reg-small{
	width:265px;
	}

	
	
}



/*************************************************************/
/*********************** Generic Styles **********************/
/*************************************************************/

.dropcap {
    float: left;
    font-size: 26px;
    line-height: 30px;
    margin-top: -5px;
    padding-right: 5px;
    padding-top: 4px;
	font-family:'Marcelle Script';
	font-weight:bold;
	color:#90aa95;
}


hr.griggio{border-color:#E9E7E4 !important;}
hr.h10{margin-top:10px !important; margin-bottom:10px !important;}
.full-width{width:100%;}
.font12{font-size:12px;}
.font16{font-size:16px; font-weight:normal; width:100%;}
.font24-pad{font-size:24px; font-weight:normal; margin-left:10px;}


.margin-0         { margin: 0; }
.margin-left-0    { margin-left: 0; }
.margin-top-0     { margin-top: 0; }
.margin-right-0   { margin-right: 0 !important; }
.margin-bottom-0  { margin-bottom: 0; }

.margin-5         { margin: 5px; }
.margin-left-5    { margin-left: 5px; }
.margin-top-5     { margin-top: 5px; }
.margin-right-5   { margin-right: 5px; }
.margin-bottom-5  { margin-bottom: 5px; }

.margin-10        { margin: 10px; }
.margin-left-10   { margin-left: 10px; }
.margin-top-10    { margin-top: 10px; }
.margin-right-10  { margin-right: 10px !important;}
.margin-bottom-10 { margin-bottom: 10px; }

.margin-15        { margin: 15px; }
.margin-left-15   { margin-left: 15px; }
.margin-top-15    { margin-top: 15px; }
.margin-right-15  { margin-right: 15px; }
.margin-bottom-15 { margin-bottom: 15px; }

.margin-20        { margin: 20px; }
.margin-left-20   { margin-left: 20px; }
.margin-top-20    { margin-top: 20px; }
.margin-right-20  { margin-right: 20px; }
.margin-bottom-20 { margin-bottom: 20px; }

.margin-30        { margin: 30px; }
.margin-left-30   { margin-left: 30px; }
.margin-top-30    { margin-top: 30px; }
.margin-right-30  { margin-right: 30px; }
.margin-bottom-30 { margin-bottom: 30px; }

.margin-40        { margin: 40px; }
.margin-left-40   { margin-left: 40px; }
.margin-top-40    { margin-top: 40px; }
.margin-right-40  { margin-right: 40px; }
.margin-bottom-40 { margin-bottom: 40px; }

.margin-50        { margin: 50px; }
.margin-left-50   { margin-left: 50px; }
.margin-top-50    { margin-top: 50px; }
.margin-right-50  { margin-right: 50px; }
.margin-bottom-50 { margin-bottom: 50px; }

@media (max-width: 1200px) {
  .margin-md-0         { margin: 0; }
  .margin-left-md-0    { margin-left: 0; }
  .margin-top-md-0     { margin-top: 0; }
  .margin-right-md-0   { margin-right: 0; }
  .margin-bottom-md-0  { margin-bottom: 0; }
  
  .margin-md-5         { margin: 5px; }
  .margin-left-md-5    { margin-left: 5px; }
  .margin-top-md-5     { margin-top: 5px; }
  .margin-right-md-5   { margin-right: 5px; }
  .margin-bottom-md-5  { margin-bottom: 5px; }
  
  .margin-md-10        { margin: 10px; }
  .margin-left-md-10   { margin-left: 10px; }
  .margin-top-md-10    { margin-top: 10px; }
  .margin-right-md-10  { margin-right: 10px; }
  .margin-bottom-md-10 { margin-bottom: 10px; }

  .margin-md-15        { margin: 15px; }
  .margin-left-md-15   { margin-left: 15px; }
  .margin-top-md-15    { margin-top: 15px; }
  .margin-right-md-15  { margin-right: 15px; }
  .margin-bottom-md-15 { margin-bottom: 15px; }
  
  .margin-md-20        { margin: 20px; }
  .margin-left-md-20   { margin-left: 20px; }
  .margin-top-md-20    { margin-top: 20px; }
  .margin-right-md-20  { margin-right: 20px; }
  .margin-bottom-md-20 { margin-bottom: 20px; }
  
  .margin-md-30        { margin: 30px; }
  .margin-left-md-30   { margin-left: 30px; }
  .margin-top-md-30    { margin-top: 30px; }
  .margin-right-md-30  { margin-right: 30px; }
  .margin-bottom-md-30 { margin-bottom: 30px; }
  
  .margin-md-40        { margin: 40px; }
  .margin-left-md-40   { margin-left: 40px; }
  .margin-top-md-40    { margin-top: 40px; }
  .margin-right-md-40  { margin-right: 40px; }
  .margin-bottom-md-40 { margin-bottom: 40px; }
  
  .margin-md-50        { margin: 50px; }
  .margin-left-md-50   { margin-left: 50px; }
  .margin-top-md-50    { margin-top: 50px; }
  .margin-right-md-50  { margin-right: 50px; }
  .margin-bottom-md-50 { margin-bottom: 50px; }
}

@media (max-width: 991px) {
  .margin-sm-0         { margin: 0; }
  .margin-left-sm-0    { margin-left: 0; }
  .margin-top-sm-0     { margin-top: 0; }
  .margin-right-sm-0   { margin-right: 0; }
  .margin-bottom-sm-0  { margin-bottom: 0; }
  
  .margin-sm-5         { margin: 5px; }
  .margin-left-sm-5    { margin-left: 5px; }
  .margin-top-sm-5     { margin-top: 5px; }
  .margin-right-sm-5   { margin-right: 5px; }
  .margin-bottom-sm-5  { margin-bottom: 5px; }
  
  .margin-sm-10        { margin: 10px; }
  .margin-left-sm-10   { margin-left: 10px; }
  .margin-top-sm-10    { margin-top: 10px; }
  .margin-right-sm-10  { margin-right: 10px; }
  .margin-bottom-sm-10 { margin-bottom: 10px; }

  .margin-sm-15        { margin: 15px; }
  .margin-left-sm-15   { margin-left: 15px; }
  .margin-top-sm-15    { margin-top: 15px; }
  .margin-right-sm-15  { margin-right: 15px; }
  .margin-bottom-sm-15 { margin-bottom: 15px; }
  
  .margin-sm-20        { margin: 20px; }
  .margin-left-sm-20   { margin-left: 20px; }
  .margin-top-sm-20    { margin-top: 20px; }
  .margin-right-sm-20  { margin-right: 20px; }
  .margin-bottom-sm-20 { margin-bottom: 20px; }
  
  .margin-sm-30        { margin: 30px; }
  .margin-left-sm-30   { margin-left: 30px; }
  .margin-top-sm-30    { margin-top: 30px; }
  .margin-right-sm-30  { margin-right: 30px; }
  .margin-bottom-sm-30 { margin-bottom: 30px; }
  
  .margin-sm-40        { margin: 40px; }
  .margin-left-sm-40   { margin-left: 40px; }
  .margin-top-sm-40    { margin-top: 40px; }
  .margin-right-sm-40  { margin-right: 40px; }
  .margin-bottom-sm-40 { margin-bottom: 40px; }
  
  .margin-sm-50        { margin: 50px; }
  .margin-left-sm-50   { margin-left: 50px; }
  .margin-top-sm-50    { margin-top: 50px; }
  .margin-right-sm-50  { margin-right: 50px; }
  .margin-bottom-sm-50 { margin-bottom: 50px; }
}

@media (max-width: 767px) {
  .margin-xs-0         { margin: 0; }
  .margin-left-xs-0    { margin-left: 0; }
  .margin-top-xs-0     { margin-top: 0; }
  .margin-right-xs-0   { margin-right: 0; }
  .margin-bottom-xs-0  { margin-bottom: 0; }
  
  .margin-xs-5         { margin: 5px; }
  .margin-left-xs-5    { margin-left: 5px; }
  .margin-top-xs-5     { margin-top: 5px; }
  .margin-right-xs-5   { margin-right: 5px; }
  .margin-bottom-xs-5  { margin-bottom: 5px; }
  
  .margin-xs-10        { margin: 10px; }
  .margin-left-xs-10   { margin-left: 10px; }
  .margin-top-xs-10    { margin-top: 10px; }
  .margin-right-xs-10  { margin-right: 10px; }
  .margin-bottom-xs-10 { margin-bottom: 10px; }

  .margin-xs-15        { margin: 15px; }
  .margin-left-xs-15   { margin-left: 15px; }
  .margin-top-xs-15    { margin-top: 15px; }
  .margin-right-xs-15  { margin-right: 15px; }
  .margin-bottom-xs-15 { margin-bottom: 15px; }
  
  .margin-xs-20        { margin: 20px; }
  .margin-left-xs-20   { margin-left: 20px; }
  .margin-top-xs-20    { margin-top: 20px; }
  .margin-right-xs-20  { margin-right: 20px; }
  .margin-bottom-xs-20 { margin-bottom: 20px; }
  
  .margin-xs-30        { margin: 30px; }
  .margin-left-xs-30   { margin-left: 30px; }
  .margin-top-xs-30    { margin-top: 30px; }
  .margin-right-xs-30  { margin-right: 30px; }
  .margin-bottom-xs-30 { margin-bottom: 30px; }
  
  .margin-xs-40        { margin: 40px; }
  .margin-left-xs-40   { margin-left: 40px; }
  .margin-top-xs-40    { margin-top: 40px; }
  .margin-right-xs-40  { margin-right: 40px; }
  .margin-bottom-xs-40 { margin-bottom: 40px; }
  
  .margin-xs-50        { margin: 50px; }
  .margin-left-xs-50   { margin-left: 50px; }
  .margin-top-xs-50    { margin-top: 50px; }
  .margin-right-xs-50  { margin-right: 50px; }
  .margin-bottom-xs-50 { margin-bottom: 50px; }
}

.padding-0         { padding: 0; }
.padding-left-0    { padding-left: 0; }
.padding-top-0     { padding-top: 0; }
.padding-right-0   { padding-right: 0; }
.padding-bottom-0  { padding-bottom: 0; }

.padding-5         { padding: 5px; }
.padding-left-5    { padding-left: 5px; }
.padding-top-5     { padding-top: 5px; }
.padding-right-5   { padding-right: 5px; }
.padding-bottom-5  { padding-bottom: 5px; }

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

.padding-15        { padding: 15px; }
.padding-left-15   { padding-left: 15px; }
.padding-top-15    { padding-top: 15px; }
.padding-right-15  { padding-right: 15px; }
.padding-bottom-15 { padding-bottom: 15px; }

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

.padding-30        { padding: 30px; }
.padding-left-30   { padding-left: 30px; }
.padding-top-30    { padding-top: 30px; }
.padding-right-30  { padding-right: 30px; }
.padding-bottom-30 { padding-bottom: 30px; }

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

.padding-50        { padding: 50px; }
.padding-left-50   { padding-left: 50px; }
.padding-top-50    { padding-top: 50px; }
.padding-right-50  { padding-right: 50px; }
.padding-bottom-50 { padding-bottom: 50px; }

@media (max-width: 1200px) {
  .padding-md-0         { padding: 0; }
  .padding-left-md-0    { padding-left: 0; }
  .padding-top-md-0     { padding-top: 0; }
  .padding-right-md-0   { padding-right: 0; }
  .padding-bottom-md-0  { padding-bottom: 0; }
  
  .padding-md-5         { padding: 5px; }
  .padding-left-md-5    { padding-left: 5px; }
  .padding-top-md-5     { padding-top: 5px; }
  .padding-right-md-5   { padding-right: 5px; }
  .padding-bottom-md-5  { padding-bottom: 5px; }
  
  .padding-md-10        { padding: 10px; }
  .padding-left-md-10   { padding-left: 10px; }
  .padding-top-md-10    { padding-top: 10px; }
  .padding-right-md-10  { padding-right: 10px; }
  .padding-bottom-md-10 { padding-bottom: 10px; }

  .padding-md-15        { padding: 15px; }
  .padding-left-md-15   { padding-left: 15px; }
  .padding-top-md-15    { padding-top: 15px; }
  .padding-right-md-15  { padding-right: 15px; }
  .padding-bottom-md-15 { padding-bottom: 15px; }
  
  .padding-md-20        { padding: 20px; }
  .padding-left-md-20   { padding-left: 20px; }
  .padding-top-md-20    { padding-top: 20px; }
  .padding-right-md-20  { padding-right: 20px; }
  .padding-bottom-md-20 { padding-bottom: 20px; }
  
  .padding-md-30        { padding: 30px; }
  .padding-left-md-30   { padding-left: 30px; }
  .padding-top-md-30    { padding-top: 30px; }
  .padding-right-md-30  { padding-right: 30px; }
  .padding-bottom-md-30 { padding-bottom: 30px; }
  
  .padding-md-40        { padding: 20px; }
  .padding-left-md-40   { padding-left: 20px; }
  .padding-top-md-40    { padding-top: 20px; }
  .padding-right-md-40  { padding-right: 20px; }
  .padding-bottom-md-40 { padding-bottom: 20px; }
  
  .padding-md-50        { padding: 50px; }
  .padding-left-md-50   { padding-left: 50px; }
  .padding-top-md-50    { padding-top: 50px; }
  .padding-right-md-50  { padding-right: 50px; }
  .padding-bottom-md-50 { padding-bottom: 50px; }
}

@media (max-width: 991px) {
  .padding-sm-0         { padding: 0; }
  .padding-left-sm-0    { padding-left: 0; }
  .padding-top-sm-0     { padding-top: 0; }
  .padding-right-sm-0   { padding-right: 0; }
  .padding-bottom-sm-0  { padding-bottom: 0; }
  
  .padding-sm-5         { padding: 5px; }
  .padding-left-sm-5    { padding-left: 5px; }
  .padding-top-sm-5     { padding-top: 5px; }
  .padding-right-sm-5   { padding-right: 5px; }
  .padding-bottom-sm-5  { padding-bottom: 5px; }
  
  .padding-sm-10        { padding: 10px; }
  .padding-left-sm-10   { padding-left: 10px; }
  .padding-top-sm-10    { padding-top: 10px; }
  .padding-right-sm-10  { padding-right: 10px; }
  .padding-bottom-sm-10 { padding-bottom: 10px; }

  .padding-sm-15        { padding: 15px; }
  .padding-left-sm-15   { padding-left: 15px; }
  .padding-top-sm-15    { padding-top: 15px; }
  .padding-right-sm-15  { padding-right: 15px; }
  .padding-bottom-sm-15 { padding-bottom: 15px; }
  
  .padding-sm-20        { padding: 20px; }
  .padding-left-sm-20   { padding-left: 20px; }
  .padding-top-sm-20    { padding-top: 20px; }
  .padding-right-sm-20  { padding-right: 20px; }
  .padding-bottom-sm-20 { padding-bottom: 20px; }
  
  .padding-sm-30        { padding: 30px; }
  .padding-left-sm-30   { padding-left: 30px; }
  .padding-top-sm-30    { padding-top: 30px; }
  .padding-right-sm-30  { padding-right: 30px; }
  .padding-bottom-sm-30 { padding-bottom: 30px; }
  
  .padding-sm-40        { padding: 40px; }
  .padding-left-sm-40   { padding-left: 40px; }
  .padding-top-sm-40    { padding-top: 40px; }
  .padding-right-sm-40  { padding-right: 40px; }
  .padding-bottom-sm-40 { padding-bottom: 40px; }
  
  .padding-sm-50        { padding: 50px; }
  .padding-left-sm-50   { padding-left: 50px; }
  .padding-top-sm-50    { padding-top: 50px; }
  .padding-right-sm-50  { padding-right: 50px; }
  .padding-bottom-sm-50 { padding-bottom: 50px; }
}

@media (max-width: 767px) {
  .padding-xs-0         { padding: 0; }
  .padding-left-xs-0    { padding-left: 0; }
  .padding-top-xs-0     { padding-top: 0; }
  .padding-right-xs-0   { padding-right: 0; }
  .padding-bottom-xs-0  { padding-bottom: 0; }
  
  .padding-xs-5         { padding: 5px; }
  .padding-left-xs-5    { padding-left: 5px; }
  .padding-top-xs-5     { padding-top: 5px; }
  .padding-right-xs-5   { padding-right: 5px; }
  .padding-bottom-xs-5  { padding-bottom: 5px; }
  
  .padding-xs-10        { padding: 10px; }
  .padding-left-xs-10   { padding-left: 10px; }
  .padding-top-xs-10    { padding-top: 10px; }
  .padding-right-xs-10  { padding-right: 10px; }
  .padding-bottom-xs-10 { padding-bottom: 10px; }

  .padding-xs-15        { padding: 15px; }
  .padding-left-xs-15   { padding-left: 15px; }
  .padding-top-xs-15    { padding-top: 15px; }
  .padding-right-xs-15  { padding-right: 15px; }
  .padding-bottom-xs-15 { padding-bottom: 15px; }
  
  .padding-xs-20        { padding: 20px; }
  .padding-left-xs-20   { padding-left: 20px; }
  .padding-top-xs-20    { padding-top: 20px; }
  .padding-right-xs-20  { padding-right: 20px; }
  .padding-bottom-xs-20 { padding-bottom: 20px; }
  
  .padding-xs-30        { padding: 30px; }
  .padding-left-xs-30   { padding-left: 30px; }
  .padding-top-xs-30    { padding-top: 30px; }
  .padding-right-xs-30  { padding-right: 30px; }
  .padding-bottom-xs-30 { padding-bottom: 30px; }
  
  .padding-xs-40        { padding: 40px; }
  .padding-left-xs-40   { padding-left: 40px; }
  .padding-top-xs-40    { padding-top: 40px; }
  .padding-right-xs-40  { padding-right: 40px; }
  .padding-bottom-xs-40 { padding-bottom: 40px; }
  
  .padding-xs-50        { padding: 50px; }
  .padding-left-xs-50   { padding-left: 50px; }
  .padding-top-xs-50    { padding-top: 50px; }
  .padding-right-xs-50  { padding-right: 50px; }
  .padding-bottom-xs-50 { padding-bottom: 50px; }
}

/****** clear ********/

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}



.dmtop {
    background-color: #45383c;
    background-image: url("../images/arrow.png");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    bottom: -100px;
    cursor: pointer;
    height: 40px;
    overflow: auto;
	overflow: visible;
    position: fixed;
    right: 25px;
    text-indent: -99999px;
    transition: all 0.7s ease-in-out 0s;
    width: 40px;
    z-index: 9999;
	border-radius:3px;
}

@media (max-width: 767px) {
	.dmtop {
		display:none;
	}
	
	.modal-dialog{
	margin-top:149px;
	}
	
	/*.bx-wrapper{
	z-index:-2;
	}
	
	.sf-menu, .sf-menu *{
	z-index:2;
	}
	*/
	
	.navbar {
	z-index:9999;
	}
	
	.sf-menu a:hover{
	color:red;
	}
	
}


.count-container {
    background: url("../images/back_transparent.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    left: 50px;
    padding: 25px 0;
    position: absolute;
    text-align: center;
    top: 150px;
    width: 90%;
	z-index:9999;
}

.count-container h2 {
    color: #fff;
    font-size: 24px;
    text-align: center;
}



.rivestimento-dialog {
    margin: 150px auto;
    width: 350px;
	position:relative;
}

.ico-pdf{
	background: url("../images/pdf.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

ul.pdf-revistimento{
	padding-left:15px;
}

ul.pdf-revistimento li{
padding-left:35px;
}

.incostru{
width:350px;
position:absolute;
top:590px;
right:0px;
background:url("../images/back_transparent.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.incostru h2{
font-size:24px;
color:#FFF;
line-height:52px;
margin:0;
padding-left:74px;
}

img.img-responsive {
	margin-top: 20px!important;
}
/* MODIFICA VIEW P: PRODOTTO */
.prod-dettaglio img {
    border: 8px solid #32302e;
    width: auto;
    max-height: 700px;
    margin: auto;
    display: block;
}
.prod-dettaglio {
    margin-bottom: 20px;
    float: none;
    width: 100%;
    background-color: #32302e;
}




@media (max-width: 800px) {
  .newGallery {
      width: 50%!important;
  }
  .owl-item img.img-responsive {
    height: auto!important;
	padding-top: 100px!important;
}
.owl-item img#carousel-close-button {
    top: 100px!important;
}

.owl-carousel .owl-stage-outer {
    height: auto!important;
}

.owl-carousel .item {
    height: auto!important;
}
.owl-carousel .owl-stage {
    height: auto!important;
}

}
@media (max-width: 400px) {
  .newGallery {
      width: 100%!important;
  }
  .owl-item img.img-responsive {
    height: auto!important;
	padding-top: 100px!important;
}
.owl-item img#carousel-close-button {
    top: 100px!important;
}
.owl-carousel .owl-stage-outer {
    height: auto!important;
}
.owl-carousel .item {
    height: auto!important;
}
.owl-carousel .owl-stage {
    height: auto!important;
}
}