/* noto-sans-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: 'Noto Sans';
  font-style: normal;
  font-weight: 200;
  src: url('../Fonts/noto-sans-v36-latin-200.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../Fonts/noto-sans-v36-latin-200.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* noto-sans-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: 'Noto Sans';
  font-style: italic;
  font-weight: 200;
  src: url('../Fonts/noto-sans-v36-latin-200italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../Fonts/noto-sans-v36-latin-200italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* noto-sans-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: 'Noto Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../Fonts/noto-sans-v36-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../Fonts/noto-sans-v36-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* noto-sans-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: 'Noto Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../Fonts/noto-sans-v36-latin-300italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../Fonts/noto-sans-v36-latin-300italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* noto-sans-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: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../Fonts/noto-sans-v36-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../Fonts/noto-sans-v36-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* noto-sans-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: 'Noto Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../Fonts/noto-sans-v36-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../Fonts/noto-sans-v36-latin-italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* noto-sans-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: 'Noto Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../Fonts/noto-sans-v36-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../Fonts/noto-sans-v36-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* noto-sans-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: 'Noto Sans';
  font-style: italic;
  font-weight: 500;
  src: url('../Fonts/noto-sans-v36-latin-500italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../Fonts/noto-sans-v36-latin-500italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* noto-sans-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: 'Noto Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../Fonts/noto-sans-v36-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../Fonts/noto-sans-v36-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* noto-sans-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: 'Noto Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../Fonts/noto-sans-v36-latin-600italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../Fonts/noto-sans-v36-latin-600italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* noto-sans-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: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../Fonts/noto-sans-v36-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../Fonts/noto-sans-v36-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* noto-sans-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: 'Noto Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../Fonts/noto-sans-v36-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../Fonts/noto-sans-v36-latin-700italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* noto-sans-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: 'Noto Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../Fonts/noto-sans-v36-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../Fonts/noto-sans-v36-latin-800.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* noto-sans-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: 'Noto Sans';
  font-style: italic;
  font-weight: 800;
  src: url('../Fonts/noto-sans-v36-latin-800italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../Fonts/noto-sans-v36-latin-800italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* noto-sans-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: 'Noto Sans';
  font-style: normal;
  font-weight: 900;
  src: url('../Fonts/noto-sans-v36-latin-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../Fonts/noto-sans-v36-latin-900.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* noto-sans-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: 'Noto Sans';
  font-style: italic;
  font-weight: 900;
  src: url('../Fonts/noto-sans-v36-latin-900italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../Fonts/noto-sans-v36-latin-900italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

:root {
  --sigblue: #164194;
  --siggreen: #84af62;
  --eu: #8ca446;
  --id: #6cc0e3;
  --mg: #19a08f;
  --mt: #f4a13e;
  --tp: #f1c40f;
  --wm: #e93a4c;
}


@media all
{
*                               { margin:0px; padding:0px;}
html                            { -webkit-text-size-adjust: 100%;}
html, body                      { }
body                            { border-top:3px solid #fff;background:#eee;font-size:16px;font-family: 'Noto Sans', sans-serif; color:#444;font-weight:300;overflow-x: hidden;}
img                             { border:none;}
.clr                            { clear:both;line-height:0px;height:0px;font-size:0px;}
a                               { cursor:pointer;color:#1d1d1b;text-decoration:none;font-weight:300;-moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;}
a:hover                         { text-decoration:none;-moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;}
        
#page                           { margin:0px auto 0px;}
#logo                           { margin:30px 0px 30px 30px;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                       { -webkit-border-top-right-radius: 50px;-moz-border-radius-topright: 50px;border-top-right-radius: 50px;margin: 0px;height:auto;width: 235px;height:auto;-moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; /* Standard */}

#header                         { padding: 0px 0px 0px;-moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;position:fixed;z-index:200;width: 295px;background:var(--siggreen); height:100%;-webkit-border-top-right-radius: 150px;
                                  -moz-border-radius-topright: 150px;
                                  border-top-right-radius: 150px;
                                  -webkit-box-shadow: 6px 0px 10px 0px rgba(0,0,0,0.11);
                                  -moz-box-shadow: 6px 0px 10px 0px rgba(0,0,0,0.11);
                                  box-shadow: 6px 0px 10px 0px rgba(0,0,0,0.11);
                                  overflow:hidden;top:0px;}
#left_bar                       { background:#fff; }
#left_bar_skew                  { padding:25px; background:#fff;transform: skew(0deg,-5deg); margin-top: -25px;}
.inner                          { margin:0px auto;max-width:1180px;}
.inner_top                      { background: #fff;position:relative;margin:0px auto;max-width:1180px;-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;-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);}
.inner_top_space                { padding:14px 30px; }
input, textarea, select         { font-family: 'Noto Sans', sans-serif; font-size: 16px; padding: 3px 5px;}
header ul, footer ul            { margin:0px;}               
ul                              { margin:16px;}

.clear:after                    { content: "."; display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

#copyright                      { color: #fff;font-weight:300;font-size: 14px; float:left;margin-right:12px;}
footer                          { text-align:left;overflow:visible;clear:both;margin-top:0px;background: var(--siggreen);margin-left: 295px; font-size:14px;}
#page_bottom                    { z-index: 4; width:100%; bottom:0px;position:fixed;}
#footer_inner                   { padding:12px 30px 14px;margin:0px;}
a.sig_totop                      { float:right;margin:0px 6px 0px 12px;display:block;text-transform: uppercase;text-decoration: none;font-weight:300;color: #fff;}
#footernav                      { float:left;}
#footernav ul                   { list-style-type:none;border-left:1px solid #fff;}
#footernav ul li                { display: block;float: left;}
#footernav ul li a              { color: #fff;display:block;font-weight:300;padding:0px 14px;text-transform: uppercase; border-right:1px solid #fff;}
#footernav ul li:first-child a  { border-left: 1px solid #fff;}
#footernav ul li a#current_footer{ font-weight:500;}
#page_bottom.fixed              { width:100%;bottom:0px;z-index:200; }
.inner_top nav                  { margin:20px 15% 60px 80px;}
#nav_social                     { margin:0px 15% 60px 80px;}
#nav_main                       { margin: 50px 0px 60px 40px;position: relative;z-index: 5;}
#nav_main ul                    { list-style:none;margin:0px;}  
#nav_main ul li                 { position:relative;}
#nav_main ul li a               { display:block;letter-spacing: 0.5px;font-weight:600;font-size:16px;padding:8px 18px;margin:0px;text-decoration:none; color:var(--sigblue);text-transform: uppercase}
#nav_main ul li.current > a,
#nav_main ul li.active > a,
#nav_main ul li.current > a:hover,
#nav_main ul.mainlevel_2 li.current a:hover,
#nav_main ul li a#active:hover{ background:var(--sigblue); color:#fff;}
#nav_main ul li a:hover{ background:#eee;letter-spacing: 0.9px;}
#nav_main #navlink_10.current ul.mainlevel_2,
#nav_main #navlink_10.active ul.mainlevel_2{
  display:block;
  z-index:8;
  background:#eee;
  margin-left:18px;
}

#nav_main ul.mainlevel_2        { margin:0px 0px 12px; display:none;}
#nav_main ul.mainlevel_2 li a   { font-size:13px;letter-spacing: 0.2px;line-height:17px;}
#nav_main ul.mainlevel_2 li a:hover   { background:#fff;letter-spacing: 0.6px;}

#sliderbox                      { margin: auto auto 0px;max-width: 1400px; padding: 0 0px;z-index: 1;position: relative;}
#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                       { background:#eee; border-left:30px solid var(--sigblue); border-top:0px solid #fff;}
#rootline p                     { padding:7px 30px 6px 12px; font-size:12px; text-transform: uppercase; color:#242424; font-weight:400;letter-spacing: 0.4px;}
#rootline a                     { color:var(--sigblue); font-weight:400; }
#rootline i                     { padding:0px 12px;color:#999;}

.pull-right                     { float:right; }


#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: 'Noto Sans', 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;
  height:25px;
  font-size: 18px;
  font-weight: 500;
  display: inline-block;
  margin-top: 15px;
  display:none;

}
#nav_right{
    position: fixed;
    right: 0px;
    top: 25px;
    margin: 0px;
    text-align: center;
    z-index: 5;   
}
#sig_1 #nav_right{
    top: 155px;
}
#nav_right li{
    width: 48px;

}
#nav_right a{
    padding: 12px 8px 12px 16px;
    background: #fff;
    margin-bottom: 2px;
    -webkit-border-top-left-radius: 35px;
    -webkit-border-bottom-left-radius: 35px;
    -moz-border-radius-topleft: 35px;
    -moz-border-radius-bottomleft: 35px;
    border-top-left-radius: 35px;
    border-bottom-left-radius: 35px;
    cursor: pointer;
    display: block;
    font-weight: 600;
    color: var(--sigblue);
    font-size: 24px;
        -webkit-box-shadow: 0px 0px 14px -3px rgba(0,0,0,0.21);
-moz-box-shadow: 0px 0px 14px -3px rgba(0,0,0,0.21);
box-shadow: 0px 0px 14px -3px rgba(0,0,0,0.21);
}
#nav_right a:hover{
    background-color: var(--sigblue);
    color:#fff;
}

/************ Format global ********/

.center{
  text-align:center;
}


/************ Buttons ************/


.social_btn{
  display:inline-block;
  width:20px;
  height:20px;
  margin:3px 6px;
  vertical-align: middle;
}


.ce-gallery.ce-border{
  border:1px solid #ddd;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.ce-image{
  overflow:visible;
}



/* ######################################################################################################
** ### Typographie & Buttons ##################################################################
** ######################################################################################################
*/

h1{
                font-size:32px;
                padding:0px 0px 18px;
                font-weight:400;
                
}

h2{
                font-size:30px; 
                font-weight:300;
                margin:0px 0px 12px 0px;
                
}

h3{
                font-size:18px;
                font-weight:400;
                padding:3px 0px 6px;
}

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;
}

p.text-right{
    text-align: right;
}
p.text-left{
    text-align: left;
}
p.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:80px;
  margin-right:0px;
}

.frame-type-text ul li{
  padding-left:20px;
}
.frame-type-text ul li:before{
  
    content:'\f0a9';
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-size: 15px !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;
    color:#999;
    margin-top:4px;
    position:absolute;
    margin-left:-24px;
  
}

/* ######################################################################################################
** ### Formatierung der Inhaltsspalten ##################################################################
** ######################################################################################################
*/

#main_full,
#page_bottom_top{
  margin:0px auto 0px;
}
#main_content{
  padding:0px;
  min-height: 600px;
}

#page{
  min-height: 400px;
  margin-bottom: 0px;
}
#content_main{
  clear:both;
}

#subpage_container{
  margin:-200px 0px  120px 295px;
  position: relative;
  z-index:4;
}
#subpage_container > .inner{
   max-width:1100px;
   margin:0px auto;
   min-height:220px;
   background:#fff;
   -webkit-border-top-right-radius: 30px;
   -moz-border-radius-topright: 30px;
   border-top-right-radius: 30px;
   overflow: hidden;
   -webkit-box-shadow: 0px 0px 19px -2px rgba(0,0,0,0.12);
-moz-box-shadow: 0px 0px 19px -2px rgba(0,0,0,0.12);
box-shadow: 0px 0px 19px -2px rgba(0,0,0,0.12);
}
.subpage_pad{
  padding:40px;
}

.grid1column,
.grid2columns_66_33,
.grid2columns_33_66,
.grid2columns_50_50,
.grid3columns,
.grid4columns{
   max-width:1100px;margin:0px auto;
   min-height:120px;
}
.column_100{
    padding: 45px 0px;
}

#sig_1 .gridcontainer{
   margin-left:295px;
}

.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%;
}

.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{
                margin-right:10px;
                
}
.subcol4_2 .inner_col, .subcol4_3 .inner_col{
                margin:0px 10px;
}
.subcol4_4 .inner_col{
                margin-left:20px;
}
.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;
}

/**************************** CCA ************************/

.column_100.layout_1{
    background:#ddd;
}
.column_100.layout_2{
    background:#fff;
}
.column_100.layout_3{
    background:#e5ebf6;
    padding-bottom:75px;
}

/**************************** IMG CONTAINER ****************************/

#image_container_fullwidth{
  height:320px;
  overflow:hidden;
  position: relative;
  background:#fff url(/fileadmin/user_upload/slider/slide1.jpg) no-repeat center bottom;
  background-size:cover;
}
 
