/* YUI 3.9.1 (build 5852) Copyright 2013 Yahoo! Inc. http://yuilibrary.com/license/ */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

fieldset,
img {
    border: 0
}

address,
caption,
cite,
code,
dfn,
th,
var {
    font-style: normal;
    font-weight: normal
}

ol,
ul {
    list-style: none
}

caption,
th {
    text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal
}

q:before,
q:after {
    content: ''
}

abbr,
acronym {
    border: 0;
    font-variant: normal
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

input,
textarea,
select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit
}

input,
textarea,
select {
    *font-size: 100%
}

legend {
    color: #000
}

#yui3-css-stamp.cssreset {
    display: none
}

.turckYellow,
.subNav .lvl2 li.turckYellow a {
    color: #fc0
}

.darkGray {
    color: #7f7f7f
}

.lightGray {
    color: #e5e5e5
}

.white {
    color: #fff
}

.black {
    color: #000
}

.ylwBg {
    background-color: #fc0;
    color: #000
}

.ylwBg a:hover,
.ylwBg a:active {
    color: #fff
}

.dkGryBg {
    background-color: #7f7f7f;
    color: #fff
}

.dkGryBg a:hover,
.dkGryBg a:active {
    color: #fc0
}

.ltGryBg {
    background-color: #e5e5e5;
    color: #4c4c4c
}

.ltGryBg a:hover,
.ltGryBg a:active {
    color: #000
}

.whiteBg {
    background-color: #fff;
    color: #4c4c4c
}

.whiteBg a:hover,
.whiteBg a:active {
    color: #000
}

h1,
h1.ex {
    background: none repeat scroll 0 0 #fc0;
    font: bold 30px/36px helvetica, arial;
    margin: 0 -34px .571em;
    padding: .2em 34px
}

h1.ex {
    padding: 0 1.857em
}

h1.caption {
    font-size: 1em;
    font-weight: normal;
    color: #333;
    margin: 0 -34px .571em;
    padding: 6px 34px;
    line-height: 1.5em
}

h2,
h2.up {
    font-size: 17px;
    margin: .429em 0
}

.cntPad h2,
.cntPad h2.up {
    line-height: 22px
}

h2.up,
h1.up {
    text-transform: uppercase
}

dt,
h3,
h3.up,
h3.upd {
    font-size: 14px
}

h3.up,
h3.upd {
    text-transform: uppercase
}

h4,
h4.up,
h4.upb {
    font-size: 13px
}

h4.up,
h4.upb {
    text-transform: uppercase
}

h4.upb {
    font-weight: bold
}

h5,
.h5,
h5.up,
h5.upb {
    font-size: .929em
}

h5.up,
h5.upb {
    text-transform: uppercase
}

h5.upb {
    font-weight: bold
}

h6,
.h6,
h6.up,
h6.upb {
    font-size: .929em
}

h6.up,
h6.upb {
    text-transform: uppercase
}

h6.upb {
    font-weight: bold
}

h1,
h2,
h3,
h4,
h5,
dt {
    font-weight: bold
}

.small {
    font-size: .714em;
    line-height: 1.125em
}

.content {
    font-size: 13px;
    line-height: 20px
}

.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
    margin: 12px 0 5px
}

a,
a:link,
a:visited,
a:active {
    text-decoration: none;
    color: #4c4c4c;
    outline: 0;
    outline: 0;
    -moz-outline: 0
}

p a,
p a:link {
    border-bottom: 1px dotted
}

a:hover {
    text-decoration: none;
    color: #000;
    outline: 0
}

a.arrow {
    background: url("/static/img/admin/arrow.png") no-repeat scroll 0 3px transparent;
    color: #036;
    padding-left: 15px;
    margin-top: 15px;
    text-decoration: none
}

.content ul,
.content ol {
    display: block;
    margin: 15px 0 5px
}

.content ul li,
.content ol li {
    list-style-position: outside;
    margin-left: 25px;
    padding: 0
}

.content ul li {
    list-style: disc outside none
}

.content ol li {
    list-style: decimal outside none
}

dt {
    margin-top: 25px
}

.textAlignLeft {
    text-align: left
}

.textAlignCenter {
    text-align: center
}

.textAlignRight {
    text-align: right
}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html {
    color: #222;
    background: #e5e5e5 url("/static/img/admin/main_bg.jpg") 0 100px no-repeat;
    background-size: 100%;
    z-index: 0;
    min-height: 100%
}

body {
    font: normal 13px/1.4 Helvetica, Helvetica Neue, Arial, sans-serif;
    color: #4c4c4c;
    overflow-x: hidden;
    width: 100%;
    margin: 0;
    padding: 0;
    background: url("/static/img/admin/bg_footer.png") 0 bottom repeat-x;
    z-index: 1;
    min-height: 100%
}

.wrapper {
    width: 980px;
    margin: 0 auto
}

html.splash .header-container,
html.splash .footer-container,
html.splash .main-container .subNav,
html.splash .main-container .flyouts {
    display: none !important
}

html.splash {
    height: 100%;
    background-color: #e5e5e5;
    background-position: 0 0;
    background-repeat: no-repeat
}

html.splash body {
    background: 0
}

button,
input,
select,
textarea {
    color: #000;
    margin-right: 6px;
    margin-bottom: 10px
}

::-moz-selection {
    background: #fc0;
    text-shadow: none
}

::selection {
    background: #fc0;
    text-shadow: none
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

img {
    vertical-align: middle
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

textarea {
    resize: vertical
}

.chromeframe {
    background-color: #ccc;
    color: #000;
    padding: .4em 0;
    text-align: center
}

.nojs {
    background-color: #fc0;
    color: #000;
    padding: .4em 0;
    text-align: center
}

.nav {
    background-color: #fff;
    background-image: none
}

#lang-flyout,
#basket-flyout,
.subNavCurrent,
.subNav ul {
    background-color: #7f7f7f
}

.header-container,
.main-container,
.footer-container {
    width: 100%;
    position: relative
}

.header-container {
    height: 120px;
    background-color: #fc0;
    position: relative;
    z-index: 3
}

.header.wrapper {
    height: 80px;
    background-color: #fc0;
    position: relative
}

.turckSite,
.turckUrl,
.turckPhone {
    line-height: 30px;
    vertical-align: middle;
    float: left;
    margin-top: 30px
}

.turckSite,
.turckUrl,
.turckPhone {
    margin-top: 33px;
    margin-left: 25px
}

.turckSite {
    margin-left: 3px
}

.turckSite,
.turckUrl {
    margin-right: 25px
}

@media only screen and (max-width:1140px) {
    .turckUrl {
        display: none
    }

    .bannerJV .turckPhone {
        display: none
    }
}

.divider {
    margin: 0 10px
}

.topSearch,
.inlineSearch {
    width: 80px;
    z-index: 1
}

@media only screen and (min-width:480px) {

    .topSearch,
    .inlineSearch {
        width: 196px
    }
}

@media only screen and (min-width:768px) {

    .topSearch,
    .inlineSearch {
        width: 227px
    }
}

@media only screen and (max-width:1920px) {
    .topSearch {
        position: absolute;
        right: 18px;
        top: 86px
    }

    .multiprox .topSearch {
        right: 14px;
        width: 176px
    }

    .bannerJV .topSearch {
        width: 176px;
        right: 21px
    }
}

@media only screen and (min-width:1024px) and (max-width:1279px) {
    .productOverview .boxGallery .galleryItem {
        padding-right: 11px;
        padding-bottom: 15px;
        padding-top: 0
    }

    .productOverview .boxGallery .galleryItem:nth-child(3n) {
        padding-right: 0
    }
}

@media only screen and (min-width:1920px) and (max-width:1921px) {
    .nav.wrapper {
        position: relative
    }

    .nav.wrapper ul.navLevel1 {
        display: inline-block
    }

    .topSearch {
        position: absolute;
        left: 900px !important;
        top: 6px
    }
}

@media only screen and (min-width:1921px) {
    .nav.wrapper {
        position: relative
    }

    .nav.wrapper ul.navLevel1 {
        display: inline-block
    }

    .topSearch {
        position: absolute;
        left: 900px;
        top: 6px
    }
}

.topSearch .searchfield,
.inlineSearch .searchfield {
    color: #7f7f7f;
    height: 28px;
    border: 1px solid #7f7f7f;
    border-radius: 3px;
    padding: 3px 26px 3px 10px;
    margin: 0;
    background-color: #FFF;
    width: 100%
}

.topSearch .searchSubmit,
.inlineSearch .searchSubmit {
    position: absolute;
    right: 0;
    top: 5px;
    width: 19px;
    height: 19px
}

.searchHelp {
    display: none;
    border: 1px solid #c5c5c5;
    background-color: #fff;
    color: #333;
    padding: 3px 1em 3px .4em
}

.search {
    vertical-align: middle;
    height: 28px;
    z-index: 1;
    position: relative;
    float: left
}

.search .searchfield {
    color: #7f7f7f;
    height: 28px;
    border: 1px solid #7f7f7f;
    border-radius: 3px;
    padding: 3px 26px 3px 10px;
    margin: 0;
    background-color: #FFF;
    width: 100%
}

.search .searchSubmit {
    position: absolute;
    right: 0;
    top: 6px;
    width: 19px;
    height: 19px
}

.search div.searchSubmit button {
    position: absolute;
    right: 0;
    top: 0;
    width: 22px;
    height: 22px;
    background: url("/static/img/admin/sprite_icons.png") right -1820px no-repeat;
    border: 0;
    cursor: pointer
}

.lupe.search .searchSubmit {
    position: absolute;
    right: 0;
    top: 0;
    width: 28px;
    height: 28px;
    margin: 0
}

.turckData .search {
    clear: none;
    margin-top: 2px
}

.turckData .search .searchfield {
    width: 260px;
    float: right
}

.turckLogo {
    position: absolute;
    top: 35px;
    right: 21px;
    z-index: 700
}

.multiprox .turckLogo {
    top: 0;
    right: 0
}

.bannerJV .turckLogo {
    top: 9px
}

.turckLogo img,
.headerLinks {
    height: 100px
}

.turckLogo img {
    display: none
}

.turckLogo a {
    background: url("/static/img/admin/turck_logo_229x24.png") no-repeat;
    width: 229px;
    height: 26px;
    display: block
}

.bannerJV .turckLogo a {
    background: url("/static/img/admin/turck-logo-banner-388x71.png") no-repeat;
    width: 388px;
    height: 71px;
    display: block;
    margin-top: 0
}

.multiprox .turckLogo a {
    background: url("/static/img/admin/TURCK_multiprox_Logo_Desktop.jpg") no-repeat;
    width: 205px;
    height: 80px;
    display: block;
    margin-top: 0;
    margin-right: 0
}

.nav {
    height: 40px
}

.nav .home a {
    padding: 11px 0 14px
}

.content .navBoxes {
    display: block;
    padding: 0;
    margin: 0
}

.content .navBoxes li {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 25%;
    height: 200px;
    text-align: center;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    float: left;
    background-color: #eee;
    position: relative
}

.navBoxes li a {
    display: block;
    height: 100%;
    padding: 53% 3% 0;
    font-size: 1.143em;
    text-transform: uppercase;
    font-weight: bold;
    background-repeat: no-repeat
}

.contBox {
    background-image: url("/static/img/admin/bg_stripes_box.png");
    display: block;
    width: 202px;
    height: 161px
}

.nav .menu {
    display: none;
    text-transform: none
}

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

.nav ul li {
    float: left
}

.nav ul li#mainNav3,
.nav ul li#mainNav4,
.nav ul li#mainNav5,
.nav ul li#mainNav1,
.nav ul li#mainNav2 {
    font-size: 1.283em
}

.nav a {
    display: block;
    line-height: 37px;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    color: #fff;
    padding: 3px 19px 0 21px;
    font-weight: bold
}

#mainNavHome a {
    line-height: 40px;
    padding: 0
}

.nav .navLevel2 a,
.nav .navProdLayer a {
    line-height: 18px
}

.nav #mainNavHome .homeTxt {
    display: none;
    font-size: 1.283em
}

.nav .navArrow {
    display: none;
    z-index: 9;
    position: absolute;
    background: url("/static/img/admin/sprite_icons.png") no-repeat right 0;
    width: 80px;
    height: 50px
}

.nav .navLevel1 li:hover>ul {
    display: block
}

.nav .navLevel1 li:hover>.navProdLayer {
    display: block
}

.nav .navLevel1 li:hover>.navArrow {
    display: block
}

.nav li:hover>a,
li.active>a {
    color: #fc0
}

.nav li:hover>.navLevel2 a {
    text-decoration: none;
    color: #4c4c4c
}

.nav .navLevel1 {
    position: relative;
    display: block
}

.nav .navLevel2,
.navProdLayer {
    position: absolute;
    border: 1px solid #808080;
    background-color: #e5e5e5;
    top: 40px;
    left: 53px;
    display: none;
    width: 877px
}

.navProdLayer {
    padding: 25px
}

.nav .navLevel2 li {
    width: 175px;
    height: 175px;
    float: left;
    font: bold 16px/22px Helvetica, Arial
}

.nav .navLevel2 a {
    display: block;
    width: 100%;
    height: 100%;
    margin: auto auto;
    text-align: center;
    position: relative;
    padding: 0 8px 0;
    background-repeat: no-repeat
}

.navLevel2 li a.viewall {
    background-image: url("/static/img/admin/sprite_navicons_service.png") !important
}

.navLevel2 li:hover a.viewall {
    background-image: url("/static/img/admin/sprite_navicons_service_hover.png") !important
}

.nav .navLevel2 li {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.nav .navLevel2 span {
    padding-top: 72%;
    position: relative;
    text-transform: uppercase;
    display: block
}

.navProdLayer h4 {
    font-size: 1em;
    margin-bottom: .5em
}

.navProdInclude {
    float: left;
    padding-left: 10px
}

.navProdLayer .navLevel2p {
    width: 253px;
    position: relative
}

.navProdLayer .navLevel2p li {
    float: none;
    padding: 9px
}

.navProdLayer .navLevel3p li {
    padding: 6px 0
}

.navProdLayer .navLevel2p li:hover {
    background-color: #fff
}

.navProdLayer .navLevel2p li:hover>.navLevel3p {
    display: block
}

.navProdLayer .navLevel3p {
    overflow-y: auto;
    display: none;
    z-index: 3;
    width: 250px;
    height: 100%;
    position: absolute;
    left: 250px;
    top: 0;
    background-color: #fff;
    padding: 15px 20px 0
}

.navProdLayer .viewall {
    font-style: italic
}

.nav .navTechnologies,
.nav .navMultiproxPartner,
.nav .navWithExtP {
    border-left: 1px solid #ccc;
    width: 280px;
    height: 300px;
    float: left;
    margin: 0 0 0 20px;
    padding: 0 30px 0 30px
}

.navProdLayer .navProdEl:hover~.navProdEl.navTechnologies h4 {
    color: #c0c0c0;
    transition: color .4s linear;
    -o-transition: color .4s linear;
    -moz-transition: color .4s linear;
    -webkit-transition: color .4s linear
}

.nav .navProdLayer li:hover>a,
li.active>a {
    color: #fc0
}

.navLevel2p a {
    color: #4c4c4c;
    text-align: left;
    padding: 0;
    font-size: .824em;
    font-weight: bold
}

.navLevel3p a {
    font-size: .786em;
    text-transform: none
}

.overview_wrapper h4 {
    background-color: #fc0;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    padding: 10px;
    margin-bottom: 0
}

.overview_wrapper.col1 h4 {
    margin-right: 3px
}

.overview_wrapper.col2 h4 {
    margin-left: 1px
}

.overview_wrapper.col1 {
    width: 75%;
    float: left
}

.overview_wrapper.col1 ul {
    border-right: 1px solid #ccc
}

.overview_wrapper.col2 {
    margin: 0;
    width: 25%;
    float: right
}

.lupe {
    background: url("/static/img/admin/sprite_icons.png") no-repeat 0 -900px;
    height: 65px
}

.lupe.search .searchSubmit {
    padding: 0;
    height: 26px;
    right: 1px;
    top: 4px
}

.contBox .at,
.contBox .career,
.contBox .profile,
.contBox .about,
.contBox .contacts,
.contBox .history {
    background: url("/static/img/admin/sprite_navicons_other.png") no-repeat center 15px;
    width: 100%;
    height: 100%
}

.contBox .career {
    background-position: center -145px
}

.contBox .profile {
    background-position: center -305px
}

.contBox .about {
    background-position: center 0
}

.contBox .contacts {
    background-position: center -1000px
}

.contBox .history {
    background-position: center -1500px
}

.subNav {
    padding-bottom: 19999px;
    margin-bottom: -19999px;
    background: #e5e5e5;
    background-color: rgba(229, 229, 229, 0.8)
}

.subNav,
.content {
    display: block
}

.subNav {
    float: left;
    width: 250px;
    height: 100%
}

.subNavCurrent {
    display: block;
    width: auto;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    color: #FFF;
    padding: 13px 10px;
    border-bottom: 2px solid #FFF
}

.subNav ul {
    padding-left: 0;
    margin: 0
}

.subNav .lvl1 li ul {
    margin-bottom: 10px;
    margin-top: 16px
}

.subNav li {
    list-style-type: none
}

.subNav li a {
    line-height: 22px;
    color: #FFF;
    display: block
}

.subNav .lvl1 li {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    border-bottom: 2px solid white;
    padding: 13px 0
}

.subNav .lvl1 li a {
    line-height: 22px;
    padding: 0 15px 0 10px;
    margin-right: 10px;
    background: url("/static/img/admin/sprite_icons.png") no-repeat right -296px
}

.subNav li a:hover,
.subNav li.active>a {
    color: #fc0
}

.subNav li.active {
    height: auto
}

.subNav .lvl2 {
    display: none
}

.subNav .lvl2 li {
    font-size: 15px;
    text-transform: none;
    font-weight: normal;
    height: auto;
    min-height: 0;
    border-bottom: 0;
    background-image: none;
    padding: 0;
    margin: 11px 0 9px
}

.subNav .lvl2 li a {
    padding-left: 20px;
    background-image: none;
    margin-right: 0;
    line-height: 20px
}

.subNav .lvl2 li .lvl3 {
    display: none;
    margin-left: 10px;
    margin-top: 7px;
    margin-bottom: 0
}

.subNav .lvl3 li {
    font-size: 14px;
    padding-bottom: 10px
}

.subNav .lvl2 li.active>.lvl3,
.subNav .lvl1 li.active>.lvl2 {
    display: block
}

li.subNavUpper>a {
    text-transform: uppercase;
    font-weight: bold
}

.subNavProdFinder {
    margin: 40px 0;
    padding: 0 10px 0 10px
}

.prodFinder {
    background-color: #eee;
    -webkit-box-shadow: inset 0 0 13px 13px #ddd;
    -moz-box-shadow: inset 0 0 13px 13px #ddd;
    box-shadow: inset 0 0 13px 13px #ddd;
    border-bottom: 1px solid white
}

.lupe {
    background: url("/static/img/admin/lupe.png") no-repeat 0 0;
    padding: 2px 0 4px 40px
}

.prodFinder .lupe {
    background: url("/static/img/admin/sprite_icons.png") no-repeat 0 -900px;
    height: 65px;
    padding-left: 100px;
    padding-top: 21px;
    width: 80%;
    margin: auto
}

.prodFinder .lupe.search .searchfield {
    width: 100%
}

.prodFinder .lupe.search .searchSubmit {
    padding: 0;
    height: 26px;
    right: 1px;
    top: 23px
}

.detail .lupe.search {
    width: 90%;
    padding-left: 110px
}

.breadcrumb {
    clear: both;
    margin-bottom: 8px
}

.breadcrumb ul li {
    float: left;
    font-size: .9em
}

.breadcrumb ul li a {
    float: left;
    padding-right: 12px;
    margin-right: 6px;
    background: url("/static/img/admin/sprite_icons.png") no-repeat right -1438px
}

.breadcrumb ul li.last a {
    background: 0
}

.noSub .breadcrumb {
    margin-top: -15px
}

.main-container {
    z-index: 2;
    padding-top: 25px
}

.main.wrapper {
    padding: 10px 25px 25px;
    background-color: rgba(255, 255, 255, 0.8)
}

.main.wrapper.noSub {
    padding: 25px
}

.main.wrapper.noSub .subNav,
.main.wrapper.noSub .subNav .subNavCurrent,
.main.wrapper.noSub .subNav ul,
.main.wrapper.noSub .subNav .subNavProdFinder {
    display: none
}

.main.wrapper.noSub .content {
    width: 930px;
    padding: 0
}

.main .inner {
    width: 930px;
    background-color: rgba(255, 255, 255, 1);
    overflow: hidden
}

.content {
    float: right;
    width: 680px;
    height: 100%
}

.content .cntPad {
    padding: 0 34px 34px;
    min-height: 600px
}

.content .cntPad p {
    margin-bottom: 8px;
    line-height: 20px
}

.overviewTeaser {
    width: 930px;
    margin: 0 0 25px;
    height: 200px;
    overflow: hidden
}

.overviewTeaser .overviewText h1 {
    background: 0;
    margin: 0;
    padding: 0;
    color: #000
}

.overviewTeaser .overviewText {
    background-color: #fc0;
    width: 250px;
    height: 100%;
    padding: 10px 15px
}

.overviewTeaser .intr {
    width: 680px;
    height: 100%;
    background-repeat: no-repeat
}

ul.overview {
    display: block;
    padding: 0;
    margin: 25px auto
}

ul.overview li {
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    position: relative;
    overflow: hidden;
    cursor: pointer
}

ul.overview.article li {
    width: 204px;
    padding: 0
}

ul.overview li a {
    position: relative;
    height: 100%;
    display: block;
    font-size: 1em;
    text-transform: none;
    font-weight: bold;
    z-index: 1;
    background-image: url("/static/img/admin/blank.gif");
    width: 100%
}

ul.overview li:hover a span,
ul.overview li a span.active {
    color: #fc0;
    background-color: #7f7f7f
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    ul.overview li a {
        width: 100%;
        height: 100%;
        z-index: 4
    }

    ul.overview li span {
        z-index: 3
    }

    .img_wrapper {
        z-index: 1
    }
}

ul.overview li span {
    font-size: 12px;
    position: relative;
    padding: 5px;
    background-color: #fc0;
    color: #333;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.overview li img {
    filter: url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333,0.3333,0.3333,0,0,0.3333,0.3333,0.3333,0,0,0.3333,0.3333,0.3333,0,0,0,0,0,1,0'/></filter></svg>#grayscale");
    filter: grayscale(100%);
    filter: gray;
    -webkit-filter: grayscale(100%);
    -webkit-transition: all .6s ease;
    -webkit-backface-visibility: hidden;
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1)
}

ul.prodoverview {
    margin: 0
}

ul.prodoverview li {
    width: 232px;
    height: 269px;
    background-color: #FFF
}

ul.prodoverview li img {
    width: 235px;
    height: 235px
}

ul.prodoverview li a {
    font-size: 1.143em
}

ul.prodoverview a span {
    height: 34px;
    width: 100%
}

.prodDiv ul.overview li {
    width: 204px;
    height: 238px;
    background-color: #FFF
}

.prodDiv ul.overview li img {
    width: 100%
}

.overview li:hover img,
.overview li img.color {
    filter: none;
    -webkit-filter: grayscale(0%)
}

.prodDiv ul.overview a span {
    height: 34px;
    width: 100%
}

.prodDiv ul.overview li a {
    border: 1px solid #c4c4c4
}

.prodDiv ul.overview li a:hover {
    border: 1px solid #fc0
}

.layertxt {
    position: absolute;
    top: 50px;
    width: 360px;
    padding: 20px;
    background-color: rgba(127, 127, 127, 0.7);
    color: #FFF;
    font: bold 1.2em/1.6em arial
}

.right {
    right: 0
}

.left {
    left: 0
}

.bott {
    bottom: 50px;
    top: auto
}

.articleImg {
    margin: 0 -34px
}

.articleImg img {
    width: 100%
}

.articleImg200 {
    max-height: 200px;
    overflow: hidden;
    margin: 0 -34px
}

.articleImg200 img {
    width: 100%;
    max-height: 200px
}

.img680 {
    display: block
}

.img480 {
    display: none
}

.aioCnt {
    clear: both
}

.aioCnt .leftCol img,
.aioCnt .rightCol img {
    margin-top: 16px
}

.leftCol,
.rightCol {
    width: 50%;
    float: left
}

.leftCol img,
.rightCol img {
    width: 100%;
    max-width: 280px
}

.rightCol.w25p {
    text-align: center
}

.text-download .rightCol a.download {
    background: url("/static/img/admin/icon55x60_pdf.png") no-repeat 40% top;
    float: right;
    display: block;
    width: 90px;
    padding: 60px 0 0;
    font-size: .714em;
    line-height: 1.125em
}

.img-text .leftCol p,
.text-img .rightCol p,
.img-img p {
    font-size: .714em;
    line-height: 1.125em
}

.threecol {
    margin: 34px auto 0;
    width: 612px;
    padding: 0
}

.threecol .col,
.twocol .col {
    width: 202px;
    float: left;
    margin-bottom: 14px
}

.col2 {
    margin: 0 3px
}

.img202 {
    display: block;
    width: 100%
}

.threecol .col h2,
.threecol .col p,
.twocol .col h2,
.twocol .col p {
    margin-left: 10px;
    margin-right: 10px
}

.threecol .bg,
.twocol .bg {
    background: url("/static/img/admin/sprite_navicons_other.png") no-repeat center center;
    height: 100%;
    width: 100%
}

.threecol .bg a,
.twocol .bg a {
    height: 100%;
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
    text-indent: -9999px
}

.twocol {
    margin: 34px auto 0;
    padding: 0
}

.twocol .col {
    width: 49%
}

.twocol .col .contBox {
    width: 100%
}

.twocol .bg {
    background-size: cover
}

.imgText {
    display: block;
    margin: 10px auto;
    clear: both
}

.imgText img.img76 {
    float: left;
    margin: 0 0 10px 0;
    width: 76px
}

.imgText .contText {
    float: left;
    margin: 19px 0 19px 30px;
    width: 82%
}

.imgText.withImgPT .contText {
    float: right;
    margin: 9px 0 19px 30px;
    width: 82%
}

.imgText.withImgLS .contText {
    width: 50%;
    margin: 0 0 10px;
    float: left
}

.imgText.withImgLSSmall .contText {
    width: 75%;
    margin: 0 0 10px;
    float: left
}

.imgText.withImgLSSmall a.left {
    width: 25%;
    float: left;
    padding-right: 15px
}

.imgText.withImgLSSmall img.prImg {
    width: 100%;
    margin: 0 0 10px
}

.imgText.withImgLS a.left {
    display: block;
    width: 50%;
    margin: 0;
    float: left
}

.imgText .contText h2 {
    margin-top: 0 0 8px
}

.articleCnt hr,
hr.imgTextHr {
    border: 1px dotted #999;
    height: 1px;
    margin: 1px;
    border-width: 1px 0 0;
    clear: both;
    float: none;
    margin: 0
}

.downloadGuide div {
    width: 85%
}

.downloadGuide a {
    background: url("/static/img/admin/icon55x60_pdf.png") no-repeat scroll;
    float: right;
    display: block;
    width: 75px;
    padding: 65px 0 0 4px;
    font-size: .688em;
    line-height: 1.125em;
    margin-top: 28px
}

span.h2d {
    font-weight: normal;
    font-size: .9em
}

.imgText .more.down {
    background: url("/static/img/admin/sprite_icons.png") no-repeat right -177px;
    padding: 0 12px 0 0;
    border-bottom: 0
}

.imgText .more.up {
    background: url("/static/img/admin/sprite_icons.png") no-repeat right -237px;
    padding: 0 12px 0 0;
    border-bottom: 0;
    text-transform: none
}

.imgText .cntMore {
    display: none;
    margin: 0 30px 0 0
}

.imgText h2.more {
    background: url("/static/img/admin/sprite_icons.png") right -1260px no-repeat;
    padding: 0 35px 0 0;
    margin: 0;
    line-height: 25px;
    min-height: 32px;
    cursor: pointer;
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.imgText h2.more.open {
    color: #000;
    background-position: right -1140px
}

.imgText.noImg .contText {
    margin: 19px 0;
    width: 100%;
    float: none
}

.imgText .morep {
    cursor: pointer;
    padding: 0 30px 0 0
}

.imgText.noImg img.img76 {
    display: none
}

.prImgText {
    display: block;
    margin: 10px -19px;
    clear: both
}

.prImgTextItem {
    margin: 10px 0
}

.prImgTextItem .rightCol a p {
    display: inline
}

.prImgTextHr {
    margin: 10px 0 !important
}

.leftCol img.prImg,
.imgText.withImgLS img.prImg {
    max-width: 280px
}

.imgText.withImgLS img.prImg {
    margin: 0 0 10px
}

.tabset .leftCol img.prImg {
    max-width: 280px
}

p.date {
    border-top: 1px dotted #999;
    border-bottom: 1px dotted #999;
    padding: .5em 0 .3em;
    margin: 0 0 1em 0
}

p.dateDe {
    padding: .5em 0 .3em;
    margin: 0 0 1em 0
}

.btn {
    background-color: #fc0;
    padding: 5px 20px;
    color: #000;
    cursor: pointer
}

.btn.big {
    padding: 15px 20px;
    font-weight: bold;
    text-transform: uppercase
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0 none;
    margin: 20px 0;
    padding: 0
}

table thead th {
    background-color: #e5e5e5;
    height: 42px;
    text-align: left;
    padding-left: 10px;
    font-weight: bold;
    text-transform: uppercase
}

table tbody tr {
    text-align: left;
    height: 34px
}

table tbody tr:nth-child(even),
table tr.even {
    background-color: #e5e5e5
}

table tbody tr:nth-child(odd),
table tbody tr.odd {
    background-color: #fff
}

table tbody td {
    padding-left: 10px;
    line-height: 16px;
    padding-top: 5px;
    padding-bottom: 5px
}

span.start-date,
span.end-date {
    display: none
}

.tsTable a.intLink {
    text-decoration: underline
}

.tradeshow-btn {
    clear: both;
    display: block;
    margin: 25px 0 0 0
}

.tradeshow-btn .col1,
.tradeshow-btn .col2 {
    float: left;
    width: 47%;
    margin: 0;
    padding: 20px 20px 15px;
    background-color: #e5e5e5;
    text-align: center
}

.tradeshow-btn .col1 {
    margin: 0 6% 0 0
}

.tradeshow-btn a.btnSubmit {
    float: none
}

.tradeshow-btn .col1 p,
.tradeshow-btn .col2 p {
    margin: 15px 0 0 0;
    text-align: left
}

#inviteContent {
    display: none;
    margin: 20px 0 0 0
}

.rs {
    float: left;
    width: 80px;
    margin: 8px 0 0 5px
}

h3.rsh3 {
    float: left;
    margin: 5px 20px 14px 0
}

#emailError {
    color: #f00;
    font-style: italic;
    display: none
}

#visitdate {
    width: 115px;
    color: #4c4c4c;
    background: url("http://cdn.xuansiwei.com/zuich1039/1586784419058/sprite_filter.png?x-oss-process=style/small") 83px -61px no-repeat #e5e5e5
}

td.saveDate {
    padding: 0;
    width: 20px;
    height: 20px
}

td.saveDate>a {
    text-indent: -9999px;
    overflow: hidden;
    width: 20px;
    height: 20px;
    display: block;
    background: transparent url("/static/img/admin/stdate_icon.png") no-repeat center center
}

a.saveDate {
    display: none
}

p.formError {
    display: none;
    padding: 0 1px 11px
}

.allErrorMessage.formError {
    font-weight: bold
}

p.formError.fileinfo {
    margin-right: 40px
}

.btn_jobapply {
    background: rgba(0, 0, 0, 0) url("/static/img/admin/sprite_icons.png") no-repeat 15px -281px;
    background-size: 260% auto;
    position: absolute;
    right: 0;
    text-indent: -3000px;
    width: 40px;
    height: 40px;
    top: 5px
}

.careerList td:first-child,
.careerList th:first-child {
    padding: 0 0 0 20px;
    width: 20%
}

.careerList td:nth-child(2),
.careerList th:nth-child(2) {
    width: 50%;
    font-weight: bold
}

.careerList tr.even {
    background-color: #e5e5e5
}

table .header,
table .tablesorter-header {
    background: #e5e5e5 url("/static/img/admin/ts-bg.gif") no-repeat center right
}

table .headerSortDown,
table .tablesorter-headerDesc {
    background: #d5d5d5 url("/static/img/admin/ts-desc.gif") no-repeat center right
}

table .headerSortUp,
table .tablesorter-headerAsc {
    background: #d5d5d5 url("/static/img/admin/ts-asc.gif") no-repeat center right
}

.galExp {
    margin: 0;
    width: 612px
}

.galExp .bxSlider {
    display: none
}

.galExp .bxPager {
    display: none
}

.galExp .preloader {
    height: 430px
}

.galExp .bx-default-pager {
    display: none
}

.galExp .bxSlider .bx-wrapper {
    margin: 0 auto 7px auto
}

.galExp .bxSlider .bx-wrapper .bx-viewport {
    box-shadow: none;
    border: 10px solid #e5e5e5;
    background: #fff;
    left: 0
}

.galExp .bxSlider ul li {
    margin: 0;
    padding: 0
}

.galExp .bxPager ul li {
    margin: 0
}

.galExp ul {
    padding: 0;
    margin: 0
}

.galExp .bxPager .bx-wrapper {
    margin: 0 0 30px 0
}

.galExp .bxPager .bx-wrapper .bx-viewport {
    box-shadow: none;
    border: 0;
    background: #fff;
    left: 0
}

.galExp .bxPager ul li {
    background-color: #e5e5e5;
    padding: 10px
}

.galExp .bxPager ul li.active {
    background-color: #7f7f7f
}

.galExp .bxPager .bxPrev a,
.galExp .bxPager .bxNext a {
    display: block;
    margin-top: -19px;
    padding: 0;
    width: 34px;
    height: 38px;
    outline: 0 none;
    position: absolute;
    top: 50%;
    text-indent: -9999px;
    background: url("/static/img/admin/sprite_icons.png") no-repeat scroll transparent;
    border-bottom: 0
}

.galExp .bxPager {
    position: relative
}

.galExp .bxPager p {
    margin: 0;
    padding: 0
}

.galExp .bxPager .bxPrev a {
    background-position: left -360px;
    left: 0;
    margin: -19px 0 0 -25px
}

.galExp .bxPager .bxNext a {
    background-position: left -420px;
    right: 0;
    margin: -19px -25px 0 0
}

.galExp .bxPager .bxPrev a.disabled,
.galExp .bxPager .bxNext a.disabled {
    display: none !important
}

.galExp .bxPager ul li a,
.galExp .bxPager ul li a img {
    outline: 0 none
}

.galExp .galleryOverlay {
    width: 100%;
    height: 30px;
    padding: 0 10px;
    background-color: #fc0;
    position: absolute;
    bottom: 20px;
    left: 0;
    display: table;
    color: #333
}

.galExp .galleryOverlay p {
    display: table-cell;
    vertical-align: middle;
    line-height: 16px;
    padding: 3px 0
}

#galExpMobileDescription {
    display: none !important
}

.preloader {
    width: 100%;
    height: 100%;
    min-height: 90px;
    margin: 0 auto;
    background: transparent url("/static/img/admin/preloader-48x48.gif") center center no-repeat
}

.galExp .loupe {
    display: none;
    position: absolute;
    width: 33px;
    height: 30px;
    right: 0;
    top: 282px;
    padding: 10px;
    cursor: pointer;
    z-index: 1000;
    background: url("/static/img/admin/sprite_icons.png") no-repeat scroll transparent;
    background-position: 0 -1380px
}

.galExp:hover .loupe {
    display: block
}

.galExp .galExpVidActive .loupe {
    width: 25px;
    display: block;
    top: 482px;
    background-position: 0 -1935px
}

.galExp .video:before {
    background: rgba(0, 0, 0, 0.1) url("/static/img/admin/play_white.png") no-repeat scroll 40px 15px / 50px auto;
    content: "";
    height: 72px;
    left: 10px;
    position: absolute;
    top: 10px;
    width: 128px;
    z-index: 50;
    pointer-events: none
}

.galExp .flowplayer {
    overflow: hidden
}

.galExp .galExpVid {
    max-height: 333px
}

.galExp .galExpVid .galleryOverlay {
    visibility: hidden
}

.galExp .galExpVid.galExpVidActive .galleryOverlay {
    visibility: visible;
    bottom: -30px
}

.galExp .galExpVid.galExpVidActive {
    top: -208px;
    border: 10px solid #e5e5e5;
    border-bottom-width: 40px;
    max-height: 530px
}

.fp-brand,
.fp-menu,
.fp-time,
.fp-timeline-tooltip {
    display: none
}

.iframeWrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%
}

.iframeWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.RL_sortHint,
.RL_sourceGallery {
    display: none
}

.RL_sourceGallery ul li {
    list-style-type: none;
    padding-left: 0;
    margin-left: 0;
    position: relative;
    margin-bottom: 60px
}

.RL_sortHint {
    background-color: #c00;
    color: #FFF;
    font-weight: bold;
    padding: 5px;
    text-align: center
}

.RL_imgurl {
    position: absolute;
    background-color: #000;
    color: #FFF;
    font-weight: bold;
    top: 0;
    left: 0;
    padding: 3px
}

.RL_imgurl.pos2 {
    top: 350px
}

.prodDetail #galExpProd {
    width: 265px;
    margin-right: 10px
}

.prodDetail #galExpProd img {
    width: 100%;
    max-height: 100%
}

.prodDetail #galExpProd.galExp .bxSlider .bx-wrapper .bx-viewport {
    border: 0
}

.prodDetail #galExpProd.galExp .bxPager ul li {
    padding: 1px;
    height: 60px;
    border: 1px solid #ccc;
    background-size: contain;
    background-image: url("/static/img/admin/trans.png")
}

.prodDetail #galExpProd .bxPager ul li.active {
    border-color: #7f7f7f
}

.prodDetail #galExpProd.galExp .bxPager ul li img {
    padding: 1px;
    height: 60px
}

.prodDetail #galExpProd.galExp ul.bx_slider,
#galExpProd.galExp ul.bx_slider li {
    height: 100%
}

