/* 
// Linee
$cyan: #bfbebf;

// Lezioni d'Autore
$beige: #fef7d5;

// Aree Tematiche
$azure: #0d6891;	
$fuxia: #e6137a;
$ocher: #ec6830;
$purple: #961b81;	
$green: #11865a;
$pink: #ff8c93;
*/

/* CSS - DemoN */

/* CSS - Imports */
@import url("https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap");
/*
@import url("https://use.typekit.net/bce5mbn.css");
*/
/* CSS - Body */

body {
    background-color: #f9f9f9;
}

/* footer */
.icone-footer-new {
    background-size: contain;
    height: 60px;
    width: 66px;
    /* background-size: 100% auto;*/
    background-repeat: no-repeat;
}

    .icone-footer-new.visa {
        background-image: url(/FEDUTheme/imgs/footer/footer-visa.svg);
    }

    .icone-footer-new.visa-electron {
        background-image: url(/FEDUTheme/imgs/footer/footer-visa-electron.svg);
    }

    .icone-footer-new.mastercard {
        background-image: url(/FEDUTheme/imgs/footer/footer-mastercard.svg);
    }

    .icone-footer-new.american-express {
        background-image: url(/FEDUTheme/imgs/footer/footer-american-express.svg);
    }

    .icone-footer-new.paypal {
        background-image: url(/FEDUTheme/imgs/footer/footer-paypal.svg);
    }

    .icone-footer-new.postepay {
        background-image: url(/FEDUTheme/imgs/footer/footer-postepay.svg);
    }

    .icone-footer-new.verified-visa {
        background-image: url(/FEDUTheme/imgs/footer/footer-verified-visa.svg);
    }

    .icone-footer-new.verysign {
        background-image: url(/FEDUTheme/imgs/footer/footer-verysign.svg);
    }

    .icone-footer-new.klarna {
        background-image: url(/FEDUTheme/imgs/footer/footer-klarna.svg);
        background-position: center;
    }

    .icone-footer-new.cartadocente {
        background-image: url(/FEDUTheme/imgs/footer/carta-docente.png);
        background-position: center;
        width: 80px;
    }

.icone-card.icone-footer-new {
    height: 50px;
    width: 46px;
}

.col-1-header,
.col-10-header {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 16px;
    padding-left: 16px;
}

.col-1-header {
    flex: 0 0 5.33333%;
    max-width: 5.33333%;
}

.col-10-header {
    flex: 0 0 89.33333%;
    max-width: 89.33333%;
}

