/*
DONATO
@font-face { font-family: "Gotham-Medium"; src: url(../font/gotham/Gotham-Medium.ttf) format("truetype"); src: url(../font/gotham/Gotham-Medium.eot) format("eot"); src: url(../font/gotham/Gotham-Medium.woff) format("woff");}

@font-face { font-family:"Gotham-Black"; src: url(../font/gotham/Gotham-Black.otf) format("opentype"); src: url(../font/gotham/Gotham-Black.eot) format("eot"); src: url(../font/gotham/Gotham-Black.woff) format("woff");}

@font-face { font-family: "Gotham-Bold"; src: url(../font/gotham/Gotham-Bold_0.otf) format("opentype"); src: url(../font/gotham/Gotham-Bold.eot) format("eot"); src: url(../font/gotham/Gotham-Bold.woff) format("woff"); }

@font-face { font-family: "Gotham-Book"; src: url(../font/gotham/Gotham-Book.ttf) format("truetype"); src: url(../font/gotham/Gotham-Book.eot) format("eot"); src: url(../font/gotham/Gotham-Book.woff) format("woff"); }

@font-face { font-family: "Gotham-Light"; src: url(../font/gotham/Gotham-Light.ttf) format("truetype"); src: url(../font/gotham/Gotham-Light.eot) format("eot"); src: url(../font/gotham/Gotham-Light.woff) format("woff");}

@font-face { font-family: "Gotham-Thin"; src: url(../font/gotham/Gotham-Thin.otf) format("opentype"); src: url(../font/gotham/Gotham-Thin.eot) format("eot"); src: url(../font/gotham/Gotham-Thin.woff) format("woff");}

@font-face { font-family: "Gotham-Ultra"; src: url(../font/gotham/Gotham-Ultra.otf) format("opentype"); src: url(../font/gotham/Gotham-Ultra.eot) format("eot"); src: url(../font/gotham/Gotham-Ultra.woff) format("woff");}

@font-face { font-family: "Gotham-Extra-Light"; src: url(../font/gotham/Gotham-XLight.otf) format("opentype"); src: url(../font/gotham/Gotham-XLight.eot) format("eot"); src: url(../font/gotham/Gotham-XLight.woff) format("woff");}
*/

body {
    font-family: "Raleway", Arial, sans-serif !important;
}



.container p {
    font-family: "Gotham-Bold", "Raleway", Arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    text-align: justify;
    line-height: 22px;
}

a {
    transition: all .5s ease-in-out;
}

.page-header {
    background: #ffffff none repeat center top;
    background-size: auto;
    background-attachment: ;
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15);
}

.top-menu {
    border-bottom: 7px solid #365885;
    height: 73px;
    line-height: 41px;
}

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

.top-menu ul li {
    float: left;
    margin: 22px 10px;
    padding: 0px 0;
    line-height: 20px;
}

.top-menu ul li:first-child {
    margin-left: 0;
}

.top-menu ul li a {
    text-transform: uppercase;
    color: #696969;
    padding: 4px 5px 4px;
    font-size: 10px;
    border-radius: 15px;
    font-weight: 800;
    font-family: "Gotham-Bold", "Raleway";
}

.top-menu ul li:first-child a {
    color: #000;
}

.top-menu ul li:last-child {
    margin-right: 0
}

.top-menu ul li:hover a {
    background-color: #E0E0E0;
    color: #000;
}

.top-menu ul li.active-top-menu {
    border-bottom: 2px solid #000;
}

.top-menu ul li.active-top-menu:hover a {
    background: none;
}

.top-menu ul li.menu-dx {
    float: right
}


.navbar.navbar-default.navbar-pirelli {
    min-height: 150px;
    background: #fff;
    box-shadow: 0 5px 5px #ccc;
    margin-bottom: 42px;
}

.collapse.navbar-collapse.navbar-collapse-pirelli {
    padding: 50px 0;
    margin-left: 200px;
}

.nav.navbar-nav.navbar-nav-pirelli {}

.nav.navbar-nav.navbar-nav-pirelli li:first-child {
    margin-left: 0;
}

.nav.navbar-nav.navbar-nav-pirelli li a {
    color: #000000;
    font-family: "Gotham-Medium", "Raleway" !important;
    font-size: 15px;
    font-weight: 700;
    text-transform: none;
    letter-spacing: 0
}

.nav.navbar-nav.navbar-nav-pirelli li a:hover {
    color: #999;
}

