body {
    font-family: "Work Sans" !important;
 }
 .bg-colore-uno {
 background: #6610f2 !important
 }
 .bg-colore-due {
 background: #00acc8 !important
 }
 .bg-colore-tre {
 background: #ff8300 !important
 }
 .bg-colore-quattro {
 background: #007ab4 !important
 }
 .bg-colore-cinque {
 background: #c1c6cb !important
 }
 .bg-colore-sei { 
    background: #00405e !important;
    }
    .bg-blu {
        background: #00405e !important;
    }
    .bg-lightblu {
        background-color: #007ab4 !important;
    }
 .colore-uno { 
 color: #6610f2 !important
 } 
 .colore-due {
 color: #00acc8 !important
 }
 .colore-tre {
 color: #ff8300 !important
 }
 .colore-quattro {
 color: #007ab4 !important
 }
 .colore-cinque {
 color: #c1c6cb !important
 }
 .colore-sei {
    color: #00405e !important;
    }
    .text-primary {
        color: #007ab4!important;
    }
 .filter-colore-uno {
 filter: invert(10%) sepia(90%) saturate(7450%) hue-rotate(267deg) brightness(92%) contrast(106%);
 }
 .filter-colore-due {
 filter: invert(45%) sepia(95%) saturate(1796%) hue-rotate(154deg) brightness(96%) contrast(101%);
 }
 .filter-colore-tre {
 filter: invert(49%) sepia(78%) saturate(1155%) hue-rotate(359deg) brightness(100%) contrast(102%);
 }
 .filter-colore-quattro {
 filter: invert(7%) sepia(50%) saturate(4806%) hue-rotate(201deg) brightness(93%) contrast(106%);
 }
 .filter-colore-cinque {
 filter: invert(95%) sepia(8%) saturate(168%) hue-rotate(169deg) brightness(85%) contrast(86%);
 }
 .filter-colore-bianco {
 filter: invert(97%) sepia(0%) saturate(11%) hue-rotate(213deg) brightness(104%) contrast(102%);
 }
 
 .bg-gradiente-ciano {
 background: linear-gradient(90deg, rgba(9,101,116,1) 0%, rgba(0,172,200,1) 50%) !important;
 }
 .bg-gradiente-blu {
    background: rgb(13,27,54);
    background: linear-gradient(87deg, rgba(13,27,54,1) 0%, rgba(37,103,129,1) 100%);
 
    }
    .btn-bg-seller {
		background-color: #007ab4 !important;
		border: 1px solid #ffffff !important;
		border-radius: 0 !important;
		font-weight: normal;
		letter-spacing: 0;
		color: #FFF;
	}
    .btn-bg-seller:hover {
		background: #00405e !important;
		color: #fff !important;
		opacity: 1 !important;
	}
    .bg-giallo:hover {
        border: 1px solid #ffffff!important;
        border-radius: 0px!important;
    }
    .btn-bg-blu {
        background-color: #00405e;
        color: #fff;
        border: 1px solid #ffffff;
        font-weight: normal;
    }
    .btn-seller {
        width: 155px;
        height: 35px;
        padding: 5px;
        border-radius: 0px !important;
        font-size: 1rem;
    }
    .btn-bg-blu:hover {
        background: #007ab4 !important;
        color: #fff;
    }
    .noUi-touch-area {
        background: #00acc8;
    }
