:root {

    --Transparent: transparent;

    --White: #ffffff;

    --RealBlack: #000000;

    --Black: #313131;

    --LightGrey: #f2f2f2;

    --Grey: #dedede;

    --DarkGrey: #c9c9c9;

    --MidDarkGrey: #dadada;

    --HeavyGrey: #9d9d9c;

    --Blue: #043f8c;

    --CopyBlue: #4794fe;

    --NewBlue: #001939;

    --BluePageDB: #00a88f;

    --Orange: #e1981a;

    --Red: #bd0926;

    --Yellow: #ffff99;

    --BackgroundMenu: #181818;

    --BackgroundSubMenu: #232323;

    --NavMenu: #757474;

}



@font-face {

    font-family: 'Proxima Nova W05 Bold';

    src: url('../fonts/proxima_nova_bold-webfont.woff2') format('woff2'),

         url('../fonts/proxima_nova_bold-webfont.woff') format('woff'),

         url('../fonts/proxima_nova_bold-webfont.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'Proxima Nova W05 semiBold';

    src: url('../fonts/proxima_nova_semibold.woff2') format('woff2'),

         url('../fonts/proxima_nova_semibold.woff') format('woff'),

         url('../fonts/proxima_nova_semibold.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'Proxima Nova W05 Regular';

    src: url('../fonts/proxima_nova_regular-webfont.woff2') format('woff2'),

         url('../fonts/proxima_nova_regular-webfont.woff') format('woff'),

         url('../fonts/proxima_nova_regular-webfont.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;



}

BODY {

    width: 100%;

    margin: 0;

    padding: 0;

    color: var(--Black);

    background-color: var(--White);

    text-align: left;

    font-family: 'Proxima Nova W05 Regular';

    font-size: 16px;

}



a:link {

    color: var(--Black);

    background-color: var(--Transparent);

    text-decoration: none;

}



a:visited {

    color: var(--Black);

    background-color: var(--Transparent);

    text-decoration: none;

}



a:hover {

    color: var(--Black);

    background-color: var(--Transparent);

    text-decoration: none;

    cursor: pointer;

}



a:active, a:focus {

    outline: none;

}



img {

    border-width: 0;

    vertical-align: top;

}



#MediaResolution {

    width: 960px;

    display: none;

}



@media screen and (min-width:700px) and (max-width:1000px) {

    #MediaResolution {

        width: 630px;

    }

}



@media screen and (min-width:421px) and (max-width:699px) {

    #MediaResolution {

        width: 400px;

    }

}



@media screen and (min-width:0px) and (max-width:420px) {

    #MediaResolution {

        width: 300px;

    }

}



#ContainerOpacity, #ContainerOpacityMessages, #ContainerFullScreen, #ContainerGallery, #ContainerLayersProducts, #ContainerTransparentLoader {

    width: 100%;

    height: 100%;

    position: fixed;

    top: 0px;

    left: 0px;

    text-align: left;

    display: none;

    z-index: 99;

}



#ContainerOpacity, #ContainerGallery, #ContainerLayersProducts {

    background: rgba(0, 0, 0, 0.65);

}



#ContainerLayersProducts {

    opacity: 0;

}



#ContainerGallery {

    opacity: 0;

}



#ContainerOpacityMessages {

    background: rgba(255, 255, 255, 0.65);

}



#ContainerFullScreen {

    overflow: auto;

}



#ContainerTransparentLoader {

    background: transparent;

}



.ContainerOpacityClose, .ContainerFullScreenClose {

    position: fixed;

    top: 20px;

    right: 40px;

    cursor: pointer;

}



.ContainerFullScreenClose {

    width: 25px;

}



#ContainerLayersProducts .ContainerFullScreenClose {

    position: absolute;

    top: 30px;

    right: 30px;

}



#Messages_Container .ContainerFullScreenClose {

    position: relative;

    width: 20px;

    top: 3px;

    right: 0px;

    margin-left: auto;

    margin-right: 0;

}



.ContainerCodesDownloadClose {

    width: 25px;

    position: absolute;

    top: 0px;

    right: 0px;

    cursor: pointer;

}



#ContainerTop {

    float: left;

    width: 100%;

    position: fixed;

    top: 0px;

    z-index: 99;

    background: #0000007a;

}



#ContentTop {

    width: 90%;

    position: relative;

    overflow: hidden;

    margin: 0 auto;

    padding-top: 30px;

    padding-bottom: 30px;

}



#HomepageContainerCenter, #ContainerCenter, .ContainerPage, #ContainerSearch {

    float: left;

    width: 100%;

    position: relative;

    clear: both;

}



.ContainerMarginTop {

    margin-top: 30px;

}



.ContainerPaddingTop {

    padding-top: 60px;

}



.ContainerZeroPaddingTop {

    padding-top: 0px;

}



.ContainerPaddingBottom {

    padding-bottom: 60px;

}



.ContainerPaddingBottom30 {

    padding-bottom: 30px;

}



.ContainerPaddingBottom120 {

    padding-bottom: 120px;

}



.ContainerZeroPaddingBottom {

    padding-bottom: 0px;

}



#ContainerOpacity>.ContainerPage {

    width: 80%;

}



#HomepageContainerCenter {

    overflow: hidden;

}



#HomepageContainerCenter .Font_ColorWhite a:link {

    color: var(--White);

    text-decoration: none;

}



#HomepageContainerCenter .Font_ColorWhite a:visited {

    color: var(--White);

    text-decoration: none;

}



#HomepageContainerCenter .Font_ColorWhite a:hover {

    color: var(--RealBlack);

    text-decoration: none;

}



#HomepageContainerCenter .Font_ColorRealBlack a:link {

    color: var(--RealBlack);

    text-decoration: none;

}



#HomepageContainerCenter .Font_ColorRealBlack a:visited {

    color: var(--RealBlack);

    text-decoration: none;

}



#HomepageContainerCenter .Font_ColorRealBlack a:hover {

    color: var(--RealBlack);

    text-decoration: none;

}



#ContainerCenter a:link {

    color: var(--Black);

    background: linear-gradient(var(--White) 60%, var(--Yellow) 40%);

    text-decoration: none;

    padding-top: 2px;

    padding-bottom: 2px;

    font-weight: bold

}



#ContainerCenter a:visited {

    color: var(--Black);

    background: linear-gradient(var(--White) 60%, var(--Yellow) 40%);

    text-decoration: none;

    padding-top: 2px;

    padding-bottom: 2px;

    font-weight: bold

}



#ContainerCenter a:hover {

    color: var(--Black);

    background: linear-gradient(var(--Yellow) 50%, var(--Yellow) 50%);

    text-decoration: none;

    cursor: pointer;

    padding-top: 2px;

    padding-bottom: 2px;

    font-weight: bold

}



#HomepageContentCenter, .ContentCenter, .ContentProducts, .ContentLayerProducts {

    position: relative;

    width: 960px;

    overflow: hidden;

    margin: 0 auto;

}



.ContentProducts {

    width: 1200px;

}



.ContentLayerProducts {

    width: 1220px;

    padding: 60px;

    overflow-y: auto;

}



@media screen and (min-width:1001px) and (max-width:1380px) {

    .ContentProducts {

        width: 960px;

    }



    .ContentLayerProducts {

        width: 920px;

        padding: 30px;

    }

}



@media screen and (min-width:700px) and (max-width:1000px) {

    #HomepageContentCenter, .ContentCenter, .ContentProducts {

        width: 630px;

    }



    .ContentLayerProducts {

        width: 590px;

        padding: 30px;

    }

}



@media screen and (min-width:421px) and (max-width:699px) {

    #HomepageContentCenter, .ContentCenter, .ContentProducts {

        width: 400px;

    }



    .ContentLayerProducts {

        width: 390px;

        padding: 15px;

    }

}



@media screen and (min-width:0px) and (max-width:420px) {

    #HomepageContentCenter, .ContentCenter, .ContentProducts {

        width: 300px;

    }



    .ContentLayerProducts {

        width: 290px;

        padding: 15px;

    }

}



.TemplateTitle {

    width: 100%;

    position: relative;

    line-height: normal;

}



.TemplateTitle a:link {

    color: var(--Black);

    background: var(--Transparent) !important;

    text-decoration: none;

}



.TemplateTitle a:visited {

    color: var(--Black);

    background: var(--Transparent) !important;

    text-decoration: none;

}



.TemplateTitle a:hover {

    color: var(--Black);

    background: var(--Transparent) !important;

    text-decoration: none;

    cursor: pointer;

}

.TemplateTitle{

 font-family: Proxima Nova W05 semiBold;

 font-weight: normal;

}

.TemplateTitle a span{

 font-family: Proxima Nova W05 Bold;

 font-weight: normal;

}

#ContainerBottom {

    float: left;

    width: 100%;

    position: relative;

    padding: 60px 0px 60px 0px;

    background-color: var(--Grey);

    clear: both;

}



#ContentBottom {

    width: 960px;

    margin: 0 auto;

    position: relative;

    overflow: hidden;

    color: var(--Black);

}



@media screen and (min-width:700px) and (max-width:1000px) {

    #ContentBottom {

        width: 630px;

    }

}



@media screen and (min-width:421px) and (max-width:699px) {

    #ContentBottom {

        width: 400px;

    }

}



@media screen and (min-width:0px) and (max-width:420px) {

    #ContentBottom {

        width: 300px;

    }

}



.Font_12 {

    font-size: 12px;

}



.Font_TableRow {

    font-size: 13px;

    line-height: 18px;

}



.Font_14 {

    font-size: 14px;

}



.Font_16 {

    font-size: 16px;

}



.Font_18 {

    font-size: 18px;

}



.Font_20 {

    font-size: 20px;

}



.Font_24 {

    font-size: 24px;

}



.Font_28 {

    font-size: 28px;

}



.Font_30 {

    font-size: 30px;

}



.Font_40 {

    font-size: 40px;

}



.Font_50 {

    font-size: 50px;

}



.Font_60 {

    font-size: 60px;

}



.Font_70 {

    font-size: 70px;

}



.Font_ColorBlack {

    color: var(--Black);

}



.Font_ColorRealBlack {

    color: var(--RealBlack);

}



.Font_ColorWhite {

    color: var(--White);

}



.Font_ColorBlue {

    color: var(--Blue);

}



.Font_ColorRed {

    color: var(--Red);

}



.Font_ColorNavMenu {

    color: var(--NavMenu);

}



.Font_ColorYellow {

    color: var(--Yellow);

}



.Font_ColorGrey {

    color: var(--Grey);

}



.Font_ColorHeavyGrey {

    color: var(--HeavyGrey);

}



.Font_ColorDarkGrey {

    color: var(--DarkGrey);

}



.Font_Bold {

    font-family: 'Proxima Nova W05 Bold';

}



.Font_Italic {

    font-family: 'Proxima Nova W01 Medium';

}



.Font_WeightNormal {

    font-weight: normal;

}



.Font_Uppercase {

    text-transform: uppercase;

}



.Font_Lowercase {

    text-transform: none;

}



.Font_AlignCenter {

    text-align: center;

}



.Font_LineHeight14 {

    line-height: 14px !important;

}



.Font_LineHeight16 {

    line-height: 16px !important;

}



.Font_LineHeight18 {

    line-height: 18px !important;

}



.Font_LineHeight20 {

    line-height: 20px !important;

}



.Font_LineHeight24 {

    line-height: 24px !important;

}



.Font_LineHeight28 {

    line-height: 28px !important;

}



.Font_LineHeight30 {

    line-height: 30px !important;

}



.Font_LineHeight45 {

    line-height: 45px !important;

}



.Font_LineHeight60 {

    line-height: 60px !important;

}



.BackgroundColorTransparent {

    background-color: var(--Transparent);

}



.BackgroundColorWhite {

    background-color: var(--White) ;

}



.BackgroundColorGrey {

    background-color: var(--Grey);

}



.BackgroundColorNavMenu {

    background-color: var(--NavMenu);

}



.BackgroundColorLightGrey {

    background-color: var(--LightGrey);

}



.BackgroundColorDarkGrey {

    background-color: var(--BackgroundMenu);

}



.BackgroundColorBlue {

    background-color: var(--Blue);

}



.BackgroundColorYellow {

    background-color: var(--Yellow);

}



.BackgroundColorBlack {

    background-color: var(--Black);

}



.BackgroundColorRealBlack {

    background-color: var(--RealBlack);

}



.DisplayBlock {

    display: block;

}



.DisplayNone {

    display: none;

}



.VisibilityVisible {

    visibility: visible;

}



.VisibilityCollapse {

    visibility: collapse;

}



.CursorPointer {

    cursor: pointer;

}



.TextAlign_Justify {

    text-align: justify;

}



.TextAlign_Right {

    text-align: right;

}



.TextAlign_Center {

    text-align: center;

}



.BorderBottom_1SolidBlack {

    border-bottom: 1px solid var(--Black);

}



.BorderBottom_1SolidGrey {

    border-bottom: 1px solid var(--Grey);

}



.BorderTop_1SolidGrey {

    border-top: 1px solid var(--Grey);

}



.BorderRight_1SolidGrey {

    border-right: 1px solid var(--Grey);

}



.BorderLeft_1SolidGrey {

    border-left: 1px solid var(--Grey);

}



.Border_1SolidGrey {

    border: 1px solid var(--Grey);

}



.Border_1SolidTransparent {

    border: 1px solid var(--Transparent);

}



.Border_2SolidBlack {

    border: 2px solid var(--Black);

}



.Border_2SolidRealBlack {

    border: 2px solid var(--RealBlack);

}



.Border_2SolidBottomBlack {

    border-bottom: 2px solid var(--Black);

}



.Border_2SolidWhite {

    border: 2px solid var(--White);

}



.Border_2SolidYellow {

    border: 2px solid var(--Yellow);

}



.Border_2SolidBottomRed {

    border-bottom: 2px solid var(--Red);

}



.Border_2SolidBottomLightGrey {

    border-bottom: 2px solid var(--LightGrey);

}



.BorderTop_5SolidBlack {

    border-top: 5px solid var(--Black);

}



.MarginBottom_60 {

    margin-bottom: 60px;

}



.PaddingTop_60 {

    padding-top: 60px;

}



.PaddingTop_100 {

    padding-top: 100px;

}



.LetterSpacing_2 {

    letter-spacing: 2px;

}



.Row1Px, .RowNavMenu1Px, .RowBlack1Px, .RowGrey1Px, .Row2Px, .RowWhite2Px, .Row3Px, .Row5Px, .RowYellow8Px, .Row10Px, .Row15Px, .Row20Px, .Row25Px, .Row30Px, .Row40Px, .Row45Px, .Row50Px, .Row55Px, .Row60Px {

    width: 100%;

    position: relative;

    background-color: var(--Transparent);

    font-size: 1px;

    line-height: 1px;

    clear: both;

}



.Row1Px, .RowNavMenu1Px, .RowBlack1Px, .RowGrey1Px {

    height: 1px;

}



.RowNavMenu1Px {

    background-color: var(--NavMenu);

}



.RowBlack1Px {

    background-color: var(--Black);

}



.RowGrey1Px {

    background-color: var(--Grey);

}



.Row2Px, .RowWhite2Px {

    height: 2px;

}



.RowWhite2Px {

    background-color: var(--White);

}



.Row3Px {

    height: 3px;

}



.Row5Px {

    height: 5px;

}



.RowYellow8Px {

    height: 8px;

    background-color: var(--Yellow);

}



.Row10Px {

    height: 10px;

}



.Row15Px {

    height: 15px;

}



.Row20Px {

    height: 20px;

}



.Row25Px {

    height: 25px;

}



.Row30Px {

    height: 30px;

}



.Row40Px {

    height: 40px;

}



.Row45Px {

    height: 45px;

}



.Row50Px {

    height: 50px;

}



.Row55Px {

    height: 55px;

}



.Row60Px {

    height: 60px;

}



.MenuRow10Px, .MenuRow30Px, .MenuRow45Px {

    width: 100%;

    position: relative;

    background-color: var(--Transparent);

    font-size: 1px;

    line-height: 1px;

    clear: both;

}



.MenuRow10Px {

    height: 10px;

}



.MenuRow30Px {

    height: 30px;

}



.MenuRow45Px {

    height: 45px;

}



@media screen and (min-width:700px) and (max-width:1000px) {

    .MenuRow30Px {

        height: 20px;

    }



    .MenuRow45Px {

        height: 35px;

    }

}



@media screen and (min-width:421px) and (max-width:699px) {

    .MenuRow30Px {

        height: 20px;

    }



    .MenuRow45Px {

        height: 35px;

    }

}



@media screen and (min-width:0px) and (max-width:420px) {

    .MenuRow30Px {

        height: 20px;

    }



    .MenuRow45Px {

        height: 35px;

    }

}



