* {
    box-sizing: border-box
}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 18px
}

a {
    text-decoration: none
}

h1, .h1 {
    font-size: 24px;
    color: #0779d1;
    padding: 0;
    margin: 0;
    margin-bottom: 30px;
    line-height: 26px
}

.h1.mobile {
    display: none
}

.no-border {
    border: none !important
}

.hidden {
    display: none
}

.visible-desktop {
    display: block
}

strong, .strong {
    font-weight: 600
}

.clearfix {
    clear: both;
    display: block
}

.container {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    position: relative
}

.container .header {
    margin-top: 55px;
    margin-bottom: 45px;
    height: 50px;
    position: relative;
    color: #1e78bd
}

.container .header .logo {
    float: none;
    position: relative;
    background-image: url(../img/logo.svg);
    height: 45px;
    background-repeat: no-repeat;
    max-width: 290px;
    margin-right: 50px
}

.logo img {
    width: 100%;
    height: auto;
    min-height: 45px;
    display: none
}

.logo a {
    display: block;
    position: absolute;
    z-index: 1000;
    width: 100%;
    height: 100%
}

.container .header .messages {
    position: absolute;
    top: 0;
    right: 0;
    height: 45px;
    font-size: 12px
}

.container .header .messages .box {
    float: left;
    display: table;
    height: 50px;
    padding-left: 90px;
    margin-left: 30px;
    line-height: 16px;
    position: relative
}

.container .header .messages .box:before {
    content: '';
    position: absolute;
    top: -20px;
    left: 0;
    height: 80px;
    width: 0;
    border-left: 1px solid #eeeeee
}

.container .header .messages .box:after {
    content: '';
    position: absolute;
    top: 0;
    left: 20px;
    width: 45px;
    height: 45px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.container .header .messages .box.a1:after {
    background-image: url('../img/a1.png')
}

.container .header .messages .box.a2:after {
    background-image: url('../img/a2.png')
}

.container .header .messages .box.a3:after {
    background-image: url('../img/a3.png')
}

.container .header .messages .box .info {
    display: table-cell;
    vertical-align: middle
}

.nav {
    background-color: #0779d1;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3
}

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

.nav ul li {
    position: relative;
    float: left;
    display: block
}

.nav ul li.nav-hamburger, .nav ul li.mobile-phone {
    display: none
}

.nav ul > li {
}

.nav ul > li.li-right {
    margin-right: 0;
    float: right
}

.nav a {
    text-decoration: none;
    display: block;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.nav ul li a {
    display: block;
    line-height: 54px;
    color: #ffffff;
    font-size: 18px
}

.nav ul li ul li {
    float: none;
    width: 175px;
    background-color: #ffffff
}

.nav ul li ul {
    position: absolute;
    top: 54px;
    left: 0px;
    width: 100%;
    height: 0;
    background-color: #ffffff;
    display: none;
    z-index: 100
}

.nav ul li ul a {
    line-height: 30px;
    color: #333333;
    font-size: 13px;
    padding: 0 15px;
    color: #0779d1
}

.nav ul > li > a {
    padding: 0 35px 0 20px;
    position: relative;
    z-index: 2000
}

.nav ul > li:hover > a {
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    background-color: #ffffff;
    color: #0779d1
}

.nav ul > li:hover ul a:hover {
    padding-left: 25px;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    color: #0779d1
}

.nav ul > li:hover > ul {
    display: block;
    background-color: #ffffff
}

.columns {
    margin-top: 45px;
    position: relative;
    display: block
}

.columns .column {
    float: left;
    width: 678px;
    display: block
}

.columns-2x .column {
    width: 50%;
    position: relative;
    display: block
}

.columns .column.static {
    width: 250px;
    position: relative;
    z-index: 100;
    border: 1px solid #eee;
    margin-top: 6px;
    margin-bottom: 60px
}

.columns .column.auto {
    width: 870px;
    box-sizing: border-box;
    float: right;
    margin-bottom: 60px;
    overflow: hidden
}

.columns.columns-x {
    margin-bottom: 40px
}

.prod-gallery {
    padding: 15px 15px 0px 15px;
    border: 1px solid #e1e1e1;
    margin-bottom: 115px
}

.gallery .control-operator:target ~ .controls .control-button {
    color: #ccc;
    color: rgba(255, 255, 255, 0.4)
}

.gallery .control-button:first-of-type, .gallery .control-operator:nth-of-type(1):target ~ .controls .control-button:nth-of-type(1), .gallery .control-operator:nth-of-type(2):target ~ .controls .control-button:nth-of-type(2), .gallery .control-operator:nth-of-type(3):target ~ .controls .control-button:nth-of-type(3), .gallery .control-operator:nth-of-type(4):target ~ .controls .control-button:nth-of-type(4), .gallery .control-operator:nth-of-type(5):target ~ .controls .control-button:nth-of-type(5) {
    color: white;
    color: rgba(255, 255, 255, 0.8);
    border: 1px solid #0080c0
}

.gallery .item:first-of-type {
    position: static;
    pointer-events: auto;
    opacity: 1
}

.gallery .item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s
}

.gallery .control-operator {
    display: none
}

.gallery .control-operator:target ~ .item {
    pointer-events: none;
    opacity: 0;
    -webkit-animation: none;
    -o-animation: none;
    animation: none
}

.gallery .control-operator:target ~ .controls .control-button {
    -webkit-animation: none;
    -o-animation: none;
    animation: none;
    border: 1px solid #eeeeee
}

@-webkit-keyframes controlAnimation-2 {
    0% {
        color: #ccc;
        color: rgba(255, 255, 255, 0.4)
    }
    14.3%, 50% {
        color: white;
        color: rgba(255, 255, 255, 0.8)
    }
    64.3%, 100% {
        color: #ccc;
        color: rgba(255, 255, 255, 0.4)
    }
}

@-o-keyframes controlAnimation-2 {
    0% {
        color: #ccc;
        color: rgba(255, 255, 255, 0.4)
    }
    14.3%, 50% {
        color: white;
        color: rgba(255, 255, 255, 0.8)
    }
    64.3%, 100% {
        color: #ccc;
        color: rgba(255, 255, 255, 0.4)
    }
}

@keyframes controlAnimation-2 {
    0% {
        color: #ccc;
        color: rgba(255, 255, 255, 0.4)
    }
    14.3%, 50% {
        color: white;
        color: rgba(255, 255, 255, 0.8)
    }
    64.3%, 100% {
        color: #ccc;
        color: rgba(255, 255, 255, 0.4)
    }
}

@-webkit-keyframes galleryAnimation-2 {
    0% {
        opacity: 0
    }
    14.3%, 50% {
        opacity: 1
    }
    64.3%, 100% {
        opacity: 0
    }
}

@-o-keyframes galleryAnimation-2 {
    0% {
        opacity: 0
    }
    14.3%, 50% {
        opacity: 1
    }
    64.3%, 100% {
        opacity: 0
    }
}

@keyframes galleryAnimation-2 {
    0% {
        opacity: 0
    }
    14.3%, 50% {
        opacity: 1
    }
    64.3%, 100% {
        opacity: 0
    }
}

.gallery .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) {
    pointer-events: auto;
    opacity: 1
}

.gallery .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) {
    pointer-events: auto;
    opacity: 1
}

.items-2.autoplay .control-button {
    -webkit-animation: controlAnimation-2 14s infinite;
    -o-animation: controlAnimation-2 14s infinite;
    animation: controlAnimation-2 14s infinite
}

.items-2.autoplay .item {
    -webkit-animation: galleryAnimation-2 14s infinite;
    -o-animation: galleryAnimation-2 14s infinite;
    animation: galleryAnimation-2 14s infinite
}

.items-2 .control-button:nth-of-type(1), .items-2 .item:nth-of-type(1) {
    -webkit-animation-delay: -2s;
    -o-animation-delay: -2s;
    animation-delay: -2s
}

.items-2 .control-button:nth-of-type(2), .items-2 .item:nth-of-type(2) {
    -webkit-animation-delay: 5s;
    -o-animation-delay: 5s;
    animation-delay: 5s
}

@-webkit-keyframes controlAnimation-3 {
    0% {
        color: #ccc;
        color: rgba(255, 255, 255, 0.4);
        border: 1px solid #eeeeee
    }
    9.5%, 33.3% {
        color: white;
        color: rgba(255, 255, 255, 0.8);
        border: 1px solid #0080c0
    }
    42.9%, 100% {
        color: #ccc;
        color: rgba(255, 255, 255, 0.4);
        border: 1px solid #eeeeee
    }
}

@-o-keyframes controlAnimation-3 {
    0% {
        color: #ccc;
        color: rgba(255, 255, 255, 0.4);
        border: 1px solid #eeeeee
    }
    9.5%, 33.3% {
        color: white;
        color: rgba(255, 255, 255, 0.8);
        border: 1px solid #0080c0
    }
    42.9%, 100% {
        color: #ccc;
        color: rgba(255, 255, 255, 0.4);
        border: 1px solid #eeeeee
    }
}

