@charset "utf-8";

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, 
pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, 
samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,time, mark, audio, video {
margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
/* HTML5 for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}

@font-face {font-family: 'OpenSans-Semibold';font-weight: normal;font-style: normal;
src: url('OpenSans-Semibold.eot?#iefix') format('embedded-opentype'), url('OpenSans-Semibold.woff') format('woff'), url('OpenSans-Semibold.ttf') format('truetype'), url('OpenSans-Semibold.svg#OpenSans-Semibold') format('svg');}

/* Clear */
.clear {clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clear:after {clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0;}
* html .clear {height:1%;}

/* Style */
html {background: rgba(0, 0, 0, 0) url("../images/tastatur.png") no-repeat fixed center center / cover ;}
body {background:transparent;color:#333;font-family:"Open Sans", sans-serif;font-size:13px;line-height:1.62em;}
a {color:#21759b;text-decoration:none;-moz-transition: color .25s ease, margin .25s ease;
-webkit-transition: color .25s ease, margin .25s ease;-o-transition: color .25s ease, margin .25s ease;
-ms-transition: color .25s ease, margin .25s ease;transition: color .25s ease, margin .25s ease;}
a:hover {color:#d54e21;}
h1, h2, h3, h4, h5, h6 {margin-bottom:18px;font-family:"Myriad Pro", sans-serif;font-weight:300;line-height:1.62em;letter-spacing:1px;}
h1 {font-size:36px;}
h2 {font-size:32px;}
h3 {font-size:24px;}
h4 {font-size:18px;}
h5 {font-size:16px;}
h6 {font-size:15px;}
p {margin-bottom:24px;}
blockquote {position:relative;color:#444;font-family:Georgia, "URW Bookman L", serif;
font-style:italic;margin:0 30px 0 60px;}
blockquote:before {position:absolute;top:30px;left:-75px;content:"\201C";color:#DDD;font-family:serif;font-size:96px;}

table {width:100%;border-collapse:collapse;text-align:center;margin-bottom:24px;}
table tr:nth-child(even) {background:#F8F8F8;}
table th,table td {padding:6px 0;}
table th {font-weight:600;}
fieldset {border:transparent 1px solid;padding:2% 0;}
form label, form legend {display: block;float:left; width:25%;
margin-bottom:10px;text-align: left;color: #003055;}
input[type="text"],input[type="password"],textarea {padding:1.5%;width: 60%;
box-shadow:inset 1px 1px 5px rgba(0, 0, 0, .05);background:#FCFCFC;
border:#EEE 1px solid;color:#003055;font-family:"Open Sans", sans-serif;font-size:13px;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus {
background:#FFF;border:#ddd 1px solid;color:#333;outline: none;}
textarea {font-size:15px;}
input[type=submit],button[type=submit],input[type=reset],input[type=button] {margin-left: 25%;margin-top:16px;
padding:4px 15px;border-radius:15px;box-shadow:0 0 5px rgba(0, 0, 0, .1);
background:#F8F8F8;background:-moz-linear-gradient(#FCFCFC, #F3F3F3);background:-webkit-linear-gradient(#FCFCFC, #F3F3F3);
background:-o-linear-gradient(#FCFCFC, #F3F3F3);background:-ms-linear-gradient(#FCFCFC, #F3F3F3);
background:linear-gradient(#FCFCFC, #F3F3F3);border:none;border-bottom:#DDD 1px solid;color:#444;font-family:"Open Sans", sans-serif;font-size:13px;}
input[type=submit]:hover,button[type=submit]:hover,input[type=reset]:hover,input[type=button]:hover {
box-shadow:#aaa 0 0 5px;}
input[type=submit]:focus,button[type=submit]:focus,input[type=reset]:focus,input[type=button]:focus {
box-shadow:#aaa 0 0 5px;background:-moz-linear-gradient(#EEE, #F9F9F9);
background:-webkit-linear-gradient(#EEE, #F9F9F9);background:-o-linear-gradient(#EEE, #F9F9F9);
background:-ms-linear-gradient(#EEE, #F9F9F9);background:linear-gradient(#EEE, #F9F9F9);}
form input.captcha.mandatory {width: 30%;}
form .invisible {display: none;}
input.checkbox {width: 8%;float: left;}
.checkbox_container label {width: 60%;}

hr {border:none;border-top:#EEE 1px solid;}
dt {font-weight:600;margin-bottom:24px;}
dd {margin-left:30px;margin-bottom:24px;}
ul {list-style-type:disc;margin-left:30px;margin-bottom:24px;}
ul li {margin-top:4px;}
ul ul {list-style-type:square;margin-bottom:0;}
ul ul ul {list-style-type:circle;}
ol {list-style-type:decimal;margin-left:30px;margin-bottom:24px;}
ol ol {list-style: upper-alpha;margin-bottom:0;}
ol ol ol {list-style: lower-roman;}
ol ol ol ol {list-style: lower-alpha;}

address {font-size:14px;font-style:italic;margin-bottom:16px;}
abbr,acronym {border-bottom:#999 1px dotted;cursor:help;}
big {font-size:1.3em;}
em {font-style:italic;}
pre {padding:15px;background:#F8F8F8;border:#E3E3E3 1px dashed;color:#000;
font-family:Monaco, Consolas, "Lucida Console", "Bitstream Vera Sans Mono", monospace;
font-size:12px;line-height:1.62em;margin-bottom:24px;overflow:auto;}
q {quotes:inherit;}
q:before {content:open-quote;}
q:after {content:close-quote;}
strong {font-weight:600;}
sup,sub {height:0;line-height:1;vertical-align:baseline;position:relative;font-size:10px;}
sup {bottom:1ex;}
sub {top:.5ex;}
img,video {max-width:100%;height:auto;}
figure img {display:block;margin:0 auto;-webkit-border-radius: 6px;-moz-border-radius: 6px;
border-radius: 6px;}
video {display:block;}
audio {max-width:100%;}

/* Standard */
.aligncenter {display:block;margin:20px auto;}
.alignleft {float:left;margin:10px 20px 10px 0;}
.alignright {float:right;margin:10px 0 10px 20px;}
.image_container.float_left {float:left;margin:0 10px 10px 0;}
.image_container.float_right {float:right;margin:0 0 10px 10px;}

.caption {max-width:96%;padding:3% 2%;box-shadow:0 0 5px rgba(0, 0, 0, .1);background:#FCFCFC;border-bottom:#EEE 1px solid;}
.caption a img {display:block;padding:0;margin:0 auto;border:none;box-shadow:none;}
.caption-text {margin:3% 0 0;color:#333;font-size:13px;line-height:1.62em;text-align:center;}
.gallery {margin:auto;}

/* Grid */
.column {float:left;}
.onecol {width:100%;}
.twocol {width:49.9%;}
.threecol {width:33.3%;}
.fourcol {width:25%;}
.twothirdcol {width:66.7%;}
.threefourthcol {width:75%;}
.mod_article {display:block; overflow:hidden;position:relative;}
.technik .mod_article {border-bottom: 3px solid #fecc00;}
.mod_article:after {clear:left;}

.box_1, .box_2, .box_3 {display: inline;float: left;margin-left: 5px;margin-right: 5px;position: relative;}
.box_1 {width: 250px;}
.prefix_1 {padding-left: 40px;}

/* Layout Typography */
#wrapper {position:relative;max-width:1140px;margin:0 auto;width: 960px;
background:rgba(255, 255, 255, 0.7) none repeat scroll 0 0;overflow:hidden;font-size:16px;}

#header img {display: block;margin-left: auto;margin-right: auto;}
#header h1 {text-align: center; color:#003055;}

/* Navigation */
.mod_navigation.block {overflow:visible;}
#navmobile, #navmobile a.invisible {display:none;}

#access a.invisible {display: none;}
#access {padding:0;background:#FFF;border-top:3px solid #fecc00;text-align: center;
border-bottom:3px solid #fecc00;}
#access ul {padding:0;margin:0;list-style:none;font-weight:600;display: inline-block;}
#access li {position:relative;float:left;padding:0;margin:0;}
#access ul li:first-child {padding-left:0;}
#access a, #access li.active {display:block;padding:15px 24px;color:#003055;text-decoration:none;font-size: 30px;
-moz-transition: background-color .25s ease, margin .25s ease;
-webkit-transition: background-color .25s ease, margin .25s ease;
-o-transition: background-color .25s ease, margin .25s ease;
-ms-transition: background-color .25s ease, margin .25s ease;
transition: background-color .25s ease, margin .25s ease;}
#access a:hover,#access li.current > a,#access li.active {background:rgba(255, 255, 255, .2);color:#CCC;text-decoration:none;}
/*#access a span {color:#999;font-size:11px;font-style:italic;font-weight:normal;line-height:1.62em;text-transform:none;}*/
#access li li {float:none;min-width:190px;padding:0;margin:0;background:#333;
border-top:rgba(255, 255, 255, .05) 1px solid;border-bottom:rgba(0, 0, 0, .1) 1px solid;}
#access li li a {min-width:150px;padding:5px 24px;margin:0;background: none;font-size:13px;
line-height:33px;text-align:left;overflow:hidden;}
#access li li:first-child > a {border-top: none;}
#access li li:last-child > a {border-bottom: none;}
#access li li a:hover {background:rgba(255, 255, 255, .2);}
#access li ul {display:none;position:absolute;z-index:9999;min-width:240px;height:auto;
padding:0;margin:0;box-shadow:0 0 3px #333;font-weight: normal;text-transform: none;}
#access li ul ul {margin:-45px 0 0 240px !important;}
#access li:hover > ul,#access li li:hover > ul,#access li li li:hover > ul {display:block;}

#current-location,#sidebar-wide,#sidebar-footer-wide {padding: 20px 3.1%;
background: #eee;border-bottom: #e0e0e0 1px solid;border-bottom: rgba(0, 0, 0, .055) 1px solid;font-weight: 300;}
#sidebar-wide,#sidebar-footer-wide {text-align:center;}
#sidebar-wide .widget-title,#sidebar-footer-wide .widget-title {margin:0;
font-family:"Open Sans", sans-serif;font-size:32px;font-style:italic;font-weight:300;
letter-spacing:normal;}
#sidebar-wide .widget,#sidebar-footer-wide .widget {margin:0;}
#sidebar-boxes {padding:1.6%;}
#container {margin:1.6% 7.5%;}

#content {width: 100%;}
#content {float:left;}

.button {display: inline-block;padding: 5px 18px;border-radius: 100px;box-shadow:0 0 5px rgba(0, 0, 0, .1);color: #fff;margin: 5px;}
a.button:hover {color: #fff;box-shadow:0 0 5px rgba(0, 0, 0, .2);}

.notice {padding: 12px;margin-bottom: 24px;border-radius: 4px;box-shadow:0 0 5px rgba(0, 0, 0, .1);}
.info {background: #CEFFCE;border-bottom: 1px solid #9ABF9A;}
.warning {background: #FFFFCE;border-bottom: 1px solid #BFBF9A;}
.error {background: #FFCECE;border-bottom: 1px solid #BF9A9A;}

.columns .column {margin-left: 3%;}
.columns .column:first-child {margin: 0;}
.columns .twocol {width: 48.5%;}
.columns .threecol {width: 31.3%;}
.columns .fourcol {width: 22.75%;}
.columns .twothirdcol {width: 65.7%;}
.columns .threefourthcol {width: 74.5%;}
.column .threecol.box {width: 25.3%;padding: 3%;margin-bottom: 24px;background: #f8f8f8;
border-bottom:#ddd 1px solid;box-shadow:0 0px 5px rgba(0, 0, 0, .15);}
.column .threecol.box p {margin: 0;}
.entry-utility {padding-top:20px;border-top:#eee 1px solid;}
.post-pagination {margin-bottom:12px;}

#sidebar {color:#ccc;}
#sidebar-left .widget,#sidebar-right .widget {margin:10%;}
#sidebar-right .widget {margin:6.55%;}
.widget-area {font-weight:300;}
#sidebar {float:right;}
#sidebar-right {width:12.75%;}

.widget-title {margin:0;font-family:"Oswald", sans-serif;font-size:20px;font-weight:300;letter-spacing:1px;}
#sidebar-boxes .widget-title {font-family:"Open Sans", sans-serif;font-size:13px;font-weight:600;text-transform: uppercase;}
.widget-area ul {margin:0;padding:10px;list-style:none;overflow:visible;}
.widget-area li {padding:7px 0;margin:0;border-bottom:#EEE 1px solid;
rborder-bottom:rgba(0, 0, 0, .036) 1px solid;line-height:1.62em;}

.widget-area li li {border-bottom:none;}
.widget-area li ul {margin-left:20px;}
.widget-area a {color:#7597B9;}
.widget-area a:hover {color:#d54e21;}

#footer {clear:both;background-color:#003055;display: inline-block;width: 100%;
color: #fff;margin: 0 0 -6px;font-size: 13px;}
#footer a {color:#CCC;}

.copyright {padding:1.4% 3.2%;margin-top: 8.2em;text-align: right;color:#CCC; font-weight:300;}
.copyright p {margin:0;}
.copyright a {color:#ccc;text-decoration:none;}
.copyright a:hover {color:#ddd;}
#footer:after {clear:both;}

@media screen and (max-width: 1152px) {
	.threefourthcol {width: 66.7%;}
	.threefourthcol .threecol {width: 50%;}
	.fourcol,.onecol .fourcol {width: 33.3%;}

	#wrapper {max-width:960px;}
	.threefourthcol .threecol .entry,.onecol .fourcol .entry,.fourcol .widget {margin: 5%;}
}

@media screen and (max-width : 960px) {
	.onecol .threecol,.onecol .fourcol {width:50%;}
	#wrapper {max-width:760px;}
	#container {margin:2.2%;}
	#copyright {padding:1.7% 4.3%;}
}

@media screen and (max-width: 760px) {
	header {overflow: hidden;}
	.twocol,.threecol,.fourcol,.onecol .threecol,.threefourthcol .threecol,.onecol .fourcol {float:none;width:100%;}
	.alignleft,.alignright {display: block;float: none;margin:20px auto;}
	#wrapper {max-width:380px;}
	.caption {padding:10px 0 0;}
	#site-title,#site-description {float:none;margin:0;line-height:1.62em;text-align:center;}
	#site-title {margin:18px 0;}
	#site-description {display: none;padding-bottom:18px;}
	#sidebar-header {float:none;width:auto;height:auto;max-height:90px;margin-top:0;}
	#container {margin:3.2%;}
	.entry,.twocol .entry,.onecol .hentry .entry,.onecol .threecol .entry,
	.threefourthcol .threecol .entry,.onecol .fourcol .entry {margin:3.4%;}
	.columns .twocol,.columns .threecol,.columns .fourcol,.columns .twothirdcol,
	.columns .threefourthcol {width: 100%;margin: 0;}
	.column .threecol.box {width: 94%;}
	#posts-nav,.onecol #posts-nav {padding:5.7%;margin:3.4%;}
	.page-numbers .text {display:none;}
	#sidebar-boxes {text-align: center;}
	#sidebar .onecol {width:100%;}
	#sidebar .twocol {float:left;width:50%;}
	#sidebar-boxes .threecol {margin-bottom: 6.8%;}
	#sidebar-boxes .threecol:last-child {margin: 0;}
	#sidebar .widget,#footer-area .widget,#sidebar-boxes .widget {margin:3.4%;}
	#sidebar-left .widget,#sidebar-right .widget {margin:6.8%;}
	#sidebar-boxes,#footer-area {padding:3.2%;}
	#copyright {padding:1.7% 6.5%;line-height:2em;}
	#access {display: none;}

/* All the following are for the div.menu-icon (pure CSS) */
	.icon-align-justify {font-size: 32px; /*icon size*/display: block;position: relative;
	width: 40px;height: 36px;text-align: center;cursor: pointer;
	-moz-user-select: none;-webkit-user-select: none;
	background-color: #86bc32;border-radius: 3px;margin-bottom:6px;
	margin-left: 3px;margin-right: auto;}
	.icon-align-justify::before {content: "";position: absolute;top: 0.25em;
	left: 4px;width: 1em;height: 0.125em;border-top: 0.375em double #FFF;
	border-bottom: 0.125em solid #FFF;box-sizing: content-box;}

	#menue {width: 100%;}
	#menue {background-color: transparent;display: inline;float: left;position: relative;}
	#navmobile {display: block;}
	#navmobile a {margin: 0 0 0 10px;padding: 2px 0 2px 15px;text-decoration: none;}
	/*.mod_navigation.block {display: none;}*/
	#navmobile a:hover {color:#999;}
	#navmobile {display: block;border-top: 3px solid #fecc00;border-bottom: 3px solid #fecc00;margin-bottom: 24px;}
	#navmobile ul {margin-bottom: 0;}
	#navmobile li.active {padding: 2px 0 2px 25px;}
	.copyright {margin-top: 8px;text-align: left;}
	form label, form legend {float: none;}
	.image_container.float_left, .image_container.float_right {float:none;margin:0 0 16px 0;}
	figure {margin:0;padding:0;}
	img, video {width: 100%;}
}

@media screen and (-webkit-min-device-pixel-ratio : 1.5), screen and (min-device-pixel-ratio : 1.5) {
	#access .nav-show,#access a.nav-show:hover {background-image: url(images/nav_2x.png);
	background-size:100%;}
	#header input#s {background-image: url(images/search_2x.png);background-size:36px;
	background-position: -3px center;}
}

/* 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: 14px; }
  .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; }
  .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: #333333;
  color: rgba(255, 255, 255, 0.6); }
  .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 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; }

/*------------------------------------------------*/