.accCont .hideAll {
    display: none
}

.accCont h3 {
    background: url("/static/img/admin/sprite_icons.png") right -1239px no-repeat;
    border-bottom: 1px dotted #999;
    text-align: left
}

.accCont h3.open {
    color: #000;
    background-position: right -1119px;
    border-bottom: 0
}

.accCont h3 {
    min-height: 70px;
    line-height: 20px;
    cursor: pointer;
    padding: 25px 35px 25px 0
}

.accCont h3.doublespaced {
    line-height: 20px;
    padding: 15px 35px 15px 0
}

.accCont h3.triplespaced {
    line-height: 20px;
    padding: 5px 35px 5px 0
}

.accCont .accItem.opened {
    border-bottom: 1px dotted #999;
    display: block !important
}

.accCont .accItem {
    padding: 0 0 30px 0
}

.accCont .accItem .col {
    float: left
}

.accCont .accItem .col2 {
    width: 45%;
    padding: 20px 0 0 10px
}

.accCont .idm-accordion-content h3 {
    background: 0;
    border: 0;
    text-align: initial;
    min-height: 0;
    line-height: initial;
    cursor: initial;
    padding: 0
}

.idm-tabs-wrapper .accAll {
    display: none
}

.idm-accordion-hideAll,
.tabset .hideAll {
    display: none
}

.main-container .productHeadline {
    margin: 0 auto;
    width: 980px;
    padding: 0 490px 0 10px
}

.productHeadline h1 {
    background: 0;
    margin: 0;
    padding: 0
}

.productHeadline * {
    color: #000;
    margin: 0
}

.bgProd {
    background-repeat: no-repeat;
    background-size: 40% auto;
    background-position: right top
}

.prodDetail {
    margin: 0 0 20px 0
}

.prodDetail .col {
    float: left;
    margin: 0;
    padding: 0
}

.prodDetail .col1 {
    width: 45%
}

.prodDetail .col2 {
    width: 55%
}

.prodDetail .col2 h1 {
    margin: 0 -34px 0 0
}

.prodDetail img {
    width: 90%
}

.prodDetail .enlarge a {
    background: transparent url("/static/img/admin/sprite_icons.png") 0 -1380px no-repeat;
    padding: 2px 5px 10px 20px;
    width: 20px;
    height: 20px
}

.prodDetail .enlarge {
    text-align: center;
    background-color: rgba(255, 255, 255, 0.9);
    border: 1px solid white;
    bottom: 10px;
    left: 0;
    padding: 7px 5px 7px 0;
    position: absolute;
    font-size: 12px
}

.prodDetail .buttons {
    margin: 10px 0 0 0
}

.prodDetail .btnBasket,
.prodDetail .btnDownload {
    font-size: 16px;
    padding: 10px 20px;
    line-height: 24px;
    background-color: #fc0;
    float: left;
    font-weight: bold
}

.prodDetail .btnDownload {
    margin-left: 10px
}

.prodDetail .btnDataSheet {
    background-color: #e5e5e5;
    padding: 5px 20px;
    float: left;
    margin: 0 0 0 20px
}

h2.filter-head,
h2.filter-reload {
    font-size: 1.729em
}

.prodDetail.moreImgs .col1,
.prodDetail.moreImgs .col2 {
    width: 100%
}

.prodDetail.moreImgs .col2 {
    margin: 30px 0 0 0
}

.prodDetail.moreImgs .col {
    float: none
}

.prodDetail.moreImgs img {
    width: auto
}

.prodDetail.moreImgs .imgDiv {
    float: left
}

.prodDetail #compare .dtimg,
.prodDetail #compare .dtopeninfo {
    visibility: hidden;
    height: 1px;
    overflow: hidden
}

.prodDetail #compare {
    height: 50px;
    overflow: hidden;
    border-bottom: 1px dotted #999
}

.prodDetail #compare .compare label {
    position: absolute
}

.contactTeaser .col {
    float: left;
    margin: 0;
    padding: 0
}

.contactTeaser .col1 img {
    border: 10px solid #e5e5e5;
    margin: 84px 0 50px 50px
}

.contactTeaser .col2 {
    margin: 84px 0 50px 50px
}

.contactTeaser .col2 p {
    line-height: 2em
}

.tabset .contactTeaser .col1 img {
    margin: 14px 0 50px 50px
}

.tabset .contactTeaser .col2 {
    margin: 14px 0 50px 50px
}

.selectVideos {
    margin: 0;
    padding: 3px;
    background-color: #e5e5e5;
    color: #7f7f7f;
    border: 1px solid #7f7f7f;
    outline: 0;
    display: inline-block;
    cursor: pointer;
    width: 300px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.selectVideos option {
    margin: 5px 0 5px 5px;
    background-color: #e5e5e5;
    width: 275px
}

.svLabel {
    float: right
}

.vDetail {
    padding: 10px;
    border: 10px solid #e5e5e5
}

.videoL {
    margin: 35px -5px 15px;
    display: block
}

.vdMargin {
    margin: 35px 0 0
}

.videoL .bxSlider {
    display: none
}

.videoL .bxPager {
    display: none
}

.videoL .videoName {
    display: none
}

.videoL .preloader {
    height: 630px
}

.videoL .bxSlider {
    width: 874px;
    background-color: #e5e5e5;
    padding: 0;
    margin: 0 0 20px 0
}

.videoL .bxSlider ul li {
    margin: 0;
    padding: 0
}

.videoL .bxPager ul li {
    margin: 0
}

.videoL .bx-default-pager {
    display: none
}

.videoL .bxSlider .bx-wrapper {
    margin: 0 auto
}

.videoL .bxSlider .bx-wrapper .bx-viewport {
    box-shadow: none;
    border: 10px solid #e5e5e5;
    background-color: #fff;
    left: 0
}

.videoL ul {
    padding: 0;
    margin: 0
}

.videoL .bxPager .bx-wrapper {
    margin: 20px 0
}

.videoL .bxPager .bx-wrapper .bx-viewport {
    box-shadow: none;
    border: 0;
    background: none repeat scroll 0 0 transparent;
    left: 0
}

.videoL .bxPager ul li {
    background-color: #e5e5e5;
    padding: 10px
}

.videoL .bxPager ul li.active {
    background-color: #7f7f7f;
    padding: 10px
}

.videoL .bxPager .bxPrev a,
.videoL .bxPager .bxNext a {
    display: block;
    margin-top: -19px;
    padding: 0;
    width: 34px;
    height: 38px;
    outline: 0 none;
    position: absolute;
    top: 50%;
    text-indent: -9999px;
    border-bottom: 0
}

.videoL .bxPager {
    position: relative;
    width: 826px;
    margin: 0 0 0 25px
}

.videoL .bxPager p {
    margin: 0;
    padding: 0
}

.videoL .bxPager .bxPrev a {
    background: url("/static/img/admin/sprite_icons.png") no-repeat scroll left -360px transparent;
    left: 0;
    margin: -19px 0 0 -25px
}

.videoL .bxPager .bxNext a {
    background: url("/static/img/admin/sprite_icons.png") no-repeat scroll left -420px transparent;
    right: 0;
    margin: -19px -24px 0 0
}

.videoL .bxPager .bxPrev a.disabled,
.videoL .bxPager .bxNext a.disabled {
    display: none !important
}

.videoL .bxPager ul li a,
.videoL .bxPager ul li a img {
    outline: 0 none
}

.videoL .videoHeadline {
    display: none
}

.videoL .fPlayer {
    width: 622px;
    height: 350px;
    margin: 0;
    padding: 0
}

.noSub .videoL .fPlayer {
    width: 854px;
    height: 480px;
    margin: 0;
    padding: 0
}

.videoL .fPlayer .fp-fullscreen,
.videoL .fPlayer .fp-embed,
.galExpVid .fPlayer .fp-fullscreen,
.galExpVid .fPlayer .fp-embed {
    display: none
}

.videoL .fPlayer .fp-waiting {
    margin: 27% auto
}

a.videobtn,
.videoL h2 {
    display: none
}

.content.video_lib .videoL a.btn,
.content.video_lib .videoL h2 {
    display: block
}

.pdbradio {
    width: 20%;
    margin-top: -15px
}

.pdbinput {
    width: 80%
}

.pdbSearch ul,
.pdbSearch ul li {
    margin: 0;
    padding: 0
}

.pdbgraphic {
    width: 100px
}

.pdbSearch ul li {
    margin-left: 10px
}

.pdbSearch tbody td {
    padding: 10px
}

.flyouts.wrapper {
    overflow: auto;
    margin-top: 25px
}

#lang-flyout,
#basket-flyout {
    width: 100%;
    min-height: 55px;
    position: relative;
    float: left;
    color: #FFF
}

#basket-flyout {
    border-bottom: 1px solid #646464
}

.flyouts .flyoutInner {
    height: 100%;
    position: relative;
    background-color: #7f7f7f;
    text-align: center
}

.flyouts .flyoutInnerHidden {
    display: none;
    margin-top: 0;
    margin: auto;
    padding: 0 20px 20px 20px;
    text-align: left;
    background-color: #7f7f7f
}

#lang-flyout select {
    height: 20px
}

#lang-flyout option {
    padding: 3px 6px 3px
}

.flyoutInnerHidden h5 {
    margin-bottom: 10px
}

.flyoutInnerHidden a {
    color: #FFF
}

.flyouts .label {
    display: block;
    width: 150px;
    height: 55px;
    margin: 0 auto;
    line-height: 55px;
    text-align: center;
    vertical-align: middle;
    background: url("") no-repeat;
    background-position: right -156px;
    cursor: pointer;
    z-index: 1
}

.flyouts .flyoutInner.open .flyoutInnerHidden {
    display: inline-block
}

.flyouts .flyoutInner.open .label {
    background-position: right -216px
}

.country_intern {
    margin: 0 55px 0 0
}

.country_world,
.country_intern {
    float: left
}

.footer-container {
    text-align: center;
    margin: 25px 0 25px;
    z-index: 1;
    background: url("/static/img/admin/worldmap_small.png") 51% center no-repeat
}

.footer-container a {
    display: block;
    vertical-align: middle
}

.footer.wrapper {
    text-align: center;
    padding: 45px 0
}

.footerNavWrapper,
.footerCopyWrapper {
    width: 50%
}

.footerNavWrapper {
    float: left;
    padding-right: 120px
}

.footerCopyWrapper {
    float: left;
    padding-left: 140px
}

.footer ul,
.footer ul li {
    padding: 0;
    margin: 0
}

.footer ul.footerNav,
.footer ul.serviceNav {
    float: right;
    clear: both
}

.footer ul.serviceNav.portals {
    margin-top: 6px
}

.footer ul.serviceNav.portals li a {
    text-transform: uppercase
}

.footer ul.footerNav li,
.footer ul.serviceNav li {
    display: block;
    float: left;
    list-style-type: none;
    margin-left: 10px;
    vertical-align: middle
}

.footer .copyright,
.footer .phone,
.footer .seperator,
.footer .repLocator {
    float: left
}

.footer .phone {
    position: relative
}

.footer .copyright {
    vertical-align: middle
}

.footerNav li a,
.footer .copyright {
    font-size: .750em;
    line-height: 22px
}

.serviceNav li a,
.footer .phone,
.footer .seperator,
.footer .repLocator {
    font-size: .7em
}

.footer .phone {
    clear: left
}

.footer .seperator {
    padding: 0 7px
}

.print_address {
    display: none
}

div.print,
div.mail,
div.youtube,
div.linkedin,
div.twitter,
div.facebook {
    float: left;
    display: block;
    position: relative
}

div.print a,
div.mail a,
div.youtube a,
div.linkedin a,
div.twitter a,
div.facebook a {
    background: url("/static/img/admin/sprite_icons.png") no-repeat left -1680px;
    width: 24px;
    height: 30px;
    cursor: pointer;
    margin: 5px 5px 0 0
}

div.mail a {
    background-position: left -1758px
}

div.youtube a {
    background-position: left -1720px
}

div.linkedin a {
    background-position: left -1798px
}

div.twitter a {
    background-position: left -2092px
}

div.facebook a {
    background-position: left -2172px
}

.fr {
    float: right
}

.fl {
    float: left
}

.clear {
    clear: both
}

.clear1024 {
    clear: both
}

.clearRight {
    clear: right
}

.clearLeft {
    clear: left
}

.posRel {
    position: relative
}

.posAbs {
    position: absolute
}

.posStatic {
    position: static !important
}

.aLeft {
    text-align: left
}

.aRight {
    text-align: right
}

.aCenter {
    text-align: center
}

.z0 {
    z-index: 0
}

.z1 {
    z-index: 1
}

.z2 {
    z-index: 2
}

.z3 {
    z-index: 3
}

.z99 {
    z-index: 99
}

.z999 {
    z-index: 999
}

.pad5 {
    padding: 5px
}

.pad10 {
    padding: 10px
}

.pad15 {
    padding: 15px
}

.pad20 {
    padding: 20px
}

.pad25 {
    padding: 25px
}

.p34 {
    padding: 0 34px
}

.noPad {
    padding: 0 !important
}

.horiPad15 {
    padding: 0 15px 0 15px
}

.vertiPad15 {
    padding: 15px 0 15px 0
}

.noMarginRight {
    margin-right: 0 !important
}

.noMargin {
    margin: 0 !important
}

.mL10 {
    margin-left: 10px
}

.mB5 {
    margin-bottom: 5px
}

.mB10 {
    margin-bottom: 10px
}

.mB20,
h2.mB20,
.mB20errAbs {
    margin-bottom: 20px
}

.mB30 {
    margin-bottom: 30px
}

.mT0 {
    margin-top: 0 !important
}

.mT10 {
    margin-top: 10px
}

.mT20 {
    margin-top: 20px
}

.mT30 {
    margin-top: 30px
}

.mT40 {
    margin-top: 40px
}

.mLR0 {
    margin: auto 0 !important
}

.mR10 {
    margin-right: 10px
}

.up {
    text-transform: uppercase
}

.b,
.upb {
    font-weight: bold
}

.nooverflow {
    overflow: hidden
}

.error {
    color: red
}

.w25p {
    width: 25%
}

.w45p {
    width: 45%
}

.w55p {
    width: 55%
}

.w75p {
    width: 75%
}

.opacity30 {
    opacity: .30;
    -ms-filter: "alpha(opacity=30)"filter:alpha(opacity=30);
    zoom: 1
}

.opacity50 {
    opacity: .50;
    -ms-filter: "alpha(opacity=50)"filter:alpha(opacity=50);
    zoom: 1
}

.opacity80 {
    opacity: .80;
    -ms-filter: "alpha(opacity=80)"filter:alpha(opacity=80);
    zoom: 1
}

.innerShadow {
    -webkit-box-shadow: inset 0 0 5em 2em #e4e4e4;
    -moz-box-shadow: inset 0 0 5em 2em #e4e4e4;
    box-shadow: inset 0 0 5em 2em #e4e4e4
}

.innerShadowBL {
    -webkit-box-shadow: inset 3em -3em 3em 0 #d9d9d9;
    -moz-box-shadow: inset 3em -3em 3em 0 #d9d9d9;
    box-shadow: inset 3em -3em 3em 0 #d9d9d9
}

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%
}

.show {
    display: block !important
}

.hidden,
.hide {
    display: none !important;
    visibility: hidden
}

.none {
    display: none
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.invisible {
    visibility: hidden
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.clearfix {
    *zoom: 1
}

.absolute-center {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

ul.pdfDownload li,
ul.linklist li {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.linklist a {
    height: 24px;
    line-height: 24px;
    padding: 3px 0 3px 30px;
    background: url("/static/img/admin/sprite_icons.png") no-repeat scroll transparent;
    background-position: left -1489px;
    border-bottom: 0
}

.linklist a[href^='http'] {
    background-position: left -1589px
}

.pdfDownload a,
.linklist a[href*='.pdf'] {
    height: 24px;
    line-height: 24px;
    padding: 3px 0 3px 30px;
    background: url("/static/img/admin/sprite_icons.png") no-repeat scroll left -2134px transparent;
    border-bottom: 0
}

.linklist a.prodLink {
    background-position: left -1489px
}

.tableProd td.linklist {
    padding-left: 14px
}

a.intLink,
a.extLink {
    padding: 3px 0 3px 30px;
    background: url("/static/img/admin/icon-int-link.png") no-repeat left center transparent;
    border-bottom: 0;
    display: block
}

a.pdfLink {
    padding: 3px 0 3px 30px;
    background: url("") no-repeat scroll left center transparent;
    border-bottom: 0;
    display: block
}

a.intLink[href^="http://"],
a.intLink[href^="https://"],
a.extLink {
    background: url("/static/img/admin/sprite_icons.png") no-repeat scroll left -1585px transparent
}

.pdfDownload li.se {
    height: 24px;
    line-height: 24px;
    padding: 0 0 3px 30px;
    background: url("/static/img/admin/sprite_icons.png") no-repeat scroll left -1016px transparent;
    border-bottom: 0
}

.rotate {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3)
}

a.info_i,
p a.info_i {
    background-color: #fc0;
    padding: 2px 8px;
    text-align: center;
    font-weight: bold;
    border-bottom: 0
}

.form {
    width: 47%;
    display: block;
    float: left;
    text-align: left;
    margin-right: 4%
}

.form.street {
    margin-right: 2%;
    width: 69%
}

.form.streetnr {
    width: 29%;
    margin-right: 0
}

select.grey {
    color: #777
}

.contactform input[type="text"],
.contactform input[type="email"],
.contactform input[type="number"],
.contactform input[type="tel"],
.contactform select {
    height: 34px;
    background-color: #e5e5e5;
    margin-bottom: 5px;
    border-radius: 2px;
    border: 1px solid #222;
    padding-left: 10px;
    padding-right: 25px;
    width: 100%
}

.contactform button.btn {
    height: 34px;
    border: 0
}

input.idm-validator-error,
input.idm-validator-success {
    background-image: url("/static/img/admin/formfields.png");
    background-repeat: no-repeat
}

.fe-form label.label-left {
    line-height: 20px
}

input.idm-validator-error {
    background-position: right -22px
}

input.idm-validator-success {
    background-position: right 7px
}

.form .formError.txtarea {
    padding-bottom: 0;
    margin-bottom: 0
}

input.idm-validator-default,
textarea.idm-validator-default {
    color: #4c4c4c;
    font-style: italic
}

.form img,
.errorPageSection2 img {
    width: 100%
}

.form input[type="radio"] {
    background-color: #e5e5e5;
    float: left;
    margin-right: 10px
}

.form input[type="checkbox"],
.form input[type="radio"] {
    margin-top: 3px
}

.form label {
    display: none
}

textarea {
    resize: none;
    width: 100%;
    height: 132px;
    background-color: #e5e5e5;
    margin-bottom: 5px;
    border-radius: 2px;
    border: 1px solid #222;
    padding: 10px
}

input.shopformfield {
    height: 24px;
    margin-bottom: 0;
    padding: 0 6px
}

select.grey {
    color: #777
}

input.idm-validator-error,
textarea.idm-validator-error,
select.idm-validator-error,
select.grey.idm-validator-error,
.fstElement.idm-validator-error {
    color: #f00;
    border: 1px solid #f00 !important
}

input[type="radio"].idm-validator-error+label,
input[type="checkbox"].idm-validator-error~label {
    color: #f00
}

.fe-form-line:after {
    content: "";
    display: table;
    clear: both
}

.fe-control-area {
    display: block;
    height: auto;
    position: relative;
    float: left
}

.fe-control-area .fe-radiogroup-line {
    display: block
}

.fe-form label {
    padding-right: 20px;
    display: block;
    float: left;
    width: 30%;
    height: 20px;
    line-height: 21px;
    margin: 5px 0
}

.fe-form input[type="text"] {
    width: 276px;
    display: block;
    height: 34px;
    background-color: #e5e5e5;
    border-radius: 2px;
    border: 1px solid #222;
    padding-left: 10px;
    padding-right: 25px;
    clear: right;
    float: left;
    line-height: 32px;
    margin-bottom: 10px
}

input.btnSubmit {
    background-color: #fc0;
    float: right
}

.tooltip {
    display: inline;
    position: relative;
    display: none
}

.tooltip:after {
    background: #333;
    border-radius: 4px;
    box-shadow: 2px 2px 2px #fc0;
    top: 6px;
    color: #fff;
    content: attr(error);
    left: 10px;
    padding: 5px 15px;
    position: absolute;
    width: 295px;
    min-height: 20px;
    z-index: 98
}

.wl.tooltip:after {
    width: 113px
}

.tooltip:before {
    border-color: #333 rgba(0, 0, 0, 0);
    border-image: none;
    border-style: solid;
    border-width: 0 0 15px 15px;
    content: "";
    left: 3px;
    position: absolute;
    top: -3px;
    z-index: 99;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg)
}

.noMarginRight .tooltip:after {
    left: -529px;
    box-shadow: -2px 2px 2px 0 #fc0
}

.noMarginRight .tooltip:before {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    left: -307px
}

.fe-form .tooltip:before {
    top: 31px
}

.fe-form .tooltip:after {
    top: 23px
}

.fe-form .headline {
    margin: 10px auto 5px
}

.fe-form .paragraph {
    margin-bottom: 15px
}

.fe-form hr {
    clear: both
}

.width80 {
    width: 80%;
    margin: 0 10px
}

.fe-form .fe-radiogroup-line,
.fe-form-line.checkbox {
    width: 100%;
    display: block
}

.fe-form .fe-radiogroup-line label,
.fe-form-line.checkbox label {
    line-height: 20px;
    width: 30%
}

.fe-form .fe-radiogroup-line input,
.fe-form-line.checkbox input {
    width: auto;
    float: left;
    margin-top: 8px;
    margin-right: 20px
}

.fe-form-line.combobox select {
    width: 276px;
    margin: 10px 0 10px 0;
    padding-left: 7px;
    background-color: #e5e5e5;
    font: normal 15px/18px Helvetica, Helvetica Neue, Arial, sans-serif;
    color: #aeaeae;
    border: 1px solid #222;
    border-radius: 2px
}

.fe-form .fe-control-area-container label,
.fe-form .fe-form-line.checkbox label.caption {
    width: 180px
}

.fe-form textarea {
    resize: none;
    width: 276px;
    height: 132px;
    background-color: #e5e5e5;
    margin-bottom: 10px;
    border-radius: 2px;
    border: 1px solid #222;
    padding: 10px;
    color: #000 \9;
    float: left;
    display: block
}

.fe-form input[type="radio"] {
    margin: 9px 20px 0 0;
    float: left;
    clear: both
}

.fe-form .with-label {
    width: 65%;
    float: left
}

.fe-control-area-container {
    float: left
}

.fe-control-area input[type="radio"],
.fe-form-line input[type="checkbox"] {
    margin-top: 8px
}

.fe-radiogroup-line label {
    margin: 0 5px 5px 0
}

.fe-control-area select {
    margin: 10px 0
}

.label-left.margin-top {
    margin-top: 17px
}

.fe-form-line label.margin-top {
    margin-top: 17px !important
}

.fe-form-line .fe-label-area .label-left.margin-top {
    margin-top: 17px
}

.fe-form-line input[type="submit"] {
    margin: 10px 7px 10px 0
}

.fe-form-line input[type="text"] {
    margin: 10px 0
}

.fe-form-line textarea {
    margin: 10px 0
}

.fe-form-line.combobox label {
    margin-top: 10px
}

.careerDetail h1 .small {
    font-size: 13px
}

.careerDetail ul li {
    padding-bottom: 0
}

.form label.showleft,
.form .rs label {
    display: block;
    float: left;
    font-weight: bold
}

.form label.showleft {
    padding-top: 5px
}

.form.salut {
    margin: 8px 0
}

.form.salut label.showleft {
    margin: 8px 8px 0 0
}

.form.salut label {
    line-height: 15px
}

.form select.multiselect {
    height: 120px
}

.jobForm .checkboxSet {
    padding-top: 8px
}

.jobForm .checkboxSet .w10 {
    width: 10%
}

.jobForm .checkboxSet .w90 {
    width: 90%
}

.jobForm .checkboxSet .w5 {
    width: 5%
}

input[type="file"] {
    height: 34px;
    width: 100%
}

input[type=file].idm-validator-error {
    background: #f00 none;
    color: #FFF
}

.jobForm fieldset {
    margin: 25px 0
}

.jobForm .fstElement .placeholderTitle {
    height: 25px;
    background-color: #e5e5e5;
    padding-left: 5px;
    padding-right: 5px;
    width: 100%
}

input[type=file] {
    height: 34px;
    width: 90%;
    float: left
}

@-webkit-keyframes fstAnimationEnter {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -1em, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0)
    }
}

@-moz-keyframes fstAnimationEnter {
    from {
        opacity: 0;
        -moz-transform: translate3d(0, -1em, 0)
    }

    to {
        opacity: 1;
        -moz-transform: translate3d(0, 0, 0)
    }
}

@keyframes fstAnimationEnter {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -1em, 0);
        -moz-transform: translate3d(0, -1em, 0);
        -ms-transform: translate3d(0, -1em, 0);
        -o-transform: translate3d(0, -1em, 0);
        transform: translate3d(0, -1em, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fstElement {
    position: relative;
    cursor: pointer;
    border: 1px solid #222;
    box-sizing: border-box;
    background-color: #e5e5e5
}

.fstElement>select,
.fstElement>input {
    position: absolute;
    left: -999em
}

.fstQueryInput {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    outline: 0;
    box-sizing: border-box;
    background: transparent;
    height: 34px;
    width: 100%;
    border: 0;
    padding: 0;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0
}

.fstResults {
    position: absolute;
    left: -1px;
    top: 100%;
    right: -1px;
    max-height: 30em;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    border: 1px solid #222;
    border-top: 0;
    background-color: #FFF;
    display: none
}

_:-ms-fullscreen,
:root .fstResults {
    position: relative;
    border-width: 0;
    border-left-width: 1px
}

.fstResultItem {
    display: block;
    padding: .5em .71429em;
    margin: 0;
    cursor: pointer
}

.fstResultItem.fstUserOption {
    color: #707070
}

.fstResultItem.fstFocused {
    background-color: #fc0
}

.fstResultItem.fstSelected {
    color: #fff;
    background-color: #7f7f7f
}

.fstToggleBtn {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 0;
    border-top: 10px solid #999;
    position: absolute;
    right: 5px;
    top: 10px
}

.fstResultsOpened .fstToggleBtn {
    border-top: 0;
    border-bottom: 10px solid #999
}

h3.fstGroupTitle {
    display: block;
    padding: .5em .71429em;
    margin: 0;
    font-weight: bold
}

.fstGroup {
    padding-top: 1em;
    background: #fff
}

.fstGroup:first-child {
    padding-top: 0
}

.fstChoiceItem {
    display: inline-block;
    position: relative;
    margin: 0 .41667em .41667em 0;
    padding: .33333em .33333em .33333em 1.5em;
    float: left;
    border-radius: 2px;
    cursor: auto;
    color: #fff;
    background-color: #7f7f7f;
    -webkit-animation: fstAnimationEnter .2s;
    -moz-animation: fstAnimationEnter .2s;
    animation: fstAnimationEnter .2s;
    z-index: 10
}

.fstChoiceItem.mod1 {
    background-color: #7f7f7f;
    color: #222
}

.fstChoiceItem.mod1>.fstChoiceRemove {
    color: #a4a4a4
}

.fstChoiceRemove {
    margin: 0;
    padding: 0;
    border: 0;
    cursor: pointer;
    background: 0;
    position: absolute;
    left: 0;
    top: 50%;
    width: 1.28571em;
    line-height: 1.28571em;
    margin-top: -0.64286em;
    text-align: center;
    color: #fff
}

.fstChoiceRemove::-moz-focus-inner {
    padding: 0;
    border: 0
}

.fstMultipleMode .fstControls {
    box-sizing: border-box;
    overflow: hidden;
    width: 20em;
    padding: .5em 6px 0 .5em;
    width: 100%
}

.fstMultipleMode.fstActive,
.fstMultipleMode.fstActive .fstResults {
    box-shadow: 0 .2em .2em rgba(0, 0, 0, 0.1)
}

.fstMultipleMode.fstActive .fstResults {
    display: block;
    z-index: 10
}

.tabset {
    margin: 20px 0
}

.tabset .idm-tabs-content {
    padding: 20px 0 0 0
}

.tabset .idm-accordion-content .tableProd,
.tabset .idm-accordion-content .cad_download,
.tabset .idm-accordion-content .jplist-content {
    margin: 0
}

ul.tabHeadlines {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 50px;
    background-color: #e5e5e5
}

ul.tabHeadlines>li {
    list-style-type: none !important;
    margin: 0;
    width: 25%;
    height: 50px;
    background-color: #ccc;
    float: left;
    text-align: center;
    border-right: solid 1px #4c4c4c;
    padding: 0
}

ul.tabHeadlines.tabHeadlines li.idm-tabs-active-li {
    background-color: #fc0
}

ul.tabHeadlines>li a:focus {
    background-color: #fc0
}

ul.tabHeadlines>li:last-child {
    border-right: 0
}

ul.tabHeadlines>li>a.doublespaced {
    line-height: 20px;
    padding: 5px
}

ul.tabHeadlines>li>a {
    line-height: 50px;
    width: 100%;
    vertical-align: middle;
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold
}

.tabset .nomobile .jplist-content {
    margin: 0
}

.tableProd {
    margin: 0
}

.tableProd tr.even,
.tableProd tr.odd {
    background-color: transparent
}

.tableProd td {
    padding: 4px 14px 4px 30px;
    border-top: 1px dotted #ccc;
    text-align: left;
    height: 50px
}

.tableProd tr.first td {
    border-top: 0
}

a.zoom+p {
    margin-top: 8px
}

.jplist-content .drop-down.standort ul,
.jplist-content-nojs .drop-down.standort ul,
.jplist-content .drop-down.standort ul li,
.jplist-content-nojs .drop-down.standort ul li,
.jplist-content .drop-down.standort .panel,
.jplist-content-nojs .drop-down.standort .panel,
.jplist-content .drop-down.standort,
.jplist-content-nojs .drop-down.standort {
    width: 200px
}

.jplist-content .drop-down.standort .panel,
.jplist-content-nojs .drop-down.standort .panel {
    background-position: 185px -88px
}

.errorPageSection1 h1 {
    background: 0
}

.errorPageSection1,
.errorPageSection3 {
    width: 66%;
    float: left
}

.errorPageSection3 {
    margin-top: 13px
}

.errorPageSection2 {
    width: 29%;
    position: absolute;
    top: 10px;
    right: 0
}

.errorPageSection1 .searchBox {
    float: left;
    position: relative;
    margin: 20px 0;
    height: 70px;
    background-color: #ffcc04;
    width: 100%
}

.errorPageSection1 .search {
    width: 90%
}

.errorPageSection1 .searchfield {
    width: 100%;
    margin: 0 auto;
    border: 1px solid #e5e5e5
}

.errorPageSection3,
.errorPageSection2 {
    margin-bottom: 34px
}

.errorPageSection3 ul {
    padding: 0;
    margin: 0 0 20px 0
}

.errorPageSection3 ul li {
    width: 33%;
    float: left;
    margin: 7px 0 0 0;
    list-style: none;
    padding: 0
}

.mainsm4 {
    clear: left
}

.errorPageSection3 li li {
    display: block;
    float: none;
    width: 100%
}

.errorPageSection3>ul>li>a {
    font-size: 20px;
    font-weight: bold;
    display: block;
    padding-bottom: 3px;
    line-height: 25px
}

.bx-wrapper {
    position: relative;
    margin: 0 auto 35px;
    padding: 0;
    *zoom: 1;
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.bx-wrapper img {
    max-width: 100%;
    display: block;
    width: 100%
}

.bxslider {
    margin: 0;
    padding: 0
}

ul.bxslider {
    list-style: none
}

.bx-viewport {
    -webkit-transform: translatez(0)
}

.bx-wrapper .bx-loading {
    min-height: 50px;
    
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000
}

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-weight: bold;
    color: #666;
    padding-top: 20px
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 12px;
    height: 12px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #fff
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
    background: #fc0
}

.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    vertical-align: bottom;
    *zoom: 1;
    *display: inline
}

.bx-wrapper .bx-pager-item {
    font-size: 0;
    line-height: 0
}

.bx-wrapper .bx-prev {
    left: 10px;
    background: url('/static/img/admin/slide-left_48x48.png') no-repeat 0 0
}

.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
    background-position: 0 0
}

.bx-wrapper .bx-next {
    right: 10px;
    background: url('/static/img/admin/slide-right_48x48.png') no-repeat 0 0
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 48px;
    height: 48px;
    text-indent: -9999px;
    z-index: 9999
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px
}

.bx-wrapper .bx-pager {
    position: absolute;
    margin-bottom: 20px;
    width: 100%
}

div.selector,
div.selector span,
div.checker span,
div.radio span,
div.uploader,
div.uploader span.action,
div.button,
div.button span {
    background-image: url("/static/img/admin/uniform_sprite.png");
    background-repeat: no-repeat;
    -webkit-font-smoothing: antialiased
}

div.selector,
div.checker,
div.button,
div.radio,
div.uploader {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle
}

div.selector:focus,
div.checker:focus,
div.button:focus,
div.radio:focus,
div.uploader:focus {
    outline: 0
}

div.selector,
div.selector *,
div.radio,
div.radio *,
div.checker,
div.checker *,
div.uploader,
div.uploader *,
div.button,
div.button * {
    margin: 0;
    padding: 0
}

option {
    background-color: #efefef;
    border-right: 1px solid #CCC
}

option:hover,
option:active,
option:focus,
option:checked {
    background-color: #fc0;
    color: #333
}

.highContrastDetect {
    background: url("/static/img/admin/bg-input.png") repeat-x 0 0;
    width: 0;
    height: 0
}

div.selector {
    background-position: 0 -130px;
    line-height: 26px;
    height: 26px;
    padding: 0 0 0 10px;
    position: relative;
    overflow: hidden
}

div.selector span {
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    background-position: right 0;
    height: 26px;
    line-height: 26px;
    padding-right: 25px;
    cursor: pointer;
    width: 100%;
    display: block
}

div.selector.fixedWidth {
    width: 190px
}

div.selector.fixedWidth span {
    width: 155px
}

div.selector select {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: 0;
    background: 0;
    position: absolute;
    height: 22px;
    top: 2px;
    left: 0;
    width: 90%
}

div.selector.active {
    background-position: 0 -156px
}

div.selector.active span {
    background-position: right -26px
}

div.selector.hover,
div.selector.focus {
    background-position: 0 -182px
}

div.selector.hover span,
div.selector.focus span {
    background-position: right -52px
}

div.selector.hover.active,
div.selector.focus.active {
    background-position: 0 -208px
}

div.selector.hover.active span,
div.selector.focus.active span {
    background-position: right -78px
}

div.selector.disabled,
div.selector.disabled.active {
    background-position: 0 -234px
}

div.selector.disabled span,
div.selector.disabled.active span {
    background-position: right -104px
}

div.selector {
    font-size: 12px
}

div.selector span {
    color: #666;
    text-shadow: 0 1px 0 white
}

div.selector select {
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 12px
}

div.selector.disabled span,
div.selector.disabled.active span {
    color: #bbb
}

.btnsr {
    background-color: #fc0;
    padding: 5px 20px;
    margin: 0 0 1em 0
}

.srInput {
    background-color: #fff;
    border: 1px solid #7f7f7f;
    border-radius: 3px;
    color: #7f7f7f;
    height: 28px;
    padding: 3px 26px 3px 10px;
    margin: 0 0 1em 0;
    width: 85%
}

.srTable .breadcrumb {
    margin: 0
}

.srTable .breadcrumb ul {
    list-style: none outside none;
    margin: 0
}

.srTable .breadcrumb ul li {
    float: left;
    font-size: .9em;
    margin: 0 6px 0 0;
    padding: 0;
    list-style: none outside none
}

.srTable .breadcrumb ul li a {
    background: url("/static/img/admin/sprite_icons.png") no-repeat scroll right -1438px rgba(0, 0, 0, 0);
    float: left;
    padding-right: 12px;
    line-height: 19px
}

.srTable .breadcrumb ul li.last a {
    background: 0
}

.srTable .name {
    padding: 10px
}

.srContent {
    margin: -30px 0 0 0
}

h1.srh1 {
    padding-left: 68px
}

p.facet {
    display: none
}

.powerresults {
    width: 55%;
    float: right
}

.powersearch {
    width: 40%;
    float: left
}

.max,
.min,
.pw-head {
    clear: both;
    float: none;
    width: 100%
}

.filter-head.min {
    background-color: #eee
}

.max {
    width: 100%
}

.pcol1 label {
    padding-right: 10px
}

.srCnt .filter {
    border: 0
}

.srCnt .pcol1 {
    border: 1px solid #eee;
    padding: 16px 16px 8px
}

.pcol1,
.pcol2 {
    width: 100%;
    padding: 8px 4px
}

.pcol1 {
    font-weight: bold;
    font-size: 1.1em
}

.pcol2 {
    border-bottom: 4px solid #fc0;
    margin-bottom: 0;
    padding: 8px 4px
}

.powersearch select {
    width: 100%
}

.powersearch select.w20 {
    width: 15%;
    margin-right: 3%
}

.powersearch select.w80 {
    width: 80%
}

.choosen {
    background-color: #e5e5e5;
    display: block;
    color: #000;
    min-height: 34px;
    position: relative
}

.choosen strong {
    background-color: #e5e5e5;
    display: inline-block;
    padding: 4px 40px 0 4px
}

.choosen .minus {
    width: 34px;
    position: absolute;
    right: 0;
    top: 0;
    margin-right: 0
}

.choosen .hint {
    display: none;
    top: -85px;
    background-color: #FFF;
    border: #fc0 2px solid;
    padding: 8px
}

.w100 {
    width: 100%
}

.w100 h3 {
    margin-top: 0
}

.filter-info {
    padding: 8px 4px 0
}

.pw-head {
    padding: 0 0 8px 4px
}

.powerresults .pw-head .pager-navigation {
    margin-top: 0
}

.powerresults .pw-head .paging-results {
    margin-top: 0
}

.pw-head .jplist-content .paging span,
.pw-head .jplist-content-nojs .paging span {
    padding: 5px 8px
}

