@media screen and (max-width: 900px) {
    html {
        overflow-x: hidden !important;
    }
}

p a {
    /**/ font-weight: 400
}

body {
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

p {
    /* color: #17324D !important;*/
    color: #000 !important;
}

.headerTop {
    background-color: #0059b3;
    height: 36px;
}

.positionMenu {
    position: fixed !important;
    top: 0px;
    height: 100% !important;
}

.styleBackgrountUnderImg {
    background-color: #fff;
    box-shadow: 0 2px 20px 0 rgba(0,0,0,.1);
}

.boxImgLogoFAEnti {
    box-shadow: 0 2px 20px 0 rgba(0,0,0,.1);
    border-radius: 15px;
    height: 110px;
    width: 110px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.styleArchivioNews {
    position: absolute !important;
    top: 20px !important;
    right: 20px !important;
    bottom: auto !important;
    background-color: rgba(255, 255, 255, 0.9) !important;
    padding: 10px !important;
}

.styleCardEntiSGD {
    border: solid 3px #093F68;
    padding: 20px;
    margin-left: 0px;
    margin-right: 0px;
}

.positionCardFAEnti {
    display: flex;
    justify-content: center;
}

.mostraLaGalleria {
    font-weight: 600;
    color: #fff;
    background-color: #06c;
    padding: 7px;
    border-radius: 5px;
}

    .mostraLaGalleria:hover {
        font-weight: 600;
        color: #06c;
        background-color: #fff;
        border: solid 3px #06c;
        padding: 7px;
        border-radius: 5px;
    }

.overflowYauto {
    overflow-y: auto !important;
}

.borderTop {
    border-top: solid 1px #a1a1a1;
}

.backgroundColorCardSMD {
    background-color: #E3EBF4 !important;
}

.backgroundColorTransparent {
    background-color: transparent !important;
}

.backgroundColorBluHeader {
    background-color: #0066CC !important;
}

.boxShadow {
    box-shadow: 0 2px 20px 0 rgb(0 0 0 / 10%) !important;
}

.tricoloreHeader {
    width: 100%;
    position: absolute;
    left: 0;
    margin-top: 16px;
}

.activeMenu {
    border-left: solid 3px #06c !important;
    background-color: #f1f8ff !important;
    font-size: 1em !important;
    font-weight: 600 !important;
}

.displayFlex {
    display: flex;
}

.justifyContentCenter {
    justify-content: center !important;
}

.backgroundColorWebTvSMD {
    background-color: #F2F7FB !important;
}

.backgroundColorWhite {
    background-color: #fff !important;
}

.radioEIBackGround {
    background-color: #B18500 !important;
}

.styleCardConsistenzaMassimaOpMil {
    background-color: #ebebeb;
    border-radius: 15px;
}

.instaRadioEIBackGround {
    background-color: #D8A000 !important;
}

.activeMenuHover:hover {
    background-color: #f1f8ff !important;
}

.activePubblicistica:hover {
    background-color: #DAE5F9 !important;
    cursor: pointer;
}

.borderVerticalRight {
    border-right: solid 1px #bababa;
}

.lunghezzaCaratteri {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -moz-box;
    -moz-box-orient: vertical;
    -moz-box-lines: 3;
    display: box;
    box-lines: 3;
    box-orient: vertical;
}

.lunghezzaCaratteri1Col {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -moz-box;
    -moz-box-orient: vertical;
    -moz-box-lines: 1;
    display: box;
    box-lines: 1;
    box-orient: vertical;
}

.lunghezzaCaratteri2Col {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -moz-box;
    -moz-box-orient: vertical;
    -moz-box-lines: 2;
    display: box;
    box-lines: 2;
    box-orient: vertical;
}


.lunghezzaCaratteri6Col {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -moz-box;
    -moz-box-orient: vertical;
    -moz-box-lines: 6;
    display: box;
    box-lines: 6;
    box-orient: vertical;
}


.lunghezzaCaratteri4Col {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -moz-box;
    -moz-box-orient: vertical;
    -moz-box-lines: 4;
    display: box;
    box-lines: 4;
    box-orient: vertical;
}


.lunghezzaCaratteri3Col {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -moz-box;
    -moz-box-orient: vertical;
    -moz-box-lines: 3;
    display: box;
    box-lines: 3;
    box-orient: vertical;
}


.lunghezzaCaratteri6Col {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -moz-box;
    -moz-box-orient: vertical;
    -moz-box-lines: 6;
    display: box;
    box-lines: 6;
    box-orient: vertical;
}


.lunghezzaCaratteri8Col {
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -moz-box;
    -moz-box-orient: vertical;
    -moz-box-lines: 8;
    display: box;
    box-lines: 8;
    box-orient: vertical;
}

.buttonContatPubInf {
    border-radius: 0px !important;
    text-transform: uppercase !important;
    width: 100% !important;
}

.tagNewsDetail {
    text-decoration: none !important;
    background-color: #f0f0f0 !important;
    padding: 5px !important;
    text-transform: uppercase !important;
    font-family: "Titillium Web" !important;
    font-size: 1rem;
    font-weight: 600 !important;
}

.containerVarieEI {
    background-color: #041A27;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
}

.paddingMenu {
    padding-left: 30px !important;
    padding-right: 0px !important;
}

.overfloYHidden {
    overflow-y: hidden !important;
}

.width65 {
    width: 65% !important;
}

.width75 {
    width: 75% !important;
}

.icon25 {
    width: 26px !important;
    height: 26px !important;
}

.backgroundColorOverlayDetailNews {
    background-color: #ffffffb5 !important;
}

.contattiPubblicaInfSMD {
    padding-right: 62px !important;
    text-align: right;
}

.iconHeader {
    color: #fff;
}

.noColorBackground {
    background-color: transparent !important;
}

.bannerOnImgWebTV {
    position: absolute;
    top: 0;
    z-index: 9999999999;
    background-color: #ffffffa8;
    width: 100%;
    padding: 15px;
}

.textBannerOnImgWebTV {
    margin-bottom: 0px !important;
    text-transform: uppercase !important;
    font-family: "Titillium Web" !important;
    color: #06c !important;
    font-weight: 900;
    font-size: 15px;
}

.textButtonNotiziaPrimoPiano {
    color: #fff;
    text-transform: uppercase;
    background-color: #06c;
    font-family: "Titillium Web";
    font-size: 1rem;
    font-weight: 600;
    border-radius: 15px;
    padding: 5px;
    position: absolute;
    bottom: 20px;
    right: 20px;
}


.textButtonArchivioNews{
    bottom: -40px;
    color: #fff !important;
    height: 38px;
    background-color: #06c;
    font-family: "Titillium Web";
    border-radius: 8px;
    padding: 5px;
    position: absolute;
    right: 20px;
}

.textButtonVaiAllaGalleria{
    bottom: -40px;
    color: #fff !important;
    height: 38px;
    background-color: #06c;
    font-family: "Titillium Web";
    border-radius: 8px;
    padding: 5px;
    width: 170px;
}

.textSottotitoloCardPPSMD {
    margin-bottom: 0px;
    font-family: "Titillium Web" !important;
    color: #06c !important;
    font-weight: 600;
}

.card-text {
    font-family: "Titillium Web" !important;
}

.textVarieEI {
    font-size: 26px;
    font-weight: 400;
    color: #fff !important;
    margin-bottom: 0;
}

.styleButtonCard {
    border-radius: 50px !important;
    height: 27px !important;
    padding: 0px 10px 0px 10px !important;
    margin-top: -95px;
    margin-left: 205px;
    font-size: small !important;
    font-weight: 500 !important;
}

.buttonUfficioStampa {
    padding: 7.5px !important;
    cursor: pointer !important;
    background-color: transparent !important;
    color: #fff !important;
    border: solid 2px #fff !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    border-radius: 5px !important;
}

.verticalBar {
    border-left: solid 1px #fff !important;
}

.horizontalBar {
    border-bottom: solid 1px #ebebeb !important;
}

.portaInPrimoPiano {
    z-index: 9999999 !important;
}

.displayFlex {
    display: flex !important;
}

.styleCardContainer {
    border: solid 1px #f0f0f0;
    padding: 20px 0px 20px 20px;
    margin-left: 50px !important;
    margin-right: 50px !important;
    margin-top: 30px !important;
    box-shadow: 3px 3px 10px #dedede;
}

.hrRicercaElenco {
    height: 3px !important;
    color: #06c;
    opacity: 1;
}

.styleCard {
    box-shadow: 3px 3px 10px #dedede;
}

.centerContent {
    display: flex;
    justify-content: center;
}

.noBorder {
    border-top: none !important;
    border-bottom: none !important;
}

.positionElements {
    display: flex !important;
    align-items: flex-end !important;
    flex-direction: column !important;
}

.datePickerGB {
    border: solid 2px #e9e9e9 !important;
    color: #878787 !important;
    font-weight: 100 !important;
}

.styleTitleInsideContainer {
    background-color: #d9e4f6;
    margin-top: -20px !important;
    margin-bottom: -20px !important;
    padding-top: 90px !important;
    padding-left: 50px !important;
    padding-right: 50px !important;
}

.stileCardNotiziaPrimoPiano {
    border-radius: 8px 0 0 8px;
}

.posizioneBottoneContattiPI {
    padding-left: 0px;
    margin-left: -3px;
}

.styleFooter {
    background-color: #0c4574;
    padding: 40px;
}

.styleFooterList {
    width: 100%;
    -moz-column-count: 4;
    -moz-column-gap: 10px;
    -webkit-column-count: 4;
    -webkit-column-gap: 10px;
    -ms-column-count: 4;
    -ms-column-gap: 10px;
    column-count: 4;
    column-gap: 10px;
    list-style-type: none;
}

.styleBorderSearchElenco {
    border: solid 3px #00356b;
    border-radius: 8px;
    padding: 20px;
}

.styleBoxSearchElenco {
    padding: 10px;
    background-color: #cce8ef;
    margin-top: -50px;
    margin-bottom: 15px;
    border-radius: 5px;
    width: fit-content;
    margin-left: 15px;
    color: #001654;
    font-weight: 700;
    font-size: 15px;
    position: relative;
    z-index: 999;
}

.boxFlexCenter {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ombraCard {
    box-shadow: 0 2px 20px 0 rgba(0,0,0,.1);
}

.noOmbraCard {
    box-shadow: 0 0px 0px 0 rgba(0,0,0,.1) !important;
}

.marginSocialSMD {
    margin-top: 25px !important;
}

.stickyDifesa {
    position: -webkit-sticky; /* Per la compatibilità con Safari */
    position: sticky;
    top: 0;
    z-index: 1050;
}

.paddingLeftRight5 {
    padding-left: 5px;
    padding-right: 5px;
}

.heightBodyCardSponsor {
    height: 110px !important;
}

.cursorPointer {
    cursor: pointer !important;
}

.styleFooterBottom {
    background-color: #00264D;
    padding-left: 50px !important;
    padding-right: 50px !important;
    padding-top: 15px !important;
    padding-bottom: 10px !important;
}

.it-footer-small-prints{
background-color: #00264D!important;
}

.table-striped-inv tbody tr:nth-of-type(2n+1) {
    background-color: #E5F3FC !important;
}

.table-dati-left tr th {
    text-transform: uppercase;
    color: white !important;
    background-color: #004080 !important;
    font-size: 0.8rem !important;
    padding: 10px 18px;
}

.textBold {
    font-weight: 600 !important;
}

.styleFooterMenuSGD {
    background-color: #093F68;
    padding: 50px !important;
}

.backgroundColorButtonFooter {
    background-color: #0059b3 !important;
    border-color: #0059b3 !important;
}

.borderRadiusButton50 {
    border-radius: 50px !important;
}

.styleFooterBottomOfBottom {
    background-color: #0059b3 !important;
    padding: 20px 50px 20px 50px;
    -moz-column-count: 6;
    -moz-column-gap: 10px;
    -webkit-column-count: 6;
    -webkit-column-gap: 10px;
    -ms-column-count: 6;
    -ms-column-gap: 10px;
    column-count: 6;
    column-gap: 10px;
    list-style-type: none;
}

.backgroundConcorsiBarBlue {
    background-color: #0d6ecf;
}

.backgroundConcorsiBarGray {
    background-color: #e9effb;
}

.backgroundColorBaracchini {
    background-color: #F4F7FE !important;
}

.styleTabSocialWall {
    background-color: #eff3fe;
    padding: 50px !important;
}

.containerSocialWallRight {
    background-color: #dae5f9;
}

.containerLeftOperazioniMilitari {
    background-color: #04467a;
}

.containerRightEditoria {
    background-color: #f0f4fd;
}

.styleContainerLeForzeArmate {
    background-color: #04467A;
}

.backgroundContainerTrasparenzaColor {
    background-color: #0059B3;
    width: 103%;
}

.divPecUffRel {
    background-color: #EEF2FC !important;
    padding: 50px !important;
    height: 100% !important;
}

.buttonLanguageHeader {
    background-color: #fff;
    padding: 3px 10px 3px 10px;
    border-radius: 3px;
    color: #06C !important;
}

    .buttonLanguageHeader:hover {
        background-color: #06C;
        padding: 3px 10px 3px 10px;
        border-radius: 3px;
        color: #fff !important;
    }

.btnRoundSmall {
    border-radius: 50px !important;
    height: 35px !important;
    padding: 0px 20px !important;
}

.colorDateNewsDetail {
    color: #787878;
}

/* ######################## HEIGHT ############################# */
.height120 {
    height: 120px !important;
}

.height100 {
    height: 100% !important;
}

.height50 {
    height: 50% !important;
}

.height95 {
    height: 95% !important;
}

.height94 {
    height: 94% !important;
}

.height60 {
    height: 60% !important;
}

.height60px {
    height: 60px !important;
}

.height57 {
    height: 57% !important;
}

.heightAuto {
    height: auto !important;
}

/* ############## TEXT ################## */
.textMenu {
    color: #06c !important;
    text-decoration: none !important;
    /**/ font-weight: 400;
}

/* .textMinistroStory {
    -moz-column-count: 1;
    -moz-column-gap: 10px;
    -webkit-column-count: 1;
    -webkit-column-gap: 10px;
    -ms-column-count: 1;
    -ms-column-gap: 10px;
    column-count: 1;
    column-gap: 50px;
    text-align: justify;
    font-family: "Titillium Web";
    font-size: 1rem;
    color: #4e4e4e;
} */

.textMinistroStory {
    -moz-column-count: 2;
    -moz-column-gap: 10px;
    -webkit-column-count: 2;
    -webkit-column-gap: 10px;
    -ms-column-count: 2;
    -ms-column-gap: 10px;
    column-count: 2;
    column-gap: 50px;
    text-align: justify;
    font-family: "Titillium Web";
    font-size: 1rem;
    color: #4e4e4e;
}

.textHeader {
    margin-top: 45px;
    color: #c9c9c9;
    font-family: "Titillium Web";
    font-size: 1rem;
}

.textHeaderBottom {
    color: #fff !important;
    font-family: "Titillium Web";
    font-size: 18px;
    font-weight: 600;
}

.textBreadNotSelected {
    color: #0066cb !important;
    font-family: "Titillium Web";
    font-size: 1rem;
    font-weight: 500;
}

.textRicercaTitoloElenco {
    font-size: .7777777778rem;
    font-weight: 600;
    color: #435a70;
}

.textTitleBaracchini {
    color: #486399;
    font-weight: 700;
}

.textCardEntiSGD {
    color: #093F68;
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: underline !important;
}

.textParBaracchini {
    color: #486399;
    font-family: "Titillium Web";
    font-size: 1rem;
    font-weight: 400;
}

.textSedeBaracchini {
    color: #486399;
    font-size: 18px;
    font-weight: 400;
}

.textMinisteroDifesaLogo {
    font-family: 'Titillium Web';
    margin-left: 20px;
    font-weight: 500 !important;
    font-size: 2.6rem !important;
}

.textTitleCardFoglia {
    font-weight: 700;
}

.textColorCardFoglia {
    color: #486399 !important;
}

.textRadioEI {
    margin-top: 20px;
    color: #fff !important;
}

.textCardContactFoglia {
    color: #486399 !important;
    font-weight: 600 !important;
}

.textUfficoPersonaleFoglia {
    color: #486399 !important;
}

.textCardWebTvSmd {
    text-transform: uppercase;
    color: #000;
    font-weight: 600;
}

.textLinkCardWebTvSmd {
    text-decoration: none !important;
    color: #000;
    font-weight: 600;
}

.textBreadSelected {
    color: #767676 !important;
    font-family: "Titillium Web";
    font-size: 1rem;
    font-weight: 100;
}

.textHeaderTopLeft {
    color: #fff !important;
    margin-left: 50px;
    text-decoration: underline !important;
    font-family: "Titillium Web";
    font-size: 1rem;
    font-weight: 500;
}

.textTitleCardSmdOnly {
    color: #106FCD;
    text-transform: uppercase;
    font-weight: 600;
}

.textCardSmdOnly {
    color: #717171;
    text-transform: uppercase;
}

.textLinkCardSmdOnly {
    text-transform: uppercase !important;
    font-weight: 600 !important;
    font-family: "Titillium Web";
    font-size: 1rem;
    color: #106FCD !important;
    text-decoration: none !important;
}

.textHeaderTopRight {
    color: #fff !important;
    font-family: "Titillium Web";
    font-size: 1rem;
    font-weight: 500;
}

.textColorWithe {
    color: #fff !important;
}

.textColorBlu {
    color: #405991 !important;
}

.textSizeSmall {
    font-size: small !important;
}

.textInsideContainer {
    color: #405991;
}

.textTemiNewsletter {
    font-size: 25px;
    font-weight: 700 !important;
}

.textOverlayDetailNews {
    color: #405991;
    text-align: center;
}

.textTitleCardNews {
    color: #0066cb;
}

.textCardSubtitle {
    font-family: "Titillium Web";
    font-size: 1rem;
    font-weight: 500;
    color: #727272;
}

.textCardSubtitleDate {
    font-family: "Titillium Web";
    font-size: 16px;
    font-weight: 500;
    color: #a3a3a3;
    margin-top: -44px;
    margin-left: 78px;
}

.cardText {
    font-family: "Titillium Web";
    font-size: 1rem;
    color: #a1a1a1;
}

.textCardTitleSponsor {
    color: #0066cb !important;
    font-family: "Titillium Web";
    font-size: 18px !important;
}

.textStyleFooter {
    color: #65dde0 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    text-decoration: underline !important;
}

.textStyleFooterBottomTitle {
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    padding-bottom: 10px;
    border-bottom: solid 1px #fff;
}

.textStyleFooterBottomSubtitle {
    color: #65dde0 !important;
    font-size: small !important;
    font-weight: 600;
}

.textStyleFooterBottomSubSubtitle {
    color: #65dde0 !important;
    font-size: 10px !important;
}

.texkLinkFooterBottom {
    color: #fff !important;
    font-weight: 600;
}

.icon15 {
    height: 15px !important;
    width: 15px !important;
}

.icon25 {
    height: 25px !important;
    width: 25px !important;
}

.textTitleCardWebTv {
    font-family: "Titillium Web" !important;
    font-size: 16px !important;
    color: #06c !important;
    margin-bottom: 0px !important;
}

.textTitleCardSmd {
    font-family: "Titillium Web" !important;
    color: #06c !important;
}

.textTitleDetailNews {
    font-family: "Titillium Web" !important;
    font-size: x-large !important;
    color: #2f5a86 !important;
}

.backgroundSocialIcon {
    background: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 32px;
    height: 32px;
    line-height: 30px;
    margin: 0 2px 0 2px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.backgroundSocialIconFooter {
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 32px;
    height: 32px;
    line-height: 30px;
    margin: 0 2px 0 2px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.backgroundSocialIconSMD {
    background: #0066CC;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 32px;
    height: 32px;
    line-height: 30px;
    margin: 0 2px 0 2px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.textSubtitleDetailNews {
    font-family: "Titillium Web" !important;
    font-size: larger;
    color: #2f5a86 !important;
}

.textTitleCardSalaStampa {
    font-family: "Titillium Web" !important;
    font-size: 14px !important;
    color: #06c !important;
}

.textTitleNews {
    font-family: "Titillium Web" !important;
    font-size: 28px !important;
    color: #06c !important;
}

.textTitleNewsList {
    font-family: "Titillium Web" !important;
    font-size: x-large !important;
    color: #06c !important;
}

.textTitleCardNewsList {
    font-family: "Titillium Web" !important;
    font-size: large !important;
    color: #1f80e1 !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    text-transform: none !important;
}

.textFontWeight500 {
    font-weight: 500;
}

.textOperazioniMilitariData {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.textParCardCarousel {
    font-size: 14px;
    font-family: "Titillium Web";
    line-height: 24px;
    color: #17324D;
}

.textDataParCardCarousel {
    font-size: 14px;
    font-family: "Titillium Web";
    color: #17324D;
    margin-bottom: 0px !important;
}

.textConcorsiBarBlue {
    color: #fff;
    font-size: 22px;
    font-weight: 600;
}

.textCardNewsListDate {
    margin-bottom: 0px !important;
    font-family: "Titillium Web";
    font-size: 1rem;
    font-weight: 100 !important;
    color: #767676 !important;
}

.textCardNewsListNews {
    margin-bottom: 0px !important;
    font-family: "Titillium Web";
    font-size: 1rem;
    font-weight: 600 !important;
    color: #767676 !important;
}

.textConcorsiBarGray {
    color: #405287;
    font-size: 22px;
    font-weight: 600;
}

.textLinkbarBlue {
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    font-family: "Titillium Web";
    font-size: 1rem;
    font-weight: 600;
}

.textLinkbarGray {
    color: #366ea7;
    text-transform: uppercase;
    text-decoration: none;
    font-family: "Titillium Web";
    font-size: 1rem;
    font-weight: 600;
}

.textTitleSocialWall {
    color: #35578f;
    margin-top: 25px;
    font-size: 20px;
    margin-left: 25px;
}

.textTitleSocialWallRight {
    font-size: 20px;
    color: #35578f;
}

.textSocialWallRight {
    font-family: "Titillium Web";
    font-size: 16px;
    color: #35578f;
}

.textOperazioniMilitariHP {
    font-weight: 600;
    text-transform: uppercase;
    color: #fff !important;
    font-size: 14px;
    font-family: "Titillium Web";
}

.textOperazioniMilitari {
    font-weight: 600;
    text-transform: uppercase;
    color: #04467a;
    font-size: 14px;
    font-family: "Titillium Web";
}

.textOperazioniMilitariPar {
    font-family: "Titillium Web";
    font-size: 16px;
    color: #fff !important;
}

.textAlignRight {
    text-align: right !important;
}

.textAlignCenter {
    text-align: center !important;
}

.centerItem {
    margin: auto;
    width: 50%;
}

.textTitleEditoria {
    font-family: "Titillium Web";
    font-size: 14px;
    color: #1764b4;
    font-weight: 600;
}

.textfontSize13 {
    font-family: "Titillium Web";
    font-size: 1rem;
}

.textPaginaNonTrovata {
    font-size: 3.34em;
    color: #0066cc;
    margin: 0 0 40px 0;
}

.textButtonTornaHome {
    color: #ffffff;
    background-color: #66a5e3;
    border-color: #66a5e3;
    padding: 12px;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
}

.textfontSize14 {
    font-family: "Titillium Web";
    font-size: 14px;
}

.textfontSize16 {
    font-family: "Titillium Web";
    font-size: 16px;
}

.textFontSize20 {
    font-family: "Titillium Web";
    font-size: 20px !important;
}

.textFontSize25 {
    font-family: "Titillium Web";
    font-size: 25px !important;
}

.textFontSize28 {
    font-family: "Titillium Web";
    font-size: 28px !important;
}

.textFontSize40 {
    font-family: "Titillium Web";
    font-size: 40px !important;
}

.textFontSize30 {
    font-family: "Titillium Web";
    font-size: 30px !important;
}

.textTitleEditoriaBig {
    font-size: 28px;
    color: #385898;
}

.textTitleEditoriaPar {
    font-family: "Titillium Web";
    font-size: 16px;
    color: #385898;
}

.textStyleEditoriaRightTitle {
    font-family: "Titillium Web";
    font-size: 16px;
    font-weight: 600;
    color: #06c;
}

.textParLeForzeArmate {
    font-family: "Titillium Web";
    font-size: 1rem;
    color: #fff !important;
}

.textTitleForzaArmata {
    color: #06c;
    margin-bottom: 10px !important;
    font-size: 20px;
}

.textDataConcorsiSGD {
    color: #b3b3b3;
    font-size: 15px;
}

.textParForzaArmata {
    font-family: "Titillium Web";
    font-size: 16px;
    color: #06c !important;
}

.textTitleVediAnche {
    color: #06c !important;
    margin-bottom: 10px !important;
    font-family: "Titillium Web";
    font-size: 20px !important;
}

.textPrimoPianoInEvidenzaEI {
    color: #06c !important;
}

.textPubblicisticaEI {
    color: #06c !important;
    font-weight: 500;
    font-size: 20px;
}

.textParVediAnche {
    font-family: "Titillium Web";
    font-size: 16px !important;
    color: #06c !important;
}

.textMinisteroDifesaCardApprofondimenti {
    font-size: 14px;
    color: #435A70;
    text-align: right;
}

.textSubtitleMinisteroDifesaCardApprofondimenti {
    color: #383838;
    text-transform: uppercase;
    font-family: "Titillium Web";
    font-size: 14px;
    font-weight: 600;
}

.textTitleMinisteroDifesaCardApprofondimenti {
    color: #215d99 !important;
    font-family: "Titillium Web" !important;
    font-size: 20px !important;
}

.textParTrasparenza {
    color: #fff !important;
    font-family: "Titillium Web";
    font-size: 20px;
}

.textParTrasparenzaHeader {
    color: #fff !important;
    font-family: "Titillium Web";
    font-size: 18px;
    line-height: 26px;
}

.textTitleTrasparenza {
    color: #fff;
    font-size: 18px;
    text-decoration: underline;
    font-weight: 500;
}

.textTitleHeaderHomeRight {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
}

.textTitleHeaderHome {
    color: #fff;
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
}

a.read-more {
    flex-direction: row-reverse !important;
}

/* ################# MARGIN ############## */

.margin50 {
    margin: 50px !important;
}

.marginAuto {
    margin: auto !important;
}

.marginTopBottomAuto {
    margin-top: auto !important;
    margin-bottom: auto !important;
}

.noMarginLeftRight {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.marginTop-45 {
    margin-top: -45px !important;
}

.marginTop-8 {
    margin-top: -8px !important;
}

.marginTop-30 {
    margin-top: -30px !important;
}

.marginTop-25px {
    margin-top: -25px !important;
}

.marginTop-25 {
    margin-top: -25% !important;
}

.marginTop-10 {
    margin-top: -10px !important;
}

.marginTop5 {
    margin-top: 5px !important;
}

.marginTop20 {
    margin-top: 20px !important;
}

.marginTop150 {
    margin-top: 150px !important;
}

.marginTop130 {
    margin-top: 130px !important;
}

.marginTop30 {
    margin-top: 30px !important;
}

.marginTop10 {
    margin-top: 10px !important;
}

.marginTop15 {
    margin-top: 15px !important;
}

.marginTop18 {
    margin-top: 18px !important;
}

.marginTop80 {
    margin-top: 80px !important;
}

.marginTop100 {
    margin-top: 100px !important;
}

.marginTop35 {
    margin-top: 35px !important;
}

.marginTop42 {
    margin-top: 42px !important;
}

.marginTop45 {
    margin-top: 45px !important;
}

.marginTop50 {
    margin-top: 50px !important;
}

.marginTop60 {
    margin-top: 60px !important;
}

.marginTop10 {
    margin-top: 10px !important;
}

.marginTop15 {
    margin-top: 15px !important;
}


/* ################ BOTTOM ############## */
.marginBottom30 {
    margin-bottom: 30px !important;
}

.marginBottom20 {
    margin-bottom: 20px !important;
}

.marginBottom200 {
    margin-bottom: 200px !important;
}

.marginBottom300 {
    margin-bottom: 300px !important;
}

.marginBottom50 {
    margin-bottom: 50px !important;
}

.marginBottom10 {
    margin-bottom: 10px !important;
}

.noMarginBottom {
    margin-bottom: 0px !important;
}

/* ############ LEFT ########### */

.noMarginLeft {
    margin-left: 0px !important;
}

.marginLeft30 {
    margin-left: 30px !important;
}

.marginLeft20 {
    margin-left: 20px !important;
}

.marginLeft18 {
    margin-left: 18px !important;
}

.marginLeft50 {
    margin-left: 50px !important;
}

.marginLeft5 {
    margin-left: 5px !important;
}

.marginLeft100 {
    margin-left: 100px !important;
}

.marginLeft60 {
    margin-left: 60px !important;
}

/* ############ RIGHT ########### */
.marginRight35 {
    margin-right: 35% !important;
}

/* ######################## TOP BOTTOM ###################### */
.marginTopBottom15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

.marginTopBottom10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

/* ################ WITHD ################# */
.width100 {
    width: 100% !important;
}

.width50 {
    width: 50% !important;
}

/* ############## PADDING ################# */
.paddingLeftRight50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
}

.padding15 {
    padding: 15px !important;
}

.paddingCardGallery {
    padding-top: 28px !important;
    padding-bottom: 7px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.paddingRadioEIRow {
    padding-left: 62px;
    padding-right: 62px;
    padding-bottom: 20px;
}

.radioWhatsappEIBackGround {
    background-color: #E0DBC7 !important;
}

.paddingLeft50 {
    padding-left: 50px !important;
}

.paddingLeft12 {
    padding-left: 12px !important;
}

.paddingLeft30 {
    padding-left: 30px !important;
}

.paddingLeftRight35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
}

.paddingTop14 {
    padding-top: 14px !important;
    padding-bottom: 0px !important;
}

.paddingTopBottom50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

.paddingTopBottom20LeftRight40 {
    padding: 20px 40px !important;
}

.paddingTopBottom14 {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
}

.paddingTopBottom15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.paddingTextWebTv {
    padding: 5px 15px 5px 15px !important;
}

.paddingTop75 {
    padding-top: 75px !important;
}

.paddingTop50 {
    padding-top: 50px !important;
}

.paddingTopLeftRight50 {
    padding-top: 50px !important;
    padding-left: 50px !important;
    padding-right: 50px !important;
}

.paddingTop10 {
    padding-top: 10px !important;
}

.paddingLeftRight20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.padding0 {
    padding: 0px !important;
}

.paddingBottom87 {
    padding-bottom: 87px !important;
}

.paddingBottom80 {
    padding-bottom: 80px !important;
}

.paddingBottom45 {
    padding-bottom: 45px !important;
}

.paddingBottom0 {
    padding-bottom: 0px !important;
}

.paddingCardNotiziaPP {
    padding-top: 20px !important;
    padding-bottom: 7px !important;
}

.paddingBottom12 {
    padding-bottom: 12px !important;
}

.paddingBottom16 {
    padding-bottom: 16px !important;
}

.paddingTop24 {
    padding-top: 24px !important;
}

.noPadding {
    padding: 0px !important;
}

.noPaddingLeftRight {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.noPaddingLeft {
    padding-left: 0px !important;
}

.noPaddingRight {
    padding-right: 0px !important;
}

.noPaddingTop {
    padding-top: 0px !important;
}

.noPaddingBottom {
    padding-bottom: 0px !important;
}

.noPaddingTopBottom {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.padding30 {
    padding: 30px !important;
}

.padding50 {
    padding: 50px !important;
}

.padding25 {
    padding: 25px !important;
}

.padding65 {
    padding: 65px !important;
}

.paddingRight50 {
    padding-right: 50px !important;
}

.paddingRight38 {
    padding-right: 38px !important;
}

.paddingRight50Per {
    padding-right: 50% !important;
}

.padding1Per {
    padding-bottom: 1% !important;
}

.paddingRight50PerMobile {
    padding-right: 50% !important;
}

.positionTitleCardListNews {
    position: relative !important;
    bottom: 0 !important
}
/* ########################################## OVERLAY GALLERY ############################################## */
.containerImageGalleria {
    position: relative;
}

.imageGalleria {
    display: block;
    width: 100%;
    height: 100%;
}

.imageGalleriahp {
    display: block;
    width: 100%;
}

.overlayTextImageGalleria {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: #008CBA;
}

.containerImageGalleria:hover .overlayTextImageGalleria {
    opacity: 0.7;
}

.textDateImageGalleria {
    color: white;
    font-family: "Titillium Web";
    font-size: 1rem;
    position: absolute;
    top: 55%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.textDecorationNone {
    text-decoration: none !important;
}

.textImageGalleria {
    color: white;
    font-family: "Titillium Web";
    font-size: 1rem;
    position: absolute;
    top: 70%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-weight: 600;
    text-decoration: underline;
}

/* ########################################### SPECIAL CLASSES ########################################## */
.nav-tabs.nav-tabs-cards .nav-link.active {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: solid !important;
    background-color: transparent !important;
}

.backgroundHeaderTopRight {
    background-color: #004d9c !important;
    padding: 9px !important;
}

.headerBottom {
    background-color: #0066cb;
    height: 120px;
}

/* ################################# MEDIA QUERY ###################################### */

/* ############################### POSITION ICON MENU ################################ */
@media (min-width: 1400px) {

    .container-xxl,
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: none !important;
    }
}

@media (min-width: 1200px) {

    .container-xxl,
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: none !important;
    }
}

@media (min-width: 992px) {

    .container-xxl,
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: none !important;
    }
}

.textTitleOperazioniMilitari {
    font-family: "Titillium Web";
    color: #fff;
    font-size: 48px;
}

@media (max-width: 500px) {
    .textTitleOperazioniMilitari {
        font-family: "Titillium Web";
        color: #fff;
        font-size: 35px;
    }
}

@media (min-width: 768px) {

    .container-xxl,
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: none !important;
    }
}

@media (min-width: 576px) {

    .container-xxl,
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: none !important;
    }
}
/* ############################### END POSITION ICON MENU ################################ */

@media (max-width: 768px) {

    .positionLogoHeader {
            margin-left: 15px !important;
    margin-top: 15px !important;
    }
}

@media screen and (max-width: 1717px) {
    .imgConcorsiBandi {
        height: 100% !important;
    }
}

@media screen and (min-width: 1718px) {
    .imgConcorsiBandi {
        width: 100% !important;
    }
}

@media screen and (max-width: 1300px) {
    .hide1300 {
        display: none !important;
    }
}

@media screen and (max-width: 1300px) {
    .paddingTextCardPP {
        padding-bottom: 0px !important;
    }
}

@media screen and (min-width: 1070px) {
    .subMenuSGD {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
}



.paddingLeftRightNotizieVideoDiretta {
    padding-left: 50px !important;
    padding-right: 50px !important;
}

@media screen and (max-width: 1300px) {
    .paddingLeftRightNotizieVideoDiretta {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}



@media screen and (max-width: 990px) {
    .lunghezzaCaratteri5ColMobile {
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden;
        display: -moz-box;
        -moz-box-orient: vertical;
        -moz-box-lines: 5;
        display: box;
        box-lines: 5;
        box-orient: vertical;
        font-size: 5.5vw !important;
    }
}


@media screen and (max-width: 900px) {
    .marginTop50Mobile {
        margin-top: 50px !important;
    }
}

@media screen and (max-width: 900px) {
    .tricoloreHeader {
        width: 100%;
        position: absolute;
        left: 0;
        margin-top: 10px;
    }
}

@media screen and (max-width: 900px) {
    #lightbox {
        margin-top: 50% !important;
        z-index: 9999999;
    }
}

#lightbox {
    z-index: 9999999;
}

#lightboxOverlay {
    z-index: 9999999;
}

@media screen and (max-width: 1055px) {
    .textMinisteroDifesaLogo {
        font-family: 'Titillium Web';
        margin-left: 20px;
        font-weight: 500 !important;
        font-size: 2.2rem !important;
    }
}

@media screen and (max-width: 873px) {
    .textMinisteroDifesaLogo {
        font-family: 'Titillium Web';
        margin-left: 20px;
        font-weight: 500 !important;
        font-size: 1.8rem !important;
    }
}

@media screen and (max-width: 873px) {
    .sticky-logo-smd {
        top: 70px !important;
        width: 90%;
        height: auto !important;
    }
}

@media screen and (max-width: 663px) {
    .textMinisteroDifesaLogo {
        font-family: 'Titillium Web';
        margin-left: 20px;
        font-weight: 500 !important;
        font-size: 1.5rem !important;
    }
}

@media screen and (max-width: 900px) {
    .noMarginTopMobile {
        margin-top: 0px !important;
    }
}

@media screen and (max-width: 900px) {
    .marginTop20Mobile {
        margin-top: 20px !important;
    }
}

@media screen and (max-width: 624px) {
    .marginTop20Mobile {
        margin-top: 20px !important;
    }
}

@media screen and (max-width: 575px) {
    .positionLogoMobile {
        margin-left: 20px;
    }
}

@media screen and (max-width: 4500px) {
    .heightResponiveSalaStampa {
        height: 94% !important;
    }
}

@media screen and (max-width: 2200px) {
    .heightResponiveSalaStampa {
        height: 93% !important;
    }
}

@media screen and (max-width: 1600px) {
    .heightResponiveSalaStampa {
        height: 92% !important;
    }
}

@media screen and (max-width: 1300px) {
    .heightResponiveSalaStampa {
        height: 91% !important;
    }
}

@media screen and (max-width: 1200px) {
    .heightResponiveSalaStampa {
        height: 90% !important;
    }
}

@media screen and (max-width: 1170px) {
    .heightResponiveSalaStampa {
        height: 89% !important;
    }
}

@media screen and (max-width: 1160px) {
    .heightResponiveSalaStampa {
        height: 88% !important;
    }
}

@media screen and (max-width: 990px) {
    .heightResponiveSalaStampa {
        height: 100% !important;
    }
}

@media screen and (max-width: 1000px) {
    .height100pxFrom1000px {
        height: 100px !important;
    }
}

@media screen and (max-width: 1038px) {
    .headerBottom {
        background-color: #0066cb;
        height: 220px;
    }
}

@media screen and (max-width: 624px) {
    .paddingRight50PerMobile {
        padding-right: 0px !important;
    }
}

@media screen and (max-width: 624px) {
    .styleCardContainer {
        border: none !important;
        padding: 0px !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
        margin-top: 30px !important;
        box-shadow: none !important;
    }
}

@media screen and (max-width: 624px) {
    .styleTitleInsideContainer {
        margin-top: 0px !important;
    }
}

@media screen and (max-width: 624px) {
    .headerBottom {
        background-color: #0066cb;
        height: 65px;
    }
}

@media screen and (max-width: 624px) {
    .width100Mobile {
        width: 100% !important;
    }
}

@media screen and (max-width: 624px) {
    .noPaddingMobile {
        padding: 0px !important;
    }
}


@media screen and (max-width: 624px) {
    .paddingMobileLeftRight15 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}


@media screen and (max-width: 624px) {
    .paddingMobileLeft50 {
        padding-left: 50px !important;
    }
}

.nopaddingMobileRight50 {
    padding-right: 50px !important;
}

@media screen and (max-width: 400px) {
    .nopaddingMobileRight50 {
        padding-right: 0px !important;
    }
}

@media screen and (max-width: 624px) {
    .noMarginMobile {
        margin: 0px !important;
    }
}


/* ################  START POSITION LOGO HEADER  ####################### */

@media screen and (max-width: 5000px) {
    .positionLogoNegativePer {
        margin-left: -270% !important;
    }
}

@media screen and (max-width: 4000px) {
    .positionLogoNegativePer {
        margin-left: -200% !important;
    }
}

@media screen and (max-width: 3000px) {
    .positionLogoNegativePer {
        margin-left: -110% !important;
    }
}

@media screen and (max-width: 2500px) {
    .positionLogoNegativePer {
        margin-left: -70% !important;
    }
}

@media screen and (max-width: 2300px) {
    .positionLogoNegativePer {
        margin-left: -60% !important;
    }
}

@media screen and (max-width: 2100px) {
    .positionLogoNegativePer {
        margin-left: -50% !important;
    }
}

@media screen and (max-width: 1900px) {
    .positionLogoNegativePer {
        margin-left: -40% !important;
    }
}

@media screen and (max-width: 1800px) {
    .positionLogoNegativePer {
        margin-left: -33% !important;
    }
}

@media screen and (max-width: 1700px) {
    .positionLogoNegativePer {
        margin-left: -28% !important;
    }
}

@media screen and (max-width: 1600px) {
    .positionLogoNegativePer {
        margin-left: -25% !important;
    }
}

@media screen and (max-width: 1500px) {
    .positionLogoNegativePer {
        margin-left: -18% !important;
    }
}

@media screen and (max-width: 1400px) {
    .positionLogoNegativePer {
        margin-left: -15% !important;
    }
}

@media screen and (max-width: 1300px) {
    .positionLogoNegativePer {
        margin-left: -10% !important;
    }
}

@media screen and (max-width: 1200px) {
    .positionLogoNegativePer {
        margin-left: -5% !important;
    }
}

@media screen and (max-width: 1100px) {
    .positionLogoNegativePer {
        margin-left: 0% !important;
    }
}

@media screen and (max-width: 900px) {
    .positionLogoNegativePer {
        margin-left: 15px !important;
    }
}


/* ################  END POSITION LOGO HEADER  ####################### */

@media screen and (max-width: 624px) {
    .marginBottom20Mobile {
        margin-bottom: 20px !important;
    }
}

@media screen and (max-width: 624px) {
    .marginTop20Mobile {
        margin-top: 20px !important;
    }
}

@media screen and (max-width: 624px) {
    .positionLogoSMDMobile {
        position: absolute;
        right: 0px;
        top: 270px;
    }
}

@media screen and (max-width: 450px) {
    .noPaddingMobileLeftRightFrom450 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

@media screen and (max-width: 900px) {
    .noPaddingMobileLeftRight {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

@media screen and (max-width: 624px) {
    .paddingMobileLeft0Right15 {
        padding-left: 0px !important;
        padding-right: 15px !important;
    }
}

@media screen and (max-width: 624px) {
    .paddingMobileLeftRight15 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

@media screen and (max-width: 800px) {
    .paddingLeftRight25Mobile {
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin: 15px !important;
    }

        .paddingLeftRight25Mobile .modal.it-dialog-scrollable .modal-dialog .modal-content {
            height: 100% !important;
        }

        .paddingLeftRight25Mobile .padding50 {
            padding: 20px !important;
        }

        .paddingLeftRight25Mobile .modal.it-dialog-scrollable .modal-dialog {
            margin: 104px 30px !important;
        }
}

@media screen and (max-width: 624px) {
    .padding15Mobile {
        padding: 15px !important;
    }
}

@media screen and (max-width: 624px) {
    .paddingLeftRight15Mobile {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

@media screen and (max-width: 624px) {
    .padding0Mobile {
        padding: 0px !important;
    }
}

@media screen and (max-width: 624px) {
    .width100Mobile {
        width: 100% !important;
    }
}

@media screen and (max-width: 624px) {
    .textSize12Mobile {
        font-size: 12px !important;
    }
}

@media screen and (max-width: 624px) {
    .textSize9Mobile {
        font-size: 9px !important;
    }
}

@media screen and (max-width: 445px) {
    .hideSearch {
        display: none !important;
    }
}

@media screen and (min-width: 446px) {
    .displaySearch {
        display: none !important;
    }
}

@media screen and (max-width: 445px) {
    .hideSearch {
        display: none !important;
    }
}

@media screen and (min-width: 768px) {
    .bannerHPMobile {
        display: none !important;
    }
}

@media screen and (max-width: 768px) {
    .bannerHPDesktop {
        display: none !important;
    }
}

@media screen and (max-width: 1000px) {
    .hideMobile1000 {
        display: none !important;
    }
}

@media (max-width: 500px) {
    .hideMobile500 {
        display: none !important;
    }
}

@media screen and (min-width: 1001px) {
    .hideMobileOn1000 {
        display: none !important;
    }
}

@media screen and (min-width: 801px) {
    .hideMobileOn800 {
        display: none !important;
    }
}

@media screen and (max-width: 1000px) {
    .hideMobileFrom1000 {
        display: block !important;
    }
}

@media screen and (max-width: 1000px) {
    .backgroundColorOverlayDetailNews {
        background-color: #ffffffb5 !important;
        padding: 5px 24px !important;
    }
}

@media screen and (max-width: 4500px) {
    .hideSmartphoneGalleryCard {
        display: none !important;
    }
}

@media screen and (max-width: 624px) {
    .hideSmartphoneGalleryCard {
        display: flex !important;
    }
}

@media screen and (max-width: 2500px) {
    .hideSmartphoneGalleryPhoto {
        display: block !important;
    }
}

@media screen and (max-width: 624px) {
    .hideSmartphoneGalleryPhoto {
        display: none !important;
    }
}

@media screen and (max-width: 991px) {
    .hideUfficioStampaBtn {
        display: none !important;
    }
}

@media screen and (max-width: 624px) {
    .marginTop0Smartphone {
        margin-top: 0px !important;
    }
}

@media screen and (max-width: 624px) {
    .marginTopBottom30Mobile {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }
}

@media screen and (max-width: 624px) {
    .positionLogoMinisteroPhone {
        position: absolute;
        right: 35px;
        top: 60px;
    }
}

@media screen and (max-width: 624px) {
    .positionMenuIcoPhone {
        position: absolute;
        top: 0px;
        left: -11px;
    }
}

@media screen and (max-width: 999px) {
    .textMinistroStory {
        -moz-column-count: 1 !important;
        -moz-column-gap: 10px !important;
        -webkit-column-count: 1 !important;
        -webkit-column-gap: 10px !important;
        -ms-column-count: 1 !important;
        -ms-column-gap: 10px !important;
        column-count: 1 !important;
        column-gap: 50px !important;
        text-align: justify !important;
        font-family: "Titillium Web";
        font-size: 1rem;
        color: #4e4e4e !important;
    }
}

@media screen and (max-width: 624px) {
    .margin0Mobile {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
}

@media screen and (max-width: 624px) {
    .noMarginLeftMobile {
        margin-left: 0px !important;
    }
}

@media screen and (max-width: 624px) {
    .paddingLeftRight50Mobile {
        padding-left: 50px !important;
        padding-right: 50px !important;
    }
}

@media screen and (max-width: 624px) {
    .marginLeft-90Mobile {
        margin-left: -90px !important;
    }
}

@media screen and (max-width: 624px) {
    .noMarginLeftRightMobile {
        margin-left: 0px !important;
    }
}

@media screen and (max-width: 488px) {
    .dimensionLogoSMD {
        height: 80px !important;
    }
}

@media screen and (max-width: 375px) {
    .dimensionLogoSMD {
        height: 75px !important;
    }
}

@media screen and (max-width: 350px) {
    .dimensionLogoSMD {
        height: 57px !important;
    }
}

.dimensionLogoSMD {
    height: 100px;
}

.buttonContattiPI {
    border: solid 1px;
    border-radius: 15px;
    padding: 3px;
    height: 35px;
    width: max-content;
    background-color: #fbc503;
    color: #0055aa;
}

    .buttonContattiPI:hover {
        border: solid 1px;
        border-radius: 15px;
        padding: 3px;
        height: 35px;
        width: max-content;
        color: #fff;
        background-color: #0066CC;
    }

.marginTopSocialSMD {
    margin-top: 30px;
}

@media screen and (max-width: 990px) {
    .marginTopSocialSMD {
        margin-top: -50px;
    }
}
/* ################################ ICON COLOR ################################### */
.icon-green {
    fill: #65dde0 !important;
}

.icon-grey {
    fill: #00264D !important;
}

.icon-blu {
    fill: #0066CC !important;
}

.icon-white {
    fill: #ffffff !important;
}

.icon25 {
    width: 26px !important;
    height: 26px !important;
}

.icon20 {
    width: 20px !important;
    height: 20px !important;
}


/*Border radius scheda forze armate SMD */

.bordo-arrotondato-scheda-destra {
    border-radius: 0 15px 15px 0;
}


.bordo-arrotondato-scheda-sinistra {
    border-radius: 15px 0 0 15px;
}

@media screen and (max-width: 900px) {

    .bordo-arrotondato-scheda-sinistra {
        border-radius: 15px 15px 0 0;
    }

    .bordo-arrotondato-scheda-destra {
        border-radius: 0 0 15px 15px;
    }
}
/*************************/

/* SGD sezione con stemma ed opacità */

.divStemmaSGDConOpacita:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.1;
    background-image: url("#") !important;
    background-repeat: no-repeat;
    background-position: 50% 0;
    -ms-background-size: contain;
    -o-background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
    background-size: contain;
}

.divStemmaSGDConOpacita ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.stemmaSGDMainContainer {
    padding: 10px;
    text-align: center;
    z-index: 2;
    position: relative;
}

.mainLinkStemmaSGD {
    display: inline-block;
}

.linkSGDStemma30px {
    font-size: 26px !important;
    color: #04467a !important;
    margin-top: 20px;
    font-weight: 650;
}

.linkSGDStemma20px {
    font-size: 20px !important;
    color: #04467a !important;
    margin-top: 20px;
    font-weight: 650;
}

/*###### COLORE RIGA GOVERNO ITALIANO HEADER ########*/
.it-header-slim-wrapper {
    background: #003366!important;
}

/*************************/

@media screen and (max-width: 624px) {
    .row.noPaddingMobile p img {
        width: 100% !important;
        height: auto !important;
    }
}

.backgroundRedNews {
    color: white;
    font-weight: 700;
    font-size: 15px;
    width: 215px;
    height: 25px;
    padding: 10px;
    display: flex;
    align-items: center;
    background: red;
    margin-bottom: 20px;
}

.dot {
    width: 10px;
    height: 10px;
    background-color: white;
    border-radius: 50%;
    margin-right: 10px;
    animation: blink 1s infinite;
}

@keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.newsSGDHP {
    background-color: #FFBC00;
    padding: 7px 18px;
    border-radius: 5px;
    border: solid 3px #0265CB;
    font-weight: 600;
    position: absolute;
    margin-top: 15px;
}

.divStemmaDNAConOpacita ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}