html,
body {overflow-x: hidden;position: relative;}
.btn { font-family: "Raleway", sans-serif; font-optical-sizing: auto; font-weight:700; color: #ffffff; border-radius:35px; }
.btn:hover { border:0px; }

.btn-azzurro { color: #ffffff; border: 0px; background: linear-gradient(0.15turn, #45bbb4 60%, #86cbc5 80%); }
.btn-azzurro:hover { color: #ffffff; border: 0px; background: linear-gradient(0.15turn, #86cbc5 60%, #45bbb4 80%);}

.padding {padding:0px;}
.bordo-bianco {position:absolute; border:1px solid #ffffff; z-index: 2;}
.bordo-grigio {position:absolute; border:1px solid #d7d8da; }
.bordo-bianco2 {position:absolute; border:1px solid #ffffff; z-index: 2;}
.bordo-bianco3 {position:absolute; border:1px solid #ffffff;z-index: 2;}
.bordo-grigio2 {position:absolute; border:1px solid #d7d8da; }
.testo-box {position:absolute; z-index:1;}
.lavorazione {position:absolute; left:50%; background-color: #282E34;}


.zoom a { overflow: hidden; display: block; width: 100%; width: 100%;  }
.zoom a img { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.zoom a:hover img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);  }

.nav-tabs> li > a { border:0px; }

.col-xs-24, 
.col-sm-24, 
.col-md-24, 
.col-lg-24 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
.col-xs-24 {
width: 20%;
float: left;
}


@media (max-width:767px) {
.btn { font-size:16px; padding-top:20px; padding-bottom:20px; padding-left:40px; padding-right:40px; font-size:11px; letter-spacing: 3px; }
.testo-box {padding:30px;}
.factory {margin-top:-100px;}
.altezza {height:450px;}
.bordo-bianco {width:88%; height:91%; left:50%; margin-left:-44%; margin-top:15px;}
.bordo-grigio {width:88%; height:93%; left:50%; margin-left:-44%; margin-top:15px;}
.bordo-bianco2 {width:88%; height:91%; left:50%; margin-left:-44%; margin-top:15px;}
.bordo-grigio2 {width:88%; height:93%; left:50%; margin-left:-44%; margin-top:15px;}
.bordo-bianco3 {width:88%; height:95%; left:50%; margin-left:-44%; margin-top:15px;}
.lavorazione {margin-top:85%; padding:15px; width:70%; margin-left: -35%;}


.col-sm-24 {
float: left;
}
.col-sm-24 {
width: 20%;
}



}


@media(min-width:768px) and (max-width:991px) {


.col-md-24 {
float: left;
}
.col-md-24 {
width: 20%;
}
}


@media(min-width:992px) {
.btn { font-size:16px; padding-top:20px; padding-bottom:20px; padding-left:40px; padding-right:40px; font-size:11px; letter-spacing: 3px; }
.testo-box {padding:100px;}
.bordo-bianco {width:94%; height:94%; left:50%; margin-left:-46%; margin-top:15px;}
.bordo-grigio {width:94%; height:94%; left:50%; margin-left:-48%; margin-top:15px;}
.bordo-bianco2 {width:94%; height:94%; left:50%; margin-left:-48%; margin-top:15px;}
.bordo-grigio2 {width:94%; height:94%; left:50%; margin-left:-46%; margin-top:15px;}
.bordo-bianco3 {width:94%; height:96%; left:50%; margin-left:-47%; margin-top:15px;}
.lavorazione {margin-top:80%; padding:30px; width:70%; margin-left: -35%;}

.col-md-24 {
float: left;
}
.col-md-24 {
width: 20%;
}


}


@media(min-width:1200px) {

.btn { font-size:16px; padding-top:20px; padding-bottom:20px; padding-left:40px; padding-right:40px; font-size:11px; letter-spacing: 3px; }
.testo-box {padding:100px;}
.bordo-bianco {width:94%; height:94%; left:50%; margin-left:-46%; margin-top:15px;}
.bordo-grigio {width:94%; height:94%; left:50%; margin-left:-48%; margin-top:15px;}
.bordo-bianco2 {width:94%; height:94%; left:50%; margin-left:-48%; margin-top:15px;}
.bordo-grigio2 {width:94%; height:94%; left:50%; margin-left:-46%; margin-top:15px;}
.bordo-bianco3 {width:94%; height:96%; left:50%; margin-left:-47%; margin-top:15px;}
.lavorazione {margin-top:80%; padding:30px; width:70%; margin-left: -35%;}

.col-lg-24 {
float: left;
}
.col-lg-24 {
width: 20%;
}




}