/* estroverso.com */
/* FONT */
@font-face {
    font-family: 'Lato';
    font-weight: 400;
    font-style: normal;
    src: url('fonts/Lato-regular/Lato-regular.eot');
    src: url('fonts/Lato-regular/Lato-regular.eot?#iefix') format('embedded-opentype'), local('Lato Regular'), local('Lato-regular'), url('fonts/Lato-regular/Lato-regular.woff2') format('woff2'), url('fonts/Lato-regular/Lato-regular.woff') format('woff'), url('fonts/Lato-regular/Lato-regular.ttf') format('truetype'), url('fonts/Lato-regular/Lato-regular.svg#Lato') format('svg');
}

@font-face {
    font-family: 'Lato';
    font-weight: 700;
    font-style: normal;
    src: url('fonts/Lato-700/Lato-700.eot');
    src: url('fonts/Lato-700/Lato-700.eot?#iefix') format('embedded-opentype'), local('Lato Bold'), local('Lato-700'), url('fonts/Lato-700/Lato-700.woff2') format('woff2'), url('fonts/Lato-700/Lato-700.woff') format('woff'), url('fonts/Lato-700/Lato-700.ttf') format('truetype'), url('fonts/Lato-700/Lato-700.svg#Lato') format('svg');
}

@font-face {
    font-family: 'Lato';
    font-weight: 900;
    font-style: normal;
    src: url('fonts/Lato-900/Lato-900.eot');
    src: url('fonts/Lato-900/Lato-900.eot?#iefix') format('embedded-opentype'), local('Lato Black'), local('Lato-900'), url('fonts/Lato-900/Lato-900.woff2') format('woff2'), url('fonts/Lato-900/Lato-900.woff') format('woff'), url('fonts/Lato-900/Lato-900.ttf') format('truetype'), url('fonts/Lato-900/Lato-900.svg#Lato') format('svg');
}

@font-face {
    font-family: 'Lato';
    font-weight: 400;
    font-style: italic;
    src: url('fonts/Lato-italic/Lato-italic.eot');
    src: url('fonts/Lato-italic/Lato-italic.eot?#iefix') format('embedded-opentype'), local('Lato Italic'), local('Lato-italic'), url('fonts/Lato-italic/Lato-italic.woff2') format('woff2'), url('fonts/Lato-italic/Lato-italic.woff') format('woff'), url('fonts/Lato-italic/Lato-italic.ttf') format('truetype'), url('fonts/Lato-italic/Lato-italic.svg#Lato') format('svg');
}

@font-face {
    font-family: 'Lato';
    font-weight: 700;
    font-style: italic;
    src: url('fonts/Lato-700italic/Lato-700italic.eot');
    src: url('fonts/Lato-700italic/Lato-700italic.eot?#iefix') format('embedded-opentype'), local('Lato Bold Italic'), local('Lato-700italic'), url('fonts/Lato-700italic/Lato-700italic.woff2') format('woff2'), url('fonts/Lato-700italic/Lato-700italic.woff') format('woff'), url('fonts/Lato-700italic/Lato-700italic.ttf') format('truetype'), url('fonts/Lato-700italic/Lato-700italic.svg#Lato') format('svg');
}

@font-face {
    font-family: 'Lato';
    font-weight: 900;
    font-style: italic;
    src: url('fonts/Lato-900italic/Lato-900italic.eot');
    src: url('fonts/Lato-900italic/Lato-900italic.eot?#iefix') format('embedded-opentype'), local('Lato Black Italic'), local('Lato-900italic'), url('fonts/Lato-900italic/Lato-900italic.woff2') format('woff2'), url('fonts/Lato-900italic/Lato-900italic.woff') format('woff'), url('fonts/Lato-900italic/Lato-900italic.ttf') format('truetype'), url('fonts/Lato-900italic/Lato-900italic.svg#Lato') format('svg');
}

/*@import url("https://fonts.googleapis.com/css?family=Lato");*/
/*
---- BASE ----
*/
html, body {
    font-family: 'Lato', sans-serif;
    height: 100%;
}

h1 {
    font-size: 38px;
    font-weight: 700;
    line-height: 40px;
}

h2 {
    font-size: 30px;
    line-height: 32px;
    font-weight: 700;
}

h3 {
    font-size: 25px;
    line-height: 28px;
}

h4 {
    font-size: 18px;
    line-height: 22px;
    font-weight: 900;
}

.text h4 {
    font-weight: 700;
}

.focus .content .text h3 {
    font-weight: 900;
}

.focus .content .text p {
    text-align: center !important;
    font-size: 25px;
    line-height: 28px;
}

.focus .content .text .focus-logo {
    width: 100%;
    float: left;
}

.focus .content .text .focus-info {
    width: 100%;
    float: left;
}

@media (max-width: 1190px) {
    .focus .content .text .focus-logo {
        width: 30%;
        float: left;
    }

    .focus .content .text .focus-info {
        width: 70%;
        padding-left: 2rem;
        float: left;
    }
}

h5 {
    font-size: 15px;
    line-height: 21px;
}

h6 {
    font-size: 10px;
    line-height: 13px;
}

