body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.5em;
    background-color: #eaeaea;
    color: #333333;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Verdana, Geneva, sans-serif;
}
h1 {
    margin-top: 0;
    font-size: 28px;
}
h2,
h4 {
    font-size: 16px;
}

.form-control {
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    transition: none;
    -webkit-transition: none;
    outline: none;
}

.form-control:focus {
    box-shadow: none;
    -webkit-box-shadow: none;
    transition: none;
    -webkit-transition: none;
    outline: none;
}

.form-control.disabled {
    background-color: #ccc;
    pointer-events: none;
}

.checkbox .checkbox-content input[type="checkbox"] {
    display: none;
}

.checkbox .checkbox-content input[type="checkbox"] + label {
    padding-left: 0;
}

.checkbox .checkbox-content input[type="checkbox"] + label::before {
    content: " ";
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 1px solid #cccccc;
    background-color: #ffffff;
    margin-right: 10px;
    vertical-align: text-top;
}

.checkbox .checkbox-content input[type="checkbox"]:checked + label::before {
    content: "\2714";
    line-height: 12px;
    color: #009bdd;
    font-size: 22px;
    font-weight: normal;
}

.checkbox .checkbox-content label small {
    display: block;
    padding: 10px 0;
}

select {
    border-radius: 0px;
    border: 1px solid #ccc;
    padding: 5px 10px;
    position: relative;
    cursor: pointer;
}

.container {
    background-color: #fff;
}
.container.content {
    padding-top: 15px;
}

body.layout-fullwidth .container {
    width: 100%;
}

a {
    color: #333;
}
a:hover {
    color: #999;
    text-decoration: none;
}
.row > [class*="col-"] {
    margin-bottom: 30px;
}
.row > [class*="col-"] > [class*="col-"] {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 30px;
}
.row .row {
    margin-bottom: 0;
}
select {
    width: 100%;
    height: 34px;
    background-color: #ffffff;
}
.btn-default.delta-blue {
    color: #fff;
    border-color: #009bdd;
    background: #009bdd;
    text-shadow: none;
    padding: 4px 10px;
    min-width: 100px;
    border-width: 1px;
    border-radius: 0;
}

.btn-default.cancel {
    color: #333333;
    background: #e6e6e6;
    border-color: #e6e6e6;
}

@media (min-width: 992px) {
    /*
    .container {
        &.content {
            &.navi-solution { padding-top: 0; }
            &.navi-product { padding-top: 0; }
        }
    }
    */
}
/* Yamm native stylesheets -- Begin */
.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
    position: static;
}
.yamm .container {
    position: relative;
}
.yamm .dropdown-menu {
    left: auto;
}
.yamm .yamm-content {
    padding: 20px 30px;
}
.yamm .dropdown.yamm-fw .dropdown-menu {
    left: 0;
    right: 0;
    border-radius: 0;
    border: 0;
    border-top: 1px solid #eee;
}
/* Yamm native stylesheets -- End */
/* Flags native styesheets -- Begin */
.flag {
    width: 16px;
    height: 11px;
}
.flag.flag-ad {
    background-position: -16px 0;
}
.flag.flag-ae {
    background-position: -32px 0;
}
.flag.flag-af {
    background-position: -48px 0;
}
.flag.flag-ag {
    background-position: -64px 0;
}
.flag.flag-ai {
    background-position: -80px 0;
}
.flag.flag-al {
    background-position: -96px 0;
}
.flag.flag-am {
    background-position: -112px 0;
}
.flag.flag-an {
    background-position: -128px 0;
}
.flag.flag-ao {
    background-position: -144px 0;
}
.flag.flag-ar {
    background-position: -160px 0;
}
.flag.flag-as {
    background-position: -176px 0;
}
.flag.flag-at {
    background-position: -192px 0;
}
.flag.flag-au {
    background-position: -208px 0;
}
.flag.flag-aw {
    background-position: -224px 0;
}
.flag.flag-az {
    background-position: -240px 0;
}
.flag.flag-ba {
    background-position: 0 -11px;
}
.flag.flag-bb {
    background-position: -16px -11px;
}
.flag.flag-bd {
    background-position: -32px -11px;
}
.flag.flag-be {
    background-position: -48px -11px;
}
.flag.flag-bf {
    background-position: -64px -11px;
}
.flag.flag-bg {
    background-position: -80px -11px;
}
.flag.flag-bh {
    background-position: -96px -11px;
}
.flag.flag-bi {
    background-position: -112px -11px;
}
.flag.flag-bj {
    background-position: -128px -11px;
}
.flag.flag-bm {
    background-position: -144px -11px;
}
.flag.flag-bn {
    background-position: -160px -11px;
}
.flag.flag-bo {
    background-position: -176px -11px;
}
.flag.flag-br {
    background-position: -192px -11px;
}
.flag.flag-bs {
    background-position: -208px -11px;
}
.flag.flag-bt {
    background-position: -224px -11px;
}
.flag.flag-bv {
    background-position: -240px -11px;
}
.flag.flag-bw {
    background-position: 0 -22px;
}
.flag.flag-by {
    background-position: -16px -22px;
}
.flag.flag-bz {
    background-position: -32px -22px;
}
.flag.flag-ca {
    background-position: -48px -22px;
}
.flag.flag-catalonia {
    background-position: -64px -22px;
}
.flag.flag-cd {
    background-position: -80px -22px;
}
.flag.flag-cf {
    background-position: -96px -22px;
}
.flag.flag-cg {
    background-position: -112px -22px;
}
.flag.flag-ch {
    background-position: -128px -22px;
}
.flag.flag-ci {
    background-position: -144px -22px;
}
.flag.flag-ck {
    background-position: -160px -22px;
}
.flag.flag-cl {
    background-position: -176px -22px;
}
.flag.flag-cm {
    background-position: -192px -22px;
}
.flag.flag-cn {
    background-position: -208px -22px;
}
.flag.flag-co {
    background-position: -224px -22px;
}
.flag.flag-cr {
    background-position: -240px -22px;
}
.flag.flag-cu {
    background-position: 0 -33px;
}
.flag.flag-cv {
    background-position: -16px -33px;
}
.flag.flag-cw {
    background-position: -32px -33px;
}
.flag.flag-cy {
    background-position: -48px -33px;
}
.flag.flag-cz {
    background-position: -64px -33px;
}
.flag.flag-de {
    background-position: -80px -33px;
}
.flag.flag-dj {
    background-position: -96px -33px;
}
.flag.flag-dk {
    background-position: -112px -33px;
}
.flag.flag-dm {
    background-position: -128px -33px;
}
.flag.flag-do {
    background-position: -144px -33px;
}
.flag.flag-dz {
    background-position: -160px -33px;
}
.flag.flag-ec {
    background-position: -176px -33px;
}
.flag.flag-ee {
    background-position: -192px -33px;
}
.flag.flag-eg {
    background-position: -208px -33px;
}
.flag.flag-eh {
    background-position: -224px -33px;
}
.flag.flag-england {
    background-position: -240px -33px;
}
.flag.flag-er {
    background-position: 0 -44px;
}
.flag.flag-es {
    background-position: -16px -44px;
}
.flag.flag-et {
    background-position: -32px -44px;
}
.flag.flag-eu {
    background-position: -48px -44px;
}
.flag.flag-fi {
    background-position: -64px -44px;
}
.flag.flag-fj {
    background-position: -80px -44px;
}
.flag.flag-fk {
    background-position: -96px -44px;
}
.flag.flag-fm {
    background-position: -112px -44px;
}
.flag.flag-fo {
    background-position: -128px -44px;
}
.flag.flag-fr {
    background-position: -144px -44px;
}
.flag.flag-ga {
    background-position: -160px -44px;
}
.flag.flag-gb {
    background-position: -176px -44px;
}
.flag.flag-gd {
    background-position: -192px -44px;
}
.flag.flag-ge {
    background-position: -208px -44px;
}
.flag.flag-gf {
    background-position: -224px -44px;
}
.flag.flag-gg {
    background-position: -240px -44px;
}
.flag.flag-gh {
    background-position: 0 -55px;
}
.flag.flag-gi {
    background-position: -16px -55px;
}
.flag.flag-gl {
    background-position: -32px -55px;
}
.flag.flag-gm {
    background-position: -48px -55px;
}
.flag.flag-gn {
    background-position: -64px -55px;
}
.flag.flag-gp {
    background-position: -80px -55px;
}
.flag.flag-gq {
    background-position: -96px -55px;
}
.flag.flag-gr {
    background-position: -112px -55px;
}
.flag.flag-gs {
    background-position: -128px -55px;
}
.flag.flag-gt {
    background-position: -144px -55px;
}
.flag.flag-gu {
    background-position: -160px -55px;
}
.flag.flag-gw {
    background-position: -176px -55px;
}
.flag.flag-gy {
    background-position: -192px -55px;
}
.flag.flag-hk {
    background-position: -208px -55px;
}
.flag.flag-hm {
    background-position: -224px -55px;
}
.flag.flag-hn {
    background-position: -240px -55px;
}
.flag.flag-hr {
    background-position: 0 -66px;
}
.flag.flag-ht {
    background-position: -16px -66px;
}
.flag.flag-hu {
    background-position: -32px -66px;
}
.flag.flag-ic {
    background-position: -48px -66px;
}
.flag.flag-id {
    background-position: -64px -66px;
}
.flag.flag-ie {
    background-position: -80px -66px;
}
.flag.flag-il {
    background-position: -96px -66px;
}
.flag.flag-im {
    background-position: -112px -66px;
}
.flag.flag-in {
    background-position: -128px -66px;
}
.flag.flag-io {
    background-position: -144px -66px;
}
.flag.flag-iq {
    background-position: -160px -66px;
}
.flag.flag-ir {
    background-position: -176px -66px;
}
.flag.flag-is {
    background-position: -192px -66px;
}
.flag.flag-it {
    background-position: -208px -66px;
}
.flag.flag-je {
    background-position: -224px -66px;
}
.flag.flag-jm {
    background-position: -240px -66px;
}
.flag.flag-jo {
    background-position: 0 -77px;
}
.flag.flag-jp {
    background-position: -16px -77px;
}
.flag.flag-ke {
    background-position: -32px -77px;
}
.flag.flag-kg {
    background-position: -48px -77px;
}
.flag.flag-kh {
    background-position: -64px -77px;
}
.flag.flag-ki {
    background-position: -80px -77px;
}
.flag.flag-km {
    background-position: -96px -77px;
}
.flag.flag-kn {
    background-position: -112px -77px;
}
.flag.flag-kp {
    background-position: -128px -77px;
}
.flag.flag-kr {
    background-position: -144px -77px;
}
.flag.flag-kurdistan {
    background-position: -160px -77px;
}
.flag.flag-kw {
    background-position: -176px -77px;
}
.flag.flag-ky {
    background-position: -192px -77px;
}
.flag.flag-kz {
    background-position: -208px -77px;
}
.flag.flag-la {
    background-position: -224px -77px;
}
.flag.flag-lb {
    background-position: -240px -77px;
}
.flag.flag-lc {
    background-position: 0 -88px;
}
.flag.flag-li {
    background-position: -16px -88px;
}
.flag.flag-lk {
    background-position: -32px -88px;
}
.flag.flag-lr {
    background-position: -48px -88px;
}
.flag.flag-ls {
    background-position: -64px -88px;
}
.flag.flag-lt {
    background-position: -80px -88px;
}
.flag.flag-lu {
    background-position: -96px -88px;
}
.flag.flag-lv {
    background-position: -112px -88px;
}
.flag.flag-ly {
    background-position: -128px -88px;
}
.flag.flag-ma {
    background-position: -144px -88px;
}
.flag.flag-mc {
    background-position: -160px -88px;
}
.flag.flag-md {
    background-position: -176px -88px;
}
.flag.flag-me {
    background-position: -192px -88px;
}
.flag.flag-mg {
    background-position: -208px -88px;
}
.flag.flag-mh {
    background-position: -224px -88px;
}
.flag.flag-mk {
    background-position: -240px -88px;
}
.flag.flag-ml {
    background-position: 0 -99px;
}
.flag.flag-mm {
    background-position: -16px -99px;
}
.flag.flag-mn {
    background-position: -32px -99px;
}
.flag.flag-mo {
    background-position: -48px -99px;
}
.flag.flag-mp {
    background-position: -64px -99px;
}
.flag.flag-mq {
    background-position: -80px -99px;
}
.flag.flag-mr {
    background-position: -96px -99px;
}
.flag.flag-ms {
    background-position: -112px -99px;
}
.flag.flag-mt {
    background-position: -128px -99px;
}
.flag.flag-mu {
    background-position: -144px -99px;
}
.flag.flag-mv {
    background-position: -160px -99px;
}
.flag.flag-mw {
    background-position: -176px -99px;
}
.flag.flag-mx {
    background-position: -192px -99px;
}
.flag.flag-my {
    background-position: -208px -99px;
}
.flag.flag-mz {
    background-position: -224px -99px;
}
.flag.flag-na {
    background-position: -240px -99px;
}
.flag.flag-nc {
    background-position: 0 -110px;
}
.flag.flag-ne {
    background-position: -16px -110px;
}
.flag.flag-nf {
    background-position: -32px -110px;
}
.flag.flag-ng {
    background-position: -48px -110px;
}
.flag.flag-ni {
    background-position: -64px -110px;
}
.flag.flag-nl {
    background-position: -80px -110px;
}
.flag.flag-no {
    background-position: -96px -110px;
}
.flag.flag-np {
    background-position: -112px -110px;
}
.flag.flag-nr {
    background-position: -128px -110px;
}
.flag.flag-nu {
    background-position: -144px -110px;
}
.flag.flag-nz {
    background-position: -160px -110px;
}
.flag.flag-om {
    background-position: -176px -110px;
}
.flag.flag-pa {
    background-position: -192px -110px;
}
.flag.flag-pe {
    background-position: -208px -110px;
}
.flag.flag-pf {
    background-position: -224px -110px;
}
.flag.flag-pg {
    background-position: -240px -110px;
}
.flag.flag-ph {
    background-position: 0 -121px;
}
.flag.flag-pk {
    background-position: -16px -121px;
}
.flag.flag-pl {
    background-position: -32px -121px;
}
.flag.flag-pm {
    background-position: -48px -121px;
}
.flag.flag-pn {
    background-position: -64px -121px;
}
.flag.flag-pr {
    background-position: -80px -121px;
}
.flag.flag-ps {
    background-position: -96px -121px;
}
.flag.flag-pt {
    background-position: -112px -121px;
}
.flag.flag-pw {
    background-position: -128px -121px;
}
.flag.flag-py {
    background-position: -144px -121px;
}
.flag.flag-qa {
    background-position: -160px -121px;
}
.flag.flag-re {
    background-position: -176px -121px;
}
.flag.flag-ro {
    background-position: -192px -121px;
}
.flag.flag-rs {
    background-position: -208px -121px;
}
.flag.flag-ru {
    background-position: -224px -121px;
}
.flag.flag-rw {
    background-position: -240px -121px;
}
.flag.flag-sa {
    background-position: 0 -132px;
}
.flag.flag-sb {
    background-position: -16px -132px;
}
.flag.flag-sc {
    background-position: -32px -132px;
}
.flag.flag-scotland {
    background-position: -48px -132px;
}
.flag.flag-sd {
    background-position: -64px -132px;
}
.flag.flag-se {
    background-position: -80px -132px;
}
.flag.flag-sg {
    background-position: -96px -132px;
}
.flag.flag-sh {
    background-position: -112px -132px;
}
.flag.flag-si {
    background-position: -128px -132px;
}
.flag.flag-sk {
    background-position: -144px -132px;
}
.flag.flag-sl {
    background-position: -160px -132px;
}
.flag.flag-sm {
    background-position: -176px -132px;
}
.flag.flag-sn {
    background-position: -192px -132px;
}
.flag.flag-so {
    background-position: -208px -132px;
}
.flag.flag-somaliland {
    background-position: -224px -132px;
}
.flag.flag-sr {
    background-position: -240px -132px;
}
.flag.flag-ss {
    background-position: 0 -143px;
}
.flag.flag-st {
    background-position: -16px -143px;
}
.flag.flag-sv {
    background-position: -32px -143px;
}
.flag.flag-sx {
    background-position: -48px -143px;
}
.flag.flag-sy {
    background-position: -64px -143px;
}
.flag.flag-sz {
    background-position: -80px -143px;
}
.flag.flag-tc {
    background-position: -96px -143px;
}
.flag.flag-td {
    background-position: -112px -143px;
}
.flag.flag-tf {
    background-position: -128px -143px;
}
.flag.flag-tg {
    background-position: -144px -143px;
}
.flag.flag-th {
    background-position: -160px -143px;
}
.flag.flag-tibet {
    background-position: -176px -143px;
}
.flag.flag-tj {
    background-position: -192px -143px;
}
.flag.flag-tk {
    background-position: -208px -143px;
}
.flag.flag-tl {
    background-position: -224px -143px;
}
.flag.flag-tm {
    background-position: -240px -143px;
}
.flag.flag-tn {
    background-position: 0 -154px;
}
.flag.flag-to {
    background-position: -16px -154px;
}
.flag.flag-tr {
    background-position: -32px -154px;
}
.flag.flag-tt {
    background-position: -48px -154px;
}
.flag.flag-tv {
    background-position: -64px -154px;
}
.flag.flag-tw {
    background-position: -80px -154px;
}
.flag.flag-tz {
    background-position: -96px -154px;
}
.flag.flag-ua {
    background-position: -112px -154px;
}
.flag.flag-ug {
    background-position: -128px -154px;
}
.flag.flag-um {
    background-position: -144px -154px;
}
.flag.flag-us {
    background-position: -160px -154px;
}
.flag.flag-uy {
    background-position: -176px -154px;
}
.flag.flag-uz {
    background-position: -192px -154px;
}
.flag.flag-va {
    background-position: -208px -154px;
}
.flag.flag-vc {
    background-position: -224px -154px;
}
.flag.flag-ve {
    background-position: -240px -154px;
}
.flag.flag-vg {
    background-position: 0 -165px;
}
.flag.flag-vi {
    background-position: -16px -165px;
}
.flag.flag-vn {
    background-position: -32px -165px;
}
.flag.flag-vu {
    background-position: -48px -165px;
}
.flag.flag-wales {
    background-position: -64px -165px;
}
.flag.flag-wf {
    background-position: -80px -165px;
}
.flag.flag-ws {
    background-position: -96px -165px;
}
.flag.flag-xk {
    background-position: -112px -165px;
}
.flag.flag-ye {
    background-position: -128px -165px;
}
.flag.flag-yt {
    background-position: -144px -165px;
}
.flag.flag-za {
    background-position: -160px -165px;
}
.flag.flag-zanzibar {
    background-position: -176px -165px;
}
.flag.flag-zm {
    background-position: -192px -165px;
}
.flag.flag-zw {
    background-position: -208px -165px;
}
/* Flags native styesheets -- End */
.navbar-toggle {
    float: left;
    margin-top: 20px;
    margin-left: 15px;
}
.navbar-brand {
    position: relative;
    z-index: 1;
    height: auto;
    padding: 18px 15px 0 15px;
    margin-right: 10px;
    line-height: 45px;
    vertical-align: text-bottom;
    float: none;
    display: inline-block;
}
.navbar-brand img {
    max-height: 39px;
}

