/* Basics ------------------------------------------------------------------------- */

html {
    -webkit-text-size-adjust: 100%; /* iOS */
    -ms-text-size-adjust: 100%; /* IE */
    min-height: 100%;
}

body {
  position: relative;
  min-height: 100%;
  padding: 20px 0;
  margin: 0;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1.1em;
  font-weight: 400;
  color: #000;
  background: #FFF;
}

form, h1, h2, h3, h4, h5, h6, img, p {
  padding: 0;
  margin: 0;
}

img {
  max-width: 100%;
  height: auto;
}

b, strong, span[style*="bold"] {
  font-weight: 600;
}

iframe {
  width: 100%;
  max-width: 100%;
  border: 0;
}

a img {
  border: none;
}

/* Default Hyperlinks ------------------------------------------------------------------------- */

a:link, a:visited, a:hover, a:focus, a:active {
  color: #00584B;
  text-decoration: none;
}
a:hover, a:focus, a:active {
  color: #333;
}

/* Headlines ------------------------------------------------------------------------- */

.headline1 {
  margin-bottom: 0.2em;
  font-size: 1.7em;
  font-weight: 600;
  line-height: 120%;
  color: #00584B;
  text-transform: uppercase;
  font-style: italic;
}

.headline2 {
  margin-bottom: 0.2em;
  font-size: 1.3em;
  font-weight: 400;
  line-height: 120%;
  color: #333;
  font-style: italic;
}

.headline3 {
  font-size: 1.2em;
  font-weight: 600;
  line-height: 120%;
  color: #00584B;
  margin-bottom: 0.2em;
  font-style: italic;
}

.headline4 {
  font-size: 1.0em;
  font-weight: 700;
  line-height: 120%;
  color: #333;
  margin-bottom: 0.3em;
}

/* Layout -------------------------------------------------------------------------------- */

div.left-shadow, div.right-shadow {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 100%;
  background: linear-gradient(to right, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%);
}

div.right-shadow {
  left: auto;
  right: 0;
  background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%);
}

div.inner, div.inner-flex {
  position: relative;
  max-width: 1420px;
  padding: 0 40px;
  margin: 0 auto 0;
}