@keyframes controlAnimation-3 {
    0% {
        color: #ccc;
        color: rgba(255, 255, 255, 0.4);
        border: 1px solid #eeeeee
    }
    9.5%, 33.3% {
        color: white;
        color: rgba(255, 255, 255, 0.8);
        border: 1px solid #0080c0
    }
    42.9%, 100% {
        color: #ccc;
        color: rgba(255, 255, 255, 0.4);
        border: 1px solid #eeeeee
    }
}

@-webkit-keyframes galleryAnimation-3 {
    0% {
        opacity: 0
    }
    9.5%, 33.3% {
        opacity: 1
    }
    42.9%, 100% {
        opacity: 0
    }
}

@-o-keyframes galleryAnimation-3 {
    0% {
        opacity: 0
    }
    9.5%, 33.3% {
        opacity: 1
    }
    42.9%, 100% {
        opacity: 0
    }
}

@keyframes galleryAnimation-3 {
    0% {
        opacity: 0
    }
    9.5%, 33.3% {
        opacity: 1
    }
    42.9%, 100% {
        opacity: 0
    }
}

.gallery .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) {
    pointer-events: auto;
    opacity: 1
}

.gallery .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) {
    pointer-events: auto;
    opacity: 1
}

.gallery .control-operator:nth-of-type(3):target ~ .item:nth-of-type(3) {
    pointer-events: auto;
    opacity: 1
}

.items-3.autoplay .control-button {
    -webkit-animation: controlAnimation-3 21s infinite;
    -o-animation: controlAnimation-3 21s infinite;
    animation: controlAnimation-3 21s infinite
}

.items-3.autoplay .item {
    -webkit-animation: galleryAnimation-3 21s infinite;
    -o-animation: galleryAnimation-3 21s infinite;
    animation: galleryAnimation-3 21s infinite
}

.items-3 .control-button:nth-of-type(1), .items-3 .item:nth-of-type(1) {
    -webkit-animation-delay: -2s;
    -o-animation-delay: -2s;
    animation-delay: -2s
}

.items-3 .control-button:nth-of-type(2), .items-3 .item:nth-of-type(2) {
    -webkit-animation-delay: 5s;
    -o-animation-delay: 5s;
    animation-delay: 5s
}

.items-3 .control-button:nth-of-type(3), .items-3 .item:nth-of-type(3) {
    -webkit-animation-delay: 12s;
    -o-animation-delay: 12s;
    animation-delay: 12s
}

@-webkit-keyframes controlAnimation-4 {
    0% {
        color: #ccc;
        color: rgba(255, 255, 255, 0.4)
    }
    7.1%, 25% {
        color: white;
        color: rgba(255, 255, 255, 0.8)
    }
    32.1%, 100% {
        color: #ccc;
        color: rgba(255, 255, 255, 0.4)
    }
}

@-o-keyframes controlAnimation-4 {
    0% {
        color: #ccc;
        color: rgba(255, 255, 255, 0.4)
    }
    7.1%, 25% {
        color: white;
        color: rgba(255, 255, 255, 0.8)
    }
    32.1%, 100% {
        color: #ccc;
        color: rgba(255, 255, 255, 0.4)
    }
}

@keyframes controlAnimation-4 {
    0% {
        color: #ccc;
        color: rgba(255, 255, 255, 0.4)
    }
    7.1%, 25% {
        color: white;
        color: rgba(255, 255, 255, 0.8)
    }
    32.1%, 100% {
        color: #ccc;
        color: rgba(255, 255, 255, 0.4)
    }
}

@-webkit-keyframes galleryAnimation-4 {
    0% {
        opacity: 0
    }
    7.1%, 25% {
        opacity: 1
    }
    32.1%, 100% {
        opacity: 0
    }
}

@-o-keyframes galleryAnimation-4 {
    0% {
        opacity: 0
    }
    7.1%, 25% {
        opacity: 1
    }
    32.1%, 100% {
        opacity: 0
    }
}

@keyframes galleryAnimation-4 {
    0% {
        opacity: 0
    }
    7.1%, 25% {
        opacity: 1
    }
    32.1%, 100% {
        opacity: 0
    }
}

.gallery .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) {
    pointer-events: auto;
    opacity: 1
}

.gallery .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) {
    pointer-events: auto;
    opacity: 1
}

.gallery .control-operator:nth-of-type(3):target ~ .item:nth-of-type(3) {
    pointer-events: auto;
    opacity: 1
}

.gallery .control-operator:nth-of-type(4):target ~ .item:nth-of-type(4) {
    pointer-events: auto;
    opacity: 1
}

.items-4.autoplay .control-button {
    -webkit-animation: controlAnimation-4 28s infinite;
    -o-animation: controlAnimation-4 28s infinite;
    animation: controlAnimation-4 28s infinite
}

.items-4.autoplay .item {
    -webkit-animation: galleryAnimation-4 28s infinite;
    -o-animation: galleryAnimation-4 28s infinite;
    animation: galleryAnimation-4 28s infinite
}

.items-4 .control-button:nth-of-type(1), .items-4 .item:nth-of-type(1) {
    -webkit-animation-delay: -2s;
    -o-animation-delay: -2s;
    animation-delay: -2s
}

.items-4 .control-button:nth-of-type(2), .items-4 .item:nth-of-type(2) {
    -webkit-animation-delay: 5s;
    -o-animation-delay: 5s;
    animation-delay: 5s
}

.items-4 .control-button:nth-of-type(3), .items-4 .item:nth-of-type(3) {
    -webkit-animation-delay: 12s;
    -o-animation-delay: 12s;
    animation-delay: 12s
}

.items-4 .control-button:nth-of-type(4), .items-4 .item:nth-of-type(4) {
    -webkit-animation-delay: 19s;
    -o-animation-delay: 19s;
    animation-delay: 19s
}

@-webkit-keyframes controlAnimation-5 {
    0% {
        color: #ccc;
        color: rgba(255, 255, 255, 0.4)
    }
    5.7%, 20% {
        color: white;
        color: rgba(255, 255, 255, 0.8)
    }
    25.7%, 100% {
        color: #ccc;
        color: rgba(255, 255, 255, 0.4)
    }
}

@-o-keyframes controlAnimation-5 {
    0% {
        color: #ccc;
        color: rgba(255, 255, 255, 0.4)
    }
    5.7%, 20% {
        color: white;
        color: rgba(255, 255, 255, 0.8)
    }
    25.7%, 100% {
        color: #ccc;
        color: rgba(255, 255, 255, 0.4)
    }
}

@keyframes controlAnimation-5 {
    0% {
        color: #ccc;
        color: rgba(255, 255, 255, 0.4)
    }
    5.7%, 20% {
        color: white;
        color: rgba(255, 255, 255, 0.8)
    }
    25.7%, 100% {
        color: #ccc;
        color: rgba(255, 255, 255, 0.4)
    }
}

@-webkit-keyframes galleryAnimation-5 {
    0% {
        opacity: 0
    }
    5.7%, 20% {
        opacity: 1
    }
    25.7%, 100% {
        opacity: 0
    }
}

@-o-keyframes galleryAnimation-5 {
    0% {
        opacity: 0
    }
    5.7%, 20% {
        opacity: 1
    }
    25.7%, 100% {
        opacity: 0
    }
}

@keyframes galleryAnimation-5 {
    0% {
        opacity: 0
    }
    5.7%, 20% {
        opacity: 1
    }
    25.7%, 100% {
        opacity: 0
    }
}

.gallery .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) {
    pointer-events: auto;
    opacity: 1
}

.gallery .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) {
    pointer-events: auto;
    opacity: 1
}

.gallery .control-operator:nth-of-type(3):target ~ .item:nth-of-type(3) {
    pointer-events: auto;
    opacity: 1
}

.gallery .control-operator:nth-of-type(4):target ~ .item:nth-of-type(4) {
    pointer-events: auto;
    opacity: 1
}

.gallery .control-operator:nth-of-type(5):target ~ .item:nth-of-type(5) {
    pointer-events: auto;
    opacity: 1
}

.items-5.autoplay .control-button {
    -webkit-animation: controlAnimation-5 35s infinite;
    -o-animation: controlAnimation-5 35s infinite;
    animation: controlAnimation-5 35s infinite
}

.items-5.autoplay .item {
    -webkit-animation: galleryAnimation-5 35s infinite;
    -o-animation: galleryAnimation-5 35s infinite;
    animation: galleryAnimation-5 35s infinite
}

.items-5 .control-button:nth-of-type(1), .items-5 .item:nth-of-type(1) {
    -webkit-animation-delay: -2s;
    -o-animation-delay: -2s;
    animation-delay: -2s
}

.items-5 .control-button:nth-of-type(2), .items-5 .item:nth-of-type(2) {
    -webkit-animation-delay: 5s;
    -o-animation-delay: 5s;
    animation-delay: 5s
}

