@import url('https://fonts.googleapis.com/css2?family=montserrat:wght@300;400;600;700&display=swap');

:root{
    --global--color-orange:#243877;
    --global--color-blue:#22a7aa;
    --global--color-white:#fff;
    --global--color-black:#1f1e1e;
}


body{font-family:"Montserrat", Sans-serif;}
.navbar-default {background-color:var(--global--color-white)}
.navbar-default .navbar-nav>li>a {color:var(--global--color-black)}
.padding_top_70{padding-top:70px;}
.padding_bottom_70{padding-bottom:70px;}
.font-18{font-size:18px;}
/* aumenta padding menu */
.main-header {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
.main-header ul li a{font-size:14px;padding:20px!important;font-weight:500;}
.main-header ul li a:hover{
    background-color:transparent;
    color:#22A7AA;
}
.main-header .dropdown-menu{
    background-color:#ffffff;
    box-shadow:0 8px 24px rgba(36,56,119,0.14);
    border:none;
}
.main-header .dropdown-menu a{
    color:#243877;
    padding:15px 20px!important;
    line-height:14px;
}
#header .navbar.navbar-light{
    background-color:var(--global--color-blue);
}

.main-header .dropdown-menu a:hover{
    background-color:rgba(34,167,170,0.10);
    color:#243877;
}
/* nascosta seconda barra del menu */
#header .main-navbar-wrapper{background-color:var(--global--color-orange); display:none!important;}
#header .navbar-brand{color:var(--global--color-white)}

#header .navbar-collapse{padding:0!important}
#header .navbar-collapse a{display:block!important;color:var(--global--color-white);padding:20px 15px!important;}
#header .main-navbar-wrapper .dropdown-menu a{font-size:14px;color:#777!important;padding:0!important;text-decoration:none;padding:0 15px!important;line-height:36px;}
#header .navbar-collapse ul li a:hover{background-color:var(--global--color-orange);text-decoration:none;}
#header .main-navbar-wrapper .dropdown-menu li{padding:0}
#header .main-navbar-wrapper .dropdown-menu a:hover{background-color:#eee!important;}
.list-group-item.active{background-color:var(--global--color-blue);}
.btn-success{background-color:var(--global--color-orange);border-color:var(--global--color-orange)}
.btn-success:hover{background-color:var(--global--color-blue);border-color:var(--global--color-blue)}
.card-header{background-color:var(--global--color-blue);color:var(--global--color-white)}
.card-header h4{margin-bottom:0;}


#Primary_Navbar-Knowledgebase {
    display: none !important;
}

/* Nasconde il breadcrumb */
.master-breadcrumb {
    display: none !important;
}

/* Nasconde le voci dominio dal menu Negozio */

#Primary_Navbar-Store-Register_a_New_Domain,
#Primary_Navbar-Store-Transfer_a_Domain_to_Us {
    display: none !important;
}
/* =================================== Banner ====================================== */

.home-domain-search{background-color:var(--global--color-orange)!important;}
.home-domain-search .btn-primary,#main-body .btn-outline-primary{background-color:var(--global--color-orange);border-color:var(--global--color-orange)}
.home-domain-search .btn-success,#main-body .btn-outline-primary:hover,.home-domain-search .btn-primary:hover{background-color:var(--global--color-blue);border-color:var(--global--color-blue)}
.home-domain-search h2,#default-captcha-domainchecker, .home-domain-search .btn-link,#main-body .btn-outline-primary{color:var(--global--color-white)}
.primary-content .home .card{min-height:250px;}
.primary-content .home .card:hover{box-shadow:10px 10px 20px rgba(0,0,0,0.1);}
.sidebar .list-group-item.active, .sidebar .list-group-item.active:focus, .sidebar .list-group-item.active:hover{background-color:var(--global--color-blue);border-color:var(--global--color-blue)}

.home-domain-search {
    display: none !important;
}