.pwresult {
    display: block;
    border: 1px solid #ddd;
    border-bottom: 2px solid #ddd;
    margin-bottom: 9px;
    min-height: 105px;
    height: auto;
    background-color: #eee;
    clear: both
}

.pwresult:hover {
    background-color: #eee
}

.pwresult.open {
    background-color: #fc0
}

.taskline div,
.btn.compare,
a.pw-detlink {
    font-size: 1em
}

.compare,
.quickinfo,
.pw-detlink {
    padding-top: 8px
}

.btn.compare,
.taskline div,
a.pw-detlink {
    font-weight: bold;
    color: #000
}

.pw-openinfo h3 {
    color: #000;
    margin-top: 0
}

.pwresult.open .pwhead,
.pwresult.open .pwhead:hover {
    background: #fc0
}

.btn.compare {
    background: #eee url("/static/img/admin/pw-sprite.png") left -446px no-repeat;
    padding: 5px 5px 5px 30px;
    border: 1px solid #ddd;
    font-style: italic
}

.taskline {
    border-top: 2px solid #ddd;
    width: 100%;
    padding: 0;
    height: 33px
}

.pwresult.open .taskline {
    border-top: 1px solid #fff;
    width: 100%
}

.taskline div {
    width: 33%;
    float: left
}

.taskline .detlink {
    width: 78px;
    float: right
}

.compare input {
    position: absolute;
    left: -9999px
}

.pwsHeadWrapper .more-or-less {
    font-style: italic;
    color: grey
}

.accCont.pwsHead h3.moreDetails.idm-accordion-opener.open {
    background: url("/static/img/admin/sprite_icons.png") no-repeat scroll left -1635px transparent;
    height: 6px;
    overflow: hidden;
    padding-top: 10px;
    width: 10px
}

.content .cntPad .pwsHeadWrapper h3.moreDetails {
    padding: 36px 0 3px 122px
}

.pwsHeadWrapper.maximized {
    display: none
}

.pwsHeadWrapper.minimized,
.pwsHeadWrapper.maximized {
    cursor: pointer
}

.pwsHeadWrapper.minimized .col {
    margin: 0
}

.pwsHeadWrapper.minimized {
    margin: 0
}

.pwsHeadWrapper.minimized img {
    position: relative;
    top: 6px
}

.pwsHeadWrapper.minimized .col1 {
    width: 20%
}

.pwsHeadWrapper.minimized .col2 {
    width: 80%
}

.compare label {
    font-weight: bold;
    display: block;
    position: relative;
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
    padding: 0 0 9px 28px;
    color: #ccc
}

.compare label::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 5px;
    width: 15px;
    height: 15px;
    border: 1px solid #ccc;
    background-color: #e5e5e5;
    transition: background-color .2s ease 0s
}

div.compareProducts .compare label:before {
    background: 0;
    border: 0
}

input.addCompare:checked+label::before {
    border: 1px solid #7f7f7f;
    background: url("/static/img/admin/sprite_icons.png") no-repeat scroll left -1982px #fc0
}

.prodDetail .compare label {
    padding: 10px 0 9px 26px
}

.prodDetail .compare label:before {
    top: 10px;
    left: 2px
}

.prodDetail input.addCompare:checked+label::before {
    border: 1px solid #7f7f7f
}

.accCont.moreDetails h3 {
    margin: 10px 0 0 0;
    font-weight: normal;
    background: url("/static/img/admin/sprite_icons.png") no-repeat scroll left -1535px transparent;
    display: block;
    padding: 3px 0 3px 30px;
    min-height: 36px
}

div.prodDetail .col1 {
    position: relative;
    margin-bottom: 10px
}

.accCont.moreDetails h3.open {
    background-position: left -1635px;
    min-height: 44px
}

.accCont.moreFilter h3 {
    margin: 10px 0 0 0;
    font-weight: normal;
    background: url("/static/img/admin/sprite_icons.png") 0 -2014px no-repeat transparent;
    display: block;
    padding: 3px 0 3px 30px;
    min-height: 36px;
    border-bottom: 1px dotted #fc0
}

.accCont.moreFilter h3.open {
    background-position: left -2050px;
    min-height: 36px;
    border-bottom: 1px dotted #fc0
}

.taskline.compare input,
.taskline.compare label {
    float: left;
    cursor: pointer
}

.quickinfo {
    cursor: pointer;
    background: url("/static/img/admin/pw-sprite.png") 85px -82px no-repeat;
    text-align: right
}

.pwresult.open .quickinfo {
    background: url("/static/img/admin/pw-sprite.png") 85px -347px no-repeat
}

.quickinfo span {
    padding-right: 25px
}

.pw-detlink {
    display: block;
    background: url("/static/img/admin/pw-sprite.png") right -186px no-repeat;
    padding-right: 20px;
    text-align: right
}

.taskline.compare form {
    float: left
}

.pw-expand {
    display: none;
    background-color: #FFF;
    padding: 1px 0 4px 0;
    border-bottom: 5px solid #fc0
}

#colorbox {
    overflow: visible !important
}

.cboxIframe iframe html,
.cboxIframe iframe body,
body.compareFrame {
    background: #fff;
    height: 550px !important
}

.compareProducts {
    max-width: 1000px;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 30px;
    background: #d9d9d9;
    -moz-box-sizing: border-box
}

.compareProducts table {
    font-size: 13px;
    margin: 0 0 15px;
    max-width: 1000px;
    background-color: #d9d9d9
}

.ie .compareProducts table {
    max-width: 980px
}

.compareProducts .compareHeader {
    background-color: #fc0;
    font-weight: bold;
    padding: 0;
    text-align: left;
    height: 50px;
    padding: 12px;
    border-bottom: 3px solid #FFF
}

.compareProducts .compareHeader h3 {
    font-size: 18px;
    padding: 0;
    float: left;
    margin: 0
}

.compareProducts #print {
    float: right;
    border: 0;
    font-weight: bold;
    background: #ccc;
    margin: 0
}

.compareProducts table tbody tr {
    height: initial
}

.compareProducts table th {
    position: relative;
    background-clip: padding-box;
    vertical-align: top;
    height: 129px;
    padding: 0;
    border-left: 0 solid #fff;
    border-right: 1px solid #fff;
    border-top: 0;
    text-transform: none;
    border-bottom: 1px solid #fff
}

.compareProducts table td {
    padding: 0;
    margin: 0;
    padding: 11px 4px 8px 10px;
    position: relative;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background-clip: padding-box
}

.compareProducts table tr th:first-child,
.compareProducts table tr td.rowTitle {
    border-left: 0
}

.ie .compareProducts table {
    border-collapse: separate
}

.compareProducts td.compareline {
    background-color: #fff;
    padding: 0;
    height: 3px;
    line-height: 0
}

.compareProducts .pname {
    display: block;
    padding: 7px 4px 7px 10px;
    height: 51px
}

.compareProducts .typeident {
    display: block;
    padding: 0 4px 7px 10px;
    min-height: 43px;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: -2px;
    width: inherit;
    white-space: nowrap;
    overflow: hidden
}

.compareProducts .taskline {
    display: block;
    border-top: 1px solid #bcbcbc;
    padding: 0;
    width: 100%;
    position: absolute;
    bottom: 3px
}

.compareProducts .compare input {
    margin: 3px 6px 0 10px
}

.compareProducts .compare label {
    color: #4c4c4c
}

.compareProducts div.compare {
    width: 58%;
    position: relative
}

.compareProducts div.detlink {
    width: 78px
}

.compareProducts .pw-detlink {
    display: block;
    padding-bottom: 8px;
    background-color: #fc0
}

.compareProducts th,
.compareProducts td.rowTitle {
    background-color: #d9d9d9;
    font-weight: bold;
    position: static
}

.compareProducts table thead tr:nth-child(1) {
    background-color: #d9d9d9;
    border-top: 1px solid #fff
}

.compareProducts table tr:nth-child(2n+1) {
    background-color: #f2f2f2
}

.compareProducts td {
    border-bottom: 2px solid #fff;
    border-right: 1px solid #fff
}

.compareProducts .compare_identical_1 .marker {
    border-right: 16px solid transparent;
    border-top: 16px solid #fad56a;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    cursor: help
}

.compareProducts .compare_identical_2 .marker {
    border-right: 16px solid transparent;
    border-top: 16px solid #91b9ed;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    cursor: help
}

#compare-content {
    display: none;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    width: 100%;
    height: 100%;
    margin: 0;
    color: #fff;
    z-index: 998
}

#compare-content .compare-overlay {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #3a3a3a;
    opacity: .9;
    z-index: 600
}

#compare-content .compare-wrapper {
    margin: 25px auto 0;
    padding: 25px 0 0 0;
    width: 975px;
    height: 600px;
    background: #fff;
    opacity: .99;
    z-index: 700;
    position: relative
}

#compare-content #cboxClose {
    top: -18px;
    right: -22px
}

#compare-content .compare-wrapper iframe {
    margin: 0 auto;
    width: 925px;
    height: 550px;
    border: 0 none;
    display: block;
    background: #fff;
    opacity: 1 !important
}

.ipadFrame {
    opacity: 1 !important
}

@media only screen and (orientation:portrait) {
    #compare-content .compare-wrapper .padhorizontal {
        display: block !important;
        position: absolute;
        background: #fff url("/static/img/admin/device_tablet_change.png") no-repeat center center;
        width: 100%;
        height: 100%;
        visibility: visible;
        display: block;
        box-shadow: 0;
        border-radius: 0;
        z-index: 2
    }

    #compare-content .compare-wrapper {
        width: 700px;
        height: 850px
    }

    #compare-content .compare-wrapper iframe {
        display: none
    }
}

@media only screen and (orientation:landscape) {
    #compare-content .compare-wrapper .padhorizontal {
        display: none !important
    }

    #compare-content #cboxClose {
        display: block
    }

    #compare-content .compare-wrapper iframe {
        display: block
    }
}

.legend {
    width: 20px;
    height: 30px;
    position: relative;
    float: left;
    position: relative
}

@media only screen {
    .fixed_headers {
        width: 1000px;
        table-layout: fixed;
        border-collapse: collapse
    }

    .fixed_headers th,
    .fixed_headers td {
        padding: 5px;
        text-align: left
    }

    .fixed_headers td:nth-child(1),
    .fixed_headers th:nth-child(1) {
        width: 197px
    }

    .fixed_headers td:nth-child(2),
    .fixed_headers th:nth-child(2),
    .fixed_headers td:nth-child(3),
    .fixed_headers th:nth-child(3),
    .fixed_headers td:nth-child(4),
    .fixed_headers th:nth-child(4),
    .fixed_headers td:nth-child(5),
    .fixed_headers th:nth-child(5) {
        width: 196px
    }

    .fixed_headers.product_length_3 td:nth-child(1),
    .fixed_headers.product_length_3 th:nth-child(1),
    .fixed_headers.product_length_3 td:nth-child(2),
    .fixed_headers.product_length_3 th:nth-child(2),
    .fixed_headers.product_length_3 td:nth-child(3),
    .fixed_headers.product_length_3 th:nth-child(3),
    .fixed_headers.product_length_3 td:nth-child(4),
    .fixed_headers.product_length_3 th:nth-child(4) {
        width: 245px
    }

    .fixed_headers.product_length_2 td:nth-child(1),
    .fixed_headers.product_length_2 th:nth-child(1),
    .fixed_headers.product_length_2 td:nth-child(2),
    .fixed_headers.product_length_2 th:nth-child(2),
    .fixed_headers.product_length_2 td:nth-child(3),
    .fixed_headers.product_length_2 th:nth-child(3) {
        width: 327px
    }

    .fixed_headers.product_length_1 td:nth-child(1),
    .fixed_headers.product_length_1 th:nth-child(1) {
        width: 491px
    }

    .fixed_headers.product_length_1 td:nth-child(2),
    .fixed_headers.product_length_1 th:nth-child(2) {
        width: 491px
    }

    .fixed_headers thead tr {
        display: block;
        position: relative
    }

    .fixed_headers tbody {
        float: left;
        width: 100%
    }

    .fixed_headers tbody {
        display: block;
        overflow: auto;
        width: 100%;
        height: 347px
    }

    .old_ie_wrapper {
        height: 450px;
        width: 1000px;
        overflow-x: hidden;
        overflow-y: auto
    }

    .old_ie_wrapper tbody {
        height: auto
    }

    .old_ie_wrapper .fixed_headers tbody {
        float: none
    }
}

#compare-flyout {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #fff;
    z-index: 998;
    background: #7f7f7f;
    background: rgba(120, 120, 120, 0.97)
}

#compare-flyout h3 {
    font-size: 18px;
    margin-top: -4px;
    margin-bottom: 10px;
    color: #fc0
}

.compare-flyout-inner {
    height: 120px;
    width: 90%;
    max-width: 1024px;
    margin: 15px auto;
    display: none
}

.compare-flyout-inner-left {
    width: 28%;
    padding-left: 5%
}

.compare-flyout-inner-center {
    width: 70%
}

@media only screen and (min-width:1024px) and (max-width:1320px) {
    .compare-flyout-inner-center {
        width: 60%
    }
}

.compare-flyout-inner-right .compareBtn {
    position: absolute;
    right: 19px;
    top: 80px
}

.compare-flyout-toggle {
    position: absolute;
    right: 0;
    top: 0
}

.compare-flyout-item {
    width: 21%;
    margin-right: 2%;
    position: relative;
    text-align: center
}

.compare-flyout-item img.compare-flyout-image {
    width: 88%;
    margin-bottom: 10px;
    cursor: pointer;
    height: 120px
}

.compare-flyout-item img.remove-icon {
    width: 20px;
    height: 20px;
    position: absolute;
    top: -5px;
    right: -2px;
    cursor: pointer;
    z-index: 999
}

.compare-flyout-item p {
    word-wrap: break-word;
    max-height: 60px;
    overflow: hidden
}

.compare-flyout-outer {
    height: 40px;
    padding: 10px;
    text-align: right;
    font-weight: bold;
    margin-right: 15px;
    display: none
}

img.compare-flyout-toggle {
    cursor: pointer;
    float: right
}

a.compare-flyout-toggle {
    color: #fc0;
    font-size: 18px;
    padding-right: 18px;
    top: 3px;
    line-height: 40px
}

a.compare-flyout-toggle:after {
    content: "";
    float: right;
    width: 27px;
    height: 26px;
    background: #fc0 url("/static/img/admin/pw-sprite.png") 2px -352px no-repeat;
    margin-left: 14px;
    margin-top: -1px;
    position: relative;
    top: 4px
}

a.compare-flyout-toggle.close {
    color: #000;
    text-indent: -2500em;
    background: #fc0 url("/static/img/admin/pw-sprite.png") 2px -86px no-repeat;
    display: block;
    width: 27px;
    height: 26px;
    cursor: pointer;
    right: 18px;
    top: 6px
}

a.compare-flyout-toggle.close:after {
    content: none
}

input.addCompare[type="checkbox"][disabled],
input.addCompare[type="checkbox"][disabled]+label {
    cursor: not-allowed
}

.compare input.addCompare:disabled+label {
    color: #CCC !important
}

a.compareBtn {
    font-size: 14px;
    padding: 5px 10px;
    line-height: 24px;
    background-color: #fc0;
    font-weight: bold;
    margin-top: 24px
}

.compareProducts div.compare input.addCompare[type="checkbox"] {
    visibility: hidden
}

.compareProducts div.compare img.delButton {
    position: relative;
    top: -3px;
    float: left;
    margin-right: 5px;
    margin-left: 5px
}

.compareProducts .fixedFooter {
    position: fixed;
    bottom: -13px;
    width: 96%;
    height: 35px;
    background: #fff;
    padding-top: 5px;
    padding-right: 10px
}

.compareProducts .fixedFooter p {
    margin-right: 5px
}

.compareProducts .compareHeader {
    position: fixed;
    width: 100%;
    max-width: 1000px;
    z-index: 10;
    top: 0
}

.compare-flyout-limit-reached {
    color: #fc0
}

.compareProducts table {
    margin-bottom: 30px
}

body.compareFrame {
    overflow: hidden
}

.hideScreen {
    display: none
}

.pw-openinfo {
    float: left;
    padding: 2px 5px 12px 12px;
    display: block;
    height: auto;
    width: auto;
    max-width: 228px
}

.pwimg {
    float: left;
    cursor: pointer;
    display: block;
    height: 100px;
    margin: 2px;
    position: relative
}

.pwimg img {
    height: 100px;
    float: left
}

.pwimg .pTooltip {
    position: absolute;
    left: -1px;
    border: 1px solid #eee;
    z-index: 300;
    display: none
}

.pwimg .pTooltip img {
    height: auto
}

.pw-expand {
    clear: both
}

.content .pw-expand ul {
    margin: 15px 0 15px
}

.content .pw-expand ul li,
section.standard ul li {
    padding-bottom: 0
}

section.standard ul li:before,
.content .pwresult ul li:before,
#basket-flyout .flyoutInnerHidden ul li:before {
    color: #fc0;
    content: "■";
    display: inline-block;
    margin-left: -1em;
    width: 1em
}

#basket-flyout .flyoutInnerHidden ul li:before {
    color: #FFF
}

section.standard ul li,
.content .pwresult ul li {
    list-style: none outside none
}

.filter-head,
.filter-reload {
    background-color: #fc0;
    color: #000;
    height: 50px;
    padding: 16px 0 0 4px
}

.filter-head {
    display: block;
    cursor: pointer;
    background: #fc0 url("/static/img/admin/mobile_icons_pwresult.png") no-repeat
}

.filter-head {
    background-position: right -4px
}

.pager.top-pager,
.pager.bottom-pager {
    margin: 10px 0
}

.threeImg .pwimg {
    float: left;
    position: relative;
    margin: 0 0 0 2px
}

.threeImg .row3Img {
    display: block;
    height: 100px;
    position: absolute;
    left: 0;
    top: 2px
}

.threeImg .pw-openinfo {
    padding: 108px 18px 2px 12px;
    height: auto;
    background-position: right -290px
}

.threeImg .pw-openinfo.expand {
    background-position: right -85px
}

body#turck_com .header-container {
    height: 80px
}

html.start-page {
    background-position: 0 0;
    background-image: url("/static/img/admin/turck_bg2.jpg")
}

.footer-container.start-page {
    background: 0;
    margin: 50px 0 0 0
}

.start-page-footer-center {
    width: 100%;
    height: 140px;
    text-align: center;
    display: block
}

.footer-container.start-page a {
    cursor: pointer
}

#turck_com .negatePadding h1 {
    display: none
}

#turck_com .negatePadding .location_finder_element p {
    display: none
}

#turck_com .content .cntPad {
    min-height: 100%
}

.turck_com-element h3,
.turck_com-element h4 {
    padding: 0 15px 30px;
    color: #4c4c4c
}

.content .turck_com-element h4 {
    margin: 24px 0 5px
}

.turck_com-element p {
    padding: 0
}

.tcHeaderMobile {
    display: none
}

.back-btn-con {
    display: block;
    float: right;
    margin: -5px 0 0 0
}

.lChooser .back-btn-con {
    display: none !important
}

a.yellow_link {
    display: none
}

a.yellow_link::selection {
    color: #fff
}

.cad_download {
    margin-top: -30px
}

.cad_download .ltGryBg,
.cad-iframe {
    padding: 10px 44px
}

.cad-iframe {
    height: 300px;
    overflow: auto
}

.cad_download .ltGryBg h3 {
    border-bottom: 1px solid #4c4c4c;
    margin-bottom: 15px;
    padding-bottom: 4px
}

.cad_download input[type="text"] {
    width: 200px;
    background-color: #FFF
}

.cad_download label {
    margin-right: 8px
}

.cad_download .lableLeft {
    width: 100px
}

.cad_download .form-error {
    color: red
}

.download_area h1 {
    padding-left: 10px;
    margin: 0
}

.download_area h2 {
    padding-left: 0;
    margin: 10px 0
}

.download_area {
    overflow: hidden;
    width: 100%;
    padding: 2em;
    background: #fff none
}

.download_area p {
    padding: 2px
}

.download_area .prodDetail {
    max-height: 200px;
    overflow: auto
}

.download_area ul.prodUl li {
    list-style: none outside none;
    margin: 0;
    padding-left: 2em;
    margin: 5px
}

.download_area img {
    width: auto
}

.download_area .confirmation label {
    margin: 10px;
    width: 100px
}

.download_area .confirmation .dispatch_type span {
    margin-right: 10px
}

.download_area .bg_gray {
    background-color: #e5e5e5;
    padding: 15px 0 40px 0
}

.download_area .bg_gray .btnDownload,
.download_area .btnDownload {
    background-color: #fc0;
    padding: 5px 20px;
    float: left;
    margin-left: 10px;
    border-bottom: 0
}

.download_area input[type="text"] {
    background-color: #fff;
    width: 250px
}

.download_area input[type="checkbox"] {
    margin: 15px
}

.download_area .warning {
    color: red;
    margin: 5px 0 5px 120px;
    display: none
}

.download_area .bg_gray b {
    margin-left: 15px;
    color: black;
    display: block
}

.download_area .bg_gray b.warning {
    color: red;
    display: block;
    margin: 0 0 0 15px
}

.download_success h2 {
    margin: 10px 0
}

.download_area .dispatch_type span.hide {
    margin-left: 124px
}

.cntPad div.negatePadding {
    margin: 0 -34px -34px
}

.cntPad div.negatePaddingCon {
    margin: 34px -34px -34px
}

.mapsLoader {
    width: 100%;
    height: 420px;
    margin: 200px 0 0 0;
    padding: 50px 0 0 0;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center
}

.mapsLoader .loader {
    height: 48px;
    width: 100%;
    margin: 100px 0 0;
    display: block;
    background: url("/static/img/admin/loader.gif") 50% 50% no-repeat
}

.mapsLoader p.info,
.mapsLoader p.pimInfo {
    margin: 0 0 12px;
    display: block
}

.mapsLoaderSmall {
    width: 395px;
    height: 178px;
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center
}

.mapsLoaderSmall .loader {
    height: 48px;
    width: 100%;
    margin: 60px 0 0;
    display: block;
    background: url("/static/img/admin/loader.gif") 50% 50% no-repeat
}

.mapsLoaderSmall p.info,
.mapsLoaderSmall p.pimInfo {
    margin: 0 0 12px;
    display: block
}

.lChooser>a {
    width: 100%;
    height: 40px;
    display: inline-block;
    margin: 7px 0 0 0 !important;
    padding: 13px 0 0 50px !important;
    background-color: gray;
    background-image: url("/static/img/admin/arrow_down.png");
    background-position: 17px 12px;
    background-repeat: no-repeat;
    cursor: pointer;
    font-size: 15px;
    color: #fff;
    font-weight: bold;
    text-decoration: none
}

.lChooser a:hover {
    color: #fc0 !important
}

.content.location_adjustment {
    padding: 0 !important
}

#mobileContent {
    width: 100%
}

.lChooser>a.selected {
    color: #fc0 !important
}

ul.nav_glossary li {
    float: left;
    list-style-type: none;
    display: inline;
    margin: 0 0 0 7px
}

ul.nav_glossary li a {
    padding: 8px 13px;
    background-color: #fc0;
    display: block;
    font-weight: bold
}

ul.nav_glossary li a.active {
    border: 1px solid #333;
    padding: 7px 12px
}

dt:first-letter {
    font-size: 1.6em;
    padding: 0 2px;
    background-color: #fc0
}

.videoL.videoLnojs .bxSlider {
    height: 500px;
    display: block !important;
    overflow: hidden;
    width: auto;
    border: 10px solid #e5e5e5
}

.videoL .bxSlider .bx-viewport {
    height: 500px !important
}

.videoL.videoLnojs .bxSlider .bx-viewport {
    border: none !important;
    height: auto
}

.videoL .bxPager .bx-viewport {
    margin-bottom: -24px
}

.videoL.videoLnojs .bxPager {
    display: block !important
}

.videoL.videoLnojs .bxPager li {
    margin: 0 14px 14px 0 !important;
    float: left;
    list-style-type: none
}

.videoL.videoLnojs .preloader {
    height: auto;
    display: none
}

.videoL.videoLnojs .svLabel {
    display: none
}

.noSub .videoLnojs .fPlayer video {
    display: none
}

.videoL.videoLnojs .bxPager li:nth-child(6n+0) {
    margin: 0 0 14px 0 !important
}

.vDetail.fPlayer {
    overflow: hidden
}

.videoL.videoLnojs ul li {
    list-style: none
}

.videoLnojs .svLabel {
    display: none
}

.videoL.videoLnojs.vdMargin .btn {
    display: none !important
}

.formError {
    color: red
}

.nameHP {
    display: none !important
}

.fe-form .nameHP {
    display: none !important
}

label.placeholder-fix {
    display: block !important;
    position: relative
}

label.placeholder-fix:after {
    content: ""attr(placeholder)"";
    color: #888;
    position: absolute;
    top: 8px;
    left: 10px;
    font-size: 15px;
    display: block
}

#pager-content textarea.placeholder-fix {
    color: #888 !important;
    font-size: 15px
}

.content .newsOnly,
.content .pressOnly {
    display: none
}

.content.news .newsOnly,
.content.press .pressOnly {
    display: inline
}

.content.news h2 .newsOnly,
.content.press h2 .pressOnly {
    display: inline
}

#logo-link {
    position: relative
}

#logo-link-menu {
    left: auto !important;
    right: 24px;
    top: 36px;
    width: 227px
}

.bannerJV #logo-link-menu {
    left: auto !important;
    right: 125px
}

.cntPad iframe:focus {
    outline: 0
}

.cntPad iframe[seamless] {
    display: block
}

.cntPad iframe {
    width: 100%;
    border: 0
}

.cntPad iframe.fullCntPad,
iframe.fullCntPad {
    margin-top: 20px;
    height: 700px;
    border: 1px solid #ccc
}

.cntPad iframe.partialCntPad {
    margin-top: 20px;
    height: 100%
}

.cntPad iframe.partialCntPad.BundW {
    height: 200px
}

.bulletBox {
    border: 10px solid #f8df78;
    background-color: #fc0;
    margin: 10px 0
}

.bulletBox h3 {
    margin: 10px 10px 5px;
    text-transform: uppercase;
    font-size: 16px
}

.bulletBox ul {
    margin: 5px 0 0 0
}

.bulletBox ul li {
    margin: 0 10px 0 20px;
    font-weight: bold;
    padding: 0 0 10px
}

.cntPad.textAndBenefits .leftCol {
    padding-right: 10px;
    padding-top: 11px
}

body.zh-CN .nav ul li#mainNav3,
body.zh-CN .nav ul li#mainNav4,
body.zh-CN .nav ul li#mainNav5,
body.zh-CN .nav ul li#mainNav1,
body.zh-CN .nav ul li#mainNav {
    min-width: 130px
}

body.sma-SE form #title,
body.sma-SE form #state {
    display: none
}

@media only screen and (orientation:portrait) {
    .padhorizontal {
        display: block !important;
        position: absolute;
        background: #fff url("/static/img/admin/device_tablet_change.png") no-repeat center center;
        width: 100%;
        height: 100%;
        visibility: visible;
        display: block;
        box-shadow: 0;
        border-radius: 0;
        z-index: 2
    }

    .compareProducts {
        display: none !important
    }
}

@media only screen and (orientation:landscape) {
    .padhorizontal {
        display: none !important
    }
}

.ipad .compareProducts,
.ipad .compareProducts table,
.ipad .compareProducts .compareHeader,
.ipad .fixed_headers {
    max-width: 925px !important
}

.ipad .compareProducts .fixedFooter {
    max-width: 925px !important;
    width: 925px !important;
    bottom: 25px !important
}

.ipad {
    max-width: 925px !important
}

.ipad .fixed_headers th:nth-child(1),
.ipad .fixed_headers th:nth-child(2),
.ipad .fixed_headers th:nth-child(3),
.ipad .fixed_headers th:nth-child(4),
.ipad .fixed_headers th:nth-child(5),
.ipad .fixed_headers td:nth-child(1),
.ipad .fixed_headers td:nth-child(2),
.ipad .fixed_headers td:nth-child(3),
.ipad .fixed_headers td:nth-child(4),
.ipad .fixed_headers td:nth-child(5) {
    width: 185px
}

.ipad .fixed_headers.product_length_3 th:nth-child(1),
.ipad .fixed_headers.product_length_3 td:nth-child(1),
.ipad .fixed_headers.product_length_3 th:nth-child(2),
.ipad .fixed_headers.product_length_3 td:nth-child(2),
.ipad .fixed_headers.product_length_3 th:nth-child(3),
.ipad .fixed_headers.product_length_3 td:nth-child(3),
.ipad .fixed_headers.product_length_3 th:nth-child(4),
.ipad .fixed_headers.product_length_3 td:nth-child(4) {
    width: 231px
}

.ipad .fixed_headers.product_length_2 th:nth-child(1),
.ipad .fixed_headers.product_length_2 td:nth-child(1),
.ipad .fixed_headers.product_length_2 th:nth-child(2),
.ipad .fixed_headers.product_length_2 td:nth-child(2),
.ipad .fixed_headers.product_length_2 th:nth-child(3),
.ipad .fixed_headers.product_length_2 td:nth-child(3) {
    width: 308px
}

.ipad .fixed_headers.product_length_1 th:nth-child(1),
.ipad .fixed_headers.product_length_1 td:nth-child(1),
.ipad .fixed_headers.product_length_1 td:nth-child(2),
.ipad .fixed_headers.product_length_1 th:nth-child(2) {
    width: 462px
}

.ipad .compareProducts div.compare {
    width: 50%
}

.inlineSearch {
    float: left;
    margin: -4px 0 0 8px
}

.inlineSearch form {
    position: relative
}

.resultSummary {
    float: left;
    font-weight: bold
}

h2.searchhead {
    background: #fc0;
    padding: 8px;
    margin-bottom: 0
}

.cntPad.srPdb {
    margin-top: 25px
}

.srPdbWrapper p {
    font-weight: bold;
    padding: 20px 0 0 2px
}

.srPdbTable tr:nth-child(2n+1) {
    background-color: #f2f2f2
}

.srPdbTable {
    font-size: 12px;
    margin: 0
}

.srPdbTable th {
    background-color: #fc0;
    font-size: 16px;
    font-weight: normal;
    padding: 5px 7px;
    text-align: left
}

.srPdbTable tr.subheader td {
    padding: 5px 5px 5px 7px
}

.srPdbTable td {
    padding: 2px 4px 2px 7px
}

.srPdbTable td {
    padding: 2px 7px 2px 5px;
    margin: 0;
    border-bottom: 2px solid #fff;
    border-right: 1px solid #fff
}

.srPdbTable td.description {
    width: 30%
}

.srPdbTable td.id {
    width: 14%
}

.srPdbTable td.download {
    text-align: center;
    width: 8%;
    padding: 0
}

.srPdbTable tr.subheader {
    background-color: #d9d9d9;
    border-bottom: 2px solid #fff;
    border-right: 1px solid #fff;
    font-weight: bold;
    text-align: left
}

.srPdbTable .download img {
    width: 40px;
    height: 40px;
    margin: 4px
}

.internal.internalOnly h1 {
    background-color: #f40;
    margin-bottom: 0
}

.prodDetail .comment {
    background-color: #e5e5e5;
    margin: 12px 0 0;
    padding: 3px 0
}

@keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-moz-keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-ms-keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-o-keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@font-face {
    font-family: 'TURCK-ICON-SET';
    src: url('/static/cssjs/TURCK-ICON-SET.eot?cp6gij');
    src: url('/static/cssjs/TURCK-ICON-SET.eot?cp6gij#iefix') format('embedded-opentype'), url('/static/cssjs/TURCK-ICON-SET.ttf?cp6gij') format('truetype'), url('/static/cssjs/TURCK-ICON-SET.woff?cp6gij') format('woff'), url('/static/cssjs/TURCK-ICON-SET.svg?cp6gij#TURCK-ICON-SET') format('svg');
    font-weight: normal;
    font-style: normal
}

.productOverview h2 {
    margin-top: 0;
    margin-bottom: .729em
}

.productOverview i {
    font-family: 'TURCK-ICON-SET' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.productOverview .icon-video-replay:before {
    content: "\e900"
}

.productOverview .icon-video-stop:before {
    content: "\e901"
}

.productOverview .icon-video-break:before {
    content: "\e902"
}

.productOverview .icon-video-play:before {
    content: "\e903"
}

.productOverview .icon-slide-right:before {
    content: "\e904"
}

.productOverview .icon-slide-left:before {
    content: "\e905"
}

.productOverview .icon-location:before {
    content: "\e906"
}

.productOverview .icon-movies:before {
    content: "\e907"
}

.productOverview .icon-images:before {
    content: "\e908"
}

.productOverview .icon-stories:before {
    content: "\e909"
}

.productOverview .icon-print:before {
    content: "\e90a"
}

.productOverview .icon-link:before {
    content: "\e90b"
}

.productOverview .icon-upload:before {
    content: "\e90c"
}

.productOverview .icon-download:before {
    content: "\e90d"
}

.productOverview .icon-search:before {
    content: "\e90e"
}

.productOverview .icon-zoom-out:before {
    content: "\e90f"
}

.productOverview .icon-zoom-in:before {
    content: "\e910"
}

.productOverview .icon-share:before {
    content: "\e911"
}

.clearer {
    clear: both
}

.productOverview .tbModule {
    margin-bottom: 40px;
    height: auto
}

.productOverview .tbModule.noMarginBottom {
    margin-bottom: 0
}

.productOverview .tbModule.hasMarginBottom {
    margin-bottom: 40px
}

.productOverview .tbModule.bgGrayFull {
    background-color: #e5e5e5
}

.productOverview .tbModule.bgYellowFull {
    background-color: #ffca00
}

.productOverview .tbModule.bgWhiteFull {
    background-color: #fff
}

.productOverview .tbModule.withBg {
    padding: 15px 20px
}

.productOverview .tbModule h2 {
    font-size: 23px
}

.productOverview .videoLibrary h2,
.productOverview .videoLibrary h3 {
    margin-top: 0;
    line-height: 26px
}

.productOverview .videoLibrary>h3 {
    margin-bottom: 10px
}

.productOverview .videoLibrary .videoDescription {
    margin: 20px auto 10px
}

.productOverview label.show {
    min-height: 27px
}

.productOverview input.btnSubmit {
    float: left
}

.productOverview .tbModule ul li {
    margin-left: 15px;
    position: relative;
    list-style: none
}

.productOverview .tbModule.c30m ul li {
    margin-left: 25px;
    list-style: disc outside none
}

.productOverview .tb-linklist ul li {
    float: left;
    width: 48%;
    margin-left: 0;
    margin-right: 2%
}

.productOverview .tb-linklist ul li:nth-child(2n) {
    margin-right: 0
}

.productOverview .tb-linklist ul li:nth-child(3n+0) {
    margin-right: 2%
}

.productOverview .txtYellow {
    color: #fc0
}

.productOverview button.btCta {
    background: transparent;
    border-width: 2px;
    border-style: solid;
    padding: 10px 30px;
    font-size: 1em;
    font-weight: bold;
    cursor: pointer;
    margin: 25px 0 0 0
}

@media screen and (max-width:1199px) {
    .productOverview button.btCta {
        margin: 20px 0 0 0
    }
}

.buttonWrapper button.btCta {
    margin: 0
}

.productOverview button.btCta.txtWhite {
    color: #fff
}

.productOverview button.btCta.txtBlack {
    color: #000
}

.productOverview button.btCta.borderWhite {
    border-color: #fff
}

.productOverview button.btCta.borderBlack {
    border-color: #000
}

.productOverview button.btCta.borderYellow {
    border-color: #fc0
}

.productOverview button.btCta.bgWhite {
    background-color: #fff
}

.productOverview button.btCta.bgYellow {
    background-color: #fc0
}

.productOverview .articleAction {
    text-align: right
}

.productOverview .tb-linklist a.linkDownload {
    padding: 2px 20px;
    display: inline-block;
    line-height: 30px;
    font-weight: bold
}

.productOverview .tb-linklist a.linkDownloadIcon:before {
    font-family: 'TURCK-ICON-SET' !important;
    content: "\e90d";
    background-color: #fc0;
    margin-right: 6px;
    padding: 3px 2px;
    font-weight: bold
}

.productOverview a.linkBlackArrow:before {
    font-family: 'TURCK-ICON-SET' !important;
    content: "\e90b";
    background-color: #fc0;
    margin-right: 6px;
    padding: 3px 2px
}

.productOverview a.linkWhiteArrow:before {
    font-family: 'TURCK-ICON-SET' !important;
    content: "\e90b";
    background-color: #fff;
    margin-right: 6px;
    padding: 3px 2px
}

.productOverview a.linkIcon {
    font-size: 30px;
    font-weight: bold
}

.productOverview a.linkIcon>span {
    display: none
}

.productOverview h2.contentHeadline {
    background: none repeat scroll 0 0 #fc0;
    font: bold 30px/36px helvetica, arial;
    margin: 0 0 .571em;
    padding: .2em 34px
}

.productOverview h2.title {
    color: #4c4c4c
}

.productOverview .bxslider {
    position: relative
}

.productOverview .bxslider .bx-captions {
    padding-right: 15px;
    position: absolute;
    bottom: 40px;
    right: 0;
    -webkit-animation: fadein 1s;
    -moz-animation: fadein 1s;
    -ms-animation: fadein 1s;
    -o-animation: fadein 1s;
    animation: fadein 1s
}

.productOverview .bxslider .background-overlay {
    display: inline-block;
    padding: 15px;
    background-color: #fc0
}

.productOverview .bxslider .bx-captions h3 {
    text-transform: uppercase;
    font-size: 20px;
    line-height: 22px;
    margin: 0 0 15px
}

.productOverview .bxslider .bx-captions a {
    color: #fff
}

.productOverview .bxslider .bx-captions p.subHeadline {
    font-size: 14px;
    color: #000;
    margin: 0 0 15px
}

.productOverview .bxslider .bx-captions p.readmore {
    margin: 0;
    display: flex
}

.productOverview .bxslider .bx-captions p.readmore a {
    font-weight: normal;
    padding: 5px 30px;
    border-width: 1px;
    border-style: solid
}

.productOverview .bxslider .bx-captions p.readmore a.btCta.txtBold {
    font-weight: bold
}

.productOverview .bxslider .bx-captions p.readmore a.btCta.borderColorBlack {
    border-color: #000
}

.productOverview .bxslider .bx-captions p.readmore a.btCta.borderColorWhite {
    border-color: #fff
}

.productOverview .bxslider .bx-captions p.readmore a.btCta.borderColorYellow {
    border-color: #fc0
}

.productOverview .bxslider .bx-captions p.readmore a.btCta.fontBlack {
    color: #000
}

.productOverview .bxslider .bx-captions p.readmore a.btCta.fontGray {
    color: #CCC
}

.productOverview .bxslider .bx-captions p.readmore a.btCta.fontYellow {
    color: #fc0
}

.productOverview .bxslider .bx-captions p.readmore a.btCta.bgLightGray {
    background-color: #eaeaea
}

.productOverview .bxslider .bx-captions p.readmore a.btCta.bgTransparent {
    background-color: transparent
}

.productOverview .bxslider .bx-captions p.readmore a.btCta.bgWhite {
    background-color: #fff
}

.productOverview .bxslider .bx-captions p.readmore a.btCta.bgYellow {
    background-color: #fc0
}

.productOverview .boxStorys .boxStoryTeaser .catHeader {
    color: #fc0
}

.productOverview .boxStorys .boxStoryImage {
    width: 50%;
    position: relative;
    float: left;
    padding-right: 8px
}

.productOverview .boxStorys.imgRight .boxStoryImage {
    float: right;
    padding-right: 0;
    padding-left: 8px
}

.productOverview .boxStorys .boxStoryTeaser {
    width: 50%;
    float: left;
    padding-left: 8px;
    padding-right: 8px
}

.productOverview .boxStorys.imgRight .boxStoryTeaser {
    padding-left: 0
}

.productOverview .boxStorys .boxStoryImage img {
    height: 100%;
    width: 100%
}

.productOverview .boxStoryImage .lighBoxAction {
    bottom: 0;
    right: 8px;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 60px 60px;
    border-color: transparent transparent #fc0 transparent
}

.productOverview .boxStorys.imgRight .boxStoryImage .lighBoxAction {
    right: 0
}

.productOverview .boxStoryImage .lighBoxAction .linkIcon {
    position: absolute;
    top: 30px;
    left: -30px
}

.productOverview #imagelightbox {
    cursor: pointer;
    position: fixed;
    z-index: 10000;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-box-shadow: 0 0 3.125em rgba(0, 0, 0, .75);
    box-shadow: 0 0 3.125em rgba(0, 0, 0, .75)
}