/* Header Topnavigation */

body.header-topnavigation {
    /*margin-top: 118px;*/
    margin-top: 0;
}
body.headertitle.header-topnavigation {
    /*margin-top: 156px;*/
}

.navbar-default {
    margin-bottom: 0;
}

.navbar-default .headertitle-text {
    display: none;
}

.navbar-default .navbar-toggle {
    border: 0;
    background-color: #fff;
    padding: 9px 5px;
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: #fff;
}

.navbar-default .navbar-toggle span.icon-bar {
    background-color: #009bdd;
    border: 0;
    height: 2px;
    width: 25px;
}

.navbar-default .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 5px;
}

.navbar-default .container.header-topnav {
    min-height: none;
    width: 100%;
}
.navbar-default .header-topnav {
    background-color: #009bdd;
    margin: 0;
    margin-bottom: 10px;
    padding: 0;
    height: 24px;
    position: relative;
}

.navbar-default .header-topnav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    height: inherit;
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
}

body.layout-fullwidth .navbar-default .header-topnav ul {
    max-width: none;
}

.navbar-default .header-topnav ul:after {
    content: " ";
    height: 0;
    float: none;
    clear: both;
    display: block;
}

.navbar-default .header-topnav ul li {
    float: left;
    position: relative;
    white-space: nowrap;
}

.navbar-default .header-topnav ul li a {
    color: #ffffff;
    padding: 0px 15px;
    display: block;
    min-height: 24px;
    line-height: 24px;
    text-decoration: none;
    font-size: 1.4rem;
}

.navbar-default .header-topnav ul li ul {
    height: 0;
    width: auto;
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.5s ease-out;
    background-color: #8ac4ec;
    color: #333333;
    position: absolute;
    top: 24px;
    left: 0px;
    z-index: 9000;
}

.navbar-default .header-topnav ul li:hover ul {
    height: auto;

    opacity: 1;
    transition: opacity 0.1s ease-out;
}

.navbar-default .header-topnav ul li ul li {
    float: none;
}

.navbar-default .header-topnav ul li:hover ul li ul {
    background-color: #009bdd;
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
}

