/*BUILDING-LOGO-HOVER*/

@-webkit-keyframes BUILDING-LOGO-HOVER {
    0% {
        fill: #3da8a1;
    }
    10% {
        fill: #3da8a1;
    }
    20% {
        fill: #694ea0;
    }
    30% {
        fill: #694ea0;
    }
    40% {
        fill: #c7448f;
    }
    50% {
        fill: #c7448f;
    }
    60% {
        fill: #f9a774;
    }
    70% {
        fill: #f9a774;
    }
    80% {
        fill: #ffdb78;
    }
    90% {
        fill: #ffdb78;
    }
    100% {
        fill: #3da8a1;
    }
}

@-moz-keyframes BUILDING-LOGO-HOVER {
    0% {
        fill: #3da8a1;
    }
    10% {
        fill: #3da8a1;
    }
    20% {
        fill: #694ea0;
    }
    30% {
        fill: #694ea0;
    }
    40% {
        fill: #c7448f;
    }
    50% {
        fill: #c7448f;
    }
    60% {
        fill: #f9a774;
    }
    70% {
        fill: #f9a774;
    }
    80% {
        fill: #ffdb78;
    }
    90% {
        fill: #ffdb78;
    }
    100% {
        fill: #3da8a1;
    }
}

@-o-keyframes BUILDING-LOGO-HOVER {
    0% {
        fill: #3da8a1;
    }
    10% {
        fill: #3da8a1;
    }
    20% {
        fill: #694ea0;
    }
    30% {
        fill: #694ea0;
    }
    40% {
        fill: #c7448f;
    }
    50% {
        fill: #c7448f;
    }
    60% {
        fill: #f9a774;
    }
    70% {
        fill: #f9a774;
    }
    80% {
        fill: #ffdb78;
    }
    90% {
        fill: #ffdb78;
    }
    100% {
        fill: #3da8a1;
    }
}

@keyframes BUILDING-LOGO-HOVER {
    0% {
        fill: #3da8a1;
    }
    10% {
        fill: #3da8a1;
    }
    20% {
        fill: #694ea0;
    }
    30% {
        fill: #694ea0;
    }
    40% {
        fill: #c7448f;
    }
    50% {
        fill: #c7448f;
    }
    60% {
        fill: #f9a774;
    }
    70% {
        fill: #f9a774;
    }
    80% {
        fill: #ffdb78;
    }
    90% {
        fill: #ffdb78;
    }
    100% {
        fill: #3da8a1;
    }
}

/* BUILDING-LINK-HOVER */

@-webkit-keyframes BUILDING-LINK-HOVER {
    0% {
        color: #3da8a1;
    }
    10% {
        color: #3da8a1;
    }
    20% {
        color: #694ea0;
    }
    30% {
        color: #694ea0;
    }
    40% {
        color: #c7448f;
    }
    50% {
        color: #c7448f;
    }
    60% {
        color: #f9a774;
    }
    70% {
        color: #f9a774;
    }
    80% {
        color: #ffdb78;
    }
    90% {
        color: #ffdb78;
    }
    100% {
        color: #3da8a1;
    }
}

@-moz-keyframes BUILDING-LINK-HOVER {
    0% {
        color: #3da8a1;
    }
    10% {
        color: #3da8a1;
    }
    20% {
        color: #694ea0;
    }
    30% {
        color: #694ea0;
    }
    40% {
        color: #c7448f;
    }
    50% {
        color: #c7448f;
    }
    60% {
        color: #f9a774;
    }
    70% {
        color: #f9a774;
    }
    80% {
        color: #ffdb78;
    }
    90% {
        color: #ffdb78;
    }
    100% {
        color: #3da8a1;
    }
}

@-o-keyframes BUILDING-LINK-HOVER {
    0% {
        color: #3da8a1;
    }
    10% {
        color: #3da8a1;
    }
    20% {
        color: #694ea0;
    }
    30% {
        color: #694ea0;
    }
    40% {
        color: #c7448f;
    }
    50% {
        color: #c7448f;
    }
    60% {
        color: #f9a774;
    }
    70% {
        color: #f9a774;
    }
    80% {
        color: #ffdb78;
    }
    90% {
        color: #ffdb78;
    }
    100% {
        color: #3da8a1;
    }
}