#sig_1 #image_container_fullwidth{
  height:540px;
  background:#fff;
}

#sig_12 #image_container_fullwidth{
  background-position:center center;
}

#sig_13 #image_container_fullwidth{
  background-position:center top -110px;
}

#main_bar_skew{
  padding: 100px 0px;
  background: #eee;
  transform: skew(0deg,-5deg);
  position: absolute;
  z-index: 3;
  width: 100%;
  bottom: -110px;
  border-top: 2px solid #fff;
}
#sig_1 #main_bar_skew{
  background: #ddd;
}

/**************************** Kontaktadresse ****************************/

#sig-contactdata{
  color:#fff;
  margin: 50px 0px 50px 58px;
  font-weight:400
}
.phone:before,
.mail:before{
    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;
    margin-right:8px;
    
}
.mail:before{
    content: "\f0e0";
}
.phone:before{
    content: "\f095";
}

#adresse_line{
  position:absolute;
  background:#fff;
  padding:1px 8px 2px;
  margin:-15px 0px 0px -58px;
}

.subcol33_2 .phone:before,
.subcol33_2 .mail:before{
  color: var(--sigblue);
}



/**************************** INTRO ****************************/

.intro_container{
    -webkit-border-top-right-radius: 150px;
    -moz-border-radius-topright: 150px;
    border-top-right-radius: 150px;
    overflow:hidden;
    position: relative;
    border-bottom:0px solid #fff;
    z-index: 3;
    margin-top:-250px;
    margin-bottom: 34px;
  -webkit-box-shadow: 0px 0px 19px -2px rgba(0,0,0,0.12);
-moz-box-shadow: 0px 0px 19px -2px rgba(0,0,0,0.12);
box-shadow: 0px 0px 19px -2px rgba(0,0,0,0.12);
}
.intro_blue{
    padding:30px 45px 100px;
    background:var(--sigblue);
}
.intro_blue h1{
  font-size:64px;
  font-weight:600;
  color:#fff;
  padding:0px;
  line-height: normal;
}
.intro_blue h2{
  font-size:28px;
  color:#fff;
  font-weight:400;
  line-height: 40px;
}
.intro_white{
    padding:0px;
    position: absolute;
    bottom:24px;
    right:50px;
    font-size:18px;
    color:#eee;
    text-transform: uppercase;
}
.intro_white a{
    font-weight:600;
}
.intro_white a:before{
    content: "\f061";
    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;
}
#intro-skew-line{
    padding:25px 0px;
    width:100%;
    position:absolute;
    background:#164194;
    transform: skew(0deg,-5deg);
}
#triangle {
   width: 0px;
   height: 0px;
   border-style: solid;
   border-width: 0 0px 100px 1180px;
   border-color: transparent transparent #fff transparent;
   transform: rotate(0deg);
   margin-top:-110px;
}

/**************************** Themenfelder ****************************/

#box_themenfelder{
    background:#fff;
    -webkit-box-shadow: 0px 0px 19px -2px rgba(0,0,0,0.12);
    -moz-box-shadow: 0px 0px 19px -2px rgba(0,0,0,0.12);
    box-shadow: 0px 0px 19px -2px rgba(0,0,0,0.12);
}
ul#tf_nav{
  display:block;
  height:100%;
  margin:0px;
  width:28%;
  float:left;
  background-color:#fff;
}
ul#tf_nav li a{
  display:block;
  padding:20px 18px;
  font-size:18px;
  font-weight:600;
  margin-bottom:2px;
  background-color:#f4f4f4;
  position: relative;
}
ul#tf_nav li a span{
  position: relative;
  z-index: 2;
}
ul#tf_nav li a.active,
ul#tf_nav li a:hover{
  color:#fff;
}
ul#tf_nav li a:after{
  position: absolute;
  content: " ";
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  transition: all .35s;
  background:#aaa;
}
ul#tf_nav li a:hover:after{
  width:100%;
}

ul#tf_nav li.eu a{
  border-left:10px solid var(--eu);
}
.eu a.sig_btn:hover,
ul#tf_nav li.eu a:after,
ul#tf_nav li.eu a.active{
  background: var(--eu);
}

ul#tf_nav li.id a{
  border-left:10px solid var(--id);
}
.id a.sig_btn:hover,
ul#tf_nav li.id a:after,
ul#tf_nav li.id a.active{
  background: var(--id);
}
ul#tf_nav li.mg a{
  border-left:10px solid var(--mg);
}
.mg a.sig_btn:hover,
ul#tf_nav li.mg a:after,
ul#tf_nav li.mg a.active{
  background: var(--mg);
}
ul#tf_nav li.mt a{
  border-left:10px solid var(--mt);
}
.mt a.sig_btn:hover,
ul#tf_nav li.mt a:after,
ul#tf_nav li.mt a.active{
  background: var(--mt);
}
ul#tf_nav li.tp a{
  border-left:10px solid var(--tp);
}
.tp a.sig_btn:hover,
ul#tf_nav li.tp a:after,
ul#tf_nav li.tp a.active{
  background: var(--tp);
}
ul#tf_nav li.wm a{
  border-left:10px solid var(--wm);
}
.wm a.sig_btn:hover,
ul#tf_nav li.wm a:after,
ul#tf_nav li.wm a.active{
  background: var(--wm);
}
a.sig_btn:before{
  content: "\f061";
  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.sig_btn:hover{
  color:#fff;
}
.tf_container{
  background-repeat: no-repeat;
  background-size:contain;
  background-position: right;
  display:none;
  min-height:372px;
}
.tf_container.eu{
  display:block;
}
.tf_container_content{
  background:#fff;
  margin:0px 24% 0px 28%;
  padding:0px 35px 0px 40px;
}
.tf_container_content h3{
  font-size:24px;
  line-height: normal;
  padding-top: 40px;
}
.tf_container_content p{
  font-size:18px;
  line-height:normal;
}
.tf_container_content a{
  font-weight:600;
  display:inline-block;
  background:#eee;
  text-align: right;
  padding:10px 25px 10px 15px;
  text-transform: uppercase;
  margin-top:26px;
  -webkit-border-top-right-radius: 25px;
  -moz-border-radius-topright: 25px;
  border-top-right-radius: 25px;
}

/**************************** Mitglieder - Logos/Stimmen - Slider ****************************/
#sig_tf_box,
.sig_box{
  position: relative;
}
h3.headline_rotate,
.sig_box h3{
    text-transform: uppercase;
    letter-spacing: 6px;
    color: #aaa;
    font-size: 24px;
    margin-bottom: 20px;
    position: absolute;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}
#sig_mgl_box h3{
  left:-160px;
  bottom: 80px;
  color:#ccc;
}
#sig_mgst_box h3{
  left:-135px;
  top: 75px;
  color:#aaa;
}
h3.headline_rotate{
  left:-187px;
  top: 180px;
  color:#fff;
}

#sig_mgl{
    padding: 20px 20px 45px;
    text-align: center;
    background: #aaa;
    -webkit-box-shadow: inset 0px 0px 68px 89px rgba(255,255,255,1);
-moz-box-shadow: inset 0px 0px 68px 89px rgba(255,255,255,1);
box-shadow: inset 0px 0px 68px 89px rgba(255,255,255,1);
}
#sig_1 #sig_mgl{
  padding: 20px 20px;
  margin: 0px 35px;
}
#sig_mgst div img,
#sig_mgl div img{
    height: auto;
    margin: 10px;
    margin: auto;
    display: block;
        display: inline-block;
    -webkit-border-radius: 250px;
    -moz-border-radius: 250px;
    border-radius: 250px;
    border: 1px solid #ddd;
    overflow: hidden;
    padding: 10px;
    background: #fff;
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
    -webkit-box-shadow: 0px 10px 5px -8px rgba(0,0,0,0.43);
    -moz-box-shadow: 0px 10px 5px -8px rgba(0,0,0,0.43);
    box-shadow: 0px 10px 5px -8px rgba(0,0,0,0.43);
}
#sig_mgst div img:hover,
#sig_mgl div img:hover{
    -webkit-filter: grayscale(0%);
            filter: grayscale(0%);
    border: 1px solid var(--sigblue);
}

#sig_mgst div a{
    float: right;
    margin-left: 45px;
}
#sig_mgst{
    margin:0px 75px 50px;
    padding: 20px 20px;
    margin: 0px 35px;
}
.sig_mgst_txt{
    font-style: italic;
    font-size: 18px;
    margin-bottom: 12px;
    padding-left:25px;
}
.sig_mgst_person{
    font-weight: 500;
    font-size: 13px;
     padding-left:25px;
}
.slick-prev{
  left:-35px;
}
.slick-next{
  right:-35px;
}
.slick-prev,
.slick-next{
  background:#fff;
  width: 40px;
  height:40px;
  -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:#aaa;
  
}
.slick-prev::before{
  content:'\f060';
}
.slick-next::before{
  content:'\f061';
}
.slick-prev:hover,
.slick-next:hover{
  background:var(--sigblue) !important;
  color:#fff !important;
  border-color:#fff;
}
.slick-prev:hover:before,
.slick-next:hover:before{
  color:#fff !important;
}
#sig_mgl_tf_container{
  border-top:2px solid #eee;
  padding-top:42px;
}
#sig_mgl_tf_container h2{
  border-bottom:0px solid #ddd;
  margin-bottom:12px;
  font-size: 24px;
  font-weight:400;
}
#sig_mgl_tf_container .slick-next{
  top:-30px;
  right:5px;
}
#sig_mgl_tf_container .slick-prev{
  top:-30px;
  right:50px;
  left:auto;
}

#sig_mgl .slick-slide:before{
  content:'';
  width:200px;
  position: absolute;
  background:url(../Images/logo_shadow.png) no-repeat center bottom;
  height:45px;
  bottom:0px;
  background-size: 75% 45%;
  margin-left:-100px;
}
.slick-initialized .slick-slide{
  padding-bottom:5px;
  padding-top:5px;
}

/**************************** Mitglieder - Uebersicht ****************************/

#sig_cards{
  margin:0px;
}

.sig_card{
  width:31.5%;
  display:block;
  float:left;
  margin:10px 1%;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  overflow: hidden;
  border:1px solid #fff;
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.3);
box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.3);
-moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;
}
.sig_card:hover{
  border:1px solid var(--siggreen);
  -webkit-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.4);
box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.4);
-moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;
}

.sig_card:nth-child(3n){
  margin-right:0px;
}

.sig_card:nth-child(3n+1){
  margin-left:0px;
}

.sig_card_top{
  text-align: center;
  background-size:50%;
  background-repeat: no-repeat;
  background-position: center center;
  height:90px;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity:0.75;
  -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;
}

.sig_card_bottom{
  height:95px;
  position:relative;
  background:#eee;
  font-size:14px;
  border-top:2px solid var(--sigblue);
  -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;
}

.sig_card_bottom a{
  font-weight:500;
}

.sig_card_bottom_inner{
  padding:16px 60px 20px 16px;
}

.sig_card:hover .sig_card_top{
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  opacity:1;
  -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;
}

.sig_card:hover .sig_card_bottom{
  background:var(--sigblue);
  color:#fff !important;
  -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;
}
.sig_card:hover a{
  color:#fff !important;
}
.sig_card_actions{
  position:absolute;
  top: 0px;
  right: 0px;
  margin:0px;
  background:#fff;
  height:95px;
  padding-top: 3px;
}
.sig_card_actions li a{
  display:block;
  padding:2px 12px;
  text-align: center;
  font-size:17px;
  color:#8f8f8f;
  cursor:pointer;
}
.sig_card:hover .sig_card_actions li a{
  color:var(--sigblue) !important;
}

/**************************** Mitglieder - Map ****************************/

#sig_9 #subpage_container{
  margin: -200px 0px 60px 295px;
}
#map_container{
  margin-bottom:35px;
}
#map_container #sig_mgl_tf_container{
  padding: 20px 65px 0px 335px;
  background:#fff;
  -webkit-box-shadow: 0px 20px 19px -20px rgba(0,0,0,0.22);
  -moz-box-shadow: 0px 20px 19px -20px rgba(0,0,0,0.22);
  box-shadow: 00px 20px 19px -20px rgba(0,0,0,0.22);
  z-index: 4;
  position: relative;
}