.productOverview #imagelightbox-loading,
.productOverview #imagelightbox-loading div {
    border-radius: 50%
}

.productOverview #imagelightbox-loading {
    width: 2.5em;
    height: 2.5em;
    background-color: #444;
    background-color: rgba(0, 0, 0, .5);
    position: fixed;
    z-index: 10003;
    top: 50%;
    left: 50%;
    padding: .625em;
    margin: -1.25em 0 0 -1.25em;
    -webkit-box-shadow: 0 0 2.5em rgba(0, 0, 0, .75);
    box-shadow: 0 0 2.5em rgba(0, 0, 0, .75)
}

.productOverview #imagelightbox-loading div {
    width: 1.25em;
    height: 1.25em;
    background-color: #fff;
    -webkit-animation: imagelightbox-loading .5s ease infinite;
    animation: imagelightbox-loading .5s ease infinite
}

@-webkit-keyframes imagelightbox-loading {
    from {
        opacity: .5;
        -webkit-transform: scale(.75)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1)
    }

    to {
        opacity: .5;
        -webkit-transform: scale(.75)
    }
}

@keyframes imagelightbox-loading {
    from {
        opacity: .5;
        transform: scale(.75)
    }

    50% {
        opacity: 1;
        transform: scale(1)
    }

    to {
        opacity: .5;
        transform: scale(.75)
    }
}

.productOverview .boxImages .leftBox {
    width: 50%;
    float: left
}

.productOverview .boxImages .leftBox img {
    padding-right: 8px;
    width: 100%;
    height: 100%
}

.productOverview .boxImages .rightBox {
    width: 50%;
    float: right;
    padding-left: 8px
}

.productOverview .boxImages .rightBox img {
    width: 100%;
    height: 100%
}

.productOverview .boxImages .rightBox .featured {
    margin-top: 18px;
    position: relative
}

.productOverview .boxImages .featured .overlay {
    background: rgba(255, 204, 0, 0.8);
    position: absolute;
    bottom: 0;
    padding: 10px;
    height: 100%;
    width: 100%
}

.productOverview .boxImages .featured .overlay .txtOverlay {
    position: absolute;
    bottom: 40px;
    padding: 10px 0;
    height: auto;
    width: calc(100% - 20px);
    color: #fff;
    display: none
}

.productOverview .boxImages .featured .overlay .txtOverlay {
    display: block
}

.productOverview .boxImages .boxCaption h2 {
    font-size: 20px;
    color: #fff
}

.productOverview .boxImages .boxCaption p.subHeadline {
    font-size: 20px;
    color: #fff
}

.productOverview .boxImages .overlay button.btCta {
    position: absolute;
    bottom: 10px
}

.productOverview .boxImages .boxImage.oneBox img {
    width: 100%;
    height: 100%
}

.productOverview .boxImages .boxImage.oneBox .overlay {
    position: absolute;
    bottom: 0;
    padding: 8px;
    width: 100%;
    background: rgba(255, 204, 0, 0.8)
}

.productOverview .boxImages .boxImage.oneBox .overlay .txtOverlay {
    font-size: 17px;
    color: #000;
    font-weight: bold
}

.productOverview .boxImages .boxImage.oneBox .imageWrapper.hasOverlay {
    position: relative
}

.productOverview .boxImages .boxImage.twoBox {
    width: 50%;
    float: left;
    padding-left: 0;
    padding-right: 8px
}

.productOverview .boxImages .boxImage.twoBox .imageWrapper.hasOverlay {
    position: relative
}

.productOverview .boxImages .boxImage.twoBox .overlay {
    position: absolute;
    bottom: 0;
    padding: 8px;
    width: 100%;
    background: rgba(255, 204, 0, 0.8)
}

.productOverview .boxImages .boxImage.twoBox .overlay .txtOverlay {
    font-size: 17px;
    color: #000;
    font-weight: bold
}

.productOverview .boxImages .boxImage.twoBox img {
    width: 100%;
    height: 100%
}

.productOverview .boxImages .boxImage.twoBox:nth-child(even) {
    padding-right: 0;
    padding-left: 8px;
    float: right
}

.productOverview .boxImages .boxImage.threeBox {
    width: 31.6666%;
    float: left;
    margin-right: 2.4%;
    padding-right: 0
}

.productOverview .boxImages .boxImage.threeBox:nth-child(3) {
    float: right;
    margin-right: 0
}

.productOverview .boxImages .boxImage.threeBox img {
    width: 100%;
    height: 100%
}

.productOverview .boxImages .boxImage.threeBox .actionBox {
    padding: 20px;
    width: 100%;
    background: #fc0;
    color: #000
}

.productOverview .boxImages .boxImage.threeBox {
    position: relative
}

.productOverview .boxImages .boxImage.threeBox h3 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 24px;
    color: #000
}

.productOverview .boxImages .boxImage.threeBox .actionBox p {
    word-break: break-word
}

.productOverview .boxImages .boxImage.threeBox .actionBox p:last-of-type {
    margin-bottom: 0
}

.productOverview .boxImages .boxImage.threeBox .actionBox p.subDesc {
    font-size: 1em;
    color: #000;
    margin: 5px auto 10px
}

.productOverview .boxImage.threeBox a.linkWhiteArrow:before {
    font-size: 13px
}

.productOverview .tbModule.buttonWrapper button.btCta {
    font-size: 14px
}

.productOverview .boxAIO .leftBox {
    width: 50%;
    float: left
}

.productOverview .boxAIO .leftBox img,
.boxAIO .rightBox img {
    padding-right: 0;
    width: 100%;
    height: 100%
}

.productOverview .boxAIO .rightBox {
    width: 50%;
    float: right
}

.productOverview .boxAIO .rightBox .rightContent,
.productOverview .boxAIO .leftBox .rightContent {
    width: 63%;
    float: right;
    padding-left: 8px
}

.productOverview .boxAIO .rightBox .leftContent,
.productOverview .boxAIO .leftBox .leftContent {
    width: 37%;
    float: left;
    padding-right: 8px
}

.productOverview .boxAIO .rightBox img {
    padding-left: 0
}

.productOverview .boxAIO .rightBox .featured {
    margin-top: 20px;
    position: relative
}

.productOverview .boxAIO .boxLayer {
    background-color: rgba(255, 204, 0, 0.75);
    width: 300px;
    bottom: 0;
    padding-left: 16px;
    position: absolute;
    top: 0;
    left: 8px
}

.productOverview .boxAIO .boxCaption {
    bottom: 0;
    padding-left: 16px;
    position: absolute;
    left: 8px
}

.productOverview .boxAIO .boxCaption h2 {
    font-size: 20px
}

.productOverview .boxAIO .boxCaption p.subHeadline {
    font-size: 20px;
    color: #fff
}

.productOverview .boxBigIcons {
    text-align: center
}

.productOverview .boxBigIcons a:not(:last-child) {
    margin-right: 9px
}

.productOverview .boxImages .boxImage .imageWrapper.hasOverlay {
    overflow: hidden
}

.productOverview .boxBigIcons .boxBigIcon {
    display: inline-block;
    text-align: center;
    width: 195px;
    height: 195px
}

.productOverview .boxBigIcons .boxBigIcon a {
    font-size: 100px;
    color: #fff
}

.productOverview .boxBigIcon.yellow {
    background-color: #fc0
}

.productOverview .boxBigIcon.yellow a {
    color: #4c4c4c
}

.productOverview .boxBigIcon.gray {
    background-color: #4c4c4c;
    color: #fff
}

.productOverview .boxBigIcon:not(:first-child) {
    margin-left: 8px
}

.productOverview .boxBigIcons .boxBigIcon .bigIconWrapper {
    display: table;
    margin: 18px auto
}

.productOverview .boxBigIcons .boxBigIcon i {
    font-size: 100px
}

.productOverview .boxAIO .leftBox {
    padding-right: 8px
}

.productOverview .boxAIO .rightBox {
    padding-left: 8px
}

.productOverview ul.bulletPoint li,
.productOverview .flowingText ul li {
    list-style: none;
    position: relative;
    margin-left: 15px
}

.productOverview ul.bulletPoint li:before,
.productOverview .flowingText ul li:before,
.cloudSolutionsDiv .bulletlists_wrapper ul li:before,
.tbModule ul:not(.linkBox) li::before {
    position: absolute;
    top: 7px;
    left: -15px;
    display: block;
    content: "";
    width: 6px;
    height: 6px;
    background: #fc0
}

.productOverview ul.linkBox li {
    list-style: none;
    border-top: 1px solid #fff;
    padding: 8px 0
}

.productOverview ul.linkBox li.whiteTopBorder {
    border-top: 1px solid #fff
}

.productOverview ul.linkBox li.grayTopBorder {
    border-top: 1px solid #ccc
}

.productOverview .panel {
    display: inline-block;
    text-align: center;
    padding: 15px 34px;
    margin: 0
}

.productOverview .bgYellow {
    background-color: #fc0
}

.productOverview .bgGray {
    background-color: #7f7f7f
}

.productOverview .boxBigIcons .bigIcon {
    display: inline-block
}

.productOverview .text2Col {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    margin: 20px 0
}

.productOverview .text3Col {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    margin: 20px 0
}

.productOverview .text2Col p,
.productOverview .text3Col p {
    font-size: 13px
}

.productOverview .miniMap {
    width: 350px;
    height: 300px;
    float: left
}

.productOverview .addressBox {
    width: 260px;
    padding: 0 0 0 15px;
    float: left
}

.productOverview .addressBox img {
    width: 100%;
    height: 100%
}

.productOverview .addressBox p>i.icon-location {
    font-size: 32px
}

.productOverview .boxGallery .galleryItem {
    display: inline-block;
    padding-right: 5px;
    padding-bottom: 7px;
    padding-top: 0;
    vertical-align: top;
    position: relative
}

.productOverview .boxGallery .galleryItem img {
    object-fit: cover
}

.productOverview .boxGallery .galleryItem .overlay {
    position: absolute;
    top: 0;
    bottom: 5px;
    padding: 10px;
    height: 194px;
    width: 194px
}

.productOverview .boxGallery .galleryItem .overlay .action {
    text-align: right;
    font-size: 20px
}

.productOverview .boxGallery .galleryItem .txtOverlay {
    display: none
}

.productOverview .boxGallery .galleryItem .overlay button.btCta {
    position: absolute;
    bottom: 10px;
    width: calc(100% - 20px)
}

.productOverview .boxGallery .galleryItem .overlay:hover {
    background: rgba(255, 204, 0, 0.8)
}

.productOverview .boxGallery .galleryItem .overlay:hover .txtOverlay {
    display: block
}

.productOverview form.contactform input[type="text"],
.productOverview form.contactform input[type="email"],
.productOverview form.contactform input[type="number"],
.productOverview form.contactform input[type="tel"],
.productOverview form.contactform select,
.productOverview form.contactform input[type="checkbox"],
.productOverview form.contactform textarea {
    outline: 0
}

.productOverview form.contactform input[type="text"],
.productOverview form.contactform input[type="email"],
.productOverview form.contactform input[type="number"],
.productOverview form.contactform input[type="tel"] {
    height: 38px;
    margin-bottom: 13px
}

.productOverview .contactform .form.noMarginRight {
    width: 49%
}

.productOverview form.contactform textarea {
    margin-top: 0;
    margin-right: 0;
    height: 220px;
    width: 100%
}

.productOverview form.contactform input[type=submit] {
    width: 100%;
    margin-right: 0;
    margin-top: 30px
}

.productOverview .addressBox-text h4 {
    font-weight: bold
}

body:not(.productLandingpage) .productOverview .slider_full_width,
body:not(.productLandingpage) .productOverview .tbModuleWrapper {
    width: calc(100% - -68px);
    left: -34px;
    position: relative
}

@media only screen and (max-width:567px) {

    body:not(.productLandingpage) .productOverview .slider_full_width,
    body:not(.productLandingpage) .productOverview .tbModuleWrapper {
        width: calc(100% - -20px);
        left: -10px
    }

    body:not(.productLandingpage) .productOverview .tbModuleWrapper .tbModule {
        padding-left: 10px;
        padding-right: 10px
    }
}

.productOverview .bx-wrapper {
    margin-bottom: 35px
}

.productOverview .boxStorysBottom {
    margin-top: 20px
}

.productOverview .boxStoryTeaser ul {
    margin-bottom: 8px
}

.productOverview .cntPad h1.productOverview {
    font-size: 3em
}

.productOverview .cntPad h2 {
    font-size: 23px;
    line-height: 26px
}

.productOverview .cntPad h3 {
    font-size: 18px;
    line-height: 24px
}

.productOverview .tbModule.withBg h3 {
    font-size: 18px
}

.productOverview .cntPad h4 {
    font-size: 1.1em
}

.productOverview .boxImages .featured .overlay .txtOverlay p {
    font-size: 1.25em
}

.productOverview .boxBigIcons a .boxBigIcon.gray:hover {
    background-color: #fc0
}

.productOverview .boxBigIcons a .boxBigIcon.gray:hover {
    color: #4c4c4c
}

.productOverview .boxBigIcons a .boxBigIcon.gray:hover i:before {
    color: #4c4c4c
}

.productOverview .boxBigIcons .boxBigIcon i {
    font-size: 100px
}

.productOverview .flowplayer.is-poster .fp-ui>.fp-play {
    display: none
}

.productOverview .boxImages .boxImage .actionBox,
.productOverview .boxImages .boxImage .txtOverlay {
    word-wrap: break-word
}

.productOverview .boxImages .boxImage .txtOverlay a {
    font-size: 17px;
    color: #000;
    font-weight: bold
}

.productOverview .boxImages .threeBox .bottomLink {
    width: 100%;
    padding: 0 20px 20px;
    background: #fc0
}

.productOverview .boxImages .threeBox .bottomLink a {
    color: #000
}

.bx-pager.bx-default-pager {
    z-index: 50
}

.productOverview .idm-accordion-wrapper .accItem h4 {
    font-size: 1.2em
}

.productOverview .idm-accordion-wrapper .accItem .aioCnt .leftCol img {
    margin-top: 4px
}

.productOverview .idm-accordion-wrapper .accItem .tbModule.flowingText {
    margin: 0;
    padding: 0
}

body:not(.productLandingpage) .productOverview .tbModuleWrapper.bgGrayFull {
    background-color: #e5e5e5
}

body:not(.productLandingpage) .productOverview .tbModuleWrapper.bgYellowFull {
    background-color: #ffca00
}

body:not(.productLandingpage) .productOverview .tbModuleWrapper .tbModule {
    padding-left: 34px;
    padding-right: 34px
}

body:not(.productLandingpage) .productOverview .tbModuleWrapper .tbModule:first-child {
    padding-top: 40px
}

body:not(.productLandingpage) .productOverview .tbModuleWrapper .tbModule:last-child {
    padding-bottom: 40px
}

body:not(.productLandingpage) .productOverview .tbModuleWrapper.bgYellowFull,
body:not(.productLandingpage) .productOverview .tbModule.withBg.bgYellowFull {
    color: #000
}

h1.cloudSolutions {
    background: 0;
    font-size: 60px;
    font-weight: 100;
    line-height: 1;
    margin-bottom: 0
}

#turapp-background-home {
    height: 100%;
    width: 100%;
    background: url("/images/turapp-background-home.jpg") no-repeat;
    background-size: cover
}

#turapp-presenter {
    background: url("/images/turapp-presenter.png") no-repeat;
    background-size: 12%;
    background-position: 85% 45%
}

#turapp-maschine {
    max-width: 100%;
    padding-top: 50px;
    margin-bottom: 20px
}

#turapp-background-map {
    height: 100%;
    width: 100%;
    background-size: cover
}

.intro-text {
    margin-bottom: 20px
}

#turapp-map {
    max-width: 100%;
    margin-bottom: 20px
}

#turapp-background-map .hotspot.marker-left:before {
    content: " ";
    display: block;
    background: url("/images/turapp-map-marker.png") no-repeat;
    position: relative;
    width: 1rem;
    height: 2rem;
    background-size: cover;
    left: -25px;
    top: 30px;
    cursor: pointer
}

#turapp-background-map .hotspot.marker-right:after {
    content: " ";
    display: block;
    background: url("/images/turapp-map-marker.png") no-repeat;
    position: absolute;
    width: 1rem;
    height: 2rem;
    background-size: cover;
    left: 130px;
    top: 0;
    cursor: pointer
}

#turapp-background-map .hotspot.marker-right {
    text-align: right
}

#turapp-background-map #map {
    position: relative
}

#turapp-background-map #map .hotspot {
    position: absolute
}

#turapp-background-map .hotspot:hover .info-box {
    border: 1px solid #fc0;
    background-color: #fff
}

#turapp-background-map #map .hotspot h3 {
    margin: 0;
    font-size: 1.2em
}

#turapp-background-map .info-box {
    width: 120px;
    padding: 5px;
    cursor: pointer
}

#turapp-background-map .hover {
    z-index: 9999
}

#turapp-background-map .info-box .info-text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: none
}

#turapp-background-map .hover .info-box .info-text {
    display: block
}

#turapp-background-map #map #usa {
    top: 30px;
    left: 110px
}

#turapp-background-map #map #deutschland {
    top: 0;
    left: 306px
}

#turapp-background-map #map #china {
    top: 42px;
    left: 470px
}

#turapp-background-map #map #indien {
    top: 95px;
    left: 284px
}

#turapp-background-map #map #singapur {
    top: 100px;
    left: 490px
}

#turapp-background-map #map #brasilien {
    top: 166px;
    left: 44px
}

#turapp-background-map #map #sued_afrika {
    top: 200px;
    left: 180px
}

#turapp-background-map #map #australien {
    top: 190px;
    left: 400px
}

#turapp-background-home .hotspot img {
    width: 2.2rem;
    cursor: pointer
}

#turapp-background-home {
    position: relative
}

#turapp-background-home .hotspots {
    position: absolute;
    top: 43%;
    transform: translateY(-50%)
}

#turapp-background-home .hotspots>div {
    float: left
}

#turapp-background-home .hotspot {
    position: absolute
}

#turapp-background-home #nutzdaten .hotspot {
    top: 1.9rem;
    left: 3.5rem
}

#turapp-background-home #zusatzdaten .hotspot {
    top: 1.5rem;
    left: 7.4rem
}

#turapp-background-home #integration .hotspot {
    top: 1.8rem;
    left: 12rem
}

#turapp-background-home #cloud_anwendungen .hotspot {
    top: 1.8rem;
    left: 17rem
}

#turapp-background-home #vorgefertigte_anwendungen .hotspot {
    top: 4.7rem;
    left: 27.5rem
}

#turapp-background-home .popup_content_wrapper .imgTextHr {
    display: none
}

#turapp-background-home ul.numbers,
#turapp-background-map ul.numbers {
    display: none
}

#turapp-background-map .popup {
    display: none;
    position: absolute;
    width: 652px;
    max-height: 904px;
    transform: translate(-10%, -75%);
    z-index: 10
}

#turapp-background-map .popup.active {
    display: block
}

#turapp-background-map .popup iframe {
    width: 650px;
    height: 540px
}

#turapp-background-map .popup_content_wrapper {
    background: #fc0;
    line-height: 0
}

#turapp-background-map .fake_navi,
.turapp-background-map .fake_navi {
    margin-top: -1px
}

#turapp-background-map ul.fake_navi,
.turapp-background-map ul.fake_navi {
    background: #fc0;
    width: 100%;
    font-size: 1.1em;
    line-height: 1.3em;
    height: 40px
}

#turapp-background-map .fake_navi li,
.turapp-background-map ul.fake_navi li {
    float: left;
    list-style-type: none;
    padding: 10px 15px 10px 15px
}

#turapp-background-map .fake_navi.mobile div,
.turapp-background-map .fake_navi.mobile div {
    background: #fc0;
    width: 20px;
    height: 3px;
    background-color: black;
    margin: 3px 0
}

#turapp-background-map .fake_navi.mobile div:first-child,
.turapp-background-map .fake_navi.mobile div:first-child {
    margin-top: 0
}

#turapp-background-map .fake_navi.mobile div:last-child,
.turapp-background-map .fake_navi.mobile div:last-child {
    margin-bottom: 0
}

#turapp-background-map .fake_navi.mobile,
.turapp-background-map .fake_navi.mobile {
    background: #fc0;
    padding: 10px 15px 10px 15px
}

#turapp-background-map .fake_navi_wrapper .make-your-own-testcloud,
.turapp-background-map .fake_navi_wrapper .make-your-own-testcloud {
    display: none
}

#turapp-background-map .fake_navi_wrapper.hover .make-your-own-testcloud,
.turapp-background-map .fake_navi_wrapper.hover .make-your-own-testcloud {
    position: absolute;
    z-index: 9999;
    margin-top: 40px;
    background-color: #fff;
    padding: 20px;
    border: #000 solid 1px;
    display: block
}

#turapp-background-home .info-box {
    border: 1px solid #fc0;
    width: 120px;
    padding: 5px;
    background-color: #fff;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer
}

#turapp-background-home .info-box .text {
    overflow: hidden;
    max-height: 60px;
    text-overflow: ellipsis
}

#turapp-background-home .info-box.top .text {
    height: 60px
}

#turapp-background-home .info-box.bottom {
    margin-top: 30px
}

#turapp-background-home .info-box.top {
    top: -103px
}

#turapp-background-home .info-box.bottom:before,
#turapp-background-home .info-box.top:after {
    content: "";
    display: block;
    width: 2px;
    background-color: #fc0;
    height: 30px;
    position: absolute;
    left: 49%;
    transform: translateX(-50%)
}

#turapp-background-home .info-box.bottom:before {
    left: 47%
}

#turapp-background-home .info-box.bottom:before {
    top: -32px;
    margin-top: 3px;
    transform: translateX(-50%);
    margin-left: 4px
}

#turapp-background-home .info-box.top:after {
    margin-top: 3px
}

#turapp-background-home .popup {
    display: none;
    position: absolute;
    width: 100%;
    height: 155%;
    min-height: 100%;
    padding-bottom: 40px;
    transform: translate(0%, -79%);
    z-index: 10
}

#turapp-background-home .popup.active {
    display: block
}

#turapp-background-home .popup_content_wrapper {
    background: #fff;
    padding: 20px
}

#turapp-background-home .popup:before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 100px;
    background: #fc0 url(/static/img/admin/turck_logo_205x22.png) no-repeat;
    background-position: right 20px center
}

#superoverlay {
    width: 100%;
    height: 100%;
    z-index: 10;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.75);
    display: none
}

#superoverlay.show {
    display: block
}

.accordion {
    display: none
}

.accordion_item {
    cursor: pointer;
    width: 100%;
    position: relative;
    border-bottom: 1px solid #fc0;
    padding: 5px 0 5px 0
}

.accordion_item:first-child {
    border-top: 1px solid #fc0
}

.accordion_item h3 {
    padding-right: 30px
}

.accordion_item.active h3 {
    color: #fc0
}

.accordion_item:after {
    content: " ";
    display: block;
    height: 10px;
    width: 10px;
    border: 2px solid #fc0;
    transform: rotate(45deg);
    position: absolute;
    right: 10px;
    top: 15px;
    border-left-color: transparent;
    border-top-color: transparent
}

.accordion_item.active:after {
    transform: rotate(225deg);
    top: 20px
}

.accordion_item_content {
    padding: 10px 20px 10px 20px;
    display: none
}

.accordion_item_content.active {
    display: block
}

.accordion_item_content img {
    max-width: 120px;
    float: left;
    padding-right: 10px
}

.accordion_item_content .img_txt_wrapper:after,
.accordion_item_content .bulletlists_wrapper:after {
    content: "";
    clear: both;
    display: block
}

.accordion_item_content .bulletlists_wrapper .list_wrapper {
    border: 1px solid #fc0;
    margin-bottom: 20px;
    margin-top: 10px;
    padding: 10px
}

.turapp-background-map .accordion_item_content {
    padding: 10px 0 10px 0
}

.turapp-background-map .accordion_item_content iframe {
    height: 800px
}

.turapp-background-map .accordion_item.active {
    height: 900px
}

.turapp-background-map .accordion_item.active {
    height: 565px !important
}

.accordion_content_wrapper {
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
    height: 514px
}

.accordion_content_wrapper iframe {
    height: 480px !important;
    width: 100%
}

.cloudSolutionsDiv .btCta:hover {
    cursor: pointer
}

.cloudSolutionsDiv .btCta:hover {
    border-color: #666
}

.cloudSolutionsDiv .buttonWrapper {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around
}

.cloudSolutionsDiv .tbModule {
    padding-bottom: 30px
}

.cloudSolutionsDiv .text2Col div {
    padding-bottom: 20px
}

.cloudSolutionsDiv .text2Col img {
    float: left;
    padding: 0 10px 0 0
}

.cloudSolutionsDiv .radiogroup label,
.cloudSolutionsDiv .radiogroup input {
    float: left;
    margin-right: 10px
}

.cloudSolutionsDiv .buttonWrapper button {
    min-width: 160px;
    padding: 10px 20px
}

.testcloudform input[type="text"],
.testcloudform input[type="email"],
.testcloudform input[type="number"],
.testcloudform input[type="tel"],
.testcloudform select {
    height: 34px;
    background-color: #e5e5e5;
    margin-bottom: 5px;
    border-radius: 2px;
    border: 1px solid #222;
    padding-left: 10px;
    padding-right: 25px;
    width: 100%
}

.testcloudform button.btn {
    height: 34px;
    border: 0
}

form.testcloudform input[type="text"],
form.testcloudform input[type="email"],
form.testcloudform input[type="number"],
form.testcloudform input[type="tel"],
form.testcloudform select,
form.testcloudform input[type="checkbox"],
form.testcloudform textarea {
    border: 0;
    outline: 0
}

form.testcloudform input[type="text"],
form.testcloudform input[type="email"],
form.testcloudform input[type="number"],
form.testcloudform input[type="tel"],
form.testcloudform select {
    height: 38px;
    margin-bottom: 13px
}

.testcloudform .form.noMarginRight {
    width: 49%
}

form.testcloudform textarea {
    margin-top: 0;
    margin-right: 0;
    height: 220px;
    width: 100%
}

form.testcloudform input[type=submit] {
    width: 100%;
    margin-right: 0;
    margin-top: 30px
}

.advantage {
    margin-bottom: 20px;
    padding: 15px 0
}

.advantage img {
    max-width: 150px
}

.advantage .img_txt_wrapper:after,
.advantage .bulletlists_wrapper:after {
    content: "";
    clear: both;
    display: block
}

.advantage:nth-child(odd) .img_txt_wrapper img {
    float: left;
    padding-right: 10px
}

.advantage:nth-child(even) .img_txt_wrapper img {
    float: left;
    padding-right: 10px
}

.advantage:nth-child(even) .img_txt_wrapper {
    text-align: left
}

.advantage .bulletlists_wrapper {
    display: flex;
    flex-flow: row wrap
}

.advantage .bulletlists_wrapper .list_wrapper {
    float: left;
    width: 49%;
    margin-top: 20px;
    border: 1px solid #fc0;
    padding: 10px
}

.advantage .bulletlists_wrapper .list_wrapper:nth-child(odd) {
    margin-right: 5px
}

.advantage .bulletlists_wrapper .list_wrapper:nth-child(even) {
    margin-left: 5px
}

.advantage .bulletlists_wrapper .list_wrapper p {
    font-weight: bold;
    margin-bottom: 5px
}

.advantage .bulletlists_wrapper .list_wrapper ul {
    margin-top: 0
}

@media only screen and (min-width:768px) {
    .turckLogo {
        background: url(/static/img/admin/turck_logo_205x22.png) no-repeat;
        width: 205px;
        height: 22px;
        margin-right: 13px;
        display: inline-block
    }

    .bannerJV .turckLogo {
        right: 178px
    }
}

.tbModule.buttonWrapper.btAlignLeft {
    text-align: left
}

.tbModule.buttonWrapper.btAlignCenter {
    text-align: center
}

.tbModule.buttonWrapper.btAlignRight {
    text-align: right
}

.tbModule.buttonWrapper button.btCta {
    font-weight: normal
}

.tbModule.buttonWrapper button.btCta.txtBold {
    font-weight: bold
}

.tbModule.buttonWrapper button.btCta.fontBlack {
    color: #000
}

.tbModule.buttonWrapper button.btCta.fontGray {
    color: #ccc
}

.tbModule.buttonWrapper button.btCta.fontWhite {
    color: #fff
}

.tbModule.buttonWrapper button.btCta.borderColorBlack {
    border-color: #000
}

.tbModule.buttonWrapper button.btCta.borderColorWhite {
    border-color: #fff
}

.tbModule.buttonWrapper button.btCta.borderColorYellow {
    border-color: #fc0
}

.tbModule.buttonWrapper button.btCta.bgTransparent {
    background: transparent
}

.tbModule.buttonWrapper button.btCta.bgYellow {
    background: #fc0
}

.tbModule.buttonWrapper button.btCta.bgWhite {
    background: #FFF
}

.tbModule.buttonWrapper button.btCta.bgLightGray {
    background: #eaeaea
}

.tbModule#askAnExpert {
    margin-bottom: 40px
}

.ask-expert p.subTeaser {
    background: #fc0;
    margin-top: 0;
    padding: .4em 10px
}

.ask-expert.form-row {
    padding: 20px 0
}

.ask-expert.form-row img.formImage {
    width: 100%
}

.ask-expert.form-row .aeForm-col h3 {
    background: #fc0;
    margin-top: 0;
    margin-bottom: 0;
    padding: .6em 10px 0;
    font-size: 24px
}

.ask-expert.form-row img.formImage.onlyMobile {
    display: none
}

.ask-expert input[type=text],
.ask-expert textarea,
.ask-expert select {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #222;
    background: #ebeaeb;
    margin: 5px 0;
    resize: none
}

.ask-expert .full-col.hasCheckbox {
    margin-top: 5px;
    padding: 8px 6px;
    line-height: 17px
}

.ask-expert .full-col.hasCheckbox input[type=checkbox] {
    margin-top: 2px
}

.ask-expert input[type=submit] {
    color: #000;
    font-weight: bold;
    text-shadow: none;
    margin-top: 20px;
    text-transform: inherit;
    padding: 10px 30px
}

.ask-expert .full-col,
.ask-expert .aeForm-col {
    box-sizing: border-box
}

.ask-expert div.hasCheckbox label.bggrey {
    color: #777;
    min-height: 17px
}

.ask-expert .bggrey {
    background: #ebeaeb
}

.ask-expert p#reqInfoMarker {
    padding: 5px;
    margin-top: 15px;
    display: inline-block
}

.ask-expert .colorRed {
    color: red
}

.ask-expert p.formError {
    background: #FFF;
    padding: 0 1px;
    color: red;
    margin: 0;
    font-size: 17px
}

.ask-expert p.legalError {
    margin-top: 33px;
    margin-left: -6px
}

.loading-spinner {
    position: fixed;
    height: 100%;
    width: 100%;
    display: block;
    background: rgba(255, 255, 255, 0.5);
    z-index: 9999
}

.spinner-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url("") no-repeat;
    width: 218px;
    height: 148px
}

