var body = document.body; body.className += " u-body u-overlap u-overlap-contrast"; body.style.cssText += " "; nos réalisations .u-body { font-family: 'Open Sans',sans-serif; } h1, h2, h3, h4, h5, h6 { font-family: Montserrat,sans-serif; } .u-overlap.u-overlap-transparent .u-header, .u-image, .u-gradient { color: #111111; } .u-shading, .u-overlap.u-overlap-contrast .u-header { color: #ffffff; } .u-body { color: #111111; background-color: #ffffff; } .u-custom-font.u-text-font { font-family: 'Open Sans',sans-serif !important; } .u-custom-font.u-heading-font { font-family: Montserrat,sans-serif !important; } .u-none.u-button-style, .u-none.u-button-style:hover, .u-none.u-button-style:focus, .u-none.u-button-style:active, .u-none.u-button-style.active, .u-button-style.u-hover-none:hover, .u-button-style.u-hover-none:focus, .u-button-style.u-active-none:active, .u-button-style.u-active-none.active { color: inherit !important; background-color: transparent !important; } .u-button-style.u-border-none, .u-button-style.u-border-hover-none:hover, .u-button-style.u-border-hover-none:focus, .u-button-style.u-border-active-none:active, .u-button-style.u-border-active-none.active { border-color: transparent !important; border-width: 0; } .u-button-style.u-text-none, .u-button-style.u-text-none:hover, .u-button-style.u-text-none:focus, .u-button-style.u-text-none:active, .u-button-style.u-text-none.active, .u-button-style.u-text-hover-none:hover, .u-button-style.u-text-hover-none:focus, .u-button-style.u-text-active-none:active, .u-button-style.u-text-active-none.active { color: inherit !important; } /*end-color none*//*begin-color palette-1*/ .u-palette-1, .u-body.u-palette-1, .u-container-style.u-palette-1:before, .u-table-alt-palette-1 tr:nth-child(even) { color: #ffffff; background-color: #478ac9; } .u-button-style.u-palette-1, .u-button-style.u-palette-1[class*="u-border-"] { color: #ffffff !important; background-color: #478ac9 !important; } .u-button-style.u-palette-1:hover, .u-button-style.u-palette-1[class*="u-border-"]:hover, .u-button-style.u-palette-1:focus, .u-button-style.u-palette-1[class*="u-border-"]:focus, .u-button-style.u-button-style.u-palette-1:active, .u-button-style.u-button-style.u-palette-1[class*="u-border-"]:active, .u-button-style.u-button-style.u-palette-1.active, .u-button-style.u-button-style.u-palette-1[class*="u-border-"].active { color: #ffffff !important; background-color: #387cbd !important; } a.u-button-style.u-hover-palette-1:hover, a.u-button-style.u-hover-palette-1[class*="u-border-"]:hover, a.u-button-style.u-hover-palette-1:focus, a.u-button-style.u-hover-palette-1[class*="u-border-"]:focus, a.u-button-style.u-button-style.u-active-palette-1:active, a.u-button-style.u-button-style.u-active-palette-1[class*="u-border-"]:active, a.u-button-style.u-button-style.u-active-palette-1.active, a.u-button-style.u-button-style.u-active-palette-1[class*="u-border-"].active { color: #ffffff !important; background-color: #478ac9 !important; } a.u-link.u-hover-palette-1:hover { color: #478ac9 !important; } /*end-color palette-1*//*begin-color palette-1-base*/ .u-palette-1-base, .u-body.u-palette-1-base, .u-container-style.u-palette-1-base:before, .u-table-alt-palette-1-base tr:nth-child(even) { color: #ffffff; background-color: #478ac9; } .u-button-style.u-palette-1-base, .u-button-style.u-palette-1-base[class*="u-border-"] { color: #ffffff !important; background-color: #478ac9 !important; } .u-button-style.u-palette-1-base:hover, .u-button-style.u-palette-1-base[class*="u-border-"]:hover, .u-button-style.u-palette-1-base:focus, .u-button-style.u-palette-1-base[class*="u-border-"]:focus, .u-button-style.u-button-style.u-palette-1-base:active, .u-button-style.u-button-style.u-palette-1-base[class*="u-border-"]:active, .u-button-style.u-button-style.u-palette-1-base.active, .u-button-style.u-button-style.u-palette-1-base[class*="u-border-"].active { color: #ffffff !important; background-color: #387cbd !important; } a.u-button-style.u-hover-palette-1-base:hover, a.u-button-style.u-hover-palette-1-base[class*="u-border-"]:hover, a.u-button-style.u-hover-palette-1-base:focus, a.u-button-style.u-hover-palette-1-base[class*="u-border-"]:focus, a.u-button-style.u-button-style.u-active-palette-1-base:active, a.u-button-style.u-button-style.u-active-palette-1-base[class*="u-border-"]:active, a.u-button-style.u-button-style.u-active-palette-1-base.active, a.u-button-style.u-button-style.u-active-palette-1-base[class*="u-border-"].active { color: #ffffff !important; background-color: #478ac9 !important; } a.u-link.u-hover-palette-1-base:hover { color: #478ac9 !important; } /*end-color palette-1-base*//*begin-color grey*/ .u-grey, .u-body.u-grey, .u-container-style.u-grey:before, .u-table-alt-grey tr:nth-child(even) { color: #ffffff; background-color: #b3b3b3; } .u-button-style.u-grey, .u-button-style.u-grey[class*="u-border-"] { color: #ffffff !important; background-color: #b3b3b3 !important; } .u-button-style.u-grey:hover, .u-button-style.u-grey[class*="u-border-"]:hover, .u-button-style.u-grey:focus, .u-button-style.u-grey[class*="u-border-"]:focus, .u-button-style.u-button-style.u-grey:active, .u-button-style.u-button-style.u-grey[class*="u-border-"]:active, .u-button-style.u-button-style.u-grey.active, .u-button-style.u-button-style.u-grey[class*="u-border-"].active { color: #ffffff !important; background-color: #a1a1a1 !important; } a.u-button-style.u-hover-grey:hover, a.u-button-style.u-hover-grey[class*="u-border-"]:hover, a.u-button-style.u-hover-grey:focus, a.u-button-style.u-hover-grey[class*="u-border-"]:focus, a.u-button-style.u-button-style.u-active-grey:active, a.u-button-style.u-button-style.u-active-grey[class*="u-border-"]:active, a.u-button-style.u-button-style.u-active-grey.active, a.u-button-style.u-button-style.u-active-grey[class*="u-border-"].active { color: #ffffff !important; background-color: #b3b3b3 !important; } a.u-link.u-hover-grey:hover { color: #b3b3b3 !important; } /*end-color grey*//*begin-color white*/ .u-white, .u-body.u-white, .u-container-style.u-white:before, .u-table-alt-white tr:nth-child(even) { color: #111111; background-color: #ffffff; } .u-button-style.u-white, .u-button-style.u-white[class*="u-border-"] { color: #111111 !important; background-color: #ffffff !important; } .u-button-style.u-white:hover, .u-button-style.u-white[class*="u-border-"]:hover, .u-button-style.u-white:focus, .u-button-style.u-white[class*="u-border-"]:focus, .u-button-style.u-button-style.u-white:active, .u-button-style.u-button-style.u-white[class*="u-border-"]:active, .u-button-style.u-button-style.u-white.active, .u-button-style.u-button-style.u-white[class*="u-border-"].active { color: #111111 !important; background-color: #e6e6e6 !important; } a.u-button-style.u-hover-white:hover, a.u-button-style.u-hover-white[class*="u-border-"]:hover, a.u-button-style.u-hover-white:focus, a.u-button-style.u-hover-white[class*="u-border-"]:focus, a.u-button-style.u-button-style.u-active-white:active, a.u-button-style.u-button-style.u-active-white[class*="u-border-"]:active, a.u-button-style.u-button-style.u-active-white.active, a.u-button-style.u-button-style.u-active-white[class*="u-border-"].active { color: #111111 !important; background-color: #ffffff !important; } a.u-link.u-hover-white:hover { color: #ffffff !important; } /*end-color white*//*begin-color black*/ .u-black, .u-body.u-black, .u-container-style.u-black:before, .u-table-alt-black tr:nth-child(even) { color: #ffffff; background-color: #000000; } .u-button-style.u-black, .u-button-style.u-black[class*="u-border-"] { color: #ffffff !important; background-color: #000000 !important; } .u-button-style.u-black:hover, .u-button-style.u-black[class*="u-border-"]:hover, .u-button-style.u-black:focus, .u-button-style.u-black[class*="u-border-"]:focus, .u-button-style.u-button-style.u-black:active, .u-button-style.u-button-style.u-black[class*="u-border-"]:active, .u-button-style.u-button-style.u-black.active, .u-button-style.u-button-style.u-black[class*="u-border-"].active { color: #ffffff !important; background-color: #000000 !important; } a.u-button-style.u-hover-black:hover, a.u-button-style.u-hover-black[class*="u-border-"]:hover, a.u-button-style.u-hover-black:focus, a.u-button-style.u-hover-black[class*="u-border-"]:focus, a.u-button-style.u-button-style.u-active-black:active, a.u-button-style.u-button-style.u-active-black[class*="u-border-"]:active, a.u-button-style.u-button-style.u-active-black.active, a.u-button-style.u-button-style.u-active-black[class*="u-border-"].active { color: #ffffff !important; background-color: #000000 !important; } a.u-link.u-hover-black:hover { color: #000000 !important; } /*end-color black*//*begin-color body-alt-color*/ .u-body-alt-color, .u-body.u-body-alt-color, .u-container-style.u-body-alt-color:before, .u-table-alt-body-alt-color tr:nth-child(even) { color: #111111; background-color: #ffffff; } .u-button-style.u-body-alt-color, .u-button-style.u-body-alt-color[class*="u-border-"] { color: #111111 !important; background-color: #ffffff !important; } .u-button-style.u-body-alt-color:hover, .u-button-style.u-body-alt-color[class*="u-border-"]:hover, .u-button-style.u-body-alt-color:focus, .u-button-style.u-body-alt-color[class*="u-border-"]:focus, .u-button-style.u-button-style.u-body-alt-color:active, .u-button-style.u-button-style.u-body-alt-color[class*="u-border-"]:active, .u-button-style.u-button-style.u-body-alt-color.active, .u-button-style.u-button-style.u-body-alt-color[class*="u-border-"].active { color: #111111 !important; background-color: #e6e6e6 !important; } a.u-button-style.u-hover-body-alt-color:hover, a.u-button-style.u-hover-body-alt-color[class*="u-border-"]:hover, a.u-button-style.u-hover-body-alt-color:focus, a.u-button-style.u-hover-body-alt-color[class*="u-border-"]:focus, a.u-button-style.u-button-style.u-active-body-alt-color:active, a.u-button-style.u-button-style.u-active-body-alt-color[class*="u-border-"]:active, a.u-button-style.u-button-style.u-active-body-alt-color.active, a.u-button-style.u-button-style.u-active-body-alt-color[class*="u-border-"].active { color: #111111 !important; background-color: #ffffff !important; } a.u-link.u-hover-body-alt-color:hover { color: #ffffff !important; } /*end-color body-alt-color*//*begin-color grey-40*/ .u-grey-40, .u-body.u-grey-40, .u-container-style.u-grey-40:before, .u-table-alt-grey-40 tr:nth-child(even) { color: #ffffff; background-color: #999999; } .u-button-style.u-grey-40, .u-button-style.u-grey-40[class*="u-border-"] { color: #ffffff !important; background-color: #999999 !important; } .u-button-style.u-grey-40:hover, .u-button-style.u-grey-40[class*="u-border-"]:hover, .u-button-style.u-grey-40:focus, .u-button-style.u-grey-40[class*="u-border-"]:focus, .u-button-style.u-button-style.u-grey-40:active, .u-button-style.u-button-style.u-grey-40[class*="u-border-"]:active, .u-button-style.u-button-style.u-grey-40.active, .u-button-style.u-button-style.u-grey-40[class*="u-border-"].active { color: #ffffff !important; background-color: #8a8a8a !important; } a.u-button-style.u-hover-grey-40:hover, a.u-button-style.u-hover-grey-40[class*="u-border-"]:hover, a.u-button-style.u-hover-grey-40:focus, a.u-button-style.u-hover-grey-40[class*="u-border-"]:focus, a.u-button-style.u-button-style.u-active-grey-40:active, a.u-button-style.u-button-style.u-active-grey-40[class*="u-border-"]:active, a.u-button-style.u-button-style.u-active-grey-40.active, a.u-button-style.u-button-style.u-active-grey-40[class*="u-border-"].active { color: #ffffff !important; background-color: #999999 !important; } a.u-link.u-hover-grey-40:hover { color: #999999 !important; } /*end-color grey-40*//*begin-color grey-70*/ .u-grey-70, .u-body.u-grey-70, .u-container-style.u-grey-70:before, .u-table-alt-grey-70 tr:nth-child(even) { color: #ffffff; background-color: #4d4d4d; } .u-button-style.u-grey-70, .u-button-style.u-grey-70[class*="u-border-"] { color: #ffffff !important; background-color: #4d4d4d !important; } .u-button-style.u-grey-70:hover, .u-button-style.u-grey-70[class*="u-border-"]:hover, .u-button-style.u-grey-70:focus, .u-button-style.u-grey-70[class*="u-border-"]:focus, .u-button-style.u-button-style.u-grey-70:active, .u-button-style.u-button-style.u-grey-70[class*="u-border-"]:active, .u-button-style.u-button-style.u-grey-70.active, .u-button-style.u-button-style.u-grey-70[class*="u-border-"].active { color: #ffffff !important; background-color: #454545 !important; } a.u-button-style.u-hover-grey-70:hover, a.u-button-style.u-hover-grey-70[class*="u-border-"]:hover, a.u-button-style.u-hover-grey-70:focus, a.u-button-style.u-hover-grey-70[class*="u-border-"]:focus, a.u-button-style.u-button-style.u-active-grey-70:active, a.u-button-style.u-button-style.u-active-grey-70[class*="u-border-"]:active, a.u-button-style.u-button-style.u-active-grey-70.active, a.u-button-style.u-button-style.u-active-grey-70[class*="u-border-"].active { color: #ffffff !important; background-color: #4d4d4d !important; } a.u-link.u-hover-grey-70:hover { color: #4d4d4d !important; } /*end-color grey-70*//*begin-color grey-75*/ .u-grey-75, .u-body.u-grey-75, .u-container-style.u-grey-75:before, .u-table-alt-grey-75 tr:nth-child(even) { color: #ffffff; background-color: #404040; } .u-button-style.u-grey-75, .u-button-style.u-grey-75[class*="u-border-"] { color: #ffffff !important; background-color: #404040 !important; } .u-button-style.u-grey-75:hover, .u-button-style.u-grey-75[class*="u-border-"]:hover, .u-button-style.u-grey-75:focus, .u-button-style.u-grey-75[class*="u-border-"]:focus, .u-button-style.u-button-style.u-grey-75:active, .u-button-style.u-button-style.u-grey-75[class*="u-border-"]:active, .u-button-style.u-button-style.u-grey-75.active, .u-button-style.u-button-style.u-grey-75[class*="u-border-"].active { color: #ffffff !important; background-color: #3a3a3a !important; } a.u-button-style.u-hover-grey-75:hover, a.u-button-style.u-hover-grey-75[class*="u-border-"]:hover, a.u-button-style.u-hover-grey-75:focus, a.u-button-style.u-hover-grey-75[class*="u-border-"]:focus, a.u-button-style.u-button-style.u-active-grey-75:active, a.u-button-style.u-button-style.u-active-grey-75[class*="u-border-"]:active, a.u-button-style.u-button-style.u-active-grey-75.active, a.u-button-style.u-button-style.u-active-grey-75[class*="u-border-"].active { color: #ffffff !important; background-color: #404040 !important; } a.u-link.u-hover-grey-75:hover { color: #404040 !important; } /*end-color grey-75*//*begin-color grey-80*/ .u-grey-80, .u-body.u-grey-80, .u-container-style.u-grey-80:before, .u-table-alt-grey-80 tr:nth-child(even) { color: #ffffff; background-color: #333333; } .u-button-style.u-grey-80, .u-button-style.u-grey-80[class*="u-border-"] { color: #ffffff !important; background-color: #333333 !important; } .u-button-style.u-grey-80:hover, .u-button-style.u-grey-80[class*="u-border-"]:hover, .u-button-style.u-grey-80:focus, .u-button-style.u-grey-80[class*="u-border-"]:focus, .u-button-style.u-button-style.u-grey-80:active, .u-button-style.u-button-style.u-grey-80[class*="u-border-"]:active, .u-button-style.u-button-style.u-grey-80.active, .u-button-style.u-button-style.u-grey-80[class*="u-border-"].active { color: #ffffff !important; background-color: #2e2e2e !important; } a.u-button-style.u-hover-grey-80:hover, a.u-button-style.u-hover-grey-80[class*="u-border-"]:hover, a.u-button-style.u-hover-grey-80:focus, a.u-button-style.u-hover-grey-80[class*="u-border-"]:focus, a.u-button-style.u-button-style.u-active-grey-80:active, a.u-button-style.u-button-style.u-active-grey-80[class*="u-border-"]:active, a.u-button-style.u-button-style.u-active-grey-80.active, a.u-button-style.u-button-style.u-active-grey-80[class*="u-border-"].active { color: #ffffff !important; background-color: #333333 !important; } a.u-link.u-hover-grey-80:hover { color: #333333 !important; } /*end-color grey-80*//*begin-color grey-90*/ .u-grey-90, .u-body.u-grey-90, .u-container-style.u-grey-90:before, .u-table-alt-grey-90 tr:nth-child(even) { color: #ffffff; background-color: #1a1a1a; } .u-button-style.u-grey-90, .u-button-style.u-grey-90[class*="u-border-"] { color: #ffffff !important; background-color: #1a1a1a !important; } .u-button-style.u-grey-90:hover, .u-button-style.u-grey-90[class*="u-border-"]:hover, .u-button-style.u-grey-90:focus, .u-button-style.u-grey-90[class*="u-border-"]:focus, .u-button-style.u-button-style.u-grey-90:active, .u-button-style.u-button-style.u-grey-90[class*="u-border-"]:active, .u-button-style.u-button-style.u-grey-90.active, .u-button-style.u-button-style.u-grey-90[class*="u-border-"].active { color: #ffffff !important; background-color: #171717 !important; } a.u-button-style.u-hover-grey-90:hover, a.u-button-style.u-hover-grey-90[class*="u-border-"]:hover, a.u-button-style.u-hover-grey-90:focus, a.u-button-style.u-hover-grey-90[class*="u-border-"]:focus, a.u-button-style.u-button-style.u-active-grey-90:active, a.u-button-style.u-button-style.u-active-grey-90[class*="u-border-"]:active, a.u-button-style.u-button-style.u-active-grey-90.active, a.u-button-style.u-button-style.u-active-grey-90[class*="u-border-"].active { color: #ffffff !important; background-color: #1a1a1a !important; } a.u-link.u-hover-grey-90:hover { color: #1a1a1a !important; } /*end-color grey-90*//*begin-color palette-1*/ .u-border-palette-1, .u-separator-palette-1:after { border-color: #478ac9; } .u-button-style.u-border-palette-1 { border-color: #478ac9 !important; color: #478ac9 !important; background-color: transparent !important; } .u-button-style.u-border-palette-1:hover, .u-button-style.u-border-palette-1:focus { border-color: #387cbd !important; color: #387cbd !important; background-color: transparent !important; } a.u-button-style.u-border-hover-palette-1:hover, a.u-button-style.u-border-hover-palette-1:focus, a.u-button-style.u-button-style.u-border-active-palette-1:active, a.u-button-style.u-button-style.u-border-active-palette-1.active { color: #478ac9 !important; border-color: #478ac9 !important; } .u-link.u-border-palette-1[class*="u-border-"] { border-color: #478ac9 !important; } .u-link.u-border-palette-1[class*="u-border-"]:hover { border-color: #387cbd !important; } /*end-color palette-1*//*begin-color palette-1-base*/ .u-border-palette-1-base, .u-separator-palette-1-base:after { border-color: #478ac9; } .u-button-style.u-border-palette-1-base { border-color: #478ac9 !important; color: #478ac9 !important; background-color: transparent !important; } .u-button-style.u-border-palette-1-base:hover, .u-button-style.u-border-palette-1-base:focus { border-color: #387cbd !important; color: #387cbd !important; background-color: transparent !important; } a.u-button-style.u-border-hover-palette-1-base:hover, a.u-button-style.u-border-hover-palette-1-base:focus, a.u-button-style.u-button-style.u-border-active-palette-1-base:active, a.u-button-style.u-button-style.u-border-active-palette-1-base.active { color: #478ac9 !important; border-color: #478ac9 !important; } .u-link.u-border-palette-1-base[class*="u-border-"] { border-color: #478ac9 !important; } .u-link.u-border-palette-1-base[class*="u-border-"]:hover { border-color: #387cbd !important; } /*end-color palette-1-base*//*begin-color grey*/ .u-border-grey, .u-separator-grey:after { border-color: #b3b3b3; } .u-button-style.u-border-grey { border-color: #b3b3b3 !important; color: #b3b3b3 !important; background-color: transparent !important; } .u-button-style.u-border-grey:hover, .u-button-style.u-border-grey:focus { border-color: #a1a1a1 !important; color: #a1a1a1 !important; background-color: transparent !important; } a.u-button-style.u-border-hover-grey:hover, a.u-button-style.u-border-hover-grey:focus, a.u-button-style.u-button-style.u-border-active-grey:active, a.u-button-style.u-button-style.u-border-active-grey.active { color: #b3b3b3 !important; border-color: #b3b3b3 !important; } .u-link.u-border-grey[class*="u-border-"] { border-color: #b3b3b3 !important; } .u-link.u-border-grey[class*="u-border-"]:hover { border-color: #a1a1a1 !important; } /*end-color grey*//*begin-color white*/ .u-border-white, .u-separator-white:after { border-color: #ffffff; } .u-button-style.u-border-white { border-color: #ffffff !important; color: #ffffff !important; background-color: transparent !important; } .u-button-style.u-border-white:hover, .u-button-style.u-border-white:focus { border-color: #e6e6e6 !important; color: #e6e6e6 !important; background-color: transparent !important; } a.u-button-style.u-border-hover-white:hover, a.u-button-style.u-border-hover-white:focus, a.u-button-style.u-button-style.u-border-active-white:active, a.u-button-style.u-button-style.u-border-active-white.active { color: #ffffff !important; border-color: #ffffff !important; } .u-link.u-border-white[class*="u-border-"] { border-color: #ffffff !important; } .u-link.u-border-white[class*="u-border-"]:hover { border-color: #e6e6e6 !important; } /*end-color white*//*begin-color black*/ .u-border-black, .u-separator-black:after { border-color: #000000; } .u-button-style.u-border-black { border-color: #000000 !important; color: #000000 !important; background-color: transparent !important; } .u-button-style.u-border-black:hover, .u-button-style.u-border-black:focus { border-color: #000000 !important; color: #000000 !important; background-color: transparent !important; } a.u-button-style.u-border-hover-black:hover, a.u-button-style.u-border-hover-black:focus, a.u-button-style.u-button-style.u-border-active-black:active, a.u-button-style.u-button-style.u-border-active-black.active { color: #000000 !important; border-color: #000000 !important; } .u-link.u-border-black[class*="u-border-"] { border-color: #000000 !important; } .u-link.u-border-black[class*="u-border-"]:hover { border-color: #000000 !important; } /*end-color black*//*begin-color body-alt-color*/ .u-border-body-alt-color, .u-separator-body-alt-color:after { border-color: #ffffff; } .u-button-style.u-border-body-alt-color { border-color: #ffffff !important; color: #ffffff !important; background-color: transparent !important; } .u-button-style.u-border-body-alt-color:hover, .u-button-style.u-border-body-alt-color:focus { border-color: #e6e6e6 !important; color: #e6e6e6 !important; background-color: transparent !important; } a.u-button-style.u-border-hover-body-alt-color:hover, a.u-button-style.u-border-hover-body-alt-color:focus, a.u-button-style.u-button-style.u-border-active-body-alt-color:active, a.u-button-style.u-button-style.u-border-active-body-alt-color.active { color: #ffffff !important; border-color: #ffffff !important; } .u-link.u-border-body-alt-color[class*="u-border-"] { border-color: #ffffff !important; } .u-link.u-border-body-alt-color[class*="u-border-"]:hover { border-color: #e6e6e6 !important; } /*end-color body-alt-color*//*begin-color grey-40*/ .u-border-grey-40, .u-separator-grey-40:after { border-color: #999999; } .u-button-style.u-border-grey-40 { border-color: #999999 !important; color: #999999 !important; background-color: transparent !important; } .u-button-style.u-border-grey-40:hover, .u-button-style.u-border-grey-40:focus { border-color: #8a8a8a !important; color: #8a8a8a !important; background-color: transparent !important; } a.u-button-style.u-border-hover-grey-40:hover, a.u-button-style.u-border-hover-grey-40:focus, a.u-button-style.u-button-style.u-border-active-grey-40:active, a.u-button-style.u-button-style.u-border-active-grey-40.active { color: #999999 !important; border-color: #999999 !important; } .u-link.u-border-grey-40[class*="u-border-"] { border-color: #999999 !important; } .u-link.u-border-grey-40[class*="u-border-"]:hover { border-color: #8a8a8a !important; } /*end-color grey-40*//*begin-color grey-70*/ .u-border-grey-70, .u-separator-grey-70:after { border-color: #4d4d4d; } .u-button-style.u-border-grey-70 { border-color: #4d4d4d !important; color: #4d4d4d !important; background-color: transparent !important; } .u-button-style.u-border-grey-70:hover, .u-button-style.u-border-grey-70:focus { border-color: #454545 !important; color: #454545 !important; background-color: transparent !important; } a.u-button-style.u-border-hover-grey-70:hover, a.u-button-style.u-border-hover-grey-70:focus, a.u-button-style.u-button-style.u-border-active-grey-70:active, a.u-button-style.u-button-style.u-border-active-grey-70.active { color: #4d4d4d !important; border-color: #4d4d4d !important; } .u-link.u-border-grey-70[class*="u-border-"] { border-color: #4d4d4d !important; } .u-link.u-border-grey-70[class*="u-border-"]:hover { border-color: #454545 !important; } /*end-color grey-70*//*begin-color grey-75*/ .u-border-grey-75, .u-separator-grey-75:after { border-color: #404040; } .u-button-style.u-border-grey-75 { border-color: #404040 !important; color: #404040 !important; background-color: transparent !important; } .u-button-style.u-border-grey-75:hover, .u-button-style.u-border-grey-75:focus { border-color: #3a3a3a !important; color: #3a3a3a !important; background-color: transparent !important; } a.u-button-style.u-border-hover-grey-75:hover, a.u-button-style.u-border-hover-grey-75:focus, a.u-button-style.u-button-style.u-border-active-grey-75:active, a.u-button-style.u-button-style.u-border-active-grey-75.active { color: #404040 !important; border-color: #404040 !important; } .u-link.u-border-grey-75[class*="u-border-"] { border-color: #404040 !important; } .u-link.u-border-grey-75[class*="u-border-"]:hover { border-color: #3a3a3a !important; } /*end-color grey-75*//*begin-color grey-80*/ .u-border-grey-80, .u-separator-grey-80:after { border-color: #333333; } .u-button-style.u-border-grey-80 { border-color: #333333 !important; color: #333333 !important; background-color: transparent !important; } .u-button-style.u-border-grey-80:hover, .u-button-style.u-border-grey-80:focus { border-color: #2e2e2e !important; color: #2e2e2e !important; background-color: transparent !important; } a.u-button-style.u-border-hover-grey-80:hover, a.u-button-style.u-border-hover-grey-80:focus, a.u-button-style.u-button-style.u-border-active-grey-80:active, a.u-button-style.u-button-style.u-border-active-grey-80.active { color: #333333 !important; border-color: #333333 !important; } .u-link.u-border-grey-80[class*="u-border-"] { border-color: #333333 !important; } .u-link.u-border-grey-80[class*="u-border-"]:hover { border-color: #2e2e2e !important; } /*end-color grey-80*//*begin-color grey-90*/ .u-border-grey-90, .u-separator-grey-90:after { border-color: #1a1a1a; } .u-button-style.u-border-grey-90 { border-color: #1a1a1a !important; color: #1a1a1a !important; background-color: transparent !important; } .u-button-style.u-border-grey-90:hover, .u-button-style.u-border-grey-90:focus { border-color: #171717 !important; color: #171717 !important; background-color: transparent !important; } a.u-button-style.u-border-hover-grey-90:hover, a.u-button-style.u-border-hover-grey-90:focus, a.u-button-style.u-button-style.u-border-active-grey-90:active, a.u-button-style.u-button-style.u-border-active-grey-90.active { color: #1a1a1a !important; border-color: #1a1a1a !important; } .u-link.u-border-grey-90[class*="u-border-"] { border-color: #1a1a1a !important; } .u-link.u-border-grey-90[class*="u-border-"]:hover { border-color: #171717 !important; } /*end-color grey-90*//*begin-color palette-1*/ .u-text-palette-1, a.u-button-style.u-text-palette-1, a.u-button-style.u-text-palette-1[class*="u-border-"] { color: #478ac9 !important; } a.u-button-style.u-text-palette-1:hover, a.u-button-style.u-text-palette-1[class*="u-border-"]:hover, a.u-button-style.u-text-palette-1:focus, a.u-button-style.u-text-palette-1[class*="u-border-"]:focus, a.u-button-style.u-button-style.u-text-palette-1:active, a.u-button-style.u-button-style.u-text-palette-1[class*="u-border-"]:active, a.u-button-style.u-button-style.u-text-palette-1.active, a.u-button-style.u-button-style.u-text-palette-1[class*="u-border-"].active { color: #387cbd !important; } a.u-button-style.u-button-style.u-text-hover-palette-1:hover, a.u-button-style.u-button-style.u-text-hover-palette-1[class*="u-border-"]:hover, a.u-button-style.u-button-style.u-text-hover-palette-1:focus, a.u-button-style.u-button-style.u-text-hover-palette-1[class*="u-border-"]:focus, a.u-button-style.u-button-style.u-button-style.u-text-active-palette-1:active, a.u-button-style.u-button-style.u-button-style.u-text-active-palette-1[class*="u-border-"]:active, a.u-button-style.u-button-style.u-button-style.u-text-active-palette-1.active, a.u-button-style.u-button-style.u-button-style.u-text-active-palette-1[class*="u-border-"].active, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-palette-1:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-palette-1.active, .u-popupmenu-items.u-text-hover-palette-1 .u-nav-link:hover, .u-popupmenu-items.u-popupmenu-items.u-text-hover-palette-1 .u-nav-link.active { color: #478ac9 !important; } .u-text-palette-1 svg { fill: #478ac9; } .u-link.u-text-palette-1:hover { color: #387cbd !important; } a.u-link.u-text-hover-palette-1:hover { color: #478ac9 !important; } /*end-color palette-1*//*begin-color palette-1-base*/ .u-text-palette-1-base, a.u-button-style.u-text-palette-1-base, a.u-button-style.u-text-palette-1-base[class*="u-border-"] { color: #478ac9 !important; } a.u-button-style.u-text-palette-1-base:hover, a.u-button-style.u-text-palette-1-base[class*="u-border-"]:hover, a.u-button-style.u-text-palette-1-base:focus, a.u-button-style.u-text-palette-1-base[class*="u-border-"]:focus, a.u-button-style.u-button-style.u-text-palette-1-base:active, a.u-button-style.u-button-style.u-text-palette-1-base[class*="u-border-"]:active, a.u-button-style.u-button-style.u-text-palette-1-base.active, a.u-button-style.u-button-style.u-text-palette-1-base[class*="u-border-"].active { color: #387cbd !important; } a.u-button-style.u-button-style.u-text-hover-palette-1-base:hover, a.u-button-style.u-button-style.u-text-hover-palette-1-base[class*="u-border-"]:hover, a.u-button-style.u-button-style.u-text-hover-palette-1-base:focus, a.u-button-style.u-button-style.u-text-hover-palette-1-base[class*="u-border-"]:focus, a.u-button-style.u-button-style.u-button-style.u-text-active-palette-1-base:active, a.u-button-style.u-button-style.u-button-style.u-text-active-palette-1-base[class*="u-border-"]:active, a.u-button-style.u-button-style.u-button-style.u-text-active-palette-1-base.active, a.u-button-style.u-button-style.u-button-style.u-text-active-palette-1-base[class*="u-border-"].active, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-palette-1-base:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-palette-1-base.active, .u-popupmenu-items.u-text-hover-palette-1-base .u-nav-link:hover, .u-popupmenu-items.u-popupmenu-items.u-text-hover-palette-1-base .u-nav-link.active { color: #478ac9 !important; } .u-text-palette-1-base svg { fill: #478ac9; } .u-link.u-text-palette-1-base:hover { color: #387cbd !important; } a.u-link.u-text-hover-palette-1-base:hover { color: #478ac9 !important; } /*end-color palette-1-base*//*begin-color grey*/ .u-text-grey, a.u-button-style.u-text-grey, a.u-button-style.u-text-grey[class*="u-border-"] { color: #b3b3b3 !important; } a.u-button-style.u-text-grey:hover, a.u-button-style.u-text-grey[class*="u-border-"]:hover, a.u-button-style.u-text-grey:focus, a.u-button-style.u-text-grey[class*="u-border-"]:focus, a.u-button-style.u-button-style.u-text-grey:active, a.u-button-style.u-button-style.u-text-grey[class*="u-border-"]:active, a.u-button-style.u-button-style.u-text-grey.active, a.u-button-style.u-button-style.u-text-grey[class*="u-border-"].active { color: #a1a1a1 !important; } a.u-button-style.u-button-style.u-text-hover-grey:hover, a.u-button-style.u-button-style.u-text-hover-grey[class*="u-border-"]:hover, a.u-button-style.u-button-style.u-text-hover-grey:focus, a.u-button-style.u-button-style.u-text-hover-grey[class*="u-border-"]:focus, a.u-button-style.u-button-style.u-button-style.u-text-active-grey:active, a.u-button-style.u-button-style.u-button-style.u-text-active-grey[class*="u-border-"]:active, a.u-button-style.u-button-style.u-button-style.u-text-active-grey.active, a.u-button-style.u-button-style.u-button-style.u-text-active-grey[class*="u-border-"].active, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-grey:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-grey.active, .u-popupmenu-items.u-text-hover-grey .u-nav-link:hover, .u-popupmenu-items.u-popupmenu-items.u-text-hover-grey .u-nav-link.active { color: #b3b3b3 !important; } .u-text-grey svg { fill: #b3b3b3; } .u-link.u-text-grey:hover { color: #a1a1a1 !important; } a.u-link.u-text-hover-grey:hover { color: #b3b3b3 !important; } /*end-color grey*//*begin-color white*/ .u-text-white, a.u-button-style.u-text-white, a.u-button-style.u-text-white[class*="u-border-"] { color: #ffffff !important; } a.u-button-style.u-text-white:hover, a.u-button-style.u-text-white[class*="u-border-"]:hover, a.u-button-style.u-text-white:focus, a.u-button-style.u-text-white[class*="u-border-"]:focus, a.u-button-style.u-button-style.u-text-white:active, a.u-button-style.u-button-style.u-text-white[class*="u-border-"]:active, a.u-button-style.u-button-style.u-text-white.active, a.u-button-style.u-button-style.u-text-white[class*="u-border-"].active { color: #e6e6e6 !important; } a.u-button-style.u-button-style.u-text-hover-white:hover, a.u-button-style.u-button-style.u-text-hover-white[class*="u-border-"]:hover, a.u-button-style.u-button-style.u-text-hover-white:focus, a.u-button-style.u-button-style.u-text-hover-white[class*="u-border-"]:focus, a.u-button-style.u-button-style.u-button-style.u-text-active-white:active, a.u-button-style.u-button-style.u-button-style.u-text-active-white[class*="u-border-"]:active, a.u-button-style.u-button-style.u-button-style.u-text-active-white.active, a.u-button-style.u-button-style.u-button-style.u-text-active-white[class*="u-border-"].active, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-white:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-white.active, .u-popupmenu-items.u-text-hover-white .u-nav-link:hover, .u-popupmenu-items.u-popupmenu-items.u-text-hover-white .u-nav-link.active { color: #ffffff !important; } .u-text-white svg { fill: #ffffff; } .u-link.u-text-white:hover { color: #e6e6e6 !important; } a.u-link.u-text-hover-white:hover { color: #ffffff !important; } /*end-color white*//*begin-color black*/ .u-text-black, a.u-button-style.u-text-black, a.u-button-style.u-text-black[class*="u-border-"] { color: #000000 !important; } a.u-button-style.u-text-black:hover, a.u-button-style.u-text-black[class*="u-border-"]:hover, a.u-button-style.u-text-black:focus, a.u-button-style.u-text-black[class*="u-border-"]:focus, a.u-button-style.u-button-style.u-text-black:active, a.u-button-style.u-button-style.u-text-black[class*="u-border-"]:active, a.u-button-style.u-button-style.u-text-black.active, a.u-button-style.u-button-style.u-text-black[class*="u-border-"].active { color: #000000 !important; } a.u-button-style.u-button-style.u-text-hover-black:hover, a.u-button-style.u-button-style.u-text-hover-black[class*="u-border-"]:hover, a.u-button-style.u-button-style.u-text-hover-black:focus, a.u-button-style.u-button-style.u-text-hover-black[class*="u-border-"]:focus, a.u-button-style.u-button-style.u-button-style.u-text-active-black:active, a.u-button-style.u-button-style.u-button-style.u-text-active-black[class*="u-border-"]:active, a.u-button-style.u-button-style.u-button-style.u-text-active-black.active, a.u-button-style.u-button-style.u-button-style.u-text-active-black[class*="u-border-"].active, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-black:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-black.active, .u-popupmenu-items.u-text-hover-black .u-nav-link:hover, .u-popupmenu-items.u-popupmenu-items.u-text-hover-black .u-nav-link.active { color: #000000 !important; } .u-text-black svg { fill: #000000; } .u-link.u-text-black:hover { color: #000000 !important; } a.u-link.u-text-hover-black:hover { color: #000000 !important; } /*end-color black*//*begin-color body-alt-color*/ .u-text-body-alt-color, a.u-button-style.u-text-body-alt-color, a.u-button-style.u-text-body-alt-color[class*="u-border-"] { color: #ffffff !important; } a.u-button-style.u-text-body-alt-color:hover, a.u-button-style.u-text-body-alt-color[class*="u-border-"]:hover, a.u-button-style.u-text-body-alt-color:focus, a.u-button-style.u-text-body-alt-color[class*="u-border-"]:focus, a.u-button-style.u-button-style.u-text-body-alt-color:active, a.u-button-style.u-button-style.u-text-body-alt-color[class*="u-border-"]:active, a.u-button-style.u-button-style.u-text-body-alt-color.active, a.u-button-style.u-button-style.u-text-body-alt-color[class*="u-border-"].active { color: #e6e6e6 !important; } a.u-button-style.u-button-style.u-text-hover-body-alt-color:hover, a.u-button-style.u-button-style.u-text-hover-body-alt-color[class*="u-border-"]:hover, a.u-button-style.u-button-style.u-text-hover-body-alt-color:focus, a.u-button-style.u-button-style.u-text-hover-body-alt-color[class*="u-border-"]:focus, a.u-button-style.u-button-style.u-button-style.u-text-active-body-alt-color:active, a.u-button-style.u-button-style.u-button-style.u-text-active-body-alt-color[class*="u-border-"]:active, a.u-button-style.u-button-style.u-button-style.u-text-active-body-alt-color.active, a.u-button-style.u-button-style.u-button-style.u-text-active-body-alt-color[class*="u-border-"].active, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-body-alt-color:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-body-alt-color.active, .u-popupmenu-items.u-text-hover-body-alt-color .u-nav-link:hover, .u-popupmenu-items.u-popupmenu-items.u-text-hover-body-alt-color .u-nav-link.active { color: #ffffff !important; } .u-text-body-alt-color svg { fill: #ffffff; } .u-link.u-text-body-alt-color:hover { color: #e6e6e6 !important; } a.u-link.u-text-hover-body-alt-color:hover { color: #ffffff !important; } /*end-color body-alt-color*//*begin-color grey-40*/ .u-text-grey-40, a.u-button-style.u-text-grey-40, a.u-button-style.u-text-grey-40[class*="u-border-"] { color: #999999 !important; } a.u-button-style.u-text-grey-40:hover, a.u-button-style.u-text-grey-40[class*="u-border-"]:hover, a.u-button-style.u-text-grey-40:focus, a.u-button-style.u-text-grey-40[class*="u-border-"]:focus, a.u-button-style.u-button-style.u-text-grey-40:active, a.u-button-style.u-button-style.u-text-grey-40[class*="u-border-"]:active, a.u-button-style.u-button-style.u-text-grey-40.active, a.u-button-style.u-button-style.u-text-grey-40[class*="u-border-"].active { color: #8a8a8a !important; } a.u-button-style.u-button-style.u-text-hover-grey-40:hover, a.u-button-style.u-button-style.u-text-hover-grey-40[class*="u-border-"]:hover, a.u-button-style.u-button-style.u-text-hover-grey-40:focus, a.u-button-style.u-button-style.u-text-hover-grey-40[class*="u-border-"]:focus, a.u-button-style.u-button-style.u-button-style.u-text-active-grey-40:active, a.u-button-style.u-button-style.u-button-style.u-text-active-grey-40[class*="u-border-"]:active, a.u-button-style.u-button-style.u-button-style.u-text-active-grey-40.active, a.u-button-style.u-button-style.u-button-style.u-text-active-grey-40[class*="u-border-"].active, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-grey-40:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-grey-40.active, .u-popupmenu-items.u-text-hover-grey-40 .u-nav-link:hover, .u-popupmenu-items.u-popupmenu-items.u-text-hover-grey-40 .u-nav-link.active { color: #999999 !important; } .u-text-grey-40 svg { fill: #999999; } .u-link.u-text-grey-40:hover { color: #8a8a8a !important; } a.u-link.u-text-hover-grey-40:hover { color: #999999 !important; } /*end-color grey-40*//*begin-color grey-70*/ .u-text-grey-70, a.u-button-style.u-text-grey-70, a.u-button-style.u-text-grey-70[class*="u-border-"] { color: #4d4d4d !important; } a.u-button-style.u-text-grey-70:hover, a.u-button-style.u-text-grey-70[class*="u-border-"]:hover, a.u-button-style.u-text-grey-70:focus, a.u-button-style.u-text-grey-70[class*="u-border-"]:focus, a.u-button-style.u-button-style.u-text-grey-70:active, a.u-button-style.u-button-style.u-text-grey-70[class*="u-border-"]:active, a.u-button-style.u-button-style.u-text-grey-70.active, a.u-button-style.u-button-style.u-text-grey-70[class*="u-border-"].active { color: #454545 !important; } a.u-button-style.u-button-style.u-text-hover-grey-70:hover, a.u-button-style.u-button-style.u-text-hover-grey-70[class*="u-border-"]:hover, a.u-button-style.u-button-style.u-text-hover-grey-70:focus, a.u-button-style.u-button-style.u-text-hover-grey-70[class*="u-border-"]:focus, a.u-button-style.u-button-style.u-button-style.u-text-active-grey-70:active, a.u-button-style.u-button-style.u-button-style.u-text-active-grey-70[class*="u-border-"]:active, a.u-button-style.u-button-style.u-button-style.u-text-active-grey-70.active, a.u-button-style.u-button-style.u-button-style.u-text-active-grey-70[class*="u-border-"].active, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-grey-70:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-grey-70.active, .u-popupmenu-items.u-text-hover-grey-70 .u-nav-link:hover, .u-popupmenu-items.u-popupmenu-items.u-text-hover-grey-70 .u-nav-link.active { color: #4d4d4d !important; } .u-text-grey-70 svg { fill: #4d4d4d; } .u-link.u-text-grey-70:hover { color: #454545 !important; } a.u-link.u-text-hover-grey-70:hover { color: #4d4d4d !important; } /*end-color grey-70*//*begin-color grey-75*/ .u-text-grey-75, a.u-button-style.u-text-grey-75, a.u-button-style.u-text-grey-75[class*="u-border-"] { color: #404040 !important; } a.u-button-style.u-text-grey-75:hover, a.u-button-style.u-text-grey-75[class*="u-border-"]:hover, a.u-button-style.u-text-grey-75:focus, a.u-button-style.u-text-grey-75[class*="u-border-"]:focus, a.u-button-style.u-button-style.u-text-grey-75:active, a.u-button-style.u-button-style.u-text-grey-75[class*="u-border-"]:active, a.u-button-style.u-button-style.u-text-grey-75.active, a.u-button-style.u-button-style.u-text-grey-75[class*="u-border-"].active { color: #3a3a3a !important; } a.u-button-style.u-button-style.u-text-hover-grey-75:hover, a.u-button-style.u-button-style.u-text-hover-grey-75[class*="u-border-"]:hover, a.u-button-style.u-button-style.u-text-hover-grey-75:focus, a.u-button-style.u-button-style.u-text-hover-grey-75[class*="u-border-"]:focus, a.u-button-style.u-button-style.u-button-style.u-text-active-grey-75:active, a.u-button-style.u-button-style.u-button-style.u-text-active-grey-75[class*="u-border-"]:active, a.u-button-style.u-button-style.u-button-style.u-text-active-grey-75.active, a.u-button-style.u-button-style.u-button-style.u-text-active-grey-75[class*="u-border-"].active, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-grey-75:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-grey-75.active, .u-popupmenu-items.u-text-hover-grey-75 .u-nav-link:hover, .u-popupmenu-items.u-popupmenu-items.u-text-hover-grey-75 .u-nav-link.active { color: #404040 !important; } .u-text-grey-75 svg { fill: #404040; } .u-link.u-text-grey-75:hover { color: #3a3a3a !important; } a.u-link.u-text-hover-grey-75:hover { color: #404040 !important; } /*end-color grey-75*//*begin-color grey-80*/ .u-text-grey-80, a.u-button-style.u-text-grey-80, a.u-button-style.u-text-grey-80[class*="u-border-"] { color: #333333 !important; } a.u-button-style.u-text-grey-80:hover, a.u-button-style.u-text-grey-80[class*="u-border-"]:hover, a.u-button-style.u-text-grey-80:focus, a.u-button-style.u-text-grey-80[class*="u-border-"]:focus, a.u-button-style.u-button-style.u-text-grey-80:active, a.u-button-style.u-button-style.u-text-grey-80[class*="u-border-"]:active, a.u-button-style.u-button-style.u-text-grey-80.active, a.u-button-style.u-button-style.u-text-grey-80[class*="u-border-"].active { color: #2e2e2e !important; } a.u-button-style.u-button-style.u-text-hover-grey-80:hover, a.u-button-style.u-button-style.u-text-hover-grey-80[class*="u-border-"]:hover, a.u-button-style.u-button-style.u-text-hover-grey-80:focus, a.u-button-style.u-button-style.u-text-hover-grey-80[class*="u-border-"]:focus, a.u-button-style.u-button-style.u-button-style.u-text-active-grey-80:active, a.u-button-style.u-button-style.u-button-style.u-text-active-grey-80[class*="u-border-"]:active, a.u-button-style.u-button-style.u-button-style.u-text-active-grey-80.active, a.u-button-style.u-button-style.u-button-style.u-text-active-grey-80[class*="u-border-"].active, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-grey-80:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-grey-80.active, .u-popupmenu-items.u-text-hover-grey-80 .u-nav-link:hover, .u-popupmenu-items.u-popupmenu-items.u-text-hover-grey-80 .u-nav-link.active { color: #333333 !important; } .u-text-grey-80 svg { fill: #333333; } .u-link.u-text-grey-80:hover { color: #2e2e2e !important; } a.u-link.u-text-hover-grey-80:hover { color: #333333 !important; } /*end-color grey-80*//*begin-color grey-90*/ .u-text-grey-90, a.u-button-style.u-text-grey-90, a.u-button-style.u-text-grey-90[class*="u-border-"] { color: #1a1a1a !important; } a.u-button-style.u-text-grey-90:hover, a.u-button-style.u-text-grey-90[class*="u-border-"]:hover, a.u-button-style.u-text-grey-90:focus, a.u-button-style.u-text-grey-90[class*="u-border-"]:focus, a.u-button-style.u-button-style.u-text-grey-90:active, a.u-button-style.u-button-style.u-text-grey-90[class*="u-border-"]:active, a.u-button-style.u-button-style.u-text-grey-90.active, a.u-button-style.u-button-style.u-text-grey-90[class*="u-border-"].active { color: #171717 !important; } a.u-button-style.u-button-style.u-text-hover-grey-90:hover, a.u-button-style.u-button-style.u-text-hover-grey-90[class*="u-border-"]:hover, a.u-button-style.u-button-style.u-text-hover-grey-90:focus, a.u-button-style.u-button-style.u-text-hover-grey-90[class*="u-border-"]:focus, a.u-button-style.u-button-style.u-button-style.u-text-active-grey-90:active, a.u-button-style.u-button-style.u-button-style.u-text-active-grey-90[class*="u-border-"]:active, a.u-button-style.u-button-style.u-button-style.u-text-active-grey-90.active, a.u-button-style.u-button-style.u-button-style.u-text-active-grey-90[class*="u-border-"].active, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-grey-90:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-grey-90.active, .u-popupmenu-items.u-text-hover-grey-90 .u-nav-link:hover, .u-popupmenu-items.u-popupmenu-items.u-text-hover-grey-90 .u-nav-link.active { color: #1a1a1a !important; } .u-text-grey-90 svg { fill: #1a1a1a; } .u-link.u-text-grey-90:hover { color: #171717 !important; } a.u-link.u-text-hover-grey-90:hover { color: #1a1a1a !important; } /*end-color grey-90*//*begin-variables sitestylecss*/ /** common-rules **/ h1.u-title { font-weight: 400; font-size: 4.5rem; line-height: 1.1; margin-top: 20px; margin-bottom: 20px; } h2.u-subtitle { font-weight: 400; font-size: 2.25rem; line-height: 1.1; margin-top: 20px; margin-bottom: 20px; } h1:not(.u-title) { font-weight: 400; font-size: 3rem; line-height: 1.1; margin-top: 20px; margin-bottom: 20px; } h2:not(.u-subtitle) { font-weight: 400; font-size: 2.25rem; line-height: 1.1; margin-top: 20px; margin-bottom: 20px; } h3 { font-weight: 400; font-size: 1.875rem; line-height: 1.2; margin-top: 20px; margin-bottom: 20px; } h4 { font-weight: 400; font-size: 1.5rem; line-height: 1.2; margin-top: 20px; margin-bottom: 20px; } h5 { font-weight: 400; font-size: 1.25rem; line-height: 1.2; margin-top: 20px; margin-bottom: 20px; } h6 { font-weight: 400; font-size: 1.125rem; line-height: 1.2; margin-top: 20px; margin-bottom: 20px; } p.u-large-text { font-size: 1.25rem; margin-top: 20px; margin-bottom: 20px; } p.u-small-text { font-size: 0.875rem; margin-top: 20px; margin-bottom: 20px; } p:not(.u-text-variant) { margin-top: 20px; margin-bottom: 20px; } .u-btn { margin-top: 20px; margin-bottom: 20px; } blockquote { font-style: italic; padding-left: 20px; border-width: 4px; margin-top: 20px; margin-bottom: 20px; } .u-metadata { margin-top: 20px; margin-bottom: 20px; } ul:not(.u-unstyled) { margin-top: 20px; margin-bottom: 20px; } ol { margin-top: 20px; margin-bottom: 20px; } .u-post-content { margin-top: 20px; margin-bottom: 20px; } /** common-rules **/ /** publish-rules **/ /*begin-media rules*/ @media (max-width: 767px) { h1.u-title { font-size: 3.75rem; } } @media (max-width: 575px) { h1.u-title { font-size: 3rem; } } @media (max-width: 575px) { h2.u-subtitle { font-size: 1.5rem; } } @media (max-width: 575px) { h1:not(.u-title) { font-size: 2.25rem; } } @media (max-width: 575px) { h2:not(.u-subtitle) { font-size: 1.5rem; } } @media (max-width: 575px) { h3 { font-size: 1.5rem; } } /*end-media rules*/ /** publish-rules **/ /** cms-rules **/ /*begin-responsive rules*/ .u-sm h1.u-title { font-size: 3.75rem; } .u-xs h1.u-title { font-size: 3rem; } .u-xs h2.u-subtitle { font-size: 1.5rem; } .u-xs h1:not(.u-title) { font-size: 2.25rem; } .u-xs h2:not(.u-subtitle) { font-size: 1.5rem; } .u-xs h3 { font-size: 1.5rem; } /*end-responsive rules*/ /** cms-rules **/ /** color-rules **/ .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header :not(.u-nav-item) > a, .u-gradient > .u-container-layout > a, .u-image:not(.u-shading) > .u-container-layout > a, a { color: #478ac9; } .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header :not(.u-nav-item) > a:hover, .u-gradient > .u-container-layout > a:hover, .u-image:not(.u-shading) > .u-container-layout > a:hover, a:hover { color: #387cbd; } .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header :not(.u-nav-item) > .u-btn, .u-gradient > .u-container-layout > .u-btn, .u-image:not(.u-shading) > .u-container-layout > .u-btn, .u-btn { background-color: #478ac9; color: #ffffff; } .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header :not(.u-nav-item) > .u-btn:hover, .u-gradient > .u-container-layout > .u-btn:hover, .u-image:not(.u-shading) > .u-container-layout > .u-btn:hover, .u-btn:hover { background-color: #387cbd; color: #e6e6e6; } .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header :not(.u-nav-item) > .u-btn:focus, .u-gradient > .u-container-layout > .u-btn:focus, .u-image:not(.u-shading) > .u-container-layout > .u-btn:focus, .u-btn:focus { background-color: #387cbd; color: #e6e6e6; } .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header :not(.u-nav-item) > .u-btn:active, .u-gradient > .u-container-layout > .u-btn:active, .u-image:not(.u-shading) > .u-container-layout > .u-btn:active, .u-btn:active { background-color: #387cbd; color: #e6e6e6; } .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header :not(.u-nav-item) > blockquote, .u-gradient > .u-container-layout > blockquote, .u-image:not(.u-shading) > .u-container-layout > blockquote, blockquote { border-color: #478ac9; } /** color-rules **/ /** alt-color-rules **/ .u-body-color a,.u-palette-1-base a,.u-palette-1-dark-3 a,.u-palette-1-dark-2 a,.u-palette-1-dark-1 a,.u-palette-1 a,.u-palette-1-light-1 a,.u-palette-2-base a,.u-palette-2-dark-3 a,.u-palette-2-dark-2 a,.u-palette-2-dark-1 a,.u-palette-2 a,.u-palette-2-light-1 a,.u-palette-3-dark-3 a,.u-palette-3-dark-2 a,.u-palette-3-dark-1 a,.u-palette-4-base a,.u-palette-4-dark-3 a,.u-palette-4-dark-2 a,.u-palette-4-dark-1 a,.u-palette-5-dark-3 a,.u-palette-5-dark-2 a,.u-palette-5-dark-1 a,.u-grey-40 a,.u-grey-30 a,.u-grey-90 a,.u-grey-80 a,.u-grey-75 a,.u-black a,.u-grey-70 a,.u-grey-60 a,.u-grey-50 a,.u-grey-dark-3 a,.u-grey-dark-2 a,.u-grey-dark-1 a,.u-grey a,.u-shading a,.u-overlap-contrast .u-header a:not(.u-nav-link):not(.u-btn) { color: #adcce9; } .u-body-color a:hover,.u-palette-1-base a:hover,.u-palette-1-dark-3 a:hover,.u-palette-1-dark-2 a:hover,.u-palette-1-dark-1 a:hover,.u-palette-1 a:hover,.u-palette-1-light-1 a:hover,.u-palette-2-base a:hover,.u-palette-2-dark-3 a:hover,.u-palette-2-dark-2 a:hover,.u-palette-2-dark-1 a:hover,.u-palette-2 a:hover,.u-palette-2-light-1 a:hover,.u-palette-3-dark-3 a:hover,.u-palette-3-dark-2 a:hover,.u-palette-3-dark-1 a:hover,.u-palette-4-base a:hover,.u-palette-4-dark-3 a:hover,.u-palette-4-dark-2 a:hover,.u-palette-4-dark-1 a:hover,.u-palette-5-dark-3 a:hover,.u-palette-5-dark-2 a:hover,.u-palette-5-dark-1 a:hover,.u-grey-40 a:hover,.u-grey-30 a:hover,.u-grey-90 a:hover,.u-grey-80 a:hover,.u-grey-75 a:hover,.u-black a:hover,.u-grey-70 a:hover,.u-grey-60 a:hover,.u-grey-50 a:hover,.u-grey-dark-3 a:hover,.u-grey-dark-2 a:hover,.u-grey-dark-1 a:hover,.u-grey a:hover { color: #a1a1a1; } .u-body-color .u-btn,.u-palette-1-base .u-btn,.u-palette-1-dark-3 .u-btn,.u-palette-1-dark-2 .u-btn,.u-palette-1-dark-1 .u-btn,.u-palette-1 .u-btn,.u-palette-1-light-1 .u-btn,.u-palette-2-base .u-btn,.u-palette-2-dark-3 .u-btn,.u-palette-2-dark-2 .u-btn,.u-palette-2-dark-1 .u-btn,.u-palette-2 .u-btn,.u-palette-2-light-1 .u-btn,.u-palette-3-dark-3 .u-btn,.u-palette-3-dark-2 .u-btn,.u-palette-3-dark-1 .u-btn,.u-palette-4-base .u-btn,.u-palette-4-dark-3 .u-btn,.u-palette-4-dark-2 .u-btn,.u-palette-4-dark-1 .u-btn,.u-palette-5-dark-3 .u-btn,.u-palette-5-dark-2 .u-btn,.u-palette-5-dark-1 .u-btn,.u-grey-40 .u-btn,.u-grey-30 .u-btn,.u-grey-90 .u-btn,.u-grey-80 .u-btn,.u-grey-75 .u-btn,.u-black .u-btn,.u-grey-70 .u-btn,.u-grey-60 .u-btn,.u-grey-50 .u-btn,.u-grey-dark-3 .u-btn,.u-grey-dark-2 .u-btn,.u-grey-dark-1 .u-btn,.u-grey .u-btn,.u-shading .u-btn,.u-overlap-contrast .u-header .u-btn { background-color: #adcce9; color: #000000; } .u-body-color .u-btn:hover,.u-palette-1-base .u-btn:hover,.u-palette-1-dark-3 .u-btn:hover,.u-palette-1-dark-2 .u-btn:hover,.u-palette-1-dark-1 .u-btn:hover,.u-palette-1 .u-btn:hover,.u-palette-1-light-1 .u-btn:hover,.u-palette-2-base .u-btn:hover,.u-palette-2-dark-3 .u-btn:hover,.u-palette-2-dark-2 .u-btn:hover,.u-palette-2-dark-1 .u-btn:hover,.u-palette-2 .u-btn:hover,.u-palette-2-light-1 .u-btn:hover,.u-palette-3-dark-3 .u-btn:hover,.u-palette-3-dark-2 .u-btn:hover,.u-palette-3-dark-1 .u-btn:hover,.u-palette-4-base .u-btn:hover,.u-palette-4-dark-3 .u-btn:hover,.u-palette-4-dark-2 .u-btn:hover,.u-palette-4-dark-1 .u-btn:hover,.u-palette-5-dark-3 .u-btn:hover,.u-palette-5-dark-2 .u-btn:hover,.u-palette-5-dark-1 .u-btn:hover,.u-grey-40 .u-btn:hover,.u-grey-30 .u-btn:hover,.u-grey-90 .u-btn:hover,.u-grey-80 .u-btn:hover,.u-grey-75 .u-btn:hover,.u-black .u-btn:hover,.u-grey-70 .u-btn:hover,.u-grey-60 .u-btn:hover,.u-grey-50 .u-btn:hover,.u-grey-dark-3 .u-btn:hover,.u-grey-dark-2 .u-btn:hover,.u-grey-dark-1 .u-btn:hover,.u-grey .u-btn:hover,.u-shading .u-btn:hover,.u-overlap-contrast .u-header .u-btn:hover { background-color: #8db8e0; color: #ffffff; } .u-body-color .u-btn:active,.u-palette-1-base .u-btn:active,.u-palette-1-dark-3 .u-btn:active,.u-palette-1-dark-2 .u-btn:active,.u-palette-1-dark-1 .u-btn:active,.u-palette-1 .u-btn:active,.u-palette-1-light-1 .u-btn:active,.u-palette-2-base .u-btn:active,.u-palette-2-dark-3 .u-btn:active,.u-palette-2-dark-2 .u-btn:active,.u-palette-2-dark-1 .u-btn:active,.u-palette-2 .u-btn:active,.u-palette-2-light-1 .u-btn:active,.u-palette-3-dark-3 .u-btn:active,.u-palette-3-dark-2 .u-btn:active,.u-palette-3-dark-1 .u-btn:active,.u-palette-4-base .u-btn:active,.u-palette-4-dark-3 .u-btn:active,.u-palette-4-dark-2 .u-btn:active,.u-palette-4-dark-1 .u-btn:active,.u-palette-5-dark-3 .u-btn:active,.u-palette-5-dark-2 .u-btn:active,.u-palette-5-dark-1 .u-btn:active,.u-grey-40 .u-btn:active,.u-grey-30 .u-btn:active,.u-grey-90 .u-btn:active,.u-grey-80 .u-btn:active,.u-grey-75 .u-btn:active,.u-black .u-btn:active,.u-grey-70 .u-btn:active,.u-grey-60 .u-btn:active,.u-grey-50 .u-btn:active,.u-grey-dark-3 .u-btn:active,.u-grey-dark-2 .u-btn:active,.u-grey-dark-1 .u-btn:active,.u-grey .u-btn:active,.u-shading .u-btn:active,.u-overlap-contrast .u-header .u-btn:active { background-color: #8db8e0; color: #ffffff; } /** alt-color-rules **/ /*end-variables sitestylecss*/ /*begin-variables base-font-size*/ html { font-size: 16px; } /*end-variables base-font-size*/.u-section-2 {background-image: linear-gradient(0deg, rgba(128,128,128,0.7), rgba(128,128,128,0.7)), url("https://www.kroof.ch/images/nicepage-images/Ferblanterie7.jpg"); background-position: 50% 50%} .u-section-2 .u-sheet-1 {min-height: 500px} .u-section-2 .u-group-1 {min-height: 362px; width: 575px; background-image: none; margin: 138px auto 0 0} .u-section-2 .u-container-layout-1 {padding: 30px 0 9px} .u-section-2 .u-text-1 {text-transform: uppercase; font-size: 6rem; font-family: Oswald, sans-serif; font-weight: 400; margin: 0 0 0 30px} /*RESPONSIVE_MEDIA*/@media (max-width: 1199px){ .u-section-2 .u-sheet-1 {min-height: 734px} .u-section-2 .u-group-1 {width: 482px; margin-top: 60px} .u-section-2 .u-text-1 {margin-left: 0; font-size: 4.5rem} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 991px){ .u-section-2 .u-sheet-1 {min-height: 540px} .u-section-2 .u-container-layout-1 {padding-left: 0; padding-right: 0} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 767px){ .u-section-2 .u-sheet-1 {min-height: 640px} .u-section-2 .u-group-1 {width: 423px} .u-section-2 .u-text-1 {font-size: 4.0625rem} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 575px){ .u-section-2 .u-group-1 {width: 340px} .u-section-2 .u-text-1 {font-size: 3.75rem} }/*/RESPONSIVE_MEDIA*/ .u-section-3 .u-sheet-1 {min-height: 528px} .u-section-3 .u-gallery-1 {height: 408px; grid-template-columns: repeat(5, auto); gap: 15px; margin: 60px auto 0 0} .u-section-3 .u-back-image-1 {object-position: 50% 50%} .u-section-3 .u-over-slide-1 {background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)); padding: 20px} .u-section-3 .u-gallery-item-2 {box-shadow: 0 0 0 0 rgba(0,0,0,0)} .u-section-3 .u-back-image-2 {object-position: 50% 50%} .u-section-3 .u-over-slide-2 {background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)); transition-duration: 0.5s; padding: 20px} .u-section-3 .u-back-image-3 {object-position: 50% 50%} .u-section-3 .u-over-slide-3 {background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)); padding: 20px} .u-section-3 .u-back-image-4 {object-position: 50% 50%} .u-section-3 .u-over-slide-4 {background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)); padding: 20px} .u-section-3 .u-back-image-5 {object-position: 50% 50%} .u-section-3 .u-over-slide-5 {background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)); padding: 20px} .u-section-3 .u-gallery-item-6 {box-shadow: 0 0 0 0 rgba(0,0,0,0)} .u-section-3 .u-back-image-6 {object-position: 50% 100%} .u-section-3 .u-over-slide-6 {background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)); transition-duration: 0.5s; padding: 20px} .u-section-3 .u-gallery-item-7 {box-shadow: 0 0 0 0 rgba(0,0,0,0)} .u-section-3 .u-back-image-7 {object-position: 50% 50%} .u-section-3 .u-over-slide-7 {background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)); transition-duration: 0.5s; padding: 20px} .u-section-3 .u-gallery-item-8 {box-shadow: 0 0 0 0 rgba(0,0,0,0)} .u-section-3 .u-back-image-8 {object-position: 50% 50%} .u-section-3 .u-over-slide-8 {background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)); transition-duration: 0.5s; padding: 20px} .u-section-3 .u-gallery-item-9 {box-shadow: 0 0 0 0 rgba(0,0,0,0)} .u-section-3 .u-back-image-9 {object-position: 50% 50%} .u-section-3 .u-over-slide-9 {background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)); transition-duration: 0.5s; padding: 20px} .u-section-3 .u-gallery-item-10 {box-shadow: 0 0 0 0 rgba(0,0,0,0)} .u-section-3 .u-back-image-10 {object-position: 50% 50%} .u-section-3 .u-over-slide-10 {background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)); transition-duration: 0.5s; padding: 20px} .u-section-3 .u-gallery-2 {height: 408px; grid-template-columns: repeat(5, auto); gap: 15px; margin: 30px auto 0 0} .u-section-3 .u-back-image-11 {object-position: 50% 50%} .u-section-3 .u-over-slide-11 {background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)); padding: 20px} .u-section-3 .u-gallery-item-12 {box-shadow: 0 0 0 0 rgba(0,0,0,0)} .u-section-3 .u-back-image-12 {object-position: 50% 50%} .u-section-3 .u-over-slide-12 {background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)); transition-duration: 0.5s; padding: 20px} .u-section-3 .u-back-image-13 {object-position: 50% 50%} .u-section-3 .u-over-slide-13 {background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)); padding: 20px} .u-section-3 .u-back-image-14 {object-position: 50% 50%} .u-section-3 .u-over-slide-14 {background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)); padding: 20px} .u-section-3 .u-back-image-15 {object-position: 50% 50%} .u-section-3 .u-over-slide-15 {background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)); padding: 20px} .u-section-3 .u-gallery-item-16 {box-shadow: 0 0 0 0 rgba(0,0,0,0)} .u-section-3 .u-back-image-16 {object-position: 50% 100%} .u-section-3 .u-over-slide-16 {background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)); transition-duration: 0.5s; padding: 20px} .u-section-3 .u-gallery-item-17 {box-shadow: 0 0 0 0 rgba(0,0,0,0)} .u-section-3 .u-back-image-17 {object-position: 50% 50%} .u-section-3 .u-over-slide-17 {background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)); transition-duration: 0.5s; padding: 20px} .u-section-3 .u-gallery-item-18 {box-shadow: 0 0 0 0 rgba(0,0,0,0)} .u-section-3 .u-back-image-18 {object-position: 50% 50%} .u-section-3 .u-over-slide-18 {background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)); transition-duration: 0.5s; padding: 20px} .u-section-3 .u-gallery-item-19 {box-shadow: 0 0 0 0 rgba(0,0,0,0)} .u-section-3 .u-back-image-19 {object-position: 50% 50%} .u-section-3 .u-over-slide-19 {background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)); transition-duration: 0.5s; padding: 20px} .u-section-3 .u-gallery-item-20 {box-shadow: 0 0 0 0 rgba(0,0,0,0)} .u-section-3 .u-back-image-20 {object-position: 50% 50%} .u-section-3 .u-over-slide-20 {background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)); transition-duration: 0.5s; padding: 20px} .u-section-3 .u-gallery-3 {height: 408px; grid-template-columns: repeat(5, auto); gap: 15px; margin: 30px auto 60px 0} .u-section-3 .u-back-image-21 {object-position: 50% 50%} .u-section-3 .u-over-slide-21 {background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)); padding: 20px} .u-section-3 .u-gallery-item-22 {box-shadow: 0 0 0 0 rgba(0,0,0,0)} .u-section-3 .u-back-image-22 {object-position: 50% 50%} .u-section-3 .u-over-slide-22 {background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)); transition-duration: 0.5s; padding: 20px} .u-section-3 .u-back-image-23 {object-position: 50% 50%} .u-section-3 .u-over-slide-23 {background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)); padding: 20px} .u-section-3 .u-back-image-24 {object-position: 50% 50%} .u-section-3 .u-over-slide-24 {background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)); padding: 20px} .u-section-3 .u-back-image-25 {object-position: 50% 50%} .u-section-3 .u-over-slide-25 {background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)); padding: 20px} .u-section-3 .u-gallery-item-26 {box-shadow: 0 0 0 0 rgba(0,0,0,0)} .u-section-3 .u-back-image-26 {object-position: 50% 100%} .u-section-3 .u-over-slide-26 {background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)); transition-duration: 0.5s; padding: 20px} .u-section-3 .u-gallery-item-27 {box-shadow: 0 0 0 0 rgba(0,0,0,0)} .u-section-3 .u-back-image-27 {object-position: 50% 50%} .u-section-3 .u-over-slide-27 {background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)); transition-duration: 0.5s; padding: 20px} .u-section-3 .u-gallery-item-28 {box-shadow: 0 0 0 0 rgba(0,0,0,0)} .u-section-3 .u-back-image-28 {object-position: 50% 50%} .u-section-3 .u-over-slide-28 {background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)); transition-duration: 0.5s; padding: 20px} .u-section-3 .u-gallery-item-29 {box-shadow: 0 0 0 0 rgba(0,0,0,0)} .u-section-3 .u-back-image-29 {object-position: 50% 50%} .u-section-3 .u-over-slide-29 {background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)); transition-duration: 0.5s; padding: 20px} .u-section-3 .u-gallery-item-30 {box-shadow: 0 0 0 0 rgba(0,0,0,0)} .u-section-3 .u-back-image-30 {object-position: 50% 50%} .u-section-3 .u-over-slide-30 {background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)); transition-duration: 0.5s; padding: 20px} /*RESPONSIVE_MEDIA*/@media (max-width: 1199px){ .u-section-3 .u-sheet-1 {min-height: 385px} .u-section-3 .u-gallery-1 {height: 336px; margin-right: initial; margin-left: initial} .u-section-3 .u-back-slide-1 {background-position: 50% 50%} .u-section-3 .u-back-slide-2 {background-position: 50% 50%} .u-section-3 .u-back-slide-3 {background-position: 50% 50%} .u-section-3 .u-back-slide-4 {background-position: 50% 50%} .u-section-3 .u-back-slide-5 {background-position: 50% 50%} .u-section-3 .u-back-slide-6 {background-position: 50% 100%} .u-section-3 .u-back-slide-7 {background-position: 50% 50%} .u-section-3 .u-back-slide-8 {background-position: 50% 50%} .u-section-3 .u-back-slide-9 {background-position: 50% 50%} .u-section-3 .u-back-slide-10 {background-position: 50% 50%} .u-section-3 .u-gallery-2 {height: 336px; margin-right: initial; margin-left: initial} .u-section-3 .u-gallery-3 {height: 336px; margin-right: initial; margin-left: initial} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 991px){ .u-section-3 .u-gallery-1 {height: 1543px; grid-template-columns: repeat(2, auto); margin-right: initial; margin-left: initial} .u-section-3 .u-gallery-2 {height: 859px; grid-template-columns: repeat(3, auto); margin-right: initial; margin-left: initial} .u-section-3 .u-gallery-3 {height: 859px; grid-template-columns: repeat(3, auto); margin-right: initial; margin-left: initial} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 767px){ .u-section-3 .u-sheet-1 {min-height: 3471px} .u-section-3 .u-gallery-1 {height: 4629px; grid-template-columns: repeat(1, auto); margin-right: initial; margin-left: initial} .u-section-3 .u-gallery-2 {height: 1208px; grid-template-columns: repeat(2, auto); margin-right: initial; margin-left: initial} .u-section-3 .u-gallery-3 {height: 1208px; grid-template-columns: repeat(2, auto); margin-right: initial; margin-left: initial} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 575px){ .u-section-3 .u-sheet-1 {min-height: 1756px} .u-section-3 .u-gallery-1 {height: 2914px; margin-right: initial; margin-left: initial} .u-section-3 .u-gallery-2 {height: 3042px; grid-template-columns: repeat(1, auto); margin-right: initial; margin-left: initial} .u-section-3 .u-gallery-3 {height: 3042px; grid-template-columns: repeat(1, auto); margin-right: initial; margin-left: initial} }/*/RESPONSIVE_MEDIA*/ default