var body = document.body; body.className += " u-body u-overlap"; body.style.cssText += " "; (function ($) { var ResponsiveCms = window.ResponsiveCms; if (!ResponsiveCms) { return; } ResponsiveCms.contentDom = $('script:last').parent(); ResponsiveCms.mediaStyleUrl = "/administrator/components/com_nicepage/assets/css/media.css"; ResponsiveCms.responsiveStyleUrl = "/administrator/components/com_nicepage/assets/css/responsive.css"; if (typeof ResponsiveCms.recalcClasses === 'function') { ResponsiveCms.recalcClasses(); } })(jQuery); Devis Gratuit contactez-nous Avec le formulaire ci-dessous, vous pouvez demander un devis gratuit ou des informations supplémentaires. L'information ne coûte rien! > Liens Utiles Softly Notes MusicHTML Schools (Anglais)Bootstrap 4 (Anglais) Gimp Logiciel de dessin gratuitNikon Retouche photo gratuite Pages Notre OffreAffiliation Devis GratuitA propos de nous RGPD Droit Privé Notre Adresse Place Bara 18 boîte 241070 BruxellesTEL: 0479 87 37 31 .u-body { font-family: 'Open Sans',sans-serif; } h1, h2, h3, h4, h5, h6 { font-family: Roboto,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: Roboto,sans-serif !important; }/*begin-color color-4*/ .u-color-4, .u-body.u-color-4, .u-container-style.u-color-4:before { color: #ffffff; background-color: #6e52c7; } .u-button-style.u-color-4, .u-button-style.u-color-4[class*="u-border-"] { color: #ffffff !important; background-color: #6e52c7 !important; } .u-button-style.u-color-4:hover, .u-button-style.u-color-4[class*="u-border-"]:hover { color: white !important; background-color: #5d3ebf !important; } a.u-button-style.u-hover-color-4:hover, a.u-button-style.u-hover-color-4[class*="u-border-"]:hover, a.u-btn.u-active-color-4[href]:active, a.u-btn.u-active-color-4[class*="u-border-"][href]:active, a.u-nav-link.u-active-color-4[href].active, a.u-nav-link.u-active-color-4[class*="u-border-"][href].active { color: #ffffff !important; background-color: #6e52c7 !important; } a.u-link.u-hover-color-4:hover { color: #6e52c7 !important; } /*end-color color-4*//*begin-color palette-1*/ .u-palette-1, .u-body.u-palette-1, .u-container-style.u-palette-1:before { color: #ffffff; background-color: #4284ff; } .u-button-style.u-palette-1, .u-button-style.u-palette-1[class*="u-border-"] { color: #ffffff !important; background-color: #4284ff !important; } .u-button-style.u-palette-1:hover, .u-button-style.u-palette-1[class*="u-border-"]:hover { color: white !important; background-color: #226fff !important; } a.u-button-style.u-hover-palette-1:hover, a.u-button-style.u-hover-palette-1[class*="u-border-"]:hover, a.u-btn.u-active-palette-1[href]:active, a.u-btn.u-active-palette-1[class*="u-border-"][href]:active, a.u-nav-link.u-active-palette-1[href].active, a.u-nav-link.u-active-palette-1[class*="u-border-"][href].active { color: #ffffff !important; background-color: #4284ff !important; } a.u-link.u-hover-palette-1:hover { color: #4284ff !important; } /*end-color palette-1*//*begin-color palette-1-light-2*/ .u-palette-1-light-2, .u-body.u-palette-1-light-2, .u-container-style.u-palette-1-light-2:before { color: #111111; background-color: #b3ceff; } .u-button-style.u-palette-1-light-2, .u-button-style.u-palette-1-light-2[class*="u-border-"] { color: #111111 !important; background-color: #b3ceff !important; } .u-button-style.u-palette-1-light-2:hover, .u-button-style.u-palette-1-light-2[class*="u-border-"]:hover { color: white !important; background-color: #88b2ff !important; } a.u-button-style.u-hover-palette-1-light-2:hover, a.u-button-style.u-hover-palette-1-light-2[class*="u-border-"]:hover, a.u-btn.u-active-palette-1-light-2[href]:active, a.u-btn.u-active-palette-1-light-2[class*="u-border-"][href]:active, a.u-nav-link.u-active-palette-1-light-2[href].active, a.u-nav-link.u-active-palette-1-light-2[class*="u-border-"][href].active { color: #111111 !important; background-color: #b3ceff !important; } a.u-link.u-hover-palette-1-light-2:hover { color: #b3ceff !important; } /*end-color palette-1-light-2*//*begin-color color-4*/ .u-border-color-4, .u-separator-color-4:after { border-color: #6e52c7; } .u-link.u-border-color-4[class*="u-border-"] { border-color: #6e52c7; } .u-link.u-border-color-4[class*="u-border-"]:hover { border-color: #5d3ebf; } .u-btn.u-border-color-4 { color: #6e52c7 !important; } .u-button-style.u-border-color-4 { border-color: #6e52c7 !important; background-color: transparent !important; } .u-btn.u-border-color-4:hover { color: #ffffff !important; background-color: #6e52c7 !important; } a.u-btn.u-border-hover-color-4:hover, a.u-btn.u-border-active-color-4[href]:active { color: #6e52c7 !important; background-color: transparent !important; } a.u-button-style.u-border-hover-color-4:hover, a.u-button-style.u-border-active-color-4[href]:active, a.u-nav-link.u-border-active-color-4[href].active { border-color: #6e52c7 !important; } /*end-color color-4*//*begin-color palette-1*/ .u-border-palette-1, .u-separator-palette-1:after { border-color: #4284ff; } .u-link.u-border-palette-1[class*="u-border-"] { border-color: #4284ff; } .u-link.u-border-palette-1[class*="u-border-"]:hover { border-color: #226fff; } .u-btn.u-border-palette-1 { color: #4284ff !important; } .u-button-style.u-border-palette-1 { border-color: #4284ff !important; background-color: transparent !important; } .u-btn.u-border-palette-1:hover { color: #ffffff !important; background-color: #4284ff !important; } a.u-btn.u-border-hover-palette-1:hover, a.u-btn.u-border-active-palette-1[href]:active { color: #4284ff !important; background-color: transparent !important; } a.u-button-style.u-border-hover-palette-1:hover, a.u-button-style.u-border-active-palette-1[href]:active, a.u-nav-link.u-border-active-palette-1[href].active { border-color: #4284ff !important; } /*end-color palette-1*//*begin-color palette-1-light-2*/ .u-border-palette-1-light-2, .u-separator-palette-1-light-2:after { border-color: #b3ceff; } .u-link.u-border-palette-1-light-2[class*="u-border-"] { border-color: #b3ceff; } .u-link.u-border-palette-1-light-2[class*="u-border-"]:hover { border-color: #88b2ff; } .u-btn.u-border-palette-1-light-2 { color: #b3ceff !important; } .u-button-style.u-border-palette-1-light-2 { border-color: #b3ceff !important; background-color: transparent !important; } .u-btn.u-border-palette-1-light-2:hover { color: #111111 !important; background-color: #b3ceff !important; } a.u-btn.u-border-hover-palette-1-light-2:hover, a.u-btn.u-border-active-palette-1-light-2[href]:active { color: #b3ceff !important; background-color: transparent !important; } a.u-button-style.u-border-hover-palette-1-light-2:hover, a.u-button-style.u-border-active-palette-1-light-2[href]:active, a.u-nav-link.u-border-active-palette-1-light-2[href].active { border-color: #b3ceff !important; } /*end-color palette-1-light-2*//*begin-color color-4*/ .u-text-color-4, .u-text-color-4 a, a.u-button-style.u-text-color-4, a.u-button-style.u-text-color-4[class*="u-border-"] { color: #6e52c7 !important; } .u-link.u-text-color-4:hover, a.u-nav-link.u-text-color-4:hover { color: #5d3ebf !important; } .u-link.u-text-hover-color-4:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-color-4:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-active-color-4.active, .u-popupmenu-items.u-text-hover-color-4:hover .u-nav-link, .u-popupmenu-items.u-text-hover-color-4.active .u-nav-link { color: #6e52c7 !important; } .u-text-color-4 svg { fill: #6e52c7; } /*end-color color-4*//*begin-color palette-1*/ .u-text-palette-1, .u-text-palette-1 a, a.u-button-style.u-text-palette-1, a.u-button-style.u-text-palette-1[class*="u-border-"] { color: #4284ff !important; } .u-link.u-text-palette-1:hover, a.u-nav-link.u-text-palette-1:hover { color: #226fff !important; } .u-link.u-text-hover-palette-1:hover, :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-text-active-palette-1.active, .u-popupmenu-items.u-text-hover-palette-1:hover .u-nav-link, .u-popupmenu-items.u-text-hover-palette-1.active .u-nav-link { color: #4284ff !important; } .u-text-palette-1 svg { fill: #4284ff; } /*end-color palette-1*//*begin-color palette-1-light-2*/ .u-text-palette-1-light-2, .u-text-palette-1-light-2 a, a.u-button-style.u-text-palette-1-light-2, a.u-button-style.u-text-palette-1-light-2[class*="u-border-"] { color: #b3ceff !important; } .u-link.u-text-palette-1-light-2:hover, a.u-nav-link.u-text-palette-1-light-2:hover { color: #88b2ff !important; } .u-link.u-text-hover-palette-1-light-2:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-palette-1-light-2:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-active-palette-1-light-2.active, .u-popupmenu-items.u-text-hover-palette-1-light-2:hover .u-nav-link, .u-popupmenu-items.u-text-hover-palette-1-light-2.active .u-nav-link { color: #b3ceff !important; } .u-text-palette-1-light-2 svg { fill: #b3ceff; } /*end-color palette-1-light-2*//*begin-variables sitestylecss*//*begin-color custom-color-4*/ .u-custom-color-4, .u-body.u-custom-color-4, .u-container-style.u-custom-color-4:before { color: #ffffff; background-color: #344358; } .u-button-style.u-custom-color-4, .u-button-style.u-custom-color-4[class*="u-border-"] { color: #ffffff !important; background-color: #344358 !important; } .u-button-style.u-custom-color-4:hover, .u-button-style.u-custom-color-4[class*="u-border-"]:hover { color: white !important; background-color: #2f3c4f !important; } a.u-button-style.u-hover-custom-color-4:hover, a.u-button-style.u-hover-custom-color-4[class*="u-border-"]:hover, a.u-btn.u-active-custom-color-4[href]:active, a.u-btn.u-active-custom-color-4[class*="u-border-"][href]:active, a.u-nav-link.u-active-custom-color-4[href].active, a.u-nav-link.u-active-custom-color-4[class*="u-border-"][href].active { color: #ffffff !important; background-color: #344358 !important; } a.u-link.u-hover-custom-color-4:hover { color: #344358 !important; } /*end-color custom-color-4*//*begin-color custom-color-4*/ .u-border-custom-color-4, .u-separator-custom-color-4:after { border-color: #344358; } .u-link.u-border-custom-color-4[class*="u-border-"] { border-color: #344358; } .u-link.u-border-custom-color-4[class*="u-border-"]:hover { border-color: #2f3c4f; } .u-btn.u-border-custom-color-4 { color: #344358 !important; } .u-button-style.u-border-custom-color-4 { border-color: #344358 !important; background-color: transparent !important; } .u-btn.u-border-custom-color-4:hover { color: #ffffff !important; background-color: #344358 !important; } a.u-btn.u-border-hover-custom-color-4:hover, a.u-btn.u-border-active-custom-color-4[href]:active { color: #344358 !important; background-color: transparent !important; } a.u-button-style.u-border-hover-custom-color-4:hover, a.u-button-style.u-border-active-custom-color-4[href]:active, a.u-nav-link.u-border-active-custom-color-4[href].active { border-color: #344358 !important; } /*end-color custom-color-4*//*begin-color custom-color-4*/ .u-text-custom-color-4, .u-text-custom-color-4 a, a.u-button-style.u-text-custom-color-4, a.u-button-style.u-text-custom-color-4[class*="u-border-"] { color: #344358 !important; } .u-link.u-text-custom-color-4:hover, a.u-nav-link.u-text-custom-color-4:hover { color: #2f3c4f !important; } .u-link.u-text-hover-custom-color-4:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-custom-color-4:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-active-custom-color-4.active, .u-popupmenu-items.u-text-hover-custom-color-4:hover .u-nav-link, .u-popupmenu-items.u-text-hover-custom-color-4.active .u-nav-link { color: #344358 !important; } .u-text-custom-color-4 svg { fill: #344358; } /*end-color custom-color-4*/h1.u-title { font-weight: 700; line-height: 1.1; font-size: 6rem; margin-top: 20px; margin-bottom: 20px; } h2.u-subtitle { font-weight: 700; line-height: 1.2; font-size: 2.25rem; margin-top: 20px; margin-bottom: 20px; } h1:not(.u-title) { font-weight: 700; line-height: 1.1; font-size: 4.5rem; margin-top: 20px; margin-bottom: 20px; } h2:not(.u-subtitle) { font-weight: 700; line-height: 1.2; font-size: 3rem; margin-top: 20px; margin-bottom: 20px; } h3 { font-weight: 700; line-height: 1.2; font-size: 2.25rem; margin-top: 20px; margin-bottom: 20px; } h4 { font-weight: 700; line-height: 1.2; font-size: 1.875rem; margin-top: 20px; margin-bottom: 20px; } h5 { font-weight: 700; line-height: 1.2; font-size: 1.5rem; margin-top: 20px; margin-bottom: 20px; } h6 { font-weight: 700; line-height: 1.2; font-size: 1.25rem; margin-top: 20px; margin-bottom: 20px; } p.u-large-text { font-weight: 400; line-height: 1.6; font-size: 1.5rem; margin-top: 20px; margin-bottom: 20px; } p:not(.u-text-variant) { font-weight: 400; line-height: 1.6; font-size: 1.25rem; margin-top: 20px; margin-bottom: 20px; } p.u-small-text { font-weight: 400; line-height: 1.6; font-size: 0.875rem; margin-top: 20px; margin-bottom: 20px; } .u-link, a { letter-spacing: 1px; line-height: 1.8; margin-top: 20px; margin-bottom: 20px; } .u-btn { letter-spacing: 1px; font-size: 1rem; line-height: 1.4; margin-top: 20px; margin-bottom: 20px; } blockquote { font-style: italic; line-height: 1.6; font-size: 1.25rem; padding-left: 20px; border-width: 4px; margin-top: 20px; margin-bottom: 20px; } .u-metadata { font-size: 0.75rem; line-height: 1.4; 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; } .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header .u-link, .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header a, .u-gradient > .u-container-layout > .u-link, .u-gradient > .u-container-layout > a, .u-image:not(.u-shading) > .u-container-layout > .u-link, .u-image:not(.u-shading) > .u-container-layout > a, .u-link, a { color: #4284ff; } .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header .u-link:hover, .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header a:hover, .u-gradient > .u-container-layout > .u-link:hover, .u-gradient > .u-container-layout > a:hover, .u-image:not(.u-shading) > .u-container-layout > .u-link:hover, .u-image:not(.u-shading) > .u-container-layout > a:hover, .u-link:hover, a:hover { color: #226fff; } .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header .u-btn, .u-gradient > .u-container-layout > .u-btn, .u-image:not(.u-shading) > .u-container-layout > .u-btn, .u-btn { background-color: #4284ff; color: #ffffff; } .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header .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: #226fff; color: #e6e6e6; } .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header blockquote, .u-gradient > .u-container-layout > blockquote, .u-image:not(.u-shading) > .u-container-layout > blockquote, blockquote { border-color: #4284ff; } .u-custom-color-1 .u-link, .u-custom-color-1 a,.u-custom-color-2 .u-link, .u-custom-color-2 a,.u-custom-color-3 .u-link, .u-custom-color-3 a,.u-custom-color-4 .u-link, .u-custom-color-4 a,.u-body-color .u-link, .u-body-color a,.u-palette-1-base .u-link, .u-palette-1-base a,.u-palette-1-dark-3 .u-link, .u-palette-1-dark-3 a,.u-palette-1-dark-2 .u-link, .u-palette-1-dark-2 a,.u-palette-1-dark-1 .u-link, .u-palette-1-dark-1 a,.u-palette-1 .u-link, .u-palette-1 a,.u-palette-1-light-1 .u-link, .u-palette-1-light-1 a,.u-palette-2-base .u-link, .u-palette-2-base a,.u-palette-2-dark-3 .u-link, .u-palette-2-dark-3 a,.u-palette-2-dark-2 .u-link, .u-palette-2-dark-2 a,.u-palette-2-dark-1 .u-link, .u-palette-2-dark-1 a,.u-palette-2 .u-link, .u-palette-2 a,.u-palette-2-light-1 .u-link, .u-palette-2-light-1 a,.u-palette-3-base .u-link, .u-palette-3-base a,.u-palette-3-dark-3 .u-link, .u-palette-3-dark-3 a,.u-palette-3-dark-2 .u-link, .u-palette-3-dark-2 a,.u-palette-3-dark-1 .u-link, .u-palette-3-dark-1 a,.u-palette-4-base .u-link, .u-palette-4-base a,.u-palette-4-dark-3 .u-link, .u-palette-4-dark-3 a,.u-palette-4-dark-2 .u-link, .u-palette-4-dark-2 a,.u-palette-4-dark-1 .u-link, .u-palette-4-dark-1 a,.u-palette-4 .u-link, .u-palette-4 a,.u-palette-4-light-1 .u-link, .u-palette-4-light-1 a,.u-palette-4-light-2 .u-link, .u-palette-4-light-2 a,.u-palette-5-base .u-link, .u-palette-5-base a,.u-palette-5-dark-3 .u-link, .u-palette-5-dark-3 a,.u-palette-5-dark-2 .u-link, .u-palette-5-dark-2 a,.u-palette-5-dark-1 .u-link, .u-palette-5-dark-1 a,.u-palette-5 .u-link, .u-palette-5 a,.u-palette-5-light-1 .u-link, .u-palette-5-light-1 a,.u-grey-40 .u-link, .u-grey-40 a,.u-grey-30 .u-link, .u-grey-30 a,.u-grey-90 .u-link, .u-grey-90 a,.u-grey-80 .u-link, .u-grey-80 a,.u-grey-75 .u-link, .u-grey-75 a,.u-black .u-link, .u-black a,.u-grey-70 .u-link, .u-grey-70 a,.u-grey-60 .u-link, .u-grey-60 a,.u-grey-50 .u-link, .u-grey-50 a,.u-grey-dark-3 .u-link, .u-grey-dark-3 a,.u-grey-dark-2 .u-link, .u-grey-dark-2 a,.u-grey-dark-1 .u-link, .u-grey-dark-1 a,.u-grey .u-link, .u-grey a,.u-shading .u-link, .u-shading a,.u-overlap-contrast .u-header .u-link, .u-overlap-contrast .u-header a { color: #b3ceff; } .u-custom-color-1 .u-link:hover, .u-custom-color-1 a:hover,.u-custom-color-2 .u-link:hover, .u-custom-color-2 a:hover,.u-custom-color-3 .u-link:hover, .u-custom-color-3 a:hover,.u-custom-color-4 .u-link:hover, .u-custom-color-4 a:hover,.u-body-color .u-link:hover, .u-body-color a:hover,.u-palette-1-base .u-link:hover, .u-palette-1-base a:hover,.u-palette-1-dark-3 .u-link:hover, .u-palette-1-dark-3 a:hover,.u-palette-1-dark-2 .u-link:hover, .u-palette-1-dark-2 a:hover,.u-palette-1-dark-1 .u-link:hover, .u-palette-1-dark-1 a:hover,.u-palette-1 .u-link:hover, .u-palette-1 a:hover,.u-palette-1-light-1 .u-link:hover, .u-palette-1-light-1 a:hover,.u-palette-2-base .u-link:hover, .u-palette-2-base a:hover,.u-palette-2-dark-3 .u-link:hover, .u-palette-2-dark-3 a:hover,.u-palette-2-dark-2 .u-link:hover, .u-palette-2-dark-2 a:hover,.u-palette-2-dark-1 .u-link:hover, .u-palette-2-dark-1 a:hover,.u-palette-2 .u-link:hover, .u-palette-2 a:hover,.u-palette-2-light-1 .u-link:hover, .u-palette-2-light-1 a:hover,.u-palette-3-base .u-link:hover, .u-palette-3-base a:hover,.u-palette-3-dark-3 .u-link:hover, .u-palette-3-dark-3 a:hover,.u-palette-3-dark-2 .u-link:hover, .u-palette-3-dark-2 a:hover,.u-palette-3-dark-1 .u-link:hover, .u-palette-3-dark-1 a:hover,.u-palette-4-base .u-link:hover, .u-palette-4-base a:hover,.u-palette-4-dark-3 .u-link:hover, .u-palette-4-dark-3 a:hover,.u-palette-4-dark-2 .u-link:hover, .u-palette-4-dark-2 a:hover,.u-palette-4-dark-1 .u-link:hover, .u-palette-4-dark-1 a:hover,.u-palette-4 .u-link:hover, .u-palette-4 a:hover,.u-palette-4-light-1 .u-link:hover, .u-palette-4-light-1 a:hover,.u-palette-4-light-2 .u-link:hover, .u-palette-4-light-2 a:hover,.u-palette-5-base .u-link:hover, .u-palette-5-base a:hover,.u-palette-5-dark-3 .u-link:hover, .u-palette-5-dark-3 a:hover,.u-palette-5-dark-2 .u-link:hover, .u-palette-5-dark-2 a:hover,.u-palette-5-dark-1 .u-link:hover, .u-palette-5-dark-1 a:hover,.u-palette-5 .u-link:hover, .u-palette-5 a:hover,.u-palette-5-light-1 .u-link:hover, .u-palette-5-light-1 a:hover,.u-grey-40 .u-link:hover, .u-grey-40 a:hover,.u-grey-30 .u-link:hover, .u-grey-30 a:hover,.u-grey-90 .u-link:hover, .u-grey-90 a:hover,.u-grey-80 .u-link:hover, .u-grey-80 a:hover,.u-grey-75 .u-link:hover, .u-grey-75 a:hover,.u-black .u-link:hover, .u-black a:hover,.u-grey-70 .u-link:hover, .u-grey-70 a:hover,.u-grey-60 .u-link:hover, .u-grey-60 a:hover,.u-grey-50 .u-link:hover, .u-grey-50 a:hover,.u-grey-dark-3 .u-link:hover, .u-grey-dark-3 a:hover,.u-grey-dark-2 .u-link:hover, .u-grey-dark-2 a:hover,.u-grey-dark-1 .u-link:hover, .u-grey-dark-1 a:hover,.u-grey .u-link:hover, .u-grey a:hover { color: #e6e6e6; } .u-custom-color-1 .u-btn,.u-custom-color-2 .u-btn,.u-custom-color-3 .u-btn,.u-custom-color-4 .u-btn,.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-base .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-4 .u-btn,.u-palette-4-light-1 .u-btn,.u-palette-4-light-2 .u-btn,.u-palette-5-base .u-btn,.u-palette-5-dark-3 .u-btn,.u-palette-5-dark-2 .u-btn,.u-palette-5-dark-1 .u-btn,.u-palette-5 .u-btn,.u-palette-5-light-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: #b3ceff; color: #000000; } .u-custom-color-1 .u-btn:hover,.u-custom-color-2 .u-btn:hover,.u-custom-color-3 .u-btn:hover,.u-custom-color-4 .u-btn:hover,.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-base .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-4 .u-btn:hover,.u-palette-4-light-1 .u-btn:hover,.u-palette-4-light-2 .u-btn:hover,.u-palette-5-base .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-palette-5 .u-btn:hover,.u-palette-5-light-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: #88b2ff; color: #000000; } /*end-variables sitestylecss*/ /*begin-variables base-font-size*/ html { font-size: 16px; } /*end-variables base-font-size*/.u-section-1 {background-image: linear-gradient(0deg, rgba(0,0,0,0.05), rgba(0,0,0,0.05)), url("https://softlynotes.com/images/nicepage-images/header.jpg"); background-position: 50% 50%} .u-section-1 .u-sheet-1 {min-height: 339px} .u-section-1 .u-group-1 {width: 1131px; min-height: 339px; margin: 0 0 0 auto} .u-section-1 .u-container-layout-1 {padding: 30px 60px 30px 0} .u-section-1 .u-text-1 {text-shadow: 0 2px 8px rgba(128,128,128,1); font-size: 4.5rem; margin: 100px 0 0} /*RESPONSIVE_MEDIA*/@media (max-width: 1199px){ .u-section-1 .u-sheet-1 {min-height: 279px} .u-section-1 .u-group-1 {width: 940px; min-height: 279px; height: auto} .u-section-1 .u-text-1 {margin-top: 70px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 991px){ .u-section-1 .u-sheet-1 {min-height: 214px} .u-section-1 .u-group-1 {width: 720px; min-height: 214px} .u-section-1 .u-container-layout-1 {padding-left: 0; padding-right: 30px} .u-section-1 .u-text-1 {margin-top: 37px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 767px){ .u-section-1 .u-sheet-1 {min-height: 161px} .u-section-1 .u-group-1 {width: 540px; min-height: 161px} .u-section-1 .u-container-layout-1 {padding-right: 10px} .u-section-1 .u-text-1 {margin-top: 19px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 575px){ .u-section-1 .u-sheet-1 {min-height: 225px} .u-section-1 .u-group-1 {min-height: 102px; margin-top: 118px; margin-bottom: 6px; margin-right: initial; margin-left: initial; width: auto} .u-section-1 .u-text-1 {font-size: 1.875rem; margin-top: 9px} }/*/RESPONSIVE_MEDIA*/ .u-section-2 {background-image: linear-gradient(0deg, rgba(0,0,0,0.25), rgba(0,0,0,0.25)), url("https://softlynotes.com/images/nicepage-images/5-0.jpg"); background-position: 50% 50%} .u-section-2 .u-sheet-1 {min-height: 470px} .u-section-2 .u-group-1 {width: 900px; min-height: 317px; margin: 35px auto 45px 114px} .u-section-2 .u-container-layout-1 {padding: 30px 60px} .u-section-2 .u-text-1 {text-shadow: 0 2px 8px rgba(128,128,128,1); font-size: 6rem; margin: 14px 0 0} .u-section-2 .u-text-2 {font-weight: 700; animation-duration: 1000ms; margin: 23px 0 0} /*RESPONSIVE_MEDIA*/@media (max-width: 1199px){ .u-section-2 .u-sheet-1 {min-height: 388px} .u-section-2 .u-group-1 {min-height: 330px; height: auto; margin-left: 40px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 991px){ .u-section-2 .u-sheet-1 {min-height: 297px} .u-section-2 .u-group-1 {width: 720px; min-height: 253px; margin-left: auto} .u-section-2 .u-container-layout-1 {padding-left: 30px; padding-right: 30px} .u-section-2 .u-text-1 {font-size: 4.5rem} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 767px){ .u-section-2 .u-sheet-1 {min-height: 223px} .u-section-2 .u-group-1 {width: 540px; min-height: 190px} .u-section-2 .u-container-layout-1 {padding-left: 10px; padding-right: 10px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 575px){ .u-section-2 .u-sheet-1 {min-height: 266px} .u-section-2 .u-group-1 {min-height: 254px; margin-top: 6px; margin-bottom: 6px; margin-right: initial; margin-left: initial; width: auto} .u-section-2 .u-text-1 {font-size: 2.25rem; margin: -16px 0 0} .u-section-2 .u-text-2 {font-size: 1.25rem; margin: 6px 0 0} }/*/RESPONSIVE_MEDIA*/ .u-section-3 .u-sheet-1 {min-height: 500px} .u-section-3 .u-layout-wrap-1 {margin: 0 auto 0 0} .u-section-3 .u-layout-cell-1 {min-height: 500px} .u-section-3 .u-container-layout-1 {padding: 30px} .u-section-3 .u-custom-html-1 {min-height: 1011px; width: 797px; margin: -30px auto 0} /*RESPONSIVE_MEDIA*/@media (max-width: 1199px){ .u-section-3 .u-sheet-1 {min-height: 100px} .u-section-3 .u-layout-wrap-1 {margin-right: initial; margin-left: initial} .u-section-3 .u-layout-cell-1 {min-height: 1237px} .u-section-3 .u-custom-html-1 {min-height: 1207px; height: auto; width: 785px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 991px){ .u-section-3 .u-layout-cell-1 {min-height: 100px} .u-section-3 .u-custom-html-1 {width: 660px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 767px){ .u-section-3 .u-layout-cell-1 {min-height: 1175px} .u-section-3 .u-container-layout-1 {padding-left: 10px; padding-right: 10px} .u-section-3 .u-custom-html-1 {margin-right: initial; margin-left: initial; width: auto} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 575px){ .u-section-3 .u-sheet-1 {min-height: 1195px} .u-section-3 .u-layout-cell-1 {min-height: 1195px} .u-section-3 .u-custom-html-1 {min-height: 1207px; margin-bottom: 0; width: auto; margin-right: initial; margin-left: initial} }/*/RESPONSIVE_MEDIA*/ .u-section-4 {background-image: none} .u-section-4 .u-sheet-1 {min-height: 300px} .u-section-4 .u-layout-wrap-1 {margin: 26px auto 36px 0} .u-section-4 .u-layout-cell-1 {min-height: 268px} .u-section-4 .u-container-layout-1 {padding: 30px 4px 30px 30px} .u-section-4 .u-text-1 {margin: 0} .u-section-4 .u-text-2 {font-size: 1rem; margin: 26px 0 0} .u-section-4 .u-layout-cell-2 {min-height: 268px} .u-section-4 .u-container-layout-2 {padding: 30px} .u-section-4 .u-text-3 {margin: 0} .u-section-4 .u-text-4 {font-size: 1rem; margin: 20px 0 0} .u-section-4 .u-layout-cell-3 {min-height: 268px} .u-section-4 .u-container-layout-3 {padding: 30px} .u-section-4 .u-text-5 {margin: 0} .u-section-4 .u-text-6 {font-size: 1rem; margin: 20px 0 0} .u-section-4 .u-layout-cell-4 {min-height: 268px} .u-section-4 .u-container-layout-4 {padding: 30px} .u-section-4 .u-image-1 {width: 166px; height: 30px; margin: 0 auto 0 13px} .u-section-4 .u-image-2 {width: 101px; height: 107px; margin: 40px auto 0 46px} /*RESPONSIVE_MEDIA*/@media (max-width: 1199px){ .u-section-4 .u-sheet-1 {min-height: 427px} .u-section-4 .u-layout-wrap-1 {margin-right: initial; margin-left: initial} .u-section-4 .u-layout-cell-1 {min-height: 337px} .u-section-4 .u-text-2 {margin-left: auto; margin-right: auto} .u-section-4 .u-layout-cell-2 {min-height: 337px} .u-section-4 .u-layout-cell-3 {min-height: 337px} .u-section-4 .u-layout-cell-4 {min-height: 337px} .u-section-4 .u-image-1 {width: 153px; height: 28px; margin-left: auto} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 767px){ .u-section-4 .u-sheet-1 {min-height: auto} .u-section-4 .u-layout-cell-1 {min-height: auto} .u-section-4 .u-container-layout-1 {padding-left: 10px} .u-section-4 .u-layout-cell-2 {min-height: auto} .u-section-4 .u-container-layout-2 {padding-left: 10px; padding-right: 10px} .u-section-4 .u-layout-cell-3 {min-height: auto} .u-section-4 .u-container-layout-3 {padding-left: 10px; padding-right: 10px} .u-section-4 .u-layout-cell-4 {min-height: auto} .u-section-4 .u-container-layout-4 {padding-left: 10px; padding-right: 10px} }/*/RESPONSIVE_MEDIA*/ .shadow { -webkit-box-shadow: 0 6px 15px -3px rgba(207,207,207,1); -moz-box-shadow: 0 6px 15px -3px rgba(207,207,207,1); box-shadow: 0 6px 15px -3px rgba(207,207,207,1); } .li { list-style-type: square; } .letter::first-letter { float: left; font-size: 3rem; line-height: 1; font-weight: bold; margin-right: 9px; color: #bf009b; font: times; } .letter { } landing_with_header_footer