.items-5 .control-button:nth-of-type(3), .items-5 .item:nth-of-type(3) {
    -webkit-animation-delay: 12s;
    -o-animation-delay: 12s;
    animation-delay: 12s
}

.items-5 .control-button:nth-of-type(4), .items-5 .item:nth-of-type(4) {
    -webkit-animation-delay: 19s;
    -o-animation-delay: 19s;
    animation-delay: 19s
}

.items-5 .control-button:nth-of-type(5), .items-5 .item:nth-of-type(5) {
    -webkit-animation-delay: 26s;
    -o-animation-delay: 26s;
    animation-delay: 26s
}

.gallery .control-button {
    color: #ccc;
    color: rgba(255, 255, 255, 0.4)
}

.gallery .control-button:hover {
    color: white;
    color: rgba(255, 255, 255, 0.8)
}

.gallery {
    position: relative
}

.gallery .item {
    overflow: hidden;
    text-align: center;
    background: #ffffff;
    max-height: 500px;
    min-height: 200px
}

.gallery .controls {
    position: absolute;
    bottom: -102px;
    width: 100%;
    left: -16px
}

.gallery .control-button {
    display: inline-block;
    margin: 0 .02em;
    font-size: 3em;
    text-align: center;
    text-decoration: none;
    -webkit-transition: color .1s;
    -o-transition: color .1s;
    transition: color .1s;
    border: 1px solid #e1e1e1
}

.gallery .item {
    padding: 0;
    margin: 0;
    display: block
}

.gallery .item img {
    display: block;
    height: auto;
    max-width: 95%;
    max-height: 95%;
    margin: 0 auto
}

.gallery .controls a {
    position: relative;
    overflow: hidden;
    width: 75px;
    height: 75px
}

.controls a img {
    width: 100%;
    height: auto;
    display: block
}

.controls a img[src=""] {
    display: none
}

.gallery .controls a[data-link*="<"] {
    display: none !important
}

.col-r-pad {
    padding-left: 30px
}

.price-box {
    margin-top: 40px
}

.price-box .price {
    color: #ffffff;
    background-color: #f99f3e;
    display: inline-block;
    line-height: 45px;
    float: left;
    padding: 0 15px;
    margin-right: 30px;
    font-size: 30px;
    font-weight: 600
}

.price-box .small {
    color: #5f5f5f;
    font-size: 11px;
    line-height: 12px;
    margin-top: 5px
}

.price-box .small.lieferzeit {
    font-size: 12px;
    font-weight: 600;
    color: #1e1e1e;
    margin-top: 40px
}

.marke {
    line-height: 21px;
    font-size: 12px;
    color: #5f5f5f
}

.marke * {
    float: left;
    line-height: 21px;
    margin-right: 20px
}

.marke img {
    max-height: 21px
}

.marke.norm {
    margin-top: 15px
}

.payment-box {
    background-image: url(../img/payment-box.png);
    background-position: center left;
    height: 56px;
    padding: 10px 0;
    background-repeat: no-repeat;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    margin: 20px 0;
    background-size: contain
}

.item-content {
    color: #5f5f5f;
    text-transform: uppercase;
    font-size: 12px
}

.tabs {
    position: relative;
    min-height: 200px;
    clear: both;
    margin: 35px 0 25px;
    background: white
}

.tab {
    float: left;
    width: 100%
}

.tab label {
    background: #ffffff;
    padding: 0 10px;
    border: 1px solid #eeeeee;
    margin-left: -1px;
    position: absolute;
    left: 1px;
    top: -29px;
    -webkit-transition: background-color .35s linear;
    width: 127px;
    text-align: center;
    color: #5f7285;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    line-height: 45px;
    max-height: 47px;
    overflow: hidden
}

.tab.tab-1 label {
    left: 1px
}

.tab.tab-2 label {
    left: 135px
}

.tab.tab-3 label {
    left: 269px
}

.tab.tab-4 label {
    left: 403px
}

.tab [type=radio] {
    display: none
}

.tab-content, .full-description {
    background: white;
    -webkit-transition: opacity .35s linear;
    display: none;
    color: #5f7285;
    font-size: 14px;
    line-height: 22px
}

.full-description {
    display: block
}

.tab-content h2, .tab-content a, .full-description h2, .full-description a, .desctit, .desctit * {
    color: #0779d1;
    text-decoration: none
}

.tab-content h2, .tab-content h3, .desctit, .desctit * {
    font-size: 14px;
    padding-top: 0px;
    padding-bottom: 1px;
    font-weight: bold;
    text-transform: uppercase;
    color: #0779d1
}

.tab-content img {
    max-width: 100% !important
}

.tab-content img + h3 {
    margin-top: 15px
}

.tab-content.full-img img {
    width: 100% !important
}

.tab-content.last-full-img img:last-of-type {
    width: 100% !important
}

.tab-content ul, .full-description ul {
    list-style: none;
    padding: 0
}

.tab-content ul li, .full-description ul li {
    padding-left: 30px;
    position: relative;
    margin-bottom: 18px
}

.tab-content ul li:before, .full-description ul li:before {
    position: absolute;
    content: '';
    width: 20px;
    height: 14px;
    background-image: url('../img/arrow.png');
    background-position: center;
    background-repeat: no-repeat;
    left: 0;
    top: 2px
}

.tab-content .tab-pad {
    padding: 20px;
    border: 1px solid #eeeeee;
    margin-top: 17px
}

.tab-content table, .full-description table {
    width: 100%;
    border: 1px solid #eeeeee;
    padding: 0;
    margin: 0;
    border-spacing: 0px;
    margin-bottom: 20px
}

.tab-content td, .full-description td {
    padding: 7px
}

.tab-content table thead th td, .tab-content table thead tr td, .full-description table thead th td, .full-description table thead tr td {
    position: relative;
    border-bottom: 1px solid #eeeee;
    background-color: rgba(0, 0, 0, .06);
    text-transform: uppercase;
    font-weight: 600
}

.tab-content tr td, .tab-content th td, .full-description tr td, .full-description th td {
    border-right: 1px solid #eeeeee
}

.tab-content tr td:last-of-type, .tab-content th td:last-of-type, .full-description tr td:last-of-type, .full-description th td:last-of-type {
    border-right: 0
}

.tab-content table tbody tr:nth-child(even) td, .full-description table tbody tr:nth-child(even) td {
    background-color: rgba(0, 0, 0, .02);
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee
}

.tab-content table tbody tr:last-of-type td, .full-description table tbody tr:last-of-type td {
    border-bottom: 0
}

.tabs [type=radio]:checked ~ label {
    background: white;
    border-bottom: 1px solid white;
    z-index: 2;
    color: #0779d1
}

.tabs [type=radio]:checked ~ label ~ .tab-content {
    z-index: 1;
    display: block
}

.ql-prod {
    text-transform: uppercase;
    text-align: center;
    color: #5f5f5f;
    position: relative;
    margin-bottom: 40px
}

.ql-prod.prod0 {
    height: initial
}

.ql-prod:before {
    position: absolute;
    content: '';
    display: none;
    width: 80%;
    left: 10%;
    height: 0px;
    border-bottom: 1px solid #eeeeee
}

.ql-prod.prod0:before {
    border-bottom: 0
}

.ql-prod a {
    display: block;
    text-decoration: none;
    text-align: center;
    color: #333333;
    line-height: 26px;
    position: relative
}

.ql-prod a.before-set {
    border-bottom: 1px solid #eeeeee;
    margin: auto 35px;
    margin-bottom: 20px;
    text-transform: capitalize
}

.ql-prod a.before-set:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 5px;
    border-color: transparent transparent transparent #0779d1;
    margin-right: 10px
}

.ql-prod .icon {
    width: 90%;
    margin-left: 15px;
    height: 139px;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 20px;
    background-size: contain
}

.ql-prod .icon1 {
    width: 90%;
    margin-left: 13px;
    height: 200px;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 20px;
    background-size: contain
	
}

.ql-prod.prodA .icon1 {
    background-image: url(../img/duschdichtung-gerade.jpg)
}

.ql-prod.prodB .icon1 {
    background-image: url(../img/duschdichtung-abgerundet.jpg)
}

.ql-prod.prodC .icon1 {
    background-image: url(../img/magnetduschdichtung.jpg)
}

.ql-prod.prodD .icon1 {
    background-image: url(../img/duschdichtung-set.jpg)
}

.ql-prod.prod0 .icon {
    background-image: url(../img/qualitatsprodukre.png)
}

.ql-prod.prodA .icon {
    background-image: url(../img/ql-1.png)
}

.ql-prod.prodB .icon {
    background-image: url(../img/ql-2.png)
}

.ql-prod.prodC .icon {
    background-image: url(../img/ql-3.png)
}

.ql-prod.prodD .icon {
    background-image: url(../img/ql-4.png)
}

.ql-prod.prodE .icon {
    background-image: url(../img/ql-5.png)
}

.ql-prod.prodF .icon {
    background-image: url(../img/ql-6.png)
}