#map_container #sig_mgl{
  padding: 0px 45px 15px;
  -webkit-box-shadow: inset 0px 0px 38px 59px rgba(255,255,255,1);
  -moz-box-shadow: inset 0px 0px 38px 59px rgba(255,255,255,1);
  box-shadow: inset 0px 0px 38px 59px rgba(255,255,255,1);
}
#map_container #sig_mgl_tf_container .slick-prev,
#map_container #sig_mgl_tf_container .slick-next{
  top:42%;
}
#map_container #sig_mgl_tf_container .slick-next{
  right:0px;
}
#map_container #sig_mgl_tf_container .slick-prev{
   left:0px;
  right:auto
}
#map{
  height:700px;
  margin-left:295px;
}
#map > div > div > div > div {
  -webkit-box-shadow: inset 0px 0px 22px 23px rgba(245,245,245,1);
  -moz-box-shadow: inset 0px 0px 22px 23px rgba(245,245,245,1);
  box-shadow: inset 0px 0px 22px 23px rgba(245,245,245,1);
}
#map .js-gme-overlay-inner{
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

#map_container .js-gme-preview{
  height:700px;
  text-align: center;
  background:url(../Images/map-preview.jpg) no-repeat center center;
}

.js-gme-overlay{
  padding: 150px 30%;
}
#slide-link-map,
#map-show{
  font-weight: 600;
  display: inline-block;
  background: #eee;
  text-align: right;
  padding: 10px 25px 10px 15px;
  text-transform: uppercase;
  margin-top: 26px;
  -webkit-border-top-right-radius: 25px;
  -moz-border-radius-topright: 25px;
  border-top-right-radius: 25px;
  border:0px solid #ccc;
}
#map-show{
    border:1px solid #ccc;
    background: #fff;
}
#slide-link-map{
  float:right;
  margin:4px 8px 0px 0px;
  font-size:12px;
}
#slide-link-map:hover,
#map-show:hover{
  background: var(--sigblue);
  border:0px solid #fff;
  color:#fff;
}
#map-show:hover{
  border:1px solid #fff;
}
#map-show:before{
  content:'\f279';
}
#slide-link-map:before{
  content:'\f279';
  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;
  
}
#map .gm-ui-hover-effect{
  position:absolute !important;
  right: -12px;
  top:-12px;
  background:#fff !important;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  opacity:0.85 !important;
  width: 32px !important;
  height: 32px !important;
  -webkit-box-shadow: 0px 20px 19px -20px rgba(0,0,0,0.22);
  -moz-box-shadow: 0px 20px 19px -20px rgba(0,0,0,0.22);
  box-shadow: 00px 20px 19px -20px rgba(0,0,0,0.22);
}
#map .gm-ui-hover-effect span{
  margin: 4px !important;
  background:#aaa;
}
#map .gm-style .gm-style-iw{
  overflow: visible !important;
  width:300px !important;
  max-width: 285px !important;
}
#map .gm-style .gm-style-iw-c{
  padding:0px !important;
}
#map .gm-style-iw-ch{
  padding-top:0px !important;
}
.map_img_container{
  overflow:hidden;
  height:75px;
  text-align: center;
}
.map_img_container img{
  margin:-15px 0px;
}
.map_content_container{
  background:var(--sigblue);
  color:#fff;
}
#map .sig_card_actions{
  height:auto;
  padding: 8px 0px;
}
#map .sig_card_actions li{
  padding: 0px 0px 4px;
}
#map .sig_card_bottom{
  height:70px;
    -webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
overflow: hidden;
}

#map .sig_card_bottom_inner{
  padding: 16px 60px 20px 16px;

}
#map .gm-style .gm-style-iw-tc::after {
  background:var(--sigblue);
}
#map .sig_card_actions li i{
  color:var(--sigblue);
}

/**************************** Mitglieder - Detailseite ****************************/

.mg_detail_left{
  width:66%;
  float:left;
}
.mg_detail_right{
  width:30%;
  float:right;
  margin-right: -40px;
}
.mg_detail_right #box_logo{
  overflow:hidden;
  margin:-30px 0px 0px 0px;
}
.acc_container ul li,
.mg_detail_left ul li{
  padding-left:20px;
}
.acc_container ul li:before,
.mg_detail_left ul li:before{
    content:'\f0a9';
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-size: 15px !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;
    color:#999;
    margin-top:4px;
    position:absolute;
    margin-left:-24px;
  
}

.mg_detail_right .slick-initialized .slick-slide{
  padding:0px;
}

#mg_box_themenfelder{
  background:#eee;
  padding:25px 0px 25px 25px;
}
#mg_box_themenfelder h3{
  padding-top:0px;
  text-transform: uppercase;
  color:#999;
  font-size:16px;
}
#mg_box_themenfelder .thf_item a{
  display:block;
  font-size:16px;
  padding:12px 0px;
  position: relative;
  border-bottom: 1px solid #fff;
}
#mg_box_themenfelder .thf_item a:hover{
  background: #fff;
  padding-left: 12px;
}
#mg_box_themenfelder .thf_item a:after{
  display:block;
  content:'';
  width:45px;
  background:#fff;
  height:100%;
  position:absolute;
  top:0px;
  right:0px;
}
#mg_box_contact{
   background:#eee;
   padding:25px;
   margin-bottom:5px;
   font-size:14px;
}
#mg_sh{
  font-weight:600;
  margin-bottom:12px;
}
#mg_address{
  margin-bottom:15px;
  padding-left:24px;
  position: relative;
}

#mg_address:before,
#mg_phone:before,
#mg_fax:before,
#mg_mail:before,
#mg_web:before{
  
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-size: 15px !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;
    color:#999;
    margin-top:6px;
  
}
#mg_address:before{
  content:'\f3c5';
  position:absolute;
  left:0px;
  margin-top:2px;
}
#mg_phone:before{
  content: "\f095";
}
#mg_fax:before{
  content:'\f1ac';
}
#mg_mail:before{
  content: "\f0e0";
}
#mg_web:before{
  content:'\f35d';
}



#mg_box_themenfelder .thf_item.eu a:after{
  background: var(--eu);
}
#mg_box_themenfelder .thf_item.tp a:after{
  background: var(--tp);
}
#mg_box_themenfelder .thf_item.wm a:after{
  background: var(--wm);
}
#mg_box_themenfelder .thf_item.id a:after{
  background: var(--id);
}
#mg_box_themenfelder .thf_item.mt a:after{
  background: var(--mt);
}
#mg_box_themenfelder .thf_item.mg a:after{
  background: var(--mg);
}
#mg_box_stimme{
  border-left:8px solid #ccc;
  background: #e5ebf6;
  -webkit-border-top-right-radius: 30px;
-moz-border-radius-topright: 30px;
border-top-right-radius: 30px;
}
#mg_box_stimme_txt{
  padding:28px 25px 30px 25px;
  font-style:italic;
  font-size:18px;
  margin-top:45px;
}
#mg_box_stimme_person{
  font-weight:500;
  font-size:13px;
  text-align: left;
  padding:0px 25px 20px;
}
#mg_box_gal .slick-prev,
#mg_box_gal .slick-next{
  width: 32px;
  height: 32px;
}
#mg_box_gal .slick-prev{
  left: 5px;
  top: 20px;
  z-index: 1
}
#mg_box_gal .slick-next{
  left: 40px;
  top: 20px;
  z-index: 1
}
#mg_detail_social{
  margin:16px 0px 0px;
}
#mg_detail_social i{
  font-size:22px;
  margin-left:5px;
  color:#999;
}
#mg_detail_social i:hover{
  font-size:22px;
  margin-left:5px;
  color:#444;
}

/**************************** PDF Box Download ****************************/

.pdf_box_download img{
  border:1px solid #ddd;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.pdf_box_header{
  font-weight: 500;
  margin-bottom: 12px;
}
.pdf_box_text{
  font-size:14px;
  margin-top: 8px;
}

/**************************** Aktuelles ****************************/
#sig_7 h1,
#sig_6 h1{
    font-size: 20px;
    text-transform: uppercase;
    color: #777;
}
#sig_7 h2 a,
#sig_6 h2 a{
    color: #164194;
    font-size: 26px;
    font-weight:400;
}
#sig_7 h2,
#sig_6 h2{
    margin: 14px 0px 12px 0px;
    font-size: 26px;
    font-weight:400;
}
.news .news-list-view .article .header {
  border-top:1px solid #ddd;
}
.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;
}
.news-list-date{
  border-left:2px solid #164194;
}

.footer.calendar .news-list-date,
.header.dates .news-list-date{
  background: #164194;
  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: 500 !important;
    display: inline-block;
    background: #eee;
    text-align: right;
    padding: 7px 25px 7px 15px;
    text-transform: uppercase;
    margin-top: 26px;
    font-size: 13px;
    -webkit-border-top-right-radius: 25px;
    -moz-border-radius-topright: 25px;
    border-top-right-radius: 25px;
}
.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: #164194;
    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 #ddd;
  padding-left:25px;
}

.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;
}

/**************************** Kontaktformular ****************************/

.frame-type-powermail_pi1 fieldset{
    border: 0px;
}
.frame-type-powermail_pi1 h3,
.frame-type-powermail_pi1 legend{
    display: none;
}

.frame-type-powermail_pi1 form{
    background: #eee;
    padding: 25px;
    -webkit-border-top-right-radius: 30px;
    -moz-border-radius-topright: 30px;
    border-top-right-radius: 30px;
}
.powermail_fieldwrap{
    margin-bottom: 12px;
}
.powermail_label{
    font-size: 14px;
    display: inline-block;
    margin-bottom: 3px;
    font-weight: 500;
}
input, textarea, select{ 
    font-family: 'Noto Sans', sans-serif; 
    font-size: 16px; 
    padding: 5px 8px;

}
.powermail_fieldwrap input, 
.powermail_fieldwrap textarea{
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 95%;
}
.powermail_fieldwrap input{
    width: 50%;
}
.powermail_fieldwrap .powermail_checkbox{
    width: auto;
}
#powermail_captchaimage{
    display: block;
        border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom:8px;
    max-width: 265px;
}
.powermail-errors-list.filled{
    margin: 0px 0px 0px 3px;
    font-size: 12px;
}
.powermail-errors-list.filled li{
    display: inline-block;
    background: #ff0000;
    color: #fff;
    padding: 2px 6px;
}
.container_check{
    font-size: 14px;
}
.powermail_fieldwrap .powermail_submit{
    font-weight: 600;
    display: block;
    background: var(--sigblue);
    color: #fff;
    border-color: #fff;
    width: 100%;
    text-align: center;
    padding: 10px 0px 10px 0px;
    text-transform: uppercase;
    margin-top: 26px;
    -webkit-border-top-right-radius: 25px;
    -moz-border-radius-topright: 25px;
    border-top-right-radius: 25px;
    cursor: pointer;
    opacity: 0.9;
}
.powermail_fieldwrap .powermail_submit:hover{
    opacity: 1;
}
    


/* ######################################################################################################
** ### Slider ##################################################################
** ######################################################################################################
*/

.tp-bannertimer{
  z-index:30 !important;
}

/* ######################################################################################################
** ### Icons ##################################################################
** ######################################################################################################
*/

.layout_2 .grid4columns .image-embed-item{
  min-height:53px;
}


/*********************** ACC ****************/

.acc_container{
  padding:15px 10px 15px 2px;
  border-top:0px solid #ccc;
  border-bottom:2px solid #ccc;
  background:#fff;
  margin-bottom:0px;
  overflow:hidden;
}
.acc_container::after{
    content: '';
    display: block;
    clear: both;
}
.acc_container h3.sig_acc{
  cursor: pointer;
  position:relative;
  padding-right:30px;
  font-weight: 600;
}
.acc_container h3.sig_acc::after{
    color:var(--sigblue);
    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;
    content: "\f055";
    float:right;
    position:absolute;
    right:5px;
    top:8px;
}
.acc_container.open h3.sig_acc::after{
    content: "\f056";
}
.acc_content{
  padding-top:20px;
  display:none;
  overflow:hidden;
  position:relative;
  z-index:2
}
.acc_container.open .acc_content{
  height:auto;
}
.acc_container h3{
  padding-bottom:6px;
}
#main_column .acc_content .frame ul{
  margin:0px;
}

#c123{
    padding: 12px 20px;
    background: #eee;
    border-left: 3px solid var(--sigblue);
    /*-webkit-border-top-right-radius: 30px;
    -moz-border-radius-topright: 30px;
    border-top-right-radius: 30px;*/
}

/************************** Suche *******************/

.tx-indexedsearch-searchbox fieldset{
    text-align: center;
    border: 0px;
    background: #eee;
    padding: 20px;
}
.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: 12px 20px;
    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(--sigblue);
  -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(--sigblue);
    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(--sigblue) !important;
    font-weight:400;
}



