/**
 * Table of Contents:
 *

1. - Global Styles
2. - Header
3. - Main 
3. - Bottom
5. - Footer 
 
 * -----------------------------------------------------------------------------
 */
/**
 * 1. Global Styles
 * -----------------------------------------------------------------------------
 */
 
/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Regular'), local('Montserrat-Regular'),
       url('../fonts/montserrat-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v12-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}

  /* montserrat-700 - latin */
  @font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/montserrat-v12-latin-700.eot'); /* IE9 Compat Modes */
    src: local('Montserrat Bold'), local('Montserrat-Bold'),
         url('../fonts/montserrat-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/montserrat-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/montserrat-v12-latin-700.woff') format('woff'), /* Modern Browsers */
         url('../fonts/montserrat-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/montserrat-v12-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
  }
  
  /* open-sans-300 - latin-ext_latin */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/open-sans-v27-latin-ext_latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/open-sans-v27-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/open-sans-v27-latin-ext_latin-300.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/open-sans-v27-latin-ext_latin-300.woff') format('woff'), /* Modern Browsers */
         url('../fonts/open-sans-v27-latin-ext_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/open-sans-v27-latin-ext_latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  
  /* open-sans-regular - latin-ext_latin */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/open-sans-v27-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/open-sans-v27-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/open-sans-v27-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/open-sans-v27-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/open-sans-v27-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/open-sans-v27-latin-ext_latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  
  /* open-sans-600 - latin-ext_latin */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/open-sans-v27-latin-ext_latin-600.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/open-sans-v27-latin-ext_latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/open-sans-v27-latin-ext_latin-600.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/open-sans-v27-latin-ext_latin-600.woff') format('woff'), /* Modern Browsers */
         url('../fonts/open-sans-v27-latin-ext_latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/open-sans-v27-latin-ext_latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  
  /* open-sans-700 - latin-ext_latin */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/open-sans-v27-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/open-sans-v27-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/open-sans-v27-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/open-sans-v27-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
         url('../fonts/open-sans-v27-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/open-sans-v27-latin-ext_latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  

body {-ms-overflow-style: scrollbar;}

.pagination, .social-links, .slide-nav, .mobile-nav {
  list-style: none;
  padding: 0;
  margin: 0; 
  
}
  
.container:before, .bottom:before, .bottom-area-1:before, .bottom-area-2:before { content: ""; display: table; }
.container:after, .bottom:after, .bottom-area-1:after, .bottom-area-2:after { clear: both; }

a, input, select, button, .breadcrumb .breadcrumb-content span, .owl-theme .owl-controls .owl-buttons div.owl-prev:before, .owl-theme .owl-controls .owl-buttons div.owl-next:before, .owl-theme .owl-controls .owl-pagination .owl-page span {
  transition: all .1s, visibility 0s;
  -ms-transition: all .1s, visibility 0s;
  -webkit-transition: all .1s, visibility 0s;
  -moz-transition: all .1s, visibility 0s; }


.owl-theme .owl-controls .owl-buttons div.owl-prev:before, .owl-theme .owl-controls .owl-buttons div.owl-next:before, .thumb-icon  {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

body {
  font-family: "Open Sans";
  font-size: 16px;
  line-height: 22px;
  font-style: normal; 
  position: relative;
}

::selection {
  background: #ffd302;
  color: #fff;
  text-shadow: none; }

::-moz-selection {
  background: #ffd302;
  color: #fff;
  text-shadow: none; }

/**
 *
 *

1.2.1 Default Structure Tag

1.2.2 Basic Structure Class

1.2.3 Custom Layout

1.2.4 Default Article

1.2.5 Default Widget

1.2.6 Elements

1.2.7 Images

 
 * 
 **/
/*___________ 1.2.1 Default Structure Tag ___________*/
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "Montserrat";
  color: #2c2f33;
  font-weight: 700;
  display: block;
  margin: 0 0 10px; }

h1,
.h1 {
  font-size: 40px;
  font-weight: 400;   
  line-height: 44px; }
  
  @media screen and (max-width: 479px) {
    h1,
    .h1 {
      font-size: 30px;
      line-height: 38px; } }

h2,
.h2 {
  font-size: 28px;
  font-weight: 400;   
  line-height: 34px; }
  @media screen and (max-width: 479px) {
    h2,
    .h2 {
      font-size: 24px;
      line-height: 32px; } }

h3,
.h3 {
  font-size: 24px;
  font-weight: 400;  
  line-height: 32px; }
  @media screen and (max-width: 479px) {
    h3,
    .h3 {
      font-size: 20px;
      line-height: 28px; } }

h4,
.h4 {
  font-size: 18px;
  line-height: 32px; }

h5,
.h5 {
  font-size: 16px;
  line-height: 24px; }

h6,
.h6 {
  font-size: 14px;
  line-height: 22px; }


a {
  color: #9e2886;
  text-decoration: none !important;
  outline: none !important; }

#main-content ol {
  counter-reset: item;
  display: block;
  margin: 5px 0;
  padding: 0; }
  

#main-content ul {
  margin: 0px 0px 30px;
  padding: 0 }

#main-content ul li {
  list-style: none;
  margin-bottom: 10px; 
  display: block; 
  line-height: 125%;
  position: relative;
  padding: 0 0 0 24px;
}

#main-content ul li ul {
    margin: 16px 0 16px;
}

#main-content ul li::before {
  font-family: "fontAwesome";
  position: absolute;
  content:"\f04d";
  top: 0;
  left: 0; 
  font-size: 10px;
  color: #444444;   
}
#main-content .sidebar-nav ul li { margin-bottom: 0; }
#main-content .sidebar-nav ul li::before { display: none; }

#main-content ol li {
  margin-bottom: 10px; }


#main-content ol > li {
    padding: 0 0 0 1.5em;
    text-indent: -2em;
    list-style-type: none;
    counter-increment: item;
    display: block;
}


#main-content ol > li::before {
    display: inline-block;
    width: 2em;
    padding-right: 0.5em;
    font-weight: bold;
    text-align: right;
    content: counter(item) ".";
}
  
.equal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
.equal > [class*='col-'] {
  display: flex;
  flex-direction: column;
}


textarea {
  resize: vertical; }

.ce-image img {
  width: 100%;
  height: auto; 
}

.ce-image {
    margin-bottom: 30px;
}

input, select, button {
  outline: none !important;
  box-shadow: none !important; }

p.reset {
  margin: 0; }

p { font-family: "Open Sans"; margin: 0 0 20px; }
/* p:last-child { margin: 0; } */

a.anchor {
    display: block;
    position: relative;
    top: -116px;
    width: 1px;
    height: 1px;
    /*visibility: hidden;*/
}

cite,
em,
var,
address,
dfn {
  font-style: italic; }

i {
  font-style: normal; }

p i {
  font-style: italic; }

iframe {
  border: none;
  width: 100%; }

blockquote {
  border-left: 0px; }

html {
  overflow-x: hidden; }

body {overflow: hidden; }

.main-container {
  background: #fff;
  transition: all 0.1s ease-in-out, visibility 0s;
  -ms-transition: all 0.1s ease-in-out, visibility 0s;
  -webkit-transition: all 0.1s ease-in-out, visibility 0s;
  -moz-transition: all 0.1s ease-in-out, visibility 0s; }
  .main-container.scale-down {
    transition: all 0.4s ease-in-out, visibility 0s;
    -ms-transition: all 0.4s ease-in-out, visibility 0s;
    -webkit-transition: all 0.4s ease-in-out, visibility 0s;
    -moz-transition: all 0.4s ease-in-out, visibility 0s; }



/*___________ 1.2.2 Basic Structure Class ___________*/
.alignleft, .align-left {
  float: left; }

.alignright, .align-right {
  float: right; }

.aligncenter, .align-center {
  display: block;
  margin-left: auto;
  margin-right: auto; }

figure.wp-caption.alignleft,
img.alignleft {
  margin: 5px 30px 15px 0; }

.wp-caption.alignleft {
  margin: 5px 10px 5px 0; }

figure.wp-caption.alignright,
img.alignright {
  margin: 5px 0 5px 30px; }

.wp-caption.alignright {
  margin: 5px 0 5px 10px; }

img.aligncenter {
  margin: 5px auto; }

img.alignnone {
  margin: 5px 0; }

.text-light {
  font-weight: 300; }

.txt-up {
  text-transform: uppercase; }

.txt-cap {
  text-transform: capitalize; }




.frame-space-before-extra-small {
    margin-top: 10px;
}

.frame-space-before-small {
    margin-top: 20px;
}

.frame-space-before-medium {
    margin-top: 30px;
}

.frame-space-before-large {
    margin-top: 50px;
}

.frame-space-before-extra-large {
    margin-top: 75px;
}

.frame-space-after-extra-small {
    margin-bottom: 10px;
}

.frame-space-after-small {
    margin-bottom: 20px;
}

.frame-space-after-medium {
    margin-bottom: 30px;
}

.frame-space-after-large {
    margin-bottom: 50px;
}

.frame-space-after-extra-large {
    margin-bottom: 75px;
}


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

  .frame-space-after-medium {
    margin-bottom: 20px;
  }

  .frame-space-after-large {
    margin-bottom: 30px;
  }

  .frame-space-before-extra-large {
    margin-top: 40px;
  }
  
  .bottom-area-2 .col-sm-6 { text-align: left !important;}

}

/*

.container {
  width: 1170px;
  margin: 0 auto;
  padding: 0;
  position: relative; }
  @media screen and (max-width: 1160px) {
    .container {
      width: 1000px; } }
  @media screen and (max-width: 1023px) {
    .container {
      width: 960px; } }
  @media screen and (max-width: 979px) {
    .container {
      width: 780px; } }
  @media screen and (max-width: 799px) {
    .container {
      width: 748px; } }
  @media screen and (max-width: 767px) {
    .container {
      width: 620px; } }
  @media screen and (max-width: 639px) {
    .container {
      width: 460px; } }
  @media screen and (max-width: 479px) {
    .container {
      width: 340px; } }
  @media screen and (max-width: 359px) {
    .container {
      width: 300px; } }
*/

/*Quicknav*/

.quicknav {
    right: 0;
    width: 40px;
    z-index: 999;
    top: 50%;
    margin-top: -41px;
    box-shadow: 0 0 10px 2px rgba(0,0,0,0.25);
}

.quicknav ul { margin:0; padding:0; }
.quicknav ul li {
    float: left;
    display: block;
    width: 40px;
    height: 40px;
    margin: 0;
    padding: 0;
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    list-style: none;
    background: #ffffff;
}
.quicknav ul li.red {
    border:none;
    background: #fe0000;
    border-top: 1px solid #fe0000;
    border-left: 1px solid #fe0000;  
    color: #ffffff;  
}

