/* Logo */
.nav-logo-wrap
{
    margin: 0px 0px 0px 1%;
}

.logo img
{
    padding: 0px;
    margin-top: 10px;
}

    .logo img.phone
    {
        display: none;
    }

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

    .logo img.desk
    {
        display: none;
    }

    .logo img.phone
    {
        display: block;
    }
}

.alt-features-icon
{
    background-color: #f7f7f7;
    padding: 10px;
}

.full-wrapper
{
    margin: 0 1% 0 1%;
}

.bg-nav
{
    background-color: #3b5c89;
    color: #FFFFFF;
}

.bg-gray-lighter
{
    background-color: #ebebeb;
}

#info
{
    color: #FFF;
    position: absolute;
    left: 1%;
    bottom: 1%;
}

    #info p
    {
        font-family: "Open Sans", arial, sans-serif;
        padding: 0px;
        margin: 0px;
        font-size: 12px;
        font-weight: 400;
        color: #FFFFFF;
        font-style: normal;
        font-variant: normal;
        display: block;
    }

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

    #info p
    {
        max-width: 220px;
        text-align: left;
    }
}

#info a
{
    color: #FFFFFF;
    text-decoration: none;
}

    #info a:hover
    {
        color: #FFFFFF;
        text-decoration: underline;
    }

#sintesi
{
    color: #FFF;
    position: absolute;
    right: 1%;
    bottom: 1%;
}

    #sintesi a
    {
        display: block;
        padding: 0px;
    }


.white
{
    color: #FFFFFF;
}


/* Menu */
.small-height
{
    color: #FFFFFF;
    height: 64px !important;
}

    .small-height:before,
    .small-height .YTPOverlay:before
    {
        background: rgba(32,32,32, 1);
    }

    .small-height .logo img
    {
        padding: 0px;
        margin-top: 5px;
    }

.inner-nav ul li a
{
    color: #FFFFFF;
}

    .inner-nav ul li a:hover
    {
        color: #777;
    }


.desktop-nav
{
    margin-right: 1%;
}

    .desktop-nav ul li.social
    {
        margin-left: 0px;
    }

    .desktop-nav ul li a.social
    {
        padding-left: 30px;
    }


.mobile-nav:hover, .mobile-nav.active
{
    background: rgba(255,255,255, .10);
}

.mobile-on .desktop-nav
{
    margin: 0px;
    padding: 0px;
}

    .mobile-on .desktop-nav ul
    {
        background: rgba(18,18,18, .80);
    }

        .mobile-on .desktop-nav ul li
        {
            text-align: center;
        }

            .mobile-on .desktop-nav ul li a
            {
                text-align: center;
            }


                .mobile-on .desktop-nav ul li a.social
                {
                    text-align: center;
                    display: inline-block;
                    width: auto;
                    padding-left: 15px;
                    padding-right: 15px;
                }


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

    .small-height .inner-nav ul
    {
        background: rgba(18,18,18, 1);
    }
}


/* Testa Pagine*/

h1.hs-line-11
{
    font-weight: 700;
    line-height: 48px;
    letter-spacing: 0.1em;
}

.hs-line-16
{
    padding: 0px;
    margin: 0;
    position: relative;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    line-height: normal;
}

.mod-breadcrumbs
{
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.2em;
    padding-top: 9px;
    padding-bottom: 9px;
}

    .mod-breadcrumbs span
    {
        opacity: 1;
    }


.slogan
{
    padding: 0px;
    margin: 35px auto 45px auto;
    position: relative;
    display: table;
    text-align: center;
}

    .slogan:before
    {
        content: "";
        display: block;
        position: absolute;
        z-index: -1;
        top: 60%;
        width: 100%;
        border-bottom: 1px solid #d6d6d6;
    }

    .slogan p
    {
        padding: 0px 12px 0px 12px;
        margin: 0px 100px 0px 100px;
        font-family: 'exmouthregular';
        font-size: 34px;
        color: #3b5c89;
        display: inline-block;
        background-color: #FFFFFF;
    }

@media only screen and (max-width: 448px)
{
    .slogan p
    {
        margin: 0px 50px 0px 50px;
    }
}

@media only screen and (max-width: 348px)
{
    .slogan p
    {
        padding: 0px 3px 0px 3px;
        margin: 0px 11px 0px 11px;
    }
}

/* Piede */
#footer
{
    padding: 30px 0;
}

    #footer .logobot
    {
        float: left;
        margin-right: 20px;
        margin-top: 5px;
    }

    #footer .artigiani
    {
        float: right;
    }

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

    #footer .logobot
    {
        margin: 0px auto 10px auto;
        float: none;
        display: block;
    }

    .footer .footer-copy
    {
        float: none !important;
        text-align: center !important;
        display: block;
    }

    #footer .artigiani
    {
        margin: 30px auto 30px auto;
        float: none;
        display: block;
        text-align: center;
    }
}


.footer .footer-copy
{
    text-align: left;
    text-transform: none;
    float: left;
}

    .footer .footer-copy a
    {
        padding: 0px;
        margin: 0px;
        font-size: 14px;
        color: #000000;
        line-height: normal;
        font-weight: 500;
        letter-spacing: normal;
    }

    .footer .footer-copy h1
    {
        padding: 0px;
        margin: 0px;
        font-size: 14px;
        color: #3b5c89;
        line-height: normal;
        font-weight: 700;
        letter-spacing: normal;
    }