/*INIZIO: menu*/
 a.nav-link {
 text-transform: uppercase;
 color: #FFF !important;
 font-weight: 300 !important; 
 margin-top: 10px;
 margin-right: 5px;
 font-size: 16px !important;
 }
 .navbar-brand {
    font-size: 1rem;

}
 .navbar .megamenu {
 padding: 1rem;
 }
 #dropdownMenuButton2 {
    display:none;
 }
 
     .box-servizio-menu {
     border: 1px solid #dedede;
     padding: 15px;
     text-align: center;
     font-size: 1.3rem;
     color: #007ab4;
     }
	 .box-shadow-menu {
    box-shadow: -6px 4px 10px 0px #88888863;
    background: #f8f8f8 !important;
}
     .img-svg-menu-si {
     width: 60px ;
     display: block;
     margin: auto;
     filter: invert(45%) sepia(95%) saturate(1796%) hue-rotate(154deg) brightness(96%) contrast(101%);
     }
     .img-svg-menu-si-nofilter {
     width: 60px;
     display: block;
     margin: auto;
     filter: unset;
     }
     .btn-small-menu-si:hover {
     -webkit-box-shadow: 5px 5px 15px 5px #B8B8B8;
     box-shadow: 5px 5px 15px 5px #B8B8B8;
     color: #FFF;
     background: #00405e !important;
 }
     .btn-small-menu-si {
     font-size: 1rem;
     color: #FFF;
     font-weight: 400;
     padding: 10px;
     }
     .btn-banner-menu {
     background: #ffffff;
     border-radius: 0;
     color: #00acc8 !important;
     border: solid 2px;
     width: 175px;
     margin: auto;
     }
     .dropdown-menu-si.m-auto.show {
     margin-top: -10px !important;
     }

     a.nav-link.dropdown-toggle.show {
        background: #ffffff;
        color: #00acc8 !important;
        opacity: 1;
        width: 100%;
        padding-left: 15px;
    }
     ul.dropdown-menu.rounded-0.show {
     min-width: 200px;
     }
     .box-servizio-menu a {
     color: #00acc8;
     }
     .box-servizio-menu:hover  a {
     color: #ffffff;
     opacity: 1 !important;
     }
     .box-servizio-menu:hover .img-svg-menu-si{
     filter: invert(97%) sepia(0%) saturate(11%) hue-rotate(213deg) brightness(104%) contrast(102%) !important;
     }
     .box-servizio-menu:hover {
     background:#1789a1;
     }
     @media all and (min-width: 992px) {
     .navbar .has-megamenu {
     position: static !important;
     } 
     .navbar .megamenu {
     left: 0;
     right: 0;
     width: 100%;
     margin-top: 0;
     }
     img.logo-header {
     width: 200px;
     }
     }
     @media(max-width: 991px) {
     img.logo-header {
     width: auto;
     }
     .navbar.fixed-top .navbar-collapse,
     .navbar.sticky-top .navbar-collapse {
     overflow-y: auto;
     max-height: 90vh;
     margin-top: 10px;
     }
     }
     /*FINI: menu*/

    /*INIZIO: lading*/ 
   .card {
   border: 0px !important;
   }
   .card img {
   max-width: 280px;
   margin: auto;
   }
   p.card-text {
   font-size: 18px !important;
   }
   div.x {
   --b: .5em; /* border width */
   --c: 3em; /* corner size */
   --r: 2em; /* corner rounding */
   position: relative;
   margin: 1em auto;
   border: solid var(--b) transparent;
   padding: 1em;
   &::before {
   position: absolute;
   z-index: -1;
   inset: calc(-1*var(--b));
   border: inherit;
   border-radius: var(--r);
   background: linear-gradient(orange, deeppink, purple) border-box;
   --corner: 
   conic-gradient(from -90deg at var(--c) var(--c), red 25%, #0000 0) 
   0 0/ calc(100% - var(--c))  calc(100% - var(--c)) border-box;
   --inner: conic-gradient(red 0 0) padding-box;
   -webkit-mask: var(--corner), var(--inner);
   -webkit-mask-composite: source-out;
   mask: var(--corner) subtract, var(--inner);
   
   content: ''
   }
   }
   .box-codice {
   max-width: 700px;
   margin: auto;
   border: dotted #dc4955;
   }
   .codice {
    letter-spacing: 5px;
    font-size: 4rem;
    font-weight: bold;
    padding-top: 40px;
    }
   @media(max-width: 991px) { 
   .codice {
    letter-spacing: 5px;
    font-size: 2.8rem;
    font-weight: bold;
    padding-top: 40px;
}
   }
   .tabella-piani img {
   width: 60px;
   }
   .tabella-piani:hover {
    -webkit-box-shadow: 10px 11px 5px -2px rgba(173,173,173,1)!important;
-moz-box-shadow: 10px 11px 5px -2px rgba(173,173,173,1)!important;
box-shadow: 10px 11px 5px -2px rgba(173,173,173,1) !important;
background: #e9e9e9;
   }
   .tabella-piani {
   max-width: 700px;
   }
   .w-700{
    max-width: 700px;
   }
   .input-mailing {
    border-bottom: solid 1px;
}
.form-control:focus {
    border-color: #d8d8d8 !important;

}
.form-control {
    color: #007ab4 !important;
}
.copiato {
    font-size: 1.5rem;
    color: #fd7e14;
    border-bottom: dashed 3px;
    max-width: max-content;
    margin: auto;
}
/*FINE: Landing*/

/*INIZIO: breadcrumb*/
.breadcrumbs {
    color: #FFF;
    text-transform: uppercase;
    font-size: 0.9rem;
    padding-bottom: 10px;
    background: linear-gradient(180deg, rgba(12,84,99,1) 0%, rgba(0,172,200,1) 100%) !important;
    background: linear-gradient(90deg, rgba(9,101,116,1) 0%, rgba(0,172,200,1) 50%) !important;
}
.breadcrumbs a {
    color: #ffa722;
    border-bottom: 1px solid;
}
.breadcrumbs a:hover {
    font-weight: bold;
    opacity: 1 !important;
    color: #e6ac55 !important;
}
img.icon-bread {
    filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(204deg) brightness(102%) contrast(102%);
}
/*FINE: breadcrumb*/

/*INIZIO: caousel*/
 @media all and (min-width: 992px) {

  .h-carousel {
    height: 500px;
 }  
 .text-caurosel {
    font-size: 22px;
}
}
@media(max-width: 991px) {

.h-carousel {
    height: 360px;
}
 .text-caurosel {
    font-size: 16px;
}
}

 .input-cerca-dominio {
    background: transparent;
    border-radius: unset;
    border-bottom: 1px solid;
}
.btn-cerca-dominio {
    background: #f2f2f2;
    border-radius: unset;
    color: #000;
    font-weight: normal;
    border: 1px solid #bebebf;
}
.input-cerca-dominio {
    background: transparent;
    border: 1px solid #bebebf;
}
section.cerca-dominio .max-w {
    max-width: 900px;
}
.carousel-indicators [data-bs-target] {
    height: 2rem !important;
}
.carousel-indicators [data-bs-target]:hover {
    transform: unset !important;
}
/*FINE: Carousel*/

/*INIZIO: home*/
section.tab-prodotto .card {
    border: solid 1px #dadada !important;
    border-radius: 0px;
}
section.tab-prodotto .card-body {
    padding: 0px !important;
}
section.tab-prodotto .box-titolo {
    padding: 10px;
    background: #00acc6;
    min-height: 120px;  
}
section.tab-prodotto .card-title {
    color: #FFF;
}
section.tab-prodotto small.card-sub-title {
    color: #FFF;
}
section.tab-prodotto .prezzo-prodotto {
    padding: 0 10px;
    color: #00acc8;
}
section.tab-prodotto .box-caratteristiche {
    padding: 0 10px;
}
section.tab-prodotto .card:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 10px #0000004d;
} 
section#scegli-si .card img {
    filter: invert(45%) sepia(95%) saturate(1796%) hue-rotate(154deg) brightness(96%) contrast(101%);
    width: 75px;
    padding: 5px;
    margin: 15px auto;
}
section#scegli-si .card-body {
    height: 145px;
}
section#prodotti-home img {
    width: 100px;
}
section#prodotti-home .card {
    background: #ffffff;
    border-radius: 0;
    border: solid 1px #1789a1 !important;
}
section#prodotti-home .card-body {
    background: #f2f2f2;
    
}
section#prodotti-home img {
    width: 100px;
    margin: 25px auto;
}
section#prodotti-home p.card-text {
    height: 60px;
}
h5.card-title img {
    width: 50px !important;
    margin-right: 5px !important;
    display: block;
}
section#prodotti-home .card:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 10px #0000004d;
}
section#sicurezza .card img {
    max-width: 90px;
    padding: 15px;
    margin: 15px auto;
}
/*FINE: home*/