/* ###########################################################################################
** ### 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;
}


.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}
.card-header {
    margin-bottom: 0;
    background-color: rgba(0,0,0,.01);
    border-bottom: 2px solid #cc3333;
}

.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;
}
.card-header .btn {
    display: block;
    width:100%;
    text-align: left;
    font-weight: 400;
    line-height: 1.5;
    padding:1rem;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    font-size: 1.2rem;
    border-radius: 0rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.card-body {
    flex: 1 1 auto;
    padding: 1rem 1rem;
}
.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 ############################################################################
** ##########################################################################################
*/

.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;
  max-width: 100%;
  height: auto;
}


/**************************** Cookiebanner ****************************/

#CookieBox{
    padding: 0px;
}


/* ###########################################################################################
** ### 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;
}


}


/* ###########################################################################################
** ### MEDIAQUERIES ############################################################################
** ##########################################################################################
*/

@media screen and (max-width : 1560px)  {

  .grid1column,
  #subpage_container > .inner {
    max-width: 1024px;
  }
  #sig_mgl_box h3{
    left: auto;
    bottom: auto;
    text-align: center;
  }
  #sig_mgst_box h3,
  h3.headline_rotate{
    left: auto;
    bottom: auto;
    top:auto;
    text-align: center;
  }
  h3.headline_rotate, .sig_box h3 {
    position: relative;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  #sig_8 #sig_tf_box > h3{
    display:none;
  }
  .intro_blue h1 {
  
    font-size: 58px;
  
  }

}

@media screen and (max-height : 800px)  {

  #nav_main {
    margin: 5px 0px 5px 40px;
  }
  #nav_main ul li a{
    padding: 6px 18px;
  }
  #logo {
    margin: 30px 0px 25px 30px;
  }
  #sig-contactdata{
    margin: 35px 0px 50px 58px;
  }

}

@media screen and (max-width : 1380px)  {
  
  .grid1column,
  #subpage_container > .inner {
    max-width: 960px;
  }
  #main_bar_skew{
    bottom:-80px;
  }

}

@media screen and (max-width : 1280px)  {
  
  #header{
    width: 225px;
  }
  footer,
  #sig_1 .gridcontainer {
    margin-left: 225px;
  }
  #subpage_container {
    margin: -200px 0px 200px 225px;
  }
  .grid1column, #subpage_container > .inner {
    max-width: 920px;
  }
  #logo img{
    width: 175px;
  }
  #logo {
    margin-left: 15px;
  }
  #nav_main {
    margin-left:25px;
  }
  #sig-contactdata {
    margin-left: 32px;
    font-size:14px;
  }
  #nav_main ul li a {
    padding-left: 14px;
  }
  .intro_blue h1 {
    font-size: 52px;
  }
  .mg_detail_left{
    width:63%;
  }
  .mg_detail_right{
    width:33%;
  }
  #map_container #sig_mgl_tf_container{
    padding: 20px 65px 0px 295px;
  }
  #map {
    margin-left: 225px;
  }
  #sig_9 #subpage_container {
    margin: -200px 0px 60px 225px;
  }
  .intro_white{
    bottom:20px;
  }

}

/************************************************************/

@media screen and (max-width : 1180px)  {
  
#header {
 
  position: relative;
  z-index: 200;
  width: auto;
  background: var(--siggreen);
  height: auto;
  -webkit-border-top-right-radius: 0px;
  -moz-border-radius-topright: 0px;
  border-top-right-radius: 0px;
  -webkit-box-shadow: 6px 0px 10px 0px rgba(0,0,0,0.11);
  -moz-box-shadow: 6px 0px 10px 0px rgba(0,0,0,0.11);
  box-shadow: 6px 0px 10px 0px rgba(0,0,0,0.11);
  overflow: hidden;
  top: 0px;
}
#nav_main,
#sig-contactdata,
#left_bar_skew{
  display:none;
}
footer, #sig_1 .gridcontainer {
  margin-left: 0px;
}
#logo {
  margin: 10px 0px 12px 30px;
}
.grid1column, #subpage_container > .inner {
  max-width: 1024px;
}
.intro_blue h1 {
    font-size: 62px;
  }
#sig_9 #subpage_container,
#subpage_container {
  margin: -200px 0px 80px 0px;
}

#sig_1 #nav_right,
#nav_right {
  top: 5px;
  z-index: 225;
}
#map_container #sig_mgl_tf_container{
    padding: 20px 65px 0px;
}
#map {
    margin-left: 0px;
}

body {
  border-top: 3px solid var(--sigblue);
}
nav{
    display:none;
    float:none;
    clear:both;
    margin:0px;
}
#nav_toggle{
    float:right;
    margin:35px 65px 20px 0px;
    color:#236092;
    font-size: 18px;
    font-weight:500;
    padding: 10px;
    display:block;
}
#nav_toggle i{
    color:#236092;
}
#nav_toggle:hover{
    color:#222
}
#nav_toggle:hover i{
    color:#222
}

#nav_mobile nav,
#nav_toggle{
  display:block;
}
#nav_mobile nav{
  float:none;
  padding:95px 0px 30px;
  clear:both;
  margin-right:0px;
}
 
.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;
}
#nav_mobile ul li:last-child {
  border-bottom: 0px solid #373A37;
}
#nav_mobile ul li:last-child a {
  padding: 7px 0px;
  width: 210px;
  color: #fff;
  background: #236092;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 15px;
  margin: 50px auto 20px;
  font-size: 14px;
  line-height: 16px;
}
#sliderbox .tp-rightarrow{
  right: 6% !important;
  left:auto !important;
}

#sliderbox .tp-leftarrow{
  right: 11% !important;
  left:auto !important;
}

#gme-1-form select{
  width:100%;
  margin:4px 0px;
}
#gme-1-form input[type='text']{
  width:calc(100% - 20px) !important;;
  margin:4px 0px;
}
#gme-1-form .js-gme-submit{
  width:100%;
  margin:4px 0px;
  float:none;
}
#sig_1 #image_container_fullwidth {
  height: 500px;
}

}

/************************************************************/

@media screen and (max-width : 1080px)  {

.grid1column .inner_col, #subpage_container .inner_col {
  padding:0px 25px;
}
#sig_39 #subpage_container .inner_col {
  padding:0px 0px;
}
#sig_1 #image_container_fullwidth {
  height: 440px;
}
.intro_blue h1 {
  font-size: 54px;
}


}

/************************************************************/

@media screen and (max-width : 960px)  {


#footer_inner {
  padding: 16px 35px;
  margin: 0px;
}

.subcol4_1, .subcol4_2, .subcol4_3, .subcol4_4 {
  width: 50%;
}
.grid4columns .inner_col{
  margin:15px 0px !important;
}
#sig_1 #image_container_fullwidth {
  height: 400px;
}
  ul#tf_nav {
    display: block;
    height: 100%;
    margin: 0px;
    width: 100%;
    float: none;
    background-color: #fff;
  }
  ul#tf_nav:after {
      content: "."; display: block;clear: both;visibility: hidden;line-height: 0;height: 0;
  }
  ul#tf_nav li{
      width: 50%;
      float: left;
  }
 .tf_container_content {
    background: transparent;
    margin: 0px 32% 0px 0%;
    padding: 0px 35px 0px 40px;
  }
     #sig_mgl_tf_container {
    margin-top: 40px;
  }
  .mg_detail_right,
  .mg_detail_left {
      width: 100%;
      float: none;
  }
  .mg_detail_right #box_logo {
    overflow: hidden;
    margin: 30px 25px 0px 0px;
    float:right;
  }
  #mg_box_contact{
    background:#eee;
  }
  .mg_detail_right{
    margin-top:45px;
  }
  .intro_blue h1 {
    font-size: 49px;
  }
  .intro_blue h2 {
    font-size: 24px;
    line-height: 34px;
  }

}


/************************************************************/

@media screen and (max-width : 880px)  {
  .intro_blue h1 {
    font-size: 44px;
  }
  .intro_blue h2 {
    font-size: 24px;
    line-height: 34px;
  }
  
}


/************************************************************/

@media screen and (max-width : 840px)  {

  .sig_card:nth-child(3n+1) {
    margin-left: 1%;
  }
  .sig_card:nth-child(3n){
    margin-right: 1%;
  }

  .sig_card {
    width: 48%;
    margin: 10px 1%;
  }
  .sig_card:nth-child(2n+1) {
    margin-left: 0px;
  }
  .sig_card:nth-child(2n) {
    margin-right: 0px;
  }
  #map_container #sig_mgl_tf_container {
    padding: 20px 15px 0px;
  }
  .subcol3_1, .subcol3_2, .subcol3_3 {
    float: left;
    width: 50.00%;
    margin-bottom: 45px;
  }
  #sig_9 #nav_right {
    position: absolute;
  }
  .intro_blue h1 {
    font-size: 42px;
  }
  .intro_blue h2 {
    font-size: 22px;
    line-height: 34px;
  }
  #triangle {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0px 0px 60px 1180px;
    border-color: transparent transparent #fff #fff;
    transform: rotate(0deg);
    margin-top: -80px;
  }
  #sig_1 #image_container_fullwidth {
      height: 400px;
  }


}

/************************************************************/

@media screen and (max-width : 768px)  {

.subcol33_1, .subcol33_2,
.subcol66_1, .subcol66_2 {
  float: none;
  width: 100%;
}

.subcol50_1 .inner_col{
  margin-right: 20px;
}
.subcol50_2 .inner_col {
  margin-left: 20px;
}

.subcol66_2{
  margin-top:50px;
}
.ce-left .ce-gallery{
  float:none;
}

.bannercontainer{
    width: 120% !important;
    left: auto !important;
    right: 0px;
}
#page_bottom {
    position: relative;
    width: 100%;
    bottom: 0px;
}

  #copyright{
    padding-bottom:12px;
  }
  #footernav{
    clear:both;
    float:none;
  }
  .tf_container_content {
    background: transparent;
    margin: 0px 36% 0px 0%;
    padding: 0px 40px 0px 30px;
  }
  .tf_container_content p {
    font-size: 16px;
    line-height: normal;
  }
  .tf_container{
    background-position:right -9% bottom;
  }
  .tf_container_content h3 {
    font-size: 22px;
    line-height: normal;
    padding-top: 25px;
  }
  .news-single .article .news-img-wrap img{
    width: 275px !important;
    height: auto;
}
    .ce-intext.ce-right .ce-gallery {
      margin-left: 40px;
      width: 40%;
    }

  #tx-indexedsearch-searchbox-sword{
    width: 90%;
  }
  .subcol66_1 .inner_col {
    margin-right: 0px;
    padding-left: 0px;
  }
  .js-gme-overlay {
    padding: 80px 10%;
  }
  #map_container {
    margin-bottom: 0px;
  }
  #map .gm-style .gm-style-iw{
    overflow: visible !important;
    width:285px !important;
    max-width: 285px !important;
    max-height: 185px !important;
  }
  .intro_blue h1 {
    font-size: 36px;
  }
  .intro_blue h2 {
    font-size: 22px;
    line-height: 34px;
  }
  .intro_blue {
    padding: 25px 30px 100px;
  }
  .intro_white {
    bottom: 20px;
    right: 35px;
    font-size: 18px;
  }
}

/************************************************************/

@media screen and (max-width : 680px)  {
    .intro_blue h1 {
      font-size: 32px;
    }
    .intro_blue h2 {
      font-size: 18px;
      line-height: 34px;
    }
    #sig_1 #image_container_fullwidth {
      height: 400px;
    }
  
}

/************************************************************/

