/** 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.5; font-weight: normal; } /* ============================================================================= * headlines * ========================================================================== */ h1, h2, h3, h4, h5, h6 { margin-bottom: 25px; line-height: 1.3; color: rgb(59,60,66); } h1 { font-size: 45px; padding-top: 0; } h2 { font-size: 35px; } h3 { font-size: 28px; } h4 { font-size: 25px; } h5 { font-size: 20px; } h6 { font-size: 18px; } /* ============================================================================= * 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; } .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; -webkit-animation: fadeInDown 1s; animation: fadeInDown 1s; } .stickyheader { position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; display: none; } body.fixed-header .stickyheader { display: block; } .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: 100; } /* ============================================================================= * 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.93em; line-height: 36px; 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); } /* ============================================================================= * mod_top_mail * ========================================================================== */ #top .mod_top_mail { float: left; } #top .mod_top_mail a { padding: 0 8px; display: inline-block; transition: All 0.3s ease; -webkit-transition: All 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; } /* ============================================================================= * 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: 35px; font-size: 16px; color: rgb(127,127,127); line-height: 35px; } /* ============================================================================= * body-mod_socials * ========================================================================== */ .body_bottom .mod_socials { display: none; position: fixed; right: 0; z-index: 1200; top: 150px; } .body_bottom .mod_socials a { display: block; } .body_bottom .mod_socials i { padding: 10px 5px; width: 33px; text-align: center; font-size: 15px; color: rgb(255,255,255); transition: opacity 0.3s ease; -webkit-transition: opacity 0.3s ease; } .body_bottom .mod_socials i:hover { opacity: 0.8; } .body_bottom .mod_socials i.fa-facebook { background: rgb(67,96,152); } .body_bottom .mod_socials i.fa-twitter { background: rgb(40,169,226); } .body_bottom .mod_socials i.fa-xing { background: rgb(0,93,94); } .body_bottom .mod_socials i.fa-tumblr{ background: rgb(45,73,102); } .body_bottom .mod_socials i.fa-google-plus { background: rgb(217,82,50); } .body_bottom .mod_socials i.fa-flickr { background: rgb(250,29,132); } .body_bottom .mod_socials i.fa-linkedin { background: rgb(2,116,179); } .body_bottom .mod_socials i.fa-instagram { background: rgb(167,124,98); } .body_bottom .mod_socials i.fa-pinterest { background: rgb(205,33,40); } .body_bottom .mod_socials i.fa-vimeo-square { background: rgb(52,192,238); } .body_bottom .mod_socials i.fa-youtube { background: rgb(220,33,48); } /* ============================================================================= * container mod_socials * ========================================================================== */ #container .mod_socials i { padding: 7px; width: 36px; font-size: 22px; text-align: center; } /* ============================================================================= * header-mod_langswitcher * ========================================================================== */ .header .mod_langswitcher { position: relative; float: right; margin-left: 20px; z-index: 100; } .header .mod_langswitcher .mod_langswitcher_inside { padding: 10px 15px; display: inline-block; cursor: pointer; border-radius: 5px; border: 1px solid rgba(0,0,0,0.05); line-height: 0; } .header .mod_langswitcher .mod_langswitcher_inside:after { font-family: "FontAwesome"; content: "\f107"; margin-left: 10px; display: inline-block; font-size: 10px; position: relative; top: -4px; } .header .mod_langswitcher .mod_langswitcher_inside i { margin-right: 5px; } .header .mod_langswitcher img { width: 20px; height: 15px; } .header .mod_langswitcher ul { display: none; position: absolute; left: 0; top: 50%; margin-top: 16px; background: rgba(255,255,255,0.8); width: 68px; border: 1px solid rgb(230,230,230); box-shadow: 0px 2px 2px 1px rgba(0,0,0,0.1); } .header .mod_langswitcher ul li a { padding: 6px 15px; display: block; line-height: 15px; border-bottom: 1px solid rgba(0,0,0,0.1); } .header .mod_langswitcher ul li:last-of-type a { border-bottom: 0; } .header .mod_langswitcher .mod_langswitcher_inside:hover ul { display: block; } .header .mod_langswitcher:hover .mod_langswitcher_inside { border-radius: 5px 5px 0 0; } /* ============================================================================= * .header-search * ========================================================================== */ .header .mod_search { position: relative; float: right; padding: 0 8px; display: inline-block; cursor: pointer; margin-left: 45px; z-index: 100; } .header .mod_search span { display: none; } .header .ce_search_label i { margin-right: 5px; } .header .ce_search_label i:hover { opacity: 0.8; } .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: 10000; 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; color: #fff; font-size: 20px; border: 3px solid #fff; width: 40px; height: 40px; line-height: 35px; border-radius: 100%; text-align: center; cursor: pointer; } .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_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-login * ========================================================================== */ #top .mod_login_top { float: right; padding: 0 8px; display: inline-block; cursor: pointer; transition: All 0.3s ease; -webkit-transition: All 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; font-size: 16px; border: 3px solid rgba(0,0,0,1); background: rgba(255,255,255,0.95); width: 30px; height: 30px; line-height: 23px; border-radius: 100%; text-align: center; cursor: pointer; } #top .mod_login form div { margin: 0; } /* ============================================================================= * 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; border-right: 1px solid rgba(255,255,255,0.1); padding: 0 4px; } #top .top_metanavi li.last, #top .top_metanavi li li { border-right: 0; } #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; } #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; } /* ============================================================================= * slider section on content_page * ========================================================================== */ body.content_page #slider .image_container { margin: 0; } body.content_page #slider .image_container img { width: 100%; } body.content_page #slider .ce_image { position: absolute; top: 0; left: 0; width: 100%; } /* ============================================================================= * 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.93em; line-height: 0.93em; 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.9em; } #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 .submit_container { margin: 0; } #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.7em; } #offcanvas-top .mod_socials { overflow: hidden; display: inline-block; } #offcanvas-top .mod_socials a i { padding:10px; margin-right: 1px; background: rgba(255,255,255,0.05); font-size: 20px; display: inline-block; height: 40px; width: 40px; text-align: center; float: left; margin-bottom: 1px; } /* ============================================================================= * popup-banner * ========================================================================== */ .popup-banner { position: fixed; bottom: 0; left: 0; width: 100%; color: rgb(255,255,255); z-index: 1000; padding: 15px 65px 15px 15px; -webkit-animation: fadeInUp 2000ms ease; animation: fadeInUp 2000ms ease; } .popup-banner.close { display: none; } .popup-banner-close { cursor: pointer; height: 30px; width: 30px; position: absolute; right: 15px; top: 50%; margin-top: -15px; } .popup-banner-close:before, .popup-banner-close:after { content: ''; background: rgba(255,255,255,0.9); height: 1px; width: 30px; z-index: 10; right: 0; top: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); transition: All 0.3s ease; -webkit-transition: All 0.3s ease; position: absolute; } .popup-banner-close:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .popup-banner a { color: rgb(255,255,255); font-weight: bold; } /* ============================================================================= * wrapper * ========================================================================== */ #wrapper { background-color: rgb(255,255,255); } /* ============================================================================= * footer * ========================================================================== */ #footer { background: rgb(84,84,84); font-size: 0.93em; } #footer, #footer a { color: rgba(255, 255, 255, 0.4); } #footer a { transition:all 0.2s ease-out 0s; color: rgb(255,255,255); } #footer a:hover { color: rgb(30,136,210); } #footer .inside { margin: 0 auto; padding: 65px 40px; } #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { color: #fff; } #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; } /* ============================================================================= * mod_socials-footer * ========================================================================== */ #footer .mod_socials { overflow: hidden; display: inline-block; } #footer .mod_socials a i { padding:10px; margin-right: 1px; background: rgba(255,255,255,0.05); font-size: 20px; display: inline-block; height: 40px; width: 40px; text-align: center; float: left; margin-bottom: 1px; } /* ============================================================================= * bottom * ========================================================================== */ #bottom { background: rgb(76,76,76); } #bottom .inside { margin: 0 auto; padding: 30px 40px; overflow: hidden; font-size: 0.93em; } #bottom .inside .left { float: left; } #bottom .inside .right { float: right; } #bottom .inside { color: rgba(255,255,255,0.4); } #bottom .inside a { color: rgb(255,255,255); } #bottom .inside a:hover { color: rgb(30,136,210); } #bottom .inside a:hover { text-decoration: underline; } #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 .mainmenu ul li a.trail, .header .mainmenu ul li a.active { color: rgb(30,136,210)!important; } .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); } .popup-banner { 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); } /* ============================================================================= * 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); } /* ============================================================================= * 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: 16px; } .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 { font-size: 13px!important; 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 .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: 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: 20px; } /* ============================================================================= * 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 * ========================================================================== */ .smartmenu { display: inline-block; position: relative; display: none; float: left; } .smartmenu.smartmenu-open .mod_navigation { display: block; } .smartmenu .mod_navigation { display: none; position: absolute; top: 100%; line-height: 40px; overflow: visible; } .smartmenu .mod_navigation ul { box-shadow: 0 0 2px 2px rgba(0,0,0,0.1); } .smartmenu .mod_navigation ul li { position: relative; background: #fff; border-bottom: 1px solid rgb(240,240,240); } .smartmenu .mod_navigation ul li i { display: none; } .smartmenu .mod_navigation ul li a { display: block; padding: 0 25px; white-space: nowrap; font-size: 0.9em; } .smartmenu .mod_navigation ul ul { position: absolute; top: 0; left: 100%; display: none; box-shadow: 0 0 2px 2px rgba(0,0,0,0.1); z-index: 100; } .smartmenu .mod_navigation a.submenu:after { font-family: "FontAwesome"; content: "\f105"; position: absolute; right: 12px; } .smartmenu .mod_navigation ul li:hover > ul { display: block; } .smartmenu.open .mod_navigation { display: block; -webkit-animation: fadeIn 0.4s; animation: fadeIn 0.4s; } .smartmenu .smartmenu-trigger { height: 100px; width: 35px; position: relative; 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; } .smartmenu.open .smartmenu-trigger .line:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: 0; top: 0; } .smartmenu.open .smartmenu-trigger .line:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: 0; top: 0; } .smartmenu.open .smartmenu-trigger .line { background: transparent!important; } .smartmenu { float: right; margin-left: 20px; } .smartmenu .mod_navigation { right: 0; } .smartmenu .mod_navigation ul ul { left: auto; right: 100%; } .smartmenu .mod_navigation a.submenu:after { content: "\f104"; right: auto; left: 12px; } /* ============================================================================= * mobnav * ========================================================================== */ .body_bottom #mobnav { display: none; } /* ============================================================================= * overwrite framework defaults * ========================================================================== */ .ce_revolutionslider { position: relative; } .ce_revolutionslider .tp-dottedoverlay { z-index: 1; } .ce_revolutionslider_hyperlink { font-size: 13px; font-weight: bold; } .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: 22px; } .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_sliderStart .ce_testimonial_inside { max-width: 650px; margin-left: auto; margin-right: auto; } .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: 25px; } #main .mod_subscribe input.submit { width: 25%; display: inline-block; } input, textarea, select { background-color: rgb(255,255,255); padding: 15px; border-radius: 5px; font-size: 0.9rem; } .chrome form select, .safari form select { height: 45px; } .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: 55px; } .font-size-m { line-height: 1.3; } .ce_gallery .capt { font-size: inherit; } .swiper-wrapper { padding-bottom: 60px; } .swiper-pagination { bottom: 0; } .swiper-button-next, .swiper-button-prev { margin-top: -75px; } .ce_hyperlink.small a, a.btn.small, .ce_hyperlink a, a.btn { font-size: 0.95rem; } body.ie input.checkbox { border: 0; padding: 0; } #slider { position: relative; z-index: 5; } .header .mainmenu ul li span.pagetitle { 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 { 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:not(.table-striped) td.col_first { padding-left: 0; } .ce_table table:not(.table-striped) td.col_last { padding-right: 0; text-align: right; } .ce_table table:not(.table-striped) th.col_last { text-align: right; } .ce_table table td { border-top: 0; border-bottom: solid 1px rgb(227,227,227); } /* ============================================================================= * 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; } /* ============================================================================= * 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; } /* ============================================================================= * 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: 14px; 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.7; 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: 3px!important; right: 5px!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/png;base64,iVBORw0KGgoAAAANSUhEUgAAAN4AAABBCAYAAAC+VxohAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjBFRTk5RkI1NDk1MTFFNUJCRTVFNzA5NjVBODdGQ0IiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjBFRTk5RkM1NDk1MTFFNUJCRTVFNzA5NjVBODdGQ0IiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowNDhENkY3MDU0OTQxMUU1QkJFNUU3MDk2NUE4N0ZDQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMEVFOTlGQTU0OTUxMUU1QkJFNUU3MDk2NUE4N0ZDQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ptw5bj0AAAcTSURBVHja7J1faBRXGMVvUmhfSsASKehTY4XCWmliEGwJCD6oC0mMUfFBUHRFEqkg9C0IAfVNJWrfzJK0EWpsjEmKfxBjH6KYLvWhCa0mpUZBqPEviBHU1NvvXBwJISbZzc7MvTPnB5c7ibuJ+c45O3fm3pkp0IIis6WAJZgWemmWFLIEhDB4hDB4hBAGjxAGjwRDQUHBt4WFhWekV9k2eV+39N+xigweyZ52aV9KgL7PMrBp6b6S1sESWviByumE7OoVwh7P629Jd1vkSs7iPb3SfSKvLcXXAUpML3GPFy0kPF8gTBKq1hlC94N0H8vry1g17vG4x5vjHm/C16PSdYpsdVO89kfpvpZ/+3xSaLnH4x6PzHHP96l037wN2eRjusTk0BEGzxpevHihqqqq1IEDB1wNH47dKrzwSd+JMMr3l7nyN6D20ABaMHgxIJPJqPLycnXjxg2VSCRc/TP+k5B9Jv2YhO536f95ewzoDKg9NIAW0ITBizCnTp1SNTU1at68eerKlStm2/Fh59/SLZN+wLX/O2oPDaAFtqFN3I4ZIs/4+Ljes2ePXrBgga6vr5/Lj1JBt2lOuvwi7Vd8eEr/m7Qz02gcVMsJaAJtoBG0igORD97o6KheuXKlEbapqSkf9Qo9eBKyn6T9IZsfvv3WRxhySmtxMXgA2kAjaAXNGDyHuXTpkl64cKEuKSnR/f39+apXqMGTcLVLy7wnkH9Ja3YxeAAaQStoBu0YPAc5evSo+QRdvXq1vnfvXj7rFVrwsGxM2p8zzPsNTl5e5krwALSCZtAOGjJ4jjA2Nqa3bt1qhNu3b58f9QoleBImLHi+PctJ938xHHUxeB7QDhpCS2jK4FnM0NCQTiQSRrC2tja/6hV48CREP0vry3LFS7+0Ltn8wMXgAWgILaEptGXwLKSzs9OItHTpUj04OOhnvQJtEp6UtOFczljL+0ZwWZGrwQPQEppCW2jM4FmENyzZuHGjfvr0qd/1YgsweACaQlufDh8YvGx58OCBrq6uNoIcOnQoqHqxBRw8D2gMraE5tHcZZ69OuH79utqwYYPZbm5uVmvXrg3i1/L2fjOsx/D7F1y4cEGlUimz3dHRoVasWMElY0HR0tJiQrdo0SJ19erVoEJHLABaQ3NoDw/AC1wy5jOvXr3SdXV1ZriBHl+HMDRnC2moaZkX4nGMd+fOHV1RUWEKnU6nw6wXmwXB84AX4Al4Ax5h8PLIuXPnTHHRrl27Fna92CwKHoAnPH/AKwxeHjh8+LApaFVVlb5//74N9WKzLHgA3oBH4BV4hsHLkcePH+tNmzaZQjY0NNhULzYLg+cBr8Az8A48xOBlwcDAgF6yZIkpYHt7u231YrM4eACegXfgIXjJRqybTsCVyGvWrFHj4+Oqt7dXyScXz6GTrIBn4B14CF6y8ep2qybQZZigWltbzaQoJkcthBPoIU+gZwvm+rDYYtu2bergwYOcQJ+KsrIyNX/+fDUyMmJuhEPIXICH4CV4Ct7iypX3UFtbq3p6elRRUZG59VtTUxPdQ3IC3oGH4CV4Ct7iypVZsHfvXnOAnEql9OvXr3lyhSdXZgW8As/AO/AQz2rOYVVCaWmpvnnzJoPH4E0LPAKvhLy6yc2zmhPZvn276urqUvIpplatWqXOnz/PMRSZEngDHoFX4Bl4x+7TUA6ACyHXrVtnw2Q692oW7vG8SXN4xOcLoeOzZGwi+/fvNwVev369fv78OYMX8+DBA/ACPAFvuIRzV6D39PSYQi9evDhf98pk8BwMHrSHB+AFeMI1nLsQtrKyUl2+fFkVFxcr+bRTJ0+e5AFOzIDm0B4egBfgCfeWGjgKThvv2rXr3fMQAroQknu1EPd40Nh7zgK0t2iaKfpDzckcO3bs3T33Hz58yOBFNHjQ1nsGBjR3nUjc3q+vr8/cbx+iXLx4kcGLWPCgKbSFxtA6CkTmhrZ3797VyWTSCHT8+HEGLyLBg5bQFNpC46gQuWcnTLzn/rNnzxg8R4MH7Xx8BgaD5wfePfdxIeTw8DCD51jwoJl3IbRPz8DgdIIfbNmyxZxmfvPmjZIDcnX69Gmeg3cEaAXNoB00hJaRREeYJ0+e6M2bN5tPzsbGRu7xLN/jQSNoBc2gXZSJxTPQjxw5YgStqamZ653KGC4fggdNoA00glZxwNlnJ+Syen3nzp1m++zZs2r58uW5/Bje+mGGAVS2b8hkMkpCZ7ZPnDihkslkLApVGBdHQFCIjHvuQ2jc24WECzSAFtAE2sQldJE/xpuKly9f6t27d+e6op3DyTwNNb0rTaAFNIkbsRlqTiadTptFttXV1RxqhjDU7O7uVo8ePVI7duyIZaFiG7xc68US5PcYL64UsgSEMHiEMHiEEAaPEAaPEMLgEcLgEUIYPEIYPEKIUv8LMAA4V4X0rspAGgAAAABJRU5ErkJggg==')!important; } /* ============================================================================= * 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; } @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; } /* ============================================================================= * breakpoint show smartmenu / hide mainmenu * ========================================================================== */ @media only screen and (min-width: 768px) and (max-width: 979px) { .smartmenu { display: block; } .mainmenu { display: none; } } /* ============================================================================= * breakpoint for topbar // hide mod_top_phone * ========================================================================== */ @media only screen and (min-width: 768px) and (max-width: 1000px) { .mod_top_phone { display: none; } } /* ============================================================================= * 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 .inside, .ce_bgimage-inside, .header .inside { 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: 22px; } #bottom .inside { padding-left: 20px; padding-right: 20px; } #footer .totop:before { display: none; } body { font-size: 0.9rem; } .ce_hyperlink.small a, a.btn.small, .ce_hyperlink a, a.btn { font-size: 0.9rem; } h1 { font-size: 26px!important; margin-bottom: 15px; } h2 { font-size: 24px!important; margin-bottom: 10px; } h3 { font-size: 22px!important; margin-bottom: 10px; } h4 { font-size: 18px!important; margin-bottom: 10px; } h5 { font-size: 16px!important; margin-bottom: 10px; } h6 { font-size: 16px!important; margin-bottom: 10px; } .mod_breadcrumb { display: none; } .header .mod_langswitcher { position: absolute; right: 70px; top: 50%; margin-top: -19px; line-height: 40px; } .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 { display: block!important; } .header.original { visibility: hidden; } #top { display: none; } .stickyheader .header.cloned { -webkit-animation: none; animation: none; } #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) { margin-bottom: 25px; } body .ce_form .autogrid { margin-bottom: 0; } .autogrid.autogrid-last { margin-bottom: 0; } .ce_autogridWrapperStart.autogrid { padding-left: 0; padding-right: 0; } .autogrid_wrapper { margin-left: 0; margin-right: 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: 80px; } } /* ============================================================================= * 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 * ======================================== */ .offcanvas-trigger, .totop { display: none !important; } html, body { font-size: 18px; } body { font-family: 'Sabon MT W01', Arial, Helvetica, sans-serif; background-color: #ffffff; color: #000000; } body #top, body #top .inside { background: none; } #top .inside { padding-top: 10px; } .logo { width: 304px; height: 228px; margin-top: -15px; float: none; display: block; margin-left: auto; margin-right: auto; } .logo a { background-image: url(../../files/palladio/logo.png); } #offcanvas-top, #top-wrapper, #header, #slider, #wrapper { max-width: 1240px; margin-left: auto; margin-right: auto; } .home #slider, .mod_eventreader, .mod_newsreader, #main .mod_search { max-width: 980px; margin-left: auto; margin-right: auto; } .mod_eventreader, .mod_newsreader, #main .mod_search { max-width: 800px; } #wrapper { padding-bottom: 110px; } /* =========================================== * Navigation * ======================================== */ #header .mainmenu { float: none; display: block; margin-left: auto; margin-right: auto; padding: 20px 0 40px; } #header .mainmenu ul { text-align: center; } .mainmenu ul li { margin-left: 12px; margin-right: 12px; } #header .mainmenu ul, #header .mainmenu ul li a { line-height: 1.5; } #header .mainmenu ul li a { font-size: 18px; font-family: 'Sabon MT W01', Arial, Helvetica, sans-serif; color: #000000; text-transform: uppercase; } #header .mainmenu ul li a:hover, #header .mainmenu ul li a.trail, #header .mainmenu ul li a.active { color: #007cbb !important; } #header .mainmenu ul li a.trail, #header .mainmenu ul li a.active { font-family: 'Sabon MT W01 Semibold', Arial, Helvetica, sans-serif; } #header .mainmenu ul li.highlight a span { background: #007cbb; } .subnav a { color: #007cbb; } body.header-dark .fixed .mainmenu ul li a.trail, body.header-dark .fixed .mainmenu ul li a.active, .header-light #top-wrapper.fixed .mainmenu a.active, .header-light #top-wrapper.fixed .mainmenu a.trail { color: #007cbb; } /* =========================================== * Mobile Navigation * ======================================== */ #nav-open-btn { top: 10px; margin-top: 0; line-height: 1; } #nav-open-btn:before { background: none; color: #cbd4df; width: auto; height: auto; line-height: 1.2; font-size: 18px; } .mm-menu.mm-theme-dark { color: #000000; border-color: #d7e0ec; } .mm-listview { font-size: 18px; text-transform: uppercase; } .mm-listview > li:not(.mm-divider):after { display: none; } .mm-listview > li > a, .mm-listview > li > span { padding: 8px 20px; text-align: center; } body .mm-menu a:hover, body .mm-menu a.active, body .mm-menu a.trail { background: none; color: #007cbb; } body .mm-menu a.active, body .mm-menu a.trail { font-family: 'Sabon MT W01 Semibold', Arial, Helvetica, sans-serif; font-weight: normal; } .mm-menu.mm-theme-dark .mm-navbar > *, .mm-menu.mm-theme-dark .mm-navbar a { font-family: 'Sabon MT W01 Italic', Arial, Helvetica, sans-serif; padding: 25px 0; color: #73797e; } .mm-panels > .mm-panel > .mm-listview:first-child, .mm-panels > .mm-panel > .mm-navbar + .mm-listview { margin-top: 10px; } /* =========================================== * Text * ======================================== */ h1, h2, h3, h4, h5, h6, .ce_revolutionslider_text.bold { font-family: 'Sabon MT W01', Arial, Helvetica, sans-serif; color: #000000; font-weight: normal; text-transform: uppercase; } h1 { font-size: 26px; } h2 { font-size: 22px; } h3, h4, h5 { font-size: 18px; } h3, strong, .mod_eventreader .teaser, p.confirm { font-family: 'Sabon MT W01 Semibold', Arial, Helvetica, sans-serif; font-weight: normal; } em { font-family: 'Sabon MT W01 Italic', Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; } p, .ce_text_extented p { margin-bottom: 18px; } #imprint p { margin-bottom: 36px; } a { color: #000000; transition: all 0.2s ease-out 0s; } p a { color: #000000; text-decoration: underline; } p a:hover, p.back a { color: #007cbb; text-decoration: none; } p.back { padding-top: 10px; } p.back a:hover { color: #000000; } .color-second { color: #d7e0ec; } .subheadline-v2 { color: #007cbb; } .link-stories { font-size: 21px; } blockquote { border-color: #007cbb; } blockquote a { color: #007cbb; } .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: #007cbb; } .color-darkgray, .color-darkgray p, .color-darkgray i, .color-darkgray h1, .color-darkgray h2, .color-darkgray h3, .color-darkgray h4, .color-darkgray h5, .color-darkgray h6, .color-darkgray a:not(.link-white) { color: #73797e !important; } .color-darkgray a:hover { color: #007cbb !important; } .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: #007cbb; } .ce_headline_extended.version2 .divider-first { border-color: #007cbb; } .ce_headline_extended.version2 .divider:after, .ce_headline_extended.version2 .divider:before, .ce_headline_extended.version2 .divider-second { background-color: #007cbb; } .datenschutz h2, .datenschutz h3, .datenschutz h4 { padding-top: 30px; margin-bottom: 18px; font-size: 18px; } .datenschutz h2 { padding-top: 40px; } .datenschutz h2:first-of-type { padding-top: 0; } .datenschutz h3 { font-family: 'Sabon MT W01', Arial, Helvetica, sans-serif; color: #73797e; max-width: 620px; margin-left: auto; margin-right: auto; } .datenschutz h4 { font-family: 'Sabon MT W01 Semibold', Arial, Helvetica, sans-serif; text-transform: none; } .datenschutz h2 + h3 { padding-top: 20px; } .datenschutz ul { margin-bottom: 18px; font-family: 'Sabon MT W01 Italic', Arial, Helvetica, sans-serif; } /* =========================================== * Photos * ======================================== */ .image_container .caption { position: static; background: none; font-family: 'Sabon MT W01 Italic', Arial, Helvetica, sans-serif; font-size: 0.9rem; color: #73797e; padding-bottom: 0; } #delicatessen .autogrid .image_container { padding: 10px; background-color: #ffffff; } #delicatessen .autogrid_wrapper { padding-left: 25%; padding-right: 25%; } #menu .autogrid_wrapper, #atelier .autogrid_wrapper, #caffe .autogrid_wrapper { max-width: 800px; margin-left: auto; margin-right: auto; } /* =========================================== * Colorbox * ======================================== */ #cboxTitle { top: -25px; } #cboxNext, #cboxPrevious { width: 50px !important; height: 40px; margin-top: -20px; background-size: auto 100%; } /* =========================================== * Buttons * ======================================== */ .ce_hyperlink a, a.btn { font-weight: normal; text-transform: uppercase; background: #d7e0ec; border-color: #d7e0ec; color: #000000; } .ce_hyperlink a.link-white, a.btn.link-white { color: #000000; } .ce_hyperlink a:hover, a.btn:hover, .ce_hyperlink a.link-white:hover, a.btn.link-white:hover { background: #007cbb; border-color: #007cbb; color: #ffffff; } .ce_hyperlink a.outline, a.btn.outline { color: #007cbb; } .ce_hyperlink.small a, a.btn.small, .ce_text_image_bar .ce_hyperlink a { font-size: 0.8rem; padding: 8px 14px; } /* =========================================== * Background Color * ======================================== */ .ce_text_image_bar, .bg-lightgray { background-color: #f7f9fb; } .bg-second, .ce_bgimage_content_start .bg_overlay.bg-second, .body_bottom .mod_search .search-content, .header .mod_search .search-content, .mm-menu.mm-theme-dark { background-color: #d7e0ec; } .bg-accent, #offcanvas-top, .popup-banner, .ce_text_imagebox.imagebox_version2 .inside, .ce_text_imagebox.imagebox_version3 .inside, .ce_video_background .video-overlay, .ce_bgimage_content_start.bg-accent .bg_overlay, .ce_youtube_background.overlay .YTPOverlay, .ce_bgimage.offset.offset-bg-accent:before, .ce_imagebox_v2 .ce_url a, .ce_timeline .timeline-item .timeline-item-title { background: #007cbb; } /* =========================================== * Text-Image-Bar * ======================================== */ .ce_text_image_bar h1 { margin-bottom: 50px; } /* =========================================== * Slider * ======================================== */ #slider { padding-left: 40px; padding-right: 40px; } .ce_revolutionslider .tp-bannertimer, .ce_revolutionslider .tp-loader { display: none; } .ce_revolutionslider_hyperlink { background: #007cbb; border-color: #007cbb; } /* =========================================== * Top * ======================================== */ #top .mod_socials a i { color: #73797e; } #top .mod_search { overflow: hidden; float: right; margin-right: 15px; line-height: 35px; text-align: center; } #top .mod_search i { width: 35px; font-size: 16px; color: #73797e; line-height: 35px; } #top .mod_search i:hover, #top .mod_search:hover { color: #007cbb; background: none; } #top a { color: #007cbb; } #top-wrapper.fixed .mainmenu a.active, #top-wrapper.fixed .mainmenu a.trail { color: #007cbb; } /* =========================================== * Formular * ======================================== */ input, textarea, select { font-family: 'Sabon MT W01', Arial, Helvetica, sans-serif; font-weight: normal; padding: 8px 14px; border-radius: 0; border-color: #d7e0ec; } input:focus, textarea:focus, input:hover:not([type="submit"]), textarea:hover { border-color: #b6bec8; } input.submit { text-transform: uppercase; border-radius: 0 !important; padding: 8px 14px !important; } #footer *::-webkit-input-placeholder { text-transform: uppercase; } #footer *:-moz-placeholder { text-transform: uppercase; } #footer *::-moz-placeholder { text-transform: uppercase; } #footer *:-ms-input-placeholder { text-transform: uppercase; } form fieldset legend { background-color:#007cbb; } form .input-group-addon { background: #007cbb; border-color: #007cbb; } form.style2 { background: #007cbb; } form.style2 input.submit, form.style2 input.submit[type="submit"]:hover { background-color: #d7e0ec; } .label-accent { background: #007cbb; } .notelist .submit_container input.submit, .notelist .submit_container input.submit:hover { background-color: #d7e0ec; } /* =========================================== * Search * ======================================== */ .body_bottom .mod_search .label { font-size: 26px; color: #000000; font-weight: normal; text-transform: uppercase; } .body_bottom .mod_search input:not(.submit) { border-bottom: 1px solid #969ca5; text-align: center; font-size: 22px; color: #73797e; line-height: 28px; } .body_bottom .mod_search .close-window i { color: #969ca5; border: 3px solid #969ca5; } .body_bottom .mod_search .close-window i:hover { color: #007cbb; border-color: #007cbb; } .body_bottom .mod_search input.submit { background: #ffffff; border: none; color: #000000; font-weight: normal; } .body_bottom .mod_search input.submit:hover { background: #007cbb; color: #ffffff; } #main .mod_search input, #main .mod_subscribe input, #main .mod_unsubscribe input { float: none; display: block; margin: 0 auto 10px; } #main .mod_search input.text, #main .mod_subscribe input.text, #main .mod_unsubscribe input.text { width: 350px; padding-left: 5px; padding-right: 2px; text-align: left !important; } #main .mod_search .submit, #main .mod_subscribe .submit, #main .mod_unsubscribe .submit { border: 1px solid #d7e0ec; background-color: #d7e0ec; font-weight: normal; color: #000000; } #main .mod_search .submit:hover, #main .mod_subscribe .submit:hover, #main .mod_unsubscribe .submit:hover { border-color: #007cbb; background-color: #007cbb; color: #ffffff; } #main .mod_search h3 { padding-top: 50px; padding-left: 30%; padding-right: 30%; margin-bottom: 10px; } #main .mod_search h3 a { display: block; font-family: 'Sabon MT W01', Arial, Helvetica, sans-serif; } #main .mod_search h3 a:hover { color: #007cbb; } #main .mod_search h3 .relevance { display: block; font-family: 'Sabon MT W01 Italic', Arial, Helvetica, sans-serif; text-transform: none; color: #73797e; font-size: 0.9rem; } #main .mod_search .context { color: #73797e; font-size: 0.9rem; } #main .mod_search span.highlight { background: none; color: #000000; padding: 0; font-weight: normal; } #main .mod_search .header { background: none; line-height: 1.5; margin-top: 40px; margin-bottom: 0; font-size: 0.9rem; color: #73797e; font-family: 'Sabon MT W01 Italic', Arial, Helvetica, sans-serif; } #main .mod_search .header strong { font-weight: normal; color: #000000; font-family: 'Sabon MT W01 Italic', Arial, Helvetica, sans-serif; } #main .mod_search .url { display: none; } /* =========================================== * Newsletter * ======================================== */ #main .mod_subscribe input.text, #main .mod_subscribe input.submit, #main .mod_unsubscribe input.text, #main .mod_unsubscribe input.submit { padding: 8px 14px; height: 45px; } #main .mod_unsubscribe input.submit { width: auto; } .mod_nl_reader table.newsletter-header, .mod_nl_reader table.newsletter-footer, .mod_nl_reader p.newsletter, .mod_nl_reader h1 { display: none; } .mod_nl_reader .newsletter h1 { display: block; margin: 20px 0 50px !important; font-family: 'Sabon MT W01', Arial, Helvetica, sans-serif !important; font-size: 26px !important; } .mod_nl_reader h2 { margin: 0; color: #73797e; padding-top: 24px; font-family: 'Sabon MT W01', Arial, Helvetica, sans-serif !important; font-size: 22px !important; } .mod_nl_reader table { width: 100% !important; max-width: 600px; margin: 0 auto; background: none !important; border: 0 !important; } .mod_nl_reader table td { background: none !important; padding: 0 !important; width: auto !important; font-family: 'Sabon MT W01', Arial, Helvetica, sans-serif !important; } .mod_nl_reader p.info, .mod_nl_reader p.time { font-family: 'Sabon MT W01 Italic', Arial, Helvetica, sans-serif !important; font-style: normal !important; padding: 12px 0 !important; } .mod_nl_reader p.info { padding: 12px 90px !important; } .mod_nl_reader p.time { padding-top: 8px !important; } .mod_nl_reader p.back { margin-top: 20px; } .mod_nl_reader a:hover { color: #007cbb !important; } .mod_nl_reader img { max-width: 98%; width: auto; height: auto; } .mod_nl_list li { padding: 0 0 20px; font-family: 'Sabon MT W01 Italic', Arial, Helvetica, sans-serif; } .mod_nl_list li a { color: #73797e; text-decoration: none; text-transform: uppercase; font-family: 'Sabon MT W01', Arial, Helvetica, sans-serif; } .mod_nl_list li a:hover { color: #007cbb; } /* =========================================== * About Us * ======================================== */ #philosophy .autogrid_wrapper, #our-story .ce_image { display: none; } /* =========================================== * Events * ======================================== */ .mod_eventlist h2 { font-size: 26px; } .mod_eventlist h4 { margin: 0; } .mod_eventlist h4 a { color: #73797e; } .mod_eventlist h4 a:hover, #journeys .mod_eventlist h4 a:hover { color: #007cbb; } .mod_eventlist p { margin: 12px 0 2px; } .mod_eventlist .teaser p { margin: 0; display: inline; } .mod_eventreader h1 { margin-bottom: 0; } #journeys-details .mod_eventreader h1 { margin-top: 20px; } .mod_eventreader .info { margin-top: 50px; margin-bottom: 50px; } .mod_eventreader .info:before { display: none; } /* =========================================== * Journeys * ======================================== */ #journeys .mod_eventlist h4 a { color: #000000; } #journeys .mod_eventlist .teaser p { color: #73797e; } #journeys .mod_eventlist p.time { margin-bottom: 2px; } /* =========================================== * Accordion * ======================================== */ .ce_accordion .toggler:before { color: #007cbb; display: none; } .ce_accordion .toggler i.fa { background: #007cbb; } .ce_accordion .toggler, .ce_accordion .accordion, .ce_accordionStart:last-of-type .toggler, .ce_accordionStart:last-of-type .accordion { border: 0; } .ce_accordion .toggler { font-weight: normal; text-decoration: underline; transition: all 0.2s ease-out 0s; } .ce_accordion .toggler:hover, .ce_accordion .toggler.ui-state-active, .ce_accordion .toggler.ui-state-active:hover { text-decoration: none; color: #007cbb; } .ce_accordion .toggler.ui-state-active { text-transform: uppercase; font-size: 0.9rem; color: #000000; } /* =========================================== * Teambox * ======================================== */ .ce_teambox.autogrid { margin-bottom: 20px; } .ce_teambox .image .overlay { background: #007cbb; } .ce_teambox .email a { color: #007cbb; } .ce_teambox .function { color: #000000; } .ce_teambox .image, .ce_teambox.hover_image .team-content-hover { background-color: #ffffff; } .ce_teambox.hover_image .name { font-weight: normal; margin-top: 0; margin-bottom: 18px; } .ce_teambox.hover_image .image { padding: 10px; } .ce_teambox.hover_image .image_container img { width: auto; height: 270px; margin-left: auto; margin-right: auto; } .ce_teambox.hover_image .team-content-hover { text-align: center; padding: 30px; } .ce_teambox.hover_image .team-content-hover a { text-decoration: underline; color: #73797e; } .ce_teambox.hover_image .team-content-hover a:hover { text-decoration: none; color: #007cbb; } .ce_teambox .mobile-press-link { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 100; } body.mobile .ce_teambox .mobile-press-link { display: block; } body.mobile .ce_teambox.hover_image .team-content-hover { display: none; } /* =========================================== * Web Press * ======================================== */ #web-press .ce_text { max-width: 540px; margin: 0 auto; } #web-press p { margin-bottom: 30px; } #web-press p:first-child { margin-bottom: 0; } #web-press a { text-transform: uppercase; color: #73797e; text-decoration: none; } #web-press a:hover { color: #007cbb; } #web-press .ce_accordion .toggler.ui-state-active { font-size: 1rem; font-family: 'Sabon MT W01 Semibold', Arial, Helvetica, sans-serif; } /* =========================================== * News * ======================================== */ .newsreader h1 { margin: 20px auto 50px; max-width: 500px; } .newsreader .block, .newsreader .ce_text .image_container.float_above { margin-bottom: 60px; } .newsreader .ce_text .image_container.float_below { margin-top: 60px; padding-bottom: 28px; } .newsreader .autogrid, .newsreader .ce_youtube .ce_youtube { margin-bottom: 0; } .newsreader .no_responsive .image_container { height: auto !important; margin-bottom: 20px !important; } .newsreader .no_responsive img { width: auto !important; height: auto !important; } .newsreader .info { font-size: 1rem; color: #73797e; padding: 0; margin-bottom: 50px; } .newsreader .date { margin-right: 0; } .newsreader .date:before { display: none; } .newsreader .back { border-top: 0; } .newsreader .back a { font-size: 1rem; text-transform: none; } .newsreader .ce_text ul { padding-left: 0; list-style: none; } .newsreader .ce_text ul li { list-style-type: none; font-family: 'Sabon MT W01 Italic', Arial, Helvetica, sans-serif; padding-top: 4px; padding-bottom: 4px; } .newsteaser.autogrid { margin-bottom: 50px; padding-left: 2%; padding-right: 2%; } .newsteaser .content { background-color: #ffffff; border: none; text-align: center; padding-bottom: 6px; } .newsteaser .image_container { background-color: #ffffff; } .newsteaser .teaser { color: #73797e; font-size: 0.9rem; } .newsteaser .info-v3 { display: none; font-family: 'Sabon MT W01 Italic', Arial, Helvetica, sans-serif; color: #73797e; font-size: 0.9rem; } .newslist h2, .newslist h2 a, .newsteaser h6 a:hover, #shop .newsteaser h6 a:hover { color: #007cbb; } .newslist .news-left .news-date { background: #007cbb; } .newsteaser .date { background: #007cbb; } .newslist-v3 .date { background: #007cbb; } .newsteaser_v3 .news-overlay i { background-color: #007cbb; } .newslist-v3 .subheadline { color: #007cbb; } .newslist-timeline:before, .newslist-timeline-both h4:before { border-color: #007cbb; } /* =========================================== * Stories * ======================================== */ #stories .newsteaser .image_container { padding: 10px 10px 0; } #stories .newsteaser .content { height: 148px; } #stories .newsteaser h6 { padding: 0 45px; } #story .newsreader .ce_text { overflow: visible; } #story .newsreader .ce_text .image_container { height: 500px; } #story .newsreader .ce_text .image_container img { width: auto; height: 100%; margin-left: auto; margin-right: auto; } /* =========================================== * Shop * ======================================== */ #shop .mod_newslist { padding-left: 10%; padding-right: 10%; } #shop .newsteaser.autogrid { margin-bottom: 20px; padding-left: 3%; padding-right: 3%; } #shop .newsteaser .content, #shop .newsteaser .image_container { background: none; } #shop .newsteaser h6, #shop .newsteaser h6 a { color: #73797e; } #shop .newsteaser .teaser { color: #000000; } #shop-details .newsreader h1 { margin-bottom: 25px; } #shop-details input { width: auto; margin-bottom: 60px; padding: 0; border: 0; background: none; } #shop-details .newsreader .ce_accordion { margin-bottom: 30px; } #shop-details .accordion h3 { padding-top: 25px; margin-bottom: 18px; } #shop-details form strong { display: block; margin-bottom: 10px; font-family: 'Sabon MT W01', Arial, Helvetica, sans-serif; } #shop-details form:not(:last-of-type) input { margin-bottom: 30px; } .ce_image_extended.no_responsive.paypal .image_container img { max-width: 100px; } /* =========================================== * Issuu * ======================================== */ .issuuembed { width: 400px; height: 310px; margin: 0 auto; } .issuuembed div, .issuuembed a { text-align: center !important; color: #c5c7c8; } .issuuembed a:hover { color: #73797e; } /* =========================================== * Auto Grid * ======================================== */ .border-inner { border-color: rgba(0,0,0,0.1); } /* =========================================== * Footer * ======================================== */ #footer { background-color: #d7e0ec; } #footer .inside { max-width: none; padding: 0; } #footer-socials { background-color: #eff3f7; } #footer-socials .inside, #footer-newsletter .inside { max-width: 1240px; margin-left: auto; margin-right: auto; padding: 45px 40px 30px; text-align: center; } #footer-newsletter .inside { padding-top: 39px; padding-bottom: 36px; } #footer-newsletter a { text-decoration: underline; } #footer-newsletter a:hover { text-decoration: none; } #footer h3, #footer h4 { color: #000000; margin-bottom: 0; } #footer h4 { position: absolute; line-height: 40px; color: #333333; } #footer, #footer a { color: #000000; } #footer a:hover, #bottom .inside a:hover { color: #007cbb; } #footer .mod_socials a i { font-size: 24px; color: #333333; } #footer .mod_socials a i:hover, #top .mod_socials a i:hover { background: none !important; color: #007cbb !important; } #footer .mod_subscribe { padding: 0; border: none; } #footer .mod_subscribe input { width: 200px; margin: 0 2px; font-size: 0.8rem; } #footer input.submit[type="submit"] { background: #ffffff; color: #000000; width: 120px; } #footer input.submit[type="submit"]:hover { background: #007cbb; color: #ffffff; } #footer .activation-page { height: 34px; } /* =========================================== * Instagram * ======================================== */ #footer iframe { background-color: #ffffff; padding: 2px 2px 4px; } .instagram-small { display: none; } /* =========================================== * Bottom * ======================================== */ #bottom { background-color: #d7e0ec; } #bottom .inside, #bottom .inside a { color: #000000; } #bottom .inside { padding-top: 45px; padding-bottom: 45px; } #bottom .inside .right a { margin-left: 11px; white-space: nowrap; } #bottom .inside .left span { margin-left: 14px; white-space: nowrap; } /* =========================================== * Table * ======================================== */ .ce_table table th { background: #007cbb; } /* =========================================== * Gallery * ======================================== */ .ce_gallery li { padding: 1.5%; } .ce_gallery .content { background: none; } .ce_gallery .content i { display: none; } .ce_fullscreen_gallery.version3 .bold { background-color: #007cbb; } /* =========================================== * Tabs * ======================================== */ .ce_tabs .tabs.classic ul li.active, .ce_tabs .tabs.classic ul li:hover { border-color: #007cbb; } .ce_tabs .tabs.horizontal ul li:hover a, .ce_tabs .tabs.horizontal ul li.active a { background: #007cbb; } .ce_tabs .tabs.horizontal-clean ul li.active:after { border-color: #007cbb transparent transparent transparent; } .ce_tabs .tabs.horizontal-clean ul li.active a { color: #007cbb; } /* =========================================== * Iconbox * ======================================== */ .ce_iconbox.version2 i { background: #007cbb; } .ce_iconbox .link { color: #007cbb; } /* =========================================== * Calendar * ======================================== */ .mod_calendar th.head { background:#007cbb; border-top:1px solid #007cbb; border-right:1px solid #007cbb; border-left:1px solid #007cbb; } .mod_calendar th.previous a, .mod_calendar th.next a { background-color:#007cbb; } /* =========================================== * Pagination * ======================================== */ .pagination li span.current { background: #007cbb; } .pagination li a:hover { color: #007cbb; } /* =========================================== * Leadertext * ======================================== */ .ce_leadertext.version2 .divider-first { border: 3px solid #007cbb; } .ce_leadertext.version2 .divider-second { background-color: #007cbb; } .ce_leadertext.version2 .divider:after, .ce_leadertext.version2 .divider:before { background-color: #007cbb; } /* =========================================== * Portfolio * ======================================== */ .mod_portfoliolist .item figure { background-color: #007cbb; } .mod_portfoliolist .item a:hover { color: #007cbb; } #portfolio_filter a.selected, #portfolio_filter a:hover { background: #007cbb; } .ce_portfoliofilter.default a.selected, .ce_portfoliofilter.default a:hover { background: #007cbb; } .mod_portfoliolist.portfolio-v2 .item a:hover { color: #007cbb; } /* =========================================== * Linkbox * ======================================== */ .ce_linkbox h4 { color: #007cbb; } .ce_linkbox a i { background-color: #007cbb; } .ce_linkbox .ce_linkbox_banner { background-color: #007cbb; } /* =========================================== * Testimonial * ======================================== */ .ce_testimonial a { color: #007cbb; } /* =========================================== * FAQ * ======================================== */ .mod_faqpage h3:before { color: #007cbb; } /* =========================================== * Chartbar * ======================================== */ .ce_chartbar .chart_data { background: #007cbb; } /* =========================================== * Pricetable * ======================================== */ .ce_pricetable .pricetable.highlight .title { background: #007cbb; } /* =========================================== * Count Up * ======================================== */ .ce_countup i { color: #007cbb; } /* =========================================== * Divider * ======================================== */ .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: #007cbb; } hr.divider_3:before { background: #007cbb; } hr.divider_3:before { background: #007cbb; } .divider_4_first { border: 3px solid #007cbb; } .divider_4_second { background-color: #007cbb; } .divider_4::after, .divider_4::before { background-color: #007cbb; } .divider_5 i { color: #007cbb; } .ce_divider_extended.version4 span { background: #007cbb; } .ce_divider_extended.version5 { background: #007cbb; } .ce_divider_extended.version3 { width: 50%; } /* =========================================== * Picker * ======================================== */ 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: #007cbb; } body .picker__list-item--highlighted, body .picker__list-item:hover { border-color: #007cbb; } /* =========================================== * Custom Catalog * ======================================== */ .mod_customcataloglist.cc_cardealer .item-state { background-color: #d7e0ec; } .mod_customcataloglist.cc_immorealty .entry.top_object .cc_immorealty_top { background: #007cbb; } .mod_customcatalogfilter.immorealty_filter .filter_range .ui-slider-range { background: #007cbb; } .mod_customcatalogreader.cc_immorealty .property-furnishing li i { color: #007cbb; } .mod_customcatalogreader.cc_immorealty .price { background: #007cbb; } .mod_customcataloglist .cc_immorealty_slider .category { background: #007cbb; } .mod_customcataloglist.cc_immorealty .customelements_notelist input { background-color: #007cbb; } .mod_customcataloglist.cc_cardealer .item-rightside .item-content-col2 { color: #007cbb; } .mod_customcatalogfilter.cardealer_filter .filter_range .ui-slider-range { background-color: #007cbb; } .mod_customcatalogreader.cc_cardealer .single-price { color: #007cbb; } .mod_customcatalogreader.cc_cardealer .single-price strong { background-color: #007cbb; } .mod_customcataloglist.cc_cardealer .item-highlight-icon { background-color: #007cbb; } .mod_customcataloglist .cc_cardealer_slider .state { background-color: #007cbb; } .mod_customcataloglist .cc_cardealer_slider .price strong { color: #007cbb; } @media only screen and (max-width: 1280px) { #top-wrapper, #wrapper, #footer-socials .inside, #footer-newsletter .inside, #bottom .inside { max-width: 1100px; } .ce_text_image_bar .text-right, .ce_text_image_bar .text-left { height: 765px !important; } #shop .mod_newslist { padding-left: 4%; padding-right: 4%; } .ce_teambox.hover_image .image_container img { height: 230px; } #stories .newsteaser h6 { padding: 0 20px; } } @media only screen and (max-width: 1100px) { .ce_teambox.autogrid { width: 33.3333%; padding-left: 3%; padding-right: 3%; margin-bottom: 50px; } .ce_teambox.hover_image .image_container img { height: 270px; } #stories .newsteaser h6 { padding: 0 10px; } } @media only screen and (max-width: 1050px) { #shop .mod_newslist { padding-left: 0; padding-right: 0; } .ce_teambox.autogrid { padding-left: 2%; padding-right: 2%; margin-bottom: 30px; } } @media only screen and (max-width: 990px) { .ce_text_image_bar .text-right, .ce_text_image_bar .text-left { height: auto !important; } .ce_teambox.autogrid { padding-left: 1%; padding-right: 1%; margin-bottom: 20px; } #shop .newsteaser.autogrid { padding-left: 2%; padding-right: 2%; } #stories .newsteaser.autogrid { width: 50%; padding-left: 5%; padding-right: 5%; margin-bottom: 70px; } #stories .newsteaser h6 { padding: 0 45px; } .instagram-large { display: none; } .instagram-small { display: block; } .mrsingh img { margin-bottom: 20px; } } @media only screen and (max-width: 950px) { #stories .newsteaser h6 { padding: 0 30px; } } @media only screen and (max-width: 900px) { .ce_text_image_bar .text-right { width: 60%; margin-left: 40%; } .ce_text_image_bar .text-left { width: 60%; margin-right: 40%; } .ce_text_image_bar .image-left, .ce_text_image_bar .image-right { width: 40%; } #shop .newsteaser.autogrid { width: 50%; padding-left: 8%; padding-right: 8%; height: 360px; } #shop .newsteaser.autogrid.last { height: auto; } #stories .newsteaser.autogrid { padding-left: 3%; padding-right: 3%; margin-bottom: 45px; } #stories .newsteaser h6 { padding: 0 35px; } .ce_teambox.hover_image .image_container img { height: 230px; } } @media only screen and (max-width: 830px) { #shop .newsteaser.autogrid { padding-left: 5%; padding-right: 5%; } .ce_teambox.autogrid { width: 50%; padding-left: 4%; padding-right: 4%; margin-bottom: 40px; } .ce_teambox.hover_image .image_container img { height: 290px; } #stories .newsteaser h6 { padding: 0 20px; } } @media only screen and (max-width: 767px) { #header { visibility: visible; } #header .inside { height: 210px; padding-top: 10px; } #header .mainmenu { display: none; } .logo { width: 240px; height: 180px; margin-top: 0; } .logo a { background-image: url(../../files/palladio/logo-large.png); } #slider { padding-left: 20px; padding-right: 20px; } #wrapper { padding-bottom: 50px; } h1, .mod_nl_reader h1 { font-size: 24px !important; } h2, h3, .mod_nl_reader h2 { font-size: 18px !important; font-family: 'Sabon MT W01 Semibold', Arial, Helvetica, sans-serif !important; } .datenschutz h2, .datenschutz h3 { font-family: 'Sabon MT W01', Arial, Helvetica, sans-serif !important; } .datenschutz h2 { padding-top: 30px } #main .mod_article .ce_bgimage .ce_bgimage-inside, .ce_bgimage-inside { padding-left: 40px !important; padding-right: 40px !important; } .ce_bgimage-inside.pt-xs { padding-top: 25px !important; } .ce_bgimage-inside.pb-s { padding-bottom: 45px !important; } .ce_text_image_bar .text-right, .ce_text_image_bar .text-left { width: 100%; margin: 0; text-align: center; padding-top: 25px; padding-bottom: 40px; } .ce_text_image_bar .inside { padding-left: 40px; padding-right: 40px; } .ce_text_image_bar h1 { margin-top: 20px; margin-bottom: 25px; } .ce_teambox.autogrid { width: 50% !important; } .ce_teambox.hover_image .image_container img { height: 280px; } .ce_gallery li { padding: 3%; } #philosophy.pb-xs { padding-bottom: 0 !important; } #philosophy .autogrid_wrapper { display: block; padding-top: 20px; padding-bottom: 20px; } #philosophy p { text-align: center !important; margin-top: 0 !important; } #philosophy .ce_image.autogrid, #il-teatro .ce_image.autogrid, #menu .ce_image.autogrid, #atelier .ce_image.autogrid, #caffe .ce_image.autogrid, #story .ce_image.autogrid { width: 50% !important; margin-bottom: 0; } #philosophy .ce_image.autogrid { padding: 0 10px 0 0; } #philosophy .ce_image.autogrid.last { padding-right: 0; padding-left: 10px; } #our-story.pt-xxs { padding-top: 0 !important; } #menu .mb-30, #atelier .mb-30, #caffe .mb-30 { margin-bottom: 20px !important; } #menu .mt-50, #atelier .mt-50, #caffe .mt-50 { margin-top: 35px !important; } #delicatessen .no_responsive img, #caffe .no_responsive img { width: 210px; } .mrsingh img { width: 144px !important; } #shop .newsteaser.autogrid { width: 50% !important; padding-left: 1%; padding-right: 1%; height: 310px; } #shop .newsteaser .content { padding-top: 15px; } #shop .ce_accordion .accordion, #shop-details .ce_accordion .accordion { padding: 20px 0; } #shop-details input { margin-bottom: 30px; } #shop-details form:not(:last-of-type) input { margin-bottom: 20px; } #shop-details .newsreader .ce_accordion { margin-bottom: 15px; } .ce_accordion .toggler:focus, .ce_accordion .toggler.ui-state-active:focus { color: #000000; } .ce_accordion .toggler:focus { text-decoration: underline; } .newsreader .block, .newsreader .ce_text .image_container.float_above { margin-bottom: 30px; } .newsreader .ce_text .image_container.float_below { margin-top: 30px; padding-bottom: 14px; } #il-teatro-details .no_responsive img { width: 90px; } .mod_eventreader .info { margin-top: 30px; margin-bottom: 30px; } #story .newsreader h1, .newsreader .info, .mod_nl_reader .newsletter h1 { margin-bottom: 30px !important; } #stories .newsteaser.autogrid { margin-bottom: 40px; width: 50% !important; padding-left: 2%; padding-right: 2%; } #stories .newsteaser .content { height: 136px; } #stories .newsteaser h6 { padding: 0 30px; } #stories .newsteaser .teaser { font-size: 0.8rem; } #story .newsreader .ce_text .image_container img { width: auto; height: auto; max-height: 300px; max-width: 300px; } #story .newsreader .ce_text .image_container { height: auto; } #journeys .no_responsive img { width: 350px; } #journeys h2, #il-teatro h2 { margin-bottom: 25px; } .image_container .caption { padding-top: 8px; } #location .no_responsive img { width: 210px; } #location h2 { margin-bottom: 18px; } #location em, #location .info a { white-space: nowrap; } #location .info em { white-space: normal; } #location .pt-40 { padding-top: 0 !important; } #location .mb-20 { margin-bottom: 10px !important; } #location .mt-l { margin-top: 10px !important; } .mod_nl_reader h2 { padding-top: 16px !important; } .mod_nl_reader p.time { padding-top: 0 !important; padding-bottom: 8px !important; } #main .mod_search h3 { padding-top: 30px; padding-left: 10%; padding-right: 10%; font-size: 21px !important; } #main .mod_search .formbody, #main .mod_subscribe .formbody, #main .mod_unsubscribe .formbody { padding-left: 20%; padding-right: 20%; } #main .mod_subscribe input.text, #main .mod_unsubscribe input.text { width: 100%; } #main .mod_subscribe input.submit, #main .mod_unsubscribe input.submit { width: 100%; margin: 0 auto 10px; display: block; } #footer-socials .inside, #footer-newsletter .inside { padding: 25px 20px 20px; } #footer-newsletter .inside { padding-top: 30px; padding-bottom: 28px; } #footer h3, #footer h4 { position: static; font-size: 18px !important; } #bottom .inside { padding-top: 25px; padding-bottom: 25px; text-align: center; font-size: 16px; } #bottom .inside .left { font-family: 'Sabon MT W01 Italic', Arial, Helvetica, sans-serif; color: #73797e; } #bottom .inside .right { padding-top: 6px; } #bottom .inside .right a { margin: 0 7px; } } @media only screen and (max-width: 700px) { .ce_teambox.hover_image .image_container img { height: 250px; } #stories .newsteaser h6 { padding: 0 25px; } } @media only screen and (max-width: 640px) { .ce_teambox.hover_image .image_container img { height: 220px; } #stories .newsteaser h6 { padding: 0 10px; } } @media only screen and (max-width: 580px) { .ce_teambox.hover_image .image_container img { height: 195px; } .mod_nl_reader p.info { padding: 12px 20px !important; } #stories .newsteaser .content { height: 157px; } #stories .newsteaser h6 { padding: 0; } #atelier .adjust_responsive img { width: 100%; } } @media only screen and (max-width: 520px) { .ce_teambox.autogrid { padding-left: 3%; padding-right: 3%; margin-bottom: 20px; } .ce_teambox.hover_image .image { padding: 7px; } .ce_teambox.hover_image .image_container img { height: 180px; } .mod_nl_reader p.info { padding: 12px 0 !important; } #stories .newsteaser .content { padding-left: 10px; padding-right: 10px; } } @media only screen and (max-width: 480px) { .ce_teambox.autogrid { margin-bottom: 15px; } .ce_teambox.hover_image .image_container img { height: 155px; } } @media only screen and (max-width: 420px) { .ce_teambox.hover_image .image_container img { height: 130px; } #delicatessen .adjust_responsive img { width: 100%; } } @media only screen and (max-width: 414px) { #main .mod_article .ce_bgimage .ce_bgimage-inside, .ce_bgimage-inside { padding-left: 20px !important; padding-right: 20px !important; } .ce_text_image_bar .inside { padding-left: 20px; padding-right: 20px; } .ce_teambox.hover_image .image_container img { height: 110px; } #philosophy .autogrid_wrapper { padding-top: 0; padding-bottom: 60px; } #philosophy .ce_image.autogrid, #menu .ce_image.autogrid, #atelier .ce_image.autogrid, #caffe .ce_image.autogrid, #story .ce_image.adjust_mobile { width: 100% !important; } #menu .ce_image.autogrid-first, #atelier .ce_image.autogrid-first, #caffe .ce_image.autogrid-first { margin-bottom: 60px; } #story .ce_image.autogrid-first.adjust_mobile { margin-bottom: 20px; } #philosophy .ce_image.autogrid { padding: 0; } #philosophy .ce_image.autogrid.last { display: none; } #our-story .ce_image { display: block; } #shop .no_responsive img, #gift-hampers .no_responsive img, #journeys .no_responsive img { width: 235px; } #gift-hampers .accordion .no_responsive img { width: auto; } #shop .newsteaser.autogrid { width: 100% !important; padding-left: 4%; padding-right: 4%; height: auto; } #shop .newsteaser .content { padding-top: 10px; } #shop .ce_textarea { padding-left: 1px; padding-right: 1px; } #stories .newsteaser.autogrid { width: 100% !important; } #stories .newsteaser .content { padding-left: 20px; padding-right: 20px; height: auto; } #stories .newsteaser h6 { padding: 0 20px; } #stories .newsteaser .teaser { font-size: 0.9rem; } #story .newsreader .ce_text .image_container img { width: 100%; max-height: auto; max-width: auto; } .mod_nl_reader td.empty { display: none; } #main .mod_search h3 { padding-left: 0; padding-right: 0; } #main .mod_search .formbody, #main .mod_subscribe .formbody, #main .mod_unsubscribe .formbody { padding-left: 0; padding-right: 0; } #footer .mod_subscribe input, #footer input.submit[type="submit"] { width: 220px; margin: 2px; } #footer *::-webkit-input-placeholder { text-align: center; } #footer *:-moz-placeholder { text-align: center; } #footer *::-moz-placeholder { text-align: center; } #footer *:-ms-input-placeholder { text-align: center; } #bottom .inside .left span { margin: 0 8px; } } /* =========================================== * Footer Logos * ======================================== */ .footer-logos { text-align: center; display: flex; justify-content: center; align-items: flex-end; padding-top: 24px; padding-bottom: 24px; font-size: 16px; } .footer-logos > div { margin-left: 16px; margin-right: 16px; } @media (min-width: 576px) { .footer-logos > div { margin-left: 32px; margin-right: 32px; } } .footer-logos figcaption { font-family: "Times New Roman", Times, serif; text-transform: uppercase; font-size: 12px; padding-top: 8px; } .footer-logos img { max-width: 100%; height: auto; vertical-align: middle; border-style: none; } .footer-logos .footer-bar img { width: 84px } .footer-logos .footer-villa img { width: 42px; } .footer-logos .footer-polo img { width: 30px; position: relative; top: 2px; } /* =========================================== * Cookie-Banner * ======================================== */ #mm-cookie-banner { display: none; position: fixed; bottom: 0; left: 50%; width: 100%; font-size: 16px; color: #000; 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: 855px; } #mm-cookie-banner p { margin-top: 0; margin-bottom: 16px; } #mm-cookie-banner a { color: #007cbb; text-decoration: underline; } #mm-cookie-banner a:hover { text-decoration: none; } #mm-cookie-banner button { cursor: pointer; display: inline-block; font-weight: 400; text-align: center; vertical-align: middle; color: #fff; background-color: #007cbb; border: 2px solid #007cbb; padding: 2px 15px; font-size: 17px; line-height: 1.5; border-radius: 50rem; margin: 0; font-family: inherit; 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: #006fa8; border-color: #006fa8; 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 button { width: 100%; } }