p {
    line-height: 21px;
}

a {
    display: inline-block !important;
}

.button {
    font-weight: 900;
    text-decoration: none;
    min-width: 125px;
}

    .button:visited, .button:active, .button:link, .button:hover {
        text-decoration: none;
    }

/*
---- HEADER ----
*/
header {
    width: 100%;
    height: 95px;
    padding: 19px 0;
    background-color: #006699;
    position: fixed;
    top: 0 !important;
    z-index: 999;
    -moz-box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 20px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 20px;
    box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 20px;
}

@media (max-width: 1023px) {
    header {
        padding: 6px 0;
    }
}

header nav .menu {
    float: right;
}

header nav li {
    width: 160px;
    cursor: pointer;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 600ms;
    -o-transition-duration: 600ms;
    -webkit-transition-duration: 600ms;
    transition-duration: 600ms;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

    header nav li a, header nav li a:visited, header nav li a:link, header nav li a:hover {
        color: white;
        text-transform: uppercase;
        text-decoration: none;
    }

    header nav li.has-dropdown {
        padding-right: 0px;
        background-image: url("../images/has-dropdown.svg");
        background-repeat: no-repeat;
        background-position: right center;
    }

    header nav li:hover, header nav li.on {
        background-color: white;
    }

        header nav li:hover a, header nav li:hover a:visited, header nav li:hover a:link, header nav li:hover a:hover, header nav li.on a, header nav li.on a:visited, header nav li.on a:link, header nav li.on a:hover {
            color: #006699;
            text-transform: uppercase;
            text-decoration: none;
        }

        header nav li:hover.has-dropdown, header nav li.on.has-dropdown {
            background-image: url("../images/has-dropdown-hover.svg");
        }

@media (max-width: 1199px) {
    header nav li {
        width: 142px;
        font-size: 0.93rem;
    }

        header nav li.has-dropdown {
            background-image: none !important;
            padding-right: 0;
        }

        header nav li a {
            padding-left: 0;
            padding-right: 0;
        }
}

header nav .small-search {
    padding: 0.5rem 1rem 0;
}

@media (max-width: 1023px) {
    header {
        height: auto;
    }

        header #hamburger {
            display: inline-block;
            float: right;
        }

        header nav {
            padding-left: 0 !important;
            padding-right: 0 !important;
        }

            header nav .m-header {
                display: inline-block;
                width: 100%;
                padding-left: 0.9375rem;
                padding-right: 0.9375rem;
            }

            header nav .menu {
                display: none;
                position: fixed;
                width: 100%;
                height: 100%;
                background: white;
                margin-top: 7px;
                padding: 10px 0;
            }

            header nav li {
                width: 100%;
                font-size: 1rem;
                display: block !important;
            }

                header nav li a, header nav li a:link, header nav li a:visited {
                    width: 100%;
                    color: #006699;
                }

        header .small-search {
            display: block;
        }

            header .small-search .input-group {
                width: 85%;
            }
}

@media (min-width: 1024px) {
    header #hamburger, header .small-search {
        display: none;
    }

    header .menu {
        display: block !important;
    }
}

.search-button {
    background-color: #970000;
    color: white;
    text-transform: uppercase;
    border-color: #970000;
    cursor: pointer;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 600ms;
    -o-transition-duration: 600ms;
    -webkit-transition-duration: 600ms;
    transition-duration: 600ms;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

    .search-button:hover {
        background-color: #6a0000;
    }

    .search-button img {
        max-width: none;
    }

    .search-button.calendar {
        background-color: #006699;
        border-color: #006699;
    }

        .search-button.calendar:hover {
            background-color: #00476b;
        }

.search-news {
    margin-top: 1rem;
}

    .search-news:after {
        content: "";
        display: table;
        clear: both;
    }

#searchInput {
    background: transparent;
    border: 0;
    padding: 0;
    font-size: 13px;
    color: white;
    text-transform: uppercase;
}

#nav-hero {
    position: fixed;
    z-index: 99;
    width: 100%;
    top: 95px;
    display: none;
    padding: 1rem 0;
    border-bottom: 6px solid #970000;
    background: white;
    height: 380px;
}

    #nav-hero .table {
        width: 100%;
        display: table;
    }

    #nav-hero .list {
        height: 345px;
        display: table-cell;
        width: 25%;
        padding: 2rem 2rem 2rem 3rem;
        border-right: 1px solid #999;
        vertical-align: top;
    }

        #nav-hero .list a, #nav-hero .list a:visited, #nav-hero .list a:link {
            text-transform: uppercase;
            text-decoration: none;
            color: #4b4b4d;
        }

            #nav-hero .list a:hover, #nav-hero .list a:visited:hover, #nav-hero .list a:link:hover {
                color: #970000;
                text-decoration: none;
            }

            #nav-hero .list a.has-dropdown::after, #nav-hero .list a:visited.has-dropdown::after, #nav-hero .list a:link.has-dropdown::after {
                content: ' >';
            }

    #nav-hero .preview {
        display: table-cell;
        vertical-align: top;
        padding: 0 6rem 0 3rem;
    }

        #nav-hero .preview .preview-image {
            width: 100%;
            max-width: 640px;
            height: 200px;
            background-repeat: no-repeat;
            /*background-position: center center;*/
            background-position: right center;
            background-size: cover;
            margin: 1rem 0;
        }

    #nav-hero .nav-hero-close {
        position: absolute;
        right: 3rem;
        top: 0.5rem;
        width: 45px;
        height: 45px;
        cursor: pointer;
        background: white url("../images/close.svg") no-repeat center center;
    }