@media (max-width: 767px) {
    body.header-topnavigation,
    body.layout-fullwidth.header-topnavigation,
    body.headertitle.header-topnavigation,
    body.layout-fullwidth.headertitle.header-topnavigation {
        /*margin-top: 118px;*/
    }

    .navbar-default .header-topnav {
        cursor: pointer;
    }

    .navbar-default .header-topnav:before {
        content: " ";
        display: block;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #ffffff;
        position: absolute;
        top: calc(14px - 5px);
        left: calc(50% - 5px);
    }

    .navbar-default .header-topnav ul {
        display: none;
        height: auto;
        position: absolute;
        top: 24px;
        left: 0;
        z-index: 999;
        background-color: #009bdd;
        width: 100%;
        border-top: 1px solid #8ac4ec;
    }

    .navbar-default .header-topnav ul > li {
        float: none;
    }

    .navbar-default .header-topnav ul > li ul {
        height: auto;
        opacity: unset;
        position: unset;
        display: block;
    }

    .navbar-default .header-topnav ul > li ul li {
        background-color: #8ac4ec;
    }

    .navbar-default .header-topnav ul > li ul li ul li {
        background-color: #009bdd;
    }
}

@media (max-width: 480px) {
    body.headertitle.header-topnavigation,
    body.layout-fullwidth.headertitle.header-topnavigation {
        /*margin-top: 157px;*/
    }
}

.navbar-default > .container {
    position: relative;
    min-height: 75px;
}
.navbar-default .navbar-nav {
    /* green navi */
    /* /green navi */
    /* blue navi */
    /* /blue navi */
}
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:link,
.navbar-default .navbar-nav > li > a:visited {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 16px;
    line-height: 1;
    color: #333333;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:active,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:link,
.navbar-default .navbar-nav > .open > a:visited,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:active {
    color: #b3b3b3;
}
.navbar-default .navbar-nav > li.nav-green > a:hover,
.navbar-default .navbar-nav > li.nav-green > a:focus,
.navbar-default .navbar-nav > li.nav-green > a:active,
.navbar-default .navbar-nav > .open.nav-green > a,
.navbar-default .navbar-nav > .open.nav-green > a:link,
.navbar-default .navbar-nav > .open.nav-green > a:visited,
.navbar-default .navbar-nav > .open.nav-green > a:hover,
.navbar-default .navbar-nav > .open.nav-green > a:focus,
.navbar-default .navbar-nav > .open.nav-green > a:active {
    color: #78b721;
}
.navbar-default .navbar-nav > li.nav-blue > a:hover,
.navbar-default .navbar-nav > li.nav-blue > a:focus,
.navbar-default .navbar-nav > li.nav-blue > a:active,
.navbar-default .navbar-nav > .open.nav-blue > a,
.navbar-default .navbar-nav > .open.nav-blue > a:link,
.navbar-default .navbar-nav > .open.nav-blue > a:visited,
.navbar-default .navbar-nav > .open.nav-blue > a:hover,
.navbar-default .navbar-nav > .open.nav-blue > a:focus,
.navbar-default .navbar-nav > .open.nav-blue > a:active {
    color: #009bdd;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    background: none;
    background-color: transparent;
    box-shadow: none;
}
.navbar-default .claim {
    padding: 15px;
    margin-left: -30px;
    margin-top: 0;
    color: #fff;
    background-color: #b3b3b3;
}
.navbar-default .nav-green .claim {
    background-color: #78b721;
}
.navbar-default .nav-green .yamm-content a:hover,
.navbar-default .nav-green .yamm-content a:focus,
.navbar-default .nav-green .yamm-content a:active,
.navbar-default .nav-green .yamm-content h5,
.navbar-default .nav-green .yamm-content h5 a {
    color: #78b721;
}
.navbar-default .nav-blue .claim {
    background-color: #009bdd;
}
.navbar-default .nav-blue .yamm-content a:hover,
.navbar-default .nav-blue .yamm-content a:focus,
.navbar-default .nav-blue .yamm-content a:active,
.navbar-default .nav-blue .yamm-content h5,
.navbar-default .nav-blue .yamm-content h5 a {
    color: #009bdd;
}
.navbar-default .yamm-content a {
    font-size: 14px;
    /*line-height: 1.3;*/
    line-height: 30px;
    display: block;
    padding: 0 15px;
}
.navbar-default .yamm-content a:hover {
    background-color: #ddd;
    color: #000;
}

.navbar-default .yamm-content h5 {
    font-size: 16px;
    line-height: 1.5;
}
.navbar-default .yamm-content img {
    max-width: 100%;
    height: auto;
}
.navbar-default .yamm-content a > img {
    margin-bottom: 10px;
}
.navbar-default .yamm-content ul {
    padding: 0;
    list-style-type: none;
}
.navbar-default .yamm-content li {
    /*padding: 6px 0;*/
    padding: 0px;
    line-height: 49px;
}
.navbar-default .yamm-content li > a:before {
    /*content: "\2022 \00a0";*/
}
.navbar-default .nav-area-right {
    position: absolute;
    top: 0;
    right: 15px;
    height: 75px;
    text-align: right;
}

.layout-fullwidth .navbar-default .nav-area-right {
    margin-right: 15px;
}

.navbar-default .nav-area-right > div {
    margin-top: 4px;
    float: left;
}
.navbar-default .nav-area-right .nav-area-right-top {
    height: 34px;
    display: inline-block;
}
.navbar-default .nav-area-right .nav-area-right-top > div {
    float: left;
    margin-right: 15px;
    padding-right: 15px;
    border-right: 1px solid #cccccc;
    height: 34px;
    line-height: 34px;
}
.navbar-default .nav-area-right .nav-area-right-top > div a,
.navbar-default .nav-area-right .nav-area-right-top > div a:link,
.navbar-default .nav-area-right .nav-area-right-top > div a:visited {
    text-decoration: none;
    color: #333333;
    position: relative;
    z-index: 10002;
    cursor: pointer;
}
.navbar-default .nav-area-right .nav-area-right-top > div a:hover,
.navbar-default .nav-area-right .nav-area-right-top > div a:focus,
.navbar-default .nav-area-right .nav-area-right-top > div a:active {
    text-decoration: underline;
}
.navbar-default .nav-area-right #SearchField,
.navbar-default #MobileSearchField {
    height: 34px;
    padding: 6px 12px;
    margin-right: -1px;
    border: 1px solid #ccc;
    outline: 0 none;
    vertical-align: bottom;
    border-radius: 0;
}

.navbar-default .nav-area-right #SearchField::placeholder,
.navbar-default #MobileSearchField::placeholder {
    color: #ccc;
}

.navbar-default .nav-area-right #Search button,
.navbar-default #MobileSearch button {
    margin-top: -1px;
    border-left: 0 none;
    background-image: none;
    border-color: #ccc;
    color: #009bdd;
    box-shadow: none;
}

.navbar-default .header-login a span.fa-user {
    color: #009bdd;
    display: inline-block;
    margin-right: 10px;
}

.navbar-default .header-region {
    position: relative;
}

.navbar-default .header-region a span.fa-globe {
    color: #009bdd;
    margin: 0 10px;
}

.navbar-default .header-regions {
    display: none;
    position: absolute;
    z-index: 10001;
    top: 33px;
    right: -1px;
    padding: 5px 30px 5px 0px;
    list-style-type: none;
    background-color: #fff;
    border-right: 1px solid #cccccc;
    /*-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);*/
    min-width: 100%;
}
.navbar-default .header-regions li {
    padding: 0px 15px;
    text-align: left;
    white-space: nowrap;
    line-height: 22px;
    padding-bottom: 10px;
}

.navbar-default .header-regions li:last-child {
    padding-bottom: 0;
}

.navbar-default .header-regions li a {
    white-space: nowrap;
}
.navbar-default .header-regions li img {
    margin-right: 6px;
}
.navbar-default .header-search > div {
    display: none;
    position: absolute;
    z-index: 10001;
    top: 24px;
    right: 0;
    padding: 5px 15px 5px 5px;
    list-style-type: none;
    background-color: #fff;
    /*-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);*/
    white-space: nowrap;
}
.navbar-default .nav-area-right-mobile {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
    text-align: right;
}
.navbar-default .nav-area-right-mobile > div {
    float: left;
    padding-right: 15px;
    margin-top: 4px;
}

.navbar-default .nav-area-right-mobile > div.header-region {
    border-right: 1px solid #ccc;
    margin-right: 10px;
    padding-right: 10px;
}

.navbar-default .nav-area-right-mobile > div.header-region a {
    position: relative;
    z-index: 10002;
}

.navbar-default .nav-area-right-mobile > div > a {
    font-size: 16px;
    text-decoration: none;
    color: #009bdd;
}

.navbar-default form#MobileSearch {
    display: none;
    padding: 10px 15px;
    background-color: #fff;
    width: 100%;
}

.navbar-default form#MobileSearch #MobileSearchField {
    width: calc(100% - 39px);
}

@media (min-width: 768px) {
    .navbar-header {
        /*margin-bottom: -40px;*/
        float: left;
    }
    .navbar-default .navbar-collapse {
        padding: 0;
        padding-top: 30px;
    }
    .navbar-default .navbar-nav {
        /*margin-left: -15px;*/
        margin-left: 0;
    }
    .navbar-default .navbar-nav > li {
        /*padding-top: 32px;*/
        border-bottom: 6px solid transparent;
    }
    .navbar-default .navbar-nav > li:hover,
    .navbar-default .navbar-nav > li.open {
        border-bottom-color: #b3b3b3;
    }
    .navbar-default .navbar-nav > li.nav-green:hover,
    .navbar-default .navbar-nav > li.open.nav-green {
        border-bottom-color: #78b721;
    }
    .navbar-default .navbar-nav > li.nav-blue:hover,
    .navbar-default .navbar-nav > li.open.nav-blue {
        border-bottom-color: #009bdd;
    }
    .navbar-default .navbar-nav > li > a {
        padding: 12px 9px 9px;
    }

    .navbar-default .navbar-nav > li:first-child > a {
        padding-left: 0;
    }

    .navbar-default .navbar-nav > li:last-child > a {
        padding-right: 0;
    }
}

@media (min-width: 992px) {
    body.headertitle .navbar-default .navbar-nav {
        margin-left: 225px;
    }
}

@media (max-width: 767px) {
    .navbar-default .nav-area-right-mobile {
        top: 6px;
    }
    .navbar-default .nav-area-right-mobile > div {
        padding-right: 18px;
    }
    .navbar-default .nav-area-right-mobile > div > a {
        font-size: 18px;
    }

    .navbar-default .nav-area-right-mobile .header-regions {
        top: 0;
    }

    .navbar-default .yamm-content li {
        padding: 10px 0;
        line-height: 24px;
    }
    .navbar-default .yamm-content li a {
        line-height: 24px;
    }
    .navbar-default .row > [class*="col-"] {
        margin-bottom: 0px;
    }
}

/* If headertitle is set */

body.headertitle {
    /*margin-top: 103px;*/
}

body.headertitle .navbar-default .navbar-header {
    float: none;
}

body.headertitle .navbar-default .navbar-collapse {
    padding-top: 0;
}