div.inner-flex {
  display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

div.header {
  position: fixed;
  top: 20px;
  width: 100%;
  padding: 30px 0;
  border-bottom: 3px solid #DDD;
  background: #00584B;
  transition: all 0.5s;
  z-index: 105;
}

div.header div.inner-flex {
  align-items: center;
}

div.header-logo {
  position: relative;
  width: 220px;
}

div.header-mainmenu {
  position: relative;
  width: calc( 100% - 480px );
  text-align: center;
}

div.header-info {
  position: relative;
  width: 200px;
}

div.slider {
  position: relative;
  width: calc(100% - 10px);
  max-width: 1400px;
  margin: 0 auto;
}

div.slider img {
  margin: 0;
}

div.main {
  position: relative;
  padding: 150px 0;
}

div.main img {
  margin: 5px 20px;
}

div.left {
  position: relative;
  width: 295px;
  padding-bottom: 20px;
}

div.right {
  position: relative;
  width: calc( 100% - 375px );
  padding-bottom: 20px;
  margin-left: 80px;
  line-height: 150%;
}

div.footer {
  position: relative;
  padding: 30px 0;
  border-top: 3px solid #DDD;
  line-height: 150%;
  font-size: 0.95em;
  color: #FFF;
  background: #00584B;
}
div.footer a:link, div.footer a:visited, div.footer a:focus, div.footer a:hover, div.footer a:active {
  color: #FFF;
}
div.footer a:focus, div.footer a:hover, div.footer a:active {
  color: rgba(255,255,255,0.7);
}
div.footer div.inner-flex {
  align-items: center;
}
div.footer-box {
  position: relative;
  width: calc( 25% - 60px );
  align-self: flex-start;
}

/* Mapoverlay ------------------------------------------------------------------------- */
.mapoverlay {
  background: transparent;
  position: absolute;
  z-index: 100;
  width: 100%;
  height: 300px;
}

/* Styles ------------------------------------------------------------------------------ */
div.style1 {
  position: relative;
  width: 100%;
  margin: 20px 0;
  text-align: center;
}

div.style2 {
  position: relative;
  margin: 20px 0;
  width: calc( 50% - 40px );
}

div.style3 {
  font-size: 1.25em;
  font-style: italic;
  color: #FFF;
  background: #01594B;
  text-align: center;
}
div.style3 .headline1 {
  font-size: 1.75em;
  color: #FFF;
  text-transform: none;
}
div.style3 small {
  color: #FDEB1C;
}

div.style4 {
  position: relative;
  width: calc( 25% - 100px );
  padding: 20px;
  margin: 20px 0;
  border-radius: 15px;
  background: #EBECEC;
  text-align: center;
}

div.style5 {
  display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
  border-bottom: 1px solid #CCC;
}

div.style6 {
  display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

div.style7 {
  position: relative;
  width: calc( 33% - 100px );
  padding: 20px;
  margin: 20px 0;
  border-radius: 15px;
  background: #EBECEC;
  text-align: center;
  overflow: hidden;
}

div.style7 > a[href*="mailto"] {
  font-size:0.8em;
}

div.style6 > div.style4 {
  background: initial;
}

div.style6 > div.style7 {
  background: initial;
}

div.style8 {
  position: relative;
  width: calc( 75% - 100px );
  padding: 20px;
  margin: 20px 0;
  border-radius: 15px;
  background: initial;
  text-align: left;
}

div.style5 > div.style8, div.style5 > div.style4 {
  margin: 5px 0;
}

div.style9 {
  text-align: center;
}

div.style9 > a{
  background-color: #333;
  color: #FFF;
  padding: 10px 15px;
  display: inline-block;
}

div.style9 div.style5 {
  display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
  border: none;
}

div.style9 div.style5 div.style6 {
  position: relative;
  width: calc( 33% - 100px );
}

div.style5 > div.style7 > div.style9 {
  position: absolute;
  min-width: 50%;
  bottom: 0;
  right: 0;
  padding: 5px;
  background-color: #00584B;
  font-weight: 600;
  border-radius: 15px 0 0 0;
  color: #FDEB1C;
}

div.style5 > div.style7 > div.style9:before {
  display: block;
  content: "Jetzt nur noch ";
  transform: rotate(-5deg);
  font-weight: 600;
  color: #FDEB1C;
}

div.style5 > br {
  display: none;
}

div.style10 > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
div.style10 > ul > li {
  position: relative;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #00584B;
  background-color: #F3F3F3;
  cursor: pointer;
}
div.style10 > ul > li:first-of-type {
  border-top: 1px solid #00584B;
}
div.style10 > ul > li .headline1, div.style10 > ul > li .headline2, div.style10 > ul > li .headline3, div.style10 > ul > li .headline4, div.style10 > ul > li .headline5, div.style10 > ul > li .headline6 {
  font-size: 1.4rem;
  font-family: Arial, Sans-serif;
  font-weight: 300;
  color: #00584B;
  margin:0;
  line-height: 120%;
  overflow: hidden;
  text-shadow: none;
  background: none;
  text-overflow: ellipsis;
  padding: 15px 0 15px 60px;
}
div.style10 > ul > li.open:before {
  transform: translate(-5px,2px) rotate(90deg);
}
div.style10 > ul > li > p, div.style10 > ul > li > div.style11 {
  display: none;  
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  background-color: #FFFFFF;
  position: relative;
}
div.style10 > ul > li:before {
  display: block;
  content: '';
  position: absolute;
  top: 19px;
  left: 30px;
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-left: 10px solid #00584B;
  transition: 300ms;
  z-index: 1;
}

div.style10 > ul > li div.style11 .headline1 {
  margin-bottom: 0.2em;
  font-size: 1.7em;
  font-weight: 600;
  line-height: 120%;
  color: #00584B;
  text-transform: uppercase;
  font-style: italic;
  padding: initial;
}

div.style10 > ul > li div.style11 .headline2 {
  margin-bottom: 0.2em;
  font-size: 1.3em;
  font-weight: 400;
  line-height: 120%;
  color: #333;
  font-style: italic;
  padding: initial;
}

div.style10 > ul > li div.style11 .headline3 {
  font-size: 1.2em;
  font-weight: 600;
  line-height: 120%;
  color: #00584B;
  margin-bottom: 0.2em;
  font-style: italic;
  padding: initial;
}

div.style10 > ul > li div.style11 .headline4 {
  font-size: 1.0em;
  font-weight: 700;
  line-height: 120%;
  color: #333;
  margin-bottom: 0.3em;
  padding: initial;
}

div.style12 {
  max-width: 80%;
}

/* Mainmenu --------------------------------------------------------------------------- */
div.header-mainmenu ul, div.header-mainmenu li {
  padding: 0;
  margin: 0;
}
div.header-mainmenu li {
  display: inline-block;
  margin: 0 25px;
}
div.header-mainmenu li a:link, div.header-mainmenu li a:visited, div.header-mainmenu li a:focus, div.header-mainmenu li a:hover, div.header-mainmenu li a:active, div.header-mainmenu li a.menu-list-marked, div.header-mainmenu li strong {
  padding: 5px;
  border-bottom: 3px solid #00584B;
    margin: 0;
  font-weight: 600;
  color: #FFF;
  text-transform: uppercase;
  transition: 300ms;
}
div.header-mainmenu li a:focus, div.header-mainmenu li a:hover, div.header-mainmenu li a:active, div.header-mainmenu li a.menu-list-marked, div.header-mainmenu li strong {
  border-bottom-color: #FDEB1C;
}
div.header.fixed {
  top: 0;
  height: 50px;
  padding: 0 0 20px 0;
  transition: all 0.5s;
}

/* Submenu --------------------------------------------------------------------------------------*/
div.submenu ul, div.submenu li {
  padding: 0;
  margin: 0;
}
div.submenu li {
  display: block;
}
div.submenu > ul > li {
  margin-bottom: 30px;
}
div.submenu li a:link, div.submenu li a:visited, div.submenu li a:focus, div.submenu li a:hover, div.submenu li a:active, div.submenu li a.menu-list-marked, div.submenu li strong {
  display: block;
  padding: 5px 15px 5px 0;
  color: #333333;
  font-weight: 600;
  border-bottom: 3px solid #00584B;
  text-transform: uppercase;
}
div.submenu li a:focus, div.submenu li a:hover, div.submenu li a:active, div.submenu li a.menu-list-marked, div.submenu li strong {
  color: #025A4C;
}
div.submenu li ul {
  padding: 10px 20px;
  background: #F3F3F3;
}
div.submenu li ul li a:link, div.submenu li ul li a:visited, div.submenu li ul li a:focus, div.submenu li ul li a:hover, div.submenu li ul li a:active, div.submenu li ul li a.menu-list-marked, div.submenu li ul li strong {
  padding: 5px 0;
  border: 0;
  font-size: 0.90em;
  font-weight: 400;
}
div.submenu li ul li a:focus, div.submenu li ul li a:hover, div.submenu li ul li a:active, div.submenu li ul li a.menu-list-marked, div.submenu li ul li strong {
  color: #025A4C;
  font-weight: bold;
}


/* Mobile Menu --------------------------------------------------------------------------------*/
a.mainmenu-switch {
  position: relative;
  display: none;
  width: 35px;
  height: 29px;
}
a.mainmenu-switch span {
  position: absolute;
  top: 5px;
  left: 0;
  width: 100%;
  height: 3px;
  background: #FFF;
}
a.mainmenu-switch span:nth-child(2) {
  top: 13px;
}
a.mainmenu-switch span:nth-child(3) {
  top: 21px;
}
div.mobilemenu-block {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.8);
  z-index: 200;
}
div.mobilemenu {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: calc( 100% - 30px );
  height: 100%;
  background: #FFF;
  z-index: 202;
  overflow: auto;
}

a.mainmenu-back {
  display: block;
  height: 16px;
  padding: 15px 20px 15px 20px;
  border-bottom: 3px solid #DDDDDD;
  background: #00584B;
}
a.mainmenu-back span {
  position: absolute;
  top: 21px;
  right: 10px;
  width: 26px;
  height: 3px;
  background: #FFF;
  transform: rotate(45deg);
}
a.mainmenu-back span:nth-child(2) {
  transform: rotate(-45deg);
}

/* Mobile-Side-Menu */
div.mobilemenu a.toggle:link, div.mobilemenu a.toggle:visited, div.mobilemenu a.toggle:focus, div.mobilemenu a.toggle:hover, div.mobilemenu a.toggle:active {
  position: absolute;
  padding: 0;
  margin: 0;
  top: 0;
  right: 0;
  width: 40px;
  height: 38px;
  border: 0;
  background: url(../images/hg-mobilemenu-toggle.png) 0 0 no-repeat !important;
  transition: 200ms;
}
div.mobilemenu a.toggle.active {
  background: url(../images/hg-mobilemenu-toggle.png) -41px 0 no-repeat !important;
}
div.mobilemenu ul, div.mobilemenu ul li {
  position: relative;
  padding: 0;
  margin: 0;
  list-style: none;
}
div.mobilemenu ul li ul {
  display: none;
  padding-left: 20px;
  background: #FFFFFF;
}
div.mobilemenu ul li ul li {
  width: 100%;
  min-width: 200px;
  border-left: 0;
  padding: 0;
  margin: 0;
  background: none;
}
div.mobilemenu ul li a:link, div.mobilemenu ul li a:visited, div.mobilemenu ul li a:focus, div.mobilemenu ul li a:hover, div.mobilemenu ul li a:active, div.mobilemenu ul li a.menu-list-marked, div.mobilemenu ul li strong {
  display: block;
  padding: 12px 20px 10px 20px;
  border-bottom: 1px solid #CCCCCC;
  line-height: 15px;
  font-weight: 600;
  color: #333;
  text-decoration: none;
  font-size: 0.9em;
  font-style: normal;
  text-transform: uppercase;
  background: #FFFFFF;
}
div.mobilemenu ul li a:focus, div.mobilemenu ul li a:hover, div.mobilemenu ul li a:active, div.mobilemenu ul li a.menu-list-marked, div.mobilemenu ul li strong {
  color: #00584B;
}
div.mobilemenu ul li ul li a:link, div.mobilemenu ul li ul li a:visited, div.mobilemenu ul li ul li a:focus, div.mobilemenu ul li ul li a:hover, div.mobilemenu ul li ul li a:active, div.mobilemenu ul li ul li a.menu-list-marked, div.mobilemenu ul li ul li strong {
  display: block;
  padding: 10px 0 10px 15px;
  font-weight: 400;
  color: #333;
  text-decoration: none;
}
div.mobilemenu ul li ul li a:focus, div.mobilemenu ul li ul li a:hover, div.mobilemenu ul li ul li a:active, div.mobilemenu ul li ul li a.menu-list-marked, div.mobilemenu ul li ul li strong {
  color: #00584B;
  font-weight: bold;
}

/* Modul Navigation */
a.modul-pagebutton:link, a.modul-pagebutton:visited, a.modul-pagebutton:focus, a.modul-pagebutton:hover, a.modul-pagebutton:active, div.modul-pagebutton-inactive, div.modul-pagebutton-seperator,
a.modul-pagebutton-marked:link, a.modul-pagebutton-marked:visited, a.modul-pagebutton-marked:focus, a.modul-pagebutton-marked:hover, a.modul-pagebutton-marked:active {
  position: relative;
  margin: 5px;
  padding: 5px;
  width: 1.6em;
  height: 1.6em;
  line-height: 1.6em;
  font-size: 1em;
  font-style: normal;
  text-align: center;
  cursor: pointer;
  float: left;
  display: inline-block;
  background: #666;
  color: #FFF;
}

a.modul-pagebutton:focus, a.modul-pagebutton:hover, a.modul-pagebutton:active,
a.modul-pagebutton-marked:link, a.modul-pagebutton-marked:visited, a.modul-pagebutton-marked:focus, a.modul-pagebutton-marked:hover, a.modul-pagebutton-marked:active {
  background: #00584B;
  color: #FFF;
}
div.modul-pagebutton-inactive {
  background: #CCC;
  color: #FFF;
  opacity: 0.5;
}
div.modul-pagebutton-seperator {
  background: #CCC;
  color: #FFF;
  cursor: default;
}
div.modul-pages {
  position: relative;
  text-align: center;
  float: left;
}
div.modul-numall, div.modul-position {
  position: relative;
  padding: 0.6em 0;
  font-weight: normal;
  font-style: normal;
  color: #666;
  text-decoration: none;
  float: right;
}
div.modul-position {
  padding: 0.6em 1em;
  float: left;
}
div.modul-navigation {
  position: relative;
  margin: 0;
  padding: 0;
}

/* News */
div.news {
  position: relative;
}
div.news.overview {
  margin-bottom: 30px;
}
div.news .headline2 {
  margin-bottom: 1em;
}
span.news-teaser {
  color: #999;
  font-weight: 600;
}
div.news-image {
  position: relative;
  margin: 3px 20px 3px 0;
  max-width: 33%;
  float: left;
  text-align: center;
}
div.news-image img {
  margin: 0 auto 0;
  display: block;
}
div.news + div.news {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 2px solid #EEE;
}

/* Region-News */
    a.region-navigation:link, a.region-navigation:visited, a.region-navigation:focus, a.region-navigation:hover, a.region-navigation:active,
    span.region-navigation-inactive {
      display: inline-block;
      min-width: 15px;
      padding: 5px 10px;
      margin: 0 10px 0 0;
      background: #666666;
      color: #FFF;
      text-align: center;
      text-decoration: none;
    }
    a.region-navigation:focus, a.region-navigation:hover, a.region-navigation:active {
      background: #00584B;
    }
    span.region-navigation-position {
      display: inline-block;
      padding: 5px 10px;
      margin: 0 10px 0 0;
      color: #333;
      text-decoration: none;
    }
    span.region-navigation-inactive {
      opacity: 0.3;
      background: #333;
    }
    div.region-image-inline {
      display: inline-block;
    }
    div.region-image-center {
      margin: 20px 0 20px 0;
      text-align: center;
    }
    div.main img.region-image-center, img.region-image-center {
      display: block;
      margin: 5px auto 5px;
    }
    div.region-image-left, img.region-image-left {
      margin: 0 20px 5px 0;
      float: left;
    }
    div.region-image-right, img.region-image-right {
      margin: 0 0 5px 20px;
      float: right;
    }
    div.region-image-inline, div.region-image-center, div.region-image-left, div.region-image-right {
      font-size: 0.9em;
    }
    div.region-image-inline img, div.region-image-center img, div.region-image-left img, div.region-image-right img {
      margin: 0;
    }
    div.region-video-youtube {
        display: inline-block;
        position: relative;
        width: 100%;
        height: 0;
        padding-bottom: 56.25%;
    }
    div.region-video-youtube iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    div.region-quelle {
        color: #999;
        border-top: 1px solid #CCC;
        padding: 3px 0;
        margin-top: 20px;
        font-size: 0.9em;
    }
    div.region-quelle a {
      color: #666;
    }

#tarifrechner_starten {
  position: relative;
  text-align: center;
}
#tarifrechner_starten img {
  margin: 0;
}
#tarifrechner_starten button {
  background: #246CB0;
  color: #FFF;
  padding: 12px 35px;
  border: 0;
  border-radius: 3px;
  margin-bottom: 15px;
  font-size: 1em;
  cursor: pointer;
}
#tarifrechner_starten button:hover {
  background: #16538c;
}
#tarifrechner_starten div {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc( 100% - 40px );
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  font-weight: 700;
  font-size: 0.9em;
}

