/** clearing **/ .clear {clear: both; font-size: 0.1px; height: 0.1px; line-height: 0.1px; float: none; display: table;} /** block grid **/ .autogrid, .autogrid:before,.autogrid:after {-moz-box-sizing: border-box; box-sizing:border-box;} .autogrid {padding-left: 1%; padding-right: 1%; position: relative; display: block; float: left;overflow: hidden;} /** block grid wrapper **/ .autogrid_wrapper {margin-left: -1%; margin-right: -1%;} /** non block **/ .autogrid:not(.block) {padding-left: 0; padding-right: 0; margin-left: 1%; margin-right: 1%;} /* .block.autogrid.first, .block.autogrid:first-child {margin-left: -1%;} */ /* .block.autogrid.last, .block.autogrid:last-child {margin-right: -1%;} */ /** Non block grid **/ .full {width: 98%;} .one_half {width: 48%;} .one_third {width: 31.3333%;} .one_fourth {width: 23%;} .one_fifth {width: 18%;} .one_sixth {width: 14.6667%;} /** Block grid **/ .block.full {width: 100%;} .block.one_half {width: 50%;} .block.one_third {width: 33.3333%;} .block.one_fourth {width: 25%;} .block.one_fifth {width: 20%;} .block.one_sixth {width: 16.6667%;} .block.two_third {width: 66.6667%;} .block.two_fourth {width: 50%;} .block.three_fourth {width: 75%;} .block.two_fifth {width: 40%;} .block.three_fifth {width: 60%;} .block.four_fifth {width: 80%;} .block.two_sixth {width: 33.3333%;} .block.three_sixth {width: 49.9999%;} .block.four_sixth {width: 66.6667%;} .block.five_sixth {width: 83.3333%;} /** Non block grid system **/ /** odd split: 2 elements per row **/ .n2:not(.block).one_third {width: 32%;} .n2:not(.block).two_third {width: 64%;} .n2:not(.block).one_fourth {width: 24%;} .n2:not(.block).two_fourth {width: 48%;} .n2:not(.block).three_fourth {width: 72%;} .n2:not(.block).one_fifth {width: 19.2%;} .n2:not(.block).two_fifth {width: 38.4%;} .n2:not(.block).three_fifth {width: 57.6%;} .n2:not(.block).four_fifth {width: 76.8%;} .n2:not(.block).one_sixth {width: 16%;} .n2:not(.block).two_sixth {width: 32%;} .n2:not(.block).three_sixth {width: 48%;} .n2:not(.block).four_sixth {width: 64%;} .n2:not(.block).five_sixth {width: 80%;} /** odd split: 3 elements per row **/ .n3:not(.block).one_half {width: 47%;} .n3:not(.block).two_third {width: 62.6667%;} .n3:not(.block).one_fourth {width: 23.5%;} .n3:not(.block).two_fourth {width: 47%;} .n3:not(.block).three_fourth {width: 70.5%;} .n3:not(.block).one_fifth {width: 18.8%;} .n3:not(.block).two_fifth {width: 37.6%;} .n3:not(.block).three_fifth {width: 56.4%;} .n3:not(.block).four_fifth {width: 75.2%;} .n3:not(.block).one_sixth {width: 15.6667%;} .n3:not(.block).two_sixth {width: 31.3333%;} .n3:not(.block).three_sixth {width: 47%;} .n3:not(.block).four_sixth {width: 62.6667%;} .n3:not(.block).five_sixth {width: 78.3333%;} /** odd split: 4 elements per row **/ .n4:not(.block).one_half {width: 46%;} .n4:not(.block).one_third {width: 30.6667%;} .n4:not(.block).two_third {width: 61.3333%;} .n4:not(.block).two_fourth {width: 46%;} .n4:not(.block).three_fourth {width: 69%;} .n4:not(.block).one_fifth {width: 18.4%;} .n4:not(.block).two_fifth {width: 36.8%;} .n4:not(.block).three_fifth {width: 55.2%;} .n4:not(.block).four_fifth {width: 73.6%;} .n4:not(.block).one_sixth {width: 15.3333%;} .n4:not(.block).two_sixth {width: 30.6667%;} .n4:not(.block).three_sixth {width: 46%;} .n4:not(.block).four_sixth {width: 61.3333%;} .n4:not(.block).five_sixth {width: 76.6667%;} /** odd split: 5 elements per row **/ .n5:not(.block).one_half {width: 45%;} .n5:not(.block).one_third {width: 30%;} .n5:not(.block).two_third {width: 60%;} .n5:not(.block).one_fourth {width: 22.5%;} .n5:not(.block).two_fourth {width: 45%;} .n5:not(.block).three_fourth {width: 67.5%;} .n5:not(.block).two_fifth {width: 36%;} .n5:not(.block).three_fifth {width: 54%;} .n5:not(.block).four_fifth {width: 72%;} .n5:not(.block).one_sixth {width: 15%;} .n5:not(.block).two_sixth {width: 30%;} .n5:not(.block).three_sixth {width: 45%;} .n5:not(.block).four_sixth {width: 60%;} .n5:not(.block).five_sixth {width: 75%;} /** odd split: 6 elements per row **/ .n6:not(.block).one_half {width: 44%;} .n6:not(.block).one_third {width: 29.3333%;} .n6:not(.block).two_third {width: 58.6667%;} .n6:not(.block).one_fourth {width: 22%;} .n6:not(.block).two_fourth {width: 44%;} .n6:not(.block).three_fourth {width: 66%;} .n6:not(.block).one_fifth {width: 17.6%;} .n6:not(.block).two_fifth {width: 35.2%;} .n6:not(.block).three_fifth {width: 52.8%;} .n6:not(.block).four_fifth {width: 70.4%;} .n6:not(.block).two_sixth {width: 29.3333%;} .n6:not(.block).three_sixth {width: 44%;} .n6:not(.block).four_sixth {width: 58.6667%;} .n6:not(.block).five_sixth {width: 73.3333%;} .border-inner {border-left: 1px solid #ddd;} .border-inner.first, .border-inner:first-child {border-left: 0;} .border-inner.last, .border-inner:last-child {border-right: 0;} /** optical correction **/ /* .autogrid.block.border-inner {margin-left: -0.75%; padding-left: 1.75%;} */ /** grid options **/ .autogrid.break {clear:left; margin-left: 0;} .autogrid.full.break {width: 100%;clear:both;float: none;padding-left: 0;padding-right: 0;} /** same height **/ .autogrid.same-height {display: table-cell; float: none; vertical-align: top;} /** flexible same height **/ .autogrid_wrapper.same-height, .autogrid_wrapper .inner.same-height, .ce_autogridWrapperStart.same-height .inside {display: flex; display: -webkit-flex; display: -ms-flexbox; height: 100%; clear: both;} /** autogrid full **/ .autogrid.full {padding-left: 0; padding-right: 0;} .autogrid_wrapper .autogrid.full {padding-left: 1%; padding-right: 1%;} /** no gutter **/ .autogrid_wrapper.no_gutter {margin-left: 0; margin-right: 0;} .autogrid_wrapper.no_gutter_left {margin-left: 0;} .autogrid_wrapper.no_gutter_right {margin-right: 0;} .autogrid.no_gutter {padding-left: 0; padding-right: 0;} .autogrid.no_gutter_left {padding-left: 0;} .autogrid.no_gutter_right {padding-right: 0;} /** tablets **/ @media only screen and (min-width: 768px) and (max-width: 990px) { .autogrid.adjust_mobile {width: 50% !important} } /** phones **/ @media only screen and (max-width: 767px) { .autogrid {width: 100%!important;} .autogrid.same-height, .autogrid_wrapper.same-height, .autogrid_wrapper .inner.same-height {display: block;} .border-inner {border-left: 0;} .ce_autogridSpacer {margin: 0!important; line-height: 0!important;} } /* ColorBox, (c) 2011 Jack Moore, MIT license */ #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#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/jquery/colorbox/1.6.1/images/loading.gif") no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background: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/jquery/colorbox/1.6.1/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/jquery/colorbox/1.6.1/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/jquery/colorbox/1.6.1/images/controls.png") no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} /* ============================================================================= * body * ========================================================================== */ html, body { font-size: 15px; } body { color: #555; font-family: 'Source Sans Pro', sans-serif; line-height: 1.8rem; font-weight: normal; } /* ============================================================================= * font classes * ========================================================================== */ .font_serif_2 { font-family: 'Playfair Display', Georgia, Times, serif; } /* ============================================================================= * headlines * ========================================================================== */ h1, h2, h3, h4, h5, h6 { margin-bottom: 25px; line-height: 1.3; color: rgb(59,60,66); word-wrap: break-word; } h1 { font-size: 3rem; padding-top: 0; } h2 { font-size: 2.333rem; } h3 { font-size: 1.867rem; } h4 { font-size: 1.5rem; } h5 { font-size: 1.333rem; } h6 { font-size: 1.2rem; } /* ============================================================================= * 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) { .stickyheader .logo, .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 { width: 100%; height: 100%; display: block; background-repeat: no-repeat; background-size: 100%; background-position: left; } /* ============================================================================= * stickyheader * ========================================================================== */ .stickyheader .header.cloned { line-height: 70px; } .stickyheader { position: fixed; z-index: 10000; left: 0; width: 100%; top: -100%; transition: All 0.6s ease; -webkit-transition: All 0.6s ease; } body.fixed-header .stickyheader { top: 0; } .stickyheader .header.cloned .logo { transition: height 0.3s ease; -webkit-transition: height 0.3s ease; } .stickyheader .logo { margin-right: 35px; } /* ============================================================================= * header * ========================================================================== */ .header { width: 100%; top: 0px; z-index: 1030; position: relative; background: rgb(255,255,255); line-height: 100px; } .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; } .header.original .mainmenu ul ul li a.trail:after, .header.original .mainmenu ul ul li a.active:after { display: none; } /* ============================================================================= * fix-wrapper * ========================================================================== */ #fix-wrapper { width: 100%; z-index: 10000; } /* ============================================================================= * contentwrapper * ========================================================================== */ #contentwrapper { background: rgb(255,255,255); } /* ============================================================================= * page-width + mod_article * ========================================================================== */ #top .inside, .header .inside, #footer .inside, #bottom .inside, body.sidebar #container, #main .mod_article:not(.autogrid), .fullwidth.boxed-content .contentwrap, .smallwidth .contentwrap, .boxed-content .contentwrap, .autogrid_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 { max-width: 1240px; margin-left: auto; margin-right: auto; } body #main .mod_article.fullwidth { max-width: 100%; } #main .mod_article.smallwidth { max-width: 60%; } #top .inside, .header .inside, #footer .inside, #bottom .inside, body.sidebar #container, #main .mod_article:not(.fullwidth):not(.autogrid):not(.smallwidth), .fullwidth.boxed-content .contentwrap, .smallwidth .contentwrap, .boxed-content .contentwrap, .autogrid_wrapper.article, .ce_bgimage-inside, .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 { padding-left: 40px; padding-right: 40px; } #main .mod_article { padding-top: 100px; padding-bottom: 100px; } body.content_page.sidebar #main .mod_article { padding-top: 40px; padding-bottom: 40px; } #main .mod_article.fullwidth:not(.boxed-content) { padding-top: 0; padding-bottom: 0; } /* ============================================================================= * top * ========================================================================== */ #top-wrapper { width: 100%; } #top-wrapper.fixed { box-shadow: 0 0 2px 2px rgba(0,0,0,0.1); background: rgba(0,0,0,0.8); } #top { position: relative; z-index: 1100; font-size: 0.93rem; line-height: 2.5rem; background: rgb(249,249,249); color: rgba(255,255,255,0.7); } #top-wrapper.fixed #top { max-height: 0; overflow: hidden; } #top:hover { overflow: visible; } #top .inside { padding-left: 40px; padding-right: 40px; } #top, #top a { color: rgb(127,127,127); } /* ============================================================================= * top: mod_top_mail * ========================================================================== */ #top .mod_top_mail { float: left; } #top .mod_top_mail a { padding: 0 8px; display: inline-block; transition: background 0.3s ease; -webkit-transition: background 0.3s ease; } #top .mod_top_mail i { margin: 0 5px; } #top .mod_top_mail a:hover { background: rgb(30,136,210); color: #fff!important; } /* ============================================================================= * top: mod_top_phone * ========================================================================== */ #top .mod_top_phone { float: left; margin-right: 15px; } #top .mod_top_phone i { margin: 0 5px 0 10px; } /* ============================================================================= * top: mod_socials * ========================================================================== */ #top .mod_socials { overflow: hidden; float: right; margin-left: 15px; } #top .mod_socials a { display: block; float: left; text-align: center; line-height: 35px; } #top .mod_socials a i { width: 2.333rem; font-size: 1.067rem; color: rgb(127,127,127); line-height: 2.5rem; } /* ============================================================================= * header: mod_socials * ========================================================================== */ .header .mod_socials { display: none; overflow: hidden; float: right; margin-left: 10px; padding-left: 10px; position: relative; } .header .mod_socials:before { content: ''; border-left: 1px solid rgb(0,0,0); position: absolute; top: 30%; left: 0; bottom: 30%; opacity: 0.2; } .header .mod_socials a { display: block; float: left; text-align: center; } .header .mod_socials a i { width: 35px; line-height: 35px; } /* ============================================================================= * container mod_socials * ========================================================================== */ #container .mod_socials i { padding: 7px; width: 2.4rem; font-size: 1.467rem; text-align: center; } /* ============================================================================= * mod_socials in sidebar * ========================================================================== */ #right .mod_socials, #left .mod_socials { text-align: center; border-top: 1px solid rgb(230,230,230); border-bottom: 1px solid rgb(230,230,230); padding: 10px 0; background: rgba(0,0,0,0.03); } #right .mod_socials i, #left .mod_socials i { background: rgba(0,0,0,0.05); font-size: 0.8rem; line-height: 2.4rem; padding: 0 7px; display: inline-block; } /* ============================================================================= * mod_langswitcher * ========================================================================== */ .mod_langswitcher { position: relative; float: right; margin-left: 20px; z-index: 100; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; font-size: 12px; } .mod_langswitcher .mod_langswitcher_inside { padding: 10px; display: inline-block; cursor: pointer; line-height: 0; position: relative; } .mod_langswitcher .mod_langswitcher_inside:before { content: ''; border-radius: 5px; border: 1px solid rgb(0,0,0); opacity: 0.2; position: absolute; top: 0; left: 0; bottom: 0; right: 0; max-width: 70px; height: 34px; width: 55px; } .mod_langswitcher .mod_langswitcher_inside:after { font-family: "FontAwesome"; content: "\f107"; margin-left: 10px; display: inline-block; font-size: 10px; position: relative; top: -2px; } .mod_langswitcher .mod_langswitcher_inside i { margin-right: 5px; } .mod_langswitcher img { width: 20px; height: 15px; margin-bottom: -3px; } .mod_langswitcher ul { display: none; position: absolute; border: 1px solid rgba(0,0,0,0.2); left: 0; top: 100%; background: rgb(255,255,255); width: 57px; text-align: center; border-radius: 0 0 5px 5px; } .mod_langswitcher ul li a { padding: 8px 15px; display: block; line-height: 15px; border-bottom: 1px solid rgba(0,0,0,0.08); transition: All 0.5s ease; -webkit-transition: All 0.5s ease; } .mod_langswitcher ul li a img { border: 1px solid rgb(200,200,200); } .mod_langswitcher ul li a:hover { background: rgba(0,0,0,0.05); } .mod_langswitcher ul li:last-of-type a { border-bottom: 0; } .mod_langswitcher .mod_langswitcher_inside:hover ul { -webkit-animation: fadeIn 0.3s; animation: fadeIn 0.3s; display: block; } /* ============================================================================= * top: mod_langswitcher * ========================================================================== */ #top .mod_langswitcher { display: none; } #top .mod_langswitcher .mod_langswitcher_inside { padding-left: 0; padding-right: 0; height: 36px; } #top .mod_langswitcher .mod_langswitcher_inside:before { display: none; } #top .mod_langswitcher ul { width: 45px; } #top .mod_langswitcher ul li a { padding-left: 5px; padding-right: 5px; } /* ============================================================================= * header: mod_search * ========================================================================== */ .header .mod_search { position: relative; float: right; padding: 0 8px; display: inline-block; cursor: pointer; margin-left: 45px; z-index: 100; opacity: 0.7; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .header .mod_search:hover { opacity: 1; } .header .mod_search span { display: none; } .header .ce_search_label i { margin-right: 5px; transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; } .body_bottom .mod_search .search-content { position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0,0,0,0.8); z-index: 1000000; display: none; } .body_bottom .mod_search .search-content:before { content: ''; height: 50%; display: block; margin-bottom: -120px; box-sizing: inherit; } .body_bottom .mod_search.show-search .search-content form { display: block; } .body_bottom .mod_search form { max-width: 500px; margin: 0 auto; height: 100%; display: none; text-align: center; } .body_bottom .mod_search.show-search .search-content{ display: block; -webkit-animation: fadeInDown 0.5s; animation: fadeInDown 0.5s; } .body_bottom .mod_search.show-search { overflow: visible!important; } .body_bottom .mod_search .close-window i { position: fixed; right: 50px; top: 50px; } .body_bottom .mod_search .close-window i:before { color: #fff; font-size: 20px; border: 3px solid #fff; width: 40px; height: 40px; line-height: 40px; border-radius: 100%; text-align: center; cursor: pointer; display: inline-block; transition: background 0.3s ease; -webkit-transition: background 0.3s ease; } .body_bottom .mod_search .close-window i:hover:before { background: rgba(255,255,255,0.3); } .body_bottom .mod_search input:not(.submit) { background: transparent; border: 0; border-bottom: 3px solid #fff; font-size: 32px; color: #fff; line-height: 40px; width: 100%; float: none; padding: 0; border-radius: 0; } .body_bottom .mod_search input.submit { margin: 25px auto 0 auto; float: none; width: auto; background: transparent; border-color: #fff; color: #fff; transition: All 0.3s linear; -webkit-transition: All 0.3s linear; } .body_bottom .mod_search input.submit:hover { background: rgba(255,255,255,0.3); } .body_bottom .mod_search .label { display: block; text-align: center; font-size: 34px; color: #fff; margin-bottom: 25px; font-weight: bold; } /* ============================================================================= * header: header_metanavi * ========================================================================== */ .header .header_metanavi { display: none; overflow: visible; } .header .header_metanavi a { transition: opacity 0.3s ease; -webkit-transition: opacity 0.3s ease; color: rgba(0,0,0,0.5); font-size: 0.95rem; } .header .header_metanavi a:hover { opacity: 0.7 } .header .header_metanavi li { display: inline-block; position: relative; line-height: 50px; } .header .header_metanavi li i { display: none; } .header .header_metanavi li ul { display: none; position: absolute; left: 0; background: rgba(255,255,255,0.9); box-shadow: 0 0 2px 2px rgba(0,0,0,0.05); z-index: 10; } .header .header_metanavi li ul li { border-top: 1px solid rgba(0,0,0,0.1); display: block; padding-left: 15px; padding-right: 15px; text-align: left; font-size: 0.9em; line-height: 35px; } .header .header_metanavi li ul li a { margin: 0; display: block; color: rgb(80,80,80)!important; } .header .header_metanavi li.submenu a:after { font-family: "FontAwesome"; content: "\f107"; margin-left: 4px; } .header .header_metanavi li.submenu li a:after { display: none; } .header .header_metanavi li:hover ul { display: block; } /* ============================================================================= * top: mod_login_top * ========================================================================== */ #top .mod_login_top { float: right; padding: 0 8px; display: inline-block; cursor: pointer; transition: background 0.3s ease; -webkit-transition: background 0.3s ease; margin-left: 25px; } #top .mod_login_top i { margin-right: 5px; } #top .mod_login_top:hover { background: rgb(30,136,210); color: #fff; } #top .mod_login { position: fixed; top: 0; right: 0; bottom: 0; left: 0; height: 100%; background: rgba(0,0,0,0.8); padding: 0; z-index: 100; display: none; max-width: 100%; margin: 0; color: rgb(57,57,57); } #top .mod_login.show form { display: block; } #top .mod_login form { max-width: 500px; margin: 0 auto; display: none; background: rgb(255,255,255); padding: 50px; margin-top: 50px; position: relative; border: 5px solid rgba(0,0,0,0.2); } #top .mod_login form table { width: 100%; } #top .mod_login form table td { padding: 10px 0; } #top .mod_login.show form { display: block; -webkit-animation: fadeIn 1s; animation: fadeIn 1s; } #top .mod_login.show { display: block; -webkit-animation: fadeIn 0.3s; animation: fadeIn 0.3s; } #top .mod_login .close-window-login i { position: absolute; right: 20px; top: 30px; } #top .mod_login .close-window-login i:before { font-size: 16px; border: 3px solid rgba(0,0,0,1); background: rgba(255,255,255,0.95); width: 30px; height: 30px; line-height: 30px; border-radius: 100%; text-align: center; cursor: pointer; display: inline-block; } #top .mod_login form div { margin: 0; } /* ============================================================================= * top: top_metanavi * ========================================================================== */ #top .top_metanavi { overflow: visible; float: right; } #top .top_metanavi a { transition: opacity 0.3s ease; -webkit-transition: opacity 0.3s ease; } #top .top_metanavi a:hover { opacity: 0.7; } #top .top_metanavi li { display: inline-block; position: relative; padding: 0 4px; } #top .top_metanavi li.submenu a:after { font-family: "FontAwesome"; content: "\f107"; margin-left: 4px; } #top .top_metanavi li.submenu li a:after { display: none; } #top .top_metanavi li i { display: none; } #top .top_metanavi li ul { display: none; position: absolute; left: 0; background: rgba(255,255,255,1); box-shadow: 0 0 2px 2px rgba(0,0,0,0.1); -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } #top .top_metanavi li ul li { border-bottom: 1px solid rgba(0,0,0,0.1); display: block; padding-left: 15px; padding-right: 15px; text-align: left; font-size: 0.9em; line-height: 35px; } #top .top_metanavi li ul li.last { border-bottom: 0; } #top .top_metanavi li ul li a { margin: 0; color: rgb(85,85,85)!important; display: block; } #top .top_metanavi li:hover ul { display: block; } /* ============================================================================= * breadcrumb * ========================================================================== */ .mod_breadcrumb { border-top: 1px solid rgba(0,0,0,0.1); border-bottom: 1px solid rgba(0,0,0,0.1); } .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: "FontAwesome"; content: "\f101"; margin-right: 5px; } .mod_breadcrumb li.first:before { display: none; } .mod_breadcrumb .pagetitle { display: none; } /* ============================================================================= * offcanvas-top * ========================================================================== */ .offcanvas-trigger { overflow: hidden; position: absolute; right: 0; top: 0; z-index: 10; cursor: pointer; height: 36px; width: 36px; } .offcanvas-trigger:after { position: absolute; right: -25px; top:-25px; width: 50px; content:''; height: 50px; -webkit-transform: rotate(45deg); transform: rotate(45deg); background: rgba(255,255,255,0.8); box-shadow: 0 0 2px 2px rgba(0,0,0,0.1); } .offcanvas-trigger .line1, .offcanvas-trigger .line2 { position: absolute; top: 50%; background: rgba(0,0,0,0.9); height: 1px; width: 10px; z-index: 10; right: 5px; margin-top: -7px; } .offcanvas-trigger .line2 { -webkit-transform: rotate(90deg); transform: rotate(90deg); transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } #offcanvas-top { max-height: 0; transition: All 0.5s ease; -webkit-transition: All 0.5s ease; overflow: hidden; font-size: 0.95rem; line-height: 1.6; } #offcanvas-top, #offcanvas-top a { color: rgba(255,255,255,0.8); } #offcanvas-top.offcanvas-top-open { display: block; max-height: 1000px; } .offcanvas-top-open.offcanvas-trigger .line2 { -webkit-transform: rotate(0deg); transform: rotate(0deg); } #offcanvas-top .offcanvas-top-inside { padding-top: 40px; padding-bottom: 40px; overflow: hidden; } #offcanvas-top .mod_login { background: none; box-shadow: none; padding: 0; margin: 0; } #offcanvas-top .mod_login input.submit { width: auto; background: rgba(0,0,0,0.1); } #offcanvas-top .mod_login input.text{ margin-bottom: 10px; } #offcanvas-top .autogrid.block { padding-left: 2%; padding-right: 2%; } #offcanvas-top .autogrid_wrapper { margin-left: -2%; margin-right: -2%; } #offcanvas-top h1, #offcanvas-top h2, #offcanvas-top h3, #offcanvas-top h4, #offcanvas-top h5, #offcanvas-top h6 { color: rgb(255,255,255); font-size: 1.6rem; } #offcanvas-top .mod_socials { overflow: hidden; display: inline-block; } #offcanvas-top .mod_socials a i { padding: 0.6667rem; margin-right: 1px; background: rgba(255,255,255,0.05); font-size: 1.333rem; display: inline-block; height: 2.667rem; width: 2.667rem; text-align: center; float: left; margin-bottom: 1px; } /* ============================================================================= * cookiebar * ========================================================================== */ .cookiebar { position: fixed; bottom: 0; left: 0; width: 100%; color: rgb(255,255,255); z-index: 100000000000; padding: 15px 110px 15px 15px; box-shadow: 0 0 2px 2px rgba(0,0,0,0.1); display: none; } .cookiebar.open { display: block; } .cookiebar-close { cursor: pointer; position: absolute; right: 15px; top: 50%; background: rgba(0,0,0,0.3); padding: 5px 10px; border-radius: 3px; transform: translateY(-50%); -webkit-transform: translateY(-50%); transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .cookiebar-close:hover { background: rgba(0,0,0,0.5); } .cookiebar a { color: rgb(255,255,255); font-weight: bold; } /* ============================================================================= * footer * ========================================================================== */ #footer { background: rgb(37, 37, 37); font-size: 0.93rem; line-height: 1.6rem; } #footer, #footer a { color: rgba(255, 255, 255, 0.6); } #footer a { transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } #footer a:hover { color: rgba(255, 255, 255, 1); } #footer .inside { margin: 0 auto; padding: 65px 40px; } #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { color: rgba(255,255,255,0.8); } #footer ul { padding: 0; margin: 0; } #footer li { margin-bottom: 10px; padding-left: 25px; padding-bottom: 10px; list-style-type: none; position: relative; } #footer li:last-of-type { margin-bottom: 0; } #footer li:after { border-bottom: 1px solid rgb(255,255,255); opacity: 0.2; content: ''; display: block; left: 0; width: 100%; bottom: 0; position: absolute; } #footer li:before { content: "\f105"; font-family: FontAwesome; text-align: center; position: absolute; left: 0px; display: block; height: 20px; width: 20px; margin-top: -1px; } #footer .totop { position: absolute; left: 50%; top: 0; margin-left: -20px; } #footer .totop:before { font-family: "FontAwesome"; content: '\f102'; background: rgba(255,255,255,0.1); width: 40px; height: 40px; display: block; text-align: center; line-height: 40px; font-size: 21px; border-radius: 0 0 3px 3px; } /* ============================================================================= * footer: mod_socials * ========================================================================== */ #footer .mod_socials { overflow: hidden; display: inline-block; } #footer .mod_socials a i { padding: 0.6667rem; margin-right: 1px; background: rgba(255,255,255,0.05); font-size: 1.333rem; display: inline-block; height: 2.667rem; width: 2.667rem; text-align: center; float: left; margin-bottom: 1px; } /* ============================================================================= * bottom * ========================================================================== */ #bottom { background: rgb(15, 15, 15); } #bottom .inside { margin: 0 auto; padding: 20px 40px; overflow: hidden; font-size: 0.93em; } #bottom .inside .left { float: left; } #bottom .inside .right { float: right; } #bottom .inside, #bottom .inside a { color: rgba(255,255,255,0.4); transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } #bottom .inside a:hover { color: rgba(255,255,255,1); border-bottom: 1px solid; } #bottom .inside .left a { margin-right: 15px; } #bottom .inside .right a { margin-left: 15px; } /* ============================================================================= * set css3 animation duration * ========================================================================== */ .animated { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; } /* ============================================================================= * set accent colors * ========================================================================== */ .bg-accent { background-color: rgb(30,136,210); } p a { color: rgb(30,136,210); } .divider-v2 h1:after, .divider-v2 h2:after, .divider-v2 h3:after, .divider-v2 h4:after, .dividerv h5:after, .divider-v2 h6:after, h1.divider-v2:after, h2.divider-v2:after, h3.divider-v2:after, h4.divider-v2:after, h5.divider-v2:after, h6.divider-v2:after { background: rgb(30,136,210); } hr.divider_3:before { background: rgb(30,136,210); } hr.divider_3:before { background: rgb(30,136,210); } .divider_4_first { border: 3px solid rgb(30,136,210); } .divider_4_second { background-color: rgb(30,136,210); } .divider_4::after, .divider_4::before { background-color: rgb(30,136,210); } .divider_5 i { color: rgb(30,136,210); } .mainmenu ul ul { border-top: 2px solid rgba(30,136,210,0.6); } .header.original .mainmenu ul li a.trail, .header.original .mainmenu ul li a.active, .header.cloned .mainmenu ul li a.trail, .header.cloned .mainmenu ul li a.active { color: rgb(30,136,210); } .mainmenu ul ul li a:hover, .mainmenu ul ul li a.trail, .mainmenu ul ul li a.active { background: rgba(30,136,210,0.95); } .subnav a { color: rgb(30,136,210); } #nav-open-btn:before { background: rgb(30,136,210); } .ce_table table th { background: rgb(30,136,210); } .ce_tabs .tabs.classic ul li.active, .ce_tabs .tabs.classic ul li:hover { border-color: rgb(30,136,210); } .ce_tabs .tabs.horizontal ul li:hover a, .ce_tabs .tabs.horizontal ul li.active a { background: rgb(30,136,210); } .ce_teambox .image .overlay { background: rgb(30,136,210); } .ce_teambox .email a { color: rgb(30,136,210); } blockquote a { color: rgb(30,136,210); } .ce_iconbox.version2 i { background: rgb(30,136,210); } .ce_iconbox .link { color: rgb(30,136,210); } .ce_testimonial a { color: rgb(30,136,210); } .ce_accordion .toggler:before { color:rgb(30,136,210); } .mod_calendar th.head { background:rgb(30,136,210); border-top:1px solid rgb(30,136,210); border-right:1px solid rgb(30,136,210); border-left:1px solid rgb(30,136,210); } .mod_calendar th.previous a, .mod_calendar th.next a { background-color:rgb(30,136,210); } .pagination li span.current { background: rgb(30,136,210); } .pagination li a:hover { color: rgb(30,136,210); } .mod_faqpage h3:before { color: rgb(30,136,210); } .mod_search .submit { border: 1px solid rgb(30,136,210); } input:focus, textarea:focus { border:1px solid rgb(30,136,210); } form fieldset legend { background-color:rgb(30,136,210); } form .input-group-addon { background: rgb(30,136,210); border-color: rgb(30,136,210); } input.submit[type="submit"] { background: rgb(30,136,210); } input.submit[type="submit"]:hover { background: rgba(30,136,210,0.9); } .ce_youtube_background.overlay .YTPOverlay { background-color: rgba(30,136,210,0.6); } .label-accent { background: rgb(30,136,210); } .ce_hyperlink a, a.btn { background: rgb(30,136,210); border-color: rgb(30,136,210); } .ce_hyperlink a.link-white, a.btn.link-white { color: rgb(30,136,210); } .ce_hyperlink a.link-white:hover, a.btn.link-white:hover { background: rgb(30,136,210); } .ce_hyperlink a.outline, a.btn.outline { color: rgb(30,136,210); } .newslist h2, .newslist h2 a { color: rgb(30,136,210); } .newslist .news-left .news-date { background: rgb(30,136,210); } .newsteaser .date { background: rgb(30,136,210); } .mod_portfoliolist .item a:hover { background: rgb(30,136,210); } #portfolio_filter a.selected, #portfolio_filter a:hover { background: rgb(30,136,210); } .ce_chartbar .chart_data { background: rgb(30,136,210); } .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(30,136,210); } blockquote { border-color: rgb(30,136,210); } .ce_pricetable .pricetable.highlight .title { background: rgb(30,136,210); } .ce_imagebox_v2 .ce_url a { background: rgb(30,136,210); } .ce_gallery .content { background: rgba(30,136,210,0.8); } .ce_headertext h1:after, .ce_headertext h2:after, .ce_headertext h3:after, .ce_headertext h4:after, .ce_headertext h5:after, .ce_headertext h6:after { background: rgb(30,136,210); } .ce_countup i { color: rgb(30,136,210); } .newslist-v3 .date { background: rgb(30,136,210); } .ce_bgimage.offset.offset-bg-accent:before { background-color: rgb(30,136,210); } .ce_leadertext.version2 .divider-first { border: 3px solid rgb(30,136,210); } .ce_leadertext.version2 .divider-second { background-color: rgb(30,136,210); } .ce_leadertext.version2 .divider:after, .ce_leadertext.version2 .divider:before { background-color: rgb(30,136,210); } .ce_accordion .toggler i.fa { background: rgb(30,136,210); } .newsteaser_v3 .news-overlay i { background-color: rgb(30,136,210); } .newslist-v3 .subheadline { color: rgb(30,136,210); } .ce_teambox .function { color: rgb(30,136,210); } .ce_tabs .tabs.horizontal-clean ul li.active:after { border-color: rgb(30,136,210) transparent transparent transparent; } .subheadline-v2 { color: rgb(30,136,210); } .ce_timeline .timeline-item .timeline-item-title { background: rgb(30,136,210); } .ce_portfoliofilter.default a.selected, .ce_portfoliofilter.default a:hover { background: rgb(30,136,210); } .ce_tabs .tabs.horizontal-clean ul li.active a { color: rgb(30,136,210); } .ce_revolutionslider_hyperlink { background: rgb(30,136,210); border-color: rgb(30,136,210); } .ce_headline_extended.version2 .divider-first { border-color: rgb(30,136,210); } .ce_headline_extended.version2 .divider:after, .ce_headline_extended.version2 .divider:before, .ce_headline_extended.version2 .divider-second { background-color: rgb(30,136,210); } #top a { color: rgb(30,136,210); } 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 { background-color: rgb(30,136,210); } body .picker__list-item--highlighted, .picker__list-item:hover { border-color: rgb(30,136,210); } .ce_video_background .video-overlay { background-color: rgb(30,136,210); } .ce_text_imagebox.imagebox_version2 .inside, .ce_text_imagebox.imagebox_version3 .inside { background-color: rgb(30,136,210); } #offcanvas-top { background: rgb(30,136,210); } .cookiebar { background: rgb(30,136,210); } .ce_bgimage_content_start.bg-accent .bg_overlay { background: rgb(30,136,210); } .newslist-timeline:before, .newslist-timeline-both h4:before { border-color: rgb(30,136,210); } .ce_divider_extended.version4 span { background: rgb(30,136,210); } .ce_divider_extended.version5 { background: rgb(30,136,210); } .ce_linkbox h4 { color: rgb(30,136,210); } .body_bottom .mod_search .search-content { background: rgb(30,136,210); } .mod_customcataloglist.cc_immorealty .entry.top_object .cc_immorealty_top { background: rgb(30,136,210); } .mod_customcatalogfilter.immorealty_filter .filter_range .ui-slider-range { background: rgb(30,136,210); } .mod_customcatalogreader.cc_immorealty .property-furnishing li i { color: rgb(30,136,210); } .mod_customcatalogreader.cc_immorealty .price { background: rgb(30,136,210); } .mod_customcataloglist .cc_immorealty_slider .category { background: rgb(30,136,210); } .header .mainmenu ul li.highlight a span { background: rgb(30,136,210); } .mod_customcataloglist.cc_immorealty .customelements_notelist input { background-color: rgb(30,136,210); } .mod_customcataloglist.cc_cardealer .item-rightside .item-content-col2 { color: rgb(30,136,210); } .mod_customcatalogfilter.cardealer_filter .filter_range .ui-slider-range { background-color: rgb(30,136,210); } .mod_customcatalogreader.cc_cardealer .single-price { color: rgb(30,136,210); } .mod_customcatalogreader.cc_cardealer .single-price strong { background-color: rgb(30,136,210); } .mod_customcataloglist.cc_cardealer .item-highlight-icon { background-color: rgb(30,136,210); } .mod_customcataloglist .cc_cardealer_slider .state { background-color: rgb(30,136,210); } .mod_customcataloglist .cc_cardealer_slider .price strong { color: rgb(30,136,210); } .mod_portfoliolist .item a:hover { color: rgb(30,136,210); } .ce_linkbox a i { background-color: rgb(30,136,210); } .mod_portfoliolist.portfolio-v2 .item a:hover { color: rgb(30,136,210); } .ce_fullscreen_gallery.version3 .bold { background-color: rgb(30,136,210); } form.style2 { background: rgb(30,136,210); } .ce_linkbox .ce_linkbox_banner { background-color: rgb(30,136,210); } .custommenu li:hover { background-color: rgb(30,136,210); } .ce_featured_tab li .ce_headline .headline { color: rgb(30,136,210); } .ce_featured_tab li.active { background-color: rgb(30,136,210); } .ce_headerimage.version3 .ce_headline .headline { background: rgb(30,136,210); } .ce_headerimage.version3 .subline { background: rgb(30,136,210); } .mod_portfoliolist_v4 .item a:hover { background: rgb(30,136,210); } .mod_customcatalogteaser.cc_accommodations .entry:hover .item-content { background: rgb(30,136,210); } .ce_revolutionslider_hyperlink.light { color: rgb(30,136,210); } .ce_frame_start.style3 .ce_frame_start_inside { border-color: rgb(30,136,210); } .mod_portfoliolist_teaser_3 .info, .mod_portfoliolist_teaser_3 .info a { color: rgb(30,136,210); } .newsteaser_v7:hover h5 { color: rgb(30,136,210); } .ce_divider_extended.version10 svg { fill: rgb(30,136,210); } .cd-horizontal-timeline .filling-line { background-color: rgb(30,136,210); } .cd-horizontal-timeline .events a.older-event::after { border-color: rgb(30,136,210); } .no-touch .cd-horizontal-timeline .events a:hover::after, .cd-horizontal-timeline .events a.selected::after { background-color: rgb(30,136,210); border-color: rgb(30,136,210); } .mod_portfoliolist_v7 .comments { background-color: rgb(30,136,210); } .mod_portfoliolist_v7 .subline { background-color: rgb(30,136,210); } .mod_portfoliolist_v7 .item:hover .item-bottom a { color: rgb(30,136,210); } .cd-horizontal-timeline .ce_text em { color: rgb(30,136,210); } .mod_eventlist_v2 .title a { color: rgb(30,136,210); } .ce_imagemap .hotspot.small .circle { box-shadow: 0 0 0 2px rgb(30,136,210); } .ce_pricecard.style2.highlight .ce_pricecard_inside { background: rgb(30,136,210); } .mod_eventlist_v3 h4, .mod_eventlist_v3 h4 a { color: rgb(30,136,210); } .mod_eventlist_v3 .meta-info i { color: rgb(30,136,210); } .cd-horizontal-timeline time:before, .cd-horizontal-timeline .location:before { color: rgb(30,136,210); } .cd-horizontal-timeline .more a { background: rgb(30,136,210); } body .mainmenu ul li a:hover:before, body .mainmenu ul li a.trail:before, body .mainmenu ul li a.active:before { background-color: rgb(30,136,210); } .ce_popup_start .popup_close { color: rgb(30,136,210); } .ce_popup_start .ce_popup_content { border-color: rgb(30,136,210); } .mod_eventlist_v4 i.fa-location-arrow { background-color: rgb(30,136,210); } .ce_hyperlink_lightbox_video.hyperlink_color_accent svg polygon { fill: rgb(30,136,210); } .ce_hyperlink_lightbox_video.hyperlink_color_accent svg circle { stroke: rgb(30,136,210); } .mod_portfoliolist_demos .item .overlay { background-color: rgb(30,136,210); } .mod_portfoliolist_demos .item h5:hover { color: rgb(30,136,210); } .ce_iconbox_v3 .ce_iconbox_v3_inside.bg-accent { background-color: rgb(30,136,210); } .ce_iconbox_v3 .ce_iconbox_v3_inside.bg-hover-accent:hover { background-color: rgb(30,136,210)!important; } .ce_iconbox_v3 .headline.headline-color-accent { color: rgb(30,136,210); } .ce_iconbox_v3 .subheadline.subheadline-color-accent { color: rgb(30,136,210); } .ce_iconbox_v3 .fonticon.fonticon-color-accent { color: rgb(30,136,210); } .ce_iconbox_v3:hover.text-hover-accent i, .ce_iconbox_v3:hover.text-hover-accent .headline, .ce_iconbox_v3:hover.text-hover-accent .subheadline { color: rgb(30,136,210)!important; } .submenu_v2 li a:hover, .submenu_v2 li a.active { color: rgb(30,136,210); } .ce_list.list-style2 li.fa:before { color: rgb(30,136,210); } .ce_list.list-style3 li.fa:before { color: rgb(30,136,210); } .ce_download_small .ce_download_small_inside a:after { color: rgb(30,136,210); } .ce_download_small .ce_download_small_inside a { border-color: rgb(30,136,210); } .ce_imagemap .circle { box-shadow: 0 0 0 4px rgb(30,136,210); } .ce_testimonial_version7 .text_inside:before { background: rgb(30,136,210); } .ce_portfoliofilter.port-filter-style3 a.selected { border-color: rgb(30,136,210); } form.style8 input.submit[type="submit"] { color: rgb(30,136,210); } /* ============================================================================= * set second color * ========================================================================== */ .bg-second { background-color: rgb(46,56,65); } .color-second { color: rgb(46,56,65); } .ce_bgimage_content_start .bg_overlay.bg-second { background-color: rgb(46,56,65); } .notelist .submit_container input.submit, .notelist .submit_container input.submit:hover { background-color: rgb(46,56,65); } .mod_customcataloglist.cc_cardealer .item-state { background-color: rgb(46,56,65); } form.style2 input.submit, form.style2 input.submit[type="submit"]:hover { background-color: rgb(46,56,65); } .ce_iconbox_v2.style2:hover { background-color: rgb(46,56,65); } .ce_hyperlink-extended a.link-sec-color { color: rgb(255,255,255); border: 2px solid rgb(46,56,65); background: rgb(46,56,65); } .ce_hyperlink-extended a.link-sec-color:hover { color: rgb(46,56,65); border: 2px solid rgb(46,56,65); background: rgb(255,255,255); } .ce_hyperlink-extended a.link-sec-color-outline { color: rgb(46,56,65); border: 2px solid rgb(46,56,65); background: none; } .ce_hyperlink-extended a.link-sec-color-outline:hover { color: rgb(255,255,255); background: rgb(46,56,65); } .ce_hyperlink_lightbox_video.hyperlink_color_second svg polygon { fill: rgb(46,56,65); } .ce_hyperlink_lightbox_video.hyperlink_color_second svg circle { stroke: rgb(46,56,65); } .ce_iconbox_v3 .ce_iconbox_v3_inside.bg-second { background-color: rgb(46,56,65); } .ce_iconbox_v3 .ce_iconbox_v3_inside.bg-hover-second:hover { background-color: rgb(46,56,65)!important; } .ce_iconbox_v3 .headline.headline-color-second { color: rgb(46,56,65); } .ce_iconbox_v3 .subheadline.subheadline-color-second { color: rgb(46,56,65); } .ce_iconbox_v3 .fonticon.fonticon-color-second { color: rgb(46,56,65); } .ce_iconbox_v3:hover.text-hover-second i, .ce_iconbox_v3:hover.text-hover-second .headline, .ce_iconbox_v3:hover.text-hover-second .subheadline { color: rgb(46,56,65)!important; } /* ============================================================================= * custom colors: background * ========================================================================== */ .bg-custom-1 { background: rgb(30,136,210); } .bg-custom-2 { background: rgb(30,136,210); } .bg-custom-3 { background: rgb(30,136,210); } .bg-custom-4 { background: rgb(30,136,210); } /* ============================================================================= * custom colors: offset layer * ========================================================================== */ .ce_bgimage.offset.offset-bg-custom-1:before { background-color: rgb(30,136,210); } .ce_bgimage.offset.offset-bg-custom-2:before { background-color: rgb(30,136,210); } .ce_bgimage.offset.offset-bg-custom-3:before { background-color: rgb(30,136,210); } .ce_bgimage.offset.offset-bg-custom-4:before { background-color: rgb(30,136,210); } /* ============================================================================= * mainmenu * ========================================================================== */ .mainmenu { float: right; } .mainmenu ul { position: static; } .mainmenu ul li a.first { padding-left: 0; } .mainmenu ul li { margin-left: 15px; margin-right: 15px; } .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; } .mainmenu ul li a { text-transform: none; padding: 0; font-weight: normal; font-size: 1.067rem; } .mainmenu ul li ul a.trail { color: rgb(255,255,255)!important; } .fixed .mainmenu ul li ul li a:not(.active):not(.trail) { color: rgb(57,57,57); } .mainmenu ul ul li a { transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .mainmenu ul ul li a { color: #4d4f4f!important; } .header .mainmenu ul ul li a:hover:not(.menuheader), .header .mainmenu ul ul li a.active, .header .mainmenu ul ul li a.trail { color: rgb(255,255,255)!important; } .mainmenu ul li a:hover { opacity: 0.8; transition: opacity 0.3s ease; -webkit-transition: opacity 0.3s ease; } .mainmenu ul li ul li a:hover { opacity: 1; } .mainmenu ul .megamenu-wrapper { right: auto; left: 40px; } nav.mainmenu li.megamenu ul li { min-width: 180px; } .mainmenu ul li:hover > ul, .mainmenu ul li:hover .megamenu-wrapper { -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .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: "FontAwesome"; content: "\f08e"; position: absolute; right: 5px; } .mainmenu ul li.megamenu ul li a[target=_blank] { padding-right: 45px!important; } .mainmenu ul .megamenu ul li a[target=_blank]:after { right: 10px; } .mainmenu ul li.floatbox { position: static; margin-left: 0!important;; margin-right: 0!important; } /* ============================================================================= * mainmenu: icons * ========================================================================== */ .mainmenu ul li a.nav-icon span { transform: translateY(30%); -webkit-transform: translateY(30%); display: inline-block; line-height: 40px; } .mainmenu ul ul li a.nav-icon span { line-height: inherit; transform: translateY(0); -webkit-transform: translateY(0); } .mainmenu ul li a i.fa { transform: translateY(-133%); -webkit-transform: translateY(-133%); position: absolute; top: 50%; width: 100%; left: 0; display: inline-block; } .mainmenu ul ul li a i.fa { transform: translateY(0); -webkit-transform: translateY(0); position: static; width: 1.5em; } /* ============================================================================= * class mainmenu: highlight one menu item * ========================================================================== */ .header .mainmenu ul li.highlight a span { padding: 10px; border-radius: 3px; } body .header .mainmenu ul li.highlight a.highlight { color: rgba(255,255,255,0.9)!important; } /* ============================================================================= * smartmenu - content * ========================================================================== */ .smartmenu-content { position: fixed; z-index: 100000000; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); visibility: hidden; text-align: center; opacity: 0; transition: All 0.5s ease; -webkit-transition: All 0.5s ease; } .smartmenu-content.open { visibility: visible; opacity: 1; } .smartmenu-content .smartmenu-table { display: table; height: 100%; width: 100%; } .smartmenu-content .smartmenu-scrollable { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: scroll; } .smartmenu-content .mod_navigation .level_1 ul { display: none; } .smartmenu-content .mod_navigation li:not(.floatbox) { font-size: 1.7rem; line-height: 2rem; font-weight: 200; padding: 0.5rem; text-transform: uppercase; } .smartmenu-content .mod_navigation .level_2 li { font-size: 1.2rem; line-height: 1.3rem; text-transform: none; } .smartmenu-content .mod_navigation ul.level_1 { display: table-cell; vertical-align: middle; overflow: scroll; padding: 20px; } .smartmenu-content .mod_navigation a { color: rgb(255,255,255); transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .smartmenu-content .mod_navigation a.active, .smartmenu-content .mod_navigation a.trail { border-bottom: 1px solid rgb(255,255,255); } .smartmenu-content .mod_navigation a.submenu { margin-left: 35px; } .smartmenu-content .mod_navigation ul.level_2 a.submenu { margin-left: 25px; } .smartmenu-content .mod_navigation a:hover { opacity: 0.8; } .smartmenu-content .subitems_trigger { display: inline-block; margin-left: 10px; } .smartmenu-content .subitems_trigger:before { content:'[+]'; color: rgba(255,255,255,0.8); } .smartmenu-content .mod_navigation li.open > .subitems_trigger:before { content:'[-]'; } .smartmenu-content .smartmenu-close { position: absolute; right: 40px; top: 40px; width: 35px; height: 35px; } .smartmenu-content .smartmenu-close:before, .smartmenu-content .smartmenu-close:after { display: inline-block; width: 35px; height: 1px; background: rgb(255,255,255); content: ''; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .smartmenu-content .smartmenu-close:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-left: -35px; } /* ============================================================================= * smartmenu - trigger * ========================================================================== */ .smartmenu { float: right; margin-left: 20px; line-height: 40px; display: none; } .smartmenu .smartmenu-trigger { height: 100px; width: 35px; position: relative; z-index: 1000000000; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; cursor: pointer; } .header.cloned .smartmenu .smartmenu-trigger { height: 70px; } .smartmenu .smartmenu-trigger .line { height: 1px; background: #393939; width: 35px; position: absolute; display: block; top: 50%; margin-top: -1px; } .smartmenu .smartmenu-trigger .line:before, .smartmenu .smartmenu-trigger .line:after { display: inline-block; width: 35px; height: 1px; background: #393939; position: absolute; left: 0; content: ''; top: 50%; margin-top: -13px; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .smartmenu .smartmenu-trigger .line:before { margin-top: 11px; } /* ============================================================================= * mobnav * ========================================================================== */ .body_bottom #mobnav { display: none; } /* ============================================================================= * custommenu * ========================================================================== */ .custommenu { overflow: hidden; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; background: rgba(0,0,0,0.4); 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%; } /* ============================================================================= * submenu_v2 * ========================================================================== */ .submenu_v2 ul { width: 100%; position: relative; overflow: hidden; } .submenu_v2 li { float: left; text-align: center; padding: 10px 0; } .submenu_v2 li.custommenu_cols2 { width: calc(100% / 2); } .submenu_v2 li.custommenu_cols3 { width: calc(100% / 3); } .submenu_v2 li.custommenu_cols4 { width: calc(100% / 4); } .submenu_v2 li.custommenu_cols5 { width: calc(100% / 5); } .submenu_v2 li.custommenu_cols6 { width: calc(100% / 6); } .submenu_v2 li.custommenu_cols7 { width: calc(100% / 7); } .submenu_v2 li.custommenu_cols8 { width: calc(100% / 8); } .submenu_v2 li a { display: block; border-right: 1px solid rgb(229, 229, 229); transition: All 0.2s ease; -webkit-transition: All 0.2s ease; font-weight: bold; font-size: 1.1rem; padding: 15px 0; position: relative; } .submenu_v2 li a.first { border-left: 1px solid rgb(229, 229, 229); } .submenu_v2 li a i { display: block; font-size: 3.333rem; margin-bottom: 5px; } .submenu_v2 li a.active:before { bottom: -20px; left: 50%; margin-left: -10px; background: rgb(247, 247, 247); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; height: 20px; width: 20px; z-index: 100; content: ''; } /* ============================================================================= * submenu_v3 * ========================================================================== */ .submenu_v3 { border: 8px solid rgb(220,220,220); padding: 25px; border-radius: 5px; } .submenu_v3 ul { padding-left: 15px; } .submenu_v3 li { list-style-type: square; list-style-position: outside; } .submenu_v3 li a { transition: All 0.3s ease; -webkit-transition: All 0.3s ease; margin-bottom: 3px; display: block; } .submenu_v3 li a:hover { opacity: 0.7; } .submenu_v3 li a.active { text-decoration: underline; } /* ============================================================================= * overwrite framework defaults * ========================================================================== */ .ce_revolutionslider { position: relative; } .ce_revolutionslider .banner.responsive { visibility: hidden; } .ce_revolutionslider .banner.responsive.revslider-initialised { visibility: visible; } .ce_revolutionslider .tp-dottedoverlay { z-index: 1; } .ce_revolutionslider_hyperlink { font-size: 13px; font-weight: bold; } .ce_revolutionslider_hyperlink.text-link { background: none; border: 0; min-width: 0; padding: 0; color: inherit; } .ce_revolutionslider_hyperlink.text-link:after { font-family: FontAwesome; content: "\f0da"; margin-left: 5px; } .ce_revolutionslider_text { line-height: 1.5; } .ce_revolutionslider_text.italic { font-family: Georgia, Times, serif; font-style: italic; } .ce_revolutionslider_text[class*='bg-'] { padding-left: 0.3em; padding-right: 0.3em; } .ce_leadertext.version1 .subheadline, .ce_leadertext.version2 .subheadline, .ce_headline_extended.version1 .subheadline, .ce_headline_extended.version2 .subheadline { font-size: 1.467rem; } .ce_revolutionslider .tp-bannertimer { top: auto; bottom: 0; height: 5px; } .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; } .ce_list li.fa { margin-bottom: 20px; font-size: 1rem; position: relative; font-family: inherit; } .ce_list li.fa:before { font-family: FontAwesome; } .ce_list li:after { content: ""; width: 70px; height: 1px; background: rgba(0,0,0,.08); position: absolute; left: -26px; bottom: -11px; } .color-white .ce_list li:after { background-color: rgba(255,255,255,0.8); } .ce_iconbox.version2 .ce_iconbox_inside:after { display: none; } textarea { height: inherit; } .mod_portfoliolist .item a:hover { background: rgb(255,255,255); } #main .mod_subscribe { border: 0; padding: 0; max-width: 650px; } #main .mod_subscribe h5 { display: none; } #main .mod_subscribe.align-center { margin-left: auto; margin-right: auto; } #main .mod_subscribe.align-center input.text { text-align: left!important; } #main .mod_subscribe.align-right { margin-left: auto; } #main .mod_subscribe.align-right input { margin-left: 10px; margin-right: 0; } #main .mod_subscribe.align-right input.text { text-align: left!important; } #main .mod_subscribe.align-right input.submit { text-align: center!important; } #main .mod_subscribe input { width: 45%; margin-right: 10px; display: inline-block; margin-bottom: 0; padding: 18px; } #main .mod_subscribe input.submit { width: 25%; display: inline-block; } input, textarea, select { background-color: rgb(255,255,255); padding: 15px; font-size: 0.9rem; } .chrome form select, .safari form select, select { height: 48px; } .ce_form .formicon-wrapper input { border-radius: 0 5px 5px 0; } input.submit { width: 100%; } .mod_search input { border-radius: 0; } .mod_search input.submit { width: auto; } .mod_login .submit_container { margin-top: 15px; } .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; } .header .mainmenu ul li span.pagetitle { line-height: 18px; font-size: 0.7rem; font-weight: bold; margin-left: 5px; background: red; color: #fff; border-radius: 2px; position: relative; top: -4px; padding-left: 3px; padding-right: 3px; } .pdf_link { margin-bottom: 10px; } .ce_accordion .toggler { border: 1px solid rgb(220,220,220); border-bottom: 0; padding: 10px; margin-bottom: 0; } .ce_accordionStart:last-of-type .toggler, .ce_accordionSingle:last-of-type .toggler, .ce_accordionStart:last-of-type .accordion, .ce_accordionSingle:last-of-type .accordion { border-bottom: 1px solid rgb(220,220,220); } .ce_accordion .accordion { border-left: 1px solid rgb(220,220,220); border-right: 1px solid rgb(220,220,220); } .ce_accordionStart:last-of-type .accordion { border-bottom: 1px solid rgb(220,220,220) } .ce_table table td { border-top: 0; border-bottom: solid 1px rgb(227,227,227); } select { color: #555; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #555 !important; } input:-moz-placeholder, textarea:-moz-placeholder { color: #555 !important; } input::-moz-placeholder, textarea::-moz-placeholder { color: #555 !important; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #555 !important; } .newslist-v2 .teaser-v2 { height: auto; } /* ============================================================================= * form style2 * ========================================================================== */ form.style2 { padding: 27px; } form.style2 input, form.style2 textarea, form.style2 select { border-color: transparent; border-radius: 0; } form.style2 textarea { height: 95px; } form.style2 h1, form.style2 h2, form.style2 h3, form.style2 h4, form.style2 h5, form.style2 h6 { color: rgb(255,255,255); } form.style2 input.submit:hover { opacity: 0.9; } /* ============================================================================= * form style3 * ========================================================================== */ form.style3 { max-width: 500px; margin-left: auto; margin-right: auto; } /* ============================================================================= * form style4 * ========================================================================== */ form.style4 { border: 5px solid rgb(227,227,227); padding: 50px 40px 20px 40px; background: rgba(255,255,255,0.3); } form.style4 input, form.style4 select, form.style4 textarea { background-color: rgb(248,248,248); } form.style4 fieldset { border: 0; padding: 0; } /* ============================================================================= * form style5 * ========================================================================== */ form.style5 input, form.style5 select, form.style5 textarea { background-color: rgb(247, 247, 247); border-color: rgb(247, 247, 247); font-size: 0.7rem; } form.style5 input.submit { width: auto; } form.style5 textarea:hover { border-color: rgb(153,153,153); } /* ============================================================================= * form style6 * ========================================================================== */ form.style6 { background: rgba(0,0,0,0.4); padding: 25px; color: rgb(255,255,255); } form.style6 input, form.style6 select, form.style6 textarea { background: rgba(200,200,200,0.3); color: rgb(255,255,255); border-color: rgba(200,200,200,0.3); } form.style6 select option { color: rgb(50,50,50); } form.style6 .explanation { margin-top: 20px; } form.style6 .headline h1, form.style6 .headline h2, form.style6 .headline h3, form.style6 .headline h4, form.style6 .headline h5, form.style6 .headline h6 { color: rgb(255,255,255); } form.style6 input::-webkit-input-placeholder, form.style6 textarea::-webkit-input-placeholder { color: #fff !important; } form.style6 input:-moz-placeholder, form.style6 textarea:-moz-placeholder { color: #fff !important; } form.style6 input::-moz-placeholder, form.style6 textarea::-moz-placeholder { color: #fff !important; } form.style6 input:-ms-input-placeholder, form.style6 textarea:-ms-input-placeholder { color: #fff !important; } /* ============================================================================= * form style7 * ========================================================================== */ form.style7 input, form.style7 select, form.style7 textarea { background-color: transparent; border: 0; border-bottom: 1px solid rgb(150,150,150); padding-left: 0; padding-right: 0; border-radius: 0; } form.style7 input:hover, form.style7 select:hover, form.style7 textarea:hover { border-top: 0; border-right: 0; border-left: 0; } form.style7 select { padding: 0; height: 50px; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i0KHQu9C+0LlfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxNC4wNXB4IiBoZWlnaHQ9IjcuNzM4cHgiIHZpZXdCb3g9IjUuOTkgMTAuOTg3IDE0LjA1IDcuNzM4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDUuOTkgMTAuOTg3IDE0LjA1IDcuNzM4IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBpZD0iRXhwYW5kX01vcmUiIGZpbGw9IiM0NDQ0NDQiIGQ9Ik0xOC44MzEsMTEuMTk1bC01LjgxNSw1LjgxNmwtNS44MTUtNS44MTdjLTAuMjc3LTAuMjc3LTAuNzI2LTAuMjc3LTEuMDAyLDBjLTAuMjc3LDAuMjc3LTAuMjc3LDAuNzI2LDAsMS4wMDNsNi4zMTYsNi4zMThsMCwwbDAsMGMwLjI3NywwLjI3NywwLjcyNiwwLjI3NywxLjAwMiwwbDYuMzE2LTYuMzE4YzAuMjc2LTAuMjc3LDAuMjc2LTAuNzI3LDAtMS4wMDRDMTkuNTU3LDEwLjkxOCwxOS4xMDgsMTAuOTE4LDE4LjgzMSwxMS4xOTV6Ii8+PC9zdmc+); background-position: 100% 58%; background-repeat: no-repeat; } form.style7 textarea { height: 250px; } form.style7 .explanation { font-size: 0.8rem; margin: 10px 0; } form.style7 input.submit { width: auto; border-radius: 0; padding-left: 15px; padding-right: 15px; } form.style7 div.widget.widget-text { margin-top: 3px; } /* ============================================================================= * form style8 * ========================================================================== */ form.style8 { border: 8px solid rgba(0,0,0,0.1); } form.style8 .formbody { padding: 40px 30px; position: relative; background: #fff; } form.style8 input.submit[type="submit"] { background: none; border: 3px solid rgb(204, 204, 204); color: inherit; border-radius: 0; width: auto; } form.style8 input.submit[type="submit"]:hover { border-color: rgb(180,180,180); } /* ============================================================================= * fieldset w/checkbox_selector * ========================================================================== */ form { transition: All 0.7s ease; -webkit-transition: All 0.7s ease; } fieldset { opacity: 1; transition: All 0.7s ease; -webkit-transition: All 0.7s ease; } /* ============================================================================= * datepicker * ========================================================================== */ .autogrid_wrapper.formfield, .autogrid_wrapper.formfield .autogrid { overflow: visible; } form div.widget { position: relative; } input.datepicker { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIzMnB4IiBoZWlnaHQ9IjMycHgiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzIgMzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnIGlkPSJHdWlkZXNfX3gyNl9fRm9ybXMiPjwvZz48Zz48Zz48Zz48cGF0aCBmaWxsPSIjNzU3NTc1IiBkPSJNMTEuMTYsMjEuMTA3YzAsMCwwLjU2MSwwLjU1OSwxLjI4OCwwLjU1OWMwLjU2OSwwLDAuODk0LTAuMjc4LDAuODk0LTAuNjIxYzAtMC40OS0wLjQ5LTAuNjkyLTEuMTY2LTAuNjkyaC0wLjQzOGwtMC4zMjQtMC43NDRsMC44MjQtMC45ODljMC4yOTgtMC4zNTksMC41NDMtMC41ODksMC41NDMtMC41ODl2LTAuMDE3YzAsMC0wLjIwMiwwLjA0My0wLjU5NiwwLjA0M2gtMS40OTh2LTEuMzEzaDMuOTUxdjAuOTU2bC0xLjI3LDEuNDYzYzAuOTMsMC4yMDIsMS41MTUsMC45MzgsMS41MTUsMS44MTNjMCwxLjA2OC0wLjc1MywyLjEzNy0yLjMyMiwyLjEzN2MtMS40MDEsMC0yLjEzNy0wLjgyNC0yLjEzNy0wLjgyNEwxMS4xNiwyMS4xMDd6Ii8+PHBhdGggZmlsbD0iIzc1NzU3NSIgZD0iTTE1Ljc5NCwyMS42OTNoMS4zMzJ2LTIuNjFjMC0wLjIzNywwLjAwOS0wLjQ4MSwwLjAwOS0wLjQ4MWgtMC4wMTdjMCwwLTAuMDc5LDAuMTc0LTAuMjQ2LDAuMzMybC0wLjM3NywwLjM0M2wtMC44ODQtMC45NDdsMS42OS0xLjU4NmgxLjMyM3Y0Ljk1aDEuMzR2MS4zMTNoLTQuMTcxVjIxLjY5M0wxNS43OTQsMjEuNjkzeiIvPjwvZz48cGF0aCBmaWxsPSIjNzU3NTc1IiBkPSJNMjQuNDc0LDkuMzMyaC0yLjMyMVY3LjcwN2MwLTEuNTM3LTEuMjQ5LTIuNzg2LTIuNzg2LTIuNzg2Yy0xLjUzNiwwLTIuNzg1LDEuMjQ5LTIuNzg1LDIuNzg2djEuNjI1aC0yLjgzM1Y3LjcwN2MwLTEuNTM3LTEuMjUtMi43ODYtMi43ODYtMi43ODZjLTEuNTM3LDAtMi43ODYsMS4yNDktMi43ODYsMi43ODZ2MS42MjVINS44NTVjLTAuNDYyLDAtMC44MzYsMC4zNzUtMC44MzYsMC44MzZ2MTUuNzM5YzAsMC40NjMsMC4zNzQsMC44MzcsMC44MzYsMC44MzdoMTguNjE5YzAuNDYxLDAsMC44MzYtMC4zNzQsMC44MzYtMC44MzdWMTAuMTY4QzI1LjMxLDkuNzA3LDI0LjkzNSw5LjMzMiwyNC40NzQsOS4zMzJ6IE0xOC4yNTIsNy43MDdjMC0wLjYxNSwwLjQ5OS0xLjExNSwxLjExNC0xLjExNXMxLjExNCwwLjUsMS4xMTQsMS4xMTV2My43ODVjMCwwLjYxNS0wLjQ5OSwxLjExNC0xLjExNCwxLjExNHMtMS4xMTQtMC40OTktMS4xMTQtMS4xMTRWNy43MDd6IE05Ljg0OCw3LjcwN2MwLTAuNjE1LDAuNDk5LTEuMTE1LDEuMTE1LTEuMTE1YzAuNjE1LDAsMS4xMTQsMC41LDEuMTE0LDEuMTE1djMuNzg1YzAsMC42MTUtMC40OTksMS4xMTQtMS4xMTQsMS4xMTRjLTAuNjE2LDAtMS4xMTUtMC40OTktMS4xMTUtMS4xMTRWNy43MDd6IE0yMy42MzksMjUuMDcySDYuNjlWMTUuMDQzaDE2Ljk0OFYyNS4wNzJ6Ii8+PC9nPjwvZz48L3N2Zz4=); background-size: 32px; background-position: right center; padding-right: 40px; } input.timepicker { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIzMnB4IiBoZWlnaHQ9IjMycHgiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzIgMzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnIGlkPSJHdWlkZXNfX3gyNl9fRm9ybXMiPjwvZz48ZyBpZD0iSWNvbnMiPjxnPjxwYXRoIGZpbGw9IiM3NTc1NzUiIGQ9Ik0xNyw4LjA1OVY2aC0ydjIuMDU5QzEwLjUwMSw4LjU1Nyw3LDEyLjM2OCw3LDE3YzAsMi4xMjUsMC43NDEsNC4wNzQsMS45NzIsNS42MTRMNy41MTUsMjQuMDdsMS40MTQsMS40MTRsMS40NTctMS40NTdDMTEuOTI2LDI1LjI1OSwxMy44NzUsMjYsMTYsMjZzNC4wNzQtMC43NDEsNS42MTMtMS45NzNsMS40NTcsMS40NTdsMS40MTQtMS40MTRsLTEuNDU3LTEuNDU2QzI0LjI1OSwyMS4wNzQsMjUsMTkuMTI1LDI1LDE3QzI1LDEyLjM2OCwyMS40OTksOC41NTcsMTcsOC4wNTl6IE0xNiwyNGMtMy44NjYsMC03LTMuMTM0LTctN3MzLjEzNC03LDctN3M3LDMuMTM0LDcsN1MxOS44NjYsMjQsMTYsMjR6Ii8+PHBvbHlnb24gZmlsbD0iIzc1NzU3NSIgcG9pbnRzPSIxNywxMiAxNSwxMiAxNSwxNy41IDE4LjA2MiwyMC41NjIgMTkuNDc3LDE5LjE0OCAxNywxNi42NzIgIi8+PHJlY3QgeD0iNy4yMyIgeT0iNS43MyIgdHJhbnNmb3JtPSJtYXRyaXgoLTAuNzA3MiAtMC43MDcgMC43MDcgLTAuNzA3MiA4LjIzMjIgMTkuODY4NSkiIGZpbGw9IiM3NTc1NzUiIHdpZHRoPSIyIiBoZWlnaHQ9IjUiLz48cmVjdCB4PSIyMS4zMTMiIHk9IjcuMTg4IiB0cmFuc2Zvcm09Im1hdHJpeCgtMC43MDcxIC0wLjcwNzIgMC43MDcyIC0wLjcwNzEgMzQuODU5IDMwLjgxNjkpIiBmaWxsPSIjNzU3NTc1IiB3aWR0aD0iNSIgaGVpZ2h0PSIyIi8+PC9nPjwvZz48L3N2Zz4=); 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__select--month, body .picker__select--year { padding: 0; height: 40px; font-size: 0.8rem; } body .picker--time .picker__holder { background: rgba(0,0,0,0.32); } /* ============================================================================= * icons for ce_form input * ========================================================================== */ .ce_form .input-group-addon { width: 60px; white-space: nowrap; vertical-align: middle; } .ce_form .input-group-addon { padding: 6px 12px; font-size: 0.9333rem; font-weight: normal; line-height: 1; color: rgb(255,255,255); text-align: center; border: 1px solid #cccccc; border-radius: 4px 0 0 4px; display: table-cell; } .ce_form .widget.mandatory .input-group-addon { background: red; border-color: red; color: rgb(255,255,255); } .ce_form .formicon-wrapper input { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; display: table-cell; border-left: 0; } .ce_form .formicon-wrapper { position: relative; display: table; border-collapse: separate; width: 100%; table-layout: fixed; } .ce_form .widget.fa:before, .ce_form .widget.fa label { display: none; } /* ============================================================================= * colorbox * ========================================================================== */ #cboxPrevious, #cboxNext, #cboxClose { z-index: 100; } #cboxWrapper .mod_article { 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, #cboxPrevious, #cboxClose { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxNzAuNXB4IiBoZWlnaHQ9IjY1cHgiIHZpZXdCb3g9IjAgMCAxNzAuNSA2NSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTcwLjUgNjUiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xNzAuNSwwaC00Ni42NjZDMTIyLjI3LDAsMTIxLDEuMjY5LDEyMSwyLjgzNHY1OS4zMzFjMCwxLjU2NSwxLjI3LDIuODM1LDIuODM0LDIuODM1SDE3MC41Ii8+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTAsMGg0Ni42NjZDNDguMjMsMCw0OS41LDEuMjY5LDQ5LjUsMi44MzR2NTkuMzMxQzQ5LjUsNjMuNzMsNDguMjMsNjUsNDYuNjY2LDY1SDAiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9Ijc4LjI1IiB5MT0iNS4xMDkiIHgyPSI5NC4zNzUiIHkyPSIyMS4yMzQiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9Ijk0LjM3NSIgeTE9IjUuMTA5IiB4Mj0iNzguMjUiIHkyPSIyMS4yMzQiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjM3LjUiIHkxPSIxMS4zNTkiIHgyPSIxMC43NSIgeTI9IjMyLjUiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjM3LjY3OCIgeTE9IjUzLjA1NSIgeDI9IjEwLjkyOCIgeTI9IjMxLjkxNCIvPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMTMzIiB5MT0iMTEuMzU5IiB4Mj0iMTU5Ljc1IiB5Mj0iMzIuNSIvPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMTMzIiB5MT0iNTMuNjQxIiB4Mj0iMTU5Ljc1IiB5Mj0iMzIuNSIvPjwvc3ZnPg==); } #cboxNext { right: 0!important; } #cboxPrevious { left: 0!important; } body #colorbox, body #cboxOverlay, body #cboxWrapper { z-index: 99999; } /* ============================================================================= * revolutions slider module // template revoslider_fullscreen_arrowdown.html5 * ========================================================================== */ .ce_revolutionslider #linkToContent { position: relative; width: 32px; height: 46px; border: 2px solid #fff; border-radius: 15px; position: absolute; bottom: 30px; margin: 0 auto; left: 0; right: 0; z-index: 100; } .ce_revolutionslider #linkToContent .wheel { display: block; width: 6px; height: 6px; background-color: #fff; border-radius: 50%; margin-left: auto; margin-right: auto; margin-top: 6px; left: 0; right: 0; -webkit-animation: mousewheel 1.7s infinite ease; animation: mousewheel 1.7s infinite ease; } .ce_revolutionslider #linkToContent.dark-wheel { border-color: rgba(0,0,0,0.7); } .ce_revolutionslider #linkToContent.dark-wheel .wheel { background: rgba(0,0,0,0.7); } @keyframes mousewheel{0%{margin-top:6px;opacity:0}30%{opacity:1}100%{margin-top:18px;opacity:0}} @-webkit-keyframes mousewheel{0%{margin-top:6px;opacity:0}30%{opacity:1}100%{margin-top:18px;opacity:0}} /* ============================================================================= * portfoliolist - one-page * ========================================================================== */ .mod_portfoliolist .onepage_item.item a { position: static; width: auto; height: auto; background: transparent; border-radius: 0; margin: 0; border: 0; transition: none; } /* ============================================================================= * autogrid - extra classes * ========================================================================== */ .autogrid_wrapper.grid-l { margin-left: -3%; margin-right: -3%; } .autogrid_wrapper.grid-l .ce_autogridWrapperStart.autogrid { padding-left: 3%; padding-right: 3%; } /* ============================================================================= * breakpoint show smartmenu / hide mainmenu * ========================================================================== */ @media only screen and (min-width: 768px) and (max-width: 970px) { .smartmenu { display: block; } .mainmenu { display: none; } } /* ============================================================================= * breakpoint for topbar // hide mod_top_phone * ========================================================================== */ @media only screen and (min-width: 768px) and (max-width: 1035px) { #top .mod_top_phone { display: none; } #top .mod_top_mail a { padding-left: 0; } } /* ============================================================================= * smart phones (s / small screens) * ========================================================================== */ @media only screen and (max-width: 767px) { #main .mod_article, #main .mod_article.fullwidth.boxed-content .contentwrap, #main .autogrid_wrapper.article, #main .mod_article .ce_parallax .contentwrap, #main .mod_article .ce_bgimage .ce_bgimage-inside, #main .mod_article .ce_youtube_background .contentwrap, body.sidebar.left #main .mod_article, body.sidebar.right #main .mod_article, .ce_headerimage .ce_headerimage_inside, .ce_bgimage-inside, .header .inside, .ce_text_image_bar .inside, .ce_iconbox_header .contentwrap { padding-left: 20px!important; padding-right: 20px!important; } #main .autogrid_wrapper.article .mod_article, #main .mod_article.fullwidth, #main .mod_article.smallwidth { padding-left: 0px!important; padding-right: 0px!important; } #main .mod_article.smallwidth { max-width: 80%; } .header .inside { height: 70px; } .header { padding-bottom: 0; padding-top: 0; } #fix-wrapper, #top-wrapper { position: relative!important; } #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 { padding: 20px; } .mod_breadcrumb ul { 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; } h1 { font-size: 1.733rem; margin-bottom: 15px; } h2 { font-size: 1.6rem; margin-bottom: 10px; } h3 { font-size: 1.467rem; margin-bottom: 10px; } h4 { font-size: 1.2rem; margin-bottom: 10px; } h5 { font-size: 1.067rem; margin-bottom: 10px; } h6 { font-size: 1.067rem; margin-bottom: 10px; } .mod_breadcrumb { display: none; } .header .mod_langswitcher { position: absolute; right: 70px; top: 50%; margin-top: -19px; line-height: 40px; margin-left: 0!important; } .header .mod_search { display: none; } #main .mod_article { padding-top: 50px; padding-bottom: 50px; } .ce_imagemap .hotspot { display: none; } .header.cloned { box-shadow: none; } body.fixed-header .header.cloned { box-shadow: 0 0 2px 2px rgba(0,0,0,0.1); } .stickyheader { top: 0!important; transition: All 0s ease; -webkit-transition: All 0s ease; } .header.original { visibility: hidden; } #top { display: none; } .stickyheader .header.cloned { transition: All 0s ease; -webkit-transition: All 0s ease; } #main .mod_subscribe input, #main .mod_subscribe input.submit { width: 100%; margin: 0; } #main .mod_subscribe input.submit { margin-top: 20px; } .autogrid:not(.ce_autogridwrapper):not(.no_gutter) { margin-bottom: 25px; } body #contentwrapper .ce_form form .autogrid { margin-bottom: 0; } body .ce_form .autogrid { margin-bottom: 0; } .autogrid.autogrid-last { margin-bottom: 0; } #main .mod_article.autogrid { padding-top: 0; padding-bottom: 25px; margin-bottom: 0; } #main .mod_article.autogrid.autogrid-first { padding-top: 25px; } .ce_hyperlink.align-right { text-align: left!important; } #main .mod_subscribe.align-right input { margin-left: 0; margin-top: 20px; } .ce_revolutionslider #linkToContent { bottom: 10px; } .ce_revolutionslider .rs-container.fullscreen { height: calc(100vh - 70px)!important; } .custommenu { bottom: 0px; padding: 10px; } .custommenu li { float: none; width: 100%!important; border: 1px solid rgb(255,255,255); border-bottom: 0; } .custommenu li.last { border-bottom: 1px solid rgb(255,255,255); } .custommenu li .pagetitle { display: none; } form.style4 { padding: 20px; } form.style4 .submit_container { margin-bottom: 10px; } .submenu_v2 li { width: 100%!important; padding: 0; } .submenu_v2 li a, .submenu_v2 li a.first { border-top: 1px solid rgb(200,200,200); border-left: 0; border-right: 0; } .submenu_v2 li a.first { border: 0; } .submenu_v2 li a i { font-size: 1.667rem; } .submenu_v2 li a.active:before { display: none; } .mod_langswitcher .mod_langswitcher_inside:before { top: -1px; } } /* ============================================================================= * 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='); } /* =========================================== * Layout * ======================================== */ html, body { font-size: 18px; font-variant-ligatures: none; } body { font-family: 'Lato', Arial, Helvetica, sans-serif; color: #555555; font-weight: normal; } .header { line-height: 150px; } .logo { width: 232px; height: 88px; margin-top: 31px; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .logo a { background-image: url(../../files/schwab-partner/logo.png); } #slider { background: #1e1e1e; } @media only screen and (min-width: 768px) and (max-width: 1150px) { .logo { margin-top: 20px; } #main .mod_article { padding-top: 80px; padding-bottom: 80px; } } @media only screen and (max-width: 767px) { body { line-height: 1.6rem; } .header.original { visibility: visible; } .header { line-height: 96px; } .header .inside { height: 96px; } .logo { margin: 0; width: 192px; height: 96px; } } /* =========================================== * Top * ======================================== */ #top { font-size: 14px; letter-spacing: 1px; line-height: 2rem; } #top .inside { max-height: 36px; overflow: hidden; } #top .mod_top_phone i { margin-left: 2px; } #top .mod_socials a i { line-height: 2rem; font-size: 16px; } #top .mod_top_mail i { position: relative; top: -1px; margin-right: 7px; } #top .mod_top_mail a { color: #7f7f7f; padding-right: 11px; } #top .mod_top_mail a:hover, #top .mod_socials i.fa-facebook:hover, #top .mod_socials i.fa-map-o:hover { background: #026aae !important; color: #fff; } #top .mod_top_phone a[href^=tel] { color: inherit; text-decoration: none; } @media only screen and (min-width: 768px) and (max-width: 1150px) { #top .inside { padding-left: 36px; padding-right: 32px; } } @media only screen and (min-width: 768px) and (max-width: 1035px) { #top .mod_top_phone { display: block; } #top .mod_top_mail a { padding-left: 8px; } } @media only screen and (max-width: 767px) { #top { display: block; font-size: 12px; line-height: 30px; overflow: hidden; height: 30px; } #top .inside { padding-left: 16px; padding-right: 14px; } #top .mod_top_phone { margin-right: 10px; } #top .mod_top_mail i { font-size: 11px; } #top .mod_socials a { line-height: 30px; } #top .mod_socials a i { line-height: 30px; font-size: 14px; width: 30px; } #top .mod_socials { margin-left: 3px; } } /* =========================================== * Navigation * ======================================== */ .header .mainmenu { width: 100%; } .header .mainmenu li.float_left.floatbox { float: left; margin: 0; } .header .mainmenu li.float_right.floatbox { float: right; margin: 0; } .mainmenu ul li { margin-left: 14px; margin-right: 14px; } .mainmenu ul li.float_left { margin-left: 21px; margin-right: 21px; } .mainmenu ul li.first { margin-left: 0 !important; } .mainmenu ul li a, .submenu ul li a { font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-size: 14px; text-transform: uppercase; letter-spacing: 3px; font-weight: normal; color: #646464; line-height: 1.6rem; transition: none; -webkit-transition: none; } .mainmenu ul li a:hover, .submenu ul li a:hover { color: #252a2d !important; opacity: 1; } .mainmenu ul li a.trail, .mainmenu ul li a.active, .submenu ul li a.trail, .submenu ul li a.active { color: #026aae !important; } .mainmenu ul li a.trail:after, .mainmenu ul li a.active:after { content: ""; position: absolute; z-index: -1; left: 0; bottom: -2px; right: 3px; height: 2px; background: #026aae; } /* =========================================== * Navigation Mobile * ======================================== */ #nav-open-btn { margin-top: -9px; line-height: 0; } #nav-open-btn:before { background: none; font-size: 20px; line-height: 20px; height: auto; width: 20px; text-align: right; color: #7f7f7f; } .mm-menu.mm-theme-dark { background: #fff; } .mm-panels > .mm-panel > .mm-listview:first-child { margin-top: 0; } .mm-listview { font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-size: 18px; line-height: 24px; font-weight: normal; text-transform: uppercase; letter-spacing: 3px; } .mm-listview > li { text-align: center; } .mm-listview > li > a, .mm-listview > li > span { color: #999; padding: 15px 12px 15px 15px; display: inline-block; } .mm-listview .level_2 > li { display: inline-block; } .mm-listview .level_2 > li > a, .mm-listview .level_2 > li > span { padding: 5px 2px 5px 5px; font-size: 12px; line-height: 1.4rem; color: #999; } body .mm-menu a:hover, body .mm-menu a.active, body .mm-menu a.trail { background: none; color: #252a2d; } body .mm-menu a.active, body .mm-menu a.trail { color: #026aae; } .mm-listview .mm-next + a, .mm-listview .mm-next + span { margin-right: 42px; } .mm-listview > li:not(.mm-divider):after { border-bottom: 0; } .mm-vertical .mm-listview > li > .mm-next, .mm-listview > li.mm-vertical > .mm-next { right: auto; left: 162px; position: relative; top: -15px; width: auto; height: auto; color: #999; } .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > span { background: none; } .mm-menu.mm-theme-dark .mm-listview > li .mm-next:after, .mm-menu.mm-theme-dark .mm-listview > li .mm-arrow:after { border: 0; width: auto; height: auto; position: static; content: '[+]'; font-size: 12px; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .mm-vertical .mm-listview > li.mm-opened > .mm-next:after, .mm-listview > li.mm-vertical.mm-opened > .mm-next:after { content: '[-]'; } .mm-listview .mm-next:before { border-left: 0; } .mm-vertical .mm-listview .mm-panel, .mm-listview .mm-vertical .mm-panel { padding: 0 20px; } @media only screen and (max-width: 767px) { .mm-page { -webkit-box-shadow: -2px 0px 2px 0px rgba(0,0,0,0.1); -moz-box-shadow: -2px 0px 2px 0px rgba(0,0,0,0.1); box-shadow: -2px 0px 2px 0px rgba(0,0,0,0.1); } } @media only screen and (max-width: 380px) { .mm-vertical .mm-listview .mm-panel, .mm-listview .mm-vertical .mm-panel { padding: 0 5px; } } /* =========================================== * Navigation Submenu * ======================================== */ .mod_navigation.submenu { max-width: 1160px; margin-left: auto; margin-right: auto; text-align: center; padding: 50px 10%; border-bottom: 1px solid rgba(0,0,0,0.1); } .mod_navigation.submenu ul li { margin-left: 21px; margin-right: 21px; display: inline-block; } .mod_navigation.submenu ul li a { color: #b4b4b4; } body.hide_submenu .mod_navigation.submenu { display: none; } @media only screen and (min-width: 768px) and (max-width: 1150px) { .mod_navigation.submenu { padding: 30px 10%; } } @media only screen and (max-width: 990px) { .mod_navigation.submenu { padding: 30px 30px; } } @media only screen and (max-width: 767px) { .mod_navigation.submenu { display: none; } } /* =========================================== * Navigation Smartmenu * ======================================== */ .smartmenu .smartmenu-trigger { height: 125px; } .smartmenu .smartmenu-trigger .line { height: 2px; background: #7f7f7f; } .smartmenu .smartmenu-trigger .line:before, .smartmenu .smartmenu-trigger .line:after { height: 2px; background: #7f7f7f; } .smartmenu-content { background: rgba(255, 255, 255, 0.95); } .smartmenu-content .mod_navigation .level_2 { padding: 0 12%; } .smartmenu-content .mod_navigation li:not(.floatbox) { font-size: 1.6rem; line-height: 2.4rem; font-weight: normal; } .smartmenu-content .mod_navigation .level_2 li:not(.floatbox) { display: inline-block; padding-top: 0; padding-bottom: 0; } .smartmenu-content .mod_navigation a { font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-weight: normal; color: #999; letter-spacing: 4px; } .smartmenu-content .mod_navigation a:hover { opacity: 1; color: #252a2d; } .smartmenu-content .mod_navigation a.active, .smartmenu-content .mod_navigation a.trail { border-bottom: none; color: #026aae; } .smartmenu-content .mod_navigation a.submenu { margin-left: 13px; } .smartmenu-content .smartmenu-close { cursor: pointer; } .smartmenu-content .smartmenu-close:before, .smartmenu-content .smartmenu-close:after { background: #555; } .smartmenu-content .subitems_trigger { font-size: 1.2rem; position: relative; top: -3px; cursor: pointer; } .smartmenu-content .subitems_trigger:before { color: #999; } .smartmenu-content .mod_navigation li.submenu.active ul, .smartmenu-content .mod_navigation li.submenu.trail ul { display: block; } .smartmenu-content .mod_navigation li.submenu.active .subitems_trigger, .smartmenu-content .mod_navigation li.submenu.trail .subitems_trigger { display: none; } .smartmenu-content .mod_navigation li.submenu.active a.submenu, .smartmenu-content .mod_navigation li.submenu.trail a.submenu { margin-left: 0; } @media only screen and (min-width: 768px) and (max-width: 1150px) { .smartmenu { display: block; } .mainmenu { display: none; } } /* =========================================== * Sprachwechsler * ======================================== */ .mod_changelanguage { float: right; } .mod_changelanguage ul, .mod_changelanguage li { margin: 0; padding: 0; } .mod_changelanguage li { display: inline-block; padding-left: 10px; } .mod_changelanguage li.first { padding-left: 0; } #top .mod_changelanguage a { color: #646464; } #top .mod_changelanguage a:hover { color: #252a2d; } #top .mod_changelanguage a.active { color: #026aae; } .mod_changelanguage i, .mod_changelanguage .pagetitle { display: none; } @media only screen and (max-width: 767px) { .mod_changelanguage li { padding-left: 5px; } } /* =========================================== * Stickyheader * ======================================== */ .stickyheader .logo { margin: 0; width: 140px; } .stickyheader .logo a { background-image: url(../../files/schwab-partner/logo-small.png); } .stickyheader ul li { margin-left: 24px; margin-right: 24px; } .stickyheader ul li.float_left { margin-left: 31px; margin-right: 31px; } @media only screen and (max-width: 767px) { .stickyheader { top: -100% !important; transition: All 0.6s ease; -webkit-transition: All 0.6s ease; } body.fixed-header .stickyheader { top: 0 !important; } .stickyheader .header .inside { height: 70px; } } /* =========================================== * Autogrid * ======================================== */ .autogrid_wrapper { margin-left: -2%; margin-right: -2%; } .autogrid { padding-left: 2%; padding-right: 2%; } .autogrid_wrapper.article .inner { margin-left: -2%; margin-right: -2%; } .autogrid_wrapper.grid-l { margin-left: -4%; margin-right: -4%; } .autogrid_wrapper.grid-l .ce_autogridWrapperStart.autogrid { padding-left: 4%; padding-right: 4%; } @media only screen and (min-width: 768px) and (max-width: 1150px) { .autogrid.adjust_desktop { width: 100%; } } @media only screen and (max-width: 990px) { .autogrid.adjust_tablet { width: 100%; } } @media only screen and (max-width: 767px) { .autogrid.adjust_smartphone { width: 50% !important; } } /* =========================================== * Animation * ======================================== */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; } /* =========================================== * Revolution Slider * ======================================== */ .homeslider-layer { position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.1); z-index: 50; } .homeslider-title, .homeslider-link { position: absolute; left: 50%; bottom: 45%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 100; } .homeslider-title { width: 600px; } .homeslider-link { top: 65.7%; bottom: auto; } .ce_revolutionslider .tp-bannertimer, .ce_revolutionslider .tp-loader { display: none; } @media only screen and (max-width: 767px) { .homeslider-title { width: 450px; } } @media only screen and (max-width: 490px) { .homeslider-title { width: 100%; padding-left: 20px; padding-right: 20px; } .homeslider-link.ce_hyperlink a { padding: 5px 14px 5px 16px; font-size: 0.8rem; min-width: auto; white-space: nowrap; } } @media only screen and (max-width: 380px) { .homeslider-title h1 { font-size: 1.6rem; } } @media only screen and (max-width: 360px) { .homeslider-title h1 { font-size: 1.3rem; } } /* =========================================== * Text * ======================================== */ h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-weight: normal; letter-spacing: 2px; color: #252a2d; } h1 { font-size: 2.88rem; } h1.ce_headline, .mod_newsreader h1 { font-size: 2.1rem; text-transform: uppercase; letter-spacing: 6px; } p a { color: #026aae; } .ce_text_extented a, .ce_google_map_inside p a { text-decoration: underline; } .ce_text_extented a:hover, .mod_article p a:hover, .ce_google_map_inside p a:hover { text-decoration: none; } .ce_text_extented.font-style-letter-sp2 ul { letter-spacing: 2px; } a[href^=tel] { color: inherit; } .ce_text a[href^=tel], .ce_text_extented a[href^=tel] { color: inherit !important; text-decoration: none !important; } .datenschutz h1 { font-size: 2.1rem; } .datenschutz h2 { font-size: 1.5rem; } .datenschutz h3, .datenschutz h4 { font-size: 1.1rem; } .datenschutz h2, .datenschutz h3, .datenschutz h4 { padding-top: 40px; } .datenschutz h2:first-of-type { padding-top: 0; } .datenschutz h2 + h3 { padding-top: 20px; } .datenschutz ul { list-style: disc; margin-left: 50px; margin-bottom: 15px; } @media only screen and (min-width: 768px) and (max-width: 1150px) { h1.ce_headline { margin-bottom: 40px; } } @media only screen and (max-width: 767px) { h1 { font-size: 2.1rem; } h1.ce_headline { margin-bottom: 32px; } .mod_newsreader h1 { font-size: 1.83rem; } h5 { font-size: 1.2rem; } .ce_text_extented.font-size-default.color-lightgray { font-size: 0.9rem; } .ce_text_extented.font-size-xs.font-style-letter-sp5 p { letter-spacing: 3px; } .font-size-xs, .font-size-xs p { font-size: 1.1rem; line-height: 1.5; } .font-size-xxs, .font-size-xxs p { font-size: 1rem; line-height: 1.6; } .datenschutz h1 { font-size: 1.7rem; margin-bottom: 40px !important; } .datenschutz h2 { font-size: 1.2rem; } .datenschutz h3, .datenschutz h4 { font-size: 17px; letter-spacing: 1px; } .datenschutz h2, .datenschutz h3, .datenschutz h4 { padding-top: 25px; margin-bottom: 20px; } .datenschutz h2:first-of-type { padding-top: 0; } .datenschutz h2 + h3 { padding-top: 10px; } .datenschutz ul { margin-left: 20px; } .datenschutz p, .datenschutz ul { font-size: 16px; line-height: 1.5; letter-spacing: 1px !important; } } @media only screen and (max-width: 420px) { h1 { font-size: 1.733rem; } h1.ce_headline { font-size: 1.733rem; letter-spacing: 4px; } .mod_newsreader h1 { font-size: 1.5rem; letter-spacing: 4px; } } @media only screen and (max-width: 360px) { h1.ce_headline { font-size: 1.5rem; } .mod_newsreader h1 { font-size: 1.3rem; } h2 { font-size: 1.5rem; } .font-size-xs, .font-size-xs p { font-size: 1.06rem; } .font-size-default, .font-size-default p, .font-size-xxs, .font-size-xxs p { font-size: 0.9rem; line-height: 1.6; } } /* =========================================== * Images * ======================================== */ .woodchip-left { max-width: 330px; margin-top: -190px; } @media only screen and (min-width: 768px) and (max-width: 1150px) { .woodchip-left { margin-top: 40px; margin-bottom: -40px; max-width: 270px; } } @media only screen and (max-width: 990px) { .woodchip-left { max-width: 230px; } } @media only screen and (max-width: 767px) { .woodchip-left { margin: 10px 20% -40px; max-width: none; } } /* =========================================== * Gallery * ======================================== */ .ce_gallery.angebot { padding-top: 90px; } .slidergallery.swiper-container { padding-bottom: 0; } .slidergallery .swiper-wrapper { transition-duration: 1000ms !important; } .slidergallery .image_container .caption, .ce_image_extended .image_container .caption { background: rgba(0, 0, 0, 0.3); padding: 12px; left: 10%; right: 10%; bottom: 20px; text-align: center !important; letter-spacing: 1px; border-radius: 0; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } .slidergallery .image_container a:hover .caption, .ce_image_extended .image_container a:hover .caption { background: rgba(2,106,174,0.8); } .slidernavigation { padding-top: 30px; padding-bottom: 10px; text-align: center; } .slidernavigation .swiper-pagination { position: static; display: inline-block; } .slidernavigation .swiper-pagination-bullet { margin: 0 5px; } .slidernavigation .swiper-button-next, .slidernavigation .swiper-button-prev { position: relative; display: inline-block; margin: 0; top: 6px; left: auto; right: auto; bottom: auto; } .slidernavigation .swiper-button-next { margin-left: 13px; } .slidernavigation .swiper-button-prev { margin-right: 13px; } .slidernavigation .swiper-button-next:after, .slidernavigation .swiper-button-prev:after { text-shadow: none; color: #d5d5d5; } .slidernavigation .swiper-button-next:hover:after, .slidernavigation .swiper-button-prev:hover:after { text-shadow: none; color: #999; } .ce_gallery .gallery-margin { margin-left: -5px; margin-right: -5px; } .ce_gallery .gallery-margin.cols_4 li { width: 25%; } .ce_gallery .gallery-margin.cols_6 li { width: 16.666%; } #cboxTitle { top: -28px !important; } #cboxNext, #cboxPrevious { opacity: 0.4; } @media only screen and (min-width: 768px) and (max-width: 990px) { .team .image_container .caption { font-size: 12px; padding: 8px; left: 5%; right: 5%; bottom: 8px; } } @media only screen and (max-width: 560px) { .ce_gallery .gallery-margin.cols_4 li { width: 50%; } .ce_gallery .gallery-margin.cols_6 li { width: 33.333%; } } @media only screen and (max-width: 380px) { .slidernavigation .swiper-pagination-bullet { margin: 0 4px; } } @media only screen and (max-width: 350px) { .slidernavigation .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 3px; } .slidernavigation .swiper-button-next { margin-left: 10px; } .slidernavigation .swiper-button-prev { margin-right: 10px; } } /* =========================================== * Hyperlinks * ======================================== */ .ce_hyperlink a { font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-weight: normal; letter-spacing: 1px; background: #026aae; border-color: #026aae; } .ce_hyperlink a:hover { opacity: 1; background: rgba(2,106,174,0.8); border-color: rgba(2,106,174,0); } .ce_hyperlink a.outline { color: #026aae; border-color: #026aae; } .ce_hyperlink-extended a.outline:hover { background: #026aae; border-color: #026aae; color: #ffffff; } #slider .ce_hyperlink a, .ce_bgimage.img-as-bg .ce_hyperlink a { background: rgba(2,106,174,0.8); border-color: rgba(2,106,174,0); } #slider .ce_hyperlink a:hover, .ce_bgimage.img-as-bg .ce_hyperlink a:hover { background: #026aae; border-color: #026aae; } #slider .ce_hyperlink a.outline { color: #ffffff; border-color: rgba(2,106,174,0.8); } #slider .ce_hyperlink-extended a.outline:hover { background: rgba(2,106,174,0.8); border-color: rgba(2,106,174,0); color: #ffffff; } /* =========================================== * Colors * ======================================== */ .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: #026aae; } .bg-accent { background-color: #026aae; } /* =========================================== * Background-Image * ======================================== */ .ce_bgimage-layer { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.25); } .ce_bgimage.mirror .ce_bgimage-image { transform: scaleX(-1); } .ce_bgimage.bg_right_center .ce_bgimage-image { background-position: right center; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px), only screen and (max-width: 767px) and (orientation: portrait) { .ce_bgimage.fullscreen-image, .ce_bgimage.fullscreen-image .ce_bgimage-outer { height: 100vh !important; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px), only screen and (max-height: 900px) and (orientation: landscape), only screen and (max-width: 767px) { .ce_bgimage.fullscreen-image.auto-height, .ce_bgimage.fullscreen-image.auto-height .ce_bgimage-outer { height: auto !important; } .ce_bgimage.fullscreen-image.auto-height .ce_bgimage-inside { position: static; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } } @media only screen and (max-width: 767px) and (orientation: landscape) { .ce_bgimage.fullscreen-image, .ce_bgimage.fullscreen-image .ce_bgimage-outer { height: auto !important; } .ce_bgimage.fullscreen-image .ce_bgimage-inside { padding-top: 140px !important; padding-bottom: 120px !important; position: static; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } } @media only screen and (max-width: 767px) { .ce_bgimage .ce_headline_extended { max-width: 400px !important; } .ce_bgimage .ce_headline_extended h2 { padding-left: 10px; padding-right: 10px; } .ce_bgimage .ce_headline_extended.align-left h2 { padding-left: 0; } } @media only screen and (max-width: 340px) { .ce_bgimage .ce_headline_extended h2 { padding-left: 0; padding-right: 0; } } /* =========================================== * Headerimage * ======================================== */ .ce_headerimage_layer { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.1); } .ce_headerimage.default .content { border: 0; padding: 0; } .ce_headerimage h1 { text-transform: uppercase; letter-spacing: 6px; font-size: 3rem; } /* =========================================== * Linkbox * ======================================== */ .ce_linkbox.version4 .ce_linkbox_image { box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1); margin: 10px 0; } .ce_linkbox.version4 .headline { margin: 0; } .ce_linkbox.version4 .ce_linkbox_overlay { background: rgba(0, 0, 0, 0.2); opacity: 1; } .ce_linkbox.version4:hover a .ce_linkbox_overlay { opacity: 0; } .ce_linkbox.version4 .content { -webkit-transform: none; -ms-transform: none; transform: none; top: 42%; z-index: 2; } .ce_linkbox.version4 .content h4 { font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-weight: normal; font-size: 16px; text-transform: uppercase; letter-spacing: 3px; border: 2px solid #ffffff; padding: 6px 6px 6px 9px; margin: 0; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } .ce_linkbox.version4 a:hover .content h4 { background: rgba(2,106,174,0.8); border-color: rgba(2,106,174,0); } .angebot .ce_linkbox.version4 { width: 33.3333%; float: left; } .angebot .ce_linkbox.version4 .ce_linkbox_image { box-shadow: none; margin: 0; } .angebot .ce_linkbox.version4 .content h4 { font-size: 1.1rem; } @media only screen and (min-width: 768px) and (max-width: 1150px) { .ce_linkbox.version4 .content { top: 40.5%; } .ce_linkbox.version4 .content h4 { font-size: 15px; } .angebot .ce_linkbox.version4 .content { padding-left: 10px; padding-right: 10px; } .angebot .ce_linkbox.version4 .content h4 { font-size: 16px; } } @media only screen and (max-width: 990px) { .ce_linkbox.version4 .content { top: 43%; } .angebot .ce_linkbox.version4 { width: auto; margin: 0 40px 40px; } .angebot .ce_linkbox.version4:last-child { margin-bottom: 0; } .angebot .ce_linkbox.version4 .content h4 { font-size: 1.3rem; } } @media only screen and (max-width: 767px) { .angebot .ce_linkbox.version4 .content { padding-left: 0; padding-right: 0; } .angebot .ce_linkbox.version4 { margin: 0 20px 20px; } .angebot .ce_linkbox.version4 .content h4 { font-size: 1.1rem; } } @media only screen and (max-width: 500px) { .ce_linkbox.version4 .content { top: 40.5%; } } @media only screen and (max-width: 380px) { .angebot .ce_linkbox.version4 .content h4 { font-size: 1rem; } } @media only screen and (max-width: 340px) { .angebot .ce_linkbox.version4 .content h4 { font-size: 0.9rem; } } /* =========================================== * Teambox * ======================================== */ .ce_teambox { letter-spacing: 2px; } .ce_teambox .name { font-weight: normal; margin: 20px 0 0; } .ce_teambox .function { color: #026aae; margin-bottom: 0; } .ce_teambox .ausbildung { color: rgb(180,180,180); margin-bottom: 10px; font-size: 16px; } .ce_teambox .description { line-height: 1.35; padding-top: 4px; padding-bottom: 30px; } .ce_teambox a { color: rgb(180,180,180); font-size: 16px; text-decoration: underline; } /*.ce_teambox a:before { content: "\f003"; display: inline-block; font: normal normal normal 15px/1 FontAwesome; margin-right: 5px; margin-left: 2px; position: relative; top: -1px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }*/ .ce_teambox a:hover, .ce_teambox a[href^=tel] { text-decoration: none; } .ce_teambox a.no-mail { visibility: hidden; } @media only screen and (max-width: 1024px) { .jobangebote { margin-bottom: 45px !important; } } @media only screen and (min-width: 768px) and (max-width: 990px) { .ce_teambox .name { font-size: 1rem; letter-spacing: 1px; margin-top: 13px; } .ce_teambox .function, .ce_teambox .ausbildung, .ce_teambox .description, .ce_teambox a { font-size: 14px; line-height: 1.6; letter-spacing: 1px; } /*.ce_teambox a:before { font-size: 13px; }*/ .ce_teambox .description { line-height: 1.35; padding-top: 3px; padding-bottom: 25px; } } @media only screen and (max-width: 767px) { .ce_teambox .function, .ce_teambox .ausbildung { margin-bottom: 4px; } .ce_teambox .description { padding-top: 0; padding-bottom: 0; } } /* =========================================== * Swiper * ======================================== */ .ce_swiper-slider-start { padding: 50px 44px 20px; background: rgba(0,0,0,0.2); border: 1px solid rgba(255,255,255,0.4); } .swiper-pagination-bullet { box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2); opacity: 0.7; } .swiper-pagination-bullet:hover { background: #999; } .swiper-pagination-bullet-active { background: #026aae !important; opacity: 1; } .swiper-button-next, .swiper-button-prev { top: auto; bottom: 4px; opacity: 1 !important; width: auto; height: auto; } .swiper-button-next { right: 43%; } .swiper-button-prev { left: 43%; } .swiper-button-next:after, .swiper-button-prev:after { font-size: 36px; line-height: 36px; text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); color: rgba(255,255,255,0.7); } .swiper-button-next:hover:after, .swiper-button-prev:hover:after { text-shadow: 0 0 5px rgba(0, 0, 0, 0.6); color: #ffffff; } @media only screen and (max-width: 990px) { .ce_swiper-slider-start { display: none; } } /* =========================================== * News Liste * ======================================== */ .mod_newslist .layout_latest { width: 33.3333%; float: left; } .mod_newslist .layout_latest .newslist_overlay { background: rgba(0, 0, 0, 0.2); position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } .mod_newslist .layout_latest a:hover .newslist_overlay { opacity: 0; } .mod_newslist .layout_latest .newslist_content { position: absolute; top: 42%; left: 0; width: 100%; text-align: center; padding-left: 50px; padding-right: 50px; } .mod_newslist .layout_latest h4 { font-size: 16px; color: #fff; text-transform: uppercase; letter-spacing: 3px; border: 2px solid #ffffff; padding: 6px 6px 6px 9px; margin: 0; display: inline-block; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } .mod_newslist .layout_latest a:hover h4 { background: rgba(2,106,174,0.8); border-color: rgba(2,106,174,0); } .mod_newslist .layout_latest p { font-size: 14px; letter-spacing: 2px; color: #fff; margin-top: 25px; } @media only screen and (min-width: 768px) and (max-width: 1150px) { .mod_newslist .layout_latest .newslist_content { top: 39%; padding-left: 10px; padding-right: 10px; } .mod_newslist .layout_latest h4 { font-size: 15px; } .mod_newslist .layout_latest p { font-size: 12px; } } @media only screen and (max-width: 990px) { .mod_newslist .layout_latest .newslist_content { top: 42%; } .mod_newslist .layout_latest { width: auto; margin: 0 40px 40px; } .mod_newslist .layout_latest:last-child { margin-bottom: 0; } .mod_newslist .layout_latest h4 { font-size: 1.3rem; } .mod_newslist .layout_latest p { font-size: 16px; margin-top: 30px; } .mod_newslist .layout_latest.empty { display: none; } } @media only screen and (max-width: 767px) { .mod_newslist .layout_latest { margin: 0 20px 20px; } .mod_newslist .layout_latest h4 { font-size: 1.1rem; } } @media only screen and (max-width: 500px) { .mod_newslist .layout_latest .newslist_content { top: 37%; padding-left: 20px; padding-right: 20px; } .mod_newslist .layout_latest p { font-size: 14px; } } @media only screen and (max-width: 380px) { .mod_newslist .layout_latest h4 { font-size: 1rem; } } @media only screen and (max-width: 340px) { .mod_newslist .layout_latest h4 { font-size: 0.9rem; } } /* =========================================== * News Reader * ======================================== */ .mod_newsreader { text-align: center; } .mod_newsreader h1 { max-width: 700px; margin: 0 auto 20px; } .mod_newsreader p.info { margin-bottom: 60px; letter-spacing: 5px; } .mod_newsreader .slidergallery .image_container { width: 100%; padding-top: 66.67%; position: relative; } .mod_newsreader .slidergallery .image_container img { height: 100%; width: auto; position: absolute; margin: 0 auto; top: 0; left: 0; bottom: 0; right: 0; } .mobilegallery li { margin-bottom: 40px; } p.back { margin-top: 70px; } p.back a { font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-weight: normal; letter-spacing: 1px; border: 2px solid #026aae; display: inline-block; padding: 12px 20px; font-size: 0.9rem; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; min-width: 190px; width: auto; color: #026aae; } p.back a:hover { background: #026aae; color: #ffffff; text-decoration: none; } @media only screen and (max-width: 1024px) { .mod_newsreader p.info { margin-bottom: 50px; } p.back { margin-top: 60px; } } @media only screen and (max-height: 930px) and (orientation: landscape) { .mod_newsreader .slidergallery .image_container { padding-top: 60%; } } @media only screen and (max-height: 860px) and (orientation: landscape) { .mod_newsreader .slidergallery .image_container { padding-top: 55%; } } @media only screen and (max-height: 790px) and (orientation: landscape) { .mod_newsreader .slidergallery .image_container { padding-top: 50%; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .mod_newsreader .slidergallery .image_container { padding-top: 66.67%; } } @media only screen and (max-width: 767px) { .mod_newsreader h1 { margin-bottom: 5px; padding-left: 10%; padding-right: 10%; } .mod_newsreader p.info { margin-bottom: 40px; letter-spacing: 4px; font-size: 16px; } .mobilegallery li { margin-bottom: 20px; } } @media only screen and (max-width: 420px) { .mod_newsreader h1 { padding-left: 10px; padding-right: 10px; } } @media only screen and (max-width: 340px) { .mod_newsreader h1 { padding-left: 0; padding-right: 0; } } /* =========================================== * Google Maps * ======================================== */ .ce_google_map_inside > div { background-color: rgb(234,235,236) !important; } /* =========================================== * Bottom * ======================================== */ #bottom { background: #fff; } #bottom .inside, #bottom .inside a { color: rgb(127, 127, 127); letter-spacing: 2px; font-size: 0.8rem; transition: none; -webkit-transition: none; } #bottom .inside a:hover { color: rgb(127, 127, 127); text-decoration: underline; border-bottom: none; } #bottom .left span { white-space: nowrap; } @media only screen and (max-width: 990px) { #bottom .inside { text-align: center; } #bottom .inside .left, #bottom .inside .right { float: none; } #bottom .inside .left a, #bottom .inside .right a { margin-left: 7px; margin-right: 7px; } } @media only screen and (max-width: 520px) { #bottom .inside { line-height: 1.8; } } /* =========================================== * Cookie-Banner * ======================================== */ #mm-cookie-banner { display: none; position: fixed; bottom: 0; left: 50%; width: 100%; font-size: 15px; color: #555555; line-height: 1.5; background-color: #fff; padding: 15px; box-shadow: 0 0 10px rgba(0,0,0,0.25); transform: translateX(-50%); z-index: 1000000000; } #mm-cookie-banner div { margin-left: auto; margin-right: auto; max-width: 1160px; } #mm-cookie-banner p { margin-top: 0; } #mm-cookie-banner a { color: #026aae; text-decoration: underline; } #mm-cookie-banner a:hover { text-decoration: none; } #mm-cookie-banner button { cursor: pointer; display: inline-block; font-weight: normal; text-align: center; vertical-align: middle; color: #fff; background-color: #026aae; border: 2px solid #026aae; padding: 12px 20px; font-size: 0.9rem; line-height: 1.5; letter-spacing: 1px; border-radius: 0; margin: 0; font-family: 'Montserrat', Arial, Helvetica, sans-serif; transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-appearance: button; overflow: visible; } #mm-cookie-banner button:hover { background-color: #3588be; border-color: #3588be; color: #fff; } @media (min-width: 576px) { #mm-cookie-banner div { display: flex; align-items: center; } #mm-cookie-banner p { margin-bottom: 0; padding-right: 1.5rem; } } @media (min-width: 768px) { #mm-cookie-banner { padding: 15px 20px; } } @media (max-width: 575.98px) { #mm-cookie-banner { font-size: 14px; } #mm-cookie-banner button { width: 100%; } }