@media screen and (max-width : 640px)  {
h1 {
  font-size: 28px;
  padding: 8px 0px 18px;
}

.grid1column .inner_col, #subpage_container .inner_col {
  padding:0px 15px;
}
.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:25px 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;
}
.pagewrapper{
    overflow: hidden ;
}
#sig_1 #image_container_fullwidth {
  height: 380px;
}
  .sig_card:nth-child(3n+1) {
    margin-left: 0%;
  }
  .sig_card:nth-child(3n){
    margin-right: 0%;
  }
  .sig_card:nth-child(2n+1) {
    margin-left: 0px;
  }
  .sig_card:nth-child(2n) {
    margin-right: 0px;
  }

  .sig_card {
    width: 65%;
    margin: 10px auto 20px !important;
    float: none;
  }
  a.sig_totop{
    float:right;
    display:block;
    margin:0px auto 20px;
    text-align: center;
  }
  #footernav{
    clear:both;
    float:none;
    text-align: center;
  }
  .tf_container{
    background:#ffffff !important;
    min-height:auto;
  }
  .tf_container_content {
    background: transparent;
    margin: 0px 0px 0px 0%;
    padding: 0px 30px 30px 30px;
  }
  .news .article .news-img-wrap a,
  .news .news-list-view .article .news-img-wrap,
  .news .article .news-img-wrap img{
    float: none !important;
    display: block;
    margin: 0px;
  }
  .news .news-list-view .article .news-img-wrap {
    border-left: 2px solid #ddd;
    padding-left: 25px;
    margin-top: 6px;
    padding-top: 12px;
  }
  #sig_7 h2, #sig_6 h2 {
    margin: 0px 0px 12px 0px;
    padding-top: 12px;
  }
  #sig_mgst {
    text-align: center;
  }
  #sig_mgst div a {
    float: none;
    margin-left: 0px;
    margin-bottom: 35px;
    display: block;
  }
  .sig_mgst_txt,
  .sig_mgst_person {
    padding: 0px 12px;
  }
  .mg_detail_right #box_logo {
    overflow: hidden;
    margin: 0px auto 45px;
    float:none;
    text-align: center;
  }
}

/************************************************************/

@media screen and (max-width : 580px)  {
  
  .intro_blue h1 {
    font-size: 28px;
  }
  .intro_blue h2 {
    font-size: 16px;
    line-height: 30px;
  }
  .intro_blue {
    padding: 25px 25px 100px;
  }
  .intro_white {
    bottom: 20px;
    right: 35px;
    font-size: 18px;
  }
  
}

/************************************************************/

@media screen and (max-width : 540px)  {
  
h1 {
  font-size: 23px;
  padding: 8px 0px 18px;
}
#sig_mgl_tf_container h2 {
  font-size: 22px;
}
#logo {
  margin: 10px 0px 12px 10px;
}
#nav_toggle {
  margin: 30px 45px 20px 0px;
}
.subpage_pad {
    padding: 30px;
}
  .sig_card {
    width: 75%;
    margin: 10px auto 20px !important;
    float: none;
  }
  #footernav{
    clear:both;
    float:none;
    text-align: center;
  }
  #footernav ul li:first-child a,
  #footernav ul li a,
  #footernav ul{
    border-left: 0px solid #fff;
    border-right: 0px solid #fff;
  }
  #footernav ul li{
    float:none;
    display:inline-block;
  }
  #footernav ul li a{
    padding:6px;
    display:inline-block;
  }
  #footer_inner {
    padding: 16px 20px;
    margin: 0px;
  }
  #logo img {
  width: 145px;
  }
  #nav_right li {
    width: 42px;
  }
  #nav_right a{
    font-size: 20px;
    padding: 12px 2px 12px 8px;
  }
   ul#tf_nav li{
      width: 100%;
      float: none;
  }
  ul#tf_nav li a {
    padding: 12px 18px;
    font-size: 18px;
  }
  .news.news-single .article .news-img-wrap {
    float: none;
    width: auto;
    margin: 0 0 25px 0px;
  }
  .news-single .article .news-img-wrap img {
    width: auto !important;
    height: auto;
  }
    .subcol3_1, .subcol3_2, .subcol3_3 {
    float: none;
    width: 100.00%;
    margin-bottom: 45px;
  }
    #tx-indexedsearch-searchbox-sword {
    width: 80%;
  }
  .powermail_fieldwrap input {
    width: 95%;
  }
  #map .sig_card_bottom_inner {
    padding: 10px 60px 20px 12px;
  }
  
  .intro_blue h1 {
    font-size: 26px;
    padding-right:65px
  }
  .intro_blue h2 {
    font-size: 16px;
    line-height: 30px;
  }
  .intro_blue {
    padding: 25px 25px 100px 25px;
  }
  .intro_white {
    bottom: 20px;
    right: 35px;
    font-size: 18px;
  }
  

}

/************************************************************/

@media screen and (max-width : 480px)  {
  
  .intro_blue h1 {
    font-size: 26px;
    padding-right:125px
  }
  .intro_blue h2 {
    font-size: 15px;
    line-height: 30px;
  }
  
}

/************************************************************/

@media screen and (max-width : 420px)  {


h1 {
  font-size: 21px;
  padding: 8px 0px 18px;
}
#sig_mgl_tf_container h2,
h2 {
  font-size: 19px;
}

body{
  font-size: 16px;
}

.bannercontainer{
    width: 150% !important;
    left: auto !important;
    right: 0px;
}
header h3 {
  margin-bottom: 30px;
}
  .sig_card {
    width: 100%;
    margin: 10px auto 20px !important;
    float: none;
  }

#copyright{
  float:none;
}
#footernav ul li{
  float:none;
  display:inline-block;
}
#sig_1 #image_container_fullwidth {
  height: 320px;
}
.subpage_pad {
    padding: 20px;
}
.powermail_fieldwrap input {
    width: 50%;
}
#sig_mgl_tf_container .slick-prev,
#sig_mgl_tf_container .slick-next{
  top: -23px;
}
.news-single .article .news-img-wrap img{
    max-width: 100%;
    height: auto;
}
.powermail_fieldwrap input, .powermail_fieldwrap textarea{
    width: 95%;
}
#powermail_captchaimage{
    max-width: 100%;
}
  .ce-intext.ce-right .ce-gallery {
    margin-left: 0px;
    width: 100%;
  }
  .ce-gallery figure {
  display: block;
  margin: 0;
}
  #main_content .ce-gallery .ce-row img {
    width: 100%;
  }
  .ce-gallery .ce-row{
    display: block;
  }
  .ce-left .ce-gallery, .ce-column{
    float: none;
  }
  .intro_blue h1 {
    font-size: 26px;
    padding-right:65px
  }
  .intro_blue h2 {
    font-size: 16px;
    line-height: 26px;
  }
    #sig_mgst_box .slick-prev,
  #sig_mgst_box .slick-next{
    top: 100px;
  }
  #sig_mgst {
    margin: 0px 75px 50px;
    padding: 20px 0px;
    margin: 0px 35px;
  } 


}

/************************************************************/

@media screen and (max-width : 360px)  {

h1 {
  font-size: 18px;
  padding: 8px 0px 18px;
}
#sig_mgl_tf_container h2,
h2 {
  font-size: 18px;
}
 .news-txt,
.news .news-list-view .article .news-img-wrap {
    padding-left: 15px;
  }
  #subpage_container .inner_col {
    padding: 0px 0px;
  }
.tx-indexedsearch-searchbox fieldset {
    padding: 20px 6px;
  }
   .sig_mgst_txt {
    font-style: italic;
    font-size: 16px;
    margin-bottom: 12px;
    padding: 0px;
  }
  .intro_blue h1 {
    font-size: 24px;
    padding-right:35px;
    padding-bottom:12px;
  }
  .intro_blue h2 {
    font-size: 13px;
    line-height: 22px;
  }

 
}