.quicknav a {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 38px;
    color: #333333;
    text-align: center;
    font-size: 20px;
}

.quicknav ul li.red a {
    color: #ffffff;  
}

/*Revolution Slider*/

#slider .slider.title{
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-bottom: 0 !important;
}

#slider rs-layer.title::before{
    content: "";
    position: absolute;
    display: block;
    width: 40%;
    height: 60%;
    left: -10px;
    top: -10px;
    z-index: -1;
    border-left: 10px solid;
    border-top: 10px solid;
}

#slider rs-layer.title::after{
    content: "";
    position: absolute;
    display: block;
    width: 55%;
    height: 60%;
    right: -10px;
    bottom: -10px;
    z-index: -1;
    border-right: 10px solid;
    border-bottom: 10px solid;
}

#slider .tp-mask-wrap{
    overflow: visible !important;
}

#slider .custom.tparrows{
    background: none;
}

#slider .custom.tparrows::before {
    font-size: 52px;
    font-weight: 600;
}


/*Notfall*/

.item.meta.red > a {
    padding: 10px;
    color: #ffffff;
    position: relative;
}
.item.meta.red > a::before {
    display: block;
    content: "";
    background: #ef0000;
    position: absolute;
    top: -4px;
    width: 100%;
    left: 0;
    height: 100%;
    z-index: -1;
}

/*Loading*/

.loading {
  background: url("images/background/bg/white/9.png");
  background: rgba(255, 255, 255, 0.9);
  min-height: 580px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9; }
  .loading > i {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 30px;
    margin-left: -13px;
    margin-top: -15px;
    color: #2c2f33; }

div[class*="ct-slider"] .loading {
  position: relative; }
div[class*="ct-slider"] .slider-pro {
  display: none; }

/*--- layout ---*/
.pull-left {
  float: left; }

.pull-right {
  float: right; }


/*--- breadcrumb ---*/

#breadcrumb {
    padding: 26px 0 6px;
    background-color: #ffffff;
    margin-bottom: 30px;
    border-bottom: 1px solid #ffffff;
}

#main-content ul.breadcrumb {
  font-weight: 400;
  font-size: 13px;    
  word-wrap: break-word; 
  margin: 50px 0 0;
  padding:0;
}
  #main-content ul.breadcrumb > li { display: inline-block; margin: 0; padding: 0 7px 0 0;  list-style: none; float:left; }
  #main-content ul.breadcrumb > li:before { content: "\f054"; margin-right: 6px; display: inline-block; position: relative;}
  
  #main-content ul.breadcrumb > li.m-root { padding: 0 7px; }
  #main-content ul.breadcrumb > li.m-root:before { display: none !important; }
  
  #main-content ul.breadcrumb > li.you-are-here { font-weight: 400; text-transform: uppercase; padding: 0; }
  #main-content ul.breadcrumb > li.you-are-here:before { display: none !important; }
  
 

