header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    padding-top: 30px;
    padding-bottom: 30px;
}

.header{
    float: left;
    width: 100%;
    height: 100vh;
    position: relative;
}

#carouselSlidesOnly {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 20%;
}

@media screen and (max-width: 992px) {
    #carouselSlidesOnly {
        width: 30%;
    }
}

.carousel-inner {
    height: 100%;
    width: 100%;
}

.carousel-item {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.header .background-section{
    position: absolute;
    top: 0;
    left: 0;
    width: 80%;
    height: 100%;
    background-image: url(../img/eurostampi-soap-dyes.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
}

@media screen and (max-width: 992px) {
    .header .background-section{
        width: 70%;
    }
}

.bgvideo {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-color: black;
    background-position: center center;
    background-size: contain;
    object-fit: cover;
    z-index: 0;
}

.overlay01 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    background-image:
        url(../img/eurostampi-stampi-sapone-pixel-heading.png),
        url(../img/eurostampi-stampi-sapone-pixel-heading.png),
        url(../img/eurostampi-stampi-sapone-pixel-heading.png),
        url(../img/eurostampi-stampi-sapone-pixel-heading.png),
        url(../img/eurostampi-stampi-sapone-pixel-heading.png),
        url(../img/eurostampi-stampi-sapone-pixel-heading.png);
    background-position: 10% 0,20% 0,30% 0,40% 0,50% 0,60% 0;
    background-repeat: repeat-y,repeat-y,repeat-y,repeat-y,repeat-y,repeat-y;
}

.header header{
    padding-top: 25px;
    padding-bottom: 25px;
}

.logo img{
    width: 35px;
}

@media screen and (max-width: 576px) {
    .logo img{
        width: 27px;
    }
}

.contact-link{
    color: #FFF;
    font-family: "FuturaStd";
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 22px;
}

.contact-link:hover {
    color: #FFF;
    text-decoration: none;
}

.contact-link:before {
    content:'';
    position: absolute;
    bottom: -5px;
    left: 15px;
    height: 3px;
    width: 20px;
    background-color: #2C79B7;
    -webkit-transition: width 0.3s, -webkit-transform 0.3s;
    -moz-transition: width 0.3s, -moz-transform 0.3s;
    transition: width 0.3s, transform 0.3s;
}

.contact-link:hover:before {
    width: 52px;
}


.homepage .header-pro{
    padding-left: 12vw;
    height: 70%;
    position: absolute;
    bottom: 0;
    width: 90%;
    margin-bottom: 0;
    border-right: 2px solid #FFF;
    right: 98px;
}

@media screen and (max-width: 1025px) {
    .homepage .header-pro{
        padding-left: 20px;
        right: 98px;
    }
}

@media screen and (max-width: 992px) {
    .homepage .header-pro{
        left: 0;
        padding-left: 0;
        right: auto;
        height: 75%;
    }
}

.homepage .header-pro h1{
    color: #FFFFFF;
    font-family: "FuturaStd";
    font-size: 4.5vw;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 6vw;
    text-align: right;
    margin-top: 0;
    margin-right: 50px;
}

@media screen and (max-width: 1025px) {
    .homepage .header-pro h1{
        font-size: 5vw;
        line-height: 8vw;
        margin-right: 20px;
    }
}

@media screen and (max-width: 992px) {
    .homepage .header-pro h1{
        font-size: 7.3vw;
        line-height: 10vw;
        padding-left: 15px;
        padding-right: 15px;
        text-align: left;
        right: auto;
        margin-right: 0; 
    }
}

.pro-it h1:before{
    content: 'Storie di stampi';
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 20px;
    color: #FFFFFF;
    font-family: Raleway;
    font-size: 16px;
    font-weight: 900;
    letter-spacing: 1px;
    line-height: 19px;
    padding: 20px 10px;
    cursor: pointer;
}
.pro-en h1:before{
    content: 'Die sets Stories';
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 20px;
    color: #FFFFFF;
    font-family: Raleway;
    font-size: 16px;
    font-weight: 900;
    letter-spacing: 1px;
    line-height: 19px;
    padding: 20px 10px;
    cursor: pointer;
}


@media screen and (max-width: 576px) {
    .header-pro h1:before{
        padding: 40px 10px;
    }
}



.blue01{
    color: #2C79B7;
}

.blue02{
    color: #CFCFCF;
}

.buttons {
    padding-left: 10vw;
    margin-top: 10vh;
    float: left;
    width: 100%;
}


@media screen and (max-width: 1025px) {
    .buttons {
        padding-left: 7vw;
    }

}


@media screen and (max-width: 992px) {
    .buttons {
        padding-left: 15px;
        padding-right: 15px;
        bottom: 38%;
        width: 100%;
        display: inline-block;
    }

}

@media screen and (max-width: 576px) {
    .buttons {
        margin-top: 30px;
    }

}

.buttons a{
    width:27vw;
    padding-top: 20px;
    padding-bottom: 30px;
    float: left;
    position: relative;
    overflow: hidden;
    -webkit-transition: border 0.3s, -webkit-transform 0.3s;
    -moz-transition: border 0.3s, -moz-transform 0.3s;
    transition: border 0.3s, transform 0.3s;
}


@media screen and (max-width: 1025px) {
    .buttons a{
        width: 34vw;
    }
}


@media screen and (max-width: 992px) {
    .buttons a{
        width: 42%;
        padding: 4vw;
    }
}

@media screen and (max-width: 576px) {
    .buttons a{
        width: 47%;
    }
}

.buttons a:hover{
    border: 2px solid #235B89 !important;
}

.buttons a:before{
    content:'';
    position: absolute;
    top:0;
    left: -101%;
    width: 100%;
    height: 100%;
    background-color: #235B89;
    -webkit-transition: left 0.3s, -webkit-transform 0.3s;
    -moz-transition: left 0.3s, -moz-transform 0.3s;
    transition: left 0.3s, transform 0.3s;
}

.buttons a:hover:before{
    left: 0;
}

.buttons a:nth-child(1){
    background-color: #2C79B7;
    border: 2px solid #2C79B7;
    margin-right: 25px;
}

@media screen and (max-width: 992px) {
    .buttons a:nth-child(1){
        margin-right: 15px;
    }

}

.buttons a:nth-child(2){
    background-color: transparent;
    border: 2px solid #FFF;
}

.buttons h5,
.buttons h6{
    width: 100%;
    float: left;
    text-align: center;
    color: #FFF;
    position: relative;
}

.buttons h5{
    color: #FFFFFF;
    font-family: "FuturaStd";
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 3px;
    line-height: 18px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

@media screen and (max-width: 992px) {
    .buttons h5{
        font-size: 12px;
        margin-bottom: 0;
    }
}

@media screen and (max-width: 576px) {
    .buttons h5{
        font-size: 11px;
        line-height: 16px;
    }
}

.buttons h6{
    color: #FFFFFF;
    font-family: 'Raleway', sans-serif;
    font-size: 15px;
    line-height: 18px;
}

@media screen and (max-width: 992px) {
    .buttons h6{
        display: none;
    }
}

.buttons h6:before{
    content: '';
    position: absolute;
    bottom: -10px;
    left: calc((100% - 52px) /2);
    width: 52px;
    height: 3px;
    background-color: #FFF;
}

section{
    position: relative;
}

.timeline{
    float: left;
    width: 100%;
    background-color: #E9E9E9;
    position: relative;
    padding-bottom: 120px;
}

.time-element{
    width: 900px;
    height: auto;
    position: relative;
    margin: 0 auto;
    margin-top: 120px;
    display: table;
}

@media screen and (max-width: 1300px) {
    .time-element{
        width: 60vw;
    }
}

@media screen and (max-width: 992px) {
    .time-element{
        width: 100%;
    }
}

@media screen and (max-width: 576px) {
    .time-element{
        margin-top: 80px;
    }
}

.overlay02 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image:
        url(../img/eurostampi-stampi-sapone-pixel-body.png),
        url(../img/eurostampi-stampi-sapone-pixel-body.png),
        url(../img/eurostampi-stampi-sapone-pixel-body.png),
        url(../img/eurostampi-stampi-sapone-pixel-body.png),
        url(../img/eurostampi-stampi-sapone-pixel-body.png),
        url(../img/eurostampi-stampi-sapone-pixel-body.png);
    background-position: 10% 0,20% 0,30% 0,40% 0,50% 0,60% 0;
    background-repeat: repeat-y,repeat-y,repeat-y,repeat-y,repeat-y,repeat-y;
}

.overlay03 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image:
        url(../img/eurostampi-stampi-sapone-pixel-footer.png),
        url(../img/eurostampi-stampi-sapone-pixel-footer.png),
        url(../img/eurostampi-stampi-sapone-pixel-footer.png),
        url(../img/eurostampi-stampi-sapone-pixel-footer.png),
        url(../img/eurostampi-stampi-sapone-pixel-footer.png),
        url(../img/eurostampi-stampi-sapone-pixel-footer.png);
    background-position: 10% 0,20% 0,30% 0,40% 0,50% 0,60% 0;
    background-repeat: repeat-y,repeat-y,repeat-y,repeat-y,repeat-y,repeat-y;
}