@keyframes BUILDING-LINK-HOVER {
    0% {
        color: #3da8a1;
    }
    10% {
        color: #3da8a1;
    }
    20% {
        color: #694ea0;
    }
    30% {
        color: #694ea0;
    }
    40% {
        color: #c7448f;
    }
    50% {
        color: #c7448f;
    }
    60% {
        color: #f9a774;
    }
    70% {
        color: #f9a774;
    }
    80% {
        color: #ffdb78;
    }
    90% {
        color: #ffdb78;
    }
    100% {
        color: #3da8a1;
    }
}

h3 {
    font-size: 1.8em;
}

a {
    color: black;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

a:hover {
    color: gray;
}

.logo-hover .logo-fill {
    fill: white;
    -webkit-animation: BUILDING-LOGO-HOVER 3s infinite;
    -moz-animation: BUILDING-LOGO-HOVER 3s infinite;
    -o-animation: BUILDING-LOGO-HOVER 3s infinite;
    animation: BUILDING-LOGO-HOVER 3s infinite;
}

.header-menu {
    background: white;
}

.header-menu a.facebook svg {
    width: 98px;
    height: 21px;
    margin: 0 auto;
}

.menu-pages a {
    font-size: .8em;
}

.menu-pages-inner a.home {
    -webkit-transition: top 1s ease-out, opacity 1s ease-out;
    transition: top 1s ease-out, opacity 1s ease-out;
}

.menu-pages-inner a.murali {
    -webkit-transition: top 1s ease-out .3s, opacity 1s ease-out .3s;
    transition: top 1s ease-out .3s, opacity 1s ease-out .3s;
}

.menu-pages-inner a.decorativi {
    -webkit-transition: top 1s ease-out .6s, opacity 1s ease-out .6s;
    transition: top 1s ease-out .6s, opacity 1s ease-out .6s;
}

.menu-pages-inner a.cappotto {
    -webkit-transition: top 1s ease-out .9s, opacity 1s ease-out .9s;
    transition: top 1s ease-out .9s, opacity 1s ease-out .9s;
}

.menu-pages-inner a.smalti {
    -webkit-transition: top 1s ease-out 1.2s, opacity 1s ease-out 1.2s;
    transition: top 1s ease-out 1.2s, opacity 1s ease-out 1.2s;
}

.menu-pages-inner a.legno {
    -webkit-transition: top 1s ease-out 1.5s, opacity 1s ease-out 1.5s, ;
    transition: top 1s ease-out 1.5s, opacity 1s ease-out 1.5s;
}

.menu-pages-inner a.attrezzature {
    -webkit-transition: top 1s ease-out 1.8s, opacity 1s ease-out 1.8s;
    transition: top 1s ease-out 1.8s, opacity 1s ease-out 1.8s;
}

.menu-pages-inner a.residenziali {
    -webkit-transition: top 1s ease-out 2.1s, opacity 1s ease-out 2.1s;
    transition: top 1s ease-out 2.1s, opacity 1s ease-out 2.1s;
}

.menu-pages-inner a.industriali {
    -webkit-transition: top 1s ease-out 2.4s, opacity 1s ease-out 2.4s;
    transition: top 1s ease-out 2.4s, opacity 1s ease-out 2.4s;
}

.menu-pages-inner a.formazione {
    -webkit-transition: top 1s ease-out 2.7s, opacity 1s ease-out 2.7s;
    transition: top 1s ease-out 2.7s, opacity 1s ease-out 2.7s;
}

.menu-pages-inner a.nuovasede {
    -webkit-transition: top 1s ease-out 3s, opacity 1s ease-out 3s;
    transition: top 1s ease-out 3s, opacity 1s ease-out 3s;
}

.menu-pages-inner a.qualita {
    -webkit-transition: top 1s ease-out 3.3s, opacity 1s ease-out 3.3s;
    transition: top 1s ease-out 3.3s, opacity 1s ease-out 3.3s;
}

.menu-pages-inner a.industry {
    -webkit-transition: top 1s ease-out 3.6s, opacity 1s ease-out 3.6s;
    transition: top 1s ease-out 3.6s, opacity 1s ease-out 3.6s;
}

.menu-pages-inner a.facebook {
    -webkit-transition: top 1s ease-out 3.9s, opacity 1s ease-out 3.9s;
    transition: top 1s ease-out 3.9s, opacity 1s ease-out 3.9s;
}

.menu-pages-inner a.up {
    opacity: 0;
    -webkit-transition: top 1s ease-out, opacity .3s ease-out;
    transition: top 1s ease-out, opacity .3s ease-out;
}

/* .menu-pages > a {
    opacity: 0;
} */

.menu-pages .home {
    top: 30px;
}

.menu-pages .murali {
    top: 70px;
}

.menu-pages .decorativi {
    top: 110px;
}

.menu-pages .cappotto {
    top: 150px;
}

.menu-pages .smalti {
    top: 190px;
}

.menu-pages .legno {
    top: 230px;
}

.menu-pages .attrezzature {
    top: 270px;
}

.menu-pages .residenziali {
    top: 310px;
}

.menu-pages .industriali {
    top: 350px;
}

.menu-pages .formazione {
    top: 390px;
}

.menu-pages .nuovasede {
    top: 430px;
}

.menu-pages .qualita {
    top: 470px;
}

.menu-pages .industry {
    top: 510px;
}

.menu-pages .facebook {
    top: 550px;
}

.menu-pages-inner .home.up {
    opacity: 0;
    top: 0;
}

.menu-pages-inner .murali.up {
    opacity: 0;
    top: 40px;
}

.menu-pages-inner .decorativi.up {
    opacity: 0;
    top: 80px;
}

.menu-pages-inner .cappotto.up {
    opacity: 0;
    top: 120px;
}

.menu-pages-inner .smalti.up {
    opacity: 0;
    top: 160px;
}

.menu-pages-inner .legno.up {
    opacity: 0;
    top: 200px;
}

.menu-pages-inner .attrezzature.up {
    opacity: 0;
    top: 240px;
}

.menu-pages-inner .residenziali.up {
    opacity: 0;
    top: 280px;
}

.menu-pages-inner .industriali.up {
    opacity: 0;
    top: 320px;
}

.menu-pages-inner .formazione.up {
    opacity: 0;
    top: 360px;
}

.menu-pages-inner .nuovasede.up {
    opacity: 0;
    top: 400px;
}

.menu-pages-inner .qualita.up {
    opacity: 0;
    top: 440px;
}

.menu-pages-inner .industry.up {
    opacity: 0;
    top: 480px;
}

.menu-pages-inner .facebook.up {
    opacity: 0;
    top: 520px;
}

.header-menu .menu-close {
    position: absolute;
    top: 640px;
    left: 50%;
    width: 160px;
    height: 41px;
    margin-left: -80px;
}

.menu-pages-inner .home-hover,
.menu-pages-inner .murali-hover,
.menu-pages-inner .decorativi-hover,
.menu-pages-inner .cappotto-hover,
.menu-pages-inner .smalti-hover,
.menu-pages-inner .legno-hover,
.menu-pages-inner .attrezzature-hover,
.menu-pages-inner .residenziali-hover,
.menu-pages-inner .industriali-hover,
.menu-pages-inner .formazione-hover,
.menu-pages-inner .nuovasede-hover,
.menu-pages-inner .qualita-hover,
.menu-pages-inner .industry-hover {
    -webkit-animation: BUILDING-LINK-HOVER 3s infinite;
    -moz-animation: BUILDING-LINK-HOVER 3s infinite;
    -o-animation: BUILDING-LINK-HOVER 3s infinite;
    animation: BUILDING-LINK-HOVER 3s infinite;
}

.menu-pages-inner .facebook-hover {
    -webkit-animation: BUILDING-LOGO-HOVER 3s infinite;
    -moz-animation: BUILDING-LOGO-HOVER 3s infinite;
    -o-animation: BUILDING-LOGO-HOVER 3s infinite;
    animation: BUILDING-LOGO-HOVER 3s infinite;
}

.section {
    background: white;
    color: black;
}

.logo-landing {
    position: relative;
    margin: 20px auto 0 !important;
    left: 0;
    width: 100px;
    height: 100px;
    opacity: 1;
    -webkit-transition: opacity 1s ease-out 0;
    transition: opacity 1s ease-out 0;
}

.marchio-landing {
    position: relative;
    margin: 20px auto 0 !important;
    width: 142px;
    height: 49px;
    opacity: 1;
    -webkit-transition: opacity 1s ease-out .2s;
    transition: opacity 1s ease-out .2s;
}

.logo-landing.hide, .marchio-landing.hide, .home-title.hide, .home-description.hide {
    opacity: 0;
}

.logo-landing .logo-fill, .marchio-landing .logo-fill {
    fill: black;
}

.home-title {
    margin: 60px auto 0;
    font-size: 7em;
    line-height: .9;
    opacity: 1;
    -webkit-transition: opacity 1s ease-out .4s;
    transition: opacity 1s ease-out .4s;
}

.home-description {
    margin: 60px auto 0;
    font-size: 1.1em;
    line-height: 1.2;
    width: 70%;
    opacity: 1;
    -webkit-transition: opacity 1s ease-out .6s;
    transition: opacity 1s ease-out .6s;
}

.home-scopri {
    margin-bottom: 50px;
}

.home-scopri>a {
    margin: 60px auto 0;
    display: inline-block;
}

.home-scopri .home-scopri-inner {
    position: relative;
    width: 50px;
    height: 50px;
    margin: 0 auto 0;
}

.home-scopri .home-scopri-inner .linea {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
}

.home-scopri .home-scopri-inner .linea1 {
    top: 0;
    background: #3da8a1;
    opacity: 1;
    -webkit-transition: opacity 1s ease-out 1s, top 1s ease-out 1s;
    transition: opacity 1s ease-out 1s, top 1s ease-out 1s;
}

.home-scopri .home-scopri-inner .linea2 {
    top: 8px;
    background: #694ea0;
    opacity: 1;
    -webkit-transition: opacity 1s ease-out 1.5s, top 1s ease-out 1.5s;
    transition: opacity 1s ease-out 1.5s, top 1s ease-out 1.5s;
}

.home-scopri .home-scopri-inner .linea3 {
    top: 16px;
    background: #c7448f;
    opacity: 1;
    -webkit-transition: opacity 1s ease-out 2s, top 1s ease-out 2s;
    transition: opacity 1s ease-out 2s, top 1s ease-out 2s;
}

.home-scopri .home-scopri-inner .linea4 {
    top: 24px;
    background: #f9a774;
    opacity: 1;
    -webkit-transition: opacity 1s ease-out 2.5s, top 1s ease-out 2.5s;
    transition: opacity 1s ease-out 2.5s, top 1s ease-out 2.5s;
}

.home-scopri .home-scopri-inner .linea5 {
    top: 32px;
    background: #ffdb78;
    opacity: 1;
    -webkit-transition: opacity 1s ease-out 3s, top 1s ease-out 3s;
    transition: opacity 1s ease-out 3s, top 1s ease-out 3s;
}

.home-scopri.hide .home-scopri-inner .linea1 {
    top: -30px;
    opacity: 0;
}

.home-scopri.hide .home-scopri-inner .linea2 {
    top: -22px;
    opacity: 0;
}

.home-scopri.hide .home-scopri-inner .linea3 {
    top: -14px;
    opacity: 0;
}

.home-scopri.hide .home-scopri-inner .linea4 {
    top: -6px;
    opacity: 0;
}

.home-scopri.hide .home-scopri-inner .linea5 {
    top: 2px;
    opacity: 0;
}

.home-scopri .home-scopri-link {
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: -100px;
    width: 200px;
    font-size: 1.1em;
    opacity: 1;
    -webkit-transition: opacity 1s ease-out 3.5s, top 1s ease-out 3.5s;
    transition: opacity 1s ease-out 3.5s, top 1s ease-out 3.5s;
}

.home-scopri.hide .home-scopri-link {
    opacity: 0;
    top: 20px;
}



.todo-container {
    position: absolute;
    top: 25%;
    left: 0;
    z-index: 5;
    color: white;
}

.todo-title {
    height: 200px;
    margin: 0;
    /* width: 80%; */
    /* margin-left: 13.33%; */
    padding: 0;
    padding-left: 200px;
    font-size: 6em;
    line-height: 1;
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
    opacity: 1;
}

.todo-text {
    margin-top: 0;
    padding: 50px 200px 0 50px;
    z-index: 5;
    font-size: 1.1em;
    -webkit-transition: all .5s ease-out .3s;
    transition: all .5s ease-out .3s;
    opacity: 1;
}

.todo-text.up {
    opacity: 0;
    margin-top: -30px;
}


@keyframes BUILDING-LINK-HOVER {
    0% {
        color: #3da8a1;
    }
    10% {
        color: #3da8a1;
    }
    20% {
        color: #694ea0;
    }
    30% {
        color: #694ea0;
    }
    40% {
        color: #c7448f;
    }
    50% {
        color: #c7448f;
    }
    60% {
        color: #f9a774;
    }
    70% {
        color: #f9a774;
    }
    80% {
        color: #ffdb78;
    }
    90% {
        color: #ffdb78;
    }
    100% {
        color: #3da8a1;
    }
}

.section .circle1 {
    opacity: 1;
}

.s-murali {
    background: url('../img/building_bg/01_Rivestimenti_Murali_AdobeStock_213632115.jpg') no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.s-decorativi {
    background: url('../img/building_bg/02_Decorativi_AdobeStock_156482428.jpg') no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.s-cappotto {
    background: url('../img/building_bg/03_Cappotto_Finiture_Esterne_AdobeStock_240082326.jpg') no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.s-smalti {
    background: url('../img/building_bg/04_Smalti_AdobeStock_204202878.jpg') no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.s-legno {
    background: url('../img/building_bg/05_Legno_AdobeStock_264829456.jpg') no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.s-attrezzature {
    background: url('../img/building_bg/06_Attrezzature_AdobeStock_290093103.jpg') no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.s-industriali {
    background: url('../img/building_bg/img_ri.jpg') no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.s-residenziali {
    background: url('../img/building_bg/img_rr.jpg') no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}






.s-murali .circle1 {
    background-color: #3da8a1;
}

.s-decorativi .circle1 {
    background-color: #694ea0;
}

.s-cappotto .circle1 {
    background-color: #c7448f;
}

.s-smalti .circle1 {
    background-color: #f9a774;
}

.s-legno .circle1 {
    background-color: #ffdb78;
}

.s-attrezzature .circle1 {
    background-color: #3da8a1;
}

.s-industriali .circle1 {
    background-color: #c7448f;
}

.s-residenziali .circle1 {
    background-color: #694ea0;
}


.circle-title {
    height: 400px;
    width: 400px;
    border-radius: 50%;
    font-size: 4em;
    margin: 0 auto 30px;
    color: white;
}

.formazione-title-container {
    height: 350px;
    margin-top: 50px;
    margin-bottom: 50px;
}

.formazione-title-container table {
    height: 100%;
}

.formazione-title {
    position: relative;
    display: block;
    z-index: 2;
    font-size: 4em;
    line-height: 1.1;
}

.formazione-circle {
    position: absolute;
    top: 0;
    left: 0;
    height: 350px;
    width: 350px;
    border-radius: 50%;
    margin-left: -175px;
    font-size: 4em;
    color: black;
    background: #ffd800;
    z-index: 1;
}

.formazione-circle1 {
    left: 70%;
    opacity: 1;
}

.formazione-circle2 {
    left: 60%;
    opacity: .8;
}

.formazione-circle3 {
    left: 50%;
    opacity: .6;
}

.formazione-circle4 {
    left: 40%;
    opacity: .4;
}

.formazione-circle5 {
    left: 30%;
    opacity: .2;
}

.formazione-btn {
    display: block;
    width: 240px;
    padding: 12px 60px;
    margin: 30px auto;
    background: #2a2a2a;
    color: #ffd800;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.formazione-btn:hover {
    text-decoration: none;
    background: #ffd800;
    color: #2a2a2a;
}

.nuovasede-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: url(../img/img_nuovasede.jpg) center center no-repeat;
    background-size: cover;
}

.nuovasede-title {
    position: relative;
    display: block;
    z-index: 2;
    font-size: 4em;
    line-height: 1.1;
    color: white;
}

.nuovasede-pointer {
    display: block;
    width: 80px;
    height: 120px;
    margin: 60px auto 30px;
}

.nuovasede-text {
    color: white;
    font-size: 1.2;
}

.qualita-bottom {
    color: #2a2a2a;
    background: #ededed;
}

.qualita-sx {
    height: 500px;
}

.qualita-title {
    color: #2a2a2a;
    font-size: 2.5em;
    margin-top: 50px;
}

.qualita-link {
    display: inline-block;
    width: 140px;
    height: 80px;
    background: #ededed;
    margin: 0 30px 0;
}

.link-paulin {
    background: url(../img/loghi_i_nostri_marchi/paulin.png) center center no-repeat;
    background-size: contain;
}

.link-newlac {
    background: url(../img/loghi_i_nostri_marchi/newlac.png) center center no-repeat;
    background-size: contain;
}

.link-caldart {
    background: url(../img/loghi_i_nostri_marchi/caldart_grey.png) center center no-repeat;
    background-size: contain;
}

.link-amonncolor {
    background: url(../img/loghi_i_nostri_marchi/amonn.png) center center no-repeat;
    background-size: contain;
}

.link-bisaten {
    background: url(../img/loghi_i_nostri_marchi/bisaten.png) center center no-repeat;
    background-size: contain;
}

.link-ceboscolor {
    background: url(../img/loghi_i_nostri_marchi/cebos_color.png) center center no-repeat;
    background-size: contain;
}

.link-gieffecolor {
    background: url(../img/loghi_i_nostri_marchi/gieffe.png) center center no-repeat;
    background-size: contain;
}

.link-giorgiograesan {
    background: url(../img/loghi_i_nostri_marchi/giorgiograesan.png) center center no-repeat;
    background-size: contain;
}

.link-icaforyou {
    background: url(../img/loghi_i_nostri_marchi/icaforyou.png) center center no-repeat;
    background-size: contain;
}

.link-veneziano {
    background: url(../img/loghi_i_nostri_marchi/colorificio_veneziano.png) center center no-repeat;
    background-size: contain;
}

.link-paulin:hover {
    background: url(../img/loghi_i_nostri_marchi/paulin_over.png) center center no-repeat;
    background-size: contain;
}

.link-newlac:hover {
    background: url(../img/loghi_i_nostri_marchi/newlac_over.png) center center no-repeat;
    background-size: contain;
}

.link-caldart:hover {
    background: url(../img/loghi_i_nostri_marchi/caldart_over.png) center center no-repeat;
    background-size: contain;
}

.link-amonncolor:hover {
    background: url(../img/loghi_i_nostri_marchi/amonn_over.png) center center no-repeat;
    background-size: contain;
}

.link-bisaten:hover {
    background: url(../img/loghi_i_nostri_marchi/bisaten_over.png) center center no-repeat;
    background-size: contain;
}

.link-ceboscolor:hover {
    background: url(../img/loghi_i_nostri_marchi/cebos_color_over.png) center center no-repeat;
    background-size: contain;
}

.link-gieffecolor:hover {
    background: url(../img/loghi_i_nostri_marchi/gieffe_over.png) center center no-repeat;
    background-size: contain;
}

.link-giorgiograesan:hover {
    background: url(../img/loghi_i_nostri_marchi/giorgiograesan_over.png) center center no-repeat;
    background-size: contain;
}

.link-icaforyou:hover {
    background: url(../img/loghi_i_nostri_marchi/icaforyou_over.png) center center no-repeat;
    background-size: contain;
}

.link-veneziano:hover {
    background: url(../img/loghi_i_nostri_marchi/colorificio_veneziano_over.png) center center no-repeat;
    background-size: contain;
}

.image-preloader {
    display: inline;
    width: 0;
    height: 0;
}

#image-preloader1 {
    background-image: url(../img/loghi_i_nostri_marchi/paulin_over.png);
}

#image-preloader2 {
    background-image: url(../img/loghi_i_nostri_marchi/newlac_over.png);
}

#image-preloader3 {
    background-image: url(../img/loghi_i_nostri_marchi/caldart_over.png);
}

#image-preloader4 {
    background-image: url(../img/loghi_i_nostri_marchi/amonn_over.png);
}

#image-preloader5 {
    background-image: url(../img/loghi_i_nostri_marchi/bisaten_over.png);
}

#image-preloader6 {
    background-image: url(../img/loghi_i_nostri_marchi/cebos_color_over.png);
}

#image-preloader7 {
    background-image: url(../img/loghi_i_nostri_marchi/gieffe_over.png);
}

