@charset "UTF-8";

/* CSS Document */

body,
h1,
h2,
h3,
h4,
h5,
p {
    font-family: 'Montserrat', sans-serif;
}

.crosshair {
    cursor: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAC1JREFUeNpiDAkJ+c9ARcDEQGXAAmOsWbOGcVC6cNTAUQNHDRw1cNRACAAIMACAXgQqAneqbwAAAABJRU5ErkJggg=='), auto;
}

::-moz-selection {
    /* Code for Firefox */
    color: #fff;
    background: #243E73;
}

::selection {
    color: #fff;
    background: #243E73;
}


/*-------------------------------------navbar------------------------*/

.bg-light {
    background-color: #fff!important;
}

.navbar-light .navbar-nav .nav-link {
    color: #293043;
    font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1920 - 300)));
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 0.04rem;
    padding-right: 2rem;
}

.navbar-nav .dropdown-menu {
    background-color: #fff!important;
}

.dropdown-menu {
    position: absolute;
    z-index: 1000;
    display: none;
    text-transform: uppercase;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0;
    font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1920 - 300)));
    color: #293043;
    font-weight: 300;
    letter-spacing: 0.04rem;
    text-align: left;
    list-style: none;
    background-color: transparent;
    background-clip: padding-box;
    border: 0;
    border-radius: 0;
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #EAEAEA;
}

.logo-nav {
    max-width: 10rem;
    min-width: 10rem;
}

.scritta-head {
    max-width: 70%;
    padding-top: 10%;
}

.brd-dx {
    border-right: 2px solid #1A2529;
    height: 100%;
}

.brd-head {
    padding: 4rem;
    padding-top: 0rem;
}

.back-head {
    background-image: url(../img/head.jpg);
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    height: 90vh;
}

.back-telegrammi {
    background-image: url(../img/back-telegrammi.jpg);
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
}

.tit-h1 {
    color: #293043;
    font-size: calc(24px + (70 - 24) * ((100vw - 300px) / (1920 - 300)));
    text-transform: uppercase;
    line-height: 90px;
    font-weight: 200;
    letter-spacing: 0.04rem;
    padding-right: 2rem;
}

.box-sez {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.box-titolo {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.txt {
    color: #293043;
    font-size: calc(16px + (20 - 16) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 300;
    letter-spacing: 0.04rem;
    padding-right: 2rem;
}

.tit-icn {
    color: #293043;
    font-size: calc(18px + (24 - 16) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 500;
    letter-spacing: 0.04rem;
    padding-right: 2rem;
}

.back-servizi {
    background-image: url(../img/servizi.jpg);
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
}

.sp-b-r {
    padding-bottom: 1rem;
    padding-right: 1rem;
    height: 30vh;
}

.sp-t-r {
    padding-top: 1rem;
    padding-right: 1rem;
}

.sp-l {
    padding-left: 1rem;
}

.back-fiori {
    background-image: url(../img/fiori.jpg);
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    height: auto;
}

.back-ceri {
    background-image: url(../img/ceri.jpg);
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    height: auto;
}

.back-carro {
    background-image: url(../img/carro.jpg);
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    height: auto;
}

.back-angelo {
    background-image: url(../img/angelo.jpg);
    background-size: cover;
    background-position: center right;
    background-repeat: no-repeat;
    height: auto;
}

.hr-1 {
    margin: 1rem 0;
    color: inherit;
    background-color: #2D3B49;
    border: 1px solid #2D3B49;
    opacity: 1;
    width: 12rem;
    margin-left: -2rem;
}

.hr-2 {
    margin: 1rem 0;
    color: inherit;
    background-color: #fff;
    border: 1px solid #fff;
    opacity: 1;
    width: 12rem;
    margin-left: -2rem;
}

.back-documenti {
    background-image: url(../img/documenti.jpg);
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    height: 30vh;
    border-radius: 0.5rem;
    transition-duration: 2s;
}

.back-documenti:hover {
    background-image: url(../img/documenti-2.jpg);
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    height: 30vh;
    border-radius: 0.5rem;
    transition-duration: 4s;
}

.back-serv {
    background-image: url(../img/servizi.jpg);
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    height: 63vh;
    border-radius: 0.5rem;
}

.box-serv {
    padding: 8rem;
}

.box-serv-link {
    padding: 2rem;
}

.tit-servizi {
    color: #293043;
    font-size: calc(24px + (70 - 24) * ((100vw - 300px) / (1920 - 300)));
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.04rem;
}

.tit-servizi-pag {
    color: #293043;
    font-size: calc(24px + (50 - 24) * ((100vw - 300px) / (1920 - 300)));
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.04rem;
}

.nome-serv {
    color: #293043;
    font-size: calc(18px + (18 - 18) * ((100vw - 300px) / (1920 - 300)));
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: 0.04rem;
}

.scopri {
    color: #293043;
    font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1920 - 300)));
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.04rem;
    padding-right: 3rem;
}

.call {
    color: #293043;
    font-size: calc(12px + (18 - 12) * ((100vw - 300px) / (1920 - 300)));
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.04rem;
    padding-right: 3rem;
    text-decoration: none;
}

.tit-descrizioni {
    color: #293043;
    font-size: calc(20px + (38 - 20) * ((100vw - 300px) / (1920 - 300)));
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.04rem;
}

.brd-servizi {
    border: 0.1px solid #D6D6D6;
    border-radius: 0.5rem;
}

.sp-telegrammi {
    padding-top: 10%;
    padding-bottom: 10%;
}

.icn {
    max-width: 100px;
}

.box-foot {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.logo-foot {
    max-width: 40%;
    padding-bottom: 5rem;
}

.tit-foot {
    color: #F5F6FA;
    font-size: calc(18px + (20 - 18) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 600;
    letter-spacing: 0.04rem;
    padding-right: 2rem;
}

.txt-foot,
#contatti a {
    color: #E9EBF2;
    font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 300;
    letter-spacing: 0.04rem;
    padding-right: 2rem;
}

.nopadding {
    padding: 0;
}

a {
    text-decoration: none;
}

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

strong {
    font-weight: 700;
}

.white {
    color: #fff;
}

button {
    border: none;
    background-color: transparent;
}

#contatti a:hover {
    color: #fff;
}

@media only screen and (max-width: 1400px) {}

@media only screen and (max-width: 700px) {
    .box-serv {
        padding: 2rem;
    }
    .brd-head {
        padding: 1rem;
        padding-top: 0rem;
    }
    .txt {
        padding-right: 0rem;
    }
    .tit-h1 {
        color: #293043;
        font-size: calc(28px + (70 - 28) * ((100vw - 300px) / (1920 - 300)));
        text-transform: uppercase;
        line-height: 36px;
        font-weight: 200;
        letter-spacing: 0.04rem;
        padding-right: 2rem;
    }
    .scritta-head {
        max-width: 100%;
        padding-top: 10%;
    }
    .back-head {
        height: 50vh;
    }
    .box-sez {
        padding-top: 1rem;
        padding-bottom: 1rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .call {
        padding-right: 1rem;
    }
    .box-foot {
        padding-top: 6rem;
        padding-bottom: 6rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .back-fiori {
        height: 40vh;
    }
    .back-ceri {
        height: 40vh;
    }
    .back-carro {
        height: 40vh;
    }
    .back-angelo {
        height: 40vh;
    }
}