.nav.navbar-nav.navbar-nav-pirelli li.active a {
    color: #999;
}

.glyphicon.glyphicon-search {
    color: #365885
}

form .navbar-form.navbar-right {
    width: 18%
}

.form-control {
    font-family: "Raleway", Arial, sans-serif;
    height: auto;
    font-size: 14px;
    color: #000;
}

.pre-footer {
    margin-top: 50px;
}

.pre-footer p {
    font-family: "Gotham-Bold", "Raleway";
    font-size: 14px;
    line-height: 24px;
    color: #000;
    padding: 50px 0;
    text-align: justify;
}

.footer-pirelli {
    padding: 0;
    margin: 0px auto 0 auto;
    background: #efefef;
    border: 0;
    font-family: "Gotham-Book", "Raleway" !important;
    color: #666;
    font-size: 12px;
    height: 60px;
    line-height: 60px;
}

.footer-pirelli a {
    color: #666;
}

.footer-pirelli a:hover {
    color: #666;
    text-decoration: underline;
}

.glyphicon.glyphicon-chevron-left,
.glyphicon.glyphicon-chevron-right {
    color: #fff;
}

.carousel-caption {
    font-family: "Raleway", Arial, sans-serif;
    font-size: 30px;
    font-weight: 800;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    letter-spacing: 2px;
}

.box-generale {
    margin: 50px 0
}

.box-generale h1 {
    font-family: "Gotham-Book", "Raleway" !important;
    text-align: center;
    font-size: 34px;
    line-height: 30px;
    color: #000000;
    font-weight: 400;
    margin: 20px 0 40px 0;
}

.box-generale h1 span {
    font-weight: 900;
    font-family: "Gotham-Black", "Raleway" !important;
}

.box-generale p {
    font-family: "Gotham-Book", "Raleway" !important;
    font-size: 16px;
    color: #000;
}

.main-grey {
    background: #f6f6f6;
    margin: 50px 0;
    padding-bottom: 50px;
}

.container .col-xs-12.article-home {
    margin-bottom: 1%
}

.container .col-xs-12.article-home h1 {
    color: #888;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-weight: 800;
}

.container .col-xs-12.article-home h2 {
    color: #888;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-weight: 800;
}

.container .col-xs-12.article-home p {
    font-family: "Gotham-Book", "Raleway" !important;
    font-size: 16px;
    color: #000;
    line-height: 1.3em;
}


.wrap-article {
    background: #fff;
    padding: 13px 20px 0;
    min-height: 260px;
}

.navbar-default .navbar-toggle {
    margin-top: 60px;
}

.thumbnailNoImg .caption h3 {
    font-family: "Gotham-Medium", "Raleway" !important;
    font-size: 16px;
    line-height: 20px;
    color: #365885;
    font-weight: 700;
    text-transform: none;
    margin-top: 0;
    height: 48px;
}

h3 span {
    font-size: 20px;
    color: #000;
    margin-top: 5px;
    text-transform: none;
    font-weight: 300;
}

h1 span {
    font-size: 20px;
    color: #000;
    margin-top: 5px;
    text-transform: none;
    font-weight: 300;
}

.percorsi h2,
.altreRiviste h2 {
    margin: 10px 0;
    border: 1px solid #666;
    border-radius: 2em;
    text-align: center;
    padding: 12px 0px;
}

.percorsi a {
    margin: 0;
}

.percorsi a h2,
.altreRiviste a h2 {
    font-family: "Gotham-Medium", "Raleway" !important;
    color: #666;
    font-weight: 900;
    transition: all .5s ease-in-out;
    font-size: 14px;
}

.percorsi a:hover h2,
.altreRiviste:hover a h2 {
    background: #f0f0f0;
    color: #666;
}

.percorsi a:hover {
    opacity: 1;
}

label {
    font-family: "Gotham-Medium", "Raleway" !important;
    font-size: 16px;
}

.btn-primary {
    font-family: "Gotham-Medium", "Raleway" !important;
}

.totRisultati {
    background: #999;
    color: #fff;
    font-family: "Gotham-Medium", "Raleway" !important;
    font-size: 13px;
    text-transform: uppercase;
    margin-top: 65px;
}

.haiCercato {
    background: #D6D6D6;
    color: #000;
    text-transform: uppercase;
    font-size: 14px;
}

.haiCercato strong {
    font-family: "Gotham-Medium", "Raleway" !important;
}