#image-preloader8 {
    background-image: url(../img/loghi_i_nostri_marchi/giorgiograesan_over.png);
}

#image-preloader9 {
    background-image: url(../img/loghi_i_nostri_marchi/icaforyou_over.png);
}

#image-preloader10 {
    background-image: url(../img/loghi_i_nostri_marchi/colorificio_veneziano_over.png);
}

.logo-facebook-footer svg {
    width: 80px;
    height: 20px;
    margin: 0 auto;
    fill: #2a2a2a;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.logo-facebook-footer:hover svg {
    fill: gray;
}

.footer {
    color: #2a2a2a;
    background: #ededed;
}

.footer a {
    color: #2a2a2a;
}

.footer a:hover {
    color: gray;
}

@media (max-width: 1899.98px) {

    .circle-title {
        height: 350px;
        width: 350px;
    }

    .todo-container {
        top: 10%;
    }

    .todo-title {
        font-size: 6em;
        padding-left: 100px;
    }

    .todo-text {
        font-size: 1em;
        padding: 50px 100px 0 50px;
    }
}

@media (max-width: 1199.98px) {

    .circle-title {
        height: 300px;
        width: 300px;
    }

    .home-title {
        margin-left: 3.33%;
        font-size: 4em;
    }

    .todo-title {
        font-size: 4em;
        padding-left: 50px;
    }

    .todo-text {
        padding: 50px 50px 0 50px;
    }
    
    .formazione-title-container {
        height: 300px;
    }

    .formazione-circle  {
        height: 300px;
        width: 300px;
        margin-left: -150px;
    }

    .nuovasede-pointer {
        width: 60px;
        margin: 40px auto 20px;
    }

    .qualita-title {
        font-size: 2em;
        margin-top: 30px;
    }

    .qualita-link {
        height: 60px;
    }
}