#attivaCodice:disabled {
    background-color: darkgray;
    border-color: darkgray;
}
/* CheckBox*/
.checkbox-newsletter-container input[type="checkbox"] {
    /* remove browser chrome */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    /*add styling */
    position: relative;
    width: 15px;
    height: 15px;
    border: 1px solid #000;
    overflow: hidden;
    border-radius: 2px;
    display: inline-table;
    /*box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.6);*/
    cursor: pointer;
    background-color: white;
    margin-right: 20px;
    margin-top: 4px;
}

    .checkbox-newsletter-container input[type="checkbox"]::before {
        content: "";
        color: #000;
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        background-color: #007bff;
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
        border-radius: 0px;
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transition: -webkit-transform 0.05s ease-in-out;
        transition: -webkit-transform 0.05s ease-in-out;
        transition: transform 0.05s ease-in-out;
        transition: transform 0.05s ease-in-out, -webkit-transform 0.05s ease-in-out;
        /* base64 encoded to make things easier to show 
  	normally you would use an image or a font
            
  */
        background-image: url(../imgs/icons/checkbox.svg);
    }

    .checkbox-newsletter-container input[type="checkbox"]:checked::before {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

/* Fine CheckBox */

/* Chrome, Safari, Edge, Opera */
.input-fe-number input::-webkit-outer-spin-button,
.input-fe-number input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.input-fe-number input[type="number"] {
    -moz-appearance: textfield;
}

.slider-text-home {
    height: 218px;
    overflow: hidden;
}

@media (max-width: 1229.9px) {
    .slider-text-home {
        height: 207px;
    }
}

@media (max-width: 767.9px) {
    .slider-text-home {
        height: 190px;
    }
}

@media (max-width: 991px) {
    .modal-content.modal-content-addcart {
        width: 100%;
        left: 0px;
    }
}

.main {
    margin-left: 300px;
    padding-top: 100px;
}

.sidenav {
    height: auto;
    width: 300px;
    position: absolute;
    z-index: 1;
    top: 100px;
    left: 0;
    background-color: #f6f7f1;
    overflow-x: hidden;
    padding-top: 20px;
}

.info-tappe-card {
    font-weight: normal;
    display: inline-block;
    white-space: nowrap;
}

.mw-35 {
    max-width: 23px !important;
}

.preview-product {
    text-decoration: underline;
    color: #00ff00;
    position: relative;
    top: -2px;
}

@media (max-width: 575px) {
    .mw-35 {
        max-width: 35px !important;
    }
}

.img-contenuti-landing {
    width: 100%;
}

.container-landing {
    width: 65%;
}

@media (max-width: 991.99px) {
    .img-contenuti-landing {
        width: 50%;
        margin-left: 25%;
    }

    .text-landing-center {
        text-align: center;
    }

    .container-landing {
        width: 85%;
    }
}

@media (max-width: 767.99px) {
    .img-contenuti-landing {
        width: 80%;
        margin-left: 10%;
    }

    .container-landing {
        width: 100%;
    }
}

.privacyFormContenuti {
    font-size: 14px;
    display: inline-flex;
}

    .privacyFormContenuti input {
        margin-top: 3px;
    }

    .privacyFormContenuti a {
        all: revert;
        text-decoration: none;
        color: blue;
    }

        .privacyFormContenuti a:hover {
            all: revert;
        }

        .privacyFormContenuti a:visited {
            all: revert;
            color: blue;
        }

.infPrivNewsl {
    display: inherit;
    margin-right: 23%;
}

.emptyResult {
    text-align: center;
    font-size: 1.4rem;
}

.btn-info-contenuti-div {
    padding-left: 16px;
}

.sidenav a {
    padding: 6px 8px 6px 16px;
    text-decoration: none;
    font-size: 25px;
    color: black;
    display: block;
}

.htmlFieldEditor a {
    all: revert;
    text-decoration: none;
    color: blue;
}

    .htmlFieldEditor a:hover {
        all: revert;
    }

    .htmlFieldEditor a:visited {
        all: revert;
        color: blue;
    }

.mask-top-text-mobile {
    width: 50%;
    height: 83%;
}

@media (min-width: 574px) and (max-width: 992px) {
    .mask-top-text-mobile {
        width: 85%;
    }
}

h3.header-title {
    font-size: 1.1rem;
    font-weight: bolder;
}

.thematictitle {
    font-family: "Crimson Pro", sans-serif;
    font-size: 2.4rem !important;
    font-weight: 500 !important;
    line-height: 2.1rem !important;
    margin-bottom: 20px;
}

.thematicsubtitle {
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.3rem;
    padding-bottom: 10px !important;
}

.heightslidertitoli {
    height: 200px;
}

.custom-pt {
    padding-top: 43px !important;
}

.crimsonpro {
    font-family: "Crimson Pro", sans-serif;
}

.button-scopri {
    color: #ffffff;
    background-color: #000;
    text-decoration: none;
}

    .button-scopri .plantin-i {
        font-style: normal;
        font-size: 1rem;
        text-decoration: none;
    }

.numero-tipo {
    color: #aaaaaa;
}

.theme-product .selected {
    font-weight: bold;
}

.il-flex {
    display: inline-flex;
}

.bolddocente {
    font-weight: bold;
}

.docentihome {
    margin-right: 10px;
}

a.docentihome:hover {
    font-weight: 800;
    color: red;
}

a.whitetext {
    color: white;
}

.btn.new-buttonstyle.btn-info-contenuti {
    padding-top: 10px;
    padding-bottom: 10px;
}

.btn.new-buttonstyle {
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: none;
}

    .btn.new-buttonstyle:hover {
        text-decoration: underline;
    }

.btn.new-buttonstyle-iscr {
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: none;
    height: 33px;
    margin-top: 15px;
}

    .btn.new-buttonstyle-iscr:hover {
        text-decoration: underline;
    }

.text-lda {
    display: inline-block;
}

.fruizione-title-lg {
    font-size: 1.2rem;
    line-height: 1.3;
    font-family: "Crimson Pro", sans-serif;
    font-weight: 600;
    display: block;
    margin-top: 5px;
    position: absolute;
    top: 0;
}

.fruizione-title-sm {
    text-transform: uppercase;
    display: inline-flex;
    /*justify-content: flex-end;*/
    margin-top: 10px;
    /*padding-bottom: px;*/
    padding-bottom: 120px;
    font-size: 0.7rem;
}

    .fruizione-title-sm .of-sm {
        z-index: 888;
        background-color: #fab600;
    }

.over-mask .mask-tematic-home {
    position: absolute;
    top: 65%;
    right: 0;
    bottom: 0;
    left: 0;
    color: black;
    padding: 5px;
    background: #fab600;
    flex-direction: column;
    justify-content: flex-end;
    z-index: 91;
    display: flex;
    margin-top: -11px;
}

.group-sites-mobile-footer {
    display: none;
}

.line-div-slider {
    border-top: 1px solid black;
    margin: 15px 0px;
}

.line-div-filtro {
    border-top: 1px solid #9f9d9d;
    margin-top: 10px;
    margin-bottom: 2px;
}

.line-div-filtri {
    border-top: 1px solid #9f9d9d;
}

.mobile-carousel {
    display: none;
}

.yellow-line {
    overflow: hidden;
}

    .yellow-line:after {
        content: "";
        display: inline-block;
        /*height: 0.8em;*/
        vertical-align: middle;
        width: 100%;
        margin-right: -90%;
        margin-left: 10px;
        border-top: 0.9rem solid #ffcd0c;
    }

.yellow-line-home {
    overflow: hidden;
}

    .yellow-line-home:after {
        content: "";
        display: inline-block;
        height: 0.7em;
        vertical-align: bottom;
        width: 100%;
        margin-right: -100%;
        margin-left: 10px;
        border-top: 1.5rem solid #ffcd0c;
    }

.wish-corso .course-wish {
    all: unset;
    position: absolute;
    border-radius: 50%;
    cursor: pointer;
    height: 26px !important;
    width: 30px !important;
    top: inherit !important;
    right: inherit !important;
}

.wish-corso .course-wish-new {
    all: unset;
    position: absolute;
    border-radius: 50%;
    cursor: pointer;
    height: 26px !important;
    width: 30px !important;
    top: inherit !important;
    right: inherit !important;
}

.s-icon.icon-wish-corso {
    width: 32px;
    min-width: 32px;
    height: 1.5rem;
}

.informazioni {
    background-color: #95a0b1;
    margin-bottom: -50px;
    padding-bottom: 50px !important;
}

.title-area-home {
    font-family: "Work Sans", sans-serif;
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: bold;
}

.title-nomiautori {
    font-size: 1.2rem;
    line-height: 1.5;
}

.notiziefont p {
    font-size: 1.2rem;
}

.comunity-container .invalid-feedback {
    font-size: 90%;
    font-weight: 600;
}

.formContattiAziende .invalid-feedback {
    font-size: 90%;
    font-weight: 600;
}
/* --------DOCENTE PAGE  --------------*/

.docentiContainer {
    margin-bottom: 20px;
}

.header-lezautore {
    position: relative;
    overflow: hidden;
    display: flex;
}

.header-autore {
    background-color: #fcb825;
    display: flex;
}

.header-autore-text {
    display: inline-block;
    width: 50%;
}

.header-lezautore-img {
    display: inline-block;
    width: 50%;
}

    .header-lezautore-img .img-fluid {
        height: 100%;
        width: 100%;
    }

.header-autore-img {
    display: inline-block;
    width: 50%;
}

    .header-autore-img .img-fluid {
        height: 100%;
        width: 85%;
    }

.sidebar-box {
    max-height: 200px;
    position: relative;
    overflow: hidden;
}

    .sidebar-box::-webkit-scrollbar {
        width: 0px;
    }

.read-more-hide {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 30px 0;
    background-image: linear-gradient(to bottom, transparent, #fcb825);
}

@media screen and (max-width: 1500px) {
    .fruizione-title-sm {
        text-transform: uppercase;
        display: inline-flex;
        margin-top: 10px;
        padding-bottom: 145px;
        font-size: 0.7rem;
    }
}

@media screen and (max-width: 992px) {
    .carousel-img {
        width: 100%;
        height: 100%;
        display: block;
    }

    .button-lezioni {
        margin-bottom: 21px;
    }

    .unlogged {
        top: 0px !important;
    }

    .s-icon.icon-sm {
        position: relative;
    }

    .mobile-carousel {
        display: block;
    }

    .desktop-carousel {
        display: none;
    }

    .header-lezautore {
        flex-direction: column;
    }

    .header-autore {
        flex-direction: column-reverse;
    }

    .header-autore-text {
        display: block;
        width: 100%;
        margin-bottom: 15px;
    }

    .header-lezautore-img {
        display: block;
        width: 100%;
    }

    .header-autore-img {
        display: block;
        width: 100%;
    }

        .header-autore-img .img-fluid {
            width: 100%;
        }
}

/* ------------------------ SEPARATOR ------------------------ */
/* ------------------------ Offerta formativa ------------------------ */
.testdiv {
    display: flex;
    width: 100vw;
    padding-left: 40px;
    padding-right: 0px;
}

.scrollbar-visible-slider .testdiv {
    padding-right: 24px;
}

.resizeHomeW {
    overflow: hidden;
    width: 25vw !important;
}

.resizeHomeH {
    max-height: 17vw !important;
}

.aziendeImg {
    max-height: 22.5vw;
}

.offertaForm {
    max-height: 55.5vw;
}

.courseGroup {
    max-height: 67vw;
}

.preferitiImgGroup {
    min-height: 60vw;
    max-height: 62vw;
}

.docentiCorsi {
    max-height: 67vw;
    overflow: hidden;
}

@media (min-width: 2080px) {
    .carousel-img {
        width: 100%;
        height: 100%;
        display: block;
    }
}

@media (min-width: 576px) {
    .aziendeImg {
        max-height: 22.5vw;
    }

    .offertaForm {
        min-height: 28vw;
        max-height: 31vw;
    }

    .courseGroup {
        min-height: 29.9vw;
        max-height: 30.9vw;
    }

    .preferitiImgGroup {
        min-height: 30.3vw;
        max-height: 32.3vw;
    }

    .docentiCorsi {
        max-height: 31.4vw;
    }
}

@media (min-width: 768px) {
    .pb-md-5,
    .py-md-5 {
        /*    padding-bottom: 48px !important;*/
        padding-bottom: 32px !important;
    }

    .resizeHomeW {
        overflow: hidden;
        width: 21vw !important;
    }

    .resizeHomeH {
        max-height: 15vw !important;
    }

    .aziendeImg {
        max-height: 22.5vw;
    }

    .preferitiImgGroup {
        min-height: 18.5vw;
        max-height: 20.5vw;
    }

    .docentiCorsi {
        max-height: 33.8vw;
    }

    .feduboxa {
        width: 200px;
    }
}

@media (min-width: 992px) {
    .resizeHomeW {
        overflow: hidden;
        width: 22vw !important;
    }

    .resizeHomeH {
        max-height: 16vw !important;
    }

    .aziendeImg {
        max-height: 22.5vw;
    }

    .offertaForm {
        min-height: 14vw;
        max-height: 15vw;
    }

    .courseGroup {
        min-height: 21.5vw;
        max-height: 22.5vw;
    }

    .preferitiImgGroup {
        min-height: 18.8vw;
        max-height: 20.8vw;
    }

    .docentiCorsi {
        max-height: 21.7vw;
    }

    .imgResizeSlider {
        /* max-width: 450px;*/
        width: 100vw;
    }
}

@media (min-width: 1100px) {
    .margintopstyle {
        margin-top: 30px;
    }

    .resizeHomeW {
        overflow: hidden;
        width: 23vw !important;
    }

    .resizeHomeH {
        max-height: 16vw !important;
    }
}

@media (min-width: 1200px) {
    .aziendeImg {
        max-height: 22.5vw;
    }

    .offertaForm {
        min-height: 10vw;
        max-height: 12vw;
    }

    .preferitiImgGroup {
        min-height: 17vw;
        max-height: 19vw;
    }

    .docentiCorsi {
        max-height: 16vw;
    }
}

@media (min-width: 1300px) {
    .resizeHomeW {
        overflow: hidden;
        width: 22.7vw !important;
    }

    .resizeHomeH {
        max-height: 16.5vw !important;
    }

    .aziendeImg {
        max-height: 22.5vw;
    }

    .offertaForm {
        min-height: 9vw;
        max-height: 11vw;
    }

    .courseGroup {
        min-height: 22.3vw;
        max-height: 23.3vw;
    }

    .preferitiImgGroup {
        min-height: 17.8vw;
        max-height: 19.8vw;
    }

    .docentiCorsi {
        max-height: 15vw;
    }
}

@media (min-width: 1400px) {
    .resizeHomeW {
        overflow: hidden;
        width: 23vw !important;
    }

    .resizeHomeH {
        max-height: 16.9vw !important;
    }

    .aziendeImg {
        max-height: 22.5vw;
    }

    .offertaForm {
        min-height: 9vw;
        max-height: 11vw;
    }

    .courseGroup {
        min-height: 20.1vw;
        max-height: 21.1vw;
    }

    .preferitiImgGroup {
        min-height: 16.3vw;
        max-height: 18.3vw;
    }
}

@media (min-width: 1450px) {
    .aziendeImg {
        max-height: 22.5vw;
    }

    .offertaForm {
        min-height: 9.5vw;
        max-height: 11.5vw;
    }

    .docentiCorsi {
        max-height: 11.9vw;
    }
}

@media (min-width: 1500px) {
    .resizeHomeW {
        overflow: hidden;
        width: 23.2vw !important;
    }

    .resizeHomeH {
        max-height: 17vw !important;
    }

    .aziendeImg {
        max-height: 22.5vw;
    }

    .offertaForm {
        min-height: 8.5vw;
        max-height: 10.5vw;
    }

    .courseGroup {
        min-height: 330px;
        max-height: 366px;
    }

    .preferitiImgGroup {
        min-height: 300px;
        max-height: 311px;
    }

    .docentiCorsi {
        max-height: 10.8vw;
    }
}

/* ------------------------ SEPARATOR ------------------------ */
/* ------------------------ Per Aziende ------------------------ */

.course-item-peraziende {
    position: relative;
    display: block;
    /* height: calc(60vW + 200px);*/
    overflow: hidden;
}

    .course-item-peraziende .img-fluid {
        height: 60vw;
    }

a .course-item-peraziende {
    transition: background-color 0.3s, box-shadow 0.3s;
}

    a.course-item-peraziende:hover {
        background-color: #ccc;
        box-shadow: 0 0 0 5px #ccc;
        text-decoration: none;
    }

@media (min-width: 576px) {
    /*.course-item-peraziende {
        height: calc(31vW + 200px);
    }*/
    .course-item-peraziende .img-fluid {
        height: 31vw;
    }
}

@media (min-width: 992px) {
    /* .course-item-peraziende {
        height: calc(22vW + 200px);
    }*/

    .course-item-peraziende .img-fluid {
        height: 22vw;
    }
}

.slider-mobile {
}

.slider-tab {
    display: none;
}

.slider-desktop {
    display: none;
}

.mobileresizeH {
    max-height: 53vw !important;
}

.mobileresizeW {
    width: 100% !important;
}

.tabresizeW {
    width: 100% !important;
    max-width: 50%;
}

@media (min-width: 1100.01px) {
    .slider-mobile {
        display: none;
    }

    .slider-tab {
        display: none;
    }

    .slider-desktop {
        display: inherit !important;
    }
}

@media (min-width: 612px) and (max-width: 1100px) {
    .tabresizeH {
        max-height: 32vw !important;
    }

    .slider-mobile {
        display: none;
    }

    .slider-tab {
        display: inherit !important;
    }
}

/* ------------------------ SEPARATOR ------------------------ */
.pref {
    display: block !important;
    overflow: hidden;
}

.hid-lg-img {
    overflow: hidden;
    padding: 5px 5px 5px 5px;
}

.strike {
    display: block;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
}

    .strike > span {
        position: relative;
        display: inline-block;
    }

        .strike > span:before,
        .strike > span:after {
            content: "";
            position: absolute;
            top: 50%;
            width: 9999px;
            height: 1px;
            background: black;
        }

        .strike > span:before {
            right: 100%;
            margin-right: 15px;
        }

        .strike > span:after {
            left: 100%;
            margin-left: 15px;
        }

/* CSS - Sprite SVG Icons */
.s-icon.icon-xxl {
    width: 104px;
    min-width: 104px;
    height: 104px;
}

.s-icon.icon-xl {
    width: 72px;
    min-width: 72px;
    height: 72px;
}

.s-icon.icon-l {
    width: 56px;
    min-width: 56px;
    height: 56px;
}

.s-icon {
    width: 48px;
    min-width: 48px;
    height: 48px;
}

    .s-icon.icon-sm {
        width: 32px;
        min-width: 32px;
        height: 32px;
    }

    .s-icon.icon-xs {
        width: 24px;
        min-width: 24px;
        height: 24px;
    }

    .s-icon.icon-xs-v2 {
        width: 26px;
        min-width: 26px;
        height: 26px;
    }

    .s-icon.icon-xs-v3 {
        width: 28px;
        min-width: 28px;
        height: 28px;
    }

    .s-icon.icon-xxs {
        width: 18px;
        min-width: 18px;
        height: 18px;
    }

    .s-icon + span {
        display: inline-block;
        padding-left: 8px;
    }

.s-icon {
    fill: var(--black);
    stroke: none;
    color: var(--black);
}

.ico-text,
.ico-link {
    display: flex;
    align-items: flex-start;
}

.ico-title {
    display: flex;
    align-items: center;
}

/*.ico-text .s-icon{   padding-top:6px; } */

a.ico-link {
    text-decoration: underline;
}

    a.ico-link:hover {
        text-decoration: none;
    }

a.s-icon {
    display: inline-block;
}

a > .s-icon + .ico-text {
    padding-left: 8px;
}

.bg-primary .s-icon {
    fill: var(--white);
}

.text-black.s-icon {
    fill: var(--black);
}

.text-red.s-icon,
.text-red .s-icon {
    fill: var(--red);
}

.text-white.s-icon,
.text-white .s-icon {
    fill: var(--white);
}

.btn-black .s-icon,
.btn-outline-black:hover .s-icon {
    fill: var(--white);
}

.btn.btn-coupon {
    display: inline-block;
    background: transparent;
    border: transparent;
    font-size: 14px;
    padding: 4px 0;
    text-decoration: none;
}

    .btn.btn-coupon:focus {
        box-shadow: none !important;
    }
/* Plantin family */
.plantin,
.plantin-i,
.plantin-b {
    font-family: "Crimson Pro";
    top: -2px;
    position: relative;
}

.plantin-i {
    font-style: italic;
}

.plantin-b {
    font-weight: bold;
}

/* Titles */
.title-1 {
    font-size: 3.2rem;
    line-height: 1.2;
    font-family: "Crimson Pro", sans-serif;
}

.title-2 {
    font-size: 3rem;
    line-height: 1;
}

.title-2-5 {
    font-size: 2.5rem;
    line-height: 1.2;
}

.title-3-5 {
    font-size: 1.8rem;
    line-height: 1;
    font-family: "Crimson Pro", sans-serif;
    font-weight: bold;
}

.title-3 {
    font-size: 1.6rem;
    line-height: 1.2;
    font-family: "Crimson Pro", sans-serif;
    font-weight: bold;
}

.title-4 {
    font-size: 1.5rem;
    line-height: 1.2;
}

.title-5 {
    font-size: 1.3rem;
    line-height: 1.2;
}

.title-5-5 {
    font-size: 1.55rem;
    line-height: 1;
}

.title-6 {
    font-size: 0.9rem;
    line-height: 1.5;
    text-transform: uppercase;
}

.title-6-1 {
    font-size: 1rem;
    line-height: 1.6;
    text-transform: uppercase;
}

.title-7 {
    font-size: 1rem;
}

.title-sliderhome {
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Crimson Pro", sans-serif;
    font-weight: bold;
}

.sottotitle-sliderhome {
    font-size: 1.2rem;
    line-height: 1.2;
}

.title-overmask {
    font-size: 0.9rem;
}

.title-rounded {
    display: inline-block;
    border-radius: 16px;
    border: 1px solid #9f9d9d;
    padding: 4px 16px;
}

.sep + .sep {
    margin-left: 8px;
    padding-left: 8px;
    border-left: 1px solid currentColor;
}

.sep-line {
    border-top: 1px solid #9f9d9d;
}

/*  */
.fixed-top + .web-view {
    padding-top: 146px;
}

.clearfix {
    display: block;
    clear: both;
}

/* Bootstrap */
.container {
    max-width: 1364px;
}

.container-fluid {
    padding-right: 40px;
    padding-left: 40px;
}

/* Navbar */
.navbar-brand {
    height: 100px;
    width: 120px;
    background-image: url(../imgs/header/FEdu-Logo-RGB.png);
    /*background-image: url(../imgs/header/logo.svg);*/
    background-repeat: no-repeat;
    background-position: 0;
    background-size: contain;
}

.navbar-brand-new {
    height: 100px;
    width: 120px;
    background-image: url(../imgs/header/FEdu-Logo-RGB.png);
    /*background-image: url(../imgs/header/logo.svg);*/
    /*background-image: url(../imgs/header/Logo-FEDUweb.jpg);*/
    background-repeat: no-repeat;
    background-position: 0;
    background-size: contain;
    margin-bottom: 1px;
}

/* Header menu */
header.navbar {
    box-shadow: 0 0 8px var(--gray);
}

header.navbar {
    height: 100px;
    padding: 0 32px;
}

header .navbar-brand {
    height: inherit;
}

header .navbar-brand-new {
    height: inherit;
}

.navbar-menu,
.navbar-menu > .navbar-nav,
.navbar-menu > .navbar-nav > .nav-item {
    height: inherit;
}

    .navbar-menu .nav-link {
        height: inherit;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        font-weight: bold;
    }

    .navbar-menu .item-mobile .mobile-desc {
        display: none;
    }

/*
.navbar-menu .nav-link.newsletter-link{         color:var(--red); text-decoration:underline;  }
.navbar-menu .nav-link.newsletter-link .s-icon{  fill:var(--red);     }
*/
.navbar-expand-lg .navbar-nav {
    flex-wrap: nowrap;
}

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-left: 16px;
        padding-right: 16px;
        bottom: 5px;
        position: relative;
    }

.navbar-menu .nav-link {
    font-size: 0.96rem;
}
/* Header Menu - Sub */
.navbar-menu .navbar-nav .navbar-nav {
    display: none;
    position: absolute;
    top: 100%;
    background-color: var(--white);
    box-shadow: 0 3px 8px var(--gray);
}

.navbar-menu .navbar-nav > .nav-item {
    position: relative;
}

    .navbar-menu .navbar-nav > .nav-item > .nav-link.active,
    .navbar-menu .navbar-nav > .nav-item:hover > .nav-link {
        color: var(--red) !important;
        bottom: 5px;
        position: relative;
    }

        .navbar-menu .navbar-nav > .nav-item > .nav-link.active > .s-icon,
        .navbar-menu .navbar-nav > .nav-item:hover > .nav-link .s-icon {
            fill: var(--red);
        }

    .navbar-menu .navbar-nav > .nav-item > .nav-link.active {
        font-weight: bold;
        color: var(--red);
    }

.navbar-menu.left .navbar-nav > .nav-item .navbar-nav {
    left: 0;
}

.navbar-menu.right .navbar-nav > .nav-item .navbar-nav {
    right: 0;
}

.navbar-menu .navbar-nav > .nav-item:hover .navbar-nav {
    display: block;
}

.navbar-menu .navbar-nav .navbar-nav {
    padding: 24px 0;
}

    .navbar-menu .navbar-nav .navbar-nav .nav-link,
    .navbar-nav .dropdown .dropdown-menu .nav-link {
        font-weight: normal;
        color: black;
        min-width: 240px;
        padding: 12px 24px;
    }

        .navbar-menu .navbar-nav .navbar-nav .nav-link:hover,
        .navbar-menu .navbar-nav .navbar-nav .nav-link.active {
            font-weight: bold;
            color: #ffffff;
        }

.navbar-menu .navbar-nav .nav-item .dropdown-ico {
    margin-left: 4px;
    transition: transform 0.3s;
}

.navbar-menu .navbar-nav .nav-item:hover .dropdown-ico {
    transform: rotate(180deg);
}

.navbar-menu.right > .navbar-nav > .nav-item:last-child > .nav-link {
    padding-right: 0;
}

.nav-mobile {
    position: fixed;
    top: 80px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: auto;
    display: none;
}

    .nav-mobile .navbar-dark {
        padding: 32px;
    }

    .nav-mobile .separator {
        border-bottom: 3px solid black;
        padding-top: 12px;
        margin-bottom: 12px;
        width: 100%;
        opacity: 0.5;
    }

    .nav-mobile .s-icon {
        fill: var(--black);
    }

    .nav-mobile .navbar-nav .navbar-nav {
        padding-left: 16px;
    }

    .nav-mobile .navbar-nav .nav-link {
        padding: 0 0 8px 0;
    }

        .nav-mobile .navbar-nav .nav-link:hover,
        .nav-mobile .navbar-nav .nav-link.active {
            font-weight: bold;
            color: red;
        }

            .nav-mobile .navbar-nav .nav-link:hover > .s-icon,
            .nav-mobile .navbar-nav .nav-link.active {
                fill: red !important;
            }

    .nav-mobile .nav-link {
        display: flex;
        align-items: center;
    }

        .nav-mobile .nav-link > span {
            padding-right: 8px;
        }

    .nav-mobile .navbar-nav.menu-inline {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .nav-mobile .navbar-nav.collapse {
        display: none;
    }

        .nav-mobile .navbar-nav.collapse.show {
            display: flex;
        }

    .nav-mobile .dropdown-ico {
        transform: rotate(180deg);
        transition: transform 0.3s;
    }

    .nav-mobile .collapsed > .dropdown-ico {
        transform: rotate(0deg);
    }

#navbarDropdownProfile::after {
    display: none;
}

.navbar-nav .dropdown .dropdown-menu {
    border-radius: 0;
    border: none;
    background-color: var(--white);
    box-shadow: 0 3px 8px var(--gray);
    padding: 24px 0;
    margin: 0px;
    right: 0;
    left: initial;
}

    .navbar-nav .dropdown .dropdown-menu .nav-item:hover .nav-link {
        font-weight: bold;
        color: red;
    }

/* */
.breadcrumb {
    padding: 8px 0;
    background-color: transparent;
    font-size: 0.9rem;
    margin: 0;
    opacity: 0.8;
}

.breadcrumb-item,
.breadcrumb-item > a,
.breadcrumb-item::before {
    color: inherit !important;
}

    .breadcrumb-item + .breadcrumb-item::before {
        padding: 0px 0px 0px 2px;
    }

    .breadcrumb-item.active {
        opacity: 0.8;
    }

    .breadcrumb-item[aria-current="page"] {
        display: none;
    }

.header-page .breadcrumb {
    padding-bottom: 2px;
}

.breadcrumb li:last-child,
.breadcrumb li:first-of-type a:first-of-type {
    display: none;
}

@media (min-width: 992px) {
    .breadcrumb li:last-child,
    .breadcrumb li:first-of-type a:first-of-type {
        display: block;
    }

    .breadcrumb li:first-of-type a:last-child {
        display: none;
    }
}

/* Button */

.btn {
    font-size: 1.5rem;
    text-decoration: underline;
}

.btn-ico {
    display: flex;
    align-items: center;
    padding: 4px 16px;
}

.btn-ico-removecart {
    display: flex;
    align-items: center;
    padding: 4px 7px;
    font-size: 1rem;
}

/* Form */
.group-inline {
    display: flex;
    flex-wrap: wrap;
}

.group-shadow {
    background-color: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.form-group .form-control {
    padding: 16px;
}

.form-group > label {
    font-weight: bold;
    margin: 0 0 4px 0;
}

.form-group .error {
    color: red;
}

#formContattiScroll .buybox-wa-border {
    border: none;
    background-color: white;
    text-decoration: none;
}

/* Label input animation */

div[data-animation="label"] label {
    position: absolute;
    top: -13px;
    left: 15px;
}

div[data-animation="label"] > label {
    font-weight: normal;
}

div[data-animation="label"] label,
div[data-animation="label"] input {
    transition: all 0.2s;
    touch-action: manipulation;
    border: none;
}

    div[data-animation="label"] input:focus::placeholder {
        color: transparent;
    }

    div[data-animation="label"] input:placeholder-shown ~ label {
        cursor: text;
        max-width: 66.66%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        transform-origin: left bottom;
        transform: translate(0, 2.125rem) scale(1.2);
    }

    div[data-animation="label"] input:not(:placeholder-shown) ~ label,
    div[data-animation="label"] input:focus ~ label {
        transform: translate(0, 0) scale(1);
        cursor: pointer;
    }

div[data-animation="label"] .form-control::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: transparent;
    opacity: 1; /* Firefox */
}