/*--- owl-button ---*/
.owl-theme .owl-controls {
  transition: all 0.5s, visibility 0s;
  -ms-transition: all 0.5s, visibility 0s;
  -webkit-transition: all 0.5s, visibility 0s;
  -moz-transition: all 0.5s, visibility 0s;
  margin: 0; }
  .owl-theme .owl-controls .owl-buttons div {
    color: #fff;
    background: url("images/background/bg/black/3.png");
    background: rgba(0, 0, 0, 0.3);
    padding: 0;
    margin: 0;
    border-radius: 0;
    text-align: center;
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    margin-left: -12px;
    margin-left: 0;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    /* Netscape */
    -moz-opacity: 1;
    /* Safari 1.x */
    -khtml-opacity: 1;
    /* Good browsers */
    opacity: 1;
    transition: all 0.5s, visibility 0s;
    -ms-transition: all 0.5s, visibility 0s;
    -webkit-transition: all 0.5s, visibility 0s;
    -moz-transition: all 0.5s, visibility 0s; }
    .owl-theme .owl-controls .owl-buttons div:hover {
      color: #fff; }
    .owl-theme .owl-controls .owl-buttons div.owl-prev {
      left: 0;
      padding-right: 2px; }
      .owl-theme .owl-controls .owl-buttons div.owl-prev:before {
        content: "\f104"; }
    .owl-theme .owl-controls .owl-buttons div.owl-next {
      right: 0;
      padding-left: 2px; }
      .owl-theme .owl-controls .owl-buttons div.owl-next:before {
        content: "\f105"; }
  .owl-theme .owl-controls .owl-pagination {
    text-align: center;
    margin: 20px 0 0; }
    .owl-theme .owl-controls .owl-pagination .owl-page span {
      width: 10px;
      height: 10px;
      margin: 10px 5px 0;
      background: none;
      border-width: 1px;
      border-style: solid;
      border-radius: 50%;
      /* IE 8 */
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      /* Netscape */
      -moz-opacity: 1;
      /* Safari 1.x */
      -khtml-opacity: 1;
      /* Good browsers */
      opacity: 1; }

.owl-btn-01 .owl-controls .owl-buttons div {
  z-index: 9;
  background: none;
  text-align: center;
  width: 27px;
  height: 42px;
  line-height: 42px;
  font-size: 14px;
  position: absolute;
  top: 50%;
  margin-top: -21px;
  margin-left: -13.5px;
  margin-left: 0;
  padding: 0 !important; }
  .owl-btn-01 .owl-controls .owl-buttons div:before {
    display: none; }
  .owl-btn-01 .owl-controls .owl-buttons div.owl-prev {
    left: 30px;
    background: url("images/one/prev.png") no-repeat; }
  .owl-btn-01 .owl-controls .owl-buttons div.owl-next {
    right: 30px;
    background: url("images/one/next.png") no-repeat; }
.owl-btn-01 .owl-controls .owl-pagination {
  margin: -10px 0 0;
  position: absolute;
  z-index: 9;
  top: 50%;
  right: 7%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }
  .owl-btn-01 .owl-controls .owl-pagination .owl-page {
    display: block; }
    .owl-btn-01 .owl-controls .owl-pagination .owl-page span {
      width: 10px;
      height: 10px;
      background: #fff;
      border-radius: 0;
      border: none; }



/*----- Tabs -----*/
.nav-tabs {
  background: url("img/background/1.png");
  border: 1px solid #e3e6e9;
  margin-bottom: 0; }
  .nav-tabs > li {
    margin-right: 0 !important; }
    .nav-tabs > li > a {
      margin-right: 0;
      margin-left: -1px;
      text-transform: none;
      border: none !important;
      background: none !important;
      font-family: "Montserrat";
      font-size: 14px;
      line-height: 22px;
      font-weight: 700;
      text-align: center;
      text-transform: uppercase;
      padding: 14px 25px;
      margin-bottom: 0px;
      border-radius: 0;
      cursor: pointer !important;
      position: relative; }
      @media screen and (max-width: 479px) {
        .nav-tabs > li > a {
          padding: 8px; } }
      .nav-tabs > li > a:before, .nav-tabs > li > a:after {
        content: '';
        display: inline-block;
        position: absolute;
        bottom: -1px;
        left: 0;
        width: 100%;
        height: calc(100% + 6px);
        background: #fff;
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        /* Netscape */
        -moz-opacity: 0;
        /* Safari 1.x */
        -khtml-opacity: 0;
        /* Good browsers */
        opacity: 0; }
      .nav-tabs > li > a:after {
        background: none;
        border: 1px solid #e3e6e9; }
      .nav-tabs > li > a p {
        position: relative;
        z-index: 9; }
      .nav-tabs > li > a:hover {
        color: #2c2f33; }
        .nav-tabs > li > a:hover:before, .nav-tabs > li > a:hover:after {
          /* IE 8 */
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
          /* Netscape */
          -moz-opacity: 1;
          /* Safari 1.x */
          -khtml-opacity: 1;
          /* Good browsers */
          opacity: 1; }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
      cursor: default;
      color: #2c2f33; }
      .nav-tabs > li.active > a:before, .nav-tabs > li.active > a:after, .nav-tabs > li.active > a:hover:before, .nav-tabs > li.active > a:hover:after, .nav-tabs > li.active > a:focus:before, .nav-tabs > li.active > a:focus:after {
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        /* Netscape */
        -moz-opacity: 1;
        /* Safari 1.x */
        -khtml-opacity: 1;
        /* Good browsers */
        opacity: 1; }

.tab-content {
  background: #fff;
  padding: 35px 0 0;
  border: none; }

.tab.style-01 {
  border: 2px solid #e3e6e9; }
  .tab.style-01 .nav-tabs {
    border: none;
    border-bottom: 1px solid #e3e6e9;
    padding: 0 15px; }
    @media screen and (max-width: 479px) {
      .tab.style-01 .nav-tabs {
        padding: 0; } }
    .tab.style-01 .nav-tabs > li > a {
      padding: 14px 15px; }
      @media screen and (max-width: 479px) {
        .tab.style-01 .nav-tabs > li > a {
          padding: 8px; } }
      .tab.style-01 .nav-tabs > li > a:before, .tab.style-01 .nav-tabs > li > a:after {
        display: none; }
      .tab.style-01 .nav-tabs > li > a:hover {
        color: #fff; }
    .tab.style-01 .nav-tabs > li.active > a, .tab.style-01 .nav-tabs > li.active > a:hover, .tab.style-01 .nav-tabs > li.active > a:focus {
      cursor: default;
      color: #fff; }
  .tab.style-01 .tab-content {
    padding: 30px; }

/*--- buttons ---*/
.hub-module-btn-1 .widget-content > div {
  margin-left: -15px; }
  .hub-module-btn-1 .widget-content > div a {
    margin-top: 20px;
    margin-left: 15px; }

.hub-module-btn-2 .widget-content > div {
  margin-left: -25px; }
  .hub-module-btn-2 .widget-content > div a {
    margin-top: 20px;
    margin-left: 25px; }

/*--- collapse ---*/
.panel-group {
  margin-bottom: 0px; }
  .panel-group .panel {
    background: none;
    border-radius: 0;
    box-shadow: none;
    border: none;
    margin: 0 0 5px 0 !important;
    position: relative;
    z-index: 0;
 }
    
    
  .panel .panel-heading {
      position: relative;
      z-index: 0;
      padding: 0;
      background: none;
  }
      
  .panel h4.panel-title {
    display: block;
    background: linear-gradient(16deg, #f2f2f2 0%,#f2f2f2 15%,#ffffff 100%);
    height: 44px;
    line-height: 44px;
    padding: 0 15px;
    margin:  0 0 2px;
    z-index: auto;
    border-radius: 6px;
    position: relative;
    border-radius:0;
  }
  
  .panel h4.panel-title > a {
    display: block;  
  }
  
  .panel h4.panel-title > a::after {
    content: "\f077";
    position: absolute;
    right: 0;
    font-family: "fontAwesome";
  }
  .panel h4.panel-title > a.collapsed::after {
    content: "\f078";
  }
    
  .panel h4.panel-title::before {
    position: absolute;
    top: 2px;
    right: -3px;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    z-index: -2;
    background: #d9d9d9;
    box-sizing: content-box;
    transform: skewX(-1deg);
    box-shadow: 0 0 6px #d9d9d9;
  }
  
  .panel h4.panel-title a {
      z-index: 4;
      position: relative;
  }
      
    .panel-group .panel .panel-body {
      padding: 25px 0 20px 15px;
      border: none !important; }

    .panel-collapse.collapsing,
    .panel-collapse.collapse.in {
        display: block;
        background: linear-gradient(16deg, #f2f2f2 0%,#f2f2f2 15%,#ffffff 100%);
        padding: 15px 15px 15px 0;
        margin: 0 0 2px;
        z-index: auto;
        border-radius: 6px;
        position: relative;
        border-radius: 0;
    }

    .panel-collapse.collapsing::before,
    .panel-collapse.collapse.in::before {
        position: absolute;
        top: 2px;
        right: -2px;
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        z-index: -2;
        background: #d9d9d9;
        box-sizing: content-box;
        transform: skewX(-0.01deg);
        box-shadow: 0 0 6px #d9d9d9;
    }



/*--- blockquote ---*/
.ct-blockquote-1 {
  padding: 50px 45px;
  font-size: 26px;
  line-height: 34px;
  font-weight: 300;
  font-style: italic; }
  .ct-blockquote-1 span {
    color: #fff; }
  .ct-blockquote-1 header {
    margin-bottom: 10px; }
  .ct-blockquote-1 footer {
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    margin-top: 15px; }

.ct-blockquote-2, .ct-blockquote-4 {
  padding: 0 30px;
  border-left-width: 5px;
  border-left-style: solid;
  border-right-width: 5px;
  border-right-style: solid;
  font-family: "Montserrat";
  font-size: 16px;
  line-height: 24px;
  font-weight: 400; }
  .ct-blockquote-2 header, .ct-blockquote-4 header {
    font-size: 26px;
    margin-bottom: 10px; }
  .ct-blockquote-2 footer, .ct-blockquote-4 footer {
    font-family: "Open Sans";
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    font-style: italic;
    margin-top: 15px; }

.ct-blockquote-3, .ct-blockquote-5 {
  padding: 120px 100px;
  font-size: 24px;
  line-height: 32px;
  font-weight: 300;
  font-style: italic; }
  @media screen and (max-width: 799px) {
    .ct-blockquote-3, .ct-blockquote-5 {
      padding: 50px 20px; } }
  .ct-blockquote-3:before, .ct-blockquote-5:before {
    content: ''; }
  .ct-blockquote-3 > *, .ct-blockquote-5 > * {
    position: relative; }
  .ct-blockquote-3 header, .ct-blockquote-5 header {
    font-size: 26px;
    margin-bottom: 10px; }
  .ct-blockquote-3 footer, .ct-blockquote-5 footer {
    font-size: 20px;
    line-height: 28px; }

.ct-blockquote-4 {
  padding: 0;
  border: none; }

.ct-blockquote-5 {
  padding: 120px 0; }
  @media screen and (max-width: 979px) {
    .ct-blockquote-5 {
      padding: 60px 0; } }

/**
 * 2. Header
 * -----------------------------------------------------------------------------
 */
/*--- hamburger-menu ---*/
.hb-menu-icon {
  position: absolute;
  height: 100%;
  width: 100%; }
  .hb-menu-icon span {
    display: block;
    width: 100%;
    height: 2px;
    background: #fff;
    position: relative;
    margin: 5px 0 0;
    transition: all 0.25s ease-in-out, visibility 0s;
    -ms-transition: all 0.25s ease-in-out, visibility 0s;
    -webkit-transition: all 0.25s ease-in-out, visibility 0s;
    -moz-transition: all 0.25s ease-in-out, visibility 0s; }
    .hb-menu-icon span:nth-child(1) {
      margin-top: 0;
      transition: all 0.4s ease-in-out, visibility 0s;
      -ms-transition: all 0.4s ease-in-out, visibility 0s;
      -webkit-transition: all 0.4s ease-in-out, visibility 0s;
      -moz-transition: all 0.4s ease-in-out, visibility 0s; }
    .hb-menu-icon span:nth-child(2) {
      transition: all 0.15s ease-in-out, visibility 0s;
      -ms-transition: all 0.15s ease-in-out, visibility 0s;
      -webkit-transition: all 0.15s ease-in-out, visibility 0s;
      -moz-transition: all 0.15s ease-in-out, visibility 0s; }
    .hb-menu-icon span:nth-child(3) {
      transition: all 0.55s ease-in-out, visibility 0s;
      -ms-transition: all 0.55s ease-in-out, visibility 0s;
      -webkit-transition: all 0.55s ease-in-out, visibility 0s;
      -moz-transition: all 0.55s ease-in-out, visibility 0s; }
  .hb-menu-icon.style-02 span {
    width: 0%; }

.hamburger-menu {
  width: 32px;
  height: 16px;
  position: relative;
  cursor: pointer; }
  .hamburger-menu:hover .hb-menu-icon.style-01 span {
    width: 0% !important; }
  .hamburger-menu:hover .hb-menu-icon.style-02 span {
    width: 100%; }

header[class*="kopa-page-header-"] {
  position: relative;
  z-index: 999; }

/*_____________ page-header-1 _____________*/
.header-top {
  padding: 4px;
  height: 46px;
  position: relative; }
  .header-top .social-links {
    margin-top: 4px; }
  @media screen and (max-width: 1160px) {
    .header-top > .container > .row > .col-md-2 {
      display: none; }
    .header-top > .container > .row > .col-md-8 {
      width: 100%; } }
  @media screen and (max-width: 639px) {
    .header-top .ct-ul-1 li:first-child {
      display: none; } }
  @media screen and (max-width: 479px) {
    .header-top {
      display: none; } }

.header-bottom {
  padding: 0;
  position: relative; }
  
  .header-bottom .logo {
    position: absolute;
    z-index: 99;
    display: block;
    /*border-radius: 50%;*/
    background-color: #ffffff;
    border: 1px solid #9e2886;
    width: 200px;
    height: 170px;
    top: -92px;
    text-align: center;
  }
  .header-bottom .logo img {
      height: 110px;
      width: auto;
      top: 60px;
      position: relative;
  }

  .nav-desktop.affix .logo {
    display: none;    
  }

  .header-bottom .logo-mobile img {
    max-width: 200px;
    top: 8px;
    position: relative;
    width:200px;
  }

    .nav-desktop .logo-scroll {
        position: absolute;
        top: 6px;
        /* padding-left: 15px; */
    }

.nav-desktop .logo-scroll img{
    max-width: 200px;
    top: 6px;
    position: relative;    
    display: none;
    width:200px;
}

.nav-desktop.affix .logo-scroll img{
    display: block;   
}

    
  .header-bottom .hamburger-menu {
    float: right;
    margin-top: 9px; }

/*--- sticky-menu ---*/
.page-header-1.sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  background: #fff; }
  .page-header-1.sticky .header-top {
    display: none; }
  .page-header-1.sticky .header-bottom {
    padding: 14px 0 16px; }
    .page-header-1.sticky .header-bottom .logo img {
      max-width: 80%; }
    .page-header-1.sticky .header-bottom .main-nav {
      margin: 3px 0 0 38px; }
    .page-header-1.sticky .header-bottom .hamburger-menu {
      margin-top: 5px; }
  .page-header-1.sticky .main-menu > li > a {
    color: rgba(255, 255, 255, 0.9); }
  .page-header-1.sticky .main-menu > li ul.sub-menu, .page-header-1.sticky .main-menu > li ul, .page-header-1.sticky .main-menu > li .sf-mega {
    top: 42px; }
    .page-header-1.sticky .main-menu > li ul.sub-menu ul, .page-header-1.sticky .main-menu > li ul ul, .page-header-1.sticky .main-menu > li .sf-mega ul {
      top: 0; }


/* Meta */
ul.meta {
    position: absolute;
    right: 15px;
    top: 8px;
    z-index: 2;
}
ul.meta > li.item {
    float: left;
    list-style: outside none none;
    margin-left: 20px;
}
ul.meta > li.item > a {
    padding: 10px 0 0 10px; 
}
ul.meta > li.item.first > a {
    padding: 10px 0 0 0; 
}
ul.meta > li.item > i {
    padding-right: 15px;
}
.meta a:hover{
    text-decoration: underline !important;   
}

/*Main*/


.header-bottom nav.main-nav {
    margin: 0;
}
nav.main-nav ul {
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    width: auto;
    float: right;
}
nav.main-nav > ul > li {
    display: block;
    float: left;
    position: relative;
    margin: 0 1rem 0;
    z-index: 999;
}
nav.main-nav > ul > li > a {
    color: #333333;
    font-size: 18px;
    font-weight: 600;
    line-height: 32px;
    padding: 1rem 1rem;
    /*-moz-border-bottom-colors: none;*/
    /*-moz-border-left-colors: none;*/
    /*-moz-border-right-colors: none;*/
    /*-moz-border-top-colors: none;*/
    /*border-color: #ffffff #ffffff currentcolor;*/
    /*border-image: none;*/
    /*border-style: solid solid none;*/
    /*border-width: 4px 1px medium; */
    border:none;
    background: transparent;
}  

nav.main-nav > ul > li.last {
    /*margin-right: 0;*/
    float: left;
}  

nav.main-nav > ul > li.first > a {
  left: -1px;
}
nav.main-nav > ul > li.last > a {
  left: 1px;
}
 
nav.main-nav ul.nav > li > a:hover, nav.main-nav ul.nav > li > a:focus {
    color: #0071bb;
    text-decoration: none;
    background: none;
} 

nav.main-nav ul li.item.dropdown:hover > a,
nav.main-nav ul li.item.dropdown:hover > a:hover,
nav.main-nav ul li.item.dropdown.active > a,
nav.main-nav ul li.item.dropdown.current > a  {
    /*-moz-border-bottom-colors: none;*/
    /*-moz-border-left-colors: none;*/
    /*-moz-border-right-colors: none;*/
    /*-moz-border-top-colors: none;*/
     border: none;
    background: #ffffff;    
    z-index: 299; 
    color: #9e2886;      
}

nav.main-nav  .dropdown-menu > .active > a {
    background: none !important;
  color: #333333;
}
nav.main-nav .dropdown-menu > .active > a, 
nav.main-nav .dropdown-menu > .current > a,
nav.main-nav .dropdown-menu > .active > a:hover,
nav.main-nav .dropdown-menu > .active > a:focus {
      color: #9e2886;
}

nav.main-nav > ul > li > ul {
    /*-moz-border-bottom-colors: none;*/
    /*-moz-border-left-colors: none;*/
    /*-moz-border-right-colors: none;*/
    /*-moz-border-top-colors: none;*/
    border: none;
    background: #ffffff none repeat scroll 0 0;
    /*border: none;*/
    /*border-radius: 0;*/
    display: none;
    left: -2rem;
    padding: 0;
    position: absolute;
    top: 100%;
    width: auto;
    margin-top:-1px;
    padding: 2rem;
    z-index: 199;   
    font-size: 16px;
}

nav.main-nav ul ul li {
    display: block; 
    padding-right:2rem;
    position:relative;
}

nav.main-nav > ul > li.last a {
    /*padding: 1rem 0 1rem 1rem;*/
}

/*nav.main-nav > ul > li > ul > li.sub > a {*/
/*    display:block;*/
/*    padding: 1rem 0;*/
/*    border-bottom: 2px solid #dddddd;*/
/*    font-size: 17px; */
/*    color: #333333;  */
/*}*/

nav.main-nav > ul > li > ul > li > a:hover, nav.main-nav > ul > li > ul > li > a:focus {
    color: #9e2886;
    text-decoration: none;
    background: none;
} 

/*nav.main-nav ul ul ul {*/
/*    display: block; */
/*    width:100%;*/
/*    margin: 2rem 0 0 0;*/
/*}*/

nav.main-nav > ul > li > ul > li > ul > li {
    display: block;
    float: none;
    width: 100%;
    position:relative;
}

nav.main-nav > ul > li > ul > li > ul > li > a {
    display: block;
    padding: 0 0 0.5rem;
}

nav.main-nav ul li:hover > ul {
    display:block;
}

nav.main-nav ul li a.dropdown-toggle > i {
    display: inline-block;
    margin-left: 5px;
}

nav.main-nav > ul > li > ul li ul {
  position: absolute;
  display: none;
  top: -2rem;
  left: calc(100% - 15px);
  z-index: 3;
  padding: 2rem;
  background: #f2f2f2;
  font-size:16px;
}


nav.main-nav ul ul ul li {
  display: block;
  padding-right: 2rem;
  position: relative;
}

nav.main-nav > ul > li > ul > li > ul > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
} 


nav.main-nav > ul > li > ul > li > ul > li > a:hover, 
nav.main-nav > ul > li > ul > li > ul > li > a:focus {
    color: #9e2886;
    text-decoration: none;
    background: none;
} 

@media (min-width: 992px) and (max-width: 1199px) {
   nav.main-nav > ul > li { margin: 0 1.25rem 0 0; }    
}

header .header-bottom .nav-desktop.affix nav.main-nav {
    margin-top: 0 !important;
}

/**
* 3 - Main
* -------------------------------------------------------------------
*/

/*.layout-home #main-content { padding: 75px 0; } */
.layout-home #main-content { padding: 0; }
.layout-sub #main-content { padding: 0 0 75px; }

/**
 *  Submenu
 *  ------------------------------------------------------------------
**/


nav.sidebar-nav { 
  display: block;
  width: 212px;
  position: relative;
  z-index: 2;
}

nav.sidebar-nav.affix { 
  top: 140px;
  position: fixed;
}

nav.sidebar-nav ul {
    display: block;
    margin: 0 0 30px;
}

nav.sidebar-nav ul li {
  list-style: none;
  margin: 0;
  display: block;
}

nav.sidebar-nav ul li a {
  display: block;
  background: linear-gradient(16deg, #f2f2f2 0%,#f2f2f2 15%,#ffffff 100%);
  height: 44px;
  line-height: 14px;
  padding: 15px;
  margin:  0 0 2px;
  z-index: auto;
  border-radius: 6px;
  position: relative;
  border-radius:0;
}

nav.sidebar-nav ul li a::before {
  position: absolute;
  top: 2px;
  right: -3px;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  z-index: -2;
  background: #d9d9d9;
  box-sizing: content-box;
  transform: skewX(-7deg);
  box-shadow: 0 0 6px #d9d9d9;
}

nav.sidebar-nav ul li a::after {
  content: "";
  left: 0;
  position: absolute;
  top: 0px;
  background: #eeeeee;
  height: 100%;
  width: 3px;
  background:none;
}

nav.sidebar-nav ul li:hover a::after {
    background: #0071bb;
}

nav.sidebar-nav ul li.active a::after {
    background: #0071bb;
}

nav.sidebar-nav ul li a:hover {
  text-decoration: none;
  color: #0071bb;
}


@media screen and (min-width: 1200px) {  
  nav.sidebar-nav { 
    width: 262px;
  }  
}


/**
* 4 - Bottom
* -------------------------------------------------------------------
*/

.bottom { 
  position: relative;
  z-index: 9;
  box-shadow: 0 -2px 1px 0 rgba(0,0,0,0.1);
}

.bottom-sidebar { padding: 0; }

/*--- bottom-area-1 ---*/
.bottom-area-1 {
  padding: 25px 0; }
 
/*--- bottom-area-2 ---*/
.bottom-area-2 {
  padding: 30px 0; }

.bottom-area-2 a{
    color: #2c2f33;
}
/*
.bottom-area-1 img{
    width: auto;
    float: left;
}
*/
.bottom-area-1 .ce-gallery::after{
    display: block;
    content: "";
    clear: both;
}

ul.navbar-bottom {margin:0; padding:0; list-style: none; }
ul.navbar-bottom > li { float: left; margin: 0 20px 0 0; list-style: none; }
ul.navbar-bottom > li > a { text-decoration: none; color: #2c2f33;}

.certs img { float: left; margin-right: 40px; height: 110px; width:auto; }

@media screen and (max-width: 1199px) {  
.certs img { margin-right: 40px; height: 110px; }
}

@media screen and (max-width: 991px) {  
.certs img { margin-right: 32px; height: 60px; }
}

@media screen and (max-width: 767px) {  
.certs img { margin-right: 26px; height: 40px;  }
}

@media screen and (max-width: 479px) {  
.certs img { margin-right: 16px; height: 32px;  }
}


/**
 * 4 - Footer
 * -----------------------------------------------------------------------------
 */
.scrollup {
  z-index: 99999999;
  display: inline-block;
  text-align: center;
  width: 41px;
  height: 41px;
  line-height: 40px;
  font-size: 16px;
  border-radius: 0;
  position: fixed;
  right: 20px;
  bottom: 20px;
  margin: 0;
  color: #ffffff !important;
  display: none; 
  box-shadow: 0 0 10px 2px rgba(0,0,0,0.25);
  
  }
  .scrollup:hover {
    background: #9e2886;
    color: #fff !important; }

.footer {
  padding: 10px 0 12px; 
  position:relative;
  z-index: 9;
  font-size: 13px;
  line-height: 16px;
  border-top: 2px solid #111111;
}

.footer p {
  margin: 0;
}

/*--- social-panel-1 ---*/
.social-panel-1 {
  position: fixed;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 99;
  width: 46px;
  display: none; }
  .social-panel-1 .social-panel-list {
    width: 46px;
    height: auto; }
    .social-panel-1 .social-panel-list li {
      display: block; }
      .social-panel-1 .social-panel-list li a {
        display: inline-block;
        text-align: center;
        width: 46px;
        height: 46px;
        line-height: 46px;
        font-size: 18px;
        color: #fff !important;
        background: #3d57a2;
        transition: all 0.1s ease, visibility 0s;
        -ms-transition: all 0.1s ease, visibility 0s;
        -webkit-transition: all 0.1s ease, visibility 0s;
        -moz-transition: all 0.1s ease, visibility 0s; }
        .social-panel-1 .social-panel-list li a:hover {
          width: 56px; }
      .social-panel-1 .social-panel-list li:nth-child(2n) a {
        background: #4079b5; }
      .social-panel-1 .social-panel-list li:nth-child(3n) a {
        background: #268bbf; }
      .social-panel-1 .social-panel-list li:nth-child(4n) a {
        background: #2ba3e1; }
      .social-panel-1 .social-panel-list li:nth-child(5n) a {
        background: #ea4335; }
  @media screen and (max-width: 1160px) {
    .social-panel-1 {
      display: none !important; } }



/** 
 * 5. - Responsive
 * -------------------------------------------------------------------
 */
@media screen and (max-width: 479px) {
  body {
    font-size: 14px;
    line-height: 22px; }
}

/** 
 * 6. - Mobile
 * -------------------------------------------------------------------
 */

 html.ocm-opened body {
    overflow-y: hidden;
    overflow-x: hidden;    
}

.ocm-menu.ocm-opened {
    transform: translate3d(0px, 0px, 0px);
}
.ocm-menu {
    height: 100%;
    right: 0;
    overflow: hidden;
    padding: 0;
    position: fixed;
    top: 0;
    transform: translate3d(320px, 0px, 0px);
    width: 320px;
    z-index: 500;
}
.ocm-opened {
}
.ocm-closed {
}
.animatedSlide {
    transition-duration: 0.3s;
    transition-property: -webkit-transform;
    transition-timing-function: ease-out;
}

.ocm-wrapper {
  height: 100%;
  width: 100%;
  background: #ffffff;    
  padding: 0;
  margin: 0;    
}

.ocm-innerwrapper {
  width: 320px;
  position: relative; 
  /*z-index: 1000;*/
  overflow: hidden;
  }
  
.ocm-innercontainer { 
  position:absolute;
  width: 1280px;
  top: 0;
  left:0;    
}

.ocm-wrapper .scrollable {
    bottom: 0;
    position: absolute;
    top: 65px;
    left:0;
    right:0;   
    overflow: auto;
    padding: 0 !important;
    width: 320px !important;
    -webkit-overflow-scrolling: touch;
}

.shiftLvl1  {
    transform: translate3d(-320px, 0px,0px);
    -ms-transform: translate3d(-320px, 0px,0px);
    -moz-transform: translate3d(-320px, 0px,0px);
    -webkit-transform: translate3d(-320px, 0px,0px);
    -o-transform: translate3d(-320px, 0px,0px);   
} 

.shiftLvl2  {
    transform: translate3d(-640px, 0px,0px);
    -ms-transform: translate3d(-640px, 0px,0px);
    -moz-transform: translate3d(-640px, 0px,0px);
    -webkit-transform: translate3d(-640px, 0px,0px);
    -o-transform: translate3d(-640px, 0px,0px);   
} 

.shiftLvl3  {
    transform: translate3d(-960px, 0px,0px);
    -ms-transform: translate3d(-960px, 0px,0px);
    -moz-transform: translate3d(-960px, 0px,0px);
    -webkit-transform: translate3d(-960px, 0px,0px);
    -o-transform: translate3d(-960px, 0px,0px);   
} 

.no-csstransforms3d .shiftLvl1  {
    transform: translate(-320px, 0px);
} 

.no-csstransforms3d .shiftLvl2  {
    transform: translate(-640px, 0px);
} 

.no-csstransforms3d .shiftLvl3  {
    transform: translate(-960px, 0px);
} 

.ocm-shiftlvl1 {
  margin-left: 0px;
}

.ocm-shiftlvl2 {
  margin-left: -25%;
}

.ocm-shiftlvl3 {
  margin-left: -50%;
}

.ocm-shiftlvl4 {
  margin-left: -75%;
}

.ocm-panel {
  display: block;
  float: left;
  width:320px; 
  height: 1024px;
}

.ocm-list {
  padding:0;
  margin:0;
  display:none;
}

.ocm-active,
.ocm-active .ocm-list {
  display: block;
}

.ocm-none {
  display: none;
}


.ocm-list > li:not(.ocm-subtitle):after {
    left: auto;
    margin-left: 20px;
    position: relative;
    width: auto;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    width: 100%;
}

.ocm-list > li:after {
    border-color: transparent;
}

.ocm-list > li {
    position: relative;
    background-color: #EAEAEA;
    border-bottom: 1px solid #FFFFFF;
    display: block;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    font-family: 'Ubuntu',sans-serif;
    font-size: 16px;
    text-shadow: none;
}

.ocm-list .ocm-subdir + a,
.ocm-list .ocm-subdir + span {
    margin-right: 50px;
    padding-right: 5px;
}

.ocm-list > li > a, .ocm-list > li > span {
    color: inherit;
    display: block;
    line-height: 20px;
    margin: 0;
    overflow: hidden;
    padding: 15px 10px 15px 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ocm-list a,
.ocm-list a:hover {
    text-decoration: none;
}  

.ocm-list .ocm-subdir:before {
    border-left: 1px solid #FFFFFF;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
}

.ocm-list .ocm-subback {
    margin-top: 0;
    padding-top: 15px;
    text-indent: 20px;
    cursor: pointer; 
    border-color:#000000;
    background: none repeat scroll 0 0 #CCCCCC;    
}

.hoverenabled .ocm-list .ocm-subback:hover {
  background: #666; 
  color: #FFFFFF; 
  border-color:#ffffff;
}

.ocm-list > li > .ocm-subdir:after,
.ocm-list > li > .ocm-subback:before {
    border-color: inherit;
}

.ocm-list .ocm-subdir:after,
.ocm-list .ocm-subback:before {
  content: '';
    border: 2px solid #3c3c3c;
    bottom: 45%;
    display: block;
    height: 10px;
    left: 18px;
    margin-bottom: -2px;
    position: absolute;
    width: 10px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.ocm-list .ocm-subdir:after {
    border-left: medium none;
    border-top: medium none;
    right: 18px;
}

.ocm-list .ocm-subback:before {
    border-bottom: medium none;
    border-right: medium none;
    left: 22px;
    margin-bottom: -2px;
}

.ocm-list .ocm-subdir {
    background: none repeat scroll 0 0 #CCCCCC;
    height: 100%;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    cursor: pointer;
    border-color: #000000;
}

.ocm-level2 .ocm-list li a {
  padding-left: 40px;
}


.hoverenabled .ocm-list .ocm-subdir:hover {
    background: none repeat scroll 0 0 #666666;
    border-color: #ffffff;
}

.hoverenabled .hoverenabled .ocm-list li.ocm-cur .ocm-subdir:hover {
    background: none repeat scroll 0 0 #666666;
    border-color: #ffffff;    
}

.ocm-list > li.ocm-active > a,
.ocm-list li.ocm-cur a {   
  background: #666; 
  color: #FFFFFF; 
}

.ocm-list > li.ocm-active > span.ocm-subdir {
  background: #666;
}
.ocm-list > li.ocm-active > span.ocm-subdir::after {
  border-color: #ffffff;
}

.hoverenabled .ocm-list > li a:hover {   
  background: #666; 
  color: #FFFFFF; 
}

.hoverenabled .ocm-list > li.ocm-active > a:hover,
.hoverenabled .ocm-list li.ocm-cur a:hover {   
  background: #611c6f;
}


.c-tab {
  width: 107px;
  padding: 5px 20px;
  float:left; 
  background: #cccccc;
  color: #3c3c3c;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;  
  text-align: center;
  cursor: pointer;
}

.c-tab > a {
    padding: 5px 20px;
    display: block;
}

.c-tab.c-emergency > a {
    color: #ffffff;  
}

.c-tab > a:hover {
  color: #2c2f33;
}  
.c-tab.c-emergency > a:hover {
  color: #ffffff;
}  

.c-tab.c-email {
  width: 106px; 
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}

.c-tab span{
  display: block;
  width: 28px;
  height: 26px;
  margin: 0 auto;
}

.c-tab.c-phone span{
}
.c-tab.c-email span{
}
.c-tab.c-emergency {
  /*background: #c63800;*/
  background: #fe0000; 
  color: #ffffff;  
}

.c-panel {
  width:100%;
  padding: 15px;
  display: none;
}

.c-panel.c-active {
  display: block;
}

.searchpanel { position: relative; }
.searchpanel .form-group { margin-bottom:1px; }
.searchpanel .tx-indexedsearch-searchbox-sword.form-control {
    border: 0 none;
    border-radius: 0;
    display: block;
    font-size: 95%;
    height: 50px;
    margin: 0;
    padding: 12px 50px 12px 20px;
}
.searchpanel button {
  width:49px;
  height:50px;
  position:absolute;
  right:0;
  top:0;
  background: #cccccc;
  border-radius: 0;  
  color: #3c3c3c;
  font-size: 16px;
}
.searchpanel .btn:hover, .searchpanel .btn:focus, .searchpanel .btn.focus { color: #ffffff; }

.ocm-wrapper .menu-header {
  text-align: left;
  height: 65px;
  position: relative;
  z-index: 2;
}

.ocm-wrapper .menu-header span.m-section-title {
  line-height: 60px;
  color: #941b81; 
  margin-left: 20px;
  padding-right: 16px;
  font-size: 16px;
  cursor: pointer; 
  position: relative;
}

.ocm-wrapper .menu-header span.m-section-title:after {
    border: 1px solid #951a84;
    bottom: 45%;
    content: "";
    display: block;
    height: 9px;
    margin-bottom: -2px;
    position: absolute;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 9px;
    border-top: medium none;
    border-left: medium none;
    right: 0px;   
    z-index: 1; 
}

.ocm-wrapper .menu-header span.m-section-title.m-section-active:after {
    border: 1px solid #951a84;
    border-bottom: medium none;
    border-right: medium none; 
    top: 45%;
    bottom: auto;   
}

.ocm-wrapper .m-section-panel {
  display: none;
}

.ocm-wrapper .m-section-panel.m-section-active {
  display: block;
}

.ocm-wrapper .m-section-panel .m-section-panel-entry {
    background-color: #EAEAEA;
    border-bottom: 1px solid #FFFFFF;
    display: block;
    font-family: 'Ubuntu',sans-serif;
    font-size: 16px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: relative;
    text-shadow: none;
}

.ocm-wrapper .m-section-panel .m-section-panel-entry a {
    color: #3c3c3c;
    display: block;
    line-height: 20px;
    margin: 0;
    overflow: hidden;
    padding: 15px 10px 15px 40px;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-decoration: none;
    position:relative;
}

.ocm-wrapper .m-section-panel .m-section-panel-entry a:before {
    border: 2px solid #000;
    bottom: 45%;
    content: "";
    display: block;
    height: 10px;
    margin-bottom: -2px;
    position: absolute;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 10px;
    border-bottom: medium none;
    border-left: medium none;
    left: 16px;   
    z-index: 1; 
}

.ocm-wrapper .m-section-panel .m-section-panel-entry a:hover {
  text-decoration: none;
  color: #3c3c3c;
}

.ocm-wrapper .menu-header:after {
    background: url(../images/menu-shadow.png) repeat-x top left;
    bottom: -5px;
    content: " ";
    display: block;
    height: 5px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1;
}

span.menu-icon {
    cursor: pointer;
    display: inline-block;
    font-family: fontawesome;
    font-size: 24px;
    font-style: normal;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 50px;
}
.ocm-wrapper .menu-header span.menu-icon {
    float: right;
    margin: 10px 0 0;
}

.top-mobile span.menu-icon {
  margin: 10px 0 0 5px; 
  /*margin: 10px 0 0 10px; */
  transition: all 1s ease-in-out;
}

.cs-violett {
  color: #5f1e6e;             
  background-color: #ffffff;
}

.cs-violett:hover {
  color: #ffffff;             
  background-color: #961E82;
}

.ocm-wrapper .menu-header .cs-violett {
  color: #ffffff;             
  background-color: #961E82;
}

.hoverenabled .ocm-wrapper .menu-header .cs-violett:hover {
  color: #5f1e6e;             
  background-color: #ffffff;
} 

html.ocm-opened, html.ocm-opened body {
    height: 100.01%;
}
.main-container.ocm-opened {
  transform: translate3d(-320px, 0px, 0px); 
  height: 100.01%;
}
.main-container.ocm-opened::after {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99999;
}

.icon-bars.fa.fa-bars {
    cursor: pointer;
    font-size: 34px;
    line-height: 40px;
}
.icon-bars.fa.fa-bars:hover {
    transform: skewX(-10deg);
    transition: ease 0.1s;
}

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

  .header-bottom {
      padding: 5px 0 12px;
      position: relative;
  }

  .header-bottom .logo img {
      height: 40px;
      width: auto;
  }
  
  .header-bottom {
    height:auto !important;
  }  
  
  .page-header-1 {
    position: fixed;
    width: 100%;
    z-index: 9999;
    box-shadow: 0 2px 1px 0 rgba(0,0,0,0.1);
    top:0;
  }

}

/*
header.affix {
    width: 100%;
    z-index: 99;
}
header.affix .header-top { display:none; }
header.affix .header-bottom .container:first-child { display:none; }
header.affix .header-bottom nav.main-nav { margin: 0; }
*/

/*
.header-bottom {
  height:166px;
}
*/

.header-bottom .nav-desktop {
  background: #ffffff;
  position:relative;
  box-shadow: 0 2px 1px 0 rgba(0,0,0,0.1);
}

.header-bottom .nav-desktop.affix {
    width: 100%;
    z-index: 99;
    position:fixed;
    top:0;
    box-shadow: 0 0 2px rgba(0,0,0,0.5);
}

/*search*/

.header-search .search > * {
  float: left;
  border-radius: 0;
}
.header-search {
  display: inline-block;
}
.searchbox {
  text-align: right;
  position: relative;
  top: -5px;
}

.header-search .search input, .header-search .search button {
  border-radius: 0;
}

#tx-indexedsearch-searchbox-button-submit {
    background: #cccccc;
    width: 33px;
    padding-right: 0;
    padding-left: 0;
}
#tx-indexedsearch-searchbox-button-submit:hover {
    background: #aaaaaa;
}

.tx-indexedsearch-searchbox .tx-indexedsearch-form > * {
  max-width:50%;
  float:left;
  border-radius: 0;
}
.tx-indexedsearch-searchbox .tx-indexedsearch-form > .tx-indexedsearch-searchbox-button {
  font-family: fontawesome;
} 


ul.tx-indexedsearch-browsebox::before,
ul.tx-indexedsearch-browsebox::after {
  content: "";
  display: table;
} 
ul.tx-indexedsearch-browsebox::after {
  clear: both;
}

#main-content ul.tx-indexedsearch-browsebox {
   zoom: 1;
   border-bottom: 1px solid #ccc;
   border-top: 1px solid #aaaa;
   padding: 16px 0 8px;
}

#main-content ul.tx-indexedsearch-browsebox li {
  float: left;
  padding: 0;
  display: inline-block;
  margin-right: 20px;
}

#main-content ul.tx-indexedsearch-browsebox li::before {
  display: none;
}

#main-content .tx-indexedsearch-searchbox form {
    margin-bottom: 10px;
}
#main-content .tx-indexedsearch-browsebox p {
    font-size: 14px;
}

.tx-indexedsearch-percent {
  color: #aaa;
}
.tx-indexedsearch-percent::before {
  margin: 0 5px;
  content: "|";
  display: inline-block;
}


/* news */
.newsStartseite .article.articletype-0 {
  padding-bottom: 35%;
  position: relative;
  width: 100%;
  height: 1px;
  margin-bottom: 30px;
}
.newsStartseite .articletype-0 a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  right: 0;
  bottom: 0;
  padding: 2.5rem;
}

.newsStartseite h5 {
    color: #ffffff;
}

.newsStartseite .readmore {
    position: absolute;
    left: 2.5rem;
    bottom: 2.5rem;
}

  .news-list-view.newsDefault {
      margin-top: 30px;
  }

  .news-list-view.newsDefault .article .col-md-9 {
    display: block;
    z-index: auto;
    position: relative;
    border-radius:0;
    padding-right: 15px;
  }
  
  .news-list-view.newsDefault .news-img-wrap img { width: 100%; height: auto; }

  .news-list-view.newsDefault .article .col-md-3 .news-img-wrap {
    position: relative;
    z-index: auto;
  }
  
  .news-list-view.newsDefault .article .col-md-3 .news-img-wrap a {
    border: 1px solid #ffffff;
    border-right: none;
    border-bottom: none;
    position: relative;
    z-index: 2;
    background: #f2f2f2;
    display: block;
  margin-bottom: 20px;
  }
  
  .news-list-view.newsDefault .article .col-md-3 .news-img-wrap::before {
    position: absolute;
    top: 3px;
    left: 5px;
    content: "";
    display: block;
    right: 2px;
    bottom: 3px;
    background: #d9d9d9;
    box-sizing: border-box;
    transform: skewX(-1deg);
    box-shadow: 2px 2px 6px #d9d9d9;
  }
    
  .news-list-view.newsDefault .article {
    margin-bottom: 30px;
  }
  
  .news-list-view.newsDefault .article .news-datetime { font-size: 13px; }

  .news-list-view.newsDefault hr {
    margin: 30px 0;
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #cccccc;
    height: 1px;
  }

.news-list-view .header a{
    color:  #9e2886;
}
  
  
  .news-detail-view {
    margin-top: 30px;
  }
    
  .news-detail-view .news-img-wrap img { width: 100%; height: auto; }

  .news-detail-view .col-md-5 .news-img-wrap {
    position: relative;
    z-index: auto;
  }
  
  .news-detail-view .col-md-5 .news-img-wrap .outer {
    border: 1px solid #ffffff;
    border-right: none;
    border-bottom: none;
    position: relative;
    z-index: 2;
    background: #f2f2f2;
    display: block;
  }
  
  .news-detail-view .col-md-5 .news-img-wrap::before {
    position: absolute;
    top: 3px;
    left: 5px;
    content: "";
    display: block;
    right: 2px;
    bottom: 3px;
    background: #d9d9d9;
    box-sizing: border-box;
    transform: skewX(-1deg);
    box-shadow: 2px 2px 6px #d9d9d9;
  }     

  .news-detail-view .news-datetime { font-size: 13px; }  
  .news-detail-view .col-md-7 { padding-left: 15px; }
  
  .news-detail-view .mediaelement-video { width:100%; height:0.5px; padding-bottom:56.25%; position:relative; }
  .news-detail-view .mediaelement-video > iframe { width:100%; height:100%; position:absolute; display: block; }

  .news-list-view.newsDefault .news-img-wrap img {
    transform: scale(1);
    transition: all 0.5s;
  }

  .news-list-view.newsDefault .news-img-wrap img:hover {
    transform: scale(1.1);
    transition: all 0.5s;
  }


/*jobs*/

.news-list-view.jobsDefault .article a { display: block; position: relative; border-top: 1px solid #ffffff; border-bottom: 1px solid #cccccc; padding: 8px 15px; } 
.news-list-view.jobsDefault .article a:before { content: ""; height: 1px; border-bottom: 1px solid #cccccc; position: absolute; top: -2px; left:0; width: 100%; background: #f2f2f2; } 
.news-list-view.jobsDefault .article a:after { content: ""; height: 1px; border-bottom: 1px solid #ffffff; position: absolute; bottom: -2px; left:0; width: 100%; background: #f2f2f2; } 

.news-list-view.jobsDefault .tbl { display: table; width: 100%; }
.news-list-view.jobsDefault .tbl > span { display: table-cell; vertical-align: middle; font-size: 16px; padding: 0; float: none; }
.news-list-view.jobsDefault .tbl > span { display: table-cell; vertical-align: middle; font-size: 16px; padding: 0; float: none; }
.news-list-view.jobsDefault .tbl > span .headline { font-weight: bold; }
.news-list-view.jobsDefault .tbl::after { content: "\f054"; display: block; position: absolute; right: 15px; font-size: 16px; font-family: "fontAwesome"; }

.news.news-single { margin-top: 30px; }

.news-gal-wrap img { width: 100% !important; height: auto !important; margin-bottom: 30px;}            
.news-gal-wrap img.first {  margin-bottom: 30px;}


.job-contact { position:relative; z-index: auto; }

.job-contact div {
  border: 1px solid #ffffff;
  border-right: none;
  border-bottom: none;
  position: relative;
  z-index: 2;
  background: #f2f2f2;
  display: block;
  padding: 15px; 
}

.job-contact::before {
  position: absolute;
  top: 3px;
  left: 5px;
  content: "";
  display: block;
  right: 2px;
  bottom: 3px;
  background: #d9d9d9;
  box-sizing: border-box;
  transform: skewX(-1deg);
  box-shadow: 2px 2px 6px #d9d9d9;
}   

/* button */

.btn.btn-primary.btn-arrow-right {
    background-color: #9e2886;
    border: none;
    border-radius: 0;
    padding: 10px 45px 10px 15px;
    font-size: 16px;
    font-weight: 600;
    position: relative;
}

.btn.btn-primary.btn-arrow-right::after {
    content: "\f054";
    position: absolute;
    right: 20px;
    font-family: FontAwesome;
    font-weight: normal;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.btn.btn-primary.btn-arrow-right:hover::after {
    right: 15px;
    transition-property: all
}

.link-arrow-right{
    position: relative;
    padding-right: 35px;
    font-weight: 600;
}

.link-arrow-right::after {
    color: #9e2886;
    content: "\f054";
    position: absolute;
    right: 15px;
    font-family: FontAwesome;
    font-weight: normal;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.link-arrow-right:hover::after {
    right: 10px;
    transition-property: all
}

/* teaser */

.teaser-container .teaser.teaser-color {
  padding-bottom: 100%;
  position: relative;
  width: 100%;
  height: 0.4px;
  margin-bottom: 30px;
}
.teaser-container .teaser.teaser-color a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  right: 0;
  bottom: 0;
  padding: 2.5rem;
}

.teaser-container .teaser.teaser-color .title {
    position: absolute;
    left: 2.5rem;
    bottom: 2.5rem;
    margin-right: 20%;
    box-sizing: content-box;
    display: block;
}

.teaser-container .teaser.teaser-color .icon {
    position: absolute;
    left: 2.5rem;
    top: 2.5rem;
}

.teaser-container .readmore {
    position: absolute;
    right: 2.5rem;
    bottom: 2.5rem;
    display: none;
}

.teaser-container .teaser.teaser-image {
  padding-bottom: 75%;
  position: relative;
  width: 100%;
  height: 0.4px;
  margin-bottom: 10px;
}
.teaser-container .teaser.teaser-image a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  right: 0;
  bottom: 0;
  padding: 2.5rem;
  overflow: hidden;
  background-color: #000000;
}

.teaser-container .teaser.teaser-image span.bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  right: 0;
  bottom: 0;
  display: block;
  transition: all 0.5s;
  opacity: 0.9;
}

.teaser-container .teaser.teaser-image .title {
    position: absolute;
    left: 0.75rem;
    bottom: 0.75rem;
    margin-right: 20%;
    box-sizing: content-box;
    display: block;
    text-align: right;
    width: 100%;
}

.teaser-container .teaser.teaser-image .title h4 {
    padding-right: 15px;   
    margin: 5px 0;
}

.teaser-container .teaser.teaser-image a:hover span.bg {
  transform: scale(1.1);
  transition: all 0.5s;
  opacity: 0.7;
}

.teaser.teaser-related a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 1.5rem;
}
.teaser.teaser-related::before {
  padding-top: 50%;
  content: "";
  display: block;
}
.teaser.teaser-related {
  position: relative;
  background: #ffffff;
  box-shadow: 2px 2px 4px rgba(0,0,0,0.15);
  margin-bottom: 30px;
}
.teaser.teaser-related .readmore {
  right: 1.5rem;
  bottom: 1rem;
}

.teaser.teaser-related .title h3,
.teaser.teaser-related .title h4 {
    line-height: 115%;
    color: inherit;
}
.teaser.teaser-related .title h5 {
    line-height: 125%;
    color: inherit;
}
.teaser.teaser-related .title p {
    line-height: 125%;
}

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

  .teaser-container .teaser.teaser-image a,
  .teaser-container .teaser.teaser-color a {
    padding: 1rem;
  }
  
  .teaser-container .teaser.teaser-image .title,  
  .teaser-container .teaser.teaser-color .title {
    left: 0;
    bottom: 0;
    right: 0;
    line-height: 125%;
    margin-right: 0;
    word-wrap: break-word;
  }  
  
  .teaser-container .readmore {
      right: 1rem;
      bottom: 1rem;
  }  
  
  .teaser.teaser-related::before {
      padding-top: 25%;
  }

}

@media screen and (max-width: 479px) {  
  
  .newsStartseite .article.articletype-0 {
      padding-bottom: 70%;
  }  
  
  .teaser.teaser-related::before {
      padding-top: 0;
  } 
  
  .teaser.teaser-related a {
    position: relative;
  }   

}

/*forms*/

.tx-powermail > .container-fluid { margin:0; padding:0; }

#main-content .powermail_legend {
    display: none;
}

#main-content .powermail_fieldwrap.nolabel > .powermail_label { display: none; }

#main-content .powermail_fieldwrap {
    margin-top: 12px;
}

#main-content .powermail_field {
  position: relative;
}

#main-content .powermail_field input {
    width: 100%;
    border: 1px solid #cccccc;
    padding: 5px;
}

#main-content .powermail_field textarea {
    width: 100%;
    border: 1px solid #cccccc;
    padding: 5px;
    resize: none;
    height: 120px;  
}

#main-content .powermail_field select {
    width: 100%;
    border: 1px solid #cccccc;
    padding: 5px;
}

#main-content .powermail_submit {
    margin-top: 20px;
}

#main-content .powermail_field .powermail_input.parsley-error,
#main-content .powermail_field .powermail_select.parsley-error {
    border: 1px solid rgba(248,0,0,0.3);
}

#main-content .powermail_label {
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    margin-bottom: 2px;
}