.haiCercato ul li a,
.haiCercato ul li a.singleFilter {
    color: #000;
    font-family: "Gotham-Book", "Raleway" !important;
}

.haiCercato ul li a:hover {
    color: #365885;
}

.panel.panel-primary {
    background: #eee;
}

.col-sm-3.col-sm-pull-9 .glyphicon-picture,
.col-sm-3.col-sm-pull-9 .glyphicon-align-left {
    color: #000
}

.glyphicon-picture.span-right,
.glyphicon-align-left.span-right {
    float: right;
}

.col-sm-3.col-sm-pull-9 .glyphicon-picture {
    margin-right: 10px
}

.filterValue {
    color: #000;
}

.filterValue:hover {
    color: #365885;
}

.filterValue:hover .glyphicon-picture,
.filterValue:hover .glyphicon-align-left {
    color: #365885;
}

.panel-title a {
    font-family: "Gotham-Medium", "Raleway" !important;
    font-size: 14px
}

.container .col-sm-3.col-sm-pull-9 p {
    font-size: 14px;
}

.myOrder {
    color: #000;
}

.myOrder:hover {
    color: #365885;
}

.thumbnail {
    border: 2px solid #efefef;
    border-radius: 0;
    padding-top: 0;
    height: 360px;
}

.thumbnail > img {
    margin-top: 0;
}

.container p.tipoDocumento {
    font-family: "Gotham-Book", "Raleway" !important;
    text-transform: uppercase;
    font-size: 14px;
}

.thumbnail .caption,
.thumbnailNoImg .caption {
    color: #000;
}

.thumbnailNoImg .caption p.tipoDocumento {
    color: #000;
    font-size: 14px;
}

.container p.servizioFotografico {
    font-family: "Gotham-Book", "Raleway" !important;
    font-size: 14px;
    color: #000
}

.container p.servizioFotografico .glyphicon-picture {
    color: #000
}

.thumbnailNoImg {
    background: none;
    border-bottom: 2px solid #efefef;
    border-radius: 0;
    height: auto;
    padding: 20px 0;
    margin-bottom: 0;
}

.thumbnailNoImg .caption p {
    margin-bottom: 0;
}

.thumbnailNoImg.primo-blocco-lista {
    border-top: 2px solid #efefef;
}

.thumbnail .caption p.datares,
.caption p.datares {
    height: 20px
}

.thumbnail .caption p.fotografi {
    color: #000;
    height: 22px;
}

.thumbnail .caption h3 {
    text-transform: none;
    font-family: "Gotham-Medium", "Raleway" !important;
    font-size: 16px;
    color: #365885;
    font-weight: 700;
    height: 52px;
}

.list-group-item > .badge {
    border-radius: 0;
    padding: 2px 0 10px 0;
    color: #000
}

a.list-group-item {
    color: #000;
}

a.list-group-item:hover {
    color: #365885;
}


.list-group-item {
    font-family: "Gotham-Medium", "Raleway" !important;
    font-size: 14px
}

h2 {
    font-family: "Gotham-Bold", "Raleway";
    color: #365885;
}

h1 {
    font-family: "Gotham-Bold", "Raleway";
    color: #365885;
}

.linkBack a.resultBack {
    font-family: "Gotham-Book", "Raleway";
    text-transform: uppercase;
    font-size: 12px;
    color: #000
}

.schedaFotografico {
    font-family: "Gotham-Book", "Raleway" !important;
}

.schedaFotografico .glyphicon.glyphicon-chevron-left,
.schedaFotografico .glyphicon.glyphicon-chevron-right {
    color: #000;
}

h3 {
    font-family: "Raleway", Arial, sans-serif !important;
    color: #000;
    text-transform: none;
    font-weight: 800;
    margin-top: 9px;
}

h3 > titoletto.lowerTitle {
    text-transform: lowercase;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background: #365885
}

.pagination .active a {
    color: #365885 !important;
    border-color: #365885;
}

.pagination > li > a,
.pagination > li > span {
    color: #000;
    border: 1px solid #d6d6d6;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    background: #d6d6d6;
    border-color: #d6d6d6;
    color: #000;
}

.thumbnail .caption p.datares,
.caption p.datares {
    font-size: 14px;
}


.haiCercato ul li {
    border-bottom: 1px solid #eee;
    padding: 0 12px 14px 0;
}