div[data-animation="label"] .form-control:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: transparent;
    opacity: 1;
}

div[data-animation="label"] .form-control::-ms-input-placeholder {
    /* Microsoft Edge */
    color: transparent;
    opacity: 1;
}

/* Form - Radio - Check */
.form-radio,
.form-checkbox {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin-left: -8px;
    margin-right: -8px;
}

.radio,
.checkbox {
    flex: 0 0 auto;
    margin: 0;
    padding: 8px 8px 4px 8px;
}

    .radio > input[type="radio"],
    .checkbox > input[type="checkbox"] {
        position: absolute !important;
        opacity: 0;
        width: 1rem !important;
        height: 1rem !important;
    }

    .radio > label,
    .checkbox > label {
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding-right: 4px;
    }

        .radio > label::before,
        .checkbox > label::before {
            position: static;
            content: "";
            width: 18px;
            height: 18px;
            stroke: var(--gray);
            background-size: 18px 18px;
            background-repeat: no-repeat;
        }

        .radio > label::before {
            background-image: url("../imgs/icons/sprite.svg#radio_bg");
        }

    .radio > input:checked + label::before {
        background-image: url("../imgs/icons/sprite.svg#radio_check_bg");
    }

    .checkbox > label::before {
        background-image: url("../imgs/icons/sprite.svg#checkbox_bg");
    }

    .checkbox > input:checked + label::before {
        background-image: url("../imgs/icons/sprite.svg#checkbox_check_bg");
    }

    .radio > input + label,
    .checkbox > input + label {
        cursor: pointer;
    }

    .radio > input[disabled] + label,
    .radio > input[readonly] + label,
    .checkbox > input[disabled] + label,
    .checkbox > input[readonly] + label {
        color: #8f8f94;
        cursor: default;
    }

        .radio > input[disabled] + label::before,
        .radio > input[readonly] + label::before,
        .checkbox > input[disabled] + label::before,
        .checkbox > input[readonly] + label::before {
            opacity: 0.35;
        }

.radio-option {
    display: none;
    padding-bottom: 8px;
    text-align: center;
}

.radio > input:checked + label + .radio-option,
.checkbox > input:checked + label + .radio-option {
    display: inline-block;
}

/* Form Price */
.price-slide {
    position: relative;
}

    .price-slide .slide-label {
        position: absolute;
        top: -24px;
    }

    .price-slide .slide-from {
        left: 0px;
    }

    .price-slide .slide-to {
        right: 0px;
    }

    .price-slide .slide-inner {
        height: 12px;
        margin-top: 22px;
        border-radius: 6px;
        background: linear-gradient(90deg, rgba(217, 9, 21, 1) 0%, rgba(242, 181, 42, 1) 100%);
    }

/* Tab */
.nav-tabs {
    padding-left: 16px;
    border-bottom: none; /*border-bottom:1px solid #9F9D9D;*/
}

    .nav-tabs .nav-link {
        padding-left: 32px;
        padding-right: 32px;
        border-radius: 0;
        border: none;
        border-bottom: 4px solid transparent;
    }

        .nav-tabs .nav-link .s-icon {
            transition: transform 0.3s;
        }

        .nav-tabs .nav-link:not(.active) {
            color: #6c757d;
        }

            .nav-tabs .nav-link:not(.active) .s-icon {
                fill: #6c757d;
            }

        .nav-tabs .nav-link.active,
        .nav-tabs .nav-link.show {
            color: #1e2024;
            border-color: transparent;
            border-bottom-color: #1e2024;
        }

        .nav-tabs .nav-link.active {
            font-weight: bold;
        }

            .nav-tabs .nav-link.active .s-icon {
                transform: rotate(90deg);
            }

.tab-content {
    padding: 32px;
    border: none;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
/* border:1px solid #9F9D9D; */

/* Card */
.card.collapsable + .card.collapsable {
    margin-top: 16px;
}

.card.collapsable .card-header {
    font-weight: bold;
    cursor: pointer;
}

.card.collapsable .card-header {
    display: flex;
    justify-content: space-between;
}

.card.collapsable .s-icon {
    transition: transform 0.3s;
}

.card .collapsed .s-icon {
    transform: rotate(180deg);
}

.card-home.collapsable + .card-home.collapsable {
    margin-top: 16px;
}

.card-home.collapsable .card-header {
    font-weight: bold;
    cursor: pointer;
}

.card-home.collapsable .card-header {
    display: flex;
    justify-content: space-between;
}

.card-home.collapsable .s-icon {
    transition: transform 0.3s;
}

.card-home .collapsed .s-icon {
    transform: rotate(90deg);
}

.theme-item.selected .theme-title .s-icon {
    transform: rotate(-90deg);
    transition: transform 0.3s;
    fill: red;
}

/* Course */
.course-item {
    position: relative;
    display: block;
}

a.course-item {
    transition: background-color 0.3s, box-shadow 0.3s;
}

    a.course-item:hover {
        background-color: #fab600;
        box-shadow: 0 0 0 5px #fab600;
        text-decoration: none;
    }

.course-theme-spf {
    position: relative;
    display: block;
}

    .course-theme-spf .theme-color {
        position: absolute;
        display: inline-block;
        top: 0;
        bottom: 0;
        left: 0;
        width: 5px;
        font-size: 0;
    }

    .course-theme-spf .theme-label {
        display: inline;
        padding-left: 16px;
        text-transform: lowercase;
    }

    .course-theme-spf + .course-theme-spf {
        margin-top: 5px;
    }

.course-theme {
    position: relative;
    display: block;
}

    .course-theme .theme-color {
        position: absolute;
        display: inline-block;
        top: 0;
        bottom: 0;
        left: 0;
        width: 5px;
        font-size: 0;
    }

    .course-theme .theme-label {
        display: inline-block;
        text-transform: uppercase;
        padding-left: 16px;
    }

    .course-theme + .course-theme {
        margin-top: 8px;
    }

.course-format {
    position: absolute;
    top: 0;
    left: 0;
    padding: 4px 16px;
    max-width: 76%;
    background-color: rgba(255, 255, 255, 0.9);
    text-transform: uppercase;
}

.course-image {
    position: relative;
}

    .course-image img {
        width: 100%;
        max-width: none;
    }

.course-wish {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    padding: 2px;
    opacity: 0.8;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0);
    transition: all 0.3s;
    background-color: #fff;
    cursor: pointer;
    display: none;
}

    .course-wish:hover {
        opacity: 1;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
    }

    .course-wish.selected {
        opacity: 1;
        background-color: #e30a17;
        fill: var(--white);
    }

.course-wish-new {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    padding: 2px;
    opacity: 0.8;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0);
    transition: all 0.3s;
    background-color: #fff;
    cursor: pointer;
    display: none;
}

    .course-wish-new:hover:not(.course-wish-cart),
    .course-share:hover {
        opacity: 1;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
    }

    .course-wish-new.selected:not(course-wish-cart) {
        opacity: 1;
        background-color: #e30a17;
        fill: var(--white);
    }

/*
.list-inner .img-fluid {
    max-height: 176.06px;
}*/
.slider-inner .img-fluid {
    max-height: 310px;
}

/* Slider */
.slider-control {
    height: inherit;
}

.slider-inner {
    height: inherit;
    position: relative;
}

/* Slider Home */
.carousel {
    height: auto;
}

.carousel-inner {
    height: 100%;
}

.carousel-item {
    height: 100%;
}

.carousel-img {
    height: 100%;
    display: block;
    width: 100%;
}

    .carousel-img.mobile {
        display: none;
    }

.carousel-control-next {
    width: 30px;
    opacity: 1;
    top: 46%;
    bottom: 46%;
    right: 15px;
}

.carousel-control-prev {
    width: 30px;
    opacity: 1;
    top: 46%;
    bottom: 46%;
    left: 15px;
}

.carousel-control {
    background-color: var(--primary);
    transition: background-color 0.3s;
    line-height: 0;
}

.carousel-control-prev:hover,
.carousel-control-next:hover {
    opacity: 1 !important;
}

    .carousel-control-prev:hover .carousel-control,
    .carousel-control-next:hover .carousel-control {
        background-color: #e5b600;
    }

.carousel-indicators li {
    text-indent: 0;
    height: 30px;
    background-color: transparent;
    cursor: pointer;
}

.carousel-indicators .active {
    background-color: transparent;
}

.carousel-indicators .s-icon.sel {
    /*fill: var(--primary);*/
    display: none;
}

.carousel-indicators .active .s-icon.sel {
    display: inline;
}

.carousel-indicators .active .s-icon.uns {
    display: none;
}