#main-content .powermail_fieldwrap {
    margin-top: 10px;
}

#main-content .powermail_field ul.parsley-errors-list {
  position: absolute;
  right: -75%;
  top: 5px;
  background: #ef0000;
  display: none;
  padding: 9px 15px 3px;
  margin: 0;
  box-shadow: 2px 2px 5px rgba(0,0,0,0.75);
  transform: translate(5px, 0);
  width: 75%;
  min-height: 40px;
}
#main-content .powermail_field ul.parsley-errors-list.filled { display: block; }

#main-content .powermail_field ul.parsley-errors-list li {
  display: block;
  list-style: none;
  color: #ffffff;
  padding: 0;
}
#main-content .powermail_field ul.parsley-errors-list li:before {
  display: none;
}
#main-content .powermail_field ul.parsley-errors-list::before {
    position: absolute;
    top: 7px;
    left: -20px;
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 20px 18px 0;
    border-color: transparent #ef0000 transparent transparent;
}

#main-content input[type="checkbox"] {
    float: left;
    position: relative;
    width: auto;
}

#main-content .powermail_fieldwrap_type_radio .radio label input {
  float:left;
  width:auto;
  display: inline-block;
}

#main-content .powermail_fieldwrap_type_radio {
  margin-bottom: 30px;
}