.RowTitleBar {

    content: '';

    display: block;

    height: 60px;

    width: 3px;

    position: relative;

    margin: 0 auto;

    margin-top: 30px;

    margin-bottom: 0px;

    background-color: var(--Black);

}



.RowOblique {

    float: left;

    width: 10px;

    margin-left: 30px;

    height: 54px;

    transform: skew(30deg);

    background-color: var(--White);

}



.RowBottom {

    float: left;

    width: 60px;

    position: relative;

    bottom: 10px;

    margin-right: 30px;

    content: '';

    border-bottom: 5px solid var(--Black);

}



ol {

    margin: 0px 0px 0px 0px;

    padding: 0px 0px 0px 20px;

}



ul {

    margin: 0px 0px 0px 0px;

    padding: 0px 0px 0px 20px;

}



li {

    margin: 0px 0px 0px 0px;

    padding: 0px 0px 2px 5px;

}



form {

    margin: 0;

    padding: 0;

}



input {

    font-family: 'Proxima Nova W01 Light';

    font-size: 14px;

    color: var(--Black);

    background-color: var(--White);

    border: transparent;

    outline: none;

}



textarea {

    font-family: 'Proxima Nova W01 Light';

    width: 100%;

    font-size: 14px;

    color: var(--Black);

    background-color: var(--White);

    border: transparent;

    outline: none;

    resize: none;

}



select {

    font-family: 'Proxima Nova W05 Regular';

    width: 100%;

    font-size: 14px;

    color: var(--Black);

    background-color: var(--White);

    border: transparent;

    outline: none;

    cursor: pointer;

}



pre {

    display: block;

    font-family: monospace;

    white-space: pre;

    margin: 0px;

}



select[disabled] {

    text-indent: 5px;

    text-overflow: '';

    color: var(--Black);

    background-color: var(--Yellow);



    opacity: 1;

}



.slider {

    width: 96%;

    margin: 0 auto;

}



.slick-slide {

    margin: 0px 5px;

    outline: none;

}



.slick-slide img {

    width: 100%;

}



.slick-dots li {

    width: 38px;

    height: 5px;

    margin: 0 1px;

    background: #c6c6c6;

}



.slick-dots li.slick-active {

    background: #313131;

}



.slick-dots li:before {

    color: transparent;

    opacity: 0;

}



.slider>div {

    position: relative;

}



@media screen and (min-width:700px) and (max-width:1000px) {

    .slick-dots li {

        width: 10px;

        height: 5px;

        margin: 0 1px;

        background: #c6c6c6;

    }

}



@media screen and (min-width:421px) and (max-width:699px) {

    .slick-slide img {

        width: auto;

        height: 200px;

    }



    .slick-dots li {

        width: 10px;

        height: 5px;

        margin: 0 1px;

        background: #c6c6c6;

    }

}



@media screen and (min-width:0px) and (max-width:420px) {

    .slick-slide img {

        width: auto;

        height: 200px;

    }



    .slick-dots li {

        width: 10px;

        height: 5px;

        margin: 0 1px;

        background: #c6c6c6;

    }

}



*:not(#BSTSFamily), *:not(#BSTSFamily) * {

    box-sizing: content-box;

}



#BSTSFamily, #BSTSFamily * {

    box-sizing: border-box;

}



.accordion {

    --bs-accordion-btn-bg: #ffffff;

    --bs-accordion-active-bg: #ffffff;

    --bs-accordion-active-color: #000000;

    --bs-accordion-bg: ffffff;

    --bs-accordion-color: #000000;

    --bs-accordion-btn-focus-box-shadow: none;

    --bs-accordion-border-color: trasparent;

}



.accordion-button {

    padding-left: 0px;

}



tbody, td, tfoot, th, thead, tr {

    border-color: #000000;

    border-style: solid;

    border-width: 0;

    vertical-align: middle;

}



.TdImage {

    line-height: 16px;

    vertical-align: middle;

}



.ThFirstCol {

    text-align: left;

}



#FamilyIntroNavBar {

    padding-top: 10px;

    padding-bottom: 10px;

    cursor: pointer;

}



.FamilyIntroNavBarMenu {

    font-size: 20px;

    color: var(--HeavyGrey)

}



.FamilyIntroLancio {

    font-size: 30px;

    font-family: 'Proxima Nova W01 Light';

}



.FamilyIntroBoxTitle {

    font-size: 24px;

}



.hide {

    padding: 10px;

    width: 160px;

    position: absolute;

    top: 340px;

    display: none;

}



.myDIV:hover+.hide {

    display: block;

    position: absolute;

    background-color: #000000;

    color: #ffffff;

    opacity: 0.8;

}



.DivProductOZ {

    position: relative;

    width: 100%;

    height: 100%;

    overflow: hidden;

}



.ImageProductOZ {

    transition: transform 0.3s ease-in-out;

}



img .ImageProductOZ {

    width: 100%;

}



.DescriProductOZ {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    padding: 20px;

    color: #333333;

    font-size: 18px;

    line-height: 20px;

    border-radius: 30px;

    opacity: 0;

    transition: opacity 0.3s ease-in-out;

}



.DivProductOZ:hover .ImageProductOZ {

    opacity: 1;

}



.DivProductOZ:hover .DescriProductOZ {

    opacity: 1;

    background: rgba(255, 255, 255, 0.25);

    backdrop-filter: blur(20px);

    -webkit-backdrop-filter: blur(20px);

    border-radius: 10px;

    border: 1px solid rgba(255, 255, 255, 0.18);

}



.DivProductIVY {

    position: relative;

    width: 100%;

    height: 100%;

    overflow: hidden;

}



.FrontCardIVY {

    transition: transform 0.3s ease-in;

}



img .FrontCardIVY {

    width: 100%;

}



.OverCardIVY {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    padding: 20px;

    color: #333333;

    font-size: 18px;

    line-height: 20px;

    opacity: 0;

    transition: opacity 0.3s ease-in;

}



.DivProductIVY:hover .FrontCardIVY {

    opacity: 1;

}



.DivProductIVY:hover .OverCardIVY {

    opacity: 1;

    background: url('../../../download.targetti.com/media/family/intro/Ivy/UnitaLuminose_02.jpg');

    background-position: center;

    background-size: cover;

}



.custom-range::-webkit-slider-thumb {

    background-color: #333333;

}



.custom-range::-moz-range-thumb {

    background-color: #333333;

}



.GlassCol {

    background: rgba(255, 255, 255, 0.2);

    border-radius: 15px;

    backdrop-filter: blur(10px);

    border: 1px solid rgba(255, 255, 255, 0.18);

    color: #000000;

}



.css-selector {

    background: linear-gradient(270deg, #fafbf4, #fff2e8, #d5e3f9, #bad6ff, #d6efff);

    background-size: 1000% 1000%;

    -webkit-animation: BackgroundInfinite 14s ease infinite;

    -moz-animation: BackgroundInfinite 14s ease infinite;

    animation: BackgroundInfinite 14s ease infinite;

}



@-webkit-keyframes BackgroundInfinite {

    0% {

        background-position: 0% 78%

    }



    50% {

        background-position: 100% 23%

    }



    100% {

        background-position: 0% 78%

    }

}



@-moz-keyframes BackgroundInfinite {

    0% {

        background-position: 0% 78%

    }



    50% {

        background-position: 100% 23%

    }



    100% {

        background-position: 0% 78%

    }

}



@keyframes BackgroundInfinite {

    0% {

        background-position: 0% 78%

    }



    50% {

        background-position: 100% 23%

    }



    100% {

        background-position: 0% 78%

    }

}



.PaddingTop120 {

    height: 120px;

}



#ContainerFlipCard {

    width: 100%;

    padding-top: 30px;

    padding-bottom: 30px;

    position: relative;

    display: flex;

    flex-direction: row;

    justify-content: center;

}



.flip-card {

    width: 400px;

    height: 600px;

    margin-left: 15px;

    margin-right: 15px;

    border-radius: 15px;

    perspective: 1000px;

}



.flip-card-square {

    width: 400px;

    height: 400px;

    margin-left: 15px;

    margin-right: 15px;

    border-radius: 15px;

    perspective: 1000px;

}



.flip-card-inner {

    position: relative;

    width: 100%;

    height: 100%;

    border-radius: 15px;

    text-align: center;

    transition: transform 0.6s;

    transform-style: preserve-3d;

    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);

}



.flip-card-square:hover .flip-card-inner {

    transform: rotateY(180deg);

}



.flip-card:hover .flip-card-inner {

    transform: rotateY(180deg);

}



.flip-card-front, .flip-card-back {

    position: absolute;

    width: 100%;

    height: 100%;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

}



.flip-card-front {

    background: rgba(255, 255, 255, 0.2);

    border-radius: 15px;

    backdrop-filter: blur(10px);

    border: 1px solid rgba(255, 255, 255, 0.18);

    color: #000000;

    padding: 30px;

}



.flip-card-back {

    background: rgba(255, 255, 255, 0.2);

    border-radius: 15px;

    backdrop-filter: blur(10px);

    border: 1px solid rgba(255, 255, 255, 0.18);

    color: #000000;

    transform: rotateY(180deg);

    text-align: left;

    padding: 30px;

}



.FlipTitle {

    position: relative;

    padding-top: 100px;

}



.ImageLeftTextRightBox {

    align-items: center;

    margin: 0;

    padding: 1rem;

}



.CatirpelButtonFlipImage {

    padding: 1rem 0 0;

    text-align: center;

}



.CatirpelButtonFlipImage .btn {

    border: 0;

}



.FlipImageLeftContainer {

    position: relative;

    width: 100%;

    height: 600px;

}



.CatirpelFlipImage {

    height: 95%;

    object-fit: cover;

    object-position: 50% 50%;

}



.FlipImageBox {

    justify-content: center;

    align-items: center;

    height: inherit;

    border: 3px solid white;

    border-radius: 60px 60px;

}



.TextRightTextBox {

    padding: 1rem 0;

}



#FlipImage1, #FlipImage2 {

    background: linear-gradient(145deg, #fff, #9d9d92);

    position: relative;

    animation-duration: 1s;

    perspective: 1000px;

    transition: transform .5s ease;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

}



#ContainerCenter #CatirpelButtonFlip1:hover, #ContainerCenter #CatirpelButtonFlip2:hover {

    background: transparent;

    color: #fff;

    font-weight: normal;

}



@keyframes no-show {

    0% {

        transform: rotateY(0deg);

        display: flex;

    }



    49% {

        display: flex;

    }



    50% {

        display: none;

    }



    100% {

        transform: rotateY(180deg);

        display: none;

    }

}



@keyframes show {

    0% {

        transform: rotateY(-180deg);

        display: none;

    }



    49% {

        display: none;

    }



    50% {

        display: flex;

    }



    100% {

        transform: rotateY(0deg);

        display: flex;

    }

}



#FlipImage1 {

    transform: rotateY(0deg);

    animation-name: show;

    display: flex;

}



#FlipImage2 {

    transform: rotateY(-180deg);

    animation-name: no-show;

    position: absolute;

    display: none;

}



#FlipImage1.ImageFlipped {

    transform: rotateY(180deg);

    animation-name: no-show;

    position: absolute;

    display: none;

}



#FlipImage2.ImageFlipped {

    transform: rotateY(0deg);

    animation-name: show;

    display: flex;

}



.SceltaEffettoLuminosoBox {

    text-align: center;

    margin-top: 2.5rem;

}



.SceltaEffettoLuminosoSpaziatura {

    margin: auto;

    padding: 1rem 0;

}



.SceltaEffettoLuminosoItemContainer {

    padding: 0;

    height: 190px;

}



.SceltaEffettoLuminosoItemContainer img {

    margin-bottom: 0.5rem;

}



.SceltaEffettoLuminosoItemContainer img:hover {

    cursor: pointer;

}



.SceltaEffettoLuminosoItemContainer div {

    padding: 0.75rem 0;

}



.SceltaEffettoLuminosoTitle {

    max-width: 100%;

    padding: 1rem 0 3rem 0;

    text-align: center;

    font-family: 'Proxima Nova W01 Light';

}



.FontProximaLightW {

    font-family: 'Proxima Nova W01 Light';

    color: #ffffff;

}



.FontProximaLightB {

    font-family: 'Proxima Nova W01 Light';

    color: #000000;

}



.FontSize14px {

    line-height: 14px;

    font-size: 14px;

}



.FontSize18px {

    line-height: 18px;

    font-size: 18px;

}



.FontSize20px {

    line-height: 20px;

    font-size: 20px;

}



.FontSize24px {

    line-height: 24px;

    font-size: 24px;

}



.FontSize28px {

    line-height: 28px;

    font-size: 28px;

}



.FontSize30px {

    line-height: 30px;

    font-size: 30px;

}



.FontSize35px {

    line-height: 35px;

    font-size: 35px;

}



.FontSize40px {

    line-height: 40px;

    font-size: 40px;

}



.FontSize48px {

    font-size: 48px;

    line-height: 48px;

}



.FontSize64px {

    font-size: 64px;

    line-height: 64px;

}



.FontSize80px {

    line-height: 80px;

    font-size: 80px;

}



.MenuMobile.accordion {

    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");

    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");

}



.MenuMobile.accordion-button {

    color: #ffffff;

    background-color: #212529;

}



.MenuMobile.accordion-button:not(.collapsed) {

    color: #ffffff;

    background-color: #212529;

}



.btn-primary {

    color: #313131;

    background-color: transparent;

    border-color: #313131;

    border-radius: 0;

    border: 2px solid #313131;

}



.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {

    color: #313131;

    background-color: #ffff99;

    border-radius: 0;

    border: 2px solid #ffff99;

}



#BtnLinkChange a:link, #BtnLinkChange a:visited, #BtnLinkChange a:hover, #BtnLinkChange a:active {

    background: transparent !important;

}



.DbsImgHeight {

    height: auto;

}



@media (max-width:575.98px) {

    .FamilyIntroNavBarMenu {

        font-size: 16px;

    }



    .DbsImgHeight {

        height: 300px;

    }



    #ContainerFlipCard {

        flex-direction: column;

        justify-content: center;

    }



    .flip-card {

        width: 100%;

        height: 650px;

        margin: 20px 0px 20px 0px;

    }



    .flip-card-square {

        width: 100%;

        height: 400px;

        margin: 20px 0px 20px 0px;

    }



    #FlipImage1, #FlipImage2 {

        width: inherit;

    }



    .SceltaEffettoLuminosoSpaziatura {

        display: none

    }



    .EffettiLuminosiBigImg {

        margin-top: 2.5rem

    }



    .SceltaEffettoLuminosoItemContainer {

        flex: 0 0 auto;

        width: 20%;

    }



    .SceltaEffettoLuminosoItemContainer img {

        height: 50px;

    }

}



@media (min-width:576px) and (max-width:767.98px) {

    .FamilyIntroNavBarMenu {

        font-size: 20px;

    }



    .DbsImgHeight {

        height: 400px;

    }



    #ContainerFlipCard {

        flex-direction: column;

        justify-content: center;

    }



    .flip-card {

        width: 100%;

        height: 800px;

        margin: 20px 0px 20px 0px;

    }



    .flip-card-square {

        width: 100%;

        height: 400px;

        margin: 20px 0px 20px 0px;

    }



    #FlipImage1, #FlipImage2 {

        width: inherit;

    }



    .SceltaEffettoLuminosoSpaziatura {

        display: none

    }



    .EffettiLuminosiBigImg {

        margin-top: 2.5rem

    }



    .SceltaEffettoLuminosoItemContainer {

        flex: 0 0 auto;

        width: 20%;

    }



    .SceltaEffettoLuminosoItemContainer img {

        height: 75px;

    }

}



@media (min-width:768px) and (max-width:991.98px) {

    .FamilyIntroNavBarMenu {

        font-size: 20px;

    }



    #ContainerFlipCard {

        flex-direction: column;

        justify-content: center;

    }



    .flip-card {

        width: 100%;

        height: 800px;

        margin: 20px 0px 20px 0px;

    }



    .flip-card-square {

        width: 100%;

        height: 400px;

        margin: 20px 0px 20px 0px;

    }



    #FlipImage1, #FlipImage2 {

        width: inherit;

    }



    .SceltaEffettoLuminosoSpaziatura {

        display: none

    }



    .EffettiLuminosiBigImg {

        margin-top: 2.5rem

    }



    .SceltaEffettoLuminosoItemContainer {

        flex: 0 0 auto;

        width: 20%;

    }



    .SceltaEffettoLuminosoItemContainer img {

        height: 90px;

    }



    .SceltaEffettoLuminosoItemContainer div {

        white-space: nowrap

    }

}



