﻿body {
    font-family: 'Roboto',sans-serif;
}
#Header-top-dx{
    color: #FFFFFF;
    font-size: 35px;
    padding: 5px;
    cursor:pointer;
}
#link-contatti
{
    margin-left: 0 !important;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    color: #ebebeb;
    text-transform: uppercase;
    position:relative;
}
#link-contatti svg
{

}
#link-contatti:before
{
    content:'';
    width: 15px;
    height: 15px;
    border-bottom:1px solid #FFFFFF;
    border-right:1px solid #FFFFFF;
    transform:rotate(45deg) translateX(-50%);
    position:absolute;
    top:130%;
    left:50%;
}
.scrolled #link-contatti:before
{
    top:110%;
}
#contatti-a22 {
    display: none;
    position: absolute;
    top: calc(100% + 22px);
    left:auto;
    right: -6vw;
    background-color: #fff;
    border: 2px solid #22a563;
    padding: 25px;
    font-size: 16px;
    font-weight: 300;
    color: #22a563;
    text-transform: none;
    z-index: 500;

    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
}
.scrolled #contatti-a22 {
    top: 90px;
}
#contatti-a22 a {
    color:#000000;
    text-decoration:none;
}
#contatti-a22-angolo{
    display:none;
    position: absolute;
    width: 20px;
    height: 20px;
    top: -3px;
    left: 54%;
    background-color: #fff;
    transform: rotate(45deg) translate(-50%,0);
    -webkit-transform: rotate(45deg) translate(-50%,0);
    -moz-transform: rotate(45deg) translate(-50%,0);
    -o-transform: rotate(45deg) translate(-50%,0);
    -ms-transform: rotate(45deg) translate(-50%,0);
}
.allinea-boxes {
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
}
.box-container {
    position:relative;
}
.box {
    overflow: hidden;
    position:relative;
    border:1px solid #00A767;
    margin-bottom:10px;
}
.image-cover {
    object-fit:cover;
}
.box,iframe {
    width:563px;
    height:817px;
}
@media (max-width:1920px) {
    .box,iframe {
        width: 424px;
        height:620px;
    }
}
@media (max-width:1460px) {
    .box,iframe {
        width: 340px;
        height: 500px;
    }
}
@media (max-width:1180px) {
    .allinea-boxes {
        justify-content:space-evenly;
    }
    .box-container:last-child {
        margin-top:40px;
    }
}
@media (max-width:790px) {
    #logo img {
        height: 65px;
    }
    .box-container {
        margin-top:40px;
    }
}
.box
{
    background-image:url('../private_images/lightbox-ico-loading.gif');
    background-repeat:no-repeat;
    background-position:center center;
}
.footer-box-title {
    color: #FFFFFF;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 19px;
    margin-bottom: 30px;
    font-weight:700;
    display:none;
    text-align:center;
}
#footer-copyright-text,
#footer-copyright-text a:link,
#footer-copyright-text a:visited, 
#footer-copyright-mobile-text,
#footer-copyright-mobile-text a:link,
#footer-copyright-mobile-text a:visited {
    font-size: 15px;
    line-height: 20px;
    color: #fff;
}
#footer-copyright-text strong{
    font-size: 20px;
    display:block;
    text-align:center;
    margin-bottom:5px;
}
#footer-boxes {
    display: flex;
    width: 100%;
}
#footer-boxes .footer-box {
    display: flex;
    flex-direction: column;
    width:25%;
}
.footer-box-socials{
    display:flex;
    justify-content:space-between;
    height: 100%;
    align-items: center;
}
.footer-box-socials a {
    display:block;
    width:47%;
}
.footer-box-socials a img,
.footer-box-socials a svg {
    width:100%;
}
.footer-box-socials.social-enorme,
.footer-box-socials.social-grande {
    justify-content:space-around;
}
.footer-box-socials.social-grande a {
     width: 60%;
}
.footer-box-socials.social-enorme a {
     width: 80%;
}
.box-container .link-scopri {
    position:absolute;
    bottom:0;
    left:5%;
    width:90%;
    background-color:#FFF;
    padding:10px;
    font-size: 20px;
    color:#00A767;
    text-decoration:none;
    border:2px solid #00A767;
    text-align:center;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
}
.box-container .link-scopri:hover {
    background-color: #00A767;
    color:#FFF;
}
#data-ora {
    font-size: 20px;
    margin-right: 60px;
    display:flex;
    align-items:start;
}
#data-ora-value {
    font-size: 20px;
    margin-right: 20px;
    position:relative;
    font-weight:700;
}
#data-ora-value span {
    position:absolute;
    top:100%;
    right:0;
    font-size: 20px;
    font-weight:400;
}
.scrolled #data-ora-value span {
    top:80%;
}