#pageContent {    background: #f3f5f5;}
#pageContent.wh {background: #FFF}
#pageContent > div {}
section.sperate {min-height:300px;background-color:transparent;}

body.fixed {padding-top:0px}
#subHeader>div {background: #777}
body.move #subHeader>div {background: #FFF}
header .main-nav .link>a {color:#FFF;}
body.move header .main-nav .link>a {color:#555;}
header .main-nav .link>a>span {color:#FFF;}
body.move header .main-nav .link>a>span {color:#555;}
.languageSelectionButton>div {color: #FFF;}
#searchContainer input {background: transparent}
#searchContainer input::placeholder {color: #FFF;opacity: 1; /* Firefox */}
body.move #searchContainer input::placeholder {color: #555;opacity: 1; /* Firefox */}
header .main-nav a {border-top:0px;}

header .logoWrapper img:first-child {display:none;}
header .logoWrapper img.ng {display:block;}
body.move header .logoWrapper img:first-child {display:block !important;}
body.move header .logoWrapper img.ng {display:none !important;}

#stickyFilter h1 {font-size:20px;color:#666}
#stickyFilter h2 {font-size:16px;color:#666}

.gallery {position:relative;padding-bottom: 40px;margin-top:0px;}
.gallery .view360button {display: block;position: absolute;right: 0px;top: 0px;z-index: 9;margin:10px 5px;}
.gallery .view360button.vertical {}
.gallery .view360button span {    position: absolute;width: 43px;right: 0px;top: 0px;height: 43px;opacity: 0;padding:16px 6px;font-size: 13px;color: #555;}
.gallery .view360button span.disable {opacity:1}
.gallery .view360button.active .active {opacity:1;}
.gallery .view360button.active .disable {opacity:0}
.gallery .view360button span span {opacity:1;font-size: 22px;padding:11px 3px;color:#999}
.gallery .view360button:hover span span {color:#555}
.gallery .view360button img {    transform-origin: 50% 50%;transform: rotate(0deg);    border-radius: 50%;overflow: hidden;opacity:1;}
.gallery .view360button.vertical img {border-radius:0px;max-width:16px;right: 14px;top: 5px;position: relative;}
.gallery .view360button.active img {transform:rotate(200deg);border-radius:0px;max-width:22px;}
.gallery .view360button.vertical.active img {transform:rotate(0deg);opacity:0;}
.gallery .view360 {position:absolute;width:100%;height:100%;z-index:8;visibility: hidden;opacity:0;    overflow: hidden;}
.gallery .view360button.active + .view360 {visibility: visible;opacity:1;}
.gallery .view360 > div {background-color: #FFF;height:100%;}
.gallery .view360 > div > div {height:100%;}
.gallery .view360 .reel {height:100%;    margin: auto;display:block;}
.gallery .view360 .reel-preloader {    background-color: #AAA;}
.gallery .view360 img {position: relative;max-width: 400px;overflow: visible;width: 380px;}
.gallery .swiper-container,.gallery .item figure {height:100%;}
.gallery .items {margin-top:0px}
.gallery .item {}
.gallery .item figure {margin:0px;overflow:hidden;}
.gallery .item figure div {height:100%;background-repeat: no-repeat;background-size: 85%;background-position: 50% 50%;padding:20px}
.gallery .swiper-pagination {    width: 100%;bottom: 5px;opacity:1;}
.gallery .view360button.active + .view360 + .swiper-pagination {opacity:0}
#sideBar .swiper-pagination .swiper-pagination-bullet-active {border-color:#000 !important}
#sideBar .hand .circle, .swiper-pagination .swiper-pagination-bullet-active:before {background: #000}

.references {margin-top:30px;position:relative;z-index:5}
.references .swiper-container {overflow:visible;}

#page {margin-top:35px;overflow:hidden}
#sideBar {    border: solid 1px transparent;overflow: hidden;}
#sideBar .image img {width:100%}
#sideBar .name {font-size:30px;font-weight: 400;padding: 0px 32px 10px;text-align:center;color:#666}
#sideBar .name h1 {font-size:30px;}
#sideBar .description {margin-top: 10px;font-size: 18px;line-height: 26px;padding: 0px 32px 0px;font-weight: 400;color: #666;text-align:center;}
#sideBar .information {padding: 0px 32px 30px;font-size:14px;}
#sideBar .buttons {    padding: 20px 40px 40px 40px;}
#sideBar .buttons .button {display: block;;text-align: center}
#sideBar .buttons .button.gray {background: #666;}
#sideBar .buttons .button + .button {margin-top:20px}

.downloadFile {margin-top:20px}

#files .item > div {padding:0px 0px 10px}
#files .item .button {text-align: center;min-width:10px;display: block;font-weight: 700;text-decoration: none;margin-top:0px}
#files .item .name {text-align:center;    font-size: 14px;font-weight: 500;}

#products {}
#products > ul {list-style: none;margin: 0px;}
#products ul li.product > div {border: solid 1px transparent;margin-top:20px;background: #FFF}
.tab #products ul li.product > div {    text-align: center;border: solid 1px #e2e2e2;box-shadow: 0px 0px 0px rgb(0 0 0 / 16%)}
.tab #products ul li.product:hover > div {    -webkit-box-shadow: 1px 1px 16px rgb(0 0 0 / 16%)!important;box-shadow: 1px 1px 16px rgb(0 0 0 / 16%)!important;}
#products ul li.product .info, #products ul li.product .info > div {    height: 100%;}
#products ul li.product .info > div + div{    padding-left: 0px;}
.tab #products ul li.product .info > div + div {display: none !important}

#products ul li.product img {    height: 176px;}
#products ul li.product .name {font-size: 20px;font-weight: 500;color: #333;}
#products ul li.product .name:hover {text-decoration: underline}
#products ul li.product .description {    font-weight: 400;font-size: 14px;padding-bottom: 20px;}
#products ul li.product .links {}
#products ul li.product .links a {font-size: 14px;margin-left: 16px;font-weight: 400;text-decoration: underline;color: #666;}
#products ul li.product .links a:hover {color:#000}
#products ul li.product .specs {    list-style: none;margin: 0px;background: #EEE;padding: 10px;    height: 100%;}
#products ul li.product .specs .spec {    border-top: dashed 1px #999;margin-top: 6px;padding-top: 10px;}
#products ul li.product .specs .spec:first-child {border-top:0px;margin-top:0px}
#products ul li.product .specs .specName {    font-weight: 300;    font-size: 14px;}
#products ul li.product .specs .specValue {font-weight: 600;    font-size: 14px;}
#products .product a.img {display:block;text-align: center;    padding: 24px 24px 0px;}
#products .product a.img img {width:100%;height:auto;aspect-ratio: 1 / 1}
#products .product .info {    padding: 0px 24px;}
#products .product .info path {fill:#000}
#products .product .info svg {    margin: 14px 0px;}

.specGroups {list-style:none;margin:0px;margin-top:25px !important}
.specGroups h4 {font-size: 14px;font-weight:400;margin-left:10px;border-bottom: solid 1px #CCC;padding-bottom: 5px;    background: #FFF;}
.specGroups .specs {list-style:none;margin:0px;    }
.specGroups .specs .spec > div {border-top:dashed 1px #CCC;}
.specGroups .specs .spec:first-child > div,
.specGroups .specs .spec:first-child + .spec > div {border-top-color:transparent}

.specGroups .specs .spec .key {font-weight:300;    padding: 10px 0px;}
.specGroups .specs .spec .value {font-weight:700;    padding: 10px 0px;}
.specGroup {padding: 0px;}
.specGroups:first-child {margin-top:0px}

#subCategories {}
#subCategories a {    text-align: center;display: block;padding: 8px 4px 8px 0px;margin-top: 5px;text-decoration: none;color: #777;}
#subCategories a:hover {color:#000;}

#threeD {    margin-top: -230px;margin-bottom:50px}
#threeD > div {position:relative;overflow:hidden;}
#threeD .info {height:700px;}
#threeD .info > div {height:100%}
#threeD .title {    font-size: 46px;font-weight: 400;color: #000;    line-height: 50px;margin-bottom:20px}
#threeD .description {    font-size: 20px;font-weight: 300;color: #000;margin-bottom:20px}
#threeDViewPort {position:relative;background-size: contain;background-position: center;background-repeat: no-repeat;width: 100% !important;height:100% !important;right:0%;top:0px;z-index:1;border-radius: 10px;overflow: hidden;}
#turnIcon {position: absolute;z-index: 2;right: 0%;top: 40%;width:100%;height:200px;text-align: center;}
img.hero {margin-bottom:80px;width:100%}


#product {    margin-top: -28px;}
#product ul {list-style:none;margin:0px;}
#product ul li {}
#product ul li .header {    background: #FFF;padding-top:22px;z-index:6}
#product ul li .header h3 {    font-size: 30px;color:#666}
#product ul li .header .action {    font-size: 24px;margin: 4px 16px;cursor:pointer;color:#999}
#product ul li .header .action:hover {color:#000;}
#product ul li .header .action span {display:none;}
#product ul li .header .action span.on {display:block;}
#product ul li.active .header .action span.off {display:block;}
#product ul li.active .header .action span.on {display:none;}
#product ul li .content {    padding: 0px 0px 30px;}
#product ul li .content .detail {padding-top:20px}
#product ul li .content .detail b {}
#product ul li .content .detail p {font-weight:300}

.items {margin-left:-18px;margin-top:20px}
.items .item {}
.items .item > div {padding:15px 17px;margin-bottom:20px}
.items .item .name {    font-size: 18px;font-weight: 700;}
.items .item .description {    font-size: 12px;font-weight: 400;}

.awards {margin-left:-18px;margin-top:20px}
.awards .award {text-align: center}
.awards .award .logo {padding:50px 0px;}
.awards .award > div {border:solid 1px #DDD;background: #FFF;padding:15px 17px;    border-radius: 8px;margin-bottom:20px}
.awards .award .name {    font-size: 18px;font-weight: 700;margin-bottom:10px}
.awards .award .description {    font-size: 12px;font-weight: 400;    height: 190px;}



@media only screen and (max-width: 40.063em) {
    #subCategories {    margin-bottom: 10px;}
    #subCategories a {    padding: 0px;margin-top: 10px;}
    #sideBar {margin-top:50px}
    #stickyFilter .filterContainer {padding:8px 0px}
    #stickyFilter .container .mainFilter .goBack {    padding-left: 0.625rem;padding-right: 0.625rem;-ms-flex: 1 1 0px;-webkit-box-flex: 1;flex: 1 1 0px;}
    #stickyFilter .container .mainFilter a.goBack {    margin-left: -26px;}
    #stickyFilter .container > div > div + div {    width: 100%;}
    #stickyFilter .container > div > div + div > div > div {width: 100%}
    #stickyFilter .container > div > div + div > div > div select {width: 100%}
    #stickyFilter .container .filter.sort {margin-top:0px;}
    #stickyFilter .container {margin-top: 54px;}
    #stickyFilter .mainFilter > div + div + div {    -ms-flex: 0 0 100%;-webkit-box-flex: 0;flex: 0 0 100%;max-width: 100%;}
    #stickyFilter .container .mainFilter .filter,
    #stickyFilter .container .mainFilter .filter select {width: 100%}
    #stickyFilter .container .mainFilter .showFilter {left:0px}
    #sideBar .buttons {    padding-top: 0px;padding-bottom: 30px;border-bottom: solid 1px #CCC;margin-bottom: 40px;}
    img.hero {    margin: 50px 0px 0px;}
    #product ul li .header {padding: 0px 6px}
    #product ul li .content {padding:0px 0px 10px}
    .references {margin-top:10px}
    .specGroups {margin-top:10px !important}
    .specGroups #miniLogin {padding:10px 8px 10px}
    .specGroups .specs .spec:first-child + .spec > div {border-top-color:#CCC}
    #products ul li.product .name {    font-size: 16px;}
    #subCategories > div > div + div > div { -ms-flex: 0 0 50%;-webkit-box-flex: 0;flex: 0 0 50%;max-width: 50%;}
    #stickyFilter .title {text-align: left;}
    #subCategories a {text-align:left;display: flex;}
    #stickyFilter .image img {height:auto;width:50px}
    #stickyFilter h1 {    margin-top: 16px;}
}