@media (max-width: 991.98px) {
    .circle-title {
        height: 250px;
        width: 250px;
    }

    .menu-pages a {
        font-size: .5em;
    }

    .menu-pages .home {
        top: 30px;
    }
    
    .menu-pages .murali {
        top: 60px;
    }
    
    .menu-pages .decorativi {
        top: 90px;
    }
    
    .menu-pages .cappotto {
        top: 120px;
    }
    
    .menu-pages .smalti {
        top: 150px;
    }
    
    .menu-pages .legno {
        top: 180px;
    }
    
    .menu-pages .attrezzature {
        top: 210px;
    }
    
    .menu-pages .residenziali {
        top: 240px;
    }
    
    .menu-pages .industriali {
        top: 270px;
    }
    
    .menu-pages .formazione {
        top: 300px;
    }
    
    .menu-pages .nuovasede {
        top: 330px;
    }
    
    .menu-pages .qualita {
        top: 360px;
    }
    
    .menu-pages .industry {
        top: 390px;
    }
    
    .menu-pages .facebook {
        top: 420px;
    }
    
    .menu-pages-inner .home.up {
        opacity: 0;
        top: 0;
    }
    
    .menu-pages-inner .murali.up {
        opacity: 0;
        top: 30px;
    }
    
    .menu-pages-inner .decorativi.up {
        opacity: 0;
        top: 60px;
    }
    
    .menu-pages-inner .cappotto.up {
        opacity: 0;
        top: 90px;
    }
    
    .menu-pages-inner .smalti.up {
        opacity: 0;
        top: 120px;
    }
    
    .menu-pages-inner .legno.up {
        opacity: 0;
        top: 150px;
    }
    
    .menu-pages-inner .attrezzature.up {
        opacity: 0;
        top: 180px;
    }
    
    .menu-pages-inner .residenziali.up {
        opacity: 0;
        top: 210px;
    }
    
    .menu-pages-inner .industriali.up {
        opacity: 0;
        top: 240px;
    }
    
    .menu-pages-inner .formazione.up {
        opacity: 0;
        top: 270px;
    }
    
    .menu-pages-inner .nuovasede.up {
        opacity: 0;
        top: 300px;
    }
    
    .menu-pages-inner .qualita.up {
        opacity: 0;
        top: 330px;
    }
    
    .menu-pages-inner .industry.up {
        opacity: 0;
        top: 360px;
    }
    
    .menu-pages-inner .facebook.up {
        opacity: 0;
        top: 390px;
    }

    .header-menu .menu-close {
        top: 490px;
    }

    .building-container,
    .resine-container {
        padding-left: 30px;
        padding-right: 30px;
    }
    
    .formazione-title-container {
        height: 250px;
    }

    .home-title,
    .todo-title,
    .formazione-title,
    .nuovasede-title {
        font-size: 3em;
    }
 
    /*.todo-title {
        margin-left: 25px;
    } */

    .formazione-circle  {
        height: 250px;
        width: 250px;
        margin-left: -125px;
    }

    .nuovasede-pointer {
        width: 40px;
        margin: 20px auto 10px;
    }

    .h50 {
        height: auto;
    }

    .qualita-top {
        height: auto;
    }

    .qualita-sx {
        height: 500px;
    }

    .qualita-bottom {
        height: auto;
    }

    .qualita-dx {
        height: auto;
        text-align: center;
    }

    .logo-footer {
        position: relative;
        top: 0;
        left: 0;
        margin: 20px auto;
    }

    .logo-facebook-footer {
        display: block;
        margin: 0 auto 20px;
    }

    .qualita-link {
        height: 40px;
    }
}