.ql-prod.prodG .icon {
    background-image: url(../img/ql-7.png)
}

.ql-prod .ql-prod-sub {
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 100%;
    min-width: 320px;
    max-width: 640px;
    background-color: #ffffff;
    z-index: 999999;
    color: #666666;
    border: 1px solid #eee;
    visibility: hidden;
    opacity: 0
}

.ql-prod:hover .ql-prod-sub {
    opacity: 1;
    visibility: visible;
    background-color: #ffffff
}

.ql-prod .ql-prod-sub ul {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
    border: none
}

.ql-prod .ql-prod-sub ul li {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
    border: none;
    text-align: left;
    font-size: 12px;
    line-height: 14px;
    text-transform: initial;
    background-color: #ffffff
}

.ql-prod .ql-prod-sub ul li a.img-link {
    display: block;
    margin: 0;
    width: 100%;
    height: auto;
    padding: 0;
    text-align: right
}

.ql-prod .ql-prod-sub ul li img {
    display: block;
    padding: 0;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    padding: 20px
}

.ql-prod .ql-prod-sub ul li.text-only {
    border-bottom: 1px solid #f3f3f3;
    margin: 0 35px;
    padding: 0 35px
}

.ql-prod .ql-prod-sub ul li.text-only span {
    display: table-cell;
    height: 55px;
    vertical-align: middle;
    text-align: left;
    width: 100%
}

.ql-prod .ql-prod-sub a {
    display: block;
    text-decoration: none;
    text-align: left;
    color: #232323;
    line-height: 55px;
    border-bottom: 1px solid #f3f3f3;
    margin: 0;
    padding: 0 25px;
    margin-bottom: 0px;
    position: relative;
    text-transform: initial;
    font-size: 12px
}

.ql-prod .ql-prod-sub a:hover {
    padding-left: 40px
}

.ql-prod .ql-prod-sub.no-top ul li a {
    background-color: transparent;
    color: #000000;
    text-transform: uppercase;
    font-size: 14px
}

.ql-prod .ql-prod-sub ul li a:hover {
    padding: 0 25px
}

.ql-prod .ql-prod-sub ul li:first-of-type a.img-link, .ql-prod .ql-prod-sub ul li:first-of-type a.img-link:hover {
    padding: 0
}

.ql-prod .ql-prod-sub ul li a.img-link {
    background-color: #ffffff
}

.ql-prod .ql-prod-sub.no-top ul li a:hover {
    color: #0779D1;
    font-weight: bold
}

.ql-prod .ql-prod-sub ul.dynamic-pics a {
    position: initial
}

.ql-prod .ql-prod-sub ul.dynamic-pics a img {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 35%;
    z-index: 100;
    opacity: 0
}

.ql-prod .ql-prod-sub ul.dynamic-pics li:hover a img {
    opacity: 1
}

.ql-prod .ql-prod-sub a:before {
    display: none
}

.ql-prod-sub.sub-columns {
    display: block;
    width: 100%;
    clear: both;
    min-width: 500px
}

.ql-prod-sub.sub-columns.sub-3rd-columns {
    width: 891px;
    max-width: 891px
}

.ql-prod-sub-column {
    display: block;
    width: 65%;
    float: left
}

.ql-prod-sub.sub-columns.no-top .ql-prod-sub-column:last-of-type {
    width: 35%
}

.ql-prod-sub.sub-columns.sub-3rd-columns .ql-prod-sub-column {
    width: 33.3333%
}

.ql-prod-sub-column ul li:last-of-type a {
    border-bottom: none
}

.blue-belt {
    background-color: #0779D1;
    background-image: url(../img/b-all-bg.png);
    background-repeat: repeat-x;
    background-position: bottom;
    text-align: center;
    overflow: hidden;
    padding-bottom: 10px
}

.blue-belt img {
    width: 100%;
    height: auto;
    max-width: 1139px
}

.blue-belt-clicks {
    background-color: #0779D1;
    background-repeat: repeat-x;
    background-position: bottom;
    text-align: center;
    overflow: hidden;
    padding-bottom: 10px
}

.blue-belt-clicks .blue-belt-links {
    max-width: 1140px;
    margin: 0 auto
}

.blue-belt-clicks .blue-belt-links a {
    display: block;
    width: 33.333%;
    float: left;
    text-align: center
}

.blue-belt-clicks .blue-belt-links a img {
    width: 95%;
    max-width: 280px;
    height: auto
}

.columns-3x .column {
    width: 33.3333%
}

.footer-navi {
    padding-bottom: 30px
}

.footer-navi .h3 {
    display: block;
    float: left;
    height: 60px;
    font-size: 18px;
    color: #0779d1;
    font-weight: 600
}

.footer-navi ul {
    float: left;
    padding: 0;
    margin: 0;
    list-style: none;
    margin-left: 15px
}

.footer-navi ul a {
    color: #66788a;
    font-size: 14px;
    line-height: 20px
}

.to-left {
    float: right
}

.to-center {
    margin: 0 auto;
    width: 72%
}

.tab-corp-box {
    font-size: 13px;
    padding-top: 30px
}

.tab-corp-box .corp-icon {
    float: left;
    margin-top: 30px;
    margin-bottom: 30px;
    margin-right: 30px;
    max-width: 140px
}

.footer {
    text-align: center;
    background-color: #f7f7f7;
    padding: 30px 0;
    font-size: 12px;
    color: #66788a
}

.footer .logo {
    width: 120px;
    margin: 0 auto;
    margin-top: 20px
}

.nav ul li {
    position: initial
}

.nav ul li ul li {
    width: 33.33333%;
    background-color: #ffffff;
    float: left;
    margin-right: 0
}

.nav ul li ul li ul {
    display: block;
    opacity: 1;
    visibility: visible;
    position: inherit;
    top: initial;
    left: initial;
    height: initial
}

.nav ul li ul li ul li {
    padding-left: 15px;
    width: 100%;
    box-sizing: border-box
}

.nav ul li ul li a {
    font-size: 16px;
    color: #0779d1;
    font-weight: 600
}

.nav ul li ul li ul li a {
    border: none;
    font-size: 12px;
    padding: 0;
    color: #3f4c58;
    font-weight: 300;
    padding-left: 15px;
    line-height: 26px
}

.nav ul li ul li ul li a.last-link {
    color: #0779d1;
    position: relative
}

.nav ul li ul li ul li a.last-link:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 5px;
    border-color: transparent transparent transparent #0779d1;
    margin-left: 10px
}

.nav ul.main {
    background: #ffffff;
    z-index: -1;
    padding: 0;
    box-sizing: border-box
}

.nav ul > li:hover ul.main {
    z-index: 1000
}

.nav ul.main .column {
    display: block;
    position: absolute;
    width: 100%;
    min-height: 500px;
    background-color: #ffffff;
    top: 0;
    left: 0;
    border-top: none;
    box-sizing: border-box;
    padding: 20px;
    -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0px 20px 0 rgba(0, 0, 0, .1)
}

.nav ul.main .column .subnavi {
    display: block;
    width: 75%
}

.nav ul.main .column .tooltip-box {
    display: block;
    position: absolute;
    left: 75%;
    background: #ffffff;
    padding: 15px;
    margin-right: 10px;
    bottom: 20px;
    top: 20px;
    border-left: 1px solid #eee
}

.nav ul.main .column .tooltip-box li {
    display: block;
    width: initial;
    float: none
}

span.tooltip-box li a:hover, span.tooltip-box li a {
    padding: 0 !important
}

span.tooltip-box img {
    width: 100%;
    height: auto
}

span.tooltip-box .h2 {
    color: #3f4c58;
    font-size: 16px;
    font-weight: 600
}

span.tooltip-box p {
    color: #5f7285;
    font-size: 13px;
    line-height: 20px
}

span.tooltip-box p a {
    display: inline !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 13px !important;
    line-height: initial !important
}

.nav ul:first-child > li > a {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right center
}

.nav ul:first-child > li:nth-child(2) > a {
    background-image: url("../img/menu_icons/menu_bg_eisenwaren_blue.svg")
}

.nav ul:first-child > li:nth-child(3) > a {
    background-image: url("../img/menu_icons/menu_bg_hous_blue.svg")
}

.nav ul:first-child > li:nth-child(4) > a {
    background-image: url("../img/menu_icons/menu_bg_dichtungen_blue.svg")
}

.nav ul:first-child > li:nth-child(5) > a {
    background-image: url("../img/menu_icons/menu_bg_wand_blue.svg")
}

.nav ul:first-child > li:nth-child(6) > a {
    background-image: url("../img/menu_icons/menu_bg_seile_blue.svg")
}

.nav ul:first-child > li:nth-child(7) > a {
    background-image: url("../img/menu_icons/menu_bg_fragen_blue.svg")
}

.nav ul:first-child > li:hover:nth-child(2) > a {
    background-image: url("../img/menu_icons/menu_bg_eisenwaren_gray.svg")
}