.time-element  .wrap-figure{
    position: relative;
    float: left;
    width: 100%;
}

.time-element figure{
    position: relative;
    width: 90%;
    float: right;
}

@media screen and (max-width: 992px) {
    .time-element figure{
        width: 100%;
        float: left;
    }
}

@media screen and (max-width: 600px) {
    .time-element figure{
        margin-bottom: 5px;
    }
}

.time-element figure img{
    width: 100%;
    height: auto;
    position: relative;
    top: 0;
}

@media screen and (max-width: 992px) {
    .time-element figure img{
        width: 85%;
        margin-left: 7.5%;
    }
}

.wrap-figure figcaption{
    position: absolute;
    bottom: 0;
    left: -90px;
    font-family: "FuturaStd";
    font-size: 24px;
    font-weight: 900;
    line-height: 29px;
    color: #2C79B7;
}

@media screen and (max-width: 992px) {
    .wrap-figure figcaption{
        position: inherit;
        bottom: auto;
        left: auto;
        float: left;
        width: 100%;
        margin-top: 20px;
        padding-left: 30px;
    }
}

@media screen and (max-width: 600px) {
    .wrap-figure figcaption {
        font-size: 20px;

    }
}

h3 {
    color: #2D2D2D;
    font-family: "FuturaStd";
    font-size: 36px;
    font-weight: 900;
    letter-spacing: 1px;
    line-height: 44px;
    text-align: left;
    margin-top: 10px;
    position: relative;
    float: left;
    width: 100%;
    padding-left: 30px;
}