#main-content .powermail_fieldwrap_type_input datalist {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  writing-mode: vertical-lr;
  width: 100%;
}

#main-content .powermail_fieldwrap_type_input datalist option {
  padding: 0;
  text-orientation:upright;
}


@media screen and (max-width: 767px) {  
  .news-list-view.jobsDefault .tbl > span { display: block; width: 100%; padding-right: 20px; }
  .news-list-view.jobsDefault .tbl::after { bottom: 10px; }
  
  aside.col-md-3::before {
    position: relative;
    content: "";
    padding: 0 15px;
    display: block;
    height: 1px;
    background-color: #aaaaaa;
    margin-bottom: 30px;
  }  
  
}

.mt-3 {
  margin-top: 2.5rem;
}

/* -------------------------------------------------------------------------- */
/* Socials */
/* -------------------------------------------------------------------------- */  

.resp-sharing-button__link,
.resp-sharing-button__icon {
  display: inline-block
}

.resp-sharing-button__link {
  text-decoration: none;
  color: #fff;
  margin: 0.5em
}

.resp-sharing-button__link:first-child {
    margin-left: 0;
}

.resp-sharing-button {
  border-radius: 0;
  transition: 25ms ease-out;
  padding: 0.5em 0.75em;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif
}

.resp-sharing-button__icon svg {
  width: 1em;
  height: 1em;
  margin-right: 0.4em;
  vertical-align: top
}