.nav ul:first-child > li:hover:nth-child(3) > a {
    background-image: url("../img/menu_icons/menu_bg_hous_gray.svg")
}

.nav ul:first-child > li:hover:nth-child(4) > a {
    background-image: url("../img/menu_icons/menu_bg_dichtungen_gray.svg")
}

.nav ul:first-child > li:hover:nth-child(5) > a {
    background-image: url("../img/menu_icons/menu_bg_wand_gray.svg")
}

.nav ul:first-child > li:hover:nth-child(6) > a {
    background-image: url("../img/menu_icons/menu_bg_seile_gray.svg")
}

.nav ul:first-child > li:hover:nth-child(7) > a {
    background-image: url("../img/menu_icons/menu_bg_fragen_gray.svg")
}

.nav ul li ul li.empty-ul a {
    text-align: center;
    margin-bottom: 40px
}

.nav ul li ul li.empty-ul a:before {
    display: block;
    content: '';
    width: 60px;
    height: 60px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto
}

.nav ul:first-child > li:nth-child(2) li.empty-ul a:before {
    background-image: url("../img/menu_icons/menu_bg_eisenwaren_blue.svg")
}

.nav ul:first-child > li:nth-child(3) li.empty-ul a:before {
    background-image: url("../img/menu_icons/menu_bg_hous_blue.svg")
}

.nav ul:first-child > li:nth-child(4) li.empty-ul a:before {
    background-image: url("../img/menu_icons/menu_bg_dichtungen_blue.svg")
}

.nav ul:first-child > li:nth-child(5) li.empty-ul a:before {
    background-image: url("../img/menu_icons/menu_bg_wand_blue.svg")
}

.nav ul:first-child > li:nth-child(6) li.empty-ul a:before {
    background-image: url("../img/menu_icons/menu_bg_seile_blue.svg")
}

.nav ul:first-child > li:nth-child(7) li.empty-ul a:before {
    background-image: url("../img/menu_icons/menu_bg_fragen_blue.svg")
}

.nav ul li ul li ul li:last-of-type {
    margin-bottom: 20px
}

.nav ul li ul li:nth-child(3n+1) {
    clear: both
}

ul.main .column .sub-column .s-column {
    width: 33%;
    display: block;
    float: left
}

ul.main .column .sub-column .s-column li {
    width: initial;
    display: block;
    float: none
}

ul.main .column .sub-column .s-column .h2 {
    font-size: 16px;
    color: #0779d1;
    font-weight: 600
}

.close-img-btn {
    display: none
}

@keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.in-tab-gall2 .gal-image {
    display: block;
    float: left;
    width: 20%;
    overflow: hidden
}

.in-tab-gall2 .gal-image img {
    display: block;
    margin: 5px
}

.big-img:target, .gal-image:target {
    background-color: rgba(0, 0, 0, .5);
    position: fixed !important;
    z-index: 2000;
    width: 100%;
    height: 100%;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    animation: none !important;
    overflow: hidden;
    pointer-events: initial !important;
    min-height: 100%;
    top: 0;
    left: 0
}

.big-img:target a.img-prev, .gal-image:target a.img-prev {
    z-index: 1;
    display: block;
    cursor: default;
    width: 80%;
    max-width: 900px;
    min-width: 227px;
    margin: 0 auto;
    position: absolute;
    left: 10%;
    right: 10%;
    top: 25px;
    background-color: #ffffff;
    padding-top: 30px;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    border-radius: 6px;
    background-image: none !important
}

.big-img:target img, .gal-image:target img {
    height: auto;
    max-width: 75% !important;
    max-height: 75% !important;
    display: block;
    margin: 0 auto
}

.big-img:target a.close-img-btn, .gal-image:target a.close-img-btn {
    display: block;
    position: absolute;
    top: 25px;
    right: 25px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 34px;
    background-color: #ffffff;
    color: #333333;
    z-index: 4000;
    font-weight: 600;
    font-size: 12px;
    border-radius: 100%;
    border: 4px solid #eeeeee;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.big-img:target a.close-img-btn:hover, .gal-image:target a.close-img-btn:hover {
    border-color: #0779d1;
    background-color: #ffffff;
    color: #0779d1;
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.big-img:target a.img-prev:before, .gal-image:target a.img-prev:before {
    content: '';
    display: block;
    color: #0779d1;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: normal;
    position: absolute;
    right: 0px;
    bottom: 0px;
    background-image: url(../img/logo.svg);
    background-repeat: no-repeat;
    width: 100px;
    height: 14px;
    background-size: 72%;
    background-color: #f1f1f1;
    padding: 8px 8px;
    background-position: center;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    -webkit-border-radius: 6px 0 6px 0;
    border-radius: 6px 0 6px 0
}

.full-description img {
    max-width: 100%
}

.full-description .full-margin-pad img {
    clear: both;
    float: left
}

.full-margin-pad {
    padding-bottom: 60px;
    margin: 0 30px
}

.full-description .columns.columns-3x + p {
    margin-top: 15px
}

.full-margin-pad p {
    margin-top: 0
}

.full-margin-pad .h2 {
    text-transform: initial;
    color: #0779d1;
    margin-top: 15px;
    margin-bottom: 5px;
    font-weight: bold
}

.col-pad.do-pad {
    margin: 0 15px
}

blockquote {
    padding: 0;
    margin: 0;
    display: block;
    border-left: 3px solid #5f7285;
    padding-left: 30px;
    padding-right: 15px
}

blockquote.blc-pad {
    margin-left: 30px;
    margin-right: 30px
}

.uppercase {
    text-transform: uppercase
}

span.blc-list {
    position: relative;
    display: block;
    clear: both
}

span.blc-list .blc-list-item {
    position: relative;
    margin-left: 130px;
    display: block
}

span.blc-list .blc-list-name {
    position: absolute;
    width: 130px;
    top: 0;
    left: 0;
    display: block
}

.blue-warning {
    color: #0779d1 !important
}

blockquote + p {
    margin-top: 15px !important
}

.in-tab-gallery {
    margin-bottom: 15px
}

.in-tab-gallery .item-gall img {
    width: 100%;
    display: block
}

.in-tab-gallery .item-gall {
    width: 25%;
    float: left
}

@media (max-width: 1140px) {
    .container {
        max-width: 95%
    }

    .columns .column.auto {
        width: 73%
    }

    .container .header .messages .box {
        padding-left: 20px;
        margin-left: 20px
    }

    .container .header .messages .box:after {
        display: none
    }

    .columns .column.static {
        width: 25%;
        margin-right: 2%;
        overflow: hidden
    }

    .column.static img {
        max-width: 90%;
        margin: 0 auto;
        display: block
    }
}

@media (max-width: 1030px) {
    .nav ul li a {
        font-size: 14px
    }

    .nav ul > li:hover > ul {
        display: none
    }
}

@media (max-width: 880px) {
    .nav ul li a {
        font-size: 13px
    }

    .nav ul > li:hover > ul {
        display: none
    }

    .logo {
        width: 145px
    }
}

@media (max-width: 830px) {
    .container .header {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .nav ul:first-child > li > a {
        background-image: none !important;
        padding: 0 20px 0 20px
    }

    .container .header .messages .box.a1, .container .header .messages .box.a2, .container .header .messages .box:before {
        display: none
    }

    .footer-navi .h3 {
        display: block;
        float: none;
        height: initial;
        margin-bottom: 10px
    }

    .to-left, .to-center {
        float: initial;
        margin: initial;
        width: initial
    }

    .footer-navi ul {
        margin-left: 0
    }

    .columns .column.static {
        width: 100%;
        margin-right: 0;
        border: 0
    }

    .columns .column.static .ql-prod {
        width: 50%;
        float: left
    }

    .columns .column.static .ql-prod {
        width: 100%;
        float: none;
        clear: both
    }

    .columns .column.static .ql-prod a {
        border-bottom: 0px
    }

    .columns .column.auto {
        width: 100%
    }

    .full-margin-pad, blockquote.blc-pad {
        margin: 0
    }

    .in-tab-gallery .item-gall {
        width: 50%;
        max-width: 323px !important
    }

    .ql-prod .ql-prod-sub, .ql-prod-sub-column {
        position: relative;
        display: block;
        float: none;
        width: 100%;
        min-width: initial;
        max-width: initial;
        margin-left: 0;
        left: initial;
        top: initial;
        opacity: 1;
        visibility: visible;
        text-align: center;
        border: none
    }

    .ql-prod-sub.sub-columns.no-top .ql-prod-sub-column:last-of-type {
        display: none
    }

    .ql-prod .ql-prod-sub ul.dynamic-pics li:hover a img {
        opacity: 0
    }

    .ql-prod .ql-prod-sub ul li a {
        text-align: center;
        line-height: initial;
        margin-bottom: 10px
    }
}

@media (max-width: 740px) {
    .nav ul li {
        display: none
    }

    .nav ul li.nav-hamburger, .nav ul li.nav-hamburger a {
        display: block;
        position: relative
    }

    .nav ul li.nav-hamburger a {
        padding-left: 60px
    }

    .nav ul li.nav-hamburger .h-line {
        display: block;
        height: 2px;
        background-color: #ffffff;
        width: 30px;
        position: absolute;
        top: 18px;
        left: 15px
    }

    .nav ul li.nav-hamburger:hover .h-line {
        background-color: #0779d1
    }

    .nav ul li.nav-hamburger .h-line.h-center {
        top: 50%;
        margin-top: -1px
    }

    .nav ul li.nav-hamburger .h-line.h-bottom {
        top: initial;
        bottom: 18px
    }

    .nav ul li.nav-hamburger a:before {
    }

    #show-menu:target:first-child > li {
        display: block
    }

    #show-menu:target > li {
        float: inherit
    }

    #show-menu li.nav-hamburger .open-menu {
        display: block
    }

    #show-menu li.nav-hamburger .close-menu {
        display: none
    }

    #show-menu:target li.nav-hamburger .open-menu {
        display: none
    }

    #show-menu:target li.nav-hamburger .close-menu {
        display: block
    }

    #show-menu:target li.nav-hamburger .h-line:nth-child(1) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 26px
    }

    #show-menu:target li.nav-hamburger .h-line:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        bottom: 26px
    }

    #show-menu:target li.nav-hamburger .h-line:nth-child(2) {
        display: none
    }

    #show-menu:target li.mobile-phone {
        display: none
    }

    .columns.columns-2x {
        margin-top: 20px
    }

    .columns-2x .column, .columns-3x .column {
        width: 100%;
        float: none
    }

    .col-r-pad {
        padding: 0
    }

    .col-pad.do-pad {
        margin: 0;
        margin-top: 30px;
        margin-bottom: 30px
    }

    .h1.mobile {
        display: block;
        margin-bottom: 0;
        margin-top: 20px;
        line-height: 26px
    }

    h1.desktop {
        display: none
    }

    .payment-box {
        background-image: none;
        height: 135px;
        position: relative
    }

    .payment-box:before, .payment-box:after {
        content: '';
        display: block;
        height: 56px;
        background-repeat: no-repeat;
        margin: 0 auto;
        background-image: url(../img/payment-box.png)
    }

    .payment-box:before {
        max-width: 320px;
        background-position: center left
    }

    .payment-box:after {
        max-width: 130px;
        background-position: center right
    }

    .columns .column.static {
        display: none
    }

    .tab-content .tab-pad {
        max-height: initial
    }

    .tab-corp-box .corp-icon {
        margin-bottom: 0
    }

    .blue-belt {
        height: 200px;
        position: relative
    }

    .blue-belt img {
        display: none
    }

    .blue-belt:before, .blue-belt:after {
        content: '';
        display: block;
        height: 56px;
        background-repeat: no-repeat;
        margin: 0 auto;
        background-image: url(../img/b-all.png)
    }

    .blue-belt:before {
        max-width: 388px;
        height: 96px;
        background-position: center left
    }

    .blue-belt:after {
        max-width: 388px;
        height: 96px;
        background-position: center center
    }
}

