@font-face {

  font-family: Arial;

  src: url("../font/Arial.ttf");

}

@font-face {

  font-family: Neuropol;

  src: url("../font/neuropol-x-rg-1.ttf");

}



@font-face {

  font-family: barlow;

  src: url("../font/barlow-v3-latin-700.woff2");

}

@font-face {

  font-family: barlow-regular;

  src: url("../font/barlow-v3-latin-regular.woff2");

}



body {

  font-size: 18px;

  font-family: Arial;

  color: #000;

  line-height: 1.6;

}

.h3{

  font-family: Neuropol;

}

/* header */

.header {

  width: 100%;

  position: relative;

  height: 151px;

  padding: 35px 32px;

  transition: all 0.4s ease 0s;

  box-shadow: 0 0 2px rgba(0, 159, 223, 0.25);

  position: fixed;

  top: 0;

  left: 0;

  z-index: 1000;

  background-color: #fff;

}



.header .header-body {

  align-items: flex-end;

  display: flex;

  height: 81px;

  max-width: 1596px!important;

  margin: 0 auto;

  position: relative;

}



.header .header-logo {

  height: 100%;

}

.header .header-logo img{

  width: 219px;

  height: 100%;

}

.header .header-right{

  margin-left: auto;

}

.header-nav .leve1{

  display: flex;

  align-items: center;

}



.header-nav .leve1>li{

  margin-right: 30px;

  position: relative;

}

.header-nav .leve1>li:last-child{

  margin-right: 0;

}

.header-nav .leve1>li:hover .leve2{

  display: block;

}



.header-nav .leve1>li>a{

  font-size: 22px;

  line-height: 1;

  text-transform: uppercase;

  font-family: Neuropol;

  color: #009fdf;

  font-weight: 400;

}

.header-nav .leve1 .submenu img{

  display: inline-block;

  width: 10px;

  vertical-align: super;

  margin-left: 11px;

}

.header-nav .leve1 .leve2{

  display: none;

  background: #fff;

  border-radius: 20px;

  box-shadow: 0 3px 15px 0 rgba(38,38,38,.2);

  margin-left: -68px;

  max-width: 300px;

  min-width: 278px;

  padding: 16px 5px;

  top: calc(100% + 20px);

  position: absolute;

  z-index: 1000;

}

.header-nav .leve1 .leve2::before{

  content: url(../img/image/sj.png);

  display: flex;

  height: 41px;

  justify-content: center;

  left: 0;

  position: absolute;

  top: -37px;

  width: 100%;

  z-index: -1;

}

.header-nav .leve1 .leve2 li{

  align-items: center;

  display: flex;

  height: 39px;

  margin-bottom: 3px;

  transition: .2s;

  width: 100%;

}

.header-nav .leve1 .leve2 li:hover{

  background-color: #009fdf;

  border-radius: 5px

}

.header-nav .leve1 .leve2 li:hover a{

  color: #ffffff !important;

}

.header-nav .leve1 .leve2 li a{

  color: #000!important;

  display: flex;

  font-size: 18px;

  padding: 0 26px;

  text-decoration: none;

  text-transform: uppercase;

  transition: .2s;

  width: 100%;

}

.nav-lang{

  position: absolute;

  top: 0;

  right: 0;

}

.nav-lang .lang-togggle{

  color: #009fdf !important;

  padding-left: 11px;

  padding-right: 18px;

  position: relative;

}

.nav-lang .lang-togggle img{

  display: inline-block;

  width: 10px;

  vertical-align: middle;

}

.nav-lang .nav-lang-list{

  display: none;

  background-color: #009fdf;

  position: absolute;

  top: 99%;

}

.nav-lang .nav-lang-list a{

  padding-left: 11px;

  padding-right: 11px;

  color: #ffffff !important;

}

.nav-lang:hover .nav-lang-list{

  display: block;

}
.header-icon{
  display: flex;
  align-items: center;
}
.nav-toggle{
  cursor: pointer;
  display: none;
  width: 44px;
}
.nav-toggle::after{
  content: url(../img/image/nav_toggle.png);
  display: block;
  width: 100%;
  height: 100%;
}
.nav-toggle.activenav::after{
  content: url(../img/image/nav_close.png);
  display: block;
  width: 100%;
  height: 100%;
}
.nav-toggle .myImage2{
  display: none;
}
.headermb {
  position: fixed;
  top: 100px;
  right: 100%;
  z-index: 4;
  width: 100%;
  height: 100%;
  background-color: #fff;
  transition: 0.6s;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  -ms-transition: 0.6s;
}
.headermb1 {
  transform: translate(100%);
  -webkit-transform: translate(100%);
  -moz-transform: translate(100%);
  -o-transform: translate(100%);
  -ms-transform: translate(100%);
}
.headermb .headermb-body{
  height: 100%;
  padding-top: 50px;
  position: relative;
}
.headermb .headermb-body ul .headermb-list2{
  display: none;
  text-align: center;
}
.headermb .headermb-body ul .headermb-list2 li{
  padding-bottom: 10px;
}
.headermb .headermb-body ul .headermb-list2 li a{
  font-size: 18px;
  color: #404040;
  text-transform: uppercase;
}
.headermb .headermb-body ul .headermb-item{
  margin-bottom: 30px;
  text-align: center;
}
.headermb .headermb-body ul li span{
  font-size: 20px;
  color: #009fdf;
  text-transform: uppercase;
}
.headermb .social-container{
  background: #fafafa;
  bottom: 100px;
  box-sizing: border-box;
  padding: 32px;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 1;
}
.headermb .social-container p{
  color: 14px;
  color: #009fdf;
}
.headermb .social-container .social-container-wrapper{
  display: flex;
  justify-content: space-around;
  margin: 10px auto;
  max-width: 215px;
}
.headermb .social-container .social-container-wrapper .social-column img{
  width: 30px;
}
.fixed-header .header {

  height: 100px;

  padding: 12px 0px;

}

.fixed-header .header .header-logo {

  padding-bottom: 3px;

  width: 187px;

}

.fixed-header .header .nav-lang{

  align-items: center;

  display: flex;

  height: 100%;

  left: 15px;

  position: relative;

  top: 2px;

  right: 0;

}

.fixed-header .header .header-right{

  display: flex;

  align-items: center;

  height: 100%;

}

/* swiper */

#header-slider.block {

  overflow: unset !important

}



#header-slider .inside-article {

  max-width: unset

}



#header-slider .inside-article .swiper {

  overflow: initial !important;

  width: 100%

}



#header-slider .inside-article .swiper .swiper-wrapper .swiper-slide .slide-image-container {

  max-height: calc(100vh - 151px);

  min-height: calc(100vh - 151px);

  overflow: hidden;

  width: 100%

}



#header-slider .inside-article .swiper .swiper-wrapper .swiper-slide .slide-image-container img {

  max-height: calc(100vh - 151px);

  min-height: calc(100vh - 151px);

  object-fit: cover;

  width: 100%

}



#header-slider .inside-article .swiper .swiper-wrapper .slide-left-tile-container {

  bottom: -39px;

  box-sizing: border-box;

  height: 394px;

  padding: 74px 68px 64px 72px;

  position: absolute;

  right: 806px;

  width: 650px

}



#header-slider .inside-article .swiper .swiper-wrapper .slide-left-tile-container .slide-left-tile-text-container {

  color: #fff

}



#header-slider .inside-article .swiper .swiper-wrapper .slide-left-tile-container .slide-left-tile-text-container h2 {

  margin-bottom: 20px

}



#header-slider .inside-article .swiper .swiper-wrapper .slide-right-tile-container {

  bottom: 0;

  box-sizing: border-box;

  height: 500px;

  padding: 155px 247px 81px 130px;

  position: absolute;

  right: 0;

  width: 806px

}



#header-slider .inside-article .swiper .swiper-wrapper .slide-right-tile-container .slide-right-tile-image-container {

  cursor: pointer;

  position: absolute;

  top: -59%

}



#header-slider .inside-article .swiper .swiper-wrapper .slide-right-tile-container .slide-right-tile-image-container img {

  max-height: 485px;

  max-width: 485px;

  object-fit: contain

}



#header-slider .inside-article .swiper .swiper-wrapper .slide-right-tile-container .slide-right-tile-image-container img:last-child {

  position: relative;

  top: -1.5rem

}



#header-slider .inside-article .swiper .swiper-wrapper .slide-right-tile-container .slide-right-tile-image-container.active .slide-right-tile-image-container-last {

  cursor: pointer

}



#header-slider .inside-article .swiper .swiper-wrapper .slide-right-tile-container .slide-right-tile-image-container.active .slide-right-tile-image-container-last:after {

  content: url("../img/image/jh2.png");

  display: block;

  height: 91px;

  position: absolute;

  right: 0;

  top: 70%;

  transition: .2s;

  width: 91px

}



#header-slider .inside-article .swiper .swiper-wrapper .slide-right-tile-container .slide-right-tile-image-container .slide-right-tile-image-container-last {

  display: none

}



#header-slider .inside-article .swiper .swiper-wrapper .slide-right-tile-container .slide-right-tile-image-container .slide-right-tile-image-container-last.fadeInAnimation {

  animation: fadeInAnimation .4s ease-in-out;

  display: block

}



#header-slider .inside-article .swiper .swiper-wrapper .slide-right-tile-container .slide-right-tile-image-container .slide-right-tile-image-container-first.fadeInAnimation {

  animation: fadeInAnimation .4s ease-in-out;

  display: block !important

}



#header-slider .inside-article .swiper .swiper-wrapper .slide-right-tile-container .slide-right-tile-image-container .slide-right-tile-image-container-first:after {

  content: url("../img/image/jh.png");

  display: block;

  height: 91px;

  position: absolute;

  right: 0;

  top: 51%;

  transition: .2s;

  width: 91px

}



#header-slider .inside-article .swiper .swiper-wrapper .slide-right-tile-container .slide-right-tile-image-container.active {

  position: absolute;

  top: -63% !important

}



#header-slider .inside-article .swiper .swiper-wrapper .slide-right-tile-container .slide-right-tile-text-container {

  color: #fff

}



#header-slider .inside-article .swiper .swiper-wrapper .slide-right-tile-container .slide-right-tile-text-container h2 {

  margin-bottom: 20px

}



#header-slider .inside-article .swiper .swiper-wrapper .slide-right-tile-container .slide-right-tile-button-container {

  margin-top: 30px

}



#header-slider .inside-article .swiper .swiper-wrapper .slide-right-tile-container .slide-right-tile-button-container .ce_hyperlink a {

  background-color: #009fdf;

  border: 1px solid #009fdf;

  border-radius: 1.618em;

  color: #ffffff !important;

  display: inline-block;

  outline: none;

  padding: .5em 1.618em;

  text-decoration: none !important;

  text-transform: uppercase;

  transition: background-color .4s

}



#header-slider .inside-article .swiper .swiper-wrapper .slide-right-tile-container .slide-right-tile-button-container .ce_hyperlink a:active,

#header-slider .inside-article .swiper .swiper-wrapper .slide-right-tile-container .slide-right-tile-button-container .ce_hyperlink a:focus,

#header-slider .inside-article .swiper .swiper-wrapper .slide-right-tile-container .slide-right-tile-button-container .ce_hyperlink a:hover {

  background-color: #c70087;

  background-image: none;

  background-position: 0;

  border-color: #c70087;

  color: #ffffff !important;

  text-decoration: none !important;

  transition: background-color .15s

}



#header-slider .inside-article .swiper .swiper-button-next,

#header-slider .inside-article .swiper .swiper-button-prev {

  position: absolute;

  z-index: 9999

}



#header-slider .inside-article .swiper .swiper-pagination {

  align-items: center;

  background: hsla(0, 0%, 100%, .45);

  border-radius: 25px;

  box-shadow: 0 8px 20px rgba(0, 0, 0, .35);

  display: flex;

  justify-content: center;

  max-height: 50px;

  padding-left: 1.7rem;

  position: absolute;

  top: 30px;

  width: auto

}



#header-slider .inside-article .swiper .swiper-pagination .swiper-pagination-bullet {

  background: #fff;

  box-shadow: 0 8px 20px #000;

  height: 14px;

  margin-right: 26px;

  opacity: 1;

  width: 14px

}



#header-slider .inside-article .swiper .swiper-pagination .swiper-pagination-bullet-active {

  height: 20px;

  width: 20px

}



#header-slider .inside-article .swiper .swiper-pagination .swiper-pagination-bullet-active:after {

  animation: pulsate 2.75s ease-in-out infinite;

  background: transparent;

  border: 2px solid #009fdf;

  border-radius: 50%;

  content: "";

  display: block;

  height: 26px;

  left: -5px;

  position: relative;

  top: -5.5px;

  width: 26px

}



#header-slider .inside-article .swiper .swiper-button-next {

  height: 100%;

  top: 0;

  width: 200px

}



#header-slider .inside-article .swiper .swiper-button-next:after {

  content: url("../img/image/swiper_icon.png");

  display: block;

  height: 91px;

  position: absolute;

  top: calc(68vh - 151px);

  width: 91px

}



#header-slider .inside-article .swiper .swiper-button-prev {

  height: 100%;

  top: 0;

  width: 200px

}



#header-slider .inside-article .swiper .swiper-button-prev:after {

  content: url("../img/image/swiper_icon.png");

  display: block;

  height: 91px;

  position: absolute;

  top: calc(82vh - 151px);

  transform: rotate(180deg);

  width: 91px

}



#header-slider .inside-article .swiper .swiper-button-next,

#header-slider .inside-article .swiper .swiper-button-prev {

  opacity: 0;

  transition: .2s

}



#header-slider .inside-article .swiper .swiper-button-next:hover,

#header-slider .inside-article .swiper .swiper-button-prev:hover {

  opacity: 1

}



.fadeInAnimation {

  animation: fadeInAnimation .4s ease-in-out;

  display: block

}



.slide-right-tile-image-container.flyInAnimation {

  animation: flyInAnimation 1.5s ease-in-out;

  display: block

}



@keyframes flyInAnimation {

  0% {

      transform: translateX(1000px)

  }



  to {

      transform: translateX(0)

  }

}



@keyframes fadeInAnimation {

  0% {

      opacity: 0

  }



  to {

      opacity: 1

  }

}



.header-slider-select-options {

  align-items: center;

  display: flex;

  justify-content: space-between;

  margin-top: 30px

}



.header-slider-select-options * {

  text-transform: uppercase

}



.header-slider-select-options .selectLeft {

  width: 48.25%

}



.header-slider-select-options .selectLeft .selectLeft-headline {

  align-items: center;

  background: #009fdf;

  border-radius: 25px;

  color: #fff;

  cursor: pointer;

  display: flex;

  justify-content: space-between;

  padding: .5em 1.618em;

  transition: .2s

}



.header-slider-select-options .selectLeft .selectLeft-headline p {

  margin: 0 !important

}



@media (max-width:1024px) {

  .header-slider-select-options .selectLeft .selectLeft-headline p {

      font-size: 18px !important

  }

}



.header-slider-select-options .selectLeft .selectLeft-headline:hover {

  background: #fff

}



.header-slider-select-options .selectLeft .selectLeft-headline:hover p {

  color: #bfbfbf

}



.header-slider-select-options .selectLeft .selectLeft-headline:hover svg path {

  fill: #bfbfbf

}



.header-slider-select-options .selectLeft .selectLeft-selectList {

  background: #fff;

  border-radius: 25px;

  display: none;

  max-height: 264px;

  min-width: 278px;

  overflow: auto;

  padding: 25px .4em;

  position: absolute

}



.header-slider-select-options .selectLeft .selectLeft-selectList a {

  color: #000;

  display: block;

  margin-bottom: 7.5px;

  max-width: 100%;

  padding: 5px

}



.header-slider-select-options .selectLeft .selectLeft-selectList a:hover {

  background: #009fdf;

  border-radius: 5px

}



.header-slider-select-options .selectLeft.active .selectLeft-headline {

  background: #fff;

  border-bottom-left-radius: 0;

  border-bottom-right-radius: 0;

  position: relative;

  z-index: 1

}



.header-slider-select-options .selectLeft.active .selectLeft-headline p {

  color: #bfbfbf

}



.header-slider-select-options .selectLeft.active .selectLeft-headline svg {

  transform: rotate(180deg)

}



.header-slider-select-options .selectLeft.active .selectLeft-headline svg path {

  fill: #bfbfbf

}



.header-slider-select-options .selectLeft.active .selectLeft-selectList {

  border-top-left-radius: 0;

  box-shadow: 0 3px 15px rgba(38, 38, 38, .2);

  z-index: 0

}



.header-slider-select-options .selectLeft.active .selectLeft-selectList a:hover {

  color: #fff

}



.header-slider-select-options .selectRight {

  width: 48.25%

}



.header-slider-select-options .selectRight .selectRight-headline {

  align-items: center;

  background: #009fdf;

  border-radius: 25px;

  color: #fff;

  cursor: pointer;

  display: flex;

  justify-content: space-between;

  padding: .5em 1.618em;

  transition: .2s

}



.header-slider-select-options .selectRight .selectRight-headline p {

  margin: 0 !important

}



.header-slider-select-options .selectRight .selectRight-headline:hover {

  background: #fff

}



.header-slider-select-options .selectRight .selectRight-headline:hover p {

  color: #bfbfbf

}



.header-slider-select-options .selectRight .selectRight-headline:hover svg path {

  fill: #bfbfbf

}



.header-slider-select-options .selectRight .selectRight-selectList {

  background: #fff;

  border-radius: 25px;

  display: none;

  max-height: 264px;

  min-width: 278px;

  overflow: auto;

  padding: 25px .4em;

  position: absolute

}



.header-slider-select-options .selectRight .selectRight-selectList a {

  color: #000;

  display: block;

  margin-bottom: 7.5px;

  max-width: 100%;

  padding: 5px

}



.header-slider-select-options .selectRight .selectRight-selectList a:hover {

  background: #009fdf;

  border-radius: 5px

}



.header-slider-select-options .selectRight.active .selectRight-headline {

  background: #fff;

  border-bottom-left-radius: 0;

  border-bottom-right-radius: 0;

  position: relative;

  z-index: 1

}



.header-slider-select-options .selectRight.active .selectRight-headline p {

  color: #bfbfbf

}



.header-slider-select-options .selectRight.active .selectRight-headline svg {

  transform: rotate(180deg)

}



.header-slider-select-options .selectRight.active .selectRight-headline svg path {

  fill: #bfbfbf

}



.header-slider-select-options .selectRight.active .selectRight-selectList {

  border-top-left-radius: 0;

  box-shadow: 0 3px 15px rgba(38, 38, 38, .2);

  flex-flow: column;

  z-index: 0

}



.header-slider-select-options .selectRight.active .selectRight-selectList a:hover {

  color: #fff

}



@media (min-width:1881px) and (max-height:1065px) {

  #header-slider .inside-article .swiper .swiper-wrapper .slide-right-tile-container {

      bottom: -80px

  }



  #header-slider .slide-right-tile-image-container-first img,

  #header-slider .slide-right-tile-image-container-last img {

      max-width: 350px !important

  }



  #header-slider .slide-right-tile-image-container-last img:last-child {

      top: 3.5em !important

  }



  #header-slider .slide-right-tile-container {

      height: 530px !important;

      padding: 194px 247px 81px 130px !important

  }



  #header-slider .slide-right-tile-image-container {

      top: -35% !important

  }

}



@media (max-height:1065px) and (max-width:1880px) {

  #header-slider .inside-article {

      width: unset !important

  }



  #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-image-container img {

      max-height: unset;

      min-height: unset;

      object-fit: contain

  }



  #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-left-tile-container {

      bottom: unset;

      height: 405px;

      padding: 45px 65px;

      right: 384px;

      top: 432px;

      width: 384px

  }



  #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-left-tile-container .slide-left-tile-wrapper .slide-left-tile-text-container h2 {

      font-size: 26px;

      margin-bottom: 5px

  }



  #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-left-tile-container .slide-left-tile-wrapper .slide-left-tile-text-container p {

      font-size: 14px

  }



  #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-left-tile-container .slide-left-tile-wrapper .header-slider-select-options {

      display: flex;

      flex-flow: column

  }



  #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-left-tile-container .slide-left-tile-wrapper .header-slider-select-options .selectLeft {

      margin-bottom: 20px;

      width: 100%

  }



  #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-left-tile-container .slide-left-tile-wrapper .header-slider-select-options .selectLeft .selectLeft-headline {

      padding: .65em 1.618em

  }



  #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-left-tile-container .slide-left-tile-wrapper .header-slider-select-options .selectRight {

      width: 100%

  }



  #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-left-tile-container .slide-left-tile-wrapper .header-slider-select-options .selectRight .selectRight-headline {

      padding: .65em 1.618em

  }

}



@media (max-height:1065px) and (max-width:1880px) and (max-width:1024px) {

  #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-left-tile-container .slide-left-tile-wrapper .header-slider-select-options .selectRight .selectRight-headline p {

      font-size: 18px !important

  }

}



@media (max-height:1065px) and (max-width:1880px) {

  #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-right-tile-container {

      bottom: unset;

      height: 466px;

      padding: 166px 50px 40px;

      top: 393px;

      width: 384px

  }



  #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-right-tile-container .slide-right-tile-image-container {

      top: -28%

  }



  #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-right-tile-container .slide-right-tile-image-container.active {

      top: -44% !important

  }



  #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-right-tile-container .slide-right-tile-image-container img {

      max-width: 300px

  }



  #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-right-tile-container .slide-right-tile-image-container .slide-right-tile-image-container-first img {

      top: -2.5rem

  }



  #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-right-tile-container .slide-right-tile-image-container .slide-right-tile-image-container-last img {

      top: 3.5rem

  }



  #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-right-tile-container .slide-right-tile-text-container h2 {

      font-size: 26px;

      margin-bottom: 5px

  }



  #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-right-tile-container .slide-right-tile-text-container p {

      font-size: 14px

  }



  #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-button-next,

  #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-button-prev {

      display: none

  }

}