body.headertitle .navbar-default .navbar-brand {
    margin-right: 28px;
}

body.headertitle .navbar-default .navbar-brand img {
    max-height: 55px;
}

body.headertitle .navbar-default .navbar-nav > li {
    /*padding-top: 70px;*/
}

body.headertitle .navbar-default .headertitle-text {
    /*position: absolute;
  top: 45px;
  left: 230px;*/
    display: block;
    font-size: 18px;
    font-weight: normal;
    color: #949494;
    display: inline-block;
}

@media (max-width: 767px) {
    body.headertitle .navbar-default .navbar-brand {
        padding-bottom: 0;
    }

    body.headertitle .navbar-default .navbar-brand img {
        max-height: 39px;
    }

    body.headertitle .navbar-default .headertitle-text {
        position: unset;
        margin-bottom: 10px;
    }

    body.headertitle .navbar-default .yamm-content img {
        display: none;
    }
    body.headertitle .navbar-default .yamm-content {
        padding: 0px 30px;
    }
}

@media (max-width: 480px) {
    body.headertitle {
        /*margin-top: 112px;*/
    }
    body.headertitle .navbar-default .headertitle-text {
        position: unset;
        display: block;
        margin-top: 0 !important;
        float: none;
        clear: both;
        margin: 0 15px 15px 85px;
    }
}

.carousel-inner,
.carousel-inner .item {
    background: #b3b3b3;
}

.carousel-inner .item img {
    width: 100%;
}

.carousel-indicators .active {
    background-color: #009fdf;
    border-color: #009fdf;
    width: 14px;
    height: 14px;
}
.carousel-indicators li {
    width: 12px;
    height: 12px;
}
.carousel-caption {
    text-align: left;
    background: -webkit-linear-gradient(left, rgba(34, 43, 53, 0.9) 70%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(left, rgba(34, 43, 53, 0.9) 70%, rgba(255, 255, 255, 0) 100%);
    background: -moz-linear-gradient(left, rgba(34, 43, 53, 0.9) 70%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(34, 43, 53, 0.9) 70%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(34, 43, 53, 0.9) 70%, rgba(255, 255, 255, 0) 100%);
    padding-top: 15px;
    padding-left: 25px;
    padding-right: 50px;
    padding-bottom: 5px;
    right: auto;
    left: 0;
    bottom: auto;
    top: 20px;
}
.carousel-control.right,
.carousel-control.left {
    display: none;
    background: none;
}
.carousel-control {
    color: #333;
}
.carousel-control:focus,
.carousel-control:hover {
    color: #333;
}
@media (max-width: 767px) {
    .carousel-caption {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 0;
        text-align: left;
        position: static;
        color: #fff;
        text-shadow: none;
        min-height: 70px;
        background: #b3b3b3;
    }
    .carousel-caption h1 {
        font-size: 14px;
    }
    .carousel-caption p {
        line-height: 1.2;
    }
    .carousel-control {
        color: #333;
    }
    .carousel-control:focus,
    .carousel-control:hover {
        color: #333;
    }
    .carousel-indicators {
        bottom: auto;
        top: 65%;
        position: static;
        bottom: 10px;
        left: 50%;
        z-index: 15;
        width: 100%;
        padding-left: 0;
        margin-left: -30%;
        text-align: center;
        list-style: none;
        margin: 0 auto;
    }
    .carousel-indicators li {
        background-color: #fff;
        border-color: #b3b3b3;
    }
}
.row.tpl-breadcrumb {
    background-color: #eaeaea;
}
.row.tpl-breadcrumb .breadcrumb:empty {
    display: none;
}
.row.tpl-breadcrumb .col-md-12 {
    padding-left: 0;
    padding-right: 0;
    margin: 0;
}
.row.tpl-breadcrumb .breadcrumb {
    background: none;
    margin-bottom: 0;
}
.row.tpl-breadcrumb .breadcrumb > li + li:before {
    padding: 0;
    color: #333333;
    content: "";
}
.footer-wrapper {
    background: none;
    margin-top: 30px;
}
footer {
    color: #969696;
    /*footer .row > [class*='col-'] > [class*='col-']{padding-left:0;padding-right: 0;}*/
    /*footer .row .img-responsive {margin-bottom: 10px;}*/
}
footer .row > [class*="col-"] {
    margin-bottom: 0;
}
footer .row > [class*="col-"]:first-child {
    margin-bottom: 30px;
}
footer .row [class*="col-"].footer-right-col {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
}
footer .row [class*="col-"].footer-right-col > [class*="col-"] {
    padding-left: 15px;
    padding-right: 15px;
}
footer h5 {
    margin-top: 0;
}
footer .footer-logo {
    margin-bottom: 20px;
}



.cookie-bar {
    display: none;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 20;
    width: 100%;
    padding: 20px 0;
    background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, 0.9);
    border-top: 2px solid #009fdf;
}

.cookie-bar-button {
    float: right;
    padding: 0 !important;
}

.cookie-bar .container {
    background-color: transparent;
}

.cookie-bar a {
    color: #009fdf;
}

.cookie-bar button.btn {
    color: #fff;
    background-color: #009fdf;
}

.cookie-bar .cookie-bar-button {
    padding: 0 0 16px 16px;
}

.cookie-label {
    margin-right: 40px;
    letter-spacing: 1px;
    margin-left: 5px;
}

.cookie-input {
    padding: 0.4em !important;
    -webkit-appearance: none;
    outline: 0.1em solid #bebebe;
    outline-offset: 0.1em;
}

.cookie-input:checked {
    display: inline-block;
    background-color: #009fdf;
    outline: 0.1em solid #009fdf;
    outline-offset: 0;
}

.cookie-input:hover {
    cursor: pointer;
}

.cookie-bar-interactions {
    margin-top: 5px;
}

#cookie-bar-button-detailed {
    background-color: transparent;
    color: #009fdf;
    border-color: #009fdf;
    margin-right: 10px;
}

@media (max-width:1000px) {
    .cookie-label {
        margin-right: 25px;
        letter-spacing: 0.5px;
        margin-left: 4px;
    }
}


@media (max-width:700px) {
    .cookie-label {
        float: left;
        width: 94%;
    }

    .cookie-input {
        float: left;
        width: 1%;
        margin-right: 2% !important;
    }

    .cookie-label {
        margin-right: 0px;
    }

    .mobile-xs-11 {
        width: 100%;
    }
}

@media (max-width:415px) {
    .container {
        margin: 0 auto;
        width: 90%;
    }
    
    #cookie-bar-button-detailed, #cookie-bar-button-listener {
            padding: 6px 6px !important;
    }

.cookie-bar-interactions {
    margin-top: 15px;
}

    .cookie-label {
        float: left;
        width: 90%;
    }

    .cookie-input {
        float: left;
        width: 1%;
        margin-right: 2% !important;
    }
}

@media (max-width:295px) {
    #cookie-bar-button-detailed,
    #cookie-bar-button-listener {
       margin-bottom: 5px;
       margin-right: 0px !important;
    }
}




