body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} @media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%} /* ============================================================================= * 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 * ========================================================================== */ .mod_article.parallax { background-attachment: fixed; background-position: center center; background-size: cover; } body.ios .mod_article.parallax, body.android .mod_article.parallax { background-attachment: scroll; background-position: center center!important; } /* ios13 iPad workaround */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { .ce_bgimage-image, .article-pb.parallax { background-position: center center !important; background-attachment: scroll !important; background-size: cover !important; } } /* ============================================================================= * 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; } } @media only screen and (max-width: 465px) { #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: 10px!important; padding-right: 10px!important; } } /* ============================================================================= * 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='); } .grid_grid{display:grid;margin-left:-15px;margin-right:-15px}.grid_grid .column{padding-left:15px;padding-right:15px}.grid_grid.gutter_none{margin-left:0;margin-right:0}.grid_grid.gutter_none>.column{padding-left:0;padding-right:0}.grid_grid.gutter_s{margin-left:-15px;margin-right:-15px}.grid_grid.gutter_s>.column{padding-left:15px;padding-right:15px}.grid_grid.gutter_m{margin-left:-30px;margin-right:-30px}.grid_grid.gutter_m>.column{padding-left:30px;padding-right:30px}.grid_grid.gutter_l{margin-left:-40px;margin-right:-40px}.grid_grid.gutter_l>.column{padding-left:40px;padding-right:40px}.grid_grid.same_height>.column>.attributes{height:100%}.grid_grid .column .attributes{background-size:cover}.grid_grid .column .attributes.p-xl{padding:200px 40px 200px 40px}.grid_grid .column .attributes.p-l{padding:160px 40px 160px 40px}.grid_grid .column .attributes.p-m{padding:115px 40px 115px 40px}.grid_grid .column .attributes.p-s{padding:80px 40px 80px 40px}.grid_grid .column .attributes.p-xs{padding:40px 40px 40px 40px}.grid_grid .column.align_left_top{text-align:left}.grid_grid .column.align_left_center{text-align:left;align-self:center}.grid_grid .column.align_left_bottom{text-align:left;align-self:flex-end}.grid_grid .column.align_center_top{text-align:center}.grid_grid .column.align_center_center{text-align:center;align-self:center}.grid_grid .column.align_center_bottom{text-align:center;align-self:flex-end}.grid_grid .column.align_right_top{text-align:right}.grid_grid .column.align_right_center{text-align:right;align-self:center}.grid_grid .column.align_right_bottom{text-align:right;align-self:flex-end}.grid_grid.same_height>.column{align-self:unset}.grid_grid.same_height>.column>.attributes{display:flex;flex-wrap:wrap;height:100%}.grid_grid.same_height>.column>.attributes>.same-height-wrap{width:100%;flex:0 0 100%}.grid_grid.same_height>.column.align_left_center>.attributes{align-items:center}.grid_grid.same_height>.column.align_left_bottom>.attributes{align-items:flex-end}.grid_grid.same_height>.column.align_center_center>.attributes{align-items:center}.grid_grid.same_height>.column.align_center_bottom>.attributes{align-items:flex-end}.grid_grid.same_height>.column.align_right_center>.attributes{align-items:center}.grid_grid.same_height>.column.align_right_bottom>.attributes{align-items:flex-end}.grid_grid .column>.attributes .image_mob{display:none}.grid_row,.grid_wrapper{margin-left:-15px;margin-right:-15px;display:flex;flex-wrap:wrap;box-sizing:border-box}.grid,.grid_row>.column{padding-left:15px;padding-right:15px;flex-basis:1;flex-grow:1;width:100%;position:relative;box-sizing:border-box}.grid_clear{flex:0 0 100%;height:0}.col_1{flex:0 0 calc((100% / 12) * 1);max-width:calc((100% / 12) * 1)}.col_2{flex:0 0 calc((100% / 12) * 2);max-width:calc((100% / 12) * 2)}.col_3{flex:0 0 calc((100% / 12) * 3);max-width:calc((100% / 12) * 3)}.col_4{flex:0 0 calc((100% / 12) * 4);max-width:calc((100% / 12) * 4)}.col_5{flex:0 0 calc((100% / 12) * 5);max-width:calc((100% / 12) * 5)}.col_6{flex:0 0 calc((100% / 12) * 6);max-width:calc((100% / 12) * 6)}.col_7{flex:0 0 calc((100% / 12) * 7);max-width:calc((100% / 12) * 7)}.col_8{flex:0 0 calc((100% / 12) * 8);max-width:calc((100% / 12) * 8)}.col_9{flex:0 0 calc((100% / 12) * 9);max-width:calc((100% / 12) * 9)}.col_10{flex:0 0 calc((100% / 12) * 10);max-width:calc((100% / 12) * 10)}.col_11{flex:0 0 calc((100% / 12) * 11);max-width:calc((100% / 12) * 11)}.col_12{flex:0 0 calc((100% / 12) * 12);max-width:calc((100% / 12) * 12)}.grid_row>.column>.attributes{background-size:cover}.grid_row>.column>.attributes.p-xl{padding:200px 40px 200px 40px}.grid_row>.column>.attributes.p-l{padding:160px 40px 160px 40px}.grid_row>.column>.attributes.p-m{padding:115px 40px 115px 40px}.grid_row>.column>.attributes.p-s{padding:80px 40px 80px 40px}.grid_row>.column>.attributes.p-xs{padding:40px 40px 40px 40px}.grid_row.gutter_none,.grid_wrapper.gutter_none{margin-left:0;margin-right:0}.grid_row.gutter_none>div,.grid_wrapper.gutter_none>div{padding-left:0;padding-right:0}.grid_row.gutter_s,.grid_wrapper.gutter_s{margin-left:-15px;margin-right:-15px}.grid_row.gutter_s>div,.grid_wrapper.gutter_s>div{padding-left:15px;padding-right:15px}.grid_row.gutter_m,.grid_wrapper.gutter_m{margin-left:-30px;margin-right:-30px}.grid_row.gutter_m>div,.grid_wrapper.gutter_m>div{padding-left:30px;padding-right:30px}.grid_row.gutter_l,.grid_wrapper.gutter_l{margin-left:-40px;margin-right:-40px}.grid_row.gutter_l>div,.grid_wrapper.gutter_l>div{padding-left:40px;padding-right:40px}.grid_row>.column.align_left_top{text-align:left}.grid_row>.column.align_left_center{text-align:left;align-self:center}.grid_row>.column.align_left_bottom{text-align:left;align-self:flex-end}.grid_row>.column.align_center_top{text-align:center}.grid_row>.column.align_center_center{text-align:center;align-self:center}.grid_row>.column.align_center_bottom{text-align:center;align-self:flex-end}.grid_row>.column.align_right_top{text-align:right}.grid_row>.column.align_right_center{text-align:right;align-self:center}.grid_row>.column.align_right_bottom{text-align:right;align-self:flex-end}.grid_row.same_height>.column{align-self:unset}.grid_row.same_height>.column>.attributes{display:flex;flex-wrap:wrap;height:100%}.grid_row.same_height>.column>.attributes>.same-height-wrap{width:100%;flex:0 0 100%}.grid_row.same_height>.column.align_left_center>.attributes{align-items:center}.grid_row.same_height>.column.align_left_bottom>.attributes{align-items:flex-end}.grid_row.same_height>.column.align_center_center>.attributes{align-items:center}.grid_row.same_height>.column.align_center_bottom>.attributes{align-items:flex-end}.grid_row.same_height>.column.align_right_center>.attributes{align-items:center}.grid_row.same_height>.column.align_right_bottom>.attributes{align-items:flex-end}.grid_row .column>.attributes .image_mob{display:none}.order_1{order:1}.order_2{order:2}.order_3{order:3}.order_4{order:4}.order_5{order:5}.order_6{order:6}.full{flex:0 0 100%}.one_half{flex:0 0 calc(100% / 2)}.one_third{flex:0 0 calc(100% / 3)}.one_fourth{flex:0 0 calc(100% / 4)}.one_fifth{flex:0 0 calc(100% / 5)}.one_sixth{flex:0 0 calc(100% / 6)}.two_third{flex:0 0 calc((100% / 3) * 2)}.two_fourth{flex:0 0 calc((100% / 4) * 2)}.three_fourth{flex:0 0 calc((100% / 4) * 3)}.two_fifth{flex:0 0 calc((100% / 5) * 2)}.three_fifth{flex:0 0 calc((100% / 5) * 3)}.four_fifth{flex:0 0 calc((100% / 5) * 4)}.two_sixth{flex:0 0 calc((100% / 6) * 2)}.three_sixth{flex:0 0 calc((100% / 6) * 3)}.four_sixth{flex:0 0 calc((100% / 6) * 4)}.five_sixth{flex:0 0 calc((100% / 6) * 5)}.offset_col_1{margin-left:calc((100% / 12) * 1)}.offset_col_2{margin-left:calc((100% / 12) * 2)}.offset_col_3{margin-left:calc((100% / 12) * 3)}.offset_col_4{margin-left:calc((100% / 12) * 4)}.offset_col_5{margin-left:calc((100% / 12) * 5)}.offset_col_6{margin-left:calc((100% / 12) * 6)}.offset_col_7{margin-left:calc((100% / 12) * 7)}.offset_col_8{margin-left:calc((100% / 12) * 8)}.offset_col_9{margin-left:calc((100% / 12) * 9)}.offset_col_10{margin-left:calc((100% / 12) * 10)}.offset_col_11{margin-left:calc((100% / 12) * 11)}.grid.no_gutter{padding-left:0;padding-right:0}@media only screen and (min-width :768px) and (max-width :1024px){.col_1_t{flex:0 0 calc((100% / 12) * 1);max-width:calc((100% / 12) * 1)}.col_2_t{flex:0 0 calc((100% / 12) * 2);max-width:calc((100% / 12) * 2)}.col_3_t{flex:0 0 calc((100% / 12) * 3);max-width:calc((100% / 12) * 3)}.col_4_t{flex:0 0 calc((100% / 12) * 4);max-width:calc((100% / 12) * 4)}.col_5_t{flex:0 0 calc((100% / 12) * 5);max-width:calc((100% / 12) * 5)}.col_6_t{flex:0 0 calc((100% / 12) * 6);max-width:calc((100% / 12) * 6)}.col_7_t{flex:0 0 calc((100% / 12) * 7);max-width:calc((100% / 12) * 7)}.col_8_t{flex:0 0 calc((100% / 12) * 8);max-width:calc((100% / 12) * 8)}.col_9_t{flex:0 0 calc((100% / 12) * 9);max-width:calc((100% / 12) * 9)}.col_10_t{flex:0 0 calc((100% / 12) * 10);max-width:calc((100% / 12) * 10)}.col_11_t{flex:0 0 calc((100% / 12) * 11);max-width:calc((100% / 12) * 11)}.col_12_t{flex:0 0 calc((100% / 12) * 12);max-width:calc((100% / 12) * 12)}.order_1_t{order:1}.order_2_t{order:2}.order_3_t{order:3}.order_4_t{order:4}.order_5_t{order:5}.order_6_t{order:6}}@media only screen and (max-width:767px){.five_sixth,.four_fifth,.one_fifth,.one_fourth,.one_half,.one_sixth,.one_third,.three_fifth,.three_fourth,.three_sixth .four_sixth,.two_fifth,.two_fourth,.two_sixth,.two_third,[class*=col_]{flex:0 0 100%;max-width:none}.grid_grid .column,.column[class*=col_]{padding-left:0!important;padding-right:0!important;margin-bottom:25px}.grid[class*=offset_],.grid_grid[class*=offset_],.column[class*=offset_]{margin-left:0}.grid_grid,.grid_row,.grid_wrapper{margin-left:0!important;margin-right:0!important}.grid_grid>.column>.attributes.has-image.empty>.image_mob,.grid_grid>.column>.attributes.has-image.empty>.same-height-wrap>.image_mob,.grid_row>.column>.attributes.has-image.empty>.image_mob,.grid_row>.column>.attributes.has-image.empty>.same-height-wrap>.image_mob{display:block}.grid_grid>.column>.attributes.has-image.empty,.grid_row>.column>.attributes.has-image.empty{background:0 0!important}.col_1_m{flex:0 0 calc((100% / 12) * 1);max-width:calc((100% / 12) * 1)}.col_2_m{flex:0 0 calc((100% / 12) * 2);max-width:calc((100% / 12) * 2)}.col_3_m{flex:0 0 calc((100% / 12) * 3);max-width:calc((100% / 12) * 3)}.col_4_m{flex:0 0 calc((100% / 12) * 4);max-width:calc((100% / 12) * 4)}.col_5_m{flex:0 0 calc((100% / 12) * 5);max-width:calc((100% / 12) * 5)}.col_6_m{flex:0 0 calc((100% / 12) * 6);max-width:calc((100% / 12) * 6)}.col_7_m{flex:0 0 calc((100% / 12) * 7);max-width:calc((100% / 12) * 7)}.col_8_m{flex:0 0 calc((100% / 12) * 8);max-width:calc((100% / 12) * 8)}.col_9_m{flex:0 0 calc((100% / 12) * 9);max-width:calc((100% / 12) * 9)}.col_10_m{flex:0 0 calc((100% / 12) * 10);max-width:calc((100% / 12) * 10)}.col_11_m{flex:0 0 calc((100% / 12) * 11);max-width:calc((100% / 12) * 11)}.col_12_m{flex:0 0 calc((100% / 12) * 12);max-width:calc((100% / 12) * 12)}.order_1_m{order:1}.order_2_m{order:2}.order_3_m{order:3}.order_4_m{order:4}.order_5_m{order:5}.order_6_m{order:6}.grid_grid>.column>.attributes.p-l,.grid_grid>.column>.attributes.p-m,.grid_grid>.column>.attributes.p-s,.grid_grid>.column>.attributes.p-xl,.grid_grid>.column>.attributes.p-xs,.grid_row>.column .attributes.p-l,.grid_row>.column .attributes.p-m,.grid_row>.column .attributes.p-s,.grid_row>.column .attributes.p-xl,.grid_row>.column .attributes.p-xs{padding:20px}.grid_grid .column.m_align_left_top{text-align:left}.grid_grid .column.m_align_left_center{text-align:left;align-self:center}.grid_grid .column.m_align_left_bottom{text-align:left;align-self:flex-end}.grid_grid .column.m_align_center_top{text-align:center}.grid_grid .column.m_align_center_center{text-align:center;align-self:center}.grid_grid .column.m_align_center_bottom{text-align:center;align-self:flex-end}.grid_grid .column.m_align_right_top{text-align:right}.grid_grid .column.m_align_right_center{text-align:right;align-self:center}.grid_grid .column.m_align_right_bottom{text-align:right;align-self:flex-end}.grid_row>.column.m_align_left_top{text-align:left}.grid_row>.column.m_align_left_center{text-align:left;align-self:center}.grid_row>.column.m_align_left_bottom{text-align:left;align-self:flex-end}.grid_row>.column.m_align_center_top{text-align:center}.grid_row>.column.m_align_center_center{text-align:center;align-self:center}.grid_row>.column.m_align_center_bottom{text-align:center;align-self:flex-end}.grid_row>.column.m_align_right_top{text-align:right}.grid_row>.column.m_align_right_center{text-align:right;align-self:center}.grid_row>.column.m_align_right_bottom{text-align:right;align-self:flex-end}}body.edge column[class*=col_]{flex-basis:1}@media only screen and (max-width:767px){body.edge column[class*=col_]{flex-basis:100%}} #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}