/*
  Sintesi - Sanremo - www.sintesi.st
  Cliente: Panificio Asplanato
  Ver. 1.0
  alessandro.pisano@sintesi.st
*/

/* Logo */
.logo {
    top: 40px;
    left: 41px;
}

    .logo img {
        width: 140px;
    }


@media only screen and (max-width: 1200px) {
    .logo {
        top: 15px;
        left: 16px;
    }
}

@media only screen and (max-width: 500px) {
    .logo img {
        width: 90px;
    }

    .logo {
        top: 10px;
        left: 9px;
    }
}

@media only screen and (max-width: 768px) {
    .home-heading img {
        width: 600px;
    }
}

@media only screen and (max-width: 650px) {
    .home-heading img {
        width: 500px;
    }
}

@media only screen and (max-width: 550px) {
    .home-heading img {
        width: 390px;
    }
}

@media only screen and (max-width: 440px) {
    .home-heading img {
        width: 280px;
    }
}

/* Colori & Font */
.all-content {
    background: #340005;
}

    .all-content.all-content-light {
        background: #fcd255;
    }


.home-subheading {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: normal;
    color: #fcd255;
    text-shadow: 1px 1px 2px #111;
    margin-bottom: -4px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

h3.section-heading {
    font-family: 'Roboto Condensed', sans-serif;
}

.navigation-icon .line {
    background-color: #fff;
}

.bottom-credits {
    text-transform: none;
}


.all-txt.all-txt-dark {
    color: #340005;
}

.all-txt {
    color: #FEF6DD;
}

.testo {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
}

    .testo strong {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 700;
        color: #fcd255;
    }

@media only screen and (max-width: 640px) {
    .testo {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 300;
        font-size: 12px;
    }
}


ul.social-icons a, ul.social-icons a:hover {
    color: #fcd255;
}

.section-title-wrapper {
    right: 49px;
    left: auto;
}


.the-button.the-button-details {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 12px;
}

.the-button {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
}

/* Titoli */
.section-heading {
    font-family: 'PaneDiTriora', sans-serif;
    letter-spacing: -2.77px;
}

    .section-heading.section-heading-dark {
        color: #340005;
    }

    .section-heading.section-heading-light {
        color: #fcd255;
    }

h2.section-subheading {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 17px;
}

    h2.section-subheading.section-subheading-light {
        color: #FEF6DD;
    }

        h2.section-subheading.section-subheading-light.gold {
            color: #987d5f;
        }


.section-heading-details.section-heading-details-light {
    color: #fcd255;
}

h2.section-subheading-light span::before {
    border-top: 1px solid #FEF6DD;
}

h2.section-subheading-light.gold span::before {
    border-top: 1px solid #987d5f;
}

h2.section-subheading-sm.section-subheading-sm-light {
    color: #FEF6DD;
}

h2.section-subheading-sm-light span::before {
    border-top: 1px solid #FEF6DD;
}

h2.section-subheading-sm {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
}

.section-heading-details {
    font-family: 'PaneDiTriora', sans-serif;
    font-size: 37px;
    font-weight: 400;
    letter-spacing: -2.77px;
}



/* Menu */
nav.navigation-menu .language-menu li {
    display: inline-block;
    margin-top: 20px;
    margin-left: 5px;
    margin-right: 5px;
}

@media only screen and (max-width: 500px) {
    nav.navigation-menu .language-menu {
        margin-top: 40px;
        margin-bottom: -30px;
    }
}

.legal-menu li {
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
}

.center-container-menu {
    height: 80%;
}

/* Pannelli*/
.panel-overlay-from-right,
.panel-overlay-from-right-about {
    width: 50vw;
}

.panel-from-left,
.panel-from-left-about {
    width: 50vw;
}

@media only screen and (max-width: 995px) {
    .panel-from-left,
    .panel-from-left-about {
        width: 100%;
    }
}

@media only screen and (max-width: 995px) {
    .panel-from-right,
    .panel-from-right-about {
        width: 100%;
    }
}






/* Home */
.news-page-img-carousel-wrapper .news-page-img-carousel-text {
    bottom: 45px;
}

.the-button-wrapper.the-button-wrapper-news {
    margin-bottom: 45px;
}


.videoOnOff {
    font-family: 'Roboto Condensed', sans-serif;
    transition: all .4s;
    display: inline-block;
    padding: 0px 10px;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    cursor: pointer;
    background-color: rgba(252, 210, 85, 0.4);
    box-shadow: 0 0 4px rgba(0,0,0,0.4);
    color: #340005;
    border: 1px solid transparent;
    text-decoration: none;
    line-height: 30px;
    margin: 3px;
    border-radius: 10px;
    position: absolute;
    z-index: 999999;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 46px;
    width: 120px;
}


@media only screen and (max-width: 1200px) {
    .videoOnOff {
        top: 21px;
    }
}

@media only screen and (max-width: 500px) {
    .videoOnOff {
        font-size: 10px;
        width: 90px;
    }
}


.overlay-dark-01:before {
    background: rgba(0, 0, 0, .1);
    z-index: 2;
}

.owl-prev,
.owl-next {
    visibility: hidden;
}

/* Info infoRegione*/
.infoRegione img {
    margin-right: 3px;
    width: 80px;
}

@media only screen and (max-width: 768px) {
    .infoRegione img {
        margin-right: 0px;
        width: 65px;
    }
}

    /* Prodotti */
    .menuProdotti {
        position: absolute;
        top: 30%;
        left: 60px;
        z-index: 100;
    }

        .menuProdotti li {
            padding-bottom: 20px;
            padding-top: 10px;
            padding-left: 10px;
            display: block;
        }

            .menuProdotti li a {
                text-decoration: none;
                color: #fff;
                font-weight: 300;
            }

            .menuProdotti li *:hover {
                text-decoration: none;
                color: #fcd255;
            }

    @media only screen and (max-width: 1024px) {
        .menuProdotti {
            top: 42px;
            left: 30px;
        }

            .menuProdotti li {
                padding-bottom: 10px;
                padding-top: 5px;
            }


        .news-page-img-carousel-wrapper .news-page-img-carousel-text .news-page-img-carousel-content {
            max-height: 600px;
            opacity: 1;
            -moz-opacity: 1;
            -webkit-opacity: 1;
            filter: alpha(opacity=100);
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            -webkit-transition: all 1s ease-in;
            -moz-transition: all 1s ease-in;
            -ms-transition: all 1s ease-in;
            -o-transition: all 1s ease-in;
            transition: all 1s ease-in;
        }

        .news-page-img-carousel-wrapper:hover::after {
            max-height: 600px;
            opacity: 1;
            -moz-opacity: 1;
            -webkit-opacity: 1;
            filter: alpha(opacity=100);
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            -webkit-transition: all 1s ease-in;
            -moz-transition: all 1s ease-in;
            -ms-transition: all 1s ease-in;
            -o-transition: all 1s ease-in;
            transition: all 1s ease-in;
        }

        .news-page-img-carousel-wrapper:hover .news-page-img-carousel-content {
            max-height: 600px;
            opacity: 1;
            -moz-opacity: 1;
            -webkit-opacity: 1;
            filter: alpha(opacity=100);
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            -webkit-transition: all 1s ease-in;
            -moz-transition: all 1s ease-in;
            -ms-transition: all 1s ease-in;
            -o-transition: all 1s ease-in;
            transition: all 1s ease-in;
        }

        .news-page-img-carousel-wrapper .the-button {
            color: #340005;
            font-weight: 700;
        }

            .news-page-img-carousel-wrapper .the-button::before {
                border: 1px solid #340005;
                border-right: none;
            }

            .news-page-img-carousel-wrapper .the-button::after {
                border: 1px solid #340005;
                border-left: none;
            }
    }

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

        .menuProdotti li a {
            font-weight: 400;
            font-size: 14px;
        }
    }

    .overlay-inverse-dark-15:before {
        background: -moz-linear-gradient(bottom, rgba(0, 0, 0, .15) 0%, rgba(0, 0, 0, .1) 100%);
        background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .15) 0%, rgba(0, 0, 0, .1) 100%);
        background: linear-gradient(to top, rgba(0, 0, 0, .15) 0%, rgba(0, 0, 0, .1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
    }


    /* Chi Siamo / Storia*/

    .panel-from-right {
        width: 50vw;
    }

    @media only screen and (max-width: 995px) {
        .panel-from-right {
            width: 100%;
        }
    }

    @media only screen and (max-width: 640px) {
        .services-more-1 .inner-divider {
            height: 10px;
        }
    }

    a.parlano {
        font-family: 'PaneDiTriora', sans-serif;
        font-weight: 400;
        color: #FEF6DD;
        font-size: 17px;
        line-height: 50px;
        word-spacing: 5px;
        letter-spacing: -1px;
    }

        a.parlano:hover {
            color: #FCD255;
            text-decoration: none;
        }

        a.parlano span {
            position: relative;
            display: inline-block;
            padding-left: 70px;
            line-height: 1;
            font-family: 'Roboto Condensed', sans-serif;
            font-style: normal;
            font-weight: 300;
            color: #FCD255;
            font-size: 17px;
            letter-spacing: normal;
        }

    @media only screen and (max-width: 640px) {
        a.parlano span {
            padding-left: 40px;
        }
    }

    a.parlano span:before {
        content: "";
        position: absolute;
        display: block;
        top: 50%;
        left: 0;
        width: 60px;
        height: 0;
        margin-top: 0;
    }

    @media only screen and (max-width: 640px) {
        a.parlano span:before {
            width: 20px;
            margin-top: -1px;
        }
    }

    a.parlano span:before {
        border-top: 1px solid #FEF6DD;
    }

    @media only screen and (max-width: 640px) {
        .services-more-1 .inner-divider {
            height: 10px;
        }

        a.parlano {
            font-size: 12px;
            line-height: 45px;
        }


            a.parlano span {
                font-size: 12px;
            }
    }

    .icofilmato {
        width: 30px;
        margin-bottom: -7px;
        margin-left: 5px;
    }

    /* Contatti */

    .all-txt.all-txt-contact {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 14px;
        font-weight: 400;
    }

    .legal-menu ul {
        text-align: left;
    }

    .legal-menu li a {
        color: #340005;
        font-weight: 400;
        text-transform: uppercase;
        font-size: 12px;
    }

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

        .legal-menu ul {
            text-align: center;
        }

        .legal-menu li a {
            padding: 5px;
        }
    }

    .sintesi {
        left: 45%;
        right: auto;
        font-size: 12px;
        font-weight: 400;
    }

    #google-maps-wrapper {
        -webkit-filter: sepia(0.4);
        filter: sepia(0.4);
    }

    .contatti h3.section-heading {
        color: #340005;
        text-shadow: 1px 1px 2px #FEF6DD;
    }

        .contatti h3.section-heading span::before {
            border-top: 1px solid #340005;
        }

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

    #WaitSubmit {
        position: absolute;
        top: 0;
        right: 0;
        display: none;
    }

    #form input {
        font-family: 'Roboto Condensed', sans-serif;
    }

    textarea {
        height: 60px;
    }

    /* Legal Modal */
    .modal-content {
        color: #000;
    }