.row.tpl-1-col {
    /*margin-top: -15px;*/
}
.row .row.tpl-1-col {
    margin-top: 0;
}
.row .row.tpl-1-col .img-responsive {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
.banner .row.tpl-1-col {
    margin-top: 0;
}
.tpl-1-col-2 {
    margin-bottom: 0px;
}
.tpl-1-col-2 .bg-image {
    width: 60%;
    overflow: hidden;
    float: left;
    background-color: #b3b3b3;
    background-repeat: no-repeat;
    background-position: top center;
    margin-bottom: 0;
}
.tpl-1-col-2 .bg-text {
    background: #b3b3b3;
    width: 40%;
    overflow: hidden;
    float: right;
    margin-bottom: 0;
    padding-top: 60px;
    color: #fff;
}
@media (max-width: 991px) {
    .tpl-1-col-2-mobile {
        margin-bottom: 0px;
    }
    .tpl-1-col-2-mobile .bg-text {
        background: #b3b3b3;
        color: #fff;
        padding: 15px;
        margin-bottom: 0;
    }
}
.tpl-3-col h2,
.tpl-3-col h4 {
    margin-top: 0;
}
.tpl-3-col img {
    margin-bottom: 10px;
}
@media (min-width: 768px) and (max-width: 991px) {
    .tpl-3-col > div:nth-child(2n + 3) {
        clear: both;
    }
}
@media (min-width: 992px) {
    .tpl-3-col > div:nth-child(4) {
        clear: both;
    }
    .tpl-3-col > div:nth-child(3n + 7) {
        clear: both;
    }
}
.tpl-4-col h2,
.tpl-4-col h4 {
    margin-top: 0;
}
.tpl-4-col img {
    margin-bottom: 10px;
}
@media (max-width: 767px) {
    .tpl-4-col > div:nth-child(3) {
        clear: both;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .tpl-4-col > div:nth-child(4) {
        clear: both;
    }
}
.row.right-col > [class*="col-"]:last-child {
    margin-bottom: 0px;
}
.row.right-col img {
    margin-bottom: 10px;
}
.row.right-col h4 {
    margin-top: 0;
}
.headline-right-col {
    background: #b3b3b3;
    color: #fff;
    padding: 3px 15px;
    margin-bottom: 20px;
    margin-left: -15px;
    margin-right: -15px;
}
.headline-right-col h3 {
    margin: 0;
    font-size: 14px;
}
@media (min-width: 768px) {
    .right-col input {
        height: 30px;
        padding: 5px 10px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px;
    }
    .right-col select {
        height: 30px;
        padding: 5px 10px;
        font-size: 12px;
        line-height: 30px;
        border-radius: 3px;
    }
    .right-col textarea {
        height: auto;
        padding: 5px 10px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px;
    }
    .right-col .btn {
        padding: 5px 10px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px;
    }
    .headline-right-col {
        margin-left: 0;
    }
}
form .obligation {
    display: none !important;
}
textarea {
    resize: vertical;
}
.tpl-form {
    padding-left: 0;
    padding-right: 0;
    margin: 0 auto;
    max-width: 470px;
}
.tpl-form .checkbox {
    margin-top: 0;
}
.tpl-form .btn,
.tpl-form .btn.disabled {
    background-color: #009fdf;
    color: #fff;
}
.tpl-form .btn:hover {
    background-color: #009fdf;
    color: #fff;
}
.tpl-form .width-error {
    display: none;
}
@media (min-width: 768px) {
    .tpl-form {
        padding-left: 15px;
        padding-right: 15px;
        margin-left: -15px;
        margin-right: -15px;
        max-width: none;
    }
}
.tpl-download-controls {
    padding: 0 15px;
    margin-bottom: 40px;
}

.tpl-download-controls > [class*="col-"] {
    margin: 0;
}

.tpl-download-controls > form {
    margin: 0 -15px;
}
.tpl-download-controls .form-group {
    margin-right: 0;
    margin-bottom: 10px;
    margin-left: 0;
}
.tpl-download-controls .form-control {
    padding: 6px 0;
}
.tpl-download-controls .sort-options,
.tpl-download-controls .zip-options {
    padding: 0 15px;
    font-size: 14px;
    color: #fff;
    background-color: #b3b3b3;
    line-height: 40px;
}
.tpl-download-controls .zip-options {
    border-top: 1px solid #fff;
}

.tpl-download-controls .fulltextsearch {
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    margin-right: -1px;
    border: 1px solid #ccc;
    outline: 0 none;
    vertical-align: bottom;
    border-radius: 0;
    font-size: 14px;
}

.tpl-download-controls .fulltextsearch::placeholder {
  color: #333333;
}

.tpl-download-controls .sort-options a,
.tpl-download-controls .sort-options a:link,
.tpl-download-controls .sort-options a:visited,
.tpl-download-controls .sort-options a:hover,
.tpl-download-controls .sort-options a:focus,
.tpl-download-controls .sort-options a:active,
.tpl-download-controls .zip-options a,
.tpl-download-controls .zip-options a:link,
.tpl-download-controls .zip-options a:visited,
.tpl-download-controls .zip-options a:hover,
.tpl-download-controls .zip-options a:focus,
.tpl-download-controls .zip-options a:active {
    display: inline-block;
    padding: 0 12px;
    font-size: 14px;
    text-decoration: none;
    color: #fff;
    white-space: nowrap;
}
.tpl-download-controls .sort-options a:hover,
.tpl-download-controls .sort-options a:focus,
.tpl-download-controls .sort-options a:active,
.tpl-download-controls .zip-options a:hover,
.tpl-download-controls .zip-options a:focus,
.tpl-download-controls .zip-options a:active {
    text-decoration: underline;
}

.tpl-download-controls .zip-download-info {
    display: none;
    text-align: center;
    margin: 10px 0;
}

.tpl-download-controls .zip-download-info .zip-download-info-text {
    color: #000000;
}

@media (max-width: 992px) {
    .tpl-download-controls .zip-download-info {
        padding: 10px 15px;
    }
}

.tpl-download-controls .sort-options a.active {
    font-weight: bold;
}
.tpl-download-controls .sort-options a.sort-alpha-asc:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f15d \00a0";
}
.tpl-download-controls .sort-options a.sort-alpha-desc:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f15e \00a0";
}
.tpl-download-controls .sort-options a.sort-num-asc:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f162 \00a0";
}
.tpl-download-controls .sort-options a.sort-num-desc:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f163 \00a0";
}
.tpl-download-list .download-item {
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #b3b3b3;
}
.tpl-download-list .download-item > div {
    padding-right: 5px;
    padding-left: 5px;
}
.tpl-download-list .download-item > div:first-child {
    max-width: 25px;
}
.tpl-download-list .download-item:hover {
    background-color: #fafafa;
}
.tpl-download-list .pagedout,
.tpl-download-list .filteredout {
    display: none !important;
}
.tpl-download-list .bs-callout-warning {
    padding: 20px;
    margin: 0 15px;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
    border-left-color: #aa6708;
    font-size: 14px;
    font-weight: bold;
}
.tpl-download-list img.img-responsive {
    max-width: 80%;
    border: 1px solid #eaeaea;
}
.tpl-download-list.download-list-view {
    margin-right: 0;
    margin-left: 0;
}
.tpl-download-list.download-list-view > div {
    position: relative;
    padding-top: 30px;
    margin-top: -30px;
    border-bottom: 1px solid #ddd;
}
.tpl-download-list.download-list-view > div:nth-child(odd) {
    background-color: #f9f9f9;
}
.tpl-download-list.download-list-view > div:hover {
    background-color: #f5f5f5;
}
.tpl-download-list.download-list-view .fa {
    font-size: 42px;
}
.tpl-download-list.download-list-view > div > .col-xs-1 {
    position: static;
}
.tpl-download-list.download-list-view > div .img-popup {
    display: none;
    position: absolute;
    top: 10px;
    left: 50%;
    z-index: 1;
    max-width: 150px;
    max-height: 120px;
    height: auto;
    box-shadow: 10px 10px 5px 0px rgba(150, 150, 150, 0.75);
}

.tpl-download-list.download-list-view .zip-checkbox {
    text-align: center;
}

.tpl-download-list.download-list-view input[type="checkbox"].zip-select {
    visibility: hidden;
}

.tpl-download-list.download-list-view input[type="checkbox"].zip-select + label {
    border: 1px solid #ccc;
    background-color: #ffffff;
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0;
}

.tpl-download-list.download-list-view input[type="checkbox"].zip-select:checked + label::before {
    content: "\2715";
    line-height: 20px;
    text-align: center;
    font-size: 19px;
    color: #009bdd;
}

.tpl-download-list.download-list-view .download-block .download-text small {
    color: #666;
    display: block;
}

.tpl-download-list.download-list-view .download-block .download-text small:first-child {
    border-top: 1px solid #ccc;
    margin-top: 10px;
    padding-top: 10px;
}

/*.tpl-download-list.download-list-view > div:hover input[type='checkbox'],
.tpl-download-list.download-list-view input[type='checkbox']:checked { visibility: visible; }*/

@media (max-width: 991px) {
    .tpl-download-list.download-list-view .fa {
        font-size: 32px;
    }
    .tpl-download-list.download-list-view input[type="checkbox"] {
        visibility: visible;
    }
}
@media (max-width: 480px) {
    .tpl-download-list.download-list-view .fa {
        font-size: 24px;
    }
}
.download-pagination {
    text-align: center;
}
.pagination > li > a,
.pagination > li > span {
    border-color: #b3b3b3;
    color: #009bdd;
}
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
    border-color: #b3b3b3;
    color: #fff;
    background-color: #b3b3b3;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    border-color: #009bdd;
    background-color: #009bdd;
}
.panel-group {
    margin-top: 20px;
}
.panel-group .panel {
    border-color: #b3b3b3;
}
.panel-group .panel-body {
    border-top-color: #b3b3b3;
}
.panel-group .panel-heading {
    padding: 0;
    background: transparent;
}
.panel-group .panel-heading a,
.panel-group .panel-heading a:link,
.panel-group .panel-heading a:visited {
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    background: #fff;
}
.panel-group .panel-heading a:hover,
.panel-group .panel-heading a:focus,
.panel-group .panel-heading a:active {
    color: #fff;
    background: #b3b3b3;
}
.panel-group .panel-heading a[aria-expanded="true"],
.panel-group .panel-heading a:link[aria-expanded="true"],
.panel-group .panel-heading a:visited[aria-expanded="true"],
.panel-group .panel-heading a:hover[aria-expanded="true"],
.panel-group .panel-heading a:focus[aria-expanded="true"],
.panel-group .panel-heading a:active[aria-expanded="true"] {
    color: #fff;
    background: #009bdd;
}
.glossary-abc {
    text-align: center;
}
ul.glossary {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
ul.glossary > li {
    display: inline;
}
ul.glossary > li > a,
ul.glossary > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    border: 1px solid #b3b3b3;
    text-decoration: none;
    line-height: 1.42857143;
    color: #009bdd;
}
ul.glossary > li > a:focus,
ul.glossary > li > span:focus,
ul.glossary > li > a:hover,
ul.glossary > li > span:hover,
ul.glossary > li > a:active,
ul.glossary > li > span:active {
    border-color: #b3b3b3;
    color: #fff;
    background-color: #b3b3b3;
}
ul.glossary > li.active > a {
    border-color: #009bdd;
    color: #fff;
    background-color: #009bdd;
    z-index: 2;
    cursor: default;
}
select.glossary {
    margin: 20px 0;
}
@media (max-width: 991px) {
    .glossary-abc {
        padding-right: 15px;
        padding-left: 15px;
    }
}
.social-box {
    clear: both;
    float: left;
    padding: 5px 10px;
    margin: 10px 0;
    /*
  border: 1px solid #b3b3b3;
  border-radius: 4px;
  box-shadow: 0px -5px 10px -5px #b3b3b3 inset;
*/
}
/*
.social-box > h3 {
  float: left;
  margin: 0 10px 0 0;
  color: #b3b3b3;
}
*/
.social-box > a {
    display: block;
    float: left;
    margin-right: 10px;
    font-size: 32px;
}
.social-box > a:last-child {
    margin-right: 0;
}
.social-box > a:link,
.social-box > a:visited {
    color: #b3b3b3;
}
.social-box > a.social-facebook:focus,
.social-box > a.social-facebook:hover,
.social-box > a.social-facebook:active {
    color: #3b5998;
}
.social-box > a.social-linkedin:focus,
.social-box > a.social-linkedin:hover,
.social-box > a.social-linkedin:active {
    color: #0077b5;
}
.social-box > a.social-twitter:focus,
.social-box > a.social-twitter:hover,
.social-box > a.social-twitter:active {
    color: #55acee;
}
.social-box > a.social-youtube:focus,
.social-box > a.social-youtube:hover,
.social-box > a.social-youtube:active {
    color: #cd201f;
}
.social-box:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.tpl-data-table {
    border: 0 none !important;
}
.tpl-data-table table {
    border: 0 none !important;
}
.tpl-data-table table thead th {
    border: 0 none !important;
}
.tpl-data-table table tfoot ol {
    padding: 0;
    margin-top: 10px;
    font-size: 10px;
}
.tpl-data-table table tfoot ol li {
    margin-left: 12px;
}
.tpl-data-table table td,
.tpl-data-table table th {
    white-space: normal !important;
}
.pgwSlideshow {
    background: #b3b3b3;
}
.pgwSlideshow ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.pgwSlideshow .ps-current .ps-prev,
.pgwSlideshow .ps-current .ps-next,
.pgwSlideshow .ps-current .ps-caption,
.pgwSlideshow .ps-list .ps-prev,
.pgwSlideshow .ps-list .ps-next {
    border-color: #fff;
    background: rgba(179, 179, 179, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#B3B3B300',endColorstr='#B3B3B300');
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#B3B3B300', endColorstr='#B3B3B300') "";
}
.pgwSlideshow .ps-current .ps-caption {
    font-size: 1.3rem;
}
.pgwSlideshow .ps-list {
    border-top-color: #b3b3b3;
    box-shadow: 0 10px 10px -5px #b3b3b3 inset;
    background: #fff;
}

.pgwSlideshow .ps-list li .ps-item {
    max-width: 80px;
    overflow: hidden;
}

@media (max-width: 767px) {
    .pgwSlideshow .ps-list li .ps-item {
        max-width: 60px;
    }
}

.pgwSlideshow .ps-list li .ps-item img {
    display: block;
    border: 1px solid #777;
    width: auto;
    height: 80px;
    position: relative;
    left: -50%;
}

@media (max-width: 767px) {
    .pgwSlideshow .ps-list li .ps-item img {
        height: 60px;
    }
}

.row.tpl-newslist-item:last-child > [class*="col-"] {
    margin-bottom: 0px;
}
.row.tpl-newslist-item-detail > [class*="col-"] {
    margin-bottom: 0px;
}
.row.tpl-newslist-item-detail .news-image {
    margin-bottom: 10px;
}
.row.tpl-newslist-item-detail .teasertext {
    font-weight: bold;
}
@media (max-width: 767px) {
    .row.tpl-newslist-item:last-child > [class*="col-"] {
        margin-bottom: 30px;
    }
    .row.tpl-newslist-item:last-child > [class*="col-"]:last-child {
        margin-bottom: 0px;
    }
}
.container.content.green .headline-left-col {
    background: #78b721;
}
.container.content.grey .headline-left-col {
    background: #b3b3b3;
}
.container.content.blue .headline-left-col {
    background: #009bdd;
}
.headline-left-col {
    color: #fff;
    padding: 3px 15px;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 20px;
}
.headline-left-col h1,
.headline-left-col h3 {
    margin: 0;
    font-size: 14px;
}
.col-headline h4 {
    margin-top: 0;
}
.col-right .img-responsive {
    margin: 0 auto;
}
.mod-list {
    list-style-type: none;
    padding-left: 0;
}
.row > figure[class*="col-"] {
    padding-top: 10px;
    padding-bottom: 10px;
}
.row > figure[class*="col-"].centered img {
    margin: 0 auto;
}
.row > figure[class*="col-"].hidden-md {
    margin-top: -30px;
}
.row > figure[class*="col-"] figcaption {
    padding-top: 8px;
    font-style: italic;
}
.row > figure[class*="col-"].hidden-md.centered figcaption {
    text-align: center;
}
.inactive-box {
    opacity: 0.5;
}
@media (min-width: 768px) {
    .headline-left-col {
        margin-right: 0;
        margin-bottom: 20px;
    }
}

/*FAQ*/
.faq-list {
}

.faq-list .faq-item {
    margin-bottom: 0;
    border-radius: 0;
    border-width: 1px;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
}

/*YOUTUBE-VIDEOS*/
#ytbFrame .video {
    margin: 10px 0;
    padding: 5px;
    overflow: auto;
    float: none;
    clear: both;
    cursor: pointer;
}
#ytbFrame .video.bright {
    background: #eaeaea;
}
#ytbFrame .video.dark {
    background: #c6c6c6;
}
#ytbFrame .video img {
    float: left;
    margin-right: 10px;
}