/* ###########################################################################################
** ### 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: #fff;
  border:1px solid #aaa;
}

/* 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 #fe423d;
  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: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;}
    
    #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/cb-loader.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:#eee;font-size:0px;-webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:18px; left:46px; width:25px; height:25px; font-size:0px;background:#eee;-webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px; }
        #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: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;}
        #cboxClose:hover{color:#000;}
        
#cboxPrevious::before{
  content: "\f060";
  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;
  color: var(--sigblue);
  
}
#cboxNext::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;
  -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    color: var(--sigblue);
}
#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;
  -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    color: var(--sigblue);
}
/*
  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: 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;
      text-transform: uppercase;
      font-weight:400;
      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: 16px;
  letter-spacing: 0px;
  text-transform: uppercase;
  
  }
  .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; }
  
  
  /*!
 * Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
:root, :host {
  --fa-style-family-brands: 'Font Awesome 6 Brands';
  --fa-font-brands: normal 400 1em/1 'Font Awesome 6 Brands'; }

@font-face {
  font-family: 'Font Awesome 6 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../Fonts/fa-brands-400.woff2") format("woff2"), url("../Fonts/fa-brands-400.ttf") format("truetype"); }

.fab,
.fa-brands {
  font-weight: 400;
  font-family: 'Font Awesome 6 Brands';
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;}

.fa-monero:before {
  content: "\f3d0"; }

.fa-hooli:before {
  content: "\f427"; }

.fa-yelp:before {
  content: "\f1e9"; }

.fa-cc-visa:before {
  content: "\f1f0"; }

.fa-lastfm:before {
  content: "\f202"; }

.fa-shopware:before {
  content: "\f5b5"; }

.fa-creative-commons-nc:before {
  content: "\f4e8"; }

.fa-aws:before {
  content: "\f375"; }

.fa-redhat:before {
  content: "\f7bc"; }

.fa-yoast:before {
  content: "\f2b1"; }

.fa-cloudflare:before {
  content: "\e07d"; }

.fa-ups:before {
  content: "\f7e0"; }

.fa-pixiv:before {
  content: "\e640"; }

.fa-wpexplorer:before {
  content: "\f2de"; }

.fa-dyalog:before {
  content: "\f399"; }

.fa-bity:before {
  content: "\f37a"; }

.fa-stackpath:before {
  content: "\f842"; }

.fa-buysellads:before {
  content: "\f20d"; }

.fa-first-order:before {
  content: "\f2b0"; }

.fa-modx:before {
  content: "\f285"; }

.fa-guilded:before {
  content: "\e07e"; }

.fa-vnv:before {
  content: "\f40b"; }

.fa-square-js:before {
  content: "\f3b9"; }

.fa-js-square:before {
  content: "\f3b9"; }

.fa-microsoft:before {
  content: "\f3ca"; }

.fa-qq:before {
  content: "\f1d6"; }

.fa-orcid:before {
  content: "\f8d2"; }

.fa-java:before {
  content: "\f4e4"; }

.fa-invision:before {
  content: "\f7b0"; }

.fa-creative-commons-pd-alt:before {
  content: "\f4ed"; }

.fa-centercode:before {
  content: "\f380"; }

.fa-glide-g:before {
  content: "\f2a6"; }

.fa-drupal:before {
  content: "\f1a9"; }

.fa-jxl:before {
  content: "\e67b"; }

.fa-dart-lang:before {
  content: "\e693"; }

.fa-hire-a-helper:before {
  content: "\f3b0"; }

.fa-creative-commons-by:before {
  content: "\f4e7"; }

.fa-unity:before {
  content: "\e049"; }

.fa-whmcs:before {
  content: "\f40d"; }

.fa-rocketchat:before {
  content: "\f3e8"; }

.fa-vk:before {
  content: "\f189"; }

.fa-untappd:before {
  content: "\f405"; }

.fa-mailchimp:before {
  content: "\f59e"; }

.fa-css3-alt:before {
  content: "\f38b"; }

.fa-square-reddit:before {
  content: "\f1a2"; }

.fa-reddit-square:before {
  content: "\f1a2"; }

.fa-vimeo-v:before {
  content: "\f27d"; }

.fa-contao:before {
  content: "\f26d"; }

.fa-square-font-awesome:before {
  content: "\e5ad"; }

.fa-deskpro:before {
  content: "\f38f"; }

.fa-brave:before {
  content: "\e63c"; }

.fa-sistrix:before {
  content: "\f3ee"; }

.fa-square-instagram:before {
  content: "\e055"; }

.fa-instagram-square:before {
  content: "\e055"; }

.fa-battle-net:before {
  content: "\f835"; }

.fa-the-red-yeti:before {
  content: "\f69d"; }

.fa-square-hacker-news:before {
  content: "\f3af"; }

.fa-hacker-news-square:before {
  content: "\f3af"; }

.fa-edge:before {
  content: "\f282"; }

.fa-threads:before {
  content: "\e618"; }

.fa-napster:before {
  content: "\f3d2"; }

.fa-square-snapchat:before {
  content: "\f2ad"; }

.fa-snapchat-square:before {
  content: "\f2ad"; }

.fa-google-plus-g:before {
  content: "\f0d5"; }

.fa-artstation:before {
  content: "\f77a"; }

.fa-markdown:before {
  content: "\f60f"; }

.fa-sourcetree:before {
  content: "\f7d3"; }

.fa-google-plus:before {
  content: "\f2b3"; }

.fa-diaspora:before {
  content: "\f791"; }

.fa-foursquare:before {
  content: "\f180"; }

.fa-stack-overflow:before {
  content: "\f16c"; }

.fa-github-alt:before {
  content: "\f113"; }

.fa-phoenix-squadron:before {
  content: "\f511"; }

.fa-pagelines:before {
  content: "\f18c"; }

.fa-algolia:before {
  content: "\f36c"; }

.fa-red-river:before {
  content: "\f3e3"; }

.fa-creative-commons-sa:before {
  content: "\f4ef"; }

.fa-safari:before {
  content: "\f267"; }

.fa-google:before {
  content: "\f1a0"; }

.fa-square-font-awesome-stroke:before {
  content: "\f35c"; }

.fa-font-awesome-alt:before {
  content: "\f35c"; }

.fa-atlassian:before {
  content: "\f77b"; }

.fa-linkedin-in:before {
  content: "\f0e1"; }

.fa-digital-ocean:before {
  content: "\f391"; }

.fa-nimblr:before {
  content: "\f5a8"; }

.fa-chromecast:before {
  content: "\f838"; }

.fa-evernote:before {
  content: "\f839"; }

.fa-hacker-news:before {
  content: "\f1d4"; }

.fa-creative-commons-sampling:before {
  content: "\f4f0"; }

.fa-adversal:before {
  content: "\f36a"; }

.fa-creative-commons:before {
  content: "\f25e"; }

.fa-watchman-monitoring:before {
  content: "\e087"; }

.fa-fonticons:before {
  content: "\f280"; }

.fa-weixin:before {
  content: "\f1d7"; }

.fa-shirtsinbulk:before {
  content: "\f214"; }

.fa-codepen:before {
  content: "\f1cb"; }

.fa-git-alt:before {
  content: "\f841"; }

.fa-lyft:before {
  content: "\f3c3"; }

.fa-rev:before {
  content: "\f5b2"; }

.fa-windows:before {
  content: "\f17a"; }

.fa-wizards-of-the-coast:before {
  content: "\f730"; }

.fa-square-viadeo:before {
  content: "\f2aa"; }

.fa-viadeo-square:before {
  content: "\f2aa"; }

.fa-meetup:before {
  content: "\f2e0"; }

.fa-centos:before {
  content: "\f789"; }

.fa-adn:before {
  content: "\f170"; }

.fa-cloudsmith:before {
  content: "\f384"; }

.fa-opensuse:before {
  content: "\e62b"; }

.fa-pied-piper-alt:before {
  content: "\f1a8"; }

.fa-square-dribbble:before {
  content: "\f397"; }

.fa-dribbble-square:before {
  content: "\f397"; }

.fa-codiepie:before {
  content: "\f284"; }

.fa-node:before {
  content: "\f419"; }

.fa-mix:before {
  content: "\f3cb"; }

.fa-steam:before {
  content: "\f1b6"; }

.fa-cc-apple-pay:before {
  content: "\f416"; }

.fa-scribd:before {
  content: "\f28a"; }

.fa-debian:before {
  content: "\e60b"; }

.fa-openid:before {
  content: "\f19b"; }

.fa-instalod:before {
  content: "\e081"; }

.fa-expeditedssl:before {
  content: "\f23e"; }

.fa-sellcast:before {
  content: "\f2da"; }

.fa-square-twitter:before {
  content: "\f081"; }

.fa-twitter-square:before {
  content: "\f081"; }

.fa-r-project:before {
  content: "\f4f7"; }

.fa-delicious:before {
  content: "\f1a5"; }

.fa-freebsd:before {
  content: "\f3a4"; }

.fa-vuejs:before {
  content: "\f41f"; }

.fa-accusoft:before {
  content: "\f369"; }

.fa-ioxhost:before {
  content: "\f208"; }

.fa-fonticons-fi:before {
  content: "\f3a2"; }

.fa-app-store:before {
  content: "\f36f"; }

.fa-cc-mastercard:before {
  content: "\f1f1"; }

.fa-itunes-note:before {
  content: "\f3b5"; }

.fa-golang:before {
  content: "\e40f"; }

.fa-kickstarter:before {
  content: "\f3bb"; }

.fa-square-kickstarter:before {
  content: "\f3bb"; }

.fa-grav:before {
  content: "\f2d6"; }

.fa-weibo:before {
  content: "\f18a"; }

.fa-uncharted:before {
  content: "\e084"; }

.fa-firstdraft:before {
  content: "\f3a1"; }

.fa-square-youtube:before {
  content: "\f431"; }

.fa-youtube-square:before {
  content: "\f431"; }

.fa-wikipedia-w:before {
  content: "\f266"; }

.fa-wpressr:before {
  content: "\f3e4"; }

.fa-rendact:before {
  content: "\f3e4"; }

.fa-angellist:before {
  content: "\f209"; }

.fa-galactic-republic:before {
  content: "\f50c"; }

.fa-nfc-directional:before {
  content: "\e530"; }

.fa-skype:before {
  content: "\f17e"; }

.fa-joget:before {
  content: "\f3b7"; }

.fa-fedora:before {
  content: "\f798"; }

.fa-stripe-s:before {
  content: "\f42a"; }

.fa-meta:before {
  content: "\e49b"; }

.fa-laravel:before {
  content: "\f3bd"; }

.fa-hotjar:before {
  content: "\f3b1"; }

.fa-bluetooth-b:before {
  content: "\f294"; }

.fa-square-letterboxd:before {
  content: "\e62e"; }

.fa-sticker-mule:before {
  content: "\f3f7"; }

.fa-creative-commons-zero:before {
  content: "\f4f3"; }

.fa-hips:before {
  content: "\f452"; }

.fa-behance:before {
  content: "\f1b4"; }

.fa-reddit:before {
  content: "\f1a1"; }

.fa-discord:before {
  content: "\f392"; }

.fa-chrome:before {
  content: "\f268"; }

.fa-app-store-ios:before {
  content: "\f370"; }

.fa-cc-discover:before {
  content: "\f1f2"; }

.fa-wpbeginner:before {
  content: "\f297"; }

.fa-confluence:before {
  content: "\f78d"; }

.fa-shoelace:before {
  content: "\e60c"; }

.fa-mdb:before {
  content: "\f8ca"; }

.fa-dochub:before {
  content: "\f394"; }

.fa-accessible-icon:before {
  content: "\f368"; }

.fa-ebay:before {
  content: "\f4f4"; }

.fa-amazon:before {
  content: "\f270"; }

.fa-unsplash:before {
  content: "\e07c"; }

.fa-yarn:before {
  content: "\f7e3"; }

.fa-square-steam:before {
  content: "\f1b7"; }

.fa-steam-square:before {
  content: "\f1b7"; }

.fa-500px:before {
  content: "\f26e"; }

.fa-square-vimeo:before {
  content: "\f194"; }

.fa-vimeo-square:before {
  content: "\f194"; }

.fa-asymmetrik:before {
  content: "\f372"; }

.fa-font-awesome:before {
  content: "\f2b4"; }

.fa-font-awesome-flag:before {
  content: "\f2b4"; }

.fa-font-awesome-logo-full:before {
  content: "\f2b4"; }

.fa-gratipay:before {
  content: "\f184"; }

.fa-apple:before {
  content: "\f179"; }

.fa-hive:before {
  content: "\e07f"; }

.fa-gitkraken:before {
  content: "\f3a6"; }

.fa-keybase:before {
  content: "\f4f5"; }

.fa-apple-pay:before {
  content: "\f415"; }

.fa-padlet:before {
  content: "\e4a0"; }

.fa-amazon-pay:before {
  content: "\f42c"; }

.fa-square-github:before {
  content: "\f092"; }

.fa-github-square:before {
  content: "\f092"; }

.fa-stumbleupon:before {
  content: "\f1a4"; }

.fa-fedex:before {
  content: "\f797"; }

.fa-phoenix-framework:before {
  content: "\f3dc"; }

.fa-shopify:before {
  content: "\e057"; }

.fa-neos:before {
  content: "\f612"; }

.fa-square-threads:before {
  content: "\e619"; }

.fa-hackerrank:before {
  content: "\f5f7"; }

.fa-researchgate:before {
  content: "\f4f8"; }

.fa-swift:before {
  content: "\f8e1"; }

.fa-angular:before {
  content: "\f420"; }

.fa-speakap:before {
  content: "\f3f3"; }

.fa-angrycreative:before {
  content: "\f36e"; }

.fa-y-combinator:before {
  content: "\f23b"; }

.fa-empire:before {
  content: "\f1d1"; }

.fa-envira:before {
  content: "\f299"; }

.fa-google-scholar:before {
  content: "\e63b"; }

.fa-square-gitlab:before {
  content: "\e5ae"; }

.fa-gitlab-square:before {
  content: "\e5ae"; }

.fa-studiovinari:before {
  content: "\f3f8"; }

.fa-pied-piper:before {
  content: "\f2ae"; }

.fa-wordpress:before {
  content: "\f19a"; }

.fa-product-hunt:before {
  content: "\f288"; }

.fa-firefox:before {
  content: "\f269"; }

.fa-linode:before {
  content: "\f2b8"; }

.fa-goodreads:before {
  content: "\f3a8"; }

.fa-square-odnoklassniki:before {
  content: "\f264"; }

.fa-odnoklassniki-square:before {
  content: "\f264"; }

.fa-jsfiddle:before {
  content: "\f1cc"; }

.fa-sith:before {
  content: "\f512"; }

.fa-themeisle:before {
  content: "\f2b2"; }

.fa-page4:before {
  content: "\f3d7"; }

.fa-hashnode:before {
  content: "\e499"; }

.fa-react:before {
  content: "\f41b"; }

.fa-cc-paypal:before {
  content: "\f1f4"; }

.fa-squarespace:before {
  content: "\f5be"; }

.fa-cc-stripe:before {
  content: "\f1f5"; }

.fa-creative-commons-share:before {
  content: "\f4f2"; }

.fa-bitcoin:before {
  content: "\f379"; }

.fa-keycdn:before {
  content: "\f3ba"; }

.fa-opera:before {
  content: "\f26a"; }

.fa-itch-io:before {
  content: "\f83a"; }

.fa-umbraco:before {
  content: "\f8e8"; }

.fa-galactic-senate:before {
  content: "\f50d"; }

.fa-ubuntu:before {
  content: "\f7df"; }

.fa-draft2digital:before {
  content: "\f396"; }

.fa-stripe:before {
  content: "\f429"; }

.fa-houzz:before {
  content: "\f27c"; }

.fa-gg:before {
  content: "\f260"; }

.fa-dhl:before {
  content: "\f790"; }

.fa-square-pinterest:before {
  content: "\f0d3"; }

.fa-pinterest-square:before {
  content: "\f0d3"; }

.fa-xing:before {
  content: "\f168"; }

.fa-blackberry:before {
  content: "\f37b"; }

.fa-creative-commons-pd:before {
  content: "\f4ec"; }

.fa-playstation:before {
  content: "\f3df"; }

.fa-quinscape:before {
  content: "\f459"; }

.fa-less:before {
  content: "\f41d"; }

.fa-blogger-b:before {
  content: "\f37d"; }

.fa-opencart:before {
  content: "\f23d"; }

.fa-vine:before {
  content: "\f1ca"; }

.fa-signal-messenger:before {
  content: "\e663"; }

.fa-paypal:before {
  content: "\f1ed"; }

.fa-gitlab:before {
  content: "\f296"; }

.fa-typo3:before {
  content: "\f42b"; }

.fa-reddit-alien:before {
  content: "\f281"; }

.fa-yahoo:before {
  content: "\f19e"; }

.fa-dailymotion:before {
  content: "\e052"; }

.fa-affiliatetheme:before {
  content: "\f36b"; }

.fa-pied-piper-pp:before {
  content: "\f1a7"; }

.fa-bootstrap:before {
  content: "\f836"; }

.fa-odnoklassniki:before {
  content: "\f263"; }

.fa-nfc-symbol:before {
  content: "\e531"; }

.fa-mintbit:before {
  content: "\e62f"; }

.fa-ethereum:before {
  content: "\f42e"; }

.fa-speaker-deck:before {
  content: "\f83c"; }

.fa-creative-commons-nc-eu:before {
  content: "\f4e9"; }

.fa-patreon:before {
  content: "\f3d9"; }

.fa-avianex:before {
  content: "\f374"; }

.fa-ello:before {
  content: "\f5f1"; }

.fa-gofore:before {
  content: "\f3a7"; }

.fa-bimobject:before {
  content: "\f378"; }

.fa-brave-reverse:before {
  content: "\e63d"; }

.fa-facebook-f:before {
  content: "\f39e"; }

.fa-square-google-plus:before {
  content: "\f0d4"; }

.fa-google-plus-square:before {
  content: "\f0d4"; }

.fa-web-awesome:before {
  content: "\e682"; }

.fa-mandalorian:before {
  content: "\f50f"; }

.fa-first-order-alt:before {
  content: "\f50a"; }

.fa-osi:before {
  content: "\f41a"; }

.fa-google-wallet:before {
  content: "\f1ee"; }

.fa-d-and-d-beyond:before {
  content: "\f6ca"; }

.fa-periscope:before {
  content: "\f3da"; }

.fa-fulcrum:before {
  content: "\f50b"; }

.fa-cloudscale:before {
  content: "\f383"; }

.fa-forumbee:before {
  content: "\f211"; }

.fa-mizuni:before {
  content: "\f3cc"; }

.fa-schlix:before {
  content: "\f3ea"; }

.fa-square-xing:before {
  content: "\f169"; }

.fa-xing-square:before {
  content: "\f169"; }

.fa-bandcamp:before {
  content: "\f2d5"; }

.fa-wpforms:before {
  content: "\f298"; }

.fa-cloudversify:before {
  content: "\f385"; }

.fa-usps:before {
  content: "\f7e1"; }

.fa-megaport:before {
  content: "\f5a3"; }

.fa-magento:before {
  content: "\f3c4"; }

.fa-spotify:before {
  content: "\f1bc"; }

.fa-optin-monster:before {
  content: "\f23c"; }

.fa-fly:before {
  content: "\f417"; }

.fa-aviato:before {
  content: "\f421"; }

.fa-itunes:before {
  content: "\f3b4"; }

.fa-cuttlefish:before {
  content: "\f38c"; }

.fa-blogger:before {
  content: "\f37c"; }

.fa-flickr:before {
  content: "\f16e"; }

.fa-viber:before {
  content: "\f409"; }

.fa-soundcloud:before {
  content: "\f1be"; }

.fa-digg:before {
  content: "\f1a6"; }

.fa-tencent-weibo:before {
  content: "\f1d5"; }

.fa-letterboxd:before {
  content: "\e62d"; }

.fa-symfony:before {
  content: "\f83d"; }

.fa-maxcdn:before {
  content: "\f136"; }

.fa-etsy:before {
  content: "\f2d7"; }

.fa-facebook-messenger:before {
  content: "\f39f"; }

.fa-audible:before {
  content: "\f373"; }

.fa-think-peaks:before {
  content: "\f731"; }

.fa-bilibili:before {
  content: "\e3d9"; }

.fa-erlang:before {
  content: "\f39d"; }

.fa-x-twitter:before {
  content: "\e61b"; }

.fa-cotton-bureau:before {
  content: "\f89e"; }

.fa-dashcube:before {
  content: "\f210"; }

.fa-42-group:before {
  content: "\e080"; }

.fa-innosoft:before {
  content: "\e080"; }

.fa-stack-exchange:before {
  content: "\f18d"; }

.fa-elementor:before {
  content: "\f430"; }

.fa-square-pied-piper:before {
  content: "\e01e"; }

.fa-pied-piper-square:before {
  content: "\e01e"; }

.fa-creative-commons-nd:before {
  content: "\f4eb"; }

.fa-palfed:before {
  content: "\f3d8"; }

.fa-superpowers:before {
  content: "\f2dd"; }

.fa-resolving:before {
  content: "\f3e7"; }

.fa-xbox:before {
  content: "\f412"; }

.fa-square-web-awesome-stroke:before {
  content: "\e684"; }

.fa-searchengin:before {
  content: "\f3eb"; }

.fa-tiktok:before {
  content: "\e07b"; }

.fa-square-facebook:before {
  content: "\f082"; }

.fa-facebook-square:before {
  content: "\f082"; }

.fa-renren:before {
  content: "\f18b"; }

.fa-linux:before {
  content: "\f17c"; }

.fa-glide:before {
  content: "\f2a5"; }

.fa-linkedin:before {
  content: "\f08c"; }

.fa-hubspot:before {
  content: "\f3b2"; }

.fa-deploydog:before {
  content: "\f38e"; }

.fa-twitch:before {
  content: "\f1e8"; }

.fa-flutter:before {
  content: "\e694"; }

.fa-ravelry:before {
  content: "\f2d9"; }

.fa-mixer:before {
  content: "\e056"; }

.fa-square-lastfm:before {
  content: "\f203"; }

.fa-lastfm-square:before {
  content: "\f203"; }

.fa-vimeo:before {
  content: "\f40a"; }

.fa-mendeley:before {
  content: "\f7b3"; }

.fa-uniregistry:before {
  content: "\f404"; }

.fa-figma:before {
  content: "\f799"; }

.fa-creative-commons-remix:before {
  content: "\f4ee"; }

.fa-cc-amazon-pay:before {
  content: "\f42d"; }

.fa-dropbox:before {
  content: "\f16b"; }

.fa-instagram:before {
  content: "\f16d"; }

.fa-cmplid:before {
  content: "\e360"; }

.fa-upwork:before {
  content: "\e641"; }

.fa-facebook:before {
  content: "\f09a"; }

.fa-gripfire:before {
  content: "\f3ac"; }

.fa-jedi-order:before {
  content: "\f50e"; }

.fa-uikit:before {
  content: "\f403"; }

.fa-fort-awesome-alt:before {
  content: "\f3a3"; }

.fa-phabricator:before {
  content: "\f3db"; }

.fa-ussunnah:before {
  content: "\f407"; }

.fa-earlybirds:before {
  content: "\f39a"; }

.fa-trade-federation:before {
  content: "\f513"; }

.fa-autoprefixer:before {
  content: "\f41c"; }

.fa-whatsapp:before {
  content: "\f232"; }

.fa-square-upwork:before {
  content: "\e67c"; }

.fa-slideshare:before {
  content: "\f1e7"; }

.fa-google-play:before {
  content: "\f3ab"; }

.fa-viadeo:before {
  content: "\f2a9"; }

.fa-line:before {
  content: "\f3c0"; }

.fa-google-drive:before {
  content: "\f3aa"; }

.fa-servicestack:before {
  content: "\f3ec"; }

.fa-simplybuilt:before {
  content: "\f215"; }

.fa-bitbucket:before {
  content: "\f171"; }

.fa-imdb:before {
  content: "\f2d8"; }

.fa-deezer:before {
  content: "\e077"; }

.fa-raspberry-pi:before {
  content: "\f7bb"; }

.fa-jira:before {
  content: "\f7b1"; }

.fa-docker:before {
  content: "\f395"; }

.fa-screenpal:before {
  content: "\e570"; }

.fa-bluetooth:before {
  content: "\f293"; }

.fa-gitter:before {
  content: "\f426"; }

.fa-d-and-d:before {
  content: "\f38d"; }

.fa-microblog:before {
  content: "\e01a"; }

.fa-cc-diners-club:before {
  content: "\f24c"; }

.fa-gg-circle:before {
  content: "\f261"; }

.fa-pied-piper-hat:before {
  content: "\f4e5"; }

.fa-kickstarter-k:before {
  content: "\f3bc"; }

.fa-yandex:before {
  content: "\f413"; }

.fa-readme:before {
  content: "\f4d5"; }

.fa-html5:before {
  content: "\f13b"; }

.fa-sellsy:before {
  content: "\f213"; }

.fa-square-web-awesome:before {
  content: "\e683"; }

.fa-sass:before {
  content: "\f41e"; }

.fa-wirsindhandwerk:before {
  content: "\e2d0"; }

.fa-wsh:before {
  content: "\e2d0"; }

.fa-buromobelexperte:before {
  content: "\f37f"; }

.fa-salesforce:before {
  content: "\f83b"; }

.fa-octopus-deploy:before {
  content: "\e082"; }

.fa-medapps:before {
  content: "\f3c6"; }

.fa-ns8:before {
  content: "\f3d5"; }

.fa-pinterest-p:before {
  content: "\f231"; }

.fa-apper:before {
  content: "\f371"; }

.fa-fort-awesome:before {
  content: "\f286"; }

.fa-waze:before {
  content: "\f83f"; }

.fa-bluesky:before {
  content: "\e671"; }

.fa-cc-jcb:before {
  content: "\f24b"; }

.fa-snapchat:before {
  content: "\f2ab"; }

.fa-snapchat-ghost:before {
  content: "\f2ab"; }

.fa-fantasy-flight-games:before {
  content: "\f6dc"; }

.fa-rust:before {
  content: "\e07a"; }

.fa-wix:before {
  content: "\f5cf"; }

.fa-square-behance:before {
  content: "\f1b5"; }

.fa-behance-square:before {
  content: "\f1b5"; }

.fa-supple:before {
  content: "\f3f9"; }

.fa-webflow:before {
  content: "\e65c"; }

.fa-rebel:before {
  content: "\f1d0"; }

.fa-css3:before {
  content: "\f13c"; }

.fa-staylinked:before {
  content: "\f3f5"; }

.fa-kaggle:before {
  content: "\f5fa"; }

.fa-space-awesome:before {
  content: "\e5ac"; }

.fa-deviantart:before {
  content: "\f1bd"; }

.fa-cpanel:before {
  content: "\f388"; }

.fa-goodreads-g:before {
  content: "\f3a9"; }

.fa-square-git:before {
  content: "\f1d2"; }

.fa-git-square:before {
  content: "\f1d2"; }

.fa-square-tumblr:before {
  content: "\f174"; }

.fa-tumblr-square:before {
  content: "\f174"; }

.fa-trello:before {
  content: "\f181"; }

.fa-creative-commons-nc-jp:before {
  content: "\f4ea"; }

.fa-get-pocket:before {
  content: "\f265"; }

.fa-perbyte:before {
  content: "\e083"; }

.fa-grunt:before {
  content: "\f3ad"; }

.fa-weebly:before {
  content: "\f5cc"; }

.fa-connectdevelop:before {
  content: "\f20e"; }

.fa-leanpub:before {
  content: "\f212"; }

.fa-black-tie:before {
  content: "\f27e"; }

.fa-themeco:before {
  content: "\f5c6"; }

.fa-python:before {
  content: "\f3e2"; }

.fa-android:before {
  content: "\f17b"; }

.fa-bots:before {
  content: "\e340"; }

.fa-free-code-camp:before {
  content: "\f2c5"; }

.fa-hornbill:before {
  content: "\f592"; }

.fa-js:before {
  content: "\f3b8"; }

.fa-ideal:before {
  content: "\e013"; }

.fa-git:before {
  content: "\f1d3"; }

.fa-dev:before {
  content: "\f6cc"; }

.fa-sketch:before {
  content: "\f7c6"; }

.fa-yandex-international:before {
  content: "\f414"; }

.fa-cc-amex:before {
  content: "\f1f3"; }

.fa-uber:before {
  content: "\f402"; }

.fa-github:before {
  content: "\f09b"; }

.fa-php:before {
  content: "\f457"; }

.fa-alipay:before {
  content: "\f642"; }

.fa-youtube:before {
  content: "\f167"; }

.fa-skyatlas:before {
  content: "\f216"; }

.fa-firefox-browser:before {
  content: "\e007"; }

.fa-replyd:before {
  content: "\f3e6"; }

.fa-suse:before {
  content: "\f7d6"; }

.fa-jenkins:before {
  content: "\f3b6"; }

.fa-twitter:before {
  content: "\f099"; }

.fa-rockrms:before {
  content: "\f3e9"; }

.fa-pinterest:before {
  content: "\f0d2"; }

.fa-buffer:before {
  content: "\f837"; }

.fa-npm:before {
  content: "\f3d4"; }

.fa-yammer:before {
  content: "\f840"; }

.fa-btc:before {
  content: "\f15a"; }

.fa-dribbble:before {
  content: "\f17d"; }

.fa-stumbleupon-circle:before {
  content: "\f1a3"; }

.fa-internet-explorer:before {
  content: "\f26b"; }

.fa-stubber:before {
  content: "\e5c7"; }

.fa-telegram:before {
  content: "\f2c6"; }

.fa-telegram-plane:before {
  content: "\f2c6"; }

.fa-old-republic:before {
  content: "\f510"; }

.fa-odysee:before {
  content: "\e5c6"; }

.fa-square-whatsapp:before {
  content: "\f40c"; }

.fa-whatsapp-square:before {
  content: "\f40c"; }

.fa-node-js:before {
  content: "\f3d3"; }

.fa-edge-legacy:before {
  content: "\e078"; }

.fa-slack:before {
  content: "\f198"; }

.fa-slack-hash:before {
  content: "\f198"; }

.fa-medrt:before {
  content: "\f3c8"; }

.fa-usb:before {
  content: "\f287"; }

.fa-tumblr:before {
  content: "\f173"; }

.fa-vaadin:before {
  content: "\f408"; }

.fa-quora:before {
  content: "\f2c4"; }

.fa-square-x-twitter:before {
  content: "\e61a"; }

.fa-reacteurope:before {
  content: "\f75d"; }

.fa-medium:before {
  content: "\f23a"; }

.fa-medium-m:before {
  content: "\f23a"; }

.fa-amilia:before {
  content: "\f36d"; }

.fa-mixcloud:before {
  content: "\f289"; }

.fa-flipboard:before {
  content: "\f44d"; }

.fa-viacoin:before {
  content: "\f237"; }

.fa-critical-role:before {
  content: "\f6c9"; }

.fa-sitrox:before {
  content: "\e44a"; }

.fa-discourse:before {
  content: "\f393"; }

.fa-joomla:before {
  content: "\f1aa"; }

.fa-mastodon:before {
  content: "\f4f6"; }

.fa-airbnb:before {
  content: "\f834"; }

.fa-wolf-pack-battalion:before {
  content: "\f514"; }

.fa-buy-n-large:before {
  content: "\f8a6"; }

.fa-gulp:before {
  content: "\f3ae"; }

.fa-creative-commons-sampling-plus:before {
  content: "\f4f1"; }

.fa-strava:before {
  content: "\f428"; }

.fa-ember:before {
  content: "\f423"; }

.fa-canadian-maple-leaf:before {
  content: "\f785"; }

.fa-teamspeak:before {
  content: "\f4f9"; }

.fa-pushed:before {
  content: "\f3e1"; }

.fa-wordpress-simple:before {
  content: "\f411"; }

.fa-nutritionix:before {
  content: "\f3d6"; }

.fa-wodu:before {
  content: "\e088"; }

.fa-google-pay:before {
  content: "\e079"; }

.fa-intercom:before {
  content: "\f7af"; }

.fa-zhihu:before {
  content: "\f63f"; }

.fa-korvue:before {
  content: "\f42f"; }

.fa-pix:before {
  content: "\e43a"; }

.fa-steam-symbol:before {
  content: "\f3f6"; }
  
.waconcookiemanagement {
    display: none;
    z-index: 1000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background: rgba(0, 0, 0, 0.5);
    font-weight: 300;
}
#c144 .cookie-set{
  display:none;
}
.cookie-set.script img {
    max-width: 100%;
    height: auto;
    /* filter: grayscale(100%) blur(5px) brightness(300%) saturate(0%) contrast(50%);
     -webkit-filter: grayscale(100%) blur(5px) brightness(300%) saturate(0%) contrast(50%);
     -moz-filter: grayscale(100%) blur(5px) brightness(300%) saturate(0%) contrast(50%);*/
}