@media screen and (max-width: 992px) {
    h3 {
        color: #2D2D2D;
        font-family: "FuturaStd";
        font-weight: 900;
        letter-spacing: 1px;
        line-height: 44px;
        text-align: left;
        margin-top: 0;
        position: relative;
        float: left;
        padding-left: 55px;
        width: 100%;
        padding-right: 55px;
    }
}

@media screen and (max-width: 516px) {
    h3 {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 0;
    }

}


.time-details{
    margin-top: 10px;
    float: right;
    width: 90%;
}

@media screen and (max-width: 992px) {
    .time-details {
        margin-top: 10px;
        float: left;
        width: 80%;
        margin-left: 10%;
    }
}



.time-details .container-fluid{
    padding-right: 0;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0;
}


.time-details p{
    color: #515151;
    font-family: Raleway;
    font-size: 16px;
    font-weight: 900;
    letter-spacing: 1px;
    line-height: 26px;
    margin: 0;
    padding-right: 20px;
}

@media screen and (max-width: 600px) {
    .time-details p {
        font-size: 15px;
        padding-left: 20px;
        margin-top: 10px;
        margin-bottom: 30px;
    }
}

a.buttons2{
    width: 100%;
    border: 2px solid #04629B;
    padding-top: 20px;
    padding-bottom: 20px;
    float: left;
    position: relative;
    overflow: hidden;
    -webkit-transition: border 0.3s, -webkit-transform 0.3s;
    -moz-transition: border 0.3s, -moz-transform 0.3s;
    transition: border 0.3s, transform 0.3s;
}

@media screen and (max-width: 600px) {
    a.buttons2 {
        width: 70%;
    }
}

a.buttons2:hover {
    border: 2px solid #235B89 !important;
    text-decoration: none;
}