.resp-sharing-button--small svg {
  margin: 0;
  vertical-align: middle
}

/* Non solid icons get a stroke */
.resp-sharing-button__icon {
  stroke: #fff;
  fill: none
}

/* Solid icons get a fill */
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
  fill: #fff;
  stroke: none
}

.resp-sharing-button--twitter {
  background-color: #55acee
}

.resp-sharing-button--twitter:hover {
  background-color: #2795e9
}

.resp-sharing-button--pinterest {
  background-color: #bd081c
}

.resp-sharing-button--pinterest:hover {
  background-color: #8c0615
}

.resp-sharing-button--facebook {
  background-color: #3b5998
}

.resp-sharing-button--facebook:hover {
  background-color: #2d4373
}

.resp-sharing-button--tumblr {
  background-color: #35465C
}

.resp-sharing-button--tumblr:hover {
  background-color: #222d3c
}

.resp-sharing-button--reddit {
  background-color: #5f99cf
}

.resp-sharing-button--reddit:hover {
  background-color: #3a80c1
}

.resp-sharing-button--google {
  background-color: #dd4b39
}

.resp-sharing-button--google:hover {
  background-color: #c23321
}

.resp-sharing-button--linkedin {
  background-color: #0077b5
}

.resp-sharing-button--linkedin:hover {
  background-color: #046293
}

