/*============================== ===========WORK SANS============ ==============================*/ @font-face { font-family: 'Work Sans'; src: url('../../files/upmotion/fonts/worksans/WorkSans-Light.eot'); src: url('../../files/upmotion/fonts/worksans/WorkSans-Light.eot?#iefix') format('embedded-opentype'), url('../../files/upmotion/fonts/worksans/WorkSans-Light.woff2') format('woff2'), url('../../files/upmotion/fonts/worksans/WorkSans-Light.woff') format('woff'), url('../../files/upmotion/fonts/worksans/WorkSans-Light.ttf') format('truetype'), url('../../files/upmotion/fonts/worksans/WorkSans-Light.svg#WorkSans-Light') format('svg'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Work Sans'; src: url('../../files/upmotion/fonts/worksans/WorkSans-ExtraLight.eot'); src: url('../../files/upmotion/fonts/worksans/WorkSans-ExtraLight.eot?#iefix') format('embedded-opentype'), url('../../files/upmotion/fonts/worksans/WorkSans-ExtraLight.woff2') format('woff2'), url('../../files/upmotion/fonts/worksans/WorkSans-ExtraLight.woff') format('woff'), url('../../files/upmotion/fonts/worksans/WorkSans-ExtraLight.ttf') format('truetype'), url('../../files/upmotion/fonts/worksans/WorkSans-ExtraLight.svg#WorkSans-ExtraLight') format('svg'); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'Work Sans'; src: url('../../files/upmotion/fonts/worksans/WorkSans-ExtraBoldItalic.eot'); src: url('../../files/upmotion/fonts/worksans/WorkSans-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'), url('../../files/upmotion/fonts/worksans/WorkSans-ExtraBoldItalic.woff2') format('woff2'), url('../../files/upmotion/fonts/worksans/WorkSans-ExtraBoldItalic.woff') format('woff'), url('../../files/upmotion/fonts/worksans/WorkSans-ExtraBoldItalic.ttf') format('truetype'), url('../../files/upmotion/fonts/worksans/WorkSans-ExtraBoldItalic.svg#WorkSans-ExtraBoldItalic') format('svg'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Work Sans'; src: url('../../files/upmotion/fonts/worksans/WorkSans-Bold.eot'); src: url('../../files/upmotion/fonts/worksans/WorkSans-Bold.eot?#iefix') format('embedded-opentype'), url('../../files/upmotion/fonts/worksans/WorkSans-Bold.woff2') format('woff2'), url('../../files/upmotion/fonts/worksans/WorkSans-Bold.woff') format('woff'), url('../../files/upmotion/fonts/worksans/WorkSans-Bold.ttf') format('truetype'), url('../../files/upmotion/fonts/worksans/WorkSans-Bold.svg#WorkSans-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Work Sans'; src: url('../../files/upmotion/fonts/worksans/WorkSans-ThinItalic.eot'); src: url('../../files/upmotion/fonts/worksans/WorkSans-ThinItalic.eot?#iefix') format('embedded-opentype'), url('../../files/upmotion/fonts/worksans/WorkSans-ThinItalic.woff2') format('woff2'), url('../../files/upmotion/fonts/worksans/WorkSans-ThinItalic.woff') format('woff'), url('../../files/upmotion/fonts/worksans/WorkSans-ThinItalic.ttf') format('truetype'), url('../../files/upmotion/fonts/worksans/WorkSans-ThinItalic.svg#WorkSans-ThinItalic') format('svg'); font-weight: 100; font-style: italic; font-display: swap; } @font-face { font-family: 'Work Sans'; src: url('../../files/upmotion/fonts/worksans/WorkSans-BlackItalic.eot'); src: url('../../files/upmotion/fonts/worksans/WorkSans-BlackItalic.eot?#iefix') format('embedded-opentype'), url('../../files/upmotion/fonts/worksans/WorkSans-BlackItalic.woff2') format('woff2'), url('../../files/upmotion/fonts/worksans/WorkSans-BlackItalic.woff') format('woff'), url('../../files/upmotion/fonts/worksans/WorkSans-BlackItalic.ttf') format('truetype'), url('../../files/upmotion/fonts/worksans/WorkSans-BlackItalic.svg#WorkSans-BlackItalic') format('svg'); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: 'Work Sans'; src: url('../../files/upmotion/fonts/worksans/WorkSans-Italic.eot'); src: url('../../files/upmotion/fonts/worksans/WorkSans-Italic.eot?#iefix') format('embedded-opentype'), url('../../files/upmotion/fonts/worksans/WorkSans-Italic.woff2') format('woff2'), url('../../files/upmotion/fonts/worksans/WorkSans-Italic.woff') format('woff'), url('../../files/upmotion/fonts/worksans/WorkSans-Italic.ttf') format('truetype'), url('../../files/upmotion/fonts/worksans/WorkSans-Italic.svg#WorkSans-Italic') format('svg'); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Work Sans'; src: url('../../files/upmotion/fonts/worksans/WorkSans-Black.eot'); src: url('../../files/upmotion/fonts/worksans/WorkSans-Black.eot?#iefix') format('embedded-opentype'), url('../../files/upmotion/fonts/worksans/WorkSans-Black.woff2') format('woff2'), url('../../files/upmotion/fonts/worksans/WorkSans-Black.woff') format('woff'), url('../../files/upmotion/fonts/worksans/WorkSans-Black.ttf') format('truetype'), url('../../files/upmotion/fonts/worksans/WorkSans-Black.svg#WorkSans-Black') format('svg'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Work Sans'; src: url('../../files/upmotion/fonts/worksans/WorkSans-ExtraLightItalic.eot'); src: url('../../files/upmotion/fonts/worksans/WorkSans-ExtraLightItalic.eot?#iefix') format('embedded-opentype'), url('../../files/upmotion/fonts/worksans/WorkSans-ExtraLightItalic.woff2') format('woff2'), url('../../files/upmotion/fonts/worksans/WorkSans-ExtraLightItalic.woff') format('woff'), url('../../files/upmotion/fonts/worksans/WorkSans-ExtraLightItalic.ttf') format('truetype'), url('../../files/upmotion/fonts/worksans/WorkSans-ExtraLightItalic.svg#WorkSans-ExtraLightItalic') format('svg'); font-weight: 200; font-style: italic; font-display: swap; } @font-face { font-family: 'Work Sans'; src: url('../../files/upmotion/fonts/worksans/WorkSans-LightItalic.eot'); src: url('../../files/upmotion/fonts/worksans/WorkSans-LightItalic.eot?#iefix') format('embedded-opentype'), url('../../files/upmotion/fonts/worksans/WorkSans-LightItalic.woff2') format('woff2'), url('../../files/upmotion/fonts/worksans/WorkSans-LightItalic.woff') format('woff'), url('../../files/upmotion/fonts/worksans/WorkSans-LightItalic.ttf') format('truetype'), url('../../files/upmotion/fonts/worksans/WorkSans-LightItalic.svg#WorkSans-LightItalic') format('svg'); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'Work Sans'; src: url('../../files/upmotion/fonts/worksans/WorkSans-BoldItalic.eot'); src: url('../../files/upmotion/fonts/worksans/WorkSans-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../../files/upmotion/fonts/worksans/WorkSans-BoldItalic.woff2') format('woff2'), url('../../files/upmotion/fonts/worksans/WorkSans-BoldItalic.woff') format('woff'), url('../../files/upmotion/fonts/worksans/WorkSans-BoldItalic.ttf') format('truetype'), url('../../files/upmotion/fonts/worksans/WorkSans-BoldItalic.svg#WorkSans-BoldItalic') format('svg'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Work Sans'; src: url('../../files/upmotion/fonts/worksans/WorkSans-SemiBoldItalic.eot'); src: url('../../files/upmotion/fonts/worksans/WorkSans-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('../../files/upmotion/fonts/worksans/WorkSans-SemiBoldItalic.woff2') format('woff2'), url('../../files/upmotion/fonts/worksans/WorkSans-SemiBoldItalic.woff') format('woff'), url('../../files/upmotion/fonts/worksans/WorkSans-SemiBoldItalic.ttf') format('truetype'), url('../../files/upmotion/fonts/worksans/WorkSans-SemiBoldItalic.svg#WorkSans-SemiBoldItalic') format('svg'); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: 'Work Sans'; src: url('../../files/upmotion/fonts/worksans/WorkSans-Thin.eot'); src: url('../../files/upmotion/fonts/worksans/WorkSans-Thin.eot?#iefix') format('embedded-opentype'), url('../../files/upmotion/fonts/worksans/WorkSans-Thin.woff2') format('woff2'), url('../../files/upmotion/fonts/worksans/WorkSans-Thin.woff') format('woff'), url('../../files/upmotion/fonts/worksans/WorkSans-Thin.ttf') format('truetype'), url('../../files/upmotion/fonts/worksans/WorkSans-Thin.svg#WorkSans-Thin') format('svg'); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'Work Sans'; src: url('../../files/upmotion/fonts/worksans/WorkSans-MediumItalic.eot'); src: url('../../files/upmotion/fonts/worksans/WorkSans-MediumItalic.eot?#iefix') format('embedded-opentype'), url('../../files/upmotion/fonts/worksans/WorkSans-MediumItalic.woff2') format('woff2'), url('../../files/upmotion/fonts/worksans/WorkSans-MediumItalic.woff') format('woff'), url('../../files/upmotion/fonts/worksans/WorkSans-MediumItalic.ttf') format('truetype'), url('../../files/upmotion/fonts/worksans/WorkSans-MediumItalic.svg#WorkSans-MediumItalic') format('svg'); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: 'Work Sans'; src: url('../../files/upmotion/fonts/worksans/WorkSans-SemiBold.eot'); src: url('../../files/upmotion/fonts/worksans/WorkSans-SemiBold.eot?#iefix') format('embedded-opentype'), url('../../files/upmotion/fonts/worksans/WorkSans-SemiBold.woff2') format('woff2'), url('../../files/upmotion/fonts/worksans/WorkSans-SemiBold.woff') format('woff'), url('../../files/upmotion/fonts/worksans/WorkSans-SemiBold.ttf') format('truetype'), url('../../files/upmotion/fonts/worksans/WorkSans-SemiBold.svg#WorkSans-SemiBold') format('svg'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Work Sans'; src: url('../../files/upmotion/fonts/worksans/WorkSans-Medium.eot'); src: url('../../files/upmotion/fonts/worksans/WorkSans-Medium.eot?#iefix') format('embedded-opentype'), url('../../files/upmotion/fonts/worksans/WorkSans-Medium.woff2') format('woff2'), url('../../files/upmotion/fonts/worksans/WorkSans-Medium.woff') format('woff'), url('../../files/upmotion/fonts/worksans/WorkSans-Medium.ttf') format('truetype'), url('../../files/upmotion/fonts/worksans/WorkSans-Medium.svg#WorkSans-Medium') format('svg'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Work Sans'; src: url('../../files/upmotion/fonts/worksans/WorkSans-Regular.eot'); src: url('../../files/upmotion/fonts/worksans/WorkSans-Regular.eot?#iefix') format('embedded-opentype'), url('../../files/upmotion/fonts/worksans/WorkSans-Regular.woff2') format('woff2'), url('../../files/upmotion/fonts/worksans/WorkSans-Regular.woff') format('woff'), url('../../files/upmotion/fonts/worksans/WorkSans-Regular.ttf') format('truetype'), url('../../files/upmotion/fonts/worksans/WorkSans-Regular.svg#WorkSans-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } /*============================== =======PLAYFAIR DISPLAY========= ==============================*/ @font-face { font-family: 'Playfair Display'; src: url('../../files/upmotion/fonts/playfairdisplay/PlayfairDisplay-SemiBold.eot'); src: url('../../files/upmotion/fonts/playfairdisplay/PlayfairDisplay-SemiBold.eot?#iefix') format('embedded-opentype'), url('../../files/upmotion/fonts/playfairdisplay/PlayfairDisplay-SemiBold.woff2') format('woff2'), url('../../files/upmotion/fonts/playfairdisplay/PlayfairDisplay-SemiBold.woff') format('woff'), url('../../files/upmotion/fonts/playfairdisplay/PlayfairDisplay-SemiBold.ttf') format('truetype'), url('../../files/upmotion/fonts/playfairdisplay/PlayfairDisplay-SemiBold.svg#PlayfairDisplay-SemiBold') format('svg'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Playfair Display'; src: url('../../files/upmotion/fonts/playfairdisplay/PlayfairDisplay-SemiBoldItalic.eot'); src: url('../../files/upmotion/fonts/playfairdisplay/PlayfairDisplay-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('../../files/upmotion/fonts/playfairdisplay/PlayfairDisplay-SemiBoldItalic.woff2') format('woff2'), url('../../files/upmotion/fonts/playfairdisplay/PlayfairDisplay-SemiBoldItalic.woff') format('woff'), url('../../files/upmotion/fonts/playfairdisplay/PlayfairDisplay-SemiBoldItalic.ttf') format('truetype'), url('../../files/upmotion/fonts/playfairdisplay/PlayfairDisplay-SemiBoldItalic.svg#PlayfairDisplay-SemiBoldItalic') format('svg'); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: 'Playfair Display'; src: url('../../files/upmotion/fonts/playfairdisplay/PlayfairDisplay-Medium.eot'); src: url('../../files/upmotion/fonts/playfairdisplay/PlayfairDisplay-Medium.eot?#iefix') format('embedded-opentype'), url('../../files/upmotion/fonts/playfairdisplay/PlayfairDisplay-Medium.woff2') format('woff2'), url('../../files/upmotion/fonts/playfairdisplay/PlayfairDisplay-Medium.woff') format('woff'), url('../../files/upmotion/fonts/playfairdisplay/PlayfairDisplay-Medium.ttf') format('truetype'), url('../../files/upmotion/fonts/playfairdisplay/PlayfairDisplay-Medium.svg#PlayfairDisplay-Medium') format('svg'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Playfair Display'; src: url('../../files/upmotion/fonts/playfairdisplay/PlayfairDisplay-Italic.eot'); src: url('../../files/upmotion/fonts/playfairdisplay/PlayfairDisplay-Italic.eot?#iefix') format('embedded-opentype'), url('../../files/upmotion/fonts/playfairdisplay/PlayfairDisplay-Italic.woff2') format('woff2'), url('../../files/upmotion/fonts/playfairdisplay/PlayfairDisplay-Italic.woff') format('woff'), url('../../files/upmotion/fonts/playfairdisplay/PlayfairDisplay-Italic.ttf') format('truetype'), url('../../files/upmotion/fonts/playfairdisplay/PlayfairDisplay-Italic.svg#PlayfairDisplay-Italic') format('svg'); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Playfair Display'; src: url('../../files/upmotion/fonts/playfairdisplay/PlayfairDisplay-Regular.eot'); src: url('../../files/upmotion/fonts/playfairdisplay/PlayfairDisplay-Regular.eot?#iefix') format('embedded-opentype'), url('../../files/upmotion/fonts/playfairdisplay/PlayfairDisplay-Regular.woff2') format('woff2'), url('../../files/upmotion/fonts/playfairdisplay/PlayfairDisplay-Regular.woff') format('woff'), url('../../files/upmotion/fonts/playfairdisplay/PlayfairDisplay-Regular.ttf') format('truetype'), url('../../files/upmotion/fonts/playfairdisplay/PlayfairDisplay-Regular.svg#PlayfairDisplay-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Playfair Display'; src: url('../../files/upmotion/fonts/playfairdisplay/PlayfairDisplay-MediumItalic.eot'); src: url('../../files/upmotion/fonts/playfairdisplay/PlayfairDisplay-MediumItalic.eot?#iefix') format('embedded-opentype'), url('../../files/upmotion/fonts/playfairdisplay/PlayfairDisplay-MediumItalic.woff2') format('woff2'), url('../../files/upmotion/fonts/playfairdisplay/PlayfairDisplay-MediumItalic.woff') format('woff'), url('../../files/upmotion/fonts/playfairdisplay/PlayfairDisplay-MediumItalic.ttf') format('truetype'), url('../../files/upmotion/fonts/playfairdisplay/PlayfairDisplay-MediumItalic.svg#PlayfairDisplay-MediumItalic') format('svg'); font-weight: 500; font-style: italic; font-display: swap; } /* ============================================================================= * body * ========================================================================== */ html, body { font-size: 15px; } body { color: #555; font-family: Verdana, sans-serif; line-height: 1.8rem; font-weight: normal; } h1, .h1, .h1 p { font-size: 1.733rem; margin-bottom: 15px; } h2, .h2, .h2 p { font-size: 1.6rem; margin-bottom: 10px; } h3, .h3, .h3 p { font-size: 1.467rem; margin-bottom: 10px; } h4, .h4, .h4 p { font-size: 1.2rem; margin-bottom: 10px; } h5, .h5, .h5 p { font-size: 1.067rem; margin-bottom: 10px; } h6, .h6, .h6 p { font-size: 1.067rem; margin-bottom: 10px; } .bandeau-copyright { font-size: .8rem; text-align: right; padding-top: 0.5rem; padding-bottom: 0.5rem; border-top: 1px solid #efef; margin-top: 1rem; } .bandeau-copyright a.lien-bottom { margin: 0px 5px; } /* ============================================================================= * headlines * ========================================================================== */ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .font_headline { margin-bottom: 25px; line-height: 1.3; color: rgb(59,60,66); word-wrap: break-word; font-weight: bold; } h1, .h1, .h1 p { font-size: 3rem; padding-top: 0; } h2, .h2, .h2 p { font-size: 2.333rem; } h3, .h3, .h3 p { font-size: 1.867rem; } h4, .h4, .h4 p { font-size: 1.5rem; } h5, .h5, .h5 p { font-size: 1.333rem; } h6, .h6, .h6 p { font-size: 1.2rem; } .column[class*="mb-"]:not[class*="-m"] > h1, .column[class*="mb-"]:not[class*="-m"] > h2, .column[class*="mb-"]:not[class*="-m"] > h3, .column[class*="mb-"]:not[class*="-m"] > h4, .column[class*="mb-"]:not[class*="-m"] > h5, .column[class*="mb-"]:not[class*="-m"] > h6, .column[class*="mb-"]:not[class*="-m"] > .attributes > h1, .column[class*="mb-"]:not[class*="-m"] > .attributes > h2, .column[class*="mb-"]:not[class*="-m"] > .attributes > h3, .column[class*="mb-"]:not[class*="-m"] > .attributes > h4, .column[class*="mb-"]:not[class*="-m"] > .attributes > h5, .column[class*="mb-"]:not[class*="-m"] > .attributes > h6, .column[class*="mb-"]:not[class*="-m"] > .attributes > .h1, .column[class*="mb-"]:not[class*="-m"] > .attributes > .h2, .column[class*="mb-"]:not[class*="-m"] > .attributes > .h3, .column[class*="mb-"]:not[class*="-m"] > .attributes > .h4, .column[class*="mb-"]:not[class*="-m"] > .attributes > .h5, .column[class*="mb-"]:not[class*="-m"] > .attributes > .h6, .column[class*="mb-"]:not[class*="-m"] > .h1, .column[class*="mb-"]:not[class*="-m"] > .h2, .column[class*="mb-"]:not[class*="-m"] > .h3, .column[class*="mb-"]:not[class*="-m"] > .h4, .column[class*="mb-"]:not[class*="-m"] > .h5, .column[class*="mb-"]:not[class*="-m"] > .h6, .ce_text.h1 > p, .ce_text.h2 > p, .ce_text.h3 > p, .ce_text.h4 > p, .ce_text.h5 > p, .ce_text.h6 > p, .ce_text.h7 > p { margin-bottom: 0; } /* ============================================================================= * logo size * ========================================================================== */ .logo { width: 200px; height: 100px; } /* ============================================================================= * logo size: sticky * ========================================================================== */ .stickyheader .logo { width: 170px; height: 70px; } /* ============================================================================= * logo size: mobile * ========================================================================== */ @media only screen and (max-width: 767px) { .logo { width: 150px; height: 70px; } } /* ============================================================================= * logo * ========================================================================== */ .logo { margin-top: auto; margin-bottom: auto; float: left; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .logo a { background-image: url(../../files/upmotion/img/logo.svg); width: 100%; height: 100%; display: block; background-repeat: no-repeat; background-size: 100%; background-position: left; } /* ============================================================================= * stickyheader * ========================================================================== */ .stickyheader { position: fixed; z-index: 10000; left: 0; top: 0; width: 100%; top: -100%; transition: All 0.4s ease; -webkit-transition: All 0.4s ease; } body.fixed-header .stickyheader { top: 0; } .stickyheader .header.cloned .logo { transition: height 0.3s ease; -webkit-transition: height 0.3s ease; } /* ============================================================================= * header * ========================================================================== */ .header { width: 100%; top: 0px; z-index: 1030; position: relative; } .header.cloned { box-shadow: 0 0 2px 2px rgba(0,0,0,0.1); transition: line-height 0.3s ease; -webkit-transition: line-height 0.3s ease; } .header .inside { padding-left: 40px; padding-right: 40px; } /* ============================================================================= * fix-wrapper * ========================================================================== */ #fix-wrapper { width: 100%; z-index: 10000; } /* ============================================================================= * contentwrapper * ========================================================================== */ #contentwrapper { background: rgb(255,255,255); } /* ============================================================================= * page-width * ========================================================================== */ #top .inside, .header .inside, #footer .inside, #bottom .inside, body.sidebar #container, .mod_article:not(.fullwidth) > .container, .fullwidth.boxed-content .contentwrap, .smallwidth .contentwrap, .boxed-content .contentwrap, .gridbuilder_wrapper.article, .ce_text_image_bar .inside, .ce_headerimage .ce_headerimage_inside, .ce_video_background .ce_video_background_inside, #offcanvas-top .offcanvas-top-inside, .ce_calltoaction .ce_calltoaction_inside, .mod_breadcrumb .mod_breadcrumb_inside, .mod_pageimage .container, .body_bottom .mod_search .container { max-width: 1240px; margin-left: auto; margin-right: auto; } .mod_article.boxed { max-width: calc(1240px - 80px); margin-left: auto; margin-right: auto; } /* width medium */ body #main .mod_article.smallwidth, .mod_article.fullwidth-boxed-medium > .container { max-width: 800px; padding-left: 40px; padding-right: 40px; } /* width small */ body #main .mod_article.xsmallwidth, .mod_article.fullwidth-boxed-small > .container { max-width: 650px; padding-left: 40px; padding-right: 40px; } /* ============================================================================= * page paddings left/right * ========================================================================== */ #top .inside, .header .inside, #footer .inside, #bottom .inside, body.sidebar #container, .mod_article:not(.fullwidth) > .container, .mod_article.boxed > .container, .fullwidth.boxed-content .contentwrap, .smallwidth .contentwrap, .boxed-content .contentwrap, .gridbuilder_wrapper.article, .body_bottom .mod_search .container { padding-left: 40px; padding-right: 40px; } body.content_page.sidebar.left #main .mod_article > .container { padding-right: 0; } body.content_page.sidebar.right #main .mod_article > .container { padding-left: 0; } body.content_page.sidebar #left .mod_article > .container { padding-left: 0; padding-right: 0; } body.content_page.sidebar #right .mod_article > .container { padding-left: 0; padding-right: 0; } /* ============================================================================= * mod_article * ========================================================================== */ .mod_article { overflow: visible; position: relative; overflow: visible; background-size: cover; background-position: center; } .mod_article:after { clear:both; } .mod_article > .container { position: relative; } /* ============================================================================= * colorbox * ========================================================================== */ #cboxPrevious, #cboxNext, #cboxClose { z-index: 100; } #cboxWrapper .mod_article > .container { padding: 30px; } #cboxWrapper #wrapper { padding: 10px; } #cboxWrapper .mod_article { max-width: none!important; } #cboxNext, #cboxPrevious { width: 75px!important; opacity: 0.8; transition: opacity 0.3s ease; -webkit-transition: opacity 0.3s ease; } #cboxNext:hover, #cboxPrevious:hover { opacity: 1; } #cboxClose:hover { background-position: top center!important; } #cboxClose { width: 26px!important; height: 30px!important; top: -28px!important; right: 0px!important; } #cboxTitle { top: -25px!important; font-size: 0.9rem; } #cboxContent { margin-top: 25px!important; } #cboxLoadedContent { border: 0!important; } #cboxCurrent { display: none!important; } body.no_scroll { overflow: hidden; } #cboxOverlay { opacity: 0.8!important; } #cboxNext { right: 0!important; } #cboxPrevious { left: 0!important; } body #colorbox, body #cboxOverlay, body #cboxWrapper { z-index: 99999; } #cboxNext, #cboxPrevious, #cboxClose { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxNzAuNXB4IiBoZWlnaHQ9IjY1cHgiIHZpZXdCb3g9IjAgMCAxNzAuNSA2NSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTcwLjUgNjUiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xNzAuNSwwaC00Ni42NjZDMTIyLjI3LDAsMTIxLDEuMjY5LDEyMSwyLjgzNHY1OS4zMzFjMCwxLjU2NSwxLjI3LDIuODM1LDIuODM0LDIuODM1SDE3MC41Ii8+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTAsMGg0Ni42NjZDNDguMjMsMCw0OS41LDEuMjY5LDQ5LjUsMi44MzR2NTkuMzMxQzQ5LjUsNjMuNzMsNDguMjMsNjUsNDYuNjY2LDY1SDAiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9Ijc4LjI1IiB5MT0iNS4xMDkiIHgyPSI5NC4zNzUiIHkyPSIyMS4yMzQiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9Ijk0LjM3NSIgeTE9IjUuMTA5IiB4Mj0iNzguMjUiIHkyPSIyMS4yMzQiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjM3LjUiIHkxPSIxMS4zNTkiIHgyPSIxMC43NSIgeTI9IjMyLjUiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjM3LjY3OCIgeTE9IjUzLjA1NSIgeDI9IjEwLjkyOCIgeTI9IjMxLjkxNCIvPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMTMzIiB5MT0iMTEuMzU5IiB4Mj0iMTU5Ljc1IiB5Mj0iMzIuNSIvPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMTMzIiB5MT0iNTMuNjQxIiB4Mj0iMTU5Ljc1IiB5Mj0iMzIuNSIvPjwvc3ZnPg==); } /* ============================================================================= * mod_article paddings top/bottom * ========================================================================== */ /* default padding (not for fullwidth) */ .mod_article:not(.fullwidth) > .container { padding-top: 50px; padding-bottom: 50px; } /* default paddings sidebar pages */ body.content_page.sidebar #main .mod_article > .container, body.content_page.sidebar #left .mod_article > .container, body.content_page.sidebar #right .mod_article > .container { padding-top: 40px; padding-bottom: 40px; } /* no-padding body_bottom */ .body_bottom .mod_article:not(.fullwidth) > .container { padding: 0; } /* padding classes */ .mod_article.article-pt-0 > .container { padding-top: 0!important; } .mod_article.article-pb-0 > .container { padding-bottom: 0!important; } .mod_article.article-pt-xxs > .container { padding-top: 30px; } .mod_article.article-pb-xxs > .container { padding-bottom: 30px; } .mod_article.article-pt-xs > .container { padding-top: 50px; } .mod_article.article-pb-xs > .container { padding-bottom: 50px; } .mod_article.article-pt-s > .container { padding-top: 90px; } .mod_article.article-pb-s > .container { padding-bottom: 90px; } .mod_article.article-pt-m > .container { padding-top: 100px; } .mod_article.article-pb-m > .container { padding-bottom: 100px; } .mod_article.article-pt-l > .container { padding-top: 120px; } .mod_article.article-pb-l> .container { padding-bottom: 120px; } .mod_article.article-pt-xl > .container { padding-top: 150px; } .mod_article.article-pb-xl> .container { padding-bottom: 150px; } .mod_article.article-pt-xxl > .container { padding-top: 170px; } .mod_article.article-pb-xxl > .container { padding-bottom: 170px; } /* ============================================================================= * mod_article fullscreen * ========================================================================== */ .mod_article.fullscreen { height: 100vh; } .mod_article.fullscreen.oversize { height: auto!important; } .mod_article.fullscreen .container { position: relative; top: 50%; transform: translateY(-50%); } .mod_article.fullscreen.oversize .container { position: relative; top: 0; transform: translateY(0); } /* ============================================================================= * mod_article parallax * ========================================================================== */ /* CODE A AJOUTER */ /* ============================================================================= * top * ========================================================================== */ #top-wrapper { width: 100%; } #top .inside { padding-left: 40px; padding-right: 40px; display: flex; } /* ============================================================================= * breadcrumb * ========================================================================== */ .mod_breadcrumb .mod_breadcrumb_inside { position: relative; } .mod_breadcrumb .mod_breadcrumb_inside:before { content: ''; border-top: 1px solid rgba(0,0,0,0.1); position: absolute; top: 0; left: 40px; right: 40px; height: 1px; } .mod_breadcrumb .mod_breadcrumb_inside:after { content: ''; border-top: 1px solid rgba(0,0,0,0.1); position: absolute; bottom: 0; left: 40px; right: 40px; height: 1px; } .mod_breadcrumb .mod_breadcrumb_inside:before, .mod_breadcrumb .mod_breadcrumb_inside:after { display: none; } .mod_breadcrumb ul { font-size: 0.9rem; line-height: 0.9rem; text-align: center; display: inline-block; float: none; padding: 11px 0; } .mod_breadcrumb li { display: inline-block; margin-right: 5px; } .mod_breadcrumb li:before { font-family: "Font Awesome 6 Pro"; content: "\f054"; margin-right: 5px; } .mod_breadcrumb li.first:before { display: none; } .mod_breadcrumb .pagetitle { display: none; } /* ============================================================================= * mainmenu * ========================================================================== */ .mainmenu { float: right; } .mainmenu ul { position: static; } .mainmenu ul li a.first { padding-left: 0; } .mainmenu ul li.first { margin-left: 0; } .mainmenu ul li.last { margin-right: 0; } .mainmenu ul li ul li { margin-left: 0; margin-right: 0; } .fixed .mainmenu ul li ul li a:not(.active):not(.trail) { color: rgb(57,57,57); } .header .mainmenu ul ul li a { transition: All 0.3s ease; -webkit-transition: All 0.3s ease; color: inherit; } .header .mainmenu ul ul li span { position: relative; } .header .mainmenu ul ul li a span:before { position: absolute; content: ''; height: 1px; background: rgb(0,0,0); bottom: 0; width: 100%; left: 0; transform: scaleX(0); transition: transform 0.3s ease-in-out; } .header .mainmenu ul ul li a:hover span:before { transform: scaleX(1); } .header .mainmenu ul ul li a.active span:before, .header .mainmenu ul ul li a.trail span:before { position: absolute; content: ''; height: 1px; background: rgb(0,0,0); bottom: 0; width: 100%; left: 0; transform: scaleX(1)!important; } .mainmenu ul li a:hover { opacity: 1; transition: opacity 0.3s ease; -webkit-transition: opacity 0.3s ease; color: var(--color-secondary); } .mainmenu ul ul li:hover > ul { -webkit-animation-name: none; animation-name: none; } .mainmenu ul li a { text-align: center; } .mainmenu ul li.last ul { right: auto; } .mainmenu ul ul li a[target=_blank] { padding-right: 30px!important; } .mainmenu ul ul li a[target=_blank]:after { font-family: "Font Awesome 6 Pro"; content: "\f08e"; position: absolute; right: 5px; } .mainmenu ul li.floatbox { position: static; margin-left: 0!important;; margin-right: 0!important; } .mainmenu ul li.open-left ul.level_2 { right: 0; width: 200px; } .mainmenu ul li.open-left ul.level_3 { right: auto; left: -200px; width: 200px; } .mod_newslist .item:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1) ; transform: scale(1.1); } /* ============================================================================= * custommenu * ========================================================================== */ .custommenu { overflow: hidden; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; background: rgba(0,0,0,0.6); z-index: 1000; } .custommenu ul { overflow: hidden; } .custommenu li { float: left; width: 25%; border-left: 1px solid rgba(255,255,255,0.8); text-align: center; transition: All 0.6s ease; -webkit-transition: All 0.6s ease; opacity: 0.9; } .custommenu li.last { border-right: 1px solid rgba(255,255,255,0.8); } .custommenu li a { display: block; padding: 10px 20px; color: rgb(255,255,255); font-weight: bold; } .custommenu li span { font-weight: normal; display: block; } .custommenu li.custommenu_cols2 { width: 50%; } .custommenu li.custommenu_cols3 { width: 33%; } .custommenu li.custommenu_cols4 { width: 25%; } .custommenu li.custommenu_cols5 { width: 20%; } .custommenu li.custommenu_cols6 { width: 16.666%; } /* ============================================================================= * overwrite framework defaults * ========================================================================== */ .ce_text_image_bar.show_arrow .image-left:after, .ce_text_image_bar.show_arrow .image-right:after { display: none; } .ce_leadertext.version1 .subheadline { font-style: italic; } .color-white .ce_list li:after { background-color: rgba(255,255,255,0.8); } textarea { height: inherit; } input, textarea, select { background-color: rgb(255,255,255); padding: 15px; font-size: 0.9rem; } .ce_form .formicon-wrapper input { border-radius: 0 5px 5px 0; } input.submit, button.submit { width: 100%; } .mod_search input { border-radius: 0; } .mod_search input.submit, .mod_search button.submit { width: auto; } .mod_login .submit_container { margin-top: 25px; } .ce_countup .headline { font-size: 3.667rem; } .font-size-m { line-height: 1.3; } .ce_gallery .capt { font-size: inherit; } .swip-pagination .swiper-wrapper { padding-bottom: 60px; } .swiper-wrapper { padding-bottom: 0px; } .swiper-pagination { bottom: 0; } .swiper-button-next, .swiper-button-prev { margin-top: -75px; } body.ie input.checkbox { border: 0; padding: 0; } #slider { position: relative; z-index: 5; } select { color: #555; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #555 !important; } input:-moz-placeholder, textarea:-moz-placeholder { color: #555 !important; opacity: 1; } input::-moz-placeholder, textarea::-moz-placeholder { color: #555 !important; opacity: 1; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #555 !important; } /* ============================================================================= * colorbox * ========================================================================== */ #cboxPrevious, #cboxNext, #cboxClose { z-index: 100; } #cboxWrapper .mod_article > .container { padding: 30px; } #cboxWrapper #wrapper { padding: 10px; } #cboxWrapper .mod_article { max-width: none!important; } #cboxNext, #cboxPrevious { width: 75px!important; opacity: 0.8; transition: opacity 0.3s ease; -webkit-transition: opacity 0.3s ease; } #cboxNext:hover, #cboxPrevious:hover { opacity: 1; } #cboxClose:hover { background-position: top center!important; } #cboxClose { width: 26px!important; height: 30px!important; top: -28px!important; right: 0px!important; } #cboxTitle { top: -25px!important; font-size: 0.9rem; } #cboxContent { margin-top: 25px!important; } #cboxLoadedContent { border: 0!important; } #cboxCurrent { display: none!important; } body.no_scroll { overflow: hidden; } #cboxOverlay { opacity: 0.8!important; } #cboxNext { right: 0!important; } #cboxPrevious { left: 0!important; } body #colorbox, body #cboxOverlay, body #cboxWrapper { z-index: 99999; } /* ============================================================================= * gridbuilder - extra classes * ========================================================================== */ .gridbuilder_wrapper.grid-l { margin-left: -3%; margin-right: -3%; } .gridbuilder_wrapper.grid-l .ce_gridbuilderWrapperStart.gridbuilder { padding-left: 3%; padding-right: 3%; } .gridbuilder.no_gutter { padding-left: 0; padding-right: 0; } /* ============================================================================= * mobile * ========================================================================== */ @media only screen and (max-width: 767px) { #main .mod_article:not(.fullwidth) > .container, #left .mod_article > .container, #right .mod_article > .container, #main .mod_article.fullwidth.boxed-content .contentwrap, #main .gridbuilder_wrapper.article, #main .mod_article .ce_parallax .contentwrap, #main .mod_article .ce_bgimage .ce_bgimage-inside, #main .mod_article .ce_youtube_background .contentwrap, .header .inside, .mod_pageimage .container { padding-left: 20px!important; padding-right: 20px!important; } #main .gridbuilder_wrapper.article .mod_article, #main .mod_article.fullwidth { padding-left: 0px!important; padding-right: 0px!important; } .mod_article:not(.fullwidth) > .container { padding-top: 50px; padding-bottom: 50px; } .mod_article.article-pt-0 > .container { padding-top: 0; } .mod_article.article-pb-0 > .container { padding-bottom: 0; } .mod_article.article-pt-xxs > .container, .mod_article.article-pt-xs > .container, .mod_article.article-pt-s > .container, .mod_article.article-pt-m > .container, .mod_article.article-pt-l > .container, .mod_article.article-pt-xl > .container, .mod_article.article-pt-xxl > .container { padding-top: 50px; } .mod_article.article-pb-xxs > .container, .mod_article.article-pb-xs > .container, .mod_article.article-pb-s > .container, .mod_article.article-pb-m > .container, .mod_article.article-pb-l > .container, .mod_article.article-pb-xl > .container, .mod_article.article-pb-xxl > .container { padding-bottom: 50px; } .header { padding-bottom: 0; padding-top: 0; } #fix-wrapper { top: 0; left: 0; width: 100%; } #bottom .inside .left, #bottom .inside .right { float: none; } #bottom .inside .right a { margin-left: 0; margin-right: 15px; } #footer .inside { padding: 40px 20px; } .mod_breadcrumb { display: none; } body.content_page #slider .pagetitle { font-size: 1.467rem; } #bottom .inside { padding-left: 20px; padding-right: 20px; } #footer .totop:before { display: none; } .ce_hyperlink.small a, a.btn.small, .ce_hyperlink a, a.btn { font-size: 0.9rem; } } /* ============================================================================= * browser bugfixes * ========================================================================== */ body.ie9 #fix-wrapper, body.ie10 #fix-wrapper { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1MkVFOENGOTk2OUYxMUU1QjU3MTkyN0Q5MjBFRUJENSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1MkVFOENGQTk2OUYxMUU1QjU3MTkyN0Q5MjBFRUJENSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjUyRUU4Q0Y3OTY5RjExRTVCNTcxOTI3RDkyMEVFQkQ1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjUyRUU4Q0Y4OTY5RjExRTVCNTcxOTI3RDkyMEVFQkQ1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ndvI8gAAABBJREFUeNpi+P//PwNAgAEACPwC/tuiTRYAAAAASUVORK5CYII='); } /* ============================================================================= * reset & various settings * ========================================================================== */ * { margin: 0; padding: 0; border: 0; outline: 0; background-repeat: no-repeat; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -ms-hyphens: none; -webkit-hyphens: none; hyphens: none; } a { hyphens: none; } #wrapper .mejs-container * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } ol, ul { list-style: none; } table { border-spacing: 0; } body { position: relative; text-size-adjust: 100%; } #mbCenter img { width: auto; max-width: 100%; height: auto; vertical-align: middle; } .inside { position: relative; text-align: left; } .block { overflow: hidden; } .clear, #clear { height: 0; font-size: 0; line-height: 0; clear: both; } .invisible { width: 0; height: 0; left: -1000px; top: -1000px; position: absolute; overflow: hidden; display: inline; } *+html #main { position: static; } header, footer, nav, section, aside, article, figure, figcaption { display: block; } #container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } #chromeframe { background: red; padding: 10px; color: #fff; text-align: center; position: relative; z-index: 10000; } .animate { opacity: 0; } .animate.nowaypoint { opacity: 1; } p { margin-bottom: 15px; word-wrap: break-word; } #wrapper { position: relative; z-index: 10; } #container { position: relative; width: 100%; margin: 0; background: #fff; } i.ti { display: inline-block; } /* ============================================================================= * outdated-browser message * ========================================================================== */ body.ie11 #outdated-browser, body.ie #outdated-browser { display: block; } #outdated-browser { color: rgb(255,255,255); background: red; padding: 20px; position: fixed; left: 0; top: 0; right: 0; z-index: 10000; display: none; } #outdated-browser.confirmed {display: none !important;} #outdated-browser span { text-decoration: underline; cursor: pointer; } /* ============================================================================= * margin + padding classes - vertical * ========================================================================== */ .mt-xxl{margin-top:80px!important;}.mt-xl{margin-top:70px!important;}.mt-l{margin-top:60px!important;}.mt-m{margin-top:50px!important;}.mt-s{margin-top:40px!important;}.mt-xs{margin-top:30px!important;}.mt-xxs{margin-top:20px!important;} .mb-xxl{margin-bottom:80px!important;}.mb-xl{margin-bottom:70px!important;}.mb-l{margin-bottom:60px!important;}.mb-m{margin-bottom:50px!important;}.mb-s{margin-bottom:40px!important;}.mb-xs{margin-bottom:30px!important;}.mb-xxs{margin-bottom:20px!important;} .pt-xxl{padding-top:170px!important;}.pt-xl{padding-top:150px!important;}.pt-l{padding-top:120px!important;}.pt-m{padding-top:100px!important;}.pt-s{padding-top:90px!important;}.pt-xs{padding-top:50px!important;}.pt-xxs{padding-top:30px!important;} .pb-xxl{padding-bottom:170px!important;}.pb-xl{padding-bottom:150px!important;}.pb-l{padding-bottom:120px!important;}.pb-m{padding-bottom:100px!important;}.pb-s{padding-bottom:90px!important;}.pb-xs{padding-bottom:50px!important;}.pb-xxs{padding-bottom:30px!important;} .mt-0{margin-top:0!important}.mt-5{margin-top:5px!important}.mt-10{margin-top:10px!important}.mt-20{margin-top:20px!important}.mt-30{margin-top:30px!important}.mt-40{margin-top:40px!important}.mt-50{margin-top:50px!important}.mt-60{margin-top:60px!important}.mt-70{margin-top:70px!important}.mt-80{margin-top:80px!important}.mt-90{margin-top:90px!important}.mt-100{margin-top:100px!important}.mt-110{margin-top:110px!important}.mt-120{margin-top:120px!important}.mt-130{margin-top:130px!important}.mt-140{margin-top:140px!important}.mt-150{margin-top:150px!important}.mt-160{margin-top:160px!important}.mt-170{margin-top:170px!important}.mt-180{margin-top:180px!important}.mt-190{margin-top:190px!important}.mt-200{margin-top:200px!important} .mb-0{margin-bottom:0!important}.mb-5{margin-bottom:5px!important}.mb-10{margin-bottom:10px!important}.mb-20{margin-bottom:20px!important}.mb-30{margin-bottom:30px!important}.mb-40{margin-bottom:40px!important}.mb-50{margin-bottom:50px!important}.mb-60{margin-bottom:60px!important}.mb-70{margin-bottom:70px!important}.mb-80{margin-bottom:80px!important}.mb-90{margin-bottom:90px!important}.mb-100{margin-bottom:100px!important}.mb-110{margin-bottom:110px!important}.mb-120{margin-bottom:120px!important}.mb-130{margin-bottom:130px!important}.mb-140{margin-bottom:140px!important}.mb-150{margin-bottom:150px!important}.mb-160{margin-bottom:160px!important}.mb-170{margin-bottom:170px!important}.mb-180{margin-bottom:180px!important}.mb-190{margin-bottom:190px!important}.mb-200{margin-bottom:200px!important} .pt-0{padding-top:0!important}.pt-5{padding-top:5px!important}.pt-10{padding-top:10px!important}.pt-20{padding-top:20px!important}.pt-30{padding-top:30px!important}.pt-40{padding-top:40px!important}.pt-50{padding-top:50px!important}.pt-60{padding-top:60px!important}.pt-70{padding-top:70px!important}.pt-80{padding-top:80px!important}.pt-90{padding-top:90px!important}.pt-100{padding-top:100px!important}.pt-110{padding-top:110px!important}.pt-120{padding-top:120px!important}.pt-130{padding-top:130px!important}.pt-140{padding-top:140px!important}.pt-150{padding-top:150px!important}.pt-160{padding-top:160px!important}.pt-170{padding-top:170px!important}.pt-180{padding-top:180px!important}.pt-190{padding-top:190px!important}.pt-200{padding-top:200px!important} .pb-0{padding-bottom:0!important}.pb-5{padding-bottom:5px!important}.pb-10{padding-bottom:10px!important}.pb-20{padding-bottom:20px!important}.pb-30{padding-bottom:30px!important}.pb-40{padding-bottom:40px!important}.pb-50{padding-bottom:50px!important}.pb-60{padding-bottom:60px!important}.pb-70{padding-bottom:70px!important}.pb-80{padding-bottom:80px!important}.pb-90{padding-bottom:90px!important}.pb-100{padding-bottom:100px!important}.pb-110{padding-bottom:110px!important}.pb-120{padding-bottom:120px!important}.pb-130{padding-bottom:130px!important}.pb-140{padding-bottom:140px!important}.pb-150{padding-bottom:150px!important}.pb-160{padding-bottom:160px!important}.pb-170{padding-bottom:170px!important}.pb-180{padding-bottom:180px!important}.pb-190{padding-bottom:190px!important}.pb-200{padding-bottom:200px!important} .p-0{padding:0!important}.p-5{padding:5px!important}.p-10{padding:10px!important}.p-20{padding:20px!important}.p-30{padding:30px!important}.p-40{padding:40px!important}.p-50{padding:50px!important}.p-60{padding:60px!important}.p-70{padding:70px!important}.p-80{padding:80px!important}.p-90{padding:90px!important}.p-100{padding:100px!important}.p-110{padding:110px!important}.p-120{padding:120px!important}.p-130{padding:130px!important}.p-140{padding:140px!important}.p-150{padding:150px!important}.p-160{padding:160px!important}.p-170{padding:170px!important}.p-180{padding:180px!important}.p-190{padding:190px!important}.p-200{padding:200px!important} .m-0{margin: 0!important} /* negativ margin classes*/ .mt-xxl-neg {margin-top: -300px!important}.mt-xl-neg {margin-top: -140px!important}.mt-l-neg {margin-top: -110px!important}.mt-s-neg {margin-top: -50px!important} .mb-xxl-neg {margin-bottom: -300px!important}.mb-xl-neg {margin-bottom: -140px!important}.mb-l-neg {margin-bottom: -110px!important}.mb-s-neg {margin-bottom: -50px!important} .mt-10-neg{margin-top:-10px}.mt-20-neg{margin-top:-20px}.mt-30-neg{margin-top:-30px}.mt-40-neg{margin-top:-40px}.mt-50-neg{margin-top:-50px}.mt-60-neg{margin-top:-60px}.mt-70-neg{margin-top:-70px}.mt-80-neg{margin-top:-80px}.mt-90-neg{margin-top:-90px}.mt-100-neg{margin-top:-100px}.mt-110-neg{margin-top:-110px}.mt-120-neg{margin-top:-120px}.mt-130-neg{margin-top:-130px}.mt-140-neg{margin-top:-140px}.mt-150-neg{margin-top:-150px}.mt-160-neg{margin-top:-160px}.mt-170-neg{margin-top:-170px}.mt-180-neg{margin-top:-180px}.mt-190-neg{margin-top:-190px}.mt-200-neg{margin-top:-200px} .mb-10-neg{margin-bottom:-10px}.mb-20-neg{margin-bottom:-20px}.mb-30-neg{margin-bottom:-30px}.mb-40-neg{margin-bottom:-40px}.mb-50-neg{margin-bottom:-50px}.mb-60-neg{margin-bottom:-60px}.mb-70-neg{margin-bottom:-70px}.mb-80-neg{margin-bottom:-80px}.mb-90-neg{margin-bottom:-90px}.mb-100-neg{margin-bottom:-100px}.mb-110-neg{margin-bottom:-110px}.mb-120-neg{margin-bottom:-120px}.mb-130-neg{margin-bottom:-130px}.mb-140-neg{margin-bottom:-140px}.mb-150-neg{margin-bottom:-150px}.mb-160-neg{margin-bottom:-160px}.mb-170-neg{margin-bottom:-170px}.mb-180-neg{margin-bottom:-180px}.mb-190-neg{margin-bottom:-190px}.mb-200-neg{margin-bottom:-200px} @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { .mt-xxl{margin-top:60px!important;}.mt-xl{margin-top:50px!important;}.mt-l{margin-top:40px!important;}.mt-m{margin-top:30px!important;}.mt-s{margin-top:25px!important;}.mt-xs{margin-top:25px!important;}.mt-xxs{margin-top:25px!important;} .mb-xxl{margin-bottom:60px!important;}.mb-xl{margin-bottom:50px!important;}.mb-l{margin-bottom:40px!important;}.mb-m{margin-bottom:30px!important;}.mb-s{margin-bottom:25px!important;}.mb-xs{margin-bottom:25px!important;}.mb-xxs{margin-bottom:25px!important;} .pt-xxl{padding-top:130px!important;}.pt-xl{padding-top:110px!important;}.pt-l{padding-top:100px!important;}.pt-m{padding-top:80px!important;}.pt-s{padding-top:70px!important;}.pt-xs{padding-top:40px!important;}.pt-xxs{padding-top:30px!important;} .pb-xxl{padding-bottom:130px!important;}.pb-xl{padding-bottom:110px!important;}.pb-l{padding-bottom:100px!important;}.pb-m{padding-bottom:80px!important;}.pb-s{padding-bottom:70px!important;}.pb-xs{padding-bottom:40px!important;}.pb-xxs{padding-bottom:30px!important;} .mt-0-t{margin-top:0!important}.mt-5-t{margin-top:5px!important}.mt-10-t{margin-top:10px!important}.mt-20-t{margin-top:20px!important}.mt-30-t{margin-top:30px!important}.mt-40-t{margin-top:40px!important}.mt-50-t{margin-top:50px!important}.mt-60-t{margin-top:60px!important}.mt-70-t{margin-top:70px!important}.mt-80-t{margin-top:80px!important}.mt-90-t{margin-top:90px!important}.mt-100-t{margin-top:100px!important}.mt-110-t{margin-top:110px!important}.mt-120-t{margin-top:120px!important}.mt-130-t{margin-top:130px!important}.mt-140-t{margin-top:140px!important}.mt-150-t{margin-top:150px!important}.mt-160-t{margin-top:160px!important}.mt-170-t{margin-top:170px!important}.mt-180-t{margin-top:180px!important}.mt-190-t{margin-top:190px!important}.mt-200-t{margin-top:200px!important} .mb-0-t{margin-bottom:0!important}.mb-5-t{margin-bottom:5px!important}.mb-10-t{margin-bottom:10px!important}.mb-20-t{margin-bottom:20px!important}.mb-30-t{margin-bottom:30px!important}.mb-40-t{margin-bottom:40px!important}.mb-50-t{margin-bottom:50px!important}.mb-60-t{margin-bottom:60px!important}.mb-70-t{margin-bottom:70px!important}.mb-80-t{margin-bottom:80px!important}.mb-90-t{margin-bottom:90px!important}.mb-100-t{margin-bottom:100px!important}.mb-110-t{margin-bottom:110px!important}.mb-120-t{margin-bottom:120px!important}.mb-130-t{margin-bottom:130px!important}.mb-140-t{margin-bottom:140px!important}.mb-150-t{margin-bottom:150px!important}.mb-160-t{margin-bottom:160px!important}.mb-170-t{margin-bottom:170px!important}.mb-180-t{margin-bottom:180px!important}.mb-190-t{margin-bottom:190px!important}.mb-200-t{margin-bottom:200px!important} .pt-0-t{padding-top:0!important}.pt-5-t{padding-top:5px!important}.pt-10-t{padding-top:10px!important}.pt-20-t{padding-top:20px!important}.pt-30-t{padding-top:30px!important}.pt-40-t{padding-top:40px!important}.pt-50-t{padding-top:50px!important}.pt-60-t{padding-top:60px!important}.pt-70-t{padding-top:70px!important}.pt-80-t{padding-top:80px!important}.pt-90-t{padding-top:90px!important}.pt-100-t{padding-top:100px!important}.pt-110-t{padding-top:110px!important}.pt-120-t{padding-top:120px!important}.pt-130-t{padding-top:130px!important}.pt-140-t{padding-top:140px!important}.pt-150-t{padding-top:150px!important}.pt-160-t{padding-top:160px!important}.pt-170-t{padding-top:170px!important}.pt-180-t{padding-top:180px!important}.pt-190-t{padding-top:190px!important}.pt-200-t{padding-top:200px!important} .pb-0-t{padding-bottom:0!important}.pb-5-t{padding-bottom:5px!important}.pb-10-t{padding-bottom:10px!important}.pb-20-t{padding-bottom:20px!important}.pb-30-t{padding-bottom:30px!important}.pb-40-t{padding-bottom:40px!important}.pb-50-t{padding-bottom:50px!important}.pb-60-t{padding-bottom:60px!important}.pb-70-t{padding-bottom:70px!important}.pb-80-t{padding-bottom:80px!important}.pb-90-t{padding-bottom:90px!important}.pb-100-t{padding-bottom:100px!important}.pb-110-t{padding-bottom:110px!important}.pb-120-t{padding-bottom:120px!important}.pb-130-t{padding-bottom:130px!important}.pb-140-t{padding-bottom:140px!important}.pb-150-t{padding-bottom:150px!important}.pb-160-t{padding-bottom:160px!important}.pb-170-t{padding-bottom:170px!important}.pb-180-t{padding-bottom:180px!important}.pb-190-t{padding-bottom:190px!important}.pb-200-t{padding-bottom:200px!important} .p-0-t{padding:0!important}.p-5-t{padding:5px!important}.p-10-t{padding:10px!important}.p-20-t{padding:20px!important}.p-30-t{padding:30px!important}.p-40-t{padding:40px!important}.p-50-t{padding:50px!important}.p-60-t{padding:60px!important}.p-70-t{padding:70px!important}.p-80-t{padding:80px!important}.p-90-t{padding:90px!important}.p-100-t{padding:100px!important}.p-110-t{padding:110px!important}.p-120-t{padding:120px!important}.p-130-t{padding:130px!important}.p-140-t{padding:140px!important}.p-150-t{padding:150px!important}.p-160-t{padding:160px!important}.p-170-t{padding:170px!important}.p-180-t{padding:180px!important}.p-190-t{padding:190px!important}.p-200-t{padding:200px!important} } @media only screen and (max-width: 767px) { .mt-xxl{margin-top:50px!important;}.mt-xl{margin-top:40px!important;}.mt-l{margin-top:30px!important;}.mt-m{margin-top:25px!important;}.mt-s{margin-top:20px!important;}.mt-xs{margin-top:25px!important;}.mt-xxs{margin-top:25px!important;} .mb-xxl{margin-bottom:50px!important;}.mb-xl{margin-bottom:40px!important;}.mb-l{margin-bottom:30px!important;}.mb-m{margin-bottom:25px!important;}.mb-s{margin-bottom:20px!important;}.mb-xs{margin-bottom:25px!important;}.mb-xxs{margin-bottom:25px!important;} .pt-xxl{padding-top:80px!important;}.pt-xl{padding-top:70px!important;}.pt-l{padding-top:70px!important;}.pt-m{padding-top:60px!important;}.pt-s{padding-top:50px!important;}.pt-xs{padding-top:40px!important;}.pt-xxs{padding-top:30px!important;} .pb-xxl{padding-bottom:80px!important;}.pb-xl{padding-bottom:70px!important;}.pb-l{padding-bottom:70px!important;}.pb-m{padding-bottom:60px!important;}.pb-s{padding-bottom:50px!important;}.pb-xs{padding-bottom:40px!important;}.pb-xxs{padding-bottom:30px!important;} .mt-xxl-m{margin-top:80px!important;}.mt-xl-m{margin-top:70px!important;}.mt-l-m{margin-top:60px!important;}.mt-m-m{margin-top:45px!important;}.mt-m-m{margin-top:35px!important;}.mt-xs-m{margin-top:25px!important;}.mt-xxs-m{margin-top:20px!important;}.mt-no-m{margin-top:0px!important;} .mb-xxl-m{margin-bottom:80px!important;}.mb-xl-m{margin-bottom:70px!important;}.mb-l-m{margin-bottom:60px!important;}.mb-m-m{margin-bottom:45px!important;}.mb-m-m{margin-bottom:35px!important;}.mb-xs-m{margin-bottom:25px!important;}.mb-xxs-m{margin-bottom:20px!important;}.mb-no-m{margin-bottom:0px!important;} .mt-0-m{margin-top:0!important}.mt-5-m{margin-top:5px!important}.mt-10-m{margin-top:10px!important}.mt-20-m{margin-top:20px!important}.mt-30-m{margin-top:30px!important}.mt-40-m{margin-top:40px!important}.mt-50-m{margin-top:50px!important}.mt-60-m{margin-top:60px!important}.mt-70-m{margin-top:70px!important}.mt-80-m{margin-top:80px!important}.mt-90-m{margin-top:90px!important}.mt-100-m{margin-top:100px!important}.mt-110-m{margin-top:110px!important}.mt-120-m{margin-top:120px!important}.mt-130-m{margin-top:130px!important}.mt-140-m{margin-top:140px!important}.mt-150-m{margin-top:150px!important}.mt-160-m{margin-top:160px!important}.mt-170-m{margin-top:170px!important}.mt-180-m{margin-top:180px!important}.mt-190-m{margin-top:190px!important}.mt-200-m{margin-top:200px!important} .mb-0-m{margin-bottom:0!important}.mb-5-m{margin-bottom:5px!important}.mb-10-m{margin-bottom:10px!important}.mb-20-m{margin-bottom:20px!important}.mb-30-m{margin-bottom:30px!important}.mb-40-m{margin-bottom:40px!important}.mb-50-m{margin-bottom:50px!important}.mb-60-m{margin-bottom:60px!important}.mb-70-m{margin-bottom:70px!important}.mb-80-m{margin-bottom:80px!important}.mb-90-m{margin-bottom:90px!important}.mb-100-m{margin-bottom:100px!important}.mb-110-m{margin-bottom:110px!important}.mb-120-m{margin-bottom:120px!important}.mb-130-m{margin-bottom:130px!important}.mb-140-m{margin-bottom:140px!important}.mb-150-m{margin-bottom:150px!important}.mb-160-m{margin-bottom:160px!important}.mb-170-m{margin-bottom:170px!important}.mb-180-m{margin-bottom:180px!important}.mb-190-m{margin-bottom:190px!important}.mb-200-m{margin-bottom:200px!important} .pt-0-m{padding-top:0!important}.pt-5-m{padding-top:5px!important}.pt-10-m{padding-top:10px!important}.pt-20-m{padding-top:20px!important}.pt-30-m{padding-top:30px!important}.pt-40-m{padding-top:40px!important}.pt-50-m{padding-top:50px!important}.pt-60-m{padding-top:60px!important}.pt-70-m{padding-top:70px!important}.pt-80-m{padding-top:80px!important}.pt-90-m{padding-top:90px!important}.pt-100-m{padding-top:100px!important}.pt-110-m{padding-top:110px!important}.pt-120-m{padding-top:120px!important}.pt-130-m{padding-top:130px!important}.pt-140-m{padding-top:140px!important}.pt-150-m{padding-top:150px!important}.pt-160-m{padding-top:160px!important}.pt-170-m{padding-top:170px!important}.pt-180-m{padding-top:180px!important}.pt-190-m{padding-top:190px!important}.pt-200-m{padding-top:200px!important} .pb-0-m{padding-bottom:0!important}.pb-5-m{padding-bottom:5px!important}.pb-10-m{padding-bottom:10px!important}.pb-20-m{padding-bottom:20px!important}.pb-30-m{padding-bottom:30px!important}.pb-40-m{padding-bottom:40px!important}.pb-50-m{padding-bottom:50px!important}.pb-60-m{padding-bottom:60px!important}.pb-70-m{padding-bottom:70px!important}.pb-80-m{padding-bottom:80px!important}.pb-90-m{padding-bottom:90px!important}.pb-100-m{padding-bottom:100px!important}.pb-110-m{padding-bottom:110px!important}.pb-120-m{padding-bottom:120px!important}.pb-130-m{padding-bottom:130px!important}.pb-140-m{padding-bottom:140px!important}.pb-150-m{padding-bottom:150px!important}.pb-160-m{padding-bottom:160px!important}.pb-170-m{padding-bottom:170px!important}.pb-180-m{padding-bottom:180px!important}.pb-190-m{padding-bottom:190px!important}.pb-200-m{padding-bottom:200px!important} .p-0-m{padding:0!important}.p-5-m{padding:5px!important}.p-10-m{padding:10px!important}.p-20-m{padding:20px!important}.p-30-m{padding:30px!important}.p-40-m{padding:40px!important}.p-50-m{padding:50px!important}.p-60-m{padding:60px!important}.p-70-m{padding:70px!important}.p-80-m{padding:80px!important}.p-90-m{padding:90px!important}.p-100-m{padding:100px!important}.p-110-m{padding:110px!important}.p-120-m{padding:120px!important}.p-130-m{padding:130px!important}.p-140-m{padding:140px!important}.p-150-m{padding:150px!important}.p-160-m{padding:160px!important}.p-170-m{padding:170px!important}.p-180-m{padding:180px!important}.p-190-m{padding:190px!important}.p-200-m{padding:200px!important} } /* ============================================================================= * margin + padding classes - horizontal * ========================================================================== */ /* margin-left */ .ml-xxl {margin-left:240px !important;} .ml-xl {margin-left:200px !important;} .ml-l {margin-left:160px !important;} .ml-m {margin-left:120px !important;} .ml-s {margin-left:80px !important;} .ml-xs {margin-left:40px !important;} .ml-xxs {margin-left:20px !important;} .ml-100 {margin-left:100% !important;} .ml-90 {margin-left:90% !important;} .ml-80 {margin-left:80% !important;} .ml-75 {margin-left:75% !important;} .ml-70 {margin-left:70% !important;} .ml-60 {margin-left:60% !important;} .ml-50 {margin-left:50% !important;} .ml-40 {margin-left:40% !important;} .ml-30 {margin-left:30% !important;} .ml-25 {margin-left:25% !important;} .ml-20 {margin-left:20% !important;} .ml-10 {margin-left:10% !important;} .ml-5 {margin-left:5% !important;} .ml-1 {margin-left:1% !important;} /* margin-right */ .mr-xxl {margin-right:240px !important;} .mr-xl {margin-right:200px !important;} .mr-l {margin-right:160px !important;} .mr-m {margin-right:120px !important;} .mr-s {margin-right:80px !important;} .mr-xs {margin-right:40px !important;} .mr-xxs {margin-right:20px !important;} .mr-100 {margin-right:100% !important;} .mr-90 {margin-right:90% !important;} .mr-80 {margin-right:80% !important;} .mr-75 {margin-right:75% !important;} .mr-70 {margin-right:70% !important;} .mr-60 {margin-right:60% !important;} .mr-50 {margin-right:50% !important;} .mr-40 {margin-right:40% !important;} .mr-30 {margin-right:30% !important;} .mr-25 {margin-right:25% !important;} .mr-20 {margin-right:20% !important;} .mr-10 {margin-right:10% !important;} .mr-5 {margin-right:5% !important;} .mr-1 {margin-right:1% !important;} /* padding-left */ .pl-xxl {padding-left:240px !important;} .pl-xl {padding-left:200px !important;} .pl-l {padding-left:160px !important;} .pl-m {padding-left:120px !important;} .pl-s {padding-left:80px !important;} .pl-xs {padding-left:40px !important;} .pl-xxs {padding-left:20px !important;} .pl-100 {padding-left:100% !important;} .pl-90 {padding-left:90% !important;} .pl-80 {padding-left:80% !important;} .pl-75 {padding-left:75% !important;} .pl-70 {padding-left:70% !important;} .pl-60 {padding-left:60% !important;} .pl-50 {padding-left:50% !important;} .pl-40 {padding-left:40% !important;} .pl-30 {padding-left:30% !important;} .pl-25 {padding-left:25% !important;} .pl-20 {padding-left:20% !important;} .pl-10 {padding-left:10% !important;} .pl-5 {padding-left:5% !important;} .pl-1 {padding-left:1% !important;} /* padding-right */ .pr-xxl {padding-right:240px !important;} .pr-xl {padding-right:200px !important;} .pr-l {padding-right:160px !important;} .pr-m {padding-right:120px !important;} .pr-s {padding-right:80px !important;} .pr-xs {padding-right:40px !important;} .pr-xxs {padding-right:20px !important;} .pr-100 {padding-right:100% !important;} .pr-90 {padding-right:90% !important;} .pr-80 {padding-right:80% !important;} .pr-75 {padding-right:75% !important;} .pr-70 {padding-right:70% !important;} .pr-60 {padding-right:60% !important;} .pr-50 {padding-right:50% !important;} .pr-40 {padding-right:40% !important;} .pr-30 {padding-right:30% !important;} .pr-25 {padding-right:25% !important;} .pr-20 {padding-right:20% !important;} .pr-10 {padding-right:10% !important;} .pr-5 {padding-right:5% !important;} .pr-1 {padding-right:1% !important;} @media only screen and (max-width: 767px) { .ml-xxl,.ml-xl,.ml-l,.ml-m,.ml-s,.ml-xs,.ml-xxs,.ml-100,.ml-90,.ml-80,.ml-75,.ml-70,.ml-60,.ml-50,.ml-40,.ml-30,.ml-20,.ml-10,.ml-5,.ml-1 {margin-left:0 !important;} .mr-xxl,.mr-xl,.mr-l,.mr-m,.mr-s,.mr-xs,.mr-xxs,.mr-100,.mr-90,.mr-80,.mr-75,.mr-70,.mr-60,.mr-50,.mr-40,.mr-30,.mr-20,.mr-10,.mr-5,.mr-1 {margin-right:0 !important;} .pl-xxl,.pl-xl,.pl-l,.pl-m,.pl-s,.pl-xs,.pl-xxs,.pl-100,.pl-90,.pl-80,.pl-75,.pl-70,.pl-60,.pl-50,.pl-40,.pl-30,.pl-20,.pl-10,.pl-5,.pl-1 {padding-left:0 !important;} .pr-xxl,.pr-xl,.pr-l,.pr-m,.pr-s,.pr-xs,.pr-xxs,.pr-100,.pr-90,.pr-80,.pr-75,.pr-70,.pr-60,.pr-50,.pr-40,.pr-30,.pr-20,.pr-10,.pr-5,.pr-1 {padding-right:0 !important;} .ml-0-m > .attributes {margin-left: 0!important;} .mr-0-m > .attributes {margin-right: 0!important;} .mt-0-m > .attributes {margin-top: 0!important;} .mb-0-m > .attributes {margin-bottom: 0!important;} } /* ============================================================================= * font-size * ========================================================================== */ .font-size-xxxxxl, .font-size-xxxxxl p { font-size: 6.667rem; line-height: 1.5; } .font-size-xxxxl, .font-size-xxxxl p { font-size: 5.667rem; line-height: 1.5; } .font-size-xxxl, .font-size-xxxl p { font-size: 5rem; line-height: 1.5; } .font-size-xxl, .font-size-xxl p { font-size: 4.333rem; line-height: 1.5; } .font-size-xl, .font-size-xl p { font-size: 3.667rem; line-height: 1.5; } .font-size-l, .font-size-l p { font-size: 3rem; line-height: 1.5; } .font-size-m, .font-size-m p { font-size: 2.333rem; line-height: 1.5; } .font-size-s, .font-size-s p { font-size: 1.667rem; line-height: 1.5; } .font-size-xs, .font-size-xs p { font-size: 1.467rem; line-height: 1.5; } .font-size-xxs, .font-size-xxs p { font-size: 1.2rem; line-height: 1.8; } .font-size-xxxs, .font-size-xxxs p { font-size: 0.9333rem; line-height: 1.5; } .font-size-xxxxs, .font-size-xxxxs p { font-size: 0.8rem; } .font-size-xxxxxs, .font-size-xxxxxs p { font-size: 0.6667rem; } /* ============================================================================= * background color classes * ========================================================================== */ .bg-accent { background-color: rgb(152,152,152); } .bg-lightgray { background-color: rgb(247,247,247)!important; } .bg-darkgray { background-color: rgb(69,69,69)!important; } .bg-black { background-color: rgb(0,0,0)!important; } .bg-gray { background-color: rgb(248,248,248); } .bg-alert { background-color: rgb(206,79,75); } .bg-info { background-color: rgb(94,187,215); } .bg-warning { background-color: rgb(240,173,78); } .bg-success { background-color: rgb(82,172,82); } .bg-transparent-white { background-color: rgba(255,255,255,0.7); } .bg-transparent-black { background-color: rgba(0,0,0,0.7); } .bg-white { background: rgb(255,255,255); } /* ============================================================================= * text color classes | important * ========================================================================== */ .color-white, .color-white p, .color-white i, .color-white h1, .color-white h2, .color-white h3, .color-white h4, .color-white h5, .color-white h6, .color-white a:not(.link-white) { color: #fff !important; border-color: rgba(255,255,255,0.3)!important; } .color-gray, .color-gray p, .color-gray i, .color-gray h1, .color-gray h2, .color-gray h3, .color-gray h4, .color-gray h5, .color-gray h6, .color-gray a:not(.link-white) { color: rgb(127,127,127)!important; } .color-lightgray, .color-lightgray p, .color-lightgray i, .color-lightgray h1, .color-lightgray h2, .color-lightgray h3, .color-lightgray h4, .color-lightgray h5, .color-lightgray h6, .color-lightgray a:not(.link-white) { color: rgb(180,180,180)!important; } .color-darkgray, .color-darkgray p, .color-darkgray i, .color-darkgray h1, .color-darkgray h2, .color-darkgray h3, .color-darkgray h4, .color-darkgray h5, .color-darkgray h6, .color-darkgray a:not(.link-white) { color: rgb(76,76,76)!important; } .color-white-trnp-50, .color-white-trnp-50 p, .color-white-trnp-50 i, .color-white-trnp-50 h1, .color-white-trnp-50 h2, .color-white-trnp-50 h3, .color-white-trnp-50 h4, .color-white-trnp-50 h5, .color-white-trnp-50 h6, .color-white-trnp-50 a:not(.link-white) { color: rgba(255,255,255,0.8)!important; } .color-accent, .color-accent p, .color-accent i, .color-accent h1, .color-accent h2, .color-accent h3, .color-accent h4, .color-accent h5, .color-accent h6, .color-accent a:not(.link-white) { color: rgb(152,152,152); } .color-success, .color-success p, .color-success i, .color-success h1, .color-success h2, .color-success h3, .color-success h4, .color-success h5, .color-success h6, .color-success a:not(.link-white) { color: rgb(157,213,93); } .color-alert, .color-alert p, .color-alert i, .color-alert h1, .color-alert h2, .color-alert h3, .color-alert h4, .color-alert h5, .color-alert h6, .color-alert a:not(.link-white) { color: rgb(247,80,90); } .color-warning, .color-warning p, .color-warning i, .color-warning h1, .color-warning h2, .color-warning h3, .color-warning h4, .color-warning h5, .color-warning h6, .color-warning a:not(.link-white) { color: rgb(240,138,36); } .color-info, .color-info p, .color-info i, .color-info h1, .color-info h2, .color-info h3, .color-info h4, .color-info h5, .color-info h6, .color-info a:not(.link-white) { color: rgb(160,211,232); } /* ============================================================================= * text color classes * ========================================================================== */ .txt-color-gray, .txt-color-gray p, .txt-color-gray i, .txt-color-gray a, .txt-color-gray h1, .txt-color-gray h2, .txt-color-gray h3, .txt-color-gray h4, .txt-color-gray h5, .txt-color-gray h6, .txt-color-gray .h1, .txt-color-gray .h2, .txt-color-gray .h3, .txt-color-gray .h4, .txt-color-gray .h5, .txt-color-gray .h6, .txt-color-gray .h1 p, .txt-color-gray .h2 p, .txt-color-gray .h3 p, .txt-color-gray .h4 p, .txt-color-gray .h5 p, .txt-color-gray .h6 p, .txt-color-gray.h1, .txt-color-gray.h2, .txt-color-gray.h3, .txt-color-gray.h4, .txt-color-gray.h5, .txt-color-gray.h6, .txt-color-gray.h1 p, .txt-color-gray.h2 p, .txt-color-gray.h3 p, .txt-color-gray.h4 p, .txt-color-gray.h5 p, .txt-color-gray.h6 p { color: rgb(127,127,127); } .txt-color-white, .txt-color-white p, .txt-color-white i, .txt-color-white a, .txt-color-white h1, .txt-color-white h2, .txt-color-white h3, .txt-color-white h4, .txt-color-white h5, .txt-color-white h6, .txt-color-white .h1, .txt-color-white .h2, .txt-color-white .h3, .txt-color-white .h4, .txt-color-white .h5, .txt-color-white .h6, .txt-color-white .h1 p, .txt-color-white .h2 p, .txt-color-white .h3 p, .txt-color-white .h4 p, .txt-color-white .h5 p, .txt-color-white .h6 p, .txt-color-white.h1, .txt-color-white.h2, .txt-color-white.h3, .txt-color-white.h4, .txt-color-white.h5, .txt-color-white.h6, .txt-color-white.h1 p, .txt-color-white.h2 p, .txt-color-white.h3 p, .txt-color-white.h4 p, .txt-color-white.h5 p, .txt-color-white.h6 p { color: rgb(255,255,255); } /* ============================================================================= * align helper classes * ========================================================================== */ .align-center, .align-center * { text-align: center !important; } .align-right, .align-right * { text-align: right !important; } .align-left, .align-left * { text-align: left !important; } .align-centered { margin-left: auto; margin-right: auto; } .align-centered.gridbuilder { float: none; } .h-align-left { text-align: left; } .h-align-center { text-align: center; } .h-align-right { text-align: right; } /* ============================================================================= * device visibility classes * ========================================================================== */ .hidden { display: none; } .only_mobile, .only-mobile { display: none!important; } @media only screen and (min-width : 768px) { .hide_desktop, .hide-desktop { display: none!important; } } /* ============================================================================= * device visibility classes themesettings extension * ========================================================================== */ body.viewport_tablet .vis-desktop, body.viewport_mobile .vis-desktop { display: none!important; } body.viewport_desktop .vis-mobile, body.viewport_tablet .vis-mobile { display: none!important; } body.viewport_desktop .vis-tablet, body.viewport_mobile .vis-tablet { display: none!important; } body.viewport_tablet .vis-desktop-mobile { display: none!important; } body.viewport_mobile .vis-desktop-tablet { display: none!important; } body.viewport_desktop .vis-mobile-tablet { display: none!important; } /* ============================================================================= * labels * ========================================================================== */ [class*='label-'] { font-weight: bold; color: #fff; border-radius: 3px; font-size: 12px; padding: 0px 10px; display: inline-block; } .label-accent { background: rgb(152,152,152); } .label-secondary { background: rgb(231,231,231); color: rgb(51,51,51); } .label-success { background: rgb(157,213,93); } .label-alert { background: rgb(247,80,90); } .label-warning { background: rgb(240,138,36); } .label-info { background: rgb(160,211,232); color: rgb(51,51,51); } /* ============================================================================= * utility classes text * ========================================================================== */ .line-through { text-decoration: line-through; } .uppercase { text-transform: uppercase; } .lowercase { text-transform: lowercase; } .medium-width { max-width: 600px; } .medium-small { max-width: 400px; } .medium-width-center { max-width: 600px; margin-left: auto; margin-right: auto; text-align: center; } .small-width-center { max-width: 400px; margin-left: auto; margin-right: auto; text-align: center; } span.highlight { background: rgb(51,51,51); color: #fff; padding-left: 3px; padding-right: 3px; } span.serif { font-family: Georgia, Times, serif; } span.no-serif { font-family: Arial, Verdana, sans-serif; } .no-underline, .no-underline a { text-decoration: none; } /* ============================================================================= * sup * ========================================================================== */ sup { font-family: Verdana, Arial, sans-serif; font-size: 0.5em; } /* ============================================================================= * misc utility classes * ========================================================================== */ .float-right { float: right; } .float-left { float: left; } .inline-block { display: inline-block; } .hide { display: none; } .overflow-hidden, .overflow_hidden { overflow: hidden!important; } .overflow-visible, .overflow_visible { overflow: visible; } .fullwith-image img, .fullwidth-image img { width: 100%!important; } .z_index1 { z-index: 1!important; } .z_index5 { z-index: 5!important; } .z_index10 { z-index: 10!important; } .z_index20 { z-index: 20!important; } .z_index30 { z-index: 30!important; } .z_index40 { z-index: 40!important; } .z_index50 { z-index: 50!important; } .z_index60 { z-index: 60!important; } .z_index70 { z-index: 70!important; } .z_index80 { z-index: 80!important; } .z_index90 { z-index: 90!important; } .z_index100 { z-index: 100!important; } body.hide-breadcrumb #breadcrumb { display: none; } /* ============================================================================= * body * ========================================================================== */ body { overflow-x: hidden; background-repeat: repeat; } /* ============================================================================= * sidebar right * ========================================================================== */ body.sidebar #main { overflow: visible; width: 73%; float: left; position: relative; } body.sidebar.right #main .mod_article { padding-left: 0!important; } body.sidebar.right #main { border-right: 1px solid rgb(229,229,229); } body.sidebar #right { overflow: visible; padding-left: 40px; width: 27%; float: left; position: relative; } body.sidebar #right .ce_text { padding: 5%; background: #f8f8f8; } /* ============================================================================= * sidebar left * ========================================================================== */ body.sidebar #left { width: 27%; position: relative; padding-right: 40px; overflow: visible; } body.sidebar.left #main { width: 73%; float: right; border-right: 0; border-left: 1px solid rgb(229,229,229); overflow: visible; } /* ============================================================================= * sidebar both * ========================================================================== */ body.sidebar.both #left { width: 20%; position: relative; padding-left: 0; padding-right: 0px; float: left; overflow: visible; } body.sidebar.both #right { left: 60%; margin-right: -22%; width: 20%; position: relative; padding-left: 0; padding-right: 0; float: left; overflow: visible; } body.sidebar.both #right .inside { padding-right: 0; } body.sidebar.both #main { width: 54%; float: right; border-right: 0; border-left: 1px solid rgb(229,229,229); border-right: 1px solid rgb(229,229,229); margin-right: 23%; overflow: visible; } /* ============================================================================= * mainmenu * ========================================================================== */ .mainmenu { overflow: visible !important; float: right; } .mainmenu .mod_article { float: right; } .mainmenu ul { position: relative; list-style-type: none; margin: 0; padding: 0; text-align: right; } .mainmenu ul ul { width: auto; display: none; white-space: nowrap; border-radius: 0; padding: 10px; position: absolute; top: 100%; margin-left: 0; background: #fff; box-shadow: 1px 8px 15px rgba(0,0,0,0.1); } .mainmenu ul ul ul { border-top: 0; margin-top: 0; box-shadow: 0px 0px 15px rgba(0,0,0,0.1); } .mainmenu ul:after { content: ""; clear: both; display: block; } .mainmenu ul li { display: inline-block; text-align: left; list-style-type: none; z-index: 10; } .mainmenu ul li { position: relative; } .mainmenu ul li:last-of-type a { padding-right: 0; } .mainmenu ul li:hover > ul { display: block; } .mainmenu ul li a { text-decoration: none; position: relative; text-transform: uppercase; transition: color 0.3s ease, opacity 0.3s ease; -webkit-transition: color 0.3s ease, opacity 0.3s ease; } .mainmenu ul li a.trail, .mainmenu ul li a.active { color: var(--color-secondary); } .mainmenu ul li a i { margin-right: 5px; display: none; } .mainmenu ul li a i { display: inline-block; width: 20px; } .mainmenu ul ul li.open-left ul { left: auto; right: 100%!important; } .mainmenu ul li.last ul { right: 0; } .mainmenu ul ul li.last ul { right: inherit; } .mainmenu ul ul li { float: none; position: relative; line-height: 32px; min-height: 0; display: block; } .mainmenu ul ul li a { text-transform: none; text-align: left; border: 0; padding: 0 1.5rem 0 0.5rem!important; line-height: 32px!important; color: #393939; font-size: 0.9rem; letter-spacing: 0; font-weight: normal; } .mainmenu ul ul li a.last { border-bottom: 0; } .mainmenu ul ul ul { position: absolute; left: 100%; top: 0; } .header .mainmenu ul.level_1 li span.ribbon { position: absolute; line-height: 18px; font-size: 0.7rem; font-weight: bold; margin-left: 5px; background: red; color: #fff; border-radius: 2px; top: -4px; padding-left: 3px; padding-right: 3px; transform: translateX(-5px); } .header .mainmenu ul.level_2 li span.ribbon { position: relative; top: -4px; transform: translateX(0); } /* ============================================================================= * mainmenu click_open * ========================================================================== */ .mainmenu ul li.click_open ul { display: none; animation: none; } .mainmenu ul li.click_open ul.active { display: block; } /* ============================================================================= * hide error pages from menu * ========================================================================== */ .mod_navigation .error_401, .mod_navigation .error_403, .mod_navigation .error_404 { display: none; } a { color: #555; text-decoration: none; } /* ============================================================================= * submenu sidebar * ========================================================================== */ .subnav { margin-top: 40px; } .subnav a { display: block; padding: 10px 10px 10px 40px; margin-bottom: 4px; color: rgb(152,152,152); border-radius: 3px; -webkit-transition: All 0.1s ease; transition: All 0.1s ease; } .subnav i { margin-right: 10px; display: none; } .subnav a.menuheader { background: none!important; border-bottom: 1px solid rgb(229,229,229); border-radius: 0; } .subnav i { display: inline-block; width: 20px; margin-left: -30px; } .subnav li ul li { border: 0; } .subnav ul ul li { padding: 0; } .subnav a:hover, .subnav a.active { background: rgb(248,248,248); } .subnav ul li.active > ul, .subnav ul li.trail > ul { display: block; } .subnav ul ul a { padding-left: 60px; } .subnav ul ul { display: none; } .subnav ul ul ul { display: none; } .subnav ul ul ul ul { display: none; } /* ============================================================================= * mmenu-trigger * ========================================================================== */ .mmenu_trigger { display: none; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); align-items: center; color: rgb(255,255,255); } .mmenu_trigger .label { margin-right: 8px; cursor: pointer; } .mmenu_trigger .burger { height: 21px; width: 21px; position: relative; font-size: 7px; cursor: pointer; transition: .2s all; } .mmenu_trigger .burger .burger_lines:after { left: 0; top: -15px; } .mmenu_trigger .burger .burger_lines:before { left: 1em; top: 15px; } .mmenu_trigger .burger:after { content: ''; display: block; position: absolute; height: 150%; width: 150%; top: -25%; left: -25%; } .mmenu_trigger .burger .burger_lines { top: 50%; margin-top: -1px; } .mmenu_trigger .burger .burger_lines, .mmenu_trigger .burger .burger_lines:after, .mmenu_trigger .burger .burger_lines:before { pointer-events: none; display: block; content: ''; width: 100%; border-radius: 10px; background-color: rgb(255,255,255); height: 2px; position: absolute; transform: rotate(0); } .mmenu_trigger .burger .burger_lines:after { left: 0; top: -7px; } .mmenu_trigger .burger .burger_lines:before { left: 0; top: 7px; } .mmenu_trigger .burger.style2 .burger_lines:before, .mmenu_trigger .burger.style2 .burger_lines:after { width: 2em; } /* open transform */ .mmenu_trigger .burger.transform .burger_lines, .mmenu_trigger .burger.transform .burger_lines:after, .mmenu_trigger .burger.transform .burger_lines:before { transition: .2s top .2s, .1s left, .2s transform, .4s background-color .2s; } .mmenu_trigger .burger.transform.open .burger_lines, .mmenu_trigger .burger.transform.open .burger_lines:after, .mmenu_trigger .burger.transform.open .burger_lines:before { transition: .2s background-color, .2s top, .2s left, .2s transform .15s; } .mmenu_trigger .burger.transform.open .burger_lines { background-color: transparent; } .mmenu_trigger .burger.transform.open .burger_lines:before, .mmenu_trigger .burger.transform.open .burger_lines:after { left: 0; top: 0px; } .mmenu_trigger .burger.transform.open .burger_lines:before { transform: rotate(-45deg); } .mmenu_trigger .burger.transform.open .burger_lines:after { transform: rotate(45deg); } /* open rotate */ .mmenu_trigger .burger.rotate .burger_lines, .mmenu_trigger .burger.rotate .burger_lines:after, .mmenu_trigger .burger.rotate .burger_lines:before { transition: all .2s; } .mmenu_trigger .burger.rotate.open { transform: rotate(180deg); } .mmenu_trigger .burger.rotate.open .burger_lines { background-color: transparent; } .mmenu_trigger .burger.rotate.open .burger_lines:before, .mmenu_trigger .burger.rotate.open .burger_lines:after { left: 0; top: 0px; } .mmenu_trigger .burger.rotate.open .burger_lines:before { transform: rotate(135deg); } .mmenu_trigger .burger.rotate.open .burger_lines:after { transform: rotate(-135deg); } /* ============================================================================= * mmenu * ========================================================================== */ @media only screen and (min-width: 768px) { #mmenu { display: none; } } #mmenu { left: 0px; right: 0px; height: calc(100% - 70px); position: fixed; top: 70px; z-index: 1000; min-width: 80%; transform: translateY(calc(-100% - 55px)); transition: transform 0.3s ease; -webkit-transition: transform 0.3s ease; background: rgb(255,255,255); } body.mmenu_open #mmenu { transform: translate(0)!important; } #mmenu .scrollable { height: calc(100% - 50px); overflow-y: auto; } #mmenu #mmenu_top { padding: 20px; background: rgb(255,255,255); overflow: visible; position: relative; } #mmenu #mmenu_middle { padding: 0 20px 20px 20px; background: rgb(255,255,255); } #mmenu #mmenu_bottom { background: rgb(255,255,255); position: fixed; bottom: 0; left: 0; right: 0; display: flex; align-items: center; padding: 5px 20px 10px 20px; } /* arrow */ #mmenu .mod_navigation li.submenu { position: relative; } #mmenu .mod_navigation li.submenu .opener { position: absolute; right: 0; top: 0; width: 30px; height: 34px; z-index: 10; } #mmenu .mod_navigation li.submenu a { z-index: 5; } #mmenu .mod_navigation li a.submenu:after { position: absolute; right: 10px; top: 3px; margin-left: 15px; transition-duration: 0.3s; transition-property: transform; } #mmenu .mod_navigation.mobile_horizontal li a.submenu.open:after { transform:rotate(180deg); } #mmenu .mod_navigation.mobile_horizontal li a.submenu:after { transform:rotate(-90deg); } #mmenu .mod_navigation.mobile_horizontal li a.submenu.open:after { transform:rotate(90deg); float: left; margin-left: 0; } #mmenu .mod_navigation.mobile_horizontal li a.submenu.open { border-bottom: 1px solid rgba(0,0,0,0.1); padding-bottom: 10px; margin-bottom: 10px; } #mmenu .mod_navigation.mobile_horizontal .level_2 li a.submenu.open { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; } #mmenu .mod_navigation.mobile_horizontal .level_2 li a.submenu.open:after { transform:rotate(90deg); } #mmenu li i { margin-right: 10px; } /* socials */ #mmenu .mod_socials { margin-right: 20px; } #mmenu .mod_socials a i { line-height: 17px; padding: 5px; margin-right: 1px; background: rgba(0,0,0,0.05); font-size: 17px; display: inline-block; height: 27px; width: 27px; text-align: center; margin-bottom: 1px; } /* langswitch */ #mmenu .mod_langswitcher { position: absolute; top: 50%; transform: translateY(-50%); right: 10px; margin: 0; text-align: right; } #mmenu .mod_langswitcher .mod_langswitcher_inside:before { border-color: rgb(51, 51, 51); } /* search */ #mmenu .mod_search { width: 75%; } #mmenu .mod_search input { border-radius: 5px; background: rgba(255,255,255,0.2); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIzMy43MDZweCIgaGVpZ2h0PSIzMy43MDZweCIgdmlld0JveD0iMCAwIDMzLjcwNiAzMy43MDYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMzLjcwNiAzMy43MDYiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnIG9wYWNpdHk9IjAuOCI+PHBhdGggZmlsbD0iIzkzOTM5MyIgZD0iTTE3Ljc1NSwwLjk0NUMxNi4yMDksMC4zMTgsMTQuNTc2LDAsMTIuOSwwYy0xLjY3NSwwLTMuMzA4LDAuMzE4LTQuODU0LDAuOTQ1QzYuNDQ1LDEuNTk0LDUuMDEsMi41NDcsMy43NzgsMy43NzhDMi41NDcsNS4wMSwxLjU5NCw2LjQ0NSwwLjk0NCw4LjA0N0MwLjMxOCw5LjU5MywwLDExLjIyNiwwLDEyLjljMCwxLjY3NiwwLjMxOCwzLjMwOSwwLjk0NCw0Ljg1NGMwLjY0OSwxLjYwMSwxLjYwMywzLjAzNywyLjgzNCw0LjI2OWMxLjIzMSwxLjIzLDIuNjY3LDIuMTg2LDQuMjY5LDIuODM0YzEuNTQ2LDAuNjI3LDMuMTc5LDAuOTQ0LDQuODU0LDAuOTQ0YzEuNjc2LDAsMy4zMDktMC4zMTcsNC44NTQtMC45NDRjMS42MDItMC42NDgsMy4wMzctMS42MDQsNC4yNy0yLjgzNGMxLjIyOS0xLjIzLDIuMTg1LTIuNjY4LDIuODM0LTQuMjY5YzAuNjI1LTEuNTQ2LDAuOTQzLTMuMTc5LDAuOTQzLTQuODU0YzAtMS42NzUtMC4zMTgtMy4zMDgtMC45NDMtNC44NTRjLTAuNjQ5LTEuNjAyLTEuNjA0LTMuMDM3LTIuODM0LTQuMjY5QzIwLjc5MiwyLjU0NywxOS4zNTQsMS41OTQsMTcuNzU1LDAuOTQ1eiBNMjAuNjU4LDIwLjY1OGMtNC4yNzcsNC4yNzYtMTEuMjM3LDQuMjc2LTE1LjUxNSwwYy00LjI3OC00LjI3Ny00LjI3Ny0xMS4yMzcsMC0xNS41MTVzMTEuMjM3LTQuMjc3LDE1LjUxNSwwUzI0LjkzNywxNi4zODEsMjAuNjU4LDIwLjY1OHoiLz48cmVjdCB4PSIyNi45NTIiIHk9IjIwLjY5NyIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIC0wLjcwNzEgMC43MDcxIDAuNzA3MSAtMTEuNTYzOCAyNy45MTc1KSIgZmlsbD0iIzkzOTM5MyIgd2lkdGg9IjEuOTMxIiBoZWlnaHQ9IjE0LjQ0MiIvPjwvZz48L3N2Zz4=); background-repeat: no-repeat; background-position: 93% center; background-size: 20px; padding: 5px 50px 5px 20px; height: 36px!important; margin-bottom: 0; } #mmenu .mod_search .widget { width: 100%!important; margin-bottom: 0; height: auto!important; } #mmenu .mod_search .submit { display: none; } #mmenu .mod_search .label, #mmenu .mod_search .close-window { display: none; } /* mmenu mod_navigation */ #mmenu .mod_navigation li a { display: block; padding: 4px 40px 4px 0; } #mmenu .mod_navigation li a.open, #mmenu .mod_navigation li a.active, #mmenu .mod_navigation li a:focus { font-weight: bold; } /* mobile_horizontal */ #mmenu nav.mobile_horizontal { display: none; } #mmenu nav.mobile_horizontal li.hidden { display: none !important; } #mmenu nav.mobile_horizontal ul ul li { display: none; } #mmenu nav.mobile_horizontal li.open > ul > li { display: block; } #mmenu nav.mobile_horizontal li.open > a { font-weight: bold; } /* mobile_vertical */ #mmenu nav.mobile_vertical ul > li > ul { display: none; } #mmenu nav.mobile_vertical ul > li.open > ul { display: block; } #mmenu nav.mobile_vertical ul ul { padding-left: 15px; } /* .mod_mmenu_custom_nav */ #mmenu .mod_mmenu_custom_nav a { display: inline-block; margin-right: 8px; } /* mmenu_overlay */ .mmenu_overlay { content: ''; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.7); z-index: 10; display: none; } /* mmenu onepagenav */ @media only screen and (max-width: 767px) { .onepage_page .header .mod_navigation.onepagenav { display: none!important; } } /* ============================================================================= * back hyperlink * ========================================================================== */ .back a:before { font-family: "Font Awesome 6 Pro"; content: '\f100'; margin-right: 5px; } /* ============================================================================= * code + abbr * ========================================================================== */ code, pre, .txt-white pre { font-family: monospace; background: #FFFFE0; color: rgb(76,76,76)!important; display: inline-block; padding: 10px; margin-bottom: 10px; } /* ============================================================================= * pagination * ========================================================================== */ .pagination { clear: both; } .pagination ul { padding: 0; float: left; } .pagination p { float: right; } .pagination li { background: none; padding: 0; margin: 0; float: left; list-style-type: none; } .pagination li:before, .pagination li a:before { content: ''; } .pagination li a, .pagination li span { background: none; display: block; margin-right: 1px; color: inherit; text-decoration: none; padding: 3px 10px; } .pagination li span.current { background: rgb(152,152,152); color: white; border-radius: 2px; } .pagination li a:hover { color: rgb(152,152,152); } .pagination-white .pagination, .pagination-white .pagination a { color: rgb(255,255,255); } /* ============================================================================= * image_container * ========================================================================== */ .image_container { position: relative; padding: 0; line-height: 0; } .image_container a { line-height: 0; } .image_container .caption { background: rgba(0,0,0,0.7); color: #fff; padding: 8px 12px; font-size: 0.8667rem; border-radius: 3px; line-height: 1.3; display: inline-block; margin-top: 5px; } .image_container .caption h1, .image_container .caption h2, .image_container .caption h3, .image_container .caption h4, .image_container .caption h5, .image_container .caption h6 { color: rgb(255,255,255); margin: 0; } .image_container.float_right, .image_container.float_left { float: right; width: 45%; padding: 0; margin-bottom: 3%; } .image_container.float_right { margin-left: 5%; } .image_container.float_left { margin-right: 5%; float: left; } .image_container img { display: block; height: auto; max-width: 100%; width: 100%; } .no-responsive .image_container img, .no-responsive.image_container img { width: auto; max-width: none; display: inline-block; } .no-responsive .image_container.float_right, .no-responsive .image_container.float_left { width: auto; margin: 0; } .border .image_container img { border: 1px solid rgb(229,229,229); } /* ============================================================================= * ce_image * ========================================================================== */ .ce_image .image_container img { width: auto; } .ce_image.h-align-center img, .ce_image.h-align-right img { display: inline-block; } .ce_image.border-gray-1px img { border: 1px solid rgb(220,220,220); } .ce_image.border-gray-5px img { border: 5px solid rgb(220,220,220); } .ce_image.border-gray-10px img { border: 10px solid rgb(220,220,220); } .ce_image.border-white-1px img { border: 1px solid rgb(255,255,255); } .ce_image.border-white-5px img { border: 5px solid rgb(255,255,255); } .ce_image.border-white-10px img { border: 10px solid rgb(255,255,255); } .ce_image.style-rounded img { border-radius: 100%; } .ce_image.img-border-style-2 img { border-radius: 65px 0 65px 0; } /* ============================================================================= * lists * ========================================================================== */ .ce_text ul, .ce_list ul, .ce_text ol, .ce_list ol { margin-bottom: 15px; } .ce_text li, .ce_list li, .ce_text ol, .ce_list ol { line-height: 1.5em; } .ce_text ul, .ce_text ol, .ce_list:not(.hasIcon) ul, .ce_list:not(.hasIcon) ol { padding-left: 25px; } .ce_text ul li, .ce_list ul li { list-style-type: disc; list-style-position: outside; position: relative; margin-bottom: 4px; } .ce_text ol, .ce_list:not(.hasIcon) ol { list-style: decimal; padding-left: 26px; } .ce_text ol ol, .ce_list ol ol { list-style: upper-alpha; } .ce_text ol ol ol, .ce_list ol ol ol { list-style: lower-roman; } /* ============================================================================= * ce_gallery * ========================================================================== */ .ce_gallery .cols_2 li { width: calc(100% / 2); float: left; } .ce_gallery .cols_3 li { width: calc(100% / 3); float: left; } .ce_gallery .cols_4 li { width: calc(100% / 4); float: left; } .ce_gallery .cols_5 li { width: calc(100% / 5); float: left; } .ce_gallery .cols_6 li { width: calc(100% / 6); float: left; } .ce_gallery .cols_7 li { width: calc(100% / 7); float: left; } .ce_gallery .cols_8 li { width: calc(100% / 8); float: left; } .ce_gallery .cols_9 li { width: calc(100% / 9); float: left; } .ce_gallery .cols_10 li { width: calc(100% / 10); float: left; } .ce_gallery .cols_11 li { width: calc(100% / 11); float: left; } .ce_gallery .cols_12 li { width: calc(100% / 12); float: left; } .edge .ce_gallery .cols_2 li { width: 49.8%; float: left; } .edge .ce_gallery .cols_3 li { width: 33.20%; float: left; } .edge .ce_gallery .cols_4 li { width: 24.98%; float: left; } .edge .ce_gallery .cols_5 li { width: 19.98%; float: left; } .edge .ce_gallery .cols_6 li { width: 16.65%; float: left; } .edge .ce_gallery .cols_7 li { width: 14.285%; float: left; } .edge .ce_gallery .cols_8 li { width: 12.46%; float: left; } .edge .ce_gallery .cols_9 li { width: 11.11%; float: left; } .edge .ce_gallery .cols_10 li { width: 10%; float: left; } .edge .ce_gallery .cols_11 li { width: 9.09%; float: left; } .edge .ce_gallery .cols_12 li { width: 8.33%; float: left; } .ce_gallery .gallery-margin { margin-left: -10px; margin-right: -10px; } .ce_gallery .gallery-margin .image_container { margin: 0 5px 10px; } .ce_gallery .image_container { margin: 0; } .ce_gallery a { width: 100%; height: 100%; display: block; } .ce_gallery .content { position: absolute; left: 0; top: 0; bottom: 0; right: 0; height: 100%; background: rgba(152,152,152,0.8); opacity: 0; transition: All 0.5s ease; -webkit-transition: All 0.5s ease; } .ce_gallery li:hover .content { opacity: 1; } .ce_gallery li img { transition: All 0.5s ease; -webkit-transition: All 0.5s ease; } .ce_gallery .image_container { overflow: hidden; } .ce_gallery .content-outside { display: table; width: 100%; height: 100%; } .ce_gallery .content-inside { display: table-cell; vertical-align: middle; text-align: center; color: rgb(255,255,255); line-height: 1.5; } .ce_gallery .capt h1, .ce_gallery .capt h2, .ce_gallery .capt h3, .ce_gallery .capt h4, .ce_gallery .capt h5, .ce_gallery .capt h6 { font-size: 1.067rem; font-weight: bold; letter-spacing: 1px; color: rgb(255,255,255); margin: 0; } .ce_gallery .capt h1:after, .ce_gallery .capt h2:after, .ce_gallery .capt h3:after, .ce_gallery .capt h4:after, .ce_gallery .capt h5:after, .ce_gallery .capt h6:after { content: ''; width: 50px; height: 2px; display: block; margin: 8px auto 15px auto; background: rgb(255,255,255); } .ce_gallery .capt { font-size: 0.8rem; } .ce_gallery .borders li { border-right: 1px solid rgb(229,229,229); border-bottom: 1px solid rgb(229,229,229); } .ce_gallery .borders li.row_last { border-bottom: 1px solid transparent; } .ce_gallery .borders li.col_last { border-right-color: transparent; } .ce_gallery .borders li:hover img { transform: none; -webkit-transform: none; } .ce_gallery .borders figcaption { width: 100% !important; border-radius: 0; text-align: center; } .ce_gallery .image_container i.fa.fa-plus-circle { position: relative; height: 50px; width: 50px; } .ce_gallery .image_container i.fa.fa-plus-circle:before { content: ''; width: 50px; height: 1px; background: rgb(255,255,255); display: inline-block; position: absolute; top: 25px; left: 0; -webkit-transition: all 0.2s; transition: all 0.2s; } .ce_gallery .image_container i.fa.fa-plus-circle:after { content: ''; width: 50px; height: 1px; background: rgb(255,255,255); display: inline-block; position: absolute; top: 25px; left: 0; } .ce_gallery li:hover .image_container i.fa.fa-plus-circle:before { -webkit-transform: rotate(90deg); transform: rotate(90deg); } /* ============================================================================= * ce_gallery flex-gallery * ========================================================================== */ .ce_gallery ul.flex-gallery { display: flex; flex-wrap: wrap; align-items: center; } .ce_gallery ul.flex-gallery li { max-width: none; line-height: 0; text-align: center; } .ce_gallery ul.flex-gallery.cols_1 li { flex: 0 0 100%; } .ce_gallery ul.flex-gallery.cols_2 li { flex: 0 0 calc(100% / 2); } .ce_gallery ul.flex-gallery.cols_3 li { flex: 0 0 calc(100% / 3); } .ce_gallery ul.flex-gallery.cols_4 li { flex: 0 0 calc(100% / 4); } .ce_gallery ul.flex-gallery.cols_5 li { flex: 0 0 calc(100% / 5); } .ce_gallery ul.flex-gallery.cols_6 li { flex: 0 0 calc(100% / 6); } .ce_gallery ul.flex-gallery.cols_7 li { flex: 0 0 calc(100% / 7); } .ce_gallery ul.flex-gallery.cols_8 li { flex: 0 0 calc(100% / 8); } .ce_gallery ul.flex-gallery.cols_9 li { flex: 0 0 calc(100% / 9); } .ce_gallery ul.flex-gallery.cols_10 li { flex: 0 0 calc(100% / 10); } .ce_gallery ul.flex-gallery.cols_11 li { flex: 0 0 calc(100% / 11); } .ce_gallery ul.flex-gallery.cols_12 li { flex: 0 0 calc(100% / 12); } .ce_gallery .borders.flex-gallery { align-items: inherit; } /* ============================================================================= * ce_headline * ========================================================================== */ .ce_headline.width-l { max-width: 700px; } .ce_headline.width-m { max-width: 500px; } .ce_headline.width-s { max-width: 350px; } .ce_headline.h-align-center.width-l, .ce_headline.h-align-center.width-m, .ce_headline.h-align-center.width-s { margin-left: auto; margin-right: auto; } .ce_headline [class^="label"] { position: relative; top: -0.6em; font-size: 0.6em; padding: 1px 6px; } /* ============================================================================= * ce_text * ========================================================================== */ .ce_text .image_container img { width: auto; } .ce_text .image_container.float_right, .ce_text .image_container.float_left { width: auto; } .ce_text.width-l { max-width: 700px; } .ce_text.width-m { max-width: 500px; } .ce_text.width-s { max-width: 350px; } .ce_text.h-align-center.width-l, .ce_text.h-align-center.width-m, .ce_text.h-align-center.width-s { margin-left: auto; margin-right: auto; } .ce_text.format-p-large p { font-size: 1.3rem; } .ce_text.format-p-small p { font-size: 0.9rem; } .ce_text.mb-0 p { margin-bottom: 0; } /* ============================================================================= * ce_accordion * ========================================================================== */ .ce_accordionStart { position: relative; } .ce_accordion .accordion { padding:20px; border:0; background:none; } .ce_accordion .accordion > div { padding:0; } .ce_accordion .toggler { line-height:30px; font-weight:bold; cursor:pointer; margin-bottom: 6px; } .ce_accordionStart:last-of-type .toggler { margin-bottom: 0; } .ce_accordion .toggler:hover { color:rgb(76,76,76); } .ce_accordion .toggler:before { width:25px; height:25px; clear:both; display:inline-block; margin-left:15px; padding:0; text-align:center; font-weight:normal; color:rgb(152,152,152); content:"\f107"; } .ce_accordionSingle { margin-bottom: 1px; } .ce_hyperlink a, a.btn { display: inline-block; padding: 15px 50px; margin-bottom: 15px; cursor:pointer; transition:all 0.2s ease-out 0s; width: auto; background: rgb(152,152,152); border: 2px solid rgb(152,152,152); font-weight: bold; min-width: 140px; text-align: center!important; position: relative; position: relative; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; font-size: 1rem; } .ce_hyperlink a, a.btn { color: #fff; } .ce_hyperlink a:hover, a.btn:hover { opacity: 0.8; } .ce_hyperlink a.link-white, a.btn.link-white { color: rgb(152,152,152); border: 2px solid rgb(255,255,255); background: rgb(255,255,255); } .ce_hyperlink a.link-white:hover, a.btn.link-white:hover { background: rgb(152,152,152); color: rgb(255,255,255); } .ce_hyperlink a.link-white.outline, a.btn.link-white.outline { color: rgb(255,255,255); } .ce_hyperlink a.link-white.outline:hover, a.btn.link-white.outline:hover { background: rgb(255,255,255); border-color: rgb(255,255,255); color: rgb(37,37,37); } .ce_hyperlink a.outline, a.btn.outline { background: transparent; color: rgb(152,152,152); } .ce_hyperlink a.outline:hover, a.btn.outline:hover { background: rgb(37,37,37); border-color: rgb(37,37,37); color: rgb(255,255,255); } .ce_hyperlink i { margin-right: 8px; } .ce_hyperlink.small a, a.btn.small { padding: 9px 15px; font-size: 0.75rem; } .ce_hyperlink.large a, a.btn.large { padding: 20px 30px; } .ce_hyperlink.wide a, a.btn.large { padding: 15px 50px; } .ce_hyperlink.expand a, a.btn.expand { width: 100%; } .ce_hyperlink a.alert, a.btn.alert { background: rgb(247,80,90); border-color: rgb(247,80,90); } .ce_hyperlink a.warning, a.btn.warning { background: rgb(240,138,36); border-color: rgb(240,138,36); } .ce_hyperlink a.info, a.btn.info { background: rgb(160,211,232); border-color: rgb(160,211,232); color: rgb(51,51,51); } .ce_hyperlink a.success:hover, a.btn.success:hover, .ce_hyperlink a.secondary:hover, a.btn.secondary:hover, .ce_hyperlink a.alert:hover, a.btn.alert:hover, .ce_hyperlink a.warning:hover, a.btn.warning:hover, .ce_hyperlink a.info:hover, a.btn.info:hover { opacity: 0.8; } .ce_hyperlink.border-radius-3 a, a.btn.border-radius-3 { border-radius: 3px; } .ce_hyperlink.border-radius-5 a, a.btn.border-radius-5 { border-radius: 5px; } .ce_hyperlink.border-radius-10 a, a.btn.border-radius-10 { border-radius: 10px; } .ce_hyperlink.border-radius-20 a, a.btn.border-radius-20 { border-radius: 20px; } .ce_text a.btn { margin-top: 15px; } .ce_hyperlink.btn-animated i { opacity: 0; width: 0; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .ce_hyperlink.btn-animated a:hover i { opacity: 1; width: 16px; } .ce_hyperlink.mb-0 a { margin-bottom: 0; } /* ============================================================================= * ce_player * ========================================================================== */ .ce_player video { width: 100%!important; } /* ============================================================================= * mod_article * ========================================================================== */ #main .mod_article { position: relative; } #main .mod_article.smallwidth { margin-left: auto; margin-right: auto; } #main .mod_article.smallwidth .contentwrap { padding-left: 17%; padding-right: 17%; } .mod_portfoliolist .item:hover .linkbar { bottom: 0; height: 56px; } /* ============================================================================= * forms * ========================================================================== */ input, textarea, select { padding:10px; background-color: rgba(255,255,255,0.5); border:1px solid rgba(0,0,0,0.2); transition:all 0.15s linear 0s; width: 100%; font-family: inherit; } body.ie input.upload::-ms-value { padding:10px; background-color:#fff; border:1px solid #eee; transition:all 0.15s linear 0s; width: 100%; } label { margin-bottom: 3px; } form .widget input, form .widget textarea, form .widget select { width: 100%; } textarea { height: 400px; } input:hover:not([type="submit"]), button:hover:not([type="submit"]), textarea:hover { border:1px solid rgb(153,153,153); } input:focus, textarea:focus { background-color:#fff; border:1px solid rgb(152,152,152); border-radius:0; } form .checkbox_container { overflow: hidden; margin-bottom: 2px; } input.checkbox { margin-right: 5px; } input.checkbox, input.captcha { width: auto!important; } form div.widget { margin-bottom:20px; } form fieldset { padding:10px; border: 1px solid rgba(0,0,0,0.2); } form.no-border fieldset { padding: 0; border: 0; border-top: 1px solid rgba(0,0,0,0.2); } form.no-border fieldset legend { margin-bottom: 25px; } form.no-border fieldset.checkbox_container { border: 0; } form fieldset { margin-bottom:20px; } form fieldset.hidden { display: none; } form fieldset legend { width:auto; padding-right:10px; padding-left:10px; background-color:rgb(152,152,152); color:#fff; } form select { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBBRUQ1QTQ1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBBRUQ1QTU1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMEFFRDVBMjVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMEFFRDVBMzVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5mU4QAAACUSURBVHjaYmRgYJD6////MwY6AyaGAQIspCieM2cOjKkIxCFA3A0TSElJoZ3FUCANxAeAWA6IOYG4iR5BjWwpCDQCcSnNgxoIVJCDFwnwA/FHWlp8EIpHSKoGgiggLkITewrEcbQO6mVAbAbE+VD+a3IsJTc7FQAxDxD7AbEzEF+jR1DDywtoCr9DbhwzDlRZDRBgACYqHJO9bkklAAAAAElFTkSuQmCC); background-position: center right; background-repeat: no-repeat; line-height: 1.3; height: 48px; padding: 5px 35px 5px 10px; border:1px solid rgba(0,0,0,0.2); border-radius: 0; } .firefox form select { height: 49px; } form select option { padding-right:10px; padding-left:10px; } form select.multiselect option { padding-right:0; padding-left:0; } form textarea { font-family: inherit; } form .checkbox_container span, form .widget-radio span { display: block; overflow: hidden; margin-bottom: 5px; } form .widget-radio input { width: auto; margin-right: 5px; margin-left: 3px; } form .widget-radio label { width: auto; } form span.mandatory { color:#f00; } form .captcha_text { margin: 10px 0 15px 15px; color: red; } form p.error { color: red; } .android .widget-radio label, .android .widget-checkbox label { position: relative; top: -3px; } .ios input[type=checkbox], .ios input[type=radio] { -webkit-transform: scale(0.5); transform: scale(0.5); vertical-align: middle; position: relative; bottom: 1px; } .ie form .widget-radio input, .ie form .widget-checkbox input { border: 0; } /* ============================================================================= * submit input * ========================================================================== */ input.submit, button.submit { display: inline-block; padding: 15px 20px; height: 48px; cursor:pointer; transition:all 0.2s ease-out 0s; width: auto; background: rgb(152,152,152); color: #fff; border-radius: 3px; font-weight: bold; font-size: 0.8rem; min-width: 140px; text-align: center; position: relative; } input.submit, button.submit, form div.widget { font-family:inherit; } /* ============================================================================= * datepicker * ========================================================================== */ .gridbuilder_wrapper.formfield, .gridbuilder_wrapper.formfield .gridbuilder { overflow: visible; } form div.widget { position: relative; } input.datepicker { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUwMCA1MDAiIGhlaWdodD0iNTAwcHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MDAgNTAwIiB3aWR0aD0iNTAwcHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnPjxnPjxnPjxwYXRoIGQ9Ik0yMTAuNzI2LDMwMi4yNzFjMCwwLDUuNSw1LjUsMTIuNjMzLDUuNWM1LjU4NiwwLDguNzY2LTIuNzUsOC43NjYtNi4xMDIgICAgICBjMC00LjgxMy00LjgxMy02Ljc4OS0xMS40MzEtNi43ODloLTQuMjk3bC0zLjE4LTcuMzA1bDguMDc4LTkuNzExYzIuOTIyLTMuNTI0LDUuMzI5LTUuNzU4LDUuMzI5LTUuNzU4di0wLjE3MiAgICAgIGMwLDAtMS45NzcsMC40My01Ljg0NCwwLjQzaC0xNC42OTV2LTEyLjg5MWgzOC43NTl2OS4zNjdsLTEyLjQ2MSwxNC4zNTJjOS4xMSwxLjk3NywxNC44NjcsOS4xOTUsMTQuODY3LDE3Ljc5ICAgICAgYzAsMTAuNDg1LTcuMzkxLDIwLjk2OS0yMi43NzQsMjAuOTY5Yy0xMy43NTEsMC0yMC45NjktOC4wNzgtMjAuOTY5LTguMDc4TDIxMC43MjYsMzAyLjI3MXoiIGZpbGw9IiMyMzFGMjAiLz48cGF0aCBkPSJNMjU2LjE4OCwzMDguMDI5aDEzLjA2M3YtMjUuNjFjMC0yLjMyLDAuMDg2LTQuNzI3LDAuMDg2LTQuNzI3aC0wLjE3MmMwLDAtMC43NzMsMS43MTktMi40MDYsMy4yNjYgICAgICBsLTMuNjk1LDMuMzUxbC04LjY4LTkuMjgxbDE2LjU4Ni0xNS41NTVoMTIuOTc3djQ4LjU1NmgxMy4xNDl2MTIuODkxaC00MC45MDhWMzA4LjAyOXoiIGZpbGw9IiMyMzFGMjAiLz48L2c+PHBhdGggZD0iTTM0MS4zMjEsMTg2Ljc2OGgtMjIuNzczdi0xNS45NDFjMC0xNS4wNjktMTIuMjU5LTI3LjMyOC0yNy4zMjgtMjcuMzI4cy0yNy4zMjgsMTIuMjU5LTI3LjMyOCwyNy4zMjggICAgIHYxNS45NDFoLTI3Ljc4M3YtMTUuOTQxYzAtMTUuMDY5LTEyLjI1OS0yNy4zMjgtMjcuMzI4LTI3LjMyOGMtMTUuMDY5LDAtMjcuMzI4LDEyLjI1OS0yNy4zMjgsMjcuMzI4djE1Ljk0MWgtMjIuNzczICAgICBjLTQuNTI4LDAtOC4xOTgsMy42NzEtOC4xOTgsOC4xOTh2MTU0LjQwM2MwLDQuNTI4LDMuNjcxLDguMTk4LDguMTk4LDguMTk4aDE4Mi42NDJjNC41MjgsMCw4LjE5OC0zLjY3LDguMTk4LTguMTk4VjE5NC45NjYgICAgIEMzNDkuNTE5LDE5MC40MzgsMzQ1Ljg0OSwxODYuNzY4LDM0MS4zMjEsMTg2Ljc2OHogTTI4MC4yODksMTcwLjgyN2MwLTYuMDM3LDQuODk0LTEwLjkzMSwxMC45MzEtMTAuOTMxICAgICBjNi4wMzcsMCwxMC45MzEsNC44OTQsMTAuOTMxLDEwLjkzMXYzNy4xMmMwLDYuMDM3LTQuODk0LDEwLjkzMS0xMC45MzEsMTAuOTMxYy02LjAzNywwLTEwLjkzMS00Ljg5NC0xMC45MzEtMTAuOTMxVjE3MC44Mjd6ICAgICAgTTE5Ny44NDksMTcwLjgyN2MwLTYuMDM3LDQuODk0LTEwLjkzMSwxMC45MzEtMTAuOTMxYzYuMDM3LDAsMTAuOTMxLDQuODk0LDEwLjkzMSwxMC45MzF2MzcuMTIgICAgIGMwLDYuMDM3LTQuODk0LDEwLjkzMS0xMC45MzEsMTAuOTMxYy02LjAzNywwLTEwLjkzMS00Ljg5NC0xMC45MzEtMTAuOTMxVjE3MC44Mjd6IE0zMzMuMTIzLDM0MS4xNzFIMTY2Ljg3OFYyNDIuNzloMTY2LjI0NSAgICAgVjM0MS4xNzF6IiBmaWxsPSIjMjMxRjIwIi8+PC9nPjwvZz48L3N2Zz4=); background-size: 45px; background-position: right center; padding-right: 40px; } input.timepicker { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMSBUaW55Ly9FTicgICdodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS10aW55LmR0ZCc+PHN2ZyBiYXNlUHJvZmlsZT0idGlueSIgaGVpZ2h0PSIzMnB4IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMycHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnIGlkPSJHdWlkZXNfX3gyNl9fRm9ybXMiLz48ZyBpZD0iSWNvbnMiPjxnPjxwYXRoIGQ9Ik0xNyw4LjA1OVY2aC0ydjIuMDU5QzEwLjUwMSw4LjU1Nyw3LDEyLjM2OCw3LDE3YzAsMi4xMjUsMC43NDEsNC4wNzQsMS45NzIsNS42MTRsLTEuNDU3LDEuNDU3bDEuNDE0LDEuNDE0bDEuNDU3LTEuNDU3ICAgIEMxMS45MjYsMjUuMjU5LDEzLjg3NSwyNiwxNiwyNnM0LjA3NC0wLjc0MSw1LjYxNC0xLjk3MmwxLjQ1NywxLjQ1N2wxLjQxNC0xLjQxNGwtMS40NTctMS40NTdDMjQuMjU5LDIxLjA3NCwyNSwxOS4xMjUsMjUsMTcgICAgQzI1LDEyLjM2OCwyMS40OTksOC41NTcsMTcsOC4wNTl6IE0xNiwyNGMtMy44NjYsMC03LTMuMTM0LTctN2MwLTMuODY2LDMuMTM0LTcsNy03czcsMy4xMzQsNyw3QzIzLDIwLjg2NiwxOS44NjYsMjQsMTYsMjR6Ii8+PHBvbHlnb24gcG9pbnRzPSIxNywxMiAxNSwxMiAxNSwxNy41IDE4LjA2MiwyMC41NjIgMTkuNDc3LDE5LjE0OCAxNywxNi42NzIgICAiLz48cmVjdCBoZWlnaHQ9IjUiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAwLjcwNzEgLTAuNzA3MSAwLjcwNzEgOC4yMyAtMy40MDkpIiB3aWR0aD0iMiIgeD0iNy4yMyIgeT0iNS43MyIvPjxyZWN0IGhlaWdodD0iMiIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIDAuNzA3MSAtMC43MDcxIDAuNzA3MSAxMi43NjQzIC0xNC40MzkxKSIgd2lkdGg9IjUiIHg9IjIxLjMxMiIgeT0iNy4xODgiLz48L2c+PC9nPjwvc3ZnPg==); background-size: 32px; background-position: right center; padding-right: 40px; } body .picker__list-item:hover, body .picker__day--infocus:hover, body .picker--focused .picker__day--highlighted { color: rgb(255,255,255); } body .picker__nav--next:hover, body .picker__nav--prev:hover, body .picker__button--close:hover, body .picker__button--today:hover, body .picker__button--clear:hover { background: rgb(240,240,240); } body .picker--focused .picker__day--highlighted, body .picker__day--highlighted:hover, body .picker__day--infocus:hover, body .picker__day--outfocus:hover { opacity: 0.7; } body .picker--focused .picker__day--selected, body .picker__day--selected, body .picker__day--selected:hover, body .picker--focused .picker__day--highlighted, body .picker__day--highlighted:hover, body .picker__day--infocus:hover, body .picker__day--outfocus:hover, body .picker--focused .picker__list-item--highlighted, body .picker__list-item--highlighted:hover, body .picker__list-item:hover, body .picker__list-item--highlighted, .picker__list-item:hover { background-color: rgb(40,40,40); border-color: rgb(40,40,40); } body .picker__list-item--highlighted, .picker__list-item:hover { border-color: rgb(70,70,70); } /* ============================================================================= * form_textfield_floatlabel template * ========================================================================== */ form div.placeholderlabel { position: absolute; top: 10px; left: 10px; padding: 0 5px; background: rgb(255,255,255); transition: All 0.3s ease; -webkit-transition: All 0.3s ease; opacity: 0; font-size: 0.95rem; } form div.placeholderlabel.active { top: -1rem; opacity: 1; } /* ============================================================================= * lightbox * ========================================================================== */ #cboxContent .back { display:none !important; } /* ============================================================================= * fullscreen-helper * ========================================================================== */ .fullscreen-helper { height: 100vh; } /* ============================================================================= * scroll-padding * ========================================================================== */ html { scroll-padding: 70px 0 0 0; } /* ============================================================================= * viewport pixel * ========================================================================== */ #viewport-pixel { position: fixed; bottom: 0; left: 0; width: 100%; height: 0px; z-index: -1000; visibility: hidden; opacity: 1; } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { #viewport-pixel { opacity: 0.75; } } @media only screen and (max-width: 767px) { #viewport-pixel { opacity: 0.5; } } /* ============================================================================= * mobile * ========================================================================== */ @media only screen and (max-width: 767px) { .font-size-xxxxxl, .font-size-xxxxxl p { font-size: 3.5rem; } .font-size-xxxxl, .font-size-xxxxl p { font-size: 3rem; } .font-size-xxxl, .font-size-xxxl p { font-size: 2.333rem; } .font-size-xxl, .font-size-xxl p { font-size: 2rem; } .font-size-xl, .font-size-xl p { font-size: 1.533rem; } .font-size-l, .font-size-l p { font-size: 1.467rem; } .font-size-m, .font-size-m p { font-size: 1.2rem; } .font-size-s, font-size-s p { font-size: 1.133rem; } .font-size-xs, .font-size-xs p { font-size: 1.067rem; } .font-size-xxs, .font-size-xxs p { font-size: 0.9333rem; } .font-size-xxxs, .font-size-xxxs p { font-size: 0.8rem; } .font-size-xxxxs, .font-size-xxxxs p { font-size: 0.7333rem; } .font-size-xxxxxs, .font-size-xxxxxs p { font-size: 0.6667rem; } .hide-s { display: none!important; } .hide-mobile, .hide_mobile, .only-desktop, .only_desktop { display: none!important; } .mob_no_up > .attributes { margin-top: 0!important; } .bg-none-mobile .attributes { background: none!important; } #slider { padding-top: 0!important; } .mainmenu { display: none; } #nav-open-btn { display: block; } body { padding: 0; } #wrapper { width: 100%; } #nav-open-btn { right: 20px; } .image_container { padding: 0; float: none; } html { -webkit-text-size-adjust: none; } table { font-size: 0.7333rem; } body.sidebar #main, body.sidebar #right, body.sidebar #left { width: 100%!important; margin: 0!important; float: none!important; border: 0!important; } body.sidebar #right, body.sidebar #left { margin-top: 15px!important; border-top: 4px solid #ddd!important; width: 100%!important; float: none!important; position: static!important; padding-left: 0!important; padding-right: 0!important; } body.sidebar #right .inside, body.sidebar #left .inside { padding-top: 0; padding-bottom: 0; } body.sidebar #container { padding-left: 0!important; padding-right: 0!important; } .subnav { display: none; } .ce_gallery .gallery-margin .image_container { margin-bottom: 10px; } .ce_gallery [class*='cols_'] li { width: 49.8%; } .ce_gallery .borders li, .ce_gallery .borders li.col_last { border-right: 1px solid transparent; width: 50%; } .ce_gallery .borders li.row_last { border-bottom: 1px solid rgb(229,229,229); } .ce_gallery .borders li:nth-child(odd) { border-right: 1px solid rgb(229,229,229); } .mod_calendar table { font-size: 0.4667rem; } .gridbuilder { flex: 0 0 100%!important; width: 100%!important; } #footer div.gridbuilder { flex: 0 0 100%!important; width: 100%!important; } #wrapper .gridbuilder_wrapper.article .inner { margin-left: 0; margin-right: 0; } .gridbuilder_displacer { margin-left: 0!important; } .mod_portfoliolist .swiper-slide { width: 100%; } .pagination ul, .pagination p { float: none; display: block; width: 100%; } .only_mobile, .only-mobile { display: block!important; } .ce_gallery ul.flex-gallery li { flex: 0 0 50%!important; } .ce_elevatezoom [class*='cols_'] li { flex: 0 0 50%!important; } .ce_elevatezoom li:nth-child(3n) { clear: both; } .align-left-m, .align-left-m * { text-align: left!important; } .align-center-m, .align-center-m * { text-align: center!important; } .align-right-m, .align-right-m * { text-align: right!important; } .mmenu_trigger { display: flex; } .mod_subscribe .formbody { display: block; } .mod_subscribe .formbody .widget-text { margin: 0; } .ce_hyperlink.mb-0-m a { margin-bottom: 0; } } :root { --color-primary: #AFCA0B; --color-secondary: #b6a45a; --color-white: #FFFFFF; --color-black: #0A1400; } ::selection { background: var(--color-primary); color: var(--color-black); } #top .inside, #footer .inside, #bottom .inside, body.sidebar #container, .mod_article:not(.fullwidth) > .container, .fullwidth.boxed-content .contentwrap, .smallwidth .contentwrap, .boxed-content .contentwrap, .gridbuilder_wrapper.article, .ce_text_image_bar .inside, .ce_headerimage .ce_headerimage_inside, .ce_video_background .ce_video_background_inside, #offcanvas-top .offcanvas-top-inside, .ce_calltoaction .ce_calltoaction_inside, .mod_breadcrumb .mod_breadcrumb_inside, .mod_pageimage .container, .body_bottom .mod_search .container { max-width: 1515px; margin-left: auto; margin-right: auto; } .mod_article:not(.fullwidth) > .container { padding-top: 120px; padding-bottom: 120px; } .mod_article.article-pt-xxs:not(.fullwidth) > .container { padding-top: 30px; } .mod_article.article-pb-xxs:not(.fullwidth) > .container { padding-bottom: 30px; } .mod_article.article-pt-xs:not(.fullwidth) > .container { padding-top: 50px; } .mod_article.article-pb-xs:not(.fullwidth) > .container { padding-bottom: 50px; } .mod_article.article-pt-s:not(.fullwidth) > .container { padding-top: 80px; } .mod_article.article-pb-s:not(.fullwidth) > .container { padding-bottom: 80px; } .mod_article.article-pt-m:not(.fullwidth) > .container { padding-top: 100px; } .mod_article.article-pb-m:not(.fullwidth) > .container { padding-bottom: 100px; } .mod_article.article-pt-xl:not(.fullwidth) > .container { padding-top: 150px; } .mod_article.article-pb-xl:not(.fullwidth) > .container { padding-bottom: 150px; } html, body { font-size: 16px; font-family: 'Work Sans'; color: var(--color-black); } p, .ce_text li { line-height: 25px; color: var(--color-black); font-weight: 300; } p a, li a { color: var(--color-black); } p strong, .ce_text li strong { font-weight: 500; } .background-green p, .background-black p { color: var(--color-white); } .swiper.hide-arrows .swiper-button-next, .swiper.hide-arrows .swiper-button-prev { display: none; } .primary-button a { padding: 6px 30px; color: var(--color-black); background: var(--color-primary); font-size: 1rem; border-radius: 30px 0 30px 0; border: 1px solid var(--color-primary); font-weight: 400; letter-spacing: 1.28px; transition: 0.5s; } .primary-button a:hover { opacity: 1; border-radius: 30px; background: var(--color-white); } h1.headline { font-size: 4.065rem; color: var(--color-black); font-weight: 500; line-height: 70px; letter-spacing: -3.25px; } h1.headline span { display: block; } h1.headline span.part-three { font-family: 'Playfair Display'; font-style: italic; } h2, .interne h1 { font-size: 3.435rem; color: var(--color-black); font-weight: 500; line-height: 65px; letter-spacing: -3.25px; } .interne .mod_article:not(.bandeau-contact):not(.article-footer):not(.article-introduction) h2 { font-size: 3rem; line-height: 45px; } h2 span, .interne h1 span { font-family: 'Playfair Display'; font-style: italic; display: block; } h2, h3 { color: var(--color-black); } h3 { font-size: 1.5rem; font-weight: 500; line-height: 35px; letter-spacing: -0.72px; margin-bottom: 10px; } .background-green h1, .background-green h2, .background-green h3, .background-black h1, .background-black h2, .background-black h3 { color: var(--color-white); } .background-beige { background: #F4F4F0; } .background-green { background: #074009; } .background-black { background: var(--color-black); } .grid-without-padding > .column { padding-left: 0; padding-right: 0; } .ce_accordion .toggler:before { content: none; } .ce_accordion .toggler { cursor: auto; } .back a:before { content: "<<"; font-family: 'Work Sans'; } .radius-200 img { border-radius: 0px 0px 0px 200px; } /*========================= ==========HEADER=========== =========================*/ .header { position: absolute; background: transparent; border-bottom: 1px solid rgba(255, 255, 255, 1); } .header .inside { max-width: none; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; } .stickyheader { height: 115px; } .header .inside { display: grid; grid-template-areas: "logo mainmenu tel"; position: relative; grid-template-columns: 510px 1fr 285px; height: 115px; align-items: center; grid-template-rows: 1fr; } .header.cloned, .interne .header { background: var(--color-white); } .interne .header { position: relative; } .header.cloned .inside, .stickyheader { height: 110px; } .header.cloned .mainmenu ul.level_1 > li.active > a::after, .header.cloned .mainmenu ul.level_1 > li:hover > a::after { bottom: -6px; } .header .logos { grid-area: logo; display: flex; align-items: center; background: var(--color-white); border-radius: 0px 0px 90px 0px; height: 101%; } .header .logos > a { display: flex; margin: auto; } .header .logos svg { width: 400px; height: 100%; max-height: 100px; } .header .mainmenu { grid-area: mainmenu; padding: 0 55px; border-right: 1px solid rgba(255, 255, 255, 1); height: 100%; display: flex; align-items: center; justify-content: flex-end; } .header .mainmenu ul.level_1 a { font-size: 1.125rem; font-weight: bold; text-transform: none; color: var(--color-white); } .header .mainmenu ul.level_1 { display: flex; } .header .mainmenu ul.level_1 > li { margin: 0px 15px; cursor: pointer; display: flex; } .header .mainmenu ul.level_1 > li a { padding: 40px 0px; } .header .mainmenu ul:not(.level_1) { background: var(--color-primary); border-radius: 0 0 40px 0; height: 0px!important; width: 200px!important; padding: 0; transition: 0.5s; overflow: hidden; display: block; } .header .mainmenu li:hover ul:not(.level_1) { height: 150px !important; padding: 10px 0; } .header .mainmenu ul:not(.level_1) a { font-size: 1rem; font-weight: 300; text-transform: none; color: #000000; padding: 15px 15px !important; } .header .mainmenu li.active > a, .header .mainmenu li.hover a, .header .mainmenu li a:hover { color: var(--color-white); } .header .mainmenu ul.level_1 > li:not(.submenu) > a::after { content: ""; position: absolute; bottom: -6px; left: 0; width: 0%; height: 6px; background: var(--color-primary); transition: 0.5s; } .header .mainmenu ul.level_1 > li.Selected > a::after { content: ""; position: absolute; bottom: -6px; left: 0; width: 100%; height: 6px; background: var(--color-primary); transition: 1s; } .header .mainmenu ul.level_1 > li:hover > a::after { width: 100%; } .header .menu-top { grid-area: tel; height: 100%; display: flex; align-items: center; justify-content: center; } .header .menu-top a, #mmenu .menu--top-tel a { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 10px; } .header .menu-top a span, #mmenu .menu--top-tel a span { color: var(--color-white); font-size: 1.185rem; font-weight: bold; } .header .menu--top-tel, .header .menu--top-tel a { height: 100%; width: 100%; } .header .menu-top:hover a svg { animation: rotateTel 0.25s infinite; } /* .header .menu-top:hover a svg path.wave { animation: waveWhite 2s infinite; } .header.cloned .menu-top:hover a svg path.wave, .interne .header .menu-top:hover a svg path.wave { animation: waveBlack 2s infinite; } */ @keyframes waveWhite { 0% { fill: var(--color-white); } 50% { fill: #d6e387; } 100% { fill: var(--color-white); } } @keyframes waveBlack { 0% { fill: var(--color-black); } 50% { fill: #d6e387; } 100% { fill: var(--color-black); } } @keyframes rotateTel { 0% { transform: rotate(0deg); } 25% { transform: rotate(8deg); } 50% { transform: rotate(0deg); } 75% { transform: rotate(-8deg); } 100% { transform: rotate(0deg); } } .header .mainmenu ul ul li a:hover span:before { content: none; } .header.cloned .mainmenu ul.level_1 a, .header.cloned .menu-top a span, .interne .header .mainmenu ul.level_1 a, .interne .header .menu-top a span { color: var(--color-black); } .header.cloned .mainmenu ul.level_1 ul a:hover, .interne .header .mainmenu ul.level_1 ul a:hover, .header.cloned .mainmenu ul.level_1 ul a.active, .interne .header .mainmenu ul.level_1 ul a.active { color: var(--color-white); } .header .mainmenu ul ul li a.active span:before, .header .mainmenu ul ul li a.trail span:before { content: none; } .header.cloned .menu-top a svg path, .interne .header .menu-top a svg path { fill: var(--color-black); } #mmenu { height: calc(100% - 870px); } .mod_breadcrumb { background: #f9f9f9; } .mod_breadcrumb .mod_breadcrumb_inside { padding-left: 40px; padding-right: 40px; } .mod_breadcrumb li:before { content: ">"; font-family: 'Work Sans'; color: var(--color-primary); } /*========================= ==========SLIDER=========== =========================*/ .main-slider { position: relative; } .main-slider .swiper-content .content-inside { position: absolute; bottom: 25%; left: 12.5%; max-width: 570px; z-index: 2; } .main-slider .swiper-content .content-inside .headline { font-size: 5.315rem; color: var(--color-white); font-weight: 500; line-height: 75px; } .main-slider .swiper-content .content-inside .headline span { font-family: 'Playfair Display'; font-size: 5.315rem; color: var(--color-white); font-weight: 500; font-style: italic; display: block; } .main-slider .swiper-content .content-inside .ce_hyperlink a { padding: 6px 30px; color: var(--color-black); background: var(--color-primary); font-size: 1rem; border-radius: 30px 0 30px 0; border: 1px solid var(--color-primary); margin-top: 50px; font-weight: 400; letter-spacing: 1.28px; transition: 0.5s; } .main-slider .swiper-content .content-inside .ce_hyperlink a:hover { opacity: 1; border-radius: 30px; background: var(--color-white); } .main-slider .swiper-content .slide-inner { display: flex; } .main-slider .swiper-content .slide-inner::before { content: ""; position: absolute; width: 100%; height: 100%; background: linear-gradient(0deg, rgb(0 0 0 / 20%) 85%, rgba(0, 0, 0, 0.700717787114846) 100%); top: 0; left: 0; z-index: 1; } .main-slider .swiper-content .slide-inner img { height: 100%; object-fit: cover; transition: all 7.5s; } .main-slider .swiper-content .slide-inner img, .main-slider .swiper-content .slide-inner picture { width: 100%; } .main-slider .swiper-slide.swiper-slide-visible picture img { transform: scale(1.05); transition: all 9.5s; } .main-slider .swiper-pagination { bottom: auto; top: 55%; transform: translate(0%, -50%); right: 35px; left: auto; width: auto; display: flex; flex-direction: column; } .swiper-pagination .swiper-pagination-bullet { width: 11px; height: 11px; opacity: 1; margin: 7px 3px!important; } .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--color-primary); } .swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) { background: var(--color-white); } .main-slider .swiper, .main-slider img, .main-slider .slide-inner, .main-slider .swiper-content { height: 100%; } /*========================= ===========HOME============ =========================*/ #article-13 .ce_gallery { overflow: visible; } #article-13 .ce_gallery .slide-inner > a { position: absolute; top: 0; } /* INTRODUCTION */ .article-introduction .column-text { align-self: center; padding-left: 40px; padding-right: 40px; } .article-introduction p { font-size: 1.065rem; } .article-introduction .ce_rsce_iconbox { transition: 0.25s; border-right: 1px solid rgba(27, 54, 0, 0.12); padding: 20px 48px 30px 48px; } .article-introduction .ce_rsce_iconbox svg { height: 60px; } .article-introduction .ce_rsce_iconbox .content { min-height: 140px; } .article-introduction .grid-without-padding > .column:last-child .ce_rsce_iconbox { border-right: none; } .article-introduction .ce_rsce_iconbox:hover { background: var(--color-white); } .article-introduction .ce_rsce_iconbox svg path { transition: 0.25s; } .article-introduction .ce_rsce_iconbox:hover svg path { fill: var(--color-black); } .article-introduction .ce_rsce_iconbox .headline { font-size: 1.5rem; font-weight: 500; line-height: 65px; letter-spacing: -0.72px; margin-bottom: 0; } .article-introduction .ce_rsce_iconbox .secondary-button p { margin-bottom: 0; width: fit-content; position: relative; letter-spacing: 1.28px; } .article-introduction .ce_rsce_iconbox .secondary-button p::after { content: ""; background: var(--color-primary); width: 100%; height: 2px; position: absolute; left: 0; bottom: -5px; transition: 0.25s; } .article-introduction .ce_rsce_iconbox:hover .secondary-button p::after { background: var(--color-black); } /* CREATIONS */ .article-creations h2 span { display: inline-block; } .article-creations .content_inside { counter-reset: count 0; } .article-creations .ce_rsce_iconbox { transition: 0.5s; padding: 40px 20px; overflow: visible; counter-increment: count 1; opacity: 0; transform: translateY(300px); } .article-creations #step-creation .ce_rsce_iconbox.js-activate { opacity: 1; transform: none; } .article-creations .ce_rsce_iconbox .iconbox { display: flex; flex-direction: row; align-items: center; } .article-creations .ce_rsce_iconbox .rsce_svg { position: relative; min-width: 106px; height: 112px; display: flex; align-items: center; background: #f4f4f0; justify-content: center; border-radius: 20px; } .article-creations .content_inside .ce_rsce_iconbox .rsce_svg:before { content: counter(count); position: absolute; width: 25px; width: 100px; height: 100px; border-radius: 100px; top: -17px; left: -17px; background: var(--color-primary); display: flex; justify-content: center; align-items: center; color: var(--color-white); transition: 0.5s; } .article-creations .content_inside .ce_rsce_iconbox.js-activate .rsce_svg:before { width: 34px; height: 34px; } .article-creations .content_inside .ce_rsce_iconbox:not(:first-child) .rsce_svg:after { content: ""; position: absolute; bottom: 100%; height: 100px; width: 1px; background: #f4f4f0; left: 50%; transform: translate(-50%, 0%); } .article-creations .ce_rsce_iconbox .text { padding-left: 25px; } /* REALISATIONS */ .article-realisations .swiper .swiper-slide { transition: 0.5s; } .article-realisations .swiper .slide-inner { height: 460px; } .article-realisations .swiper .swiper-slide .content-inside { position: absolute; bottom: 7.5%; left: 10%; display: flex; align-items: center; gap: 15px; transition: 0.5s; opacity: 0; transform: translateY(100px); z-index: 2; } .article-realisations .swiper .swiper-slide:hover .content-inside { opacity: 1; transform: none; } .article-realisations .swiper .swiper-content { position: relative; } .article-realisations .swiper .swiper-slide .swiper-content:after { content: ""; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(7 64 9 / 70%) 75%); position: absolute; height: 70%; bottom: -300px; opacity: 0; left: 0; width: 100%; transition: 0.5s; z-index: 1; } .article-realisations .swiper .swiper-slide:hover .swiper-content:after { bottom: 0; opacity: 1; } .article-realisations .swiper .content-inside .headline { color: var(--color-white); font-size: 1.5rem; font-weight: 500; line-height: 35px; letter-spacing: -0.72px; } .article-realisations .swiper .content-inside .more { width: 31px; height: 31px; } .article-realisations .swiper-button-navigation { position: absolute; bottom: -100px; left: 0; display: flex; flex-direction: row-reverse; gap: 40px; } .article-realisations .swiper { overflow: visible; } .article-realisations .swiper img { width: 100%; height: 100%; object-fit: cover; } .article-realisations .swiper-button-navigation > div { position: relative; width: 42px; height: 42px; } .swiper-button-next:after { content: ""; background: url(/files/biteauetrenou/image/vecteur/arrow-swiper.svg); background-repeat: no-repeat; width: 42px; height: 42px; background-size: contain; } .swiper-button-prev:after { content: ""; background: url(/files/biteauetrenou/image/vecteur/arrow-swiper.svg); background-repeat: no-repeat; width: 42px; height: 42px; transform: rotate(180deg); background-size: contain; } /* ESQUISSES */ .article-esquisses .ce_text { max-width: 911px; margin: 2rem auto 4rem auto; position: relative; overflow: visible; } .article-esquisses svg { position: absolute; top: 12rem; right: -4rem; opacity: 0; transition: 2s; } .article-esquisses svg.js-activate { opacity: 1; } /*========================= ========ACTUALITE========== =========================*/ .mod_newslist { display: flex; flex-wrap: wrap; } .mod_newslist .layout_latest { width: 33.33%; padding: 15px 12px; } .mod_newslist .layout_latest .headline { margin-bottom: 0; padding-right: 20px; } .mod_newslist .layout_latest .headline a { color: var(--color-black); } .mod_newslist .layout_latest .inside-news { position: relative; margin-bottom: 1.5rem; } .mod_newslist .layout_latest .inside-news img { transition: 0.5s; } .mod_newslist .layout_latest:hover .inside-news img { border-radius: 150px 0px; } .mod_newslist .layout_latest .inside-news .more { position: absolute; z-index: 5; bottom: 0; margin-bottom: 0; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 15px; opacity: 0; transition: 0.5s; height: 100%; width: 100%; background: #afca0bc7; } .mod_newslist .layout_latest:hover .inside-news .more { opacity: 1; border-radius: 150px 0px; } .mod_newslist .layout_latest .more .icon svg path { fill: var(--color-black); } .mod_newslist .layout_latest .more .text { color: var(--color-black); font-weight: 400; line-height: normal; letter-spacing: 1.28px; position: relative; } .mod_newslist .layout_latest .more .text:after { content: ""; position: absolute; width: 100%; height: 2px; background: var(--color-black); left: 0; bottom: -10px; } .mod_newslist .layout_latest .description { display: none; } .mod_newslist .layout_latest .info-date { color: var(--color-black); font-size: 0.935rem; font-weight: 300; line-height: 35px; letter-spacing: -0.45px; } /*========================= =========GALERIE=========== =========================*/ .interne .ce_gallery { margin-top: 2rem; } .ce_gallery .image_container { margin: 5px; } .ce_gallery .content { background: var(--color-primary); transition: 0.5s; } .ce_gallery li:hover .content { opacity: 0.65; border-radius: 150px 0px; } .ce_gallery .swiper-slide:hover .content { opacity: 0.65; } .ce_gallery li img { transition: 0.5s; } .ce_gallery li:hover img { border-radius: 150px 0px; } .ce_gallery .image_container i.fa.fa-plus-circle { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .ce_gallery .image_container i.fa.fa-plus-circle:before, .ce_gallery .image_container i.fa.fa-plus-circle:after { background: #000000; } /*========================= ======BANDEAU CONTACT====== =========================*/ .bandeau-contact .headline { font-family: 'Playfair Display'; font-style: italic; font-size: 2.815rem; } .bandeau-contact .headline span { font-family: 'Work Sans'; font-style: normal; } .bandeau-contact .gridbuilder_row > .column:last-child { align-self: center; } /*========================= ==========FOOTER=========== =========================*/ .interne #footer .inside { max-width: none; padding-left: 0; padding-right: 0; } .article-footer .logos, .article-footer .icon-facebook { text-align: center; } .article-footer .icon-facebook svg path { transition: 0.25s; } .article-footer .icon-facebook svg:hover path { fill: var(--color-primary); } .article-footer h2 { font-size: 1.5rem; font-weight: 500; line-height: 35px; letter-spacing: -0.72px; margin-bottom: 20px; } .article-footer li { margin: 5px 0; } .article-footer li .active, .article-footer li a { font-weight: 300; color: #000; font-size: 1.065rem; line-height: 25px; } .article-footer .gridbuilder_row > .column:first-child { border-right: 1px solid #f4f4f0; padding-left: 0; padding-right: 50px; } .article-footer .gridbuilder_row > .column { display: flex; justify-content: center; } .article-footer:after { content: ""; background: url(/files/biteauetrenou/image/vecteur/tree.svg); background-size: contain; background-repeat: no-repeat; position: absolute; height: 228px; width: 328px; bottom: 0; right: 0; } .article-footer .logos svg { height: 145px; width: auto; } #bottom { background: #000000; } .bandeau-copyright { text-align: center; border: none; margin-top: 5px; padding-top: 0; padding-bottom: 0; } .bandeau-copyright, .bandeau-copyright a, .bandeau-copyright span { color: var(--color-white); } .tarteaucitronOpenPanel { cursor: pointer; } /*========================= =========CONTACT=========== =========================*/ form div.widget { margin-bottom: 10px; } form .widget label { font-weight: 500; } form .widget input, form .widget textarea, form .widget select { background: #f9f9f9; border: 1px solid #ebebeb; transition: 0.25s; caret-color: var(--color-primary); font-size: 16px; } form .widget input:hover, form .widget input:focus, form .widget textarea:hover, form .widget textarea:focus, form .widget select:hover, form .widget select:focus { background: #ffffff; border: 1px solid #ebebeb; } form .widget textarea { height: 150px; resize: none; } form fieldset { border: none; padding: 0; } form .widget-explanation p { font-size: 0.85rem; line-height: 18px; text-align: justify; } form .widget-explanation p a { text-decoration: underline var(--color-primary); text-underline-offset: 4px; } form .rgpd label { font-size: 0.85rem; line-height: 20px; } form p.error { line-height: 1; } form fieldset input[type="checkbox"] { display: none; } form fieldset input[type="checkbox"] { position: absolute; opacity: 0; } form input[type="checkbox"]+label { position: relative; padding-left: 2rem; display: flex; cursor: pointer; } form .checkbox_container.rgpd > span { display: flex; align-items: center; padding: 5px 0; } form .checkbox_container.rgpd input[type="checkbox"]+label, form .pref-option input[type="checkbox"]+label { font-size: 0.9rem; font-weight: 300; line-height: initial; } form input[type="checkbox"]+label::before, form input[type="checkbox"]+label::after { display: block; position: absolute; box-sizing: border-box; top: 50%; left: 10px; content: ""; width: 1.15rem; height: 1.15rem; border-radius: 4px; cursor: pointer; transform: translate(-50%, -50%); } form input[type="checkbox"]+label::before { border: 1px solid var(--color-primary); background-color: #ffffff; } form input[type="checkbox"]:checked+label::after { font-size: .7rem; font-weight: 700; content: "✓"; color: #fff; background-color: var(--color-primary); align-items: center; display: flex; justify-content: center; } form span.mandatory { color: var(--color-primary); } form button.submit { padding: 6px 30px; color: var(--color-black); background: var(--color-primary); font-size: 1rem; border-radius: 30px 0 30px 0; border: 1px solid var(--color-primary); font-weight: 400; letter-spacing: 1.28px; transition: 0.5s; } form button.submit[type="submit"]:hover { opacity: 1; border-radius: 30px; background: var(--color-white); } .article-contact > .container > .gridbuilder_row > .column { padding-left: 40px; padding-right: 40px; } .article-contact.confirmation .col_7 p { margin-top: 2rem; font-size: 1.15rem; text-align: center; font-weight: 600; } .article-contact.confirmation .col_5 .ce_text, .article-contact.confirmation .col_5 .leaflet-container { display: none; } /*========================= ========PRESTATIONS======== =========================*/ .interne .text-intro { max-width: 910px; margin: auto; } .interne .text-intro::after { content: ""; position: absolute; width: 285px; height: 245px; background: url(/files/biteauetrenou/image/logo/logo-br.svg); background-size: contain; background-repeat: no-repeat; top: 2rem; right: 0%; } .detail-prestation .ce_text:not(.text-intro) { padding-left: 25px; } .detail-prestation .ce_text ul { padding-left: 0; } .detail-prestation .ce_text p { font-weight: 500; font-size: 1.1rem; } .detail-prestation .ce_text ul li { list-style: none; margin: 10px 0; padding-left: 15px; font-weight: 500; font-size: 1.1rem; } .detail-prestation .ce_gallery .image_container { margin: 5px; } .detail-prestation .ce_gallery { margin-top: 0; } .detail-prestation .ce_gallery .swiper-slide { transition: 0.25s; } .detail-prestation svg { margin-left: 25px; margin-top: 10px; } /*========================= =========A PROPOS========== =========================*/ .article-intervention .column { padding-left: 25px; padding-right: 25px; } .article-intervention .gridbuilder_row .column:first-child { border-right: 1px solid rgba(27, 54, 0, 0.12); } .article-intervention .gridbuilder_row .column .headline { position: relative; padding-left: 10px; } .article-intervention .gridbuilder_row .column .headline::before, .detail-prestation .ce_text ul li:before { content: ""; position: absolute; height: 80%; width: 4px; top: 50%; transform: translate(0%, -50%); left: 0; background: var(--color-primary); } /*========================= ===========MAP============= =========================*/ .ce_leaflet_map_inside { background: #f5f5f5; position: relative; } #rsce_leaflet_map:not(.leaflet-container) .ce_leaflet_map_inside { border: 1px solid #c3c3c3; } .leaflet-container { border: 1px solid #c3c3c3; } .leaflet-control-zoom > a { background: var(--color-primary); transition: 0.25s; border: 1px solid var(--color-white); } .leaflet-popup-content p, .leaflet-popup-content p a { font-family: 'Work Sans'; font-weight: 400; color: var(--color-black); line-height: 20px; } .ce_leaflet_map_inside:before { content: ""; width: 48px; height: 48px; border: 5px solid var(--color-primary); border-bottom-color: transparent; border-radius: 50%; display: inline-block; box-sizing: border-box; animation: loading 1s linear infinite; top: calc(50% - 20px); left: calc(50% - 20px); position: absolute; } @keyframes loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .leaflet-popup-content-wrapper, .leaflet-popup-tip { background: var(--color-primary); } .leaflet-control-attribution, .leaflet-control-attribution a, .leaflet-control-attribution span { font-size: 0.70rem; font-family: 'Work Sans'; } /*========================= ========RESPONSIVE========= =========================*/ @media only screen and (max-width: 1720px){ .header .inside { grid-template-columns: 510px 1fr 225px; } .header .mainmenu { padding: 0 55px 0 0; } .header .mainmenu ul.level_1 > li { margin: 0px 8px; } } @media only screen and (max-width: 1530px){ .header .inside { grid-template-columns: 400px 1fr 205px; } .header .mainmenu { padding: 0 15px 0 0; } .header .mainmenu ul.level_1 > li { margin: 0px 5px; } .header .mainmenu ul.level_1 a { font-size: 1.05rem; } .header .menu-top a span { font-size: 1.1rem; } .header .logos svg { width: 350px; } } @media only screen and (max-width: 1460px){ .article-introduction .grid-without-padding > .column { flex: 0 0 calc((100% / 12)* 6); max-width: calc((100% / 12)* 6); } .article-introduction .grid-without-padding > .column:nth-child(2) .ce_rsce_iconbox { border-right: none; } .article-esquisses svg { width: 325px; } .interne .text-intro::after { content: none; } } @media only screen and (max-width: 1275px){ .header .inside { grid-template-columns: 330px 1fr 170px; } .header .mainmenu ul.level_1 > li { margin: 0px 3px; } .header .mainmenu ul.level_1 a, .header .menu-top a span { font-size: 1rem; } .header .logos svg { width: 300px; } .article-esquisses svg { display: none; } } @media only screen and (max-width: 1130px){ h1.headline { font-size: 3.065rem; line-height: 50px; } h2, .interne .mod_article:not(.bandeau-contact):not(.article-footer):not(.article-introduction) h2 { font-size: 2.75rem; line-height: 45px; } /* HEADER */ .header .inside { grid-template-columns: 340px 1fr 170px; grid-template-areas: "logo empty menu"; } .header .menu-top, .header .mainmenu{ display: none; } .header .mmenu_trigger { grid-area: menu; display: flex; right: 20%; } .mmenu_trigger .label { font-weight: 600; } .header.cloned .mmenu_trigger .label, .interne .header .mmenu_trigger .label { color: var(--color-black); } .header.cloned .mmenu_trigger .burger .burger_lines, .header.cloned .mmenu_trigger .burger .burger_lines:after, .header.cloned .mmenu_trigger .burger .burger_lines:before, .interne .header .mmenu_trigger .burger .burger_lines, .interne .header .mmenu_trigger .burger .burger_lines:after, .interne .header .mmenu_trigger .burger .burger_lines:before { background: var(--color-black); } .header.cloned .mmenu_trigger .burger.transform.open .burger_lines, .interne .header .mmenu_trigger .burger.transform.open .burger_lines { background-color: transparent; } #mmenu { display: block; background: none; } body.mmenu_open #mmenu { height: auto !important; } .mmenu_overlay { background: rgb(0 0 0 / 90%); } #mmenu #mmenu_middle { padding: 50px 20px 20px 20px; } #mmenu #mmenu_middle { background: transparent; } #mmenu .mod_navigation li a.submenu:after, .ce_accordion .toggler:before { content: ""; background: url(/files/biteauetrenou/image/vecteur/fleche-droite-blanc.svg); background-size: contain; background-repeat: no-repeat; position: absolute; width: 15px; height: 15px; top: 10px; right: 10px; transition: 0.75s; } #mmenu .mod_navigation li a.submenu:after, #mmenu .mod_navigation li.submenu .opener { right: 0px; transform: translate(0%, -50%); top: 25px; } #mmenu .mod_navigation li.submenu .opener { width: 65px; } #mmenu .mod_navigation li a.submenu.open:after { transform: rotate(90deg); } #mmenu #mmenu_middle nav > ul { display: flex; flex-direction: column; align-items: center; } #mmenu .mod_navigation ul.level_1 > li > a { padding: 10px 0; } #mmenu #mmenu_middle ul.level_1 ul li a { padding: 10px 0; } #mmenu #mmenu_middle ul.level_1 > li { font-size: 1.75rem; width: 100%; text-align: center; transition: 0.25s; } #mmenu #mmenu_middle ul.level_1 > li.open { margin-bottom: 25px; } #mmenu #mmenu_middle ul.level_1 ul li { font-size: 1.35rem; width: 100%; text-align: center; line-height: 1; } #mmenu nav.mobile_vertical ul ul { padding-left: 0; } #mmenu #mmenu_middle ul.level_1 > li a { color: var(--color-white); } #mmenu .mod_navigation li a.open, #mmenu .mod_navigation li a.active, #mmenu .mod_navigation li a:focus { font-weight: normal; } #mmenu .menu-contact { margin-top: 25px; } #mmenu .menu-contact a svg path.wave { animation: wave 2s infinite; } /* SLIDER */ .main-slider .swiper-content .content-inside .headline, .main-slider .swiper-content .content-inside .headline span { font-size: 4.15rem; } /* HOME */ .bandeau-contact .headline { font-size: 2.65rem; line-height: 45px; } /* FOOTER */ .article-footer:after { height: 180px; width: 259px; } .article-footer .gridbuilder_row > .column:first-child { border-right: none; } .article-footer .gridbuilder_row > .column:first-child { padding-right: 0; } /* .article-footer .logos svg { width: 200px; } */ /* CONTACT */ form .col_3, form .col_9 { flex: 0 0 calc((100% / 12)* 6); max-width: calc((100% / 12)* 6); } } @media only screen and (min-width: 767px){ .article-realisations .swiper .swiper-slide:hover { width: 694px !important; } } @media only screen and (max-width: 767px){ .primary-button a, .main-slider .swiper-content .content-inside .ce_hyperlink a { padding: 5px 25px; font-size: 0.9rem; } .mod_article:not(.fullwidth) > .container { padding-top: 80px; padding-bottom: 80px; } h3, .article-realisations .swiper .content-inside .headline { font-size: 1.25rem; line-height: 22px; } .article-realisations .swiper .content-inside .more, .article-realisations .swiper .content-inside .more svg { width: 25px; height: 25px; } /* HEADER */ .header { box-shadow: 0 0 2px 2px rgba(0,0,0,0.1); } .header .inside { padding-left: 0px !important; padding-right: 0px !important; } /* SLIDER */ .main-slider { height: 740px!important; } .main-slider .swiper-content .slide-inner::before { background: linear-gradient(0deg, rgb(0 0 0 / 35%) 85%, rgba(0, 0, 0, 0.700717787114846) 100%); } .main-slider .swiper-content .content-inside .headline, .main-slider .swiper-content .content-inside .headline span { font-size: 3.065rem; line-height: 50px; } .main-slider .swiper-content .content-inside { left: 8.5%; padding-right: 5%; } .main-slider .swiper-pagination { right: 10px; } .swiper-pagination .swiper-pagination-bullet { width: 8px; height: 8px; margin: 12px 5px!important; } /* HOME */ .article-introduction .grid-without-padding > .column { flex: 0 0 calc((100% / 12)* 12); max-width: calc((100% / 12)* 12); } .article-introduction .ce_rsce_iconbox { border-right: none; padding: 20px 20px 30px 20px; } .article-introduction .ce_rsce_iconbox div, .article-introduction .ce_rsce_iconbox h2, .article-introduction .ce_rsce_iconbox p { text-align: center; } .article-introduction .ce_rsce_iconbox .secondary-button p { margin: auto; } .article-introduction .ce_rsce_iconbox:hover { background: none; } .article-introduction .ce_rsce_iconbox:hover svg path { fill: var(--color-primary); } .article-introduction .ce_rsce_iconbox:hover .secondary-button p::after { background: var(--color-primary); } .article-introduction .ce_rsce_iconbox .content { min-height: 0; } .article-esquisses .ce_text { margin: 1rem auto 4rem auto; } .article-esquisses .ce_text p { text-align: justify; } .article-esquisses .second-image { display: none; } .article-realisations .swiper .swiper-slide .content-inside { opacity: 1; transform: none; } .article-realisations .swiper .swiper-slide .swiper-content:after { bottom: 0; opacity: 1; } .article-realisations .primary-button { text-align: left; } .article-realisations .swiper .swiper-slide.swiper-slide-prev, .article-realisations .swiper .swiper-slide.swiper-slide-next { filter: brightness(0.65); } .bandeau-contact .headline { font-size: 2.25rem; } .bandeau-contact .headline, .bandeau-contact .headline span, .bandeau-contact .ce_hyperlink { text-align: center!important; } /* ACTUALITES */ .mod_newslist .layout_latest { width: 50%; } .home .mod_newslist .layout_latest:last-child { display: none; } /* FOOTER */ .article-footer:after { content: none; } .article-footer h2 { margin-bottom: 5px; } .article-footer h2, .article-footer p { text-align: center; } .article-footer ul { display: flex; flex-direction: column; align-items: center; } /* .article-footer .logos svg { width: 270px; } */ .bandeau-copyright { padding: 8px 0; } .bandeau-copyright, .bandeau-copyright a, .bandeau-copyright span { line-height: 1.1; } /* CONTACT */ form .col_3, form .col_9 { flex: 0 0 calc((100% / 12)* 12); max-width: calc((100% / 12)* 12); } form .column[class*=col_] { margin-bottom: 5px; } form .widget-submit { text-align: center; } /* PRESTATIONS */ .interne .text-intro { text-align: justify; } .detail-prestation > .container { padding-top: 0!important; } .detail-prestation .ce_text:not(.text-intro) { padding-left: 0; } .detail-prestation svg { margin-left: 0; } .detail-prestation .gridbuilder_row > .column, .detail-prestation .gridbuilder_row > .column ul { margin-bottom: 0; } .detail-prestation .ce_text ul li { font-size: 1rem; } .detail-prestation .ce_text ul li:last-child { margin-bottom: 0; } .ce_gallery li:hover img, .ce_gallery li:hover .content { border-radius: 0; } /* A PROPOS */ .article-intervention .gridbuilder_row .column:first-child { border-right: none; } .en-tete .container { padding-top: 2rem!important; } /* CONTACT */ form .checkbox_container.rgpd input[type="checkbox"]+label { width: 95%; } form .checkbox_container.rgpd span.mandatory { width: 5%; } } @media only screen and (max-width: 535px){ .mod_article:not(.fullwidth) > .container { padding-top: 60px; padding-bottom: 60px; } .primary-button a { letter-spacing: 0.5px; } h1.headline { font-size: 2.05rem; line-height: 35px; } h2, .interne .mod_article:not(.bandeau-contact):not(.article-footer):not(.article-introduction) h2 { font-size: 1.85rem; line-height: 32px; } /* HEADER */ .stickyheader { height: 90px; } .header .inside { grid-template-columns: 290px 1fr; grid-template-areas: "logo menu"; height: 90px; } .header .mmenu_trigger { right: 0; width: 100%; justify-content: center; height: 100%; } .header.cloned .inside, .stickyheader { height: 75px; } .header .logos > a { margin: 0 auto 0 5px; } .header .logos svg { width: 260px; } /* SLIDER */ .main-slider { height: 75vh!important; } .main-slider .swiper-content .slide-inner::before { background: linear-gradient(0deg, rgb(0 0 0 / 45%) 85%, rgba(0, 0, 0, 0.700717787114846) 100%); } .main-slider .swiper-content .content-inside .headline, .main-slider .swiper-content .content-inside .headline span { font-size: 2.5rem; line-height: 40px; } /* HOME */ .article-introduction .ce_rsce_iconbox .headline { font-size: 1.25rem; line-height: 50px; } .article-introduction .ce_rsce_iconbox { padding: 0px 20px 20px 20px; } .article-creations .ce_rsce_iconbox .iconbox { flex-direction: column; } .article-creations .ce_rsce_iconbox .iconbox p { margin-bottom: 0; } .article-creations .ce_rsce_iconbox .iconbox p, .article-creations .ce_rsce_iconbox .iconbox .headline { text-align: center; } .article-creations .ce_rsce_iconbox .text { padding-left: 0; } .article-creations .ce_hyperlink { text-align: center; } .article-creations .headline { margin-top: 10px; } .article-realisations .ce_rsce_swiper_slider_start { height: 300px!important; } .article-realisations .swiper, .article-realisations .swiper img, .article-realisations .swiper .slide-inner, .article-realisations .swiper .swiper-content { height: 100%; } .article-realisations .swiper-button-navigation > div, .swiper-button-prev:after, .swiper-button-next:after { width: 30px; height: 30px; } .bandeau-contact .headline { font-size: 1.85rem; line-height: 35px; } /* ACTUALITES */ .mod_newslist .layout_latest { width: 100%; } .home .mod_newslist .layout_latest:not(:first-child) { display: none; } /* CONTACT */ form .widget-explanation p { font-size: 0.75rem; line-height: 14px; } /* MAP */ .ce_leaflet_map_inside { height: 260px!important; } .leaflet-control-attribution, .leaflet-control-attribution a, .leaflet-control-attribution span { font-size: 0.55rem; } } @media only screen and (max-width: 385px){ .header .inside { grid-template-columns: 265px 1fr; } .header .logos svg { width: 235px; } } @media only screen and (max-width: 350px){ .header .inside { grid-template-columns: 250px 1fr; } .header .logos svg { width: 215px; } }