@media only screen and (max-width:767px) {
    body {
        font-size: 12px;
        line-height: 16px
    }

    html {
        background: #e5e5e5 url("/static/img/admin/main_bg.jpg") 0 100px no-repeat;
        background-size: 100%;
        z-index: 0
    }

    h1,
    h1.ex {
        font: bold 1.667em/1.2 helvetica, arial
    }

    h2,
    h2.up {
        font-size: 1.167em;
        margin: .583em 0
    }

    h3,
    h3.up,
    h3.upd {
        font-size: 1.083em
    }

    h4,
    h4.up,
    h4.upb {
        font-size: 1.083em
    }

    h5,
    .h5,
    h5.up,
    h5.upb {
        font-size: 1em
    }

    h6,
    .h6,
    h6.up,
    h6.upb {
        font-size: 1em
    }

    h1,
    h2,
    h3 {
        font-weight: bold
    }

    h4,
    h5 {
        font-weight: normal
    }

    h4 {
        font-style: italic
    }

    h1.location_finder_element {
        padding: 15px 15px;
        margin: 0
    }

    p.location_finder_element {
        width: 70%
    }

    .header-container {
        height: 120px
    }

    .turckSite {
        margin-left: 15px;
        display: none
    }

    .turckSite,
    .turckUrl,
    .turckPhone {
        margin-top: 38px
    }

    .bannerJV .turckSite {
        margin-top: 36px
    }

    .turckData .search .searchfield {
        width: 125px
    }

    .turckPhone {
        margin-top: 40px;
        margin-left: 20px
    }

    .turckPhone .turckHotline span {
        display: none
    }

    .turckPhone .turckHotline {
        display: inline-block;
        background: url("/static/img/admin/sprite_icons.png") right -1050px no-repeat no-repeat;
        width: 26px;
        height: 26px
    }

    @media only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:767px),
    only screen and (min--moz-device-pixel-ratio:2) and (max-width:767px),
    only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:767px),
    only screen and (min-device-pixel-ratio:2) and (max-width:767px),
    only screen and (min-resolution:192dpi) and (max-width:767px),
    only screen and (min-resolution:2dppx) and (max-width:767px) {
        .turckPhone .turckHotline {
            background: url("/static/img/admin/sprite_icons.png") right -1050px no-repeat no-repeat
        }
    }

    .turckLogo {
        top: 0;
        right: 0
    }

    .turckLogo a {
        background: url(/static/img/admin/turck_logo_205x22.png) no-repeat;
        width: 205px;
        height: 22px;
        margin-right: 13px;
        display: inline-block;
        margin-top: 42px
    }

    .topSearch {
        right: 17px
    }

    .bannerJV .topSearch {
        right: 13px
    }

    .topSearch.active {
        width: 100%
    }

    .topSearch.active .searchfield,
    .topSearch.active .searchHelp {
        width: 90%;
        float: right;
        clear: both
    }

    .main-container {
        padding-top: 0
    }

    .main.wrapper {
        padding: 10px 0 0
    }

    .breadcrumb {
        padding-left: 15px
    }

    .noSub .breadcrumb {
        margin: 0
    }

    .main.wrapper.noSub {
        padding: 0
    }

    ul.tabHeadlines>li {
        width: 100%;
        text-align: left;
        border-right: 0;
        border-bottom: 1px solid #FFF
    }

    ul.tabHeadlines>li>a {
        color: black;
        background: #ccc url("/static/img/admin/sprite_icons.png") no-repeat 10px -1525px;
        padding-left: 35px !important
    }

    ul.tabHeadlines>li {
        border-right: 0;
        background-color: #fff;
        height: auto
    }

    ul.tabHeadlines>li a:focus {
        background-color: #ccc
    }

    ul.tabHeadlines>li>a.doublespaced {
        line-height: 50px;
        padding: 0
    }

    ul.tabHeadlines>li.idm-tabs-active-li {
        background-color: #fff
    }

    .tabset .nomobile {
        display: none !important
    }

    .galExp:hover .loupe {
        display: none
    }

    .cntPad iframe.googlemaps {
        height: 300px
    }

    ul.tabHeadlines>li>a.idm-accordion-currentActive,
    ul.tabHeadlines li>a.open {
        background-position: 10px -1625px;
        background-color: #fc0
    }

    .tabHeadlines .accCont h3 {
        padding-left: 10px;
        background-position: right -1239px;
        border-bottom-width: 0;
        margin-top: 0
    }

    .tabHeadlines .accCont h3.open {
        background-position: right -1119px;
        border-bottom-width: 0;
        margin-bottom: 0
    }

    .tabHeadlines .accCont .accItem.opened {
        border-top-width: 0;
        margin-bottom: 6px
    }

    .tabHeadlines .accCont .accItem {
        border-bottom-width: 0
    }

    .footer-container {
        background: 0
    }

    .footer.wrapper {
        padding: 0
    }

    .footerNavWrapper,
    .footerCopyWrapper {
        padding: 0;
        width: 98%
    }

    .footerCopyWrapper {
        margin-top: 20px
    }

    .footer ul.footerNav,
    .footer ul.serviceNav,
    .footer ul.footerNav li,
    .footer ul.serviceNav li {
        float: none;
        margin: 0
    }

    .footer .copyright {
        float: none
    }

    .footerNav li a,
    .serviceNav li a {
        font-size: 12px;
        line-height: 18px
    }

    .footer .copyright,
    .footer .phone,
    .footer .seperator,
    .footer .repLocator {
        font-size: 10px
    }

    .footer .phone,
    .footer .seperator,
    .footer .repLocator {
        float: none;
        display: inline-block
    }

    .footer .footerIcons {
        display: inline-block
    }

    .subNav,
    .content {
        clear: both
    }

    .content .cntPad {
        min-height: 100%;
        padding-bottom: 10px
    }

    .main.wrapper.noSub .subNav {
        display: none
    }

    .content {
        background-color: white
    }

    .articleImg200 {
        max-height: 500px
    }

    .nav {
        height: 40px
    }

    .nav a,
    .nav #mainNavHome a {
        text-align: left;
        padding: 6px 0 0 56px
    }

    .nav .navLevel1 {
        display: none;
        background-color: #7f7f7f;
        width: 320px
    }

    .nav #mainNavHome img {
        display: none
    }

    .nav #mainNavHome .homeTxt {
        display: block
    }

    .nav .navLevel0 span.menu {
        display: block;
        cursor: pointer;
        color: #7f7f7f;
        max-width: 190px;
        padding-left: 40px;
        background-image: url("/static/img/admin/sprite_icons.png");
        background-position: 0 -473px;
        margin-left: 15px;
        font-size: 2.571em;
        line-height: 41px
    }

    .nav .navLevel1 li:hover>.navArrow {
        display: none
    }

    .nav .navLevel1 li:hover>.navLevel2 {
        display: none
    }

    .nav .navLevel1 li:hover>.navProdLayer {
        display: none
    }

    .nav .navLevel1 {
        position: absolute;
        top: 119px
    }

    .nav ul li#mainNavHome,
    .nav ul li#mainNav2,
    .nav ul li#mainNav3,
    .nav ul li#mainNav4,
    .nav ul li#mainNav5,
    .nav ul li#mainNav1 {
        width: 100%;
        border: 1px solid #fff;
        height: 50px
    }

    .nav ul li#mainNav3,
    .nav ul li#mainNav4,
    .nav ul li#mainNav5,
    .nav ul li#mainNav1,
    .nav ul li#mainNav2 {
        background-color: #7f7f7f
    }

    .content .navBoxes,
    ul.prodoverview {
        display: block;
        padding: 0;
        margin: 0
    }

    .content .navBoxes li,
    ul.prodoverview li {
        border-right: 2px solid #fff;
        border-bottom: 1px solid #fff;
        float: left
    }

    .content .navBoxes li a {
        display: block;
        height: 100%;
        padding-top: 65%;
        font-size: 1.143em;
        text-transform: uppercase;
        font-weight: bold;
        color: #4c4c4c
    }

    ul.overview {
        width: 100%
    }

    ul.prodoverview {
        margin: 0
    }

    ul.overview li a {
        font-size: 1em
    }

    ul.prodoverview li img {
        width: 100%;
        height: auto
    }

    .overview li img {
        filter: none
    }

    .prodDiv ul.overview li {
        height: 200px
    }

    ul.overview li span {
        height: 40px;
        line-height: 17px;
        white-space: normal
    }

    .contBox {
        width: 188px;
        height: 150px
    }

    .choosen {
        min-height: 35px;
        position: relative
    }

    .choosen strong {
        padding-right: 40px
    }

    .choosen .minus {
        width: 34px
    }

    .prodDetail .btnDownload,
    .prodDetail .btnBasket {
        margin: 10px 0 0 0;
        padding: 10px 5px;
        text-align: left;
        font-size: 12px
    }

    .taskline {
        height: 43px
    }

    .pw-head .paging.fr,
    .pw-head .drop-down.fl {
        float: none;
        clear: both
    }

    .pw-head .pager-navigation .paging.fr {
        margin-top: 12px
    }

    .pw-head .jplist-content .paging span,
    .pw-head .jplist-content-nojs .paging span {
        padding: 6px 10px
    }

    .quickinfo,
    .pw-detlink {
        padding-top: 8px
    }

    .taskline .quickinfo {
        width: 36%;
        text-align: left;
        background-position: 77px -82px;
        padding-left: 15px
    }

    .taskline .quickinfo span {
        padding-right: 0
    }

    .pwresult.open .quickinfo {
        background-position: 77px -347px
    }

    .pw-detlink {
        background-position: right -186px
    }

    .taskline .detlink {
        width: 28%
    }

    .subNavCurrent {
        display: block;
        width: 100%;
        font-size: 16px;
        text-transform: uppercase;
        font-weight: bold;
        background-color: #7f7f7f;
        color: #FFF;
        padding: 16px 10px;
        border-bottom: 4px solid #FFF
    }

    .lupe {
        background: url("/static/img/admin/sprite_icons.png") no-repeat 0 -900px;
        height: 70px;
        height: 70px;
        padding-left: 82px;
        padding-top: 21px;
        width: 270px;
        margin: auto
    }

    .lupe a {
        color: #c90
    }

    .subNav .lupe {
        width: 80%
    }

    .lupe.search .searchSubmit {
        top: 23px
    }

    .lupe.search .searchfield {
        width: 100%
    }

    .subNav .subNavProdFinder {
        margin-top: 0;
        margin-bottom: 0
    }

    .subNavProdFinder,
    .prodFinder {
        -webkit-box-shadow: inset 0 0 13px 13px #ddd;
        -moz-box-shadow: inset 0 0 13px 13px #ddd;
        box-shadow: inset 0 0 13px 13px #ddd
    }

    .flyouts.wrapper {
        margin-top: 0
    }

    #lang-flyout,
    #basket-flyout {
        width: 100%;
        border-top: 1px solid #646464;
        border-right: 0
    }

    .flyouts .label {
        width: 130px;
        background-position: right -157px
    }

    .flyouts .flyoutInner.open .label {
        background-position: right -217px
    }

    .layertxt {
        position: relative;
        top: auto;
        width: 100%;
        padding: 20px 34px
    }

    .bott {
        bottom: 0
    }

    .nav ul li {
        display: inline
    }

    .oldie nav a {
        margin: 0 .7%
    }

    .rotate1024 {
        transform: none;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0)
    }

    .mainsm3 {
        clear: left
    }

    .mainsm4 {
        clear: none
    }

    .errorPageSection2 {
        position: relative;
        float: right;
        top: 10px;
        left: 0
    }

    .errorPageSection3 ul li {
        width: 50%
    }

    .errorPageSection3>ul>li {
        min-height: 0
    }

    .clear0to767 {
        clear: both
    }

    .innerShadow {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }

    .cntPad div.negatePadding {
        margin-bottom: 0
    }

    .compare-flyout-inner {
        width: 100%
    }

    .compare-flyout-inner-left {
        width: 70%;
        padding-left: 11%
    }

    .compare-flyout-inner-center {
        width: 100%;
        padding-left: 10%;
        margin-top: 10px;
        margin-bottom: 10px
    }

    .compare-flyout-inner-left h3 {
        margin-bottom: 10px
    }

    a.compareBtn {
        font-size: 14px;
        padding: 8px
    }

    .compare-flyout-item img.compare-flyout-image {
        height: auto;
        max-height: 90%
    }

    .compare-flyout-inner-right .compareBtn {
        position: static;
        margin: 0 20px 20px 0
    }

    .compare form {
        display: none
    }

    body.zh-CN .nav .navLevel0 span.menu {
        font-size: 2em
    }

    .cntPad iframe.googlemaps {
        height: 200px
    }

    table.tabMobile {
        border: 0
    }

    table.tabMobile thead {
        display: none
    }

    table.tabMobile col {
        width: 100%
    }

    ;

    table.tabMobile tr {
        margin-bottom: 10px;
        display: block;
        border-bottom: 2px solid #999
    }

    table.tabMobile td {
        display: block;
        text-align: right;
        height: auto;
        padding: 10px;
        border-bottom: 1px dotted #e5e5e5
    }

    table.tabMobile td:last-child {
        border-bottom: 0
    }

    table.tabMobile td:before {
        content: attr(data-label);
        float: left;
        text-transform: uppercase;
        font-weight: bold
    }

    table.tabMobile a.saveDate {
        float: right;
        padding-left: 20px;
        width: 20px;
        height: 20px;
        display: block;
        background: transparent url('/static/img/admin/stdate_icon.png') no-repeat right center
    }

    table.tabMobile td.saveDate {
        display: none
    }

    table.tabMobile td .intLink,
    table.tabMobile td .extLink,
    table.tabMobile td a {
        display: inline
    }

    .productOverview .boxStoryTeaser,
    .boxStoryImage {
        width: 100%
    }

    .productOverview .boxStoryImage img {
        padding-left: 0;
        width: 100%;
        height: 100%
    }

    .productOverview h1.productOverview {
        margin-bottom: 0;
        font-weight: 100;
        line-height: 1
    }

    .productOverview .cntPad h3 {
        line-height: 1.4
    }

    .productOverview .cntPad .miniMap {
        width: 100%
    }

    .productOverview .cntPad form.contactform input[type=submit] {
        width: 100% !important
    }

    .productOverview .tb-linklist ul li {
        float: none;
        width: 92%
    }

    .productOverview .addressBox img {
        display: none
    }

    .productOverview .addressBox-icon {
        float: left
    }

    .productOverview .addressBox {
        width: 100%
    }

    .productOverview .addressBox-icon p>i.icon-location {
        font-size: 50px
    }

    .productOverview .addressBox-text {
        float: left
    }

    .productOverview .boxGallery {
        width: 410px;
        margin: 0 auto
    }

    .productOverview .boxGallery .galleryItem {
        padding-right: 18px;
        padding-top: 0;
        padding-bottom: 22px
    }

    .productOverview .boxGallery .galleryItem:nth-child(-n+2) {
        padding-top: 0
    }

    .productOverview .boxGallery .galleryItem:nth-child(2n+1) {
        padding-left: 0
    }

    .productOverview .boxGallery .galleryItem:nth-child(2n) {
        padding-right: 0
    }

    .productOverview .bx-wrapper img {
        max-width: inherit;
        height: auto
    }

    .productOverview .cntPad .txtOverlay h2 {
        font-size: 1.3em
    }

    .productOverview .bx-controls-direction {
        display: none
    }

    .productOverview .bx-wrapper .bx-pager,
    .productOverview .bx-wrapper .bx-controls-auto {
        margin-bottom: 10px
    }

    .productOverview .boxAIO .leftBox,
    .productOverview .boxAIO .rightBox {
        width: 100% !important;
        padding-right: 0;
        padding-left: 0 !important
    }

    .productOverview .boxAIO .rightBox {
        margin-top: 20px
    }

    .productOverview .boxAIO .rightBox img {
        width: 100%;
        padding-top: 15px
    }

    .productOverview .boxAIO .rightBox .rightContent,
    .productOverview .boxAIO .leftBox .rightContent {
        width: 78%;
        padding-left: 10px
    }

    .productOverview .boxAIO .rightBox .leftContent,
    .productOverview .boxAIO .leftBox .leftContent {
        width: 22%;
        padding-right: 10px
    }

    .productOverview .boxAIO .rightBox .rightContent {
        padding-top: 15px
    }

    .productOverview .boxGallery {
        width: 410px
    }

    .productOverview .boxGallery .galleryItem {
        padding-right: 8px;
        padding-left: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 8px !important
    }

    .productOverview .boxGallery .galleryItem:nth-child(2n) {
        padding-right: 0
    }

    .productOverview .boxBigIcons .boxBigIcon {
        margin-bottom: 5px
    }

    .productOverview .idm-accordion-wrapper .accItem h4 {
        font-weight: bold;
        font-style: normal
    }

    @-moz-document url-prefix() {
        .productOverview .boxBigIcons a {
            margin-right: 9px
        }
    }

    _:-ms-lang(x),
    .productOverview .boxBigIcons a {
        margin-right: 9px
    }

    .productOverview .boxImages .boxImage.threeBox {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
        padding-right: 0
    }

    .productOverview .boxStorys .boxStoryImage {
        width: 100%;
        padding-left: 0 !important;
        padding-right: 0;
        margin-bottom: 20px
    }

    .productOverview .boxStorys .boxStoryTeaser {
        width: 100%;
        padding: 0
    }

    .popup {
        top: 0;
        transform: inherit;
        min-height: 215%
    }

    #turapp-background-map .hotspot.marker-left:before {
        left: -20px
    }

    #turapp-background-map .hotspot.marker-right:after {
        left: 105px
    }

    #turapp-background-map .info-box {
        width: 100px
    }

    #turapp-background-map #map .hotspot h3 {
        font-size: 1em
    }

    #turapp-background-map #map #usa {
        top: 10px;
        left: 92px
    }

    #turapp-background-map #map #deutschland {
        top: -10px;
        left: 248px
    }

    #turapp-background-map #map #china {
        top: 22px;
        left: 385px
    }

    #turapp-background-map #map #indien {
        top: 78px;
        left: 230px
    }

    #turapp-background-map #map #singapur {
        top: 70px;
        left: 396px
    }

    #turapp-background-map #map #brasilien {
        top: 129px;
        left: 27px
    }

    #turapp-background-map #map #sued_afrika {
        top: 155px;
        left: 148px
    }

    #turapp-background-map #map #australien {
        top: 150px;
        left: 322px
    }

    #turapp-background-map .popup {
        transform: translateX(-10%);
        width: 600px;
        min-height: 600px;
        max-height: 600px;
        height: 600px
    }

    #turapp-background-map .popup:before {
        width: 530px
    }

    #turapp-background-map .popup iframe {
        height: 440px;
        width: 530px
    }

    .ask-expert.form-row img.formImage.onlyDesktop {
        display: none
    }

    .ask-expert.form-row img.formImage.onlyMobile {
        display: block
    }

    .cloudSolutionsDiv .buttonWrapper button {
        min-width: 140px
    }

    ul#logo-link-menu {
        display: none !important;
        position: absolute;
        top: -9999px
    }

    ul#logo-link-menu li a {
        display: none !important
    }

    .productOverview .boxImages .boxImage.threeBox .actionBox {
        padding: 10px
    }

    .productOverview .boxImages .threeBox .bottomLink {
        padding: 0 10px 10px
    }
}

@media only screen and (max-width:479px) {
    .wrapper {
        width: 100%
    }

    .main.wrapper {
        padding: 10px 0 0 0
    }

    .main .inner,
    .main .content {
        width: 100% !important
    }

    .bannerJV .turckLogo {
        top: 12px
    }

    .bannerJV .turckLogo a {
        margin-right: 9px;
        width: 300px;
        background-size: contain
    }

    .multiprox .topSearch {
        width: 140px
    }

    .bannerJV .topSearch {
        right: 9px;
        width: 140px
    }

    .country_intern {
        margin: 0 0 15px
    }

    .subNav,
    .content {
        float: none;
        clear: both;
        width: 100%
    }

    .content .cntPad {
        padding: 0 10px 10px
    }

    .header.wrapper {
        z-index: 3;
        background-color: transparent;
        margin-left: 0;
        width: 100%;
        z-index: 3
    }

    .header-container .search {
        top: 53px;
        margin-left: 0;
        margin-right: 0;
        width: 100%
    }

    .header.wrapper .search {
        margin-left: 0;
        margin-right: 0;
        top: 85px;
        right: 49px
    }

    .header-container .search form {
        float: right;
        position: relative;
        width: 20%;
        min-width: 100px
    }

    .turckLogo {
        right: 0
    }

    .nav .navLevel0 span.menu {
        margin-left: 10px
    }

    .turckSite,
    .turckUrl {
        display: none
    }

    .search .searchSubmit {
        font-size: 2em
    }

    .accCont {
        padding: 0
    }

    .accCont .accItem {
        text-align: center
    }

    .accCont .accItem .col {
        margin: 0 auto;
        padding: 0;
        text-align: left;
        float: none;
        width: 100%
    }

    .accCont .accItem .col1 {
        margin: 0 -10px;
        text-align: center
    }

    .accCont .accItem .col2 {
        padding: 0
    }

    .accCont .accItem p {
        text-align: left;
        padding: 0
    }

    .contactTeaser .col {
        float: none;
        display: block
    }

    .contactTeaser .col1 {
        text-align: center
    }

    .contactTeaser .col1 img {
        width: 247px;
        margin: 0 auto
    }

    .contactTeaser .col2 {
        margin: 34px auto 20px auto;
        width: 247px
    }

    .mB20errAbs {
        margin-bottom: 40px
    }

    .jobForm .checkboxSet .w5 {
        width: 8%
    }

    .videoL {
        display: block;
        margin: 20px -10px 10px
    }

    .videoL .preloader {
        height: 305px
    }

    .videoL .bxSlider {
        height: 100%;
        margin: 0 0 20px;
        width: 100%
    }

    .videoL h2 {
        margin: 0 10px
    }

    .videoL h2.h2vDetail {
        margin: 0
    }

    .videoL .bxPager {
        width: 296px;
        margin: 0 auto
    }

    .videoL .bxPager .bxNext a {
        right: 24px
    }

    .videoL .bxPager .bxPrev a {
        left: 24px
    }

    .videoL .fPlayer,
    .noSub .videoL .fPlayer {
        width: 100%;
        height: 168px;
        margin: 0 auto
    }

    .vdMargin {
        margin: 20px -5px 10px
    }

    .svLabel {
        float: none;
        width: 100%;
        clear: both;
        margin: 10px 0 0 0
    }

    .videoL.mobileSlider .bxSlider .bx-wrapper .bx-viewport {
        height: 260px;
        background-image: url("/static/img/admin/scroller.png");
        background-position: 50% 208px;
        background-repeat: no-repeat;
        background-color: #e5e5e5
    }

    .noSub .videoL.mobileSlider .fPlayer {
        height: 200px
    }

    .articleImg {
        margin: 0 -10px
    }

    .img680 {
        display: none
    }

    .img480 {
        display: block;
        width: 100%
    }

    .leftCol,
    .rightCol {
        width: 100%;
        float: none
    }

    .leftCol img,
    .rightCol img {
        width: 100%;
        max-width: 100%;
        margin: 0 auto 10px
    }

    .aRight {
        text-align: center
    }

    .rightCol.w25p {
        text-align: center;
        width: 100%
    }

    .rightCol a.download {
        margin: 0 auto;
        float: none
    }

    .threecol {
        width: 188px;
        margin: 0 auto
    }

    .threecol .col {
        width: 188px;
        height: auto;
        display: block;
        margin: 14px auto;
        text-align: left;
        float: none
    }

    .twocol {
        margin: 0 auto;
        width: 250px
    }

    .twocol .col {
        width: 250px;
        float: left
    }

    .imgText {
        margin: 10px 0 0 0
    }

    .downloadGuide div {
        width: 100%;
        float: none
    }

    .downloadGuide a {
        float: none;
        margin: 10px auto 10px
    }

    .imgText .contText {
        width: 60%
    }

    .imgText.withImgPT .contText {
        width: 60%;
        float: left
    }

    .imgText.withImgPT h2.more {
        line-height: 16px
    }

    .articleCnt hr,
    hr.imgTextHr {
        margin: 0
    }

    .imgText.withImgLSSmall .contText {
        width: 100%;
        margin: 10px 0 0;
        float: none
    }

    .imgText.withImgLSSmall a.left {
        width: 100%;
        float: none;
        padding-right: 0
    }

    .prImgText {
        margin: 10px 0 0 0
    }

    .imgText.withImgLS a.left,
    .imgText.withImgLS .contText {
        display: block;
        float: none;
        width: 100%
    }

    .imgText.withImgLS .contText {
        float: none;
        width: 100%;
        margin: 0 0 10px
    }

    .leftCol img.prImg,
    .imgText.withImgLS img.prImg {
        width: 100%;
        max-width: 480px
    }

    .pdbgraphic,
    .pdbgraphic img {
        display: none
    }

    .detail #pdblupe {
        padding-left: 10px;
        background-image: none
    }

    .pdbradio {
        width: 30%;
        margin-top: -15px
    }

    .pdbinput {
        width: 70%
    }

    .table {
        margin: 0 -10px
    }

    .careerList {
        margin: 20px 0 0 0;
        width: 100%
    }

    .careerList td.third,
    .careerList th.third {
        display: none
    }

    .galExp {
        width: 300px;
        margin: 0 auto
    }

    .galExp .preloader {
        height: 255px
    }

    .galExp .bxSlider .bx-wrapper {
        margin: 0 auto 7px auto
    }

    .galExp .bxPager .bx-wrapper {
        min-width: 300px
    }

    .galExp .bxPager .bx-wrapper {
        margin: 0 0 20px 0
    }

    .galExp .bxPager ul li {
        margin: 0 5px 0 0 !important
    }

    .galExp .bxPager .bxPrev a {
        left: 15px
    }

    .galExp .bxPager .bxNext a {
        right: 15px
    }

    .galExp .bxSlider .bx-viewport {
        margin: 0 auto 7px auto
    }

    #galExpMobileDescription {
        display: block !important;
        min-height: 40px
    }

    #galExpMobileDescription p {
        margin: .8em 10px
    }

    .galExp .galleryOverlay {
        display: none !important
    }

    .width80 {
        width: 100%;
        margin: 0
    }

    .fe-form textarea {
        width: 100%
    }

    .fe-form input[type="text"] {
        width: 100%
    }

    .fe-form-line.combobox select {
        width: 100%
    }

    .fe-control-area span.result {
        top: 0;
        left: 0;
        border-radius: 0 20px 20px 20px;
        z-index: 99
    }

    .form {
        width: 100% !important;
        display: block;
        text-align: left;
        margin: 0;
        float: none
    }

    .form img {
        margin: 30px 0
    }

    .fe-form label.label-left {
        width: 100%
    }

    .fe-form .with-label {
        width: 100%
    }

    .fe-control-area {
        width: 100%
    }

    .form input[type="radio"] {
        margin-bottom: 5px
    }

    .tradeshow-btn .col1,
    .tradeshow-btn .col2 {
        float: none;
        width: 100%;
        margin-bottom: 10px
    }

    .fe-form .wl.tooltip:after {
        left: -191px;
        top: 65px;
        box-shadow: -2px 2px 2px 0 #fc0
    }

    .fe-form .tooltip:after {
        left: -191px;
        top: 23px;
        box-shadow: -2px 2px 2px 0 #fc0
    }

    .fe-form .tooltip:before {
        transform: rotate(-45deg);
        left: -19px;
        top: 31px
    }

    .wl.tooltip:after {
        width: 150px
    }

    .tooltip:after {
        width: 150px
    }

    .fe-form .wl.tooltip:before {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        left: -19px;
        top: 72px
    }

    .footerCopyWrapper {
        text-align: left !important;
        margin-left: 5px
    }

    .footer .seperator {
        display: none
    }

    .footer .repLocator {
        display: block
    }

    ul.overview,
    ul.prodoverview {
        width: 100%
    }

    .navBoxes.threeBoxes li {
        width: 150px;
        height: 140px
    }

    ul.overview li,
    ul.overview.article li {
        width: 155px
    }

    ul.overview li a {
        font-size: 1em;
        background-image: none
    }

    .overview li img {
        filter: none;
        -webkit-filter: grayscale(0%)
    }

    ul.overview li span {
        height: auto
    }

    .content .navBoxes li,
    ul.prodoverview li {
        width: 50%;
        height: 191px
    }

    @media only screen and (max-width:399px) {

        .overview_wrapper.col1,
        .overview_wrapper.col2 {
            width: 100%
        }

        ul.prodoverview li {
            width: 100%;
            height: 234px
        }

        ul.prodoverview li img {
            width: 200px;
            height: 200px;
            margin: 0 0 0 20%
        }
    }

    @media only screen and (max-width:320px) {
        .videoL.mobileSlider .bxSlider .bx-wrapper .bx-viewport {
            height: 230px;
            background-position: 50% 176px
        }
    }

    @media only screen and (min-width:400px) {

        .overview_wrapper.col1,
        .overview_wrapper.col2 {
            width: 50%
        }

        ul.prodoverview {
            width: 100%
        }

        ul.prodoverview li {
            height: 250px;
            width: 100%
        }

        .overview_wrapper.col1,
        .overview_wrapper.col2 {
            width: 50%
        }

        ul.prodoverview {
            width: 100%
        }

        ul.prodoverview li {
            height: 250px;
            width: 100%
        }
    }

    #product li a.posAbs {
        padding-top: 68%
    }

    .prodDiv ul.overview li {
        height: 238px
    }

    .main-container .productHeadline {
        margin: 0 auto;
        width: 100% !important;
        padding: 10px;
        background: #FFF
    }

    .bgProd {
        background-image: none !important
    }

    .content .prodDiv {
        text-align: left
    }

    .content .prodDetail {
        text-align: left
    }

    .content .prodDetail .btnDataSheet {
        margin: 20px 0 0 0
    }

    .prodDetail .btnBasket,
    .prodDetail .btnDownload {
        display: block;
        margin: 5px 0;
        padding: 10px 5px;
        float: none
    }

    .prodDetail.moreImgs .imgDiv {
        float: none;
        text-align: left
    }

    .prodDetail.moreImgs img {
        width: auto;
        height: auto !important
    }

    .overviewTeaser {
        width: auto;
        height: auto;
        margin: 0;
        width: 100%
    }

    .overviewTeaser .overviewText,
    .overviewTeaser .intr {
        width: 100%;
        height: 94px
    }

    .overviewTeaser .overviewText h1 {
        font-size: 1.286em;
        margin: 0 0 10px
    }

    .overviewTeaser .overviewText p {
        font-size: .857em;
        margin-top: 0;
        line-height: 1.6em
    }

    .turckData .searchfield,
    .navProdSearch .searchfield {
        width: 100px
    }

    .errorPageSection1,
    .errorPageSection2,
    .errorPageSection3 {
        width: 100%
    }

    .download_area .col1 {
        width: 100%
    }

    .download_area .col2 {
        width: 100%
    }

    .download_area input[type="text"] {
        margin-left: 10px
    }

    .clear768 {
        clear: both
    }

    .verticalScoller {
        display: none
    }

    .powerresults,
    .powersearch {
        width: 100%;
        clear: both
    }

    .pcol2 strong span {
        padding-top: 2px;
        float: left;
        display: block
    }

    .srContent {
        margin: 0
    }

    .srTable .breadcrumb ul li {
        width: auto;
        border-bottom: 0
    }

    .srTable .breadcrumb ul li a {
        color: #4c4c4c
    }

    .pwresult .pTooltip {
        display: none !important
    }

    .pw-head .pager-navigation .paging.fr {
        float: right;
        clear: none;
        margin-top: 0
    }

    .pw-head .drop-down.fl {
        float: left;
        clear: none
    }

    .videoL.videoLnojs .bxPager li {
        margin: 0 44px 44px 0 !important;
        float: left;
        list-style-type: none
    }

    .videoL .bxPager li {
        margin: 0 44px 0 0 !important
    }

    .videoL.videoLnojs .bxSlider {
        height: 188px
    }

    .videoL .bxSlider .bx-viewport {
        height: 188px !important
    }

    .videoL.videoLnojs .bxPager li:nth-child(6n+0) {
        margin: 0 44px 44px 0 !important
    }

    .videoL.videoLnojs .bxPager li:nth-child(2n+0) {
        margin: 0 0 44px 0 !important
    }

    .box.messtitle .select2-container {
        float: none !important;
        clear: both
    }

    .videoL .bx-wrapper {
        height: auto
    }

    .compare-flyout-inner {
        width: 100%
    }

    .compare-flyout-inner-left {
        width: 100%
    }

    .compare-flyout-inner-center {
        width: 100%
    }

    .compare-flyout-item img.compare-flyout-image {
        height: 62px
    }

    #logo-link-menu {
        right: -8px
    }

    .productOverview .bxslider .bx-captions {
        width: 100%
    }

    .productOverview .text3Col,
    .productOverview .text2Col {
        column-count: 1
    }

    .productOverview .boxGallery {
        width: 194px;
        margin: 0 auto
    }

    .productOverview .boxGallery .galleryItem:nth-child(-n+2) {
        padding-top: 5px;
        padding-left: 0
    }

    .productOverview .boxGallery .galleryItem:nth-child(2n+1) {
        padding-left: 0 !important
    }

    .productOverview .boxImages .featured .overlay {
        overflow: hidden
    }

    .productOverview .boxImages .featured .overlay .txtOverlay p {
        font-size: 1em;
        line-height: 14px
    }

    .productOverview .boxImages .overlay button.btCta {
        width: calc(100% - 20px);
        padding: 5px 30px
    }

    .productOverview .boxImages .featured .overlay .txtOverlay {
        width: calc(100% - 20px);
        padding: 0
    }

    .productOverview .cntPad h2 {
        font-size: 1.5em
    }

    .productOverview .boxImages .boxImage.twoBox .overlay .txtOverlay {
        font-size: 1.1em;
        font-weight: 600
    }

    .productOverview .boxStorys .boxStoryImage {
        width: 100%;
        padding-right: 0
    }

    .productOverview .boxStorys.imgRight .boxStoryImage {
        padding-left: 0
    }

    .productOverview .boxStorys .boxStoryTeaser {
        width: 100%;
        padding: 10px 0
    }

    .productOverview .mod_c30h_slider .bxslider .bx-captions {
        position: relative;
        padding: 0;
        top: 0
    }

    .productOverview .mod_c30h_slider .bxslider .bx-captions .background-overlay {
        width: 100%
    }

    .productOverview .mod_c30h_slider .bxslider .bx-captions h3 {
        font-size: 18px
    }

    .productOverview .boxAIO .leftBox .leftContent,
    .productOverview .boxAIO .rightBox .leftContent {
        padding-right: 0
    }

    .productOverview .mod_c30h_slider.textAlignMobileCenter .bxslider .bx-captions .background-overlay {
        text-align: center
    }

    .productOverview .mod_c30h_slider.textAlignMobileCenter .bxslider .bx-captions p.readmore {
        display: inline-flex
    }

    .popup {
        height: auto
    }

    #turapp-background-home .hotspots .hotspot {
        display: none
    }

    #turapp-background-home .maschine-wrapper,
    #turapp-background-map .map-wrapper {
        position: relative
    }

    #turapp-map {
        padding-top: inherit;
        margin-bottom: inherit
    }

    #turapp-background-home ul.numbers,
    #turapp-background-map ul.numbers {
        display: block
    }

    #turapp-background-home ul.numbers li,
    #turapp-background-map ul.numbers li {
        float: left;
        list-style-type: none;
        background: #fc0;
        padding: 10px;
        height: 10px;
        width: 10px;
        border-radius: 100%;
        font-weight: bold;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 50%
    }

    #turapp-background-home ul.numbers li:nth-child(1) {
        left: 10%
    }

    #turapp-background-home ul.numbers li:nth-child(2) {
        left: 20%
    }

    #turapp-background-home ul.numbers li:nth-child(3) {
        left: 32%
    }

    #turapp-background-home ul.numbers li:nth-child(4) {
        left: 47%
    }

    #turapp-background-home ul.numbers li:nth-child(5) {
        left: 70%
    }

    #turapp-background-map ul.numbers li:nth-child(1) {
        top: 25%;
        left: 14%
    }

    #turapp-background-map ul.numbers li:nth-child(2) {
        top: 17%;
        left: 43%
    }

    #turapp-background-map ul.numbers li:nth-child(3) {
        top: 31%;
        left: 74%
    }

    #turapp-background-map ul.numbers li:nth-child(4) {
        top: 41%;
        left: 67%
    }

    #turapp-background-map ul.numbers li:nth-child(5) {
        top: 50%;
        left: 75%
    }

    #turapp-background-map ul.numbers li:nth-child(6) {
        top: 56%;
        left: 27%
    }

    #turapp-background-map ul.numbers li:nth-child(7) {
        top: 73%;
        left: 50%
    }

    #turapp-background-map ul.numbers li:nth-child(8) {
        top: 74%;
        left: 85%
    }

    .accordion {
        display: block
    }

    #turapp-background-map .hotspots {
        display: none
    }

    #turapp-background-map .popup {
        display: none;
        z-index: -1
    }

    #turapp-background-map #superoverlay {
        display: none !important;
        z-index: -1
    }

    .buttonWrapper a {
        display: block;
        padding-bottom: 20px;
        width: 100%
    }

    .buttonWrapper button {
        width: 100%
    }

    #turapp-background-home .popup {
        transform: inherit;
        height: inherit
    }

    .advantage .bulletlists_wrapper .list_wrapper {
        width: 100%
    }

    .advantage .bulletlists_wrapper .list_wrapper:nth-child(odd) {
        margin-right: 0
    }

    .advantage .bulletlists_wrapper .list_wrapper:nth-child(even) {
        margin-left: 0
    }

    .turckPhone {
        margin-left: 16px
    }
}

@media only screen and (max-width:319px) {
    .productOverview .boxImages .featured .overlay .txtOverlay p {
        display: none
    }

    .productOverview .boxImages .boxImage.twoBox .overlay .txtOverlay {
        font-size: .9em;
        font-weight: 300;
        line-height: 13px
    }
}