/* Slider Course */
.slider-c {
    display: flex;
    position: relative;
    overflow: hidden;
}

    .slider-c .slider-control .btn {
        padding: 0;
        line-height: 0;
        position: absolute;
    }

    .slider-c .control-prev {
        left: 28px;
        top: 35%;
        background-color: #fab600;
        border-color: #fab600;
    }

    .slider-c .control-next {
        right: 19px;
        top: 35%;
        background-color: #fab600;
        border-color: #fab600;
    }

    .slider-c .control-prev:hover {
        color: #212529;
        background-color: #e5b600;
        border-color: #d8ac00;
    }

    .slider-c .control-next:hover {
        color: #212529;
        background-color: #e5b600;
        border-color: #d8ac00;
    }

    .slider-c .slider-inner {
        display: flex;
        transition: margin 0.5s;
    }

    .slider-c .course-item {
        width: 420px;
        margin: 16px 24px 16px 0px;
    }

    .slider-c .course-image {
        overflow: hidden;
        max-height: 240px;
    }

    .slider-c .course-text {
        padding: 16px 8px;
    }

    .slider-c .course-text-new {
        padding-top: 16px;
    }

    .slider-c .course-title {
        padding-top: 8px;
    }

/* Mask  */
.over-mask {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

    .over-mask .mask {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        color: #ffffff;
        padding: 16px;
        display: flex;
        flex-direction: column;
    }

    .over-mask .mask {
        justify-content: flex-end;
        background: linear-gradient(30deg, rgba(21, 21, 21, 0.8) 0%, rgba(21, 96, 198, 0.16) 67%, rgba(220, 9, 22, 0) 100%);
    }

        .over-mask .mask.mask-top {
            justify-content: flex-start;
            background: linear-gradient( 150deg, rgba(21, 21, 21, 0.8) 0%, rgba(21, 96, 198, 0.16) 67%, rgba(220, 9, 22, 0) 100% );
        }

    .over-mask::after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: "";
        display: block;
        opacity: 0;
        transition: opacity 0.3s;
        background-color: rgba(83, 83, 82, 0.5);
    }

    .over-mask:hover::after {
        opacity: 1;
    }

/* Mission */
.mission-desc {
    display: flex;
    align-items: center;
}

/* Search */
.form-search {
}

    .form-search .group-inline .form-group {
        width: calc(100% - 200px);
        margin-right: 16px;
        padding: 4px 16px;
    }

    .form-search input.form-control {
        padding: 0;
        margin: 0;
        border: none;
    }

    .form-search select.form-control {
        padding: 0;
        margin: 0 0 0 -4px;
        border: none;
        height: auto !important;
        -moz-appearance: none;
        -webkit-appearance: none;
    }

    .form-search .form-control:focus,
    .form-search .form-control:active {
        box-shadow: none;
    }

/* Search Page */
.search-page {
}

    .search-page .group-inline .form-group {
        width: calc(50% - 16px);
    }

        .search-page .group-inline .form-group + .form-group {
            margin-left: 32px;
        }

    .search-page select.form-control {
        padding: 16px 8px;
        height: auto !important;
        -moz-appearance: none;
        -webkit-appearance: none;
    }

/* High Light */
.high-light .course-item {
    height: 100%;
}

.high-light .course-image {
    max-height: none;
}

.high-light .control-next {
    top: 35%;
}

/* Thematic Area */
.thematic-area {
}

.thematic-lg {
}

.thematic-md {
    display: none;
}

.theme-item.themlistnewarea {
    display: block;
    padding: 5px 8px;
    cursor: pointer;
    border-top: 0px solid #9f9d9d;
    transition: background-color 0.3s;
}

.theme-item.homefiltriitem {
    display: block;
    padding: 19px 8px;
    cursor: pointer;
    border-top: 1px solid #9f9d9d;
    transition: background-color 0.3s;
}

.theme-item {
    display: block;
    padding: 24px 8px;
    cursor: pointer;
    border-top: 1px solid #9f9d9d;
    transition: background-color 0.3s;
}

    .theme-item.themlistnewarea:last-child {
        border-bottom: 0px solid #9f9d9d;
    }

    .theme-item:last-child {
        border-bottom: 1px solid #9f9d9d;
    }

.theme-title {
}

    .theme-title.newthemetitlehome {
        padding-top: 11px;
        padding-bottom: 14px;
    }

.theme-product {
    display: none;
}

.theme-item.selected .theme-title {
    font-weight: bold;
}

.theme-item.selected .theme-product {
    display: block;
    padding-top: 8px;
}

.theme-item.themlistnewarea:not(.selected):hover {
    background-color: transparent;
    font-weight: bold;
}

.theme-item:not(.selected):hover {
    background-color: var(--light);
}

/* Thematic Area - Slider Themes */
.slider-t {
    display: flex;
}

    .slider-t .slider-control {
        flex: 0 0 388px;
        padding-right: 19px;
    }

    .slider-t .slider-inner {
        flex: 0 1 100%;
    }

    .slider-t .course-area {
        display: flex;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
        opacity: 0;
        transition: opacity 0.3s;
    }

        .slider-t .course-area.show {
            z-index: 100;
            opacity: 1;
        }

    .slider-t .area-theme {
        flex: 0 0 50%;
        height: 100%;
        background-size: cover;
    }

        .slider-t .area-theme .mask {
            padding: 32px 64px 0 64px;
        }

.thematic-area .area-courses {
    flex: 0 0 50%;
    margin-top: -32px;
}

.thematic-area .course-item {
    float: left;
    width: calc(50% - 32px);
    height: calc(33.333% - 32px);
    margin: 32px 0 0 32px;
}

.thematic-area .over-mask .over {
    opacity: 0;
    transition: opacity 0.3s;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.thematic-area .over-mask:hover .over {
    opacity: 1;
}

.theme-product-bigw {
    display: inherit;
}

.theme-product-loww {
    display: none;
}

.thematic-md .area-theme + .area-theme {
    margin-top: 16px;
}

/* Search List */

.list {
    display: flex;
}

.list-filter {
    flex: 0 0 280px;
    padding-right: 32px;
}

    .list-filter + .list-inner {
        flex: 0 1 100%;
    }

    .list-filter .filter-item.filternewitem {
        padding: 13px 8px;
        border-top: 1px solid #9f9d9d;
    }

    .list-filter .filter-item {
        padding: 24px 8px;
        border-top: 1px solid #9f9d9d;
    }

        .list-filter .filter-item:last-child {
            border-bottom: 1px solid #9f9d9d;
        }

    .list-filter .filter-title {
        cursor: pointer;
    }

    .list-filter .filter-item.selected .filter-title,
    .list-filter .filter-item:not(.selected) .filter-title:hover {
        font-weight: bold;
    }

    .list-filter .filter-content {
        display: none;
        padding: 8px 0 16px 0;
    }

        .list-filter .filter-content.filterconnewaree {
            display: none;
            padding: 8px 0 1px 0;
        }

    .list-filter .filter-item.selected .filter-content {
        display: block;
    }

    .list-filter .filter-option {
        padding: 0 0 8px 0;
        cursor: pointer;
    }

        .list-filter .filter-option.selected,
        .list-filter .filter-option:hover {
            font-weight: bold;
        }

.filter-home-option.selected,
.filter-home-option:hover {
    font-weight: bold;
}

.list-paging {
    display: flex;
    justify-content: flex-end;
}

    .list-paging button {
        margin-left: 16px;
    }

/* Masterclass */
.master-class,
.master-title {
    background-repeat: no-repeat;
}

.master-class {
    background-image: url(../imgs/lezioni_autore/sfondo_hp_LdA2.svg);
    /*background-color: #E30A17;*/
    background-size: auto 100%;
    background-position: center bottom;
    padding-bottom: 20px;
}

@media (min-width: 1578px) {
    .master-class {
        background-size: 100% auto !important;
    }
}

.master-video {
    position: relative;
    padding-top: 10px;
}

.master-class .master-title {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-size: auto 100%;
    height: 110px;
}

.no-webp .master-class .master-title {
    background-image: url(../imgs/lezioni_autore/logo_lda_new.png);
}

.webp .master-class .master-title {
    background-image: url(../imgs/lezioni_autore/logo_lda_new.webp);
}

.master-class .master-title-new {
    background-repeat: no-repeat;
    background-size: auto 100%;
    height: 53px;
}
/*
.no-webp .master-class .master-title-new {
    background-image: url(../imgs/lezioni_autore/logo_hp_LdA.png);
}

.webp .master-class .master-title-new {
    background-image: url(../imgs/lezioni_autore/logo_hp_LdA.webp);
}*/

.master-class.slim {
    background-color: var(--black);
}

    .master-class.slim .master-video {
        padding-top: 32px;
    }

    .master-class.slim .master-title {
        top: -70px;
        height: 70px;
    }

/* Masterclass - List */
.master-list {
    display: block;
}

    .master-list .course-item {
        height: 100%;
    }

    .master-list .course-text {
        padding: 16px 8px;
    }

/* Aziende */
.company-area {
    background-repeat: no-repeat;
    background-size: 110% auto;
    background-position: center top;
}

.formazione-back {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center 98%;
}
/*
.no-webp .formazione-back {
    background-image: url(../imgs/home/Fedu_Scuola_Formatori_1920x186_trasparente.png);
}

.webp .formazione-back {
    background-image: url(../imgs/home/Fedu_Scuola_Formatori_1920x186_trasparente.webp);
}*/

.company-back {
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center 98%;
}

.bg-purple-light {
    background-color: #fcd9fc;
}

.bg-wall {
    background-image: url(../imgs/lezioni_autore/sfondo_hp_LdA2.svg);
    background-size: auto 100%;
}

@media (min-width: 432px) {
    .bg-wall {
        background-size: 101% auto;
    }
}

.bgd-purple-light-s {
    background-image: url(../imgs/back/purple_light_start.svg);
}

.bgd-purple-light-e {
    background-image: url(../imgs/back/purple_light_end.svg);
}

/* News */
.news {
}

.news-inner {
    margin-left: -16px;
    margin-right: -16px;
}

.news-item {
    width: 25%;
    height: 220px;
    float: left;
    padding: 0 16px 32px 16px;
}

.news .item-lg {
    width: 50%;
    height: 440px;
}

.news .item-md {
    width: 25%;
    height: 440px;
}

.news .item-sm {
    height: 25%;
    height: 220px;
}

.news .item-xs {
}

/* News Detail */
.news-about {
    display: flex;
    align-items: center;
    height: 100%;
}

    .news-about .about-info {
        padding-left: 8px;
    }

    .news-about .author-image {
        width: 80px;
        height: 100%;
        border-radius: 50%;
        overflow: hidden;
    }

    .news-about .author-name {
    }

.news-share {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: flex-end;
}

/* Newsletter */
.newsletter {
    background-color: var(--primary);
}

.newsletter-banner {
    position: relative;
    padding-left: 220px;
}

.newsletter-image {
    position: absolute;
    width: 538px;
    top: -29px;
    left: -255px;
}

.newsletter-title {
    text-decoration: underline;
}

.newsletter-text {
    padding-left: 48px;
}

.newsletter-banner .group-inline {
    justify-content: center;
}

.newsletter-banner .form-group {
    flex: 1 1 auto;
    margin-bottom: 0;
}

#formNewsLetter .btn-black {
    text-decoration: none;
    height: 56px;
    padding: 4px 30px;
}

.news-letter-privacy {
    display: flex;
    align-items: baseline;
}

    .news-letter-privacy p {
        margin: 0rem 0rem 0rem 0.5rem;
    }

        .news-letter-privacy p a {
            text-decoration: underline;
        }

.newsletter-text-danger {
    margin-bottom: 10px;
}

@media (min-width: 767.9px) {
    .newsletter-text-danger {
        margin-top: -25px;
    }
}
/* Header Page */
.header-page {
    overflow: hidden;
}

    .header-page .inner-image,
    .header-page .inner-claim {
        display: flex;
        align-items: center;
        background-size: auto 100%;
        background-repeat: no-repeat;
        background-position: center;
    }

    .header-page .inner-image {
        height: 460px;
        padding-right: 50%;
    }

    .header-page .inner-claim {
        height: 300px;
        padding-left: 40%;
    }

.no-webp .header-page .inner-claim {
    background-image: url("../imgs/theme/header-claim.jpg");
}

.webp .header-page .inner-claim {
    background-image: url("../imgs/theme/header-claim.webp");
}

.header-page .header-img {
    width: 100%;
    display: block;
    object-fit: cover;
    position: relative;
    height: 100%;
}

.header-page.small .inner-image {
    height: 200px;
}

.header-page .course-wish {
    top: 16px;
    right: 16px;
    width: 36px;
    height: 36px;
}

/* Header Page Over */
.header-over {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    flex-direction: column; /* padding:16px 32px; */
}

    .header-over .over-content {
        max-width: 60%;
        margin-bottom: 32px;
        align-self: center;
    }

    .header-over .over-content-courseInfo {
        max-width: 100%;
    }

    .header-over .header-img {
    }

    .header-over .title-act-hero {
        margin-top: 30px;
    }

@media (min-width: 768px) {
    .header-over .title-act-hero {
        margin-top: 70px;
    }
}

.carousel .header-over .over-content {
    max-width: 50%;
    margin-bottom: 10px;
}

/* Thematic Other */
.thematic-other {
}

    .thematic-other .container {
        display: flex;
    }

    .thematic-other .other-inner {
        flex: 0 1 100%;
        padding: 0 32px 0 280px;
    }

    .thematic-other .other-control {
        flex: 0 0 400px;
        padding-right: 32px;
    }

/* Background */
.bgd {
    background-repeat: no-repeat;
    background-size: auto 102.5%;
    background-position: center;
    height: 69px;
}

.bgd-beige-s {
    background-image: url(../imgs/back/beige_start.svg);
}

.bgd-beige-e {
    background-image: url(../imgs/back/beige_end.svg);
}

.bgd-black-s {
    background-image: url(../imgs/back/black_start.svg);
}

.bgd-black-e {
    background-image: url(../imgs/back/black_end.svg);
}

.bgd-black-beige {
    background-image: url(../imgs/back/black_beige.svg);
}

.bgd-light-black {
    background-image: url(../imgs/back/light_black.svg);
}