@media (min-width:992px) and (max-width:1199.98px) {

    .flip-card {

        width: 400px;

        height: 680px;

        margin: 20px 15px 20px 15px;

    }



    .flip-card-square {

        width: 100%;

        height: 400px;

        margin: 20px 20px 20px 20px;

    }



    .SceltaEffettoLuminosoSpaziatura {

        display: none

    }



    .EffettiLuminosiBigImg {

        margin-top: 2.5rem

    }



    .SceltaEffettoLuminosoItemContainer {

        flex: 0 0 auto;

        width: 20%;

    }



    .SceltaEffettoLuminosoBox {

        flex-wrap: nowrap;

        padding-right: 2rem !important;

    }



    .SceltaEffettoLuminosoItemContainer img {

        height: 90px;

    }

}



@media (min-width:1200px) and (max-width:1399.98px) {

    .ImageLeftTextRightBox {

        padding: 3rem;

    }



    .TextRightTextBox {

        padding: 1rem;

    }



    .FlipImageLeftContainer {

        height: 600px;

    }



    .FlipImageBox {

        width: 100%;

    }



    .SceltaEffettoLuminosoSpaziatura {

        padding: 0;

        width: 35%;

    }



    .SceltaEffettoLuminosoTitle {

        padding-left: 40%

    }



    .EffettiLuminosiBigImg {

        padding-left: 6rem;

    }



    .SceltaEffettoLuminosoItemContainer {

        flex: 0 0 auto;

        width: 12%;

    }



    .SceltaEffettoLuminosoBox {

        flex-wrap: nowrap;

        padding-right: 3rem !important;

    }



    .SceltaEffettoLuminosoItemContainer img {

        height: 100px;

    }



    .SceltaEffettoLuminosoItemContainer div {

        white-space: nowrap

    }



    .EffettoLuminosoTeDescr {

        padding-left: 3rem;

    }



    .flip-card-square {

        width: 100%;

        height: 400px;

        margin: 20px;

    }

}



@media (min-width:1400px) {

    .ImageLeftTextRightBox {

        padding: 3rem;

    }



    .TextRightTextBox {

        padding: 1rem;

    }



    .FlipImageLeftContainer {

        height: 600px;

    }



    .FlipImageBox {

        width: 100%;

    }



    .SceltaEffettoLuminosoSpaziatura {

        padding: 0;

        width: 35%;

        text-align: right;

    }



    .EffettiLuminosiBigImg {

        padding-left: 19rem;

        height: 500px;

    }



    .SceltaEffettoLuminosoBox {

        flex-wrap: nowrap;

        padding-right: 5rem !important;

    }



    .SceltaEffettoLuminosoItemContainer {

        width: 9.5%;

    }



    .SceltaEffettoLuminosoItemContainer img {

        height: 110px;

    }



    .SceltaEffettoLuminosoTitle {

        padding-left: 50%

    }



    .EffettoLuminosoTeDescr {

        padding-left: 3rem;

    }



    .flip-card-square {

        width: 400px;

        height: 400px;

        margin: 20px;

    }

}



.FontPageDB_ColorBlue {

    color: var(--BluePageDB);

}



.FontPageDB_Italic {

    font-family: 'Proxima Nova W01 Medium';

}



.TableCookie {

    width: 959px;

    text-align: left;

    border-top: 1px solid var(--Grey);

    border-left: 1px solid var(--Grey);

    border-spacing: 0px;

}



.TableCookieTH {

    padding-left: 5px;

    padding-right: 5px;

    border-right: 1px solid var(--Grey);

    border-bottom: 1px solid var(--Grey);

}



.TableCookieTD {

    padding-left: 5px;

    padding-right: 5px;

    border-right: 1px solid var(--Grey);

    border-bottom: 1px solid var(--Grey);

}



.ContainerGridNews {

    display: grid;

    width: 100%;

    max-width: 960px;

    margin: 0 auto;

    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));

    grid-gap: 20px;

}



.ContainerGridNews div {

    padding: 20px;

}



@media screen and (min-width:700px) and (max-width:1000px) {

    .TableCookie {

        width: 629px;

    }

}



@media screen and (min-width:421px) and (max-width:699px) {

    .TableCookie {

        width: 399px;

    }



    .TableCookieTD {

        font-size: 12px;

    }

}



@media screen and (min-width:0px) and (max-width:420px) {

    .TableCookie {

        width: 299px;

    }



    .TableCookieTD {

        font-size: 12px;

    }

}



.ContentVader {

    width: 960px;

    margin-top: 60px;

}



.VaderPreview {

    float: left;

    width: 300px;

    position: relative;

    cursor: pointer;

    border-radius: 30px;

    background-color: var(--BackgroundMenu);

}



.VaderPreviewText {

    float: left;

    width: 100%;

    position: relative;

    margin-top: 20px;

    margin-bottom: 1px;

    color: var(--White);

}



.VaderPreviewImage {

    float: left;

    width: 50%;

    min-height: 250px;

    margin-left: 25%;

    display: flex;

    align-items: center;

    justify-content: center;

}



.VaderPreviewChevronRight {

    position: absolute;

    width: 20px;

    height: 20px;

    right: 15px;

    bottom: 15px;

    padding: 5px;

    border-radius: 20px;

    background-color: var(--White);

}



.VaderPreviewChevronRight, svg {

    vertical-align: baseline;

}



#ProductVaderBannerInformations {

    position: fixed;

    width: 100%;

    min-height: 300px;

    overflow-x: hidden;

    transition: 0.8s;

    visibility: hidden;

    background-color: var(--White);

}



.ProductVaderBannerSingleInformations {

    float: left;

    position: relative;

}



.ProductVaderBannerSingleInformationsOverflowContent {

    float: left;

    position: relative;

    overflow: unset;

}



.ProductVaderBannerSingleInformationsContent {

    float: left;

    position: relative;

    width: 1920px;

}



.ProductVaderBannerContentLeft {

    float: left;

    position: relative;

    width: 480px;

    height: 100%;

}



.ProductVaderBannerContentLeftMediaIcon {

    position: relative;

    width: 50px;

    height: 50px;

}



.ProductVaderBannerContentLeftMedia {

    width: 100%;

    position: absolute;

    bottom: 0px;

}



.ProductVaderBannerContentLeftMedia iframe {

    height: 550px;

}



.ProductVaderBannerContentCenter {

    float: left;

    position: relative;

    width: 420px;

    margin-top: 285px;

    padding-right: 30px;

    padding-left: 30px;

}



.ProductVaderBannerContentRight {

    float: right;

    height: 100%;

    position: relative;

    display: flex;

    flex-direction: column;

}



img.ProductVaderBannerContentRightMedia {

    height: 85%;

}



.ProductVaderBannerSingleInformationsClose {

    width: 20px;

    height: 20px;

    position: absolute;

    padding: 7px;

    visibility: hidden;

    border-radius: 20px;

    background-color: var(--Black);

    cursor: pointer;

}



@media screen and (min-width:1301px) and (max-width:1550px) {

    .ProductVaderBannerContentLeft {

        width: 400px;

    }



    .ProductVaderBannerContentLeftMedia {

        width: 75%;

    }



    .ProductVaderBannerContentLeftMedia iframe {

        height: 500px;

    }



    .ProductVaderBannerContentCenter {

        width: 320px;

        margin-top: 150px;

    }



    img.ProductVaderBannerContentRightMedia {

        height: 65%;

    }

}



@media screen and (min-width:1001px) and (max-width:1330px) {

    .ProductVaderBannerContentLeft {

        width: 330px;

    }



    .ProductVaderBannerContentLeftMedia {

        width: 70%;

    }



    .ProductVaderBannerContentLeftMedia iframe {

        height: 450px;

    }



    .ProductVaderBannerContentCenter {

        width: 270px;

        margin-top: 100px;

    }



    img.ProductVaderBannerContentRightMedia {

        height: 60%;

    }

}



@media screen and (min-width:700px) and (max-width:1000px) {

    .ContentVader {

        width: 630px;

    }



    .ProductVaderBannerContentLeftMedia {

        width: 80%;

    }



    .ProductVaderBannerContentLeftMedia iframe {

        height: 400px;

    }



    .ProductVaderBannerSingleInformationsOverflowContent {

        overflow: auto;

    }

}



@media screen and (min-width:421px) and (max-width:699px) {

    .ContentVader {

        width: 400px;

    }



    .VaderPreview {

        width: 398px;

    }



    .VaderPreviewImage {

        min-height: 400px;

    }



    .ProductVaderBannerContentLeftMedia {

        width: 70%;

    }



    .ProductVaderBannerContentLeftMedia iframe {

        height: 400px;

    }



    .ProductVaderBannerSingleInformationsOverflowContent {

        overflow: auto;

    }



    .ProductVaderBannerContentCenter {

        width: 400px;

        margin-top: 80px;

    }



    .ProductVaderBannerContentCenter.Font_18 {

        font-size: 16px;

    }



    .ProductVaderBannerContentRight {

        float: left;

    }

}



@media screen and (min-width:0px) and (max-width:420px) {

    .ContentVader {

        width: 300px;

    }



    .VaderPreview {

        width: 298px;

    }



    .ProductVaderBannerContentLeftMedia {

        width: 60%;

    }



    .ProductVaderBannerContentLeftMedia iframe {

        height: 300px;

    }



    .ProductVaderBannerSingleInformationsOverflowContent {

        overflow: auto;

    }



    .ProductVaderBannerContentCenter {

        width: 300px;

        margin-top: 80px;

    }



    .ProductVaderBannerContentCenter.Font_18 {

        font-size: 16px;

    }



    .ProductVaderBannerContentRight {

        float: left;

    }

}



#ContainerCookie {

    width: 100%;

    position: fixed;

    bottom: 0;

    z-index: 999999;

}



#ContentCookie {

    position: relative;

    padding: 20px;

    text-align: left;

    color: var(--Black);

    filter: alpha(opacity=90);

    -moz-opacity: 0.90;

    opacity: 0.90;

    background-color: var(--Grey);

}



#ContentCookie a:link {

    color: var(--Black);

    text-decoration: underline;

}



#ContentCookie a:visited {

    color: var(--Black);

    text-decoration: underline;

}



#ContentCookie a:hover {

    color: var(--Black);

    text-decoration: underline;

}



#ContentCookieLeft {

    float: left;

    position: relative;

}



#ContentCookieRight {

    float: right;

    width: 20px;

    position: relative;

    cursor: pointer;

}



#Messages_Container {

    position: fixed;

    padding: 0px;

    top: 0px;

    left: 0px;

    z-index: 99;

    display: none;

}



#Messages_Content {

    float: left;

    border-radius: 5px;

    border: 3px solid var(--Transparent)

}



#Messages_Top {

    padding-bottom: 3px;

    text-align: right;

    color: var(--White);

    background-color: var(--Transparent)

}



#Messages_Text {

    float: left;

    width: 500px;

    position: relative;

    padding: 15px;

    text-align: center;

    font-size: 14px;

    background-color: var(--White);

}



@media screen and (min-width:421px) and (max-width:699px) {

    #Messages_Text {

        width: 400px;

    }

}



@media screen and (min-width:0px) and (max-width:420px) {

    #Messages_Text {

        width: 300px;

    }

}



#TopLogo {

    float: left;

    width: 185px;

    position: relative;

}



.ContentTopMenuIcon {

    float: right;

    position: relative;

}



.TopMenuIcon {

    float: left;

    position: relative;

    cursor: pointer;

}



#TopMenuIconLanguage.TopMenuIcon {

    top: 6px;

    line-height: normal;

}



.TopMenuIconLanguageMarginRight {

    margin-right: 30px;

}



.TopMenuIconMarginRight {

    margin-right: 15px;

}



.TopMenuIconLanguageTop {

    top: -1px;

}



.TopMenuIconTop {

    top: 3px;

}



#TopMenu {

    width: 100%;

    height: 100%;

    position: fixed;

    top: 0px;

    left: 0px;

    opacity: 0;

    background-color: var(--BackgroundMenu);

    color: var(--NavMenu);

    z-index: 99;

}



#TopMenu a:link {

    color: var(--NavMenu) !important;

    text-decoration: none;

}



#TopMenu a:visited {

    color: var(--NavMenu) !important;

    text-decoration: none;

}



#TopMenu a:hover {

    color: var(--Yellow) !important;

    text-decoration: none;

}



#TopMenuFirstLevel, #TopMenuSearch, #TopMenuLanguage {

    position: relative;

    width: 960px;

    overflow: hidden;

    margin: 0 auto;

}



#TopMenuLanguage {

    position: absolute;

    width: 338px

}



@media screen and (min-width:700px) and (max-width:1000px) {

    #TopMenu {

        overflow: auto;

    }



    #TopMenuFirstLevel, #TopMenuSearch, #TopMenuLanguage {

        width: 630px;

    }

}



@media screen and (min-width:421px) and (max-width:699px) {

    #TopMenu {

        overflow: auto;

    }



    #TopLogo {

        width: 130px;

    }



    #TopMenuIconLanguage .Font_16 {

        font-size: 14px;

    }



    .TopMenuIconLanguageMarginRight {

        margin-right: 10px;

    }



    #TopMenuFirstLevel, #TopMenuSearch, #TopMenuLanguage {

        width: 400px;

    }

}



@media screen and (min-width:0px) and (max-width:420px) {

    #TopMenu {

        overflow: auto;

    }



    #TopLogo {

        width: 130px;

    }



    #TopMenuIconLanguage .Font_16 {

        font-size: 14px;

    }



    .TopMenuIconLanguageMarginRight {

        margin-right: 10px;

    }



    #TopMenuFirstLevel, #TopMenuSearch, #TopMenuLanguage {

        width: 300px;

    }

}



#NewTop_ContainerMenu {

    width: 1200px;

    margin: 0 auto;

    overflow: auto;

    display: none;

}



.NewTop_MenuFirstLevel, .NewTop_MenuSecondLevel, .NewTop_MenuThirdLevel {

    width: 350px;

    position: absolute;

    top: 0px;

    padding: 20px;

}



.NewTop_MenuSecondLevel {

    left: 0px;

    background-color: var(--BackgroundSubMenu);

    display: none;
    height: 100vh !important;
}


.NewTop_MenuThirdLevel {

    width: 360px;

    left: 0px;

    background-color: var(--BackgroundSubMenu);

    display: none;

    height: 100vh !important;

    overflow: auto;

}

@media (max-width:1000px) {

   .NewTop_MenuThirdLevel, .NewTop_MenuSecondLevel {

    height:auto !important;

}

}

@media screen and (min-width:1001px) and (max-width:1200px) {

    #NewTop_ContainerMenu {

        width: 960px;

    }



    .NewTop_MenuFirstLevel, .NewTop_MenuSecondLevel, .NewTop_MenuThirdLevel {

        width: 260px;

    }

}



@media screen and (min-width:700px) and (max-width:1000px) {

    #NewTop_ContainerMenu {

        width: 610px;

    }



    .NewTop_MenuFirstLevel {

        width: 570px;

        position: relative;

    }



    .NewTop_MenuSecondLevel {

        width: 550px;

        position: relative;

        margin-top: 50px;

    }



    .NewTop_MenuThirdLevel {

        width: 530px;

        position: relative;

    }



    .NewTop_MenuFirstLevel .Font_40 {

        font-size: 30px

    }



    .NewTop_MenuSecondLevel .Font_30 {

        font-size: 20px

    }



    .NewTop_MenuThirdLevel .Font_30 {

        font-size: 20px

    }

}



@media screen and (min-width:421px) and (max-width:699px) {

    #NewTop_ContainerMenu {

        width: 94%;

        margin: unset;

        overflow: hidden;

    }



    .NewTop_MenuFirstLevel {

        width: 100%;

        position: relative;

    }



    .NewTop_MenuSecondLevel {

        width: 100%;

        position: relative;

        margin-top: 50px;

    }



    .NewTop_MenuThirdLevel {

        width: 100%;

        position: relative;

    }



    .NewTop_MenuFirstLevel .Font_40 {

        font-size: 28px

    }



    .NewTop_MenuSecondLevel .Font_30 {

        font-size: 18px

    }



    .NewTop_MenuThirdLevel .Font_30 {

        font-size: 18px

    }

}



@media screen and (min-width:0px) and (max-width:420px) {

    #NewTop_ContainerMenu {

        width: 94%;

        margin: unset;

        overflow: hidden;

    }



    .NewTop_MenuFirstLevel {

        width: 100%;

        position: relative;

    }



    .NewTop_MenuSecondLevel {

        width: 100%;

        position: relative;

        margin-top: 50px;

    }



    .NewTop_MenuThirdLevel {

        width: 100%;

        position: relative;

    }



    .NewTop_MenuFirstLevel .Font_40 {

        font-size: 28px

    }



    .NewTop_MenuSecondLevel .Font_30 {

        font-size: 18px

    }



    .NewTop_MenuThirdLevel .Font_30 {

        font-size: 18px

    }

}



