#header .header-nav-main nav > ul > li > a {
    font-size: 18px;
    letter-spacing: 0;
    text-transform: none;
}
body{
    color: var(--quaternary);
    font-size: 20px;
    background-color: #0D1317!important;
}
.bkg-servizi-1{
    background-image: url(../img/progettazione-elettronica/cover-progettazione-elettronica-desktop.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.bkg-servizi-2{
    background-image: url(../img/assemblaggio-pcb/cover-assemblaggio-pcb-desktop.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.bkg-servizi-3{
    background-image: url(../img/firmware-software/cover-firmware-software-desktop.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.bkg-servizi-4{
    background-image: url(../img/cloud-web-app/cover-cloud-web-app-desktop.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.btn-modern:hover{
    background-color: #6564DB!important;
    color: white!important;
}
.list.list-icons.list-icons-lg li > [class*="fa-"]:first-child, .list.list-icons.list-icons-lg li > .icons:first-child, .list.list-icons.list-icons-lg li a:first-child > [class*="fa-"]:first-child, .list.list-icons.list-icons-lg li a:first-child > .icons:first-child {
    font-size: 1.1em;
    line-height: 1.2!important;
}
.list.list-icons.list-icons-lg li {
    padding-top: 5px;
    padding-left: 32px;
}
html.dark .thumb-info .thumb-info-wrapper:after {
    background-color: transparent!important;
}
.body{
    position: relative;
   
}
html.dark .thumbnail, html.dark .img-thumbnail, html.dark .thumb-info {
    background-color: white;
    border-color: white;
}
.thumb-info.thumb-info-show-hidden-content-hover:hover .thumb-info-content-inner {
    transform: translate3d(0, -20px, 0)!important;
}
.feature-svg path {
  fill: var(--tertiary);

}
.main{
     z-index: 11;
    position: relative;
}
.img-box{
    border-radius: 2rem 0 0 2rem;
}
.img-casi-studio{
    border-radius: 2rem 2rem 0 0;
}

html.dark body, html.dark .body {
    background-color: #0D1317!important;
}
html.dark #header .header-body {
    /*background-color:transparent;*/
    background-color: #0D1317!important;
}
h1,h2,h3,h4,h5,h6, .titolo_slide, .titolo_megamenu, a, .btn{
    font-family:"Orbitron", sans-serif!important;
    letter-spacing: 0!important;
    text-transform: none;
}
.border-radius-6{
    border-radius: 50px;
}
a{
    font-size: 18px;
    line-height: 1.2em;
    font-weight: 600;
}
h1, .titolo_slide{
    font-size: 64px;
    font-weight:700;
    line-height: 1.2em;
}
h2{
    font-size: 36px;
    font-weight:700;
    line-height: 1.2em;
}
h2 strong{
    font-weight:bolder;
}
h3{
    font-size: 24px;
    font-weight:700;
    line-height: 1.2em;
}
h3 strong{
    font-weight:bolder;
}
.line-height-8{
        line-height: 1.8 !important;
}
p{
    font-size: 22px;
    line-height: 1.2em;
    color: white;
}
#footer p,#footer a{
    font-size: 16px;
    line-height: 1.4em!important;
    color: white!important;
}
.border-radius-5{
    border-radius: 20px;
}
.badge-disponibile {
    margin-top: 15px;
    right: 35px;
}
section.section {
    border:none;
}
#header .header-body.header-body-bottom-border-fixed {
    border-bottom: none !important;
}
#header .card{
    background: linear-gradient(180deg, #6564DB 0%, #122668 100%);
    border-radius: 15px;
    transition: 0.5s;
}
#header .card span, #header .card i{
    color:white!important;
    transition: 0.7s;
}
#header .card:hover{
    background: white;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#header .card:hover span, #header .card:hover i{
    color:var(--primary)!important;
}
    html.dark #header .header-nav-main:not(.header-nav-main-light) nav > ul > li.dropdown:not(.dropdown-full-color) .dropdown-menu {
        background: white;
        border-radius: 15px!important;
        margin-left: 20px;
        margin-right: 20px;
    }
div.bkg-neg {
  background: linear-gradient(
    to bottom,
    var(--secondary) 0px,       /* colore iniziale */
    var(--secondary) 400px,     /* fino a 400px resta colorato */
    #fff 400px,     /* da qui inizia il bianco */
    #fff 100%
  );
}
.list.list-icons.list-icons-style-3 li > [class*="fa-"]:first-child, .list.list-icons.list-icons-style-3 li > .icons:first-child, .list.list-icons.list-icons-style-3 li a:first-child > [class*="fa-"]:first-child, .list.list-icons.list-icons-style-3 li a:first-child > .icons:first-child {
    background-color: white;
    color: var(--primary);
}
.custom-mask-img-1 {
    -webkit-mask-image: url(../img/mask-image-1.png);
    mask-image: url(../img/mask-image-1.png);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-position: center;
    mask-position: center;
}
.custom-mask-img {
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-position: center;
    mask-position: center;
}
#footer {
    background: var(--quaternary)!important;
    border-top: 4px solid var(--quaternary);
    font-size: 0.9em;
    margin-top: 50px;
    padding: 0;
    position: relative;
    clear: both;
    z-index: 11;
}
#footer .footer-copyright.footer-copyright-style-2 {
    background: var(--quaternary);
    border-top: none;
}
#footer a{
    
	font-family: Helvetica, Arial, sans-serif!important;
    font-weight: normal;
}
#footer h5{

	font-family: Helvetica, Arial, sans-serif!important;

}
.social-icons.social-icons-clean-with-border li a {

    border: none!important;
}
.background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	overflow: hidden;
}
.gradient-blob {
	position: absolute;
	border-radius: 100%;
	filter: blur(40px);
	opacity: 1;
	animation: float 20s infinite alternate ease-in-out;
}
/*1° viola*/
.gradient-blob:nth-child(1) {
	background: radial-gradient(47.88% 47.88% at 50% 50%, rgba(101, 100, 219, 0.8) 0%, rgba(13, 19, 23, 0) 100%);
    width: 130vw;
    height: 130vw;
    top: 10%;
    left: -50%;
	
}
/*3° viola*/
.gradient-blob:nth-child(2) {
	background: radial-gradient(47.88% 47.88% at 50% 50%, rgba(101, 100, 219, 0.8) 0%, rgba(13, 19, 23, 0) 100%);
	width: 130vw;
	height: 130vw;
	bottom: -20%;
	left: -50%;
	
}
/*2° blu*/
.gradient-blob:nth-child(3) {
	background: radial-gradient(47.88% 47.88% at 50% 50%, #1C35A0 0%, rgba(13, 19, 23, 0) 100%);
    width: 130vw;
    height: 130vw;
    top: 30%;
    right: -50%;
	
}

@keyframes float {
	0% {
		transform: translate(0, 0) scale(1);
	}
	50% {
		transform: translate(2%, 2%) scale(1.02);
	}
	100% {
		transform: translate(-2%, -2%) scale(0.98);
	}
}

html.dark #header .header-nav-main:not(.header-nav-main-light) nav > ul > li.dropdown:not(.dropdown-full-color) .dropdown-menu  .dropdown-mega-content  a:hover, html.dark #header .header-nav-main:not(.header-nav-main-light) nav > ul > li.dropdown:not(.dropdown-full-color) .dropdown-menu  .dropdown-mega-content  a:focus, html.dark #header .header-nav-main:not(.header-nav-main-light) nav > ul > li.dropdown:not(.dropdown-full-color) .dropdown-menu  .dropdown-mega-content  a.active, html.dark #header .header-nav-main:not(.header-nav-main-light) nav > ul > li.dropdown:not(.dropdown-full-color) .dropdown-menu  .dropdown-mega-content  a:active {
        background: transparent!important;
    }