.haiCercato ul li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.hierarchy li a {
    color: #000;
}

.hierarchy li a:hover {
    color: #365885;
}

table a,
table p a {
    color: #365885;
}

table a:hover,
table p a:hover {
    color: #365885;
    text-decoration: none
}

.thumbnail .caption p a {
    color: #365885;
}

.thumbnail .caption p {
    text-align: left;
}

.thumbnail .caption h3 a {
    color: #365885;
}

.linkTimeline a {
    font-family: "Gotham-Book", "Raleway" !important;
    color: #000
}

.vco-slider .slider-item .content .content-container .text .container h2.date {
    font-family: "Gotham-Book", "Raleway" !important;
    color: #000 !important;
    font-size: 14px;
}

.vco-storyjs .vco-feature h3 {
    font-size: 20px !important;
    font-family: "Gotham-Book", "Raleway" !important;
    color: #000 !important;
    font-weight: 800;
}

.vco-slider .slider-item .content .content-container .text .container p {
    font-size: 14px !important;
    font-family: "Gotham-Book", "Raleway" !important;
    color: #000 !important;
    text-align: left;
}


h1.titoloSopra {
    font-family: "Gotham-Book", "Raleway" !important;
    text-align: center;
    font-size: 34px;
    line-height: 30px;
    color: #000000;
    font-weight: 400;
    margin: 20px 0 40px 0;
}

h1.titoloSopra span {
    font-weight: 900;
    font-family: "Gotham-Black", "Raleway" !important;
}

.carousel-caption {
    bottom: 0;
    font-size: 20px;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1.5) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1.5) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=0);
}


.carousel-indicators {
    display: none;
}

/* RIVISTE SNODO */

.box-new-riviste {
    margin-top: 30px;
    padding: 10px 20px 5px 20px;
    background-color: #efefef;
}

.tit-new-riviste {
    font: normal normal 900 26px / 36px "Raleway", Helvetica, Arial, Verdana, sans-serif;
    color: #365885;
    margin-top: 0;
}

.box-new-riviste a {
    text-decoration: none;
    color: #000;
    font-weight: bold;
    margin-bottom: 5px;
}

.disegniTitolo {
    text-transform: none;
}

@media only screen and (min-width: 1224px) {
    .container .col-md-4.article-home {}

}

@media only screen and (max-width: 800px) {
    .collapse.navbar-collapse.navbar-collapse-pirelli {
        margin-left: 180px;
    }

    .nav.navbar-nav.navbar-nav-pirelli li a {
        margin: 0;
        padding: 0 4px 0 0;
        font-size: 13px;
    }
}

@media only screen and (max-width: 620px) {
    .container .col-xs-12.article-home {
        padding-right: 15px
    }

    .top-menu ul li {
        display: none;
    }

    .top-menu ul li.menu-dx {
        display: block
    }

    .collapse.navbar-collapse.navbar-collapse-pirelli {
        margin-left: 0;
        padding-top: 0;
    }

    .nav.navbar-nav.navbar-nav-pirelli {
        margin: 7.5px 0px;
    }

    .nav.navbar-nav.navbar-nav-pirelli li,
    .nav.navbar-nav.navbar-nav-pirelli li:first-child {
        margin-left: 3px;
        margin-bottom: 15px;
    }

    .navbar-collapse {
        overflow-x: hidden;
    }

    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border: 0
    }

    .navbar-header {
        height: 152px
    }

    .nav.navbar-nav.navbar-nav-pirelli li a {
        font-size: 18px
    }
}



@media screen and (min-width: 768px) {
    .carousel-caption {
        right: 0%;
        left: 0%;
        padding: 30px 3% 31px 3%;
    }
}



/* SETTEMBRE 2018   */

.main_counter_area {
    overflow: hidden;
    margin-bottom: 3rem;
    margin-top: 1rem;

}

.main_counter_area .col-md-2 a {
    transition: all .5s ease-in-out;
}

.main_counter_area .col-md-2:hover {
    background-color: #f6f6f6;
    transition: all .5s ease-in-out;
}

.main_counter_area .main_counter_content .single_counter {
    color: #000;
    padding-top: 1rem;
}

.main_counter_area .main_counter_content .single_counter i {
    font-size: 36px;
}

.main_counter_area .container p {
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
}

.main_counter_area .container p.info-counter {
    font-weight: 500;
    text-transform: lowercase;
    font-size: 12px;
}