@media (max-width: 500px) {
    .columns-3x .column, .columns-3x .column ul {
        width: 100%;
        float: none;
        margin-bottom: 20px;
        text-align: center
    }

    .full-margin-pad .columns-3x .column, .full-margin-pad .columns-3x .column ul {
        text-align: left
    }

    .full-margin-pad .columns-3x .column img {
        margin-bottom: 15px;
        width: 50%
    }

    span.blc-list .blc-list-name, span.blc-list .blc-list-item {
        width: 100%;
        clear: both;
        float: none;
        position: relative;
        padding: 0;
        margin: 0
    }

    span.blc-list .blc-list-item {
        margin-bottom: 10px
    }

    .tab label {
        width: 105px;
        overflow: hidden;
        font-size: 11px
    }

    .tab.tab-2 label {
        left: 110px
    }

    .tab.tab-3 label {
        left: 220px
    }

    .in-tab-gallery .item-gall {
        width: 100%;
        max-width: initial !important;
        float: none
    }

    .in-tab-gallery .item-gall img {
        width: 100%;
        max-width: 323px !important;
        margin: 0 auto
    }
}

@media (max-width: 330px) {
    .tab label {
        width: 94px;
        overflow: hidden;
        font-size: 10px
    }

    .tab.tab-2 label {
        left: 94px
    }

    .tab.tab-3 label {
        left: 187px
    }

    .container .header .messages {
        display: none
    }

    .container .header .logo {
        width: 100%
    }

    .nav ul li.mobile-phone {
        line-height: 54px;
        font-size: 12px;
        color: #ffffff;
        text-align: right;
        position: absolute !important;
        right: 0;
        display: block
    }

    .blue-belt:before {
        margin-left: -25px
    }

    .blue-belt:after {
        margin-left: -25px
    }

    .gallery .controls {
        left: initial
    }

    .gallery .controls a {
        width: 33.333% !important;
        margin: 0 !important;
        margin-left: -3px !important
    }
}

div#xgal {
    display: none !important
}

.container .header .messages .box .info {
    display: table-cell;
    vertical-align: middle;
    line-height: initial;
    margin: initial;
    position: initial;
    font-style: initial;
    padding: initial;
    opacity: initial;
    color: inherit;
    text-align: initial
}

.big-img:target a.close-img-btn {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: transparent;
    border: none;
    border-radius: 0
}

.big-img:target a.close-img-btn:hover {
    border-color: #0779d1;
    background-color: transparent;
    color: #0779d1;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.big-img:target a.close-img-btn:before {
    content: 'X';
    display: block;
    position: absolute;
    top: 25px;
    right: 25px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background-color: #ffffff;
    color: #333333;
    z-index: 4000;
    font-weight: 600;
    font-size: 16px;
    border-radius: 100%;
    border: 4px solid #eeeeee;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.big-img:target a.close-img-btn:hover:before {
    border-color: #0779d1;
    background-color: #ffffff;
    color: #0779d1;
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.nav ul.main {
    position: absolute;
    display: block
}

.nav ul.main .column {
    visibility: hidden;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.nav li:hover ul.main .column {
    visibility: visible;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    -webkit-transition-delay: 400ms;
    -moz-transition-delay: 400ms;
    -o-transition-delay: 400ms;
    transition-delay: 400ms
}

.nav ul li ul li.extra-input {
    position: absolute;
    right: 15px;
    bottom: 15px;
    padding: 0;
    margin: 0;
    overflow: hidden;
    width: initial
}

.nav ul li ul li.extra-input a, .nav ul li ul li.extra-input a img {
    padding: 0;
    margin: 0;
    display: block
}

.nav ul > li:hover li.extra-input a:hover {
    padding-left: 0px
}

.container-4-slider {
    width: 100%;
    height: auto;
    overflow: hidden
}

.columns.standard {
    margin-top: 15px
}

.container-4-slider #slider {
    margin: 0 auto;
    display: table-cell
}

.container-4-slider input {
    display: none
}

.container-4-slider #slide1:checked ~ #slides .inner {
    margin-left: 0
}

.container-4-slider #slide2:checked ~ #slides .inner {
    margin-left: -100%
}

.container-4-slider #slide3:checked ~ #slides .inner {
    margin-left: -200%
}

.container-4-slider #slide4:checked ~ #slides .inner {
    margin-left: -300%
}

.container-4-slider #slide5:checked ~ #slides .inner {
    margin-left: -400%
}

.container-4-slider #overflow {
    width: 100%;
    overflow: hidden
}

.container-4-slider article img {
    width: 100%
}

.container-4-slider #slides .inner {
    width: 500%
}

.container-4-slider #slides article {
    width: 20%;
    float: left
}

.container-4-slider #controls {
    margin: -30px 0 0 0;
    width: 100%;
    height: 30px
}

.container-4-slider #controls label {
    width: 30px;
    height: 30px;
    opacity: 0.3;
    cursor: pointer
}

.container-4-slider #controls label:hover {
    opacity: 0.8
}

.container-4-slider #slide1:checked ~ #controls label:nth-child(2), .container-4-slider #slide2:checked ~ #controls label:nth-child(3), .container-4-slider #slide3:checked ~ #controls label:nth-child(4), .container-4-slider #slide4:checked ~ #controls label:nth-child(5), .container-4-slider #slide5:checked ~ #controls label:nth-child(1) {
    background: url("../img/next.png") no-repeat;
    background-size: 50%;
    background-position: center;
    float: right;
    margin: 0;
    display: block
}

.container-4-slider #slide1:checked ~ #controls label:nth-child(5), .container-4-slider #slide2:checked ~ #controls label:nth-child(1), .container-4-slider #slide3:checked ~ #controls label:nth-child(2), .container-4-slider #slide4:checked ~ #controls label:nth-child(3), .container-4-slider #slide5:checked ~ #controls label:nth-child(4) {
    background: url("../img/prev.png") no-repeat;
    float: left;
    margin: 0;
    display: block;
    background-size: 50%;
    background-position: center
}

