html {margin: 0 15px}
body{background-color: #fefefe;
font-family: 'Lato'; overflow-x: hidden; }
.clearfix::after {
    display: block;
    clear: both;
    content: "";
}
body.hp-body{background:url('/wp-content/uploads/bg-open.jpg');background-repeat:no-repeat;background-position: center;background-size: cover;min-height: 100vh; background-attachment: fixed;}
body.hp-body.home {overflow-y: hidden;}
.vc_row.wpb_row.vc_row-fluid{max-width:none;}
.hp-container{
    margin-top: calc((100vh - 580px) / 2);
}
.hp-container .logo-italoperin{max-width:250px; margin:auto;}
.hp-container .logo-italoperin a {color:#bcbcbb}
.hp-container .logo-italoperin a span{
    display: inline-block;
    position: relative;
    padding-left: 40px;
    margin-top: 15px;
    margin-left: 25px;
    text-decoration: none;
    font-weight: 700;
}
.hp-container .logo-italoperin a span{position: relative;}

.hp-container .logo-italoperin a:hover span:before{left: 5px}
.hp-container .logo-italoperin a span:before{content: '';position: absolute;width: 25px;height: 25px;display: inline-block;left: 0; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out}
.hp-container .logo-italoperin a span:before{background-image: url(//www.italoperingroup.it/wp-content/themes/italoperingroup/img/cta-gruppo.png);}

.hp-container .loghi-altri{max-width: 1000px;margin: 50px auto 0;}
.hp-container .loghi-altri .logo-cont{
    float: left;
}
.hp-container .loghi-altri .logo-cont a span{
    display: inline-block;
    position: relative;
    padding-left: 40px;
    margin-top: 15px;
    margin-left: 45px;
    text-decoration: none;
    font-weight: 700;
}
.hp-container .loghi-altri .logo-cont.artserf a{
    color: #006195;
}
.hp-container .loghi-altri .logo-cont.lamec a{
    color: #224885;
}
.hp-container .loghi-altri .logo-cont.mittel a{
    color: #016a62;
}
.hp-container .loghi-altri .logo-cont a span{position: relative;}
.hp-container .loghi-altri .logo-cont a span:before{content: '';position: absolute;width: 25px;height: 25px;display: inline-block;left: 0; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out}
.hp-container .loghi-altri .logo-cont a:hover span:before{left: 5px}
.hp-container .loghi-altri .logo-cont.artserf a span:before{background-image: url(//www.italoperingroup.it/wp-content/themes/italoperingroup/img/cta-artserf.png);}
.hp-container .loghi-altri .logo-cont.lamec a span:before{background-image: url(//www.italoperingroup.it/wp-content/themes/italoperingroup/img/cta-lamec.png)}
.hp-container .loghi-altri .logo-cont.mittel a span:before{background-image: url(//www.italoperingroup.it/wp-content/themes/italoperingroup/img/cta-mittel.png)}
  .logo-cont img{display: block;}
  .logo-cont.artserf {width:40%}
  .logo-cont.lamec {
    width: 35%;
}
  .logo-cont.mittel {
    width: 25%;
}
.logo-cont.artserf img{}
.logo-cont.lamec img{}
.logo-cont.mittel img{}



.col-storia{}
.col-gruppo{
    position: fixed !important;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.col-testo{
    margin-left: 25%;
}
.col-testo h1{font-size: 50px; line-height: 50px; margin-top: 15px}
.col-testo h2{font-size: 30px; line-height: 30px}
.col-gruppi{
    position: fixed !important;
    right: 0;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.elemento-anno p{
    margin: 0;
    text-align: center;
    font-size: 60px;
    font-weight: 700;
    color: #bdbcbc;
    text-shadow: 0px 0px 10px rgb(255 255 255);
}

@media screen and (max-width:1280px){
  .col-gruppi img {height: 60px !important; width: auto !important; max-width: none !important;}
}

@media screen and (max-width:1280px) and (min-width:768px){
  .riga-anni{margin-bottom: 30px;}
    .riga-anni .elemento-anno p{    margin-top: -50px;}

}
@media screen and (max-width:1024px){
  .logo-cont img{height: 100px}
}

@media screen and (max-width:768px){
  .hp-container .loghi-altri .logo-cont{width: 100%;text-align: center;margin-bottom: 30px;}
  .logo-cont img{margin: auto}
  .hp-container{margin-top: 50px}
  .hp-container .loghi-altri .logo-cont a span{margin-left: 0}
}

@media screen and (max-width:480px){
  body.hp-body.home{overflow-y: scroll;}
}

@media screen and (min-width:992px){
  .riga-alternata>div:nth-child(2) *{text-align: right;}
}