@media (max-width:1480px) {

  #header-slider .inside-article {

      width: unset !important

  }



  #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-image-container img {

      max-height: unset;

      min-height: unset;

      object-fit: contain

  }



  #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-left-tile-container {

      bottom: unset;

      height: 405px;

      padding: 45px 65px;

      right: 384px;

      top: 432px;

      width: 384px

  }



  #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-left-tile-container .slide-left-tile-wrapper .slide-left-tile-text-container h2 {

      font-size: 26px;

      margin-bottom: 5px

  }



  #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-left-tile-container .slide-left-tile-wrapper .slide-left-tile-text-container p {

      font-size: 14px

  }



  #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-left-tile-container .slide-left-tile-wrapper .header-slider-select-options {

      display: flex;

      flex-flow: column

  }



  #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-left-tile-container .slide-left-tile-wrapper .header-slider-select-options .selectLeft {

      margin-bottom: 20px;

      width: 100%

  }



  #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-left-tile-container .slide-left-tile-wrapper .header-slider-select-options .selectLeft .selectLeft-headline {

      padding: .65em 1.618em

  }



  #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-left-tile-container .slide-left-tile-wrapper .header-slider-select-options .selectRight {

      width: 100%

  }



  #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-left-tile-container .slide-left-tile-wrapper .header-slider-select-options .selectRight .selectRight-headline {

      padding: .65em 1.618em

  }

}



@media (max-width:1480px) and (max-width:1024px) {

  #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-left-tile-container .slide-left-tile-wrapper .header-slider-select-options .selectRight .selectRight-headline p {

      font-size: 18px !important

  }

}



@media (max-width:1480px) {

  #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-right-tile-container {

      bottom: unset;

      height: 466px;

      padding: 166px 50px 40px;

      top: 393px;

      width: 384px

  }



  #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-right-tile-container .slide-right-tile-image-container {

      top: -24%

  }



  #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-right-tile-container .slide-right-tile-image-container.active {

      top: -43% !important

  }



  #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-right-tile-container .slide-right-tile-image-container img {

      max-width: 300px

  }



  #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-right-tile-container .slide-right-tile-image-container .slide-right-tile-image-container-first img {

      top: -2.5rem

  }



  #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-right-tile-container .slide-right-tile-image-container .slide-right-tile-image-container-last img {

      top: 3.5rem

  }



  #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-right-tile-container .slide-right-tile-text-container h2 {

      font-size: 26px;

      margin-bottom: 5px

  }



  #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-wrapper .swiper-slide .slide-right-tile-container .slide-right-tile-text-container p {

      font-size: 14px

  }



  #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-button-next,

  #header-slider .inside-article .ce_rsce_ce1_header_slider .swiper .swiper-button-prev {

      display: none

  }

}



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

  #header-slider .slide-image-container img {

      scale: 1.3

  }

}



@media (max-width:767px) {

  #header-slider .swiper-slide:not(.swiper-slide-active) .slide-right-tile-container {

      display: none

  }



  #header-slider .slide-image-container {

      max-height: unset !important;

      min-height: unset !important

  }



  #header-slider .slide-left-tile-container {

      height: auto !important;

      padding: 45px 36px 140px !important;

      position: unset !important;

      width: 100% !important

  }



  #header-slider .slide-left-tile-container .slide-left-tile-text-container {

      text-align: center

  }



  #header-slider .slide-left-tile-container .slide-left-tile-text-container h2 {

      margin-bottom: 15px !important

  }



  #header-slider .slide-left-tile-container .slide-left-tile-text-container p {

      display: none

  }



  #header-slider .selectLeft,

  #header-slider .selectRight {

      max-width: 302px

  }



  #header-slider .selectLeft .selectLeft-headline,

  #header-slider .selectLeft .selectRight-headline,

  #header-slider .selectRight .selectLeft-headline,

  #header-slider .selectRight .selectRight-headline {

      z-index: 9999

  }



  #header-slider .selectLeft .selectLeft-selectList,

  #header-slider .selectLeft .selectRight-selectList,

  #header-slider .selectRight .selectLeft-selectList,

  #header-slider .selectRight .selectRight-selectList {

      border-top-right-radius: 0 !important;

      z-index: 999

  }



  #header-slider .slide-right-tile-image-container {

      cursor: unset !important

  }



  #header-slider .slide-right-tile-image-container-first,

  #header-slider .slide-right-tile-image-container-last {

      position: relative !important

  }



  #header-slider .slide-right-tile-image-container-first:after,

  #header-slider .slide-right-tile-image-container-last:after {

      content: "" !important

  }



  #header-slider .slide-left-tile-text-container h2:after,

  #header-slider .slide-right-tile-text-container h2:after {

      content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.328' height='6.053'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath data-name='Rechteck 79' fill='%23fff' d='M0 0h6.053v10.328H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg data-name='Gruppe 1160'%3E%3Cg data-name='Gruppe 102' transform='rotate(-90 3.026 3.027)' clip-path='url(%23a)'%3E%3Cpath data-name='Pfad 256' d='M0 5.177a.891.891 0 0 0 .256.618l4.273 4.273A.891.891 0 0 0 5.792 8.81L2.148 5.165l3.644-3.644A.891.891 0 0 0 4.532.262L.256 4.537a.89.89 0 0 0-.256.64' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");

      left: 15px;

      position: relative;

      top: -5px

  }



  #header-slider .slide-left-tile-text-container h2.active:after,

  #header-slider .slide-right-tile-text-container h2.active:after {

      content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.328' height='6.053'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath data-name='Rechteck 79' fill='%23fff' d='M0 0h6.053v10.328H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg data-name='Gruppe 1160'%3E%3Cg data-name='Gruppe 102' transform='rotate(90 5.164 5.165)' clip-path='url(%23a)'%3E%3Cpath data-name='Pfad 256' d='M0 5.177a.891.891 0 0 0 .256.618l4.273 4.273A.891.891 0 0 0 5.792 8.81L2.148 5.165l3.644-3.644A.891.891 0 0 0 4.532.262L.256 4.537a.89.89 0 0 0-.256.64' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")

  }



  #header-slider .slide-right-tile-container {

      height: auto !important;

      padding: 0 50px !important;

      position: unset !important;

      width: 100% !important

  }



  #header-slider .slide-right-tile-container .slide-right-tile-text-container {

      position: relative !important;

      text-align: center;

      top: -60px !important

  }



  #header-slider .slide-right-tile-container .slide-right-tile-text-container h2 {

      margin-bottom: 15px !important

  }



  #header-slider .slide-right-tile-container .slide-right-tile-text-container p {

      display: none

  }



  #header-slider .slide-right-tile-container .slide-right-tile-image-container {

      position: relative !important;

      top: -60px !important

  }



  #header-slider .slide-right-tile-container .slide-right-tile-image-container img {

      margin: 0 auto;

      max-width: 240px !important

  }



  #header-slider .slide-right-tile-button-container {

      position: relative !important;

      text-align: center;

      top: -60px !important

  }



  #header-slider .selectLeft-selectList,

  #header-slider .selectRight-selectList {

      padding: 25px .67em !important

  }

}



@media (max-width:500px) {

  #header-slider .swiper-pagination {

      background: hsla(0, 0%, 100%, .28) !important;

      border-radius: 0 !important;

      box-shadow: unset !important;

      left: 0 !important;

      padding-left: 0 !important;

      top: 250px !important;

      width: 100vw !important

  }



  #header-slider .swiper-pagination .swiper-pagination-bullet-active:after {

      left: -5.5px !important

  }



  #header-slider .slide-image-container img {

      height: 300px;

      object-fit: cover !important

  }

}



@media (max-width:370px) {

  #header-slider .slide-left-tile-container {

      padding: 45px 15px 140px !important

  }



  #header-slider .slide-right-tile-container {

      padding: 0 5px !important

  }

}



@media (max-width:332px) {



  #header-slider .selectLeft-selectList,

  #header-slider .selectRight-selectList {

      min-width: unset !important

  }

}



@media (max-width:768px) {

  #header-slider .inside-article .swiper .swiper-wrapper .swiper-slide {

      max-height: unset !important

  }

}

.inside{

  padding-top: 151px;

}



@media (max-height: 882px){

  #header-slider {

      margin-bottom: 142px!important;

      padding-bottom: 150px!important;

  }

}

.block{overflow: hidden;}

#main .mod_article {

  padding-bottom: 123px;

}

.mw1596 .inside-article{

  margin-left: auto;

  margin-right: auto;

  max-width: 1440px;

  width: 100%

}

/* lbt */

.category-slider-container {

  padding: 0 !important

}



.category-slider-container .headline-container {

  align-items: baseline;

  display: flex;

  justify-content: center;

  text-align: center

}



.category-slider-container .headline-container h2 {

  cursor: pointer

}



.category-slider-container .headline-container img {

  left: 30px;

  position: relative;

  top: -9px

}



.category-slider-container .headline-container.active img {

  transform: rotate(180deg)

}



.category-slider-container .headline-categories-container {

  display: none;

  margin: -50px 0 0;

  max-height: 330px;

  max-width: 1440px;

  position: absolute;

  width: 100%;

  z-index: 99

}



.category-slider-container .headline-categories-container .headline-categories-container-wrapper {

  background: #fff;

  border-radius: 20px;

  box-shadow: 0 0 31px 14px rgba(38, 38, 38, .08);

  box-sizing: border-box;

  margin: 30px auto 0;

  max-height: 284px;

  max-width: fit-content;

  overflow: auto !important;

  padding: 20px 5px

}



.category-slider-container .headline-categories-container .headline-categories-container-wrapper:before {

  content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35.355' height='35.355'%3E%3Cpath data-name='Pfad 386' d='m17.678 0 17.678 17.678H0Z' fill='%23fff'/%3E%3C/svg%3E");

  height: 34px;

  left: 48.5%;

  position: absolute;

  top: 13px;

  width: 34px

}



.category-slider-container .headline-categories-container .headline-categories-container-wrapper .headline-category {

  align-items: center;

  display: flex;

  max-width: 399px

}



.category-slider-container .headline-categories-container .headline-categories-container-wrapper .headline-category p {

  color: #000;

  cursor: pointer;

  font-size: 18px;

  padding: 10px 20px;

  text-transform: uppercase;

  width: 100%

}



.category-slider-container .headline-categories-container .headline-categories-container-wrapper .headline-category p:hover {

  background: #009fdf;

  border-radius: 5px;

  color: #fff !important

}



.category-slider-container .headline-categories-container .headline-categories-container-wrapper .headline-category:before {

  height: 6px;

  margin-right: 22px;

  position: relative;

  top: -4px;

  width: 4px

}



.category-slider-container .category-swiper {

  margin: 0 auto;

  max-width: 1325px;

  width: 100%;

  z-index: -1

}



.category-slider-container .category-swiper .swiper-wrapper {

  min-height: 69px

}



.category-slider-container .category-swiper .swiper-wrapper .swiper-slide {

  display: flex;

  justify-content: center;

  margin-left: 20px;

  padding: 10px 25px;

  width: auto

}



.category-slider-container .category-swiper .swiper-wrapper .swiper-slide p {

  color: #504c4a;

  cursor: pointer;

  font-size: 22px

}



.category-slider-container .category-swiper .swiper-wrapper .swiper-slide.swiper-slide-active {

  background: #009fdf;

  border-radius: 10px

}



.category-slider-container .category-swiper .swiper-wrapper .swiper-slide.swiper-slide-active p {

  color: #fff

}



.category-slider-container .category-swiper .swiper-wrapper .swiper-slide.swiper-slide-active:after {

  bottom: -4px;

  content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.76' height='21.76'%3E%3Cpath data-name='Pfad 381' d='M10.263 5.889 21.76 10.88 10.88 21.76 0 10.88Z' fill='%23009fdf'/%3E%3C/svg%3E");

  height: 15px;

  position: absolute;

  width: 15px

}