.cookie-information {
    margin-bottom: 20px;
}

#CookieBox p,
#CookieBox h1,
#CookieBox h2,#CookieBox .h2,
#CookieBox h3, #CookieBox .h3{
    color: #333333;
    text-transform: none;
    text-decoration: none;
    font-style: normal;
}
#CookieBox .h2{
    margin-top:1rem;
    margin-bottom:.6rem;
}
#CookieBox .h3{
    margin-bottom:.6rem;
}

#CookieBox a {
    color: #333333;
    text-transform: none;
    text-decoration: none;
}

#CookieBox {
    z-index: 201;
    top: 10%;
    left: 20%;
    width: 60%;
    max-width:600px;
    margin:5% auto;
    max-height: 80%;
    overflow: auto;
    background: #fff;
    border-radius: 12px;
    border-top:6px solid #164194;
    border-bottom:6px solid #164194;
    -webkit-box-shadow: 0px 4px 25px -5px rgba(0,0,0,0.87);
    -moz-box-shadow: 0px 4px 25px -5px rgba(0,0,0,0.87);
    box-shadow: 0px 4px 25px -5px rgba(0,0,0,0.87);
}

.middle-center{
  padding: 20px 20px 20px;
  -webkit-box-shadow: inset 0px 4px 41px -5px rgba(0,0,0,0.18);
-moz-box-shadow: inset 0px 4px 41px -5px rgba(0,0,0,0.18);
box-shadow: inset 0px 4px 41px -5px rgba(0,0,0,0.18);
  
}

