body {
    font-family: Raleway !important;
}

.navbar-nav {
    text-transform: uppercase;
}

.nav-link {
    color: #eb0028 !important;
    font-weight: 600;
}

.logo {
    max-height: 80px;
}

.fixed-top {
    border-bottom: 1px solid #ededed;
}

.home-image {
    margin-top: 30px;
}

h1 {

}

h1 span {
    display: inline-block;
    border-bottom: 4px solid #e00024;
    padding-bottom: 5px;
}

h1.page-title {
    margin: 30px 0 20px 0;
    font-weight: 700;
    color: #777777;
}

h5.page-title {
    margin: 0px 0 20px 0;
    font-weight: 700;
    color: #777777;
}

h5 span {
    display: inline-block;
    border-bottom: 2px solid #e00024;
    padding-bottom: 2px;
}

h2 {
    color: #777777;
    font-weight: 200;
}

a:hover {
    text-decoration: none;
}

a {
    color: #004697;

}

.s-link{
    font-size: 12px;
}

p.page-text {
    text-align: justify !important;
    color: #777777;
    font-size: 14px;
    line-height: 1.66em;
}

.line {
    height: 2px;
    width: 100%;
    background-color: #e00024;
    margin: 35px 0;
}

.card-body.home {
    position: absolute;
    bottom: 0px;
    z-index: 9;
    background-color: rgba(0, 0, 0, 0.6);
    width: 100%;
    color: white;
    padding: 1rem;
}

.card-title.home {
    text-align: center;
    color: white;
    text-transform: uppercase;
    font-size: 18px;
}

.card-title.home a, .card-title.home a:hover, .card-title.home a:visited, .card-title.home a:link, .card-title.home a:active {
    text-decoration: none;
    color: white;
}

.bg-storiaolivetti {
    background-color: #676a71;
}

.up-footer {
}

.social-title {
    text-transform: uppercase;
    font-size: 14px;
    color: white;
    font-weight: 400;
}

.sub-footer {
    background-color: #acadaf !important;
    min-height: 70px;
    width: 100%;
}

.mk-footer-copyright {
    color: #38393b;
    font-size: 11px;
    letter-spacing: 1px;
    line-height: 16px;
    float: left;
    padding: 25px 0 20px;
    filter: alpha(opacity=@opacity *100);
    -moz-opacity: 80;
    -khtml-opacity: 80;
    opacity: 80;
    opacity: .8;
    display: block;

}

footer a, footer a svg {
    color: #B3B4B8 !important;
}
footer a, footer a:hover svg {
    color: white !important;
}

footer p {
    font-size: 13px;
    color: #ebebeb;
    font-weight: 400;
    line-height: 1.66em;
}

.nav-box {
    height: 100px;
    background-color: #acacac;
    margin: 50px 0 30px 0;
    padding-top: 30px;
}

.nav-title {
    text-transform: uppercase;
    color: white;
    font-weight: bold;
}

.breadcrups {
    color: white;
    font-size: 12px;
    float: right;
}

.breadcrups a {
    color: white;
}

.subcategory-list {
    color: #777777;
}

ul.subcategory-list > li:not(:first-of-type) {
    padding-top: 40px;
}

ul.subcategory-list li {
    color: #777777 !important;
    font-weight: bold;
    font-size: 14px;
}

ul.subcategory-list li span i {
    color: #e00024 !important;
}

ul.article-list li a {
    color: #004a98 !important;
    font-weight: normal;
    font-size: 14px;

}

ul.article-list li span i {
    color: #004a98 !important;
}

.dropdown:hover > .dropdown-menu {
    display: block !important;
}

.dropdown-toggle::after {
    display: none;
}

.dropdown-item {
    color: #e00024 !important;
}

a.privacy-link {
    color: #004698;

}

.module {
    text-align: justify !important;
    color: #777777;
    font-size: 14px;
    line-height: 1.66em;
}

.module .collapse, .module .collapsing {
    height: 31rem; /* [NUM_OF_LINES] x [LINE_HEIGHT] */
}

.module .collapse {
    position: relative; /* For ...'s content absolute positioning */
    display: block;
    overflow: hidden;
}

.module .collapse:before {
    content: ' ...';
    position: absolute;
    right: 0;
    bottom: 0;
}

.module .collapse.show {
    height: auto; /* You need to reset the height when not collapsed */
}

.module .collapse.show:before {
    display: none; /* Of course you don't want to display ... */
}

.module a.collapsed:after {
    content: '+ Leggi tutto';
    color: #004697 !important;
}

.module a.colapsed-text:not(.collapsed):after {
    content: '- Leggi di meno';
    color: #004697 !important;
}

.ekko-lightbox .modal-footer {
    text-align: justify !important;
    color: #777777;
    font-size: 14px;
    line-height: 1.66em;
}


.map-container{
overflow:hidden;
padding-bottom:56.25%;
position:relative;
height:0;
}
.map-container iframe{
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}

.mk-svg-icon {
    width: auto;
    height: auto;
    fill: currentColor;
}

.widget_social_networks a {
    position: relative;
    display: inline-block;
    margin: 5px 15px 5px 0;
    line-height: 100%;
    opacity: .5;
    transition: all .2s ease;
}

h4.modal-title  {
    font-size: 1rem!important;
}

.error{
    color: red;
}

.page-text span{
    font-weight: 400;
    color: #777777!important;
}

.modal-footer {
    display: block !important;
    height: 200px;
    overflow-y: auto;
    padding-bottom: 5px;
}

.ekko-lightbox-item{
    max-width: 800px!important;
}

.modal-footer p.didascalia{
    text-align: center;
    font-size: 10px;
}

.modal-dialog{
    min-width: 600px!important;
}

.modal-body{
    background-color: #777777;
}

.ekko-lightbox-item img{
    width: auto !important;
    max-height:100%!important;
    max-width: 100%!important;
    display: block!important;
    margin: 0 auto!important;
}


h5.media-title {
    margin: 0px 0 20px 0;
    font-weight: 700;
    color: #777777;
    text-align: center;
}

.media-didascalia{
    font-size: 11px;
    text-align: center!important;
}


@media (max-width: 767px) {
    .logo {
        max-height: 80px;
        width: 100%!important;
    }

    .navbar-brand{
        width: 70%;
    }

    .nav-box{
        margin-top: 15px;

    }

    .nav-title{
        text-align: center;
        font-size: 18px;
    }

    .breadcrups{
        float: none!important;
    }
    .breadcrups p, .breadcrups p a{
        text-align: center;
    }

    .modal-dialog {
        min-width: 350px!important;
    }

    .subcategory-list.fa-ul{
    	margin-left: 0;
    }	
}

.page-not-found-container{
    display: inline-block;
    text-align: center;
    width: 100%;
    height: 300px;
    padding-top: 50px;
}

.page-not-found-container i{
    display: inline-block;
    text-align: center;
    font-size: 80px;
    color: #777777;

}

.page-not-found-container h1{
    margin: 30px 0;
    color: #777777;
}