.category-slider-container .category-swiper .swiper-button-next {

  background: linear-gradient(90deg, rgba(2, 0, 36, 0), #fff 79%);

  height: 100%;

  position: absolute;

  right: -.5px !important;

  top: 15px;

  width: 135px

}



.category-slider-container .category-swiper .swiper-button-next:after {

  content: "";

  display: flex;

  justify-content: end;

  position: relative;

  top: -4px;

  width: 100%

}



.category-slider-container .category-swiper .swiper-button-prev {

  background: linear-gradient(-90deg, rgba(2, 0, 36, 0), #fff 79%);

  height: 100%;

  left: 0 !important;

  position: absolute;

  top: 15px;

  width: 135px

}



.category-slider-container .category-swiper .swiper-button-prev:after {

  content: "";

  display: flex;

  justify-content: end;

  position: relative;

  top: 6px;

  transform: rotate(180deg);

  width: 100%

}



.category-slider-container .category-swiper.smallSlide {

  max-width: 870px

}



.category-slider-container .category-swiper.smallSlide .swiper-button-next {

  right: 0

}



.mw1596 .inside-article {

  max-width: 1596px !important

}



.mw1596 .inside-article .category-slider-container {

  margin: 0 auto;

  max-width: 1440px !important

}



.mw1596 .inside-article .ce_rsce_ce3_branchen_product_slider:not(.category-slider-container) {

  margin: 0 auto;

  max-width: 1596px !important

}



.ce_rsce_ce3_branchen_product_slider {

  overflow: unset !important;

  position: relative

}



.ce_rsce_ce3_branchen_product_slider .slide-product-names a {

  color: #000 !important

}



.ce_rsce_ce3_branchen_product_slider .product-swiper {

  padding: 0 .5rem

}



.ce_rsce_ce3_branchen_product_slider .product-swiper .swiper-wrapper {

  min-height: 1080px

}



.ce_rsce_ce3_branchen_product_slider .product-swiper .swiper-slide {

  border-radius: 20px;

  max-height: 808px;

  transition: .4s;

  width: 508px

}



.ce_rsce_ce3_branchen_product_slider .product-swiper .swiper-slide.swiper-slide-prev {

  position: relative;

  top: 62px

}



.ce_rsce_ce3_branchen_product_slider .product-swiper .swiper-slide.swiper-slide-active {

  animation: slideUp .5s ease-in-out

}



.ce_rsce_ce3_branchen_product_slider .product-swiper .swiper-slide.swiper-slide-active .slide-top-container {

  background: #009fdf

}



.ce_rsce_ce3_branchen_product_slider .product-swiper .swiper-slide.swiper-slide-next {

  position: relative;

  top: 62px

}



.ce_rsce_ce3_branchen_product_slider .product-swiper .swiper-slide .slide-top-container {

  background: #ebebeb;

  border-top-left-radius: 20px;

  border-top-right-radius: 20px

}



.ce_rsce_ce3_branchen_product_slider .product-swiper .swiper-slide .slide-bottom-container {

  margin: 0 auto;

  max-width: 446px;

  min-height: 320px

}



.ce_rsce_ce3_branchen_product_slider .product-swiper .swiper-slide .slide-productImage {

  align-items: baseline;

  background-position: 200px;

  box-sizing: border-box;

  display: flex;

  flex-flow: column;

  height: 495px;

  justify-content: flex-end;

  margin: 95px auto 0;

  max-width: 446px;

  padding: 0 10px;

  width: 100%

}



.ce_rsce_ce3_branchen_product_slider .product-swiper .swiper-slide .slide-productImage a {

  width: 100%

}



.ce_rsce_ce3_branchen_product_slider .product-swiper .swiper-slide .slide-productImage a img {

  margin: 0 auto;

  max-height: 508px;

  position: relative;

  top: -75px

}



.ce_rsce_ce3_branchen_product_slider .product-swiper .swiper-slide .slide-productImageGallery {

  align-items: center;

  display: flex;

  justify-content: center;

  position: relative;

  top: -56px

}



.ce_rsce_ce3_branchen_product_slider .product-swiper .swiper-slide .slide-productImageGallery .slide-ProductImageGallery-image {

  align-items: center;

  background: #fff;

  border: none;

  border-radius: 14px;

  box-sizing: border-box;

  cursor: pointer;

  display: flex;

  height: 100px;

  justify-content: center;

  margin-right: 22px;

  padding: 14px;

  width: 100px

}



.ce_rsce_ce3_branchen_product_slider .product-swiper .swiper-slide .slide-productImageGallery .slide-ProductImageGallery-image:last-child {

  margin-right: 0

}



.ce_rsce_ce3_branchen_product_slider .product-swiper .swiper-slide .slide-productImageGallery .slide-ProductImageGallery-image img {

  height: 100%;

  width: auto

}



.ce_rsce_ce3_branchen_product_slider .product-swiper .swiper-slide .slide-productImageGallery .slide-ProductImageGallery-image.active {

  border: 3px solid #009fdf

}



.ce_rsce_ce3_branchen_product_slider .product-swiper .swiper-slide .slide-productText-container {

  background: #fff;

  margin: 0 auto;

  text-align: center

}



.ce_rsce_ce3_branchen_product_slider .product-swiper .swiper-slide .slide-productText-container .h3 {

  font-size: 32px;

  line-height: 50px;

  text-transform: uppercase

}



.ce_rsce_ce3_branchen_product_slider .product-swiper .swiper-slide .slide-productText-container .slide-productCategory {

  position: relative;

  top: -25px

}



.ce_rsce_ce3_branchen_product_slider .product-swiper .swiper-slide .slide-productText-container .slide-productName {

  display: none;

  font-size: 24px;

  position: relative;

  top: -12px

}



.ce_rsce_ce3_branchen_product_slider .product-swiper .swiper-slide .slide-productText-container .slide-productName:first-child {

  display: block

}



.ce_rsce_ce3_branchen_product_slider .product-swiper .swiper-slide .slide-productText-container .slide-productLink {

  display: none;

  margin-top: 15px

}



.ce_rsce_ce3_branchen_product_slider .product-swiper .swiper-slide .slide-productText-container .slide-productLink:first-child {

  display: block

}



.ce_rsce_ce3_branchen_product_slider .product-swiper .swiper-slide .slide-productText-container .slide-productLink a {

  background-color: #fff;

  border: 2px solid #009fdf;

  border-radius: 1.618em;

  color: #009fdf;

  display: inline-block;

  min-width: 240px;

  outline: none;

  padding: .5em 1.618em;

  text-decoration: none !important;

  text-transform: uppercase;

  transition: background-color .4s

}



.ce_rsce_ce3_branchen_product_slider .product-swiper .swiper-slide .slide-productText-container .slide-productLink a:hover {

  background: #009fdf;

  color: #fff

}



.ce_rsce_ce3_branchen_product_slider .product-swiper .swiper-slide .slide-wrapper {

  border-radius: 20px;

  box-shadow: 0 3px 15px hsla(0, 0%, 50%, .2)

}



.ce_rsce_ce3_branchen_product_slider .product-swiper .swiper-slide.swiper-slide-active .slide-productLink a {

  background: #009fdf;

  color: #fff

}



.ce_rsce_ce3_branchen_product_slider .product-swiper .swiper-slide.swiper-slide-active .slide-productLink a:hover {

  background: #fff;

  color: #009fdf

}



.ce_rsce_ce3_branchen_product_slider .swiper-button-next {

  top: 40%

}



.ce_rsce_ce3_branchen_product_slider .swiper-button-next:after {

  content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='91' height='91'%3E%3Cg data-name='Gruppe 276'%3E%3Cg data-name='Gruppe 219' transform='translate(-1069 -389)'%3E%3Ccircle data-name='Ellipse 43' cx='45.5' cy='45.5' r='45.5' transform='translate(1069 389)' fill='%23504c4a' opacity='.501'/%3E%3Cpath data-name='Pfad 383' d='M1109.811 420.845a1.672 1.672 0 0 1 0 2.324l-9.674 9.691h32.715a1.65 1.65 0 0 1 0 3.3h-32.715l9.674 9.674a1.672 1.672 0 0 1 0 2.324 1.671 1.671 0 0 1-2.34 0l-12.493-12.496a1.631 1.631 0 0 1-.478-1.171 1.683 1.683 0 0 1 .115-.624 1.129 1.129 0 0 1 .264-.379l12.592-12.643a1.671 1.671 0 0 1 2.34 0' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");

  transform: rotate(180deg) translateY(6px)

}



.ce_rsce_ce3_branchen_product_slider .swiper-button-next:hover:after {

  content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='91' height='91'%3E%3Cg data-name='Gruppe 274' transform='translate(-1069 -389)'%3E%3Ccircle data-name='Ellipse 43' cx='45.5' cy='45.5' r='45.5' transform='translate(1069 389)' fill='%23504c4a' opacity='.747'/%3E%3Cpath data-name='Pfad 274' d='M1119.189 420.845a1.672 1.672 0 0 0 0 2.324l9.674 9.691h-32.715a1.65 1.65 0 0 0 0 3.3h32.715l-9.674 9.674a1.672 1.672 0 0 0 0 2.324 1.671 1.671 0 0 0 2.34 0l12.493-12.496a1.631 1.631 0 0 0 .478-1.171 1.683 1.683 0 0 0-.115-.626 1.129 1.129 0 0 0-.264-.379l-12.592-12.641a1.671 1.671 0 0 0-2.34 0' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");

  transform: rotate(0deg)

}



.ce_rsce_ce3_branchen_product_slider .swiper-button-prev {

  top: 40%

}



.ce_rsce_ce3_branchen_product_slider .swiper-button-prev:after {

  content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='91' height='91'%3E%3Cg data-name='Gruppe 276'%3E%3Cg data-name='Gruppe 219' transform='translate(-1069 -389)'%3E%3Ccircle data-name='Ellipse 43' cx='45.5' cy='45.5' r='45.5' transform='translate(1069 389)' fill='%23504c4a' opacity='.501'/%3E%3Cpath data-name='Pfad 383' d='M1109.811 420.845a1.672 1.672 0 0 1 0 2.324l-9.674 9.691h32.715a1.65 1.65 0 0 1 0 3.3h-32.715l9.674 9.674a1.672 1.672 0 0 1 0 2.324 1.671 1.671 0 0 1-2.34 0l-12.493-12.496a1.631 1.631 0 0 1-.478-1.171 1.683 1.683 0 0 1 .115-.624 1.129 1.129 0 0 1 .264-.379l12.592-12.643a1.671 1.671 0 0 1 2.34 0' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");

  transform: rotate(0deg) translateY(6px)

}



.ce_rsce_ce3_branchen_product_slider .swiper-button-prev:hover:after {

  content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='91' height='91'%3E%3Cg data-name='Gruppe 274' transform='translate(-1069 -389)'%3E%3Ccircle data-name='Ellipse 43' cx='45.5' cy='45.5' r='45.5' transform='translate(1069 389)' fill='%23504c4a' opacity='.747'/%3E%3Cpath data-name='Pfad 274' d='M1119.189 420.845a1.672 1.672 0 0 0 0 2.324l9.674 9.691h-32.715a1.65 1.65 0 0 0 0 3.3h32.715l-9.674 9.674a1.672 1.672 0 0 0 0 2.324 1.671 1.671 0 0 0 2.34 0l12.493-12.496a1.631 1.631 0 0 0 .478-1.171 1.683 1.683 0 0 0-.115-.626 1.129 1.129 0 0 0-.264-.379l-12.592-12.641a1.671 1.671 0 0 0-2.34 0' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");

  transform: rotate(180deg)

}



@media (max-width:1152px) {

  .category-slider-container .headline-categories-container {

      left: 0 !important

  }



  .category-slider-container .headline-categories-container-wrapper:before {

      left: 46.5% !important

  }



  .ce_rsce_ce3_branchen_product_slider .product-swiper .swiper-wrapper {

      min-height: 583px !important

  }



  .ce_rsce_ce3_branchen_product_slider .swiper-button-next,

  .ce_rsce_ce3_branchen_product_slider .swiper-button-prev {

      display: none

  }



  .ce_rsce_ce3_branchen_product_slider h2 {

      font-size: 26px !important

  }



  .ce_rsce_ce3_branchen_product_slider .swiper-slide .slide-productImage {

      height: unset !important;

      max-height: 240px !important;

      max-width: 162px !important

  }



  .ce_rsce_ce3_branchen_product_slider .swiper-slide .slide-productImage img {

      top: -44px !important

  }



  .ce_rsce_ce3_branchen_product_slider .swiper-slide .slide-bottom-container {

      max-width: 192px;

      min-height: unset !important;

      padding-bottom: 15px !important

  }



  .ce_rsce_ce3_branchen_product_slider .swiper-slide .slide-bottom-container .slide-productImageGallery {

      top: -27px

  }



  .ce_rsce_ce3_branchen_product_slider .swiper-slide .slide-bottom-container .slide-productImageGallery .slide-ProductImageGallery-image {

      height: 50px;

      margin-right: 10px;

      padding: 5px;

      width: 50px

  }



  .ce_rsce_ce3_branchen_product_slider .swiper-slide .slide-bottom-container .slide-productCategory .h3 {

      font-size: 14px

  }



  .ce_rsce_ce3_branchen_product_slider .swiper-slide .slide-bottom-container .slide-productName {

      font-size: 14px !important

  }



  .ce_rsce_ce3_branchen_product_slider .swiper-slide .slide-bottom-container .slide-product-links {

      display: none

  }



  .category-swiper .swiper-slide p {

      font-size: 18px !important

  }



  .category-slider-container .headline-categories-container {

      margin: -30px 0 0 !important

  }



  .headline-container img {

      left: 22px !important;

      top: -6px !important;

      width: 10px !important

  }



  .headline-categories-container-wrapper .headline-category p {

      font-size: 14px !important

  }

}



@media (min-width:961px) and (max-width:1152px) {

  .category-slider-container .headline-categories-container-wrapper:before {

      left: 48% !important

  }

}



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

  .category-slider-container .headline-categories-container-wrapper:before {

      left: 47.5% !important

  }

}



@media (max-width:630px) {

  .category-swiper {

      display: none !important

  }



  .product-swiper .swiper-wrapper {

      min-height: 505px !important

  }



  .ce_rsce_ce3_branchen_product_slider .swiper-button-next,

  .ce_rsce_ce3_branchen_product_slider .swiper-button-prev {

      display: block

  }



  .ce_rsce_ce3_branchen_product_slider .swiper-button-prev {

      left: 1% !important;

      transform: translateY(52px) !important

  }



  .ce_rsce_ce3_branchen_product_slider .swiper-button-prev:after {

      content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cg data-name='Gruppe 1152'%3E%3Cg data-name='Gruppe 274' transform='rotate(180 30 30)'%3E%3Ccircle data-name='Ellipse 43' cx='30' cy='30' r='30' fill='%23504c4a' opacity='.747'/%3E%3Cpath data-name='Pfad 274' d='M32.517 19.758a1.254 1.254 0 0 0 0 1.743l7.256 7.269H15.236a1.236 1.236 0 0 0 0 2.472h24.537L32.517 38.5a1.254 1.254 0 0 0 0 1.743 1.254 1.254 0 0 0 1.755 0l9.37-9.37a1.223 1.223 0 0 0 .358-.88 1.262 1.262 0 0 0-.087-.47.847.847 0 0 0-.2-.284l-9.441-9.481a1.254 1.254 0 0 0-1.755 0' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important

  }



  .ce_rsce_ce3_branchen_product_slider .swiper-slide {

      top: 0 !important

  }



  .ce_rsce_ce3_branchen_product_slider .swiper-button-next {

      right: 10% !important;

      transform: translateY(52px) !important

  }



  .ce_rsce_ce3_branchen_product_slider .swiper-button-next:after {

      content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cg data-name='Gruppe 1150'%3E%3Cg data-name='Gruppe 274'%3E%3Ccircle data-name='Ellipse 43' cx='30' cy='30' r='30' fill='%23504c4a' opacity='.747'/%3E%3Cpath data-name='Pfad 274' d='M32.517 19.758a1.254 1.254 0 0 0 0 1.743l7.256 7.269H15.236a1.236 1.236 0 0 0 0 2.472h24.537L32.517 38.5a1.254 1.254 0 0 0 0 1.743 1.254 1.254 0 0 0 1.755 0l9.37-9.37a1.223 1.223 0 0 0 .358-.88 1.262 1.262 0 0 0-.087-.47.847.847 0 0 0-.2-.284l-9.441-9.481a1.254 1.254 0 0 0-1.755 0' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important

  }



  .ce_rsce_ce3_branchen_product_slider .swiper-slide .slide-top-container {

      background: #009fdf !important;

      min-height: 296px

  }



  .ce_rsce_ce3_branchen_product_slider .swiper-slide .slide-bottom-container {

      min-height: 133px !important

  }



  .ce_rsce_ce3_branchen_product_slider .swiper-slide .slide-wrapper {

      margin: 0 auto;

      max-width: 302px

  }



  .ce_rsce_ce3_branchen_product_slider .swiper-slide.swiper-slide-active {

      top: unset !important

  }



  .ce_rsce_ce3_branchen_product_slider .swiper-slide .slide-productCategory {

      top: -13px !important

  }



  .ce_rsce_ce3_branchen_product_slider .swiper-slide .slide-product-names {

      position: relative;

      top: -5px

  }



  .ce_rsce_ce3_branchen_product_slider .swiper-slide .slide-ProductImageGallery-image {

      border-radius: 5px !important;

      height: 60px !important;

      width: 60px !important

  }



  .ce_rsce_ce3_branchen_product_slider .swiper-slide .slide-ProductImageGallery-image.active {

      border: 1px solid #009fdf !important

  }



  .ce_rsce_ce3_branchen_product_slider .swiper-slide .slide-productImage {

      max-width: unset !important

  }



  .ce_rsce_ce3_branchen_product_slider .swiper-slide .slide-productImage img {

      max-height: 307px !important;

      max-width: 265px !important;

      top: 6px !important

  }

}



@media (max-width:437px) {

  .ce_rsce_ce3_branchen_product_slider .swiper-slide {

      top: 0 !important

  }

}



@media (max-width:455px) {

  .category-slider-container .headline-categories-container-wrapper:before {

      left: 45.5% !important

  }

}



@media (min-width:631px) and (max-width:1666px) {



  .ce_rsce_ce3_branchen_product_slider .swiper-button-next,

  .ce_rsce_ce3_branchen_product_slider .swiper-button-prev {

      display: none !important

  }

}



@media (max-width:325px) {

  .category-slider-container .headline-categories-container-wrapper:before {

      left: 43% !important

  }

}



@media (max-width:370px) {



  .ce_rsce_ce3_branchen_product_slider .swiper-button-next,

  .ce_rsce_ce3_branchen_product_slider .swiper-button-prev {

      display: none !important

  }

}



@keyframes slideUp {

  0% {

      top: 62px

  }



  to {

      top: 0

  }

}

.animation__fade.js__animate {

  opacity: 1

}

.animation__slide-right.js__animate {

  transform: translateX(0);

}





/* foot */

.footer-first-row{

  background-color: #fafafa;

  padding-bottom: 47px;

  padding-top: 47px;

}

.footer-first-row .footer-first-row-inside,.footer-second-row-inside{

  max-width: 1597px;

  margin: 0 auto;

}

.footer-first-row .footer-first-row-inside{
  position: relative;
  align-items: end;

}

.footer-first-row .footer-first-row-inside{

  grid-column-gap: 11px;

  display: grid;

  grid-template-columns: 1fr 3fr;

}

.footer-first-row .footer-first-row-inside .logo img{

  width: 147px;

}
.footer-first-row .footer-first-row-inside .footer-ttop{
  position: absolute;
  right: -60px;
  top: -25px;
}
.footer .mianmenu{

  margin-bottom: 7px;

  display: flex;

  align-items: end;

  height: 100%;

}

.footer .mianmenu .leve1 .leve1-item {

  position: relative;

  margin-right: 47px;

  float: left;

}

.footer .mianmenu .leve1 .leve1-item:last-child{

  margin-right: 0;

}

.footer .mianmenu .leve1 .leve1-item .leve1-tit{

  font-size: 20px;

  text-transform: uppercase;

  font-family: Neuropol;

}



.footer .mianmenu .leve1 .leve1-item .leve2 {

  display: none;

  background-color: #fff;

  padding: 11px;

  position: absolute;

  z-index: 1000;

  top: 33px;

  min-width: 235px;

}

.footer .mianmenu .leve1 .leve1-item:hover .leve2{

  display: block;

}

.footer *{

  color: #009fdf !important;

}

.footer .mianmenu .leve1 a{
  text-transform: uppercase;
  display: block;

  font-family: Neuropol;

}

.footer .footer-second-row{

  padding-bottom: 55px;

  padding-top: 26px;

  background-color: #fafafa;

}

.footer .footer-second-row .footer-second-row-inside{

  grid-row-gap: 29px;

  grid-template-columns: 1fr 1fr 1fr 1fr ;

  padding-bottom: 29px;

  grid-column-gap: 11px;

  display: grid;

}

.footer .footer-second-row .footer-second-row-inside p{

  font-size: 24px;

  margin-bottom: 10px;

}

.footer .footer-second-column-inside div {

  margin-bottom: 9px;

}

@media (min-width: 1598px){

  .footer .footer-second-row .footer-first-column {

    min-width: 395px;

  }

  .footer .footer-second-row .footer-second-column {

    min-width: 358px;

  }

  .footer .footer-second-row .footer-third-column {

    min-width: 317px;

  }

}

.footer .footer-second-row .footer-second-row-inside a{

  display: block;

  font-size: 24px;

}

.footer .footer-second-row .footer-third-column a{

  margin-bottom: 7px;

}

.footer .footer-second-row .footer-column ul{

  display: flex;

  flex-direction: row;

  justify-content: space-between;

  max-width: 160px;

}

.footer .footer-second-row .footer-column ul li{

  width: 34px;

}

.footer .footer-fourth-row{

  padding: 29px 0;

}

.footer .footer-fourth-row .footer-fourth-row-inside{

  width: 95%;

  max-width: 1597px;

  margin: 0 auto;

  display: flex;

  justify-content: space-between;

}

.footer .footer-fourth-row .footer-fourth-row-inside *{

  font-size: 20px;

}

.footer .footer-fourth-row .footer-fourth-row-inside .footer-fourth-row-inside-ul a:first-child{

  margin-right: 30px;

}

/* head2 */

.header-main{

  z-index: 5000;

  position: fixed;

  top: 0;

  width: 100%;

  height: 145px;

}

.container{

  width: 95%;

  margin: 0 auto;

  max-width: 1280px;

  display: flex;

  align-items: center;

  justify-content: end;

}

.header-main-top{

  padding: 10px 0;

  background-color: #404040;

}

.header-main-top .navigation-entry{

  line-height: 25px;

  position: relative;

  color: #ffffff;

  font-size: 12px;

  padding: 0 15px;

  cursor: pointer;

}
.header-main-top .navigation-entry img{
  display: inline-block;
}
.header-main-top .navigation-entry .service-list{

  display: none;

  min-width: 150px;

  position: absolute;

  right: 0;

  top: 32px;

  padding: 5px 0;

  text-align: left;

  background-color: #fff;

  z-index: 3500;

  border: 1px solid #f1f1f1;

}

.header-main-top .navigation-entry .service-list::after{

  transform: rotate(135deg);

  content: '';

  width: 8px;

  height: 8px;

  display: block;

  position: absolute;

  top: -5px;

  right: 18px;

  background-color: #fff;

  border-color: #f1f1f1;

  border-width: 0 0 1px 1px;

  border-style: solid;

}

.header-main-top .navigation-entry .service-list .service-link{

  padding: 5px 10px;

  font-size: 12px;

  display: block;

  color: #999;

  font-family: barlow;

}

.header-main-top .navigation-entry .service-list .service-link:hover{

  color: #009fdf;

}

.header-main-top .navigation-entry .xlicon{

  font-size: 18px;

  vertical-align: middle;

}

.active2{

  color: #00a3da !important;

}

.header-navigation{

  background-color: #65266d;

  padding-bottom: 16px;

}

.header-navigation-body{

  width: 95%;

  margin: 0 auto;

  max-width: 1280px;

  display: flex;

  justify-content: space-between;

  position: relative;

}
.header-navigation-body .header-navigation-srarch{
  width: 35px;
  height: 35px;
  text-align: center;
  background-color: #f1f1f1;
  padding-top: 3px;
  border-radius: 50%;
  margin-top: 40px;
  position: relative;
  z-index: 1003;
}
.header-navigation .header-navigation-logo{

  position: relative;

  z-index: 1005;

  width: 121px;

  margin: 30px 45px 0 0;

}

.header-navigation .header-navigation-list{

  display: flex;

  margin-top: 25px;

}

.header-navigation .header-navigation-list .header-navigation-list-item{

  padding: 0 14px;

}

.header-navigation .header-navigation-list .header-navigation-list-item>a{

  display: block;

  font-family: barlow;

  font-size: 14px;

  color: #ffffff;

  text-transform: uppercase;

  font-weight: 600;

  line-height: 30px;

  border-bottom: 2px solid transparent;

  position: relative;

  z-index: 1003;


}

.header-navigation .header-navigation-list .header-navigation-list-item>a:hover{

  border-bottom-color: #00a3da;

}

.header-active{

  border-bottom-color: #00a3da !important;

}

.header-navigation .header-navigation-list .header-navigation-list-item:hover .desktop-navigation-wrap{

  display: block;

}
.header2-menu{
  display: none;
  cursor: pointer;
}
.menu {
  position: fixed;
  top: 0;
  right: 100%;
  z-index: 8000;
  width: 395px;
  height: 100%;
  background-color: #fff;
  padding: 45px 30px 30px;
  transition: 0.6s;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  -ms-transition: 0.6s;
}
.menumb {
  transform: translate(100%);
  -webkit-transform: translate(100%);
  -moz-transform: translate(100%);
  -o-transform: translate(100%);
  -ms-transform: translate(100%);
}
.menu-bg {
  position: fixed;
  top: 0;
  right: 100%;
  z-index: 7999;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  transition: 0.8s;
  -webkit-transition: 0.8s;
  -moz-transition: 0.8s;
  -o-transition: 0.8s;
  -ms-transition: 0.8s;
}
.menu .menu-tbox{
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.menu-active{
  transform: rotate(180deg);
}
.menu .menu-tbox span{
  font-size: 26px;
  font-family: barlow;
}
.menu .menu-tbox i{
  font-size: 20px;
  color: #a8a8a8;
}
.menu .menu-list{
  display: none;
}
.menu .menu-list li a{
  font-size: 16px;
  color: #a8a8a8;
  line-height: 32px;
}
.menu .menu-tit{
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #f1f1f1;
}
.menu .menu-tit a{
  color: #404040;
  font-size: 10px;
  text-transform: uppercase;
}
.desktop-navigation-wrap{

  display: none;

  position: fixed;

  width: 100vw;

  height: auto;

  z-index: 1002;

  top: 110px;

  left: 0;

  background-color: #fff;

}

.desktop-navigation-wrap .desktop-navigation-wrap{

  display: none;

}

.desktop-navigation-wrap .navigation-sublevel{

  width: 95%;

  max-width: 1280px;

  overflow: auto;

  margin: 0 auto;

  background-color: #fff;

  padding-top: 60px;

  padding-bottom: 30px;

  display: flex;

}

.desktop-navigation-wrap .navigation-sublevel .sublevel-l{

  width: 50%;

  padding-top: 60px;

  padding-right: 30px;

}

.desktop-navigation-wrap .navigation-sublevel .sublevel-l .sublevel-link{

  display: block;

  margin-bottom: 20px;

  line-height: initial;

}

.desktop-navigation-wrap .navigation-sublevel .sublevel-l .sublevel-link:hover span{

  color: #009fdf;

}

.desktop-navigation-wrap .navigation-sublevel .sublevel-l .sublevel-link.show-all{

  font-size: 16px;

  color: #999999;

  margin-top: 50px;

  font-family: barlow;

}

.desktop-navigation-wrap .navigation-sublevel .sublevel-l .sublevel-link.show-all:hover{

  color: #404040;

}

.desktop-navigation-wrap .navigation-sublevel .sublevel-l .sublevel-link.show-all::after{

  content: '';

  display: block;

  width: 90px;

  height: 2px;

  background-color: #a8a8a8;

  margin-top: 20px;

}

.desktop-navigation-wrap .navigation-sublevel .sublevel-r{

  height: 400px;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  position: relative;

}

.desktop-navigation-wrap .navigation-sublevel .sublevel-l .sublevel-link span{

  font-size: 20px;

  font-weight: 600;

  font-family: barlow-regular;

}

.desktop-navigation-wrap .navigation-sublevel .sublevel-l,.desktop-navigation-wrap .navigation-sublevel .sublevel-r{

  width: 50%;

}



.desktop-navigation-wrap .navigation-sublevel .sublevel-r .image-tit{

  color: #fff;

  font-size: 28px;

  font-weight: 700;

  z-index: 1;

  position: absolute;

  top: 50%;

  left: 50%;

  margin-right: -50%;

  transform: translate(-50%, -50%);

  text-align: center;

  letter-spacing: 1px;

  font-family: barlow-regular;

}

.desktop-navigation-wrap .navigation-sublevel .sublevel-r .image-tit .btn.image-link {

  display: block;

  border: 2px solid #fff;

  background: transparent;

  margin-top: 20px;

  color: #ffffff !important;

  text-align: center;

  font-size: 12px;

  padding: 15px 20px;

  text-transform: uppercase;

}

.desktop-navigation-wrap .navigation-sublevel .sublevel-r .image-tit .btn.image-link:hover{

  background-color: #fff;

  color: #404040 !important;

}

.desktop-navigation-wrap .navigation-sublevel .sublevel-r:after {

  content: '';

  position: absolute;

  top: 0;

  z-index: 0;

  background: black;

  width: 100%;

  height: 100%;

  display: block;

  opacity: 0.4;

}



.flex{

  display: flex;

  align-items: center;

}

.header-listing{

  height: 600px;

  padding: 240px 0 0;

  background-color: #65266d;

}

.header-listing .header-listing-container{

  position: relative;

  width: 95%;

  height: 100%;

  max-width: 1280px;

  margin: 0 auto;

} 

.header-listing .header-listing-container .listing-header-text h1{

  font-size: 40px;

  color: #ffffff;

  margin-bottom: 20px;

}

.header-listing .header-listing-container .listing-header-text .lp-header--text{

  max-width: 410px;

}

.header-listing .header-listing-container .listing-header-text .lp-header--text p{

  font-size: 16px;

  line-height: 24px;

  margin-bottom: 20px;

  color: #ffffff;

}

.header-listing .header-listing-container .lp-header-link{

  font-size: 10px;

  position: absolute;

  bottom: 60px;

  cursor: pointer;

  display: inline-block;

  text-transform: uppercase;

  color: #fff;

}

.header-listing .header-listing-container .lp-header-image{

  position: absolute;

  margin: 0 auto;

  right: 100px;

  top: auto;

  bottom: 0;

  max-height: 400px;

}

.emotion{

  width: 95%;

  max-width: 1300px;

  margin: 20px auto 0;

}

.emotion-youtube{

  width: 100%;

  height: 100%;

  margin-bottom: 90px;

}
.emotion-youtube iframe{
  width: 100%;
}
.emotion-element{

  display: flex;

  justify-content: space-between;

  margin-bottom: 160px;

}

.emotion-element:last-child{

  margin-bottom: 90px;

}

.emotion-element .emotion-element-l{

  width: 33%;

}

.emotion-element .emotion-element-r{

  width: 58%;

}

.emotion-element .emotion-element-r .emotion-element-r-title{

  font-size: 16px;

  color: #404040;

  margin: 0 20px;

  padding: 20px 0 10px;

  font-family: barlow;

}

.emotion-element .emotion-element-r .emotion-element-r-cont{

  padding: 20px;

}

.emotion-element .emotion-element-r .emotion-element-r-cont p{

  font-size: 16px;

  color: #999999;

  margin-bottom: 20px;

  font-family: barlow-regular;

}

.emotion-element .emotion-element-r .emotion-element-r-cont p:last-child{

  margin-bottom: 0;

}

/* foot2 */

.footer-main{

  background-color: #404040;

}

.footer-main *{

  color: #ffffff;

  font-family: barlow-regular;

}

.footer-main .footer-main-container{

  width: 95%;

  max-width: 1280px;

  margin: 0 auto;

}

.footer-main .footer-main-container .footer-main-top{

  padding-left: 90px;

  display: flex;

}

.footer-main .footer-main-container .footer-main-top .footer-column{

  padding-right: 10px;

}

.footer-main .footer-main-container .footer-main-top .footer-column.first{

  width: 30%;

}

.footer-main .footer-main-container .footer-main-top .footer-column.second{

  width: 50%;

  display: flex;

}

.footer-main .footer-main-container .footer-main-top .footer-column.third{

  width: 20%;

}

.footer-main .footer-main-container .footer-main-top .footer-column.third ul li a{

  font-size: 14px;

}

.footer-main .footer-main-container .column-headline{

  padding-top: 35px;

  padding-bottom: 20px;

  font-size: 10px;

  text-transform: uppercase;

  font-family: barlow;

}

.footer-main .footer-main-container .colum-desc{

  margin: 0;

  font-size: 20px;

  font-weight: 700;

}

.footer-main .footer-main-container .colum-desc img{

  width: 42px;

  vertical-align: middle;

}

.footer-main .footer-main-container .colum-mail{

  display: block;

  font-size: 14px;

  text-decoration: underline;

  margin-top: 20px;

}



.footer-column-inner ul>li a{

  font-size: 14px;

}

.footer-column .footer-column-inner{

  width: 50%;

}

.footer-column .footer-column-inner .icon{

  padding-right: 10px;

}

.footer-main .top-btn{

  padding: 25px 90px;

  cursor: pointer;

}

.footer-main .top-btn img{

  width: 25px;

  vertical-align: middle;

}

.footer-main .top-btn span{

  margin-left: 10px;

  text-transform: uppercase;

  font-size: 10px;

}

.footer-main .footer-bottom{

  border-top: 1px solid #555;

  padding: 20px 0 40px;

  font-size: 10px;

  text-align: center;

  text-transform: uppercase;

}

/* download */

.download{

  padding-top: 151px;

  padding-bottom: 123px;

  max-width: 1596px;

  width: 100%;

  margin: 0 auto;

}

.download .download-tit h1{

  font-size: 56px;

  margin-bottom: 47px;

}

.download .download-wrap{

  margin-top: 90px;

}

.download .download-wrap .download-item{

  margin-bottom: 10px;

  width: 100%;

}

.download .download-wrap .download-item .download-toggler{

  align-items: center;

  background: #f2f2f2;

  border-radius: 15px;

  box-sizing: border-box;

  cursor: pointer;

  display: flex;

  height: 80px;

  justify-content: space-between;

  padding: 0 39px;

  width: 100%;

}

.download .download-wrap .download-item .download-toggler .download-headline{

  font-family: Neuropol;

  text-transform: uppercase;

}

.download .download-wrap .download-item  .download-content{

  display: none;

  margin: 40px 0 50px;

  padding: 0 39px;

}

.download .download-wrap .download-item .download-toggler .download-arrow.active{

  transform: rotate(180deg);

}

.download .download-wrap .download-item .download-toggler.downloadbg{

  background: unset;

  border-bottom: 1px solid #f2f2f2;

}

.download .download-wrap .download-item .download-content a{

  align-items: center;

  background: #f7f7f7;

  border-radius: 15px;

  display: flex;

  height: 80px;

  padding: 0 30px;

}

.download .download-wrap .download-item .download-content a .pdf-arrow{

  margin-right: 20px;

}

.download .download-wrap .download-item .download-content a .pdf-tit{

  color: #000;

  font-size: 24px;

}



/* valofly */

.valofly-first{

  position: relative;

  height: 100%;

  object-fit: cover;

  width: 100%;

  padding-bottom: 123px;

}

.valofly-first .valofly-cont{

  margin-left: auto;

  margin-right: auto;

  max-width: 1600px;

  width: 95%;

  grid-gap: 29px;

  display: grid;

  grid-template-columns: repeat(12,1fr);

  grid-template-rows: repeat(10,auto);

  margin-top: -400px;

}

.valofly-first .valofly-cont .ce_qf_wrapper1{

  padding: 76px 123px;

  background-color: #00788e;

  z-index: 10;

  position: relative;

  grid-column: 1/span 8;

  padding-left: 0;

  color: #ffffff;

}

.valofly-first .valofly-cont .ce_qf_wrapper1:before {

  background-color: inherit;

  content: "";

  display: block;

  height: 100%;

  left: 0;

  position: absolute;

  top: 0;

  transform: translateX(-100%);

  width: 50vw;

}

.valofly-first .valofly-cont .ce_qf_wrapper1 h1{

  font-size: 56px;

  color: #ffffff;

}

.valofly-first .valofly-cont .ce_qf_wrapper1 .ce_text.text_citation{

  font-size: 36px;

  color: #ffffff;

  font-family: Neuropol;

  text-transform: uppercase;

  margin-bottom: 60px;

  line-height: 1.1666em;

}

.valofly-first .valofly-cont>div {

  margin-bottom: 0!important;

  position: relative;

  z-index: 10;

}

.valofly-first .valofly-cont>div:nth-child(2) {

  align-self: center;

  grid-column: 1/span 5;

  grid-row: 2;

  padding-bottom: 110px;

  z-index: 11;

}

.valofly-first .valofly-cont>div:nth-child(3) {

  grid-column: 6/span 6;

  grid-row: 2;

  margin-top: -170px;

}

.valofly-first .valofly-cont>div:nth-child(4) {

  grid-column: 2/span 6;

  grid-row: 3/span 6;

  margin-top: -120px;

  z-index: 12;

}

.valofly-first .valofly-cont>div:nth-child(5) {

  grid-column: 8/span 5;

  grid-row: 3;

}

.valofly-first .valofly-cont>div:nth-child(6) {

  grid-column: 6/span 6;

  grid-row: 4;

  z-index: 13;

}

.valofly-first .valofly-cont .ce_text.text_citation2{

  font-size: 48px;

  color: #009fdf;

  font-family: Neuropol;

  text-transform: uppercase;

  line-height: 1.1666em;

}

.valofly-first .valofly-cont>div:nth-child(7) {

  grid-column: 8/span 6;

  grid-row: 5;

  color: #009fdf;

}

.valofly-first .valofly-cont .ce_qf_wrapper2 {

  grid-column: 1/span 7;

  grid-row: 9;

  margin-top: -200px;

  padding-left: 0;

  padding-right: 320px;

  padding-top: 250px;

  padding-bottom: 76px;

  z-index: 9;

  background-color: #d45d00;

  color: #ffffff;

}

.valofly-first .valofly-cont .ce_qf_wrapper2:before {

  background-color: inherit;

  content: "";

  display: block;

  height: 100%;

  left: 0;

  position: absolute;

  top: 0;

  transform: translateX(-100%);

  width: 50vw;

  background-color: #d45d00;

}

.valofly-first .valofly-cont>div:nth-child(9) {

  grid-column: 8/span 5;

  grid-row: 7;

  margin-top: 29px;

}

.valofly-first .valofly-cont>div:nth-child(10) {

  align-self: end;

  grid-column: 9/span 5;

  grid-row: 9/span 2;

  margin-top: 29px;

  overflow: visible;

  position: relative;

  width: 530px;

  z-index: 14;

}

.valofly-first .valofly-cont>div:nth-child(10) img {

  bottom: -72px;

  left: -460px;

  position: absolute;

  width: 670px;

}

.ce_text a.button{

  border: 1px solid var(--button-border-color);

  border-radius: 1.618em;

  color: var(--button-text-color)!important;

  display: inline-block;

  outline: none;

  padding: 0.5em 1.618em;

  text-decoration: none!important;

  text-transform: uppercase;

  transition: background-color .4s;

}

.valofly-first .valofly-cont>div:nth-child(10) h2{

  margin-bottom: 29px;

}

.valofly-first .valofly-cont>div:nth-child(10) .mian_p{

  margin-bottom: 29px;

}

.valofly-second,.valofly-third{

  padding-bottom: 123px;

}
#article-374 .inside-article{padding:200px 0}
#article-362 .inside-article{padding:200px 0}
.inside-article{

  margin-left: auto;

  margin-right: auto;

  max-width: 1440px;

  width: 100%;

}

.valofly-second .inside-article .video_responsive{

  position: relative;

  height: 0;

  padding-bottom: 56.25%;

}

.video_responsive iframe{

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

.valofly-third .inside-article .ce_text{

  max-width: 800px;

  margin: 0 auto;

}

.valofly-third .inside-article>div:nth-child(2) {

  margin-bottom: 76px;

}

.valofly-third .inside-article>div:nth-child(3) {

  margin-bottom: 29px;

}

.valofly-third .inside-article>div:nth-child(3) img{

  border-radius: 50%;

  margin: 0 auto;

}

.valofly-third .inside-article>div:nth-child(4){

  margin-bottom: 29px;

}

.valofly-third .inside-article h3{  

  font-size: 36px; 

  margin-bottom: 0;

}

.valofly-third .inside-article .ce_button{

  display: flex;

  justify-content: center;

  max-width: 1000px;
  gap: 30px;
  margin: 0 auto 76px;

}

.valofly-third .inside-article .ce_button .col-md-4{

  width: 30%;

}

.valofly-third .inside-article .ce_button a{

  background-color: var(--button-color);

  border: none;

  border: 1px solid var(--button-border-color);

  border-radius: 1.618em;

  color: var(--button-text-color)!important;

  display: block;

  outline: none;

  padding: 0.5em 1.618em;

  text-decoration: none!important;

  text-transform: uppercase;

  transition: background-color .4s;

}

.valofly-fourth{

  overflow: hidden;

}

.valofly-fourth img{

  width: 100%;

  transform: scale(1.1);

}



/* bwteam */

.bwteam-first{

  position: relative;

  height: 100%;

  object-fit: cover;

  width: 100%;

  padding-bottom: 123px;

}

.bwteam-first .bwteam-cont{

  margin-left: auto;

  margin-right: auto;

  max-width: 1600px;

  width: 95%;

  grid-gap: 29px;

  display: grid;

  grid-template-columns: repeat(12,1fr);

  grid-template-rows: repeat(10,auto);

  margin-top: -400px;

}

.bwteam-first .bwteam-cont .ce_qf_wrapper1{

  padding: 76px 123px;

  background-color: #c70087;

  z-index: 10;

  position: relative;

  grid-column: 1/span 8;

  padding-left: 0;

  color: #ffffff;

}

.bwteam-first .bwteam-cont .ce_qf_wrapper1:before {

  background-color: inherit;

  content: "";

  display: block;

  height: 100%;

  left: 0;

  position: absolute;

  top: 0;

  transform: translateX(-100%);

  width: 50vw;

}

.bwteam-first .bwteam-cont .ce_qf_wrapper1 h1{

  font-size: 56px;

  color: #ffffff;

}

.bwteam-first .bwteam-cont .ce_qf_wrapper1 .ce_text.text_citation{

  font-size: 36px;

  color: #ffffff;

  font-family: Neuropol;

  text-transform: uppercase;

  margin-bottom: 60px;

  line-height: 1.1666em;

}

.bwteam-first .bwteam-cont>div {

  margin-bottom: 0!important;

  position: relative;

  z-index: 10;

}

.bwteam-first .bwteam-cont>div:first-child{

  grid-column: 1/span 7;

  padding-left: 0;

}

.bwteam-first .bwteam-cont>div:nth-child(2) {

  grid-column: 1/span 5;

  grid-row: 2;

  margin-top: 39px;

  z-index: 11;

}

.bwteam-first .bwteam-cont>div:nth-child(3) {

  grid-column: 6/span 6;

  grid-row: 2;

  margin-top: -270px;

  z-index: 9;

}

.bwteam-first .bwteam-cont>div:nth-child(4) {

  grid-column: 1/span 5;

  grid-row: 5;

  margin-top: -166px;

  z-index: 12;

}

.bwteam-first .bwteam-cont>div:nth-child(5) {

  grid-column: 7/11;

  grid-row: 5;

}

.bwteam-first .bwteam-cont>div:nth-child(6) {

  grid-column: 3/span 5;

  grid-row: 8;

  margin-left: -24px;

  margin-top: -52px;

  max-width: 609px;

  z-index: 13;

}

.bwteam-first .bwteam-cont>div:nth-child(7){

  grid-column: 7/span 5;

  grid-row: 8;

  z-index: 14;

}

.bwteam-first .bwteam-cont>div:nth-child(8){

  grid-column: 9/span 3;

  grid-row: 9;

  margin-top: -160px;

  z-index: 4;

}

.bwteam-first .bwteam-cont>div:nth-child(9){

  grid-column: 8/13;

  grid-row: 9;

  margin-left: -28px;

  margin-top: -85px;

}

.bwteam-first .bwteam-cont>div:nth-child(10){

  grid-column: 1/span 6;

  grid-row: 10;

  margin-left: -220px;

  margin-top: -239px;

  padding-top: 151px;

}

.bwteam-first .bwteam-cont>div:nth-child(11){

  grid-column: 6/span 5;

  grid-row: 11;

  margin-left: 51px;

  margin-top: -337px;

  max-height: 560px;

}

.bwteam-first .bwteam-cont>div:nth-child(12){

  align-self: end;

  grid-column: 7/span 3;

  grid-row: 12;

  margin-top: 50px;

  overflow: visible;

  padding-bottom: 100px;

  position: relative;

  width: 530px;

  z-index: 14;

}

.bwteam-first .bwteam-cont>div:nth-child(12) img{

  bottom: 156px;

  left: -594px;

  max-width: 500px;

  position: absolute;

}

.bwteam-first .bwteam-cont .ce_text.text_citation2{

  font-size: 48px;

  color: #009fdf;

  font-family: Neuropol;

  text-transform: uppercase;

  line-height: 1.1666em;

}

.bwteam-first .bwteam-cont .ce_qf_wrapper2 {

  grid-column: 1/span 6;

  grid-row: 10;

  padding: 151px 123px 76px;

  margin: -239px 0 0 220px;

  background-color: #65a812;

}

.bwteam-first .bwteam-cont .ce_qf_wrapper2 p{

  color: #ffffff;

  padding-top: 100px;

  padding-bottom: 70px;

}

.bwteam-first .bwteam-cont .ce_qf_wrapper2:before {

  background-color: inherit;

  content: "";

  display: block;

  height: 100%;

  left: 0;

  position: absolute;

  top: 0;

  transform: translateX(-100%);

  width: 50vw;

}

.bwteam-first .bwteam-cont>div:nth-child(12) h2{

  margin-bottom: 29px;

}

.bwteam-first .bwteam-cont>div:nth-child(12) .mian_p{

  margin-bottom: 29px;

}

.bwteam-second,.bwteam-third{

  padding-bottom: 123px;

}

.bwteam-second .inside-article .video_responsive{

  position: relative;

  height: 0;

  padding-bottom: 56.25%;

}

.video_responsive iframe{

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

.bwteam-third .inside-article .ce_text{

  max-width: 800px;

  margin: 0 auto;

}

.bwteam-third .inside-article>div:nth-child(2) {

  margin-bottom: 76px;

}

.bwteam-third .inside-article>div:nth-child(3) {

  margin-bottom: 29px;

}

.bwteam-third .inside-article>div:nth-child(3) img{

  border-radius: 50%;

  margin: 0 auto;

}

.bwteam-third .inside-article>div:nth-child(4){

  margin-bottom: 29px;

}

.bwteam-third .inside-article h3{  

  font-size: 36px; 

  margin-bottom: 0;

}

.bwteam-third .inside-article .ce_button{

  display: flex;

  justify-content: center;

  gap: 30px;

  max-width: 1000px;

  margin: 0 auto 76px;

}

.bwteam-third .inside-article .ce_button .col-md-4{

  width: 30%;

}

.bwteam-third .inside-article .ce_button a{

  background-color: var(--button-color);

  border: none;

  border: 1px solid var(--button-border-color);

  border-radius: 1.618em;

  color: var(--button-text-color)!important;

  display: block;

  outline: none;

  padding: 0.5em 1.618em;

  text-decoration: none!important;

  text-transform: uppercase;

  transition: background-color .4s;

}

.DomeniqueBurt .bwteam-first .bwteam-cont .ce_qf_wrapper1{

  background-color: #65266d;

}

.DomeniqueBurt .bwteam-first .bwteam-cont>div:nth-child(8){

  margin-top: -540px;

}

.DomeniqueBurt .bwteam-first .bwteam-cont .ce_qf_wrapper2{

  background-color: #eaab00;

}

.DomeniqueBurt .bwteam-third .inside-article .ce_button{

  display: flex;

  justify-content: center;

  max-width: 1000px;

  margin: 0 auto 76px;

}

.DomeniqueBurt .bwteam-third .inside-article .ce_button a{

  padding: 9px 20px;

}

.bwteam-third .inside-article .ce_button a.button:hover{

  background-color: #c70087;

  border-color: #c70087;

}

.DuncanShaw .bwteam-first .bwteam-cont .ce_qf_wrapper2{

  background-color: #eaab00;

}



/* Team-of-warranty */

.team{

  padding-top: 151px;

  padding-bottom: 123px;

  width: 95%;

  max-width: 1440px;

  margin: 0 auto;

}

.team p{

  margin-bottom: 29px;

}

.team ul{

  padding-left: 21.6px;

  margin-bottom: 29px;

}

.team ul li{

  list-style: disc;

}

/* service */

.service{

  padding-top: 145px;

  width: 95%;

  max-width: 1280px;

  margin: 0 auto;

}

.service-nav a{

  display: block;

  font-size: 14px;

  padding: 10px;

  color: #00a3da;

  line-height: 24px;

  border-bottom: 1px solid #f1f1f1;

}

.service-cont{

  display: flex;

}

.service-cont .service-cont-left{

  width: 20%;

  padding: 45px 20px 20px 0;

}

.service-cont .service-cont-left *{

  font-size: 16px;

  color: #a8a8a8;

  font-family: barlow-regular;

}

.service-cont .service-cont-right{

  width: 80%;

  margin-top: 35px;

  padding: 20px 30px;

}

.service-cont .service-cont-right *{

  font-size: 16px;

  color: #999999;

  font-family: barlow-regular;

}

.service-cont .service-cont-left .service-cont-list li{

  margin: 0 10px;

}

.service-cont .service-cont-left .service-cont-list li .service-cont-link{

  line-height: 32px;

}

.service-cont .service-cont-left .service-cont-list li .service-cont-link:hover{

  color: #000;

}

.service-cont .service-cont-right .form-title h1{

  font-size: 24px;

  color: #404040;

  margin-bottom: 20px;

  text-transform: none;

  font-family: barlow;

}

.service-cont .service-cont-right .form-title p{

  font-size: 16px;

  color: #999999;

  margin-bottom: 12px;

}

 .form-body .select{

  width: 290px;

  height: 60px;

  font-size: 16px;

  padding: 0 20px;

  color: #999999;

  background: url(../img/image/xia2.png) no-repeat 95% center;

  border: 2px solid #f1f1f1;

  border-radius: 0;

  padding: 0px 50px 0px 10px;

  margin-bottom: 10px;

  display: block;

  cursor: pointer;

  white-space: nowrap;

  position: relative;

}

 select {

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

}

.form-body .control input{

  display: block;

  width: 100%;

  height: 60px;

  border: 2px solid #f1f1f1;

  color: #001e28;

  padding: 10px 10px 9px;

  margin-bottom: 10px;

}

.form-body .control input::placeholder{

  color: #999999;

}

.form-body .control textarea{

  width: 100%;

  height: 120px;

  margin-bottom: 10px;

  padding: 10px 10px 9px;

  border: 2px solid #f1f1f1;

  color: #001e28;

}

.form-body .control textarea::placeholder{

  color: #999999;

}

.form-body .required{

  font-size: 12px;

  margin-bottom: 10px;

}

.form-body .information{

  font-size: 14px;

  margin-bottom: 10px;

}

.form-body .information input{

  width: 17px;

  height: 17px;

  border: 1px solid ;

  vertical-align: sub;

  margin-right: 10px;

}

.form-body .information a{

  color: #00a3da;

}

.form-body .buttons .btn{

  position: relative;

  overflow: hidden;

  cursor: pointer;

  display: block;

  font-size: 12px;

  text-transform: uppercase;

  border: 2px solid #00a3da;

  color: white;

  z-index: 1;

  padding: 15px 36px 15px 20px;

  background-color: #00a3da;

  background-image: linear-gradient(to bottom, #00a3da 0%, #00a3da 100%);

  font-weight: 700;

  margin-left: auto;

}

.form-body .buttons .btn i{

  position: absolute;

  right: 10px;

  display: block;

  top: 37%;

  color: #ffffff;

  font-size: 13px;

  font-family: 'Font Awesome 5 Free';

}

.information .myCheckbox{

  cursor: pointer;

}

.information .myCheckbox.checked{

  position: relative;

}

.information .myCheckbox.checked::after{

  content: url(../img/image/tick.png);

  position: absolute;  

  top: 50%;  

  left: 50%;  

  transform: translate(-47%, -50%);  

  color: #ffffff; 

}

.form-body .controls input{

  display: block;

  font-size: 14px;

  margin-bottom: 10px;

}

/* download center */

.download-center{

  margin-top: 45px;

}

.download-center .panel-title{

  font-size: 40px;

  padding: 20px 0;

  font-family: barlow;

  text-transform: none;

}

.download-center .panel-p{

  font-size: 16px;

  font-family: barlow-regular;

  color: #999999;

}

.download-center .panel-bt{

  font-size: 26px;

  margin: 15px 0 10px;

  font-family: barlow;

}


.download-list .download-item a img{

  margin-right: 50px !important;

}

.download-list .download-item a span{

  color: #00a3da !important;

}

.download-list .download-item a{

  background: none !important;

  font-size: 16px;

}

/* video */

.video{

  margin-bottom: 45px;

}

.video-tab{

  width: 95%;

  max-width: 1280px;

  margin: 20px auto 0;

  display: flex;

  justify-content: space-between;

}

.video-tab .video-tab-item{

  width: 32.3%;

  height: 253px;

  position: relative;

  overflow: hidden;

}

.video-tab .video-tab-item:nth-child(1){

  background-color: #a3ba3a;

}

.video-tab .video-tab-item:nth-child(2){

  background-color: #929598;

}

.video-tab .video-tab-item:nth-child(3){

  background-color: #ffc357;

}

.video-tab .video-tab-item .video-tab-item-img{

  text-align: right;

}

.video-tab .video-tab-item .video-tab-item-img img{

  height: 250px;

  transition: all 0.3s;

}

.video h1{

  font-size: 36px;

  font-family: barlow; 

  line-height: 2; 

  color: #FFFFFF; 

  text-align: center; 

  white-space: pre-wrap; 

  font-weight: bold; 

  text-shadow: 0px 0px 0px #FFFFFF;

  text-transform: unset;

}

.video-tab .video-tab-item .video-tab-item-tit{

  position: absolute;

  top: 40%;

  right: 0;

  left: 0;

  bottom: 0;

  margin: auto;

  text-align: center;

  vertical-align: middle;

}

.video-tab .video-tab-item .video-tab-item-tit img{

  width: 50px;

}

.video-tab .video-tab-item:hover .video-tab-item-img img{

  transform: scale(1.2);

}

.video-wrap{

  width: 95%;

  max-width: 1280px;

  margin: 90px auto 0;

}

.video-wrap img{

  height: 250px;

}

.video-wrap .video-wrap-content .video-wrap-content-tit{

  width: 100%;

  padding: 24px 0;

  text-align: center;

}

.video-wrap-content .video-wrap-content-box{

  display: flex;

  justify-content: space-between;

  margin-top: 20px;

  margin-bottom: 20px;

}

.video-wrap-content .video-wrap-content-box .video-wrap-content-box-l{

  width: 32.3%;

  height: 260px;

  text-align: right;

  position: relative;

  margin-right: 1%;

}

.video-wrap-content .video-wrap-content-box .video-wrap-content-box-l .video-wrap-content-box-tit{

  position: absolute;

  top: 35%;

  bottom: 0;

  left: 0;

  right: 0;

  margin: auto;

}

.video-wrap-content .video-wrap-content-box .video-wrap-content-box-r{

  width: 66%;
  display: flex;
  flex-wrap: wrap;
  gap: 17px 0;
  justify-content: space-between;

}

.video-wrap-content .video-wrap-content-box .video-wrap-content-box-r .video-wrap-content-box-r-item{

  width: 49%;
  height: 260px;
}
.video-wrap-content .video-wrap-content-box .video-wrap-content-box-r .video-wrap-content-box-r-item iframe{
  width: 100%;
}
.videobg1{

  background-color: #a3ba3a;

}

.videobg2{

  background-color: #929598;

}

.videobg3{

  background-color: #ffc357;

}

/* xssxinzeng  */
#heroSlider {
  max-height: 700px;
  position: relative;
  padding-top:151px;
 
}

#heroSlider.noTopDistance {
  top: unset
}

@media (max-width:1480px) {
  #heroSlider {
      
  }
}

#heroSlider .inside-article {
  min-width: 100%
}

#heroSlider .inside-article .hero-swiper {
  max-height: 700px;
  position: relative
}