@media only screen and (min-width:480px) and (max-width:567px) {
    .wrapper {
        width: 480px
    }

    .main .inner {
        width: 480px
    }

    .turckLogo {
        right: 0;
        margin: 0 auto;
        text-align: right
    }

    .bannerJV .turckSite {
        display: none
    }

    .content .cntPad {
        padding: 0 10px 10px
    }

    .subNav,
    .content {
        float: none;
        clear: both;
        width: 480px
    }

    .articleImg {
        margin: 0 -10px
    }

    .img680 {
        display: none
    }

    .img480 {
        display: block;
        width: 100%
    }

    .leftCol img,
    .rightCol img {
        width: 100%;
        max-width: 225px
    }

    .threecol {
        margin: 34px 0;
        width: 460px
    }

    .threecol .col3 {
        margin: 14px 85px 0 0;
        clear: both
    }

    .threecol .col {
        width: 188px;
        float: left
    }

    .threecol .col2 {
        float: right;
        clear: right
    }

    .imgText {
        margin: 10px 0 0 0
    }

    .downloadGuide div {
        width: 83%
    }

    .imgText .contText {
        width: 76%
    }

    .imgText.withImgPT .contText {
        width: 76%;
        float: left
    }

    .articleCnt hr,
    hr.imgTextHr {
        margin: 0
    }

    .prImgText {
        margin: 10px 0 0 0
    }

    .leftCol img.prImg,
    .imgText.withImgLS img.prImg {
        max-width: 210px
    }

    .careerList td.third,
    .careerList th.third {
        display: none
    }

    .careerList {
        margin: 20px -10px 20px;
        width: 480px
    }

    .galExp {
        width: 460px;
        margin: 0 auto
    }

    .galExp .preloader {
        height: 345px
    }

    .galExp .bxSlider .bx-wrapper {
        margin: 0 auto 7px auto
    }

    .galExp .bxPager .bx-wrapper {
        min-width: 460px
    }

    .galExp .bxPager ul li {
        margin: 0 10px 0 0 !important
    }

    .galExp .bxPager .bxPrev a {
        left: 15px
    }

    .galExp .bxPager .bxNext a {
        right: 15px
    }

    .accCont .accItem {
        text-align: center
    }

    .accCont .accItem .col {
        margin: 0 auto;
        padding: 0;
        text-align: left;
        float: none;
        width: 320px
    }

    .accCont .accItem .col2 {
        padding: 0
    }

    .accCont .accItem p {
        text-align: left
    }

    .form {
        width: 100% !important;
        display: block;
        text-align: left;
        margin: 0;
        float: none
    }

    .form img {
        margin: 30px 0
    }

    .fe-form label.label-left {
        width: 100%
    }

    .fe-form .with-label {
        width: 100%
    }

    .fe-form-line.combobox select {
        width: 100%
    }

    .footerCopyWrapper {
        text-align: left !important;
        margin-left: 5px
    }

    .footer .repLocator {
        display: block
    }

    .footer .seperator {
        display: none
    }

    ul.navBoxes.threeBoxes,
    ul.overview {
        width: 470px
    }

    .navBoxes.threeBoxes li {
        width: 155px;
        height: 140px
    }

    ul.overview li {
        width: 155px
    }

    .overview li img {
        filter: none;
        -webkit-filter: grayscale(0%)
    }

    .content .navBoxes li {
        width: 160px;
        height: 142px
    }

    .overview_wrapper.col1,
    .col1 ul.prodoverview {
        width: 318px
    }

    .overview_wrapper.col2,
    .col2 ul.prodoverview {
        width: 158px
    }

    ul.prodoverview li {
        width: 158px;
        height: 194px
    }

    ul.prodoverview li span {
        padding-top: 10px
    }

    .main.wrapper.noSub .content {
        width: 480px
    }

    .contactTeaser .col1 {
        width: 50%
    }

    .contactTeaser .col1 img {
        width: 70%;
        height: 70%;
        margin: 10px 0 20px 26px
    }

    .contactTeaser .col2 {
        margin: 10px 0 20px 10px
    }

    .videoL {
        display: block;
        margin: 35px -10px 15px
    }

    .videoL .preloader {
        height: 395px
    }

    .videoL .bxSlider {
        height: 258px;
        margin: 0 0 40px;
        width: 480px
    }

    .videoL h2 {
        margin: 0 10px
    }

    .videoL h2.h2vDetail {
        margin: 0
    }

    .videoL .bxPager {
        width: 430px
    }

    .videoL .fPlayer,
    .noSub .videoL .fPlayer {
        width: 460px;
        height: 258px
    }

    .vdMargin {
        margin: 35px -5px 10px
    }

    .svLabel {
        float: none;
        width: 100%;
        clear: both;
        margin: 10px 0 0 0
    }

    .content h3.txt_3 {
        margin: 0 10px
    }

    .detail #pdblupe {
        padding-left: 10px;
        background-image: none
    }

    .bgProd {
        background-image: none !important;
        background-repeat: no-repeat;
        background-size: 30% auto;
        background-position: right top
    }

    .content .prodDiv {
        text-align: left
    }

    .content .prodDetail {
        text-align: left
    }

    .content .prodDetail .btnDataSheet {
        margin: 20px 0 0 0
    }

    .prodDetail .btnDownload,
    .prodDetail .btnBasket {
        margin: 10px 0 0 0;
        padding: 10px 5px;
        text-align: left
    }

    .prodDetail .btnDownload {
        margin-left: 10px
    }

    .pwresult .pTooltip {
        display: none !important
    }

    .srContent {
        margin: 0
    }

    .srTable .breadcrumb ul li {
        width: auto;
        border-bottom: 0
    }

    .srTable .breadcrumb ul li a {
        color: #4c4c4c
    }

    .overviewTeaser {
        width: 480px;
        height: auto;
        margin: 0 -10px 0 0
    }

    .overviewTeaser .overviewText,
    .overviewTeaser .intr {
        width: 100%;
        height: 94px
    }

    .overviewTeaser .overviewText {
        height: auto
    }

    .overviewTeaser .overviewText h1 {
        font-size: 1.286em;
        margin-bottom: 0
    }

    .overviewTeaser .overviewText p {
        font-size: .857em;
        margin-top: 0;
        line-height: 1.6em
    }

    .tabset .leftCol img.prImg {
        max-width: 210px
    }

    .width80 {
        width: 100%;
        margin: 0
    }

    .fe-form textarea {
        width: 100%
    }

    .fe-form input[type="text"] {
        width: 100%
    }

    .fe-control-area span.result {
        top: 0;
        left: 0;
        border-radius: 0 20px 20px 20px;
        z-index: 99
    }

    .fe-control-area {
        width: 100%
    }

    .fe-form .wl.tooltip:after {
        left: -241px;
        top: 65px;
        box-shadow: -2px 2px 2px 0 #fc0
    }

    .fe-form .tooltip:after {
        left: -241px;
        top: 23px;
        box-shadow: -2px 2px 2px 0 #fc0
    }

    .fe-form .wl.tooltip:before {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        left: -19px;
        top: 72px
    }

    .fe-form .tooltip:before {
        transform: rotate(-45deg);
        left: -19px;
        top: 31px
    }

    .wl.tooltip:after {
        width: 200px
    }

    .tooltip:after {
        width: 200px
    }

    .errorPageSection1 {
        width: 100%
    }

    .errorPageSection2 {
        width: 100%
    }

    .errorPageSection3 {
        width: 100%
    }

    .download_area .col1 {
        width: 100%
    }

    .download_area .col2 {
        width: 100%
    }

    .clear768 {
        clear: both
    }

    .verticalScoller {
        display: none
    }

    .videoL.videoLnojs .bxPager li {
        margin: 0 26px 26px 0 !important;
        float: left;
        list-style-type: none
    }

    .videoL .bxPager li {
        margin: 0 26px 26px 0 !important
    }

    .videoL.videoLnojs .bxSlider {
        height: 278px
    }

    .videoL .bxSlider .bx-viewport {
        height: 278px !important
    }

    .videoL.videoLnojs .bxPager li:nth-child(6n+0) {
        margin: 0 26px 26px 0 !important
    }

    .videoL.videoLnojs .bxPager li:nth-child(3n+0) {
        margin: 0 0 26px 0 !important
    }

    .box.messtitle .select2-container {
        float: none !important;
        clear: both
    }

    .compare-flyout-inner {
        width: 100%
    }

    .compare-flyout-inner-left {
        width: 100%
    }

    .compare-flyout-inner-center {
        width: 100%
    }

    .taskline .quickinfo {
        width: 38%;
        text-align: left;
        background-position: 72px -82px;
        padding-left: 10px
    }

    .pwresult.open .quickinfo {
        background-position: 72px -347px
    }

    #logo-link-menu {
        right: 12px
    }

    .productOverview .text3Col,
    .productOverview .text2Col {
        column-count: 1
    }

    .productOverview .boxGallery {
        width: 194px;
        margin: 0 auto
    }

    .productOverview .boxGallery .galleryItem:nth-child(-n+2) {
        padding-top: 5px
    }

    .productOverview .boxGallery .galleryItem:nth-child(2n+1) {
        padding-left: 0
    }

    .productOverview .boxImages .featured .overlay .txtOverlay p {
        font-size: 1em
    }

    .productOverview .idm-accordion-wrapper .accItem .aioCnt .leftCol img {
        padding-right: 8px
    }

    .popup {
        height: auto;
        min-height: 215%
    }

    #turapp-background-home .hotspot img {
        width: 1.5rem
    }

    #turapp-background-home #nutzdaten .hotspot {
        left: 2.5rem
    }

    #turapp-background-home #zusatzdaten .hotspot {
        top: 1.5rem;
        left: 5.5rem
    }

    #turapp-background-home #integration .hotspot {
        top: 1.8rem;
        left: 9rem
    }

    #turapp-background-home #cloud_anwendungen .hotspot {
        top: 1.8rem;
        left: 13.2rem
    }

    #turapp-background-home #vorgefertigte_anwendungen .hotspot {
        top: 3.8rem;
        left: 20.7rem
    }

    #turapp-background-home .popup {
        transform: inherit
    }

    #turapp-background-home .info-box {
        width: 90px
    }

    #turapp-background-map .info-box {
        display: none
    }

    #turapp-background-map .hover .info-box {
        display: block
    }

    #turapp-background-map #map #usa {
        top: 5px;
        left: 87px
    }

    #turapp-background-map #map #deutschland {
        top: -12px;
        left: 228px
    }

    #turapp-background-map #map #china {
        top: 18px;
        left: 358px
    }

    #turapp-background-map #map #indien {
        top: 70px;
        left: 203px
    }

    #turapp-background-map #map #singapur {
        top: 64px;
        left: 370px
    }

    #turapp-background-map #map #brasilien {
        top: 117px;
        left: 18px
    }

    #turapp-background-map #map #sued_afrika {
        top: 142px;
        left: 127px
    }

    #turapp-background-map #map #australien {
        top: 136px;
        left: 285px
    }

    #turapp-background-map .popup {
        transform: translate(10%);
        width: 380px;
        min-height: 490px;
        height: 490px;
        top: 40px
    }

    #turapp-background-map .popup:before {
        width: 380px
    }

    #turapp-background-map .popup iframe {
        height: 290px;
        width: 380px
    }

    .advantage .bulletlists_wrapper .list_wrapper {
        width: 100%
    }

    .advantage .bulletlists_wrapper .list_wrapper:nth-child(odd) {
        margin-right: 0
    }

    .advantage .bulletlists_wrapper .list_wrapper:nth-child(even) {
        margin-left: 0
    }
}

@media only screen and (min-width:568px) and (max-width:767px) {
    .wrapper {
        width: 568px
    }

    .main .inner {
        width: 568px
    }

    .turckClaim {
        float: right;
        margin-left: 34px;
        margin-right: 50px;
        margin-top: 42px
    }

    .header.wrapper .search {
        margin-right: 0;
        top: 85px;
        right: 49px
    }

    .img680 {
        display: block;
        width: 100%
    }

    .img480 {
        display: none
    }

    .subNav,
    .content {
        float: none;
        clear: both;
        width: 568px
    }

    .leftCol img,
    .rightCol img {
        width: 100%;
        max-width: 235px
    }

    .threecol {
        margin: 34px -34px 0;
        width: 568px
    }

    .threecol .col {
        width: 188px
    }

    .threecol .col2 {
        margin: 0 2px
    }

    .downloadGuide div {
        width: 85%
    }

    .imgText .contText {
        width: 78%
    }

    .imgText.withImgPT .contText {
        width: 78%;
        float: left
    }

    .leftCol img.prImg,
    .imgText.withImgLS img.prImg {
        max-width: 235px
    }

    .careerList {
        margin: 20px -34px 10px;
        width: 568px
    }

    .galExp {
        width: 548px;
        margin: 0 -24px
    }

    #galExpProd.galExp {
        margin: 0
    }

    .galExp .preloader {
        height: 396px
    }

    .galExp .bxSlider .bx-wrapper {
        margin: 0 auto 7px auto
    }

    .galExp .bxPager .bx-wrapper {
        min-width: 548px
    }

    .galExp .bxPager ul li {
        margin: 0 40px 0 0 !important
    }

    #galExpProd.galExp .bxPager ul li {
        margin: 0 7px 0 0 !important
    }

    .galExp .bxPager .bxPrev a {
        left: 15px
    }

    .galExp .bxPager .bxNext a {
        right: 15px
    }

    .accCont .accItem .col2 {
        width: 34%;
        padding: 0 0 0 10px
    }

    .overview_wrapper.col1,
    .col1 ul.prodoverview {
        width: 377px
    }

    .overview_wrapper.col2,
    .col2 ul.prodoverview {
        width: 188px
    }

    ul.prodoverview li {
        width: 188px;
        height: 223px
    }

    ul.prodoverview li span {
        padding-top: 10px
    }

    .content .navBoxes li {
        width: 189px;
        height: 170px
    }

    .overview li img {
        filter: none;
        -webkit-filter: grayscale(0%)
    }

    .main.wrapper.noSub .content {
        width: 568px
    }

    .contactTeaser .col1 img {
        width: 70%;
        height: 70%;
        margin: 10px 0 20px 26px
    }

    .contactTeaser .col2 {
        margin: 10px 0 20px 10px
    }

    .videoL {
        display: block;
        margin: 35px -34px 15px
    }

    .videoL .preloader {
        height: 445px
    }

    .videoL .bxSlider {
        height: 308px;
        margin: 0 0 40px;
        width: 568px
    }

    .videoL h2 {
        margin: 0 34px
    }

    .videoL h2.h2vDetail {
        margin: 0
    }

    .videoL .bxPager {
        width: 518px
    }

    .videoL .bxPager .bxNext a {
        margin: -19px -25px 0 0
    }

    .videoL .fPlayer,
    .noSub .videoL .fPlayer {
        width: 548px;
        height: 308px
    }

    .vdMargin {
        margin: 35px -25px 10px
    }

    .svLabel {
        float: none;
        width: 100%;
        clear: both;
        margin: 10px 0 0 0
    }

    .videoL.mobileSlider .bxSlider {
        height: 368px
    }

    .videoL.mobileSlider .bxSlider .bx-wrapper .bx-viewport {
        height: 374px;
        background-image: url("/static/img/admin/scroller.png");
        background-position: 50% 315px;
        background-repeat: no-repeat;
        background-color: #e5e5e5
    }

    .bgProd {
        background-repeat: no-repeat;
        background-size: 40% auto !important;
        background-position: right top
    }

    .content .prodDiv {
        text-align: left
    }

    ul.overview.article li img {
        width: 100%
    }

    ul.overview.article li,
    .prodDiv ul.overview li {
        width: 166px
    }

    .content .prodDetail {
        text-align: left
    }

    .content .prodDetail .btnDataSheet {
        margin: 0 0 0 10px
    }

    .pwresult .pTooltip {
        display: none !important
    }

    .srContent {
        margin: 0
    }

    .srTable .breadcrumb ul li {
        width: auto;
        border-bottom: 0
    }

    .srTable .breadcrumb ul li a {
        color: #4c4c4c
    }

    .overviewTeaser {
        width: 568px;
        height: 88px;
        margin-bottom: 0
    }

    .overviewTeaser .overviewText {
        width: 268px
    }

    .overviewTeaser .overviewText h1 {
        font-size: 1.286em
    }

    .overviewTeaser .overviewText p {
        font-size: .857em
    }

    .overviewTeaser .intr {
        width: 300px
    }

    .width80 {
        width: 100%;
        margin: 0
    }

    .fe-form textarea {
        width: 100%
    }

    .fe-form input[type="text"] {
        width: 100%
    }

    .fe-control-area span.result {
        top: 0;
        left: 0;
        border-radius: 0 20px 20px 20px;
        z-index: 99
    }

    .fe-form-line.combobox select {
        width: 100%
    }

    .fe-form label.label-left {
        width: 100%
    }

    .fe-form .with-label {
        width: 100%
    }

    .fe-control-area {
        width: 100%
    }

    .fe-form .wl.tooltip:after {
        left: -241px;
        top: 65px;
        box-shadow: -2px 2px 2px 0 #fc0
    }

    .fe-form .tooltip:after {
        left: -241px;
        top: 23px;
        box-shadow: -2px 2px 2px 0 #fc0
    }

    .fe-form .wl.tooltip:before {
        transform: rotate(-45deg);
        left: -19px;
        top: 72px
    }

    .wl.tooltip:after {
        width: 200px
    }

    .tooltip:after {
        width: 200px
    }

    .fe-form .tooltip:before {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        left: -19px;
        top: 31px
    }

    .tabset .leftCol img.prImg {
        max-width: 235px
    }

    .errorPageSection1 {
        width: 100%
    }

    .errorPageSection2 {
        width: 33%
    }

    .errorPageSection3 {
        width: 66%
    }

    .clear768 {
        clear: both
    }

    .verticalScoller {
        display: none
    }

    .videoL.videoLnojs .bxPager li {
        margin: 0 4px 4px 0 !important;
        float: left;
        list-style-type: none
    }

    .videoL .bxPager li {
        margin: 0 4px 4px 0 !important
    }

    .videoL.videoLnojs .bxSlider {
        height: 328px
    }

    .videoL.videoLnojs .bxPager li:nth-child(6n+0) {
        margin: 0 4px 4px 0 !important
    }

    .videoL.videoLnojs .bxPager li:nth-child(4n+0) {
        margin: 0 0 4px 0 !important
    }

    .box.messtitle .select2-container {
        float: none !important;
        clear: both
    }

    .compare-flyout-inner {
        width: 100%
    }

    .compare-flyout-inner-left {
        width: 100%
    }

    .compare-flyout-inner-center {
        width: 100%
    }

    .compare-flyout-item img.compare-flyout-image {
        height: 116px
    }

    #logo-link-menu {
        right: 12px
    }

    .productOverview .breadcrumb {
        padding: 5px 0 0 15px
    }

    .productOverview .boxImages .leftBox {
        padding-right: 0
    }

    .productOverview .boxImages .rightBox {
        padding-left: 8px
    }

    .productOverview .boxImages .rightBox .featured {
        margin-top: 16px
    }

    .productOverview .boxImages .featured .overlay .txtOverlay {
        display: block
    }

    .productOverview .text3Col {
        column-count: 2
    }

    .productOverview .boxImages .featured .overlay .txtOverlay p {
        font-size: 1em
    }

    .productOverview .tb-linklist ul li {
        float: left;
        width: 48%;
        margin-right: 2%
    }

    .productOverview .tb-linklist ul li:nth-child(3n+0) {
        margin-right: 2%
    }

    .productOverview .tb-linklist ul li:nth-child(2n) {
        margin-right: 0
    }

    .popup .bulletlists_wrapper .list_wrapper {
        width: 48.5%
    }

    #turapp-background-home .hotspot img {
        width: 1.5rem
    }

    #turapp-background-home #nutzdaten .hotspot {
        top: 2rem;
        left: 3.3rem
    }

    #turapp-background-home #zusatzdaten .hotspot {
        top: 1.6rem;
        left: 6.5rem
    }

    #turapp-background-home #integration .hotspot {
        top: 1.8rem;
        left: 10.4rem
    }

    #turapp-background-home #cloud_anwendungen .hotspot {
        top: 1.8rem;
        left: 14.5rem
    }

    #turapp-background-home #vorgefertigte_anwendungen .hotspot {
        top: 4rem;
        left: 22.5rem
    }

    #turapp-background-home .info-box {
        width: 100px
    }

    #turapp-background-home .popup {
        transform: inherit;
        height: 190%;
        top: -90px
    }

    #turapp-background-map .popup {
        transform: translate(1%, 8%);
        width: 490px;
        min-height: 575px;
        height: 575px
    }

    #turapp-background-map .popup:before {
        width: 490px
    }

    #turapp-background-map .popup iframe {
        height: 440px;
        width: 490px
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .wrapper {
        width: 768px
    }

    .turckSite {
        margin-left: 15px
    }

    .header-container .search {
        position: absolute;
        top: 85px;
        right: 295px;
        margin-top: 0;
        float: none
    }

    .main.wrapper.noSub .subNav .subNavProdFinder {
        display: block
    }

    .noSub .breadcrumb {
        margin: 0;
        padding: 5px 0 5px 15px
    }

    h1 {
        font-size: 2.2em
    }

    .noSub h1 {
        margin: 0 -34px .571em;
        padding: .2em 34px
    }

    h1.location_finder_element {
        padding: 7px 15px;
        margin: 0
    }

    p.location_finder_element {
        width: 600px
    }

    .nav.wrapper {
        max-width: 768px;
        min-width: 568px
    }

    .nav #mainNavHome,
    .nav a {
        padding-top: 10px
    }

    .nav #mainNavHome img {
        display: none
    }

    .nav #mainNavHome .homeTxt {
        display: block
    }

    .nav .navLevel1 {
        display: none;
        background-color: #7f7f7f
    }

    .nav .navLevel0 span.menu {
        display: block;
        cursor: pointer;
        color: #7f7f7f;
        max-width: 190px;
        padding-left: 40px;
        background-image: url("/static/img/admin/sprite_icons.png");
        background-position: 0 -473px;
        margin-left: 15px;
        font-size: 2.571em;
        line-height: 45px
    }

    .nav .navLevel1 li:hover>.navArrow {
        display: none
    }

    .nav .navLevel1 li:hover>.navLevel2 {
        display: none
    }

    .nav .navLevel1 li:hover>.navProdLayer {
        display: none
    }

    .nav .navLevel1 {
        position: absolute;
        top: 119px;
        width: 768px
    }

    .nav ul li#mainNav3,
    .nav ul li#mainNav4,
    .nav ul li#mainNav5,
    .nav ul li#mainNav1,
    .nav ul li#mainNav2,
    .nav ul li#mainNavHome {
        width: 50%;
        border: 1px solid #fff;
        height: 75px
    }

    .nav ul li#mainNav2,
    .nav ul li#mainNav1 {
        clear: left
    }

    .nav ul li#mainNav3 {
        margin-top: -150px
    }

    .nav ul li#mainNav4 {
        margin-top: -75px
    }

    .nav ul li#mainNav3,
    .nav ul li#mainNav4,
    .nav ul li#mainNav5,
    .nav ul li#mainNav1,
    .nav ul li#mainNav2 {
        background-color: #7f7f7f
    }

    .main-container {
        padding-top: 0
    }

    .main.wrapper {
        padding: 0
    }

    .breadcrumb {
        padding: 5px 0 0 15px
    }

    .main.wrapper.noSub {
        padding: 0
    }

    .main .inner {
        width: 768px !important
    }

    .flyouts.wrapper {
        margin-top: 0
    }

    .footer-container {
        background-position: 75% center
    }

    .footer.wrapper ul {
        float: none
    }

    .footer.wrapper {
        text-align: left;
        padding: 20px 0
    }

    .footerNavWrapper,
    .footerCopyWrapper {
        width: 384px;
        float: none;
        padding: 0
    }

    .footerCopyWrapper {
        margin: 30px 10px
    }

    .subNavCurrent {
        display: block;
        width: 100%;
        font-size: 16px;
        text-transform: uppercase;
        font-weight: bold;
        background-color: #7f7f7f;
        color: #FFF;
        padding: 16px 10px;
        border-bottom: 4px solid #FFF
    }

    .subNav,
    .content {
        float: none;
        clear: both;
        width: 100%
    }

    .subNav .subNavProdFinder {
        margin: 0;
        padding-left: 0
    }

    .lupe a {
        text-transform: uppercase;
        color: #c90;
        font-size: 18px
    }

    .subNav .lupe {
        background: url("/static/img/admin/sprite_icons.png") no-repeat 0 -900px;
        height: 70px;
        padding-left: 100px;
        padding-top: 21px;
        margin: auto;
        width: 80%
    }

    .subNavProdFinder,
    .prodFinder {
        -webkit-box-shadow: inset 0 0 13px 13px #ddd;
        -moz-box-shadow: inset 0 0 13px 13px #ddd;
        box-shadow: inset 0 0 13px 13px #ddd
    }

    .lupe.search .searchfield {
        width: 100%
    }

    .lupe.search .searchSubmit {
        padding: 0;
        height: 26px;
        right: 1px;
        top: 23px
    }

    .galExp:hover .loupe {
        display: none
    }

    .cntPad iframe.googlemaps {
        height: 300px
    }

    .navBoxes {
        display: block;
        padding: 0;
        margin: 0
    }

    .navBoxes li {
        width: 192px;
        height: 173px;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        float: left
    }

    .navBoxes li a {
        display: block;
        height: 100%;
        padding-top: 60%;
        font-size: 1.143em;
        text-transform: uppercase;
        font-weight: bold;
        color: #4c4c4c
    }

    .threeBoxes li {
        width: 25%
    }

    .main.wrapper.noSub .content {
        width: 768px
    }

    .videoL {
        display: block;
        margin: 35px -10px 15px
    }

    .videoL .preloader {
        height: 540px
    }

    .videoL .bxSlider {
        height: 394px;
        margin: 0 0 40px;
        width: 721px
    }

    .videoL .bxPager {
        width: 671px
    }

    .videoL .fPlayer,
    .noSub .videoL .fPlayer {
        width: 701px;
        height: 394px
    }

    .prodDiv ul.overview li,
    ul.overview.article li {
        width: 25%
    }

    ul.prodoverview li {
        width: 191px;
        height: 225px
    }

    .prodDiv ul.overview li {
        height: 200px
    }

    .overview li img,
    ul.prodoverview li img {
        filter: none;
        width: 100%;
        height: auto
    }

    .overview li img {
        filter: none;
        -webkit-filter: grayscale(0%)
    }

    ul.overview li span {
        height: 40px;
        line-height: 17px;
        white-space: normal
    }

    .bgProd {
        background-repeat: no-repeat;
        background-size: 50% auto;
        background-position: right top
    }

    .content .prodDetail {
        text-align: left
    }

    .prodDetail .btnBasket,
    .prodDetail .btnDownload {
        display: block;
        margin: 5px 5px
    }

    .overviewTeaser {
        width: 768px;
        height: 118px;
        margin-bottom: 0
    }

    .overviewTeaser .overviewText {
        width: 368px
    }

    .overviewTeaser .intr {
        width: 400px
    }

    .articleImg {
        margin: 0 -34px
    }

    .articleCnt {
        padding: 0 34px
    }

    .img680 {
        display: block;
        width: 100%
    }

    .img480 {
        display: none
    }

    .threecol {
        width: 100%
    }

    .imgText {
        margin: 10px 0
    }

    .imgText img.img76 {
        margin: 0 0 10px 10px
    }

    .imgText .contText {
        width: 81%
    }

    .imgText.withImgPT .contText {
        width: 83%;
        float: left
    }

    .articleCnt hr,
    hr.imgTextHr {
        margin: 0
    }

    .prImgText {
        margin: 10px 0
    }

    .leftCol img.prImg {
        max-width: 275px
    }

    .imgText.withImgLS img.prImg {
        max-width: 305px;
        margin: 0 0 10px 10px
    }

    .noMarginRight .tooltip:after {
        left: -570px;
        box-shadow: -2px 2px 2px 0 #fc0
    }

    .noMarginRight .tooltip:before {
        transform: rotate(-45deg);
        left: -348px
    }

    .wl.tooltip:after {
        width: 174px
    }

    .tooltip:after {
        width: 385px
    }

    .galExp {
        width: 612px
    }

    .main-container .productHeadline {
        margin: 10px auto;
        width: 768px !important;
        padding: 10px 50% 0 10px
    }

    .prodDiv {
        text-align: left
    }

    .naviout {
        float: left
    }

    .mainsm3 {
        clear: left
    }

    .mainsm4 {
        clear: none
    }

    .errorPageSection1 {
        width: 100%
    }

    .errorPageSection2 {
        width: 34%;
        position: relative;
        top: 25px;
        float: right
    }

    .errorPageSection2 p:first-child {
        margin: 0
    }

    .errorPageSection3 {
        width: 60%
    }

    .errorPageSection3 ul li {
        width: 50%
    }

    .verticalScoller {
        display: none
    }

    .clear768 {
        clear: both
    }

    .innerShadow {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }

    .videoL.videoLnojs .bxPager li {
        margin: 0 10px 10px 0 !important;
        float: left;
        list-style-type: none
    }

    .videoL .bxPager li {
        margin: 0 10px 10px 0 !important
    }

    .videoL.videoLnojs .bxSlider {
        height: 414px
    }

    .videoL .bxSlider .bx-viewport {
        height: 414px !important
    }

    .videoL.videoLnojs .bxPager li:nth-child(6n+0) {
        margin: 0 10px 10px 0 !important
    }

    .videoL.videoLnojs .bxPager li:nth-child(5n+0) {
        margin: 0 0 10px 0 !important
    }

    .compare-flyout-inner {
        width: 100%
    }

    .compare-flyout-inner-left {
        width: 20%;
        padding-left: 1%
    }

    .compare-flyout-inner-center {
        width: 70%
    }

    a.compareBtn {
        font-size: 14px;
        padding: 8px
    }

    .compare-flyout-item img.compare-flyout-image {
        height: auto;
        max-height: 138px
    }

    .compare-flyout-inner-right .compareBtn {
        position: static;
        margin-right: 20px;
        margin-bottom: 20px
    }

    .quickinfo {
        background-position: 100px -82px;
        text-align: right
    }

    .pwresult.open .quickinfo {
        background-position: 100px -347px
    }

    body.zh-CN .nav .navLevel0 span.menu {
        font-size: 2em
    }

    .cntPad iframe.googlemaps {
        height: 300px
    }

    .productOverview .boxImages .leftBox {
        padding-right: 0
    }

    .productOverview .boxImages .rightBox {
        padding-left: 8px
    }

    .productOverview .boxImages .rightBox .featured {
        margin-top: 17px
    }

    .productOverview .cntPad form.contactform input[type=submit] {
        width: 100% !important
    }

    .productOverview .cntPad .addressBox {
        width: 350px
    }

    .productOverview .boxGallery {
        width: 620px;
        margin: 0 auto
    }

    .productOverview .boxGallery .galleryItem {
        padding-right: 15px;
        padding-top: 0;
        padding-bottom: 20px
    }

    .productOverview .boxGallery .galleryItem:nth-child(3n) {
        padding-right: 0
    }

    .productOverview .boxGallery .galleryItem:nth-child(n+3) {
        padding-top: 0
    }

    .productOverview .boxGallery .galleryItem:nth-child(-n+3) {
        padding-top: 0
    }

    .productOverview .boxGallery .galleryItem:nth-child(3n+1) {
        padding-left: 0
    }

    .productOverview .boxImages .featured .overlay .txtOverlay p {
        font-size: 1.5em
    }

    .productOverview .bxslider .bx-captions {
        margin-top: 1em;
        padding-right: 50px
    }

    .productOverview .boxAIO .leftBox {
        padding-right: 10px
    }

    .productOverview .boxAIO .rightBox {
        padding-left: 10px
    }

    .productOverview .boxAIO .rightBox .rightContent,
    .productOverview .boxAIO .leftBox .rightContent {
        width: 68%;
        padding-left: 10px
    }

    .productOverview .boxAIO .rightBox .leftContent,
    .productOverview .boxAIO .leftBox .leftContent {
        width: 32%;
        padding-right: 10px
    }

    .productOverview .aioCnt .leftCol img {
        max-width: 328px
    }

    #turapp-background-home .popup {
        top: -90px;
        transform: inherit
    }

    #turapp-background-home #nutzdaten .hotspot {
        top: 2rem;
        left: 4.5rem
    }

    #turapp-background-home #zusatzdaten .hotspot {
        top: 1.4rem;
        left: 8.5rem
    }

    #turapp-background-home #integration .hotspot {
        top: 1.9rem;
        left: 14rem
    }

    #turapp-background-home #cloud_anwendungen .hotspot {
        top: 1.9rem;
        left: 20rem
    }

    #turapp-background-home #vorgefertigte_anwendungen .hotspot {
        top: 5rem;
        left: 31.5rem
    }

    #turapp-background-home .info-box {
        width: 90px
    }

    #turapp-background-map #map #usa {
        top: 40px;
        left: 130px
    }

    #turapp-background-map #map #deutschland {
        top: 10px;
        left: 342px
    }

    #turapp-background-map #map #china {
        top: 52px;
        left: 534px
    }

    #turapp-background-map #map #indien {
        top: 125px;
        left: 344px
    }

    #turapp-background-map #map #singapur {
        top: 120px;
        left: 556px
    }

    #turapp-background-map #map #brasilien {
        top: 192px;
        left: 68px
    }

    #turapp-background-map #map #sued_afrika {
        top: 230px;
        left: 227px
    }

    #turapp-background-map #map #australien {
        top: 222px;
        left: 472px
    }

    #turapp-background-map .popup {
        transform: translate(-0%, -80%)
    }

    #turapp-background-map .popup iframe {
        height: 690px
    }

    .cntPad form.contactform input[type=submit] {
        width: 100% !important
    }
}

@media only screen and (min-width:768px) {
    .cntPad.internal ul.tabHeadlines>li {
        width: 20%
    }
}

@media only screen and (min-width:1024px) and (max-width:1199px) {
    div .nav.up .nav.wrapper li>a:active {
        color: #fc0
    }

    div .nav.up .nav.wrapper li>a {
        color: #7f7f7f
    }

    div .nav.up .nav.wrapper li:hover>a,
    div .nav.up .nav.wrapper li.active>a {
        color: #fc0
    }

    div .nav.up .nav.wrapper .navLevel2 li:hover>a,
    div .nav.up .nav.wrapper .navBoxes.overview3 li:hover a,
    div .nav.up .nav.wrapper .navLevel2 li.active a {
        color: #000
    }

    .wrapper .flyouts.wrapper {
        width: 930px
    }

    .topSearch,
    .bannerJV .topSearch,
    .multiprox .topSearch,
    .inlineSearch {
        width: 90px
    }

    .productOverview .bxslider .bx-captions {
        margin-top: 0;
        padding-right: 50px
    }

    .productOverview .tb-linklist ul li {
        float: left;
        width: 31%;
        margin-left: 0;
        margin-right: 2%
    }

    .productOverview .boxGallery {
        width: 850px;
        margin: 0 auto
    }

    .productOverview .tb-linklist ul li:nth-child(2n) {
        margin-right: 2%
    }

    .productOverview .boxGallery .galleryItem {
        padding-right: 15px;
        padding-bottom: 18px
    }

    .productOverview .boxGallery {
        width: 614px;
        margin: 0 auto
    }

    .productOverview .boxGallery .galleryItem {
        padding-right: 12px;
        padding-left: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 12px !important
    }

    .productOverview .boxGallery .galleryItem:nth-child(3n) {
        padding-right: 0 !important
    }

    .productOverview .tbModule h2 {
        font-size: 26px
    }
}

@media only screen and (min-width:1200px) {
    .turckPhone {
        float: left
    }

    .main.wrapper.noSub .subNav {
        display: none
    }

    .main.wrapper.noSub .content {
        width: 930px
    }

    .main .inner {
        width: 930px
    }

    .content {
        float: right;
        width: 680px;
        height: 100%
    }

    div .nav.up .nav.wrapper li>a {
        color: #7f7f7f
    }

    #lang-flyout,
    #basket-flyout {
        width: auto;
        position: absolute;
        border-right: 0;
        border-radius: 0 3px 3px 0;
        box-shadow: 5px 5px 5px -5px #646464;
        z-index: 1
    }

    #lang-flyout {
        height: 180px;
        left: 0;
        top: 25px
    }

    #basket-flyout {
        height: 210px;
        left: 0;
        top: 230px
    }

    .flyouts .flyoutInner {
        min-width: 60px;
        position: relative
    }

    .flyouts .flyoutInnerHidden {
        width: auto
    }

    .flyoutInnerHidden ul {
        margin-left: 10px
    }

    #basket-flyout .flyoutInnerHidden {
        padding-top: 20px
    }

    #lang-flyout .flyoutInnerHidden {
        padding-top: 25px
    }

    .flyouts .flyoutInnerHidden {
        padding-right: 55px;
        text-align: left
    }

    #lang-flyout .label {
        width: 180px
    }

    #basket-flyout .label {
        width: 200px
    }

    .flyouts .label {
        position: absolute;
        left: 100%;
        bottom: -10px;
        height: 60px;
        line-height: 60px
    }

    #lang-flyout .label {
        background-position: -76px -153px
    }

    #basket-flyout .label {
        background-position: -63px -153px
    }

    #lang-flyout .flyoutInner.open .label {
        background-position: -76px -214px
    }

    #basket-flyout .flyoutInner.open .label {
        background-position: -63px -214px
    }

    .country_intern {
        margin: 15px 0
    }

    .country_world,
    .country_intern {
        float: none
    }

    .footerNavWrapper,
    .footerCopyWrapper {
        width: 490px
    }

    .img680 {
        display: block;
        width: 100%
    }

    .img480 {
        display: none
    }

    .content article section .galExp {
        width: 612px
    }

    .bgProd {
        background-repeat: no-repeat;
        background-size: 40% auto;
        background-position: right top
    }

    .filter-head {
        display: block;
        cursor: pointer;
        background: #fc0 url("/static/img/admin/pw-sprite.png") right -38px no-repeat
    }

    .filter-head,
    .filter-reload {
        height: 29px;
        padding: 4px;
        color: #000
    }

    .srCnt h2.filter-head {
        padding: 8px 0 6px 16px;
        height: 30px
    }

    .prodDetail .btnBasket,
    .prodDetail .btnDownload {
        padding: 5px 20px;
        line-height: 18px;
        font-size: 13px
    }

    .choosen {
        min-height: 20px
    }

    .choosen strong {
        padding-right: 20px
    }

    .choosen .minus {
        width: 20px
    }

    .taskline div,
    .btn.compare,
    a.pw-detlink {
        font-size: 1em
    }

    .pw-head .jplist-content .paging span,
    .pw-head .jplist-content-nojs .paging span {
        padding: 4px 6px
    }

    .main-container .productHeadline {
        margin: 0 auto;
        width: 980px;
        padding: 0 490px 50px 0
    }

    .content article section .fourcol {
        margin: 0 -34px
    }

    .rotate1200 {
        -webkit-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        transform: rotate(270deg);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom
    }

    ul.nav_glossary li a {
        padding: 5px 10px
    }

    ul.nav_glossary li a.active {
        padding: 4px 9px
    }

    .subNav .lvl3 li {
        font-size: 12px;
        padding-bottom: 2px
    }

    .subNav .lvl2 li a {
        line-height: 16px
    }

    .subNav .lvl2 li {
        font-size: 14px
    }

    #mapimage {
        width: 100%;
        height: 100%
    }

    #mapImageWrapper {
        width: 930px;
        height: 420px
    }

    #lblnorthamerica {
        top: 80px;
        left: 125px
    }

    .lblsouthamerica {
        top: 240px;
        left: 240px
    }

    .lblafrica {
        top: 160px;
        left: 420px
    }

    .lblaustralia {
        top: 280px;
        left: 750px
    }

    .lbleurope {
        top: 45px;
        left: 430px
    }

    .lblasia {
        top: 100px;
        left: 650px
    }

    #location_finder_hidden_responsive {
        display: none
    }

    .tcHeaderMobile {
        display: none
    }

    body.zh-CN .nav ul li#mainNav3,
    body.zh-CN .nav ul li#mainNav4,
    body.zh-CN .nav ul li#mainNav5,
    body.zh-CN .nav ul li#mainNav1,
    body.zh-CN .nav ul li#mainNav {
        min-width: 130px
    }

    .productOverview .bxslider .bx-captions {
        margin-top: 0;
        padding-right: 50px
    }

    .productOverview .tb-linklist ul li {
        float: left;
        width: 31%;
        margin-left: 0;
        margin-right: 2%
    }

    .productOverview .boxGallery {
        width: 850px;
        margin: 0 auto
    }

    .productOverview .tb-linklist ul li:nth-child(2n) {
        margin-right: 2%
    }

    .productOverview .boxGallery .galleryItem {
        padding-right: 15px;
        padding-bottom: 18px
    }

    .productOverview .boxGallery {
        width: 614px;
        margin: 0 auto
    }

    .productOverview .boxGallery .galleryItem {
        padding-right: 12px;
        padding-left: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 12px !important
    }

    .productOverview .boxGallery .galleryItem:nth-child(3n) {
        padding-right: 0 !important
    }

    .productOverview .tbModule h2 {
        font-size: 26px
    }
}

.flowplayer {
    position: relative;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block
}

.flowplayer * {
    font-weight: inherit;
    font-family: inherit;
    font-style: inherit;
    text-decoration: inherit;
    font-size: 100%;
    padding: 0;
    border: 0;
    margin: 0;
    list-style-type: none
}

.flowplayer .fp-context-menu ul {
    list-style-type: none
}

.flowplayer a:focus {
    outline: 0
}

.flowplayer video {
    width: 100%
}

.flowplayer.is-ipad video {
    -webkit-transform: translateX(-2048px)
}

.is-ready.flowplayer.is-ipad video {
    -webkit-transform: translateX(0)
}

.flowplayer .fp-engine,
.flowplayer .fp-ui,
.flowplayer .fp-message {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 1
}

.flowplayer .fp-message {
    display: none;
    text-align: center;
    padding-top: 5%;
    cursor: default
}

.flowplayer .fp-message h2 {
    font-size: 120%;
    margin-bottom: 1em
}

.flowplayer .fp-message p {
    color: #666;
    font-size: 95%
}

.flowplayer .fp-controls {
    position: absolute;
    bottom: 0;
    width: 100%
}

.no-background.flowplayer .fp-controls {
    background-color: transparent !important;
    background-image: -moz-linear-gradient(transparent, transparent) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(transparent)) !important
}

.is-fullscreen.flowplayer .fp-controls {
    bottom: 3px
}

.is-mouseover.flowplayer .fp-controls {
    bottom: 0
}

.flowplayer .fp-waiting {
    display: none;
    margin: 19% auto;
    text-align: center
}

.flowplayer .fp-waiting * {
    -webkit-box-shadow: 0 0 5px #333;
    -moz-box-shadow: 0 0 5px #333;
    box-shadow: 0 0 5px #333
}

.flowplayer .fp-waiting em {
    width: 1em;
    height: 1em;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
    background-color: rgba(255, 255, 255, 0.8);
    display: inline-block;
    -webkit-animation: pulse .6s infinite;
    -moz-animation: pulse .6s infinite;
    animation: pulse .6s infinite;
    margin: .3em;
    opacity: 0;
    filter: alpha(opacity=0)
}