#ytbFrame .videoError {
    color: #fff;
    background: #ce0000;
}
#ytbFrame .videoError .videoMessage {
    padding: 15px;
}

#ytbPlayer {
    width: 100%;
}

@media (max-width: 992px) {
    #ytbFrame .video img {
        float: none;
        clear: both;
    }
}

.tab-nav {
    display: block;
    height: 40px;
    padding: 0;
    margin: 0;
    width: 100%;
    border-bottom: 1px solid #ccc;
    font-size: 0;
}

.tab-nav a {
    display: inline-block;
    border: 1px solid #ccc;
    height: 40px;
    padding: 0 10px;
    line-height: 40px;
    font-size: 14px;
    cursor: pointer;
}

.tab-nav a.active {
    background-color: #009bdd;
    color: #fff;
}

.tab-active {
    display: block;
}

.tab-inactive {
    display: none;
}

.userdata select {
    width: auto;
}
.userdata input[type="password"] {
    max-width: 200px;
}

.addressdata .address-edit-create {
    display: none;
}

.addressdata .address-background {
    position: fixed;
    top: 0;
    left: 0;
    height: calc(100vh);
    width: 100%;
    background-color: #000;
    opacity: 0.5;
    z-index: 1000;
}

.addressdata .address-form,
.addressdata .address-maintenance {
    position: fixed;
    /*    top: calc(100vh / 2 - 200px);
    left: calc(100vw / 2 - 400px);*/
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2000;
    width: 800px;
    background: #fff;
    border: 1px solid #ccc;
    padding: 16px;
    padding-bottom: 0;
    box-sizing: border-box;
    -webkit-box-shadow: 5px 5px 2px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 5px 5px 2px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 5px 5px 2px 0px rgba(0, 0, 0, 0.75);
}

.addressdata .address-maintenance {
    display: none;
    left: calc(100vw / 2 - 250px);
    width: 500px;
}

@media (max-width: 992px) {
    .addressdata .address-form,
    .addressdata .address-maintenance {
        top: 100px;
        left: 0;
        width: calc(100vw - 40px);
        margin: 0 20px;
        position: absolute;
    }
}

.addressdata .error,
.adressdata label.error::before {
    border: 1px solid #ff0000 !important;
}

.addressdata label.error {
    border: 0 !important;
}

.addressdata h5 {
    color: #009bdd;
    font-weight: bold;
    font-size: 110%;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.addressdata .address-form .form-left,
.addressdata .address-form .form-right {
    width: 50%;
    float: left;
}

.addressdata .address-form .form-left {
    padding-right: 20px;
    border-right: 1px solid #ccc;
}

.addressdata .address-form .form-left input {
    width: 100%;
    margin-bottom: 2px;
    padding: 5px 10px;
    outline: none;
    border: 1px solid #f5f5f5;
    background-color: #f5f5f5;
    box-shadow: none;
}

.addressdata .address-form .form-left span {
    display: block;
    width: 100%;
    position: relative;
    margin-bottom: 2px;
}

.addressdata .address-form .form-left span select {
    width: 100%;
    border: 0;
    border-radius: 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 5px 10px;
    outline: none;
    background-color: #f5f5f5;
    padding-right: 35px;
    cursor: pointer;
    color: #666;
}

.addressdata .address-form .form-left span select option:first-child {
    color: #ccc;
}

.addressdata .address-form .form-left span::after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #009bdd;
    top: calc(50% - 4px);
    position: absolute;
    right: 16px;
    pointer-events: none;
}

.addressdata .address-form .form-left input::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #ccc;
    opacity: 1; /* Firefox */
}

.addressdata .address-form .form-left input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #ccc;
}

.addressdata.address-form .form-left input:-ms-input-placeholder {
    /* Microsoft Edge */
    color: #ccc;
}

.addressdata .address-form .form-left input[name="zip"] {
    width: 65px;
    margin-right: 10px;
}

.addressdata .address-form .form-left input[name="city"] {
    width: calc(100% - 75px);
}

.addressdata .address-form input[type="checkbox"],
.addressdata .address-form input[type="radio"] {
    visibility: hidden;
}

.addressdata .address-form input[type="checkbox"]:checked + label::before {
    content: "\2714";
    line-height: 12px;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    color: #009bdd;
}

.addressdata .address-form input[type="radio"] + label {
    position: relative;
    font-weight: normal;
    line-height: 11px;
}

.addressdata .address-form input[type="radio"] + label::before {
    position: absolute;
    top: 0;
    left: -25px;
    content: " ";
    border: 1px solid #ccc;
    width: 12px;
    height: 12px;
}

.addressdata .address-form input[type="radio"]:checked + label::before {
    content: "\2714";
    line-height: 8px;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    color: #009bdd;
}

.addressdata .address-form input.form-privacy,
.addressdata .address-form input.form-novat {
    float: left;
    width: 15px;
    margin-right: 10px;
}

.addressdata .address-form label.form-privacy,
.addressdata .address-form label.form-novat {
    font-size: 11px;
    float: left;
    width: calc(100% - 25px);
    font-weight: normal;
    line-height: 14px;
    position: relative;
}

.addressdata .address-form label.form-privacy a {
    text-decoration: underline;
}

.addressdata .address-form label.form-privacy::before,
.addressdata .address-form label.form-novat::before {
    content: " ";
    position: absolute;
    top: 0px;
    left: -25px;
    display: block;
    width: 16px;
    height: 16px;
    border: 1px solid #ccc;
}

.addressdata .address-form label.error::before {
    border-color: #ff0000;
}

.addressdata .address-form .form-right {
    padding-left: 20px;
}

.addressdata .address-form .form-right .address-types-label {
    float: left;
    width: 25%;
    min-width: 75px;
    font-weight: bold;
    margin-bottom: 10px;
}

.addressdata .address-form .form-right .address-types-value {
    float: left;
}

.addressdata .address-form .form-right .address-privacy {
    margin-top: 20px;
    border-top: 1px solid #ccc;
    padding-top: 20px;
    position: absolute;
    bottom: 80px;
}

.addressdata .address-form .form-buttons {
    clear: both;
    text-align: right;
    position: relative;
    top: -20px;
    pointer-events: none;
}

.addressdata .form-buttons button {
    outline: none;
    box-shadow: none;
    border: 0;
    pointer-events: all;
}

.addressdata .form-buttons button:first-child {
    margin-right: 10px;
}
.addressdata .form-buttons button:last-child {
    margin-left: 10px;
}

@media (max-width: 992px) {
    .addressdata .address-form {
        padding-bottom: 20px;
    }

    .addressdata .address-form .form-left,
    .addressdata .address-form .form-right {
        width: 100%;
        float: none;
        clear: both;
        padding: 0;
    }

    .addressdata .address-form .form-left {
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #ccc;
        border-right: 0;
    }

    .addressdata .address-form .form-left::after,
    .addressdata .address-form .form-right::after {
        content: " ";
        float: none;
        clear: both;
        height: 0;
        width: 100%;
        display: block;
    }
    .addressdata .form-buttons {
        margin-top: 20px;
        text-align: center;
        border-top: 1px solid #ccc;
        padding-top: 20px;
        top: 0;
    }
}

.addressdata .address-functions {
    border-bottom: 1px solid #ccc;
    padding: 16px 0;
    margin-bottom: 16px;
}

.addressdata .address-functions a.add-address {
    color: #009bdd;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
}

.addressdata .address-functions .maintenance {
    padding: 0 16px;
    cursor: pointer;
    background: #009bdd;
    color: #fff;
    line-height: 33px;
    display: inline-block;
    float: right;
}

.addressdata .address-functions .address-type {
    padding: 1px;
    outline: none;
    display: inline-block;
    position: relative;
    border-style: solid;
    border-width: 0 0 0 1px;
    border-color: #ccc;
    padding: 0 16px;
    margin: 0 16px;
    background-image: url(/css/img/filter.svg);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 16px 10px;
    background-color: white;
    padding-left: 50px;
}

.addressdata .address-functions .address-type select {
    border: 1px solid #ccc;
    border-radius: 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 5px 10px;
    outline: none;
    background-color: #fff;
    padding-right: 35px;
    cursor: pointer;
    color: #666;
}

.addressdata .address-functions .address-type::after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #009bdd;
    top: calc(50% - 4px);
    position: absolute;
    right: 26px;
    pointer-events: none;
}

@media (max-width: 360px) {
    .addressdata .address-functions .address-type {
        border-right: 0;
        width: 100%;
        padding-right: 0;
        margin-right: 0;
    }
    .addressdata .address-functions .address-type select {
        width: 100%;
    }

    .addressdata .address-functions .address-type::after {
        right: 16px;
    }

    .addressdata .address-functions .maintenance {
        float: none;
        margin-top: 16px;
        width: 100%;
    }
}