/*INIZIO Contatti*/
 
/*FINE: Contatti*/
/*INIZIO: Hounsing*/
.caratteristiche {
    background: #FFF;
    padding: 15px;
}
.riepilogo {
    background: #FFF;
    margin-top: 20px;
    padding: 15px;
}
    #unit_slider, #power_slider, #ip_slider, #bandwith_select {
        float: left;
        width: 80%;
        margin-left: 25px;
        margin-top: 35px;
    }
    
    #bandwith_select   {
        padding:10px;
    }
    
    #riepilogo_conf {
        font-weight:bold;
        font-size:30px;
        color:#192872!important;
        padding-left:30px;
    }
    .price_seller_blu {
        background-color: #fff;
        background-repeat: no-repeat;
        background-size: contain;
        border: 1px solid #bcc8ff00 !important;
        border-radius: 0 !important;
        background-origin: border-box;
        color: #000;
        box-shadow: 0 4px 10px #ffffffbd;
        }
        .price_seller_blu:hover {
        box-shadow: 7px 7px 15px #ffffffbd;
        }
        .price_seller.bseller {
            background-image: url('../img/orange_rect.svg');
            border: 1px solid #00405e;
            background-color: #e4e4e4;
            border-radius: 0px;
        }
        .gratis {
            color: white;
            font-weight: bold;
            background: #007ab4 !important;
            padding: 3px 11px;
            border-radius: 10px;
            text-transform: uppercase;
            font-size: 12px;
            line-height: 15px;
            position: relative;
            top: -2px;
        }
        .bg-verde {
            background: #007ab4 !important;
            color: #FFF !important;
        }
        .titolo_in_promozione {
            background: #007ab4 !important;
            font-family: inherit !important;
        }
        .badge_seller_promo {
            background: #e4e4e4 !important;
            color: #007ab4 !important;
        }
        .badge_seller_promo.large {
            background: #e4e4e4 !important;
        }  
        .accordion-button {
            border-radius: 0 !important;
      
        }
        .hosting-product-img {
            max-width: 200px;
            padding: 15px;
            margin-bottom: 20px;
        }
        .color-verde-scuro {
            color: #676869 !important;
        }
        .bb-a {
            border-bottom: solid 4px #007ab4 !important;
        }
        input.form-control.input-cerca-dominio::placeholder {
            color: #FFF !important;
        }