a.buttons2:before {
    content: '';
    position: absolute;
    top: 0;
    left: -101%;
    width: 100%;
    height: 100%;
    background-color: #235B89;
    -webkit-transition: left 0.3s, -webkit-transform 0.3s;
    -moz-transition: left 0.3s, -moz-transform 0.3s;
    transition: left 0.3s, transform 0.3s;
}

a.buttons2:hover:before {
    left: 0;
}


a.buttons2 h5{
    margin-bottom: 0;
    z-index: 1;
    float: left;
    position: relative;
    text-align: center;
    width: 100%;
    color: #2D2D2D;
    font-family: "FuturaStd";
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 3px;
    line-height: 18px;
    text-align: center;
}

a.buttons2:hover h5{
    color: #FFF;
}

.timeline-nav{
    position: absolute;
    top: 0;
    right: 50px;
    width: 100px;
}

@media screen and (max-width: 992px) {
    .timeline-nav{
        display: none;
    }
}

.timeline-nav ul{
    margin: 0;
    padding: 0;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 100px;
    padding-bottom: 1px;
}

.timeline-nav ul li{
    list-style: none;
    margin-bottom: 40px;
    position: relative;
    color: #898989;
    font-family: "FuturaStd";
    font-size: 15px;
    font-weight: 900;
    line-height: 18px;
    text-align: center;
}

.timeline-nav ul li.active{
    color: #2C79B7;
}

.timeline-nav ul li:first-child:before{
    content:'';
    position: absolute;
    top: -100px;
    left: calc((100% -2px)/2);
    width: 2px;
    height: 100px;
    background-color: #000;
}

.timeline-nav ul li:after{
    content:'';
    position: absolute;
    bottom: -40px;
    left: calc((100% -2px)/2);
    width: 2px;
    height: 40px;
    background-color: #000;
}


.loader-timeline{
    width: 900px;
    height: auto;
    position: relative;
    margin: 0 auto;
    margin-top: 120px;
    display: table;
}

@media screen and (max-width: 1300px) {
    .loader-timeline{
        width: 60vw;
    }
}

@media screen and (max-width: 992px) {
    .loader-timeline{
        width: 100%;
        padding-left: 55px;
    }
}

@media screen and (max-width: 600px) {
    .loader-timeline{
        padding-left: 30px;
    }
}

.loader-timeline span{
    color: #2C79B7;
    font-family: "FuturaStd";
    font-size: 48px;
    font-weight: 900;
    line-height: 58px;
    position: relative;
    padding-right: 50px;
    cursor: pointer;
}

@media screen and (max-width: 600px) {
    .loader-timeline span{
        font-size: 27px;
        padding-right: 30px;
    }
}

.loader-timeline span:before{
    content:'';
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 52px;
    height: 3px;
    background-color: #000;
}

.loader-timeline span:after{
    content:'\f054';
    font-family: "FontAwesome";
    position: absolute;
    top: calc((100% - 39px) /2);
    right: 0;
    color: #000;
    font-size: 39px;
    line-height: 39px;
    -moz-transition: all 100ms linear;
    -webkit-transition: all 100ms linear;
    transition: all 100ms linear;
}

@media screen and (max-width: 600px) {
    .loader-timeline span:after{
        font-size: 20px;
    }
}