/* Image Alignments ------------------------------------------------------------------------- */
div.image   {
  min-width:  100px;
  margin-top: 7px;
  margin-bottom: 4px;
  margin-left:  5px;
  margin-right:  14px;
}
div.image-left   {
  min-width:  100px;
  margin-top: 7px;
  margin-bottom: 4px;
  margin-left:  0;
  margin-right:  14px;
  float: left;
}
div.image-right   {
  min-width:  100px;
  margin-top: 7px;
  margin-bottom: 4px;
  margin-left:  9px;
  margin-right:  0;
  float: right;
}
div.image-center   {
  width:  100%;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 7px;
}
div.image, div.image-left, div.image-right, div.image-center {
  font-size: 0.8em;
}
div.image img, div.image-left img, div.image-right img, div.image-center img {
  margin: 0;
  padding: 0;
}


/* Listen ------------------------------------------------------------------------- */
ul {
  margin: 0;
  margin-top: 10px;
  margin-left: 0;
  margin-bottom: 5px;
  padding: 0;
}
ol {
  margin: 0;
  margin-top: 10px;
  margin-left: 20px;
  margin-bottom: 5px;
  padding: 0;
}
li {
  margin: 0;
  margin-left: 15px;
  margin-bottom: 5px;
  padding: 0 0 0 5px;
}

