.exportCollectionDetail {margin-top: 26px;opacity: 0;}.exportCollectionDetail.show {opacity: 1;}.exportCollectionDetail .mobile {display: none;margin: 0 0 25px 0;}.exportCollectionDetail select {background: none;border: 1px solid #9c9793;height: 50px;padding: 0 0 0 20px;width: 100%;}.exportCollectionDetail .nav {border-bottom: 1px solid #9c9793;font-size: 24px;margin: 0 0 80px;padding: 0 0 22px 0;text-align: center;}.exportCollectionDetail .nav.hide {display: none;}.exportCollectionDetail .nav a {display: inline-block;font-weight: 300;margin: 0 32px;position: relative;}.exportCollectionDetail .nav a:before {background: #9c9793;content: "";height: 1px;left: 50%;margin: 0 0 0 -32px;position: absolute;top: 58px;transition: transform 0.2s cubic-bezier(0.4, 0.1, 0, 1) 0s, background 0.2s ease 0s;transform-origin: left bottom 0;width: 32px;z-index: 2;}.exportCollectionDetail .nav a.active:before {transform: rotate(30deg);width: 37px;}.exportCollectionDetail .nav a:after {background: #9c9793;content: "";height: 1px;left: auto;margin: 0 -32px 0 0;position: absolute;right: 50%;top: 58px;transition: transform 0.2s cubic-bezier(0.4, 0.1, 0, 1) 0s, background 0.2s ease 0s;transform-origin: right bottom 0;width: 32px;z-index: 2;}.exportCollectionDetail .nav a.active:after {transform: rotate(-30deg);width: 37px;}.exportCollectionDetail .nav a span:after {background: #ffffff;bottom: -23px;content: "";display: block;height: 1px;left: 50%;margin: 0 0 0 -31px;position: absolute;width: 63px;z-index: 1;}.exportCollectionDetail .products {float: left;min-height: 1px;width: 52.785714285714285%; }.exportCollectionDetail .text {display: none;float: left;font-family: "QuestaSans";font-size: 17px;line-height: 1.3;min-height: 1px;padding: 0 0 0 60px;width: 47.214285714285715%; }.exportCollectionDetail .text.active {display: block;}.exportCollectionDetail .text .indroduction {font-size: 20px;margin: 0 0 20px 0;}.exportCollectionDetail .text .contentText {color: #000000;font-family: "Questa";}.exportCollectionDetail .text > a.download:before {content: "\E2C0";font-family: "Material Icons";font-size: 24px;font-weight: normal;left: 1px;line-height: 1;position: absolute;top: 5px;}.exportCollectionDetail .text > a.link:before {content: "\E879";font-family: "Material Icons";font-size: 24px;font-weight: normal;left: 1px;line-height: 1;position: absolute;top: 4px;}.exportCollectionDetail .text > a {color: #b0aba9;display: inline-block;font-weight: normal;margin: 30px 0 0;padding: 7px 20px 7px 35px;position: relative;}.colText {display: none;}@media all and (max-width: 980px){.exportCollectionDetail .products {width: 48%;}.exportCollectionDetail .text {padding: 0 0 0 30px;width: 52%;}}@media all and (max-width: 767px){.exportCollectionDetail .products {width: 100%;}.exportCollectionDetail .text {margin: 20px 0 0 0;padding-left: 0;width: 100%;}}@media all and (max-width: 650px){.exportCollectionDetail .mobile {display: block;}.exportCollectionDetail .nav {display: none;}}.exportCollectionDetail > .products > ul {display: none;}.exportCollectionDetail > .products > ul.active {display: block;}.exportCollectionDetail ul > li {cursor: pointer;float: left;margin: 0 1.08254397834912% 17px 0; opacity: 1;position: relative;width: 32.61163734776725%; }.exportCollectionDetail ul > li:nth-child(3n) {margin-right: 0;}.exportCollectionDetail ul > li:nth-child(3n) + li {clear: left;}.exportCollectionDetail ul > li article > h2 {display: none;}.exportCollectionDetail ul > li article a {display: block;margin: 0 0 13px 0;position: relative;}.exportCollectionDetail ul > li article a:after {background: rgba(0, 0, 0, 0.3);bottom: 0;content: "";left: 0;opacity: 0;position: absolute;right: 0;top: 0;transition: opacity 300ms ease-out 0s;}.exportCollectionDetail ul > li:hover article a:after {opacity: 1;}.exportCollectionDetail ul > li article a img {display: block;position: relative;width: 100%;}.exportCollectionDetail ul > li article a img.emotion {position: absolute;top: 0;left: 0;z-index: 0;}.exportCollectionDetail ul > li article a img.show {z-index: 2;}.exportCollectionDetail ul > li article .teaser-prev,.exportCollectionDetail ul > li article .teaser-next {color: #ffffff;cursor: pointer;display: none;font-family: "Material Icons";font-size: 24px;line-height: 1;opacity: 0.4;padding: 4px;position: absolute;text-shadow: 0 0 4px rgba(0, 0, 0, 0.1);top: 50%;transform: translate(0, -50%);z-index: 10;}.exportCollectionDetail ul > li article .image.slider .teaser-prev,.exportCollectionDetail ul > li article .image.slider .teaser-next {display: block;}.exportCollectionDetail ul > li article .teaser-prev {left: 8px;}.exportCollectionDetail ul > li article .teaser-next {right: 8px;}.exportCollectionDetail ul > li article:hover .teaser-prev,.exportCollectionDetail ul > li article:hover .teaser-next {opacity: 1;}.exportCollectionDetail ul > li article p {display: block;font-family: "QuestaSans";font-weight: bold;line-height: 1.1;overflow: hidden;text-align: center;text-overflow: ellipsis;text-transform: uppercase;white-space: nowrap;}@media all and (max-width: 980px) {.exportCollectionDetail ul > li {margin-right: 2%;width: 49%;}.exportCollectionDetail ul > li:nth-child(3n) {margin-right: 2%;}.exportCollectionDetail ul > li:nth-child(3n) + li {clear: none;}.exportCollectionDetail ul > li:nth-child(2n) {margin-right: 0%;}.exportCollectionDetail ul > li:nth-child(2n) + li {clear: left;}.exportCollectionDetail ul > li article p {font-size: 16px;}}@media all and (max-width: 767px) {.exportCollectionDetail ul > li {margin-right: 2%;width: 23.5%;}.exportCollectionDetail ul > li:nth-child(2n) {margin-right: 2%;}.exportCollectionDetail ul > li:nth-child(2n) + li {clear: none;}.exportCollectionDetail ul > li:nth-child(4n) {margin-right: 0;}.exportCollectionDetail ul > li:nth-child(4n) + li {clear: left;}}@media all and (max-width: 600px) {.exportCollectionDetail ul > li {width: 32%;}.exportCollectionDetail ul > li:nth-child(4n) {margin-right: 2%;}.exportCollectionDetail ul > li:nth-child(4n) + li {clear: none;}.exportCollectionDetail ul > li:nth-child(3n) {margin-right: 0;}.exportCollectionDetail ul > li:nth-child(3n) + li {clear: left;}.exportCollectionDetail ul > li article p {font-size: 14px;}}@media all and (max-width: 450px) {.exportCollectionDetail ul > li {width: 48%;}.exportCollectionDetail ul > li:nth-child(3n) {margin-right: 2%;}.exportCollectionDetail ul > li:nth-child(3n) + li {clear: none;}.exportCollectionDetail ul > li:nth-child(2n) {margin-right: 0;}.exportCollectionDetail ul > li:nth-child(2n) + li {clear: left;}}