.resp-sharing-button--email {
  background-color: #777
}

.resp-sharing-button--email:hover {
  background-color: #5e5e5e
}

.resp-sharing-button--xing {
  background-color: #1a7576
}

.resp-sharing-button--xing:hover {
  background-color: #114c4c
}

.resp-sharing-button--whatsapp {
  background-color: #25D366
}

.resp-sharing-button--whatsapp:hover {
  background-color: #1da851
}

.resp-sharing-button--hackernews {
background-color: #FF6600
}
.resp-sharing-button--hackernews:hover, .resp-sharing-button--hackernews:focus {   background-color: #FB6200 }

.resp-sharing-button--vk {
  background-color: #507299
}

.resp-sharing-button--vk:hover {
  background-color: #43648c
}

.resp-sharing-button--facebook {
  background-color: #3b5998;
  border-color: #3b5998;
}

.resp-sharing-button--facebook:hover,
.resp-sharing-button--facebook:active {
  background-color: #2d4373;
  border-color: #2d4373;
}

.resp-sharing-button--google {
  background-color: #dd4b39;
  border-color: #dd4b39;
}

.resp-sharing-button--google:hover,
.resp-sharing-button--google:active {
  background-color: #c23321;
  border-color: #c23321;
}

.resp-sharing-button--email {
  background-color: #777777;
  border-color: #777777;
}

.resp-sharing-button--email:hover,
.resp-sharing-button--email:active {
  background-color: #5e5e5e;
  border-color: #5e5e5e;
}

.resp-sharing-button--linkedin {
  background-color: #0077b5;
  border-color: #0077b5;
}

.resp-sharing-button--linkedin:hover,
.resp-sharing-button--linkedin:active {
  background-color: #046293;
  border-color: #046293;
}

.resp-sharing-button--xing {
  background-color: #1a7576;
  border-color: #1a7576;
}

.resp-sharing-button--xing:hover
.resp-sharing-button--xing:active {
  background-color: #114C4C;
  border-color: #114C4C;
}

#rev_slider_1_1_wrapper {
 position:relative !important; 
}



/* Heromenu*/
.heronav {
  display: flex;
  flex-direction: row;
  height: 33vw;
  width: 100%;
}

.layout-sub .heronav {
  height: 17vw;
}

.heronav .item {
  height: 100%;
  width:33.333%;;
  position:relative;
  display: block;
}

.heronav .item > span {
  height: 100%;
  width:100%;
  position:absolute;
  display: block;
  background-size: cover;
  overflow: hidden;
}

.heronav .item > span:after {
  content: "";
  height: 100%;
  width:20px;
  top:0;
  left:-20px;
  position:absolute;
  display: block;
  box-shadow: 0 12px 24px 5px rgba(0,0,0,0.9);
}
.heronav .item:first-of-type > span:after {
  display: none;
}

.heronav .item > span.shadow1:before {
  content: "";
  width: 100%;
  height:20px;
  bottom: -20px;
  left:0;
  position:absolute;
  display: block;
  box-shadow: -12px 0 70px 40px rgb(0, 0, 0);
}

.heronav .item a {
  height: 100%;
  width:100%;
  position:relative;
  z-index:1;
  display: flex;
  flex-direction: column-reverse;
}

.heronav .item a span {
  display: inline-block;
  margin: 0 auto;
  padding: 12px 24px;
  background-color: none;
  color: #ffffff;
}

.heronav .item:hover a span, 
.heronav .item.current  a span, 
.heronav .item.active a span {
  padding: 12px 24px;
  background-color: #ffffff;
  color: #333333;
  position:relative;
  top:-30px;
  font-weight: 700;
}

.heronav .item:hover a span::before, 
.heronav .item.current a span::before,
.heronav .item.active a span::before {
  content: "";
  position: absolute;
  display: block;
  top: -10px;
  left: -10px;
  width: 40%;
  height: 60%;
  z-index: -1;
  border-top: 10px solid #c7d416;
  border-left: 10px solid #c7d416;
}

.heronav .item:hover a span::after,
.heronav .item.current a span::after,
.heronav .item.active a span::after {

    content: "";
    position: absolute;
    display: block;
    bottom: -10px;
    right: -10px;
    width: 60%;
    height: 40%;
    z-index: -1;
    border-bottom: 10px solid #9e2886;
    border-right: 10px solid #9e2886;

}

.heronav .item:hover a span {
  box-shadow: 1px 0 6px 2px rgba(0,0,0,0.5);
}  
  
@media screen and (min-width: 768px) and (max-width: 991px) {

  
  .heronav { margin-top: 103px; margin-bottm: 26px; }
  
  .heronav .item:hover a span, 
  .heronav .item.current  a span, 
  .heronav .item.active a span {
    padding: 12px 24px;
    background-color: #ffffff;
    color: #333333;
    position:relative;
    top:22px;
    font-weight: 700;
  }

}

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


  .heronav {
    margin-top: 57px;
    display: flex;
    flex-direction: column;
    height: 100vh;
    width: 100%;
  }
  
  .layout-sub .heronav {
    height: 100vh;
  }
  
  .heronav .item {
    width:100%;
    height:33.333%;
  }

}


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

  .heronav {
    height: 70vh !important;
  }

}