.container-4-slider .info {
    line-height: 20px;
    margin: 0 0 -150%;
    position: absolute;
    padding: 30px 30px;
    opacity: 0;
    text-align: left
}

.container-4-slider .info h3 {
    margin: 0 0 5px;
    font-size: 22px;
    font-style: normal
}

.container-4-slider #slides .inner {
    -webkit-transform: translateZ(0);
    -webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
    -ms-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    -ms-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1)
}

.container-4-slider #slider {
    -webkit-transform: translateZ(0);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out
}

.container-4-slider #controls label {
    -webkit-transform: translateZ(0);
    -webkit-transition: opacity 0.2s ease-out;
    -moz-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out
}

#slide1:checked ~ #slides article:nth-child(1) .info, #slide2:checked ~ #slides article:nth-child(2) .info, #slide3:checked ~ #slides article:nth-child(3) .info, #slide4:checked ~ #slides article:nth-child(4) .info, #slide5:checked ~ #slides article:nth-child(5) .info {
    opacity: 1;
    -webkit-transition: all 1s ease-out 0.6s;
    -moz-transition: all 1s ease-out 0.6s;
    -o-transition: all 1s ease-out 0.6s;
    transition: all 1s ease-out 0.6s
}

.container-4-slider .info, .container-4-slider #controls, .container-4-slider #slides, .container-4-slider #active, .container-4-slider #active label, .container-4-slider .info h3 {
    -webkit-transform: translateZ(0);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    display: table
}

.l-menu .h2 {
    display: block;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #565656;
    line-height: 47px;
    text-transform: uppercase
}

.l-menu ul, .l-menu ul li {
    padding: 0;
    margin: 0;
    list-style: none;
    display: block;
    width: 100%;
    min-height: 231px;
    background-color: #FFFFFF
}

.l-menu ul:first-of-type {
    z-index: 100
}

.l-menu ul:first-of-type > li {
    position: relative;
    z-index: 100;
    margin-bottom: -1px
}

.l-menu ul li ul li {
    position: absolute !important;
    z-index: -1;
    background-color: #ffffff;
    left: 0;
    top: 0;
    visibility: hidden;
    opacity: 0;
    width: 200px
}

.l-menu ul li:hover ul {
    z-index: 200
}

.l-menu ul li:hover ul li {
    visibility: visible;
    top: 0;
    margin-left: -1px;
    opacity: 1
}

.l-menu ul li:hover ul li:nth-child(1) {
    left: 250px;
    margin-left: -1px
}

.l-menu ul li:hover ul li:nth-child(2) {
    left: 450px;
    margin-left: -2px
}

.l-menu ul li:hover ul li:nth-child(3) {
    left: 650px;
    margin-left: -3px
}

.l-menu ul li:hover ul li:nth-child(4) {
    left: 850px;
    margin-left: -4px
}

.l-menu ul li:hover ul li:nth-child(5) {
    top: 100%;
    left: 250px;
    margin-left: -1px;
    margin-top: -1px;
    height: 231px
}

.l-menu ul li:hover ul li:nth-child(6) {
    top: 100%;
    left: 450px;
    margin-left: -2px;
    margin-top: -1px
}

.l-menu ul li:hover ul li:nth-child(7) {
    top: 100%;
    left: 650px;
    margin-left: -3px;
    margin-top: -1px
}

.l-menu ul li:hover ul li:nth-child(8) {
    top: 100%;
    left: 850px;
    margin-left: -4px;
    margin-top: -1px
}

.l-menu ul li:hover ul li:nth-child(9) {
    top: 200%;
    left: 250px;
    margin-left: -1px;
    margin-top: -2px
}

.l-menu ul li:hover ul li:nth-child(10) {
    top: 200%;
    left: 450px;
    margin-left: -2px;
    margin-top: -2px
}

.l-menu ul li:hover ul li:nth-child(11) {
    top: 200%;
    left: 650px;
    margin-left: -3px;
    margin-top: -2px
}

.l-menu ul li:hover ul li:nth-child(12) {
    top: 200%;
    left: 850px;
    margin-left: -4px;
    margin-top: -2px
}

.l-menu ul li a {
    display: block;
    border: 1px solid #eeeeee;
    box-sizing: border-box;
    overflow: hidden;
    position: absolute;
    width: 100%;
    top: 0;
    height: 231px;
    padding: 15px;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    text-align: center;
    color: #565656
}

.l-menu ul li a:hover {
    -webkit-box-shadow: inset 0 0 20px 0 rgba(0, 0, 0, .2);
    box-shadow: inset 0 0 20px 0 rgba(0, 0, 0, .2)
}

.l-menu ul li:hover {
    z-index: 200
}

.l-menu ul li:hover li {
    z-index: -1
}

.l-menu ul li:hover a {
    border-color: #cccccc
}

.l-menu ul li:hover ul li a {
    height: 231px
}

.l-menu ul li img {
    display: block;
    margin: 0 auto;
    height: auto;
    width: 80%
}

.l-menu ul li ul img {
    width: 104%;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.l-menu ul li ul li:hover img {
    padding: 5%;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.l-menu ul li ul li a .l-name {
    display: table-cell;
    width: 200px;
    text-align: center;
    height: 40px;
    position: relative
}

@media (max-width: 1140px) {
    .columns .column.static {
        width: 100%;
        margin-right: 0;
        display: block
    }

    .l-menu ul:first-of-type li a {
        height: 200px;
        border-color: transparent
    }

    .columns .column.auto {
        width: 100%
    }

    .tabs {
        margin-left: 0px
    }

    .l-menu ul li ul li, .l-menu ul li a {
    }

    .l-menu ul:first-of-type > li {
        float: left
    }

    .l-menu ul {
        height: initial
    }

    .l-menu ul li {
        width: 25%;
        float: left
    }

    .l-menu ul li ul {
        display: none !important
    }

    .visible-tablet {
        display: block !important
    }

    .visible-desktop {
        display: none !important
    }

    .column.static img {
        max-width: 90%;
        margin: 0 auto;
        display: block;
        max-height: 150px;
        width: auto
    }
}

@media only screen and (max-width: 850px) and (min-width: 450px) {
    .container-4-slider #slider #controls {
        margin: -25% 0 0 0;
        width: 100%;
        height: 50px
    }

    .container-4-slider #slider #controls label {
        -moz-transform: scale(0.8);
        -webkit-transform: scale(0.8);
        -o-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8)
    }
}

@media only screen and (max-width: 450px) {
    .container-4-slider #slider #controls {
        margin: -25% 0 0 0;
        width: 100%;
        height: 50px
    }

    .container-4-slider #slider #slides {
        padding: 1% 0;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px
    }

    .container-4-slider #slider #controls label {
        -moz-transform: scale(0.6);
        -webkit-transform: scale(0.6);
        -o-transform: scale(0.6);
        -ms-transform: scale(0.6);
        transform: scale(0.6)
    }

    .l-menu ul:first-of-type li {
        width: 100%;
        float: none
    }

    .l-menu ul:first-of-type li a {
        height: auto
    }

    .l-menu ul:first-of-type li a img {
        height: 30%;
        position: relative;
        width: auto
    }
}

.h2.lines-block {
    position: relative;
    text-align: center;
    font-weight: bold;
    color: #0779d1;
    font-size: 20px
}

.h2.lines-block span {
    display: inline-block;
    background-color: #ffffff;
    position: relative;
    z-index: 1;
    padding: 0 30px
}

.h2.lines-block:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 35%;
    height: 0;
    border-bottom: 1px solid #dadae5
}

.h2.lines-block:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 35%;
    height: 0;
    border-bottom: 1px solid #dadae5
}

.start-product {
    padding: 15px;
    border: 1px solid #dadae5;
    display: block;
    margin: 0px 10px 20px 10px
}

.start-product .columns {
    margin-top: 10px
}

.start-product .columns .column {
    width: 50%
}

.start-product-name {
    color: #3f4c58;
    display: block;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    height: 40px;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis
}

.start-prod-price, .start-prod-info {
    display: block;
    line-height: 26px;
    text-align: center;
    padding: 0 15px;
    float: left;
    color: #fff;
    background-color: #fe9f38;
    font-weight: bold
}

.start-prod-info {
    background-color: transparent;
    color: #3f4c58;
    font-weight: normal;
    font-size: 12px;
    float: right;
    letter-spacing: 1px
}

.columns.columns-3x.footer-navi li {
    padding: 0;
    margin: 0
}

.columns.columns-3x.footer-navi li:before {
    display: none
}

.container-4-slider #controls {
    background-color: #ffffff;
    display: block !important;
    width: initial !important;
    position: absolute;
    right: 0;
    bottom: 0px;
    height: 30px !important;
    overflow: hidden
}

.in-tab-slider {
    position: relative;
    z-index: 10
}

.in-tab-slider .slid-item {
    margin-bottom: 15px;
    cursor: pointer
}