@media (max-width: 1023px) {
    #nav-hero {
        z-index: 9999;
        height: 100%;
        top: 130px;
    }

        #nav-hero .table {
            padding: 0;
        }

        #nav-hero .list {
            padding: 0;
            border-right: 0;
        }

        #nav-hero .preview {
            display: none;
        }

        #nav-hero .nav-hero-close {
            top: -45px;
            right: 15px;
        }
}

.lang {
    background-color: #00476b;
    padding: 0.3rem;
}

    .lang:after {
        content: "";
        display: table;
        clear: both;
    }

    .lang .lang-item {
        float: left;
        width: 50%;
        padding: 0.2rem;
        text-align: center;
        color: white;
        text-transform: uppercase;
    }

        .lang .lang-item .lang-item-title {
            color: #006699;
            font-weight: bold;
            font-size: 12px;
            display: block;
            width: 100%;
        }

    .lang:hover .lang-item {
        color: #006699;
    }

@media (max-width: 1023px) {
    .lang {
        margin-top: 1rem;
    }
}

#lang {
    display: none;
    background-color: #00476b;
    width: 180px;
    position: fixed;
    z-index: 9;
    top: 95px;
    right: 1rem;
    padding: 1rem;
    color: white;
    text-transform: uppercase;
}

    #lang span {
        width: 100%;
        display: block;
        float: left;
    }

        #lang span.lang-item-title {
            margin-top: 1rem;
        }

        #lang span.sep {
            margin-top: 1rem;
            border-top: 1px solid #006699;
        }

    #lang a, #lang a:visited, #lang a:link {
        color: white;
        display: block;
        float: left;
        padding: 0 0.3rem;
        text-decoration: none;
    }

        #lang a:hover, #lang a:visited:hover, #lang a:link:hover {
            background-color: white;
            color: #006699;
            text-decoration: none;
        }

#company-menu {
    background: white;
}

    #company-menu nav {
        float: left;
        width: 80%;
        padding-top: 1rem;
    }

        #company-menu nav a, #company-menu nav a:visited, #company-menu nav a:link {
            display: block;
            float: left;
            border-right: 1px solid #006699;
            padding: 0rem 1rem;
            margin: 1rem 0;
            color: #4b4b4d;
            text-transform: uppercase;
            text-decoration: none;
        }

            #company-menu nav a:hover, #company-menu nav a:visited:hover, #company-menu nav a:link:hover {
                color: #006699;
                text-decoration: none;
            }

            #company-menu nav a:last-child, #company-menu nav a:visited:last-child, #company-menu nav a:link:last-child {
                border-right: 0;
            }

    #company-menu .company-logo {
        width: 20%;
        float: right;
        padding: 1rem;
        text-align: right;
    }

/*
---- HERO ----
*/
#hero, #hero-static {
    width: 100%;
    color: #000;
    margin-top: 95px;
    border-bottom: 30px solid #006699;
    background: #006699;
}

@media (max-width: 1023px) {
    #hero, #hero-static {
        margin-top: 67px;
    }
}

#hero .r-image, #hero-static .r-image {
    text-align: center;
}

    #hero .r-image img, #hero-static .r-image img {
        width: 100%;
    }

#hero .mask, #hero .mask-static, #hero-static .mask, #hero-static .mask-static {
    position: absolute;
    left: 0;
    /*bottom: 10%;*/
    bottom: 2%;
    width: 650px;
}

#hero .mask {
    bottom: 0;
}

    #hero .mask .content, #hero .mask-static .content, #hero-static .mask .content, #hero-static .mask-static .content {
        background-image: url("../images/mask-primary.svg");
        background-repeat: no-repeat;
        background-position: right top;
        display: table;
    }

        #hero .mask .content.title, #hero .mask-static .content.title, #hero-static .mask .content.title, #hero-static .mask-static .content.title {
            width: 86%;
            margin-bottom: 1rem;
            padding: 0.5rem 6rem 0.5rem 1rem;
            min-height: 97px;
        }

            #hero .mask .content.title h1, #hero .mask-static .content.title h1, #hero-static .mask .content.title h1, #hero-static .mask-static .content.title h1 {
                color: white;
                text-transform: uppercase;
                display: table-cell;
                vertical-align: middle;
            }

        #hero .mask .content.description, #hero .mask-static .content.description, #hero-static .mask .content.description, #hero-static .mask-static .content.description {
            width: 100%;
            padding: 0.5rem 4rem 0rem 1rem;
            min-height: 124px;
        }

            #hero .mask .content.description:after, #hero .mask-static .content.description:after, #hero-static .mask .content.description:after, #hero-static .mask-static .content.description:after {
                content: "";
                display: table;
                clear: both;
            }

            #hero .mask .content.description .text, #hero .mask-static .content.description .text, #hero-static .mask .content.description .text, #hero-static .mask-static .content.description .text {
                width: 88%;
                display: table-cell;
                vertical-align: middle;
                font-size: 16px;
            }

                #hero .mask .content.description .text p, #hero .mask-static .content.description .text p, #hero-static .mask .content.description .text p, #hero-static .mask-static .content.description .text p {
                    color: white;
                }

            #hero .mask .content.description .goto, #hero .mask-static .content.description .goto, #hero-static .mask .content.description .goto, #hero-static .mask-static .content.description .goto {
                width: 30%;
                float: left;
            }

                #hero .mask .content.description .goto .button, #hero .mask-static .content.description .goto .button, #hero-static .mask .content.description .goto .button, #hero-static .mask-static .content.description .goto .button {
                    position: absolute;
                    bottom: 30px;
                    right: 6rem;
                }

