@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');
body {font-family: 'Lato', sans-serif; font-weight: 400 !important; font-size: 16px !important; color:#222 !important}
.text_222 {color:#222 !important}

.bordo_l_custom {border-left:2px solid #003882;}
.bordo_r_custom {border-right:2px solid #003882;}
.sottolineato_blu {border-bottom:2px solid #003882;}
.sottolineato_grey {border-bottom:2px solid #D8D8D8;}

.bg_blu_bardi {background-color:#003882 !important;}
.text_blu_bardi {color:#003882 !important;}
.text_333 {color:#333 !important}
.dropdown .dropdown-menu.dropdown-default .dropdown-item:hover {background-color:#003882 !important;}

.size_60 {font-size:60px;}
.size_40 {font-size:40px;}
.size_30 {font-size:30px;}
.size_22 {font-size:22px;}
.size_20 {font-size:20px;}
.size_18 {font-size:18px;}
.size_16 {font-size:16px !important;}
.size_14 {font-size:14px;}
.size_12 {font-size:12px !important;}

.btn.bg_blu_bardi {font-size:16px !important; font-weight: 700 !important; color: #FFF !important}

.navbar.navbar-light .navbar-nav .nav-item.active > .nav-link { background-color: transparent !important; color:#003882 !important;}
.navbar .mega-dropdown .dropdown-menu.mega-menu.v-2 .sub-menu .news-title {color:#003882 !important;}
.dropdown-menu.dropdown-default { border-radius:0px !important;}
.view_mobile {display:none !important}
.dropdown .dropdown-menu.dropdown-default .dropdown-item:hover { background-color:transparent !important; box-shadow: none !important; color:#000 !important}

.bg_custom {background-color:#FFF !important}
#logo {position:absolute}

.accordion .card {background-color: transparent !important}
.w-40 { width:40%}
.w-60 { width:60%}

#mappa {height: 400px;}
.no-radius {border-radius:0px !important}

#logo img { height: 220px; width: auto}

.timeline-main .stepper.stepper-vertical.timeline.timeline-images li:not(:last-child)::after {
    background-color: #003882 !important;
}

.dropdown-item.active { background-color: transparent !important; color:#003882 !important;}
.mega-menu a.active { background-color: transparent !important; color:#003882 !important;}

.timeline-main .stepper.stepper-vertical.timeline.timeline-simple li a .circle {
    width: 50px !important;
    height: 50px !important;
    line-height: 50px !important;
    font-size: 1.4em;
    text-align: center;
    position: absolute;
    top: 5px !important;
    margin-left: -25px !important;
    background-color: #ccc;
    z-index: 2;
}

.md-accordion .card .card-body { font-weight: 400 !important}

.banner-video {
    position: fixed;
    z-index: 9999;
    right: 90px;
    bottom: 20px;
    cursor: pointer;
}

@media (max-width: 1367px) {
    #logo img { height: 170px; width: auto}
    .dropdown-menu.mega-menu { width:70% !important}
}

@media (max-width: 1025px) {
    li.nav-item a.nav-link {font-size:14px !important}
    .dropdown-menu.mega-menu { width:80% !important}
}

@media (max-width: 769px) {
    /*button.navbar-toggler { margin-left:auto !important}*/
    .dropdown-menu.mega-menu { width:96% !important; left:15px !important}
    .nav-link.py-3 {padding-top:10px !important; padding-bottom:0px !important; border:0px !important;}
    .navbar { text-align:left !important}
    #logo {left: 20px !important; top:60px !important; }
    #logo img { height: 140px; width: auto}
    #rev_slider_1_1_wrapper, #rev_slider_1_1_forcefullwidth, #rev_slider_2_1_forcefullwidth, #rev_slider_3_1_forcefullwidth, #rev_slider_4_1_forcefullwidth, #rev_slider_5_1_forcefullwidth {display:none !important}
    .carousel-caption { right:unset !important; left: 0px !important; top: 220px !important; text-align: left !important}
    .sottolineato_grey {border-bottom:0px solid #D8D8D8 !important;}
    /*.navbar.fixed-top {margin-top:40px;}*/
    .navbar .dropdown-menu.mega-menu { margin-top: -95px; }
    .dropdown-menu.dropdown-default {width: 100%}
    .bg_custom {background-color:#FAFAFA !important}
    .mega-menu img {border:1px solid #EEE}
    p.font-small {margin-bottom:0px !important}
    a.news-title {padding-bottom:0px !important;}
    .w-40 { width:100% !important; }
     .w-50 { width:100% !important; }
    .navbar .nav-flex-icons { background-color:#EEE; margin-top:10px !important;}
    .navbar-nav .dropdown-menu-right {left:0 !important;}
	.banner-video {
		position: fixed;
		z-index: 9999;
		right: 20px;
		bottom: 70px;
		cursor: pointer;
	}
}

@media (max-width: 450px) {
    #logo img { height:120px !important; width:auto; }
    .view_mobile {display:block !important }
    .none_mobile {display:none !important}
    .carousel-caption { right:unset !important; left: 0px !important; top: 180px !important; text-align: left !important}
    #footer img {float: none !important; height: 120px; width: auto; margin: 0px !important}
    #footer {font-size:14px !important;}
    h1.size_40 { font-size:30px !important}
    .mega-menu img {display:none !important}
    .navbar .dropdown-menu.mega-menu { margin-top: -135px; }
    .dropdown-menu.mega-menu { width:91% !important; left:15px !important}
    
    .timeline-main .stepper.stepper-vertical.timeline li:not(:last-child)::after {
    left: 9% !important;
}
    
    .timeline-main .stepper.stepper-vertical.timeline.timeline-simple li a .circle {
    width: 40px !important;
    height: 40px !important;
    line-height: 40px !important;
    
    text-align: center;
    position: absolute;
    top: 5px !important;
    margin-left: -10px !important;
    background-color: #ccc;
    z-index: 2;
   font-size:12px !important;
}
.banner-video {top:20px !important; bottom:unset !importat;}
.banner-video img { width:40px !important; height:auto !important;}
    
}