.in-tab-slider .slid-item .slid-item-m {
    display: block;
    width: 152px;
    height: 152px;
    overflow: hidden;
    position: relative;
    z-index: 100
}

.in-tab-slider .slid-item .slid-item-m:before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    background-color: rgba(0, 0, 0, .5);
    z-index: 10;
    top: 0;
    left: 0;
    background-image: url('../img/slider-searcher.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20%;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.in-tab-slider .slid-item:hover .slid-item-m:before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    background-color: transparent !important;
    background-position: center;
    background-size: 0;
    z-index: 10;
    top: 0;
    left: 0
}

.in-tab-slider .slid-item .slid-item-b {
    position: absolute;
    width: 100%;
    top: 0;
    right: 0;
    padding-left: 167px;
    height: 100%;
    overflow: hidden;
    z-index: 1;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    cursor: default
}

.in-tab-slider .slid-item .slid-item-b img {
    display: block;
    width: auto;
    max-width: initial !important;
    height: 100%;
    position: relative
}

.in-tab-slider .slid-item .slid-item-b .img-sl-prev {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    -webkit-transition: all .65s ease-in-out;
    -moz-transition: all .65s ease-in-out;
    -o-transition: all .65s ease-in-out;
    transition: all .65s ease-in-out;
    padding-left: 167px;
    opacity: 0
}

.in-tab-slider .slid-item:first-of-type .img-sl-prev {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    opacity: 1
}

.in-tab-slider .slid-item .slid-item-b:target:before {
    content: '';
    display: inline-block;
    position: relative;
    width: 100px;
    height: 100px;
    left: -15px;
    top: 10px;
    z-index: 2000;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7.5px 0 7.5px 7px;
    border-color: transparent transparent transparent #bdbdbd
}

.slid-item .item-controll {
    position: absolute;
    display: none
}

.in-tab-slider .slid-item .item-controll:target ~ .slid-item-b .img-sl-prev {
    opacity: 1;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out
}

.in-tab-slider .slid-item .item-controll:target ~ .slid-item-m:before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    background-color: transparent !important;
    background-position: center;
    background-size: 0;
    z-index: 10;
    top: 0;
    left: 0
}

.blue-text {
    color: #0779D1
}

ul.faq-navi {
    display: block;
    padding: 15px;
    border: 1px solid #eeeeee;
    margin-bottom: 30px;
    background-color: #f9f9f9
}

ul.faq-navi li {
    margin-bottom: 0;
    padding-left: 0;
    border-bottom: 1px solid #eeeeee;
    line-height: 30px;
    text-transform: uppercase;
    font-weight: 700
}

ul.faq-navi li a {
    color: #999999
}

ul.faq-navi li a:hover {
    color: #0779D1
}

ul.faq-navi li:last-of-type, ul.faq-navi ul li:last-of-type {
    border-bottom: none
}

ul.faq-navi li:before {
    background-image: none;
    content: '-';
    padding-left: 10px;
    position: initial;
    display: inline-block;
    margin-right: 10px;
    font-weight: initial;
    font-size: 12px
}

ul.faq-navi ul li {
    padding-left: 15px;
    text-transform: initial;
    font-weight: initial
}

.faq-list-box .faq-item {
    display: block;
    padding: 15px;
    border: 1px solid #eeeeee;
    margin-bottom: 30px
}

.faq-item .h2 {
    text-transform: uppercase;
    font-size: 18px;
    padding: 0;
    margin: 0;
    display: block;
    line-height: 50px
}

.faq-item p.blue-text {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #eeeeee
}

.faq-item .h2 {
    color: #5f7285
}

.faq-item .h3.blue-text {
    font-size: 16px;
    background-color: #eeeeee;
    display: block;
    padding: 5px 15px;
    border-left: 4px solid #ccc;
    color: #999;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 10px;
    margin-bottom: 15px
}

.faq-item ul li {
    margin-bottom: 5px
}

.faq-item ul li:before {
    margin-bottom: 5px;
    top: 5px
}

.tab-content .clearintab {
    clear: both
}

.tab-content .clearintab .desccolleft, .tab-content .clearintab .desccolright {
    width: 50%;
    padding: 15px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top
}

.tab-content .desccolleft, .tab-content .desccolright {
    float: left
}

.tab-content .col-1-2, .tab-content .col-2-2 {
    display: inline-block;
    width: 50%
}

.tab-content .col-1-1 img {
    display: inline-block;
    float: none !important;
    margin-right: 15px
}

.in-ebay-cat-box {
    border: 1px solid #cccccc
}

.in-ebay-cat-box ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.in-ebay-cat-box ul.e-cat-box .column {
    display: block;
    position: relative;
    width: 100%;
    min-height: 380px;
    background-color: #ffffff;
    border-top: none;
    box-sizing: border-box;
    padding: 20px
}

.in-ebay-cat-box ul.e-cat-box li {
    line-height: 20px;
    margin-right: 20px;
    width: 100%
}

.in-ebay-cat-box ul.e-cat-box .column .subnavi {
    display: block;
    position: absolute;
    overflow: hidden;
    padding-right: 335px;
    height: 346px;
    width: 100%;
    box-sizing: border-box
}

.in-ebay-cat-box ul.e-cat-box .column .subnavi li {
    display: block;
    float: left;
    width: 25%;
    height: 100px;
    overflow: hidden;
    margin-right: 0;
    padding-right: 20px;
    box-sizing: border-box
}

.in-ebay-cat-box ul.e-cat-box .column .subnavi li ul {
    padding-left: 10px;
    padding-bottom: 20px;
    min-height: 80px
}

.in-ebay-cat-box ul.e-cat-box .column .subnavi li ul li {
    float: none;
    width: initial;
    margin-bottom: 0;
    display: none;
    max-width: 100%;
    height: 20px;
    overflow: hidden
}

.in-ebay-cat-box ul.e-cat-box .column .subnavi li ul li:nth-child(1), .in-ebay-cat-box ul.e-cat-box .column .subnavi li ul li:nth-child(2), .in-ebay-cat-box ul.e-cat-box .column .subnavi li ul li:nth-child(3) {
    display: block
}

.in-ebay-cat-box ul.e-cat-box .column .tooltip-box {
    position: absolute;
    width: 335px;
    display: block;
    top: 0;
    right: 0
}

.in-ebay-cat-box ul.e-cat-box .column .tooltip-box li {
    padding: 40px;
    display: block
}

.in-ebay-cat-box ul.e-cat-box .column .tooltip-box:before {
    position: absolute;
    content: '';
    width: 0;
    height: 80%;
    top: 10%;
    border-right: 1px solid #cccccc
}

.in-ebay-cat-box ul.e-cat-box span.tooltip-box .h2 {
    display: block;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    margin-bottom: 5px;
    color: #3f4c58
}

.in-ebay-cat-box ul.e-cat-box span.tooltip-box .tooltip-price, .in-ebay-cat-box ul.e-cat-box span.tooltip-box span.tooltip-details {
    display: inline-block;
    padding: 0 10px;
    background-color: #ff9f38;
    line-height: 20px;
    color: #ffffff;
    font-size: 12px
}

.in-ebay-cat-box ul.e-cat-box span.tooltip-box span.tooltip-details {
    float: right;
    clear: both;
    font-weight: normal;
    background-color: initial;
    padding: 0;
    color: #3f4c58
}

.in-ebay-cat-box ul a {
    color: #0779d1;
    font-weight: bold
}

.in-ebay-cat-box ul li ul li a {
    color: #3f4c58;
    font-weight: normal;
    display: block;
    height: 20px;
    overflow: hidden
}

.main-mini-b-info {
    text-align: center;
    background-color: #E1E1E3;
    max-height: 80px;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center
}

.main-mini-b-info img {
    display: block;
    width: 100%;
    max-width: 1123px;
    max-height: 80px;
    margin: 0 auto
}

.half-block-item {
    float: left;
    width: 50%;
    padding: 15px;
    display: inline-block
}

.text-center {
    text-align: center
}

.columns .column.static .ql-prod:last-of-type a.before-set {
    border-bottom: 0 !important
}

@media (max-width: 1050px) {
    .in-ebay-cat-box {
        border: none
    }

    .in-ebay-cat-box ul.e-cat-box .column {
        min-height: initial;
        padding: initial
    }

    .in-ebay-cat-box ul.e-cat-box .column .subnavi {
        display: none
    }

    .in-ebay-cat-box ul.e-cat-box .column .tooltip-box {
        position: relative;
        width: 100%;
        max-width: 335px
    }

    .in-ebay-cat-box ul.e-cat-box .column .tooltip-box:before {
        display: none
    }
}

@media (max-width: 700px) {
    .half-block-item {
        float: none;
        width: 100%;
        padding: 0;
        display: inline-block
    }
}

.old-style-mix .ql-prod .ql-prod-sub.no-top ul li a {
    text-transform: initial !important;
    font-size: 13px !important
}

.old-style-mix .ql-prod .ql-prod-sub ul li a:hover {
    color: #0779D1 !important;
    font-weight: bold !important
}