/* roboto-300 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url('../Fonts/roboto-v32-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../Fonts/roboto-v32-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ } /* roboto-300italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto'; font-style: italic; font-weight: 300; src: url('../Fonts/roboto-v32-latin-300italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../Fonts/roboto-v32-latin-300italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ } /* roboto-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url('../Fonts/roboto-v32-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../Fonts/roboto-v32-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ } /* roboto-italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto'; font-style: italic; font-weight: 400; src: url('../Fonts/roboto-v32-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../Fonts/roboto-v32-latin-italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ } /* roboto-500 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url('../Fonts/roboto-v32-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../Fonts/roboto-v32-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ } /* roboto-500italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto'; font-style: italic; font-weight: 500; src: url('../Fonts/roboto-v32-latin-500italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../Fonts/roboto-v32-latin-500italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ } /* roboto-700 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url('../Fonts/roboto-v32-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../Fonts/roboto-v32-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ } /* roboto-700italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto'; font-style: italic; font-weight: 700; src: url('../Fonts/roboto-v32-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../Fonts/roboto-v32-latin-700italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ } /* roboto-condensed-100 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto Condensed'; font-style: normal; font-weight: 100; src: url('../Fonts/roboto-condensed-v27-latin-100.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../Fonts/roboto-condensed-v27-latin-100.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ } /* roboto-condensed-100italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto Condensed'; font-style: italic; font-weight: 100; src: url('../Fonts/roboto-condensed-v27-latin-100italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../Fonts/roboto-condensed-v27-latin-100italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ } /* roboto-condensed-200 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto Condensed'; font-style: normal; font-weight: 200; src: url('../Fonts/roboto-condensed-v27-latin-200.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../Fonts/roboto-condensed-v27-latin-200.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ } /* roboto-condensed-200italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto Condensed'; font-style: italic; font-weight: 200; src: url('../Fonts/roboto-condensed-v27-latin-200italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../Fonts/roboto-condensed-v27-latin-200italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ } /* roboto-condensed-300 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto Condensed'; font-style: normal; font-weight: 300; src: url('../Fonts/roboto-condensed-v27-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../Fonts/roboto-condensed-v27-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ } /* roboto-condensed-300italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto Condensed'; font-style: italic; font-weight: 300; src: url('../Fonts/roboto-condensed-v27-latin-300italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../Fonts/roboto-condensed-v27-latin-300italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ } /* roboto-condensed-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: url('../Fonts/roboto-condensed-v27-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../Fonts/roboto-condensed-v27-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ } /* roboto-condensed-italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto Condensed'; font-style: italic; font-weight: 400; src: url('../Fonts/roboto-condensed-v27-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../Fonts/roboto-condensed-v27-latin-italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ } /* roboto-condensed-500 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto Condensed'; font-style: normal; font-weight: 500; src: url('../Fonts/roboto-condensed-v27-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../Fonts/roboto-condensed-v27-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ } /* roboto-condensed-500italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto Condensed'; font-style: italic; font-weight: 500; src: url('../Fonts/roboto-condensed-v27-latin-500italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../Fonts/roboto-condensed-v27-latin-500italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ } /* roboto-condensed-600 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto Condensed'; font-style: normal; font-weight: 600; src: url('../Fonts/roboto-condensed-v27-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../Fonts/roboto-condensed-v27-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ } /* roboto-condensed-600italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto Condensed'; font-style: italic; font-weight: 600; src: url('../Fonts/roboto-condensed-v27-latin-600italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../Fonts/roboto-condensed-v27-latin-600italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ } /* roboto-condensed-700 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto Condensed'; font-style: normal; font-weight: 700; src: url('../Fonts/roboto-condensed-v27-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../Fonts/roboto-condensed-v27-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ } /* roboto-condensed-700italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto Condensed'; font-style: italic; font-weight: 700; src: url('../Fonts/roboto-condensed-v27-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../Fonts/roboto-condensed-v27-latin-700italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ } /* roboto-condensed-800 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto Condensed'; font-style: normal; font-weight: 800; src: url('../Fonts/roboto-condensed-v27-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../Fonts/roboto-condensed-v27-latin-800.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ } /* roboto-condensed-800italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto Condensed'; font-style: italic; font-weight: 800; src: url('../Fonts/roboto-condensed-v27-latin-800italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../Fonts/roboto-condensed-v27-latin-800italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ } /* roboto-condensed-900 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto Condensed'; font-style: normal; font-weight: 900; src: url('../Fonts/roboto-condensed-v27-latin-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../Fonts/roboto-condensed-v27-latin-900.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ } /* roboto-condensed-900italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto Condensed'; font-style: italic; font-weight: 900; src: url('../Fonts/roboto-condensed-v27-latin-900italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../Fonts/roboto-condensed-v27-latin-900italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ } :root { --ibsred: #a02347; --ibsgray: #7b7f7e; --ibstxtgray: #4C565C; --ibslightgray: #F2F2F2; --ibslightgray2: #E5E5E5; --ibsorange: #f99f03; --itblue: #013081; --itred: #8e0f26; --itgray: #dddddd; --ittxtgray: #444444; --itwhite: #ffffff; } @media all { * { margin:0px; padding:0px;} html { -webkit-text-size-adjust: 100%;/* Prevent font scaling in landscape while allowing user zoom */} html, body { } body { background: #fff;font-size:18px;font-family: 'Roboto Condensed', sans-serif; color:#000;font-weight:300;overflow-x: hidden;} img { border:none;} .clr { clear:both;line-height:0px;height:0px;font-size:0px;} .clear:after { content:''; display:block;clear:left;} a { cursor:pointer;color:var(--itblue);text-decoration:none;font-weight:300;} a:hover { text-decoration:none;} #page { margin:0px auto 0px;} #logo { -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;display:inline-block;-moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; /* Standard */} #logo img { width: 200px;height: auto;margin: 23px 0px 20px;-moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; /* Standard */} #logo_footer img { width: 170px;height: auto;margin-bottom:12px;} #topnav { background: var(--ibslightgray);} #header { background: #fff;z-index: 15;position: fixed;padding: 0px 0px 0px;-moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;width: 100%;border-bottom:3px solid var(--itblue)} .inner { margin:0px auto;} .inner_top { position:relative;margin:0px auto;padding:0px 35px} .inner_top_space { padding:0px 0px 0px; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;} input, textarea, select { font-family: 'Roboto', sans-serif;} header ul, footer ul { margin:0px;} ul { margin:16px;} #footer_top { background: var(--itgray);border-bottom:2px solid #ffffff;padding:0px 0px} #footer_top .inner { padding:0px 0px 45px 0px; font-size: 16px; line-height: 22px;max-width:1180px;} #footer_top .frame-type-text { font-size:14px; width:75%} #footer_top a#it_logo_footer { float:left; width: 20%;} #copyright { color:var(--ittxtgray);font-weight:300;font-size: 15px; float:left;line-height:16px;} footer { text-align:left;overflow:visible;clear:both;margin-top:0px;background: var(--itgray);border-bottom:14px solid var(--itred);} #footer_top .col1 { float: left; width: 20%; background:#fff; padding:20px 20px 45px 45px;position: relative;overflow:hidden;} .triangle { position:absolute; width: 0px; height: 0px; border-style: solid; border-width: 0 70px 70px 70px; border-color: transparent transparent var(--itgray) transparent; transform: rotate(28deg); right: -88px; top: -35px; } #footer_top .col1 a { display:block;} #address { margin-bottom:16px;} a.phone:before, a.email:before,#contact a:before{ display: inline-block; font-family: "Font Awesome 5 Free"; font-size: 16px !important; font-size: inherit; text-rendering: auto; text-indent: 0px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 900; margin-right: 8px; } a.phone:before { content: "\f095";} a.email:before { content: "\f0e0";} a.fax:before { content: "\f1ac";} #footer_top .col2 { float: left; width: 20%;} #page_bottom { width:100%;position: relative;z-index: 3} #footer_inner { padding:14px 35px 14px;margin:0px;} a.it_totop { z-index: 10; position: relative; float:right; margin:-2px 0px 0px 12px; } a.it_totop:before { content: "\f077"; display: inline-block; font-family: "Font Awesome 5 Free"; font-size: 18px !important; font-size: inherit; text-rendering: auto; text-indent: 0px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 900; } a.it_totop:hover {} #footernav { float:right;} #footernav ul { list-style-type:none;} #footernav ul li { float:left;text-align: center;} #footernav ul li a { color: var(--itblue);display:block;font-size:15px;font-weight:400;padding:0px 14px;line-height:16px;letter-spacing: 0.9px;} #footernav ul li a#current_footer, #footernav ul li a:hover { font-weight:400;color:var(--itred);} #page_bottom.fixed { width:100%;bottom:0px;z-index:200; } #toplevel_topnav { float:right;font-size:14px;margin:12px 0px 32px; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;} #toplevel_topnav li { position:relative; display:inline-block;} #toplevel_topnav li a { padding: 17px 12px;display:inline-block;-moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;} #toplevel_topnav li a:hover, #toplevel_topnav li a#current_topnav { font-weight:500; } #nav { clear:right;margin-top:40px; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;} #header nav { float:right;margin: 0px 0px 0px;} #nav_main ul { list-style:none;margin:0px;} #nav_main ul li { position:relative; display:inline-block;} #nav_main ul li a { display: block;letter-spacing: 0.5px;font-weight:400;font-size:20px;line-height: normal;padding:8px 12px 26px;margin:0px;text-decoration:none; color:var(--itblue);-moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;} #nav_main ul li a#active, #nav_main ul li a#current, #nav_main ul li a#current_2{ font-weight:400;color:var(--itwhite);background:var(--itblue);} #nav_main ul li a#active, #nav_main ul li a#current{} #nav_main ul li:hover { background:#ddd;} #nav_main ul li a:hover, #nav_main ul li a#active:hover{ font-weight:400;color:var(--itwhite);background:var(--itblue);} #nav_main ul.mainlevel_2 { -webkit-box-shadow: 0px 20px 8px -12px rgba(0,0,0,0.23); -moz-box-shadow: 0px 20px 8px -12px rgba(0,0,0,0.23); box-shadow: 0px 20px 8px -12px rgba(0,0,0,0.23);border-top:3px solid var(--itblue);margin:0px 0px 12px; display: none;position:absolute;background:#ddd;min-width:180px;-moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;} #nav_main ul.mainlevel_2 li { display:block;} #nav_main ul.mainlevel_2 li a { font-size:16px;letter-spacing: 0.8px;line-height:20px;padding:8px 12px 8px;border-bottom:1px solid #fff} #nav_main ul.mainlevel_2 li a:hover { background:var(--itblue);padding-left:15px} #nav_main ul li:hover ul.mainlevel_2{ display:block; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } #nav_main ul.mainlevel_2 li a#current_2{ background:var(--itblue)} #nav_main ul.mainlevel_3{ margin-left: 7px; } #nav_main ul ul.mainlevel_3 li a{ font-size: 14px; padding: 5px 12px 5px; } #sliderbox { margin: auto auto 0px; padding: 0 0px;position: fixed;z-index: 2;} #sliderbox .tp-bgimg { background-position: center center} #site_bg { background-repeat:no-repeat; background-attachment: fixed; background-size: cover;} #slider-id a { color:#E20B1A;padding-left:25px;} .hidden { display: none; } #quicksearch_mobile, #footerbox_mob { padding:15px 40px 5px 0px; color:#999;font-size:13px;} #rootline { } #rootline p { padding:2px 30px 17px 0px; color:#999;font-size:14px;} #rootline a { color:#1d1d1b;text-decoration: underline;} .pull-right { float:right; } .it_fixed #toplevel_topnav { margin: 0px; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .it_fixed #logo_header{ width: 135px;margin: 15px 0px;height: auto; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .it_fixed .inner_top_space{ padding: 0px; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .it_fixed{ -webkit-box-shadow: 0px 3px 10px -5px rgba(0,0,0,0.36); -moz-box-shadow: 0px 3px 10px -5px rgba(0,0,0,0.36); box-shadow: 0px 3px 10px -5px rgba(0,0,0,0.36); -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .it_fixed #nav{ margin-top:18px; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .it_fixed #toplevel_topnav li a { padding: 12px 12px; display: inline-block; text-transform: uppercase; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .it_fixed #nav_main ul li a{ font-size: 17px; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .it_fixed #langbox{ margin: 22px 0px 10px 12px; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } #sliderbox .tp-leftarrow{ background: url(../Images/rev_left.svg) no-repeat center center; opacity:0.7; } #sliderbox .tp-rightarrow{ background: url(../Images/rev_right.svg) no-repeat center center; } #quicksearch_mobile, #footerbox_mob{ display:none; } #page_bottom_top a{ color:#fff; text-decoration: underline; font-weight:500; } #main_content .subcol66_1 ul.pagination li{ padding-left:4px; } #main_content .ce-gallery .ce-row img, #main_content .subcol33_2 .inner_col .ce-gallery .ce-row img{ border: 0px solid #ddd; } #main_content .subcol66_1 .inner_col .grid3columns .ce-gallery .ce-row img{ border-top:0px; border-bottom:3px solid #cc3333; } .cc-revoke, .cc-window { font-family: 'Roboto', sans-serif; font-size: 13px; line-height: normal; } .cc-window.cc-floating { padding: 2em; max-width: 34em; } .cc-link { padding: 0em; } .cc-window { border: 2px solid #fff; -webkit-box-shadow: 0px 1px 14px -3px rgba(0,0,0,0.26); -moz-box-shadow: 0px 1px 14px -3px rgba(0,0,0,0.26); box-shadow: 0px 1px 14px -3px rgba(0,0,0,0.26); } .cc-animate.cc-revoke.cc-bottom{ display:block !important; } #nav_mobile{ display:none; margin-top:10px; padding-top:20px; border-bottom:0px solid #ccc; -webkit-box-shadow: 0px 10px 10px -3px rgba(0,0,0,0.1); -moz-box-shadow: 0px 10px 10px -3px rgba(0,0,0,0.1); box-shadow: 0px 10px 10px -3px rgba(0,0,0,0.1); -webkit-border-bottom-right-radius: 20px; -webkit-border-bottom-left-radius: 20px; -moz-border-radius-bottomright: 20px; -moz-border-radius-bottomleft: 20px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; overflow: hidden; } #nav_toggle { float: right; width:25px; height:25px; font-size: 18px; font-weight: 500; display: inline-block; margin-top: 15px; display:none; } #nav_right{ position: fixed; right: 0px; top: 165px; margin: 0px; text-align: center; } #nav_mob_container{ position: relative; display:none; } .tel_btn{ width:50px; height:40px; display:block; background:url(../Images/ibs_phone_btn.svg) no-repeat center center; cursor:pointer; margin-top:100px; float:right; margin-right:20px; position: fixed; z-index:12; right: 8px; bottom: 120px; } .tel_btn span{ display:block; position:absolute; background:var(--ibsred); color:#fff; font-size:0px; padding:0px; right:-120px; top:-26px; width:140px; opacity:0; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out -webkit-border-radius: 6px; -webkit-border-bottom-right-radius: 0; -moz-border-radius: 6px; -moz-border-radius-bottomright: 0; border-radius: 6px; border-bottom-right-radius: 0; } .tel_btn:hover span{ opacity:1; padding:6px 12px; font-size:16px; right:50px; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; -webkit-box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.38); -moz-box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.38); box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.38); } #nav_mob_container .tel_btn{ position: relative; } #nav_right { position: fixed; right: 0px; top: 118px; margin: 0px; text-align: center; z-index: 5; } #nav_right li{ width:45px; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } #nav_right a { padding: 10px 8px 10px 12px; background: #ffffff; margin-bottom: 3px; -webkit-border-top-left-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; cursor: pointer; display: block; font-weight: 600; color: var(--itblue); font-size: 24px; -webkit-box-shadow: 0px 0px 10px -3px rgba(0,0,0,0.21); -moz-box-shadow: 0px 0px 10px -3px rgba(0,0,0,0.21); box-shadow: 0px 0px 10px -3px rgba(0,0,0,0.21); -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } #nav_right li#search_right{ border-right:5px solid var(--itred); } #nav_right li#search_right a{ color:var(--itred); } #nav_right li#contact_right{ border-right:5px solid var(--itblue) } #nav_right li#login_right { border-right: 5px solid var(--itblue); } #nav_right:hover{ } #nav_right a:hover{ margin-left:-25px; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; background:#eee; } #mig{ background: #fff; display: inline-block; z-index: 5; transform: rotate(-90deg); position: absolute; position: fixed; right: -62px; top: auto; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; -webkit-box-shadow: 0px 0px 10px -3px rgba(0,0,0,0.21); -moz-box-shadow: 0px 0px 10px -3px rgba(0,0,0,0.21); box-shadow: 0px 0px 10px -3px rgba(0,0,0,0.21); bottom:240px; } #mig span:first-child{ padding: 5px 18px; display: block; font-weight: 500; } #mig span#de_flag{ display: block; height: 28px; background: #F5C500; background: linear-gradient(90deg,rgba(245, 197, 0, 1) 0%, rgba(245, 197, 0, 1) 33%, rgba(211, 0, 0, 1) 33%, rgba(211, 0, 0, 1) 66%, rgba(0, 0, 0, 1) 66%, rgba(0, 0, 0, 1) 100%); } /************ Language *********/ #langbox{ display: inline-block; margin: 46px 12px 10px 30px; float:right; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } #langbox ul{ list-style-type: none; } #langbox ul li{ display: inline-block; margin: 0px 3px; } #langbox ul li a{ width: 26px; height: 26px; display: inline-block; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; overflow: hidden; opacity: 0.5; border: 2px solid #aaa; } #langbox ul li a:hover, #langbox ul li.active a{ opacity: 1; } #langbox li a svg { margin: 0px -4px; } #langbox ul li.text-muted{ display:none; } /************ Format global ********/ .center{ text-align:center; } .txt-noto{ font-family: 'Roboto', sans-serif; font-size:30px; line-height:40px; font-style:italic; font-weight: 400; } .txt-noto.middle{ font-size:22px; line-height:36px; font-style:italic; font-family: 'Roboto', sans-serif; } /************ Buttons ************/ .social_btn{ display:inline-block; width:20px; height:20px; margin:3px 6px; vertical-align: middle; } .instagram{ background:url(../Images/instagram.svg) no-repeat center center; } .linkedin{ background:url(../Images/linkedin.svg) no-repeat center center; } .xing{ background:url(../Images/xing.svg) no-repeat center center; } .powermail_submit, .it_btn{ color: #fff; background: var(--itblue); padding: 12px 0px; font-weight: 500; font-size: 18px; letter-spacing: 1.0px; border: 0px solid var(--itblue); display: block; margin-top: 30px; cursor:pointer; width: 100%; opacity: 0.85; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .powermail_submit:hover{ opacity: 1; letter-spacing: 2px; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .it_btn{ display: block; width: auto; padding: 12px 25px; text-align: center; margin: 20px auto; max-width: 280px; opacity: 0.85; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .it_btn:hover{ opacity: 1; letter-spacing: 2px; color: #fff; border-color: #fff; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } /* ###################################################################################################### ** ### Typographie & Buttons ################################################################## ** ###################################################################################################### */ h1{ font-family: 'Roboto Condensed'; font-size:36px; padding:4px 0px 18px; font-weight:300; color: var(--ittxtgray); } h2{ font-size:28px; font-weight: 300; margin: 0px 0px 12px 0px; color: var(--ittxtgray); } #c4 h2{ font-size:34px; color: var(--itblue); font-weight:400; } h2 strong{ font-weight: 700; color: var(--itred); } h3{ font-size:24px; font-weight:300; padding:3px 0px 15px; } h4{ font-size:18px; font-weight:400; padding:2px 0px 6px; } .ce-div{ border:0px; padding:20px 0px; clear:both; } .align-center{ text-align: center; } ol,ul{ margin-left:15px; } ul{ list-style-type:none; } .subcol33_2 ul.ce-menu{ list-style-type:none; margin-left:0px; } .ce-div { border-bottom: 1px solid #ddd; clear:none; padding: 25px 0 0px; margin-bottom:25px; } div.csc-textpic-intext-left .csc-textpic-imagewrap { float: left; margin-right:20px; } div.csc-textpic-intext-right .csc-textpic-imagewrap { float: right; margin-left:20px; } div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 18px; } .csc-textpic-caption { caption-side: bottom; text-align: left; padding:6px; border-bottom:1px solid #76A51C; background:#F1F6E8; font-size:13px; } .text-right{ text-align: right; } .text-left{ text-align: left; } .text-center{ text-align:center } .frame-space-before-small{ clear:right; } .before_footer_inner img{ max-width:100%; height:auto; } .frame-type-header.frame-layout-3 h1, .frame-type-text.frame-layout-3 h2, .frame-type-header.frame-layout-3 h2{ font-size:70px; line-height:70px; letter-spacing: 3.5px; margin-bottom:40px; } .frame-type-header.frame-layout-3 h1{ margin-bottom:30px; } .ce-intext{ line-height:24px; } .frame-indent{ margin-left:136px; margin-right:0px; } .ibs_txt_30{ font-size:30px; color: var(--ibsred); font-weight:400; } p.ibs_txt_18{ font-size:18px; line-height:28px; } .image-caption{ font-size:15px; padding:4px; text-align: right; } /* ###################################################################################################### ** ### Formatierung der Inhaltsspalten ################################################################## ** ###################################################################################################### */ #main {max-width:940px;margin:0px auto;padding:0px 0px 45px;height:100%;min-height:450px;} #main_full{ padding:0px; min-height: 400px; background: #FFFFFF; background: linear-gradient(28deg,rgba(233, 233, 233, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 50%); background-size:cover; background-attachment: fixed; position: relative; z-index: 3; } #main_full, #page_bottom_top{margin:0px auto 0px;} #main_top{ padding-top: 100px; } #main_content{ max-width:1180px; margin:auto; background: #fff; margin-top: 85px; min-height: 350px; -webkit-border-top-left-radius: 35px; -webkit-border-top-right-radius: 35px; -moz-border-radius-topleft: 35px; -moz-border-radius-topright: 35px; border-top-left-radius: 35px; border-top-right-radius: 35px; border-top: 3px solid var(--itgray); -webkit-box-shadow: 0px 10px 18px 0px rgba(219, 219, 219, 0.75); -moz-box-shadow: 0px 10px 18px 0px rgba(219, 219, 219, 0.75); box-shadow: 0px 10px 18px 0px rgba(219, 219, 219, 0.75); } #main_content .inner{ padding: 35px 45px 85px; } #innotex_1 #main_content{ margin-top: 0px; position: relative; } #page{ min-height: 200px; } #content_main{ clear:both; } .grid1column, .grid2columns_66_33, .grid2columns_33_66, .grid2columns_50_50, .grid3columns, .grid4columns{ max-width:1180px;margin:0px auto; } .grid3columns{ min-height: } .column_100.layout_0{ padding: 20px 0px 80px; } .col_main a{ font-weight:400; } .col_left{ float:left; width: 310px; padding-top:50px; } .col_main{ margin-left:360px; overflow:hidden; } .subcol50_1, .subcol50_2{ float:left; width:50%; } .subcol50_1 .inner_col{ margin-right:40px; } .subcol50_2 .inner_col{ margin-left:40px; } .subcol66_1, .subcol66_2{ float:left; width:63%; } .subcol66_1 .inner_col{ margin-right:45px; padding-left:0px; } .subcol33_2 .inner_col{ margin-left:0px; } .subcol33_1, .subcol33_2{ float:left; width:37%; } .subcol15_1{ float:left; width:20%; } .subcol85_2{ float:left; width:80%; } .subcol3_1, .subcol3_2, .subcol3_3{ float:left; width:33.33%; } .subcol3_1_16, .subcol3_3_16{ float:left; width:16.66%; } .subcol3_2_66{ float:left; width:66.66%; } .subcol3_1_25, .subcol3_3_25{ float:left; width:25%; } .subcol3_2_50{ float:left; width:50%; } .subcol4_1, .subcol4_2, .subcol4_3, .subcol4_4{ float:left; width:25%; } .subcol4_1 .inner_col, .subcol4_2 .inner_col, .subcol4_3 .inner_col, .subcol4_4 .inner_col{ margin:0px 10px; } .subcol3_1_25 .inner_col, .subcol3_1_16 .inner_col, .subcol3_1 .inner_col{ padding-right:6%; margin-right:0px; } .subcol3_3_25 .inner_col, .subcol3_3_16 .inner_col, .subcol3_3 .inner_col{ padding-left:6%; margin-right:0px; } .subcol3_2_50 .inner_col, .subcol3_2_66 .inner_col, .subcol3_2 .inner_col{ padding:0 3%; margin-right:0px; } .column_100.layout_0 { background-color: #fff; padding: 115px 0px 125px; position: relative; } #container_5.column_100.layout_0{ padding: 45px 45px 85px; } #container_5 .grid1column .inner_col{ } .column_100.layout_1 { background-color: var(--itgray); padding: 115px 0px 125px; position: relative; } .column_100.layout_2 { padding: 115px 0px 125px; position: relative; } .column_100.layout_3 { background-color: var(--itblue); padding: 190px 0px 250px; position: relative; } #footer_top .grid4columns{ max-width: auto; margin-left: 30%; padding-top: 25px; } #footer_top .subcol4_1, #footer_top .subcol4_2, #footer_top .subcol4_3, #footer_top .subcol4_4{ float:left; width:23%; } .frame-type-menu_pages li a{ font-weight: 400; font-size: 17px; } #footer_top li ul{ margin: 3px 15px; } /******************* Linkbox ********************/ .linkbox{ position: relative; display:inline-block; -webkit-border-radius: 350px; -moz-border-radius: 350px; border-radius: 350px; overflow:hidden; margin:1% 1%; } .linkbox img{ width:100%; height:auto; -webkit-border-radius: 350px; -moz-border-radius: 350px; border-radius: 350px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .linkbox span{ position:absolute; z-index:5; background:#fff; bottom:43%; padding:4px 12px; font-size:26px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .linkbox:hover span{ color:#fff; background:var(--itblue); } .linkbox:hover img{ transform: scale(1.05); -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } /******************* Social Media ********************/ #social_links{ clear: both; padding: 15px; text-align: center; background: #fff; } #social_links strong{ font-weight: 600; } #social_links ul{ margin: 8px 0px 0px; padding: 0px; list-style-type: none; } #social_links ul li{ display: inline-block; margin: 4px; } #social_links ul li a{ display: inline-block; width: 50px; line-height: 50px; background: #fff; font-size: 24px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; border: 1px solid var(--itblue); } #social_links ul li a:hover{ background: var(--itblue); color: #fff; } /******************* Startseite *****************/ .column_100.layout_2{ padding-bottom:95px; } .column_100.layout_2 h1{ color:#ffffff; text-align: right; font-size:72px; font-weight:300; } .column_100.layout_2 h1 span{ background-color: var(--itblue); padding:4px 28px; display:inline-block; margin-bottom:3px; -webkit-box-shadow: 0px 2px 14px 5px rgba(0,0,0,0.30); -moz-box-shadow: 0px 2px 14px 5px rgba(0,0,0,0.30); box-shadow: 0px 2px 14px 5px rgba(0,0,0,0.30); } .column_100.layout_2 h1 span:first-child{ -webkit-border-top-right-radius: 35px; -webkit-border-bottom-left-radius: 35px; -moz-border-radius-topright: 35px; -moz-border-radius-bottomleft: 35px; border-top-right-radius: 35px; border-bottom-left-radius: 35px; } .column_100.layout_2 h1 span:last-child{ -webkit-border-bottom-right-radius: 35px; -moz-border-radius-bottomright: 35px; border-bottom-right-radius: 35px; } #model1{ width:200px; height:500px; background:url(/fileadmin/user_upload/layout/model_1.png) no-repeat center center; background-size:contain; position:absolute; z-index:3; margin: -360px 0px 0px -70px; } #model2{ width:200px; height:500px; background:url(/fileadmin/user_upload/layout/model_2.png) no-repeat center center; background-size:contain; position:absolute; z-index:3; margin: -400px 0px 0px 0px; right:-28px; } /******************** Formular ******************/ legend, .powermail_form h3{ display:none; } fieldset{ border: 0px; background: #f4f4f4; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; padding: 25px 35px; } .formcol1 { width: 49%; float: left; } .formcol2 { width: 48%; float: right; } .formcol_inner { margin-left: 0px; padding-right: 20px; } .powermail_fieldwrap_datenschutz{ clear:both; padding-top:25px; } .powermail_fieldwrap_datenschutz .container_check { font-size:14px; color:var(--ittxtgray); line-height:20px; } .powermail_label{ color:var(--ittxtgray); font-weight:400; font-size:16px; letter-spacing: 1.1px; opacity: 0.75; padding-bottom: 6px; display: block; } .powermail_field{ position:relative; } .powermail_field textarea, .powermail_field input[type="text"], .powermail_field input[type="email"], .powermail_field input[type="number"], .powermail_field input[type="date"] { display: block; border: 0px solid #aaa; border-bottom: 2px solid var(--itblue); width: 96%; font-size: 16px; padding: 11px 12px; margin-bottom: 24px; font-weight: 300; } .powermail-errors-list{ padding: 5px 12px; font-size: 12px; background: var(--itred); color: #fff; display: inline-block; margin: 0px 0px 0px 0px !important; position: absolute; right: 0px; top: -24px; } .powermail_fieldwrap_datenschutz .powermail-errors-list{ right: auto; top: -34px; left:0px; } #main_content .powermail_form ul.powermail-errors-list li::before{ content: ''; margin: 0px; font-size: 12px; } #main_content .powermail_form ul.powermail-errors-list li{ padding-left: 0px; margin: 0px; font-size: 12px; } #powermail_field_nachricht{ min-height: 195px; } /****************** Slider *****************/ .ibs_slide p, .ibs_slide .ibs_intro_40{ color: #fff; } .ibs_slide_content{ width: 50%; float:left; padding:35px 0px 115px; } .ibs_slide_img{ float:right; width: 50%; padding-top:80px; } .ibs_slide_img img{ max-width:100%; height:auto; float:right; display: block; margin-bottom: -5px; } .ibs_slide_content .ibs_btn_free:hover{ color:#fff; background: url(../Images/ibs-arrow-long-white.svg) no-repeat right center; } .ibs_slider_container.column_100.layout_2{ padding:0px; padding-top:100px; } .ibs_slider_container .inner_col.ibs_slider{ margin-bottom:0px; background: url(../Images/slide_bg.svg) no-repeat right center; background-size:60%; } .slick-btn-nav{ position: absolute; top:35%; width:40px; height:40px; background:none; border:0px; opacity:0.7; cursor:pointer; z-index:20; } .slick-btn-nav:hover{ opacity:1; } .ibs-slick-prev{ left:-180px; background: url(../Images/ibs-arrow-prev-white.svg) no-repeat center center; } .ibs-slick-next{ right:-180px; background: url(../Images/ibs-arrow-next-white.svg) no-repeat center center; } .ibs_slider_container .ibs_preheadline{ margin:0px 0px 25px; color:#fff; } /*************** Vertrieb ***********/ .vetriebsbox{ width:47.5%; float:left; margin:1%; background:#ffffff; border: 1px solid #fff; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-box-shadow: 0px 4px 18px 0px rgba(219, 219, 219, 0.75); -moz-box-shadow: 0px 4px 18px 0px rgba(219, 219, 219, 0.75); box-shadow: 0px 4px 18px 0px rgba(219, 219, 219, 0.75); overflow: hidden; } .vetriebsbox_inner{ padding:25px; -webkit-box-shadow: inset 0px 0px 24px 17px #eee; box-shadow: inset 0px 0px 24px 17px #eee; min-height:155px; } .vetriebsbox strong{ font-size: 22px; } /******************* Produktslider ********************/ .tx-gkhrssimport-pi1-rss_box{ } .tx-gkhrssimport-pi1-pubbox{ display: block; width: 96% !important; margin: 2%; } .tx-gkhrssimport-pi1-pubbox img{ max-width: 100% !important; height: auto; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; } .product_info{ padding: 18px 12px; text-align: center; } .tx-gkhrssimport-pi1-author{ margin-top: 12px; display: block; } .tx-gkhrssimport-pi1-author small{ font-size: 11px; } .tx-gkhrssimport-pi1-header a{ font-weight: 400; } /* ###################################################################################################### ** ### Slider ################################################################## ** ###################################################################################################### */ .tp-bannertimer{ z-index:30 !important; } /* ###################################################################################################### ** ### Icons ################################################################## ** ###################################################################################################### */ .layout_2 .grid4columns .image-embed-item{ min-height:53px; } /*********************** Webseite Bildergalerie ******************/ .it_gal .colorbox{ display:block; width:24%; height:auto; margin:0.5%; float:left; overflow:hidden; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .it_gal .colorbox:hover{ scale:1.05; -webkit-box-shadow: 0px 5px 14px -3px rgba(0,0,0,0.31); -moz-box-shadow: 0px 5px 14px -3px rgba(0,0,0,0.31); box-shadow: 0px 5px 14px -3px rgba(0,0,0,0.31); } .it_gal .colorbox .it_gal_item{ display:block; width:100%; height:auto; } .it_gal:after{ content:''; display:block; clear:left; } /* ########################################################################################### ** ### Accordion ############################################################################ ** ########################################################################################## */ .innotex_acc_container{ border-bottom:2px solid var(--itgray); margin:0px 0px 4px; position: relative; -webkit-border-radius: 6px; -moz-border-radius:6px; border-radius: 6px; overflow:hidden; } .innotex_acc_container.open{ border-bottom:0px solid var(--ittxtgray); } .accordion-headline{ clear: both; cursor:pointer; padding: 22px 45px 22px 20px; border-top:1px solid #ffffff; cursor: pointer; margin-bottom: -1px; margin-top: -1px; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; background:#f6f6f6; } .accordion-headline:after{ content: "\f067"; display: inline-block; position: absolute; right:20px; top: 25px; font-family: "Font Awesome 5 Free"; font-size: 20px !important; font-size: inherit; text-rendering: auto; text-indent: 0px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 900; color: var(--itblue); } .accordion-headline > div{ font-size:24px; line-height:30px; font-weight:400; color:var(--itblue); } .accordion-headline.icon.active, .accordion-headline:hover{ padding-left:25px; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; background:#eee; } .accordion-headline.active:after{ content: "\f068"; } .accordion-content { max-height: 0; padding:0px 25px; overflow: hidden; transition: max-height 0.2s ease-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .innotex_acc_container.open .accordion-content{ max-height:none; margin-bottom:50px; padding:25px 25px; } .accordion-content > ul{ padding:0px 40px 20px 16px; margin:0px; } .accordion-content > div strong{ font-weight:500; } .ce-bodytext li, .frame-type-text li, .accordion-content li{ margin:7px 0px; padding-left:14px; display:block; } .ce-bodytext ul li:before, .frame-type-text ul li:before, .accordion-content ul li:before{ content:''; width:6px; height:6px; background: var(--itred); position: absolute; display:none; margin-left:-16px; margin-top:7px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; } .ce-bodytext ul li:before, .frame-type-text ul li:before{ display:block; } .innotex_acc_container.open .accordion-content li:before{ display:block; } /* ########################################################################################### ** ### Module ############################################################################ ** ########################################################################################## */ p.phone::after{ content: "\f098"; } .subcol33_2 .frame-layout-2, .subcol33_2 .frame-layout-1{ background:#eee; border-bottom:3px solid #084094; } .subcol33_2 .frame-layout-2 .ce-bodytext{ padding:16px 25px 15px 5px; } .subcol33_2 .frame-layout-1 .ce-gallery .ce-row{ margin:0px; margin-top:0px; } .subcol33_2 .frame-layout-2 .ce-gallery .ce-row{ margin:15px 0px 0px 15px; } .subcol33_2 .frame-layout-1 .ce-intext.ce-left .ce-gallery{ margin-right:0px; } .subcol33_2 .frame-layout-1 .ce-bodytext{ border-top:140px solid #fff; } .subcol33_2 .frame-layout-1 .csc-textpic-text{ padding:0px 25px 15px 15px; } .subcol33_2 .frame-layout-1 .ce-bodytext h3{ padding:15px; } /* ###################################################################################################### ** ### Formatierung der Rasterelemente ################################################################## ** ###################################################################################################### */ .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-tabs { border-bottom: 2px solid #cc3333; margin:0px; } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } #main_content .subcol66_1 .nav-tabs .nav-item{ background-image: none; padding-left: 0px; margin-bottom: 0px; } #main_content .subcol66_1 .simple-tabs .nav-item{ padding: .5rem 1rem !important; } #main_content .subcol66_1 .simple-tabs .nav-item.nav-link.active{ padding: .5rem 1rem !important; border-color: #dee2e6 #dee2e6 #fff; } #main_content .nav-tabs .nav-link { margin-bottom: -1px; background: 0 0; background-color: rgba(0, 0, 0, 0); border: 1px solid transparent; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; border-top-left-radius: .25rem; border-top-right-radius: .25rem; } #main_content .nav-tabs .nav-link:focus, #main_content .nav-tabs .nav-link:hover { border-color: #e9ecef #e9ecef #cc3333; isolation: isolate; } #main_content .nav-tabs .nav-link.active{ background:#cc3333 !important; color:#fff !important; } .nav-link { display: block; padding: .5rem 1rem; text-decoration: none; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .tab-content{ padding:25px 0px; } .fade { transition: opacity .15s linear; } .btn-link { font-weight: 400; color: #cc3333; background:#f9f9f9; } .btn-link:hover { font-weight: 400; color: #cc3333; background:#f4f4f4; } .btn-link:not(.collapsed){ color: #fff; background:#cc3333; } .collapse:not(.show) { display: none; } /* ########################################################################################### ** ### Tabellen ############################################################################ ** ########################################################################################## */ table.contenttable, table.ce-table{ width:100%; text-align:left; cellspacing:0px; cellpadding:0px; border-collapse:collapse; overflow:hidden; border: 1px solid #ccc; } table.ce-table th{ text-transform: uppercase; padding:20px 12px; } table.ce-table tr:last-child{ background:#ddd; font-weight: 600; } table.ce-table tr:nth-child(odd){ } table.ce-table td{ padding:15px 12px; border-bottom:1px solid #ccc; border-top:0px; } table.ce-table td:last-child{ text-align: right; min-width: 20%; } table.contenttable td{ padding:3px 8px 3px 0px; font-size:17px; } /* ########################################################################################### ** ### Content ############################################################################ ** ########################################################################################## */ .pdf_link:before{ display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 14px; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content:'\f019'; padding-right:4px; } .ce-intext.ce-left .ce-gallery{ margin-right:30px; } .ce-gallery .ce-row{ display:inline-block; margin:0px; overflow:visible; } #main_content .ce-gallery .ce-row img{ border:0px solid #ddd; clear:both; width:100%; height:auto; } /*********************** Webseite Bildergalerie ******************/ .it_gal .colorbox{ display:block; width:24%; height:auto; margin:0.5%; float:left; overflow:hidden; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .it_gal .colorbox:hover{ scale:1.05; -webkit-box-shadow: 0px 5px 14px -3px rgba(0,0,0,0.31); -moz-box-shadow: 0px 5px 14px -3px rgba(0,0,0,0.31); box-shadow: 0px 5px 14px -3px rgba(0,0,0,0.31); } .it_gal .colorbox .it_gal_item{ display:block; width:100%; height:auto; } .it_gal:after{ content:''; display:block; clear:left; } /************ Videocontainer ************/ .customvid{ margin:0px 0px 0px; } .customvid .youtube-player{ width: 100%; display: block; position: relative; cursor: pointer; max-height: 160px; height: 100%; overflow: hidden; padding-bottom: 56.25%; margin: 0 auto; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #eee; } .customvid .youtube-player img{ bottom: -100%; display: block; left: 0; margin: auto; max-width: 100%; width: 100%; height: auto; position: absolute; right: 0; top: -100%; opacity: 0.35; filter: grayscale(100%); } .customvid .youtube-player:hover div { background: #7B1C07; } .customvid .youtube-player div { height: 72px; width: 72px; left: 50%; top: 50%; margin-left: -36px; margin-top: -36px; position: absolute; background:#fff; color:#fff; -webkit-border-radius: 80px; -moz-border-radius: 80px; border-radius: 80px; text-align: center; /*-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);*/ } .customvid .youtube-player div i{ line-height: 72px; font-size: 30px; margin-right: -6px; color:var(--ibsred); } .customvid .youtube-player:hover div{ background:var(--ibsred); } .customvid .youtube-player:hover div i{ color:#fff; } .privacy_txt{ font-size:12px; line-height:15px; margin:25px 0px; color:#999; } /************************** Suche *******************/ .tx-indexedsearch-searchbox fieldset{ text-align: center; border: 0px; background: var(--itgray); padding: 20px; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; } .tx-indexedsearch-searchbox legend{ display: none; } #tx-indexedsearch-searchbox-sword{ border: 1px solid #ccc; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; padding: 14px 20px 12px; font-size: 18px; width:50%; margin:auto; } #tx-indexedsearch-searchbox-button-submit{ cursor: pointer; background:none; border:none; margin-left:-48px; padding:10px; font-size: 0px; background-color: var(--itred); -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; } #tx-indexedsearch-searchbox-button-submit:before { content: "\f002"; display: inline-block; font-family: "Font Awesome 5 Free"; font-size: 20px !important; font-size: inherit; text-rendering: auto; text-indent: 0px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 900; color: #fff; } .tx-indexedsearch-browsebox{ list-style-type:none; margin:35px 0px; } #main_content ul.tx-indexedsearch-browsebox li{ display:inline-block; background:#eee; padding:4px 12px; margin: 1px; font-size: 14px; } #main_content ul.tx-indexedsearch-browsebox li a{ display: inline-block; } #main_content ul.tx-indexedsearch-browsebox li:hover{ background:#ddd; } #main_content ul.tx-indexedsearch-browsebox{ margin-left:0px; } #main_content ul li.tx-indexedsearch-browselist-currentPage{ background: var(--ttblue); color: #fff; } #main_content ul li.tx-indexedsearch-browselist-currentPage a{ color: #fff; } .tx-indexedsearch-res{ margin:12px 0px 40px; } .tx-indexedsearch-description strong{ font-weight:600; } .tx-indexedsearch-res h3, .tx-indexedsearch-res h3 a{ font-size: 22px; padding-bottom:2px; color: var(--itblue) !important; font-weight:400; } /* ########################################################################################### ** ### Bildergalerien ############################################################################ ** ########################################################################################## */ iframe { border: 0 none; max-width: 100%; } .resp_video { height: 0; overflow: hidden; padding-bottom: 53%; padding-top: 15px; position: relative; } .resp_video iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } a.youtube{ position:relative; display:block; } .video{ position:absolute; text-align:center; top:0px; display:block; z-index:70; width:100%; height:100%; opacity:0.7; } a.youtube:hover .video{ opacity:1; } /**************************** Aktuelles ****************************/ .news .news-list-view .article .header { border-top:1px solid #eee; } .news .news-list-view .article .header p{ margin-top:-13px; } .news-list-category, .news-list-date{ background: #eee; padding: 2px 8px; font-size: 13px; border-right: 2px solid #fff; text-transform: uppercase; } .news-list-date{ border-left:2px solid var(--itblue); } .news-list-view .news-list-date{ display:none; } .footer.calendar .news-list-date, .header.dates .news-list-date{ background: var(--itblue); font-size: 15px; font-weight:400; color:#fff; display: inline-block; border-right: 6px solid #fff; padding: 4px 8px; } .footer.calendar .news-list-date i, .header.dates .news-list-date i{ margin-right:4px; color:#eee; } .news-list-category{ border-right: 6px solid #fff; } .news .news-list-view .article { padding-bottom: 15px; margin:25px 0px 5px; } .news .news-list-view .footer { clear: both; padding: 10px 0 0 0; border-top: 0px solid #eee; margin-top: 25px; color: #888; } .news .news-backlink-wrap a, .news .more{ font-weight: 400 !important; display: inline-block; background: #eee; text-align: right; padding: 7px 25px 7px 15px; margin-top: 26px; font-size: 15px; } .news .news-backlink-wrap a:before, .news .more:before{ content: "\f061"; display: inline-block; font-family: "Font Awesome 5 Free"; font-size: 14px !important; font-size: inherit; text-rendering: auto; text-indent: 0px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 900; margin-right: 8px; } .news .news-backlink-wrap a:hover, .news .more:hover{ background: var(--itblue); color: #fff; } .news .news-list-view .article .news-img-wrap{ float: right; margin: 12px 0px 25px 25px; } .news .news-backlink-wrap a:before{ content: "\f060"; } .news .news-list-view .article .news-img-wrap a{ padding: 0px; border: 0px; } .news-txt{ border-left:2px solid #eee; padding-left:25px; } .news-list-view .news-txt{ padding-top: 18px; } .news.news-single .footer { margin-bottom: 10px; margin-top: 10px; padding: 0px 0 10px 0; border-top:0px; } .news.news-single .article .teaser-text{ font-size: 16px; color: #444; font-weight:500; margin-bottom:25px; } .news.news-single .article .news-img-wrap a{ padding:0px; border:0px; } .news.news-single .article .news-list-category{ display:none; } .news.news-single .footer{ border-top:1px solid #ddd; } .news.news-single .footer p{ margin-top:-13px; } .news.news-single .footer .news-list-date{ border-right:6px solid #fff; } .news.news-single .article .news-img-wrap { float: right; width: auto; margin: 0 0 25px 35px; } .news-list-view ul.f3-widget-paginator{ margin-left:0px; margin-bottom:20px; } .news-list-view ul.f3-widget-paginator li{ margin: 1px; display:inline-block; } .news-list-view ul.f3-widget-paginator li.current, .news-list-view ul.f3-widget-paginator li a { display: inline-block; background: #eee; padding: 2px 8px; font-size: 14px; } .news-list-view ul.f3-widget-paginator li.current{ background:var(--sigblue); color:#fff; } .news-list-view ul.f3-widget-paginator li a{ cursor:pointer; } .news-list-view ul.f3-widget-paginator li a:hover{ background: #ddd; } .news-related{ background: #eee; } .news-related-links a:before{ content: "\f35d"; display: inline-block; font-family: "Font Awesome 5 Free"; font-size: inherit; text-rendering: auto; text-indent: 0px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 900; margin-right: 8px; font-size:15px; } .news-related-links ul{ margin-left: 2px; } /******************** News Slider ****************/ .news-grid{ position: relative; margin-right:150px; } .slick-dots li button:before { font-size: 12px; line-height: 20px; } .slick-dots { bottom: 0px; } .slick-prev, .slick-next { right: 0px; top:-30px; } .slick-prev{ right:40px; left:auto; } .slick-prev, .slick-next{ background:#fff; width: 34px; height:34px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; border:1px solid #ddd; } .slick-prev::before, .slick-next::before{ font-family: "Font Awesome 5 Free"; font-size: 18px !important; font-size: inherit; text-rendering: auto; text-indent: 0px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 900; color:#777; } .slick-prev::before{ content:'\f060'; } .slick-next::before{ content:'\f061'; } .slick-prev:hover, .slick-next:hover{ background:var(--itblue) !important; color:#fff !important; border-color:#fff; } .slick-prev:hover:before, .slick-next:hover:before{ color:#fff !important; } } /* ########################################################################################### ** ### MEDIAQUERIES ############################################################################ ** ########################################################################################## */ @media screen and (max-width : 1580px) { } @media screen and (max-width : 1440px) { #main_full { background: #FFFFFF; background: linear-gradient(28deg,rgba(255, 255, 255, 1) 35%, rgba(255, 255, 255, 0) 35%); background-attachment: scroll, scroll; background-size: auto, auto; background-size: cover; background-attachment: fixed; } } @media screen and (max-width : 1380px) { } @media screen and (max-width : 1280px) { #footer_top_inner{ padding: 0px 35px; } #footer_inner { padding: 12px 35px 14px; } .column_100{ padding-left: 35px !important; padding-right: 35px !important; } #container_104 .subcol4_1, #container_104 .subcol4_2, #container_104 .subcol4_3, #container_104 .subcol4_4 { min-height: 320px; } } /************************************************************/ @media screen and (max-width : 1160px) { #logo img { width: 160px; height: auto; margin: 23px 0px 20px; } .inner_top { padding: 0px 20px; } #nav { margin-top: 32px; } #langbox { margin: 36px 0px 10px 12px; } } /************************************************************/ @media screen and (max-width : 1024px) { nav{ display:none; float:none; clear:both; margin:0px; } #nav_toggle{ margin:30px 0px 0px 0px; padding: 10px; display:block; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .it_fixed #nav_toggle{ margin:16px 0px 0px 0px; } #mobilemenu{ background:var(--itblue); } .inner_nav{ padding:15px 0px 35px; max-width:940px; margin:0px auto; } .inner_nav > div{ padding:0px 30px; } nav{ display:none; } #nav_close{ color:#236092; float:right; margin: 20px 0px 20px 0px; padding: 10px 0px; } #nav_close i{ font-size:24px; } #sliderbox .tp-rightarrow{ right: 6% !important; left:auto !important; } #sliderbox .tp-leftarrow{ right: 11% !important; left:auto !important; } #page { min-height: 200px; padding-top: 115px; } .tel_btn{ display:none; } #nav_mob_container .tel_btn{ display:block; right:auto; bottom:auto; } #container_104 .subcol4_1, #container_104 .subcol4_2, #container_104 .subcol4_3, #container_104 .subcol4_4 { min-height: 340px; } #footer_top .col1 { float: none; width: auto; padding: 20px 20px 45px 45px; } #footer_top .grid4columns { max-width: auto; margin-left: 25px; } #mig{ bottom:140px; } #container_7.column_100.layout_2 { padding:15px 55px 115px !important; } #container_7.column_100.layout_2 h1{ font-size:64px; } } /************************************************************/ @media screen and (max-width : 960px) { h2 { font-size: 40px; margin: 0px 0px 12px 0px; } #footer_inner { padding: 16px 35px; margin: 0px; } .subcol4_1, .subcol4_2, .subcol4_3, .subcol4_4 { width: 50%; } .grid4columns .inner_col{ margin:15px 15px !important; } #footer_top .frame-type-text{ float: none; clear: both; width: 100%; padding-top: 25px; } #container_7.column_100.layout_2 { padding:15px 65px 115px !important; } #container_7.column_100.layout_2 h1{ font-size:58px; } } /************************************************************/ @media screen and (max-width : 880px) { #container_7.column_100.layout_2 h1{ font-size:48px; } #footernav{ float: none; } #footernav ul li { float: none; text-align: center; display: inline-block; } #footer_inner{ text-align: center; } #copyright{ float: none; margin-top: 25px; } a.it_totop { float: none; margin: 5px auto 15px; display: block; } .linkbox span{ font-size: 20px; } } /************************************************************/ @media screen and (max-width : 768px) { .subcol15_1, .subcol85_2{ float: none; width: 100%; } .subcol3_1, .subcol3_2, .subcol3_3, .subcol33_1, .subcol33_2, .subcol66_1, .subcol66_2 { float: none; width: 100%; margin-bottom: 30px; } .subcol50_1 .inner_col{ margin-right: 20px; } .subcol50_2 .inner_col { margin-left: 20px; } .subcol3_1 .inner_col, .subcol3_2 .inner_col, .subcol3_3 .inner_col{ padding: 0px; } .subcol66_2{ margin-top:50px; } .ce-left .ce-gallery{ float:none; } #langbox { margin: 22px 0px 10px 0px; } .it_fixed #langbox{ margin: 22px 0px 10px 0px; } h1 { font-size: 40px; padding: 8px 0px 18px; } .layout_4 .ce-intext { line-height: 48px; } h2{ font-size: 34px; } #page { min-height: 200px; padding-top: 115px; } #sliderbox { width: 100%; overflow: hidden; } .bannercontainer{ width: 120% !important; left: auto !important; right: 0px; } #logo img { margin: 15px 0px; height: auto; width: 140px; } #nav_mobile nav { padding: 70px 0px 30px; } #page_bottom { position: relative; width: 100%; bottom: 0px; z-index:3; } .powermail_submit{ padding: 12px 0px; width: 99%; } #nav_mob_container{ padding-top: 70px; } #footer_top .subcol4_1, #footer_top .subcol4_2, #footer_top .subcol4_3, #footer_top .subcol4_4 { width: 48%; } #footer_top .grid4columns { margin-left: 0px; } #tx-indexedsearch-searchbox-sword { width: 84%; } .ce-right .ce-gallery{ float:none; } .ce-intext.ce-right .ce-gallery{ margin-left:0px; } .ce-intext.ce-left .ce-gallery{ margin-right:0px; } #nav_toggle{ margin:16px 0px 0px 0px; } #site_bg { background-repeat: no-repeat; background-attachment: fixed; background-size: 250%; } .accordion-headline{ font-size: 20px; padding: 16px 45px 16px 20px; } .accordion-headline::after { top: 20px; } .it_gal .colorbox { width: 31.333%; margin: 1%; } .linkbox span{ font-size: 32px; bottom: 47%; } .linkbox{ display:block; margin: 1% 5%; } #model1{ width: 140px; height: 400px; margin: -300px 0px 0px -70px; } .frame-indent { margin-left: 76px; margin-right: 0px; } #main_top { padding-top: 0px; } #container_7.column_100.layout_2 h1{ font-size:42px; } } /************************************************************/ @media screen and (max-width : 640px) { #page { padding-top: 76px; } .subcol50_1, .subcol50_2 { float: none; width: 100%; } .subcol50_1 .inner_col { margin-right: 0px; } .subcol50_2 .inner_col { margin-left: 0px; } .subcol66_1 .inner_col { margin-right: 0px; } .subcol4_1, .subcol4_2, .subcol4_3, .subcol4_4 { float:none; width: 100%; margin:0px 0px; } .subcol4_1 .inner_col { margin-right: 0px; } .subcol4_2 .inner_col, .subcol4_3 .inner_col { margin: 0px; } .subcol4_4 .inner_col { margin-left: 0px; } .subcol3_1_25 .inner_col, .subcol3_1_16 .inner_col, .subcol3_1 .inner_col{ padding-right:0px; } .subcol3_2_50 .inner_col, .subcol3_2_66 .inner_col, .subcol3_2 .inner_col { padding: 0; margin-right: 0px; } .subcol3_3_25 .inner_col, .subcol3_3_16 .inner_col, .subcol3_3 .inner_col { padding-left: 0; margin-right: 0px; } #nav_mobile nav { padding: 55px 0px 30px; } #nav_close{ margin: 10px 0px 20px 0px; padding: 10px 0px; } .pagewrapper{ overflow: hidden ; } .powermail_field textarea, .powermail_field input[type="text"], .powermail_field input[type="email"], .powermail_field input[type="number"], .powermail_field input[type="date"] { width: 94%; } .column_100.layout_3{ padding: 65px 0px 95px; } .subcol85_2 .subcol4_1, .subcol85_2 .subcol4_2, .subcol85_2 .subcol4_3, .subcol85_2 .subcol4_4{ margin:0px; } .subcol85_2 .grid4columns .inner_col { margin: 0px 0px !important; } .column_100.layout_1{ padding: 65px 0px 75px; } .grid4columns .inner_col { margin: 15px 0px !important; } #container_104 .subcol4_1, #container_104 .subcol4_2, #container_104 .subcol4_3, #container_104 .subcol4_4 { min-height: 240px; } .vetriebsbox { width: 100%; float: none; margin: 10px 0px; } #nav_right li{ width:35px; } #nav_right a{ padding: 7px 7px 7px 6px; font-size:20px; } #mig { bottom: 74px; } #container_7.column_100.layout_2 { padding: 45px 65px 115px !important; } #container_7.column_100.layout_2 h1 { font-size: 36px; } #model2{ width: 140px; height: 400px; margin: -320px 0px 0px 0px; } .news-grid { position: relative; margin-right: 70px; } } /************************************************************/ @media screen and (max-width : 540px) { h1 { font-size: 32px; padding: 8px 0px 18px; } h2 { font-size: 26px; } .layout_4 .ce-intext { line-height: 38px; } #main_content .inner { padding: 25px 25px 85px; } fieldset { padding: 25px 20px; } .it_gal .colorbox { width: 48%; margin: 1%; } #container_7.column_100.layout_2 { padding: 45px 55px 115px 35px !important; } #model1 { width: 120px; height: 300px; margin: -200px 0px 0px -50px; } .frame-indent { margin-left: 58px; margin-right: 0px; } .column_100.layout_2 h1 span{ padding: 6px 20px; } .column_100.layout_2 h1 span:first-child{ text-align:left; } } /************************************************************/ @media screen and (max-width : 420px) { h1 { font-size: 32px; padding: 8px 0px 18px; } h2 { font-size: 24px; } body{ font-size: 16px; } #footernav{ float:none; text-align: center; } #copyright{ padding-top:20px; text-align:center; } header h3 { margin-bottom: 30px; } #nav_mobile nav { padding: 35px 0px 30px; } #nav_close{ margin: 0px 0px 20px 0px; padding: 8px 0px; } #page { padding-top: 68px; } #copyright{ float:none; } #footernav ul li{ float:none; display:inline-block; } .column_100 { padding-left: 20px !important; padding-right: 20px !important; } #footer_top_inner{ padding: 0px 20px; } #footer_inner { padding: 16px 20px; margin: 0px; } #footernav ul li a { font-size: 13px; padding: 0px 8px; } .cb_grey_inner { padding: 40px 30px; } .powermail_field textarea, .powermail_field input[type="text"], .powermail_field input[type="email"], .powermail_field input[type="number"], .powermail_field input[type="date"] { width: 92%; } .cb_grey.darkgrey, .cb_grey.pad { background-position: right 25px center; background-size:50px; } #container_7.column_100.layout_2 h1 { font-size: 32px; } #c4 h2 { font-size: 26px; color: var(--itblue); font-weight: 400; } #c4 p span{ font-size:18px !important; } #model2{ display:none; } .news-grid { position: relative; margin-right: 0px; } #nav_right li { width: 30px; } #mig { right: -68px; } #c54{ padding-top:20px; } } /************************************************************/ @media screen and (max-width : 380px) { h2 { font-size: 22px; } #container_7.column_100.layout_2 h1 { font-size: 28px; } .inner_top { padding: 0px 12px 0px 18px; } .news .article .news-img-wrap a, .news .article .news-img-wrap img, .news .news-list-view .article .news-img-wrap{ float:none !important; } .news.news-single .article .news-img-wrap{ float:none; margin:0px 0px 20px; } } @media screen and (max-width : 360px) { #footer_top .subcol4_1, #footer_top .subcol4_2, #footer_top .subcol4_3, #footer_top .subcol4_4 { width: 98%; } } /* ########################################################################################### ** ### Radio Style ############################################################################ ** ########################################################################################## */ /* Customize the label (the container) */ .container { display: block; position: relative; padding-left: 30px; margin-bottom: 11px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Hide the browser's default radio button */ .container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } /* Create a custom radio button */ .checkmark_radio { position: absolute; top: 0px; left: 0; height: 19px; width: 19px; background-color: #eee; border-radius: 50%; border:1px solid #bdbaba; } /* On mouse-over, add a grey background color */ .container:hover input ~ .checkmark_radio { background-color: #ccc; } /* When the radio button is checked, add a blue background */ .container input:checked ~ .checkmark_radio { background-color: #fe423d; } /* Create the indicator (the dot/circle - hidden when not checked) */ .checkmark_radio:after { content: ""; position: absolute; display: none; } /* Show the indicator (dot/circle) when checked */ .container input:checked ~ .checkmark_radio:after { display: block; } /* Style the indicator (dot/circle) */ .container .checkmark_radio:after { top: 6px; left: 6px; width: 7px; height: 7px; border-radius: 50%; background: white; } /* ########################################################################################### ** ### Checkbox Style ############################################################################ ** ########################################################################################## */ /* Customize the label (the container) */ .container_check { display: block; position: relative; padding-left: 30px; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Hide the browser's default checkbox */ .container_check input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } /* Create a custom checkbox */ .checkmark_checkbox { position: absolute; top: 0px; left: 0; height: 18px; width: 18px; background-color: #eee; border:1px solid #bdbaba; } /* On mouse-over, add a grey background color */ .container_chek:hover input ~ .checkmark_checkbox { background-color: #fff; } /* When the checkbox is checked, add a blue background */ .container_check input:checked ~ .checkmark_checkbox { background-color: #fff; } /* Create the checkmark/indicator (hidden when not checked) */ .checkmark_checkbox:after { content: ""; position: absolute; display: none; } /* Show the checkmark when checked */ .container_check input:checked ~ .checkmark_checkbox:after { display: block; } /* Style the checkmark/indicator */ .container_check .checkmark_checkbox:after { left: 5px; top: 1px; width: 5px; height: 10px; border: solid var(--itblue); border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } /* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);} #colorbox{ border-bottom:0px solid #fff !important; } #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;margin-top: 0px;} .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;} /* User Style: Change the following styles to modify the appearance of Colorbox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:#000; opacity: 0.75 !important; filter: alpha(opacity = 75);} #colorbox{outline:0;border:0px solid #fff;-webkit-box-shadow: 0px 0px 16px 8px rgba(0,0,0,0.39); -moz-box-shadow: 0px 0px 16px 8px rgba(0,0,0,0.39); box-shadow: 0px 0px 16px 8px rgba(0,0,0,0.39); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;} #cboxContent{background:#fff; overflow:hidden;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:0px;} #cboxTitle{position:absolute; bottom:14px; left:0; text-align:center; width:100%; color:#444;font-size:17px;font-weight:500;} #cboxCurrent{position:absolute; bottom:20px; left:auto; right: 20px; color:#949494;} #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;} /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:18px; left:18px; width:25px; height:25px; background:#fff;font-size:0px;-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;} #cboxPrevious:hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:18px; left:46px; width:25px; height:25px; font-size:0px;background:#fff; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;} #cboxNext:hover{background-position:-50px -25px;} #cboxClose{position:absolute; top:10px; right:10px; width:25px; height:25px; font-size:0px;color:#444;background:#fff;-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;} #cboxClose:hover{color:#000;} #cboxPrevious::before{ content: "\f104"; display: inline-block; font-family: "Font Awesome 5 Free"; font-size: 18px !important; font-size: inherit; text-rendering: auto; text-indent: 0px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 900; } #cboxNext::before{ content: "\f105"; display: inline-block; font-family: "Font Awesome 5 Free"; font-size: 18px !important; font-size: inherit; text-rendering: auto; text-indent: 0px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 900; } #cboxClose::before{ content: "\f00d"; display: inline-block; font-family: "Font Awesome 5 Free"; font-size: 18px !important; font-size: inherit; text-rendering: auto; text-indent: 0px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 900; } /* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9. See: http://jacklmoore.com/notes/ie-transparency-problems/ */ .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); } .cc_container{ font-family: 'Roboto', sans-serif; line-height: 1.1em; padding:50px 30px; } .cc_container .cc_message{ font-family: 'Roboto', sans-serif; line-height: 1.1em; } /* jQuery.mmenu CSS */ /* jQuery.mmenu panels CSS */ .mm-menu.mm-horizontal > .mm-panel { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; } .mm-menu .mm-hidden { display: none; } .mm-wrapper { overflow-x: hidden; position: relative; } .mm-menu, .mm-menu > .mm-panel { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0; } .mm-menu { background: inherit; display: block; overflow: hidden; padding: 0; } .mm-menu > .mm-panel { background: inherit; -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; padding: 20px; -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); } .mm-menu > .mm-panel.mm-opened { -webkit-transform: translate(0%, 0); -moz-transform: translate(0%, 0); -ms-transform: translate(0%, 0); -o-transform: translate(0%, 0); transform: translate(0%, 0); } .mm-menu > .mm-panel.mm-subopened { -webkit-transform: translate(-30%, 0); -moz-transform: translate(-30%, 0); -ms-transform: translate(-30%, 0); -o-transform: translate(-30%, 0); transform: translate(-30%, 0); } .mm-menu > .mm-panel.mm-highest { z-index: 1; } .mm-menu .mm-list { padding: 20px 0; } .mm-menu > .mm-list { padding-bottom: 0; } .mm-menu > .mm-list:after { content: ''; display: block; height: 40px; } .mm-panel > .mm-list { margin-left: -20px; margin-right: -20px; } .mm-panel > .mm-list:first-child { padding-top: 0; } .mm-list, .mm-list > li { list-style: none; display: block; padding: 0; margin: 0; } .mm-list { font: inherit; font-size: 16px; } .mm-list a, .mm-list a:hover { text-decoration: none; } .mm-list > li { position: relative; } .mm-list > li > a, .mm-list > li > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; line-height: 20px; display: block; padding: 10px 10px 10px 20px; margin: 0; font-weight:300; letter-spacing: 0.5px; } .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: block; width: 100%; position: absolute; bottom: 0; left: 0; } .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { width: auto; margin-left: 20px; position: relative; left: auto; } .mm-list a.mm-subopen { background: rgba(3, 2, 1, 0); width: 40px; height: 100%; padding: 0; position: absolute; right: 0; top: 0; z-index: 2; } .mm-list a.mm-subopen:before { content: ''; border-left-width: 1px; border-left-style: solid; display: block; height: 100%; position: absolute; left: 0; top: 0; } .mm-list a.mm-subopen.mm-fullsubopen { width: 100%; } .mm-list a.mm-subopen.mm-fullsubopen:before { border-left: none; } .mm-list a.mm-subopen + a, .mm-list a.mm-subopen + span { padding-right: 5px; margin-right: 40px; } .mm-list > li.mm-selected > a.mm-subopen { background: transparent; } .mm-list > li.mm-selected > a.mm-fullsubopen + a, .mm-list > li.mm-selected > a.mm-fullsubopen + span { padding-right: 45px; margin-right: 0; } .mm-list a.mm-subclose { text-indent: 20px; padding-top: 30px; margin-top: -20px; } .mm-list > li.mm-label { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px; padding-right: 5px; } .mm-list > li.mm-spacer { padding-top: 40px; } .mm-list > li.mm-spacer.mm-label { padding-top: 25px; } .mm-list a.mm-subopen:after, .mm-list a.mm-subclose:before { content: ''; border: 2px solid transparent; display: inline-block; width: 7px; height: 7px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin-bottom: -5px; position: absolute; bottom: 50%; } .mm-list a.mm-subopen:after { border-top: none; border-left: none; right: 18px; } .mm-list a.mm-subclose:before { border-right: none; border-bottom: none; margin-bottom: -15px; left: 22px; } .mm-menu.mm-vertical .mm-list .mm-panel { display: none; padding: 10px 0 10px 10px; } .mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after { border-color: transparent; } .mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel { display: block; } .mm-menu.mm-vertical .mm-list > li > a.mm-subopen { height: 40px; } .mm-menu.mm-vertical .mm-list > li > a.mm-subopen:after { top: 16px; bottom: auto; } .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .mm-menu.mm-vertical .mm-list > li.mm-label > a.mm-subopen { height: 25px; } html.mm-opened .mm-page { box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); } .mm-menu { background: var(--sigblue); color: #eee; } .mm-menu .mm-list > li:after { border-color: rgba(0, 0, 0, 0.15); } .mm-menu .mm-list > li > a.mm-subclose { background: rgba(0, 0, 0, 0.1); color: rgba(255, 255, 255, 0.3); } .mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before { border-color: rgba(255, 255, 255, 0.3); } .mm-menu .mm-list > li > a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.15); } .mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu .mm-list > li.mm-selected > span { background: rgba(0, 0, 0, 0.1); } .mm-menu .mm-list > li.mm-label { background: rgba(255, 255, 255, 0.05); } .mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-vertical .mm-list li.mm-opened > ul { background: rgba(255, 255, 255, 0.05); } /* jQuery.mmenu offcanvas addon CSS */ .mm-page { box-sizing: border-box; position: relative; } .mm-slideout { -webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-opened { overflow: hidden; position: relative; } html.mm-opened body { overflow: hidden; } html.mm-background .mm-page { background: inherit; } #mm-blocker { background: rgba(3, 2, 1, 0); display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999; } html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker { display: block; } .mm-menu.mm-offcanvas { display: none; position: fixed; } .mm-menu.mm-current { display: block; } .mm-menu { width: 80%; min-width: 140px; max-width: 440px; } html.mm-opening .mm-slideout { -webkit-transform: translate(80%, 0); -moz-transform: translate(80%, 0); -ms-transform: translate(80%, 0); -o-transform: translate(80%, 0); transform: translate(80%, 0); } @media all and (max-width: 175px) { html.mm-opening .mm-slideout { -webkit-transform: translate(140px, 0); -moz-transform: translate(140px, 0); -ms-transform: translate(140px, 0); -o-transform: translate(140px, 0); transform: translate(140px, 0); } } @media all and (min-width: 550px) { html.mm-opening .mm-slideout { -webkit-transform: translate(440px, 0); -moz-transform: translate(440px, 0); -ms-transform: translate(440px, 0); -o-transform: translate(440px, 0); transform: translate(440px, 0); } } /* jQuery.mmenu buttonbars addon CSS */ .mm-buttonbar { border: 1px solid transparent; border-radius: 5px; text-align: center; line-height: 20px; overflow: hidden; display: block; padding: 0; margin: 0; position: relative; } .mm-buttonbar:after { content: ''; display: block; clear: both; } .mm-buttonbar > * { border-left: 1px solid transparent; box-sizing: border-box; display: block; width: 100%; height: 100%; float: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .mm-buttonbar > a { text-decoration: none; } .mm-buttonbar > input { position: absolute; left: -1000px; top: -1000px; } .mm-buttonbar > input:checked + label { border-color: transparent !important; } .mm-buttonbar > *:first-child, .mm-buttonbar > input:first-child + * { border-left: none; } .mm-buttonbar.mm-buttonbar-2 > * { width: 50%; } .mm-buttonbar.mm-buttonbar-3 > * { width: 33.33%; } .mm-buttonbar.mm-buttonbar-4 > * { width: 25%; } .mm-buttonbar.mm-buttonbar-5 > * { width: 20%; } .mm-header .mm-buttonbar { margin-top: 20px; margin-left: -30px; margin-right: -30px; } .mm-footer .mm-buttonbar { border: none; border-radius: none; line-height: 40px; margin: -10px -10px 0 -20px; } .mm-footer .mm-buttonbar > * { border-left: none; } .mm-list > li > .mm-buttonbar { margin: 10px 20px; } .mm-menu .mm-buttonbar { border-color: rgba(255, 255, 255, 0.6); background: #333333; } .mm-menu .mm-buttonbar > * { border-color: rgba(255, 255, 255, 0.6); } .mm-menu .mm-buttonbar > input:checked + label { background: rgba(255, 255, 255, 0.6); color: #333333; } /* jQuery.mmenu counters addon CSS */ em.mm-counter { font: inherit; font-size: 14px; font-style: normal; text-indent: 0; line-height: 20px; display: block; margin-top: -10px; position: absolute; right: 40px; top: 50%; } em.mm-counter + a.mm-subopen { padding-left: 40px; } em.mm-counter + a.mm-subopen + a, em.mm-counter + a.mm-subopen + span { margin-right: 80px; } em.mm-counter + a.mm-fullsubopen { padding-left: 0; } .mm-vertical em.mm-counter { top: 12px; margin-top: 0; } .mm-nosubresults > em.mm-counter { display: none; } .mm-menu em.mm-counter { color: rgba(255, 255, 255, 0.3); } /* jQuery.mmenu dragOpen addon CSS */ html.mm-opened.mm-dragging .mm-menu, html.mm-opened.mm-dragging .mm-page, html.mm-opened.mm-dragging .mm-fixed-top, html.mm-opened.mm-dragging .mm-fixed-bottom, html.mm-opened.mm-dragging #mm-blocker { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* jQuery.mmenu footer addon CSS */ .mm-footer { background: inherit; border-top: 1px solid transparent; text-align: center; line-height: 20px; box-sizing: border-box; width: 100%; height: 40px; padding: 10px 10px 0 20px; position: absolute; z-index: 2; bottom: 0; left: 0; } .mm-menu.mm-hasfooter > .mm-panel:after { height: 80px; } .mm-menu .mm-footer { border-color: rgba(0, 0, 0, 0.15); color: rgba(255, 255, 255, 0.3); } /* jQuery.mmenu header addon CSS */ .mm-header { background: inherit; border-bottom: 1px solid transparent; text-align: center; line-height: 20px; box-sizing: border-box; width: 100%; height: 60px; padding: 0 50px; position: absolute; z-index: 2; top: 0; left: 0; } .mm-header .mm-title, .mm-header .mm-prev, .mm-header .mm-next, .mm-header .mm-close { padding-top: 30px; } .mm-header .mm-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; width: 100%; position: relative; } .mm-header .mm-prev, .mm-header .mm-next, .mm-header .mm-close { text-decoration: none; display: block; box-sizing: border-box; min-width: 10px; height: 100%; position: absolute; top: 0; z-index: 1; } .mm-header .mm-prev { padding-left: 20px; padding-right: 10px; left: 0; } .mm-header .mm-next, .mm-header .mm-close { padding-left: 10px; padding-right: 20px; right: 0; } .mm-header [href].mm-prev:before, .mm-header [href].mm-next:after { content: ''; border: 2px solid transparent; display: inline-block; width: 7px; height: 7px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .mm-header [href].mm-prev:before { border-right: none; border-bottom: none; margin-left: 2px; margin-right: 5px; } .mm-header [href].mm-next:after, .mm-header [href].mm-close:after { margin-left: 5px; margin-right: -2px; } .mm-header [href].mm-next:after { border-top: none; border-left: none; } .mm-header [href].mm-close:after { content: 'x'; } .mm-menu.mm-hassearch .mm-header { height: 50px; top: 50px; } .mm-menu.mm-hassearch .mm-header .mm-title, .mm-menu.mm-hassearch .mm-header .mm-prev, .mm-menu.mm-hassearch .mm-header .mm-next, .mm-menu.mm-hassearch .mm-header .mm-close { padding-top: 20px; } .mm-menu.mm-hasheader li.mm-subtitle { display: none; } .mm-menu.mm-hasheader > .mm-panel { padding-top: 80px; } .mm-menu.mm-hasheader > .mm-panel.mm-list { padding-top: 60px; } .mm-menu.mm-hasheader > .mm-panel > .mm-list:first-child { margin-top: -20px; } .mm-menu.mm-hasheader.mm-hassearch > .mm-panel { padding-top: 120px; } .mm-menu.mm-hasheader.mm-hassearch > .mm-panel.mm-list { padding-top: 100px; } .mm-menu .mm-header { border-color: rgba(0, 0, 0, 0.15); color: #ccc; font-weight: 400; font-size: 20px; letter-spacing: 0px; } .mm-menu .mm-header .mm-prev:before, .mm-menu .mm-header .mm-next:after, .mm-menu .mm-header .mm-close:after { border-color: rgba(255, 255, 255, 0.3); } /* jQuery.mmenu labels addon CSS */ .mm-list li.mm-label > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 0; line-height: 25px; } .mm-list li.mm-label.mm-opened a.mm-subopen:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .mm-list li.mm-collapsed:not(.mm-uncollapsed) { display: none; } .mm-menu.mm-vertical .mm-list > li.mm-label > a.mm-subopen:after { top: 8.5px; } .mm-menu .mm-list li.mm-label > div > div { background: rgba(255, 255, 255, 0.05); } /* jQuery.mmenu searchfield addon CSS */ .mm-search, .mm-search input { box-sizing: border-box; } .mm-list > li.mm-search { padding: 10px; margin-top: -20px; } .mm-list > li.mm-subtitle + li.mm-search { margin-top: 0; } div.mm-panel > div.mm-search { padding: 0 0 10px 0; } .mm-menu.mm-hasheader .mm-list > li.mm-search { margin-top: 0; } .mm-menu > .mm-search { background: inherit; width: 100%; position: absolute; top: 0; left: 0; z-index: 2; } .mm-search { padding: 10px; } .mm-search input { border: none; border-radius: 30px; font: inherit; font-size: 14px; line-height: 30px; outline: none; display: block; width: 100%; height: 30px; margin: 0; padding: 0 10px; } .mm-search input::-ms-clear { display: none; } .mm-menu .mm-noresultsmsg { text-align: center; font-size: 21px; display: none; padding: 60px 0; } .mm-menu .mm-noresultsmsg:after { border: none !important; } .mm-noresults .mm-noresultsmsg { display: block; } .mm-menu li.mm-nosubresults > a.mm-subopen { display: none; } .mm-menu li.mm-nosubresults > a.mm-subopen + a, .mm-menu li.mm-nosubresults > a.mm-subopen + span { padding-right: 10px; } .mm-menu.mm-hassearch > .mm-panel { padding-top: 70px; } .mm-menu.mm-hassearch > .mm-panel > .mm-list:first-child { margin-top: -20px; } .mm-menu.mm-hasheader > .mm-panel > div.mm-search:first-child { margin-top: -10px; } .mm-menu.mm-hasheader > .mm-panel > div.mm-search:first-child + .mm-list { padding-top: 0; } .mm-menu .mm-search input { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.6); } .mm-menu .mm-noresultsmsg { color: rgba(255, 255, 255, 0.3); } /* jQuery.mmenu toggles addon CSS */ input.mm-toggle, input.mm-check { position: absolute; left: -10000px; } label.mm-toggle, label.mm-check { margin: 0; position: absolute; bottom: 50%; z-index: 2; } label.mm-toggle:before, label.mm-check:before { content: ''; display: block; } label.mm-toggle { border-radius: 30px; width: 50px; height: 30px; margin-bottom: -15px; } label.mm-toggle:before { border-radius: 30px; width: 28px; height: 28px; margin: 1px; } input.mm-toggle:checked ~ label.mm-toggle:before { float: right; } label.mm-check { width: 30px; height: 30px; margin-bottom: -15px; } label.mm-check:before { border-left: 3px solid; border-bottom: 3px solid; width: 40%; height: 20%; margin: 25% 0 0 20%; opacity: 0.1; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } input.mm-check:checked ~ label.mm-check:before { opacity: 1; } .mm-menu.mm-vertical .mm-list > li label.mm-toggle, .mm-menu.mm-vertical .mm-list > li label.mm-check { bottom: auto; margin-bottom: 0; } .mm-menu.mm-vertical .mm-list > li label.mm-toggle { top: 5px; } .mm-menu.mm-vertical .mm-list > li label.mm-check { top: 5px; } label.mm-toggle, label.mm-check { right: 20px; } label.mm-toggle + a, label.mm-toggle + span { margin-right: 70px; } label.mm-check + a, label.mm-check + span { margin-right: 50px; } a.mm-subopen + label.mm-toggle, a.mm-subopen + label.mm-check { right: 50px; } a.mm-subopen + label.mm-toggle + a, a.mm-subopen + label.mm-toggle + span { margin-right: 100px; } a.mm-subopen + label.mm-check + a, a.mm-subopen + label.mm-check + span { margin-right: 80px; } em.mm-counter + a.mm-subopen + label.mm-toggle, em.mm-counter + a.mm-subopen + label.mm-check { right: 90px; } em.mm-counter + a.mm-subopen + label.mm-toggle + a, em.mm-counter + a.mm-subopen + label.mm-toggle + span { margin-right: 140px; } em.mm-counter + a.mm-subopen + label.mm-check + a, em.mm-counter + a.mm-subopen + label.mm-check + span { margin-right: 120px; } .mm-menu label.mm-toggle { background: rgba(0, 0, 0, 0.15); } .mm-menu label.mm-toggle:before { background: #333333; } .mm-menu input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } .mm-menu label.mm-check:before { border-color: rgba(255, 255, 255, 0.6); } /* jQuery.mmenu effects extension CSS */ html.mm-slide .mm-menu { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-slide.mm-opened .mm-menu { -webkit-transform: translateX(-30%); -moz-transform: translateX(-30%); -ms-transform: translateX(-30%); -o-transform: translateX(-30%); transform: translateX(-30%); } html.mm-slide.mm-opening .mm-menu { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } html.mm-slide.mm-right.mm-opened .mm-menu { -webkit-transform: translateX(30%); -moz-transform: translateX(30%); -ms-transform: translateX(30%); -o-transform: translateX(30%); transform: translateX(30%); } html.mm-slide.mm-right.mm-opening .mm-menu { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } html.mm-slide.mm-top.mm-opened .mm-menu { -webkit-transform: translateY(-30%); -moz-transform: translateY(-30%); -ms-transform: translateY(-30%); -o-transform: translateY(-30%); transform: translateY(-30%); } html.mm-slide.mm-top.mm-opening .mm-menu { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } html.mm-slide.mm-bottom.mm-opened .mm-menu { -webkit-transform: translateY(30%); -moz-transform: translateY(30%); -ms-transform: translateY(30%); -o-transform: translateY(30%); transform: translateY(30%); } html.mm-slide.mm-bottom.mm-opening .mm-menu { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } html.mm-zoom-menu .mm-menu { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-zoom-menu.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateX(-30%); -moz-transform: scale(0.7, 0.7) translateX(-30%); -ms-transform: scale(0.7, 0.7) translateX(-30%); -o-transform: scale(0.7, 0.7) translateX(-30%); transform: scale(0.7, 0.7) translateX(-30%); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } html.mm-zoom-menu.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateX(0%); -moz-transform: scale(1, 1) translateX(0%); -ms-transform: scale(1, 1) translateX(0%); -o-transform: scale(1, 1) translateX(0%); transform: scale(1, 1) translateX(0%); } html.mm-zoom-menu.mm-right.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateX(30%); -moz-transform: scale(0.7, 0.7) translateX(30%); -ms-transform: scale(0.7, 0.7) translateX(30%); -o-transform: scale(0.7, 0.7) translateX(30%); transform: scale(0.7, 0.7) translateX(30%); -webkit-transform-origin: right center; -moz-transform-origin: right center; -ms-transform-origin: right center; -o-transform-origin: right center; transform-origin: right center; } html.mm-zoom-menu.mm-right.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateX(0%); -moz-transform: scale(1, 1) translateX(0%); -ms-transform: scale(1, 1) translateX(0%); -o-transform: scale(1, 1) translateX(0%); transform: scale(1, 1) translateX(0%); } html.mm-zoom-menu.mm-top.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateY(-30%); -moz-transform: scale(0.7, 0.7) translateY(-30%); -ms-transform: scale(0.7, 0.7) translateY(-30%); -o-transform: scale(0.7, 0.7) translateY(-30%); transform: scale(0.7, 0.7) translateY(-30%); -webkit-transform-origin: center top; -moz-transform-origin: center top; -ms-transform-origin: center top; -o-transform-origin: center top; transform-origin: center top; } html.mm-zoom-menu.mm-top.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateY(0%); -moz-transform: scale(1, 1) translateY(0%); -ms-transform: scale(1, 1) translateY(0%); -o-transform: scale(1, 1) translateY(0%); transform: scale(1, 1) translateY(0%); } html.mm-zoom-menu.mm-bottom.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateY(30%); -moz-transform: scale(0.7, 0.7) translateY(30%); -ms-transform: scale(0.7, 0.7) translateY(30%); -o-transform: scale(0.7, 0.7) translateY(30%); transform: scale(0.7, 0.7) translateY(30%); -webkit-transform-origin: center bottom; -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; -o-transform-origin: center bottom; transform-origin: center bottom; } html.mm-zoom-menu.mm-bottom.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateY(0%); -moz-transform: scale(1, 1) translateY(0%); -ms-transform: scale(1, 1) translateY(0%); -o-transform: scale(1, 1) translateY(0%); transform: scale(1, 1) translateY(0%); } html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel { -webkit-transform: scale(1.5, 1.5) translateX(100%); -moz-transform: scale(1.5, 1.5) translateX(100%); -ms-transform: scale(1.5, 1.5) translateX(100%); -o-transform: scale(1.5, 1.5) translateX(100%); transform: scale(1.5, 1.5) translateX(100%); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; -webkit-transition-property: -webkit-transform, left; transition-property: transform, left; } html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened { -webkit-transform: scale(1, 1) translateX(0%); -moz-transform: scale(1, 1) translateX(0%); -ms-transform: scale(1, 1) translateX(0%); -o-transform: scale(1, 1) translateX(0%); transform: scale(1, 1) translateX(0%); } html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened.mm-subopened { -webkit-transform: scale(0.7, 0.7) translateX(-30%); -moz-transform: scale(0.7, 0.7) translateX(-30%); -ms-transform: scale(0.7, 0.7) translateX(-30%); -o-transform: scale(0.7, 0.7) translateX(-30%); transform: scale(0.7, 0.7) translateX(-30%); } /* jQuery.mmenu fullscreen extension CSS */ .mm-menu.mm-fullscreen { width: 100%; min-width: 140px; max-width: 10000px; } html.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); } @media all and (max-width: 140px) { html.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(140px, 0); -moz-transform: translate(140px, 0); -ms-transform: translate(140px, 0); -o-transform: translate(140px, 0); transform: translate(140px, 0); } } @media all and (min-width: 10000px) { html.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(10000px, 0); -moz-transform: translate(10000px, 0); -ms-transform: translate(10000px, 0); -o-transform: translate(10000px, 0); transform: translate(10000px, 0); } } html.mm-right.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(-100%, 0); -moz-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); transform: translate(-100%, 0); } @media all and (max-width: 140px) { html.mm-right.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(-140px, 0); -moz-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); -o-transform: translate(-140px, 0); transform: translate(-140px, 0); } } @media all and (min-width: 10000px) { html.mm-right.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(-10000px, 0); -moz-transform: translate(-10000px, 0); -ms-transform: translate(-10000px, 0); -o-transform: translate(-10000px, 0); transform: translate(-10000px, 0); } } .mm-menu.mm-front.mm-fullscreen.mm-top, .mm-menu.mm-front.mm-fullscreen.mm-bottom { height: 100%; min-height: 140px; max-height: 10000px; } html.mm-opened.mm-fullscreen .mm-page { box-shadow: none !important; } /* jQuery.mmenu position extension CSS */ .mm-menu.mm-top, .mm-menu.mm-bottom { width: 100%; min-width: 100%; max-width: 100%; } .mm-menu.mm-right { left: auto; right: 0; } .mm-menu.mm-bottom { top: auto; bottom: 0; } html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-80%, 0); -moz-transform: translate(-80%, 0); -ms-transform: translate(-80%, 0); -o-transform: translate(-80%, 0); transform: translate(-80%, 0); } @media all and (max-width: 175px) { html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-140px, 0); -moz-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); -o-transform: translate(-140px, 0); transform: translate(-140px, 0); } } @media all and (min-width: 550px) { html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-440px, 0); -moz-transform: translate(-440px, 0); -ms-transform: translate(-440px, 0); -o-transform: translate(-440px, 0); transform: translate(-440px, 0); } } /* jQuery.mmenu z-position extension CSS */ html.mm-front .mm-slideout { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; z-index: 0 !important; } .mm-menu.mm-front { z-index: 1; box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); } html.mm-opened.mm-next .mm-page { box-shadow: none; } .mm-menu.mm-front, .mm-menu.mm-next { -webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; -webkit-transform: translate(-100%, 0); -moz-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); transform: translate(-100%, 0); } .mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right { -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); } .mm-menu.mm-front.mm-top { -webkit-transform: translate(0, -100%); -moz-transform: translate(0, -100%); -ms-transform: translate(0, -100%); -o-transform: translate(0, -100%); transform: translate(0, -100%); } .mm-menu.mm-front.mm-bottom { -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); -ms-transform: translate(0, 100%); -o-transform: translate(0, 100%); transform: translate(0, 100%); } html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .mm-menu.mm-front.mm-top, .mm-menu.mm-front.mm-bottom { height: 80%; min-height: 140px; max-height: 880px; } /* jQuery.mmenu themes extension CSS */ html.mm-opened.mm-light .mm-page { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .mm-menu.mm-light { background: #f3f3f3; color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-light .mm-list > li:after { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-light .mm-list > li > a.mm-subclose { background: rgba(255, 255, 255, 0.6); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-list > li > a.mm-subopen:after, .mm-menu.mm-light .mm-list > li > a.mm-subclose:before { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-list > li > a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-light .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-light .mm-list > li.mm-selected > span { background: rgba(255, 255, 255, 0.6); } .mm-menu.mm-light .mm-list > li.mm-label { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > ul { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-light .mm-buttonbar { border-color: rgba(0, 0, 0, 0.6); background: #f3f3f3; } .mm-menu.mm-light .mm-buttonbar > * { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-light .mm-buttonbar > input:checked + label { background: rgba(0, 0, 0, 0.6); color: #f3f3f3; } .mm-menu.mm-light label.mm-check:before { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-light em.mm-counter { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-footer { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-header { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-header .mm-prev:before, .mm-menu.mm-light .mm-header .mm-next:after, .mm-menu.mm-light .mm-header .mm-close:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-list li.mm-label > div > div { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-light .mm-search input { background: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-light .mm-noresultsmsg { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light label.mm-toggle { background: rgba(0, 0, 0, 0.1); } .mm-menu.mm-light label.mm-toggle:before { background: #f3f3f3; } .mm-menu.mm-light input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } html.mm-opened.mm-white .mm-page { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .mm-menu.mm-white { background: white; color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-white .mm-list > li:after { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-white .mm-list > li > a.mm-subclose { background: rgba(0, 0, 0, 0.06); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-list > li > a.mm-subopen:after, .mm-menu.mm-white .mm-list > li > a.mm-subclose:before { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-list > li > a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-white .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-white .mm-list > li.mm-selected > span { background: rgba(0, 0, 0, 0.06); } .mm-menu.mm-white .mm-list > li.mm-label { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > ul { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-white .mm-buttonbar { border-color: rgba(0, 0, 0, 0.6); background: white; } .mm-menu.mm-white .mm-buttonbar > * { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-white .mm-buttonbar > input:checked + label { background: rgba(0, 0, 0, 0.6); color: white; } .mm-menu.mm-white label.mm-check:before { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-white em.mm-counter { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-footer { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-header { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-header .mm-prev:before, .mm-menu.mm-white .mm-header .mm-next:after, .mm-menu.mm-white .mm-header .mm-close:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-list li.mm-label > div > div { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-white .mm-search input { background: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-white .mm-noresultsmsg { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white label.mm-toggle { background: rgba(0, 0, 0, 0.1); } .mm-menu.mm-white label.mm-toggle:before { background: white; } .mm-menu.mm-white input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } html.mm-opened.mm-black .mm-page { box-shadow: none; } .mm-menu.mm-black { background: black; color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-black .mm-list > li:after { border-color: rgba(255, 255, 255, 0.2); } .mm-menu.mm-black .mm-list > li > a.mm-subclose { background: rgba(255, 255, 255, 0.25); color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-list > li > a.mm-subopen:after, .mm-menu.mm-black .mm-list > li > a.mm-subclose:before { border-color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-list > li > a.mm-subopen:before { border-color: rgba(255, 255, 255, 0.2); } .mm-menu.mm-black .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-black .mm-list > li.mm-selected > span { background: rgba(255, 255, 255, 0.25); } .mm-menu.mm-black .mm-list > li.mm-label { background: rgba(255, 255, 255, 0.15); } .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > ul { background: rgba(255, 255, 255, 0.15); } .mm-menu.mm-black .mm-buttonbar { border-color: rgba(255, 255, 255, 0.6); background: black; } .mm-menu.mm-black .mm-buttonbar > * { border-color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-black .mm-buttonbar > input:checked + label { background: rgba(255, 255, 255, 0.6); color: black; } .mm-menu.mm-black label.mm-check:before { border-color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-black em.mm-counter { color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-footer { border-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-header { border-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-header .mm-prev:before, .mm-menu.mm-black .mm-header .mm-next:after, .mm-menu.mm-black .mm-header .mm-close:after { border-color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-list li.mm-label > div > div { background: rgba(255, 255, 255, 0.15); } .mm-menu.mm-black .mm-search input { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-black .mm-noresultsmsg { color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black label.mm-toggle { background: rgba(255, 255, 255, 0.2); } .mm-menu.mm-black label.mm-toggle:before { background: black; } .mm-menu.mm-black input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; }