.TopMenu {

    float: left;

    position: relative;

    min-width: 25%;

    margin-right: 0.5%;

    background-color: var(--Transparent);

}



.SubMenu, .SubMenuProducts {

    position: absolute;

    min-width: 25%;

    top: 0;

    left: 0;

    margin-right: 0.5%;

    padding: 20px;

    background-color: var(--BackgroundSubMenu);

    z-index: 99;

}



.SubMenuProducts {

    width: 100%;

    margin-right: unset;

}



.MenuTopVoice {

    line-height: 30px;

}



.MenuTopVoice, .SubMenuTopVoice {

    width: fit-content;

}



.MenuTopVoice:link {

    color: var(--NavMenu) !important;

    text-decoration: none;

}



.MenuTopVoice:visited {

    color: var(--NavMenu) !important;

    text-decoration: none;

}



.MenuTopVoice:hover {

    color: var(--Yellow) !important;

    text-decoration: none;

}



.SubMenuTopVoice:link {

    color: var(--NavMenu) !important;

    text-decoration: none;

}



.SubMenuTopVoice:visited {

    color: var(--NavMenu) !important;

    text-decoration: none;

}



.SubMenuTopVoice:hover {

    color: var(--Yellow) !important;

    text-decoration: none;

}



@media screen and (min-width:700px) and (max-width:1000px) {

    .SubMenu {

        float: left;

        width: 630px;

        position: relative;

        top: unset;

        right: unset;

        left: 0px;

        margin-top: 20px;

    }



    .SubMenuTopVoice.Font_30 {

        font-size: 20px;

    }



    .SubMenuProducts {

        float: left;

        width: 630px;

        position: relative;

        top: unset;

        right: unset;

        left: 0px;

        margin-top: 20px;

    }



    .SubMenuProductsVoice.Font_30 {

        font-size: 20px;

    }

}



@media screen and (min-width:421px) and (max-width:699px) {

    .SubMenu {

        float: left;

        width: 333px;

        position: relative;

        top: unset;

        right: unset;

        left: 0px;

        margin-top: 20px;

    }



    .SubMenuTopVoice.Font_30 {

        font-size: 20px;

    }



    .SubMenuProducts {

        float: left;

        width: 313px;

        position: relative;

        top: unset;

        right: unset;

        left: 0px;

        margin-top: 20px;

    }



    .SubMenuProductsVoice.Font_30 {

        font-size: 20px;

    }

}



@media screen and (min-width:0px) and (max-width:420px) {

    .SubMenu {

        float: left;

        width: 233px;

        position: relative;

        top: unset;

        right: unset;

        left: 0px;

        margin-top: 20px;

    }



    .SubMenuTopVoice.Font_30 {

        font-size: 20px;

    }



    .SubMenuProducts {

        float: left;

        width: 213px;

        position: relative;

        top: unset;

        right: unset;

        left: 0px;

        margin-top: 20px;

    }



    .SubMenuProductsVoice.Font_30 {

        font-size: 20px;

    }

}



.TopLanguage {

    position: relative;

    display: inline-block;

    cursor: pointer;

}



.TopLanguageMarginLeft {

    margin-left: 20px;

}



.TopLanguageMarket {

    float: left;

    position: relative;

    width: 200px;

}



.TopContentLanguage {

    float: left;

    position: relative;

}



@media screen and (min-width:700px) and (max-width:1000px) {}



@media screen and (min-width:421px) and (max-width:699px) {

    .TopLanguageMarket {

        width: 160px;

    }

}



@media screen and (min-width:0px) and (max-width:420px) {

    .TopLanguageMarket {

        width: 160px;

    }

}



#TopMenuIconMenu {

    width: 30px;

    height: 20px;

    position: relative;

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    cursor: pointer;

}



#TopMenuIconMenu span {

    display: block;

    position: absolute;

    height: 2px;

    width: 100%;

    border-radius: 9px;

    opacity: 1;

    left: 0;

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -o-transform: rotate(0deg);

}



#TopMenuIconMenu span:nth-child(1) {

    top: 3px;

    transform-origin: left center;

    -webkit-transform-origin: left center;

    -moz-transform-origin: left center;

    -o-transform-origin: left center;

}



#TopMenuIconMenu span:nth-child(2) {

    top: 11px;

    transform-origin: left center;

    -webkit-transform-origin: left center;

    -moz-transform-origin: left center;

    -o-transform-origin: left center;

}



#TopMenuIconMenu span:nth-child(3) {

    top: 19px;

    transform-origin: left center;

    -webkit-transform-origin: left center;

    -moz-transform-origin: left center;

    -o-transform-origin: left center;

}



#TopMenuIconMenu.open span:nth-child(1) {

    width: 25px;

    top: 3px;

    left: 0px;

    transform: rotate(-45deg);

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -o-transform: rotate(45deg);

}



#TopMenuIconMenu.open span:nth-child(2) {

    width: 0%;

    opacity: 0;

}



#TopMenuIconMenu.open span:nth-child(3) {

    width: 25px;

    top: 20px;

    left: 0px;

    transform: rotate(-45deg);

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

}



#ContainerNewsletter {

    float: left;

    min-height: 280px;

    width: 100%;

    position: relative;

    padding: 60px 0px 60px 0px;

    background-color: var(--BackgroundMenu);

    clear: both;

}



.BottomContent {

    float: left;

    width: 300px;

    position: relative;

    margin-right: 30px;

}



.BottomContentGroup {

    margin-right: 0px;

}



.BottomContentMarginTop {

    margin-top: 30px;

}



.BottomGroup3F, .BottomGroupDuralamp {

    float: left;

    width: 140px;

    position: relative;

    margin-right: 20px;

}



.BottomGroupDuralamp {

   margin-right: 8px;

   top: 0;

   margin-top: 7px;

}



.BottomFirstRow, .BottomSecondRow {

    float: left;

    width: 100%;

    position: relative;

}



@media screen and (min-width:700px) and (max-width:1000px) {

    .BottomContent {

        width: 630px;

        margin-right: 0px;

    }

}



@media screen and (min-width:421px) and (max-width:699px) {

    .BottomContent {

        width: 400px;

        margin-right: 0px;

    }

}



@media screen and (min-width:0px) and (max-width:420px) {

    .BottomContent {

        width: 300px;

        margin-right: 0px;

    }

}



.BottomIconSocial {

    float: left;

    width: 20px;

    position: relative;

    line-height: normal;

}



.BottomIconSocialMarginLeft {

    margin-left: 15px;

}



.ButtonBottomNL {

    float: left;

    position: relative;

    padding: 8px;

}



.ContentShareQuickContact {

    float: left;

    position: fixed;

    right: 0px;

    bottom: 0px;

    z-index: 9;

}



.ContentShare {

    overflow: hidden;

    position: absolute;

    top: 0px;

    right: 46px;

}



.ContentShareWidth {

    width: 208px;

}



.ContentQuickContact, .ContentLogOut {

    overflow: hidden;

    position: absolute;

    top: 46px;

    right: 46px;

}



.ContentLogOut {

    top: 92px;

    right: -7px;

}



.ContentQuickContactWidth, .ContentLogOutWidth {

    width: 135px;

}



.QuickInformations {

    position: relative;

    width: 20px;

    padding: 13px 13px 13px 13px;

    background-color: var(--Black);

    line-height: normal;

}



.QuickInformationsSocialNetworkIcons {

    float: left;

    position: relative;

    width: 20px;

    padding: 13px 13px 13px 13px;

    background-color: var(--Black);

    line-height: normal;

}



.QuickInformationsSocialNetworkIconsText {

    float: left;

    position: relative;

    padding: 16px 13px 16px 13px;

    background-color: var(--Black);

    line-height: 14px;

}



.ShareIcons, .QuickContactIcons {

    float: left;

    width: 20px;

    position: relative;

    margin-left: 10px;

    top: -1px;

}



#Loader {

    width: 64px;

    height: 64px;

    position: fixed;

    z-index: 999999999999;

}



#HomepageSlideshowVideo {

    min-width: 100%;

    min-height: 100%;

}



.HomepageSlideshowVideoMinWidth {

    min-width: 223px;

}



.HomepageSlideshowImage {

    top: -70px;

    position: absolute;

}



.HomepageSlideshowImageOpacityContainer {

    float: left;

    width: 100%;

    position: absolute;

    bottom: 0px;

    background: rgba(0, 0, 0, 0.40);

}



.HomepageSlideshowImageOpacityContent {

    width: 90%;

    position: relative;

    min-height: 60px;

    overflow: hidden;

    margin: 0 auto;

    padding-top: 20px;

    padding-bottom: 20px;

    text-align: left;

}



.HomepageSlideshowImageOpacityText {

    float: left;

    position: relative;

    padding-right: 20px;

}



.HomepageSlideshowImage_Information {

    position: absolute;

    width: 100%;

}



.HomepageButton {

    position: absolute;

    padding-top: 8px;

    padding-bottom: 8px;

    display: inline-block;

    text-transform: uppercase;

    font-weight: bold;

    cursor: pointer;

}



.HomepageButtonPaddingLink {

    padding: 13px 58px 13px 58px;

}



.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {

    width: auto;

    right: 0px;

    bottom: 52px;

    left: auto;

    margin-right: 80px;

}



@media screen and (min-width:700px) and (max-width:1000px) {

    .HomepageSlideshowVideoMinWidth {

        min-width: 117px;

    }



    .HomepageSlideshowImage {

        top: unset;

    }



    .HomepageSlideshowImageOpacityContainer .Font_30 {

        font-size: 20px;

    }



    .HomepageSlideshowImageOpacityContainer .Font_20 {

        font-size: 12px;

    }



    .HomepageButtonPaddingLink {

        padding: 8px 18px 8px 18px;

        font-size: 12px

    }

}



@media screen and (min-width:421px) and (max-width:699px) {

    .HomepageSlideshowImage {

        top: unset;

    }



    .HomepageSlideshowImageOpacityContainer .Font_30 {

        font-size: 20px;

    }



    .HomepageSlideshowImageOpacityContainer .Font_20 {

        font-size: 16px;

    }



    .HomepageSlideshowImageOpacityContent {

        text-align: center;

        padding-bottom: 8px;

    }



    .HomepageSlideshowImageOpacityText {

        float: none;

        margin-right: 0px;

    }



    .HomepageSlideshowImageOpacityContainer {

        background: var(--Black);

    }



    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {

        display: none;

    }

}



@media screen and (min-width:0px) and (max-width:420px) {

    .HomepageSlideshowImage {

        top: unset;

    }



    .HomepageSlideshowImageOpacityContainer .Font_30 {

        font-size: 20px;

    }



    .HomepageSlideshowImageOpacityContainer .Font_20 {

        font-size: 16px;

    }



    .HomepageSlideshowImageOpacityContent {

        text-align: center;

        padding-bottom: 8px;

    }



    .HomepageSlideshowImageOpacityText {

        float: none;

        margin-right: 0px;

    }



    .HomepageSlideshowImageOpacityContainer {

        background: var(--Black);

    }



    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {

        display: none;

    }

}



#NewsProgettiContainer {

    float: left;

    width: 100%;

    position: relative;

}



.NewsProgettiContent {

    width: 90%;

    position: relative;

    margin: 0 auto;

    overflow: hidden;

}



.NewsProgettiPreview {

    float: left;

    width: 10px;

    height: 100px;

    position: relative;

    margin-bottom: 30px;

}



.NewsProgettiPreviewImage, .NewsProgettiPreviewNoImage {

    float: left;

    width: 100%;

    position: relative;

    cursor: pointer;

}



.NewsProgettiPreviewNoImage {

    min-height: 200px;

    background-color: var(--Yellow)

}



.NewsProgettiPreviewText {

    float: left;

    width: 80%;

    position: relative;

}



.NewsProgettiPreviewImageOpacity {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    background: rgba(49, 49, 49, 0.7);

}



.NewsProgettiPreviewImageScopri {

    width: 196px;

    position: absolute;

    left: 50%;

    top: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    padding-top: 10px;

    padding-bottom: 10px;

}



.NewsProgettiRow5PxBlack, .NewsProgettiRow5PxTransparent {

    float: left;

    width: 15%;

    position: relative;

    top: 7px;

    margin-right: 10px;

}



.NewsProgettiRow5PxBlack {

    border-top: 5px solid var(--Black);

}



.NewsProgettiRow5PxTransparent {

    border-top: 5px solid var(--Transparent);

}



@media screen and (min-width:421px) and (max-width:699px) {

    .NewsProgettiRow5PxBlack {

        display: none;

    }



    .NewsProgettiPreviewText {

        width: 100%;

    }

}



@media screen and (min-width:0px) and (max-width:420px) {

    .NewsProgettiRow5PxBlack {

        display: none;

    }



    .NewsProgettiPreviewText {

        width: 100%;

    }

}



.NewsProgettiContentLeft, .NewsProgettiContentRight {

    float: left;

    width: 300px;

    position: relative;

}



.NewsProgettiContentLeft {

    margin-right: 10px;

    display: flex;

    justify-content: flex-end;

}



.NewsProgettiContentRight {

    margin-left: 10px;

}



.NewsProgettiFilter {

    float: left;

    width: 280px;

    position: relative;

    padding-right: 10px;

    padding-bottom: 5px;

    padding-left: 10px;

    border-bottom: 1px solid var(--Black);

    cursor: pointer;

}



.NewsProgettiFilterMarginLeft {

    margin-left: 30px;

}



.NewsProgettiFilterSelectHeight {

    height: 30px;

}



.NewsProgettiFormPaddingLeft {

    padding-left: 169px;

}



.SelectCleanOptions {

    width: 10px;

    position: absolute;

    right: 4px;

    top: 6px;

}



.NewsProgettiFilterLista {

    float: left;

    width: 280px;

    max-height: 100px;

    position: absolute;

    top: 0px;

    overflow: auto;

    padding-right: 9px;

    padding-bottom: 9px;

    padding-left: 9px;

    border: 1px solid var(--NavMenu);

    background-color: var(--White);

    z-index: 99;

}



.NewsProgettiFilterListaRight {

    right: 33.5%;

}



.NewsProgettiFilterListaRow {

    width: 100%;

    position: relative;

    margin-top: 10px;

    cursor: pointer;

}



.NewsProgetti_FiltersIcon {

    width: 20px;

    position: absolute;

    top: 2px;

    right: 0px;

}



@media screen and (min-width:700px) and (max-width:1000px) {

    .NewsProgettiFormPaddingLeft {

        padding-left: 5px;

    }

}



@media screen and (min-width:421px) and (max-width:699px) {

    .NewsProgettiFormPaddingLeft {

        padding-left: 0px;

    }



    .NewsProgettiContentLeft, .NewsProgettiContentRight {

        margin-right: 0px;

        margin-left: 0px;

    }



    .NewsProgettiContentLeft {

        margin-bottom: 10px;

    }

}



@media screen and (min-width:0px) and (max-width:420px) {

    .NewsProgettiFormPaddingLeft {

        padding-left: 0px;

    }



    .NewsProgettiContentLeft, .NewsProgettiContentRight {

        margin-right: 0px;

        margin-left: 0px;

    }



    .NewsProgettiContentLeft {

        margin-bottom: 10px;

    }

}



.counter-info {

    width: 100%;

    position: relative;

    text-align: center;

}



.slick-prev, .slick-next {

    top: unset;

    z-index: 9;

}



.slick-prev, .slick-next {

    bottom: -38px;

}



.slick-prev {

    padding-left: 48.5%;

}



.slick-next {

    padding-right: 48.5%;

}



.slick-prev:before {

    color: var(--Black);

}



.slick-next:before {

    color: var(--Black);

}



@media screen and (min-width:700px) and (max-width:1000px) {

    .counter-info {

        left: 5px;

    }

}



@media screen and (min-width:421px) and (max-width:699px) {

    .counter-info {

        left: 7px;

    }

}



@media screen and (min-width:0px) and (max-width:420px) {

    .counter-info {

        left: 7px;

    }

}



#PageSlideshow {

    width: 100%;

    position: relative;

    overflow: hidden;

    margin-bottom: 60px;

}

.PageSlideshow {

  width: 100%;

  position: relative;

  overflow: hidden;

  margin-bottom: 60px;

}

.PageSlideshowBigIcon {

    float: right;

    position: relative;

    width: 20px;

    height: 20px;

    top: -33px;

    right: 5px;

    padding: 5px 5px 5px 5px;

    background: rgba(49, 49, 49, 0.8);

    border-radius: 3px;

    cursor: pointer;

    line-height: 16px;

}