@media screen and (max-width: 666px) {
    #hero .mask, #hero-static .mask {
        position: static;
        width: 100%;
        top: 0;
        bottom: 0;
    }

        #hero .mask .content.title, #hero-static .mask .content.title {
            width: 100%;
        }

            #hero .mask .content.title h1, #hero-static .mask .content.title h1 {
                font-size: 27px;
                line-height: 30px;
            }

        #hero .mask .content.description, #hero-static .mask .content.description {
            position: absolute;
            bottom: 0;
        }

            #hero .mask .content.description .goto .button, #hero-static .mask .content.description .goto .button {
                bottom: 0;
                right: 3rem;
            }
}

#hero .rsContent, #hero-static .rsContent {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

#hero .rsOverflow,
#hero .rsSlide,
#hero .rsVideoFrameHolder,
#hero .rsThumbs, #hero-static .rsOverflow,
#hero-static .rsSlide,
#hero-static .rsVideoFrameHolder,
#hero-static .rsThumbs {
    background: #006699;
}

#hero .rsBullets, #hero-static .rsBullets {
    right: auto;
    left: auto;
    bottom: -22px;
    width: 100%;
}

#hero .rsBullet, #hero-static .rsBullet {
    width: 15px;
    height: 15px;
    padding: 0;
    margin-right: 5px;
}

    #hero .rsBullet span, #hero-static .rsBullet span {
        width: 15px;
        height: 15px;
        background: #777;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        -moz-box-shadow: 0;
        -webkit-box-shadow: 0;
        box-shadow: 0;
        cursor: pointer;
    }

#hero .rsNavSelected span, #hero-static .rsNavSelected span {
    background: #970000 !important;
}

@media screen and (min-width: 666px) {
    #hero .rsBullets, #hero-static .rsBullets {
        /*width: auto;
    text-align: left;
    left: 442px;
    bottom: 11%;*/
    }
}

#hero-static {
    position: relative;
    height: auto;
    min-height: auto;
    border-bottom: 0;
}

    #hero-static .image img {
        width: 100%;
        /*inserito da Nicola per Demo*/
        max-height: 700px;
    }

    #hero-static .mask-static {
        left: 0;
    }

@media (max-width: 1023px) {
    #hero-static .mask-static {
        position: relative;
        width: 100%;
        border-bottom: 1px white solid;
    }

        #hero-static .mask-static .content.title {
            margin-bottom: 0;
        }
}

/*
---- ELEMENTS ----
*/
.section-title {
    text-align: center;
    padding: 2rem 0 0.5rem;
}

    .section-title h4 {
        color: #970000;
        text-transform: uppercase;
    }