/*FINE: Hounsing*/


/*INIZIO: Server SMTP*/
        section#smtp .smtp-icon {
            width: 75px;
            height: auto;
        } 
        th.header-tab-com {
            font-weight: 500;
            background: #00acc8;
            border-right: solid 1px #FFF;
            color: #FFF;
            text-transform: uppercase;
        }
        .btn-outline-action-10 {
            color: #007ab4 !important;
            border-color: #007ab4 !important;
        }
        .btn-outline-action-10:hover {
            color: #ffffff !important;
            background-color: #007ab4;
            border-color: #007ab4;
        }
/*FINE: Server SMTP*/
h3.fix-sottotitolo {
    font-size: 18px;
    font-weight: normal;
    color: #007ab4;
}
section#wp-fix.smtp-icon {
    width: 200px;
    height: auto;
}
section#wp-fix .card.shadow {
    min-height: 550px;
}
.numero-processo {
    font-size: 26px;
    font-weight: bold;
    color: #007ab4;
    padding-bottom: 20px;
}
.card.shadow {
    border-radius: 0;
}
.colore-grigio{
color: #787878;
}
#ps-fix .card img {
    max-width: 100%;
}
#ps-fix .card-body.fix-ps {
    background: whitesmoke;
}
.btn-open {
    background-color: #007ab4;
    color: #ffffff;
    border-radius: 0;
    padding: 15px 30px;
}
.btn-open:hover {
    color: #FFF;
}
.btn-closed {
    background-color: #FFF;
    color: #007ab4;
    border: solid 1px #007ab4;
    border-radius: 0;
    padding: 15px 30px;
}
.btn-closed:hover {
    color: #007ab4;
}
.pallino {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: relative;
    display: inline-block;
    margin-right: 5px;
}
.pallino-aperto {
    background-color: white;
    box-shadow: 0 0 10px white;
    animation: pulsate 1s ease-out infinite;
}
.pallino-chiuso {
    background-color: #c0c0c0;
}
@keyframes pulsate {
    0% { transform: scale(0.8); opacity: 0.5; }
    50% { transform: scale(1); opacity: 1; }
    100% { transform: scale(0.8); opacity: 0.5; }
}



@media (max-width: 600px) {
  .btr {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    width: 100%;
}
.btl {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    width: 100%;
}
}


@media (min-width: 601px) {
.btr {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.btl {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
}
@media (min-width: 601px) {
.sticky-switch{
position: sticky;
    top: 130px;
    z-index: 1000;
}
}
@media (max-width: 600px){
    .sticky-switch{
        position: sticky;
            top: 109px;
            z-index: 1020;
        }
}
a.nav-link.dropdown-toggle {
    font-weight: bolder !important;
}
a.nav-link {
    font-weight: bolder !important;
}