.loader-timeline span.active:after{
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.clients{
    position: relative;
    float: left;
    width: 100%;
}

.clients-list{
    width: 1000px;
    height: auto;
    position: relative;
    margin: 0 auto;
    margin-top: 120px;
}

@media screen and (max-width: 1300px) {
    .clients-list{
        width: 60vw;
    }
}

@media screen and (max-width: 992px) {
    .clients-list{
        width: 100%;
    }
}

@media screen and (max-width: 576px) {
    .clients-list{
        margin-top: 80px;
    }
}

.clients h2{
    color: #FFFFFF;
    font-family: "FuturaStd";
    font-size: 48px;
    font-weight: 900;
    line-height: 44px;
    padding-left: 50px;
    opacity: 0;
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    -moz-transition: opacity 0.5s, -moz-transform 0.5s;
    transition: opacity 0.5s, transform 0.5s;
}

@media screen and (max-width: 1300px) {
    .clients h2{
        padding-left: 0;
    }
}

@media screen and (max-width: 992px) {
    .clients h2{
        padding-left: 55px;
    }
}

@media screen and (max-width: 600px) {
    .clients h2{
        padding-left: 30px;
        font-size: 27px;
    }
}

footer.active .clients h2 {
    opacity: 1;
}

.light-blue{
    color: #04629B;
}

.clients .container-fluid{
    margin-top: 100px;
}

@media screen and (max-width: 576px) {
    .clients .container-fluid{
        margin-top: 50px;
    }
}

.clients .container-fluid .row > div{
    text-align: center;
}

.guidelines-desc{
    position: relative;
    float: left;
    width: 100%;
}

.wrap-paragraph{
    width: 900px;
    height: auto;
    position: relative;
    margin: 0 auto;
    margin-top: 150px;
    display: table;
}

@media screen and (max-width: 1300px) {
    .wrap-paragraph{
        width: 60vw;
    }
}

@media screen and (max-width: 992px) {
    .wrap-paragraph{
        width: 100%;
    }
}

.guidelines-desc p{
    color: #D8D8D8;
    font-family: Raleway;
    font-size: 20px;
    font-weight: 900;
    letter-spacing: 1px;
    line-height: 30px;
    width: 50%;
    position: relative;
}

@media screen and (max-width: 992px) {
    .guidelines-desc p{
        font-size: 18px;
        padding-left: 55px;
        width: 70%;
    }
}

@media screen and (max-width: 600px) {
    .guidelines-desc p{
        font-size: 16px;
        line-height: 24px;
        padding-left: 30px;
        width: 80%;
    }
}

.guidelines{
    position: relative;
    float: left;
    width: 100%;
}

.guidelines-list{
    float: left;
    width: 60%;
    height: auto;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.65) 100%), url(../img/eurostampi-production-capacity.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position:top center;
    position: relative;
    margin-top: 150px;
}

@media screen and (max-width: 992px) {
    .guidelines-list{
        width: 70%;

    }
}

@media screen and (max-width: 600px) {
    .guidelines-list{
        width: 90%;
        margin-bottom: 340px;
        margin-top: 80px;
    }
}
.guidelines-logo{
    height: 397px;
    width: 187px;
    position: absolute;
    top: -75px;
    right: -187px;
    background-image: url(../img/loghi/eurostampi-stampi-industriali-grey.png);
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 1;
    opacity: 0.3;
}

@media screen and (max-width: 992px) {
    .guidelines-logo{
        top: -44px;
        right: -100px;
    }
}

@media screen and (max-width: 600px) {
    .guidelines-logo {
        top: 320px;
        right: 10px;
        height: 397px;
        width: 100px;
    }
}

.guidelines-list ul{
    padding: 0;
    width: 35%;
    margin: 0 auto;
    margin-top: 150px;
    margin-bottom: 150px;
}

@media screen and (max-width: 992px) {
    .guidelines-list ul{
        padding: 0;
        width: 70%;
        margin: 0;
        margin-top: 150px;
        margin-bottom: 150px;
        padding-left: 80px;
    }
}

@media screen and (max-width: 600px) {
    .guidelines-list ul {
        padding: 0;
        width: 90%;
        margin: 0;
        margin-top: 90px;
        margin-bottom: 150px;
        padding-left: 60px;
    }
}

.guidelines-list ul li{
    color: #FFF;
    font-family: Raleway;
    font-size: 16px;
    font-weight: 900;
    letter-spacing: 1px;
    line-height: 26px;
    list-style: none;
    margin-bottom: 40px;
    position: relative;
    padding-left: 80px;
}

.guidelines-list ul li span{
    color: #FFFFFF;
    font-family: "FuturaStd";
    font-size: 48px;
    font-weight: bold;
    line-height: 58px;
    position: absolute;
    top: -4px;
    left: -35px;
    text-align: right;
    width: 60px;
}

.guideline-calltoaction {
    background-color: #FFF;
    width: 450px;
    position: absolute;
    top: 100px;
    right: -400px;
    padding: 50px;
    z-index: 2;
}

