@import url("color.css");
@import url("font.css");
@import url("vendor.css");
@import url("header.css");
@import url("footer.css");
@import url("materials.css");
@import url("contact_us.css");
@import url("about_us.css");
@import url("modal.css");
@import url("search.css");
@import url("vodu.css");
@import url("configurator.css");
@import "button.css";
@import "pseudobject.css";

html{
    overflow-x:hidden;
}

*, *:before, *:after{
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

/* MODIFICHE GLOBALI */
body{
    font-family:'Futura-Regular', sans-serif;
    overflow-x:hidden;
}

h1{
    color:inherit;
    font-family:'Futura-Light', sans-serif;
}

h3{
    color:inherit;
    font-family:'Futura-Light', sans-serif;
}

h2{
    color:inherit;
    font-family:'Futura-Light', sans-serif;
}

h4{
    font-family:'Futura-Light', sans-serif;
}

h5{
    font-family:'Futura-Light', sans-serif;
    font-size:15px;
}

h6{
    font-family:'Futura-Light', sans-serif;
    font-size:34px;
    color:inherit;
}

p{
    font-size:16px;
    line-height:26px;
    color:#5d5d5d;
    font-family:Futura-Regular, sans-serif;
}

li{
    font-size:1.7rem;
    /*color: gray;*/
}

.container li{
    color:#5d5d5d;
}

a{
    color:#cddc39;
    text-decoration:none;
}

a:hover{
    color:#cddc39;
    text-decoration:none;
}

/*hr {
    border-top: 1px solid #797b7d;
}/*

button .btn-gray {
    font-family: Futura-Regular, fantasy;
    color: #797b7d;
}

button .btn-green {
    font-family: Futura-Light, fantasy;
    color: inherit;
}

.futura-light {
    font-family: Futura-Light, fantasy;
}

/* BOOTSTRAP */
@media (min-width:1200px){
    .container{
        /*width: 980px;*/
    }
}

.social p{
    font-size:1.1em;
    color:#737576;
    margin-top:17px;
}

.social__item{
    margin-top:23px;
}

.product__link{
    padding-top:20px;
    text-transform:uppercase;
}

.color-black{
    position:relative;
    z-index:auto;
    background-color:#3d4242;
    border-color:#3d4242;
}

.attach{
    margin-top:0;
}

.white{
    color:white;
}

.hover-gray:hover{
    color:grey;
    text-decoration:none;
}

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

.grey{
    color:#9c9e98;
}

.icon{
    margin:0;
    width:29px;
    color:#fff;
}

.border-bottom{
    /*border-bottom: 1px solid rgba(218, 214, 218, 0.55);*/
    padding-bottom:5%;
}

.delete-padding{
    padding:0;
    margin:0;
}

.img-margin{
    margin-right:10px;
    height:auto;
    width:auto;
    background-repeat:no-repeat;
    background-size:auto;
}

.absolute{
    position:absolute;
}

@media (max-width:835px){
    .img-full-size{
        height:100%;
    }
}

@media (min-width:836px){
    .img-full-size{
        height:100%;
    }
}

.img-width{
    width:80%;
}

.img-logo{
    max-width:140px;
}

.img-machine-mmenu{
    width:20%;
    padding:3%;
}

@media (max-width:767px){
    .img-stories-he-glasses{
        display:none;
    }
}

/* body */
.page{
    margin-left:20%;
    margin-right:20%;
}

.center{
    text-align:center;
    /*clear: left;*/
}

.justify{
    text-align:left;
}

.fill-width{
    width:100%;
}

.collapse{
    /* display: inline-block;
     float: none;*/
}

/* SLIDE DOWN */
.slide-container{
    position:absolute;
    z-index:2;
    width:100%;
}

.slide-down{
    background-color:#6c7171;
    display:none;
    /*display: flex;*/
    position:relative;
    z-index:2;
    margin-top:0;
}

.slide-down p{
    position:relative;
    top:-45px;
    height:100%;
    color:white;
}

.second-slider-body{
    position:absolute;
    height:100%;
    bottom:-27%;
}

.second-slide-item{
    width:100px;
    float:left;
}

.second-slide-item img{
    position:absolute;
    bottom:40%;
    width:12%;
    margin-left:2px;
    overflow:hidden;
}

.second-slide-item p{
    position:absolute;
    bottom:30%;
    overflow:hidden;
    width:inherit;
    text-align:center;
}

/* slider */
.img-full{
    width:100%;
}

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

.top{
    margin-top:50px;
}

/* PROVA */
.box{
    position:relative;
    width:100%;
}

.carousel-esempio{
    display:block;
    width:100%;
    height:auto;
}

.overlay{
    position:absolute;
    bottom:100%;
    left:0;
    right:0;
    background-color:#008cba;
    overflow:hidden;
    width:100%;
    height:0;
    transition:.5s ease;
}

.box:hover .overlay{
    bottom:0;
    height:100%;
}

/* PRODUCT SLIDER */

.square{
    width:100px;
    height:100px;
    rotation:90deg;
}

.img-slider{
    vertical-align:middle;
    position:inherit;
    top:18px;
}

span.img-slider{
    display:block;
    height:75px;
}


.zoom-animation > img{
    max-width:100%;
    -moz-transition:all 0.3s;
    -webkit-transition:all 0.3s;
    transition:all 0.3s;
}

.zoom-animationbtn:hover > img{
    -moz-transform:scale(0.9);
    -webkit-transform:scale(0.9);
    transform:scale(0.9);
}

/* SINGLE PRODUCT SLIDER */
.slider-single-product{
    background-color:#f6f6f6;
}

/* BAND */
.band-black{
    position:relative;
    z-index:2;
    margin-top:-10%;
    padding:7% 8% 2% 8%;
    background-color:#3d4242;
    color:white;
}

.band-black .pad-10{
    margin:0;
}

.band-black h6{
    color:whitesmoke;
    font-size:23px;
}

.band-black p{
    font-size:18px;
    color:white;
}

.band-register-black h3{
    text-align:center;
    color:white;
}

.band-register-black{
    margin:10% 0;
    padding:4%;
    background-color:#3d4242;
    color:white;
}

.band-register-black input[type=text]{
    border-color:transparent;
    border-radius:0;
    padding:2%;
    color:#000;
}

.band-register-black input[type=submit]{
    background-color:transparent;
    margin:5% auto;
    display:block;
}

.band-register-black select{
    color:dimgrey;
    width:100%;
    height:32px;
    border:none;
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
}

.band-register-black .col-xs-12{
    padding-left:3%;
    padding-bottom:2%;
}

.band-register-black .col-md-6{
    padding-left:3%;
    padding-bottom:2%;
}

.band-stories{
    font-family:Futura-Light fantasy;
    color:#737576;
}

.band-product-bottom{
    position:relative;
    font-weight:normal;
    background-image:url("../img/fashion/footer.png");
    background-size:100% auto;
    color:white;
    text-align:left;
}

.band-product-bottom img{
    visibility:hidden;
}

.band-product-bottom div{
    position:absolute;
    top:25%;
    right:0;
    height:auto;
    width:50%;
}

@media (max-width:599px){
    .band-product-bottom{
        height:400px;
        background-repeat:no-repeat;
        background-size:auto;
    }

    .band-product-bottom div{
        position:absolute;
        top:25%;
        left:0;
        right:100%;
        height:auto;
        width:100%;
    }
}

.band-product-header{
    position:relative;
    background:url('../img/product/product-header.jpg') no-repeat;
    background-size:cover;
    color:white;
    text-align:left;
    height:400px;
}

.band-product-specs li{
    margin-left:0;
    list-style-type:square;
}

.band-product-specs ul{
    padding-left:20px;
}

@media (min-width:992px ){
    /*.band-product-header div {
        padding-top: 10%;
        padding-left: 10%;
        width: 50%;
    }*/
}

@media (max-width:993px ){
    /*.band-product-header div {
        padding-top: 10%;
        padding-left: 10%;
        width: 100%;
    }*/
}

.band-grid-machine{
    text-align:center;
}

.band-grid-machine h6{
    font-size:1.3em;
}

.band-grid-machine p{
    font-size:14px;
    color:#737576;
    text-transform:lowercase;
}

/*.band-grid-machine .btn-green:visited {
    color: black;
}*/

@media (max-width:991px){
    .band-product-specs{
        padding:0;
    }
}

@media (min-width:992px){
    .band-product-specs{
        /*margin-top: -12%;*/
        padding:0;
    }
}

.container.applications{
    background-color:#f8f8f8;
    padding:30px;
}

/*
.band-product-productivity {
    position: relative;
    font-weight: normal;
    background-image: url("../img/product/product-banner-footer.png");
    background-size: 100% auto;
    background-repeat: no-repeat;
    color: white;
    text-align: left;
    height: 400px;
    overflow: auto;
    background-color: #f7f7f7;
}

.band-product-productivity.cl_D {background-image: url("../a/img/defaults/product-banner-footer-d.jpg");}
.band-product-productivity.cl_X {background-image: url("../a/img/defaults/product-banner-footer-x.jpg");}
.band-product-productivity.cl_J {background-image: url("../a/img/defaults/product-banner-footer-j.jpg");}
*/

@media (max-width:992px){
    .band-product-productivity{
        height:400px;
        background-size:auto 100%;
    }
}

@media (min-width:993px){

    .band-product-productivity{
        height:565px;
    }
}

.band-product-productivity img{
    position:absolute;
    /*height: auto;
    width: 100%;*/
    top:0;
    bottom:0;
    visibility:hidden;

}

@media (min-width:993px){
    .band-product-productivity div{
        position:relative;
        top:10%;
        width:50%;
    }
}

@media (max-width:992px){
    .band-product-productivity div{
        position:relative;
    }
}

.band-product-productivity h2{
    color:#737576;
}

.band-product-productivity a{
    margin-top:2%;
    color:#737576;
}

/* TEXT */
.par-small p{
    font-size:1.0em;
}

/*.par-medium p {
    font-size: 1.4em;
    color: #737576;
}*/

/* IMAGES */
.img-stories-machine{
    position:relative;
    /*padding: 20%;*/
    width:50%;
    margin-top:6%;
    z-index:inherit;
}

.img-stories-banner{
    width:100%;
}

@media (min-width:992px){
    .img-product-machine{
        /*margin-top: -90%;
        padding: 16%;
        width: auto;
        max-height: 750px;*/
        margin-left:50px;
        margin-top:-70%;
        /* width: 100%; */
        /* padding: 16%; */
        width:70%;
        /* width: auto; */
        max-height:750px;
    }
}

@media (max-width:991px){
    .img-product-machine{
        padding:5%;
        width:60%;
        height:100%;
    }
}

/* EXTRAS */
.no-padding{
    padding:0;
}

.pad-top-3{
    padding-top:3%;
}

.pad-top-5{
    margin-top:5%;
    padding-top:5%;
}

.pad-30{
    padding-right:30%;
    padding-left:30%;
}

.pad-20{
    padding-right:20%;
    padding-left:20%;
}

.pad-10{
    padding-right:10%;
    padding-left:10%;
}

.pad-2{
    padding-right:2%;
    padding-left:2%;
}

.pad-1{
    padding-right:1%;
    padding-left:1%;
}

.padding-top{
    padding-top:5%;
}

.padding-bottom{
    padding-bottom:3%;
}

.padding-top-bottom{
    padding:5% 8% 5% 8%;
}

.fill{
    min-height:100%;
    height:100vh;

}

/* ALTEZZA UGUALE */

/* Landscape phones and portrait tablets */

.row-eq-height{
    display:flex;
    align-content:space-between;
}

@media (max-width:767px){
    .row-eq-height{
        flex-wrap:wrap;
        justify-content:center;
    }
}

@media (min-width:768px){
    .row-eq-height{
        flex-wrap:nowrap;
        justify-content:flex-end;
    }

    .row-eq-height.left{
        flex-wrap:nowrap;
        justify-content:flex-start;
    }

}

.col-eq-height{
    align-content:stretch;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;

}

.col-eq-height img{
    max-width:100%;
    max-height:100%;
    margin:auto auto 0 auto;
}

.selected{
    text-decoration:none;
    color:#9da214;
}

.not-selected{
    text-decoration:none;
    color:#707566;
}

/* personalizzazioni grafiche cms */
.titolo-grigio h5{
    /*color: rgb(51, 51, 51) !important;*/
    font-size:15px;
    font-family:'Futura-Regular', sans-serif;
    font-weight:bold;
    color:grey;
    margin-top:25px;
    /*text-transform: uppercase;*/
}

.titolo-grigio h4{
    margin-top:0;
    text-transform:uppercase;
    font-family:'Futura-light', sans-serif;
}

.titolo-grigio p{
    margin-top:15px;
}

.titolo-grigio h3{
    margin-bottom:0;
    text-transform:uppercase;
    color:inherit;
    font-family:'Futura-Regular', sans-serif;
    font-weight:bold;
}

.materiali-page h4{
    /*font-family: Futura-Regular, sans-serif;*/
    font-family:'Futura-Light', sans-serif;
    text-transform:capitalize;
    font-size:23px;
}

.chi-siamo-hero-title{
    font-family:"Futura-Bold", sans-serif;
    font-size:30px;
    line-height:1;
    margin:0;
    padding:0;
}

.chi-siamo-hero-subtitle{
    font-family:"Futura-Light", sans-serif;
    font-size:18px;
    line-height:1.2;
    margin:0;
    padding:20px 0 0;
    color:#000;
}

@media (min-width:992px){
    .chi-siamo-hero-title{
        font-size:50px;
    }

    .chi-siamo-hero-subtitle{
        font-size:26px;
        color:#fff;
    }
}

.groupbuttongray{
    text-align:center;
}

.social-wall-title{
    text-align:center;
}


/* banner PORFESR */
.img-porfesr {
	margin: 30px auto 0 auto;
	}