.bgd-light-red {
    background-image: url(../imgs/back/light_red.svg);
}

.bgd-light-sr {
    background-image: url(../imgs/back/light_start_reverse.svg);
}

.bgd-light-s {
    background-image: url(../imgs/back/light_start.svg);
}

.bgd-light-e {
    background-image: url(../imgs/back/light_end.svg);
}

.bgd-red-s {
    background-image: url(../imgs/back/red_start.svg);
}

.bgd-red-e {
    background-image: url(../imgs/back/red_end.svg);
}

.bgd-red-light {
    background-image: url(../imgs/back/red_light.svg);
}

.bgd-green-s {
    background-image: url(../imgs/back/green_start.svg);
}

.bgd-green-e {
    background-image: url(../imgs/back/green_end.svg);
}

.bgd-purple-s {
    background-image: url(../imgs/back/purple_start.svg);
}

.bgd-purple-e {
    background-image: url(../imgs/back/purple_end.svg);
}

.bgd-green-complexity-s {
    background-image: url(../imgs/back/green_complexity_start.svg);
}

.bgd-green-complexity-e {
    background-image: url(../imgs/back/green_complexity_end.svg);
}

.bg-green-complexity {
    background-color: #67c18d;
}

/*  Color thematic area*/

.bg-yellowinfo {
    background-color: rgb(255, 205, 12);
}

.bgd-yellowinfo-s {
    background-image: url(../imgs/back/yellowinfo_start.svg);
}

.bgd-yellowinfo-e {
    background-image: url(../imgs/back/yellowinfo_end.svg);
}

.bg-educazione {
    background-color: rgb(229, 0, 118);
}

.bgd-educazione-s {
    background-image: url(../imgs/back/educazione_start.svg);
}

.bgd-educazione-e {
    background-image: url(../imgs/back/educazione_end.svg);
}

.bg-softskill {
    background-color: rgb(236, 103, 48);
}

.bgd-softskill-s {
    background-image: url(../imgs/back/softskill_start.svg);
}

.bgd-softskill-e {
    background-image: url(../imgs/back/softskill_end.svg);
}

.bg-economia {
    background-color: rgb(10, 187, 239);
}

.bgd-economia-s {
    background-image: url(../imgs/back/economia_start.svg);
}

.bgd-economia-e {
    background-image: url(../imgs/back/economia_end.svg);
}

.bg-innovazione {
    background-color: rgb(108, 181, 45);
}

.bgd-innovazione-s {
    background-image: url(../imgs/back/innovazione_start.svg);
}

.bgd-innovazione-e {
    background-image: url(../imgs/back/innovazione_end.svg);
}

.bg-comunicazione {
    background-color: rgb(149, 27, 129);
}

.bgd-comunicazione-s {
    background-image: url(../imgs/back/comunicazione_start.svg);
}

.bgd-comunicazione-e {
    background-image: url(../imgs/back/comunicazione_end.svg);
}

.bg-digital {
    background-color: rgb(0, 106, 148);
}

.bgd-digital-s {
    background-image: url(../imgs/back/digital_start.svg);
}

.bgd-digital-e {
    background-image: url(../imgs/back/digital_end.svg);
}

/* Gradient Thematic */

.grad-educazione {
    background: linear-gradient( 135deg, rgba(255, 211, 252, 0.95) 0%, rgba(255, 211, 252, 0.85) 39%, rgba(255, 211, 252, 0.1) 66%, rgba(255, 211, 252, 0) 100% );
}

.grad-softskill {
    background: linear-gradient( 135deg, rgba(252, 195, 166, 0.95) 0%, rgba(252, 195, 166, 0.85) 39%, rgba(252, 195, 166, 0.1) 66%, rgba(252, 195, 166, 0) 100% );
}

.grad-economia {
    background: linear-gradient( 135deg, rgba(150, 165, 208, 0.95) 0%, rgba(150, 165, 208, 0.85) 39%, rgba(150, 165, 208, 0.1) 66%, rgba(150, 165, 208, 0) 100% );
}

.grad-innovazione {
    background: linear-gradient( 135deg, rgba(108, 181, 45, 0.95) 0%, rgba(108, 181, 45, 0.85) 39%, rgba(108, 181, 45, 0.1) 66%, rgba(108, 181, 45, 0) 100% );
}

.grad-comunicazione {
    background: linear-gradient( 135deg, rgba(251, 205, 242, 0.95) 0%, rgba(251, 205, 242, 0.85) 39%, rgba(251, 205, 242, 0.1) 66%, rgba(251, 205, 242, 0) 100% );
}

.grad-digital {
    background: linear-gradient( 135deg, rgba(151, 166, 209, 0.95) 0%, rgba(151, 166, 209, 0.85) 39%, rgba(151, 166, 209, 0.1) 66%, rgba(151, 166, 209, 0) 100% );
}

/* Gradient */
.grad-red {
    background: linear-gradient( 135deg, rgba(220, 9, 22, 0.95) 0%, rgba(220, 9, 22, 0.85) 39%, rgba(220, 9, 22, 0.1) 66%, rgba(220, 9, 22, 0.05) 100% );
    color: #ffffff;
}

.grad-green {
    background: linear-gradient( 135deg, rgba(205, 250, 227, 0.95) 0%, rgba(205, 245, 234, 0.85) 39%, rgba(205, 245, 234, 0.1) 66%, rgba(205, 245, 234, 0) 100% );
}

.grad-purple {
    background: linear-gradient( 135deg, rgba(150, 27, 129, 0.95) 0%, rgba(150, 27, 129, 0.85) 39%, rgba(150, 27, 129, 0.1) 66%, rgba(150, 27, 129, 0) 100% );
    color: #ffffff;
}

.grad-yellow {
    background: linear-gradient( 135deg, rgba(250, 182, 0, 0.95) 0%, rgba(250, 182, 0, 0.85) 39%, rgba(250, 182, 0, 0.1) 66%, rgba(250, 182, 0, 0) 100% );
}

.grad-gray {
    background: linear-gradient( 135deg, rgba(120, 120, 120, 0.95) 0%, rgba(120, 120, 120, 0.85) 39%, rgba(120, 120, 120, 0.1) 66%, rgba(120, 120, 120, 0) 100% );
    color: #ffffff;
}

.no-gradient {
    color: #ffffff;
}

/* Course product */
.header-page {
    position: relative;
}

    .header-page .inner-course {
        padding: 4% 0;
    }

    .header-page .course-desc {
    }

/* */
.course-product {
    width: calc(100% - 400px);
}

.course-shoulder {
    width: 240px;
}

/* Course Buy */

.title-radio {
    font-size: 0.9rem;
    font-weight: 600;
}

.title-radio-roundend {
    display: inline-block;
    border-radius: 16px;
    border: 1px solid #9f9d9d;
    padding: 4px 6px;
    font-size: 0.9rem;
}

.btn.btn-acquista-buybox,
.btn.btn-tobrochure-buybox {
    font-size: 0.9rem;
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: none;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 5px;
    width: 100%;
    display: block;
}

.btn.btn-carrello-buybox {
    font-size: 0.9rem;
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: none;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 5px;
    width: 100%;
    display: block;
    background-color: #1b1c1e;
    color: #ffffff;
    border-color: #1b1c1e;
}

.btn.btn-informazioni-buybox {
    font-size: 0.9rem;
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: none;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 5px;
    width: 100%;
    display: block;
    color: #1b1c1e;
    border-color: #1b1c1e;
}

@media (min-width: 576px) {
    .btn.btn-informazioni-buybox,
    .btn.btn-carrello-buybox,
    .btn.btn-acquista-buybox,
    .btn.btn-tobrochure-buybox {
        font-size: 1.1rem;
    }
}

.earlybirdCard {
    background-color: #ffcd0c;
    font-size: 0.8rem;
    text-align: center;
}

.title-earlybird {
    margin: 8px 0px;
    font-weight: 700;
    font-size: 0.9rem;
}

.popupBodyCard {
    margin-left: 20px;
    margin-right: 20px;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
}

.buybox-bottom-container {
    background-color: #e7e8ea;
    margin-top: 10px;
    padding: 20px;
}

.buybox-wa-border {
    display: flex;
    flex-direction: column;
    padding: 10px 20px;
    border: 3px solid #11940c;
    color: #11940c !important;
}

    .buybox-wa-border span {
        font-size: 0.9rem;
        font-weight: 700;
    }

.wa-info-number {
    position: relative;
    top: 1px;
}

.buybox-bottom-container a {
    text-decoration: none;
}

.informazioni-body-buyCard {
    margin-left: 20px;
    margin-right: 20px;
}

.inlineBlock {
    display: inline-block;
}

.info-popup-buycard {
    font-size: 0.7rem;
    margin-bottom: 7px;
}

    .info-popup-buycard .separator-buycard {
        margin-left: 10px;
        margin-right: 10px;
    }

.info-buycard {
    font-size: 0.77rem;
    display: inline-flex;
    margin: 0.1rem;
}

.title-buycard {
    font-size: 1rem;
    margin-top: 17px;
    margin-bottom: 10px;
}

.title-infocorso {
    font-size: 0.9rem;
    margin-top: 17px;
    margin-bottom: 12px;
    font-weight: bold;
}

.icon-corso {
    width: 20px;
    height: 20px;
    opacity: 1;
}

.label-corso {
    margin-left: 0.5rem;
    width: fit-content;
}

.fa-plus-circle,
.fa-minus-circle {
    color: #ffcd0c;
}

.ondemand-icon {
    background: transparent url(../imgs/icons/corsoIcons/ondemand-icon.svg) 0% 0% no-repeat padding-box;
}

.ondemand-icon-green {
    background: transparent url(../imgs/icons/corsoIcons/ondemand-icon-green.svg) 0% 0% no-repeat padding-box;
}

.live-icon {
    background: transparent url(../imgs/icons/corsoIcons/video-icon.svg) 0% 0% no-repeat padding-box;
}

.resource-icon {
    background: transparent url(../imgs/icons/corsoIcons/resource-icon.svg) 0% 0% no-repeat padding-box;
}

.podcast-icon {
    background: transparent url(../imgs/icons/corsoIcons/podcast-icon.svg) 0% 0% no-repeat padding-box;
}

.attestato-icon {
    background: transparent url(../imgs/icons/corsoIcons/attestato-icon.svg) 0% 0% no-repeat padding-box;
}

.banconota-icon {
    background: transparent url(../imgs/icons/corsoIcons/banconota.svg) 0% 0% no-repeat padding-box;
}

.whastapp-icon {
    background: transparent url(../imgs/icons/corsoIcons/whastapp-icon.svg) 0% 0% no-repeat padding-box;
}

.whastapp-icon-green {
    background: transparent url(../imgs/icons/corsoIcons/whastapp-icon-green.svg) 0% 0% no-repeat padding-box;
}

.button-addCartModal {
    text-align: center;
    padding: 10px;
}

.buy-price-old {
    font-size: 1.2rem;
    place-self: center;
    padding: 8px 0 0 10px;
    text-decoration-line: line-through;
}

.buy-card-mobile {
    box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
    display: none;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 5px;
    background-color: white;
    z-index: 2147483641;
    bottom: 0;
    width: 100%;
}

.description-teacher-container {
    margin: 0px 6px;
    position: relative;
    top: -40px;
    height: 13.5rem;
    background-color: #ffcd0c;
    padding: 1rem 1.4rem;
}

@media (min-width: 576px) {
    .description-teacher-container {
        top: -80px;
    }
}

.cta-box-teacher {
    text-decoration: underline;
    bottom: 0px;
    position: absolute;
    margin-bottom: 1rem;
}

.description-teacher-container h3 {
    font-weight: 700;
    font-size: 1.2rem;
}

.description-teacher-container p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.swiper-teachers a:hover {
    text-decoration: none;
}

.swiper-zoom-img .img-fluid {
    transition: transform 0.2s;
}

    .swiper-zoom-img .img-fluid:hover {
        transform: scale(1.05);
    }

.swiper-teachers .img-fluid {
    height: 100%;
    width: 100%;
}

@media (min-width: 992px) {
    .swiper-outside-button {
        padding: 0rem 3rem !important;
    }
}

@media (max-width: 992px) {
    .swiper-button-next,
    .swiper-button-prev {
        display: none !important;
    }
}

.swiper-button-next::after,
.swiper-button-prev::after {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900;
    color: #000;
}

.swiper-button-next::after {
    content: "\f054" !important;
}

.swiper-button-prev::after {
    content: "\f053" !important;
}

.title-container {
    font-weight: 700;
    margin-bottom: 1.5rem;
}

.ico-text .fa-check {
    color: #ffcd0c;
}

.buy-card-mobile button {
    padding: 4px 5px;
}

.buy-float {
    position: absolute;
    right: 16px;
    top: 120px;
    z-index: 899;
}

    .buy-float .card {
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    }

    .buy-float .card-body {
        padding: 32px 16px;
    }

.buy-float-new {
    position: absolute;
    right: 8%;
    top: 120px;
    z-index: 899;
}

    .buy-float-new .card {
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
        width: 364px;
    }

    .buy-float-new .card-body {
        padding: 1px 20px;
    }

    .buy-float-new .buy-price {
        padding: 8px 0 0 0;
    }

.buy-price-acquistato {
    font-size: 1.6rem;
    padding: 8px 0 8px 0;
}

.buy-price-mobile {
    font-size: 1.4rem;
    font-weight: bold;
    /* padding: 8px 0 16px 0;*/
}

.buy-price-mobile-old {
    font-size: 0.9rem;
    margin-top: -6px;
    color: gray;
    text-decoration-line: line-through;
}

.buy-price {
    font-size: 2rem;
    font-weight: bold;
    padding: 8px 0 16px 0;
}

    .buy-price.price-item {
        font-size: 1.5rem;
        font-weight: normal;
    }

/*.card .buy-price {
    background-image: url(../imgs/home/slider-tema-line.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 80% auto;
}*/

/* Chart */
.chart {
    display: flex;
    justify-content: space-between;
}

    .chart .chart-list {
        width: calc(100% - 260px);
    }

    .chart .chart-shoulder {
        width: 240px;
    }

        .chart .chart-shoulder .card {
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
        }