@media screen and (max-width: 1025px) {
    .guideline-calltoaction {
        width: 450px;
        top: 140px;
        right: -350px;
    }
}

@media screen and (max-width: 992px) {
    .guideline-calltoaction {
        background-color: #FFF;
        width: 260px;
        position: absolute;
        bottom: 19px;
        right: -153px;
        padding: 30px;
        z-index: 2;
        top: auto;
        /* right: auto; */
    }
}

@media screen and (max-width: 600px) {
    .guideline-calltoaction {
        background-color: #FFF;
        width: 100%;
        position: absolute;
        bottom: -60%;
        right: auto;
        padding: 30px;
        z-index: 2;
        top: auto;
        left: 5%;
    }
}

.guideline-calltoaction h5{
    color: #2C79B7;
    font-family: Raleway;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 4px;
    line-height: 24px;
    text-transform: uppercase;
    margin-bottom: 30px;
}

@media screen and (max-width: 992px) {
    .guideline-calltoaction h5{
        font-size: 16px;
    }
}

.guideline-calltoaction h4{
    color: #2D2D2D;
    font-family: "FuturaStd";
    font-size: 30px;
    font-weight: 900;
    line-height: 36px;
    margin-bottom: 30px;
}

@media screen and (max-width: 992px) {
    .guideline-calltoaction h4{
        font-size: 22px;
        line-height: 36px;
    }
}

@media screen and (max-width: 576px) {
    .guideline-calltoaction h4{
        font-size: 22px;
        line-height: 30px;
    }
}

.guideline-calltoaction a{
    width: 100%;
    margin-top: 50px;
}

@media screen and (max-width: 600px) {
    .guideline-calltoaction a{
        width: 70%;
        margin-top: 50px;
    }
}

footer{
    float: left;
    background-color: #e9e9e9;
    width: 100%;
    position: relative;
    -webkit-transition: background-color 0.5s, -webkit-transform 0.5s;
    -moz-transition: background-color 0.5s, -moz-transform 0.5s;
    transition: background-color 0.5s, transform 0.5s;
}


footer.active{
    background-color: #232323;
}


.footer{
    float: left;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
    position: relative;
}

@media screen and (max-width: 992px) {
    .footer{
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

@media screen and (max-width: 992px) {
    .footer .logo{
        text-align: center;
        margin-bottom: 50px;
    }

    .footer .logo img{
        height: 100px;
        width: auto;
    }
}

.footer ul{
    padding:0;
    margin: 0;
}

.footer li{
    color: #FFFFFF;
    font-family: "FuturaStd";
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 26px;
    text-align: right;
    list-style: none;
}

@media screen and (max-width: 992px) {
    .footer li{
        font-size: 14px;
        text-align: center;
    }
}

.footer li a{
    font-weight: 900;
}

.footer li a:hover{
    color: inherit;
    text-decoration: none;
}


.mailSend {
    font-family: Futura;
    text-transform: CAPITALIZE;
    padding-left: 15px;
    font-size: 18px;
}


/*cookie termini e condizioni */

.wrap-cookie-terms{
    width: 900px;
    margin: 0 auto;
}


@media screen and (max-width: 1300px) {
    .wrap-cookie-terms{
        width: 60vw;
    }
}

@media screen and (max-width: 992px) {
    .wrap-cookie-terms{
        width: 100%;
    }
}

@media screen and (max-width: 576px) {
    .wrap-cookie-terms .container-fluid{
        padding: 0 !important;
    }
}

.wrap-cookie-terms h5{
    color: #2D2D2D;
    font-family: "FuturaStd";
    font-size: 20px;
    font-weight: 900;
    margin-bottom: 20px
}

@media screen and (max-width: 576px) {
    .wrap-cookie-terms h5{
        font-size: 18px;
        letter-spacing: 3px;    
        line-height: 21px;
    }
}

.wrap-cookie-terms h4{
    color: #2D2D2D;
    font-family: "FuturaStd";
    font-size: 30px;
    font-weight: 900;
    margin-bottom: 20px
}

@media screen and (max-width: 576px) {
    .wrap-cookie-terms h4{
        font-size: 24px;
        line-height: 34px;
    }
}

.wrap-cookie-terms p {
    font-family: Raleway;
}