h2.statistic-counter {
    font-size: 36px;
    margin-bottom: 5px;
}

.main_counter_area span {
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    margin-top: 1rem;
}

h2.statistic-counter {
    font-weight: 700;
}

.main_counter_area .container p.info-counter {
    font-size: 20px;
    color: #365885;
    font-weight: 700;
    padding-top: 0;
    padding-bottom: 10px;
}

.main_counter_area .container p {
    padding-top: 0;
}


.main_counter_area span {
    font-weight: 700;
    font-size: 14px;
}

.info-counter {
    font-size: 36px;
    font-weight: 700;
}

.main_counter_area span.info-archivio {
    font-size: 12px;
    margin-bottom: 4rem;
    display: block;
}

.main_counter_area .main_counter_content .single_counter {
    padding-bottom: 1rem;
}

.tit-new-riviste {
    text-align: left;
}

.sub-title-info {
    font-size: 14px;
    color: #000;
    font-weight: 400;
}


.container .col-sm-3.col-sm-pull-9 p.title-num-doc {
    text-align: left;
    font: normal normal 900 26px / 36px "Raleway", Helvetica, Arial, Verdana, sans-serif;
    color: #365885;
}



/* briciole  */
.breadcrumbs {
    display: block;
    width: 100%;
    border-top: 1px solid #e2e2e2;
    background: #fff;
    height: 50px;
    line-height: 50px;
    position: absolute;
    top: 125px;
    z-index: 90
}

.breadcrumbs ul {
    float: left;
    width: 100%;
    margin-left: 0;
    padding-left: 0;
}

.breadcrumbs ul li {
    width: auto;
    color: #000;
    font-size: 10px;
    position: relative;
    margin-right: 30px;
    display: inline-block;
    vertical-align: sub
}

.breadcrumbs ul li a {
    color: inherit
}

.breadcrumbs ul li:after {
    content: '';
    position: absolute;
    top: calc(50% - 4px);
    left: calc(100% + 10px);
    border: solid #000;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg) translateY(-50%);
    transform-origin: right
}

.breadcrumbs ul li:last-child {
    color: #365885;
    font-weight: 500
}

.breadcrumbs ul li:last-child:after {
    display: none
}

body.error404 .breadcrumbs {
    display: none !important
}

.panel.panel-primary {
    padding: 10px;
}

.panel.panel-primary .input-group {
    width: 100%;
    background-color: #eee;
}

.panel.panel-primary .input-group .form-control {
    background-color: #eee;
    box-shadow: 0 0 0;
}

.form-control + .glyphicon {
    z-index: 99;
}

.pagination-centered {
    margin-top: 0px;
}

.thumbnail {
    height: 370px;
}

.thumbnail > img {
    margin-top: 15px;
}

#more {
    display: none;
}

.read-more {
    color: #000 !important;
}

.dis-ib {
    display: inline-block;
}

.mt-30 {
    margin-bottom: 30px !important;
}

.btn-outline--black {
    border-color: #000 !important;
    /* color: #000; */
}

.btn-outline {
    border: 1px solid transparent;
}

/*.col-sm-9.col-sm-push-3{margin-top: 65px;}
.col-sm-3.col-sm-pull-9{margin-top: 65px;}*/
.totRisultati {
    margin-top: 0;
}

header#header {
    border-bottom: 1px solid transparent !important;
}

.container.fixReg {
    margin-top: 100px;
}

@media screen and (max-width:1024px) {
    .breadcrumbs {
        display: none
    }

    .container.fixReg {
        margin-top: 0;
    }
}



/*  new css fennraio 2022 */



header#header {
    border-bottom: 1px solid #e2e2e2 !important;
}

.breadcrumbs {
    border-top: 0;
}

header#header nav.main-menu ul li {
    color: #000;
    text-transform: uppercase;
    font-family: Gotham !important;
    font-weight: 400 !important;
}


header#header nav.main-menu ul .boxed--white {
    font-family: Gotham !important;
    font-weight: 500 !important;
}

header#header nav.main-menu ul .boxed--blue {
    font-family: Gotham !important;
    font-weight: 500 !important;
}

header#header nav.main-menu ul li.b-l {
    border-left: 1px solid #000;
    padding-left: 25px;
}

header#header .lang-selector {
    text-transform: uppercase;
    font-family: Gotham;
}

@media screen and (min-width: 1551px) {
    header#header .search-icon {
        right: 135px !important;
    }
}