/* By Cybox Zeile ------------------------------------------------------------------------- */
div.by-cybox {
  position: relative;
  max-width: 1400px;
  padding: 3px 0;
  font-size: 0.9em;
  text-align: right;
  color: #CCC;
  margin: 0 auto 0;
}
div.by-cybox a:link, div.by-cybox a:visited, div.by-cybox a:focus, div.by-cybox a:hover, div.by-cybox a:active,
a.by-cybox:link, a.by-cybox:visited, a.by-cybox:hover, a.by-cybox:focus, a.by-cybox:active {
  color: #CCC;
}
div.by-cybox a:focus, div.by-cybox a:hover, div.by-cybox a:active,
a.by-cybox:hover, a.by-cybox:focus, a.by-cybox:active {
  color: #666;
}

/* Cyres Editor Fixes */
.unsichtbar, dfn {
  position:absolute;
  left:-1000px;
  top:-1000px;
  width:0;
  height:0;
  overflow:hidden;
  display:inline;
}

.clear {
  padding: 0;
  margin: 0;
  height: 0;
  width: 0;
  clear: both;
}
.scrollbar-measure {
  width: 100px;
  height: 100px;
  overflow: scroll;
  position: absolute;
  top: -9999px;
}

/* Magnific Popup - CSS */
.mfp-bg,.mfp-wrap{position:fixed;left:0;top:0}.mfp-bg,.mfp-container,.mfp-wrap{height:100%;width:100%}.mfp-container:before,.mfp-figure:after{content:''}.mfp-bg{z-index:1042;overflow:hidden;background:#0b0b0b;opacity:.8;filter:alpha(opacity=80)}.mfp-wrap{z-index:1043;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-close,.mfp-preloader{text-align:center;position:absolute}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#CCC;top:50%;width:auto;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-close,.mfp-preloader a:hover{color:#FFF}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;right:0;top:0;text-decoration:none;opacity:.65;filter:alpha(opacity=65);padding:0 0 18px 10px;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1;filter:alpha(opacity=100)}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-figure,img.mfp-img{line-height:0}.mfp-arrow{position:absolute;opacity:.65;filter:alpha(opacity=65);margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1;filter:alpha(opacity=100)}.mfp-arrow .mfp-a,.mfp-arrow .mfp-b,.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow .mfp-a,.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow .mfp-b,.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left .mfp-b,.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F}.mfp-arrow-right{right:0}.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right .mfp-b,.mfp-arrow-right:before{border-left:27px solid #3F3F3F}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-image-holder .mfp-content,img.mfp-img{max-width:100%}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}.mfp-figure:after,img.mfp-img{width:auto;height:auto;display:block}img.mfp-img{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure:after{position:absolute;left:0;top:40px;bottom:40px;right:0;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}

/* bx-slider */
.bx-wrapper{position:relative;margin-bottom:60px;padding:0;-ms-touch-action:pan-y;touch-action:pan-y;}.bx-wrapper img{max-width:100%;display:block}.bxslider{margin:0;padding:0}ul.bxslider{list-style:none}.bx-viewport{-webkit-transform:translatez(0)}.bx-wrapper .bx-controls-auto,.bx-wrapper .bx-pager{position:absolute;bottom:-30px;width:100%}.bx-wrapper .bx-loading{min-height:50px;background:url(images/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:700;color:#666;padding-top:20px}.bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus,.bx-wrapper .bx-pager.bx-default-pager a:hover{background:#000}.bx-wrapper .bx-controls-auto .bx-controls-auto-item,.bx-wrapper .bx-pager-item{display:inline-block;vertical-align:bottom}.bx-wrapper .bx-pager-item{font-size:0;line-height:0}.bx-wrapper .bx-prev{left:10px;background:url(images/controls.png) 0 -32px no-repeat}.bx-wrapper .bx-prev:focus,.bx-wrapper .bx-prev:hover{background-position:0 0}.bx-wrapper .bx-next{right:10px;background:url(images/controls.png) -43px -32px no-repeat}.bx-wrapper .bx-next:focus,.bx-wrapper .bx-next:hover{background-position:-43px 0}.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:9999}.bx-wrapper .bx-controls-direction a.disabled{display:none}.bx-wrapper .bx-controls-auto{text-align:center}.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(images/controls.png) -86px -11px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:focus,.bx-wrapper .bx-controls-auto .bx-start:hover{background-position:-86px 0}.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(images/controls.png) -86px -44px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:focus,.bx-wrapper .bx-controls-auto .bx-stop:hover{background-position:-86px -33px}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666;background:rgba(80,80,80,.75);width:100%}.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px}
.bx-pager { display: none; }
.bx-wrapper .bx-controls-direction a {
  right: 0;
  top: 0;
  height: 100%;
  margin: 0;
  z-index: 100;
}
.bx-wrapper .bx-next {
   background: url(../images/hg-bx-slider-nav.png) no-repeat -43px center !important;
   opacity: 0.7;
   transition: 200ms;
}
.bx-wrapper .bx-next:hover {
  opacity: 1;
}
.bx-wrapper .bx-prev {
  left: 0;
  background: url(../images/hg-bx-slider-nav.png) no-repeat 0 center  !important;
  opacity: 0.7;
  transition: 200ms;
}
.bx-wrapper .bx-prev:hover {
  opacity: 1;
}

.slider ul,
.slider ul li {
  margin: 0;
}

/* Responsive Area ------------------------------------------------------------- */
@media all and (max-width:1800px ) {
  div.left-shadow, div.right-shadow {
    width: 100px;
  }
}
@media all and (max-width:1600px ) {
  div.left-shadow, div.right-shadow {
    width: 50px;
  }
}

@media all and (max-width:1500px ) {
  div.left-shadow, div.right-shadow {
    display: none;
  }
}

@media all and (max-width:1400px ) {
  div.header-mainmenu li {
    margin: 0 15px;
  }
}

@media all and (max-width:1300px ) {
  div.left {
    width: 265px;
  }
  div.right {
    width: calc( 100% - 315px );
    padding-bottom: 20px;
    margin-left: 50px;
    line-height: 150%;
  }
  div.style4 {
    width: calc( 33.33% - 80px );
  }
  div.style12 {
    max-width: 100%;
  }
}

@media all and (max-width:1200px ) {
  div.header {
    padding: 15px 0;
  }
  div.header-mainmenu {
    width: calc( 100% - 280px );
  }
  div.header-info {
    display: none;
  }
  div.footer-box {
    width: calc( 50% - 20px );
    margin-bottom: 30px;
  }
}

@media all and (max-width:1100px) {
}

@media all and (max-width:1000px) {
  /* div.slider { */
    /* display: none; */
  /* } */
  div.left {
    display: none;
  }
  div.right {
    margin-left: 0;
    width: 100%;
  }
  body {
    padding: 0;
  }
  div.header-mainmenu {
    text-align: right;
  }
  div.header-mainmenu > ul {
    display: none;
  }
  a.mainmenu-switch {
    display: inline-block;
  }
  div.style2 {
    width: calc( 50% - 20px );
  }
  div.style4 {
    width: calc( 50% - 60px );
  }
  div.style7 {
    width: calc( 33% - 50px );
  }

}

@media all and (max-width:900px) {
}

@media all and (max-width:800px) {
  div.inner, div.inner-flex {
    padding: 0 20px;
  }
  div.style2 {
    width: 100%;
  }
  div.style4, div.style7 {
    width: calc( 50% - 50px );
    margin: 10px 0;
  }
  
  div.style9 div.style5 div.style6 {
    display: none;
  }
}

@media all and (max-width:600px) {
  div.footer-box {
    width: 100%;
  }
}

@media all and (max-width:450px) {
div.style7 {
  width: calc( 100% - 40px );
}

}