.news-grid .column {
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 120%;
    padding: 0;
    border: 1px solid white;
    z-index: 1;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 600ms;
    -o-transition-duration: 600ms;
    -webkit-transition-duration: 600ms;
    transition-duration: 600ms;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

    .news-grid .column img {
        width: 100%;
        height: auto;
    }

    .news-grid .column:hover {
        background-size: 110%;
        transform: scale(1.03);
        z-index: 2;
    }

    .news-grid .column .content {
        position: absolute;
        right: 0;
        bottom: 0;
        display: table;
        width: 100%;
        height: 150px;
        background: url("../images/mask-alternate.svg") no-repeat left top;
    }

        .news-grid .column .content .text {
            width: 100%;
            padding: 0.5rem 1rem 0rem 9.5rem;
            min-height: 124px;
            float: right;
            display: table-cell;
            vertical-align: middle;
        }

            .news-grid .column .content .text h4 {
                color: white;
                text-transform: uppercase;
            }

            .news-grid .column .content .text p {
                padding-bottom: 38px;
                color: white;
            }

        .news-grid .column .content .button {
            position: absolute;
            bottom: -6px;
            left: auto;
            right: 31%;
        }

@media (max-width: 1190px) {
    .news-grid .column {
        background-size: cover;
        margin-bottom: 60px;
    }

        .news-grid .column:hover {
            background-size: cover;
        }

        .news-grid .column .content {
            background: #006699 !important;
            text-align: center;
            position: static;
        }

            .news-grid .column .content .text {
                text-align: left;
                padding: 1rem;
                min-height: 85px;
            }

                .news-grid .column .content .text p {
                    padding-right: 0px;
                    padding-bottom: 0px;
                    text-align: justify;
                    display: none;
                }

            .news-grid .column .content .button {
                position: static;
            }
}

.focus {
    position: relative;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 100%;
    height: 280px;
    overflow: hidden !important;
    padding: 0;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 600ms;
    -o-transition-duration: 600ms;
    -webkit-transition-duration: 600ms;
    transition-duration: 600ms;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

    .focus:hover {
        background-size: 110%;
        transform: scale(1.015);
    }

    .focus .content {
        position: absolute;
        right: 0;
        bottom: 0;
        display: table;
        width: 630px;
        height: 280px;
        background: url("../images/mask-focus.svg") no-repeat left top;
    }

        .focus .content .text {
            width: 100%;
            padding: 3rem 1rem 0rem 14rem;
            min-height: 124px;
            float: left;
            display: table-cell;
            vertical-align: middle;
            text-align: center;
        }

            .focus .content .text img {
                margin-bottom: 25px;
            }

            .focus .content .text h3 {
                color: white;
                text-transform: uppercase;
                margin-bottom: 0.25rem;
            }

            .focus .content .text p {
                color: white;
                text-align: center !important;
            }

        .focus .content .goto {
            width: 100%;
            float: left;
            padding: 0.5rem 1rem 0rem 14rem;
            text-align: center;
            color: white;
        }

            .focus .content .goto .primary {
                background: white;
                color: #006699;
            }

@media (max-width: 1190px) {
    .focus {
        background-size: contain;
        background-position: top center;
        overflow: visible !important;
        background-color: #006699 !important;
        height: auto;
    }

        .focus .content {
            background: #006699 !important;
            height: auto;
            width: 100%;
            position: static !important;
        }

            .focus .content .text {
                padding: 3rem 1rem 1rem 1rem;
                width: 70%;
                text-align: left;
            }

                .focus .content .text h3 {
                    margin-top: -5px;
                }

            .focus .content .goto {
                padding: 3rem 1rem 0rem 1rem;
                width: 30%;
                text-align: right;
            }

            .focus .content .text p {
                text-align: left !important;
            }
}

.exhibition {
    position: relative;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: cover;
    height: 280px;
    padding: 0;
    background-size: 120%;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 600ms;
    -o-transition-duration: 600ms;
    -webkit-transition-duration: 600ms;
    transition-duration: 600ms;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-top: 2px solid #006699;
    border-bottom: 2px solid #970000;
}

    .exhibition:hover {
        background-size: 110%;
    }

/*
---- SIDEBAR ----
*/
#sidebar .sep {
    border-top: 1px solid #006699;
    margin: 2rem 0;
}

#sidebar .highlights h4 {
    color: #970000;
    text-transform: uppercase;
    margin: 1rem 0;
}

#sidebar .highlights a {
    margin-bottom: 1rem;
    width: 100%;
}

    #sidebar .highlights a:after {
        content: "";
        display: table;
        clear: both;
    }

    #sidebar .highlights a .image {
        width: 100%;
        height: 125px;
        position: relative;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: left top;
    }

        #sidebar .highlights a .image .date {
            position: absolute;
            z-index: 2;
            top: 0;
            right: 0;
            width: 50%;
            height: 125px;
            padding: 1rem;
            padding-top: 80px;
            text-align: right;
            font-weight: bold;
            color: white;
            font-size: 24px;
            background: url("../images/mask-alternate.svg") no-repeat left top;
            -moz-transition-property: all;
            -o-transition-property: all;
            -webkit-transition-property: all;
            transition-property: all;
            -moz-transition-duration: 600ms;
            -o-transition-duration: 600ms;
            -webkit-transition-duration: 600ms;
            transition-duration: 600ms;
            -moz-backface-visibility: hidden;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
        }

    #sidebar .highlights a .text {
        text-transform: uppercase;
        text-align: center;
        padding: 1rem;
        color: #4b4b4d;
        font-weight: bold;
    }

    #sidebar .highlights a:hover .image .date {
        width: 40%;
    }

    #sidebar .highlights a:hover .text {
        color: #970000;
    }

.sidebar-menu h5 {
    display: block;
    width: 100%;
    text-transform: uppercase;
    color: white;
    font-weight: bold;
    padding: 0.6rem 1rem;
    background: #970000 url("../images/mask-title.svg") no-repeat right center;
    background-size: contain;
}

.sidebar-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .sidebar-menu ul li a, .sidebar-menu ul li a:visited, .sidebar-menu ul li a:link {
        display: block;
        padding: 0.6rem 1rem;
        color: #4b4b4d;
        text-transform: uppercase;
        text-decoration: none;
    }

        .sidebar-menu ul li a:hover, .sidebar-menu ul li a:visited:hover, .sidebar-menu ul li a:link:hover {
            color: #970000;
            text-decoration: none;
        }

        .sidebar-menu ul li a.active, .sidebar-menu ul li a:visited.active, .sidebar-menu ul li a:link.active {
            color: #970000;
            text-decoration: none;
            font-weight: bold;
        }