.ContainerFullScreenBig {

    position: relative;

    opacity: 0;

}



.GalleryPrev, .GalleryNext {

    position: absolute;

    width: 50px;

    top: 50%;

}



.GalleryPrev {

    left: 20px;

}



.GalleryNext {

    right: 20px;

}



.GalleryControll {

    position: absolute;

    bottom: 10px;

}



.PageFullScreen90 {

    width: 90%;

    position: relative;

    clear: both;

    overflow: hidden;

    margin: 0 auto;

}



.PageTitleCenter {

    float: left;

    width: 100%;

    position: relative;

    text-align: center;

}



.PageTemplate125_Image, .PageTemplate125_Text {

    width: 465px;

    min-height: 20px;

    position: relative;

}



.PageTemplate125_Image {

    float: left;

}



.PageTemplate125_Text {

    float: right;

    margin-left: 30px;

}



@media screen and (min-width:700px) and (max-width:1000px) {

    .PageTemplate125_Image, .PageTemplate125_Text {

        width: 630px;

        margin-left: 0px;

    }



    .PageTemplate125_Image {

        margin-bottom: 20px;

    }

}



@media screen and (min-width:421px) and (max-width:699px) {

    .PageTemplate125_Image, .PageTemplate125_Text {

        width: 400px;

        margin-left: 0px;

    }



    .PageTemplate125_Image {

        margin-bottom: 20px;

    }

}



@media screen and (min-width:0px) and (max-width:420px) {

    .PageTemplate125_Image, .PageTemplate125_Text {

        width: 300px;

        margin-left: 0px;

    }



    .PageTemplate125_Image {

        margin-bottom: 20px;

    }

}



.PageTemplate126_Image, .PageTemplate126_Text {

    width: 465px;

    min-height: 20px;

    position: relative;

}



.PageTemplate126_Text {

    float: left;

}



.PageTemplate126_Image {

    float: right;

    margin-left: 30px;

}



@media screen and (min-width:700px) and (max-width:1000px) {

    .PageTemplate126_Image, .PageTemplate126_Text {

        width: 630px;

        margin-left: 0px;

    }



    .PageTemplate126_Image {

        margin-bottom: 20px;

    }

}



@media screen and (min-width:421px) and (max-width:699px) {

    .PageTemplate126_Image, .PageTemplate126_Text {

        width: 400px;

        margin-left: 0px;

    }



    .PageTemplate126_Image {

        margin-bottom: 20px;

    }

}



@media screen and (min-width:0px) and (max-width:420px) {

    .PageTemplate126_Image, .PageTemplate126_Text {

        width: 300px;

        margin-left: 0px;

    }



    .PageTemplate126_Image {

        margin-bottom: 20px;

    }

}



#ContainerQuickInformation {

    width: 100%;

    position: fixed;

    bottom: 0px;

}



.ContentQuickInformation {

    width: 100%;

    position: relative;

    overflow: hidden;

    margin: 0 auto;

    border-top: 1px solid var(--White);

}



.QuickInformation_Row {

    float: left;

    width: 88%;

    position: relative;

    padding-right: 6%;

    padding-left: 6%;

}



.QuickInformation_RowText {

    float: left;

    padding-top: 15px;

    padding-bottom: 15px;

}



.QuickInformation_RowTextRight {

    float: right;

    padding-top: 15px;

    padding-bottom: 15px;

}



.QuickInformation_TextMinWidth {

    min-width: 300px;

}



.QuickInformation_BackSlash {

    margin-right: 10px;

    margin-left: 10px;

}



.PageTemplate129_Text, .PageTemplate129_Gallery {

    float: left;

    width: 49%;

    min-height: 20px;

    position: relative;

}



.PageTemplate129_Text {

    padding-right: 1%;

}



.PageTemplate129_Gallery {

    padding-left: 1%;

}



@media screen and (min-width:700px) and (max-width:1000px) {

    .PageTemplate129_Text, .PageTemplate129_Gallery {

        width: 100%;

        padding-right: 0%;

        padding-left: 0%;

    }



    .PageTemplate129_Gallery {

        padding-top: 5%;

    }

}



@media screen and (min-width:421px) and (max-width:699px) {

    .PageTemplate129_Text, .PageTemplate129_Gallery {

        width: 100%;

        padding-right: 0%;

        padding-left: 0%;

    }



    .PageTemplate129_Text {

        padding-bottom: 5%;

    }



    .PageTemplate129_Gallery {

        padding-top: 0%;

    }

}



@media screen and (min-width:0px) and (max-width:420px) {

    .PageTemplate129_Text, .PageTemplate129_Gallery {

        width: 100%;

        padding-right: 0%;

        padding-left: 0%;

    }



    .PageTemplate129_Text {

        padding-bottom: 5%;

    }



    .PageTemplate129_Gallery {

        padding-top: 0%;

    }

}



.Template129_GallerySlideDots {

    float: left;

    position: relative;

}



.Template129_GallerySlideDotsMarginLeft {

    margin-left: 20px;

}



.PagePreviewImageOpacity {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    background: rgba(49, 49, 49, 0.7);

}



.PagePreviewImageScopri {

    width: 196px;

    position: absolute;

    left: 50%;

    top: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    padding-top: 10px;

    padding-bottom: 10px;

}



.PageTonesContent, .PageProdottiContent {

    width: 90%;

    position: relative;

    margin: 0 auto;

    overflow: hidden;

}



.PageTonesPreview {

    float: left;

    position: relative;

    margin-bottom: 60px;

}



.TonesPreviewImage {

    float: left;

    min-height: 200px;

    background-color: #dedede;

    width: 100%;

    position: relative;

    cursor: pointer;

}



.TonesRow5PxBlack {

    float: left;

    width: 15%;

    position: relative;

    top: 10px;

    margin-right: 10px;

    border-top: 5px solid var(--Black);

}



.TonesPreviewText {

    float: left;

    width: 80%;

    position: relative;

}



.SingleTonesImageInformations {

    position: absolute;

    bottom: 0px;

}



.SingleTonesImageInformationsMedia, .SingleTonesImageInformationsMediaAPI {

    float: left;

    max-width: 333px;

    position: relative;

    margin-right: 20px;

}



.SingleTonesImageInformationsMediaAPI {

    max-width: 303px;

}



.TonesFiltersContentLeft, .TonesFiltersContentRight {

    float: left;

    width: 300px;

    position: relative;

}



.TonesFiltersContentLeft {

    margin-right: 10px;

    display: flex;

    justify-content: flex-end;

}



.TonesFiltersContentRight {

    margin-left: 10px;

}



.TonesFiltersFormPaddingLeft {

    padding-left: 169px;

}



.TonesFiltersFilterSelectHeight {

    height: 30px;

}



.TonesFiltersCleanOptions {

    width: 10px;

    position: absolute;

    right: 4px;

    top: 3px;

}



@media screen and (min-width:700px) and (max-width:1000px) {

    .SingleTonesImageInformations {

        position: relative;

    }



    .TonesFiltersFormPaddingLeft {

        padding-left: 4px;

    }



    .SingleTonesImageInformationsMediaAPI {

        max-width: 270px;

        margin-top: 20px;

    }

}



@media screen and (min-width:421px) and (max-width:699px) {

    .SingleTonesImageInformations {

        position: relative;

    }



    .TonesFiltersFormPaddingLeft {

        padding-left: 0px;

    }



    .TonesFiltersContentLeft, .TonesFiltersContentRight {

        width: 400px;

        margin-right: 0px;

        margin-left: 0px;

    }



    .SingleTonesImageInformationsMediaAPI {

        max-width: 400px;

        margin-bottom: 20px;

    }

}



@media screen and (min-width:0px) and (max-width:420px) {

    .SingleTonesImageInformations {

        position: relative;

    }



    .TonesFiltersFormPaddingLeft {

        padding-left: 0px;

    }



    .TonesFiltersContentLeft, .TonesFiltersContentRight {

        width: 300px;

        margin-right: 0px;

        margin-left: 0px;

    }



    .SingleTonesImageInformationsMediaAPI {

        max-width: 300px;

        margin-bottom: 20px;

    }

}



.Button {

    width: max-content;

    position: relative;

    margin: 0 auto;

    padding-top: 8px;

    padding-bottom: 8px;

    text-transform: uppercase;

    font-weight: bold;

    cursor: pointer;

}



.Button a:link {

    color: var(--Black);

    background: var(--Transparent) !important;

    text-decoration: none;

}



.Button a:visited {

    color: var(--Black);

    background: var(--Transparent) !important;

    text-decoration: none;

}



.Button a:hover {

    color: var(--Black);

    background: var(--Transparent) !important;

    text-decoration: none;

    cursor: pointer;

}



.ButtonKmatMaggioriInformazioni {

    float: left;

}



.ButtonKmatMaggioriInformazioniMarginLeft {

    margin-left: 10px;

}



.ButtonMinWidth {

    min-width: 296px;

}



.ButtonPaddingLink {

    padding: 8px 18px 8px 18px;

}



@media screen and (min-width:1001px) and (max-width:1200px) {}



@media screen and (min-width:700px) and (max-width:1000px) {}



@media screen and (min-width:421px) and (max-width:699px) {

    .ButtonKmatMaggioriInformazioniMarginLeft {

        margin-top: 10px;

        margin-left: 0px;

    }



    .ButtonMinWidth {

        min-width: 396px;

    }



    .KmatMaggioriInformazioniCTA .ButtonMinWidth {

        min-width: 396px;

    }

}



@media screen and (min-width:0px) and (max-width:420px) {

    .ButtonKmatMaggioriInformazioniMarginLeft {

        margin-top: 10px;

        margin-left: 0px;

    }



    .ButtonMinWidth {

        min-width: 268px;

    }



    .KmatMaggioriInformazioniCTA .ButtonMinWidth {

        min-width: 296px;

    }

}



.AreaRiservataProfileGroup {

    float: left;

    width: 98%;

    position: relative;

    padding: 2%;

}



#TargettiHubDigital {

    width: 958px;

    border: 1px solid var(--Black);

    border-collapse: collapse;

}



#TargettiHubDigital .TargettiHubDigitalTD {

    width: 270px;

    padding: 4px 9px;

    border: 1px solid var(--Black);

    font-weight: bold;

    vertical-align: middle;

}



#TargettiHubDigital .TargettiHubDigitalTH {

    padding: 4px 9px;

    border: 1px solid var(--Black);

    font-weight: normal;

    vertical-align: top;

}



@media screen and (min-width:700px) and (max-width:1000px) {

    #TargettiHubDigital {

        width: 628px;

    }



    #TargettiHubDigital .TargettiHubDigitalTD {

        width: 150px;

    }

}



@media screen and (min-width:421px) and (max-width:699px) {

    #TargettiHubDigital {

        width: 398px;

    }



    #TargettiHubDigital .TargettiHubDigitalTD {

        width: 100px;

    }

}



@media screen and (min-width:0px) and (max-width:420px) {

    #TargettiHubDigital {

        width: 298px;

    }



    #TargettiHubDigital .TargettiHubDigitalTD {

        width: 100px;

    }

}



.DownloadBox {

    float: left;

    position: relative;

    width: 225px;

    margin-top: 15px;

    margin-bottom: 30px;

    padding-bottom: 15px;

    border-bottom: 2px solid var(--Black);

}



.DownloadBox a:link {

    color: var(--Black);

    background: var(--Transparent) !important;

    text-decoration: none;

}



.DownloadBox a:visited {

    color: var(--Black);

    background: var(--Transparent) !important;

    text-decoration: none;

}



.DownloadBox a:hover {

    color: var(--Black);

    background: var(--Transparent) !important;

    text-decoration: none;

    cursor: pointer;

}



.DownloadBoxPreview {

    float: left;

    position: relative;

    width: 185px;

    margin-right: 20px;

    margin-left: 20px;

}



.DownloadBoxFooter {

    float: left;

    position: relative;

    width: 100%;

    margin-top: 15px;

}



.DownloadBoxFooterLeft {

    float: left;

    position: relative;

    width: 200px;

    margin-right: 5px;

}



.DownloadBoxFooterRight {

    float: left;

    position: relative;

    width: 20px;

    cursor: pointer;

}



.DownloadOpen, .DownloadClose, .DownloadTitleText {

    float: left;

    position: relative;

}



.DownloadTitleText {

    min-width: 130px;

}



.DownloadOpen, .DownloadClose {

    width: 25px;

    margin-left: 10px;

}



@media screen and (min-width:700px) and (max-width:1000px) {

    .DownloadBox {

        width: 300px;

    }



    .DownloadBoxPreview {

        width: 260px;

    }



    .DownloadBoxFooterLeft {

        width: 275px;

    }

}



@media screen and (min-width:421px) and (max-width:699px) {

    .DownloadBox {

        width: 400px;

    }



    .DownloadBoxPreview {

        width: 360px;

    }



    .DownloadBoxFooterLeft {

        width: 375px;

    }

}



@media screen and (min-width:0px) and (max-width:420px) {

    .DownloadBox {

        width: 300px;

    }



    .DownloadBoxPreview {

        width: 260px;

    }



    .DownloadBoxFooterLeft {

        width: 275px;

    }

}



.FormFieldsWidth960, .FormFieldsWidth465, .FormFieldsWidth285, .FormFieldsWidth130 {

    float: left;

    position: relative;

}



.FormFieldsWidth960 {

    width: 960px;

}



.FormFieldsWidth465 {

    width: 465px;

}



.FormFieldsWidth285 {

    width: 285px;

}



.FormFieldsWidth130 {

    width: 130px;

}



.FormFieldsInput960, .FormFieldsInput465, .FormFieldsInput285, .FormFieldsInput130 {

    float: left;

    min-height: 17px;

    position: relative;

    padding-bottom: 5px;

    background-color: var(--White);

}



.FormFieldsInput960 {

    width: 960px;

}



.FormFieldsInput960 textarea {

    width: 960px;

    height: 80px;

}



.FormFieldsInput465 {

    width: 465px;

}



.FormFieldsInput465 input {

    width: 465px;

}



.FormFieldsInput285 {

    width: 285px;

}



.FormFieldsInput285 input {

    width: 285px;

}



.FormFieldsInput130 {

    width: 130px;

}



.FormFieldsInput130 input {

    width: 130px;

}



#UploadFileContainer {

    float: left;

    position: relative;

}



#ContattiCommerciali {

    float: left;

    min-height: 400px;

    position: relative;

}



#ContattiCommercialiContentForm {

    float: left;

    min-height: 420px;

    position: relative;

    padding: 0px 20px 20px 20px;

    border-top: 1px solid var(--Grey)

}



.ContattiCommercialiBloccoInfo {

    float: left;

    position: relative;

}



.ContattiCommercialiBloccoInfoMarginLeft {

    margin-left: 30px;

}



.ContattiCommercialiReferenzeSVG {

    float: left;

    width: 20px;

    position: relative;

    margin-right: 10px;

}



.ContattiCommercialiContentMarker {

    width: 100%;

    display: flex;

    justify-content: center;

}



@media screen and (min-width:700px) and (max-width:1000px) {

    #ContattiCommerciali {

        width: 100%;

        min-height: 500px;

    }



    #ContattiCommercialiContentForm {

        width: unset;

        min-height: 320px;

    }

}



@media screen and (min-width:421px) and (max-width:699px) {

    #ContattiCommerciali {

        width: 100%;

        min-height: 500px;

    }



    #ContattiCommercialiContentForm {

        width: unset;

        min-height: 320px;

    }



    .ContattiCommercialiContentMarker {

        width: 320px;

        display: block;

    }

}



@media screen and (min-width:0px) and (max-width:420px) {

    #ContattiCommerciali {

        width: 100%;

        min-height: 500px;

    }



    #ContattiCommercialiContentForm {

        width: unset;

        min-height: 320px;

    }



    .ContattiCommercialiContentMarker {

        display: none;

    }



    .ContattiCommercialiBloccoInfo {

        width: 260px;

    }

}



.ContattiCommercialiProfileIcon {

    float: left;

    width: 98px;

    height: 98px;

    position: relative;

}



.ContattiCommercialiProfileIconRight {

    margin-right: 10px

}



.ContattiCommercialiProfileIconImage {

    float: left;

    width: 30px;

    height: 45px;

    position: relative;

    overflow: hidden;

    display: table;

    padding-left: 30px;

}



.ContattiCommercialiProfileIconText {

    float: left;

    width: 100%;

    height: 45px;

    position: relative;

    overflow: hidden;

    display: table;

}



.ContattiCommercialiSearchFields {

    float: left;

    width: 400px;

    position: relative;

}