.addressdata .addresses {
    margin: 0 -8px;
}

.addressdata .addresses::after {
    content: " ";
    height: 0;
    width: 100%;
    float: none;
    clear: both;
    display: block;
}

.addressdata .addresses .address-item {
    width: calc(50% - 16px);
    float: left;
    margin: 0 8px 16px;
    border: 1px solid #ccc;
    padding: 16px;
    position: relative;
}

.addressdata .addresses .address-item span.marker {
    position: absolute;
    bottom: 5px;
    right: 16px;
    width: 150px;
    text-align: right;
}

.addressdata .addresses .address-item span.marker.delivery::before {
    content: " ";
    display: inline-block;
    background-image: url(/css/img/delivery-truck.svg);
    background-repeat: no-repeat;
    background-size: inherit;
    width: 30px;
    height: 30px;
    vertical-align: top;
}

.addressdata .addresses .address-item span.marker.invoice::after {
    content: " ";
    display: inline-block;
    background-image: url(/css/img/invoice.svg);
    background-repeat: no-repeat;
    background-size: inherit;
    width: 30px;
    height: 25px;
    margin-left: 16px;
}

.addressdata .addresses .address-item.address-standard {
    background-color: #f5f5f5;
}

.addressdata .addresses .address-item.address-standard .address-set-default {
    display: none;
}

.addressdata .addresses .address-item.address-standard::before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 0 0;
    border-color: #009bdd transparent transparent transparent;
    position: absolute;
    top: 0;
    left: 0;
}

.addressdata .addresses .address-item::after {
    content: " ";
    display: block;
    width: 100%;
    height: 0;
    clear: both;
    float: none;
}

.addressdata .addresses .address-item .address-value,
.addressdata .addresses .address-item .address-item-functions {
    float: left;
}

.addressdata .addresses .address-item .address-value {
    width: 60%;
}

.addressdata .addresses .address-item .address-item-functions {
    width: calc(40% - 16px);
    margin-left: 16px;
}

.addressdata .addresses .address-item .address-item-functions a {
    color: #009bdd;
    cursor: pointer;
    display: block;
    margin-bottom: 5px;
    word-break: break-word;
    line-height: 16px;
}

.addressdata .addresses .address-item .address-item-functions a:hover {
    color: #666;
}

@media (max-width: 991px) {
    .addressdata .addresses {
        margin: 0;
    }
    .addressdata .addresses .address-item {
        float: none;
        width: 100%;
    }
    .addressdata .addresses .address-item:nth-child(odd),
    .addressdata .addresses .address-item:nth-child(even) {
        margin-left: 0;
        margin-right: 0;
    }
}

@media (max-width: 767px) {
    .addressdata .address-functions a.add-address {
        display: block;
        margin-bottom: 16px;
    }

    .addressdata .address-functions .address-type {
        border-left: 0;
        margin-left: 0;
        padding-left: 26px;
        background-position: 0px 10px;
    }
}

@media (max-width: 575px) {
    .addressdata .addresses .address-item .address-value {
        float: none;
        width: 100%;
    }

    .addressdata .addresses .address-item .address-item-functions {
        width: 100%;
        float: none;
        margin-left: 0;
        margin-top: 16px;
        border-top: 1px solid #ccc;
        padding-top: 16px;
    }

    .addressdata .addresses .address-item span.marker {
        position: relative;
        text-align: left;
        margin: 16px 16px 0;
        display: block;
    }

    .addressdata .addresses .address-item span.marker.delivery::before {
        margin-right: 16px;
    }

    .addressdata .addresses .address-item span.marker.invoice::after {
        margin-left: 0;
    }

    .addressdata .addresses .address-item .address-item-functions a {
        background-color: #009bdd;
        color: #fff;
        padding: 10px;
    }
}

/* Address Maintenance */

.addressdata .address-maintenance {
    padding: 16px;
}

.addressdata .address-maintenance h5 {
}

.addressdata .address-maintenance .address-search input[type="text"] {
    width: calc(50% - 10px);
    padding: 4px 10px;
    outline: none;
    border: 1px solid #ccc;
}

.addressdata .address-maintenance .address-search span.input-divider {
    display: inline-block;
    text-align: center;
    width: 20px;
}

.addressdata .address-maintenance .address-search span.date-type {
    display: block;
    width: 100%;
    position: relative;
    margin: 16px 0;
}

.addressdata .address-maintenance .address-search span.date-type select {
    border: 1px solid #ccc;
    border-radius: 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 5px 10px;
    outline: none;
    background-color: #fff;
    padding-right: 35px;
    width: 100%;
    cursor: pointer;
    color: #666;
}

.addressdata .address-maintenance .address-search span.date-type::after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #009bdd;
    top: calc(50% - 4px);
    position: absolute;
    right: 10px;
    pointer-events: none;
}

.addressdata .address-maintenance .address-search .form-buttons,
.addressdata .address-maintenance .address-search-results .form-buttons {
    margin-top: 16px;
    text-align: right;
}

.addressdata .address-maintenance .address-search-results {
    display: none;
    margin: 16px 0;
}

.addressdata .address-maintenance .address-search-results .results {
    overflow-y: scroll;
    border: 1px solid #ccc;
    border-width: 1px 0px 0px;
    padding: 10px 0;
}

.addressdata .address-maintenance .address-search-results .results .address-item {
    display: block;
    margin-bottom: 1px;
    width: 100%;
    overflow: hidden;
}

.addressdata .address-maintenance .address-search-results .results .address-item input[type="checkbox"] {
    width: 20px;
    float: left;
    margin-left: 5px;
    margin-top: 10px;
    cursor: pointer;
}

.addressdata .address-maintenance .address-search-results .results .address-item label {
    display: block;
    font-weight: normal;
    white-space: nowrap;
    padding: 5px 10px 5px 30px;
    cursor: pointer;
}

.addressdata
    .address-maintenance
    .address-search-results
    .results
    .address-item
    input[type="checkbox"]:checked
    + label {
    background-color: #e6e6e6;
}

.addressdata .address-maintenance .address-search-results .results .address-item label span {
    display: block;
    color: #999;
}

.rma-requests {
    padding: 20px;
}

.rma-requests .rma-list-filter {
}

.rma-requests .rma-list-filter .rma-list-filter-type {
    padding: 1px;
    outline: none;
    display: inline-block;
    position: relative;
    width: 100%;
}

.rma-requests .rma-list-filter input[type="text"] {
    line-height: 34px;
    width: 100%;
    height: 34px;
    padding: 0 10px;
}

.rma-requests .rma-list-filter .rma-list-filter-type select {
    border: 1px solid #ccc;
    border-radius: 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 5px 10px;
    outline: none;
    background-color: #fff;
    padding-right: 35px;
    cursor: pointer;
    color: #666;
}

.rma-requests .rma-list-filter .rma-list-filter-type::after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #009bdd;
    top: calc(50% - 4px);
    position: absolute;
    right: 10px;
    pointer-events: none;
}

@media (max-width: 360px) {
    .rma-requests .rma-list-filter .rma-list-filter-type {
        border-right: 0;
        width: 100%;
        padding-right: 0;
        margin-right: 0;
    }
    .rma-requests .rma-list-filter .rma-list-filter-type select {
        width: 100%;
    }

    .rma-requests .rma-list-filter .rma-list-filter-type::after {
        right: 16px;
    }
}

.rma-requests .rma-list {
    display: table;
    width: 100%;
}

.rma-requests .rma-list .rma-list-row {
    display: table-row;
    width: 100%;
    cursor: pointer;
}

.rma-requests .rma-list .rma-list-row:nth-child(odd) {
    background-color: #fff;
}

.rma-requests .rma-list .rma-list-row:nth-child(even) {
    background-color: #c6c6c6;
}

.rma-requests .rma-list .rma-list-row:hover {
    background-color: #f5f5f5;
}

.rma-requests .rma-list .rma-list-row.rma-list-headline {
    background-color: #009bdd;
    font-weight: bold;
    color: #fff;
}

.rma-requests .rma-list .rma-list-row .rma-list-cell {
    display: table-cell;
    padding: 5px;
    border-bottom: 1px solid #ccc;
    height: 30px;
    vertical-align: middle;
    text-align: center;
}

.rma-requests .rma-list .rma-list-row .rma-list-cell.rma-id {
    width: 75px;
}

.rma-requests .rma-list .rma-list-row .rma-list-cell.rma-name {
    text-align: left;
}

.rma-requests .rma-list .rma-list-row .rma-list-cell.rma-date {
    width: 150px;
}

.rma-requests .rma-list .rma-list-row .rma-list-cell.rma-processed {
    width: 150px;
}

.rma-requests .rma-list .rma-list-row .rma-list-cell.rma-processed-by {
    width: 150px;
}

@media (max-width: 768px) {
    .rma-requests .rma-list .rma-list-row .rma-list-cell.rma-date {
        width: 100px;
    }

    .rma-requests .rma-list .rma-list-row .rma-list-cell.rma-processed {
        width: 100px;
    }

    .rma-requests .rma-list .rma-list-row .rma-list-cell.rma-processed-by {
        width: 100px;
    }
}

.swal-modal {
    border-radius: 0;
}

.swal-title {
    font-size: 16px;
    font-weight: bold;
    color: #666;
}

.swal-text {
    font-size: 14px;
}

.swal-button {
    padding: 4px 16px;
    border-radius: 0;
    text-shadow: none;
}

.swal-button:focus {
    border: 0;
    box-shadow: none;
}

.swal-button.swal-button--confirm,
.swal-button.swal-button--confirm:hover {
    background-color: #009bdd;
    color: #fff;
}

.swal-button.swal-button--cancel,
.swal-button.swal-button--cancel:hover {
    background-color: #e6e6e6;
    color: #333;
    font-weight: normal;
}

.swal-icon {
    width: 50px;
    height: 50px;
}

.swal-icon--warning {
    border: 0;
    background: #009bdd;
}

.swal-icon--warning__body {
    height: 20px;
}

.swal-icon--warning__body,
.swal-icon--warning__dot {
    background-color: #fff;
}

.swal-icon--info {
    border-color: #009bdd;
}

.swal-icon--info:before {
    background-color: #009bdd;
}

.swal-icon--info:after {
    background-color: #009bdd;
    top: 36px;
}

/*Search */
div.search form.searchform {
    display: none;
    margin-bottom: 10px;
}
div.search .searchheading {
    margin-bottom: 10px;
    font-weight: bold;
}

div.search .summary {
    margin-bottom: 10px;
}

