@import url(/cache/jsn_dona2_pro/7a92ee8116871db9de6c2c6cda69b5b7.css);
@import url(/cache/jsn_dona2_pro/a4e89702da182576fb407765de70f01b.css);
@import url(/cache/jsn_dona2_pro/8fd2f758ff963f93db2e61c0625af777.css);
@import url(/cache/jsn_dona2_pro/8f780316af91c589d0479a4d3ddf0fdc.css);
@import url(https://fonts.googleapis.com/css?family=Lato:100,300,400,700);
@import url(/cache/jsn_dona2_pro/e043915da9365fff9cda1a35e69ad47d.css);
@import url(/cache/jsn_dona2_pro/9e7be82eed23681511ba9c0e4e8d6b36.css);
@import url(https://fonts.googleapis.com/css?family=Roboto Condensed:300|Open Sans:900,300|Roboto:400,900);

/* FILE: /templates/jsn_dona2_pro/niches/business/css/template.css */
.jsn-text .item-container { border-left: none !important; border-right: none !important; } .business-testimonials > .pb-slides > .pb-slide { width: 101%; } .business-testimonials > .pb-slides > .pb-slide .pb-testimonial { display: flex; display: -webkit-flex; align-items: flex-start; flex-direction: row; flex-wrap: wrap; } .business-testimonials > .pb-slides > .pb-slide .pb-testimonial .pb-image { order: 2; } .business-testimonials > .pb-slides > .pb-slide .pb-testimonial .pb-content { order: 1; padding: 0; } .business-testimonials > .pb-slides > .pb-slide .pb-testimonial .pb-content p.Message { position: relative; } .business-testimonials > .pb-slides > .pb-slide .pb-testimonial .pb-content p.Message:after { content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #fff; position: absolute; bottom: -10px; left: 22px; } .business-testimonials > .pb-slides > .pb-slide .pb-testimonial cite.pb-text { order: 3; text-align: left; margin-left: 10px; } .business-testimonials > nav { float: right; } .business-testimonials > nav > a { width: 8px !important; height: 8px !important; margin: 0 2px !important; border: none !important; background: #b4b4b4 !important; cursor: pointer; } a.pb-button.readmore { display: inline-table; margin: 0 auto; color: #fff; padding: 12px 15px; text-transform: uppercase; letter-spacing: 2px; font-size: 12px; font-weight: normal; border: none; border-radius: 2px; } a.pb-button.readmore:hover { background: #fff; } #events { padding: 20px 0px 50px; border-bottom: 1px solid #f0f2f3; } #events i { font-size: 60px; } #events h2 { margin: 0; font-size: 22px; text-transform: uppercase; } #events h3 { margin-top: 5px; font-size: 20px; font-weight: 300; } #events div.grid-col { float: left; width: 24.96%; } #events .info { margin: 30px 0; padding: 20px 0; border-right: 1px solid #f0f2f3; text-align: center; } #events .info span.number { font-size: 30px; font-weight: bold; line-height: 30px; margin-bottom: 20px; display: block; } #events .info span.title { font-size: 14px; font-weight: bold; text-transform: uppercase; display: block; } .sunfw-homepage .Joomla_Article .pb-back > img { transition: all 0.5s ease-in-out; } .sunfw-homepage .Joomla_Article .pb-back > img:hover { transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); } .business-gallery .pb-media .pb-image:before { width: 100%; height: 100%; content: ""; display: block; opacity: .5; position: absolute; transition: 0.3s ease-in-out; background: #f0525b; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .business-gallery .pb-media .pb-image:after { content: "\f065"; position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; border: 1px solid #fff; margin-top: -25px; margin-left: -25px; color: #fff; text-align: center; display: inline-block; font: normal normal normal 30px/50px FontAwesome; font-size: inherit; transform: translate(0, 0); opacity: 0; transition: 0.3s ease-in-out; } .business-gallery .pb-media .pb-image:hover:before { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .business-gallery .pb-media .pb-image:hover:after { opacity: 1; } .contact-btn { transition: all 0.3s ease-in-out; } .contact-btn span { transition: all 0.3s ease-in-out; } .contact-btn:hover { background: none; } @media (max-width: 767px) { .business-contact .pb-container > .pb-column { text-align: center !important; } .business-contact .pb-container > .pb-column p.Paragraph { text-align: center !important; } } @media (max-width: 991px) { #events { padding: 30px 10px; } } @media (min-width: 992px) { .container-fluid { padding-left: 0; padding-right: 0; } } /*# sourceMappingURL=template.css.map */
/* FILE: /templates/jsn_dona2_pro/niches/business/css/color_45c48cce2e2d7fbdea1afc51c7c6ad26.css */
/* PLEASE BE VERY CAREFUL WHEN EDITTING THIS FILE ! Don't change our color variables in line 5 & 6. */ .dona-social a.pb-button > i { color: #014a94; } ul.nav.menu-divmenu > li > a:hover { color: #014a94 !important; } .sunfw-scrollup:hover, .sunfw-scrollup:focus { color: #014a94; } .pagination > li > a, .pagination > li > span { color: #014a94; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: #014a94; } .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus { background-color: #014a94; border-color: #014a94; } #k2Container a:hover, div.k2LatestCommentsBlock div.k2FeedIcon a:hover { color: #014a94; } #k2Container div.itemComments ul.itemCommentsList li span.commentToolbar:hover { background: #014a94; } #k2Container div.itemComments #submitCommentButton { background: #014a94; } div.k2TagCloudBlock a:hover { background: #014a94; } div.k2LatestCommentsBlock ul li span.lcComment:hover, div.k2LatestCommentsBlock ul li span.lcItemTitle:hover a, div.k2LatestCommentsBlock ul li span.lcItemCategory:hover a { color: #014a94; } .itemNavigationTitle { color: #014a94; } .link-action { border-bottom: 1px solid #014a94; } table.calendar tr td.calendarToday { background: #014a94; } #k2Container a.k2ReadMore { background-color: #014a94; } #kunena.layout .kwho-admin { color: #014a94; } #kunena .kfrontend tr.category a > i.icon { color: #014a94; } #kunena .kfrontend span.icon { color: #014a94; } .slide-button .item-container .jsn-es-background { background: #014a94 !important; } a.pb-button.readmore { background: #014a94; border: 1px solid #014a94; } a.pb-button.readmore:hover { color: #014a94; } .business-gallery .pb-media .pb-image:before, .sunfw-content .business-gallery picture:before { background: #014a94; } .sunfw-content .contact-btn { background: #014a94; } .sunfw-content .contact-btn:hover span.pb-content span { color: #014a94 !important; } .business-testimonials > nav > a.pb-active { background: #014a94 !important; }

/* FILE: /templates/jsn_dona2_pro/css/core/layout_45c48cce2e2d7fbdea1afc51c7c6ad26.css */
.sunfw_section_content-top-over { padding-top: 40px; padding-bottom: 40px; } .sunfw_section_content { padding-top: 20px; padding-bottom: 20px; } .sunfw_section_content-bottom-over { padding-top: 40px; padding-bottom: 60px; } .sunfw_section_content-bottom { padding-top: 50px; padding-bottom: 50px; } .sunfw_section_abschnitt-10 { padding-bottom: 15px; } #row_row-6 { padding-bottom: 30px; } #row_row-9 { padding-top: 30px; padding-bottom: 45px; } #row_reihe-15 { margin-top: 40px; } #row_reihe-19_nAG5Z4pu { padding-top: 40px; padding-bottom: 20px; } #column_column-7 { padding-bottom: 80px; } #column_spalte-25 { padding-top: 40px; padding-bottom: 40px; } #column_spalte-26 { margin-top: 60px; margin-bottom: 0px; } #column_spalte-35 { padding-bottom: 30px; } #menu_item_menu_mobile > i { font-size: 18px; }

/* FILE: /templates/jsn_dona2_pro/css/core/general_45c48cce2e2d7fbdea1afc51c7c6ad26.css */
body { color: #29353d; font-family: Open Sans; font-weight: normal; font-size: 14px; line-height: 1.6; } a { color: #282828; } a:hover, a:focus { color: #014a94; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: Open Sans; font-weight: normal; line-height: 1.4; color: #000; letter-spacing: 0px; } h1, .h1 { font-size: 31px; } h2, .h2 { font-size: 25px; } h3, .h3 { font-size: 21px; } h4, .h4 { font-size: 15px; } h5, .h5 { font-size: 12px; } h6, .h6 { font-size: 11px; } .btn-default { background: #fff; font-size: 18px; color: #333; font-style: normal; font-weight: normal; text-transform: none; -webkit-box-shadow: 0px 0px 0px #000; box-shadow: 0px 0px 0px #000; } .btn-default:hover, .btn-default:focus { color: #333; border-color: #ccc; } .btn-default:hover, .btn-default:focus, .btn-default.active { background-color: #e6e6e6; } .btn-primary { background: #337ab7; color: #fff; font-size: 18px; font-style: normal; font-weight: normal; text-transform: none; -webkit-box-shadow: 0px 0px 0px #000; box-shadow: 0px 0px 0px #000; } .btn-primary:hover, .btn-primary:focus { color: #fff; border-color: #ccc; } .btn-primary:hover, .btn-primary:focus, .btn-primary.active { background-color: #286090; }

/* FILE: /templates/jsn_dona2_pro/css/core/offcanvas_45c48cce2e2d7fbdea1afc51c7c6ad26.css */


/* FILE: /templates/jsn_dona2_pro/css/core/sections_45c48cce2e2d7fbdea1afc51c7c6ad26.css */
.sunfw_section_header { background-color: rgba(255, 255, 255, 0.8); } .sunfw_section_header h1, .sunfw_section_header h2, .sunfw_section_header h3, .sunfw_section_header h4, .sunfw_section_header h5, .sunfw_section_header h6, .sunfw_section_header .h1, .sunfw_section_header .h2, .sunfw_section_header .h3, .sunfw_section_header .h4, .sunfw_section_header .h5, .sunfw_section_header .h6 { line-height: 1.4; } .sunfw_section_header h1, .sunfw_section_header .h1 { font-size: 31px; } .sunfw_section_header h2, .sunfw_section_header .h2 { font-size: 25px; } .sunfw_section_header h3, .sunfw_section_header .h3 { font-size: 21px; } .sunfw_section_header h4, .sunfw_section_header .h4 { font-size: 15px; } .sunfw_section_header h5, .sunfw_section_header .h5 { font-size: 12px; } .sunfw_section_header h6, .sunfw_section_header .h6 { font-size: 11px; } .sunfw_section_header .btn-primary { background-color: #014a94; } .sunfw_section_footer { background-color: #000; color: #fff; font-size: 16px; line-height: 2; } .sunfw_section_footer h1, .sunfw_section_footer h2, .sunfw_section_footer h3, .sunfw_section_footer h4, .sunfw_section_footer h5, .sunfw_section_footer h6, .sunfw_section_footer .h1, .sunfw_section_footer .h2, .sunfw_section_footer .h3, .sunfw_section_footer .h4, .sunfw_section_footer .h5, .sunfw_section_footer .h6 { color: #fff; text-transform: uppercase; } .sunfw_section_footer h1, .sunfw_section_footer .h1 { font-size: 18px; } .sunfw_section_footer h2, .sunfw_section_footer .h2 { font-size: 15px; } .sunfw_section_footer h3, .sunfw_section_footer .h3 { font-size: 12px; } .sunfw_section_footer h4, .sunfw_section_footer .h4 { font-size: 9px; } .sunfw_section_footer h5, .sunfw_section_footer .h5 { font-size: 7px; } .sunfw_section_footer h6, .sunfw_section_footer .h6 { font-size: 6px; } .sunfw_section_footer a { color: #fff; } .sunfw_section_footer a:hover { color: #014a94; } .sunfw_section_content-top { background-color: custom; color: #29353d; font-size: 14px; line-height: 1.6; } .sunfw_section_content-top h1, .sunfw_section_content-top h2, .sunfw_section_content-top h3, .sunfw_section_content-top h4, .sunfw_section_content-top h5, .sunfw_section_content-top h6, .sunfw_section_content-top .h1, .sunfw_section_content-top .h2, .sunfw_section_content-top .h3, .sunfw_section_content-top .h4, .sunfw_section_content-top .h5, .sunfw_section_content-top .h6 { color: #000; line-height: 1.4; } .sunfw_section_content-top h1, .sunfw_section_content-top .h1 { font-size: 31px; } .sunfw_section_content-top h2, .sunfw_section_content-top .h2 { font-size: 25px; } .sunfw_section_content-top h3, .sunfw_section_content-top .h3 { font-size: 21px; } .sunfw_section_content-top h4, .sunfw_section_content-top .h4 { font-size: 15px; } .sunfw_section_content-top h5, .sunfw_section_content-top .h5 { font-size: 12px; } .sunfw_section_content-top h6, .sunfw_section_content-top .h6 { font-size: 11px; } .sunfw_section_content-bottom-over { background-color: #f0f2f3; color: #29353d; font-size: 16px; line-height: 2; } .sunfw_section_content-bottom { background-color: #36414c; color: #fff; font-size: 16px; line-height: 2; } .sunfw_section_content-bottom h1, .sunfw_section_content-bottom h2, .sunfw_section_content-bottom h3, .sunfw_section_content-bottom h4, .sunfw_section_content-bottom h5, .sunfw_section_content-bottom h6, .sunfw_section_content-bottom .h1, .sunfw_section_content-bottom .h2, .sunfw_section_content-bottom .h3, .sunfw_section_content-bottom .h4, .sunfw_section_content-bottom .h5, .sunfw_section_content-bottom .h6 { color: #fff; line-height: 1.4; } .sunfw_section_content-bottom h1, .sunfw_section_content-bottom .h1 { font-size: 31px; } .sunfw_section_content-bottom h2, .sunfw_section_content-bottom .h2 { font-size: 25px; } .sunfw_section_content-bottom h3, .sunfw_section_content-bottom .h3 { font-size: 21px; } .sunfw_section_content-bottom h4, .sunfw_section_content-bottom .h4 { font-size: 15px; } .sunfw_section_content-bottom h5, .sunfw_section_content-bottom .h5 { font-size: 12px; } .sunfw_section_content-bottom h6, .sunfw_section_content-bottom .h6 { font-size: 11px; } .sunfw_section_content { color: #666; font-size: 18px; line-height: 1.6; } .sunfw_section_content h1, .sunfw_section_content h2, .sunfw_section_content h3, .sunfw_section_content h4, .sunfw_section_content h5, .sunfw_section_content h6, .sunfw_section_content .h1, .sunfw_section_content .h2, .sunfw_section_content .h3, .sunfw_section_content .h4, .sunfw_section_content .h5, .sunfw_section_content .h6 { color: #000; line-height: 1.4; } .sunfw_section_content h1, .sunfw_section_content .h1 { font-size: 46px; } .sunfw_section_content h2, .sunfw_section_content .h2 { font-size: 38px; } .sunfw_section_content h3, .sunfw_section_content .h3 { font-size: 31px; } .sunfw_section_content h4, .sunfw_section_content .h4 { font-size: 23px; } .sunfw_section_content h5, .sunfw_section_content .h5 { font-size: 18px; } .sunfw_section_content h6, .sunfw_section_content .h6 { font-size: 16px; } .sunfw_section_content .btn-primary { background-color: #014a94; } .sunfw_section_content-top-over { background-color: #f0f2f3; color: #29353d; font-size: 16px; line-height: 2; }

/* FILE: /templates/jsn_dona2_pro/css/core/modules_45c48cce2e2d7fbdea1afc51c7c6ad26.css */
body#sunfw-master .module-style-1 { background: #f5f5f5; } body#sunfw-master .module-style-1 .module-title .box-title { background: custom; font-size: 15px; text-transform: none; color: #7f756c; font-weight: normal; } body#sunfw-master .module-style-1 .module-title .box-title:before, body#sunfw-master .module-style-1 .module-title .box-title i[class*='fa-'] { color: #7f756c; } body#sunfw-master .module-style-2 { background: #fff; border-width: 1px; border-style: solid; border-color: #e1e1e1; } body#sunfw-master .module-style-2 .module-title .box-title { background: custom; font-size: 15px; text-transform: none; color: #7f756c; font-weight: normal; } body#sunfw-master .module-style-2 .module-title .box-title:before, body#sunfw-master .module-style-2 .module-title .box-title i[class*='fa-'] { color: #7f756c; } body#sunfw-master .module-style-3 { background: #53afe4; } body#sunfw-master .module-style-3 .module-title .box-title { background: custom; font-size: 15px; text-transform: none; color: #fff; font-weight: normal; } body#sunfw-master .module-style-3 .module-title .box-title:before, body#sunfw-master .module-style-3 .module-title .box-title i[class*='fa-'] { color: #7f756c; } body#sunfw-master .module-style-3 .module-body, body#sunfw-master .module-style-3 .custom { color: #fff; } body#sunfw-master .module-style-3 .module-body a, body#sunfw-master .module-style-3 .custom a { color: #fff; } body#sunfw-master .module-style-3 .module-body a:hover, body#sunfw-master .module-style-3 .custom a:hover { color: #7f756c; } body#sunfw-master .module-style-4 { background: #162335; } body#sunfw-master .module-style-4 .module-title .box-title { background: custom; font-size: 15px; text-transform: none; color: #fff; font-weight: normal; } body#sunfw-master .module-style-4 .module-title .box-title:before, body#sunfw-master .module-style-4 .module-title .box-title i[class*='fa-'] { color: #7f756c; } body#sunfw-master .module-style-4 .module-body, body#sunfw-master .module-style-4 .custom { color: #fff; } body#sunfw-master .module-style-4 .module-body a, body#sunfw-master .module-style-4 .custom a { color: #fff; } body#sunfw-master .module-style-4 .module-body a:hover, body#sunfw-master .module-style-4 .custom a:hover { color: #7f756c; }

/* FILE: /templates/jsn_dona2_pro/css/core/menu_45c48cce2e2d7fbdea1afc51c7c6ad26.css */
#menu_item_menu { background-color: custom; color: #000; } #menu_item_menu ul.navbar-nav > li > a, #menu_item_menu ul.navbar-nav > li > span.nav-header { font-size: 16px; color: #7f756c; text-transform: uppercase; font-family: 'Open Sans'; } #menu_item_menu ul.navbar-nav > li:hover > a, #menu_item_menu ul.navbar-nav > li.active > a, #menu_item_menu ul.navbar-nav > li:hover > span.nav-header, #menu_item_menu ul.navbar-nav > li.active > span.nav-header { color: #000; } #menu_item_menu ul.dropdown-menu li a, #menu_item_menu ul.sunfw-megamenu-sub-menu li a, #menu_item_menu .modulecontainer ul.nav-child li a, #menu_item_menu ul.dropdown-menu li span.nav-header, #menu_item_menu ul.sunfw-megamenu-sub-menu li span.nav-header, #menu_item_menu .modulecontainer ul.nav-child li span.nav-header { font-size: 12px; } #menu_item_menu ul.dropdown-menu, #menu_item_menu ul.sunfw-megamenu-sub-menu ul { width: 200px; }

/* FILE: /templates/jsn_dona2_pro/css/custom/custom.css */
/* Write your custom css code here */ h3.module-title, h1, #sunfw_section_content h1, #sunfw_section_content .h1 { font-size: 36px; color: #29353d; font-weight: 300; padding-left: 0px; padding-bottom: 20px; } li.latestnews-item h4, h2 { font-size: 30px !important; color: #29353d !important; font-weight: 300 !important; margin-top: 0px !important; padding: 0px !important; margin-bottom: 10px !important; } div#sunfw_section_content-bottom h1 { padding-left: 0px; } #sunfw_section_header { position: absolute; z-index: 3; width: 100%; } div#sunfw_section_content ul { padding: 0px 0px 0px 0px; margin: 0px 0pc 0px 0px; } div#sunfw_section_content ul li { padding: 5px 0px 0px 0px; margin: 0px 0pc 0px 20px; } #column_column-0 { width:250px; } #column_column-1 { width:auto; } .acymailing_form input[type=text] { color: #555555;} .sunfw-homepage #sunfw_section_header { position: absolute; background-color: rgba(255,255,255,0.9); width: 100%; border-bottom: none; z-index: 9999; } #sunfw_section_content-bottom { padding: 80px 0px 80px; } p.sercon { text-align: right; font-size: 10px; } hr { border-color: #777; } /*#menu_item_menu ul.navbar-nav > li > a, #menu_item_menu ul.navbar-nav > li > span.nav-header { font-weight: 600; font-size: 16px; }*/ #menu_item_menu ul.navbar-nav > li > a, #menu_item_menu ul.navbar-nav > li > span.nav-header { font-weight: 600; font-size: 15px; } nav.sunfw-menu-head ul.navbar-nav > li > a { padding: 11px 12px; } .callus { /* background: rgba(0,0,0,0.8);*/ background: rgb(2,0,36); background: linear-gradient(214deg, rgba(2,0,36,1) 0%, rgba(126,137,139,1) 100%); border-radius: 30px; padding: 30px 20px; width: 390px; margin-top: 150px; float: right; } .callus > a { color: #fff; background-image: url(/images/layout/phone-white.png); background-repeat: no-repeat; background-position: left center; font-size: 36px; text-decoration: none; padding: 30px 20px 30px 40px; } .writeus { /* background: rgba(0,0,0,0.8);*/ background: rgb(2,0,36); background: linear-gradient(214deg, rgba(2,0,36,1) 0%, rgba(126,137,139,1) 100%); border-radius: 30px; padding: 30px 30px; width: 390px; margin-top: 150px; float: right; } .writeus > span a { color: #fff; background-image: url(/images/layout/mail.png); background-repeat: no-repeat; background-position: left center; font-size: 36px; text-decoration: none; padding: 30px 20px 30px 50px; } .csr { /* background: rgba(0,0,0,0.8);*/ background: rgb(2,0,36); background: linear-gradient(214deg, rgba(2,0,36,1) 0%, rgba(126,137,139,1) 100%); border-radius: 30px; padding: 30px 30px; width: 365px; margin-top: 150px; float: right; } .csr a { color: #fff; background-image: url(/images/layout/pdf.png); background-repeat: no-repeat; background-position: left center; font-size: 30px; text-decoration: none; padding: 30px 20px 30px 50px; } .callus:hover, .writeus:hover, .csr:hover { background: rgb(2,0,36); background: linear-gradient(126deg, rgba(2,0,36,1) 0%, rgba(126,137,139,1) 100%); /*background: rgba(0,0,0,0.5);*/ transition: ease-in-out 0.3s all; } div#sunfw_section_content-bottom-over.sunfw-section h3.module-title { font-size: 36px !important; font-weight: 100; padding-bottom: 30px; } .breadcrumb { text-align: center; padding: 8px 15px; margin-bottom: 20px; list-style: none; background: none !important; border-radius: 0px; } .fa-home::before { content: "\f015"; display: none; } ul.breadcrumb { font-size: 16px; } .breadcrumb > li + li::before { content: none; padding: 0 5px; color: #7f756c; } .breadcrumb > li + li::after { content: " > "; padding: 0 5px; color: #7f756c; } ul.breadcrumb li.active{ text-transform: uppercase; color: black; font-weight: 600; } ul.breadcrumb li span, .breadcrumb > li > a { text-transform: uppercase; color: #7f756c; } div.onecatlink.last, ul.breadcrumb li.active::after{ display: none; } div#sunfw_section_content-top-over p { padding: 0px 200px; text-align: center; } div.items-row { margin-bottom: 50px; } input#captchaTxt27 { width: 120px; margin-right: 40px; } .input-group-btn { float: left; } button#send.rsform-submit-button, button#send.rsform-button.btn.btn-default { margin-top: 40px !important; } div.innernews div.newsinfo p.link { border-bottom: 1px solid #ccc !important; padding-bottom: 40px !important; padding-top: 20px !important; } div.innernews div.newsinfo p.link a { color: #0097db !important; text-transform: uppercase !important; font-weight: 600 !important; transition: ease-in-out 0.3s all; } div.innernews div.newsinfo p.link a:hover { color: #0178ae !important; text-transform: uppercase !important; } .button-home { background: #0097db; color: white; width: 195px; padding: 10px; border-radius: 30px; line-height: 1; transition: ease-in-out 0.3s all; } .button-home:hover { background: #0178ae; } .button-home a { color: white; padding: 0px 0px 0px 10px !important; } p.readmore a.btn { margin-top: 40px; } ul.sunfw-tpl-menu > li.dropdown-submenu ul li a::before { background-color: #fff !important; } nav.sunfw-menu-head ul.navbar-nav ul.dropdown-menu li.active > a, nav.sunfw-menu-head ul.navbar-nav ul.dropdown-menu li.active > a:hover{ background: #fff; color: black !important; } nav.sunfw-menu-head ul.navbar-nav ul.dropdown-menu li > a { background: #fff; color: #7f756c !important; font-size: 16px !important; } .sunfw-sticky.sunfw-sticky-open { background: #f0f2f3 !important; } li.dropdown-submenu a span.caret { color: #7f756c !important; } .pager li > a, .pager li > span { display: inline-block; font-size: 18px !important; padding: 10px 20px; background-color: #fff; border: 1px solid #ddd; border-radius: 4px !important; margin-top: 40px !important; } #sunfw_section_header .mainmenu button.navbar-toggle { color: #000 !important; } .formError, .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: red; } .has-error .form-control { border-color: red; } .my_progress_bar { width:200px; height:200px; font-size:20px; color:#ff6600; border-top-color:#2ecc71; border-bottom-color:#efefef; } iframe { border: none; overflow-x: hidden !important; overflow-y: hidden !important; } html.supports.csstransforms3d.csstransformspreserve3d body#sunfw-master.sunfw-direction-ltr.sunfw-com-content.sunfw-view-category.sunfw-layout-blog.sunfw-itemid-148 div.col-xs-12 { padding-left: 10px !important; } .sm-btn-111 { z-index: 999999999 !important; } div.sm-logo { position: relative !important; top: -100px !important; } div#sunfw_section_content div.fancypantsaccordionholder ul.accordion li.accordion-item { margin: 0px !important; padding: 5px 0px; min-height: 52px !important; list-style-type: none; border-bottom: 1px solid #ccc; } li.accordion-item a { font-size: 24px !important; padding: 5px 0px !important; } div.acc-content h2 { font-size: 24px !important; } ul.accordion li.accordion-item.acc-open div.acc-content p span a { font-size: 18px !important; } ul.accordion li.accordion-item.acc-open a#c7-accordion-heading-1.headerlink { border-bottom: 1px solid #ccc; } .acc-content { padding: 40px 80px !important; } #sunfw_section_content img { height: auto; } #main .sprocket-mosaic .sprocket-mosaic-filter ul li, #main .sprocket-mosaic .sprocket-mosaic-filter ul li, .sprocket-mosaic .sprocket-mosaic-filter li, .sprocket-mosaic .sprocket-mosaic-filter li { margin-bottom: 7px !important; } .mitarbeiter .sprocket-mosaic ul li{ margin: 0px 5px 5px 0px!important; } @media (min-width: 300px) and (max-width: 1199px) { .menu-icon-cont.sm-btn-111 { position: absolute !important; top: 10px !important; left: 0 !important; } .navbar { display: none !important; } div#sunfw_section_content-top-over p { padding: 0px 20px; text-align: center; } .callus { background: #0097db; border-radius: 30px; padding: 20px 10px; width: 300px; margin-top: 150px; float: right; } .callus > a { color: #fff; background-image: url(/images/layout/phone-white.png); background-repeat: no-repeat; background-position: left center; padding-left: 40px; font-size: 25px; text-decoration: none; padding: 30px 20px 30px 40px; } div#sunfw_section_footer.sunfw-section div.container div#row_row-9.row div#column_spalte-22.col-xs-12.col-sm-3.col-md-3.col-lg-3 div.layout-item.sunfw-item-logo div.sunfw-logo.visible-lg.visible-md.visible-sm.visible-xs a img.logo.hidden-lg.hidden-md.img-responsive { width: 50% !important; padding-bottom: 50px; } p.sercon { text-align: left !important; } .acc-content { padding: 40px 20px !important; } } @media (min-width: 977px) and (max-width: 1198px) { .img-responsive { padding-left: 50px !important; } } @media (min-width: 300px) and (max-width: 768px) { .sunfw-logo{ padding-top: 20px; padding-bottom: 20px; } #sunfw_section_footer div.sunfw-logo a img.logo { margin: 0px 0px 20px 0px; } #sunfw_section_footer #row_reihe-11.row { display: none; } } @media (min-width: 300px) and (max-width: 480px) { .callus { background: #0097db; border-radius: 30px; padding: 10px 0px 10px 9px; width: 268px; margin-top: 150px; float: right; } .writeus { background: #0097db; border-radius: 30px; padding: 10px 0px 10px 9px; width: 260px; text-align: center; margin-top: 150px; float: right; } .writeus > span a { line-height: 30px; font-size: 26px; text-align: center; text-decoration: none; padding: 20px 20px 20px 30px; } #sunfw_section_header { position: relative !important; } .csr { background: #0097db; border-radius: 30px; padding: 20px 20px; width: 320px; margin-top: 50px; float: right; } .csr a { line-height: 30px; font-size: 26px; text-align: center; text-decoration: none; padding: 20px 20px 20px 40px; } .jsn-breadcrumb { padding: 0px; } #column_spalte-26 { margin-top: 0px; margin-bottom: 0px; } div#sunfw_section_content .sprocket-mosaic ul li { padding: 5px 0px 0px 0px; margin: 0px 0pc 0px 10px; } } #sunfw_section_footer div.acymailing_form p span { color: #6666 !important; font-size: 14px; line-height: 2; } #sunfw_section_footer h3.module-title { font-size: 16px; font-weight: 600; text-transform: uppercase; margin-top: 0px; } .sunfw-pos-right { margin-top: 45px; } .sunfw-pos-right .module-style { background: #f0f2f3; margin-bottom: 30px; } .sunfw-pos-right h3.box-title { font-size: 20px !important; padding-bottom: 10px; } #sunfw_section_content div.acymailing_form p span { color: #666; font-size: 14px; line-height: 2; } div.acymailing_form .inputbox { border: 1px solid #ccc !important; padding-left: 10px !important; } .modal { display: block !important; overflow: visible !important; position: relative !important; } .team div#sunfw_section_content-top-over { margin-bottom:60px; } /*sproket css*/ ul.sprocket-mosaic-tags { display: none; } /*.mitarbeiter*/ div.sprocket-mosaic-filter ul li { border-radius: 0px !important; padding: 5px 13px !important; } div.sprocket-mosaic-filter ul li.active { border-radius: 0px !important; padding: 5px 13px !important; color: #286090 !important; border-color: #286090 !important; } .sprocket-mosaic-item { border: none !important; border-radius: 0px !important; margin: 10px 20px 20px 0px !important; } .sprocket-mosaic-filter { margin-bottom:20px; margin-top: 30px; } .sprocket-mosaic-filter ul li { margin-bottom:10px !important; } .sprocket-mosaic-item .sprocket-padding { padding: 0px !important; } .sprocket-padding { background: #f0f2f3 !important; height: 680px; width: 100%; } h2.sprocket-mosaic-title { font-size: 24px !important; padding: 20px !important; } /*div.sprocket-mosaic-text p, div.sprocket-mosaic-text h2 { padding: 0px 20px 20px !important; font-size: 18px; } */ .sprocket-mosaic-filter ul li { font-size: 14px; margin: 0px 0px 0px 10px !important; } img.sprocket-mosaic-image:hover { cursor: context-menu !important; } .team-text { padding: 0px 0px 0px 20px; max-width: 340px; } .sprocket-mosaic-item .sprocket-mosaic-text { padding: 0px !important; } .sprocket-mosaic-order { display: none !important; } button { padding: 10px 20px; } #sunfw_section_footer h3.module-title { color: white; } .imgborder { border: 1px solid rgb(200, 202, 203); -webkit-box-shadow: 3px 3px 5px 0px rgba(240,242,243,1); -moz-box-shadow: 3px 3px 5px 0px rgba(240,242,243,1); box-shadow: 3px 3px 5px 0px rgba(240,242,243,1); } blockquote { padding: 25px 30px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid lightgray; background: rgba(200,200,180,0.2); } .cs-service .callus { margin-top: 35px !important; } /* formular */ .cs-formular input.rsform-input-box, .cs-formular.rsform-block-datenschutz { width: 100%; } .cs-formular textarea.rsform-text-box{ width: 100%; } .formTableLeft, .formTableRight { padding: 0% 2% 0% 0%; width: 46%; } .cs-formular .rsform-block-datenschutz label { padding-left: 10px; } .formError { color: red !important; }

/* FILE: /modules/mod_vertical_menu/cache/111/0076f918e008c750f93092b344ea6366.css */
@import url('https://fonts.googleapis.com/css?family=Roboto Condensed:300|Open Sans:900,300|Roboto:400,900'); @media screen and (max-width: 0px) { #off-menu_111, .sm-btn-111 { display: none !important; } } @media screen and (min-width: 1200px) { #off-menu_111, .sm-btn-111 { display: none !important; } } .off-menu_111 .sm-logo { text-align: center; } .off-menu_111 .sm-logo img { max-width: 100%; } /* custom module positions */ .off-menu_111 dt.sm-mod, .off-menu_111 dt.sm-mod:hover{ padding: 0 !important; cursor: default !important; background-color: inherit !important; } .off-menu_111 .sm-modpos { font-family: Menlo,Monaco,Consolas,"Courier New",monospace; padding: 9px !important; cursor: default !important; background-color: inherit !important; } .off-menu_111 .sm-postag { display: inline-block; background: #4ed7c2; color: #fff; border-radius: 4px 4px 0 0; padding: 0 7px; line-height: 20px; font-size: 12px; } .off-menu_111 .sm-posname { text-align: center; border: 1px solid #e3e3e3; background: #f5f5f5; color: #434343; font-size: 16px; font-weight: normal; line-height: 50px; } .off-menu_111 dt.sm-modpos:after, .off-menu_111 dt.sm-mod:after, .off-menu_111 dt.sm-modpos:before, .off-menu_111 dt.sm-mod:before{ display: none !important; } .off-menu_111 dt.sm-back-item a, .off-menu_111 dt.parent:after, .off-menu_111 dt.parent:before { cursor: pointer; } .off-menu_111 .sm-level > dl > dt { overflow-x: hidden !important; max-width: 100vw; } .sm-scroll .sm-level dt { pointer-events: none !important; } .off-menu_111 > div.sm-level { width: 250px; height: auto; max-height: 100vh; } html.sm-full-111, html.sm-full-111 body { padding: 0 !important; border: 0 !important; } html.sm-full-111:not(.sm-reduce-width), html.sm-full-111:not(.sm-reduce-width) body { overflow: hidden !important; } html.sm-full-111.sm-reduce-width body { position: static !important; } .no-trans { -webkit-transition: none !important; transition: none !important; } .sm-full-111 .sm-pusher { outline: 1px solid transparent; z-index: 99; position: relative; height: 100%; overflow: hidden !important; -webkit-transition: -webkit-transform 0.5s ease 0s; transition: transform 0.5s ease 0s; } .sm-pusher:after { content: ""; height: 100%; left: 0; position: fixed; top: 0; width: 100%; visibility: hidden; background: #000; z-index: 10000; opacity: 0; -webkit-transition: opacity 0.5s ease 0s; transition: opacity 0.5s ease 0s; } .sm-content { max-width: 100vw; } .sm-full-111 .sm-pusher:after { visibility: visible; } .sm-open-111 .sm-pusher:after { opacity: 0.2; } .sm-full-111 .sm-content-inner, .sm-full-111 .sm-content, .sm-full-111 .sm-pusher { box-sizing: border-box; } .sm-full-111 .sm-content { overflow-y: auto !important; width: 100vw; height: 100%; } @media (max-width: 767px) { .sm-menu > .menu-icon-cont { margin-right: 0 !important; } } @media (min-width: 768px) { .sm-full-111.sm-reduce-width .sm-content { -webkit-transition: max-width 0.5s; transition: max-width 0.5s; float: right; } .sm-reduce-width .sm-open-111 .sm-content { max-width: calc(100% - 300px); } .sm-reduce-width .sm-open-111 .sm-pusher:after { display: none; } } .sm-full-111 .sm-effect-14 .sm-content, .sm-full-111 .sm-effect-12 .sm-content, .sm-full-111 .sm-effect-11 .sm-content, .sm-full-111 .sm-effect-9 .sm-content, .sm-full-111 .sm-effect-6 .sm-content { overflow-y: auto; } .sm-full-111 .sm-content-inner { min-height: 100vh; position: relative; } #off-menu_111 { -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; } #off-menu_111 {display: none} .sm-container > #off-menu_111:not(.sm-popup) { position: fixed; z-index: 100; max-width: 80vw; height: 100%; top: 0; right: 0; display: none; visibility: hidden; } .sm-full-111 #off-menu_111:not(.sm-popup) { display: block; visibility: visible; } .sm-full-111 .sm-overlay-win #off-menu_111 { display: inline-block; vertical-align: middle; } .sm-container > #off-menu_111:after { /* ??? */ display: none; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: #000; content: ''; opacity: 0.2; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } .sm-open-111 > #off-menu_111:after { width: 0; opacity: 0; -webkit-transition: opacity 0.5s, width 0 0.5s; transition: opacity 0.5s, width 0 0.5s; } /* OVERLAY */ .sm-overlay-111, .sm-full-111 .sm-pusher { -webkit-transition: -webkit-transform 500ms, opacity 500ms; transition: transform 500ms, opacity 500ms; } #off-menu_111 .link a { position: relative; } #off-menu_111 dt .link a:before, #off-menu_111 dt .link a:after { position: absolute; opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; } /* square brackets effect */ #off-menu_111 dt .link a:before { content: "["; left: 0px; } #off-menu_111 dt .link a:after { content: "]"; right: 0px; } #off-menu_111 dt:hover .link a:before { opacity: 1; -webkit-transform: translateX(-1em); -ms-transform: translate(-1em, 0); transform: translateX(-1em); } #off-menu_111 dt:hover .link a:after { opacity: 1; -webkit-transform: translateX(1em); -ms-transform: translate(1em, 0); transform: translateX(1em); } /* slide-down */ .sm-effect-1 .sm-overlay-111 { -webkit-transform: translateY(-100%); -ms-transform: translate(0, -100%); transform: translateY(-100%); } /* scale */ .sm-effect-2 .sm-overlay-111 { -webkit-transition-duration: 300ms, 300ms; transition-duration: 300ms, 300ms; -webkit-transform: scale3d(0.9, 0.9, 1); -ms-transform: scale(0.9, 0.9); transform: scale3d(0.9, 0.9, 1); opacity: 0; } /* genie */ .sm-effect-3 .sm-overlay-111 { -webkit-transform: translateY(60%) scale(0); -ms-transform: translate(0, 60%) scale(0); transform: translateY(60%) scale(0); opacity: 0; } /* content scale */ .sm-effect-4 .sm-overlay-111 { -webkit-transform: translateY(100%); -ms-transform: translate(0, 100%); transform: translateY(100%); } .sm-effect-4.sm-open-111 .sm-pusher { -webkit-transform: scale3d(0.85, 0.85, 1); -ms-transform: scale(0.85, 0.85); transform: scale3d(0.85, 0.85, 1); } /* content scale */ .sm-effect-5 .sm-overlay-111, .sm-full-111 .sm-effect-5 .sm-pusher { -webkit-transition-duration: 700ms; transition-duration: 700ms; -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; } .sm-effect-5 .sm-overlay-111 { -webkit-transform: rotateZ(-90deg); -ms-transform: rotate(-90deg); transform: rotateZ(-90deg); } .sm-effect-5.sm-open-111 .sm-pusher { -webkit-transform: rotateZ(90deg); -ms-transform: rotate(90deg); transform: rotateZ(90deg); } /* Flip top */ .sm-effect-6 .sm-overlay-111 { -webkit-transform: perspective(1500px) rotateX(-120deg); transform: perspective(1500px) rotateX(-120deg); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-transition-duration: 800ms, 800ms; transition-duration: 800ms, 800ms; } .sm-effect-6 .sm-overlay-111 #off-menu_111 { -webkit-transition: -webkit-transform 800ms; transition: transform 800ms; -webkit-transform: translateY(33%); transform: translateY(33%); } .sm-full-111 .sm-effect-6 .sm-pusher { -webkit-transition-duration: 700ms, 700ms; transition-duration: 700ms, 700ms; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } .sm-effect-6.sm-open-111 .sm-pusher { -webkit-transform: perspective(1500px) rotateX(120deg); transform: perspective(1500px) rotateX(120deg); } .sm-effect-6.sm-open-111 .sm-overlay-111 #off-menu_111 { -webkit-transform: none; transform: none; } /* Flip left */ .sm-effect-7 .sm-overlay-111 { -webkit-transform: perspective(1500px) rotateY(120deg); transform: perspective(1500px) rotateY(120deg); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transition-duration: 700ms, 700ms; transition-duration: 700ms, 700ms; } .sm-full-111 .sm-effect-7 .sm-pusher { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition-duration: 700ms, 700ms; transition-duration: 700ms, 700ms; } .sm-effect-7.sm-open-111 .sm-pusher { -webkit-transform: perspective(1500px) rotateY(-120deg); transform: perspective(1500px) rotateY(-120deg); } /* Flip on Y */ .sm-effect-9 .sm-overlay-111, .sm-full-111 .sm-effect-9 .sm-pusher, .sm-effect-10 .sm-overlay-111, .sm-full-111 .sm-effect-10 .sm-pusher { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition-duration: 750ms, 750ms; transition-duration: 750ms, 750ms; } .sm-effect-9 .sm-overlay-111 { -webkit-transform: perspective(1500px) scale(0.6) rotateY(180deg); transform: perspective(1500px) scale(0.6) rotateY(180deg); opacity: 0; } .sm-effect-9.sm-open-111 .sm-pusher { -webkit-transform: perspective(1500px) scale(0.6) rotateY(180deg); transform: perspective(1500px) scale(0.6) rotateY(180deg); opacity: 0; } /* Flip on X */ .sm-effect-10 .sm-overlay-111 { -webkit-transform: perspective(1500px) scale(0.6) rotateX(180deg); transform: perspective(1500px) scale(0.6) rotateX(180deg); opacity: 0; } .sm-effect-10.sm-open-111 .sm-pusher { -webkit-transform: perspective(1500px) scale(0.6) rotateX(180deg); transform: perspective(1500px) scale(0.6) rotateX(180deg); opacity: 0; } /* zoom */ .sm-effect-11 .sm-overlay-111 { -webkit-transform: scale3d(1.2, 1.2, 1); -ms-transform: scale(1.2, 1.2); transform: scale3d(1.2, 1.2, 1); opacity: 0; } .sm-effect-11.sm-open-111 .sm-pusher { -webkit-transform: scale3d(0.6, 0.6, 1); -ms-transform: scale(0.6, 0.6); transform: scale3d(0.6, 0.6, 1); } /* Flip bottom */ .sm-effect-12 .sm-overlay-111, .sm-full-111 .sm-effect-12 .sm-pusher { -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-duration: 600ms, 600ms; transition-duration: 600ms, 600ms; } .sm-effect-12 .sm-overlay-111 { -webkit-transform: perspective(1500px) rotateX(90deg); transform: perspective(1500px) rotateX(-90deg); opacity: 0; } .sm-effect-12.sm-open-111 .sm-pusher { -webkit-transform: perspective(1500px) rotateX(90deg); transform: perspective(1500px) rotateX(90deg); } /* content scale and slide right */ .sm-effect-13 .sm-overlay-111, .sm-full-111 .sm-effect-13 .sm-pusher { -webkit-transform-origin: 70% 50%; transform-origin: 70% 50%; -webkit-transition-duration: 750ms, 750ms; transition-duration: 750ms, 750ms; } .sm-effect-13 .sm-overlay-111 #off-menu_111 { -webkit-transform: translateX(-33%); transform: translateX(-33%); -webkit-transition: -webkit-transform 750ms 150ms; transition: transform 750ms 150ms; } .sm-effect-13 .sm-overlay-111 { -webkit-transform: translateX(-100%); -ms-transform: translate(-100%,0); transform: translateX(-100%); } .sm-effect-13.sm-open-111 .sm-pusher { -webkit-transform: scale3d(0.65, 0.65, 1); -ms-transform: scale(0.65, 0.65); transform: scale3d(0.65, 0.65, 1); } .sm-effect-13.sm-open-111 .sm-overlay-111 #off-menu_111 { -webkit-transform: none; transform: none; } .sm-effect-14 .sm-overlay-111 { -webkit-transition-duration: 400ms, 300ms; transition-duration: 400ms; opacity: 0; } .sm-overlay-111 { position: absolute; display: none; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; } .sm-overlay-111 .sm-overlay-win { position: relative; width: calc(100% - 0px); height: calc(100% - 20px); top: 20px; left: 0px; text-align: center; overflow: hidden; } @media screen and (max-width: 768px) { .sm-overlay-111 .sm-overlay-win { width: 100vw; height: 100vh; top: 0; left: 0; } } .sm-overlay-win:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; font-size: 0; } .sm-overlay-111 #off-menu_111 { background: none; width: 90%; max-width: 100%; max-height: 100%; margin: 0 auto; border-radius: 0px; } .sm-full-111 .sm-overlay-111 { display: block; } .sm-overlay-111 .sm-level, .sm-overlay-111 .sm-level > dl { max-height: inherit; } .sm-container.sm-open-111 .sm-overlay-111 { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } .sm-overlay-111 .menu-icon-cont { position: absolute; top: 0; right: 0; -webkit-transform: none; -ms-transform: none; transform: none; } /* Perfect Scrollbar */ .ps-container .ps-scrollbar-y-rail { position: absolute; /* please don't change 'position' */ right: 3px; /* there must be 'right' for ps-scrollbar-y-rail */ width: 8px; z-index: 1; border-radius: 4px; opacity: 0; -webkit-transition: background-color .2s linear, opacity .2s linear; transition: background-color .2s linear, opacity .2s linear; } .ps-container:hover .ps-scrollbar-y-rail, .ps-container.hover .ps-scrollbar-y-rail { opacity: 0.6; } .ps-container .ps-scrollbar-y-rail:hover, .ps-container .ps-scrollbar-y-rail.hover { background-color: #eee; opacity: 0.9; } .ps-container .ps-scrollbar-y-rail.in-scrolling { background-color: #eee; opacity: 0.9; } .ps-container .ps-scrollbar-y { position: absolute; /* please don't change 'position' */ right: 0; /* there must be 'right' for ps-scrollbar-y */ width: 8px; background-color: #aaa; border-radius: 4px; -webkit-transition: background-color.2s linear; transition: background-color .2s linear; } .ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y, .ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y { background-color: #999; } .ps-container.ie .ps-scrollbar-y, .ps-container.ie:hover .ps-scrollbar-y, .ps-container.ie.hover .ps-scrollbar-y { visibility: visible; } /* ========= Menu Icon Base ======== */ .sm-btn-111 { background: rgba(255, 255, 255, 0); -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); } .menu-icon-cont { cursor: pointer; display: inline-block; font-size: 0; line-height: 0; -webkit-transition: -webkit-transform 300ms, opacity 300ms; transition: transform 300ms, opacity 300ms; z-index: 9999; } .sm-hide .menu-icon-cont { -webkit-transition: -webkit-transform 500ms; transition: transform 500ms; } .sm-parent .menu-icon-cont { position: relative; } .sm-parent .menu-icon-cont, .menu-icon-cont.sm-close { -webkit-transform: none; -ms-transform: none; transform: none; } /* border-radius fix */ .sm-parent > .off-menu_111 { overflow: hidden; } body > .sm-btn-111, .sm-content-inner > .sm-btn-111, .off-menu_111 .sm-btn-111 { position: fixed; top: 0; right: 0; } .sm-open-111 > .sm-btn-111, .sm-open-111 .sm-content-inner > .sm-btn-111 { z-index: 99999; } .off-menu_111 .sm-btn-111 { position: absolute; right: 100%; top: 0; z-index: -1; } .sm-btn-111 .menu-icon3 { font-size: 50px; } .menu-icon-cont .menu-icon3 { display: inline-block; position: relative; height: .6em; margin: .2em; user-select: none; width: .6em; } .sm-btn-111 .menu-icon3 span { background: #014a94; height: 0.08em; border-radius: 0em; } .menu-icon-cont .menu-icon3 span { backface-visibility: hidden; position: absolute; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; width: 100%; } /* ============ menu-icon3 ============ */ .menu-icon-cont .menu-icon3 span { left: 0; } .menu-icon3 span:nth-child(1) { top: .1em; } .menu-icon3 span:nth-child(2) { top: .26em; } .menu-icon3 span:nth-child(3) { top: .42em; } .sm-close .menu-icon3 span:nth-child(1) { -webkit-transform: rotateZ(45deg) translate3d(.11em, .11em, 0); -ms-transform: rotate(45deg) translate(.11em, .11em); transform: rotateZ(45deg) translate3d(.11em, .11em, 0); } .sm-close .menu-icon3 span:nth-child(2) { opacity: 0; } .sm-close .menu-icon3 span:nth-child(3) { -webkit-transform: rotateZ(-45deg) translate3d(.11em, -.11em, 0); -ms-transform: rotate(-45deg) translate(.11em, -.11em); transform: rotateZ(-45deg) translate3d(.11em, -.11em, 0); } .sm-hide .menu-icon3 span:nth-child(1) { width: 50%; -webkit-transform: translate3d(.16em, -0.08em, 0) rotateZ(45deg) translate3d(.11em, .11em, 0); -ms-transform: translate(.16em, -0.08em) rotate(45deg) translate(.11em, .11em); transform: translate3d(.16em, -0.08em, 0) rotateZ(45deg) translate3d(.11em, .11em, 0); } .sm-hide .menu-icon3 span:nth-child(3) { width: 50%; -webkit-transform: translate3d(.16em, 0.08em, 0) rotateZ(-45deg) translate3d(.11em, -.11em, 0); -ms-transform: translate(.16em, 0.08em) rotate(-45deg) translate(.11em, -.11em); transform: translate3d(.16em, 0.08em, 0) rotateZ(-45deg) translate3d(.11em, -.11em, 0); } /* sliding menu */ .off-menu_111 .sm-background { display: none; } .off-menu_111 .sm-levels { position: relative; overflow: hidden; -webkit-tap-highlight-color: transparent; -moz-tap-highlight-color: transparent; tap-highlight-color: transparent; } .off-menu_111 .sm-levels.sm-swipe:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; } .off-menu_111 a, .off-menu_111 a:link, .off-menu_111 a:visited, .off-menu_111 a:hover { text-decoration: none; } .off-menu_111 .sm-head { cursor: default; position: relative; overflow: hidden; } .off-menu_111 :not(input) { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .off-menu_111 div, .off-menu_111 dl, .off-menu_111 dt, .off-menu_111 dd, .off-menu_111 span, .off-menu_111 a, .off-menu_111 p, .off-menu_111 img, .off-menu_111 h3{ width: auto; padding: 0; margin: 0; border: 0; float: none; clear: none; line-height: normal; position: static; list-style: none; box-sizing: border-box; } .off-menu_111 a:active, .off-menu_111 a:focus { outline: 0; -webkit-tap-highlight-color: transparent; } .off-menu_111 .sm-filter::-ms-clear { display: none; } .off-menu_111 .sm-level { top: 0; position: absolute; width: 100%; overflow: hidden; } #off-menu_111 .sm-level { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .off-menu_111 dl .sm-level, .off-menu_111 .sm-level.level1 { position: static; } .off-menu_111 dl { position: relative; overflow: hidden; } .sm-mobile .off-menu_111 dl { overflow: auto; -webkit-overflow-scrolling: touch; } .sm-mobile .off-menu_111 dd dl { overflow: hidden; } .sm-container > .sm-menu dl { max-height: 100%; } .off-menu_111 dt { -webkit-transition: background 300ms; transition: background 300ms; } .off-menu_111 .link a, .off-menu_111 .sm-arrow, .off-menu_111 .desc { -webkit-transition: color 300ms; transition: color 300ms; } .off-menu_111 dd { display: block; margin: 0; border: 0; overflow:hidden; } .noscript .off-menu_111 dd, .sm-tree.off-menu_111 dd, .off-menu_111 .sm-result .sm-arrow { display: none; } .sm-tree.off-menu_111 dd.opened { display: block; margin: 0; border: 0; } #off-menu_111 { margin: 0px 0px 10px 0px ; } .sm-container > #off-menu_111 { margin: 0; width: 300px; } .sm-overlay-win #off-menu_111 .sm-levels { background-color: transparent; } .sm-overlay-win #off-menu_111 .sm-level.level1 { background-image: none; } .sm-overlay-111 .sm-overlay-win { background: #ffffff; background: -webkit-linear-gradient(top, #ffffff, #ffffff); background: linear-gradient(top, #ffffff, #ffffff); } #off-menu_111 .sm-levels { height: 100%; } .off-menu_111 .sm-icon { display: table-cell; width: 42px; text-align: center; vertical-align: top; padding: 0 10px 0 0; } .off-menu_111 .sm-icon img { margin: 0; border-radius: 0px 0px 0px 0px ; } .off-menu_111 .inner{ display: table-cell; vertical-align: middle; } .off-menu_111 dt { display: table; table-layout: fixed; width: 100%; } .off-menu_111 dt .desc, .off-menu_111 dt .link { cursor: default; } #off-menu_111 h3.sm-head { height: 90px; padding: 0; margin: 0; border: 0; text-align: center; } #off-menu_111 h3.sm-head .sm-title:first-child { position: static; max-width: 100% !important; } #off-menu_111 h3.sm-head span { font-family: 'Open Sans',Helvetica, Arial; font-size: 50px; color: #6a7373; font-weight: 900; font-style: normal; text-decoration: none; text-align: center; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); line-height: 90px; } .off-menu_111 .link { position: relative; display: block; padding-right: 0px; } /* Productnum */ #off-menu_111 .sm-title:first-child { max-width: 78%; } #off-menu_111 .sm-title, #off-menu_111 .sm-back { position: absolute; left: 0; max-width: 66%; padding: 0 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #off-menu_111 .sm-back { cursor: pointer; max-width: 45%; padding: 0 0 0 15px; -webkit-transform-origin: 15px 50%; transform-origin: 15px 50%; } .off-menu_111 .sm-level{ height: 100%; /* background: transparent; */ box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.2), 0 0 1px 0 rgba(0, 0, 0, 0.2); } /*** Level specific iteration ***/ .off-menu_111 dt, .off-menu_111 dl.level1 dt { padding: 7px 15px 7px 15px; } .off-menu_111 dt .link, .off-menu_111 dt.level1 .link { text-align: center; } .off-menu_111 dl a, .off-menu_111 dl a:link, .off-menu_111 dl.level1 a, .off-menu_111 dl.level1 a:link { font-family: 'Open Sans',Arial, Helvetica; font-size: 20px; color: #014a94; font-weight: 300; font-style: normal; text-decoration: none; text-align: center; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.09); line-height: normal; } .off-menu_111 dl dt.hover a, .off-menu_111 dl dt:hover a, .off-menu_111 dl.level1 dt.hover a, .off-menu_111 dl.level1 dt:hover a{ font-family: 'Open Sans',Arial, Helvetica; font-size: 20px; color: #000000; font-weight: 300; font-style: normal; text-decoration: none; text-align: center; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.09); line-height: normal; } .off-menu_111 dl dt.active.parent a, .off-menu_111 dl dt.active a, .off-menu_111 dl.level1 dt.active.parent a, .off-menu_111 dl.level1 dt.active a{ font-family: 'Open Sans',Arial, Helvetica; font-size: 20px; color: #000000; font-weight: 300; font-style: normal; text-decoration: none; text-align: center; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.09); line-height: normal; } .off-menu_111 dl .desc, .off-menu_111 dl.level1 .desc, .off-menu_111 dl .productnum, .off-menu_111 dl.level1 .productnum { font-family: 'Roboto',Arial, Helvetica; font-size: 17px; color: rgba(106,115,115,0.8); font-weight: 900; font-style: normal; text-decoration: none; text-align: center; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.09); line-height: normal; } .off-menu_111 dl dt.hover .desc, .off-menu_111 dl dt:hover .desc, .off-menu_111 dl.level1 dt.hover .desc, .off-menu_111 dl.level1 dt:hover .desc{ font-family: 'Roboto',Arial, Helvetica; font-size: 17px; color: rgba(106,115,115,0.8); font-weight: 900; font-style: normal; text-decoration: none; text-align: center; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.09); line-height: normal; } .off-menu_111 dl dt.active .desc, .off-menu_111 dl.level1 dt.active .desc{ font-family: 'Roboto',Arial, Helvetica; font-size: 17px; color: rgba(106,115,115,0.8); font-weight: 900; font-style: normal; text-decoration: none; text-align: center; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.09); line-height: normal; } .off-menu_111 .sm-level, .off-menu_111 div.level1 { background: #ffffff; background: -webkit-linear-gradient(top, #ffffff, #ffffff); background: linear-gradient(top, #ffffff, #ffffff); } /* product number */ .off-menu_111 dl .productnum, .off-menu_111 dl.level1 .productnum { color: #6a7373; border-radius: 9px; font-style: normal; } .off-menu_111 dl dt, .off-menu_111 dl.level1 dt { border-top: 1px solid rgba(255, 255, 255, 0); border-bottom: 1px solid rgba(0, 0, 0, 0); } /* Plus */ .off-menu_111 dl dt:after, .off-menu_111 dl.level1 > dt:after { content: ""; display: table-cell; width: 20px; -webkit-transition: -webkit-transform 400ms; transition: transform 400ms; } .off-menu_111 dl dt:before, .off-menu_111 dl.level1 > dt:before { display: none; } .off-menu_111 dl .parent:after, .off-menu_111 dl.level1 > .parent:after { background-image: url('/modules/mod_vertical_menu/cache/111/f8972119a72b225ee6e2be413ebae5f0.png'); background-size: 40px 20px; background-repeat: no-repeat; background-position: left center; } .off-menu_111 dl .inner, .off-menu_111 dl.level1 .inner { padding-left: 0px; padding-right: 4px; } .off-menu_111 dl dt.active, .off-menu_111 dl.level1 dt.active{ background-color: rgba(0, 0, 0, 0); } .off-menu_111 dl dt.hover, .off-menu_111 dl dt:hover, .off-menu_111 dl.level1 dt.hover, .off-menu_111 dl.level1 dt:hover { background-color: rgba(218, 230, 233, 0.40); } /* Plus */ .off-menu_111 dl .parent.hover:before, .off-menu_111 dl .parent.hover:after, .off-menu_111 dl .parent:hover:before, .off-menu_111 dl .parent:hover:after{ background-position: right center; } .off-menu_111.sm-tree dl .opened:before, .off-menu_111.sm-tree dl .opened:after { background-position: right center; -webkit-transform: rotateZ(90deg); -ms-transform: rotate(90deg); transform: rotateZ(90deg); }