/* =================================== Footer ====================================== */
.footer-heading{color:var(--global--color-blue);}
footer.footer{background-color:var(--global--color-white);}
footer.footer .btn{background-color:var(--global--color-black);}
footer.footer .copyright{color:var(--global--color-black)}
.home-domain-search .btn-success:hover{background-color:var(--global--color-orange);border-color:var(--global--color-orange)}
footer.footer .nav-link{color:var(--global--color-white);background-color:#404040;border-radius:4px;}
.footer_logo_box .copyright{font-size:14px;color:#818283;line-height:22px;}
.footer_logo_box .copyright span a{color:var(--global--color-orange);}
.footer-box{background:#fff;border:solid 1px #ddd}
#hostiko-footer ul li a{font-weight:300;letter-spacing:1px;transition:all ease-in-out .6s;color:#ababab}
.footer-box ul li a{font-size:14px;font-weight:300;color:#818283;line-height:2px;}
.footer-box h5{margin-bottom:15px;font-weight:600;}
.footer_info a,.footer-box ul li a:hover{color:var(--global--color-orange)!important}
.footer_info li, .footer_info li span{color:#818283;font-size:14px;}
.footer_info li{padding-bottom:10px;}
.footer_social_links li{display:inline-block;margin-right:5px}
.home-domain-search .btn-link{display:inline-block;width:100%;margin-top:25px;box-shadow:none;}


@media screen and (max-width:1200px){
    header#header.header .main-navbar-wrapper{padding:.5rem 1rem!important}
    #header .navbar-collapse a{padding:5px 0!important}
    header.header .main-navbar-wrapper .navbar-collapse{padding:.5rem 1rem!important}
    #header .navbar-collapse ul li a:hover{background-color:transparent!important;}
}
@media screen and (max-width:991px){
    .main-header{padding-top:15px;padding-bottom:15px;}
    .main-header .navbar-toggler{padding:.25rem .5rem;background-color:var(--global--color-orange);}
    .main-header .navbar-toggler:focus{outline:none;}
    .main-header .navbar-toggler-icon{background:url(assets/images/mobile_toogle_button.svg);}  
    .main-header .navbar-collapse{position:absolute;right:0;top:100%;background-color:var(--global--color-blue);width: 30%;padding: 10px 0; z-index:9}
    .main-header ul li a{padding:10px 20px!important;color:var(--global--color-white)}
}
@media screen and (max-width:767px){
.footer-box .container{max-width:100%}
.padding_bottom_70{padding-bottom:40px;}
.padding_top_70{padding-top:50px;}
.main-header .navbar-toggler{padding:.25rem .3rem}
}
@media screen and (max-width:576px){
    footer.footer{padding-bottom:50px;}
    .footer_logo_box{text-align:center;}
    .footer_logo_box img{width:30%}
    .footer_box{display:none;}
    .primary-content .home .card{min-height:auto}
    .home-domain-search .p-5{padding:0!important}
    .home-domain-search{padding-top:40px;padding-bottom:40px;}
    .h2, h2{font-size:1.5rem;}
    #default-captcha-domainchecker{font-size:14px;}
    .main-header .navbar-collapse{width:50%;}
}
/* ===================================
   SPEEDNET HERO - HOME 31
====================================== */

.speednet-hero {
    width: 100vw;
    position: relative;
    left: 50%;
    margin-left: -50vw;

    min-height: 520px;
    background: url("assets/images/banner-bg-img.jpg") no-repeat center center;
    background-size: cover;
    display: flex;
    align-items: center;
    padding: 70px 0;
}

.speednet-hero-inner {
    display: grid;
    grid-template-columns: 42% 58%;
    align-items: center;
    width: 100%;
}

.speednet-hero-text h1 {
    color: #ffffff;
    margin-bottom: 15px;
    font-weight: 700;
}

.speednet-hero-text p {
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    color: #ffffff;
}

.speednet-hero-text ul {
    margin-bottom: 30px;
}

.speednet-hero-text ul li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 10px;
    font-weight: 500;
    color: #ffffff;
}

.speednet-hero-text ul li i {
    position: absolute;
    left: 0;
    top: 4px;
    color: #ffffff;
}

.speednet-hero-button {
    display: inline-block;
    padding: 15px 28px;
    background-color: #22A7AA;
    color: #ffffff !important;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none !important;
    transition: 0.3s ease;
}

.speednet-hero-button:hover {
    background-color: #243877;
    color: #ffffff !important;
}

.speednet-hero-image {
    text-align: center;
}

.speednet-hero-image img {
    max-width: 100%;
    height: auto;
}

/* Tablet */
@media (max-width: 991px) {

    .speednet-hero {
        min-height: auto;
        padding: 60px 0;
    }

    .speednet-hero-inner {
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }

    .speednet-hero-text h1 {
        font-size: 36px;
    }

}

/* Smartphone */
@media (max-width: 767px) {

    .speednet-hero {
        padding: 50px 0;
    }

    .speednet-hero-inner {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .speednet-hero-text ul {
        display: inline-block;
        text-align: left;
    }

    .speednet-hero-image {
        margin-top: 35px;
    }

}
/* ===================================
   SPEEDNET PRODUCT CARDS - HOME 31
====================================== */

.speednet-products {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-top: 35px;
    margin-bottom: 50px;
}

.speednet-product-card {
    padding: 40px 30px 25px;
    border-radius: 30px;
    border-bottom: 2px solid #22A7AA;
    background: #ffffff;
    box-shadow: 14px 0 74px rgba(34, 136, 218, 0.10);
    height: 100%;
    transition: 0.3s ease-in-out;
}

.speednet-product-card h3 {
    color: #243877;
    margin-bottom: 10px;
    transition: 0.3s ease-in-out;
}

.speednet-product-card:hover h3 {
    color: #22A7AA;
}

.speednet-product-card p {
    line-height: 24px;
    margin-bottom: 20px;
}

.speednet-product-card .speednet-product-link {
    font-size: 14px;
    font-weight: 500;
    color: #243877;
    text-decoration: none;
    transition: 0.3s ease-in-out;
}

.speednet-product-card:hover .speednet-product-link {
    color: #22A7AA;
}

.speednet-product-card .speednet-product-link:hover {
    text-decoration: underline;
}

/* Tablet */
@media (max-width: 991px) {

    .speednet-products {
        grid-template-columns: repeat(2, 1fr);
    }

}

/* Smartphone */
@media (max-width: 767px) {

    .speednet-products {
        grid-template-columns: 1fr;
    }

}
.speednet-products-intro {
    max-width: 760px;
    margin: -5px auto 35px;
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    color: #6c757d;

}
.speednet-products-intro strong {
    font-weight: 700;
    color: #243877;
}
.speednet-products-title {
    text-align: center;
    margin: 45px 0 15px;
    font-weight: 700;
    color: #243877;
}
/* ===================================
   SPEEDNET FOOTER - HOME 31
====================================== */

.speednet-footer {
    background-color: #243877;
    color: #ffffff;
    padding: 60px 0 25px;
}

.speednet-footer-column {
    margin-bottom: 30px;
}

.speednet-footer-logo img {
    max-width: 180px;
    height: auto;
    margin-bottom: 20px;
}

.speednet-footer-description {
    font-size: 14px;
    line-height: 24px;
    color: rgba(255,255,255,0.82);
    margin-bottom: 0;
}

.speednet-footer h5 {
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
}

.speednet-footer-links,
.speednet-footer-contact {
    list-style: none;
    padding: 0;
    margin: 0;
}

.speednet-footer-links li {
    margin-bottom: 10px;
}

.speednet-footer-links a,
.speednet-footer-contact a {
    color: rgba(255,255,255,0.82);
    text-decoration: none;
    transition: 0.3s ease;
}

.speednet-footer-links a:hover,
.speednet-footer-contact a:hover {
    color: #22A7AA;
}

.speednet-footer-contact li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 12px;
    color: rgba(255,255,255,0.82);
    line-height: 22px;
}

.speednet-footer-contact i {
    color: #22A7AA;
    margin-top: 4px;
    min-width: 16px;
}

.speednet-footer-social {
    display: flex;
    gap: 12px;
    margin-top: 20px;
}

.speednet-footer-social a {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #22A7AA;
    color: #ffffff;
    text-decoration: none;
    transition: 0.3s ease;
}

.speednet-footer-social a:hover {
    background-color: #ffffff;
    color: #243877;
}

.speednet-footer-bottom {
    border-top: 1px solid rgba(255,255,255,0.18);
    margin-top: 20px;
    padding-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.speednet-footer-copyright,
.speednet-footer-legal {
    font-size: 13px;
    color: rgba(255,255,255,0.72);
}

.speednet-footer-legal {
    display: flex;
    gap: 10px;
    align-items: center;
}

.speednet-footer-legal a {
    color: rgba(255,255,255,0.82);
    text-decoration: none;
    transition: 0.3s ease;
}

.speednet-footer-legal a:hover {
    color: #22A7AA;
}

/* Tablet */
@media (max-width: 991px) {
    .speednet-footer {
        padding: 50px 0 20px;
    }
}

/* Smartphone */
@media (max-width: 767px) {
    .speednet-footer {
        padding: 40px 0 20px;
    }

    .speednet-footer-column {
        margin-bottom: 35px;
    }

    .speednet-footer-bottom {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* ===================================
   SPEEDNET BACKUP PRICING
====================================== */

.speednet-backup-pricing {
    width: 100%;
    margin: 35px 0 55px;
}

.speednet-backup-pricing-header {
    text-align: center;
    margin-bottom: 35px;
}

.speednet-backup-pricing-header h2 {
    color: #243877;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 10px;
}

.speednet-backup-pricing-header p {
    color: #6c757d;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 0;
}

.speednet-backup-pricing-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
    align-items: stretch;
}

.speednet-backup-price-card {
    background: #ffffff;
    border-radius: 30px;
    border-bottom: 2px solid #22A7AA;
    padding: 38px 30px 30px;
    box-shadow: 14px 0 74px rgba(34, 136, 218, 0.10);

    display: flex;
    flex-direction: column;

    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.speednet-backup-price-card:hover {
    transform: translateY(-5px);
    box-shadow: 14px 12px 74px rgba(34, 136, 218, 0.16);
}

.speednet-backup-badge {
    display: inline-block;
    align-self: flex-start;

    background: rgba(34, 167, 170, 0.12);
    color: #22A7AA;

    font-size: 14px;
    font-weight: 700;

    padding: 7px 17px;
    border-radius: 30px;

    margin-bottom: 22px;
}

.speednet-backup-price-card h3 {
    color: #243877;
    font-size: 21px;
    font-weight: 700;
    margin-bottom: 13px;
}

.speednet-backup-price {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 6px;

    margin-bottom: 25px;
}

.speednet-backup-price .price-value {
    color: #243877;
    font-size: 38px;
    line-height: 1.1;
    font-weight: 700;
}

.speednet-backup-price .price-cycle {
    color: #6c757d;
    font-size: 14px;
    font-weight: 500;
}

.speednet-backup-features {
    list-style: none;
    padding: 0;
    margin: 0 0 30px;
}

.speednet-backup-features li {
    position: relative;
    padding-left: 27px;
    margin-bottom: 15px;

    color: #243877;
    font-size: 14px;
    line-height: 22px;
}

.speednet-backup-features li i {
    position: absolute;
    left: 0;
    top: 4px;

    color: #22A7AA;
}

.speednet-backup-features li strong {
    font-weight: 700;
}

.speednet-backup-button {
    display: block;

    margin-top: auto;
    padding: 14px 20px;

    background-color: #22A7AA;
    color: #ffffff !important;

    border-radius: 30px;

    text-align: center;
    text-decoration: none !important;

    font-size: 14px;
    font-weight: 700;

    transition: background-color 0.3s ease;
}

.speednet-backup-button:hover {
    background-color: #243877;
    color: #ffffff !important;
}

/* Tablet */

@media (max-width: 991px) {

    .speednet-backup-pricing-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}

/* Smartphone */

@media (max-width: 767px) {

    .speednet-backup-pricing-grid {
        grid-template-columns: 1fr;
    }

    .speednet-backup-pricing-header h2 {
        font-size: 27px;
    }

    .speednet-backup-price .price-value {
        font-size: 34px;
    }

}
/* ===================================
   SPEEDNET ACTION CARDS
   Come possiamo aiutarti + Il tuo Account
====================================== */

.action-icon-btns {
    align-items: stretch;
}

.action-icon-btns > div {
    display: flex;
}

.action-icon-btns > div > a {
    width: 100%;
    min-height: 175px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    background: #ffffff !important;

    border: none !important;
    border-bottom: 2px solid #22A7AA !important;
    border-radius: 25px !important;

    box-shadow: 14px 0 74px rgba(34, 136, 218, 0.10);

    color: #243877 !important;

    padding: 25px 15px !important;
    text-align: center;
    text-decoration: none !important;

    transition: transform 0.3s ease, box-shadow 0.3s ease;
}


/* ICONE */

.action-icon-btns .ico-container {
    margin: 0 0 18px 0 !important;
}

.action-icon-btns .ico-container i {
    color: #243877 !important;
    transition: color 0.3s ease;
}


/* HOVER CARD */

.action-icon-btns > div > a:hover {
    background: #ffffff !important;

    color: #243877 !important;

    transform: translateY(-5px);

    box-shadow: 14px 12px 74px rgba(34, 136, 218, 0.16);
}


/* HOVER ICONA */

.action-icon-btns > div > a:hover .ico-container i {
    color: #22A7AA !important;
}


/* MOBILE */

@media (max-width: 767px) {

    .action-icon-btns > div {
        margin-bottom: 20px;
    }

    .action-icon-btns > div > a {
        min-height: 150px;
    }
}
/* ===================================
   SPEEDNET CONTACT PAGE
====================================== */

.speednet-contact-info {
    margin: 35px 0 55px;
}

.speednet-contact-header {
    text-align: center;
    max-width: 760px;
    margin: 0 auto 40px;
}

.speednet-contact-header h1 {
    color: #243877;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 15px;
}

.speednet-contact-header p {
    color: #6c757d;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 0;
}

.speednet-contact-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}

.speednet-contact-card {
    background: #ffffff;
    border-radius: 30px;
    border-bottom: 2px solid #22A7AA;

    padding: 38px 30px;

    text-align: center;

    box-shadow: 14px 0 74px rgba(34, 136, 218, 0.10);

    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.speednet-contact-card:hover {
    transform: translateY(-5px);
    box-shadow: 14px 12px 74px rgba(34, 136, 218, 0.16);
}

.speednet-contact-icon {
    width: 58px;
    height: 58px;

    margin: 0 auto 20px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: rgba(34, 167, 170, 0.10);
}

.speednet-contact-icon i {
    color: #22A7AA;
    font-size: 24px;
}

.speednet-contact-card h3 {
    color: #243877;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 12px;
}

.speednet-contact-card p {
    color: #6c757d;
    line-height: 24px;
    margin-bottom: 0;
}

.speednet-contact-card a {
    color: #243877;
    text-decoration: none;
}

.speednet-contact-card a:hover {
    color: #22A7AA;
}

/* Tablet */

@media (max-width: 991px) {

    .speednet-contact-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}

/* Smartphone */

@media (max-width: 767px) {

    .speednet-contact-grid {
        grid-template-columns: 1fr;
    }

    .speednet-contact-header h1 {
        font-size: 30px;
    }

}
/* ===================================
   SPEEDNET CONTACT FORM
====================================== */

.speednet-contact-form-section {
    margin: 60px 0;
}

.speednet-contact-form-header {
    text-align: center;
    max-width: 720px;
    margin: 0 auto 35px;
}

.speednet-contact-form-header h2 {
    color: #243877;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 12px;
}

.speednet-contact-form-header p {
    color: #6c757d;
    font-size: 16px;
    line-height: 26px;
    margin: 0;
}

.speednet-contact-form-box {
    max-width: 850px;
    margin: 0 auto;

    background: #ffffff;

    border-radius: 30px;
    border-bottom: 2px solid #22A7AA;

    padding: 45px;

    box-shadow: 14px 0 74px rgba(34,136,218,0.10);
}

.speednet-contact-form-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 22px;
}

.speednet-contact-form-box .form-group {
    margin-bottom: 22px;
}

.speednet-contact-form-box label {
    display: block;

    color: #243877;

    font-size: 14px;
    font-weight: 600;

    margin-bottom: 8px;
}

.speednet-contact-form-box .form-control {
    width: 100%;

    border: 1px solid #dfe4ec;
    border-radius: 10px;

    padding: 12px 15px;

    color: #243877;

    background-color: #ffffff;

    transition: border-color 0.3s ease,
                box-shadow 0.3s ease;
}

.speednet-contact-form-box .form-control:focus {
    border-color: #22A7AA;

    box-shadow: 0 0 0 3px rgba(34,167,170,0.10);

    outline: none;
}

.speednet-contact-form-box textarea.form-control {
    resize: vertical;
}

.speednet-contact-captcha {
    text-align: center;
    margin: 25px 0;
}

.speednet-contact-submit {
    text-align: center;
    margin-top: 15px;
}

.speednet-contact-button {
    display: inline-block;

    min-width: 180px;

    padding: 14px 30px;

    border: none;
    border-radius: 30px;

    background-color: #22A7AA;
    color: #ffffff !important;

    font-size: 15px;
    font-weight: 700;

    cursor: pointer;

    transition: background-color 0.3s ease,
                transform 0.3s ease;
}

.speednet-contact-button:hover {
    background-color: #243877;
    transform: translateY(-2px);
}


/* TABLET / MOBILE */

@media (max-width: 767px) {

    .speednet-contact-form-grid {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .speednet-contact-form-box {
        padding: 30px 22px;
    }

    .speednet-contact-form-header h2 {
        font-size: 28px;
    }

}
.speednet-nas-backup {
    margin-top: 35px;
    background: #ffffff;
    border-radius: 30px;
    border-bottom: 2px solid #22A7AA;
    box-shadow: 14px 0 74px rgba(34,136,218,0.10);
    padding: 30px 35px;
}

.speednet-nas-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
}

.speednet-nas-content h3 {
    color: #243877;
    font-size: 22px;
    font-weight: 700;
    margin: 10px 0;
}

.speednet-nas-content p {
    color: #6c757d;
    margin: 0;
    line-height: 24px;
}

.speednet-nas-action {
    min-width: 170px;
}

@media (max-width: 767px) {
    .speednet-nas-content {
        flex-direction: column;
        align-items: flex-start;
    }

    .speednet-nas-action {
        width: 100%;
    }

    .speednet-nas-action .speednet-backup-button {
        width: 100%;
    }
}