.ContattiCommercialiSearchLeft, .ContattiCommercialiSearchRight {

    float: left;

    width: 400px;

    position: relative;

}



.ContattiCommercialiSearchRight {

    width: 400px;

    margin-top: 20px;

    margin-right: 0px;

}



@media screen and (min-width:421px) and (max-width:699px) {

    .ContattiCommercialiSearchFields {

        width: 300px;

    }



    .ContattiCommercialiSearchLeft, .ContattiCommercialiSearchRight {

        width: 300px;

    }



    .ContattiCommercialiProfileIconRight {

        margin-right: 5px;

    }

}



@media screen and (min-width:0px) and (max-width:420px) {

    .ContattiCommercialiSearchFields {

        width: 270px;

    }



    .ContattiCommercialiSearchLeft, .ContattiCommercialiSearchRight {

        width: 270px;

    }



    .ContattiCommercialiProfileIconRight {

        margin-right: 5px;

    }

}



#ContattiCommercialiSearchCountry, .ContattiCommercialiSearchTerritorio {

    position: relative;

    width: 400px;

}



.ContattiCommercialiSearchCountrySelect, .ContattiCommercialiSearchTerritorioSelect {

    height: 38px;

    padding-left: 6px;

}



.ContattiCommercialiSearchCountrySelectCleanOptions, .ContattiCommercialiSearchTerritorioSelectCleanOptions {

    width: 10px;

    position: absolute;

    right: 5px;

}



.ContattiCommercialiSearchCountrySelectCleanOptions {

    top: 9px;

}



.ContattiCommercialiSearchTerritorioSelectCleanOptions {

    top: 41px;

}



#ContattiCommercialiSearch {

    position: relative;

    width: 400px;

}



.ContattiCommercialiSearchField {

    float: left;

    width: 528px;

    position: relative;

    padding: 10px;

    background-color: var(--White);

}



.ContattiCommercialiSearchResultsContent {

    float: left;

    overflow: overlay;

    max-height: 210px;

}



.ContattiCommercialiSearchResultsRow {

    float: left;

    width: 364px;

    position: relative;

    padding: 5px 25px 5px 10px;

}



.ContattiCommercialiSearchResultsRowTipoUtente {

    float: left;

    width: 20px;

    height: 37px;

    position: relative;

    margin-right: 10px;

    display: table;

}



.ContattiCommercialiSearchResultsRowText {

    float: left;

    height: 37px;

    position: relative;

    display: table;

}



.gm-style-iw {

    max-width: 1200px !important;

}



@media screen and (min-width:700px) and (max-width:1000px) {

    .gm-style-iw {

        max-width: 630px !important;

    }

}



@media screen and (min-width:421px) and (max-width:699px) {

    #ContattiCommercialiSearchCountry, .ContattiCommercialiSearchTerritorio {

        width: 300px;

    }



    .ContattiCommercialiSearchResultsRow {

        width: 263px;

    }



    .gm-style-iw {

        max-width: 400px !important;

    }



    .ContattiCommercialiBloccoInfoMarginLeft {

        margin-left: 0px;

        margin-top: 20px;

    }

}



@media screen and (min-width:0px) and (max-width:420px) {

    #ContattiCommercialiSearchCountry, .ContattiCommercialiSearchTerritorio {

        width: 270px;

    }



    .ContattiCommercialiSearchResultsRow {

        width: 233px;

    }



    .gm-style-iw {

        max-width: 300px !important;

    }



    .ContattiCommercialiBloccoInfoMarginLeft {

        margin-left: 0px;

        margin-top: 20px;

    }

}



.ContainerFixedNovitaMenuAnchor {

    position: absolute;

    margin-left: 60px;

}



.NovitaContentMenuText {

    float: left;

    position: relative;

    width: auto;

}



.NovitaMenuTitle {

    float: left;

    position: relative;

    font-weight: bold;

    width: auto;

    text-transform: uppercase;

}



.NovitaMenuText {

    float: left;

    position: relative;

    width: auto;

}



.NovitaComingSoonContent {

    width: 90%;

    position: relative;

    margin: 0 auto;

    overflow: hidden;

}



.NovitaComingSoonPreview {

    float: left;

    min-width: 100px;

    min-height: 100px;

    position: relative;

    margin-bottom: 30px;

}



.NovitaComingSoonPreviewImage {

    float: left;

    width: 100%;

    min-height: 200px;

    position: relative;

}



.NovitaComingSoonPreviewImageOpacity {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    background: rgba(49, 49, 49, 0.7);

}



.NovitaComingSoonRow5PxBlack {

    float: left;

    width: 15%;

    position: relative;

    top: 7px;

    margin-right: 10px;

    border-top: 5px solid var(--Black);

}



.NovitaComingSoonPreviewText {

    float: left;

    width: 80%;

    position: relative;

}



.NovitaRow40PxBlack {

    float: left;

    width: 40px;

    position: relative;

    top: 7px;

    margin-right: 10px;

    border-top: 5px solid var(--Black);

}



.NovitaMenuAnchorSelected {

    color: var(--Black);

    background: linear-gradient(var(--White) 60%, var(--Yellow) 40%);

    text-decoration: none;

    font-weight: bold;

}



.NovitaLeft, .NovitaRight {

    float: left;

    width: 470px;

    position: relative;

}



.NovitaLeft {

    margin-right: 10px;

}



.NovitaRight {

    margin-left: 10px;

}



@media screen and (min-width:700px) and (max-width:1000px) {

    .NovitaLeft {

        width: 630px;

        margin-right: 0px;

    }



    .NovitaLeft .Font_60 {

        font-size: 40px;

    }



    .NovitaRight {

        width: 630px;

        margin-left: 0px;

    }

}



@media screen and (min-width:421px) and (max-width:699px) {

    .NovitaLeft {

        width: 400px;

        margin-right: 0px;

    }



    .NovitaLeft .Font_60 {

        font-size: 40px;

    }



    .NovitaRight {

        width: 400px;

        margin-left: 0px;

    }

}



@media screen and (min-width:0px) and (max-width:420px) {

    .NovitaLeft {

        width: 300px;

        margin-right: 0px;

    }



    .NovitaLeft .Font_60 {

        font-size: 40px;

    }



    .NovitaRight {

        width: 300px;

        margin-left: 0px;

    }

}



#ContentProducts {

    width: 90%;

    position: relative;

    overflow: hidden;

}



.ProductPreview {

    float: left;

    width: 300px;

    position: relative;

    border-bottom: 2px solid var(--Black);

}



.ProductPreviewImage {

    float: left;

    width: 99.5%;

    min-height: 200px;

    position: relative;

    border: 1px solid var(--Grey);

}



.ProductPreviewImageRollOver {

    min-height: 200px;

    position: absolute;

    top: 0px;

    left: 0px;

    background-color: var(--White);

}



.ProductPreviewName {

    float: left;

    width: 100%;

    position: relative;

    padding-top: 10px;

    padding-bottom: 10px;

}



.ProductPreviewOthersInformations {

    float: left;

    width: 100%;

    position: relative;

    padding-left: 5px;

}



.ProductPreviewContentIcons {

    float: left;

    width: 100%;

    position: relative;

}



.ProductPreviewIcons {

    float: left;

    width: 35px;

    position: relative;

    margin-left: 5px;

}



.ProductPreviewCoverOpacity {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0px;

    left: 0px;

    background: rgba(255, 255, 153, 0.4);

}



.ProductFamigliaContentVideo {

    width: 960px;

    height: 540px;

    position: relative;

    margin: 0 auto;

}



.ProductFamigliaVideo {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

}



@media screen and (min-width:700px) and (max-width:1000px) {

    .ProductFamigliaContentVideo {

        width: 630px;

        height: 355px;

    }

}



@media screen and (min-width:421px) and (max-width:699px) {

    .ProductFamigliaContentVideo {

        width: 400px;

        height: 225px;

    }

}



@media screen and (min-width:0px) and (max-width:420px) {

    .ProductFamigliaContentVideo {

        width: 300px;

        height: 169px;

    }

}



.KmatTesto {

    column-count: 2;

    column-gap: 40px;

    -moz-column-count: 2;

    -moz-column-gap: 40px;

    -webkit-column-count: 2;

    -webkit-column-gap: 40px;

}



.KmatTestoBlocco {

    margin-bottom: 30px;

    page-break-inside: avoid;

    break-inside: avoid;

    -webkit-column-break-inside: avoid;

}



.KmatFiltroContent {

    float: left;

    width: 230px;

    position: relative;

}



.KmatFiltroContentMarginLeft {

    margin-left: 12.5px;

}



.KmatFiltroSelectHeight {

    height: 30px;

}



.KmatFiltroSelectOptions {

    position: relative;

}



.KmatFiltroSelectCleanOptions {

    width: 10px;

    position: absolute;

    right: 4px;

    top: 3px;

}



.PageProdottiContentKmatClass {

    margin: 0 auto;

}



.PageProdottiContentKmatWidthClass {

    width: 100%;

}



.KmatCodeHeader {

    position: relative;

    top: -5px;

    right: 25px;

    text-align: right;

}



@media screen and (min-width:1001px) and (max-width:1380px) {

    .KmatTesto {

        column-count: 1;

        column-gap: 0px;

        -moz-column-count: 1;

        -moz-column-gap: 0px;

        -webkit-column-count: 1;

        -webkit-column-gap: 0px;

    }



    .KmatFiltroContent {

        width: 300px;

    }



    .KmatFiltroContentMarginLeft {

        margin-left: 30px;

    }

}



@media screen and (min-width:700px) and (max-width:1000px) {

    .KmatTesto {

        column-count: 1;

        column-gap: 0px;

        -moz-column-count: 1;

        -moz-column-gap: 0px;

        -webkit-column-count: 1;

        -webkit-column-gap: 0px;

    }



    .KmatFiltroContent {

        width: 300px;

    }



    .KmatFiltroContentMarginLeft {

        margin-left: 30px;

    }

}



@media screen and (min-width:421px) and (max-width:699px) {

    .KmatTesto {

        column-count: 1;

        column-gap: 0px;

        -moz-column-count: 1;

        -moz-column-gap: 0px;

        -webkit-column-count: 1;

        -webkit-column-gap: 0px;

    }



    .KmatFiltroContent {

        width: 400px;

    }



    .KmatFiltroContentMarginLeft {

        margin-left: 0px;

    }

}



@media screen and (min-width:0px) and (max-width:420px) {

    .KmatTesto {

        column-count: 1;

        column-gap: 0px;

        -moz-column-count: 1;

        -moz-column-gap: 0px;

        -webkit-column-count: 1;

        -webkit-column-gap: 0px;

    }



    .KmatFiltroContent {

        width: 300px;
        height: auto !important;
        margin-top: 25px;

    }



    .KmatFiltroContentMarginLeft {

        margin-left: 0px;

    }

}



.SubKmatContent {

    float: left;

    width: 100%;

    position: relative;

}



.SubKmatContentMarginTop {

    margin-top: 60px;

}



.SubKmatDescrizione {

    float: left;

    width: 100%;

    position: relative;

}



.SubKmatFoto, .SubKmatDisegno {

    float: left;

    width: 300px;

    height: auto;

    position: relative;

}



.SubKmatDisegno {

    margin-left: 18px;

}



.SubKmatInformations {

    float: left;

    width: 560px;

    min-height: 80px;

    position: relative;

    margin-left: 18px;

}



img.SubKmatMediaClass {

    position: relative;

    top: 50%;

    transform: translateY(-50%);

}



@media screen and (min-width:1001px) and (max-width:1380px) {

    .SubKmatInformations {

        width: 960px;

        margin-top: 10px;

        margin-left: 0px;

    }

}



@media screen and (min-width:700px) and (max-width:1000px) {

    .SubKmatInformations {

        width: 630px;

        margin-top: 10px;

        margin-left: 0px;

    }

}



@media screen and (min-width:421px) and (max-width:699px) {

    .SubKmatFoto, .SubKmatDisegno {

        width: 398px;

        height: 265px;

    }



    .SubKmatDisegno {

        margin-top: 10px;

        margin-left: 0px;

    }



    .SubKmatInformations {

        width: 400px;

        margin-top: 10px;

        margin-left: 0px;

    }

}



@media screen and (min-width:0px) and (max-width:420px) {

    .SubKmatFoto, .SubKmatDisegno {

        width: 298px;

        height: 265px;

    }



    .SubKmatDisegno {

        margin-top: 10px;

        margin-left: 0px;

    }



    .SubKmatInformations {

        width: 298px;

        margin-top: 10px;

        margin-left: 0px;

    }

}



.SubKmatContentCodesOverFlow {

    float: left;

    width: 1200px;

    position: relative;

    overflow: auto;

    overflow-y: hidden;

}



.SubKmatContentCodes {

    float: left;

    position: relative;

}



.CodesRow, .CodesRowCodeDownload {

    float: left;

    width: 100%;

    position: relative;

    padding-top: 4px;

    padding-bottom: 3px;

}



.CodesRowCodeDownload {

    float: none;

    min-height: 18px;

}



.CodesFields {

    float: left;

    width: 135px;

    position: relative;

    padding-left: 8px;

}

.CodesFieldsWidth{

    width: 40%;

}



.CodesFields_ComCodes_LightSource, .CodesFields_ComCodes_Flusso {

    width: 85px

}



.CodesFields_Code {

    width: 122px;

    position: absolute;

    right: 25px;

    text-align: right;

}



.CodesFields_ComCodes_ColourTemperature {

    width: 145px

}



.CodesFields_ComCodes_Ra, .CodesFields_ComCodes_Colore, .CodesFields_ComCodes_Emission {

    width: 155px

}



.CodesFields_ComCodes_Driver {

    width: 170px

}



.CodesFieldsFixedRight {

    width: 130px;

    position: absolute;

    right: 0px;

    padding-top: 26px;

    background-color: var(--White);

}



.CodesRowIconDownload {

    width: 15px;

    position: absolute;

    top: 3px;

    right: 0px;

}



@media screen and (min-width:1001px) and (max-width:1380px) {}



@media screen and (min-width:700px) and (max-width:1000px) {}



@media screen and (min-width:421px) and (max-width:699px) {}



@media screen and (min-width:0px) and (max-width:420px) {}



.SingleCodesKmat {

    position: relative;

}



.SingleCodesMediaLeft, .SingleCodesMediaRight {

    float: left;

    width: 595px;

    position: relative;

}



.SingleCodesMediaLeft {

    margin-right: 5px;

}



.SingleCodesMediaRight {

    margin-left: 5px;

    padding-bottom: 22px;

}



.SingleCodesMediaNoPadding {

    padding-bottom: 0px;

}



.SingleCodesMediaFoto, .SingleCodesMediaDisegno, .SingleCodesMediaFotometria {

    float: left;

    width: 290px;

    height: 215px;

    position: relative;

}



.SingleCodesMediaFoto {

    margin-right: 5px;

    overflow: hidden;

}



.SingleCodesMediaDisegno {

    margin-left: 5px;

    overflow: hidden;

}



.SingleCodesMediaFotometria {

    width: 595px;

}



#SingleCodesSlideshowFotometrie {

    float: left;

    width: 100%;

    position: relative;

    clear: both;

    overflow: hidden;

    padding-bottom: 22px;

}



.SingleCodesMediaFotometriaVersion {

    position: absolute;

    width: 100%;

    bottom: -28px;

}



.SingleCodesMediaIcons {

    float: left;

    width: 50px;

    position: relative;

}



.SingleCodesMediaIconsMarginLeft {

    margin-left: 5px;

}



.SingleCodesMediaIconsValues, .SingleCodesMediaIconsCablaggioValues, .SingleCodesMediaIconsIPValues {

    width: 98%;

    position: absolute;

    top: 17px;

    text-align: center;

}



.SingleCodesMediaIconsCablaggioValues {

    top: 10px;

}



.SingleCodesMediaIconsIPValues {

    top: 12px;

    line-height: 14px;

}



#ContainerShortLinkCodes .swiper-button-prev {

    top: 245px;

    left: 0px;

    width: 15px;

    height: 24px;

    background-size: 15px 24px;

}



#ContainerShortLinkCodes .swiper-button-next {

    top: 245px;

    right: 0px;

    width: 15px;

    height: 24px;

    background-size: 15px 24px;

}



#ContainerLayersProducts .swiper-button-prev {

    top: 245px;

    left: 0px;

    width: 15px;

    height: 24px;

    background-size: 15px 24px;

}



#ContainerLayersProducts .swiper-button-next {

    top: 245px;

    right: 0px;

    width: 15px;

    height: 24px;

    background-size: 15px 24px;

}