/*
---- ACCORDION ----
*/
.section .title, .section-inner .title {
    position: relative;
    border-bottom: 1px solid #999;
    padding: 1.2rem 40px 0.7rem 0;
    cursor: pointer;
}

    .section .title h2, .section-inner .title h2 {
        color: #970000;
        margin-bottom: 0;
    }

    .section .title h3, .section-inner .title h3 {
        color: #970000;
        margin-top: 0.2rem;
        margin-bottom: 0;
    }

    .section .title .toggle, .section-inner .title .toggle {
        width: 30px;
        height: 30px;
        position: absolute;
        top: 1.5rem;
        right: 0;
        background-image: url("../images/toggle.svg");
        background-repeat: no-repeat;
        background-size: cover;
        background-color: #970000;
        -moz-transition-property: all;
        -o-transition-property: all;
        -webkit-transition-property: all;
        transition-property: all;
        -moz-transition-duration: 300ms;
        -o-transition-duration: 300ms;
        -webkit-transition-duration: 300ms;
        transition-duration: 300ms;
        -moz-backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

        .section .title .toggle.on, .section-inner .title .toggle.on {
            background-color: #006699;
            -moz-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
        }

.section .content, .section .content-inner, .section-inner .content, .section-inner .content-inner {
    display: none;
    padding: 1rem 0;
}

    .section .content:after, .section .content-inner:after, .section-inner .content:after, .section-inner .content-inner:after {
        content: "";
        display: table;
        clear: both;
    }

.section:hover .title .toggle, .section-inner:hover .title .toggle {
    background-color: #006699;
}

.extra {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
}

    .extra li {
        float: left;
        padding-top: 1rem;
        padding-right: 1rem;
    }

        .extra li a {
            display: block;
            -moz-transition-property: all;
            -o-transition-property: all;
            -webkit-transition-property: all;
            transition-property: all;
            -moz-transition-duration: 600ms;
            -o-transition-duration: 600ms;
            -webkit-transition-duration: 600ms;
            transition-duration: 600ms;
            -moz-backface-visibility: hidden;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
        }

            .extra li a:hover {
                filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
                opacity: 0.6;
            }

.more-info {
    padding-top: 3rem;
    text-align: right;
}

    .more-info h4 {
        margin-bottom: 1rem;
    }

/*
---- PRODUCT GRID ----
*/
.product-grid a {
    padding: 0.5rem;
    display: block;
    float: left;
    width: 50%;
    position: relative;
}

@media (max-width: 1023px) {
    .product-grid a {
        width: 100%;
    }
}

.product-grid a:after {
    content: "";
    display: table;
    clear: both;
}

.product-grid a .image {
    width: 100%;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

    .product-grid a .image img {
        width: 100%;
        height: auto;
    }

    .product-grid a .image .product {
        position: absolute;
        z-index: 2;
        top: 0;
        bottom: 0;
        right: 0;
        width: 55%;
        padding: 1rem;
        padding-top: 35%;
        line-height: 18px;
        text-align: right;
        font-weight: bold;
        color: white;
        font-size: 18px;
        background: url("../images/mask-focus.svg") no-repeat left bottom;
        -moz-transition-property: all;
        -o-transition-property: all;
        -webkit-transition-property: all;
        transition-property: all;
        -moz-transition-duration: 600ms;
        -o-transition-duration: 600ms;
        -webkit-transition-duration: 600ms;
        transition-duration: 600ms;
        -moz-backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

.product-grid a:hover .image .product {
    width: 48%;
}

/*
---- NEWS GRID ----
*/
.news-grid-page .news-wrap {
    padding: 0.5rem 0;
    display: block;
    float: left;
    width: 100%;
}

    .news-grid-page .news-wrap:after {
        content: "";
        display: table;
        clear: both;
    }

    .news-grid-page .news-wrap .news {
        width: 100%;
        height: 220px;
        position: relative;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: left center;
    }

        .news-grid-page .news-wrap .news .news-mask {
            position: absolute;
            z-index: 1;
            top: 0;
            right: 0;
            width: 60%;
            height: 220px;
            background: #006699 !important;
            -moz-transition-property: all;
            -o-transition-property: all;
            -webkit-transition-property: all;
            transition-property: all;
            -moz-transition-duration: 600ms;
            -o-transition-duration: 600ms;
            -webkit-transition-duration: 600ms;
            transition-duration: 600ms;
            -moz-backface-visibility: hidden;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
        }

        .news-grid-page .news-wrap .news .news-text {
            position: absolute;
            z-index: 2;
            top: 0;
            right: 0;
            width: 60%;
            max-height: 200px;
            overflow: hidden;
            padding: 1.5rem 2rem;
            text-align: left;
            color: white;
        }

        .news-grid-page .news-wrap .news .button {
            position: absolute;
            z-index: 3;
            bottom: 0rem;
            right: 2rem;
        }

    .news-grid-page .news-wrap:hover .news .news-mask {
        width: 65%;
    }

.news-grid-page.middle .news-wrap {
    width: 50%;
}

@media (max-width: 1023px) {
    .news-grid-page .news-wrap .news {
        height: 150px;
    }

        .news-grid-page .news-wrap .news .news-mask {
            width: 65%;
            height: 150px;
        }

        .news-grid-page .news-wrap .news .news-text {
            width: 65%;
            height: 150px;
        }

            .news-grid-page .news-wrap .news .news-text p {
                display: none;
            }

        .news-grid-page .news-wrap .news .button {
            display: none;
        }

    .news-grid-page .news-wrap:hover .news .news-mask {
        width: 100%;
    }
}

.highlights-grid a {
    display: block;
    width: 33.33%;
    float: left;
    padding: 0.5rem;
}

    .highlights-grid a:after {
        content: "";
        display: table;
        clear: both;
    }

    .highlights-grid a .image {
        width: 100%;
        height: 125px;
        position: relative;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
    }

        .highlights-grid a .image .date {
            position: absolute;
            z-index: 2;
            top: 0;
            right: 0;
            width: 50%;
            height: 125px;
            padding: 1rem;
            padding-top: 80px;
            text-align: right;
            font-weight: bold;
            color: white;
            font-size: 24px;
            background: url("../images/mask-alternate.svg") no-repeat left top;
            -moz-transition-property: all;
            -o-transition-property: all;
            -webkit-transition-property: all;
            transition-property: all;
            -moz-transition-duration: 600ms;
            -o-transition-duration: 600ms;
            -webkit-transition-duration: 600ms;
            transition-duration: 600ms;
            -moz-backface-visibility: hidden;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
        }

    .highlights-grid a .text {
        text-transform: uppercase;
        text-align: center;
        padding: 1rem;
        color: #4b4b4d;
        font-weight: bold;
    }

    .highlights-grid a:hover .image .date {
        width: 40%;
    }

    .highlights-grid a:hover .text {
        color: #970000;
    }

/* WHERE WE ARE */
.companies {
    margin-top: 1rem;
}

    .companies:after {
        content: "";
        display: table;
        clear: both;
    }

    .companies a {
        display: block;
        width: 50%;
        float: left;
        padding: 0.5rem;
    }

        .companies a:after {
            content: "";
            display: table;
            clear: both;
        }

        .companies a .company-logo {
            width: 30%;
            float: left;
        }

        .companies a .company-info {
            width: 70%;
            float: left;
            padding: 0 0.5rem;
            min-height: 120px;
        }

            .companies a .company-info p {
                color: #4b4b4d;
            }

@media (max-width: 1023px) {
    .companies a {
        width: 100%;
    }
}

/*
---- TEMPLATE ----
*/
#breadcrumb {
    background: #006699;
    padding: 1rem 0;
    color: white;
    text-transform: uppercase;
}

#main {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

#sidebar {
    padding-top: 3rem;
    padding-bottom: 2rem;
}

footer {
    width: 100%;
    margin-top: 6rem;
    padding: 3rem 0;
    background-color: #970000;
    color: white;
}

    footer .columns {
        height: 300px;
        padding: 1rem 2rem;
        position: relative;
    }

@media (min-width: 640px) {
    footer .columns.sep {
        border-right: 1px solid white;
    }
}

footer .social-section {
    text-align: center;
    margin: 40px 0;
}

    footer .social-section h5 {
        color: white;
        margin-bottom: 10px;
    }

footer a, footer a:visited, footer a:link {
    color: white;
    text-decoration: none;
}

    footer a:hover, footer a:visited:hover, footer a:link:hover {
        color: white;
        font-weight: bold;
        text-decoration: none;
    }

footer .f-bottom {
    position: absolute;
    bottom: 0;
}

footer.secondary-footer {
    background-color: #777;
}

#breadcrumb a, #breadcrumb a:visited, #breadcrumb a:link {
    color: white;
    text-decoration: none;
}

    #breadcrumb a:hover, #breadcrumb a:visited:hover, #breadcrumb a:link:hover {
        color: white;
        font-weight: bold;
        text-decoration: none;
    }