html.dark #header .header-nav-main:not(.header-nav-main-light) nav > ul > li.dropdown:not(.dropdown-full-color) .dropdown-menu .dropdown-mega-content  a{
        padding: 0!important;
}

@media (min-width: 992px) and (max-width: 1502px) {
    #header .header-nav-main nav > ul > li {
        margin-top: 30px;
        height: 10px;
        align-self: stretch;
        margin-left: 2px;
    }
    #header .header-nav-main nav > ul > li > a {
        font-size: 15px;
        letter-spacing: 0;
        text-transform: none;
    }
    .header-logo {
        max-width: 250px;
    }
}
@media (min-width: 992px) and (max-width: 1050px) {
    .header-logo {
        max-width: 210px;
    }
}
@media (min-width: 992px) {
   
    html.dark #header .header-nav-main:not(.header-nav-main-light) nav > ul > li.dropdown:not(.dropdown-full-color) .dropdown-menu  .dropdown-mega-content a:hover, html.dark #header .header-nav-main:not(.header-nav-main-light) nav > ul > li.dropdown:not(.dropdown-full-color) .dropdown-menu  .dropdown-mega-content a:focus, html.dark #header .header-nav-main:not(.header-nav-main-light) nav > ul > li.dropdown:not(.dropdown-full-color) .dropdown-menu  .dropdown-mega-content  a.active, html.dark #header .header-nav-main:not(.header-nav-main-light) nav > ul > li.dropdown:not(.dropdown-full-color) .dropdown-menu  .dropdown-mega-content  a:active {
        background: transparent!important;
    }
