/***************************************************************************************/
/*                                                                                     */
/* Quaderno :: Style                                                                */
/*                                                                                     */
/***************************************************************************************/

@media(max-width: 992px) {
    .sfondo-lg-login {
        background: linear-gradient(20deg, rgba(8, 116, 252, 0.7) 0%, rgba(232, 52, 164, 0.7) 90%);
    }

    .testo-bianco{
        color: white !important;
    }
}


.radious-1-4 {
    border-radius: 1.4rem !important;
}

.radious-1-8 {
    border-radius: 1.8rem !important;
}




.black-hole {
    color: #000000;
}

.dark-neura {
    color: #1e2022;
}

.dark-sub-neura {
    color: #3A3A3A;
}



.perche-title {
    font-size: 1.4rem;
    font-weight: 500;
}

.perche-sub-title {
    font-size: 1.2rem;
    font-weight: 400;
}


.text-small-neura {
    font-size: 0.6rem !important;
}


/* Header - Transparent to Dark */
.u-header--dark-bg-on-scroll.u-scrolled .u-header__section {
    background-color: #191b1e;
    transition: 0.4s ease-in;
}

.hs-menu-initialized.hs-menu-horizontal .hs-mega-menu.hs-position-right {
    left: auto;
    right: auto;
}

.u-header {
    /*height: 80px !important;*/
    font-size: 1.1rem !important;
    backdrop-filter: blur(10px);
}

.u-header__nav-link {
    font-size: 1.1rem !important;
    font-weight: 500 !important;
}

.js-mega-menu:not(.hs-mobile-state) .navbar-expand-md .u-header__navbar-nav .u-header__sub-menu {
    border-top: 0 !important;
    border-bottom: 0.12rem solid #e0e1e5;
    border-left: 0.12rem solid #e0e1e5;
    border-right: 0.12rem solid #e0e1e5;
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
    box-shadow: 0 8px 20px rgb(67 73 84 / 20%);
}

.u-header--bg-transparent-md:not(.js-header-fix-moment) .u-header__section {
    transition: 0.4s ease-out;
}

.u-header .navbar-toggler {
    padding: 0.50rem .75rem;
    color: #77838f;
    background: rgb(194 200 206 / 10%);
    border-color: transparent;
    border-radius: 0.5rem !important;
}

    .u-header .navbar-toggler:hover {
        color: #fff;
        background-color: #377dff;
        border-color: #377dff;
    }

        .u-header .navbar-toggler:hover .u-hamburger__inner,
        .u-header .navbar-toggler:hover .u-hamburger__inner:before,
        .u-header .navbar-toggler:hover .u-hamburger__inner:after {
            background-color: #fff;
        }


/* Btn - Default Theme Neura */
.btn {
    /*border-radius: 1rem !important;*/
    font-size: 1.1rem !important;
    font-weight: 500 !important;
}