.waconcookiemanagementlist #CookieBox {
    z-index: 201;
    position: relative;
    width: 100%;
    top: 0%;
    left: 0%;
    max-width: 100%;
    max-height: auto;
    overflow: auto;
    background: #fff;
    padding: 0px;
    border-radius: 0px;
}

#CookieBox .h2 {
    font-weight: 600;
    font-size:20px;
}

#CookieBox ul, #CookieBox2 ul {
    margin: 0;
    padding: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
}

#CookieBox .cookie-info ul, #CookieBox2 .cookie-infolist ul {
    text-align: left;
    padding: 0;
    padding-left: 1rem;
}

#CookieBox p, #CookieBox2 p {
    margin: 0 auto 10px;
}

#CookieBox .cookie-btn {
    display: inline-block;
    font-family: inherit;
    padding: .5em 1em;
    text-decoration: none;
    
    border-radius: 25px;
    background: #ddd;
    cursor: pointer;
    margin: 2px auto;
}

#CookieBox .cookie-btn:hover {
    color: white;
    text-decoration: none;
}

#CookieBox .cookie-refuse .cookie-btn {
    background: #ddd;
}

#CookieBox .cookie-accept-container {
    text-align: center;
    cursor: pointer;
    margin-top:30px;
}

#CookieBox a.cookie-accept {
    padding: 4px 15px;
}

#CookieBox .cookieclose {
    cursor: pointer;
    position: absolute;
    top: 15px;
    right: 15px;
    border-radius: 4px;
    border: 1px solid #333;
    background: #999;
    padding: 2px 9px;
    color: #fff;
}

#CookieBox .intro p {
    width: 90%;
}

#CookieBox .cookie-management,
#CookieBox .cookie-refuse {
    margin: 2px auto;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    border-radius: 15px;
    padding: 4px 15px;
    background-color: #ddd;
}

.waconcookiemanagementlist #CookieBox .cookie-refuse {
    background-color: transparent;
}

#CookieBox .text-center {
    text-align: center;
}

#CookieBox .text-right,
#CookieBox .text-back-right {
    text-align: right;
}

#CookieBox .text-back-right a {
    display: inline-block;
    padding: 0 5px;
    margin-right: 10px;
    color: #333333;
    text-decoration: none;
}

#CookieBox .cookieback {
    margin-left: auto;
    margin-right: auto;
    width: 65%;
    text-align: center;
    cursor: pointer;
    border-radius: 15px;
    padding: 5px;
    margin-bottom: 10px;
    background-color: #ccc;
}

#CookieBox .cookie-on,
#CookieBox .cookie-off, #CookieBox2 .cookie-on,
#CookieBox2 .cookie-off {
    float: left;
    cursor: pointer;
    margin-right: 5px;
}

#CookieBox .cookie-on, #CookieBox2 .cookie-on {
    display: none;
}

#CookieBox .intro .cookie-legal, #CookieBox2 .intro .cookie-legal {
    margin-top: 50px;
    width: 100%;
}
#CookieBox .intro .cookie-legal{
  margin-bottom:0px;
  padding: 2px 0px 5px;
  background: #eee;
  border-top: 1px solid #ddd;
}

#CookieBox .cookie-legal a {
    display: inline-block;
    padding: 0;
    font-size: .9rem;
    margin-right: 18px;
    color: #333333;
    text-decoration: none;
    cursor: pointer;
}

#CookieBox .cookie-legal a:hover {
    text-decoration: underline;
}

#CookieBox .info-text {
    display: none;
}

#CookieBox .info-show {
    cursor: pointer;
}

#CookieBox .info-hide {
    cursor: pointer;
}


#CookieBox .category {
    background: #eeeeee;
    padding: 10px;
    margin: 25px 30px;
}

.waconcookiemanagementlist #CookieBox2 .category {
    background: #eeeeee;
    padding: 10px;
    margin: 25px 0px;
}

#CookieBox .category .h3 {
    margin-top: 0;
    font-weight: 600;
}


#CookieBox .cookie-info, #CookieBox2 .cookie-infolist {
    background: #fff;
    padding: 10px;
}

#CookieBox .cookie-info table, #CookieBox2 .cookie-infolist table {
    border-collapse: collapse;
    border-spacing: 0px;
    width: 100%;
}

#CookieBox .cookie-info td, #CookieBox2 .cookie-infolist td {
    padding: 3px 10px 3px 0;
    border-top: #eeeeee solid 1px;
}

#CookieBox .cookie-info p, #CookieBox2 .cookie-infolist p {
    margin-top: 0;
}

#CookieBox .box-cookie-management {
    display: none;
    overflow: auto;
}

#CookieBox .box-cookie-management-in > p {
    width: 80%;
}

.waconcookiemanagementlist #CookieBox .box-cookie-management {
    display: block;
}

.waconcookiemanagementlist #CookieBox .box-cookie-management-in > p {
    width: 100%;
    margin: 25px 0 0 0;
}

.waconcookiemanagementlist #CookieBox .intro p {
    width: 100%;
}

#CookieBox .deactivated,
#CookieBox .activated, #CookieBox2 .deactivated,
#CookieBox2 .activated {
    width: 40px;
    height: 20px;
    border-radius: 10px;
    background: #ccc;
    display: inline-block;
}

#CookieBox .activated, #CookieBox2 .activated {
    background: #8dc63f;
}

#CookieBox .off,
#CookieBox .on, #CookieBox2 .off,
#CookieBox2 .on {
    cursor: pointer;
    display: block;
    float: left;
    background: #fff;
    width: 16px;
    margin: 2px;
    height: 16px;
    border-radius: 8px;
}

#CookieBox .on, #CookieBox2 .on {
    float: right;
}

#CookieBox .arrow, #CookieBox2 .arrow {
    border: .5rem solid #333;
    font-size: 0;
    line-height: 0;
    height: 0;
    padding: 0;
    margin: 0px 10px;
    display: inline-block;
}

#CookieBox .arrow.down, #CookieBox2 .arrow.down {
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    margin-bottom: -5px;
}

#CookieBox .arrow.up, #CookieBox2 .arrow.up {
    border-top-color: transparent;
    border-right-color: transparent;
    border-left-color: transparent;
    margin-top: -5px;
}

/* CookieFix unterer Bereich mit Buttons */
#CookieBox .cookie-fix {
    display: none;
    overflow: auto;
    padding: 20px 0 0 0;
}

.waconcookiemanagementlist #CookieBox .cookie-fix {
    display: block;
}

#CookieBox .cookie-fix .cookie-save {
    float: left;
    margin-left: 30px;
}

#CookieBox .cookie-fix .text-back-right {
    float: right;
    margin-right: 30px;
}

#CookieBox .cookie-refuse-container, #CookieBox .cookie-accept-container, #CookieBox .cookie-management-container {
    text-align: center;
}

#CookieBox .cookie-fix .cookieback,
#CookieBox .cookie-fix .cookie-refuse {
    display: block;
    margin: 10px auto;
    text-align: center;
    cursor: pointer;
    border-radius: 15px;
    padding: 5px 20px;
    background-color: #ccc;
    white-space: nowrap;
    width: auto;
}

#CookieBox .cookie-fix .cookie-legal {
    clear: both
}

.cookie-set.script {
    cursor: pointer;
    position: relative;
    min-height: 50px;
    background: #ffffff;
    text-align: center;
}

.cookie-set.script p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #333333;
    text-align: center;
    background-color: rgb(255, 255, 255, 0.8);
    margin: 0 auto;
    padding: 40px;
    border-radius: 5px;
}

.cookie-set {
    cursor: pointer;
}
#CookieBox .cookie-fix{
-webkit-box-shadow: 0px -11px 12px -8px rgba(0,0,0,0.33);
-moz-box-shadow: 0px -11px 12px -8px rgba(0,0,0,0.33);
box-shadow: 0px -11px 12px -8px rgba(0,0,0,0.33);
}


@media (max-width: 1000px) {
    #CookieBox {
        left: 5%;
        width: 90%;
        top: 5%;
        max-height: 90%;
    }
}

@media (max-width: 786px) {
    #CookieBox .cookie-fix .text-back-right {
        width: 87%;
    }
    #CookieBox .intro p.h2,
    #CookieBox p.h2{
      text-align: center;
      font-weight: 600;
      font-size: 18px;
    }
    #CookieBox .intro p {
      width: auto;
      font-size:14px;
    }

}