.flowplayer .fp-waiting em:nth-child(1) {
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    animation-delay: .3s
}

.flowplayer .fp-waiting em:nth-child(2) {
    -webkit-animation-delay: .45s;
    -moz-animation-delay: .45s;
    animation-delay: .45s
}

.flowplayer .fp-waiting em:nth-child(3) {
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    animation-delay: .6s
}

.flowplayer .fp-waiting p {
    color: #ccc;
    font-weight: bold
}

.flowplayer .fp-speed {
    font-size: 30px;
    background-color: #333;
    background-color: rgba(51, 51, 51, 0.8);
    color: #eee;
    margin: 0 auto;
    text-align: center;
    width: 120px;
    padding: .1em 0 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    transition: opacity .5s;
    display: none
}

.flowplayer .fp-speed.fp-hilite {
    opacity: 1;
    filter: alpha(opacity=100)
}

.flowplayer .fp-help {
    position: absolute;
    top: 0;
    left: -9999em;
    z-index: 100;
    background-color: #333;
    background-color: rgba(51, 51, 51, 0.9);
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    transition: opacity .2s;
    text-align: center
}

.is-help.flowplayer .fp-help {
    left: 0;
    opacity: 1;
    filter: alpha(opacity=100)
}

.flowplayer .fp-help .fp-help-section {
    margin: 3%;
    direction: ltr
}

.flowplayer .fp-help .fp-help-basics {
    margin-top: 6%
}

.flowplayer .fp-help p {
    color: #eee;
    margin: .5em 0;
    font-size: 14px;
    line-height: 1.5;
    display: inline-block;
    margin: 1% 2%
}

.flowplayer .fp-help em {
    background: #eee;
    -webkit-border-radius: .3em;
    -moz-border-radius: .3em;
    border-radius: .3em;
    margin-right: .4em;
    padding: .3em .6em;
    color: #333
}

.flowplayer .fp-help small {
    font-size: 90%;
    color: #aaa
}

.flowplayer .fp-help .fp-close {
    display: block
}

@media(max-width:600px) {
    .flowplayer .fp-help p {
        font-size: 9px
    }
}

.flowplayer .fp-subtitle {
    position: absolute;
    bottom: 40px;
    left: -99999em;
    z-index: 10;
    text-align: center;
    width: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s
}

.flowplayer .fp-subtitle p {
    display: inline;
    background-color: #333;
    background-color: rgba(51, 51, 51, 0.9);
    color: #eee;
    padding: .1em .4em;
    font-size: 16px;
    line-height: 1.6
}

.flowplayer .fp-subtitle p:after {
    content: '';
    clear: both
}

.flowplayer .fp-subtitle.fp-active {
    left: 0;
    opacity: 1;
    filter: alpha(opacity=100)
}

.flowplayer .fp-fullscreen,
.flowplayer .fp-unload,
.flowplayer .fp-mute,
.flowplayer .fp-embed,
.flowplayer .fp-close,
.flowplayer .fp-play {
    background-image: url(/static/img/admin/white.png);
    background-size: 37px 300px
}

.is-rtl.flowplayer .fp-fullscreen,
.is-rtl.flowplayer .fp-unload,
.is-rtl.flowplayer .fp-mute,
.is-rtl.flowplayer .fp-embed,
.is-rtl.flowplayer .fp-close,
.is-rtl.flowplayer .fp-play {
    background-image: url(/static/img/admin/white_rtl.png)
}

.color-light.flowplayer .fp-fullscreen,
.color-light.flowplayer .fp-unload,
.color-light.flowplayer .fp-mute,
.color-light.flowplayer .fp-embed,
.color-light.flowplayer .fp-close,
.color-light.flowplayer .fp-play {
    background-image: url(/static/img/admin/black.png)
}

.is-rtl.color-light.flowplayer .fp-fullscreen,
.is-rtl.color-light.flowplayer .fp-unload,
.is-rtl.color-light.flowplayer .fp-mute,
.is-rtl.color-light.flowplayer .fp-embed,
.is-rtl.color-light.flowplayer .fp-close,
.is-rtl.color-light.flowplayer .fp-play {
    background-image: url(/static/img/admin/black_rtl.png)
}

@media(-webkit-min-device-pixel-ratio:2) {

    .color-light.flowplayer .fp-fullscreen,
    .color-light.flowplayer .fp-unload,
    .color-light.flowplayer .fp-mute,
    .color-light.flowplayer .fp-embed,
    .color-light.flowplayer .fp-close,
    .color-light.flowplayer .fp-play {
        background-image: url(/static/img/admin/black_x2.png)
    }

    .is-rtl.color-light.flowplayer .fp-fullscreen,
    .is-rtl.color-light.flowplayer .fp-unload,
    .is-rtl.color-light.flowplayer .fp-mute,
    .is-rtl.color-light.flowplayer .fp-embed,
    .is-rtl.color-light.flowplayer .fp-close,
    .is-rtl.color-light.flowplayer .fp-play {
        background-image: url(/static/img/admin/black_rtl_x2.png)
    }
}

@media(-webkit-min-device-pixel-ratio:2) {

    .flowplayer .fp-fullscreen,
    .flowplayer .fp-unload,
    .flowplayer .fp-mute,
    .flowplayer .fp-embed,
    .flowplayer .fp-close,
    .flowplayer .fp-play {
        background-image: url(/static/img/admin/white_x2.png)
    }

    .is-rtl.flowplayer .fp-fullscreen,
    .is-rtl.flowplayer .fp-unload,
    .is-rtl.flowplayer .fp-mute,
    .is-rtl.flowplayer .fp-embed,
    .is-rtl.flowplayer .fp-close,
    .is-rtl.flowplayer .fp-play {
        background-image: url(/static/img/admin/white_rtl_x2.png)
    }
}

.flowplayer .fp-flash-disabled {
    background: #333;
    width: 390px;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    color: #fff
}

.is-splash.flowplayer .fp-ui,
.is-paused.flowplayer .fp-ui {
    background: url(/static/img/admin/play_white.png) center no-repeat;
    background-size: 12%
}

.is-rtl.is-splash.flowplayer .fp-ui,
.is-rtl.is-paused.flowplayer .fp-ui {
    background: url(/static/img/admin/play_white_rtl.png) center no-repeat;
    background-size: 12%
}

@media(-webkit-min-device-pixel-ratio:2) {

    .is-splash.flowplayer .fp-ui,
    .is-paused.flowplayer .fp-ui {
        background: url(/static/img/admin/play_white_x2.png) center no-repeat;
        background-size: 12%
    }

    .is-rtl.is-splash.flowplayer .fp-ui,
    .is-rtl.is-paused.flowplayer .fp-ui {
        background: url(/static/img/admin/play_white_rtl_x2.png) center no-repeat;
        background-size: 12%
    }
}

.color-light.is-splash.flowplayer .fp-ui,
.color-light.is-paused.flowplayer .fp-ui {
    background-image: url(/static/img/admin/play_black.png)
}

.is-rtl.color-light.is-splash.flowplayer .fp-ui,
.is-rtl.color-light.is-paused.flowplayer .fp-ui {
    background-image: url(/static/img/admin/play_black_rtl.png)
}

@media(-webkit-min-device-pixel-ratio:2) {

    .color-light.is-splash.flowplayer .fp-ui,
    .color-light.is-paused.flowplayer .fp-ui {
        background-image: url(/static/img/admin/play_black_x2.png)
    }

    .is-rtl.color-light.is-splash.flowplayer .fp-ui,
    .is-rtl.color-light.is-paused.flowplayer .fp-ui {
        background-image: url(/static/img/admin/play_black_rtl_x2.png)
    }
}

.is-fullscreen.flowplayer .fp-ui {
    background-size: auto
}

.is-seeking.flowplayer .fp-ui,
.is-loading.flowplayer .fp-ui {
    background-image: none
}

.flowplayer .fp-logo {
    position: absolute;
    top: auto;
    left: 15px;
    bottom: 30px;
    cursor: pointer;
    display: none;
    z-index: 100
}

.flowplayer .fp-logo img {
    width: 100%
}

.is-embedded.flowplayer .fp-logo {
    display: block
}

.fixed-controls.flowplayer .fp-logo {
    bottom: 15px
}

.flowplayer .fp-fullscreen,
.flowplayer .fp-unload,
.flowplayer .fp-close {
    position: absolute;
    top: 5px;
    left: auto;
    right: 5px;
    display: block;
    width: 30px;
    height: 23px;
    background-position: 12px -197px;
    cursor: pointer
}

.is-rtl.flowplayer .fp-fullscreen,
.is-rtl.flowplayer .fp-unload,
.is-rtl.flowplayer .fp-close {
    right: auto;
    left: 5px;
    background-position: 18px -197px
}

.flowplayer .fp-unload,
.flowplayer .fp-close {
    background-position: 14px -175px;
    display: none
}

.is-rtl.flowplayer .fp-unload,
.is-rtl.flowplayer .fp-close {
    background-position: 14px -175px
}

.flowplayer .fp-play {
    display: none;
    width: 27px;
    height: 20px;
    background-position: 9px -24px;
    position: absolute;
    bottom: 0;
    left: 0
}

.is-rtl.flowplayer .fp-play {
    background-position: 18px -24px;
    left: auto;
    right: 0
}

.play-button.flowplayer .fp-play {
    display: block
}

.is-paused.flowplayer .fp-play {
    background-position: 9px 7px
}

.is-rtl.is-paused.flowplayer .fp-play {
    background-position: 18px 7px
}

.flowplayer.is-ready.is-closeable .fp-unload {
    display: block
}

.flowplayer.is-ready.is-closeable .fp-fullscreen {
    display: none
}

.flowplayer.is-fullscreen .fp-fullscreen {
    background-position: 10px -217px;
    display: block !important
}

.is-rtl.flowplayer.is-fullscreen .fp-fullscreen {
    background-position: 21px -217px
}

.flowplayer.is-fullscreen .fp-unload,
.flowplayer.is-fullscreen .fp-close {
    display: none !important
}

.flowplayer .fp-timeline {
    height: 3px;
    position: relative;
    overflow: hidden;
    top: 5px;
    height: 10px;
    margin: 0 150px 0 45px
}

.no-volume.flowplayer .fp-timeline {
    margin-right: 60px
}

.no-mute.flowplayer .fp-timeline {
    margin-right: 140px
}

.no-mute.no-volume.flowplayer .fp-timeline {
    margin-right: 45px
}

.play-button.flowplayer .fp-timeline {
    margin-left: 67px
}

.is-rtl.flowplayer .fp-timeline {
    margin: 0 45px 0 150px
}

.no-volume.is-rtl.flowplayer .fp-timeline {
    margin-left: 60px
}

.no-mute.is-rtl.flowplayer .fp-timeline {
    margin-left: 140px
}

.no-mute.no-volume.is-rtl.flowplayer .fp-timeline {
    margin-left: 45px
}

.play-button.is-rtl.flowplayer .fp-timeline {
    margin-right: 67px
}

.is-long.flowplayer .fp-timeline {
    margin: 0 180px 0 75px
}

.no-volume.is-long.flowplayer .fp-timeline {
    margin-right: 90px
}

.no-mute.is-long.flowplayer .fp-timeline {
    margin-right: 75px
}

.play-button.is-long.flowplayer .fp-timeline {
    margin-left: 97px
}

.is-rtl.is-long.flowplayer .fp-timeline {
    margin: 75px 0 180px 0
}

.no-volume.is-rtl.is-long.flowplayer .fp-timeline {
    margin-left: 90px
}

.no-mute.is-rtl.is-long.flowplayer .fp-timeline {
    margin-left: 75px
}

.play-button.is-rtl.is-long.flowplayer .fp-timeline {
    margin-left: 97px
}

.aside-time.flowplayer .fp-timeline,
.no-time.flowplayer .fp-timeline {
    margin: 0 110px 0 5px
}

.aside-time.no-volume.flowplayer .fp-timeline,
.no-time.no-volume.flowplayer .fp-timeline {
    margin-right: 20px
}

.aside-time.no-mute.flowplayer .fp-timeline,
.no-time.no-mute.flowplayer .fp-timeline {
    margin-right: 5px
}

.play-button.no-time.flowplayer .fp-timeline,
.play-button.aside-time.flowplayer .fp-timeline {
    margin-left: 27px
}

.is-rtl.aside-time.flowplayer .fp-timeline,
.is-rtl.no-time.flowplayer .fp-timeline {
    margin: 0 5px 0 110px
}

.is-rtl.aside-time.no-volume.flowplayer .fp-timeline,
.is-rtl.no-time.no-volume.flowplayer .fp-timeline {
    margin-left: 20px
}

.is-rtl.aside-time.no-mute.flowplayer .fp-timeline,
.is-rtl.no-time.no-mute.flowplayer .fp-timeline {
    margin-left: 5px
}

.is-rtl.play-button.no-time.flowplayer .fp-timeline,
.is-rtl.play-button.aside-time.flowplayer .fp-timeline {
    margin-right: 27px
}

.flowplayer .fp-buffer,
.flowplayer .fp-progress {
    position: absolute;
    top: 0;
    left: auto;
    height: 100%;
    cursor: col-resize
}

.flowplayer .fp-buffer {
    -webkit-transition: width .25s linear;
    -moz-transition: width .25s linear;
    transition: width .25s linear
}

.flowplayer.is-touch .fp-timeline {
    overflow: visible
}

.flowplayer.is-touch .fp-progress {
    -webkit-transition: width .2s linear;
    -moz-transition: width .2s linear;
    transition: width .2s linear
}

.flowplayer.is-touch .fp-timeline.is-dragging .fp-progress {
    -webkit-transition: right .1s linear, border .1s linear, top .1s linear, left .1s linear;
    -moz-transition: right .1s linear, border .1s linear, top .1s linear, left .1s linear;
    transition: right .1s linear, border .1s linear, top .1s linear, left .1s linear
}

.flowplayer.is-touch.is-mouseover .fp-progress:after,
.flowplayer.is-touch.is-mouseover .fp-progress:before {
    content: '';
    display: block;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position: absolute;
    right: -5px
}

.flowplayer.is-touch.is-rtl.is-mouseover .fp-progress:after,
.flowplayer.is-touch.is-rtl.is-mouseover .fp-progress:before {
    right: auto;
    left: -5px
}

.flowplayer.is-touch.is-rtl.is-mouseover .fp-progress:after {
    left: -10px;
    -webkit-box-shadow: -1px 0 4px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: -1px 0 4px rgba(0, 0, 0, 0.5);
    box-shadow: -1px 0 4px rgba(0, 0, 0, 0.5)
}

.flowplayer.is-touch.is-mouseover .fp-progress:before {
    width: 10px;
    height: 10px
}

.flowplayer.is-touch.is-mouseover .fp-progress:after {
    height: 10px;
    width: 10px;
    top: -5px;
    right: -10px;
    border: 5px solid rgba(255, 255, 255, 0.65);
    -webkit-box-shadow: 1px 0 4px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 1px 0 4px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 0 4px rgba(0, 0, 0, 0.5)
}

.flowplayer.is-touch.is-mouseover .fp-timeline.is-dragging .fp-progress:after {
    border: 10px solid #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-transition: inherit;
    -moz-transition: inherit;
    transition: inherit;
    top: -10px;
    right: -15px
}

.flowplayer.is-touch.is-rtl.is-mouseover .fp-timeline.is-dragging .fp-progress:after {
    left: -15px;
    right: auto;
    border: 10px solid #fff
}

.flowplayer .fp-volume {
    position: absolute;
    top: 7.5px;
    right: 5px
}

.is-rtl.flowplayer .fp-volume {
    right: auto;
    left: 5px
}

.flowplayer .fp-mute {
    position: relative;
    width: 10px;
    height: 15px;
    float: left;
    top: -5px;
    cursor: pointer;
    background-position: -2px -99px
}

.is-rtl.flowplayer .fp-mute {
    float: right;
    background-position: -25px -99px
}

.no-mute.flowplayer .fp-mute {
    display: none
}

.flowplayer .fp-volumeslider {
    width: 90px;
    height: 5px;
    cursor: col-resize;
    float: left
}

.is-rtl.flowplayer .fp-volumeslider {
    float: right
}

.no-volume.flowplayer .fp-volumeslider {
    display: none
}

.flowplayer .fp-volumelevel {
    height: 100%
}

.flowplayer .fp-time {
    text-shadow: 0 0 1px #000;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    width: 100%
}

.flowplayer .fp-time.is-inverted .fp-duration {
    display: none
}

.flowplayer .fp-time.is-inverted .fp-remaining {
    display: inline
}

.flowplayer .fp-time em {
    width: 35px;
    height: 10px;
    line-height: 10px;
    text-align: center;
    position: absolute;
    bottom: 5px
}

.no-time.flowplayer .fp-time {
    display: none
}

.is-long.flowplayer .fp-time em {
    width: 65px
}

.flowplayer .fp-elapsed {
    left: 5px
}

.play-button.flowplayer .fp-elapsed {
    left: 27px
}

.is-rtl.flowplayer .fp-elapsed {
    left: auto;
    right: 5px
}

.play-button.is-rtl.flowplayer .fp-elapsed {
    right: 27px
}

.flowplayer .fp-remaining,
.flowplayer .fp-duration {
    right: 110px;
    color: #eee
}

.no-volume.flowplayer .fp-remaining,
.no-volume.flowplayer .fp-duration {
    right: 20px
}

.no-mute.flowplayer .fp-remaining,
.no-mute.flowplayer .fp-duration {
    right: 100px
}

.no-mute.no-volume.flowplayer .fp-remaining,
.no-mute.no-volume.flowplayer .fp-duration {
    right: 5px
}

.is-rtl.flowplayer .fp-remaining,
.is-rtl.flowplayer .fp-duration {
    right: auto;
    left: 110px
}

.no-volume.is-rtl.flowplayer .fp-remaining,
.no-volume.is-rtl.flowplayer .fp-duration {
    left: 20px
}

.no-mute.is-rtl.flowplayer .fp-remaining,
.no-mute.is-rtl.flowplayer .fp-duration {
    left: 100px
}

.no-mute.no-volume.is-rtl.flowplayer .fp-remaining,
.no-mute.no-volume.is-rtl.flowplayer .fp-duration {
    left: 5px
}

.flowplayer .fp-remaining {
    display: none
}

.flowplayer.color-light .fp-time {
    color: #222;
    text-shadow: 0 0 1px #fff
}

.flowplayer.color-light .fp-remaining,
.flowplayer.color-light .fp-duration {
    color: #666
}

.flowplayer.aside-time .fp-time {
    position: absolute;
    top: 5px;
    left: 5px;
    bottom: auto !important;
    width: 85px
}

.flowplayer.aside-time .fp-time strong,
.flowplayer.aside-time .fp-time em {
    position: static
}

.flowplayer.aside-time .fp-time .fp-elapsed {
    margin-right: 5px
}

.is-rtl.flowplayer.aside-time .fp-time .fp-elapsed {
    margin-right: auto;
    margin-left: 5px
}

.flowplayer.is-long.aside-time .fp-time {
    width: 130px
}

.flowplayer.is-splash,
.flowplayer.is-poster {
    cursor: pointer
}

.flowplayer.is-splash .fp-controls,
.flowplayer.is-poster .fp-controls,
.flowplayer.is-splash .fp-fullscreen,
.flowplayer.is-poster .fp-fullscreen,
.flowplayer.is-splash .fp-unload,
.flowplayer.is-poster .fp-unload,
.flowplayer.is-splash .fp-time,
.flowplayer.is-poster .fp-time,
.flowplayer.is-splash .fp-embed,
.flowplayer.is-poster .fp-embed {
    display: none !important
}

.flowplayer.is-poster .fp-engine {
    top: -9999em
}

.flowplayer.is-loading .fp-waiting {
    display: block
}

.flowplayer.is-loading .fp-controls,
.flowplayer.is-loading .fp-time {
    display: none
}

.flowplayer.is-loading .fp-ui {
    background-position: -9999em
}

.flowplayer.is-loading video.fp-engine {
    position: absolute;
    top: -9999em
}

.flowplayer.is-seeking .fp-waiting {
    display: block
}

.flowplayer.is-fullscreen {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    border: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    z-index: 99999 !important;
    -webkit-box-shadow: 0 !important;
    -moz-box-shadow: 0 !important;
    box-shadow: 0 !important;
    background-image: none !important;
    background-color: #333
}

.is-rtl.flowplayer.is-fullscreen {
    left: auto !important;
    right: 0 !important
}

.flowplayer.is-error {
    border: 1px solid #909090;
    background: #fdfdfd !important
}

.flowplayer.is-error h2 {
    font-weight: bold;
    font-size: large;
    margin-top: 10%
}

.flowplayer.is-error .fp-message {
    display: block
}

.flowplayer.is-error object,
.flowplayer.is-error video,
.flowplayer.is-error .fp-controls,
.flowplayer.is-error .fp-time,
.flowplayer.is-error .fp-subtitle {
    display: none
}

.flowplayer.is-ready.is-muted .fp-mute {
    opacity: .5;
    filter: alpha(opacity=50)
}

.flowplayer.is-mouseout .fp-controls {
    height: 0;
    -webkit-transition: height .15s .3s;
    -moz-transition: height .15s .3s;
    transition: height .15s .3s
}

.flowplayer.is-mouseout .fp-timeline {
    margin: 0 !important
}

.flowplayer.is-mouseout .fp-timeline {
    -webkit-transition: height .15s .3s, top .15s .3s, margin .15s .3s;
    -moz-transition: height .15s .3s, top .15s .3s, margin .15s .3s;
    transition: height .15s .3s, top .15s .3s, margin .15s .3s;
    height: 0;
    top: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.flowplayer.is-mouseout .fp-fullscreen,
.flowplayer.is-mouseout .fp-unload,
.flowplayer.is-mouseout .fp-elapsed,
.flowplayer.is-mouseout .fp-remaining,
.flowplayer.is-mouseout .fp-duration,
.flowplayer.is-mouseout .fp-embed,
.flowplayer.is-mouseout .fp-volume,
.flowplayer.is-mouseout .fp-play {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity .15s .3s;
    -moz-transition: opacity .15s .3s;
    transition: opacity .15s .3s
}

.flowplayer.is-mouseover .fp-controls,
.flowplayer.fixed-controls .fp-controls {
    height: 20px
}

.flowplayer.is-mouseover .fp-fullscreen,
.flowplayer.fixed-controls .fp-fullscreen,
.flowplayer.is-mouseover .fp-unload,
.flowplayer.fixed-controls .fp-unload,
.flowplayer.is-mouseover .fp-elapsed,
.flowplayer.fixed-controls .fp-elapsed,
.flowplayer.is-mouseover .fp-remaining,
.flowplayer.fixed-controls .fp-remaining,
.flowplayer.is-mouseover .fp-duration,
.flowplayer.fixed-controls .fp-duration,
.flowplayer.is-mouseover .fp-embed,
.flowplayer.fixed-controls .fp-embed,
.flowplayer.is-mouseover .fp-logo,
.flowplayer.fixed-controls .fp-logo,
.flowplayer.is-mouseover .fp-volume,
.flowplayer.fixed-controls .fp-volume,
.flowplayer.is-mouseover .fp-play,
.flowplayer.fixed-controls .fp-play {
    opacity: 1;
    filter: alpha(opacity=100)
}

.flowplayer.fixed-controls .fp-volume {
    display: block
}

.flowplayer.fixed-controls .fp-controls {
    bottom: -20px
}

.is-fullscreen.flowplayer.fixed-controls .fp-controls {
    bottom: 0
}

.flowplayer.fixed-controls .fp-time em {
    bottom: -15px;
    opacity: 1;
    filter: alpha(opacity=100)
}

.is-fullscreen.flowplayer.fixed-controls .fp-time em {
    bottom: 5px
}

.flowplayer.is-disabled .fp-progress {
    background-color: #999
}

.flowplayer.is-flash-disabled {
    background-color: #333
}

.flowplayer.is-flash-disabled object.fp-engine {
    z-index: 100
}

.flowplayer.is-flash-disabled .fp-flash-disabled {
    display: block;
    z-index: 101
}

.is-rtl.flowplayer .fp-embed {
    background-position: 22px -237px;
    left: auto;
    right: 5px
}

.flowplayer .fp-embed-code {
    position: absolute;
    display: none;
    top: 10px;
    left: 40px;
    background-color: #333;
    padding: 3px 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 3px #ccc;
    -moz-box-shadow: 0 0 3px #ccc;
    box-shadow: 0 0 3px #ccc;
    font-size: 12px
}

.flowplayer .fp-embed-code:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: 2px;
    left: -10px;
    border: 5px solid transparent;
    border-right-color: #333
}

.is-rtl.flowplayer .fp-embed-code {
    left: auto;
    right: 40px
}

.is-rtl.flowplayer .fp-embed-code:before {
    left: auto;
    right: -10px;
    border-right-color: transparent;
    border-left-color: #333
}

.flowplayer .fp-embed-code textarea {
    width: 400px;
    height: 16px;
    font-family: monaco, "courier new", verdana;
    color: #777;
    white-space: nowrap;
    resize: none;
    overflow: hidden;
    border: 0;
    outline: 0;
    background-color: transparent;
    color: #ccc
}

.flowplayer .fp-embed-code label {
    display: block;
    color: #999
}

.flowplayer.is-embedding .fp-embed,
.flowplayer.is-embedding .fp-embed-code {
    display: block;
    opacity: 1;
    filter: alpha(opacity=100)
}

.flowplayer.aside-time .fp-embed {
    left: 85px
}

.is-rtl.flowplayer.aside-time .fp-embed {
    left: auto;
    right: 85px
}

.flowplayer.aside-time .fp-embed-code {
    left: 115px
}

.is-rtl.flowplayer.aside-time .fp-embed-code {
    left: auto;
    right: 115px
}

.flowplayer.aside-time.is-embedding .fp-time {
    opacity: 1;
    filter: alpha(opacity=100)
}

.flowplayer.is-long.aside-time .fp-embed {
    left: 130px
}

.is-rtl.flowplayer.is-long.aside-time .fp-embed {
    left: auto;
    right: 130px
}

.flowplayer.no-time .fp-embed {
    left: 5px !important
}

.is-rtl.flowplayer.no-time .fp-embed {
    left: auto;
    right: 5px !important
}

.flowplayer.is-live .fp-timeline,
.flowplayer.is-live .fp-duration,
.flowplayer.is-live .fp-remaining {
    display: none
}

.flowplayer .fp-context-menu {
    position: absolute;
    display: none;
    z-index: 1001;
    background-color: #fff;
    padding: 10px;
    border: 1px solid #aaa;
    -webkit-box-shadow: 0 0 4px #888;
    -moz-box-shadow: 0 0 4px #888;
    box-shadow: 0 0 4px #888;
    width: 170px
}

.flowplayer .fp-context-menu li {
    text-align: center;
    padding: 10px !important;
    color: #444;
    margin: 0 -10px 0 -10px !important;
    list-style-type: none !important
}

.flowplayer .fp-context-menu li a {
    color: #00a7c8;
    font-size: 110%;
    font-weight: bold
}

.flowplayer .fp-context-menu li:hover:not(.copyright) {
    background-color: #eee
}

.flowplayer .fp-context-menu li.copyright {
    margin: 0;
    padding-left: 110px;
    display: none;
    background-repeat: no-repeat;
    background-size: 100px 20px;
    background-position: 5px 5px;
    border-bottom: 1px solid #bbb
}

@media(-webkit-min-device-pixel-ratio:2) {
    .flowplayer .fp-context-menu li.copyright {
        background-image: url("")
    }
}