.footer p
{
    padding: 0px;
    margin: 0px;
    font-size: 14px;
    color: #000000;
    line-height: normal;
    font-weight: 500;
    letter-spacing: normal;
}


.footer-made
{
    margin-top: 6px;
    margin-bottom: 10px;
}

.footer-links
{
    font-size: 12px;
    color: #999999;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: 0.1em;
}

    .footer-links a
    {
        display: inline-block;
        padding-right: 10px;
    }

    .footer-links i
    {
        padding-right: 5px;
    }

/* Chi Siamo */
#about
{
    padding: 0px 0px 100px 0px;
}

@media only screen and (max-width: 768px)
{
    #about
    {
        padding-bottom: 20px;
    }
}


#about blockquote
{
    padding: 0px 0px 20px 0px;
    margin: 0px;
}

    #about blockquote p
    {
        font-size: 20px;
        font-weight: 600;
        color: #3b5c89;
        line-height: 28px;
        letter-spacing: 0.1em;
        padding: 0px;
        margin: 0px;
    }

#about p
{
    padding: 0px;
    margin: 0px;
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    line-height: 24px;
    letter-spacing: normal;
}

#about .team-item-name
{
    font-size: 18px;
    font-weight: 600;
    color: #3b5c89;
    line-height: 24px;
    letter-spacing: 0.1em;
}


#about .team-item-role
{
    font-size: 14px;
    font-weight: 500;
    color: #333333;
    line-height: 24px;
    letter-spacing: 0.2em;
}

#about .curricula a
{
    font-size: 13px;
    font-weight: 500;
    color: #333333;
    line-height: 24px;
    letter-spacing: 0.2em;
    margin-top: 5px;
    display: inline-block;
}
/* MODAL */

.remodal h2
{
    font-size: 36px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px;
}

.remodal p, .remodal li
{
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
    text-align: justify;
    text-justify: inter-word;
}

/* Contatti */

#contact
{
    padding: 0px 0px 100px 0px;
}

    #contact h2.section-title
    {
        margin: 0 60px 0 60px;
        display: inline-block;
        text-align: center;
        background-color: #FFFFFF;
        padding-right: 10px;
        padding-left: 10px;
        font-size: 18px;
        font-weight: 500;
        color: #333333;
    }

.contact-item
{
    text-align: center;
    padding-bottom: 28px;
}

.ci-title
{
    font-size: 14px;
    font-weight: 500;
}

.ci-text
{
    font-size: 14px;
    font-weight: 400;
    color: #000000;
}

.contact-form
{
    margin-left: 15px;
    margin-right: 15px;
}

.Alert
{
    padding: 0px 0px 0px 20px;
    margin: 0px;
    color: #FF0000;
    font-size: 13px;
    font-weight: 400;
    text-align: left;
    display: block;
}

#WaitSubmit
{
    padding: 10px 0px 0px 5px;
    display: none;
}

.Msg
{
    height: 130px !important;
}

/* Servizi*/
.servizi
{
    padding-top: 50px;
    padding-bottom: 70px;
}

    .servizi bnt
    {
        margin-bottom: 20px;
    }

.servizitop
{
    padding-top: 50px;
    padding-bottom: 0px;
}

.submenu
{
    text-align: center;
}

    .submenu ul
    {
        list-style-type: none;
        display: inline-block;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 20px;
    }

    .submenu li
    {
        text-align: center;
        display: inline-block;
    }

        .submenu li a
        {
            padding: 15px;
            text-decoration: none;
            text-transform: uppercase;
            color: #000000;
            font-weight: 600;
            letter-spacing: normal;
            font-size: 14px;
        }


/* Scheda */
.scheda
{
    padding-top: 0px;
    padding-bottom: 70px;
}

    .scheda img
{
    border: 1px solid #d6d6d6;
    margin-top: 30px;
    margin-bottom: 30px;
}

    .scheda h3
    {
        text-align: center;
        display: block;
    }

    .scheda .text
    {
        text-align: center;
        display: block;
        padding-top: 50px;
        font-size: 16px;
    }

.schedarestauroTop
{
    padding-top: 0px;
    padding-bottom: 20px;
}

.schedarestauro
{
    padding-top: 0px;
    padding-bottom: 70px;
}


    .schedarestauro img
    {
        margin-bottom: 30px;
    }


/* Scheda */
.laboratorio
{
    padding-top: 0px;
    padding-bottom: 70px;
}

    .laboratorio img
    {
        margin-top: 30px;
        margin-bottom: 30px;
    }


    .laboratorio .text
    {
        margin: 0px;
        text-align: center;
        display: block;
        padding-top: 0px;
        font-size: 16px;
    }

/* Restauri */
.restauri
{
    padding-top: 0px;
    padding-bottom: 70px;
}
.restauri h3
{
    padding-top: 20px;
}


/* Pubblicazioni */
.pubblicazioni
{
    padding-top: 0px;
    padding-bottom: 70px;
}
.pubblicazioni h3
{
    padding-top: 20px;
}