/* Guide */
.guide-image {
    border-radius: 50%;
    overflow: hidden;
}

.guide-name {
    padding-top: 16px;
    text-align: center;
}

/* Partner */
.partner .description {
    display: flex;
    align-items: center;
}

/* Footer */
.footer .navbar-brand {
    width: 160px;
}

.footer .navbar-brand-new {
    width: 160px;
}

.footer-main {
    padding: 16px 0;
}

    .footer-main .active-link-footer {
        color: var(--red);
        font-weight: 600;
        text-decoration: underline;
    }

.footer-small {
    border-top: 1px solid var(--gray);
    font-size: 0.9rem;
    padding: 16px 0;
}

.footer .nav {
    flex-direction: column;
}

    .footer .nav .nav-link {
        padding: 2px 0;
    }

.footer .group-sites {
    display: flex;
    flex-wrap: wrap;
}

    .footer .group-sites a {
        flex: 0 1 25%;
        display: inline-block;
        padding: 24px 16px 0 0;
    }

.footer .copy {
    padding-top: 4px;
}

.footer .social-pages {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.footer .social-link {
    line-height: 0;
    padding-left: 8px;
}

.social-link:hover {
    text-decoration: none !important;
}
/* Z-Indexes */
.over-mask .over {
    z-index: 90;
}

.over-mask .mask {
    z-index: 91;
}

.over-mask .course-wish-new,
.over-mask .course-wish,
.over-mask .course-format {
    z-index: 95;
}

.master-class .master-title,
.slider-h .carousel-over,
.slider-c .slider-control .btn {
    z-index: 100;
}

/* DEMON - TO DELETE!!! */
.navbar-menu.right > .navbar-nav > .nav-item.demon-logged > .nav-link,
.navbar-menu.right > .navbar-nav > .nav-item.demon-unlogged > .nav-link {
    padding-right: 0;
}

.navbar-toggler-menu {
    display: none;
}

.mobile-icons {
    display: none;
}

@media (max-width: 1499.9px) {
    .container {
        max-width: 1264px;
    }

    .container-fluid {
        padding-right: 64px;
        padding-left: 64px;
    }

    /* */
    .navbar-expand-lg .left > .navbar-nav > .nav-item > .nav-link {
        padding-right: 8px;
        padding-left: 8px;
    }

    .navbar-expand-lg .right > .navbar-nav > .nav-item > .nav-link {
        padding-right: 9px;
        padding-left: 9px;
    }

    /* Header Page */
    .header-page .inner-image {
        height: 400px;
        padding-right: 45%;
    }

    .header-page .inner-claim {
        height: 240px;
    }

    /* Thematic Area */
    .thematic-area .area-courses {
        margin-top: -16px;
    }

    .thematic-area .course-item {
        width: calc(50% - 16px);
        height: calc(33.333% - 16px);
        margin: 16px 0 0 16px;
    }

    .thematic-area .slider-control {
        flex: 0 0 280px;
        padding-right: 16px;
    }
}

@media (max-width: 1299.9px) {
    .custom-pt {
        padding-top: 28px !important;
    }
    /* */
    .container {
        max-width: 1140px;
    }

    .course-product {
        width: calc(100% - 400px);
        padding-right: 15px;
    }

    .buy-float-new {
        right: 8%;
    }

    .container-fluid {
        padding-right: 24px;
        padding-left: 24px;
    }

    /* Thematic Area - List */
    .thematic-list .list-filter {
        flex: 0 0 240px;
        padding-right: 16px;
    }

    /* */
    .carousel .header-over {
        padding-left: 32px;
    }
}

@media (min-width: 1450px) {
    /* Thematic Area - List */
    .thematic-list .col-xxl-3 {
        flex: 0 0 20% !important;
        max-width: 20% !important;
    }
}

@media (min-width: 1200px) {
    /* Thematic Area - List */
    .thematic-list .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
}

@media (max-width: 1199.9px) {
    .grad-percorso {
        background: linear-gradient( 90deg, rgba(68, 172, 198, 0.95) 0%, rgba(68, 172, 198, 0.85) 39%, rgba(103, 193, 141, 0.85) 66%, rgba(103, 193, 141, 0.95) 100% );
    }

    .grad-lda-1 {
        background: linear-gradient( 0deg, #0f0f0f5c 0%, #e7e8e900 39%, rgba(227, 10, 23, 0.1) 66%, rgba(227, 10, 23, 0) 100% );
    }

    .grad-lda-2 {
        background: linear-gradient( 89deg, #e7e8e91a 0%, #e7e8e917 39%, rgba(227, 10, 23, 0.1) 66%, rgba(227, 10, 23, 0) 100% );
    }

    .header-page .header-img.imgovernewWhite {
        display: block;
        height: 400px;
        width: auto;
    }

    .header-page-new .header-over {
        position: relative;
        min-height: 25vw;
    }

    .header-page-new .container-fluid {
        padding-top: 32px;
        padding-bottom: 90px;
    }

    .header-page-new .breadcrumb {
        padding-top: 8px;
        padding-bottom: 10px;
    }
}

.img-fluid-news {
    max-width: 40%;
    height: auto;
}

@media (max-width: 767.9px) {
    .header-page-new .breadcrumb {
        display: block;
    }

    .img-fluid-news {
        max-width: 50%;
    }
}

.back-to-cart-header {
    font-weight: 600;
    font-size: 1rem;
}

@media (max-width: 576px) {
    .back-to-cart-header {
        font-size: 0.9rem;
    }

    .img-fluid-news {
        max-width: none;
        width: 100%;
    }

    .intestazione-container {
        padding: 0 !important;
    }

        .intestazione-container > .card {
            box-shadow: none !important;
        }
}

@media (max-width: 1229.9px) {
    .slider-c .control-prev {
        left: 13px;
        top: 35%;
    }

    .slider-c .control-next {
        right: 12px;
        top: 35%;
    }

    .testdiv {
        display: flex;
        width: 100vw;
        padding-left: 25px;
    }

    .scrollbar-visible-slider .testdiv {
        padding-right: 16px;
    }

    .font-new-news {
        font-size: 1.6rem !important;
    }
    /* Titles */
    .title-1 {
        font-size: 2.5rem;
    }

    .title-2-5 .title-2 {
        font-size: 2rem;
    }

    .title-3 {
        font-size: 1.4rem;
    }

    .title-4 {
        font-size: 1.4rem;
    }

    .title-5 {
        font-size: 1.2rem;
    }

    .title-6 {
        font-size: 0.9rem;
    }

    .title-sliderhome {
        font-size: 1.6rem;
    }

    .sottotitle-sliderhome {
        font-size: 1.1rem;
    }

    /* */
    .container-fluid {
        padding-right: 16px;
        padding-left: 16px;
    }

    /* Header menu */
    header.navbar {
        padding: 0 16px;
    }

    header .navbar-brand {
        margin-right: 16px;
    }

    header .navbar-brand-new {
        margin-right: 16px;
    }

    .navbar-menu .nav-link {
        font-size: 0.86rem;
    }
    /* */
    .navbar-expand-lg .left > .navbar-nav > .nav-item > .nav-link {
        padding-right: 6px;
        padding-left: 6px;
    }

    .navbar-expand-lg .right > .navbar-nav > .nav-item > .nav-link {
        padding-right: 4px;
        padding-left: 4px;
    }

    /* Header Page Over */
    .header-over {
        /* padding:16px; */
    }

    /* Course */
    .course-format {
        padding: 4px 8px;
        font-size: 1rem;
    }

    /* Masterclass */
    .master-class {
        /*background-color: #E30A17;
        background-size: auto 60%;*/
    }

    /* Thematic Area */
    .theme-product-bigw {
        display: none;
    }

    .theme-product-loww {
        display: inherit;
    }

    .thematic-area .area-theme {
        flex: 0 0 100%;
    }

    .thematic-area .area-courses {
        /* display: none;*/
    }

    /* Thematic Area */
    .thematic-area .slider-control {
        flex: 0 0 280px;
        padding-right: 16px;
    }

    .thematic-area .area-theme .mask {
        padding: 32px 32px 0 32px;
    }

    /* Header Page */
    .header-page .inner-image {
        height: 320px;
    }

    .header-page .inner-claim {
        height: 180px;
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg {
        padding: 0 !important;
        justify-content: center;
    }
    /* Thematic Area - List */
    .col-lg-25 {
        flex: 0 0 20%;
        max-width: 20%;
    }
}

.number-el-cart {
    display: none;
    position: relative;
    top: -3px;
    right: 12px;
    width: 0;
}

@media (max-width: 991.9px) {
    .number-el-cart {
        top: -44px;
        right: -20px;
    }

    .newsletter-image img {
        width: 460px;
        top: -5px;
        left: -255px;
    }

    .carousel-img {
        width: 100%;
        height: 100%;
        display: block;
    }

    .list-filter .filter-item:last-child {
        border-bottom: 0px solid #9f9d9d;
    }

    .p-cart {
        position: relative;
        bottom: 27px;
        display: inline-block;
        font-weight: bold;
    }

    .mobile-icons {
        display: block;
    }

        .mobile-icons > ul {
            list-style-type: none;
        }

            .mobile-icons > ul > li {
                float: left;
            }

    /* Header menu mobile */
    /* Header menu mobile */
    .navbar-toggler-menu {
        display: block;
        width: 42px;
        height: 42px;
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: center;
        border: none;
        background-color: transparent;
        background-image: url("../imgs/header/hamburger.svg");
    }

    .navbar-toggler-menu-active {
        display: block;
        width: 42px;
        height: 42px;
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: center;
        border: none;
        background-color: transparent;
        background-image: url("../imgs/header/hamburger_close.svg");
    }

    .navbar-toggler-menu.new-menu-toggler {
        max-width: 10%;
        width: 37px;
        height: 37px;
        background-image: url("../imgs/header-new/menu-close-new.svg");
    }

    .navbar-toggler-menu-active.new-menu-toggler {
        width: 37px;
        height: 37px;
        margin-right: 10px;
        background-image: url("../imgs/header-new/menu-open-new.svg");
    }

    .sep + .sep,
    .sep {
        margin-left: 0;
        padding-left: 8px;
        border-left: 1px solid currentColor;
        display: block;
    }

    /* */
    header.navbar {
        padding: 0 16px;
    }

    /* Header menu */
    header.navbar {
        height: 80px;
    }

    .fixed-top + .web-view {
        padding-top: 80px;
    }

    /* Header menu mobile */
    .nav-mobile.show {
        display: block;
    }

    /* news */
    .news .over-mask {
        background-position: center 10%;
    }

    .news .item-lg {
        width: 66.6666%;
        height: 500px;
    }

    .news .item-md {
        width: 33.3333%;
        height: 500px;
    }

    .news .item-sm {
        width: 50%;
        height: 300px;
    }

    .news .item-xs {
        display: none;
    }

    /* Thematic Area 
    .thematic-area .area-theme {
        flex: 0 0 100%;
    }

    .thematic-area .area-courses {
        display: none;
    }*/

    /* Newsletter */
    .newsletter-title .s-icon {
        display: none;
    }

    .newsletter-text {
        padding-left: 0;
    }

    /* Header Page */
    .header-page .inner-image {
        padding-right: 30%;
        background-position: 40% center;
    }

    .header-page .inner-claim {
        padding-left: 30%;
    }

    /*.header-page .header-img.imgovernew {
        height: 400px;
        width: auto;
    }*/
    .header-page .header-img.imgovernewWhite {
        height: 400px;
        width: auto;
        margin-top: 50px;
    }

    .header-page .header-img {
        height: 100%;
        width: 100%;
    }

    /* Thematic Area - List */
    .thematic-list .list {
        display: block;
    }

    .thematic-list .list-filter {
        padding-right: 0;
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
    }

        .thematic-list .list-filter.newfiltertematicarea2 {
            padding-right: 0;
            text-align: center;
            flex-wrap: wrap;
            display: block;
        }
    /*.themlistnewarea*/

    .thematic-list .theme-item.themlistnewarea {
        flex: 0 1 22%;
        max-width: 100%;
        padding: 8px 8px 16px 8px;
        padding: 0px 0px 8px 0px;
    }

        .thematic-list .theme-item.themlistnewarea:last-child {
            border-bottom: none;
        }

    .thematic-list .theme-item {
        flex: 0 1 22%;
        max-width: 22%;
        padding: 8px 8px 16px 8px;
    }

        .thematic-list .theme-item:last-child {
            border-bottom: none;
        }

    /* */
    .course-product {
        width: calc(100% - 290px);
        padding-right: 0;
    }

    .course-shoulder {
        width: 220px;
    }

    /* Course Buy */
    .buy-float {
        right: 0;
    }

        .buy-float .card-body {
            padding: 16px 8px;
        }

    .buy-float-new {
        right: 24px;
    }

        .buy-float-new .card {
            width: 280px;
        }

    /*.buy-float-new .card-body {
            padding: 16px 8px;
        }*/
}
/* MOBILEM */
@media (max-width: 767.9px) {
    .header-over .over-content {
        max-width: 75%;
    }

    .infPrivNewsl {
        display: inherit;
        margin-right: 16px;
    }

    .formazione-back {
        background-image: none !important;
    }

    .bgd.bgd-light-e.corso-mobile {
        display: none;
    }

    .bg-light.corso-mobile {
        padding-bottom: 30px;
    }

    .imgscuolacomplexity {
        display: none;
    }

    .yellow-line-home:after {
        content: "";
        display: inline-block;
        height: 0.9em;
        vertical-align: bottom;
        width: 100%;
        margin-right: -100%;
        margin-left: 10px;
        border-top: 1.2rem solid #ffcd0c;
    }

    .margintopstyle {
        margin-top: 1px;
    }

    .no-image-pstyle {
        height: 200px;
    }

    .carousel-img {
        width: 100% !important;
        display: block;
        height: 100% !important;
    }

    .no-gradient {
        color: #ffffff;
        background-color: #ffc107;
    }

    /* Footer */
    .footer .copy {
        padding-bottom: 16px;
    }

    .footer .social-pages {
        justify-content: flex-start;
    }

    /* Titles */
    .title-1 {
        font-size: 1.8rem;
    }

    .carousel-new-cart .title-2 {
        font-size: 1.2rem;
    }

    .carousel-new-cart .desc-carousel {
        font-size: 0.8rem;
    }

    .title-2 {
        font-size: 1.8rem;
        padding-top: 20px;
    }

        .title-2.title23news {
            font-size: 2.1rem;
        }

        .title-2.facultytext {
            font-size: 1.8rem;
            display: table;
        }

        .title-2.title22-new {
            font-size: 1.8rem;
            padding-top: 1px;
        }

    .title-3 {
        font-size: 1.8rem;
    }

    .mask-text {
        font-size: 1.4rem;
    }

    .title-4 {
        font-size: 1.1rem;
    }

    .title-sliderhome {
        font-size: 1.5rem;
    }

    .sottotitle-sliderhome {
        font-size: 1rem;
    }

    .title-5 {
        font-size: 1.1rem;
    }

    .title-6 {
        font-size: 0.9rem;
    }

    /* Buttons */
    .btn {
        font-size: 1.3rem;
    }

    /* Tab */
    .tab-content {
        padding: 16px;
    }

    /* Slider Home */
    .carousel {
        height: 400px;
    }

        .carousel .header-over {
            height: 300px;
            position: absolute;
            z-index: 2;
            top: 0;
            left: 0;
        }

        .carousel .carousel-img {
            height: 300px;
            position: absolute;
            z-index: 1;
            top: 0;
            right: 0;
            width: auto;
        }

    /* Slider Course */
    .slider-c .course-item {
        width: 320px;
    }

    /* Mission */
    .mission-image {
        display: none;
    }

    /* Search */
    .search-image {
        display: none;
    }

    .form-search .group-inline .form-group {
        width: 100%;
    }

    /* Search Page */
    .search-page {
    }

        .search-page .group-inline .form-group {
            width: 100%;
        }

            .search-page .group-inline .form-group + .form-group {
                margin-left: 0;
            }

    /* High Light 
    .high-light {
        display: none;
    }*/

    /* Thematic Area */
    .slider-t .area-theme .mask {
        padding: 32px 16px 0 16px;
    }

    /* Masterclass */
    .master-class {
        /*  background-color: #E30A17;
        background-size: auto 80%;*/
    }

        .master-class .master-title {
            height: 90px;
        }

        .master-class .master-title-new {
            height: 140px; /* 90px;*/
            background-size: 100%;
        }

        .master-class .master-video {
            padding-top: 40px;
        }

    /* news */
    .news .item-lg {
        width: 50%;
        height: 400px;
    }

    .news .item-md {
        width: 50%;
        height: 400px;
        font-size: 1.8rem !important;
    }

    .news .item-sm {
        width: 50%;
        height: 250px;
        font-size: 1.8rem !important;
    }

    .font-new-news {
        font-size: 1.3rem !important;
    }

    /* Newsletter */
    .newsletter-banner {
        position: relative;
        padding-left: 0;
    }

    .newsletter-title {
        justify-content: center;
    }

    .newsletter-text {
        text-align: center;
    }

    .newsletter-image {
        text-align: center;
        position: static;
        width: 100%;
        top: auto;
        left: auto;
    }

        .newsletter-image img {
            width: 224px;
        }

    /* Header Page */
    .header-page .inner-image {
        height: 260px;
        padding-right: 10%;
        background-position: 20% center;
    }

    .header-page .inner-claim {
        height: auto;
        padding: 16px 0 32px 0;
        background-image: none !important;
    }

    /* */
    .course-product {
        width: auto;
    }

    .course-shoulder {
        width: auto;
    }

    .feduboxa {
        width: 100%;
    }
    /* Course Buy */
    .buy-float {
        position: static;
        right: auto;
    }

        .buy-float .card {
            max-width: 80%;
            margin: 0 auto 16px auto;
        }

        .buy-float .card-body {
            padding: 16px 32px;
        }

    .buy-card-mobile {
        display: block;
        position: fixed;
    }

    .buy-float-new {
        position: static !important;
        right: auto;
    }

        .buy-float-new .card {
            display: none;
        }

    /* .buy-float-new .card-body {
            padding: 16px 32px;
        }*/

    /* Chart */
    .chart {
        display: block;
    }

        .chart .chart-list {
            width: auto;
        }

        .chart .chart-shoulder {
            width: auto;
        }
}

@media (max-width: 575.9px) {
    .p-cart {
        position: relative;
        bottom: 27px;
        display: inline-block;
        font-weight: bold;
    }

    .col-xxs-nowidth {
        width: inherit;
    }

    .col-xxs-text {
        width: 80%;
    }
}

.button-newsmobile {
    display: none;
}

@media (max-width: 575.9px) {
    .scrollbar-visible-slider .testdiv {
        padding-right: 14px;
    }

    .testdiv {
        display: flex;
        width: 100vw;
        padding-left: 25px;
    }

    .button-newsmobile {
        display: flex !important;
        position: relative;
        justify-content: center;
    }
    /*.header-page .header-img.imgovernew {
        height: 400px;
        imgovernewWhite
    }*/

    .header-page .header-img.imgovernewWhite {
        height: 380px;
    }

    .header-page .header-img {
        height: 100%;
    }

    .p-cart {
        position: relative;
        bottom: 27px;
        display: inline-block;
        font-weight: bold;
    }

    .col-xxs-nowidth {
        width: inherit;
    }

    .col-xxs-text {
        width: 80%;
    }

    .contattaciTextAziende {
        margin-top: 15px;
    }
    /* Footer 
    .footer .group-sites,
    .footer .group-sites a {
        display: block;
    }
        */

    /* Slider Home */

    /* news */
    .font-new-news {
        font-size: 1.4rem !important;
    }

    .news .item-lg {
        width: 100%;
        height: 320px;
        font-size: 1.8rem !important;
    }

    .news .item-md {
        width: 100%;
        height: 200px;
        font-size: 1.8rem !important;
    }

    .news .item-sm {
        width: 100%;
        height: 200px;
        font-size: 1.8rem !important;
    }

    /* Masterclass */
    .master-class .master-title {
        height: 70px;
    }

    .master-class .master-title-new {
        height: 96px; /*70px;*/
    }

    .master-class .master-video {
        padding-top: 35px;
    }

    /* Thematic Area */
    .thematic-lg {
        display: none;
    }

    .thematic-md {
        display: block;
    }

    /* Search */
    .form-search .form-group {
        width: calc(100% - 16px);
    }

    /* Thematic Area - List .themlistnewarea */
    .thematic-list .theme-item.themlistnewarea {
        flex: 0 0 48%;
        max-width: 100%;
    }

    .thematic-list .theme-item {
        flex: 0 0 48%;
        max-width: 48%;
    }

    .thematic-list .course-item {
        flex: 0 0 100%;
        max-width: 426px;
    }

    /* */
    .carousel {
        height: 300px;
    }

        .carousel .header-over {
            height: 400px;
            padding: 24px 8px 68px 8px;
            justify-content: flex-start;
        }

        .carousel .carousel-img {
            height: 100%;
        }

            .carousel .carousel-img.mobile {
                display: block;
            }
    /*
  .carousel .carousel-indicators{   bottom:218px; }
  */
    .carousel-control-prev,
    .carousel-control-next {
        bottom: 28px;
        top: auto;
    }

    .carousel .header-over .over-content {
        max-width: 100%;
    }

    /* Header Page Over */
    .header-over .over-content {
        max-width: 100%;
        position: relative;
        /*top: 50%;*/
    }

    /* Header Page Over 
    .header-over .over-content {
        max-width: 70%;
    }*/

    /* Course Buy */
    .buy-float .card {
        max-width: 100%;
    }
}

.back-to-cart-header .fas {
    height: 0.9rem;
    margin-right: 3px;
}

@media (max-width: 415px) {
    .back-to-cart-header {
        font-size: 0.8rem;
    }

        .back-to-cart-header .fas {
            height: 0.7rem;
        }

    .carousel-indicators {
        transform: scale(0.75);
        height: 0px;
    }

    .thematic-mask-mobile {
        padding-left: 24px !important;
        padding-top: 24px !important;
        padding-right: 24px !important;
    }

    .inner-image.inner-image-areatematica {
        min-height: 210px !important;
        height: 100% !important;
        padding: 25px 0 !important;
    }
}

@media (max-width: 540.9px) {
    .mobile-icons > ul {
        transform: scale(0.75);
        padding-inline-start: 0px;
    }

    .p-cart {
        position: relative;
        bottom: 48px;
        left: 30px;
        display: inline-block;
        font-weight: bold;
    }

    .buy-price.sg-price-card {
        font-size: 6vw;
    }
}

@media (max-width: 459.9px) {
    .rm-padding-price {
        padding-left: 1px !important;
        padding-right: 8px !important;
    }

    .buy-price.sg-price-card {
        font-size: 6.5vw;
    }

    .carousel .header-over {
        height: 400px;
        padding: 24px 8px 68px 8px;
        justify-content: flex-start;
    }

    .carousel {
        height: 250px;
    }

    .p-cart {
        position: relative;
        bottom: 48px;
        left: 30px;
        display: inline-block;
        font-weight: bold;
    }
    /* Masterclass */
    .master-class .master-title {
        height: 50px;
    }

    .master-class .master-title-new {
        height: 75px; /*50px;*/
        background-size: 100%;
    }

    .master-class .master-video {
        padding-top: 30px;
    }

    /* Header Page Over */
    .header-over .over-content {
        max-width: 100%;
    }
}

@media (max-width: 424.9px) {
    .navbar-toggler-menu {
        width: 9%;
    }
}

@media (max-width: 390.9px) {
    .back-to-cart-header {
        font-size: 0.7rem;
    }

    .btn.new-buttonstyle {
        font-size: 0.9em;
    }

    .thematipaddingcontainer {
        padding-right: 14px;
        padding-left: 14px;
    }

    .thematictitle {
        font-size: 2rem !important;
        line-height: 1.7rem !important;
        margin-bottom: 15px;
    }

    .thematicsubtitle {
        font-size: 1rem;
        line-height: 1.1rem;
    }

    .testdiv {
        display: flex;
        width: 100vw;
        padding-left: 25px;
        padding-right: 0px;
    }

    .group-sites {
        display: none !important;
    }

    .group-sites-mobile-footer {
        display: block;
    }
    /* .header-over.carover {
        position: relative !important;
        transform: scale(0.65);
        left: -72px !important;
        width: 500px;
        top: -77px !important;
    }*/
    .carousel-indicators {
        transform: scale(0.75);
        height: 0px;
    }

    .blocco {
        text-align: center;
        width: 75%;
        margin-left: 13%;
    }

    /* .header-page .header-img.imgovernew {
        height: 400px;
    }*/
    .header-page .header-img.imgovernewWhite {
        height: 440px;
    }

    .header-page .header-img {
        height: 100%;
    }

        .header-page .header-img.header-img-lda {
            height: 230px;
        }

    .navbar-brand {
        width: 22%;
    }

    .navbar-brand-new {
        width: 28%;
    }
}

@media (max-width: 415px) {
    .header-over.carover {
        position: relative !important;
        transform: scale(0.65) !important;
        left: -72px !important;
        width: 500px !important;
        top: -77px !important;
    }
}

@media (max-width: 767.9px) {
    .title-1.title-caroselnew {
        /*    font-size: 2rem;*/
        font-size: 2.5rem;
    }

    .title-4.title-caroselnew {
        /*    font-size: 1.1rem;*/
        font-size: 1.4rem;
    }
}

@media (max-width: 350.9px) {
    .carousel {
        height: 250px;
    }
}

@media (max-width: 325.9px) {
    .btn.new-buttonstyle {
        font-size: 0.8rem;
    }

    .navbar-toggler-menu {
        width: 13%;
    }

    .navbar-brand-new {
        width: 36%;
    }

    .mobile-icons {
        height: 50% !important;
        width: 49% !important;
        margin-left: -33px !important;
    }

    .thematictitle {
        font-size: 2rem !important;
        line-height: 1.5rem !important;
        margin-bottom: 10px;
    }

    .thematicsubtitle {
    }

    .thematic-mask-mobile {
        padding-left: 19px !important;
        padding-top: 19px !important;
        padding-right: 19px !important;
    }
}

@media (max-width: 308.9px) {
    .info-tappe-card {
        font-size: 0.8rem;
    }

    .thematictitle {
        font-size: 1.5rem !important;
        line-height: 1.4rem !important;
        margin-bottom: 8px;
    }

    .thematic-mask-mobile {
        padding-left: 15px !important;
        padding-top: 15px !important;
        padding-right: 15px !important;
    }

    .thematicsubtitle {
        font-size: 0.9rem;
        line-height: 1.1rem;
    }

    .btn.new-buttonstyle {
        font-size: 0.7rem;
        padding: 2px 14px;
    }
}

@media (max-width: 330px) {
    .tappe-lista .header-title {
        font-size: 0.9rem !important;
    }
}

@media (max-width: 285px) {
    .tappe-lista .info-tappe-card .icon-xxs {
        width: 13px !important;
        min-width: 13px !important;
        height: 12px !important;
    }
}

@media (min-width: 992px) and (max-width: 1124px) {
    .rm-padding-price .sg-price-card small {
        font-size: 70% !important;
    }
}

@media (min-width: 992px) and (max-width: 1094px) {
    .nav-m-l .nav-link {
        font-size: 1.16vw !important;
    }
}

@media (max-height: 400px) {
    header.navbar {
        height: 40px !important;
    }

    .navbar-brand-new {
        height: 30px !important;
    }

    .navbar .mobile-icons {
        height: 100% !important;
    }

        .navbar .mobile-icons > ul {
            padding-left: 0 !important;
            transform: none !important;
        }

        .navbar .mobile-icons .s-icon.icon-sm {
            width: 24px;
            min-width: 24px;
            height: 24px;
        }

    .navbar .navbar-toggler-menu {
        width: 29px !important;
        height: 29px !important;
    }

    .navbar-toggler-menu-active {
        width: 29px !important;
        height: 29px !important;
    }

    .fixed-top + .web-view {
        padding-top: 40px !important;
    }

    .nav-mobile {
        top: 40px !important;
    }
}

.img-cartempty {
    width: 100%;
    height: 400px;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/FEDUTheme/imgs/new-cart/CarrelloVuoto.svg);
}

.img-thankspage-empty {
    width: 100%;
    height: 400px;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/FEDUTheme/imgs/new-cart/Sacchetto.svg);
}

@media (max-width: 445.9px) {
    .img-cartempty,
    .img-thankspage-empty {
        background-size: 100% auto;
    }
}

.anchor-cond {
    display: block;
    position: relative;
    top: -100px;
    visibility: hidden;
}

/* CARD DELLE RECENSIONI IN HOME */
.card-review {
    width: 100%;
    height: 320px;
    background: #f9f9f9;
    position: relative;
}

    .card-review .background {
        border: 1px solid #f8f8f8;
        box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
        background-color: #FFF;
        position: absolute;
        bottom: 8px;
        top: 60px;
        left: 0;
        right: 0;
    }

    .card-review .container {
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
    }

        .card-review .container .heading {
            color: #b4b4b4;
            font-size: 0.7rem;
            margin: 10px 0;
        }

        .card-review .container .title {
            font-size: 1rem;
            color: black;
            font-weight: 600;
            line-height: 1.6rem;
            max-height: 1.6rem;
            min-height: 1.6rem;
            margin: 10px 0;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
        }

        .card-review .container .image.round.medium {
            width: 100px;
            height: 100px;
            margin-top: 10px;
            border: 3px solid white;
            border-radius: 50%;
            box-shadow: 0 0 10px #ccc;
        }

        .card-review .container .quotes {
            width: 30px;
            position: absolute;
            top: 0;
            left: 100px;
        }

        .card-review .container .description {
            font-size: 0.9rem;
            color: black;
            min-height: 3.6rem;
            line-height: 1.2rem;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
        }

        .card-review .container .full-description {
            font-size: 0.8rem;
            color: black;
            text-decoration: underline;
            cursor: pointer;
            background: none;
            padding: 0;
            margin: 0;
            position: absolute;
            bottom: 15px;
            left: 15px;
        }

/* CARD DEI CORRELATI IN HOME */
.card-related {
    width: 100%;
    height: 360px;
    background: white;
    position: relative;
    background: white;
    box-shadow: 0 0 5px #ccc;
    margin: 10px 0;
}

    .card-related .container {
        position: absolute;
        bottom: 30px;
        top: 0;
        left: 0;
        right: 0;
        margin: 0;
        padding: 0;
    }

        .card-related .container .heading {
            color: black;
            margin: 10px 0;
            text-transform: capitalize;
            font-size: 1rem;
            padding: 0 15px;
            line-height: 1rem;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
        }

        .card-related .container .title {
            font-size: 1.2rem;
            color: black;
            font-weight: 600;
            line-height: 1.3rem;
            padding: 0 15px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
        }

        .card-related .container img {
            width: 100%;
            height: 60%;
            object-fit: cover;
        }

        .card-related .container .description {
            font-size: 0.9rem;
            color: black;
            min-height: 3.6rem;
            line-height: 1rem;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
        }

    .card-related .full-description {
        font-size: 0.8rem;
        color: black;
        text-decoration: underline;
        cursor: pointer;
        background: none;
        padding: 0;
        margin: 0;
        position: absolute;
        bottom: 15px;
        left: 15px;
    }

    .card-related .course-wish-new {
        position: absolute;
        top: 10px;
        right: 10px;
        padding: 3px 7px;
        background: black;
        border: solid 1px white;
        border-radius: 15px;
        color: white;
        font-size: 0.8rem;
        width: auto;
        display: block;
        height: 22px;
        display: inline-flex;
        align-items: center;
    }

        .card-related .course-wish-new label {
            margin: 0;
            margin-left: 3px;
        }

        .card-related .course-wish-new svg {
            color: white;
        }

        .card-related .course-wish-new .s-icon.icon-xxs {
            width: 13px;
            min-width: 13px;
            height: 13px;
        }

.card-bullet-point {
    margin-bottom: 40px;
}

    .card-bullet-point .quantity {
        width: 100px;
        height: 100px;
        min-width: 100px;
        min-height: 100px;
        text-align: center;
        line-height: 100px;
        color: black;
        margin-right: 20px;
        background-color: #ffcd0c;
        font-size: 3.7rem;
        font-weight: 600;
    }

    .card-bullet-point h5 {
        font-weight: 600;
        font-size: 1.1rem;
    }

    .card-bullet-point .description {
        font-size: 0.95rem;
    }

.panel-default {
    background: white;
    box-shadow: 0 0 5px #ccc;
    margin: 10px 0;
}

    .panel-default > .panel-heading {
        color: #333;
        border-color: #e4e5e7;
        padding: 0;
        background: white;
        padding: 20px;
        margin: 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        .panel-default > .panel-heading button {
            display: block;
            padding: 10px 15px;
            background: white;
            font-size: 1.1rem;
            font-weight: 600;
            text-decoration: none;
            white-space: normal;
            padding: 0;
            margin: 0;
            text-align: left;
            width: 99%;
        }

            .panel-default > .panel-heading button:after {
                content: "";
                position: relative;
                top: 6px;
                display: inline-block;
                font-family: "Font Awesome 5 Free";
                font-style: normal;
                line-height: 1;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                right: -10px;
                float: right;
                transition: transform 0.25s linear;
                -webkit-transition: -webkit-transform 0.25s linear;
            }

            .panel-default > .panel-heading button[aria-expanded="true"]:after {
                content: "\f068";
                -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
            }

            .panel-default > .panel-heading button[aria-expanded="false"]:after {
                content: "\f067";
                -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
            }

    .panel-default .panel-body {
        padding: 20px;
    }

.accordion-option {
    width: 100%;
    float: left;
    clear: both;
}

    .accordion-option .title {
        font-size: 20px;
        font-weight: bold;
        float: left;
        padding: 0;
        margin: 0;
    }

    .accordion-option .toggle-accordion {
        float: right;
        background: none;
        text-decoration: none;
        padding: 0;
        margin: 0;
        font-size: 0.9rem;
    }

        .accordion-option .toggle-accordion:before {
            content: "Chiudi tutti i moduli";
        }

        .accordion-option .toggle-accordion.collapsed:before {
            content: "Espandi tutti i moduli";
        }

/* REVIEWS - CARD MODAL */
.btn-close-modal:hover {
    color: #000 !important;
}

.btn-close-modal:focus {
    outline: none !important;
    box-shadow: none !important;
}

.swal2-html-container .card-review {
    background-color: #fff;
    box-shadow: none;
    border: none;
    height: 100%;
}

    .swal2-html-container .card-review .background,
    .swal2-html-container .card-review .container .full-description {
        display: none;
    }

    .swal2-html-container .card-review .container {
        position: relative;
    }

        .swal2-html-container .card-review .container .description {
            display: block;
        }

/* HERO BANNER */
.header-info-cta {
    display: flex;
    justify-content: space-between;
    z-index: 10;
    height: 100%;
}

.header-page .course-wish-new,
.header-page .course-share {
    display: flex;
    transition: all 0.3s;
    position: relative;
    top: 0;
    right: 0;
    width: auto;
    height: 2.3rem;
    border-radius: 1.6rem;
    align-items: center;
    padding: 0rem 0.8rem;
    background-color: #000;
    opacity: 1;
    color: #fff;
    cursor: pointer;
}

    .header-page .course-share .fa-share,
    .header-page .course-wish-new .fa-heart,
    .header-page .course-wish-new .fa-heart::before {
        color: #fff;
    }

.shade {
    width: 100%;
    bottom: 0px;
    position: absolute;
    height: 30rem;
    z-index: 2;
    background: transparent linear-gradient(360deg, #000 -10%, rgba(0, 0, 0, 0.2) 70%, rgba(0, 0, 0, 0) 100%) 0%;
}

.icon-mouse {
    background-image: url(../imgs/icons/mouse.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 32px;
    height: 32px;
}

.icon-scroll {
    position: absolute;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: center;
    z-index: 3;
    bottom: 15px;
}

    .icon-scroll .fa-chevron-up,
    .icon-scroll .fa-chevron-down {
        color: #fff;
    }

.share-url-container {
    display: flex;
    justify-content: space-between;
    padding: 5px;
    border: 1px solid rgba(118, 118, 118, 0.3);
    flex-wrap: wrap;
}

    .share-url-container input {
        border: none;
        flex-grow: 1;
    }

    .share-url-container button {
        background-color: white;
        color: black;
        border: none;
        cursor: pointer;
    }

        .share-url-container button:focus {
            outline: none;
        }

.social-link .fa-facebook-square {
    color: #4267b2;
}

.social-link .fa-twitter-square {
    color: #1da1f2;
}

/* Label promo */
.label-promo-container {
    background-color: #ffcd0c;
}

.title-label-promo {
    font-weight: 700;
    padding: 1rem 1.5rem;
}

/* Container pdp */
.container-fluid-pdp {
    padding: 0px 16px;
}

@media (min-width: 768px) {
    .container-fluid-pdp {
        padding: 0px 29px;
    }
}

@media (min-width: 992px) {
    .container-fluid-pdp {
        padding: 0% 8%;
    }
}

/* Font pdp */

.font-family-poppins {
    font-family: "Poppins", sans-serif;
}

.font-family-raleway {
    font-family: "Raleway", sans-serif;
}

.font-family-work-sans {
    font-family: "Work Sans", sans-serif;
}

.font-medium {
    font-weight: 500;
}

.font-bold {
    font-weight: 700;
}

.font-semi-bold {
    font-weight: 600;
}

/* font-size-pdp */

@media (min-width: 768px) {
    .title-hero-pdp {
        font-size: 2.2rem !important;
    }

    .title-section-pdp {
        font-size: 1.5rem !important;
    }

    .title-teacher-carousel {
        font-size: 1.1rem !important;
    }

    .course-type-pdp,
    .desc-section-pdp {
        font-size: 1rem !important;
        line-height: 1.4;
    }

    .subtitle-hero-pdp {
        font-size: 1.3rem !important;
    }

    .title-act-hero {
        font-size: 0.9rem !important;
    }

    .footer-section {
        font-size: 0.9rem !important;
    }
}

/* Checkout Payment  */

.border-course-container {
    border: solid 2px rgba(0,0,0,0.12);
    padding: 1.5rem;
}

.textarea-message {
    min-height: 8rem;
}

.image-box-checkout {
    width: 9rem;
    margin-right: 1rem;
}

.summary-checkout {
    border-top: solid 2px rgba(0,0,0,0.12);
    border-bottom: solid 2px rgba(0,0,0,0.12);
    padding: 1.3rem 0rem;
    margin-bottom: 2rem;
}

/* Tooltip Gift  */



.fa-info {
    width: 4px !important;
}

.icon-flex, .icon-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

.icon-wrapper {
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid black;
    width: 20px;
    height: 20px;
}

    .icon-wrapper i {
        color: blue;
    }

.tooltip-gift {
    position: relative;
    display: inline-block;
}

    .tooltip-gift .tooltiptext {
        visibility: hidden;
        width: 23rem;
        background-color: white;
        color: black;
        text-align: center;
        padding: 5px;
        position: absolute;
        z-index: 1;
        margin-top: 4px;
        left: 50%;
        border: solid 2px rgba(0,0,0,0.12);
        margin-left: -11px;
        opacity: 0;
        font-size: 0.8rem;
        transition: opacity 0.3s;
    }

    .tooltip-gift:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
    }


/* Redemm  */

.section-redeem-code {
    display: flex;
    flex-direction: column;
    text-align: center;
    margin-bottom: 10rem;
}

.input-redeem {
    box-shadow: 0px 10px 16px #00000029;
    margin: auto;
    width: 20rem;
}

.redeem-title {
    font-size: 1.5rem;
}

.redeem-subtitle {
    font-size: 1rem;
}

.redeem-checkbox {
    display: flex;
    align-items: baseline;
    width: 20rem;
    margin: 12px auto;
}

@media (min-width: 576px) {
    .input-redeem {
        width: 25rem;
    }

    .redeem-checkbox {
        width: 35rem;
    }
}
/*#region modal register*/
.modal-register-home {
    position: fixed;
    /*position: fixed;
    top: calc(100vh - 600px) !important;
    border-radius: 25px;*/
    /* position: absolute;
    float: left;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);*/
    /*    min-height: calc(100vh - 60px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: auto;*/
}


@media(max-width: 768px) {
    .modal-cont {
        min-height: calc(100vh - 20px);
    }

    .modal-content-home {
        /*  width:90vw !important;*/
        width: calc(100vw - 5%) !important;
    }
}

.modal-cont {
    min-height: calc(100vh - 60px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: auto;
    align-items: center;
}

.modal-content-home {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 400px;
    height: 400px;
    pointer-events: auto;
    background-color: #FFFFFF;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 37px;
    outline: 0;
    /*background-image: url(../imgs/images/nuovaprovapopuphome.png);*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: center;
}

.btn-reg {
    font-family: "Poppins", sans-serif;
    background-color: #000;
    border-radius: 10px;
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
    color: #fff;
}

.close-icon-pop {
    /*color: #02FF00;*/
    font-size: 35px;
    background-image: url(../imgs/header-new/menu-open-new.svg);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    /*filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(86deg) brightness(118%) contrast(119%);*/
    color: #000000;
    text-decoration: none;
    -ms-opacity: .75;
    opacity: .75;
}

.mod-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
}

.mod-header {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 1rem;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
}
/* ipad Mini Portrait */
@media only screen and (width:768px) and (height: 1024px) {
    .modal-content-home {
        width: 400px !important;
    }
}

/* ipad Mini Landscape */
@media only screen and (width:1024px) and (resolution: 163dpi) {
    .modal-content-home {
        width: 100%;
    }
}
/*#endregion*/

.modal-backdrop {
    z-index: 2147483642 !important;
}

.modal {
    z-index: 3147483641 !important;
}