@import url(https://use.typekit.net/dos0lmr.css);
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html {
 line-height:1.15;
 -webkit-text-size-adjust:100%
}
body {
 margin:0
}
main {
 display:block
}
a {
 background-color:transparent
}
strong {
 font-weight:bolder
}
img {
 border-style:none
}
button {
 font-family:inherit;
 font-size:100%;
 line-height:1.15;
 margin:0;
 overflow:visible;
 text-transform:none
}
[type=button],
button {
 -webkit-appearance:button
}
[type=button]::-moz-focus-inner,
button::-moz-focus-inner {
 border-style:none;
 padding:0
}
[type=button]:-moz-focusring,
button:-moz-focusring {
 outline:1px dotted ButtonText
}
[hidden] {
 display:none
}
figure,
p {
 margin:0
}
button {
 background-color:transparent;
 background-image:none
}
button:focus {
 outline:1px dotted;
 outline:5px auto -webkit-focus-ring-color
}
ul {
 list-style:none;
 margin:0;
 padding:0
}
html {
 font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
 line-height:1.5
}
*,
:after,
:before {
 box-sizing:border-box;
 border:0 solid #d5d5d5
}
img {
 border-style:solid
}
[role=button],
button {
 cursor:pointer
}
a {
 text-decoration:inherit
}
a,
button {
 color:inherit
}
button {
 padding:0;
 line-height:inherit
}
img,
svg {
 display:block;
 vertical-align:middle
}
img {
 max-width:100%;
 height:auto
}
.container {
 width:100%;
 margin-right:auto;
 margin-left:auto;
 padding-right:.9375rem;
 padding-left:.9375rem
}
@media (min-width:375px) {
 .container {
  max-width:375px
 }
 .slider {
  display:none;
  max-height: 100px;
  background-repeat: no-repeat; background-image: url("assets/backgrounds/slider-bg.jpg")
}
}
@media (min-width:640px) {
 .container {
  max-width:640px
 }
}
@media (min-width:768px) {
 .container {
  max-width:768px
 }
 .md\:text-xl {
      font-size:1.1rem
    }
}
@media (min-width:1024px) {
 .container {
  max-width:1024px
 }
.slider {
  display:block;
}
}
@media (min-width:1280px) {
 .container {
  max-width:1280px
 }
 .md\:text-xl {
      font-size:1.25rem
    }
}
@media (min-width:1440px) {
 .container {
  max-width:1440px
 }
}
::-moz-selection {
 --bg-opacity:1;
 background-color:#3e9c34;
 background-color:rgba(62,156,52,var(--bg-opacity));
 --text-opacity:1;
 color:#fff;
 color:rgba(255,255,255,var(--text-opacity))
}
::selection {
 --bg-opacity:1;
 background-color:#3e9c34;
 background-color:rgba(62,156,52,var(--bg-opacity));
 --text-opacity:1;
 color:#fff;
 color:rgba(255,255,255,var(--text-opacity))
}
.trns-all {
 transition-property:all;
 transition-timing-function:cubic-bezier(.4,0,.2,1);
 transition-duration:.2s
}
.trns-color {
 transition-property:background-color,border-color,color,fill,stroke;
 transition-timing-function:cubic-bezier(.4,0,.2,1);
 transition-duration:.2s
}
.trns-margin {
 transition-property:margin;
 transition-timing-function:cubic-bezier(.4,0,.2,1);
 transition-duration:.2s
}
.trns-opacity {
 transition-property:opacity;
 transition-timing-function:cubic-bezier(.4,0,.2,1);
 transition-duration:.2s
}
@media (min-width:768px) {
 .bg-toweb {
  background-image:url(assets/backgrounds/toweb-bg.jpg)
 }
}
p {
 margin-bottom:1.25rem
}
h1, h2 {
 --text-opacity:1;
 color:#127e35;
 color:rgba(18,126,53,var(--text-opacity));
 font-size:1.75rem;
 margin-bottom:1.25rem;
 line-height:1;
 letter-spacing:-.025em
}
@media (min-width:768px) {
 .content h1, .content h2{
  margin-bottom:2.1875rem
 }
}
@media (min-width:768px) {
 h1,h2,h3 {
  font-weight:300
 }
}
@media (min-width:768px) {
  h1{
  font-size:3.5rem
 }
}
@media (min-width:768px) {
  h2 {
  font-size:2.625rem
 }
}
  h3 {
 font-size:1.375rem;
 margin-bottom:.9375rem
}
@media (min-width:768px) {
 h3 {
  font-size:1.875rem
 }
}
 .content ul {
 list-style-type:disc;
 margin-left:0em;
 margin-bottom:1.25rem
}
.content ul li:last-child {
 padding-bottom:0
}
a:focus {
 outline:0
}
a img {
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden
}
.content .body a:not(.btn),
.content a:not(.btn) {
 --text-opacity:1;
 color:#127e35;
 color:rgba(18,126,53,var(--text-opacity));
 transition-property:background-color,border-color,color,fill,stroke;
 transition-timing-function:cubic-bezier(.4,0,.2,1);
 transition-duration:.2s
}
.content .body a:not(.btn):focus,
.content .body a:not(.btn):hover,
.content a:not(.btn):focus,
.content a:not(.btn):hover {
 --text-opacity:1;
 color:#095a33;
 color:rgba(9,90,51,var(--text-opacity));
 text-decoration:underline
}
@media (min-width:375px) {
 .container {
  max-width:100%
 }
}
@media (min-width:1500px) {
 .container {
  max-width:1500px
 }
}
.row {
 display:flex;
 flex-wrap:wrap;
 margin-left:-.625rem;
 margin-right:-.625rem
}
@media (min-width:1024px) {
 .row {
  margin-left:-.9375rem;
  margin-right:-.9375rem
 }
}
.col {
 width:100%;
 padding-left:.625rem;
 padding-right:.625rem;
 margin-bottom:.9375rem
}
@media (min-width:768px) {
 .col {
  margin-bottom:0
 }
}
@media (min-width:1024px) {
 .col {
  padding-left:.9375rem;
  padding-right:.9375rem
 }
}
.header {
 transition-property:transform,background-color
}
@media (min-width:1024px) {
 .header-content {
  min-height:77px
 }
}
.header-sticky {
 box-shadow:0 .125rem .3125rem rgba(0,0,0,.3);
 --bg-opacity:1;
 background-color:#127e35;
 background-color:rgba(18,126,53,var(--bg-opacity));
 transition-timing-function:cubic-bezier(.4,0,.2,1);
 transition-duration:.2s;
 background-image:url(/assets/layout/header-bg.png)
}
.header-sticky:after {
 height:.0625rem;
 z-index:0;
 box-shadow:0 .125rem .3125rem rgba(0,0,0,.5)
}
.header-sticky:after,
.header-sticky:before {
 content:"";
 position:absolute;
 top:0;
 left:0;
 width:100%
}
.header-sticky:before {
 height:.0625rem;
 z-index:1;
 --bg-opacity:1;
 background-color:#fff;
 background-color:rgba(255,255,255,var(--bg-opacity));
 height:8px;
 margin-top:-8px
}
.header-down {
 transform:translate3d(0,-135%,0)
}
.header-up {
 transform:translateZ(0)
}
.header:not(.header-sticky):after {
 content:"";
 position:absolute;
 top:0;
 left:0;
 z-index:-2;
 width:100%;
 height:100%;
 background:linear-gradient(180deg,rgba(0,0,0,.25),transparent)
}
.nav {
 padding-top:2.6875rem
}
@media (min-width:768px) {
 .nav {
  display:flex!important
 }
}
.nav-toggle.active span:first-of-type {
 transform-origin:10% 10%;
 transform:rotate(45deg)
}
.nav-toggle.active span:nth-of-type(2) {
 opacity:0
}
.nav-toggle.active span:nth-of-type(3) {
 transform-origin:10% 90%;
 transform:rotate(-45deg)
}
@media (min-width:768px) {
 .nav ul li:focus>a,
 .nav ul li:hover>a {
  --border-opacity:1;
  border-color:#fff;
  border-color:rgba(255,255,255,var(--border-opacity))
 }
}
@media (min-width:768px) {
 .nav ul li:focus ul,
 .nav ul li:hover ul,
 .nav ul li a:focus+ul,
 .nav ul li a:hover+ul {
  display:flex
 }
}
.nav ul li:last-child a span {
 border-color:transparent
}
@media (min-width:768px) {
 .nav ul li.parent>ul>li>a:focus,
 .nav ul li.parent>ul>li>a:hover {
  --text-opacity:1;
  color:#fff;
  color:rgba(255,255,255,var(--text-opacity));
  --border-opacity:1;
  border-color:#fff;
  border-color:rgba(255,255,255,var(--border-opacity));
  --bg-opacity:1;
  background-color:#5d5d5c;
  background-color:rgba(93,93,92,var(--bg-opacity))
 }
}
.nav.submenu ul>li:not(.active) {
 display:none
}
.nav.submenu ul>li>a {
 padding-left:0;
 padding-right:0;
 --text-opacity:1;
 color:#9ff2a1;
 color:rgba(159,242,161,var(--text-opacity))
}
.nav.submenu ul>li>a svg.arrow-right {
 display:none
}
.nav.submenu ul>li>a svg.arrow-left {
 display:block
}
.nav.submenu ul>li.parent.active>ul {
 display:flex
}
.nav.submenu ul>li.parent.active>ul>li {
 display:block
}
.nav.submenu ul>li.parent.active>ul>li>a {
 --text-opacity:1;
 color:#fff;
 color:rgba(255,255,255,var(--text-opacity));
 padding-left:1.5625rem;
 padding-right:1.5625rem
}
.header-sticky .logo-link,
.header .logo:focus .logo-link,
.header .logo:hover .logo-link {
 opacity:1
}
.header .logo-link {
 width:127px;
 margin-top:2px;
 margin-left:9px;
 transition-property:opacity;
 transition-timing-function:cubic-bezier(.4,0,.2,1);
 transition-duration:.2s
}
@media (min-width:1024px) {
 .header .logo-link {
  width:260px;
  margin-top:8px;
  margin-left:12px
 }
}
.header .logo-bg {
 left:-1000%;
 width:1000%
}
.footer .logo-link:focus img,
.footer .logo-link:hover img {
 opacity:.75
}
button:focus {
 outline:0
}
.btn {
 display:block;
 -webkit-appearance:none;
 -moz-appearance:none;
 appearance:none;
 text-align:center;
 margin-top:1.5625rem;
 margin-bottom:.9375rem;
 padding:.3125rem 1.25rem;
 border-width:3px;
 border-color:transparent;
 text-decoration:none;
 transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;
 transition-timing-function:cubic-bezier(.4,0,.2,1);
 transition-duration:.15s;
 border-radius:.25rem
}
@media (min-width:768px) {
 .btn {
  display:inline-flex;
  margin-bottom:0
 }
}
.btn:focus {
 outline:0
}
.btn+.btn {
 margin-top:.9375rem
}
.btn+.btn.btn-triangle {
 margin-top:2.5rem
}
@media (min-width:768px) {
 .btn+.btn {
  margin-left:1.875rem;
  margin-top:0
 }
}
.btn-primary {
 --bg-opacity:1;
 background-color:#127e35;
 background-color:rgba(18,126,53,var(--bg-opacity));
 --text-opacity:1;
 color:#fff;
 color:rgba(255,255,255,var(--text-opacity));
 --border-opacity:1;
 border-color:#127e35;
 border-color:rgba(18,126,53,var(--border-opacity))
}
.btn-primary:active,
.btn-primary:focus {
 box-shadow:0 0 0 3px rgba(18,126,53,.45)
}
.btn-primary:focus,
.btn-primary:hover {
 --bg-opacity:1;
 background-color:#095a33;
 background-color:rgba(9,90,51,var(--bg-opacity));
 --border-opacity:1;
 border-color:#095a33;
 border-color:rgba(9,90,51,var(--border-opacity))
}
.btn-primary:focus.btn-triangle:after,
.btn-primary:focus.btn-triangle:before,
.btn-primary:hover.btn-triangle:after,
.btn-primary:hover.btn-triangle:before {
 border-bottom-color:#095a33
}
.btn-primary.btn-triangle:after,
.btn-primary.btn-triangle:before {
 border-bottom-color:#127e35
}
.btn-primary-outline {
 --bg-opacity:1;
 background-color:#fff;
 background-color:rgba(255,255,255,var(--bg-opacity));
 --text-opacity:1;
 color:#127e35;
 color:rgba(18,126,53,var(--text-opacity));
 --border-opacity:1;
 border-color:#127e35;
 border-color:rgba(18,126,53,var(--border-opacity))
}
.btn-primary-outline:active,
.btn-primary-outline:focus {
 box-shadow:0 0 0 3px rgba(18,126,53,.45)
}
.btn-primary-outline:focus,
.btn-primary-outline:hover {
 --bg-opacity:1;
 background-color:#127e35;
 background-color:rgba(18,126,53,var(--bg-opacity));
 --text-opacity:1;
 color:#fff;
 color:rgba(255,255,255,var(--text-opacity))
}
.btn-primary-outline.btn-triangle:before,
.btn-primary-outline:focus.btn-triangle:after,
.btn-primary-outline:focus.btn-triangle:before,
.btn-primary-outline:hover.btn-triangle:after,
.btn-primary-outline:hover.btn-triangle:before {
 border-bottom-color:#127e35
}
.btn-primary-outline.btn-triangle:after {
 border-bottom-color:#fff
}
.btn-transparent {
 background-color:transparent;
 --text-opacity:1;
 color:#f8f8f8;
 color:rgba(248,248,248,var(--text-opacity));
 --border-opacity:1;
 border-color:#f8f8f8;
 border-color:rgba(248,248,248,var(--border-opacity))
}
.btn-transparent:focus,
.btn-transparent:hover {
 --bg-opacity:1;
 background-color:#fff;
 background-color:rgba(255,255,255,var(--bg-opacity));
 --text-opacity:1;
 color:#747474;
 color:rgba(116,116,116,var(--text-opacity))
}
.btn-triangle {
 position:relative
}
.btn-triangle:before {
 z-index:0;
 left:1.5625rem;
 border:1.5625rem solid transparent;
 margin-top:-1.5625rem
}
.btn-triangle:after {
 z-index:1;
 left:1.75rem;
 border:1.125rem solid transparent;
 margin-top:-1.125rem
}
.btn-triangle:after,
.btn-triangle:before {
 position:absolute;
 top:0;
 width:0;
 height:0;
 transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;
 transition-timing-function:cubic-bezier(.4,0,.2,1);
 transition-duration:.15s;
 content:"";
 border-top:0;
 border-left:0
}
.content .icon a {
 text-decoration:none;
 --text-opacity:1;
 color:#747474;
 color:rgba(116,116,116,var(--text-opacity));
 transition-property:background-color,border-color,color,fill,stroke;
 transition-timing-function:cubic-bezier(.4,0,.2,1);
 transition-duration:.2s
}
.content .icon:focus h3 a,
.content .icon:hover h3 a {
 --text-opacity:1;
 color:#127e35;
 color:rgba(18,126,53,var(--text-opacity));
 text-decoration:underline
}
.content .icon:focus a,
.content .icon:hover a {
 --text-opacity:1;
 color:#374148;
 color:rgba(55,65,72,var(--text-opacity));
 text-decoration:none
}
.content .icon p {
 margin-bottom:0
}
.rev-slider .custom.tp-bullets {
 width:8px!important
}
.rev-slider .custom.tp-bullets:before {
 content:"";
 position:absolute;
 width:100%;
 height:100%;
 background-color:transparent;
 padding:.625rem;
 margin-left:-.625rem;
 margin-top:-.625rem;
 box-sizing:content-box
}
.rev-slider .custom.tp-bullets .tp-bullet {
 position:absolute;
 --bg-opacity:1;
 background-color:#fff;
 background-color:rgba(255,255,255,var(--bg-opacity));
 height:2.5rem;
 transition-property:width;
 transition-timing-function:cubic-bezier(.4,0,.2,1);
 transition-duration:.2s;
 cursor:pointer;
 right:0!important;
 left:auto!important;
 width:3px;
 background:hsla(0,0%,100%,.75);
 box-sizing:content-box
}
.rev-slider .custom.tp-bullets .tp-bullet.selected,
.rev-slider .custom.tp-bullets .tp-bullet:hover {
 --bg-opacity:1;
 background-color:#fff;
 background-color:rgba(255,255,255,var(--bg-opacity));
 width:8px
}
.rev-slider .rs-boxshadow {
 box-shadow:1px 1px 0 0 #414141,2px 2px 0 0 #414141,3px 3px 0 0 #414141,4px 4px 0 0 #414141,5px 5px 0 0 #414141
}
.rev-slider .rs-boxshadow-light {
 box-shadow:1px 1px 0 0 #cdcdcd,2px 2px 0 0 #cdcdcd,3px 3px 0 0 #cdcdcd,4px 4px 0 0 #cdcdcd,5px 5px 0 0 #cdcdcd
}
.testimonial:before {
 border-top-width:1px;
 border-bottom-width:1px;
 --border-opacity:1;
 border-color:#fff;
 border-color:rgba(255,255,255,var(--border-opacity));
 transform:scaleX(0)
}
.testimonial:after {
 border-right-width:1px;
 border-left-width:1px;
 --border-opacity:1;
 border-color:#fff;
 border-color:rgba(255,255,255,var(--border-opacity));
 transform:scaleY(0)
}
.testimonial:after,
.testimonial:before {
 position:absolute;
 opacity:0;
 top:0;
 right:0;
 bottom:0;
 left:0;
 margin:.9375rem;
 z-index:1;
 content:"";
 transition:opacity .35s,transform .35s
}
.testimonial h2 {
 padding-top:5%;
 transform:translate3d(0,-20px,0);
 transition:transform .35s
}
@media (min-width:375px) {
 .testimonial h2 {
  padding-top:10%
 }
}
@media (min-width:768px) {
 .testimonial h2 {
  padding-top:8%
 }
}
@media (min-width:1024px) {
 .testimonial h2 {
  padding-top:15%
 }
}
.testimonial p {
 transform:translate3d(0,20px,0);
 transition:opacity .35s,transform .35s
}
.testimonial .btn {
 transform:translate3d(0,-20px,0)
}
.testimonial:focus .testimonial-img,
.testimonial:hover .testimonial-img {
 opacity:.25
}
.testimonial:focus .testimonial-desc,
.testimonial:hover .testimonial-desc {
 opacity:1
}
.testimonial:focus .btn,
.testimonial:focus h2,
.testimonial:focus p,
.testimonial:hover .btn,
.testimonial:hover h2,
.testimonial:hover p {
 transform:translateZ(0)
}
.testimonial:focus .btn,
.testimonial:focus p,
.testimonial:hover .btn,
.testimonial:hover p {
 opacity:1
}
.testimonial:focus:after,
.testimonial:focus:before,
.testimonial:hover:after,
.testimonial:hover:before {
 opacity:1;
 transform:scale(1)
}
.social:focus span:first-child,
.social:hover span:first-child {
 margin-top:-2.5rem
}
.bg-white {
 --bg-opacity:1;
 background-color:#fff;
 background-color:rgba(255,255,255,var(--bg-opacity))
}
.bg-primary-500 {
 --bg-opacity:1;
 background-color:#127e35;
 background-color:rgba(18,126,53,var(--bg-opacity))
}
.bg-secondary-500 {
 --bg-opacity:1;
 background-color:#374148;
 background-color:rgba(55,65,72,var(--bg-opacity))
}
.hover\:bg-social-facebook:hover {
 --bg-opacity:1;
 background-color:#4167b2;
 background-color:rgba(65,103,178,var(--bg-opacity))
}
.hover\:bg-social-twitter:hover {
 --bg-opacity:1;
 background-color:#1da1f2;
 background-color:rgba(29,161,242,var(--bg-opacity))
}
.hover\:bg-social-instagram:hover {
 --bg-opacity:1;
 background-color:#c32aa3;
 background-color:rgba(195,42,163,var(--bg-opacity))
}
.hover\:bg-social-linkedin:hover {
 --bg-opacity:1;
 background-color:#007bb5;
 background-color:rgba(0,123,181,var(--bg-opacity))
}
.hover\:bg-social-xing:hover {
 --bg-opacity:1;
 background-color:#007475;
 background-color:rgba(0,116,117,var(--bg-opacity))
}
.focus\:bg-social-facebook:focus {
 --bg-opacity:1;
 background-color:#4167b2;
 background-color:rgba(65,103,178,var(--bg-opacity))
}
.focus\:bg-social-twitter:focus {
 --bg-opacity:1;
 background-color:#1da1f2;
 background-color:rgba(29,161,242,var(--bg-opacity))
}
.focus\:bg-social-instagram:focus {
 --bg-opacity:1;
 background-color:#c32aa3;
 background-color:rgba(195,42,163,var(--bg-opacity))
}
.focus\:bg-social-linkedin:focus {
 --bg-opacity:1;
 background-color:#007bb5;
 background-color:rgba(0,123,181,var(--bg-opacity))
}
.focus\:bg-social-xing:focus {
 --bg-opacity:1;
 background-color:#007475;
 background-color:rgba(0,116,117,var(--bg-opacity))
}
.bg-center {
 background-position:50%
}
.bg-no-repeat {
 background-repeat:no-repeat
}
.bg-cover {
 background-size:cover
}
.border-transparent {
 border-color:transparent
}
.border-white {
 --border-opacity:1;
 border-color:#fff;
 border-color:rgba(255,255,255,var(--border-opacity))
}
.border-gray-200 {
 --border-opacity:1;
 border-color:#f1f1f1;
 border-color:rgba(241,241,241,var(--border-opacity))
}
.focus\:border-white:focus,
.hover\:border-white:hover {
 --border-opacity:1;
 border-color:#fff;
 border-color:rgba(255,255,255,var(--border-opacity))
}
.border-t-2 {
 border-top-width:2px
}
.border-l-2 {
 border-left-width:2px
}
.border-l-3 {
 border-left-width:3px
}
.border-t-8 {
 border-top-width:8px
}
.border-t {
 border-top-width:1px
}
.border-b {
 border-bottom-width:1px
}
.box-content {
 box-sizing:content-box
}
.block {
 display:block
}
.inline-block {
 display:inline-block
}
.flex {
 display:flex
}
.inline-flex {
 display:inline-flex
}
.table-header-group {
 display:table-header-group
}
.grid {
 display:grid
}
.hidden {
 display:none
}
.flex-col {
 flex-direction:column
}
.flex-wrap {
 flex-wrap:wrap
}
.items-center {
 align-items:center
}
.justify-center {
 justify-content:center
}
.justify-between {
 justify-content:space-between
}
.justify-around {
 justify-content:space-around
}
.font-body {
 font-family:proxima-nova,sans-serif
}
.font-light {
 font-weight:300
}
.font-normal {
 font-weight:400
}
.font-bold {
 font-weight:700
}
.font-black {
 font-weight:900
}
.focus\:font-normal:focus,
.hover\:font-normal:hover {
 font-weight:400
}
.h-4 {
 height:1.25rem
}
.h-5 {
 height:1.5625rem
}
.h-7 {
 height:2.1875rem
}
.h-8 {
 height:2.5rem
}
.h-9 {
 height:2.8125rem
}
.h-14 {
 height:4.375rem
}
.h-17 {
 height:5.3125rem
}
.h-auto {
 height:auto
}
.h-full {
 height:100%
}
.text-sm {
 font-size:.875rem
}
.text-base {
 font-size:1rem
}
.text-lg {
 font-size:1.125rem
}
.text-2xl {
 font-size:1.0rem
}
.text-3xl {
 font-size:1.625rem
}
.text-4xl {
 font-size:1.75rem
}
.leading-none {
 line-height:1
}
.leading-tight {
 line-height:1.25
}
.leading-snug {
 line-height:1.375
}
.leading-normal {
 line-height:1.5
}
.mx-1 {
 margin-left:.3125rem;
 margin-right:.3125rem
}
.my-auto {
 margin-top:auto;
 margin-bottom:auto
}
.mx-auto {
 margin-left:auto;
 margin-right:auto
}
.mb-0 {
 margin-bottom:0
}
.mt-1 {
 margin-top:.3125rem
}
.mr-1 {
 margin-right:.3125rem
}
.mt-2 {
 margin-top:.625rem
}
.mb-2 {
 margin-bottom:.625rem
}
.mr-3 {
 margin-right:.9375rem
}
.mb-3 {
 margin-bottom:.9375rem
}
.mb-4 {
 margin-bottom:1.25rem
}
.mb-5 {
 margin-bottom:1.5625rem
}
.mt-6 {
 margin-top:1.875rem
}
.mb-6 {
 margin-bottom:1.875rem
}
.mb-7 {
 margin-bottom:2.1875rem
}
.mt-auto {
 margin-top:auto
}
.ml-auto {
 margin-left:auto
}
.-ml-3 {
 margin-left:-.9375rem
}
.-mt-px {
 margin-top:-.0625rem
}
.-mb-px {
 margin-bottom:-.0625rem
}
.-ml-px {
 margin-left:-.0625rem
}
.max-h-screen {
 max-height:100vh
}
.max-h-thumb {
 max-height:20rem
}
.max-w-screen-xl {
 max-width:1280px
}
.max-w-7xl {
 max-width:125rem
}
.min-w-full {
 min-width:100%
}
.object-cover {
 -o-object-fit:cover;
 object-fit:cover
}
.opacity-0 {
 opacity:0
}
.opacity-85 {
 opacity:.85
}
.focus\:outline-none:focus {
 outline:0
}
.overflow-hidden {
 overflow:hidden
}
.overflow-y-visible {
 overflow-y:visible
}
.overflow-x-scroll {
 overflow-x:scroll
}
.p-3 {
 padding:.9375rem
}
.px-0 {
 padding-left:0;
 padding-right:0
}
.py-1 {
 padding-top:.3125rem;
 padding-bottom:.3125rem
}
.py-2 {
 padding-top:.625rem;
 padding-bottom:.625rem
}
.py-4 {
 padding-top:1.25rem;
 padding-bottom:1.25rem
}
.px-4 {
 padding-left:1.25rem;
 padding-right:1.25rem
}
.px-5 {
 padding-left:1.5625rem;
 padding-right:1.5625rem
}
.py-6 {
 padding-top:1.875rem;
 padding-bottom:1.875rem
}
.py-7 {
 padding-top:2.1875rem;
 padding-bottom:2.1875rem
}
.py-12 {
 padding-top:3.75rem;
 padding-bottom:3.75rem
}
.pl-2 {
 padding-left:.625rem
}
.pt-3 {
 padding-top:.9375rem
}
.pr-3 {
 padding-right:.9375rem
}
.pl-3 {
 padding-left:.9375rem
}
.pt-5 {
 padding-top:1.5625rem
}
.pb-5 {
 padding-bottom:1.5625rem
}
.fixed {
 position:fixed
}
.absolute {
 position:absolute
}
.relative {
 position:relative
}
.inset-0 {
 top:0;
 right:0;
 bottom:0;
 left:0
}
.top-0 {
 top:0
}
.bottom-0 {
 bottom:0
}
.left-0 {
 left:0
}
.fill-current {
 fill:currentColor
}
.text-center {
 text-align:center
}
.text-right {
 text-align:right
}
.text-white {
 --text-opacity:1;
 color:#fff;
 color:rgba(255,255,255,var(--text-opacity))
}
.text-gray-100 {
 --text-opacity:1;
 color:#f8f8f8;
 color:rgba(248,248,248,var(--text-opacity))
}
.text-gray-200 {
 --text-opacity:1;
 color:#f1f1f1;
 color:rgba(241,241,241,var(--text-opacity))
}
.text-gray-500 {
 --text-opacity:1;
 color:#747474;
 color:rgba(116,116,116,var(--text-opacity))
}
.text-gray-600 {
 --text-opacity:1;
 color:#5d5d5c;
 color:rgba(93,93,92,var(--text-opacity))
}
.text-gray-700 {
 --text-opacity:1;
 color:#343433;
 color:rgba(52,52,51,var(--text-opacity))
}
.text-primary-500 {
 --text-opacity:1;
 color:#127e35;
 color:rgba(18,126,53,var(--text-opacity))
}
.hover\:text-white:hover {
 --text-opacity:1;
 color:#fff;
 color:rgba(255,255,255,var(--text-opacity))
}
.hover\:text-primary-600:hover {
 --text-opacity:1;
 color:#0d6c35;
 color:rgba(13,108,53,var(--text-opacity))
}
.focus\:text-white:focus {
 --text-opacity:1;
 color:#fff;
 color:rgba(255,255,255,var(--text-opacity))
}
.focus\:text-primary-600:focus {
 --text-opacity:1;
 color:#0d6c35;
 color:rgba(13,108,53,var(--text-opacity))
}
.not-italic {
 font-style:normal
}
.uppercase {
 text-transform:uppercase
}
.focus\:underline:focus,
.hover\:underline:hover {
 text-decoration:underline
}
.antialiased {
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale
}
.tracking-normal {
 letter-spacing:0
}
.tracking-wide {
 letter-spacing:.025em
}
.w-4 {
 width:1.25rem
}
.w-5 {
 width:1.5625rem
}
.w-7 {
 width:2.1875rem
}
.w-8 {
 width:2.5rem
}
.w-17 {
 width:5.3125rem
}
.w-1\/2 {
 width:50%
}
.w-1\/3 {
 width:33.333333%
}
.w-full {
 width:100%
}
.z-1 {
 z-index:1
}
.z-10 {
 z-index:10
}
.z-20 {
 z-index:20
}
.z-below {
 z-index:-1
}
.z-over9k {
 z-index:9999
}
.grid-cols-2 {
 grid-template-columns:repeat(2,minmax(0,1fr))
}
.col-span-1 {
 grid-column:span 1/span 1
}
@media (min-width:375px) {
 .xs\:table-header-group {
  display:table-header-group
 }
}
@media (min-width:640px) {
 .sm\:table-header-group {
  display:table-header-group
 }
 .sm\:px-6 {
  padding-left:1.875rem;
  padding-right:1.875rem
 }
}
@media (min-width:768px) {
 .md\:bg-transparent {
  background-color:transparent
 }
 .md\:bg-gray-500 {
  --bg-opacity:1;
  background-color:#747474;
  background-color:rgba(116,116,116,var(--bg-opacity))
 }
 .md\:bg-no-repeat {
  background-repeat:no-repeat
 }
 .md\:bg-cover {
  background-size:cover
 }
 .md\:border-transparent {
  border-color:transparent
 }
 .md\:border-gray-300 {
  --border-opacity:1;
  border-color:#d5d5d5;
  border-color:rgba(213,213,213,var(--border-opacity))
 }
 .md\:border-b-3 {
  border-bottom-width:3px
 }
 .md\:border-r {
  border-right-width:1px
 }
 .md\:block {
  display:block
 }
 .md\:flex {
  display:flex
 }
 .md\:table-header-group {
  display:table-header-group
 }
 .md\:hidden {
  display:none
 }
 .md\:flex-row {
  flex-direction:row
 }
 .md\:flex-wrap {
  flex-wrap:wrap
 }
 .md\:items-end {
  align-items:flex-end
 }
 .md\:justify-start {
  justify-content:flex-start
 }
 .md\:justify-center {
  justify-content:center
 }
 .md\:flex-1 {
  flex:1 1 0%
 }
 .md\:order-first {
  order:-9999
 }
 .md\:order-last {
  order:9999
 }
 .md\:font-light {
  font-weight:300
 }
 .md\:h-7 {
  height:2.1875rem
 }
 .md\:h-9 {
  height:2.8125rem
 }
 .md\:h-10 {
  height:3.125rem
 }
 .md\:h-12 {
  height:3.75rem
 }
 .md\:h-14 {
  height:4.375rem
 }
 .md\:text-lg {
  font-size:1.125rem
 }
 .md\:text-xl {
  font-size:0.8rem
 }
 .md\:text-2xl {
  font-size:1.5rem
 }
 .md\:text-h2 {
  font-size:2.625rem
 }
 .md\:leading-normal {
  line-height:1.5
 }
 .md\:mb-0 {
  margin-bottom:0
 }
 .md\:ml-3 {
  margin-left:.9375rem
 }
 .md\:mb-6 {
  margin-bottom:1.875rem
 }
 .md\:ml-auto {
  margin-left:auto
 }
 .md\:max-h-screen {
  max-height:100vh
 }
 .md\:min-w-0 {
  min-width:0
 }
 .md\:overflow-x-visible {
  overflow-x:visible
 }
 .md\:overflow-y-visible {
  overflow-y:visible
 }
 .md\:py-0 {
  padding-top:0;
  padding-bottom:0
 }
 .md\:py-2 {
  padding-top:.625rem;
  padding-bottom:.625rem
 }
 .md\:px-2 {
  padding-left:.625rem;
  padding-right:.625rem
 }
 .md\:px-3 {
  padding-left:.9375rem;
  padding-right:.9375rem
 }
 .md\:py-8 {
  padding-top:2.5rem;
  padding-bottom:2.5rem
 }
 .md\:px-8 {
  padding-left:2.5rem;
  padding-right:2.5rem
 }
 .md\:pt-0 {
  padding-top:0
 }
 .md\:pb-0 {
  padding-bottom:0
 }
 .md\:pt-10 {
  padding-top:3.125rem
 }
 .md\:pb-12 {
  padding-bottom:3.75rem
 }
 .md\:absolute {
  position:absolute
 }
 .md\:relative {
  position:relative
 }
 .md\:text-left {
  text-align:left
 }
 .md\:w-auto {
  width:auto
 }
 .md\:w-1\/2 {
  width:50%
 }
 .md\:w-1\/3 {
  width:33.333333%
 }
 .md\:w-2\/3 {
  width:66.666667%
 }
 .md\:w-1\/4 {
  width:25%
 }
 .md\:z-1 {
  z-index:1
 }
 .md\:grid-cols-3 {
  grid-template-columns:repeat(3,minmax(0,1fr))
 }
}
@media (min-width:1024px) {
 .lg\:table-header-group {
  display:table-header-group
 }
 .lg\:h-5 {
  height:1.5625rem
 }
 .lg\:h-8 {
  height:2.5rem
 }
 .lg\:h-19 {
  height:5.9375rem
 }
 .lg\:text-xl {
  font-size:1.25rem
 }
 .lg\:mt-8 {
  margin-top:2.5rem
 }
 .lg\:-ml-9 {
  margin-left:-2.8125rem
 }
 .lg\:min-w-subnav {
  min-width:8.4375rem
 }
 .lg\:px-8 {
  padding-left:2.5rem;
  padding-right:2.5rem
 }
 .lg\:py-12 {
  padding-top:3.75rem;
  padding-bottom:3.75rem
 }
 .lg\:pb-13 {
  padding-bottom:4.0625rem
 }
 .lg\:pt-16 {
  padding-top:5rem
 }
 .lg\:w-5\/6 {
  width:83.333333%
 }
 .lg\:grid-cols-4 {
  grid-template-columns:repeat(4,minmax(0,1fr))
 }
 .md\:text-xl {
  font-size:1.1rem
 }
}
@media (min-width:1280px) {
 .xl\:table-header-group {
  display:table-header-group
 }
 .xl\:ml-5 {
  margin-left:1.5625rem
 }
 .xl\:mb-12 {
  margin-bottom:3.75rem
 }
 .xl\:px-12 {
  padding-left:3.75rem
 }
 .xl\:pr-12,
 .xl\:px-12 {
  padding-right:3.75rem
 }
 .xl\:pl-12 {
  padding-left:3.75rem
 }
 .xl\:w-1\/3 {
  width:33.333333%
 }
 .md\:text-xl {
  font-size:1.25rem
 }
 .text-2xl {
 font-size:1.2rem
}
}
@media (min-width:1440px) {
 .xxl\:table-header-group {
  display:table-header-group
 }
}
@media (min-width:1500px) {
 .\32xl\:table-header-group {
  display:table-header-group
 }
 .\32xl\:w-1\/4 {
  width:25%
 }
}


.ui-coverflow-wrapper{position:relative;z-index:1;overflow:hidden}
.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:" ";display:table}
.ui-helper-clearfix:after{clear:both}
.ui-coverflow{-webkit-perspective:500px;-ms-perspective:500px;perspective:500px;position:absolute;z-index:2}
.ui-coverflow,.ui-coverflow *{-ms-touch-action:pan-y!important}
.ui-coverflow .ui-coverflow-item{position:relative;cursor:pointer;float:left;display:block}
.ui-coverflow .ui-coverflow-item:focus{outline:0}
.ui-coverflow img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-drag:none;-moz-user-drag:none;-ms-user-drag:none;user-drag:none;border:0 none}
.royalSlider{width:600px;height:400px;position:relative;direction:ltr}
.rsWebkit3d .rsSlide,.rsWebkit3d .rsContainer,.rsWebkit3d .rsThumbs,.rsWebkit3d .rsPreloader,.rsWebkit3d img,.rsWebkit3d .rsOverflow,.rsWebkit3d .rsBtnCenterer,.rsWebkit3d .rsAbsoluteEl{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0)}
.rsFade.rsWebkit3d .rsSlide,.rsFade.rsWebkit3d img,.rsFade.rsWebkit3d .rsContainer{-webkit-transform:none}
.rsOverflow{width:100%;height:100%;position:relative;overflow:hidden;float:left;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.rsContainer{position:relative;width:100%;height:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.rsArrow,.rsThumbsArrow{cursor:pointer}
.rsThumb{float:left;position:relative}
.rsArrow,.rsNav,.rsThumbsArrow{opacity:1;-webkit-transition:opacity .3s linear;-moz-transition:opacity .3s linear;-o-transition:opacity .3s linear;transition:opacity .3s linear}
.rsHidden{opacity:0;visibility:hidden;-webkit-transition:visibility 0 linear 0.3s,opacity .3s linear;-moz-transition:visibility 0 linear 0.3s,opacity .3s linear;-o-transition:visibility 0 linear 0.3s,opacity .3s linear;transition:visibility 0 linear 0.3s,opacity .3s linear}
.rsGCaption{width:100%;float:left;text-align:center}
.royalSlider.rsFullscreen{position:fixed!important;height:auto!important;width:auto!important;margin:0!important;padding:0!important;z-index:2147483647!important;top:0!important;left:0!important;bottom:0!important;right:0!important}
.royalSlider .rsSlide.rsFakePreloader{opacity:1!important;-webkit-transition:0;-moz-transition:0;-o-transition:0;transition:0;display:none}
.rsSlide{position:absolute;left:0;top:0;display:block;overflow:hidden;height:100%;width:100%}
.royalSlider.rsAutoHeight,.rsAutoHeight .rsSlide{height:auto}
.rsContent{width:100%;height:100%;position:relative}
.rsPreloader{position:absolute;z-index:0}
.rsNav{-moz-user-select:-moz-none;-webkit-user-select:none;user-select:none}
.rsNavItem{-webkit-tap-highlight-color:rgba(0,0,0,0.25)}
.rsThumbs{cursor:pointer;position:relative;overflow:hidden;float:left;z-index:22}
.rsTabs{float:left}
.rsTabs,.rsThumbs{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0)}
.rsVideoContainer{width:auto;height:auto;line-height:0;position:relative}
.rsVideoFrameHolder{position:absolute;left:0;top:0;background:#141414;opacity:0;-webkit-transition:.3s}
.rsVideoFrameHolder.rsVideoActive{opacity:1}
.rsVideoContainer iframe,.rsVideoContainer video,.rsVideoContainer embed,.rsVideoContainer .rsVideoObj{position:absolute;z-index:0;left:0;top:0;width:100%;height:100%}
.rsVideoContainer.rsIOSVideo iframe,.rsVideoContainer.rsIOSVideo video,.rsVideoContainer.rsIOSVideo embed{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-right:44px}
.rsABlock{left:0;top:0;position:absolute;z-index:15;-webkit-backface-visibility:hidden}
.grab-cursor{cursor:url(grab.png) 8 8,move}
.grabbing-cursor{cursor:url(grabbing.png) 8 8,move}
.rsNoDrag{cursor:auto}
.rsLink{left:0;top:0;position:absolute;width:100%;height:100%;display:block;z-index:20;background:url(blank.gif);-webkit-backface-visibility:hidden}
#slider-with-blocks-1{width:100%}
.rsContent{color:#FFF;font-size:24px;line-height:32px;float:left}
.bContainer{position:relative}
.rsABlock{background:url(../img/layout/transparent.png) repeat scroll center top;color:#fff;font-size:44px;font-weight:400;height:240px;line-height:50px;padding:13px 15px;position:absolute;top:90px!important;width:320px;z-index:15;margin:135px 0 0 35px}
.blockHeadline{font-size:42px;line-height:50px}
.blockSubHeadline{font-size:32px;line-height:40px}
.txtCent{text-align:center;width:100%}
.slide1{background:#f06b50}
.slide1 .bContainer{top:36%}
.slide2{background:#ffbc11;color:#000}
.slide2 .bContainer{top:24px}
.slide2 .txtCent{line-height:44px}
.slide2 .blockHeadline{line-height:66px}
.slide3{background:#45aab8;color:#FFF}
.slide3 .bContainer{top:24px}
.slide3 span{line-height:44px}
.slide4 .bContainer{position:absolute;left:0;width:100%;height:auto;top:24px}
.photoCopy{position:absolute;line-height:24px;font-size:12px;background:#000;color:#fff;background-color:rgba(0,0,0,0.75);padding:0 10px;position:absolute;left:12px;bottom:12px;top:auto;border-radius:2px;z-index:25}
.photoCopy a{color:#FFF}
.palmImg{left:0;top:auto;bottom:-60px;position:absolute}
.rsImg{position:absolute}
.slide_subtext{color:#cfcfcf;font-size:15px;font-weight:400;position:absolute;top:155px!important;z-index:15;line-height:18px;padding-bottom:15px}
.green_subtitle{color:#58bb35;font-size:26px;font-weight:400;position:absolute;top:125px!important;z-index:15;line-height:30px;padding-top:0;padding-bottom:0}

div#sd-big {overflow: hidden;}
div#sd-big figure img {width: 20%; float: left;margin:0; }
div#sd-big figure { 
  position: relative;
  width: 500%;
  margin: 10px 0 0 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 20s slidy infinite; 
}
@keyframes slidy {
  0% {left: 0%;}
  20% {left: 0%;}
  25% {left: -100%;}
  45% {left: -100%;}
  50% {left: -200%;}
  70% {left: -200%;}
  75% {left: -300%;}
  95% {left: -300%;}
  100% {left: -300%;}
}

/* RESPONSIVE */

@media screen and (min-width: 0px) and (max-width: 960px) {
.rsContent{font-size:22px;line-height:28px}
.blockHeadline{font-size:32px;line-height:32px}
.blockSubHeadline{font-size:26px;line-height:32px}
}
@media screen and (min-width: 0px) and (max-width: 500px) {
.royalSlider,.rsOverflow{height:330px!important;min-height:490px}
.rsContent{font-size:18px;line-height:26px}
.blockHeadline{font-size:24px;line-height:32px}
.blockSubHeadline{font-size:22px;line-height:32px}
.rsArrowIcn{display:none}
}
.small_img{float:left;padding-right:15px;text-align:right;width:284px}
.small_text{width:302px;float:left}
.rsSlide img{padding:0!important;margin:none!important}
.rsDefault .rsBullets{height:24px!important}
.rsDefault .rsBullet{margin-top:9px!important}
.rsABlock h2{font-family:'Roboto',sans-serif;font-size:44px;font-weight:300;line-height:45px;margin:0 0 10px;color:#fff}
.rsABlock h3{font-family:'Roboto',sans-serif;font-size:27px;font-weight:300;line-height:33px;margin:0 0 10px;color:#fff}
.rsABlock h4{font-family:helvetica,sans-serif;font-size:26px;font-weight:lighter;line-height:30px;margin:0 0 10px;color:#58bb35}
.rsABlock p{color:#cfcfcf;font-size:15px;font-weight:lighter;line-height:22px;margin:0 0 6px}
.rsArrowLeft{display:none!important}

.contentright h1{color:#000;font-family:'Roboto',sans-serif;text-transform: uppercase;font-size:34px;font-weight:300;line-height:40px;margin:0px 0px 0px 0px}
.contentright h2{color:#58bb35;font-family:'Roboto',sans-serif;font-size:23px;font-weight:300;line-height:30px;margin:10px 0px 30px 0px}
.contentright h3{color:#3e3e3e;font-family:helvetica;font-size:33px;font-weight:300;line-height:1.3em;margin:50px 0 15px}
.contentright h3 span{color:#58BB35}
h4{color:#000;font-family:helvetica;font-size:15px;font-weight:400;letter-spacing:.5px;margin:0 0 2px}
table{margin:0 0 20px;width:100%}
table table{margin:0}
td{font-family:helvetica;font-size:15px;line-height:25px;padding-bottom:20px}
table table td{padding-bottom:0;float:left}

#pagewrapper,#headertopwrapper,#producttitle,#contacttitle,#contacttitlereferenz,#contentwrapper,#headerbottomwrapper,#headerwrapper,#bannerwrapper,#bannerwrapper_page,#bannerwrapper_tipp,#bannerwrapper_page_small,#boxwrapper,#header_middle,#shadow,#content_banner,#footerwrapper{width:100%;float:left}
#headerwrapper{position:fixed;top:0;z-index:1001;background-color:#fff;height:112px;-webkit-box-shadow:0 0 8px 0 rgba(50,50,50,0.75);-moz-box-shadow:0 0 8px 0 rgba(50,50,50,0.75);box-shadow:0 0 8px 0 rgba(50,50,50,0.75)}
#headertopwrapper{background:url(../img/layout/headerbg.png) no-repeat top center;height:24px}
#headerbottomwrapper{background:url(../img/layout/headerbg.png) no-repeat top center}
#content,.content {width:1025px;margin:0 auto}
#content,.content{padding:45px 0 0;word-wrap: break-word;}
#content p{font-size:15px;line-height:21px}
#content.content p{margin-bottom:15px}
#content.content ul{margin-left:10px;margin-bottom:15px;}
.accordion li{margin-bottom:5px;}
#content .content ul li:last-child{margin-bottom:0;}
#emphases,#socialmedia,#logo{float:left}
#customer,#navi{float:right}
#customer{position:relative}
#emphases{padding-top:3px;margin:0 25px 0 20px}
#boxwrapper{background-color:#f2f2f2}
.box{float:left;width:305px;padding:18px 17px;cursor:pointer;transition:background .3s ease-in-out 0}
.box h2{color:#000;font-family:'Roboto',sans-serif;font-size:20px;font-weight:400;height:58px;line-height:22px;margin:0 0 10px;padding:17px 0 6px 90px}
.box p{color:#4a4949}

.box:hover{background-color:#e1e1e1}
.beratung-anfragen {width:100%; min-height: 25px; padding:14px 0 7px 0px; border-radius:2px; background: #72bc4d; color:#fff; font-size:20px; text-decoration:none; text-align:center;
}
.beratung-anfragen:hover {background: #498f2c;}

#first_box{border-right:1px solid #fff}
#middle_box{border-left:1px solid #d0d0d0;border-right:1px solid #d0d0d0}
#last_box{border-left:1px solid #fff}
#first_box h2{background:url(../img/contentimg/home/box1.png) no-repeat scroll left top}
#middle_box h2{background:url(../img/contentimg/home/box2.png) no-repeat scroll left top}
#last_box h2{background:url(../img/contentimg/home/box3.png) no-repeat scroll left top}
.contentlefttipp p.impKey{clear:left;float:left;width:220px;font-weight:700;margin-right:15px}
.contentlefttipp p.impValue{float:left;width:400px}
.contentlefttipp p.paus{margin-bottom:0}
.menuparent:hover .navitrans{height:60px}
.navitrans{background:url(../img/layout/transparent.png) repeat scroll center top;height:0;position:fixed;top:112px;width:100%;left:0;z-index:1}
.active{color:#479d29!important}
#customer #support.button{background:url(../img/layout/support.png) no-repeat center top;float:right;padding:39px 94px;position:relative;z-index:9999}
#customer #webmail_button.button{background:url(../img/layout/webmail.png) no-repeat scroll 3px top;font-size:13px;margin:0 145px 0 45px;padding:3px 10px 10px 25px;float:left;position:relative}
#shadow{background:url(../img/layout/shadow.png) no-repeat center top;height:65px;background-size:contain;position:fixed;top:112px}
#bannerwrapper,#bannerwrapper_page,#bannerwrapper_page_small,#content_banner,#bannerwrapper_page.small{background:url(../img/layout/banner.jpg) no-repeat center top;background-size:cover;opacity: 0.3}
#bannerwrapper,#bannerwrapper_page,#bannerwrapper_page_small,#bannerwrapper_page .small{margin-top:112px}
#bannerwrapper{min-height:675px}
#bannerwrapper_page{height:295px}
#bannerwrapper_tipp{height:100px}
#bannerwrapper_page_small,#bannerwrapper_page.small{height:200px}
#bannerwrapper_page_small.contact{height:100px}

#content_banner{height:150px}
.rsDefault.rsHor .rsArrowLeft .rsArrowIcn,.rsDefault.rsHor .rsArrowRight .rsArrowIcn{height:43px!important;position:absolute!important;right:10px!important;top:310px!important;width:43px!important;z-index:999!important}
.rsDefault.rsHor .rsArrowLeft .rsArrowIcn{background:url(../img/layout/slider_nav_prev.png) no-repeat center top!important}
.rsDefault.rsHor .rsArrowRight .rsArrowIcn{background:url(../img/layout/slider_nav_next.png) no-repeat center top!important;right:0}
.rsDefault.rsHor .rsArrowLeft .rsArrowIcn:hover,.rsDefault.rsHor .rsArrowRight .rsArrowIcn:hover{background-color:#2b2b2b!important}
.rsDefault .rsBullets{display:none!important}
.clear{clear:both}
#banner .button{background-position:center center;background-repeat:no-repeat;box-sizing:border-box;margin-top:5px;padding:20px 155px 20px 20px;text-align:left;width:100%}
#banner .button:hover{background:#204d13 url(../img/layout/arrow.png) 90% center no-repeat}
#bannerslogan,#bannerslogan.small{background:url(../img/layout/transparent.png) repeat scroll center top}
#bannerslogan{float:left;height:70px;margin:150px 55px 0 0;padding:10px;width:400px}
#bannerslogan.small{float:right;height:120px;margin:30px 55px 0 0;padding:10px;width:440px}
#bannerslogan h4,#bannerslogan.small h4{color:#fff;font-family:'Roboto',sans-serif;font-weight:300;line-height:25px;font-size:32px}
#bannerslogan h4{margin:0 0 7px}
#bannerslogan.small h4{font-size:44px;line-height:34px;margin:0 0 16px}
#bannerslogan.small h5{color:#cfcfcf;margin:0 0 13px}
#bannerslogan p,#bannerslogan.small p{color:#cfcfcf;line-height:19px}
#bannerslogan p{font-size:15px}
#bannerslogan.small p{font-family:helvetica;font-size:15px}
#bannerslogan .small span{color:#58bb35;font-size:26px;margin:-10px 0 0 214px;position:absolute}
#bannerimg{float:left;margin:10px 0 0}

#bannerimg_slider{float:left;width:500px!important}
#bannerimg_slider .rsOverflow{max-height:350px!important}
#bannerimg_slider .rsSlide img{margin-top:12px!important}

#webmail_pop_up{position:absolute;background-color:#dfdfdf;padding:15px;box-shadow:0 3px 3px 1px #6d6d6d;width:190px;display:none;top:30px;z-index:10000}
#webmail_pop_up h3{margin-top:0;color:#434343;font-size:18px;margin-bottom:10px;border-bottom:1px solid #D0D0D0;padding-bottom:10px}
#webmail_pop_up h3 span{border-bottom:1px solid #fff;width:100%}
#customer .active_button{background-color:#204d13}
#contentleft,#contentlefttipp,.contentleft,.contentlefttipp{float:left;width:685px;padding:0 25px 0 0}
#contentright{background:none repeat scroll 0 0 #f0f6ea;float:left;padding:11px 15px 15px;width:285px}
#contentright h2{background:url(../img/contentimg/webseiten/tipps.png) no-repeat scroll left top;color:#000;font-family:helvetica;font-size:35px;font-weight:400;line-height:26px;margin:0 0 10px;padding:5px 0 18px 57px}
#contentright h3,#content.content h3{color:#000;font-family:'Roboto',sans-serif;font-size:22px;font-weight:400;line-height:31px;margin:0 0 10px}
.contentlefttipp h3{color:#3e3e3e;font-family:helvetica;font-size:23px;font-weight:300;line-height:27px;margin-top:1.2em;margin-bottom:1em}
.contentlefttipp p{margin-bottom:1em}
.contentlefttipp li{margin-left:2em;line-height:1.9em}
.contentlefttipp ul{margin-bottom:1.2em}
#contentright p{font-size:14px;line-height:20px;font-family:helvetica}
#contentright hr{border-top:1px dashed #c4c4c4;margin:17px 0}
#contentrightbox{background:none repeat scroll 0 0 #fff;padding:0px 0}
.tippclick{border-bottom:1px dashed #c4c4c4;padding:17px 14px;cursor:pointer;transition:background-color .3s ease-in-out}
.tippclick:last-child{border-bottom:none}
.tippclick:hover{background-color:#f0f6ea}
.produktclick{border-bottom:1px dashed #c4c4c4;padding:17px 14px;cursor:pointer;transition:background-color .3s ease-in-out}
.produktclick:last-child{border-bottom:none}
.produktclick:hover{background-color:#f0f6ea}
#contentleft p, #contentlefttipp p,.contentlefttipp p,.contentleft p{color:#3e3e3e;font-size:16px;line-height:30px;width:94%}
#contentleft img,.contentlefttipp img,.contentleft img{float:left;margin:4px 10px 0 0}
#contacttitlereferenz{border-bottom:1px solid #e0e0e0;margin:0 0 20px;padding:0 0 15px}
#producttitle,#contacttitle{margin:0 0 65px}
#producttitle #slider,#contacttitle iframe,#contacttitlereferenz img{float:left}
#contacttitlereferenz img{margin:0 15px 0 0}
#contacttitle iframe{margin:0 25px 0 0}
#producttitle p,#contacttitle p{float:left;width:52%}
#contacttitlereferenz p{float:left;width:70%}
.productbox{float:left;padding:20px 2% 15px;width:29%}
.productbox:hover{background:#f0f6ea;cursor:pointer}
.productbox img{float:left;margin:0 7px 0 0}
.productbox h2{text-transform: uppercase;font-size:32px;line-height:36px;margin:0 0 60px;color:#3e3e3e;font-weight:300}
.productbox h3{font-size:23px;margin:0 0 5px;color:#3e3e3e;font-weight:300;letter-spacing:.5px}
.productbox .accordiontitle h3{font-size:20px;font-weight:700}
.productbox h4{color:#000;font-size:14px;font-weight:700;letter-spacing:0;line-height:22px;margin-bottom:10px;margin-top:10px}
.productbox h4{font-size:15px;font-style:italic}
.productbox p{font-size:15px;line-height:21px;margin:0 0 30px}

#accordion li,#accordion summary,#accordiontipp summary,#accordiontipp li,#accordionstart li,#accordionstart summary{float:left;list-style:none outside none;margin:0 0 16px;width:100%}
#accordion li:last-child,#accordiontipp li:last-child,#accordionstart li:last-child{margin:0 0 50px}
.accordion li{border-bottom:1px solid #d9d9d9;float:left;margin:0 0 10px}
#accordion div,#accordiontipp div,#accordionstart div,.accordion div{display:none;float:left}
#accordion div.accordiontitle,#accordiontipp div.accordiontitle,#accordionstart div.accordiontitle{background:none repeat scroll 0 0 #f0f6ea;display:block;float:left;padding:20px 5% 5px 5%;width:100%;cursor:pointer}
.accordion div.accordiontitle{cursor:pointer;display:block;float:left;margin:0;padding:7px 3%;width:94%;-webkit-transition:background .3s ease-in-out;-moz-transition:background .3s ease-in-out;-ms-transition:background .3s ease-in-out;-o-transition:background .3s ease-in-out;transition:background .3s ease-in-out}
.accordion div.accordiontitle:hover{background:none repeat scroll 0 0 #0A8911}
.accordion div.accordiontitle:hover h3,.accordion div.accordiontitle:hover h4{color:#fff}
.accordion div.slide{padding:0 3%;width:100%}
.accordion div.slide p{margin:0 0 10px}
#accordion div.first,#accordiontipp div.first,#accordionstart div.first,.accordion div.first{display:block}
#accordion div.nextsl,#accordiontipp div.nextsl,#accordionstart div.nextsl,.accordion div.nextsl{display:block}

#accordion div.slide,#accordiontipp div.slide,#accordionstart div.slide{padding:10px 5% 0 5%;width:100%}
#accordion div.nextsl,#accordiontipp div.nextsl,#accordionstart div.nextsl{padding:10px 5% 0 5%;width:100%}
.accordion div.slide,.accordion div.nextsl{display:block}

#accordiontipp div.slide p{margin-bottom:1em}
#accordion div.number,#accordiontipp div.number,#accordionstart div.number{display:block;width:8%}
.accordiontitle h4{color:#000;font-family:helvetica;font-size:19px;font-weight:400;margin:0 0 3px}
.accordion{list-style:none}
#contactleft,#contactright{float:left;width:48%}
#contactleft h2{margin:0 0 8px}
.h2fr{color:#000;font-family:'Roboto',sans-serif;font-size:21px;font-weight:300;line-height:18px;margin-top:1.5em;margin-bottom:.6em}
#contactleft h4{font-size:18px;margin:0}
#contactright h4{font-size:18px;margin:0 0 20px}
#contactleft p{font-size:15px;line-height:23px}
#contactleft table table td:first-child{width:85px}
#contactright input:not(.check),#contactright textarea{background:none repeat scroll 0 0 #ececec;border:medium none;color:#bebebe;font-family:helvetica;font-size:18px;font-weight:lighter;padding:10px;width:460px}
#contactright input:not(.check).submit{width:480px}
#contactright input:not(.check):focus,#contactright textarea:focus{background:#bebebe;color:#fff}
#contactright input:not(.check){margin:0 0 15px}
#contactright input:not(.check).submit{margin:15px 0 0}
#contactright input:not(.check).submit:hover{background:#0A8911;color:#fff}
#contactright textarea{height:105px;resize:none;margin:0 0 15px}
#carousel{float:left;margin:0 0 80px;width:100%}
.ui-coverflow-wrapper{height:500px;position:relative;width:100%;z-index:1}
.ui-coverflow-wrapper #coverflow{max-height:350px;min-height:200px}
#thumbs{float:left;margin:0 0 60px;width:100%}
.thumb{float:left;height:auto;margin:1.6%;overflow:hidden;position:relative;width:30%}
div.thumb img{width:100%;height:auto;transition:all 1s ease-in-out}
.thumbtxt{background:url(../img/layout/transparent.png) repeat scroll center top rgba(0,0,0,0);box-sizing:border-box;margin:0 0 0 1%;padding:7px 20px 13px;position:absolute;transition:margin-top .3s ease-in-out 0;width:98%}
.thumbtxt a{margin:0;color:#fff}
.thumbtxt p{color:#fff}
.thumbtxt a:hover{color:#5bb735}
.thumb:hover .thumbtxt{margin-top:-50px}
#thumbsteam{float:left;margin:0 0 60px;width:100%}
.thumbteam{float:left;height:auto;margin:1.6%;overflow:hidden;position:relative;width:30%}
div.thumbteam img{width:100%;height:auto;transition:all 1s ease-in-out}
.thumbteamtxt{background:url(../img/layout/transparent.png) repeat scroll center top;margin-top:0;padding:7px 10px 12px;position:absolute;transition:margin-top .3s ease-in-out 0;width:100%;box-sizing:border-box}
.thumbteamtxt h3{color:#fff;font-size:22px;line-height:27px;margin:0}
.thumbteamtxt p{margin:0;color:#fff}
.thumbteam:hover .thumbteamtxt{margin-top:-63px}
.form-error{border:1px solid red!important}
.resbutton{display:none}
.productlist li{background-image:url(../img/layout/productlist.png);background-position:5px center;background-repeat:no-repeat;color:#fff;font-size:18px;list-style:outside none none;padding:8px 5px 10px 35px}
.productlist li:first-child{background-color:#a6e850}
.productlist li:nth-child(2){background-color:#7dd42f}
.productlist li:nth-child(3){background-color:#53a71e}
.productlist li:nth-child(4){background-color:#3c8212}
.productlist li:last-child{background-color:#2e6c07}
.g-recaptcha div,.g-recaptcha iframe{max-width:100%}
.g-recaptcha{margin:15px 0 0}
p.err{color:red!important;margin-bottom:10px}
img#captchaimg{float:left;margin-right:10px}
input#captchacode{width:250px;float:left}
p#captchatext{clear:both}
@media screen and (max-width: 1025px) {
#header,#header_top,#boxes,.content,#footer{width:100%;padding:0 2%}
#content{width:96%;padding:45px 2% 0}
#banner{float:left;height:auto;padding:0 2%;width:96%}
.box{padding:18px 2%;width:29%}
#emphases,#customer{margin:0;width:45%}
#socialmedia{width:10%}
#customer #webmail_button.button{margin:0 10px}
#navi .nav li:nth-child(5) ul{margin:0 0 0 -145px}
#bannerimg_slider{float:left;height:295px!important;width:48%!important}
#bannerslogan{height:auto;margin-right:3%;padding:10px 2%;width:45%}
#contentright,#content_banner{display:none}
#carousel{display:none}
#contactright input:not(.check),#contactright textarea{padding:10px 2%;width:96%}
#contactright input:not(.check).submit{box-sizing:border-box;width:100%}
#contactleft,#contactright{float:left;width:50%}
#contacttitle iframe{width:100%;margin:0 0 10px}
#customer{text-align:right}
a.resbutton{background-color:#0a8911;color:#fff;display:inline-block;font-size:16px;line-height:21px;padding:7px 10px;text-transform:uppercase}
a.resbutton:hover{text-decoration:none;background-color:#479D29}
#support,#webmail_button{display:none}
.thumb:hover .thumbtxt{margin-top:-46px}
}
.guidelist {
list-style-type:none;
margin-bottom: 35px;
}
.guidelist li {
margin-bottom: 3px;
}

.thumbteam {height:205px;  transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.thumbteamimage img {margin-left:0; transition:all 0.3s ease-in-out !important; -moz-transition:all 0.3s ease-in-out !important; -webkit-transition:all 0.3s ease-in-out !important;}
.thumbteam:hover .thumbteamimage img {margin-left:15%;}
.thumbteamimage {position:absolute;}
.thumbname {margin:0px 0 0 -130px;; width:300px; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); position:absolute; opacity:1; filter: alpha(opacity=100); transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.thumbname h3 {text-align:left;  font-size:21px;}
.thumbteam:hover .thumbname {opacity:0; filter: alpha(opacity=0); margin:0px 0 0 0px;}
.thumbteamslide {background-color:rgba(71,157,41,0.7); width:64%; padding-left:10px; height:100%; position:absolute; margin-left:-63%;  transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.thumbteamslide h3 {text-align:left; margin: 20px 0 15px; font-size:24px;color:#3e3e3e;}
.thumbteamslide a {color:#fff; font-size:14px;}
.thumbteam:hover .thumbteamslide {margin-left:0;}
.thumbteamhover {position:absolute; opacity:1; filter: alpha(opacity=100); transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.thumbteam:hover .thumbteamhover {opacity:0; filter: alpha(opacity=0);}
@media screen and (max-width: 1030px) {
  .thumbteam{width:46%}
  
.thumbteamimage {width:100%;}
.thumbname h3 {margin: 10px 0px -20px -30px;}
.thumbteamslide p {font-size:13px !important;}
.thumbteamslide a {color:#fff; font-size:13px;}

}
@media screen and (max-width: 570px) {
    .thumbteam{width:100%}
}
@media screen and (max-width: 500px) {
div.thumbteam  {
    float: left;
    height: 205px;
    margin: 1%;
    width: 100%;
}
}


@media screen and (max-width: 865px) {
.productbox{width:96%}
#producttitle h1,#producttitle h2,#producttitle p,#contacttitle h1,#contacttitle h2,#contacttitle p{width:80%}
#content,.content{padding-top:20px}
#slider{margin-bottom:10px}
#producttitle,#contacttitle{margin:0 0 15px}
h1{font-size:2em}
h2{font-size:1.5em}
}
@media screen and (max-width: 855px) {
#emphases{display:none}
#socialmedia{width:25%}
}
@media screen and (max-width: 820px) {
#headerwrapper{position:static}
#shadow{display:none}
#bannerwrapper,#bannerwrapper_tipp{margin-top:0}
#bannerwrapper{height:auto;min-height:490px}
#banner.rsDefault{min-height:490px}
.active{background-color:#5aa73f;color:#fff!important}
#bannerwrapper,#bannerwrapper_page,#bannerwrapper_tipp,#bannerwrapper_page_small,#bannerwrapper_page .small{margin-top:0}
div#sd-big figure img{margin-top:10px}

#bannerimg_slider .rsSlide img{margin-top:12px!important;max-height:270px;width:auto!important}

#bw_big{margin-top:0em;background-image: none}

#contacttitlereferenz h1,#contacttitlereferenz h2,#contacttitlereferenz p{width:auto}
}
@media screen and (max-width: 740px) {
#content .thumbteamtxt p{font-size:13px}
h1{font-size:1.7em}
h2{font-size:1.2em}
}
@media screen and (max-width: 730px) {
h3{color:#3e3e3e;line-height:40px;margin:10px 0}
footer h3{color:#fff;}
#bannerimg_slider{width:100%!important}
#bannerslogan,#bannerslogan.small{display:none}
#contentleft,#contentlefttipp,.contentleft,.contentlefttipp,.contentright{width:100%;padding:0}
#accordion div.number,#accordiontipp div.number,#accordionstart div.number{display:none}
#accordion div.accordiontitle,#accordiontipp div.accordiontitle,#accordionstart div.accordiontitle{width:100%}
#accordion div.slide,#accordiontipp div.slide,#accordionstart div.slide{width:100%}
div.thumb{margin:10px 1%;width:48%}
.thumbteamtxt h3{font-size:18px;line-height:23px}
.thumbteam:hover .thumbteamtxt{margin-top:-58px}
#contactleft table tr td a{display:block}
#headerwrapper{height:70px}
#logo{margin:5px 0 0}
#logo img{width:50%;height:auto}
#bannerwrapper_tipp{max-height:50px}
}
@media screen and (max-width: 690px) {
.box{width:96%}
#middle_box{border:none}
.rsArrowRight{display:none}
}

@media screen and (max-width: 675px) {
#content .thumbteamtxt p{font-size:9px}
h1{font-size:1.8em;padding-top:.5em}
h1 span{font-size:.7em;padding-top:.1em}
h2{font-size:1.4em}
#bannerwrapper h4{display:none}
}
@media screen and (max-width: 560px) {
#contactleft,#contactright{width:100%}
#bannerwrapper .royalSlider,.rsOverflow{height:430px!important}
#bannerwrapper .rsABlock{margin:45px 0 0}
#content .thumbteamtxt p{font-size:11px}
#bannerwrapper_tipp{max-height:15px}
}
@media screen and (max-width: 520px) {
.rsABlock{margin:135px 0 0;padding:13px 3%!important;width:94%!important;height:auto!important}
.rsSlide img{margin-top:10px!important;padding:0!important}
.royalSlider,.rsOverflow{min-height:0}
#bannerimg_slider .rsOverflow{height:100%!important}

.thumbteamtxt h3{font-size:16px}
.box h2{background-size:45px auto!important;height:auto;min-height:37px;padding:2px 0 6px 55px}
.productbox img{width:45px}
.productbox h2{margin-bottom:25px}
#contentleft img,.contentlefttipp img,.contentleft img,.contentright img{margin:10px 10px 0 0;width:45px}
#contacttitlereferenz img{margin:0 10px 0 0;width:45px}
#bannerwrapper .royalSlider,.rsOverflow{height:400px!important}
}
@media screen and (max-width: 500px) {
h1{word-break:break-all}
div.thumbteam{float:left;height:auto;margin:1%;width:48%}
.thumb:hover .thumbtxt{margin-top:-41px}
#content .thumbteamtxt p{font-size:13px}
#logo img{width:50%;height:auto}
}
@media screen and (max-width: 422px) {
#content .thumbteamtxt p{font-size:11px}
}
@media screen and (max-width: 420px) {
#logo img{width:50%;height:auto}
.rsABlock h2{font-size:30px}
#producttitle p,#contacttitle p{width:100%}
#slider{width:100%}
#slider .rsSlide img{width:100%!important;max-width:350px}
#bannerwrapper_page{height:245px}
#bw_big{height:230px}
#banner.rsDefault{min-height:405px}
#bannerwrapper{min-height:380px}
#customer{width:60%}
.thumbteamtxt p{font-size:11px}
}
@media screen and (max-width: 350px) {
#banner .button{display:block;padding:20px 3%;width:94%}
#socialmedia{width:40%}
#bannerwrapper_page{height:210px}
#bw_big{height:200px}
.thumbteamtxt p{font-size:10px}
#content .thumbteamtxt p{font-size:9px}
}
.kontakt_button{margin-bottom:4em;margin-left:-1em;padding:30px 3%!important;height:auto!important}
.kontakt_button .button{margin-top:5px;padding:25px;background-repeat:no-repeat;background-position:center}
.kontakt_button .button:hover{background:#204d13 90% center no-repeat}
.break {clear:both;}
#thumbs h3:first-child {margin-top:15px;}
@import "http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,400italic,300italic,500,500italic,700,700italic,900italic,900";
.overlay {
    background: rgba(255,255,255,.7);
    position: fixed;
    top: 0;
    left:0;
    height: 100%;
    width: 100%;
    z-index: 9998;
}
.redesign-closed .redesign_wrapper {
    right: -80%;
}
.redesign_wrapper {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 9998;
    width: 80%;
    -webkit-transition: right .4s ease-out;
    -moz-transition: right .4s ease-out;
    -ms-transition: right .4s ease-out;
    -o-transition: right .4s ease-out;
    transition: right .4s ease-out;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
}
.redesign {
    height: 100vh;
    overflow-y: scroll;
    background-color: #fff;
    position: relative;
    z-index: 1;
}
.redesign::-webkit-scrollbar {
    display: none;
}
.redesign .container {
    padding: 70px 15px;
}
.redesign_wrapper img {
    max-width:100%;
    height: auto;
}
.redesign_wrapper h2 {
    color: #0a8911;
    font-size: 19px;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
}
.redesign_wrapper h2 span {
    color: #A8A8A8;
    font-size: 15px;
    line-height: 22px;
    font-weight: 400;
    display: blocK;
    text-transform: none;
    margin-top: 10px;
}
.redesign_wrapper .badge {
    cursor: pointer;
    position: absolute;
    z-index: -1;
    top: 135px;
    left: -55px;
    width: 55px;
    padding: 15px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 4px 0 0 4px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
}
.redesign_wrapper .badge h2 {
    float: left;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    margin: 0;
    height: 49px;
}
.redesign_wrapper .badge img {
    float: left;
    margin-bottom: 15px;
}
.redesign p:not(.err) {
    color: #4a4949;
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 35px;
    margin-top: 10px;
}
.redesign input {
    width: 100%;
    border-radius: 4px;
    margin-bottom: 15px;
    font-size: 15px;
    padding: 10px 15px;
    height: 45px;
    box-shadow: inset 0 1px 3px #ddd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.redesign input:focus {
    border-color: #119518;
}
.redesign input::placeholder {
    color: #bbb;
}
.redesign button {
    display: block;
    width: 100%;
    background-color: #119518;
    background-image: -webkit-linear-gradient(top, #159d1c, #0b8a12);
    background-image: -moz-linear-gradient(top, #159d1c, #0b8a12);
    background-image: -ms-linear-gradient(top, #159d1c, #0b8a12);
    background-image: -o-linear-gradient(top, #159d1c, #0b8a12);
    background-image: linear-gradient(to bottom, #159d1c, #0b8a12);
    text-align: center;
    border-radius: 4px;
    border: 1px solid #119518;
    cursor: pointer;
    color: #fff;
    font-size: 15px;
    padding: 15px;
    -webkit-box-shadow: 0px 1px 3px #ddd;
    -moz-box-shadow: 0px 1px 3px #ddd;
    box-shadow: 0px 1px 3px #ddd;
}
.redesign button:hover, .redesign button:focus {
    background-image: -webkit-linear-gradient(top, #0b8a12, #159d1c);
    background-image: -moz-linear-gradient(top, #0b8a12, #159d1c);
    background-image: -ms-linear-gradient(top, #0b8a12, #159d1c);
    background-image: -o-linear-gradient(top, #0b8a12, #159d1c);
    background-image: linear-gradient(to bottom, #0b8a12, #159d1c);
}
@media (min-width: 768px) {
    .redesign-closed .redesign_wrapper {
        right: -435px;
    }
    .redesign_wrapper {
        width: 435px;
    }
    .redesign .container {
        padding: 70px 45px;
    }
    .redesign_wrapper h2 {
        font-size: 28px;
        font-weight: 300;
    }
    .redesign_wrapper .badge {
        left: -80px;
        width: 80px;
        padding: 20px;
    }
    .redesign_wrapper .badge h2 {
        height: 88px;
        font-size: 34px;
    }
    .redesign_wrapper h2 span {
        font-size: 22px;
    }
}
.checkbox {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 12px;
    font-style: italic;
}
/* Hide the browser's default checkbox */
.checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #ececec;
}
/* On mouse-over, add a grey background color */
.checkbox:hover input ~ .checkmark {
    background-color: #bebebe;
}
/* When the checkbox is checked, add a blue background */
.checkbox input:checked ~ .checkmark {
    background-color: #0A8911;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
/* Show the checkmark when checked */
.checkbox input:checked ~ .checkmark:after {
    display: block;
}
/* Style the checkmark/indicator */
.checkbox .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.check-text {
    position: relative;
    z-index: 1;
}
.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}
.cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-banner .cc-btn:last-child{min-width:140px}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em;border:1px solid #999}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{flex:1}.cc-window.cc-banner{-ms-flex-align:center;align-items:center;border-top:1px solid #999}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{-ms-flex:1;flex:1}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}