@media (max-width: 767.98px) {
    .circle-title {
        height: 200px;
        width: 200px;
    }

    .todo-container {
        position: relative;
        margin-top: 80px;
        margin-bottom: 80px;
        top: 0;
        color: white;
    }

    .todo-container-black {
        color: black;
    }

    .todo-text {
        font-size: 1.2em;
    }
    
    .formazione-title-container {
        height: 200px;
        margin-top: 80px;
    }

    .home-title,
    .todo-title,
    .formazione-title,
    .nuovasede-title {
        font-size: 2em;
    }

    .todo-title {
        padding-left: 30px;
        padding-right: 30px;
        text-align: center;
    }

    .formazione-circle  {
        height: 200px;
        width: 200px;
        margin-left: -100px;
    }

    .qualita-title {
        font-size: 1.5em;
    }

    .logo-facebook-footer svg {
        margin: 20px auto;
    }

    .h50 {
        height: auto;
    }

    .qualita-marchi {
        margin-top: 25px;
        margin-bottom: 50px;
    }
}

@media (max-width: 575.98px) {
    .todo-title {
        padding-left: 15px;
        padding-right: 15px;
    }

    .qualita-title,
    .formazione-title {
        font-size: 1.4em;
    }
}

@media (max-height: 749.98px) {
    .header-menu .menu-pages {
        margin-top: 0;
    }

    .menu-pages a {
        font-size: .5em;
    }

    .todo-title {
        height: auto;
    }

    .menu-pages .home {
        top: 30px;
    }
    
    .menu-pages .murali {
        top: 60px;
    }
    
    .menu-pages .decorativi {
        top: 90px;
    }
    
    .menu-pages .cappotto {
        top: 120px;
    }
    
    .menu-pages .smalti {
        top: 150px;
    }
    
    .menu-pages .legno {
        top: 180px;
    }
    
    .menu-pages .attrezzature {
        top: 210px;
    }
    
    .menu-pages .residenziali {
        top: 240px;
    }
    
    .menu-pages .industriali {
        top: 270px;
    }
    
    .menu-pages .formazione {
        top: 300px;
    }
    
    .menu-pages .nuovasede {
        top: 330px;
    }
    
    .menu-pages .qualita {
        top: 360px;
    }
    
    .menu-pages .industry {
        top: 390px;
    }
    
    .menu-pages .facebook {
        top: 420px;
    }
    
    .menu-pages-inner .home.up {
        opacity: 0;
        top: 0;
    }
    
    .menu-pages-inner .murali.up {
        opacity: 0;
        top: 30px;
    }
    
    .menu-pages-inner .decorativi.up {
        opacity: 0;
        top: 60px;
    }
    
    .menu-pages-inner .cappotto.up {
        opacity: 0;
        top: 90px;
    }
    
    .menu-pages-inner .smalti.up {
        opacity: 0;
        top: 120px;
    }
    
    .menu-pages-inner .legno.up {
        opacity: 0;
        top: 150px;
    }
    
    .menu-pages-inner .attrezzature.up {
        opacity: 0;
        top: 180px;
    }
    
    .menu-pages-inner .residenziali.up {
        opacity: 0;
        top: 210px;
    }
    
    .menu-pages-inner .industriali.up {
        opacity: 0;
        top: 240px;
    }
    
    .menu-pages-inner .formazione.up {
        opacity: 0;
        top: 270px;
    }
    
    .menu-pages-inner .nuovasede.up {
        opacity: 0;
        top: 300px;
    }
    
    .menu-pages-inner .qualita.up {
        opacity: 0;
        top: 330px;
    }
    
    .menu-pages-inner .industry.up {
        opacity: 0;
        top: 360px;
    }
    
    .menu-pages-inner .facebook.up {
        opacity: 0;
        top: 390px;
    }


    .header-menu .menu-close {
        visibility: hidden;
    }

    .home-title {
        margin: 30px auto 0;
    }
    
    .home-description {
        margin: 30px auto 0;
    }
    
    .home-scopri>a {
        margin: 30px auto 0;
    }

    .h50 {
        height: auto;
    }

    .qualita-marchi {
        margin-top: 25px;
        margin-bottom: 50px;
    }
}

@media (max-height: 549.98px) {
    .qualita-title {
        margin-top: 10px;
    }

    .qualita-link {
        height: 40px;
    }

    .home-title {
        margin: 15px auto 0;
    }
    
    .home-description {
        margin: 15px auto 0;
    }
    
    .home-scopri>a {
        margin: 15px auto 0;
    }
}