@media (max-width:1040px) {
  #heroSlider .inside-article .hero-swiper {
      min-height: 550px
  }
}

#heroSlider .inside-article .hero-swiper .swiper-pagination {
  align-items: center;
  border-radius: 25px;
  display: flex;
  justify-content: center;
  max-height: 50px;
  padding-left: 1.7rem;
  position: absolute;
  top: 30px;
  width: auto
}

#heroSlider .inside-article .hero-swiper .swiper-pagination .swiper-pagination-bullet {
  background: #fff;
  box-shadow: 0 8px 20px #000;
  height: 14px;
  margin-right: 26px;
  opacity: 1;
  width: 14px
}

#heroSlider .inside-article .hero-swiper .swiper-pagination .swiper-pagination-bullet-active {
  height: 20px;
  width: 20px
}

#heroSlider .inside-article .hero-swiper .swiper-pagination .swiper-pagination-bullet-active:after {
  animation: pulsate 2.75s ease-in-out infinite;
  background: transparent;
  border: 2px solid #009fdf;
  border-radius: 50%;
  content: "";
  display: block;
  height: 26px;
  left: -5px;
  position: relative;
  top: -5.5px;
  width: 26px
}

#heroSlider .inside-article .hero-swiper .heroSlider--image img {
  max-height: 700px;
  object-fit: cover;
  position: relative;
  width: 100%
}