.ProductsMediaBigIcon {

    position: absolute;

    width: 20px;

    height: 20px;

    bottom: 5px;

    right: 5px;

    padding: 5px 5px 5px 5px;

    background: rgba(49, 49, 49, 0.8);

    border-radius: 3px;

    cursor: pointer;

    line-height: 10px;

}



@media screen and (min-width:1001px) and (max-width:1380px) {

    .SubKmatContentCodesOverFlow {

        width: 960px;

    }



    .SingleCodesMediaLeft, .SingleCodesMediaRight {

        width: 900px;

        margin-right: 0px;

        margin-left: 0px;

    }



    .SingleCodesMediaRight {

        margin-top: 30px;

    }



    .SingleCodesMediaFoto, .SingleCodesMediaDisegno {

        width: 443px;

        height: 329px;

    }



    .SingleCodesMediaFotometria {

        width: 898px;

        height: 325px;

        margin-top: 10px;

    }

}



@media screen and (min-width:700px) and (max-width:1000px) {

    .SubKmatContentCodesOverFlow {

        width: 630px;

    }



    .SingleCodesMediaLeft, .SingleCodesMediaRight {

        width: 570px;

        margin-right: 0px;

        margin-left: 0px;

    }



    .SingleCodesMediaRight {

        margin-top: 30px;

    }



    .SingleCodesMediaFoto, .SingleCodesMediaDisegno {

        width: 278px;

        height: 207px;

    }



    .SingleCodesMediaFotometria {

        width: 568px;

        height: 205px;

        margin-top: 10px;

    }

}



@media screen and (min-width:421px) and (max-width:699px) {

    .SubKmatContentCodesOverFlow {

        width: 400px;

    }



    .SingleCodesKmat {

        top: 50px;

        margin-bottom: 20px;

    }



    .SingleCodesMediaLeft, .SingleCodesMediaRight {

        width: 370px;

        margin-right: 0px;

        margin-left: 0px;

    }



    .SingleCodesMediaRight {

        margin-top: 30px;

    }



    .SingleCodesMediaFoto, .SingleCodesMediaDisegno {

        width: 370px;

        height: 215px;

        margin-right: 0px;

        margin-left: 0px;

    }



    .SingleCodesMediaDisegno {

        margin-top: 10px;

    }



    .SingleCodesMediaFotometria {

        width: 370px;

        height: 102px;

    }

}



@media screen and (min-width:0px) and (max-width:420px) {

    .SubKmatContentCodesOverFlow {

        width: 300px;

    }



    .SingleCodesKmat {

        top: 50px;

        margin-bottom: 20px;

    }



    .SingleCodesMediaLeft, .SingleCodesMediaRight {

        width: 300px;

        margin-right: 0px;

        margin-left: 0px;

    }



    .SingleCodesMediaRight {

        margin-top: 30px;

    }



    .SingleCodesMediaDisegno {

        margin-top: 10px;

    }



    .SingleCodesMediaFoto, .SingleCodesMediaDisegno {

        margin-right: 0px;

        margin-left: 0px;

    }



    #ContainerShortLinkCodes .SingleCodesMediaFoto {

        width: 298px;

        height: 215px;

    }



    #ContainerShortLinkCodes .SingleCodesMediaDisegno {

        width: 298px;

        height: 215px;

    }



    #ContainerShortLinkCodes .SingleCodesMediaFotometria {

        width: 300px;

        height: 95px;

    }



    #ContainerShortLinkCodes .SingleCodesMediaLeft {

        width: 300px;

    }



    #ContainerShortLinkCodes .SingleCodesMediaRight {

        width: 300px;

    }



    #ContainerLayersProducts .SingleCodesMediaFoto {

        width: 268px;

        height: 193px;

    }



    #ContainerLayersProducts .SingleCodesMediaDisegno {

        width: 268px;

        height: 193px;

    }



    #ContainerLayersProducts .SingleCodesMediaFotometria {

        width: 270px;

        height: 75px;

    }



    #ContainerLayersProducts .SingleCodesMediaLeft {

        width: 270px;

    }



    #ContainerLayersProducts .SingleCodesMediaRight {

        width: 270px;

    }



    #ContainerShortLinkCodes .swiper-button-prev {

        top: 127px;

    }



    #ContainerShortLinkCodes .swiper-button-next {

        top: 127px;

    }



    #ContainerLayersProducts .swiper-button-prev {

        top: 127px;

    }



    #ContainerLayersProducts .swiper-button-next {

        top: 127px;

    }

}



.SingleCodesInformations {

    column-count: 2;

    column-gap: 10px;

    -moz-column-count: 2;

    -moz-column-gap: 10px;

    -webkit-column-count: 2;

    -webkit-column-gap: 10px;

}



.SingleCodesInformationsRow {

    float: left;

    width: 100%;

    position: relative;

    padding-top: 4px;

    padding-bottom: 3px;

    page-break-inside: avoid;

    -webkit-column-break-inside: avoid;

    break-inside: avoid;

}



.SingleCodesInformationsTestoStandard, .SingleCodesInformationsValues {

    float: left;

    width: 289px;

    position: relative;

}



.SingleCodesInformationsValues {

    margin-left: 12px;

}



@media screen and (min-width:1001px) and (max-width:1380px) {

    .SingleCodesInformations {

        column-count: 1;

        column-gap: 0px;

        -moz-column-count: 1;

        -moz-column-gap: 0px;

        -webkit-column-count: 1;

        -webkit-column-gap: 0px;

    }



    .SingleCodesInformationsTestoStandard, .SingleCodesInformationsValues {

        width: 250px;

    }

}



@media screen and (min-width:700px) and (max-width:1000px) {

    .SingleCodesInformations {

        column-count: 1;

        column-gap: 0px;

        -moz-column-count: 1;

        -moz-column-gap: 0px;

        -webkit-column-count: 1;

        -webkit-column-gap: 0px;

    }



    .SingleCodesInformationsTestoStandard, .SingleCodesInformationsValues {

        width: 250px;

    }

}



@media screen and (min-width:421px) and (max-width:699px) {

    .SingleCodesInformations {

        column-count: 1;

        column-gap: 0px;

        -moz-column-count: 1;

        -moz-column-gap: 0px;

        -webkit-column-count: 1;

        -webkit-column-gap: 0px;

    }



    .SingleCodesInformationsTestoStandard, .SingleCodesInformationsValues {

        width: 400px;

    }



    .SingleCodesInformationsValues {

        margin-left: 0px;

    }

}



@media screen and (min-width:0px) and (max-width:420px) {

    .SingleCodesInformations {

        column-count: 1;

        column-gap: 0px;

        -moz-column-count: 1;

        -moz-column-gap: 0px;

        -webkit-column-count: 1;

        -webkit-column-gap: 0px;

    }



    .SingleCodesInformationsTestoStandard, .SingleCodesInformationsValues {

        width: 300px;

    }



    .SingleCodesInformationsValues {

        margin-left: 0px;

    }

}



.AccessoriesGroupContent {

    float: left;

    position: relative;

    margin-bottom: 20px;

}



.AccessoriesGroupContent600 {

    width: 580px;

}



.AccessoriesGroupContent1200 {

    width: 1200px;

}



.AccessoriesGroupContentMarginLeft {

    margin-left: 20px;

}



.SingleCodesGruppoAccessoriTitle {

    float: left;

    width: -webkit-fill-available;

    width: -moz-available;

    position: relative;

    padding: 5px;

    background-color: var(--Grey);

}



.SingleCodesGruppoAccessoriContent {

    float: left;

    width: 580px;

    position: relative;

    margin-top: 10px;

}



.SingleCodesGruppoAccessoriContentMarginLeft {

    margin-left: 40px;

}



.SingleCodesGruppoAccessoriContentMedia, .SingleCodesGruppoAccessoriContentItem, .SingleCodesGruppoAccessoriContentDescription {

    float: left;

    width: 580px;

    position: relative;

}



.SingleCodesGruppoAccessoriContentMedia {

    min-height: 156px;

    margin-bottom: 10px;

}



.SingleCodesGruppoAccessoriImage, .SingleCodesGruppoAccessoriDisegno {

    float: left;

    width: 283px;

    position: relative;

}



.SingleCodesGruppoAccessoriImage {

    margin-right: 10px;

}



.SingleCodesGruppoAccessoriContentItemRow {

    float: left;

    width: 580px;

    position: relative;

    display: flex;

    justify-content: flex-end;

    padding-top: 4px;

    padding-bottom: 3px;

}



.SingleCodesGruppoAccessoriItemTableColoum {

    float: left;

    width: 71px;

    position: relative;

    padding-right: 5px;

    padding-left: 4px;

    border-bottom: 1px solid 1px solid var(--Black);

}







.SingleCodesGruppoAccessoriItemTableColoumColorTop {

    top: 0px;

}



.SingleCodesGruppoAccessoriItemTableColoumCode {

    width: 130px;

}



@media screen and (min-width:1001px) and (max-width:1380px) {

    .AccessoriesGroupContent1200 {

        width: 900px;

    }



    .AccessoriesGroupContent600 {

        width: 900px;

    }



    .SingleCodesGruppoAccessoriContentItemRow {

        width: 900px;

    }



    .SingleCodesGruppoAccessoriContent {

        width: 900px;

    }



    .SingleCodesGruppoAccessoriContentMarginLeft {

        margin-left: 0px;

    }



    .SingleCodesGruppoAccessoriImage, .SingleCodesGruppoAccessoriDisegno {

        width: 443px;

    }



    .SingleCodesGruppoAccessoriContentMedia, .SingleCodesGruppoAccessoriContentItem, .SingleCodesGruppoAccessoriContentDescription {

        width: 900px;

    }

}



@media screen and (min-width:700px) and (max-width:1000px) {

    .AccessoriesGroupContent1200 {

        width: 570px;

    }



    .AccessoriesGroupContent600 {

        width: 570px;

    }



    .SingleCodesGruppoAccessoriContentItemRow {

        width: 570px;

    }



    .SingleCodesGruppoAccessoriContent {

        width: 570px;

    }



    .SingleCodesGruppoAccessoriContentMarginLeft {

        margin-left: 0px;

    }



    .SingleCodesGruppoAccessoriImage, .SingleCodesGruppoAccessoriDisegno {

        width: 278px;

    }



    .SingleCodesGruppoAccessoriContentMedia, .SingleCodesGruppoAccessoriContentItem, .SingleCodesGruppoAccessoriContentDescription {

        width: 570px;

    }

}



@media screen and (min-width:421px) and (max-width:699px) {

    .AccessoriesGroupContent1200 {

        width: 370px;

    }



    .AccessoriesGroupContent600 {

        width: 370px;

    }



    .SingleCodesGruppoAccessoriContentItemRow {

        width: 370px;

    }



    .SingleCodesGruppoAccessoriContent {

        width: 370px;

    }



    .SingleCodesGruppoAccessoriContentMarginLeft {

        margin-left: 0px;

    }



    .SingleCodesGruppoAccessoriImage, .SingleCodesGruppoAccessoriDisegno {

        width: 370px;

    }



    .SingleCodesGruppoAccessoriImage {

        margin-right: 0px;

    }



    .SingleCodesGruppoAccessoriDisegno {

        margin-top: 10px;

    }



    .SingleCodesGruppoAccessoriContentMedia, .SingleCodesGruppoAccessoriContentItem, .SingleCodesGruppoAccessoriContentDescription {

        width: 370px;

    }

}



@media screen and (min-width:0px) and (max-width:420px) {

    .SingleCodesGruppoAccessoriContentMarginLeft {

        margin-left: 0px;

    }



    .SingleCodesGruppoAccessoriImage {

        margin-right: 0px;

    }



    .SingleCodesGruppoAccessoriItemTableColoum.TextAlign_Center {

        text-align: left;

    }



    #ContainerShortLinkCodes .AccessoriesGroupContent600 {

        width: 300px;

    }



    #ContainerShortLinkCodes .AccessoriesGroupContent1200 {

        width: 300px;

    }



    #ContainerShortLinkCodes .SingleCodesGruppoAccessoriContent {

        width: 300px;

    }



    #ContainerShortLinkCodes .SingleCodesGruppoAccessoriContentMedia {

        width: 300px;

    }



    #ContainerShortLinkCodes .SingleCodesGruppoAccessoriContentItem {

        width: 300px;

    }



    #ContainerShortLinkCodes .SingleCodesGruppoAccessoriContentItemRow {

        width: 300px;

        display: block;

    }



    #ContainerShortLinkCodes .SingleCodesGruppoAccessoriContentDescription {

        width: 300px;

    }



    #ContainerShortLinkCodes .SingleCodesGruppoAccessoriItemTableColoum {

        width: 300px;

    }



    #ContainerShortLinkCodes .SingleCodesGruppoAccessoriImage {

        width: 298px;

    }



    #ContainerShortLinkCodes .SingleCodesGruppoAccessoriDisegno {

        width: 298px;

    }



    #ContainerLayersProducts .AccessoriesGroupContent600 {

        width: 270px;

    }



    #ContainerLayersProducts .AccessoriesGroupContent1200 {

        width: 270px;

    }



    #ContainerLayersProducts .SingleCodesGruppoAccessoriContent {

        width: 270px;

    }



    #ContainerLayersProducts .SingleCodesGruppoAccessoriContentMedia {

        width: 270px;

    }



    #ContainerLayersProducts .SingleCodesGruppoAccessoriContentItem {

        width: 270px;

    }



    #ContainerLayersProducts .SingleCodesGruppoAccessoriContentItemRow {

        width: 270px;

        display: block;

    }



    #ContainerLayersProducts .SingleCodesGruppoAccessoriContentDescription {

        width: 270px;

    }



    #ContainerLayersProducts .SingleCodesGruppoAccessoriItemTableColoum {

        width: 270px;

    }



    #ContainerLayersProducts .SingleCodesGruppoAccessoriImage {

        width: 268px;

    }



    #ContainerLayersProducts .SingleCodesGruppoAccessoriDisegno {

        width: 268px;

    }



    .SingleCodesGruppoAccessoriDisegno {

        margin-top: 10px;

    }

}



.SingleCodesCode {

    float: left;

    position: relative;

    top: 25px;

}



.SingleCodesContentIcons {

    display: flex;

    justify-content: flex-end;

}



@media screen and (min-width:1381px) {

    .SingleCodesDownloadFields:nth-child(3n+1) {

        clear: left;

        margin-left: 0px;

    }

}



@media screen and (min-width:1001px) and (max-width:1380px) {

    .SingleCodesDownloadFields:nth-child(3n+1) {

        clear: left;

        margin-left: 0px;

    }

}



@media screen and (min-width:700px) and (max-width:1000px) {

    .SingleCodesDownloadFields:nth-child(2n+1) {

        clear: left;

        margin-left: 0px;

    }

}



@media screen and (min-width:421px) and (max-width:699px) {

    .SingleCodesDownloadFields:nth-child(1n+1) {

        clear: left;

        margin-left: 0px;

    }

}



@media screen and (min-width:0px) and (max-width:420px) {

    .SingleCodesDownloadFields:nth-child(1n+1) {

        clear: left;

        margin-left: 0px;

    }

}



.SingleCodesDownloadFields {



    display: inline-block;

    width: 382px;

    position: relative;

    margin-bottom: 2px;

    margin-left: 12px;

    padding: 5px;

}



@media screen and (min-width:1001px) and (max-width:1380px) {

    .SingleCodesDownloadFields {

        float: left;

        width: 282px;

        margin-left: 12px;

    }

}



@media screen and (min-width:700px) and (max-width:1000px) {

    .SingleCodesDownloadFields {

        float: left;

        width: 269px;

        margin-left: 12px;

    }

}



@media screen and (min-width:421px) and (max-width:699px) {

    .SingleCodesDownloadFields {

        float: left;

        width: 360px;

        margin-left: 12px;

    }

}



@media screen and (min-width:0px) and (max-width:420px) {

    .SingleCodesDownloadFields {

        float: left;

        margin-left: 12px;

    }



    #ContainerShortLinkCodes .SingleCodesDownloadFields {

        width: 290px;

    }



    #ContainerLayersProducts .SingleCodesDownloadFields {

        width: 260px;

    }

}



.ContentSearch {

    width: 90%;

    position: relative;

    overflow: hidden;

    margin: 0 auto;

}



#FormSearchFields {

    float: left;

    width: 950px;

    min-height: 17px;

    position: relative;

    padding-top: 20px;

    padding-right: 5px;

    padding-bottom: 5px;

    padding-left: 5px;

}



.FormSearchFields960 {

    width: 960px;

}



#FormSearchSubmit {

    width: 30px;

    height: 30px;

    position: absolute;

    right: 0px;

    top: 11px;

}



.SearchInstantContentResult {

    float: left;

    position: relative;

    width: 950px;

    padding-left: 5px;

    padding-right: 5px;

    max-height: 200px;

    overflow: auto;

}