div.search .result_pagescount {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

div.search .results div.result_block,
div.search .results div.result_altblock {
    margin-bottom: 10px;
    padding: 5px;
}

div.search .results div.result_altblock {
    background-color: #f5f5f5;
}

div.search .results .result_title {
    font-weight: bold;
}
div.search .results .result_title b {
    display: inline-block;
    width: 20px;
}

div.search .results .context {
    padding-left: 20px;
}

div.search .results .context .highlight {
    background-color: #009bdd;
    color: #ffffff;
    padding: 0 5px;
}

div.search .result_pages {
    padding-top: 10px;
    border-top: 1px solid #ccc;
    margin-bottom: 10px;
    text-align: right;
    font-weight: bold;
    color: #009bdd;
}
div.search .result_pages a {
    font-weight: normal;
    color: #333;
}

/* Spinner */
.spinner {
    display: inline-block;
    width: 50px;
    height: 40px;
    text-align: center;
    font-size: 10px;
    vertical-align: middle;
}

.spinner > div {
    background-color: #009bdd;
    height: 100%;
    width: 6px;
    display: inline-block;

    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.spinner .rect3 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

.spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.spinner .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
    0%,
    40%,
    100% {
        -webkit-transform: scaleY(0.4);
    }
    20% {
        -webkit-transform: scaleY(1);
    }
}

@keyframes sk-stretchdelay {
    0%,
    40%,
    100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }
    20% {
        transform: scaleY(1);
        -webkit-transform: scaleY(1);
    }
}

/* To Top Button */
div.toTopBtn {
    display: none;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    background-color: #009bdd;
    position: fixed;
    bottom: 15px;
    right: 15px;
    cursor: pointer;
    z-index: 10001;
    pointer-events: all;
    opacity: 0.9;
}

div.toTopBtn::after {
    content: " ";
    height: 1px;
    width: 1px;
    display: block;
    border: 10px solid transparent;
    border-bottom: 15px solid #fff;
    margin: 0 auto;
    padding-top: 6px;
    pointer-events: none;
}

/*2020-01-23*/
/*Slideshow Fixes*/
.pgwSlideshow .ps-list li .ps-item img {
    border: none;
}
.pgwSlideshow .ps-list {
    box-shadow: none;
    border: none;
}
.pgwSlideshow .ps-current .ps-caption,
.pgwSlideshow .ps-current .ps-next,
.pgwSlideshow .ps-current .ps-prev {
    color: #fefefe;
    background: rgba(179, 179, 179, 0.6);
}
.pgwSlideshow .ps-current .ps-caption b {
    font-weight: 400;
    font-size: 1.4rem;
}
.pgwSlideshow {
    background: #fff;
    margin-bottom: 40px;
}

/*Button Fixes*/

.btn {
    border-radius: 2px;
}

/*modal pop up*/

@media (min-width: 768px) {
    .row .modal-dialog {
        width: 752px; /* for 720 pic size*/
    }
}

/*font sizes*/

h1 {
    font-size: 2rem;
}
h2,
h3,
h4 {
    font-size: 1.8rem;
}
body {
    font-size: 1.6rem;
}

.headline-left-col h1,
.headline-right-col h1,
.headline-right-col h3 {
    font-size: 1.8rem;
    padding: 2px 0px 2px 0px;
}

.carousel-caption h1 {
    font-size: 2.4rem;
}

/*Fullsize layout*/

.col-md-9 .row,
.col-md-9 .col-headline,
#ytbPlayer {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.col-md-9 .row .img-responsive {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/*Product end page*/

.content.blue .bb-1c-article h4 {
    color: #009bdd;
}

@media (min-width: 992px) {
    .content.blue .bb-1c-article .row {
        border-bottom: 1px solid #eee;
        margin-top: 0px;
        margin-bottom: 10px;
    }

    .content.blue .bb-1c-article .row > [class*="col-"] {
        margin-bottom: 10px;
    }

    .content.blue .bb-1c-article .col-md-4 {
        padding-right: 0;
    }

    .content.blue .bb-1c-article .col-md-8 {
        padding-left: 0;
    }
}

.layout-fullwidth .tpl-download-controls {
    padding: 0px;
    margin-bottom: 40px !important;
}

/*Menu Fixes*/

.navbar {
    border: 0;
}

.header-topnav > ul > li > a:hover,
.header-topnav > ul > li > ul > li > ul > li > a:hover {
    background-color: #0069aa;
    opacity: 0.9;
    -webkit-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
}

/*@media (max-width: 767px)
{ 
body.headertitle .navbar-default .navbar-nav > li {
    padding-top: 10px;}
  .navbar-default .yamm-content li {
    padding: 10px 0;
}
body.headertitle .navbar-default .yamm-content img {display: none;}
body.headertitle .yamm-content {padding: 0px 30px;}
.navbar-default .row > [class*="col-"] {margin-bottom: 0px;}

}
*/
/*color fixes*/

body {
    color: #777;
}

.navbar-default .nav-blue .claim {
    background-color: #009bdd !important;
}

.navbar-default .header-topnav {
    background-color: #009bdd !important;
}

.navbar-default .navbar-nav > .open.nav-blue > a,
.navbar-default .navbar-nav > .open.nav-blue > a:link {
    color: #009bdd;
}

.navbar-default .navbar-nav > li.open.nav-blue {
    border-bottom-color: #009bdd;
}

.carousel-indicators .active {
    background-color: #009bdd;
    border: 3px solid #fff;
    width: 2.4rem;
    height: 2.4rem;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.carousel-indicators li {
    width: 2rem;
    height: 2rem;
    border-radius: 1em;
    background-color: #fff;
    border: 2px solid #009bdd;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

/*misc Fixes*/

.mod-list li {
    margin-bottom: 10px;
}

.social-box {
    float: none;
} /*prevent overlay from left, not clickable then*/

.content a {
    color: #009bdd;
}

.content a:hover,
a img:hover,
.btn:hover,
.youtubebox:hover {
    opacity: 0.5;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.tpl-download-list.download-list-view {
    margin-top: 30px;
}

/*new content classes*/

.cta {
    color: #fff !important;
    font-size: 1.6rem;
    background-color: #f08200;
    padding: 2px 8px 2px 8px !important;
    border-radius: 1px !important;
    float: right;
}

.more {
    color: #999 !important;
    background-color: #eaeaea !important;
    padding: 1px 9px 1px 9px;
    border-radius: 1px;
    border: 1px solid #dfdfdf;
    display: inline-block;
}

.tile {
    background-color: #eaeaea;
    border: 1px solid #dfdfdf;
    padding: 10px;
}

.right-col .more {
    float: right;
}

/* 
	color: #fff !important;
	background-color: #b3b3b3 !important;
	padding: 2px 10px 2px 10px;
	border-radius: 1px;
  display: block;
	margin: 2px 0 5px 0;
	width: fit-content;   */

.youtubebox {
    margin-bottom: 10px;
}

/* parallax */

.parallaxtext {
    top: auto;
}

/*IE parallax fix*/

@supports (-ms-accelerator: true) {
    html {
        overflow: hidden;
        height: 100%;
    }
    body {
        overflow: auto;
        height: 100%;
    }
}
/*Ie 10/11*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    html {
        overflow: hidden;
        height: 100%;
    }
    body {
        overflow: auto;
        height: 100%;
    }
}

/*hover boxes*/

.hovereffect {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
    margin-bottom: 10px;
}

.hovereffect .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}

.hovereffect img {
    display: block;
    position: relative;
    -webkit-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
    margin-bottom: 0px;
}

.hovereffect:hover img {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /><feGaussianBlur stdDeviation="3" /></filter></svg>#filter');
    filter: grayscale(1) blur(3px);
    -webkit-filter: grayscale(1) blur(3px);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.hovereffect h2 {
    text-align: center;
    position: absolute;
    font-size: 2rem;
    padding: 10px;
    background: rgba(0, 0, 0, 0.3);
    width: 100%;
}

.hovereffect a.info {
    display: block;
    text-decoration: none;
    padding: 10px 20px;
    border: 1px solid #009bdd;
    margin: 22% 0 0 0;
    background-color: #009bdd;
}

.hovereffect a.info:hover {
    box-shadow: 0 0 5px #fff;
}

.hovereffect a.info,
.hovereffect h2 {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
    filter: alpha(opacity=0);
    color: #fff;
}
.hovereffect a.info {
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}

.hovereffect h2 {
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.hovereffect:hover a.info,
.hovereffect:hover h2 {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

/* MailChimp Form Embed Code - Slim - 12/15/2015 v10.7 */
#mc_embed_signup form {
    display: block;
    position: relative;
    text-align: left;
    padding: 10px 0 10px 3%;
}
#mc_embed_signup h2 {
    font-weight: bold;
    padding: 0;
    margin: 15px 0;
    font-size: 1.4em;
}
#mc_embed_signup input {
    border: 1px solid #999;
    -webkit-appearance: none;
}
#mc_embed_signup input[type="checkbox"] {
    -webkit-appearance: checkbox;
}
#mc_embed_signup input[type="radio"] {
    -webkit-appearance: radio;
}
#mc_embed_signup input:focus {
    border-color: #333;
}
#mc_embed_signup .button {
    clear: both;
    background-color: #f08200;
    border: 0 none;
    border-radius: 2px;
    letter-spacing: 0.03em;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    height: 32px;
    line-height: 32px;
    margin: 0 5px 10px 0;
    padding: 1px 10px 2px 10px;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    white-space: nowrap;
    width: auto;
    transition: all 0.23s ease-in-out 0s;
}
#mc_embed_signup .button:hover {
    background-color: #777;
}
#mc_embed_signup .small-meta {
    font-size: 11px;
}
#mc_embed_signup .nowrap {
    white-space: nowrap;
}
#mc_embed_signup .clear {
    clear: none;
    display: inline;
}

#mc_embed_signup label {
    display: block;
    font-size: 16px;
    padding-bottom: 10px;
    font-weight: bold;
}
#mc_embed_signup input.email {
    font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;
    font-size: 15px;
    display: block;
    padding: 0 0.4em;
    margin: 0 4% 10px 0;
    min-height: 32px;
    width: 58%;
    min-width: 130px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
#mc_embed_signup input.button {
    display: block;
    width: 35%;
    margin: 0 0 10px 0;
    min-width: 90px;
}

#mc_embed_signup div#mce-responses {
    float: left;
    top: -1.4em;
    padding: 0em 0.5em 0em 0.5em;
    overflow: hidden;
    width: 90%;
    margin: 0 5%;
    clear: both;
}
#mc_embed_signup div.response {
    margin: 1em 0;
    padding: 1em 0.5em 0.5em 0;
    font-weight: bold;
    float: left;
    top: -1.5em;
    z-index: 1;
    width: 80%;
}
#mc_embed_signup #mce-error-response {
    display: none;
}
#mc_embed_signup #mce-success-response {
    color: #529214;
    display: none;
}
#mc_embed_signup label.error {
    display: block;
    float: none;
    width: auto;
    margin-left: 1.05em;
    text-align: left;
    padding: 0.5em 0;
}

.pgwSlideshow .ps-list li .ps-item img {
    border: none !important;
}
.pgwSlideshow .ps-list {
    box-shadow: none;
    border: none !important;
}


/* Registration form */
.onlycorporate { opacity: 0.5; }