@media (max-width:1040px) {
  #heroSlider .inside-article .hero-swiper .heroSlider--image img {
      min-height: 550px
  }
}

#heroSlider .inside-article .hero-swiper .heroSlider--text {
  bottom: 120px;
  color: #fff;
  margin: 0 auto;
  position: absolute;
  width: 100vw
}

@media (max-width:1270px) {
  #heroSlider .inside-article .hero-swiper .heroSlider--text {
      bottom: 45px
  }
}

#heroSlider .inside-article .hero-swiper .heroSlider--text .ce_qf_ce_contact .contact-position,
#heroSlider .inside-article .hero-swiper .heroSlider--text h1,
#heroSlider .inside-article .hero-swiper .heroSlider--text h2,
#heroSlider .inside-article .hero-swiper .heroSlider--text h3,
#heroSlider .inside-article .hero-swiper .heroSlider--text h4,
#heroSlider .inside-article .hero-swiper .heroSlider--text h5,
#heroSlider .inside-article .hero-swiper .heroSlider--text h6,
.ce_qf_ce_contact #heroSlider .inside-article .hero-swiper .heroSlider--text .contact-position {
  margin-bottom: 8px !important
}

#heroSlider .inside-article .hero-swiper .heroSlider--text .ce_qf_ce_contact .contact-position,
#heroSlider .inside-article .hero-swiper .heroSlider--text h1,
#heroSlider .inside-article .hero-swiper .heroSlider--text h2,
#heroSlider .inside-article .hero-swiper .heroSlider--text h3,
#heroSlider .inside-article .hero-swiper .heroSlider--text h4,
#heroSlider .inside-article .hero-swiper .heroSlider--text h5,
#heroSlider .inside-article .hero-swiper .heroSlider--text h6,
#heroSlider .inside-article .hero-swiper .heroSlider--text p,
.ce_qf_ce_contact #heroSlider .inside-article .hero-swiper .heroSlider--text .contact-position {
  margin: 0 auto;
  max-width: 1030px;
  text-align: center;
  width: 100vw
}

@media (max-width:1040px) {

  #heroSlider .inside-article .hero-swiper .heroSlider--text .ce_qf_ce_contact .contact-position,
  #heroSlider .inside-article .hero-swiper .heroSlider--text h1,
  #heroSlider .inside-article .hero-swiper .heroSlider--text h2,
  #heroSlider .inside-article .hero-swiper .heroSlider--text h3,
  #heroSlider .inside-article .hero-swiper .heroSlider--text h4,
  #heroSlider .inside-article .hero-swiper .heroSlider--text h5,
  #heroSlider .inside-article .hero-swiper .heroSlider--text h6,
  #heroSlider .inside-article .hero-swiper .heroSlider--text p,
  .ce_qf_ce_contact #heroSlider .inside-article .hero-swiper .heroSlider--text .contact-position {
      max-width: 90%
  }
}

#heroSlider .inside-article .hero-swiper .heroBanner--link {
  bottom: -35px;
  margin: 0 auto;
  position: absolute;
  text-align: center;
  width: 100%
}

@media (max-width:1024px) {
  #heroSlider .inside-article .hero-swiper .heroBanner--link {
      bottom: -22px
  }
}

#heroSlider .inside-article .hero-swiper .heroBanner--link a {
  align-items: center;
  background: #009fdf;
  border: 2px solid #009fdf;
  border-radius: 49px;
  box-sizing: border-box;
  color: #fff;
  display: flex;
  font-size: 23px;
  justify-content: center;
  margin: 0 auto;
  max-width: 442px;
  min-height: 70px;
  min-width: 347px;
  outline: none;
  padding: .5em 1.618em;
  text-align: center;
  text-decoration: none !important;
  text-transform: uppercase;
  transition: all .4s ease-in-out
}

@media (max-width:1024px) {
  #heroSlider .inside-article .hero-swiper .heroBanner--link a {
      font-size: 16px;
      max-width: 314px !important;
      min-height: 40px;
      min-width: 170px;
      padding: .5em 1.118em
  }
}

#heroSlider .inside-article .hero-swiper .heroBanner--link a:hover {
  background: #fff;
  color: #009fdf
}
.product-benefits .product-benefits--swiper {
  overflow: visible !important
}

.product-benefits .product-benefits-wrapper {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 1325px
}

@media (max-width:1025px) {
  .product-benefits .product-benefits-wrapper {
      flex-flow: column
  }
}

.product-benefits .product-benefits-wrapper .product-benefits--right-column {
  position: relative;
  width: 47.5%
}

@media (max-width:1025px) {
  .product-benefits .product-benefits-wrapper .product-benefits--right-column {
      margin: 0 auto;
      width: 61.5%
  }
}

@media (max-width:715px) {
  .product-benefits .product-benefits-wrapper .product-benefits--right-column {
      width: 100%
  }
}

.product-benefits .product-benefits-wrapper .product-benefits--right-column .product-benefits--swiper {
  border-radius: 20px;
  overflow: hidden;
  position: relative
}

.product-benefits .product-benefits-wrapper .product-benefits--right-column .product-benefits--swiper .swiper-wrapper,
.product-benefits .product-benefits-wrapper .product-benefits--right-column .product-benefits--swiper .swiper-wrapper .swiper-slide {
  max-height: 400px
}

.product-benefits .product-benefits-wrapper .product-benefits--right-column .product-benefits--swiper .swiper-wrapper .swiper-slide p {
  color: #fff;
  max-width: 700px;
  width: 100%;
  z-index: 9999
}

.product-benefits .product-benefits-wrapper .product-benefits--right-column .product-benefits--swiper .swiper-wrapper .swiper-slide img {
  border-radius: 20px;
  height: 100%;
  max-height: 400px;
  object-fit: cover;
  width: 100%
}

@media (max-width:1140px) {
  .product-benefits .product-benefits-wrapper .product-benefits--right-column .product-benefits--swiper .swiper-wrapper .swiper-slide img {
      min-height: 400px
  }
}

.product-benefits .product-benefits-wrapper .product-benefits--left-column {
  position: relative;
  width: 42.5%
}

@media (max-width:1025px) {
  .product-benefits .product-benefits-wrapper .product-benefits--left-column {
      margin: 0 auto 80px
  }
}

@media (max-width:715px) {
  .product-benefits .product-benefits-wrapper .product-benefits--left-column {
      width: unset
  }
}

.product-benefits .product-benefits-wrapper .product-benefits--left-column ul li {
  margin-bottom: 10px;
  padding-left: 32px;
  position: relative
}

.product-benefits .product-benefits-wrapper .product-benefits--left-column ul li:before {
  content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.162' height='16.96'%3E%3Cpath data-name='Pfad 411' d='m2.119 9.395 5.547 6.064 8.427-13.392' fill='none' stroke='%23009fdf' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3C/svg%3E");
  height: 16.96px;
  left: 0;
  position: absolute;
  top: 26%;
  transform: translateY(-50%);
  width: 18.162px
}

@media (max-width:1024px) {
  .product-benefits .product-benefits-wrapper .product-benefits--left-column ul li {
      font-size: 14px;
      line-height: 29px
  }

  .product-benefits .product-benefits-wrapper .product-benefits--left-column ul li:before {
      left: 6px;
      top: 35%;
      transform: translateY(-42%)
  }
}

.product-benefits .product-benefits-wrapper .product-benefits--left-column .flex-buttons {
  align-items: center;
  display: flex;
  flex-wrap: wrap
}

.product-benefits .product-benefits-wrapper .product-benefits--left-column .flex-buttons .left-column--button-container:first-child {
  margin-right: 30px
}

.product-benefits .product-benefits-wrapper .product-benefits--left-column .left-column--button-container {
  margin-top: 60px
}

@media (max-width:1025px) {
  .product-benefits .product-benefits-wrapper .product-benefits--left-column .left-column--button-container {
      margin-top: 30px
  }
}

.product-benefits .product-benefits-wrapper .product-benefits--left-column .left-column--button-container a {
  background-color: var(--button-color);
  border: 1px solid var(--button-border-color);
  border-radius: 1.618em;
  color: var(--button-text-color) !important;
  display: inline-block;
  outline: none;
  padding: .5em 1.618em;
  text-decoration: none !important;
  text-transform: uppercase;
  transition: background-color .4s
}

.product-benefits .product-benefits-wrapper .product-benefits--left-column .left-column--button-container a:active,
.product-benefits .product-benefits-wrapper .product-benefits--left-column .left-column--button-container a:focus,
.product-benefits .product-benefits-wrapper .product-benefits--left-column .left-column--button-container a:hover {
  background-color: var(--button-secondary-color);
  background-image: none;
  background-position: 0;
  border-color: var(--button-border-secondary-color);
  color: var(--button-text-secondary-color) !important;
  text-decoration: none !important;
  transition: background-color .15s
}

.product-benefits .product-benefits-wrapper .product-benefits--tile {
  align-items: end;
  box-sizing: border-box;
  color: #fff;
  display: flex;
  height: 481px;
  left: 70px;
  min-width: 100% !important;
  padding: 40px;
  position: absolute;
  right: 0;
  top: 60px;
  width: 100vw;
  z-index: -1
}

@media (max-width:1480px) {
  .product-benefits .product-benefits-wrapper .product-benefits--tile {
      bottom: -40px;
      right: -40px;
      top: 70px
  }
}

@media (max-width:1025px) {
  .product-benefits .product-benefits-wrapper .product-benefits--tile {
      bottom: -127px;
      max-width: unset
  }
}

@media (max-width:715px) {
  .product-benefits .product-benefits-wrapper .product-benefits--tile {
      bottom: unset;
      height: unset;
      left: 30px;
      margin-left: auto;
      padding-top: 55px;
      position: relative;
      top: -25px;
      width: unset !important
  }
}

@media (max-width:385px) {
  .product-benefits .product-benefits-wrapper .product-benefits--tile {
      height: 400px
  }
}

@media (max-width:375px) {
  .product-benefits .product-benefits-wrapper .product-benefits--tile {
      right: unset;
      width: 100%
  }
}

.product-benefits .product-benefits-wrapper .product-benefits--tile p {
  max-width: 65%
}

@media (max-width:1244px) {
  .product-benefits .product-benefits-wrapper .product-benefits--tile p {
      max-width: 40% !important
  }
}

@media (max-width:1024px) {
  .product-benefits .product-benefits-wrapper .product-benefits--tile p {
      max-width: 50% !important
  }
}

@media (max-width:715px) {
  .product-benefits .product-benefits-wrapper .product-benefits--tile p {
      max-width: unset !important
  }
}

@media (max-width:385px) {
  .product-benefits .product-benefits-wrapper .product-benefits--tile p {
      max-width: 80% !important;
      position: absolute;
      top: 40px;
      word-break: break-word
  }
}

.product-benefits .swiper-button-next {
  height: 91px;
  right: -45.5px;
  width: 91px
}

@media (max-width:1431px) {
  .product-benefits .swiper-button-next {
      right: 7px
  }
}

@media (max-width:1025px) {
  .product-benefits .swiper-button-next {
      right: -45.5px
  }
}

@media (max-width:715px) {
  .product-benefits .swiper-button-next {
      display: none
  }
}