.r-image {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

#hero-static, #hero-static .r-image {
    width: 100%;
    /*height: 760px;*/
    padding-top: 0;
}

@media screen and (max-height: 500px) {
    #hero-static, #hero-static .r-image {
        height: 500px;
    }
}

/*!
 * Pikaday
 */
.pika-single {
    z-index: 9999;
    display: block;
    position: relative;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

    .pika-single:before,
    .pika-single:after {
        content: " ";
        display: table;
    }

    .pika-single:after {
        clear: both;
    }

.pika-single {
    *zoom: 1;
}

    .pika-single.is-hidden {
        display: none;
    }

    .pika-single.is-bound {
        position: absolute;
        box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
    }

.pika-lendar {
    float: left;
    width: 240px;
    margin: 8px;
}

.pika-title {
    position: relative;
    text-align: center;
}

.pika-label {
    display: inline-block;
    *display: inline;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
}

.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    filter: alpha(opacity=0);
    opacity: 0;
}

.pika-prev,
.pika-next {
    display: block;
    cursor: pointer;
    position: relative;
    outline: none;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    /* hide text using text-indent trick, using width value (it's enough) */
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    opacity: .5;
    *position: absolute;
    *top: 0;
}

    .pika-prev:hover,
    .pika-next:hover {
        opacity: 1;
    }