@-moz-keyframes pulse {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes pulse {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-o-keyframes pulse {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-ms-keyframes pulse {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes pulse {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.flowplayer .fp-controls {
    background-color: #333;
    background-color: rgba(51, 51, 51, 0.6)
}

.flowplayer.fixed-controls .fp-controls {
    background-color: #333
}

.flowplayer .fp-timeline {
    background-color: #666
}

.flowplayer .fp-buffer {
    background-color: #eee
}

.flowplayer .fp-progress {
    background-color: #00a7c8
}

.flowplayer .fp-volumeslider {
    background-color: #000
}

.flowplayer .fp-volumelevel {
    background-color: #fff
}

.flowplayer .fp-play {
    height: 24px
}

.flowplayer.is-touch.is-mouseover .fp-progress:before {
    background-color: #00a7c8
}

.flowplayer.color-light .fp-controls {
    background-color: rgba(255, 255, 255, 0.6)
}

.flowplayer.color-light.fixed-controls .fp-controls {
    background-color: #fff
}

.flowplayer.color-light .fp-volumeslider {
    background-color: #ddd
}

.flowplayer.color-light .fp-volumelevel {
    background-color: #222
}

.flowplayer.color-alt .fp-progress {
    background-color: #fff
}

.flowplayer.color-alt.is-touch.is-mouseover .fp-progress:before {
    background-color: #fff
}

.flowplayer.color-alt .fp-buffer {
    background-color: #999
}

.flowplayer.color-alt2 .fp-progress {
    background-color: #900
}

.flowplayer.color-alt2.is-touch.is-mouseover .fp-progress:before {
    background-color: #900
}

.small {
    font-size: 70%
}

label {
    display: inline-block
}

input[type=submit],
input[type=reset] {
    cursor: pointer;
    border: 0;
    background-color: rgba(255, 204, 0, 1);
    font-size: 1em;
    line-height: 1em;
    color: rgba(0, 0, 0, 1);
    padding: 5px 20px;
    text-transform: uppercase;
    text-shadow: 0 0 0 rgba(0, 0, 0, 1);
    display: inline-block;
    height: 34px
}

.blubb {
    display: inline-block;
    position: relative
}

.err,
.err2,
.err3 {
    position: absolute;
    top: 2px;
    right: -302px;
    min-width: 300px;
    height: 15px;
    border: 1px solid black;
    font-size: 80%
}

.err {
    background-color: gray
}

.err2 {
    background-color: yellow
}

.err3 {
    background-color: violet
}

.result {
    color: red
}

.fe-form .checkbox span.fe-label-area {
    width: 100%;
    display: block
}

.fe-form .checkbox span.fe-label-area label.caption {
    display: block
}

.jplist-content {
    display: none
}

.jplist-content-nojs {
    display: block;
    width: 100%
}

.content {
    padding-bottom: 24px
}

.jplist-hidden {
    display: none
}

.jplist-no-results p {
    font-weight: bold;
    background-color: #fc0;
    display: inline;
    padding: 5px
}

.jplist-content .date-picker-range {
    margin-top: 0;
    float: left
}

.jplist-content .date-picker-range .search-title {
    margin-top: 0
}

.jplist-content .date-picker-range .gap {
    float: left;
    display: block;
    margin-right: 5px
}

.jplist-content .date-picker {
    border-top: 1px solid #4c4c4c;
    border-right: 1px solid #CCC;
    border-left: 1px solid #4c4c4c;
    border-bottom: 1px solid #CCC;
    margin: 5px 0 auto 0;
    width: 100px;
    height: 30px;
    padding: 5px;
    background: url("http://cdn.xuansiwei.com/zuich1039/1586784419058/sprite_filter.png?x-oss-process=style/small") 76px -64px no-repeat #e5e5e5
}

.jplist-content .date-picker-range-label div {
    width: 100px;
    height: 18px;
    float: left
}

.products .powerresults .jplist-content-nojs:nth-last-of-type(even) {
    margin-bottom: 130px
}

@media only screen and (max-width:479px) {
    .jplist-content .date-picker {
        float: left
    }

    .jplist-content .date-picker {
        margin: 5px 5px auto 0
    }
}

.jplist-content .paging span,
.jplist-content-nojs .paging span {
    cursor: pointer;
    margin: 0 0 0 2px;
    border: 1px solid #CCC;
    background: #e5e5e5;
    padding: 2px 6px
}

.jplist-content .paging .current,
.jplist-content-nojs .paging .current,
.jplist-content .paging .active,
.jplist-content-nojs .paging .active {
    background-color: #fc0
}

.jplist-content .filter,
.jplist-content .pagingprev,
.jplist-content .pagingmid,
.jplist-content .pagingnext,
.jplist-content-nojs .filter,
.jplist-content-nojs .pagingprev,
.jplist-content-nojs .pagingmid,
.jplist-content-nojs .pagingnext {
    float: left;
    border: 0;
    background: transparent
}

.jplist-content .pagingnext span,
.jplist-content .pagingprev span,
.jplist-content-nojs .pagingnext span,
.jplist-content-nojs .pagingprev span {
    background: transparent;
    border: 0;
    width: 15px;
    height: 20px;
    display: inline-block;
    background: url("http://cdn.xuansiwei.com/zuich1039/1586784419058/sprite_filter.png?x-oss-process=style/small") no-repeat
}

.jplist-content .pagingnext span.next,
.jplist-content-nojs .pagingnext span.next {
    background-position: 7px -113px
}

.jplist-content .pagingnext span.last,
.jplist-content-nojs .pagingnext span.last {
    background-position: 7px -133px
}

.jplist-content .pagingprev span.prev,
.jplist-content-nojs .pagingprev span.prev {
    background-position: 4px -153px
}

.jplist-content .pagingprev span.first,
.jplist-content-nojs .pagingprev span.first {
    background-position: 2px -173px
}

.jplist-content .paging,
.jplist-content .paging-results,
.jplist-content-nojs .paging,
.jplist-content-nojs .paging-results {
    margin: 5px 0 5px 5px;
    height: 30px;
    padding: 5px 0 5px
}

.jplist-content select {
    border-top: 1px solid #4c4c4c;
    border-right: 1px solid #CCC;
    border-left: 1px solid #4c4c4c;
    border-bottom: 1px solid #CCC;
    padding: 5px 10px;
    background: #e5e5e5
}

.prImgTextItem p.date,
.prImgText p.date {
    border: 0
}

.jplist-content .filterHr {
    border: 1px dotted #999;
    height: 1px;
    margin: 5px 0;
    border-width: 1px 0 0;
    clear: both;
    float: none
}

.jplist-content .drop-down,
.jplist-content-nojs .drop-down {
    width: 130px;
    height: 30px;
    border-top: 1px solid #4c4c4c;
    border-right: 1px solid #CCC;
    border-left: 1px solid #4c4c4c;
    border-bottom: 1px solid #CCC;
    margin: 23px 5px 5px 0
}

.jplist-content .pager-navigation .drop-down,
.jplist-content-nojs .pager-navigation .drop-down {
    margin-top: 7px;
    width: 110px;
    height: 22px
}

.jplist-content .drop-down .panel,
.jplist-content-nojs .drop-down .panel {
    width: 128px;
    height: 28px;
    overflow: hidden;
    background: url("http://cdn.xuansiwei.com/zuich1039/1586784419058/sprite_filter.png?x-oss-process=style/small") 116px -88px no-repeat #e5e5e5;
    cursor: pointer;
    margin: 0;
    padding: 6px
}

.jplist-content .drop-down.w90,
.jplist-content-nojs .drop-down.w90 {
    width: 90px
}

.jplist-content .drop-down.w90 .panel,
.jplist-content-nojs .drop-down.w90 .panel {
    width: 88px;
    background-position: 76px -88px
}

.jplist-content .pager-navigation .drop-down .panel,
.jplist-content-nojs .pager-navigation .drop-down .panel {
    width: 108px;
    height: 20px;
    padding: 2px 6px;
    background: url("http://cdn.xuansiwei.com/zuich1039/1586784419058/sprite_filter.png?x-oss-process=style/small") 95px -92px no-repeat #e5e5e5
}

.jplist-content .drop-down ul,
.jplist-content-nojs .drop-down ul {
    position: relative;
    top: 0;
    left: -1px;
    z-index: 1000;
    width: 130px;
    display: none;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #ccc;
    list-style: none;
    border-radius: 0 0 3px 3px;
    margin: 0;
    padding: 0
}

.jplist-content .pager-navigation .drop-down ul,
.jplist-content-nojs .pager-navigation .drop-down ul {
    width: 110px
}

.jplist-content .drop-down ul li,
.jplist-content-nojs .drop-down ul li {
    cursor: pointer;
    width: 130px;
    float: left;
    background-color: #fff;
    padding: 5px 0 3px 5px;
    list-style: none;
    margin-left: 0
}

.jplist-content .drop-down ul li:hover,
.jplist-content-nojs .drop-down ul li:hover {
    background-color: #ececec
}

.jplist-content-nojs .pager-navigation .drop-down:hover ul {
    display: block
}

.jplist-content .filter input {
    display: block;
    float: left;
    padding: 0 5px;
    width: 170px;
    height: 30px;
    border-top: 1px solid #4c4c4c;
    border-right: 1px solid #CCC;
    border-left: 1px solid #4c4c4c;
    border-bottom: 1px solid #CCC;
    margin: 5px 5px 5px 0;
    background-color: #e5e5e5;
    clear: left
}

.jplist-content .filter input.w100 {
    width: 100px
}

.jplist-content .search-title {
    margin: 23px 5px 5px 0;
    display: block;
    float: left;
    height: 30px;
    padding-top: 5px
}

.jplist-content .search-title.top {
    width: 100px;
    height: 18px;
    float: left;
    margin-top: -5px
}

.jplist-content .reset-box {
    margin: 0;
    width: 32px
}

.jplist-content .reset-btn {
    display: none;
    margin-top: 23px;
    margin-bottom: 0;
    padding: 10px;
    height: 30px;
    width: 30px;
    cursor: pointer;
    background: url("http://cdn.xuansiwei.com/zuich1039/1586784419058/sprite_filter.png?x-oss-process=style/small") 5px 4px no-repeat;
    border: 0;
    text-indent: -999px
}

.jplist-content .pager-navigation,
.jplist-content-nojs .pager-navigation {
    margin-top: 10px
}

/*! jQuery UI - v1.10.3 - 2013-05-03
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
* Copyright 2013 jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-clearfix {
    min-height: 0
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default !important
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin-top: 2px;
    padding: .5em .5em .5em .7em;
    min-height: 0
}

.ui-accordion .ui-accordion-icons {
    padding-left: 2.2em
}

.ui-accordion .ui-accordion-noicons {
    padding-left: .7em
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding-left: 2.2em
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default
}

.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
    text-decoration: none
}

.ui-button-icon-only {
    width: 2.2em
}

button.ui-button-icon-only {
    width: 2.4em
}

.ui-button-icons-only {
    width: 3.4em
}

button.ui-button-icons-only {
    width: 3.7em
}

.ui-button .ui-button-text {
    display: block;
    line-height: normal
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em
}

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em
}

input.ui-button {
    padding: .4em 1em
}

.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px
}

.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
    left: .5em
}

.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
    right: .5em
}

.ui-buttonset {
    margin-right: 7px
}

.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -.3em
}

input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month-year {
    width: 100%
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 49%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 21px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: 0;
    overflow: auto
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer
}

.ui-dialog .ui-resizable-se {
    width: 12px;
    height: 12px;
    right: -5px;
    bottom: -5px;
    background-position: 16px 16px
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move
}

.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    outline: 0
}

.ui-menu .ui-menu {
    margin-top: -3px;
    position: absolute
}

.ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    width: 100%;
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
}

.ui-menu .ui-menu-divider {
    margin: 5px -2px 5px -2px;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0
}

.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: 2px .4em;
    line-height: 1.5;
    min-height: 0;
    font-weight: normal
}

.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px
}

.ui-menu .ui-state-disabled {
    font-weight: normal;
    margin: .4em 0 .2em;
    line-height: 1.5
}

.ui-menu .ui-state-disabled a {
    cursor: default
}

.ui-menu-icons {
    position: relative
}

.ui-menu-icons .ui-menu-item a {
    position: relative;
    padding-left: 2em
}

.ui-menu .ui-icon {
    position: absolute;
    top: .2em;
    left: .2em
}

.ui-menu .ui-menu-icon {
    position: static;
    float: right
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%
}

.ui-progressbar .ui-progressbar-overlay {
    background: url("");
    height: 100%;
    filter: alpha(opacity=25);
    opacity: .25
}

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none
}

.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    display: block
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle
}

.ui-spinner-input {
    border: 0;
    background: 0;
    color: inherit;
    padding: 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 22px
}

.ui-spinner-button {
    width: 16px;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0
}

.ui-spinner a.ui-spinner-button {
    border-top: 0;
    border-bottom: 0;
    border-right: 0
}

.ui-spinner .ui-icon {
    position: absolute;
    margin-top: -8px;
    top: 50%;
    left: 0
}

.ui-spinner-up {
    top: 0
}

.ui-spinner-down {
    bottom: 0
}

.ui-spinner .ui-icon-triangle-1-s {
    background-position: -65px -16px
}

.ui-tabs {
    position: relative;
    padding: .2em
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap
}

.ui-tabs .ui-tabs-nav li a {
    float: left;
    padding: .5em 1em;
    text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
    cursor: text
}

.ui-tabs .ui-tabs-nav li a,
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
    cursor: pointer
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: 0
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa
}

body .ui-tooltip {
    border-width: 2px
}

.ui-widget {
    font-family: Verdana, Arial, sans-serif;
    font-size: 1.1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Verdana, Arial, sans-serif;
    font-size: 1em
}

.ui-widget-content {
    border: 1px solid #aaa;
    background: #fff url('') 50% 50% repeat-x;
    color: #222
}

.ui-widget-content a {
    color: #222
}

.ui-widget-header {
    border: 1px solid #aaa;
    background: #ccc url('') 50% 50% repeat-x;
    color: #222;
    font-weight: bold
}

.ui-widget-header a {
    color: #222
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    background: #e6e6e6 url('') 50% 50% repeat-x;
    font-weight: normal;
    color: #555
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #555;
    text-decoration: none
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 1px solid #999;
    background: #dadada url('') 50% 50% repeat-x;
    font-weight: normal;
    color: #212121
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
    color: #212121;
    text-decoration: none
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #aaa;
    background: #fff url('') 50% 50% repeat-x;
    font-weight: normal;
    color: #212121
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #212121;
    text-decoration: none
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #fcefa1;
    background: #fbf9ee url('') 50% 50% repeat-x;
    color: #363636
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #363636
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #fef1ec url('') 50% 50% repeat-x;
    color: #cd0a0a
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #cd0a0a
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #cd0a0a
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url('')
}

.ui-widget-header .ui-icon {
    background-image: url('')
}

.ui-state-default .ui-icon {
    background-image: url('')
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url('')
}

.ui-state-active .ui-icon {
    background-image: url('')
}

.ui-state-highlight .ui-icon {
    background-image: url('')
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url('')
}

.ui-icon-blank {
    background-position: 16px 16px
}

.ui-icon-carat-1-n {
    background-position: 0 0
}

.ui-icon-carat-1-ne {
    background-position: -16px 0
}

.ui-icon-carat-1-e {
    background-position: -32px 0
}

.ui-icon-carat-1-se {
    background-position: -48px 0
}

.ui-icon-carat-1-s {
    background-position: -64px 0
}

.ui-icon-carat-1-sw {
    background-position: -80px 0
}

.ui-icon-carat-1-w {
    background-position: -96px 0
}

.ui-icon-carat-1-nw {
    background-position: -112px 0
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-seek-first {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 4px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 4px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 4px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 4px
}

.ui-widget-overlay {
    background: #aaa url('') 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #aaa url('') 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30);
    border-radius: 8px
}

.ui-helper-hidden {
    height: 1px;
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-clearfix {
    min-height: 0
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default !important
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
    border-radius: 0
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
    border-radius: 0
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 0;
    width: 34px;
    height: 31px
}

.ui-datepicker .ui-datepicker-prev {
    left: 0
}

.ui-datepicker .ui-datepicker-next {
    right: 0
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 0
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 0
}

.ui-datepicker .ui-datepicker-prev span {
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -6px;
    top: 50%;
    margin-top: -6px
}

.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -20px;
    top: 50%;
    margin-top: -9px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month-year {
    width: 100%
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 49%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-datepicker table tbody tr:nth-child(2n),
.ui-datepicker table tbody tr:nth-child(2n+1) {
    background-color: #e5e5e5
}

.ui-widget {
    font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
    font-size: 1.1em;
    text-transform: uppercase
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
    font-size: 1em
}

.ui-widget-content {
    border: 1px solid #ddd;
    background: #e5e5e5;
    color: #333
}

.ui-widget-content a {
    color: #333
}

.ui-widget-header {
    border: 1px solid #7c7c7c;
    background: #7c7c7c;
    color: #fff
}

.ui-widget-header a {
    color: #fff
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #ccc;
    background: #f6f6f6;
    font-weight: bold;
    color: #4c4c4c
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #4c4c4c;
    text-decoration: none
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    background: #fed94e;
    font-weight: bold;
    color: #c77405
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
    color: #c77405;
    text-decoration: none
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    background: #fff;
    font-weight: bold;
    color: #eb8f00
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #eb8f00;
    text-decoration: none
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    background: #fc0;
    color: #363636
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #363636
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    background: #b81900;
    color: #fff
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #fff
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #fff
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-icon,
.ui-widget-content .ui-icon {
    background: url("/static/img/admin/sprite_icons.png") no-repeat scroll right -296px rgba(0, 0, 0, 0);
    line-height: 22px;
    margin-right: 10px;
    padding: 0 15px 0 10px
}

.ui-widget-header .ui-icon {
    background: url("/static/img/admin/sprite_icons.png") no-repeat scroll right -296px rgba(0, 0, 0, 0);
    line-height: 22px;
    margin-right: 10px;
    padding: 0 15px 0 10px
}

.ui-state-default .ui-icon {
    background: url("/static/img/admin/sprite_icons.png") no-repeat scroll right -296px rgba(0, 0, 0, 0);
    line-height: 22px;
    margin-right: 10px;
    padding: 0 15px 0 10px
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background: url("/static/img/admin/sprite_icons.png") no-repeat scroll right -296px rgba(0, 0, 0, 0);
    line-height: 22px;
    margin-right: 10px;
    padding: 0 15px 0 10px
}

.ui-state-active .ui-icon {
    background: url("/static/img/admin/sprite_icons.png") no-repeat scroll right -296px rgba(0, 0, 0, 0);
    line-height: 22px;
    margin-right: 10px;
    padding: 0 15px 0 10px
}

.ui-state-highlight .ui-icon {
    background: url("/static/img/admin/sprite_icons.png") no-repeat scroll right -296px rgba(0, 0, 0, 0);
    line-height: 22px;
    margin-right: 10px;
    padding: 0 15px 0 10px
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background: url("/static/img/admin/sprite_icons.png") no-repeat scroll right -296px rgba(0, 0, 0, 0);
    line-height: 22px;
    margin-right: 10px;
    padding: 0 15px 0 10px
}

.ui-widget-overlay {
    background: #666 url('') 50% 50% repeat;
    opacity: .5;
    filter: Alpha(Opacity=50)
}

.ui-widget-shadow {
    margin: -5px 0 0 -5px;
    padding: 5px;
    background: #000 url('') 50% 50% repeat-x;
    opacity: .2;
    filter: Alpha(Opacity=20);
    border-radius: 5px
}

@media only screen and (min-width:0) and (max-width:767px) {
    .ui-datepicker .ui-datepicker-prev span {
        -moz-transform: rotate(-180deg);
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -7px
    }

    .ui-datepicker .ui-datepicker-next span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -20px;
        top: 50%;
        margin-top: -9px
    }

    .ui-datepicker .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-next {
        height: 29px
    }
}

#colorbox,
#cboxOverlay,
#cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 300;
    overflow: visible
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%
}

#cboxMiddleLeft,
#cboxBottomLeft {
    clear: left
}

#cboxContent {
    position: relative
}

#cboxLoadedContent {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

#cboxTitle {
    margin: 0
}

#cboxLoadingOverlay,
#cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
    cursor: pointer
}

.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    max-width: none;
    -ms-interpolation-mode: bicubic
}

.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0
}

#colorbox,
#cboxContent,
#cboxLoadedContent {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box
}

#cboxOverlay {
    background: #3a3a3a
}

#colorbox {
    outline: 0
}

#cboxTopLeft {
    width: 25px;
    height: 25px;
    background-color: #fff
}

#cboxTopCenter {
    height: 25px;
    background-color: #fff
}

#cboxTopRight {
    width: 25px;
    height: 25px;
    background-color: #fff
}

#cboxBottomLeft {
    width: 25px;
    height: 25px;
    background-color: #fff
}

#cboxBottomCenter {
    height: 25px;
    background-color: #fff
}

#cboxBottomRight {
    width: 25px;
    height: 25px;
    background-color: #fff
}

#cboxMiddleLeft {
    width: 25px;
    background-color: #fff
}

#cboxMiddleRight {
    width: 25px;
    background-color: #fff
}

#cboxContent {
    background: #fff
}

.cboxIframe {
    background: #fff
}

#cboxError {
    padding: 50px;
    border: 1px solid #ccc
}

#cboxLoadedContent {
    margin-bottom: 20px
}

#cboxTitle {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    width: 100%;
    color: #999
}

#cboxContent #cboxCurrent {
    display: none !important
}

#cboxLoadingOverlay {
    background: #fff url("") no-repeat 5px 5px
}

#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
    border: 0;
    padding: 0;
    margin: 0;
    overflow: visible;
    width: auto;
    background: 0
}

#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
    outline: 0
}

#cboxSlideshow {
    position: absolute;
    bottom: 0;
    right: 42px;
    color: #444
}

#cboxClose {
    background: url("/static/img/admin/mobile-closebutton.png") no-repeat left 0;
    position: absolute;
    display: block;
    height: 42px;
    right: -45px;
    top: -45px;
    width: 42px;
    z-index: 400;
    text-indent: -9999px
}

#cboxNext,
#cboxPrevious {
    width: 34px;
    height: 38px;
    background: url("/static/img/admin/sprite_icons.png");
    background-position: left -420px;
    text-indent: -20000px;
    bottom: 50%;
    position: absolute
}

#cboxPrevious {
    left: -40px;
    background-position: left -360px
}

#cboxNext {
    left: auto;
    right: -40px
}

.cbframe {
    padding: 10px;
    background: #fff;
    width: 90%
}

.cbframe .content {
    float: left
}

.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF)
}

@media only screen and (min-width:0) and (max-width:567px) {
    .cboxPhoto {
        max-width: 300px !important;
        height: auto !important
    }
}

@media only screen and (min-width:568px) and (max-width:767px) {
    .cboxPhoto {
        max-width: 450px !important;
        height: auto !important
    }
}

[data-tooltip] {
    position: relative;
    display: inline-block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

[data-tooltip]:before,
[data-tooltip]:after {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    z-index: 999999;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

[data-tooltip]:before {
    content: '';
    border: 6px solid transparent
}

[data-tooltip]:after {
    height: 22px;
    padding: 11px 11px 0 11px;
    font-size: 13px;
    line-height: 11px;
    content: attr(data-tooltip);
    white-space: nowrap
}

[data-tooltip].simptip-position-top:before {
    border-top-color: #eee
}

[data-tooltip].simptip-position-top:after {
    background-color: #eee;
    color: #4c4c4c
}

[data-tooltip].simptip-position-bottom:before {
    border-bottom-color: #eee
}

[data-tooltip].simptip-position-bottom:after {
    background-color: #eee;
    color: #4c4c4c
}

[data-tooltip].simptip-position-left:before {
    border-left-color: #eee
}

[data-tooltip].simptip-position-left:after {
    background-color: #eee;
    color: #4c4c4c
}

[data-tooltip].simptip-position-right:before {
    border-right-color: #eee
}

[data-tooltip].simptip-position-right:after {
    background-color: #eee;
    color: #4c4c4c
}

[data-tooltip].simptip-position-top.half-arrow:before {
    border-right: 7px solid #eee
}

[data-tooltip].simptip-position-bottom.half-arrow:before {
    border-right: 7px solid #eee
}

[data-tooltip]:hover,
[data-tooltip]:focus {
    background-color: transparent
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after {
    opacity: 1;
    visibility: visible
}

.simptip-position-right:before,
.simptip-position-left:before,
.simptip-position-right:after,
.simptip-position-left:after {
    bottom: 50%
}

.simptip-position-right:before,
.simptip-position-left:before {
    margin-bottom: -5px
}

.simptip-position-right:after,
.simptip-position-left:after {
    margin-bottom: -14.66667px
}

.half-arrow.simptip-position-right:before,
.half-arrow.simptip-position-left:before {
    bottom: 16px;
    border-style: none;
    border-top: 7px solid transparent
}

.simptip-multiline.simptip-position-right:before,
.simptip-multiline.simptip-position-left:before,
.simptip-multiline.simptip-position-right:after,
.simptip-multiline.simptip-position-left:after {
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
    -webkit-filter: blur(0px);
    filter: blur(0px);
    margin-bottom: 0
}

.simptip-multiline.simptip-position-right:before,
.simptip-multiline.simptip-position-left:before {
    margin-bottom: 0
}

.simptip-multiline.half-arrow.simptip-position-right:before,
.simptip-multiline.half-arrow.simptip-position-left:before {
    margin-bottom: -2px
}

.simptip-position-right:before,
.simptip-position-right:after {
    left: 100%
}

.simptip-position-right:before {
    margin-left: -2px
}

.simptip-position-right:after {
    margin-left: 10px
}

.simptip-position-right.simptip-movable:before {
    margin-left: -10px
}

.simptip-position-right.simptip-movable:after {
    margin-left: 2px
}

.simptip-position-right.simptip-movable:hover:before,
.simptip-position-right.simptip-movable:hover:after {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px)
}

.simptip-position-right.simptip-movable.half-arrow:before {
    margin-left: -5px
}

.simptip-position-right.simptip-movable.simptip-multiline:hover:before,
.simptip-position-right.simptip-movable.simptip-multiline:hover:after {
    -webkit-transform: translate(10px, 50%);
    -moz-transform: translate(10px, 50%);
    -ms-transform: translate(10px, 50%);
    -o-transform: translate(10px, 50%);
    transform: translate(10px, 50%)
}

.simptip-position-right.half-arrow:before {
    margin-left: 3px;
    border-right: 7px solid #eee
}

.simptip-position-left:before,
.simptip-position-left:after {
    right: 100%
}

.simptip-position-left:before {
    margin-right: -2px
}

.simptip-position-left:after {
    margin-right: 10px
}

.simptip-position-left.simptip-movable:before {
    margin-right: -10px
}

.simptip-position-left.simptip-movable:after {
    margin-right: 2px
}

.simptip-position-left.simptip-movable:hover:before,
.simptip-position-left.simptip-movable:hover:after {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px)
}

.simptip-position-left.simptip-movable.half-arrow:before {
    margin-right: -5px
}

.simptip-position-left.simptip-movable.simptip-multiline:hover:before,
.simptip-position-left.simptip-movable.simptip-multiline:hover:after {
    -webkit-transform: translate(-10px, 50%);
    -moz-transform: translate(-10px, 50%);
    -ms-transform: translate(-10px, 50%);
    -o-transform: translate(-10px, 50%);
    transform: translate(-10px, 50%)
}

.simptip-position-left.half-arrow:before {
    margin-right: 3px;
    border-left: 7px solid #eee
}

.simptip-position-bottom:before,
.simptip-position-top:before,
.simptip-position-bottom:after,
.simptip-position-top:after {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.simptip-position-bottom:after,
.simptip-position-top:after {
    width: auto
}

.half-arrow.simptip-position-bottom:before,
.half-arrow.simptip-position-top:before {
    border-style: none;
    border-right: 7px solid #eee
}

.simptip-position-bottom:before,
.simptip-position-bottom:after {
    top: 100%
}

.simptip-position-bottom:before {
    margin-top: -5px
}

.simptip-position-bottom:after {
    margin-top: 7px
}

.simptip-position-bottom:hover:before,
.simptip-position-bottom:hover:after {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.simptip-position-bottom.simptip-movable:before {
    margin-top: -15px
}

.simptip-position-bottom.simptip-movable:after {
    margin-top: -3px
}

.simptip-position-bottom.simptip-movable:hover:before,
.simptip-position-bottom.simptip-movable:hover:after {
    -webkit-transform: translate(-50%, 10px);
    -moz-transform: translate(-50%, 10px);
    -ms-transform: translate(-50%, 10px);
    -o-transform: translate(-50%, 10px);
    transform: translate(-50%, 10px)
}

.simptip-position-bottom.simptip-movable.half-arrow:before {
    margin-top: -10px
}

.simptip-position-bottom.half-arrow:before {
    margin-top: 0;
    border-top: 7px solid transparent
}

.simptip-position-top:before,
.simptip-position-top:after {
    bottom: 100%
}

.simptip-position-top:before {
    margin-bottom: -5px
}

.simptip-position-top:after {
    margin-bottom: 7px
}

.simptip-position-top:hover:before,
.simptip-position-top:hover:after {
    -webkit-transform: translate(-50%, 0px);
    -moz-transform: translate(-50%, 0px);
    -ms-transform: translate(-50%, 0px);
    -o-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px)
}

.simptip-position-top.simptip-movable:before {
    margin-bottom: -15px
}

.simptip-position-top.simptip-movable:after {
    margin-bottom: -3px
}

.simptip-position-top.simptip-movable:hover:before,
.simptip-position-top.simptip-movable:hover:after {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    -o-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px)
}

.simptip-position-top.simptip-movable.half-arrow:before {
    margin-bottom: -10px
}

.simptip-position-top.half-arrow:before {
    margin-bottom: 0;
    border-bottom: 7px solid transparent
}

.simptip-movable:before,
.simptip-movable:after {
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    -ms-transition: all .1s linear;
    transition: all .1s linear
}

.simptip-smooth:after {
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.simptip-fade:before,
.simptip-fade:after {
    -webkit-transition: opacity .2s linear, visibility .2s linear;
    -moz-transition: opacity .2s linear, visibility .2s linear;
    -o-transition: opacity .2s linear, visibility .2s linear;
    -ms-transition: opacity .2s linear, visibility .2s linear;
    transition: opacity .2s linear, visibility .2s linear
}

.simptip-multiline:after {
    height: auto;
    width: 160px;
    padding: 11px;
    line-height: 19px;
    white-space: normal;
    text-align: left
}

.simptip-success.simptip-position-top:before {
    border-top-color: #62c462
}

.simptip-success.simptip-position-top:after {
    background-color: #62c462;
    color: #4c4c4c
}

.simptip-success.simptip-position-bottom:before {
    border-bottom-color: #62c462
}

.simptip-success.simptip-position-bottom:after {
    background-color: #62c462;
    color: #4c4c4c
}

.simptip-success.simptip-position-left:before {
    border-left-color: #62c462
}

.simptip-success.simptip-position-left:after {
    background-color: #62c462;
    color: #4c4c4c
}

.simptip-success.simptip-position-right:before {
    border-right-color: #62c462
}

.simptip-success.simptip-position-right:after {
    background-color: #62c462;
    color: #4c4c4c
}

.simptip-success.simptip-position-top.half-arrow:before {
    border-right: 7px solid #62c462
}

.simptip-success.simptip-position-bottom.half-arrow:before {
    border-right: 7px solid #62c462
}

.simptip-info.simptip-position-top:before {
    border-top-color: #5bc0de
}

.simptip-info.simptip-position-top:after {
    background-color: #5bc0de;
    color: #4c4c4c
}

.simptip-info.simptip-position-bottom:before {
    border-bottom-color: #5bc0de
}

.simptip-info.simptip-position-bottom:after {
    background-color: #5bc0de;
    color: #4c4c4c
}

.simptip-info.simptip-position-left:before {
    border-left-color: #5bc0de
}

.simptip-info.simptip-position-left:after {
    background-color: #5bc0de;
    color: #4c4c4c
}

.simptip-info.simptip-position-right:before {
    border-right-color: #5bc0de
}

.simptip-info.simptip-position-right:after {
    background-color: #5bc0de;
    color: #4c4c4c
}

.simptip-info.simptip-position-top.half-arrow:before {
    border-right: 7px solid #5bc0de
}

.simptip-info.simptip-position-bottom.half-arrow:before {
    border-right: 7px solid #5bc0de
}

.simptip-danger.simptip-position-top:before {
    border-top-color: #e74c3c
}

.simptip-danger.simptip-position-top:after {
    background-color: #e74c3c;
    color: #4c4c4c
}

.simptip-danger.simptip-position-bottom:before {
    border-bottom-color: #e74c3c
}

.simptip-danger.simptip-position-bottom:after {
    background-color: #e74c3c;
    color: #4c4c4c
}

.simptip-danger.simptip-position-left:before {
    border-left-color: #e74c3c
}

.simptip-danger.simptip-position-left:after {
    background-color: #e74c3c;
    color: #4c4c4c
}

.simptip-danger.simptip-position-right:before {
    border-right-color: #e74c3c
}

.simptip-danger.simptip-position-right:after {
    background-color: #e74c3c;
    color: #4c4c4c
}

.simptip-danger.simptip-position-top.half-arrow:before {
    border-right: 7px solid #e74c3c
}

.simptip-danger.simptip-position-bottom.half-arrow:before {
    border-right: 7px solid #e74c3c
}

.simptip-warning.simptip-position-top:before {
    border-top-color: #e67e22
}

.simptip-warning.simptip-position-top:after {
    background-color: #e67e22;
    color: #4c4c4c
}

.simptip-warning.simptip-position-bottom:before {
    border-bottom-color: #e67e22
}

.simptip-warning.simptip-position-bottom:after {
    background-color: #e67e22;
    color: #4c4c4c
}

.simptip-warning.simptip-position-left:before {
    border-left-color: #e67e22
}

.simptip-warning.simptip-position-left:after {
    background-color: #e67e22;
    color: #4c4c4c
}

.simptip-warning.simptip-position-right:before {
    border-right-color: #e67e22
}

.simptip-warning.simptip-position-right:after {
    background-color: #e67e22;
    color: #4c4c4c
}

.simptip-warning.simptip-position-top.half-arrow:before {
    border-right: 7px solid #e67e22
}

.simptip-warning.simptip-position-bottom.half-arrow:before {
    border-right: 7px solid #e67e22
}

ul.audero-context-menu {
    position: absolute;
    z-index: 1000;
    display: none;
    background-color: transparent;
    list-style-type: none !important;
    margin: 0 !important;
    padding: 0 !important
}

ul.audero-context-menu * {
    color: #000
}

ul.audero-context-menu>li {
    background: #fefefe;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid black;
    margin: 0 auto !important;
    padding: 4px 5px 1px 5px !important;
    text-align: center;
    width: 190px
}

ul.audero-context-menu>li:hover {
    background: #fff;
    background-color: rgba(255, 255, 255, 1)
}

ul.audero-context-menu>li a {
    display: block;
    position: relative;
    padding-left: 20px
}

ul.audero-context-menu>li a:before {
    content: '';
    position: absolute;
    background: url("/static/img/admin/sprite_icons.png") no-repeat scroll left -1018px transparent;
    height: 20px;
    width: 20px;
    left: 0;
    top: -2px
}

.form.fullwidth,
div.addProduct {
    width: 98%
}

div.addProduct a {
    float: right;
    position: relative;
    padding-right: 17px;
    margin-right: 2px
}

.addProduct a:after {
    content: '';
    display: block;
    background: url("") no-repeat scroll right 0;
    background-size: cover;
    height: 30px;
    width: 30px;
    right: -16px;
    top: -6px;
    position: absolute
}

.contactform input[type="number"],
.contactform select {
    padding-right: 0
}

input.idm-validator-error[name="dhl_weight"],
input.idm-validator-success[name="dhl_weight"] {
    background-image: none !important
}

h2.mT40 {
    margin-top: 40px
}

.formwrapper {
    margin-bottom: 10px
}

.formwrapper.productData select {
    width: 98%
}

.formwrapper.productData textarea {
    height: 80px
}

div.radioSet,
div.checkboxSet {
    float: left;
    width: 40%
}

div.radioSet label,
div.checkboxSet label {
    float: left
}

.form div.radioSet:last-of-type {
    margin-right: 0
}

.supportForm input.btnSubmit {
    margin: 10px 2px
}

.supportForm .checkboxSet .cs1,
.supportForm .checkboxSet .cs2 {
    float: left;
    display: block
}

.supportForm .checkboxSet .cs1 {
    width: 5%;
    padding-left: 2px
}

.supportForm .checkboxSet .cs2 {
    width: 95%
}

.formDatepicker {
    color: #4c4c4c;
    background: url("http://cdn.xuansiwei.com/zuich1039/1586784419058/sprite_filter.png?x-oss-process=style/small") right -61px no-repeat #e5e5e5
}

.prodWrap {
    position: relative
}

.prodWrap .delProd {
    position: absolute;
    right: 3px;
    top: 14px;
    height: 20px;
    width: 20px
}

#dekoForm table.security {
    border: 1px solid grey;
    margin: 0
}

#dekoForm table.security tr td:first-child {
    text-align: left
}

#dekoForm table.security tr.toggleA {
    background-color: #fff
}

#dekoForm table.security tr.toggleB {
    background-color: #e5e5e5
}

#dekoForm table.security td {
    text-align: center;
    padding: 0 10px
}

#dekoForm table.security img {
    margin: 0;
    max-width: 40px;
    max-height: 40px
}

#dekoForm table.security tr.warnings input {
    margin: 0
}

#dekoForm table.security input[type='checkbox'] {
    margin: 0 6px 0 0
}

#dekoForm table.security input[type=text] {
    padding: 4px;
    width: 100%;
    height: 24px
}

#dekoForm p {
    float: left;
    width: 100%
}

@media only screen and (max-width:567px) {
    .prodWrap .delProd {
        right: -4px
    }

    .form.fullwidth {
        width: 100%
    }

    div.radioSet,
    div.checkboxSet {
        float: none
    }

    div.radioSet label,
    div.checkboxSet label {
        float: none
    }
}

#dekoForm #reason_for_return_other_submit {
    float: right
}

#dekoForm .sWarningsJS {
    height: 0;
    line-height: 0;
    display: table-row
}

#dekoForm .security tr.h0 {
    height: 0;
    line-height: 0;
    display: table-row
}

#dekoForm table.security input[type="text"] {
    height: 24px;
    padding: 2px 4px;
    width: 100%
}

#dekoForm input.btnSubmit {
    margin: 30px 2px 10px
}

#dekoForm hr {
    margin: 1em 0
}

#dekoForm .productwrapper {
    position: relative
}

#dekoForm .productwrapper .deleteProduct {
    height: 20px;
    position: absolute;
    right: 3px;
    top: 13px;
    width: 20px
}

#dekoForm h3 .small {
    font-size: 13px;
    font-weight: normal
}

#dekoForm textarea.idm-validator-error {
    background: #e5e5e5 url("/static/img/admin/formfields.png") right -22px no-repeat
}

#dekoForm textarea.idm-validator-success {
    border: 1px solid #222
}

#dekoForm h4.further {
    margin: 5px 0 10px
}

#dekoForm h4.further .small {
    font-size: 13px;
    font-weight: normal
}

#dekoForm .simptip-info.simptip-position-top::before {
    border-top-color: #fc0
}

#dekoForm .simptip-info.simptip-position-top::after {
    background-color: #fc0;
    color: #222
}

#dekoForm .simtip-hover:before,
#dekoForm .simtip-hover:after {
    opacity: 1;
    visibility: visible
}

#dekoForm table.security tr.sm {
    display: none
}

#reason_for_return_other_layer .btnSubmit {
    float: right
}

#reason_for_return_other_layer_yes_no .step1,
#reason_for_return_other_layer_yes_no .step2 {
    min-height: 140px
}

#delete_info_layer {
    width: 450px
}

#delete_info_layer h2 {
    margin-top: 25px;
    text-align: center
}

@media only screen and (max-width:479px) {

    #dekoForm div.radioSet,
    #dekoForm div.checkboxSet {
        width: 100%;
        margin-left: 10px;
        clear: both;
        margin-bottom: 4px
    }

    #dekoForm .formwrapper.productData textarea {
        height: 100px
    }

    #dekoForm table.security tr.sm {
        display: table-row;
        height: 24px
    }

    #dekoForm td.first {
        display: none
    }

    #dekoForm td.first span {
        display: none
    }

    #dekoForm h4 {
        font-style: normal;
        font-weight: bold
    }

    #dekoForm .checkboxSet .cs1 {
        width: 7%
    }

    #dekoForm .checkboxSet .cs2 {
        width: 93%
    }

    #dekoForm .productwrapper .deleteProduct {
        right: -8px
    }

    #reason_for_return_other_layer {
        width: 250px
    }

    #reason_for_return_other_layer_yes_no {
        width: 250px
    }

    #delete_info_layer {
        width: 250px
    }

    #warnings_radioaktive {
        width: 250px
    }

    #further_warnings_other {
        width: 250px
    }

    #delete_if_similar_layer {
        width: 250px
    }

    #cboxLoadedContent {
        margin-bottom: 0
    }

    #dekoForm p {
        float: none
    }
}

@media only screen and (min-width:480px) and (max-width:567px) {

    #dekoForm div.radioSet,
    #dekoForm div.checkboxSet {
        width: 100%;
        margin-left: 10px
    }

    #dekoForm h4 {
        font-style: normal;
        font-weight: bold
    }

    #dekoForm .productwrapper .deleteProduct {
        right: -8px
    }

    #reason_for_return_other_layer {
        width: 400px
    }

    #reason_for_return_other_layer_yes_no {
        width: 400px
    }

    #warnings_radioaktive {
        width: 400px
    }

    #further_warnings_other {
        width: 400px
    }

    #delete_if_similar_layer {
        width: 400px
    }

    #delete_info_layer {
        width: 400px
    }

    #cboxLoadedContent {
        margin-bottom: 0
    }

    #dekoForm p {
        float: none
    }
}

@media only screen and (min-width:568px) and (max-width:767px) {
    #reason_for_return_other_layer {
        width: 450px
    }

    #reason_for_return_other_layer_yes_no {
        width: 450px
    }

    #warnings_radioaktive {
        width: 450px
    }

    #further_warnings_other {
        width: 450px
    }

    #delete_if_similar_layer {
        width: 450px
    }

    #delete_info_layer {
        width: 450px
    }

    #cboxLoadedContent {
        margin-bottom: 0
    }

    #dekoForm p {
        float: none
    }
}

@media only screen and (min-width:568px) {
    .form.city {
        margin-right: 0;
        float: right;
        width: 69%
    }

    .form.plz {
        width: 29%;
        margin-right: 2%
    }

    .form.street {
        margin-right: 2%;
        width: 69%
    }

    .form.streetnr {
        width: 29%;
        margin-right: 0
    }
}

a.extLink {
    background: url("/static/img/admin/sprite_icons.png") no-repeat scroll left -1585px transparent;
    padding: 3px 0 3px 30px;
    border-bottom: 0;
    display: block
}

#dekoForm .allerror {
    border: 1px solid #f00;
    color: #f00;
    background: #e5e5e5 url("/static/img/admin/formfields.png") no-repeat scroll right -22px;
    padding: 0 10px 4px;
    display: none
}

#imagelightbox {
    cursor: pointer;
    position: fixed;
    z-index: 10000;
    top: 50%;
    touch-action: none;
    box-shadow: 0 0 3.125em rgba(0, 0, 0, .75)
}

.imagelightbox-open {
    user-select: none;
    overflow: hidden
}

.imagelightbox-loading,
.imagelightbox-loading div {
    border-radius: 9999px
}

.imagelightbox-loading {
    background-color: rgba(130, 130, 130, 0.8);
    position: fixed;
    z-index: 10003;
    top: 50%;
    left: 50%;
    padding: .65em;
    margin: -1.3em 0 0 -1.3em;
    box-shadow: 0 0 2.5em rgba(130, 130, 130, 0.6)
}

.imagelightbox-loading div {
    width: 1.3em;
    height: 1.3em;
    background-color: #fff;
    animation: imagelightbox-loading .5s ease infinite
}

@keyframes imagelightbox-loading {
    from {
        opacity: .5;
        transform: scale(.75)
    }

    50% {
        opacity: 1;
        transform: scale(1)
    }

    to {
        opacity: .5;
        transform: scale(.75)
    }
}

.imagelightbox-overlay {
    background-color: rgba(30, 30, 30, 0.9);
    position: fixed;
    z-index: 9998;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.imagelightbox-close {
    border: 0;
    cursor: pointer;
    width: 3em;
    height: 3em;
    background-color: rgba(130, 130, 130, 0.8);
    position: fixed;
    z-index: 10002;
    top: 2.5em;
    right: 2.5em;
    border-radius: 50%;
    transition: color .3s ease
}

.imagelightbox-close:hover {
    background-color: #111
}

.imagelightbox-close:before,
.imagelightbox-close:after {
    width: 2px;
    background-color: #fff;
    content: '';
    position: absolute;
    top: 20%;
    bottom: 20%;
    left: 50%;
    margin-left: -1px
}

.imagelightbox-close:before {
    transform: rotate(45deg)
}

.imagelightbox-close:after {
    transform: rotate(-45deg)
}

.imagelightbox-caption {
    text-align: center;
    color: #fff;
    background-color: #666;
    position: fixed;
    z-index: 10001;
    left: 0;
    right: 0;
    bottom: 0;
    padding: .625em
}

.imagelightbox-nav {
    background-color: rgba(0, 0, 0, .5);
    position: fixed;
    z-index: 10001;
    left: 50%;
    bottom: 3.75em;
    padding: .313em;
    transform: translateX(-50%);
    border-radius: 20px
}

.imagelightbox-nav a {
    position: relative;
    top: .2em;
    width: 1em;
    height: 1em;
    border: 1px solid #fff;
    display: inline-block;
    margin: 0 .313em;
    border-radius: 50%
}

.imagelightbox-nav .active {
    background-color: #fff
}

.imagelightbox-arrow {
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    width: 4em;
    height: 4em;
    background-color: rgba(130, 130, 130, 0.8);
    vertical-align: middle;
    display: none;
    position: fixed;
    z-index: 10001;
    top: 50%;
    padding: 0;
    margin-top: -3.75em
}

.imagelightbox-arrow:hover {
    background-color: rgba(0, 0, 0, 0.75)
}

.imagelightbox-arrow:active {
    background-color: #111
}

.imagelightbox-arrow-left {
    left: 2.5em
}

.imagelightbox-arrow-right {
    right: 2.5em
}

.imagelightbox-arrow:before {
    width: 0;
    height: 0;
    border: 1em solid transparent;
    content: '';
    display: inline-block;
    margin-bottom: -7%
}

.imagelightbox-arrow-left:before {
    border-left: none;
    border-right-color: #fff;
    margin-left: -0.35em
}

.imagelightbox-arrow-right:before {
    border-right: 0;
    border-left-color: #fff;
    margin-left: .2em
}

.imagelightbox-loading,
.imagelightbox-overlay,
.imagelightbox-close,
.imagelightbox-nav,
.imagelightbox-arrow {
    animation: fade-in .25s linear
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@media only screen and (max-width:41.250em) {
    #container {
        width: 100%
    }

    .imagelightbox-close {
        top: 1.25em;
        right: 1.25em
    }

    .imagelightbox-arrow {
        width: 2.5em;
        height: 3.75em;
        margin-top: -1.875em
    }

    .imagelightbox-arrow-left {
        left: 1.25em
    }

    .imagelightbox-arrow-right {
        right: 1.25em
    }
}

@media only screen and (max-width:20em) {
    .imagelightbox-arrow-left {
        left: 0
    }

    .imagelightbox-arrow-right {
        right: 0
    }
}


#cookie-bar {
    background: rgba(120, 120, 120, 0.90);
    height: auto;
    line-height: 24px;
    color: #eeeeee;
    text-align: center;
    padding: 3px 0;
    z-index: 4
}

/*, wenn position=fixed!*/
#cookie-bar.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

#cookie-bar.fixed.bottom {
    bottom: 0;
    top: auto;
}

#cookie-bar p {
    margin: 0;
    padding: 0;
}

#cookie-bar a {
    color: #666666;
    display: inline-block;
    border-radius: 3px;
    text-decoration: none;
    padding: 0 6px;
    margin-left: 8px;
}

#cookie-bar .cb-enable {
    background: #ffcc00;
}

#cookie-bar .cb-enable:hover {
    background: #cccccc;
}

#cookie-bar .cb-disable {
    background: #990000;
}

#cookie-bar .cb-disable:hover {
    background: #cccccc;
}

#cookie-bar .cb-policy {
    background: none;
    color: #ffffff
}

#cookie-bar a.cb-policy {
    color: #FFCC00;
    margin-left: 0;
}

#cookie-bar .cb-policy:hover {
    background: #cccccc;
    color: #666666;
}

#cookie-bar a {
    border: none;
}