html.dark #header .header-nav-main:not(.header-nav-main-light) nav > ul > li.dropdown:not(.dropdown-full-color) .dropdown-menu .dropdown-mega-content  a{
        padding: 0!important;
}
}
@media only screen and (max-width: 991px) {
    .header-logo {
        max-width: 240px;
    }
    h1{
        font-size: 30px;
        font-weight:700;
        line-height: 1.2em;
    }
    h2{
        font-size: 28px;
        font-weight:700;
        line-height: 1.1em;
    }

    h3{
        font-size: 24px;
        font-weight:700;
        line-height: 1.2em;
    }
    .img-box{
        border-radius: 0 0 2rem 2rem;
        width: calc(100% - 8px)!important;
        margin: 0 4px 0 4px;
    }
    .img-settori .position-absolute{
        position: relative!important;
    }
    #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a {
        color: white !important;
    }
    html.dark #header .header-nav-main:not(.header-nav-main-light) nav > ul > li.dropdown:not(.dropdown-full-color) .dropdown-menu {
    background: transparent;
    border-radius: 0px !important;
    margin-left: 10px;
    margin-right: 10px;
}
    #header .header-nav-main nav > ul li.dropdown .dropdown-menu {
        background: transparent;
        padding: 0;
        margin: 0;
        font-size: 18px;
        box-shadow: none;
        border-radius: 0;
        border: 0;
        clear: both;
        display: none;
        float: none;
        position: static;
        font-family: Helvetica, Arial, sans-serif!important;
        font-style: normal;
    }
        #header .header-nav-main nav > ul li a {
        font-size: 16px;
        font-weight: normal;
        line-height: 28px;
        padding: 0px 8px;
        margin: 1px 0;
        border-radius: var(--border-radius);
        text-align: left;
            font-family: Helvetica, Arial, sans-serif!important;
    }
    html.dark #header .header-nav-main nav > ul li {
        border-bottom:none;
        padding: 7px 0;
    }
    
    section.section {
        background: var(--grey-100);
    
        margin: 20px 0;
        padding: 20px 0;
    }
    
    .bkg-servizi-1{
        background-image: url(../img/progettazione-elettronica/cover-progettazione-elettronica-mobile.jpg);
        background-repeat: no-repeat;
        background-size: cover;
    }
    .bkg-servizi-2{
        background-image: url(../img/assemblaggio-pcb/cover-assemblaggio-pcb-mobile.jpg);
        background-repeat: no-repeat;
        background-size: cover;
    }
    .bkg-servizi-3{
        background-image: url(../img/firmware-software/cover-firmware-software-mobile.jpg);
        background-repeat: no-repeat;
        background-size: cover;
    }
    .bkg-servizi-4{
        background-image: url(../img/cloud-web-app/cover-cloud-web-app-mobile.jpg);
        background-repeat: no-repeat;
        background-size: cover;
    }
    #footer {
        margin-top: 10px;
    }
    
    /*1° viola*/
.gradient-blob:nth-child(1) {
	background: radial-gradient(47.88% 47.88% at 50% 50%, rgba(101, 100, 219, 0.8) 0%, rgba(13, 19, 23, 0) 100%);
    width: 330vw;
    height: 330vw;
    top: 10%;
    left: -70%;
	
}
/*3° viola*/
.gradient-blob:nth-child(2) {
	background: radial-gradient(47.88% 47.88% at 50% 50%, rgba(101, 100, 219, 0.8) 0%, rgba(13, 19, 23, 0) 100%);
	width: 330vw;
	height: 330vw;
	bottom: 20%;
	left: -70%;
	
}
/*2° blu*/
.gradient-blob:nth-child(3) {
	background: radial-gradient(47.88% 47.88% at 50% 50%, #1C35A0 0%, rgba(13, 19, 23, 0) 100%);
    width: 330vw;
    height: 330vw;
    top: 30%;
    right: -70%;
	
}
    .owl-carousel.nav-bottom.nav-bottom-align-left .owl-nav {

    margin-left: 15px;
}
    .mh-550px{
        height: auto;
    }
}

/* Pagine informative (cookie / privacy): testo leggibile e dimensioni ridotte al font del menù (18px) */
.policy-doc,
.policy-doc p,
.policy-doc li,
.policy-doc h2,
.policy-doc strong {
    color: var(--quaternary);
}
.policy-doc p,
.policy-doc li {
    font-size: 18px;
    line-height: 1.6;
}
.policy-doc h2 {
    font-size: 18px;
    font-weight: 700;
}