.product-benefits .swiper-button-next:after {
  content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='91' height='91'%3E%3Cg data-name='Gruppe 772'%3E%3Cg data-name='Gruppe 274' transform='translate(-1069 -389)'%3E%3Ccircle data-name='Ellipse 43' cx='45.5' cy='45.5' r='45.5' transform='translate(1069 389)' fill='%23504c4a' opacity='.747'/%3E%3Cpath data-name='Pfad 274' d='M1119.189 420.845a1.672 1.672 0 0 0 0 2.324l9.674 9.691h-32.715a1.65 1.65 0 0 0 0 3.3h32.715l-9.674 9.674a1.672 1.672 0 0 0 0 2.324 1.671 1.671 0 0 0 2.34 0l12.493-12.496a1.631 1.631 0 0 0 .478-1.171 1.683 1.683 0 0 0-.115-.626 1.129 1.129 0 0 0-.264-.379l-12.592-12.641a1.671 1.671 0 0 0-2.34 0' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.product-benefits .swiper-button-prev {
  height: 91px;
  left: -45.5px;
  width: 91px
}

@media (max-width:1431px) {
  .product-benefits .swiper-button-prev {
      left: 7px
  }
}

@media (max-width:1025px) {
  .product-benefits .swiper-button-prev {
      left: -45.5px
  }
}

@media (max-width:715px) {
  .product-benefits .swiper-button-prev {
      display: none
  }
}

.product-benefits .swiper-button-prev:after {
  content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='91' height='91'%3E%3Cg data-name='Gruppe 772'%3E%3Cg data-name='Gruppe 274' transform='translate(-1069 -389)'%3E%3Ccircle data-name='Ellipse 43' cx='45.5' cy='45.5' r='45.5' transform='translate(1069 389)' fill='%23504c4a' opacity='.747'/%3E%3Cpath data-name='Pfad 274' d='M1119.189 420.845a1.672 1.672 0 0 0 0 2.324l9.674 9.691h-32.715a1.65 1.65 0 0 0 0 3.3h32.715l-9.674 9.674a1.672 1.672 0 0 0 0 2.324 1.671 1.671 0 0 0 2.34 0l12.493-12.496a1.631 1.631 0 0 0 .478-1.171 1.683 1.683 0 0 0-.115-.626 1.129 1.129 0 0 0-.264-.379l-12.592-12.641a1.671 1.671 0 0 0-2.34 0' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  transform: rotate(180deg)
}

.product-benefits .swiper-button-next,
.product-benefits .swiper-button-prev {
  top: 170.5px;
  transition: .2s
}

.product-benefits .swiper-button-next:hover,
.product-benefits .swiper-button-prev:hover {
  opacity: .5
}

.product-benefits .swiper-button-next,
.product-benefits .swiper-button-prev {
  position: absolute;
  z-index: 9999
}

.product-benefits .swiper-pagination {
  align-items: center;
  border-radius: 25px;
  bottom: 30px !important;
  display: flex;
  display: block !important;
  justify-content: center;
  max-height: 50px;
  position: absolute;
  top: 30px;
  width: auto
}

.product-benefits .swiper-pagination .swiper-pagination-bullet {
  background: #009fdf;
  box-shadow: 0 8px 20px #000;
  height: 14px;
  margin-right: 19px !important;
  opacity: 1;
  width: 14px
}

.product-benefits .swiper-pagination .swiper-pagination-bullet-active {
  background: #fff;
  height: 20px;
  width: 20px
}

.product-benefits .swiper-pagination .swiper-pagination-bullet-active:after {
  animation: pulsate 2.75s ease-in-out infinite;
  background: transparent;
  border: 2px solid #009fdf;
  border-radius: 50%;
  content: "";
  display: block;
  height: 26px;
  left: -5px;
  position: relative;
  top: -5.5px;
  width: 26px
}
.product-diversity:before {
  background: var(--tile-background-color);
  content: "";
  display: block;
  height: 352px;
  position: absolute;
  top: 120px;
  width: 806px;
  z-index: -1
}

@media (max-width:1480px) {
  .product-diversity:before {
      left: -40px
  }
}

@media (max-width:1315px) {
  .product-diversity:before {
      bottom: 25px;
      height: 310px;
      top: unset
  }
}

@media (max-width:535px) {
  .product-diversity:before {
      bottom: 18px;
      height: 238px
  }
}

@media (max-width:490px) {
  .product-diversity:before {
      display: none
  }
}

.product-diversity .product-diversity--wrapper {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 1420px !important
}

@media (max-width:1315px) {
  .product-diversity .product-diversity--wrapper {
      flex-flow: column-reverse
  }

  .product-diversity .product-diversity--wrapper .product-diversity--left-column,
  .product-diversity .product-diversity--wrapper .product-diversity--right-column {
      max-width: 606px !important
  }
}

.product-diversity .product-diversity--wrapper .product-diversity--left-column .image-container,
.product-diversity .product-diversity--wrapper .product-diversity--right-column .image-container {
  position: relative
}

@media (max-width:490px) {

  .product-diversity .product-diversity--wrapper .product-diversity--left-column .image-container img,
  .product-diversity .product-diversity--wrapper .product-diversity--right-column .image-container img {
      width: 100%
  }
}

.product-diversity .product-diversity--wrapper .product-diversity--left-column .image-container .overlay,
.product-diversity .product-diversity--wrapper .product-diversity--right-column .image-container .overlay {
  background: linear-gradient(0deg, #000, transparent);
  border-radius: 20px;
  bottom: 0;
  height: 44%;
  left: 0;
  position: absolute;
  width: 100%
}

.product-diversity .product-diversity--wrapper .product-diversity--left-column .image-container p,
.product-diversity .product-diversity--wrapper .product-diversity--right-column .image-container p {
  bottom: 20px;
  color: #fff;
  font-weight: 700;
  left: 20px;
  position: absolute
}

.product-diversity .product-diversity--wrapper .product-diversity--left-column {
  display: flex;
  justify-content: space-between;
  max-width: 780px
}

@media (max-width:490px) {
  .product-diversity .product-diversity--wrapper .product-diversity--left-column {
      flex-flow: column;
      width: 100%
  }
}

.product-diversity .product-diversity--wrapper .product-diversity--left-column .product-diversity--left-column--left-images {
  margin-right: 36px;
  position: relative;
  top: 60px
}

@media (max-width:490px) {
  .product-diversity .product-diversity--wrapper .product-diversity--left-column .product-diversity--left-column--left-images {
      margin-right: unset;
      top: unset
  }
}

.product-diversity .product-diversity--wrapper .product-diversity--left-column .product-diversity--left-column--left-images .product-diversity--left-column--left-images--top {
  margin-bottom: 36px
}

.product-diversity .product-diversity--wrapper .product-diversity--left-column .product-diversity--left-column--left-images img {
  border-radius: 20px
}

@media (max-width:490px) {
  .product-diversity .product-diversity--wrapper .product-diversity--left-column .product-diversity--left-column--right-images {
      margin-top: 36px
  }
}

.product-diversity .product-diversity--wrapper .product-diversity--left-column .product-diversity--left-column--right-images .product-diversity--left-column--right-images--top {
  margin-bottom: 36px
}

.product-diversity .product-diversity--wrapper .product-diversity--left-column .product-diversity--left-column--right-images img {
  border-radius: 20px
}

.product-diversity .product-diversity--wrapper .product-diversity--right-column {
  max-width: 468px
}

@media (max-width:1315px) {
  .product-diversity .product-diversity--wrapper .product-diversity--right-column {
      margin-bottom: 45px
  }

  .product-diversity .product-diversity--wrapper .product-diversity--right-column .product-diversity--right-column--button-container {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      max-width: 575px
  }
}

@media (max-width:490px) {
  .product-diversity .product-diversity--wrapper .product-diversity--right-column {
      margin-bottom: 50px
  }
}

.product-diversity .product-diversity--wrapper .product-diversity--right-column .product-diversity--right-column--button-container--button {
  margin-top: 30px
}

.product-diversity .product-diversity--wrapper .product-diversity--right-column .product-diversity--right-column--button-container--button a {
  background-color: var(--button-color);
  border: 1px solid var(--button-border-color);
  border-radius: 1.618em;
  color: var(--button-text-color) !important;
  display: inline-block;
  outline: none;
  padding: .5em 1.618em;
  text-decoration: none !important;
  text-transform: uppercase;
  transition: background-color .4s
}

.product-diversity .product-diversity--wrapper .product-diversity--right-column .product-diversity--right-column--button-container--button a:active,
.product-diversity .product-diversity--wrapper .product-diversity--right-column .product-diversity--right-column--button-container--button a:focus,
.product-diversity .product-diversity--wrapper .product-diversity--right-column .product-diversity--right-column--button-container--button a:hover {
  background-color: var(--button-secondary-color);
  background-image: none;
  background-position: 0;
  border-color: var(--button-border-secondary-color);
  color: var(--button-text-secondary-color) !important;
  text-decoration: none !important;
  transition: background-color .15s
}
individual__slider .individual__slider-wrapper {
  margin: 0 auto;
  max-width: 1325px;
  position: relative
}

@media (max-width:1025px) {
  .individual__slider .individual__slider-wrapper {
      flex-flow: column
  }
}

.individual__slider .individual__slider-wrapper .individual__slider--right-column {
  position: relative;
  width: 47.5%
}

@media (max-width:1025px) {
  .individual__slider .individual__slider-wrapper .individual__slider--right-column {
      margin: 0 auto;
      width: 61.5%
  }
}

@media (max-width:715px) {
  .individual__slider .individual__slider-wrapper .individual__slider--right-column {
      width: 100%
  }
}

.individual__slider .individual__slider-wrapper .slider__inner--container {
  position: relative
}

.individual__slider .individual__slider-wrapper .individual__slider--swiper {
  display: none;
  overflow: hidden;
  position: relative
}

.individual__slider .individual__slider-wrapper .individual__slider--swiper .swiper-slide {
  opacity: 0 !important
}

.individual__slider .individual__slider-wrapper .individual__slider--swiper .swiper-slide.swiper-slide-visible {
  opacity: 1 !important
}

.individual__slider .individual__slider-wrapper .individual__slider--swiper:nth-child(2) {
  display: block
}

.individual__slider .individual__slider-wrapper .individual__slider--swiper .swiper-slide__inner-wrapper {
  display: flex;
  justify-content: space-between
}

@media (max-width:1133px) {
  .individual__slider .individual__slider-wrapper .individual__slider--swiper .swiper-slide__inner-wrapper {
      flex-flow: column;
      margin: 0 auto;
      width: 100%
  }

  .individual__slider .individual__slider-wrapper .individual__slider--swiper .swiper-slide__inner-wrapper .swiper-slide__inner-wrapper__left,
  .individual__slider .individual__slider-wrapper .individual__slider--swiper .swiper-slide__inner-wrapper .swiper-slide__inner-wrapper__right {
      width: 100% !important
  }

  .individual__slider .individual__slider-wrapper .individual__slider--swiper .swiper-slide__inner-wrapper .swiper-slide__inner-wrapper__right {
      height: 410px
  }

  .individual__slider .individual__slider-wrapper .individual__slider--swiper .swiper-slide__inner-wrapper .swiper-slide__inner-wrapper__right img {
      aspect-ratio: 16/9 !important;
      max-height: 100%
  }
}

.individual__slider .individual__slider-wrapper .individual__slider--swiper .swiper-slide__inner-wrapper .swiper-slide__inner-wrapper__right {
  width: 50%
}

.individual__slider .individual__slider-wrapper .individual__slider--swiper .swiper-slide__inner-wrapper .swiper-slide__inner-wrapper__right img {
  aspect-ratio: 1/1;
  height: 100%;
  object-fit: cover;
  width: 100%
}

.individual__slider .individual__slider-wrapper .individual__slider--swiper .swiper-slide__inner-wrapper .swiper-slide__inner-wrapper__left {
  background: #fff;
  box-sizing: border-box;
  padding: 70px;
  width: 50%
}

@media (max-width:1133px) {
  .individual__slider .individual__slider-wrapper .individual__slider--swiper .swiper-slide__inner-wrapper .swiper-slide__inner-wrapper__left {
      min-height: 410px
  }
}

@media (max-width:593px) {
  .individual__slider .individual__slider-wrapper .individual__slider--swiper .swiper-slide__inner-wrapper .swiper-slide__inner-wrapper__left {
      min-height: 378px;
      padding: 75px 35px 35px
  }
}

@media (max-width:450px) {
  .individual__slider .individual__slider-wrapper .individual__slider--swiper .swiper-slide__inner-wrapper .swiper-slide__inner-wrapper__left {
      min-height: 437px
  }
}

@media (max-width:394px) {
  .individual__slider .individual__slider-wrapper .individual__slider--swiper .swiper-slide__inner-wrapper .swiper-slide__inner-wrapper__left {
      min-height: 468px;
      padding: 75px 30px 30px
  }
}

.individual__slider .individual__slider-wrapper .individual__slider--swiper .swiper-slide__inner-wrapper .swiper-slide__inner-wrapper__left .swiper-slide__headline * {
  color: #009fdf;
  font-family: Neuropol X, Arial;
  font-weight: 400 !important;
  margin-bottom: 30px;
  text-transform: uppercase
}

.individual__slider .individual__slider-wrapper .individual__slider--swiper .swiper-slide__inner-wrapper .swiper-slide__inner-wrapper__left .swiper-slide__text {
  color: #404040
}

.individual__slider .individual__slider-wrapper .individual__slider--left-column {
  position: relative;
  width: 42.5%
}

@media (max-width:1025px) {
  .individual__slider .individual__slider-wrapper .individual__slider--left-column {
      margin: 0 auto 80px
  }
}

@media (max-width:715px) {
  .individual__slider .individual__slider-wrapper .individual__slider--left-column {
      width: unset
  }
}

.individual__slider .individual__slider-wrapper .individual__slider--left-column ul li {
  margin-bottom: 10px;
  padding-left: 32px;
  position: relative
}

.individual__slider .individual__slider-wrapper .individual__slider--left-column ul li:before {
  content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.162' height='16.96'%3E%3Cpath data-name='Pfad 411' d='m2.119 9.395 5.547 6.064 8.427-13.392' fill='none' stroke='%23009fdf' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3C/svg%3E");
  height: 16.96px;
  left: 0;
  position: absolute;
  top: 26%;
  transform: translateY(-50%);
  width: 18.162px
}

@media (max-width:1024px) {
  .individual__slider .individual__slider-wrapper .individual__slider--left-column ul li {
      font-size: 14px;
      line-height: 29px
  }

  .individual__slider .individual__slider-wrapper .individual__slider--left-column ul li:before {
      left: 6px;
      top: 35%;
      transform: translateY(-42%)
  }
}

.individual__slider .individual__slider-wrapper .individual__slider--left-column .left-column--button-container {
  margin-top: 60px
}

@media (max-width:1025px) {
  .individual__slider .individual__slider-wrapper .individual__slider--left-column .left-column--button-container {
      margin-top: 30px
  }
}

.individual__slider .individual__slider-wrapper .individual__slider--left-column .left-column--button-container a {
  background-color: var(--button-color);
  border: 1px solid var(--button-border-color);
  border-radius: 1.618em;
  color: var(--button-text-color) !important;
  display: inline-block;
  outline: none;
  padding: .5em 1.618em;
  text-decoration: none !important;
  text-transform: uppercase;
  transition: background-color .4s
}

.individual__slider .individual__slider-wrapper .individual__slider--left-column .left-column--button-container a:active,
.individual__slider .individual__slider-wrapper .individual__slider--left-column .left-column--button-container a:focus,
.individual__slider .individual__slider-wrapper .individual__slider--left-column .left-column--button-container a:hover {
  background-color: var(--button-secondary-color);
  background-image: none;
  background-position: 0;
  border-color: var(--button-border-secondary-color);
  color: var(--button-text-secondary-color) !important;
  text-decoration: none !important;
  transition: background-color .15s
}

.individual__slider .individual__slider-wrapper .individual__slider--tile {
  align-items: end;
  bottom: 0;
  box-sizing: border-box;
  color: #fff;
  display: flex;
  height: 481px;
  padding: 40px;
  position: absolute;
  right: 0;
  width: 806px;
  z-index: -1
}

@media (max-width:1760px) {
  .individual__slider .individual__slider-wrapper .individual__slider--tile {
      max-width: 40%;
      width: unset
  }

  .individual__slider .individual__slider-wrapper .individual__slider--tile p {
      max-width: unset !important
  }
}

@media (max-width:1480px) {
  .individual__slider .individual__slider-wrapper .individual__slider--tile {
      bottom: -40px;
      right: -40px
  }
}

@media (max-width:1025px) {
  .individual__slider .individual__slider-wrapper .individual__slider--tile {
      bottom: -127px;
      max-width: unset;
      width: 70%
  }
}

@media (max-width:715px) {
  .individual__slider .individual__slider-wrapper .individual__slider--tile {
      bottom: unset;
      height: unset;
      margin-left: auto;
      padding-top: 55px;
      position: relative;
      top: -25px;
      width: 90%
  }
}

@media (max-width:375px) {
  .individual__slider .individual__slider-wrapper .individual__slider--tile {
      right: unset;
      width: 100%
  }
}

.individual__slider .individual__slider-wrapper .individual__slider--tile p {
  max-width: 65%
}

.individual__slider .individual__swiper-button-next {
  height: 91px;
  right: -45.5px;
  width: 91px
}

@media (max-width:1431px) {
  .individual__slider .individual__swiper-button-next {
      right: -29px
  }
}

@media (max-width:1389px) {
  .individual__slider .individual__swiper-button-next {
      display: none
  }
}

.individual__slider .individual__swiper-button-next:after {
  content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='91' height='91'%3E%3Cg data-name='Gruppe 772'%3E%3Cg data-name='Gruppe 274' transform='translate(-1069 -389)'%3E%3Ccircle data-name='Ellipse 43' cx='45.5' cy='45.5' r='45.5' transform='translate(1069 389)' fill='%23504c4a' opacity='.747'/%3E%3Cpath data-name='Pfad 274' d='M1119.189 420.845a1.672 1.672 0 0 0 0 2.324l9.674 9.691h-32.715a1.65 1.65 0 0 0 0 3.3h32.715l-9.674 9.674a1.672 1.672 0 0 0 0 2.324 1.671 1.671 0 0 0 2.34 0l12.493-12.496a1.631 1.631 0 0 0 .478-1.171 1.683 1.683 0 0 0-.115-.626 1.129 1.129 0 0 0-.264-.379l-12.592-12.641a1.671 1.671 0 0 0-2.34 0' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.individual__slider .individual__swiper-button-prev {
  height: 91px;
  left: -45.5px;
  transform: rotate(180deg);
  width: 91px
}

@media (max-width:1431px) {
  .individual__slider .individual__swiper-button-prev {
      left: -29px
  }
}

@media (max-width:1389px) {
  .individual__slider .individual__swiper-button-prev {
      display: none
  }
}

.individual__slider .individual__swiper-button-prev:after {
  content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='91' height='91'%3E%3Cg data-name='Gruppe 772'%3E%3Cg data-name='Gruppe 274' transform='translate(-1069 -389)'%3E%3Ccircle data-name='Ellipse 43' cx='45.5' cy='45.5' r='45.5' transform='translate(1069 389)' fill='%23504c4a' opacity='.747'/%3E%3Cpath data-name='Pfad 274' d='M1119.189 420.845a1.672 1.672 0 0 0 0 2.324l9.674 9.691h-32.715a1.65 1.65 0 0 0 0 3.3h32.715l-9.674 9.674a1.672 1.672 0 0 0 0 2.324 1.671 1.671 0 0 0 2.34 0l12.493-12.496a1.631 1.631 0 0 0 .478-1.171 1.683 1.683 0 0 0-.115-.626 1.129 1.129 0 0 0-.264-.379l-12.592-12.641a1.671 1.671 0 0 0-2.34 0' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.individual__slider .individual__swiper-button-next,
.individual__slider .individual__swiper-button-prev {
  bottom: calc(50% - 45.5px);
  transition: .2s
}

.individual__slider .individual__swiper-button-next:hover,
.individual__slider .individual__swiper-button-prev:hover {
  opacity: .5
}

.individual__slider .individual__swiper-button-next,
.individual__slider .individual__swiper-button-prev {
  position: absolute;
  z-index: 9999
}

.individual__slider .individual__swiper-button-next:hover:not(.individual__slider .individual__swiper-button-next.swiper-button-disabled, .individual__slider .individual__swiper-button-prev.swiper-button-disabled),
.individual__slider .individual__swiper-button-prev:hover:not(.individual__slider .individual__swiper-button-next.swiper-button-disabled, .individual__slider .individual__swiper-button-prev.swiper-button-disabled) {
  cursor: pointer
}

.individual__slider .swiper-button-disabled {
  opacity: .35
}

.individual__slider .individual__swiper-pagination {
  align-items: center;
  border-radius: 25px;
  bottom: 70px !important;
  display: flex;
  justify-content: center;
  left: 70px !important;
  max-height: 50px;
  position: absolute;
  width: unset !important;
  z-index: 99999
}

@media (max-width:593px) {
  .individual__slider .individual__swiper-pagination {
      left: 35px !important;
      top: 15px !important
  }
}

@media (max-width:394px) {
  .individual__slider .individual__swiper-pagination {
      left: 30px !important
  }
}

.individual__slider .individual__swiper-pagination .swiper-pagination-bullet {
  background: #009fdf;
  height: 14px;
  margin-right: 19px !important;
  opacity: 1;
  width: 14px
}

.individual__slider .individual__swiper-pagination .swiper-pagination-bullet-active {
  height: 20px;
  width: 20px
}

.individual__slider .individual__swiper-pagination .swiper-pagination-bullet-active:after {
  animation: pulsate 2.75s ease-in-out infinite;
  background: transparent;
  border: 2px solid #009fdf;
  border-radius: 50%;
  content: "";
  display: block;
  height: 26px;
  left: -5px;
  position: relative;
  top: -5.5px;
  width: 26px
}

.individual__slider .individual__slider--categories {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 60px;
  width: 100%
}

@media (max-width:1435px) {
  .individual__slider .individual__slider--categories {
      flex-wrap: wrap
  }
}

@media (max-width:575px) {
  .individual__slider .individual__slider--categories {
      margin-bottom: 40px
  }
}

.individual__slider .individual__slider--categories .individual__slider__categories--item {
  background: #fff;
  border-radius: 10px;
  margin: 0 5px;
  padding: 7px 25px;
  transition: .2s ease-in-out
}

@media (max-width:1435px) {
  .individual__slider .individual__slider--categories .individual__slider__categories--item {
      margin-bottom: 10px
  }
}

@media (max-width:575px) {
  .individual__slider .individual__slider--categories .individual__slider__categories--item {
      width: 100%
  }
}

.individual__slider .individual__slider--categories .individual__slider__categories--item:hover {
  background: #009fdf;
  cursor: pointer
}

.individual__slider .individual__slider--categories .individual__slider__categories--item:hover p {
  color: #fff
}

.individual__slider .individual__slider--categories .individual__slider__categories--item p {
  color: #504c4a;
  font-size: 18px;
  text-transform: uppercase
}

.individual__slider .individual__slider--categories .individual__slider__categories--item.active {
  background: #009fdf
}

.individual__slider .individual__slider--categories .individual__slider__categories--item.active p {
  color: #fff
}
.bg-grey {
  background: #f2f2f2;
  padding: 123px 0
}
.mw-1052 .ce_player video {
  width: 100%
}

.mw-1052 .inside-article {
  max-width: 1052px !important
}

.mw-1052.ce_text,
.mw-1052.headline-container {
  margin: 0 auto;
  max-width: 1052px !important
}

.mw-1052.ce_text h2,
.mw-1052.ce_text h3,
.mw-1052.headline-container h2,
.mw-1052.headline-container h3 {
  color: #404040 !important
}

.mw-1052.special-distance p:nth-child(3) {
  margin-bottom: 0 !important
}

.mw-1052.special-distance h3 {
  margin-top: 0 !important
}
.mod_article .inside-article>div {
  margin-bottom: 29px
}

/* xssxinzeng  */
/* product */

.product-video{

  width: 100%;

  height: auto;

}

.product-video video{

  width: 100%;

  object-fit: cover;

}

.product-body{

  padding-top: 20px;
  padding-bottom: 20px;

  max-width: 1180px;

  width: 95%;

  margin: 0 auto;

}

.product-list{

  display: flex;
  flex-wrap: wrap;

}

.product-list .product-list-item{

  width: 25%;

  height: 415px;

  margin-bottom: 10px;

  padding: 1% 0 0 1%;

}

.product-list .product-list-item .product-list-item-box{

  height: 100%;

  padding: 15px;

  border-bottom: 10px solid transparent;

}

.product-list .product-list-item .product-list-item-box .product-list-item-link{

  display: block;

  padding: 35px 39px;

}

.product-list .product-list-item .product-list-item-box:hover{

  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1);

  border-bottom: 10px solid #00a3da;

}

.product-list .product-list-item .product-info-tit{

  width: 100%;

}

.product-list .product-list-item .product-info-tit a{

  display: block;

  width: 100%;

  font-size: 20px;

  font-family: barlow;

  color: #404040;

  height: 72px;

  line-height: normal;

}
.product-list .product-list-item .product-info-tit .product-variants{
  font-size: 10px;
  color: #999999;
  margin: 5px 0 15px;
  text-transform: uppercase;
}

.product-detail-body{

  max-width: 1280px;

  width: 95%;

  margin: 20px auto 45px;

  padding: 120px 0 0;

}

.product-detail-body .product-detail-title{

  margin: 90px 0 10px;

  padding: 0 30px;

  font-size: 40px;

  font-family: barlow-regular;

  text-transform: initial;

  text-align: center;

}

.product-detail-body .product-detail-accordion{
  width: 95%;
  max-width: 850px;

  margin: 0 auto;

  padding: 30px 0;

}

.product-detail-body .product-detail-accordion .product-detail-accordion-tit .product-detail-accordion-item{

  height: 50px;

  line-height: 50px;

  background-image: url(../img/image/pro_jah.png);

  background-repeat: no-repeat;

  background-position: right;

  background-size: 15px;

  color: #404040;

  position: relative;

  cursor: pointer;

}

.product-detail-body .product-detail-accordion .product-detail-accordion-tit .product-detail-accordion-item::after{

  content: '';

  width: 310px;

  height: 1px;

  display: block;

  background: #f1f1f1;

  position: absolute;

  bottom: 0;

  left: 0;

}

.product-detail-body .product-detail-accordion .product-detail-accordion-tit .product-detail-accordion-box{

  display: none;

  padding: 30px 0 80px;

}
.product-detail-body .product-detail-accordion .product-detail-accordion-tit .product-detail-accordion-box h2{
  font-family: barlow;
}
.product-detail-body .product-detail-accordion .product-detail-accordion-tit .product-detail-accordion-box p{
  color: #999999;
  font-size: 16px;
  font-family: barlow;
  overflow-wrap: break-word;
}
.product-detail-body .product-detail-accordion .product-detail-accordion-tit .product-detail-accordion-box p span{
  text-wrap: wrap !important;
}
.product-detail-body .product-detail-accordion .product-detail-accordion-tit .product-detail-accordion-box table tr td{
  vertical-align: middle;
}

.product-detail-accordion-box p{
  font-size: 16px;
  margin: 10px 0 20px;
}
.product-detail-accordion-box .alert{
  margin-bottom: 10px;
}
.product-detail-accordion-box .alert span{
  width: 92%;
  display: inline-block;
  padding: 10px;
  font-size: 14px;
  background-color: #fde3c0;
  color: #e88400;
} 
.product-detail-accordion-box #score{
    width: 415px;
    height: 60px;
    font-size: 16px;
    padding: 0 20px;
    color: #999999;
    background: url(../img/image/xia2.png) no-repeat 95% center;
    border: 2px solid #f1f1f1;
    border-radius: 0;
    padding: 0px 50px 0px 10px;
    margin-bottom: 10px;
    display: block;
    cursor: pointer;
    white-space: nowrap;
    position: relative;
}
.product-detail-accordion-box .form .control input {
  width: 415px;
  height: 60px;
  border: 2px solid #f1f1f1;
  color: #001e28;
  padding: 10px 10px 9px;
  margin-bottom: 10px;
}
.product-detail-accordion-box .form textarea{
  width: 100%;
  height: 120px;
  margin-bottom: 10px;
  padding: 10px 10px 9px;
  border: 2px solid #f1f1f1;
  color: #001e28;
}
.product-detail-accordion-box .required {
  font-size: 12px;
  margin-bottom: 10px;
  color: #999999;
  font-family: barlow-regular;
}
.product-detail-accordion-box .information {
  font-size: 14px;
  margin-bottom: 10px;
}
.product-detail-accordion-box .information input {
  width: 17px;
  height: 17px;
  border: 1px solid;
  vertical-align: sub;
  margin-right: 10px;
}
.information .myCheckbox {
  cursor: pointer;
}
.product-detail-accordion-box .information a {
  color: #00a3da;
}
.product-detail-accordion-box .btn{
  width: 220px;
  padding: 15px 20px;
  border: 2px solid #00a3da;
  color: #00a3da;
  font-size: 12px;
  text-align: center;
  background: transparent;
  position: relative;
}
.product-detail-accordion-box .btn::before{
   content: '';
   position: absolute;
   z-index: -1;
   top: 0;
   left: 0;
   width: 0;
   height: 100%;
   transition: 0.5s;
   background-color: #00a3da;
}
.product-detail-accordion-box .btn:hover{
  z-index: 1;
  color: #ffffff;
}
.product-detail-accordion-box .btn:hover::before{
  width: 100%;
}
.jianhao {

  background-image: url(../img/image/pro_jh.png) !important;

}

.product-detail-body .product-detail-contact{

  margin: 0 0 40px;

  padding: 30px;

}

.product-detail-body .product-detail-contact h2{

  font-size: 26px;

  text-align: center;

  margin-bottom: 20px;

  line-height: normal;

  font-family: barlow;

  text-transform: unset;

}

.product-detail-body .product-detail-contact .product-detail-contact-info{

  max-width: 480px;

  margin: 0 auto 60px;

  font-size: 16px;

  text-align: center;

  font-family: Arial;

}
.product-detial-wrap{
  padding: 0 40px;
  line-height: 54px;
  height: 54px;
  font-size: 12px;
}
.product-detial-wrap a{
  color: #999999;
}
.product-detial-box{
  border-top: 1px solid #f1f1f1;
}
.product-detial-box .product-detial-box-body{
  margin: 30px 0 0;
  padding: 0 40px;
}

.product-detial-box .product-detial-box-body .product-tit{
  font-family: barlow;
  font-size: 40px;
  margin: 20px 0 25px;
  color: #404040;
  text-transform: unset;
}
.product-detial-box .product-detial-box-body .product-number{
  color: #999999;
  font-size: 16px;
  margin-bottom: 10px;
}
.product-detial-box .product-detial-box-body .product-link{
  display: block;
  color: #999999;
  font-size: 16px;
  text-decoration: underline;
}
.product-detial-box .product-detial-box-body .prod-contact-btn a{
  display: block;
  width: 290px;
  padding: 18px 0;
  color: #ffffff;
  background-color: #00a3da;
  font-size: 12px;
  text-align: center;
  margin-top: 40px;
  font-family: barlow;
  text-transform: uppercase;
  border: 2px solid #00a3da;
  position: relative;
}

.product-detial-box .product-detial-box-body .prod-contact-btn a::before{
  content: '';
   position: absolute;
   z-index: -1;
   top: 0;
   left: 0;
   width: 0;
   height: 100%;
   transition: 0.5s;
   background-color: #ffffff;
}
.product-detial-box .product-detial-box-body .prod-contact-btn a:hover{
  z-index: 1;
  color: #00a3da;
}
.product-detial-box .product-detial-box-body .prod-contact-btn a:hover::before{
  width: 100%;
}
.product-detial-box .product-detial-box-body .product-tx{
  margin-top: 30px;
}
.product-detial-box .product-detial-box-body .product-tx *{
  color: #999999;
  font-size: 14px;
}
.product-detial-box .product-detial-box-body .product-tx p{
  padding: 5px 0;
}
.product-detial-box .product-detial-box-body .product-tx img{
  vertical-align: bottom;
}


.slick-list{

  max-width: 950px;

  margin: 0 auto 60px;

  display: flex;

}

.slick-list .contact-content{

  width: 50%;

  text-align: center;

}

.slick-list .contact-content h3{

  font-size: 20px;

  font-family: barlow-regular;

}

.slick-list .contact-content .contact-position{

  color: #999999;

  margin-bottom: 15px;

}

.slick-list .contact-content .contact-actions{

  padding-top: 20px;

  position: relative;

}

.slick-list .contact-content .contact-actions::before{

  content: '';

  width: 20px;

  height: 1px;

  background: #00a3da;

  display: block;

  position: absolute;

  top: 0;

  left: 50%;

  transform: translateX(-50%);

}

.slick-list .contact-content .contact-actions a{

  display: inline-block;

  padding: 15px;

  text-align: center;

  color: #ffffff;

  text-transform: uppercase;

  border: 2px solid #00a3da;

  background-color: #00a3da;

}

.slick-list .contact-content .contact-actions a.btn-email{

  margin-right: 10px;

}

.slick-list .contact-content .contact-actions a i{

  font-size: 15px;

}

.slick-list .contact-content .contact-actions a span{

  font-size: 12px;

  font-family: barlow;

  padding-left: 10px;

}



.contact-general{

  font-size: 16px;

  text-align: center;

  color: #999999;

}

.contact-general a{

  color: #999999;

  text-decoration: underline;

}



.product-hot .product-hot-r{

  width: 69%;

  height: 46.59px;

  border-bottom: 1px solid #f1f1f1;

}

.product-hot .product-hot-tab{

  display: flex;

}
.product-hot .product-hot-tab a:first-child{
  margin-right: 1%;
}
.product-hot .product-hot-tab a{

  width: 15%;

  display: inline-block;

  text-align: center;

  padding: 10px 20px;

  font-size: 16px;

  color: #000;
  font-weight: bold;
  font-family: barlow-regular;

  border-top: 1px solid #f1f1f1;

  border-left: 1px solid #f1f1f1;

  border-right: 1px solid #f1f1f1;

}
.product-hot .product-hot-box .product-hot-wrap{
  display: none;
}
.product-hot .product-hot-list{

  padding: 30px 0 20px;

  display: flex;
  flex-wrap: wrap;
}

.product-hot .product-hot-list .product-hot-list-item{

  width: 20%;

  height: 335px;

  padding: 15px;

  border-bottom: 10px solid transparent;

}

.product-hot .product-hot-list .product-hot-list-item .product-hot-list-item-imgbox{

  margin: 20px 0;

  padding: 0 37px;

}

.product-hot .product-hot-list .product-hot-list-item .product-hot-list-item-tit{

  text-align: center;

  font-size: 20px;
  font-weight: bold;
  font-family: barlow-regular;

}

.product-hot .product-hot-list .product-hot-list-item:hover{

  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1);

  border-bottom: 10px solid #00a3da;

}
.tab-co{
  background-color: #f1f1f1;
}

/* index-swiper */
.index-swiper{
  position: relative;
  margin-bottom: 123px;
}
.index-swiper-body{
  width: 95%;
  max-width: 1600px;
  margin: 0 auto;
}
.index-swiper-body .index-swiper-body-titbox{
  margin: 0 auto 80px;
  max-width: 1052px;
  text-align: center;
}

.indswiper-container{
  max-width: 1760px;
  margin-right: auto;
}
.indswiper .indswiper-wrap{
  display: flex;
  align-items: end;
}
.indswiper .indswiper-wrap .indswiper-wrap-l{
  width: 45.5%;
}
.indswiper .indswiper-wrap .indswiper-wrap-r{
  width: 54.5%;
  font-size: 0;
}
.indswiper .indswiper-wrap .indswiper-wrap-l .indswiper-wrap-l-tit{
  padding-left: 160px;
  padding-right: 160px;
  margin-bottom: 117px;
}
.indswiper .indswiper-wrap .indswiper-wrap-l .indswiper-wrap-l-tit h1{
  font-size: 80px;
  margin-bottom: 80px;
}
.indswiper .indswiper-wrap .indswiper-wrap-l .indswiper-wrap-l-tit h2{
  font-size: 40px;
}
.indswiper .indswiper-wrap .indswiper-wrap-l .indswiper-wrap-l-tit .indswiper-wrap-l-btn{
  display: block;
  width: 250px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 25px;
  color: #00a3da;
  border: 2px solid #00a3da;
  text-transform: uppercase;
}
.indswiper .indswiper-wrap .indswiper-wrap-l .indswiper-wrap-l-content{
  color: #ffffff;
  background-color: #00a3da;
  padding: 70px 160px;
}
.indswiper .indswiper-wrap .indswiper-wrap-l .indswiper-wrap-l-content p{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.indswiper-button-next,.indswiper-button-prev{
  width: 160px;
  height: 125px;
  line-height: 125px;
  text-align: center;
  background-color: #f2f2f2;
  cursor: pointer;
}
.indswiper-button-next i,.indswiper-button-prev i{
  font-size: 30px;
  color: #999999;
}
.indswiper-button-next{
  position: absolute;
  bottom: 0;
  left: 45.5%;
  z-index: 9;
}
.indswiper-button-next:hover i{
  color: #00a3da;
}
.indswiper-button-prev{
  position: absolute;
  bottom: 125px;
  left: 45.5%;
  z-index: 9;
}
.indswiper-button-prev:hover i{
  color: #00a3da;
}
/* Individualisation */
.Individualisation{
  padding-top: 151px;
}
.Individualisation-top{
  position: relative;
}
.Individualisation-top .Individualisation-top-cont{
  max-width: 960px;
  color: #ffffff;
  background-color: #c70087;
  padding: 100px;
  position: absolute;
  right: 0;
  bottom: -120px;
}
.Individualisation-top .Individualisation-top-cont h2{
  color: #ffffff;
}
.Individualisation-top .Individualisation-top-cont p{
  font-size: 34px;
  color: #ffffff;
  text-transform: uppercase;
  font-family: Neuropol;
}
.Individualisation-body{
  width: 95%;
  max-width: 1600px;
  margin: 200px auto 0;
}
.Individualisation-body .ind-tit{
  text-transform: uppercase;
  font-size: 30px;
  margin-bottom: 30px;
  font-family: Neuropol;
}
.Individualisation-item-first .ind-cont{
  font-size: 18px;
}
.Individualisation-item-first .ind-cont p{
  margin-bottom: 20px;
}
.Individualisation-item-second{
  margin-top: 130px;
  margin-bottom: 130px;
}
.Individualisation-item-second .ind-wrap{
  display: flex;
  align-items: center;
}
.Individualisation-item-second .ind-wrap .ind-wrap-imgbox{
  width: 50%;
}
.Individualisation-item-second .ind-wrap .ind-wrap-text{
  width: 50%;
  padding-left: 100px;
}
.Individualisation-item-second .ind-wrap .ind-wrap-text p{
  margin-bottom: 20px;
}
.Individualisation-item-third .Individualisation-item-third-tit{
  font-size: 24px;
  margin-bottom: 30px;
  font-family: Neuropol;
}
.ind-wrap2{
  display: flex;
  flex-wrap: wrap;
}
.ind-wrap2 .ind-wrap2-item{
  width: 50%;
  margin-bottom: 90px;
}
.ind-wrap2 .ind-wrap2-item:nth-of-type(odd){
  padding-right: 50px;
}
.ind-wrap2 .ind-wrap2-item:nth-of-type(even){
  padding-left: 50px;
}
.ind-wrap2 .ind-wrap2-item .ind-wrap2-item-tit{
  text-transform: uppercase;
  font-size: 30px;
  margin-bottom: 20px;
  font-family: Neuropol;
}
.ind-wrap2 .ind-wrap2-item .ind-wrap2-item-img{
  margin-bottom: 20px;
}
.Individualisation-btn{
  width: 100%;
  background-color: #00a3da;
  color: #ffffff;
}
.Individualisation-btn .Individualisation-btn-wrap{
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 75px 0;
}
.Individualisation-btn .Individualisation-btn-wrap .Individualisation-btn-tit{
  text-transform: uppercase;
  font-size: 30px;
  color: #ffffff;
  font-family: Neuropol;
}
.Individualisation-btn .Individualisation-btn-wrap a{
  display: block;
  width: 250px;
  max-width: 250px;
  height: 50px;
  line-height: 50px;
  border: 2px solid #ffffff;
  border-radius: 25px;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  background-color: #00a3da;
}
.Individualisation-btn .Individualisation-btn-wrap a::before{
  content: '';
   position: absolute;
   z-index: -1;
   top: 0;
   left: 0;
   width: 0;
   height: 100%;
   transition: 0.5s;
   background-color: #ffffff;
   border-radius: 25px;
}
.Individualisation-btn .Individualisation-btn-wrap a:hover{
  z-index: 1;
  color: #00a3da;
  border: 2px solid #00a3da;
}
.Individualisation-btn .Individualisation-btn-wrap a:hover::before{
  width: 100%;
}
.Individualisation-bot{
  width: 95%;
  max-width: 1600px;
  margin: 0 auto;
  padding: 110px 0 155px;
}
.Individualisation-bot .Individualisation-bot-list{
  /* padding-top: 110px; */
  display: flex;
}
.Individualisation-bot .Individualisation-bot-list .Individualisation-bot-l .Individualisation-bot-tit{
  text-transform: uppercase;
  font-size: 30px;
  font-family: Neuropol;
  margin-bottom: 30px;
}
.Individualisation-bot .Individualisation-bot-list .Individualisation-bot-l{
  width: 53%;
}
.Individualisation-bot .Individualisation-bot-list .Individualisation-bot-r{
  width: 47%;
}
.Individualisation-bot .Individualisation-bot-list .Individualisation-bot-r{
  padding-top: 80px;
  padding-left: 10px;
}
.Individualisation-bot .Individualisation-bot-list .Individualisation-bot-r .Individualisation-bot-tit2{
  font-size: 24px;
  text-transform: uppercase;
  font-family: Neuropol;
  margin-bottom: 40px;
}
.Individualisation-bot .Individualisation-bot-list .Individualisation-bot-r p{
  font-size: 20px;
  margin-bottom: 20px;
}
.Individualisation-bot .Individualisation-bot-list .Individualisation-bot-r a{
  display: block;
  width: 300px;
  height: 50px;
  line-height: 50px;
  border-radius: 25px ;
  text-align: center;
  background-color: #00a3da;
  color: #ffffff;
  margin-top: 90px;
}
/* product-tool */
.product-description{
  width: 100%;
  max-width: 1435px;
  margin: 40px auto 0;
}
.product-description h2{
  font-size: 26px;
}
.product-description h3{
  font-size: 18px;
}
.product-description h4{
  font-size: 16px;
}
.product-description .product-desc-tit{
  color: #404040;
  text-transform: unset;
  margin: 15px 0 10px;
  font-family: barlow;
}
.product-description p{
  font-family: barlow-regular;
  font-size: 16px;
  color: #999999;
  line-height: 24px;
}
.product-desc-wrap{
  padding: 0 0 10px 10px;
}
.product-desc-wrap.flexs{
  display: flex;
  flex-wrap: wrap;
}
.product-desc-wrap .product-desc-box,iframe{
  width: 50%;
}
.product-desc-wrap iframe{
  padding: 0 0 10px 10px;
}
.product-desc-wrap a{
  color: #00a3da;
}
.product-filter{
  width: 95%;
  padding: 30px 0;
  max-width: 1160px;
  margin: 0 auto;
}
.product-filter *{
  color: #999999;
  font-size: 16px;
}
.product-filter form{
  display: flex;
  flex-wrap: wrap;
}
.filter-panel{
  height: 40px;
  background: #f1f1f1;
  border-radius: 20px;
  position: relative;
  margin: 0 20px 10px 0;
  transition: all .2s ease-out;
}
.filter-panel:hover{
  background-color: #404040;
}
.filter-panel .filter-panel-title{
  height: 40px;
  line-height: 40px;
  padding: 0px 50px 0px 20px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.filter-panel .filter-panel-icon{
  position: absolute;
  font-size: 0;
  top: 13px;
  right: 20px;
  transition: all .2s;
  vertical-align: middle;
}
.filter-panel .filter-panel-content{
  width: max-content;
  min-width: 200px;
  position: absolute;
  display: none;
  padding: 20px;
  margin-top: 10px;
  border: 2px solid #f1f1f1;
  background: #ffffff;
  z-index: 500;
  box-sizing: content-box;
}
.filter-active{
  transform: rotate(180deg);
}
.filter-panel .filter-panel-content .myCheckbox.checked::after {
  content: url(../img/image/tick.png);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-47%, -45%);
  color: #ffffff;
}
.filter-panel2 .myCheckbox.checked::after {
  content: url(../img/image/tick.png);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-47%, -45%);
  color: #ffffff;
}
.filter-panel .filter-panel-content .filter-lab{
  vertical-align: text-bottom;
}
.filter-panel .filter-panel-content .myCheckbox.checked {
  position: relative;
}
.filter-panel .filter-panel-content .filter-tit{
  padding: 3px 0 5px;
  display: inline-block;
  font-size: 16px;
  text-transform: uppercase;
  font-family: barlow;
  color: #404040;
}
.filter-panel.filter-panel2{
  display: flex;
  align-items: center;
  padding-left: 20px;
}
.filter-panel2 .myCheckbox{
  width: 16px;
  height: 16px;
  vertical-align: 12px;
  margin-right: 10px;
  background-color: #fff;
  position: relative;
  cursor: pointer;
}
.filter-panel2 .filter-panel-title{
  height: 40px;
  line-height: 40px;
  padding-right: 30px;
  padding-left: 0;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.filter-panel .filter-panel-content .myCheckbox {
  width: 30px;
  height: 30px;
  border: 2px solid #f1f1f1;
  vertical-align: sub;
  margin-right: 10px;
}
.filter-panel label{
  height: 38px;
  display: inline-block;
  cursor: pointer;
}
/* Contact Us */
.contactus{
  padding-top: 302px;
  padding-bottom: 123px;
}
.contactus .contactus-body{
  max-width: 1440px;
  width: 95%;
  margin: 0 auto;
}
.contactus .contactus-body .form-title{
  text-align: center;
}
.contactus .contactus-body .formbody{
  max-width: 1052px;
  margin: 0 auto;
}
.contactus .contactus-body .formbody .form .form-group{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.contactus .contactus-body .formbody .control{
  width: 48%;
  margin-bottom: 30px;
}
.contactus .contactus-body .formbody .control select{
  position: relative;
  appearance: none;
  background-color: #f2f2f2;
  background-image: url(../img/image/xia.png);
  background-repeat: no-repeat;
  background-position: 95% center;
  border: none;
  border-radius: 15px;
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
  max-height: 80px;
  outline: none;
  padding: 27.5px 40px;
  width: 100%;
  z-index: 1;
}
.contactus .contactus-body .formbody .control select option{
  background: initial;
}
.contactus .contactus-body .formbody .control input{
  width: 100%;
  padding: 27.5px 40px;
  background: none;
  border: 2px solid #e5e5e5;
  border-radius: 15px;
  height: 80px;
}
.contactus .contactus-body .formbody .control textarea{
  width: 100%;
  padding: 27.5px 40px;
  background: none;
  border: 2px solid #e5e5e5;
  border-radius: 15px;
  min-height: 240px;
}
.contactus .contactus-body .formbody .information{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.contactus .contactus-body .formbody .information label{
  display: block;
}
.contactus .contactus-body .formbody .information input{
  border: 2px solid #e6e6e6;
  border-radius: 5px;
  cursor: pointer;
  height: 30px;
  margin-right: 20px;
  margin-top: -4px;
  width: 30px;
  vertical-align: middle;
}
.contactus .contactus-body .formbody .required{
  margin-bottom: 30px;
}
.contactus .contactus-body .formbody .required .myCheckbox2{
  border: 2px solid #e6e6e6;
  border-radius: 5px;
  cursor: pointer;
  height: 30px;
  margin-right: 20px;
  margin-top: -4px;
  width: 30px;
  vertical-align: middle;
}
.contactus .contactus-body .formbody .information .myCheckbox.checked::after{
  transform: translate(-45%, -40%);
}
.contactus .contactus-body .formbody .required .myCheckbox2.checked2::after{
  transform: translate(-45%, -40%);
}
.contactus .contactus-body .formbody .information button{
  background-color: #009fdf;
  border-radius: 25px;
  color: #ffffff;
  display: inline-block;
  padding: 9px 30px;
  text-decoration: none!important;
  text-transform: uppercase;
  transition: background-color .4s;
}
.required .myCheckbox2.checked2 {
  position: relative;
}
.required .myCheckbox2.checked2::after{
  content: url(../img/image/tick.png);
  position: absolute;  
  top: 50%;  
  left: 50%;  
  transform: translate(-47%, -50%);  
  color: #ffffff; 
}
.contactus .contactus-body .formbody .control.phoneInput{
  margin-top: 30px;
  display: none;
}
.cookie {
  position: fixed;
  top: 0;
  right: 100%;
  z-index: 8000;
  width: 280px;
  height: 100%;
  background-color: #fff;
  padding: 45px 30px 30px 30px;
  transition: 0.6s;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  -ms-transition: 0.6s;
}
.cookiemb {
  transform: translate(100%);
  -webkit-transform: translate(100%);
  -moz-transform: translate(100%);
  -o-transform: translate(100%);
  -ms-transform: translate(100%);
}
.cookie-bg {
  position: fixed;
  top: 0;
  right: 100%;
  z-index: 7999;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  transition: 0.8s;
  -webkit-transition: 0.8s;
  -moz-transition: 0.8s;
  -o-transition: 0.8s;
  -ms-transition: 0.8s;
}
.searchbox {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 9999;
  padding: 30px;
  top: 0px;
  left: 0px;
  background: #ffffff;
}
.searchbox .searchbox-body{
  position: relative;
  text-align: right;
}
.searchbox .searchbox-body .searchbox-btn{
  display: inline-block;
  background-color: #f1f1f1;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #404040;
  line-height: 22px;
  font-size: 24px;
  padding: 10px 0;
  text-align: center;
  margin-right: 14px;
  font-weight: bold;
  cursor: pointer;
}
.searchbox .searchbox-body .searchbox-info{
  max-width: 650px;
  margin: 0 auto;
}
.searchbox .searchbox-body .searchbox-info p{
  color: #999999;
  font-size: 14px;
  font-family: barlow-regular;
  margin: 30px 0;
  text-align: left;
}
.searchbox .searchbox-body .searchbox-info .search-form .search-inp{
  background: transparent;
  border-bottom: 1px solid #f1f1f1;
  width: 100%;
  height: auto;
  padding: 0 0 18px 0;
  font-size: 26px;
  color: #001e28;
}
.searchbox .searchbox-body .searchbox-info .search-form .search-inp::placeholder{
  color: #a8a8a8;
}

/* swiper */
.eneryswiper .swiper-slide{
  height: 910px;
}
.eneryswiper .owl-item-2 h3{
  font-size: 75px;
  color: #ffffff;
  font-family: barlow-regular;
  line-height: initial;
}
.eneryswiper .owl-item-2 p{
  font-size: 40px;
  font-family: barlow-regular;
  margin-top: 36px;
  color: #ffffff;
}
.eneryswiper .owl-item-2 .owl-btn{
  width: 64px;
  height: 64px;
  line-height: 64px;
  background-color: #fff;
  border-radius: 50%;
  text-align: center;
  color: #00a3da;
  margin-top: 36px;
}
.eneryswiper .swiper-slide .owl-item-2 {
  background: url(../img/image/BM_Energycases_-1-1.mp4);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: scroll;
  height: 910px;
}
.eneryswiper .swiper-slide .owl-item-2 video{
  display: block;
  min-width: 100%;
  height: 100%;
  object-fit: cover;
}
.eneryswiper .owl-item-3 .row-background{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
  z-index: 2;
}
.eneryswiper .owl-item-2{
  position: absolute;
  top: 30%;
  left: 10%;
  z-index: 3;
}
.eneryswiper .owl-item .owl-text .owl-btn {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 36px;
}
.eneryswiper .eneryswiper-button-prev{
  position: absolute;
  top: 50%;
  left: 2%;
  z-index: 3;
  color: #ffffff;
  cursor: pointer;
}
.eneryswiper .eneryswiper-button-next{
  position: absolute;
  top: 50%;
  right: 2%;
  z-index: 3;
  color: #ffffff;
  cursor: pointer;
}
.eneryswiper .swiper-pagination-bullet{
  width: 6.5px;
  height: 6.5px;
  background-color: rgb(255, 255, 255, .8);
}
.eneryswiper .swiper-pagination-bullet.swiper-pagination-bullet-active{
  width: 8px;
  height: 8px;
  background-color: #fff;
}
.enerycase *{
  font-family: barlow-regular;
}
.eneryswiper .owl-item .owl-text .owl-btn i {
  color: #00a3da;
  font-size: 19px;
}
.enerycase-container{
  width: 95%;
  max-width: 1452px;
  margin: 0 auto;
  padding-top: 108px;
  padding-bottom: 36px;
}
.enerycase-container h6{
  font-size: 14px;
  color: #00a3da;
  text-transform: uppercase;
  text-align: center;
}
.enerycase-container .enerycase-text{
  text-align: center;
  font-size: 40px;
  color: #00A3DA;
  font-weight: bold;
}
.enerycase-container .enerycase-info{
  display: flex;
  margin-top: 36px;
}
.enerycase-container .enerycase-info .enerycase-info-l{
  width: 50%;
  padding-left: 36px;
  text-align: right;
  font-size: 16px;
}
.enerycase-container .enerycase-info .enerycase-info-r{
  width: 50%;
  padding-left: 36px;
  text-align: left;
  font-size: 16px;
}
.enerycase-width{
  height: 144px;
  padding: 36px;
}
.enerycase-container2{
  background-image: url(../img/image/cases/energy_w.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: scroll;
  height: 465px;
}
.enerycase-container2 .enerycase-container2-wrap{
  width: 95%;
  max-width: 1452px;
  margin: 0 auto;
  padding: 36px 72px 144px;
}
.enerycase-container2 .enerycase-container2-wrap .enerycase-container2-info{
  padding: 72px;
  background-color: #00a3da;
  vertical-align: top;
  border-radius: 8px;
  color: #ffffff;
  margin-top: -140px;
}
.enerycase-container2 .enerycase-container2-wrap .enerycase-container2-info p{
  line-height: initial;
}
.enerycase-container2 .enerycase-container2-wrap .enerycase-container2-info hr{
  border-bottom: 1px solid #ffffff;
  margin-top: 36px;
  margin-bottom: 36px;
  color: #ffffff;
}
.enerycase-container3 .enerycase-info2{
  margin-top: 36px;
}
.enerycase-container3 .enerycase-info2 .enerycase-info2-text{
  text-align: center;
  font-size: 16px;
}
.enerycase-container3{
  width: 95%;
  max-width: 1452px;
  margin: 0 auto;
  padding: 108px 36px 36px;
}
.enerycase-container3 h6{
  font-size: 14px;
  color: #00a3da;
  text-transform: uppercase;
  text-align: center;
}
.enerycase-container3 .enerycase-text{
  text-align: center;
  font-size: 40px;
  color: #00A3DA;
  font-weight: bold;
}
.enerycase-prod{
  width: 95%;
  max-width: 1452px;
  margin: 0 auto;
  padding: 72px 0;
  display: flex;
}
.enerycase-prod .enerycase-prod-l{
  width: 50%;
  padding: 36px;
}
.enerycase-prod .enerycase-prod-l h2{
  text-transform: unset;
  margin-bottom: 72px;
}
.enerycase-prod .enerycase-prod-l h2 span{
  color: #ffffff;
  background-color: #00a3da;
  border-radius: 3px;
  padding: 5px 10px;
  font-size: 40px;
}
.enerycase-prod .enerycase-prod-item{
  display: flex;
  margin-top: 18px;
}
.enerycase-prod .enerycase-prod-item .icon-box i{
  color: #00a3da;
  font-size: 16px;
  font-family: 'Font Awesome 5 Free';
}
.enerycase-prod .enerycase-prod-item .icon-box-content{
  padding-left: 15px;
}
.enerycase-prod .enerycase-prod-item .icon-box-content .icon-box-content-tit{
  font-size: 20px;
  color: #00a3da;
  font-family: barlow;
}
.enerycase-prod .enerycase-prod-item .icon-box-content .icon-box-content-p{
  font-size: 16px;
}
.enerycase-prod .btn-inline{
  display: inline-block;
  padding-right: 9px;
  vertical-align: bottom;
  margin-top: 36px;
}
.enerycase-prod .btn-inline a{
  color: #00a3da;
  font-size: 12px;
  font-family: barlow;
  padding: 13px 31px;
  border: 1px solid #00a3da;
  box-shadow: 0 4px 10px -5px rgba(0, 0, 0, 0.6) ;
}
.enerycase-prod .btn-inline:nth-of-type(2) a{
  color: #ffffff;
  font-size: 12px;
  font-family: barlow;
  padding: 13px 31px;
  background-color: #00a3da;
}
.enerycase-prod .enerycase-prod-r{
  width: 50%;
  padding-left: 72px;
}
.enerycase-prod .enerycase-prod-r img{
  width: 100%;
}
.enerycase-swiper{
  position: relative;
  padding-bottom: 72px;
}

.enerycase-swiper .mySwiper .mySwiper-pagination{
  margin-bottom: 54px;
  text-align: center;
}
.enerycase-swiper .mySwiper .swiper-wrapper .swiper-slide{
  overflow: hidden;
}
.enerycase-swiper .mySwiper .swiper-wrapper .swiper-slide img{
  transition: all 0.5s ease-in-out;
}
.enerycase-swiper .mySwiper .swiper-wrapper .swiper-slide:hover img{
  transform: scale(1.1);
}
.enerycase-swiper .mySwiper .swiper-wrapper .swiper-slide .imgmask{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgb(127, 209, 236,.8);
  z-index: -1;
  transition: all .5s ease-in-out;
}
.enerycase-swiper .mySwiper .swiper-wrapper .swiper-slide:hover .imgmask{
  z-index: 9;
}
.enerycase-swiper .mySwiper .swiper-wrapper .swiper-slide i{
  font-family: 'Font Awesome 5 Free';
  color: #ffffff;
}
.enerycase-container4.enerycase-containerbg-first{
  position: relative;
  background: url(../img/image/cases/DefPower.case-Heavy-Duty-2.jpg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-attachment: scroll;
  background-size: cover;
  z-index: 1;
}
.enerycase-container4 .enerycase-container4-body{
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  top: 0;
  z-index: 2;
}
.enerycase-container4 .enerycase-container4-wrap{
  position: relative;
  padding: 36px;
  width: 100%;
  max-width: 1452px;
  margin: auto;
  z-index: 3;
}
.enerycase-container4 .enerycase-container4-wrap .enerycase-container4-tit{
  font-size: 40px;
  color: #00a3da;
  text-align: center;
  font-weight: bold;
  line-height: initial;
}
.enerycase-container4 .enerycase-container4-wrap .enerycase-container4-info{
  display: flex;
  justify-content: center;
  margin-top: 30px;
  height: 620px;
}
.enerycase-container4 .enerycase-container4-wrap .enerycase-container4-info .enerycase-container4-item{
  width: 300px;
}
.enerycase-container4 .enerycase-container4-wrap .enerycase-container4-info .enerycase-container4-item .enerycase-container4-item-tit2{
  font-size: 20px;
  color: #ffffff;
  font-weight: bold;
}
.enerycase-container4 .enerycase-container4-wrap .enerycase-container4-info .enerycase-container4-item .enerycase-container4-item-tit3{
  font-size: 15px;
  color: #00a3da;
  font-weight: bold;
}
.enerycase-container4 .enerycase-container4-wrap .enerycase-container4-info .enerycase-container4-item .enerycase-container4-item-text{
  font-size: 15px;
  color: #ffffff;
}

.enerycase-container4.enerycase-containerbg-second{
  position: relative;
  background: url(../img/image/cases/1500_web.jpg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-attachment: scroll;
  background-size: cover;
  z-index: 1;
}

.enerycase-prod.enerycase-prod-xf .enerycase-prod-l{
  padding-left: 108px;
}
.enerycase-container4.enerycase-containerbg-third{
  position: relative;
  background: url(../img/image/cases/Fakten-PRO-500-TSP.jpg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-attachment: scroll;
  background-size: cover;
  z-index: 1;
}
.enerycase-container4.enerycase-containerbg-third .enerycase-container4-wrap .enerycase-container4-info{
  height: 450px;
}
.enerycase-container4.enerycase-containerbg-fourth{
  position: relative;
  background: url(../img/image/cases/case_under_web.jpg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-attachment: scroll;
  background-size: cover;
  z-index: 1;
}
.enerycase-prod.enerycase-prod-xf .enerycase-prod-r.enerycase-prod-r-tit{
  width: 25%;
  padding-top: 72px;
  border-top: 1px solid #00a3da;
  margin-left: 72px;
  padding-left: 0;
}
.enerycase-prod.enerycase-prod-xf .enerycase-prod-r.enerycase-prod-r-tit span{
  font-size: 40px;
  color: #00a3da;
  font-weight: bold;
}
.enerycase-prod.enerycase-prod-xf .enerycase-prod-l.enerycase-prod-l-tbox{
  width: 75%;
  padding-top: 72px;
  border-top: 1px solid #00a3da;
  margin-left: 72px;
  padding-left: 0;
}
.enerycase-prod.enerycase-prod-xf .enerycase-prod-l.enerycase-prod-l-tbox h2{
  margin-bottom: 0;
}
.enerycase-prod.enerycase-prod-xf .enerycase-prod-l.enerycase-prod-l-tbox h2 span{
  background: transparent;
  color: #00a3da;
  padding: 0;
}
.enerycase-container5{
  background-image: url(../img/image/cases/energy-case-bundw_web.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: scroll;
  background-size: cover;
  height: 413px;
  margin-top: 170px;
}

.enerycase-container5 .enerycase-container5-wrap{
  width: 95%;
  max-width: 1452px;
  margin: 0 auto;
  padding: 36px 72px 144px;
  display: flex;
  justify-content: end;
}
.enerycase-container5 .enerycase-container5-wrap .enerycase-container5-info{
  width: 60%;
  padding: 72px;
  background-color: #00a3da;
  vertical-align: top;
  border-radius: 8px;
  color: #ffffff;
  margin-top: -140px;
}
.enerycase-container5 .enerycase-container5-wrap .enerycase-container5-info p{
  line-height: initial;
  font-size: 40px;
  font-weight: bold;
}
.enerycase-container5 .enerycase-container5-wrap .enerycase-container5-info hr{
  border-bottom: 1px solid #ffffff;
  margin-top: 36px;
  margin-bottom: 36px;
  color: #ffffff;
}
.enerycase-gy{
  position: relative;
}
.enerycase-gy .eneryswiper2-t{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 100;
  width: max-content;
  text-align: center;
  line-height: 38px;
  letter-spacing: 2px;
  font-weight: 600;
  font-size: 15px;
  padding-left: 42px;
  padding-right: 40px;
  color: #ffffff;
  background-color: #000000;
}

.enerycase-gy .eneryswiper2 .eneryswiper2-bg1{
  padding-top: 80px;
  background-image: url(../img/image/cases/Militär_blur_web.jpg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
}
.enerycase-gy .eneryswiper2 .eneryswiper2-bg2{
  padding-top: 80px;
  background-image: url(../img/image/cases/feuerwer_blur_web.jpg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
}
.enerycase-gy .eneryswiper2 .eneryswiper2-bg3{
  padding-top: 80px;
  background-image: url(../img/image/cases/filmproduktion_blur_web.jpg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
}
.enerycase-gy .swiper .eneryswiper2-wrap{
  display: flex;
}
.enerycase-gy .swiper .eneryswiper2-wrap .eneryswiper2-wrap-l{
  width: 33.33%;
  position: relative;
}
.enerycase-gy .swiper .eneryswiper2-wrap .eneryswiper2-wrap-l .eneryswiper2-wrap-l-box{
  position: absolute;
  top: 80px;
  left: 80px;
  width: 635px;
  padding: 50px 40px;
  background-color: #fff;
  z-index: 100;
}
.enerycase-gy .swiper .eneryswiper2-wrap .eneryswiper2-wrap-l .eneryswiper2-wrap-l-box .eneryswiper2-wrap-l-box-t1{
  font-size: 15px;
  color: #00a3da;
  padding-bottom: 20px;
  font-weight: bold;
}
.enerycase-gy .swiper .eneryswiper2-wrap .eneryswiper2-wrap-l .eneryswiper2-wrap-l-box .eneryswiper2-wrap-l-box-t2{
  font-size: 40px;
  padding-bottom: 30px;
  font-weight: bold;
  line-height: initial;
}
.enerycase-gy .swiper .eneryswiper2-wrap .eneryswiper2-wrap-l .eneryswiper2-wrap-l-box .eneryswiper2-wrap-l-box-p{
  font-size: 16px;
}
.enerycase-gy .swiper .eneryswiper2-wrap .eneryswiper2-wrap-r{
  width: 66.67%;
  font-size: 0;
}
.enerycase-gy .swiper .eneryswiper2-wrap .eneryswiper2-wrap-r img{
  width: 100%;
  height: 700px;
}
.fa{
  font-family: 'Font Awesome 5 Free' !important;
}
.enerycase-gy .eneryswiper2 .eneryswiper2-button-prev{
  position: absolute;
  right: 90px;
  top: 47%;
  z-index: 101;
}
.enerycase-gy .eneryswiper2 .eneryswiper2-button-next{
  position: absolute;
  right: 90px;
  top: 40%;
  z-index: 101;
}
.enerycase-provideo{
  position: relative;
  margin: 36px 0;
  padding: 150px 80px 100px;
  background-color: #eeeeee;
}
.enerycase-provideo .enerycase-provideo-t{
  display: table;
  padding: 0 40px;
  height: 40px;
  line-height: 40px;
  background-color: #00a3da;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  font-size: 15px;
  font-weight: bold;
  position: absolute;
  left: 0;
  right: 0;
  top: 130px;
  margin: auto;
  z-index: 5;
}
.enerycase-provideo .eneryswiper3 .swiper-slide{
  display: flex;
  gap: 30px;
}
.enerycase-provideo .eneryswiper3 .swiper-slide .eneryswiper3-item{
  position: relative;
  width: calc(100% / 4);
}
.enerycase-provideo .eneryswiper3 .swiper-slide .eneryswiper3-item img{
  height: 300px;
}
.enerycase-provideo .eneryswiper3 .swiper-slide .eneryswiper3-item .eneryswiper3-item-wrap{
  position: absolute;
  left: 0;
  right: 0;
  top: 32%;
  margin: auto;
  text-align: center;
}
.enerycase-provideo .eneryswiper3 .swiper-slide .eneryswiper3-item .eneryswiper3-item-wrap a{
  display: inline-block;
  z-index: 4;
  background-color: rgba(0, 0, 0, 0.5);
  font-family: Roboto;
  text-transform: uppercase;
  display: inline-block;
  color: rgb(255, 255, 255);
  text-decoration: none;
  white-space: normal;
  width: 60px;
  height: 60px;
  min-height: 60px;
  min-width: 60px;
  max-height: none;
  max-width: none;
  text-align: center;
  line-height: 60px;
  letter-spacing: 0px;
  font-weight: 400;
  font-size: 20px;
  border-radius: 50%;
}
.enerycase-provideo .eneryswiper3 .swiper-slide .eneryswiper3-item .eneryswiper3-item-wrap p{
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  margin-top: 30px;
  color: #ffffff;
  text-transform: uppercase;
}
.enerycase-provideo .eneryswiper3 .eneryswiper3-pagination{
  text-align: center;
  margin-top: 50px;
}
.enerycase-provideo .eneryswiper3 .eneryswiper3-pagination .swiper-pagination-bullet{
  width: 60px;
  height: 3px;
  background-color: rgba(45,48,50,0.7);
  border-radius: initial;
}
.enerycase-provideo .eneryswiper3 .eneryswiper3-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
  background-color: #707273;
}
.enerycase-bot{
  position: relative;
  background-image: url(../img/image/cases/BM_Energycases_-1-1.mp4);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: scroll;
  height: 294px;
}
.enerycase-bot video{
  display: block;
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
}
.enerycase-bot-body{
  padding: 36px;
  width: 100%;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  background-color: rgba(8, 9, 10, .5);
}
.enerycase-bot-body .enerycase-bot-icon{
  font-size: 0;
}
.enerycase-bot-body .enerycase-bot-tit{
  font-size: 60px;
  color: #ffffff;
  margin-top: 26px;
  font-weight: bold;
  line-height: initial;
}
.enerycase-bot-body .enerycase-bot-btn{
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  padding: 13px 31px;
  color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 2px;
  margin-top: 36px;
}
.enerycase-bot-body .enerycase-bot-btn:hover{
   background-color: #fff;
   color: #000000;
}
.position{
  color: #ffffff;
  font-size: 10px;
  margin-bottom: 12px;
}
.position a{
  color: #ffffff;
  font-size: 10px;
}