.pika-prev,
.is-rtl .pika-next {
    float: left;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
    *left: 0;
}

.pika-next,
.is-rtl .pika-prev {
    float: right;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
    *right: 0;
}

    .pika-prev.is-disabled,
    .pika-next.is-disabled {
        cursor: default;
        opacity: .2;
    }

.pika-select {
    display: inline-block;
    *display: inline;
}

.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

    .pika-table th,
    .pika-table td {
        width: 14.285714285714286%;
        padding: 0;
    }

    .pika-table th {
        color: #999;
        font-size: 12px;
        line-height: 25px;
        font-weight: bold;
        text-align: center;
    }

.pika-button {
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: #666;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    background: #f5f5f5;
}

.pika-week {
    font-size: 11px;
    color: #999;
}

.is-today .pika-button {
    color: #006699;
    font-weight: bold;
}

.is-selected .pika-button {
    color: #fff;
    font-weight: bold;
    background: #006699;
    box-shadow: inset 0 1px 3px #006699;
    border-radius: 3px;
}

.is-inrange .pika-button {
    background: #006699;
}

.is-startrange .pika-button {
    color: #fff;
    background: #006699;
    box-shadow: none;
    border-radius: 3px;
}

.is-endrange .pika-button {
    color: #fff;
    background: #006699;
    box-shadow: none;
    border-radius: 3px;
}

.is-disabled .pika-button,
.is-outside-current-month .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999;
    opacity: .3;
}

.pika-button:hover {
    color: #fff;
    background: #006699;
    box-shadow: none;
    border-radius: 3px;
}

/* styling for abbr */
.pika-table abbr {
    border-bottom: none;
    cursor: help;
}

p {
    text-align: justify !important;
}

.tag, .tag-num {
    background: url("../images/tag.png") no-repeat;
    background-size: cover;
    width: 25px;
    height: 25px;
    color: white;
    font-weight: bold;
    font-size: 13px;
    padding-top: 8px;
    padding-left: 3px;
}

.tag {
    margin-top: -10px;
    position: absolute;
    z-index: 2;
    cursor: pointer;
}

    .tag:hover .tag-description {
        display: block;
    }

@media (min-width: 980px) {
    .tag, .tag-num {
        background: url("../images/tag.png") no-repeat;
        background-size: cover;
        width: 40px;
        height: 40px;
        color: white;
        font-weight: bold;
        font-size: 16px;
        padding-top: 13px;
        padding-left: 5px;
    }

    .tag {
        margin-top: -40px;
        position: absolute;
        z-index: 2;
        cursor: pointer;
    }
}

.dinamic, .dinamic-image {
    position: relative !important;
    background: #ECEDED;
}
/*.dinamic-image {
    padding: 20px;
}*/

.tag-description {
    display: none;
    padding: 20px;
    background: #ECEDED;
}

    .tag-description:after {
        content: "";
        display: table;
        clear: both;
    }

    .tag-description .tag-num {
        margin-bottom: 25px;
        display: block;
        float: left;
    }

    .tag-description p {
        display: block;
        float: right;
        width: 85%;
    }

    .tag-description ul {
        display: block;
        float: right;
        width: 85%;
    }

.photoDesc {
    background: #ECEDED;
    display: block;
    width: 100%;
    padding: 20px 0;
    border-top: 1px solid #970000;
    text-align: justify;
}

.menu > li > a {
    font-size: 15px;
    /*padding: 0.7rem 1rem 0.7rem 0.5rem;*/
}

.microturbine-table-width {
    width: 100% !important;
}

.microturbine-width {
    width: 50% !important;
}

@media (max-width: 1023px) {
    .microturbine-width {
        width: 100% !important;
    }
}

.ref-table {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.news-grid .microturbine-width:hover {
    background-size: 120% !important;
    transform: none !important;
    z-index: inherit !important;
}

.microt-logo {
    text-align: center;
}

    .microt-logo a img {
        max-width: 250px;
        max-height: 150px;
    }

.microt-video {
    /*width: 635px;
    height: 370px;*/
    width: 100%;
    height: 476px;
}

@media (max-width: 1190px) {
    .microt-video {
        width: 100%;
        height: auto;
    }
}

.microt-sep {
    border-top-color: white !important;
}

.no-wider:hover .news .news-mask {
    width: 60% !important;
}

.ref-row {
    height: 170px;
    text-align: center;
}

.enlarge-text th {
    font-size: 24px;
}

.enlarge-text td {
    font-size: 20px;
}

.bigger-title {
    font-size: 32px;
}



.prima-colonna {
    width:20%;
}

.seconda-colonna {
    width:30%;
}

.terza-colonna {
    width:30%;
}

.quarta-colonna {
    width:20%;
}

.stile_shortNews {
    font-weight: normal;
    font-size: 18px;
}