/* Btn - Quaderno Theme Neura */
.btn-outline-windent {
    color: #00afea;
    border-color: #00afea;
}

    .btn-outline-windent:hover {
        color: #fff;
        background: linear-gradient(93deg, #00afea, #007CF0);
        border-color: #00afea !important;
    }

.btn-outline-poliwin {
    color: #E828BB;
    border-color: #E828BB;
}

    .btn-outline-poliwin:hover {
        color: #fff;
        background: linear-gradient(93deg, #E828BB, #B500EB);
        border-color: #E828BB !important;
    }

.btn-outline-winodlab {
    color: #FAB52E;
    border-color: #FAB52E;
}

    .btn-outline-winodlab:hover {
        color: #fff;
        background: linear-gradient(93deg, #FAB52E, #FF4D4D);
        border-color: #FAB52E !important;
    }

.btn-white-custom {
    font-weight: 400;
    background-color: #fff;
    border-color: #e7eaf3;
}

    .btn-white-custom.active, .btn-white-custom.focus, .btn-white-custom:active, .btn-white-custom:focus, .btn-white-custom:hover {
        color: #0052ea;
        box-shadow: 0 3px 6px -2px rgb(140 152 164 / 25%);
    }

/* Title - Neura Default Theme */
.title-1-bold-neura {
    font-size: 1rem !important;
    font-weight: 700 !important;
}

.title-2-bold-neura {
    font-size: 2rem !important;
    font-weight: 700 !important;
}

.title-3-bold-neura {
    font-size: 3rem !important;
    font-weight: 700 !important;
}

.title-4-bold-neura {
    font-size: 4rem !important;
    font-weight: 700 !important;
}

.title-5-bold-neura {
    font-size: 5rem !important;
    font-weight: 700 !important;
}

.title-6-bold-neura {
    font-size: 6rem !important;
    font-weight: 700 !important;
}

.title-1-neura {
    font-size: 1rem !important;
    font-weight: 400 !important;
}

.title-2-neura {
    font-size: 2rem !important;
    font-weight: 400 !important;
}

.title-3-neura {
    font-size: 3rem !important;
    font-weight: 400 !important;
}

.title-4-neura {
    font-size: 4rem !important;
    font-weight: 400 !important;
}

.title-5-neura {
    font-size: 5rem !important;
    font-weight: 400 !important;
}

.title-6-neura {
    font-size: 6rem !important;
    font-weight: 400 !important;
}

.text-secondary-neura {
    color: #C1C6CC !important;
}



.header-servizi-neura {
    font-size: 4rem !important;
    font-weight: 600 !important;
}

/* Subtitle - Dropdown Menu Neura */
.u-header__promo-title {
    display: block;
    color: #1e2022;
    font-size: 1.1rem;
    font-weight: 600;
}

/* Card Frame - Border Effect */
.card-frame {
    border: 2px solid #fcfcfc;
    transition: 0.3s;
}

.tab-wrapper {
    border: 1px solid #e7eaf3;
    box-shadow: 0 0 35px rgb(140 152 163 / 13%);
    border-radius: .5rem;
    margin-top: 1.5rem;
    margin-bottom: 3rem;
}

/* Blog Article - Neura */
.rounded-pseudo::before, .rounded-pseudo::after {
    border-radius: 1.3rem;
}


.bg-dark-neura {
    background: #191b1e !important;
}

.bg-dark-windent {
    background: #171727 !important;
}

.bg-dark-winodlab {
    background: #171619 !important;
}

.bg-dark-poliwin {
    background: #202038 !important;
}

.bg-primary-windent {
    background: linear-gradient(92deg, #00afea 18%, #00afea 26%, #0099f1 30%, #007CF0 40%) !important;
}

.bg-primary-poliwin {
    background: linear-gradient(94deg, #F80086 24%, #D601AA 39%, #9704EB 45%, #8204FF 60%) !important;
}

.bg-primary-winodlab {
    background: linear-gradient(93deg, #FAB52E 24%, #FC9837 39%, #FE5A49 45%, #FF4D4D 60%) !important;
}

.card-frame:hover {
    border-color: rgb(218 224 235 / 30%);
    box-shadow: 0 0 35px rgb(162 184 221 / 13%);
}

.brand-prodotti {
    font-size: 6rem;
    font-weight: 700;
    margin: 0px !important;
}

.titolo-neura {
    font-size: 2.8rem;
    font-weight: 600;
}

.header-title-neura {
    font-size: 3rem !important;
    font-weight: 700 !important;
    color: #1e2022;
}

.title-4-bold-neura {
    font-size: 4rem !important;
    font-weight: 700 !important;
}


.feature-title-neura {
    font-size: 3rem !important;
    font-weight: 700 !important;
}

.header-subtitle-neura {
    font-size: 1.4rem !important;
}

.rounded-neura {
    border-radius: 1.3rem !important;
}

.rounded-psw-input {
    border-radius: 1rem 0 0 1rem !important;
}

.rounded-psw-view-input {
    border-radius: 0 1rem 1rem 0 !important;
}

.custom-select {
    border-radius: 1rem !important;
}

.titolo-prodotto {
    font-size: 8rem;
}

.rounded-1rem {
    border-radius: 1rem !important;
}

/* Animated Text - Neura */
.windent {
    animation: flow 300s cubic-bezier(1, 0.6, 0.81, 0.99) infinite !important;
    animation-duration: 9s !important;
    background: linear-gradient(92deg, #14C3FB 20%, #009AEA 35%, #017EEB 55%, #1965FF 80%);
    background-size: 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.poliwin {
    animation: flow 300s cubic-bezier(1, 0.5, 0.81, 0.99) infinite !important;
    animation-duration: 9s !important;
    background: linear-gradient(94deg, #F80086 20%, #D601AA 35%, #AC1AFF 55%, #A42CFF 80%);
    background-size: 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.winodlab {
    animation: flow 300s cubic-bezier(1, 0.7, 0.81, 0.99) infinite !important;
    animation-duration: 9s !important;
    background: linear-gradient(93deg, #FAB52E 20%, #FC9837 35%, #FE5A49 55%, #FF4D4D 80%);
    background-size: 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Slideshow - Neura */
* {
    box-sizing: border-box
}

.slideshow-container {
    padding: 5px;
}

.mySlides {
    display: none;
}

/*.text {
    font-weight: 900 !important;
    font-family: unset;
}*/

@keyframes flow {
    0% {
        background-position: 0 99%;
    }

    1% {
        background-position: 3% 55%;
    }

    100% {
        background-position: 86% 53%;
    }
}

@keyframes gradient {
    0% {
        background-position: 0% 35%;
    }

    50% {
        background-position: 99% 67%;
    }

    100% {
        background-position: 0% 88%;
    }
}

/*elastic search*/
.search-result {
    position: absolute;
    background: #fff;
    border: 1px solid #dee2e6 !important;
    right: 0;
    display: none;
    z-index: 99;
}

#slickPagingV1 span, #slickPagingV1 span::before {
    color: #ddd !important;
}

/*    DA FRONT ADMIN   */
.list-checked {
    padding-left: 0;
    list-style: none;
}

.list-checked-item {
    position: relative;
    display: block;
    color: #677788;
    padding-left: 1.75rem;
    margin: .5rem;
}

    .list-checked-item::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 1rem;
        height: 1rem;
        background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 110 110' fill='%2371869d' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M98.1,16.2c-2.5-2.3-6.4-2.2-8.7,0.2L36.7,70.1l-13-15.5c-2.9-3.5-7.9-4.1-11.1-1.4c-2.9,2.4-3.5,6.6-1.4,10.1l16.5,28c3.2,5.4,10.8,5.8,14.5,0.8l56.5-67.3C100.7,22.1,100.4,18.5,98.1,16.2z'/%3E%3C/svg%3E%0A") no-repeat right center/1rem 1rem;
        content: "";
        margin-top: .125rem;
    }

.list-checked-primary .list-checked-item::before {
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='9' viewBox='0 0 100 90' fill='%23377dff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M98.1,16.2c-2.5-2.3-6.4-2.2-8.7,0.2L36.7,70.1l-13-15.5c-2.9-3.5-7.9-4.1-11.1-1.4c-2.9,2.4-3.5,6.6-1.4,10.1l16.5,28c3.2,5.4,10.8,5.8,14.5,0.8l56.5-67.3C100.7,22.1,100.4,18.5,98.1,16.2z'/%3E%3C/svg%3E%0A");
}

[class*=list-checked-bg-] .list-checked-item::before, [class*=list-checked-soft-bg-] .list-checked-item::before {
    margin-top: .25rem;
}

.list-checked-bg-primary .list-checked-item::before {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 110 110' fill='%23377dff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M55,110L55,110C24.6,110,0,85.4,0,55v0C0,24.6,24.6,0,55,0h0c30.4,0,55,24.6,55,55v0C110,85.4,85.4,110,55,110zM81.6,31c-1.5-1.4-3.9-1.4-5.4,0.1L43.7,64.3l-8-9.6c-1.8-2.2-4.9-2.6-6.9-0.9c-1.8,1.5-2.1,4.1-0.9,6.2l10.2,17.3c2,3.3,6.7,3.6,9,0.5L82,36.2C83.3,34.7,83.1,32.4,81.6,31z' /%3E%3C/svg%3E%0A");
}

[class*=list-checked-bg-] .list-checked-item::before, [class*=list-checked-soft-bg-] .list-checked-item::before {
    margin-top: .25rem;
}

.list-checked-soft-bg-primary .list-checked-item::before {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 110 110' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23377dff' opacity='.1' d='M55,110L55,110C24.6,110,0,85.4,0,55l0,0C0,24.6,24.6,0,55,0l0,0c30.4,0,55,24.6,55,55l0,0 C110,85.4,85.4,110,55,110z'/%3E%3Cpath fill='%23377dff' d='M81.6,31c-1.5-1.4-3.9-1.4-5.4,0.1L43.7,64.3l-8-9.6c-1.8-2.2-4.9-2.6-6.9-0.9c-1.8,1.5-2.1,4.1-0.9,6.2 l10.2,17.3c2,3.3,6.7,3.6,9,0.5L82,36.2C83.3,34.7,83.1,32.4,81.6,31z'/%3E%3C/svg%3E");
}

.border-1-4 {
    border-radius: 1.4rem !important;
}

/*.bg-gradient-custom-blue {
    background: -moz-linear-gradient(right,#1f6bff,#528dff) !important;
    background: -webkit-linear-gradient(right,#1f6bff,#528dff) !important;
    background: linear-gradient(to left,#1f6bff,#528dff) !important;
}*/

.bg-gradient-custom-indigo {
    background: -moz-linear-gradient(right,#8845f5,#aa7af8) !important;
    background: -webkit-linear-gradient(right,#8845f5,#aa7af8) !important;
    background: linear-gradient(to left,#8845f5,#aa7af8) !important;
}

.bg-gradient-custom-orange {
    background: -moz-linear-gradient(right,#ee7b5e,#f1957e) !important;
    background: -webkit-linear-gradient(right,#ee7b5e,#f1957e) !important;
    background: linear-gradient(to left,#ee7b5e,#f1957e) !important;
}
/**********************Zucchetti Family Feeling**************************/
.z-background-gray {
    background: #f4f4f4;
}

.z-background-blue {
    background-color: #0072BC;
}

#footer {
    background: #24262b;
    font-size: 0.9em;
    color: #ccc !important;
    width: 100%;
    white-space: nowrap;
}

    #footer p {
        color: #ccc !important;
    }

.custom-text-color-3 {
    color: #157dc1 !important;
}
.card-blur {
    position: relative;
    left: 0;
    padding: 20px 40px;
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    z-index: 1;
    transform: 0.5s;
    color: #fff;
}
.card-blur-light {
    border-color: white;
    border-radius: 15px;
    background: linear-gradient(150deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.7) 80%);
}
.text-title-gradient {
    background: -webkit-linear-gradient(315deg, #1e30f3 0%, #e21e80 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#sel-context-radio a {
    height: 100%;
    display: block;
    border-radius: 20px;
    text-align: center;
    box-shadow: 0px 3px 10px -2px hsla(150, 5%, 65%, 0.5);
    position: relative;
}
/*#sel-context-radio input[type="radio"] {
    display: none;
    cursor: pointer;
}
    #sel-context-radio input[type="radio"]:not(:checked) + label {
        background: #fff;
    }
    #sel-context-radio input[type="radio"]:hover + label, #sel-context-radio input[type="radio"]:checked + label {
        background: #00c9a7;
        color: hsla(215, 0%, 100%, 1);
    }
        #sel-context-radio input[type="radio"]:checked + label::after {
            color: hsla(215, 5%, 25%, 1);
            font-family: "Font Awesome 5 Free";
            border: 2px solid #00c9a7;
            content: "\f00c";
            font-size: 24px;
            font-weight: bold;
            position: absolute;
            top: -25px;
            left: 50%;
            transform: translateX(-50%);
            height: 50px;
            width: 50px;
            line-height: 50px;
            text-align: center;
            border-radius: 50%;
            background: white;
            box-shadow: 0px 2px 5px -2px hsla(0, 0%, 0%, 0.25);
        }*/