/* Submenu*/

ul#submenu { 
  display: flex; 
  flex-direction:row;
  background-color: #c7d416;
  margin: 40px 0 0;
  
}
ul#submenu li { 
  margin:0; 
  list-style: none; 
  display: block;
  position: relative;
  font-size: 17px;
  padding:0;
}
ul#submenu li a {
  padding: 10px 24px;
  color: #333333;
  position:relative;
  display: block;
}

ul#submenu li.active a { 
  color: #ffffff;
}
ul#submenu li:before { 
  content: none; 
  display: none;
}
ul#submenu li a:after { 
  content: ""; 
  display: none;
  width:100%;
  height:8px;
  background-color: #9E2886;
  top:100%;
  left:0;
  position:absolute;
}


ul#submenu li ul {
  position: absolute;
  display: none;
  z-index:2;
  background: #9e2886;
  color: #ffffff;
}

ul#submenu li:hover > ul {
  display: block;
  z-index:2;
  background: #9e2886;
  color: #ffffff;
  top: calc(100% - 16px);
  left:0;
}

ul#submenu li ul li a {
  color: #ffffff;
}


ul#submenu li:hover a:after, 
ul#submenu li.active a:after { 
  display: block;
}


/* Spenden */



form.donate input.image-submit {
  width: calc(100% + 40px);
  height:auto;
  margin: 0 -20px;
  position:relative;
}

.social { 
  display: flex;
  flex-direction: row;
  width:100%;
  margin: 0 0 5vh auto;
  max-width: 420px;
}

.social a { 
  width: 33%;
  display: flex;
  position: relative;
  justify-content: flex-end;
}

.social img { 
  position:relative;
  display: block;
  width: 48px;
  height:auto;
  margin: 20px 0 20px;
  position: relative;
  transition: all 0.25s ease-in-out;
  transform-origin: center center;  
  transform: scale(1.0);
}


.social a:hover img { 
position: relative;
transform: scale(1.1);
}



@media screen and (max-width: 767px) {
  
  .charta { 
    display: flex;
    justify-content: center;
  }
  
  .social { 
    margin: 5vh auto 5vh auto;
  }
  
  .social a { 
    justify-content: center;
  }
  
}


/* News Teaser Startseite */

.teaser-view > .row {
  /*display: flex;*/
  /*flex-direction: row;*/
  /*flex-wrap: wrap;*/
  /*margin-left: -30px;*/
  /*margin-right: -30px;*/
  /*gap: 30px;*/
  
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 1fr;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  margin:0;
}
.teaser-view > .row:before,
.teaser-view > .row:after {
  display: none;
}

.teaser-view .row .article {
  display: flex;
  flex-direction: column;
  background-color: #f2f2f2;
  padding:0;
  margin: 0 0 30px;
  transform: scale(1);
  border:1px solid rgba(158, 40, 134, 0)
  transition: 0.2s transform ease-in-out;
  transform-origin: center center;
}

.teaser-view .row .article:hover {
  transform: scale(1.02);
  border:1px solid  rgba(158, 40, 134, 1);
  transition: 0.2s transform ease-in-out;
}


.teaser-view .article .image img:hover {
  transform: none;
}

.teaser-view .article .body {
  padding: 15px;
}


nav.main-nav ul li.item.dropdown a.hl-1 {
  /*padding: 1rem 0.5rem;*/
  background: #c7d416;
  /*background: linear-gradient(180deg,rgba(199, 212, 22, 0) 0%, rgba(199, 212, 22, 0) 0%, rgba(199, 212, 22, 1) 100%)*/
}
nav.main-nav ul li.item.dropdown.current a.hl-1, 
nav.main-nav ul li.item.dropdown.current a.hl-1:hover, 
nav.main-nav ul li.item.dropdown a.hl-1:hover {
  background: #c7d416;
  /*background: linear-gradient(180deg,rgba(199, 212, 22, 0) 0%, rgba(199, 212, 22, 0) 0%, rgba(199, 212, 22, 1) 100%)*/
}

.animated-counter {
  position: relative ;
}
.animated-counter .columns {
  width:100%;
  display: flex;
  flex-direction: row;
}
.animated-counter .columns > * {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 3rem 0;
}

.animated-counter .counter {
  font-size: 66px;
  line-height:66px;
  font-weight:900;
  text-align: center;
}

.animated-counter img {
  height:120px;
  width: auto;
  display: block;
  margin-bottom: 20px;
}


@media screen and (max-width: 1179px) {
  
  .animated-counter h3 {
    font-size: 20px;
    line-height: 27px;
  }
  
  .animated-counter .counter {
    font-size: 55px;
    line-height:55px;
  }

}

@media screen and (max-width: 979px) {
  
  .animated-counter h3 {
    font-size: 18px;
    line-height: 25px;
    text-align:center;
  }
  
  .animated-counter .counter {
    font-size: 45px;
    line-height:45px;
  }

  .animated-counter img {
    height:90px;
  }

}

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

  .animated-counter .columns {
    flex-direction: column;
    align-items: center;
  }
  
  .animated-counter .columns > * {
    width: 100%;
  }

}

.container.flex-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0 -15px;
  padding:0;
  align-items: stretch;
}

.mask-contactteaser {
  width:calc(25% - 30px);
  margin:0 15px 30px;
  height: 100%;
  background: #f2f2f2;
  /*position:relative;*/
  transform-origin: center center;
  transform: scale(1);
  transition: 0.15s ease-in-out transform;
}

.mask-contactteaser:hover {
  transform: scale(1.1);
  transition: 0.15s ease-in-out transform;
}

.mask-contactteaser figcaption {
  padding: 15px;
  font-size: 12px;
  line-height: 15px;
  min-height:146px;
}

.mask-contactteaser figcaption a {
  font-size: 14px;
  font-weight: 700;
}


.mask-contactteaser picture,
.mask-contactteaser picture * {
  width:100%;
  height:auto;
}

@media screen and (max-width: 1179px) {
  
  .mask-contactteaser {
    width:calc(33.333% - 30px);
    margin:0 15px 30px;
  }
  
}

@media screen and (max-width: 979px) {
  
  .mask-contactteaser {
    width:calc(50% - 30px);
    margin:0 15px 30px;
  }
  
}

@media screen and (max-width: 767px) {
  
  .container.flex-container {
    display: flex;
    flex-direction: column;
  }  
  
  .mask-contactteaser {
    width:calc(100% - 30px);
    margin:0 15px 30px;
    max-width:380px;
  }
  
  .mask-contactteaser picture,
  .mask-contactteaser picture * {
    width:100%;
    height:auto;
  }
  
  .mask-contactteaser figcaption {
    min-height:auto;
  }
    
  
}



.modal {
  z-index: 99999;
}

.modal-fullscreen {
  /*height: calc(100svh - 60px);*/
  /*width: calc(100vw - 60px);*/
  display: flex;
  z-index:10;
}

.modal-content {
    overflow:hidden;
    padding:0;
    background: transparent;
}

.modal-content > div {
    background: #ffffff;
}
.modal-header {
    padding: 15px 30px;
    border-bottom: none;
    margin-bottom:2px;
}
.modal-body {
    overflow-y: auto;
    /*height: calc(100svh - 90px);*/
    padding: 15px 30px 60px;
    max-height: 600px;
}

.modal-body picture,
.modal-body picture * {
  width:100%;
  height:auto;
} 

.image-column {
  text-align: right;
}

.modal-fullscreen button.close {
  transform: scale(250%);
  font-weight: 300;
  filter: none;
  opacity: 1;
  margin-top: 5px;
  transform-origin: center center;
}

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

  .modal-fullscreen {
    max-height:100svh;
  }
  .modal-body {
      max-height: calc(100svh - 212px);
      overflow-y: auto;
  }

}


/* In Webseite enthaltenes Stil-Dokument #22 | https://preview.schmidt-edelstahl.bestes-pferd.de/unternehmen */

.history {
	position: relative;
	display: flex;
	flex-direction: column;
}

.history::after {
	position: absolute;
	display: block;
	content: "";
	width: 2px;
	height: 100%;
	background-color: #9e2886;
	left: 50%;
	transform: translateX(-50%);
}

.history .milestone {
	position: relative;
	width: calc(50% - 30px);
	padding: 30px 30px;
	margin-bottom: 30px;
	background: #f2f2f2;
	border-radius: 10px;
	top: 60%;
	bottom: 15%;
	border: 1px solid;
	border-color: #9e2886;
	backdrop-filter: blur(1px);
}

.history .milestone::after {
	position: absolute;
	display: block;
	content: "";
	width: 15px;
	height: 3px;
	background-color: #9e2886;;
	left: calc(100% + 15px);
	top: 50%;
	transform: translateY(-50%);
}

.history .milestone.even {
	margin-left: calc(50% + 30px);
}

.history .milestone.even::after {
	left: -30px;
	top: 50%;
	transform: translateY(-50%);
}

.history .milestone p {
	margin: 0;
}

.history .history-more {
	max-height: 0;
	overflow: hidden;
	transition: max-height .5s ease-in-out;
}

.history .history-more.show {
	transition: max-height .5s ease-in-out;
	max-height: 9999px;
}

.history .btn.btn-sm.btn-success {
	background-color: #9e2886;
	color: #ffffff;
	margin-top:20px;
	border-color: #9e2886;
}

.history .btn.btn-sm.btn-success:hover {
	background-color: #c7d416;
	border-color: #c7d416;
}


.btn.btn-history {
  background: none !important;
  color: #9e2886;
  display: inline-block;
  text-align:center;
  border: none !important;
}

.btn.btn-history i.ion {
  background: #9e2886;
  color: #ffffff;
  font-size: 58px;
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 44px;
  border: 2px solid #ffffff;
  box-shadow: 0 7px 5px rgba(0,0,0,0.25);
  margin: 0 auto 10px;
}  

.btn.btn-history:hover i.ion {
  background: #c7d416;
} 

.btn.btn-history:active {
  box-shadow: none !important;
  border: none !important;
  color: #9e2886 !important;
}

.btn.btn-history i.ion:before {
  top: -2px;
  position: relative;
}  


@media (max-width: 767px) {
	.history::after {
		left: -30px;
		transform: none;
	}
	.history .milestone {
		width: 100%;
	}
	.history .milestone::after {
		left: -30px;
	}
	.history .milestone.even {
		margin-left: 0;
	}
}



.bottom-area-1 ul.menu li {
  list-style: none;
  margin-bottom:0.75rem;
}