.SearchInstantRowResult {

    float: left;

    position: relative;

    width: 99%;

    padding: 0.5%;

}



#SearchInstantResult {

    float: left;

    position: relative;

}



#SearchInstantResult a:link {

    color: var(--Black);

    background: var(--Transparent) !important;

    font-weight: normal;

    text-decoration: none;

}



#SearchInstantResult a:visited {

    color: var(--Black);

    background: var(--Transparent) !important;

    font-weight: normal;

    text-decoration: none;

}



#SearchInstantResult a:hover {

    color: var(--Black);

    background: var(--Transparent) !important;

    font-weight: normal;

    text-decoration: none;

}



@media screen and (min-width:700px) and (max-width:1000px) {

    #FormSearchFields {

        width: 620px;

    }



    .FormSearchFields960 {

        width: 630px;

    }



    .SearchInstantContentResult {

        width: 620px;

        padding-left: 5px;

        padding-right: 5px;

    }



    ::-webkit-input-placeholder {

        font-size: 14px;

    }



    ::-moz-placeholder {

        font-size: 14px;

    }



    :-ms-input-placeholder {

        font-size: 14px;

    }



    :-moz-placeholder {

        font-size: 14px;

    }

}



@media screen and (min-width:421px) and (max-width:699px) {

    #FormSearchFields {

        width: 390px;

    }



    .FormSearchFields960 {

        width: 400px;

    }



    .SearchInstantContentResult {

        width: 390px;

        padding-left: 5px;

        padding-right: 5px;

    }



    ::-webkit-input-placeholder {

        font-size: 14px;

    }



    ::-moz-placeholder {

        font-size: 14px;

    }



    :-ms-input-placeholder {

        font-size: 14px;

    }



    :-moz-placeholder {

        font-size: 14px;

    }

}



@media screen and (min-width:0px) and (max-width:420px) {

    #FormSearchFields {

        width: 290px;

    }



    .FormSearchFields960 {

        width: 300px;

    }



    .SearchInstantContentResult {

        width: 290px;

        padding-left: 5px;

        padding-right: 5px;

    }



    ::-webkit-input-placeholder {

        font-size: 14px;

    }



    ::-moz-placeholder {

        font-size: 14px;

    }



    :-ms-input-placeholder {

        font-size: 14px;

    }



    :-moz-placeholder {

        font-size: 14px;

    }

}



.AreaRiservataBox {

    float: left;

    position: relative;

    width: 225px;

    margin-top: 15px;

    margin-bottom: 30px;

    padding-bottom: 15px;

}



.AreaRiservataBoxPreview {

    position: relative;

    width: 100%;

}



.AreaRiservataBoxFooter {

    float: left;

    position: relative;

    width: 100%;

}



.AreaRiservataBoxFooterLeft {

    float: left;

    position: relative;

    width: 190px;

    margin-right: 5px;

}



.AreaRiservataBoxFooterRight {

    float: left;

    position: relative;

    width: auto;

    right: -13px;

    cursor: pointer;

}



.AreaRiservataOpen, .AreaRiservataClose, .AreaRiservataTitleText {

    float: left;

    position: relative;

}



.AreaRiservataTitleText {

    min-width: 250px;

}



.AreaRiservataOpen, .AreaRiservataClose {

    width: 25px;

    margin-left: 10px;

}



@media screen and (min-width:700px) and (max-width:1000px) {

    .AreaRiservataBox {

        width: 300px;

    }



    .AreaRiservataBoxPreview {

        width: 260px;

    }



    .AreaRiservataBoxFooterLeft {

        width: 265px;

    }

}



@media screen and (min-width:421px) and (max-width:699px) {

    .AreaRiservataBox {

        width: 400px;

    }



    .AreaRiservataBoxPreview {

        width: 360px;

    }



    .AreaRiservataBoxFooterLeft {

        width: 365px;

    }

}



@media screen and (min-width:0px) and (max-width:420px) {

    .AreaRiservataBox {

        width: 300px;

    }



    .AreaRiservataBoxPreview {

        width: 260px;

    }



    .AreaRiservataBoxFooterLeft {

        width: 265px;

    }

}



.CodiceParlante_TableContent {

    float: left;

    width: 1200px;

    position: relative;

}



.CodiceParlante_ContentCodice, .CodiceParlante_ContentOttica, .CodiceParlante_ContentEmissione, .CodiceParlante_ContentVersione, .CodiceParlante_ContentRaK, .CodiceParlante_ContentDriver, .CodiceParlante_ContentColore {

    float: left;

    width: 180px;

    position: relative;

}



.CodiceParlante_ContentVersione {

    width: 300px;

}



.CodiceParlante_Codice, .CodiceParlante_Ottica, .CodiceParlante_Emissione, .CodiceParlante_Versione, .CodiceParlante_RaK, .CodiceParlante_Driver, .CodiceParlante_Colore {

    float: left;

    width: 170px;

    position: relative;

    margin-right: 5px;

    padding-right: 4px;

    border-right: 1px solid var(--Black);

}



.CodiceParlante_Ottica {

    padding-left: 0;

}



.CodiceParlante_Emissione {

    padding-left: 0;

}



.CodiceParlante_Versione {

    width: 290px;

}



.CodiceParlante_Codice {

    width: 165px;

    margin-right: 0px;

    padding-right: 0px;

    border-right: 1px solid var(--Transparent);

}



.CodiceParlante_BorderTransparent {

    border-right: 1px solid var(--Transparent);

}



.CodiceParlante_CodeInformations, .CodiceParlante_CodeDownload {

    float: left;

    position: relative;

    width: 138px;

    padding-top: 5px;

    padding-right: 5px;

    padding-bottom: 5px;

    padding-left: 35px;

}



.CodiceParlante_CodeInformations {

    margin-top: 5px;

}



.CodiceParlante_CodeDownload {

    margin-top: 5px;

}



.CodiceParlante_ButtonActive {

    color: var(--Black);

    border: 1px solid var(--Black);

    cursor: pointer;

}



.CodiceParlante_ButtonInactive {

    color: var(--DarkGrey);

    border: 1px solid var(--DarkGrey);

    cursor: default;

}



.CodiceParlante_IconaReset {

    width: 15px;

    position: absolute;

    top: 28px;

    right: 0px;

    cursor: pointer;

    display: none;

}



.CodiceParlante_ButtonIcons {

    float: left;

    position: absolute;

    width: 20px;

    top: 3px;

    left: 5px;

}



.CodiceParlante_ButtonText {

    float: left;

    position: relative;

}



.CodiceParlante_GroupRowSetHeight {

    float: left;

    width: 100%;

    position: relative;

}



.CodiceParlante_ValoreRow {

    float: left;

    width: 100%;

    position: relative;

    cursor: pointer;

}



.CodiceParlante_SiglaOttica, .CodiceParlante_SiglaEmissione, .CodiceParlante_SiglaVersione, .CodiceParlante_SiglaRaK, .CodiceParlante_SiglaDriver, .CodiceParlante_SiglaColore {

    float: left;

    position: relative;

    width: 40px;

    padding-left: 5px;

}



.CodiceParlante_ValoreOttica, .CodiceParlante_ValoreEmissione, .CodiceParlante_ValoreVersione, .CodiceParlante_ValoreRaK, .CodiceParlante_ValoreDriver, .CodiceParlante_ValoreColore {

    float: left;

    position: relative;

}



.CodiceParlante_Font {

    color: var(--Black);

    background-color: var(--Transparent);

}



.CodiceParlante_FontSelect {

    color: var(--Black);

    background-color: var(--Yellow);

}



.CodiceParlante_FontDisable {

    color: var(--DarkGrey);

    background-color: var(--Transparent);

}



@media screen and (min-width:1001px) and (max-width:1380px) {

    .CodiceParlante_TableContent {

        width: 960px;

    }



    .CodiceParlante_ContentCodice, .CodiceParlante_ContentOttica, .CodiceParlante_ContentEmissione, .CodiceParlante_ContentRaK, .CodiceParlante_ContentDriver, .CodiceParlante_ContentColore {

        width: 150px;

    }



    .CodiceParlante_ContentVersione {

        width: 210px;

    }



    .CodiceParlante_Codice {

        width: 135px;

    }



    .CodiceParlante_Ottica, .CodiceParlante_Emissione, .CodiceParlante_RaK, .CodiceParlante_Driver, .CodiceParlante_Colore {

        width: 140px;

    }



    .CodiceParlante_Versione {

        width: 200px;

    }



    .CodiceParlante_CodeInformations, .CodiceParlante_CodeDownload {

        width: 108px;

    }

}



@media screen and (min-width:700px) and (max-width:1000px) {

    .CodiceParlante_TableContent {

        width: 630px;

    }



    .CodiceParlante_Table {

        margin-bottom: 30px;

    }



    .CodiceParlante_ContentCodice, .CodiceParlante_ContentOttica, .CodiceParlante_ContentEmissione, .CodiceParlante_ContentVersione, .CodiceParlante_ContentRaK, .CodiceParlante_ContentDriver, .CodiceParlante_ContentColore {

        width: 100%;

    }



    .CodiceParlante_Ottica, .CodiceParlante_Emissione, .CodiceParlante_Versione, .CodiceParlante_RaK, .CodiceParlante_Driver, .CodiceParlante_Colore {

        width: 100%;

        border-right: 1px solid var(--Transparent);

    }



    .CodiceParlante_Codice {

        width: 135px;

    }



    .CodiceParlante_CodeInformations, .CodiceParlante_CodeDownload {

        width: 258px;

    }



    .CodiceParlante_CodeInformations {

        margin-right: 5px;

    }



    .CodiceParlante_CodeDownload {

        margin-top: 5px;

        margin-left: 0px;

    }

}



@media screen and (min-width:421px) and (max-width:699px) {

    .CodiceParlante_TableContent {

        width: 400px;

    }



    .CodiceParlante_Table {

        margin-bottom: 30px;

    }



    .CodiceParlante_ContentCodice, .CodiceParlante_ContentOttica, .CodiceParlante_ContentEmissione, .CodiceParlante_ContentVersione, .CodiceParlante_ContentRaK, .CodiceParlante_ContentDriver, .CodiceParlante_ContentColore {

        width: 100%;

    }



    .CodiceParlante_Ottica, .CodiceParlante_Emissione, .CodiceParlante_Versione, .CodiceParlante_RaK, .CodiceParlante_Driver, .CodiceParlante_Colore {

        width: 100%;

        border-right: 1px solid var(--Transparent);

    }



    .CodiceParlante_Codice {

        width: 135px;

    }



    .CodiceParlante_CodeInformations, .CodiceParlante_CodeDownload {

        width: 258px;

    }



    .CodiceParlante_CodeInformations {

        margin-right: 5px;

    }



    .CodiceParlante_CodeDownload {

        margin-top: 5px;

        margin-left: 0px;

    }

}



@media screen and (min-width:0px) and (max-width:420px) {

    .CodiceParlante_TableContent {

        width: 300px;

    }



    .CodiceParlante_Table {

        margin-bottom: 30px;

    }



    .CodiceParlante_ContentCodice, .CodiceParlante_ContentOttica, .CodiceParlante_ContentEmissione, .CodiceParlante_ContentVersione, .CodiceParlante_ContentRaK, .CodiceParlante_ContentDriver, .CodiceParlante_ContentColore {

        width: 100%;

    }



    .CodiceParlante_Ottica, .CodiceParlante_Emissione, .CodiceParlante_Versione, .CodiceParlante_RaK, .CodiceParlante_Driver, .CodiceParlante_Colore {

        width: 100%;

        border-right: 1px solid var(--Transparent);

    }



    .CodiceParlante_Codice {

        width: 135px;

    }



    .CodiceParlante_CodeInformations, .CodiceParlante_CodeDownload {

        width: 258px;

    }



    .CodiceParlante_CodeInformations {

        margin-right: 0px;

    }



    .CodiceParlante_CodeDownload {

        margin-top: 5px;

        margin-left: 0px;

    }

}



.FontSize30px {

    line-height: 30px;

    font-size: 30px;

}



.FontSize55px {

    font-size: 55px;

    line-height: 55px;

}



@keyframes NavBarWhiteBackgroundColor {

    from {

        background-color: var(--Transparent);

    }



    to {

        background-color: var(--White);

    }

}



@keyframes NavBarWhiteBackgroundColorReverse {

    from {

        background-color: var(--White);

    }



    to {

        background-color: var(--Transparent);

    }

}



@keyframes NavBarInvertItemColor {

    from {

        filter: invert(0);

    }



    to {

        filter: invert(1);

    }

}



@keyframes NavBarInvertItemColorReverse {

    from {

        filter: invert(1);

    }



    to {

        filter: invert(0);

    }

}



@keyframes NavBarInvertTextColor {

    from {

        color: var(--White);

    }



    to {

        color: var(--RealBlack);

    }

}



@keyframes NavBarInvertTextColorReverse {

    from {

        color: var(--RealBlack);

    }



    to {

        color: var(--White);

    }

}



#HomepageSection2 {

    padding: 0;

}



#HomepageSection2, .RowTextRight {

    display: flex;

}



.RowTextRight {

    flex-direction: column;

    justify-content: center;

}



.RowTextRightParagraph {

    padding: 80px 0 0 0;

}



.RowTextRightBox {

    padding: 0 0 0 5%;

}



#HomepageSection3 {

    max-height: 540px;

    aspect-ratio: 32 / 10;

    width: 100%;

    --bs-gutter-x: 0;

}



.FullWidthVideo {

    width: 100%;

    max-height: inherit;

    object-position: 50% 50%;

    object-fit: cover;

}



#HomepageSection4 {

    margin: 0;

    color: #000000;

    background-color: #a5a29d;

    border: 0;

    border-radius: 0px;

}



.IvyBackgroundImage {

    background-size: cover;

    background-repeat: no-repeat;

    padding: 0 0 3rem 0;

}



.IvyTextBox {

    padding: 12rem 0 6rem 0;

}



.IvyTextTag {

    padding: 0 0 0 3rem;

}



.HomepageDownloadTitle, .HomepageDownloadBox>.col-12 {

    padding: 0;

}



.HomepageDownloadTitle>a {

    padding: 58px 0;

}



.HomepageDownloadTitle>a, .HomepageDownloadItemContainer>a {

    display: block;

}



.HomepageDownloadBox {

    text-align: center;

    margin: 0;

    align-items: center;

}



.HomepageDownloadItemContainer {

    border-left: 2px solid #d3d3d3;

}



.HomepageDownloadItemContainer>a {

    padding: 40px 0 12px;

}



.HomepageDownloadItemContainer img {

    width: 70px;

    height: 58px;

    margin-bottom: 12px;

}



.HomepageDownloadItemContainer div {

    color: rgb(42, 42, 42);

}



.HomepageDownloadItemContainer:hover img {

    filter: invert(1);

}



@media (max-width:575.98px) {

    .HomepageDownloadTitle, .HomepageDownloadItemContainer {

        border-bottom: 2px solid #d3d3d3;

    }



    .HomepageDownloadItemContainer {

        border-left: 0;

    }



    .HomepageDownloadTitle>a {

        padding: 1rem 0;

    }

}



@media (min-width:576px) and (max-width:767.98px) {

    .HomepageDownloadTitle {

        border-bottom: 2px solid #d3d3d3;

    }



    .HomepageDownloadTitle>a {

        padding: 1rem 0;

    }



    .HomepageDownloadTitle+.HomepageDownloadItemContainer {

        border-left: 0;

    }

}



@media (min-width:768px) and (max-width:991.98px) {

    .HomepageDownloadTitle {

        border-bottom: 2px solid #d3d3d3;

    }



    .HomepageDownloadTitle>a {

        padding: 1rem 0;

    }



    .HomepageDownloadTitle+.HomepageDownloadItemContainer {

        border-left: 0;

    }

}



@media (min-width:992px) and (max-width:1199.98px) {}



@media (min-width:1200px) and (max-width:1399.98px) {

    .IvyBackgroundImage {

        background-image: url('../../../download.targetti.com/media/family/intro/Ivy/Overview_05_web.jpg');

    }



    .IvyTextBox {

        padding: 24rem 0 12rem calc(8.33333333% + 3rem);

        margin: 0 0 0 3rem;

        font-size: 35px;

    }

}



@media (min-width:1400px) {

    .IvyBackgroundImage {

        background-image: url('../../../download.targetti.com/media/family/intro/Ivy/Overview_05_web.jpg');

    }



    .IvyTextBox {

        padding: 24rem 0 12rem calc(8.33333333% + 3rem);

        margin: 0 0 0 3rem;

        font-size: 35px;

    }

}