@charset "UTF-8";
/*** Global ***/
.text-left {
text-align: left; }
.text-right {
text-align: right; }
.text-center {
text-align: center; }
.text-justify {
text-align: justify; }
.text-nowrap {
white-space: nowrap; }
.text-lowercase {
text-transform: lowercase; }
.text-uppercase {
text-transform: uppercase; }
.text-capitalize {
text-transform: capitalize; }
html {
font-size: 15px; }
body {
font-size: 1em;
line-height: 1.33333;
margin-bottom: 0em; }
.inline__block {
display: inline-block; }
@-webkit-keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1) translate3d(-50%, 0, 0);
transform: scale3d(1, 1, 1) translate3d(-50%, 0, 0); }
20% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1) translate3d(-50%, 0, 0);
transform: scale3d(1.1, 1.1, 1.1) translate3d(-50%, 0, 0); }
40% {
opacity: 1;
-webkit-transform: scale3d(0.9, 0.9, 0.9) translate3d(-50%, 0, 0);
transform: scale3d(0.9, 0.9, 0.9) translate3d(-50%, 0, 0); }
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03) translate3d(-50%, 0, 0);
transform: scale3d(1.03, 1.03, 1.03) translate3d(-50%, 0, 0); }
80% {
opacity: 1;
-webkit-transform: scale3d(0.97, 0.97, 0.97) translate3d(-50%, 0, 0);
transform: scale3d(0.97, 0.97, 0.97) translate3d(-50%, 0, 0); }
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1) translate3d(-50%, 0, 0);
transform: scale3d(1, 1, 1) translate3d(-50%, 0, 0); } }
@keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1) translate3d(-50%, 0, 0);
transform: scale3d(1, 1, 1) translate3d(-50%, 0, 0); }
20% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1) translate3d(-50%, 0, 0);
transform: scale3d(1.1, 1.1, 1.1) translate3d(-50%, 0, 0); }
40% {
opacity: 1;
-webkit-transform: scale3d(0.9, 0.9, 0.9) translate3d(-50%, 0, 0);
transform: scale3d(0.9, 0.9, 0.9) translate3d(-50%, 0, 0); }
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03) translate3d(-50%, 0, 0);
transform: scale3d(1.03, 1.03, 1.03) translate3d(-50%, 0, 0); }
80% {
opacity: 1;
-webkit-transform: scale3d(0.97, 0.97, 0.97) translate3d(-50%, 0, 0);
transform: scale3d(0.97, 0.97, 0.97) translate3d(-50%, 0, 0); }
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1) translate3d(-50%, 0, 0);
transform: scale3d(1, 1, 1) translate3d(-50%, 0, 0); } }
.sprite {
background-repeat: no-repeat;
display: block; }
.sprite-arrow_l {
width: 65px;
height: 130px;
background-position: -5px -5px; }
.sprite-arrow_l_black {
width: 49px;
height: 96px;
background-position: -80px -5px; }
.sprite-arrow_r {
width: 65px;
height: 130px;
background-position: -139px -5px; }
.sprite-arrow_r_black {
width: 49px;
height: 96px;
background-position: -214px -5px; }
.sprite-black {
width: 41px;
height: 41px;
background-position: -80px -111px; }
.sprite-gray {
width: 41px;
height: 41px;
background-position: -214px -111px; }
.sprite-green {
width: 44px;
height: 44px;
background-position: -5px -162px; }
.sprite-pink {
width: 45px;
height: 44px;
background-position: -59px -162px; }
.sprite-white {
width: 45px;
height: 44px;
background-position: -114px -162px; }
.wd__section .large__text-center {
text-align: center;
margin-left: auto;
margin-right: auto; }
.wd__section .large__text-center .content__comment,
.wd__section .large__text-center .content__info,
.wd__section .large__text-center .content__link,
.wd__section .large__text-center .content__slogan,
.wd__section .large__text-center .content__title {
text-align: center;
margin-left: auto;
margin-right: auto; }
.wd__section .large__text-center .content__slogan:after {
margin-left: auto;
margin-right: auto; }
.wd__section .large__text-center .content__title:after {
margin: 0 auto;
text-align: center; }
.wd__section .large__text-left.wd__content {
text-align: left; }
.wd__section .large__text-left.wd__content .content__comment,
.wd__section .large__text-left.wd__content .content__info,
.wd__section .large__text-left.wd__content .content__link,
.wd__section .large__text-left.wd__content .content__slogan,
.wd__section .large__text-left.wd__content .content__title {
text-align: left;
margin-left: 0; }
.wd__section .large__text-left.wd__content .content__slogan:after {
left: 0;
margin-left: 0px; }
.wd__section .large__text-left.wd__content .content__title:after {
margin-left: 0;
text-align: left; }
.wd__section .large__text-left.wd__feature__list {
text-align: left; }
.wd__section .large__text-left.wd__feature__list .wd__feature {
margin-left: 0;
margin-right: 50px; }
.wd__section .large__text-right.wd__content {
text-align: right; }
.wd__section .large__text-right.wd__content .content__slogan:after {
right: 0;
margin-right: 0px; }
.wd__section .large__text-right.wd__feature__list {
text-align: right; }
.wd__section .large__text-right.wd__feature__list .wd__feature {
margin-left: 50px;
margin-right: 0; }
@media all and (min-width: 721px) and (max-width: 1300px) {
.wd__section .medium__text-left.wd__content {
text-align: left; }
.wd__section .medium__text-left.wd__feature__list {
text-align: left; }
.wd__section .medium__text-left.wd__feature__list .wd__feature {
margin-left: 0;
margin-right: 50px; }
.wd__section .medium__text-left.wd__content {
left: 0; }
.wd__section .medium__text-left.wd__content .content__comment,
.wd__section .medium__text-left.wd__content .content__info,
.wd__section .medium__text-left.wd__content .content__link,
.wd__section .medium__text-left.wd__content .content__slogan,
.wd__section .medium__text-left.wd__content .content__title {
text-align: left;
margin-left: 0; }
.wd__section .medium__text-left.wd__content .content__slogan:after {
margin-left: 0px; }
.wd__section .medium__text-center.wd__content {
text-align: center; }
.wd__section .medium__text-center.wd__feature__list {
text-align: center; }
.wd__section .medium__text-center.wd__feature__list .wd__feature {
margin-left: 30px;
margin-right: 30px; }
.wd__section .medium__text-center.wd__feature__list .wd__feature .wd__feature__describe__top, .wd__section .medium__text-center.wd__feature__list .wd__feature .wd__feature__data, .wd__section .medium__text-center.wd__feature__list .wd__feature .wd__feature__describe {
text-align: center; }
.wd__section .medium__text-center.wd__content {
left: 0;
margin-left: auto;
margin-right: auto; }
.wd__section .medium__text-center.wd__content .content__comment,
.wd__section .medium__text-center.wd__content .content__info,
.wd__section .medium__text-center.wd__content .content__link,
.wd__section .medium__text-center.wd__content .content__slogan,
.wd__section .medium__text-center.wd__content .content__title {
text-align: center;
margin-left: auto;
margin-right: auto; }
.wd__section .medium__text-center.wd__content .content__slogan:after {
margin-left: auto;
margin-right: auto; } }
@media all and (max-width: 720px) {
.wd__section .small__text-left.wd__content {
text-align: left; }
.wd__section .small__text-left.wd__feature__list {
text-align: center; }
.wd__section .small__text-left.wd__feature__list .wd__feature {
text-align: left;
margin-left: 13px;
margin-right: 13px; }
.wd__section .small__text-left.wd__content {
left: 0; }
.wd__section .small__text-left.wd__content .content__comment,
.wd__section .small__text-left.wd__content .content__info,
.wd__section .small__text-left.wd__content .content__link,
.wd__section .small__text-left.wd__content .content__slogan,
.wd__section .small__text-left.wd__content .content__title {
text-align: left;
margin-left: 0; }
.wd__section .small__text-left.wd__content .content__slogan:after {
margin-left: 0; }
.wd__section .small__text-center {
text-align: center; }
.wd__section .small__text-center.wd__content {
text-align: center; }
.wd__section .small__text-center.wd__feature__list {
text-align: center; }
.wd__section .small__text-center.wd__feature__list .wd__feature {
margin-left: 17px;
margin-right: 17px; }
.wd__section .small__text-center.wd__content {
left: 0;
margin-left: auto;
margin-right: auto; }
.wd__section .small__text-center.wd__content .content__comment,
.wd__section .small__text-center.wd__content .content__info,
.wd__section .small__text-center.wd__content .content__link,
.wd__section .small__text-center.wd__content .content__slogan,
.wd__section .small__text-center.wd__content .content__title {
text-align: center;
margin-left: auto;
margin-right: auto; }
.wd__section .small__text-center.wd__content .content__slogan:after {
margin-left: auto;
margin-right: auto; } }
.wd__section .section_content.text-white .wd__content .content__comment,
.wd__section .section_content.text-white .wd__content .content__info,
.wd__section .section_content.text-white .wd__content .content__title {
color: #fff; }
.wd__section .section_content.text-white .wd__feature__list .wd__feature .wd__feature__describe span,
.wd__section .section_content.text-white .wd__feature__list .wd__feature .wd__feature__describe__top,
.wd__section .section_content.text-white .wd__feature__list .wd__feature .wd__feature__describe__top span .wd__feature__describe {
color: #fff; }
.wd__section .section_content .wd__content.theme-dark .content__comment {
color: #999; }
.wd__section .section_content .wd__content.theme-dark .content__info,
.wd__section .section_content .wd__content.theme-dark .content__title {
color: #fff; }
.wd__section .section_content .wd__content.theme-dark .wd__feature__list .wd__feature .wd__feature__describe, .wd__section .section_content .wd__content.theme-dark .wd__feature__list .wd__feature .wd__feature__describe span, .wd__section .section_content .wd__content.theme-dark .wd__feature__list .wd__feature .wd__feature__describe__top, .wd__section .section_content .wd__content.theme-dark .wd__feature__list .wd__feature .wd__feature__describe__top span {
color: #fff; }
.wd__section .section_content .wd__content.theme-light .content__info,
.wd__section .section_content .wd__content.theme-light .content__title {
color: #333; }
.wd__section .section_content .wd__content.theme-light .wd__feature__list .wd__feature .wd__feature__describe, .wd__section .section_content .wd__content.theme-light .wd__feature__list .wd__feature .wd__feature__describe span, .wd__section .section_content .wd__content.theme-light .wd__feature__list .wd__feature .wd__feature__describe__top, .wd__section .section_content .wd__content.theme-light .wd__feature__list .wd__feature .wd__feature__describe__top span {
color: #333; }
.wd__section .section_content .wd__feature__list.theme-dark .wd__feature .wd__feature__describe, .wd__section .section_content .wd__feature__list.theme-dark .wd__feature .wd__feature__describe span, .wd__section .section_content .wd__feature__list.theme-dark .wd__feature .wd__feature__describe__top, .wd__section .section_content .wd__feature__list.theme-dark .wd__feature .wd__feature__describe__top span {
color: #fff; }
.wd__section .section_content .wd__feature__list.theme-light .wd__feature .wd__feature__describe, .wd__section .section_content .wd__feature__list.theme-light .wd__feature .wd__feature__describe span, .wd__section .section_content .wd__feature__list.theme-light .wd__feature .wd__feature__describe__top, .wd__section .section_content .wd__feature__list.theme-light .wd__feature .wd__feature__describe__top span {
color: #333; }
.modal-button-container.bg-gray .modal-button-text {
color: #6f6f6f; }
.modal-button-container.bg-gray .modal-button .modal-button-start-cap, .modal-button-container.bg-gray .modal-button .modal-button-scaler, .modal-button-container.bg-gray .modal-button .modal-button-end-cap {
background: #6f6f6f; }
.modal-button-container.bg-white .modal-button.old__browser .modal-button-start-cap, .modal-button-container.bg-white .modal-button.old__browser .modal-button-copy, .modal-button-container.bg-white .modal-button.old__browser .modal-button-end-cap {
background: #fff; }
.modal-button-container.bg-white .modal-button.old__browser .modal-button-copy {
color: #6f6f6f; }
.modal-button-container.bg-white .modal-button.old__browser .pluscircle-icon {
background-image: url(/websites/global/products/kraux8InrwJnZDo6/v2/features/images/icon_modalbtn_gray.png) !important; }
.modal-button-container.bg-white .modal-button .modal-button-copy {
color: #6f6f6f; }
.modal-button-container.bg-white .modal-button .modal-button-start-cap, .modal-button-container.bg-white .modal-button .modal-button-scaler, .modal-button-container.bg-white .modal-button .modal-button-end-cap {
background: #fff; }
.modal-button-container.bg-white .modal-button .pluscircle-icon svg path {
fill: #6f6f6f; }
.play__icon:after {
display: block;
position: absolute;
content: "";
top: 0;
right: 0;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAADJklEQVRYw73YTWwWVRQG4KdD1RjTEmNjt0ZNtC4GXQiiTLAmklShdKFbomAYSQTqRjbu3IhuBBd2iPizM42Jjb9JF/7kolgIQWcBGuLCJVhi2iYSNRUXc1vqZ03nm6/1LGfuOee9d+697/tOlzYiK8qNeAwbcRduwXrM4DJ+xCl8GvL0VN26XTUa34jdOIh5fIwTOIdLIU9nsqJcj1sxgAzb0Y0jOB7y9EpjEFlR7oyFzuLVkKfftLFqm/EC7sNoyNOJtkBkRXkDjuIR7A15+kXd5svUGsQxfI4DIU9/XxFEVpS9mMCveDrk6WxTAC0138bNGGmt2dUy+Hp8hp+Qhzy92imAJbXXYQy3Yyjk6R8L75KWsa9jDvtWEwCEPJ3Hs5iNfRZjEURWlCMYxK6YsOoR6+7CYOyH+DniMTyv2gONN2HdyIryYbyDgZCnVxZWYje+/z8AxBX5Et9hD9c+x0EcbnM2R7Oi7O4Ay2EcgCQryk34q52LKMZ+TGZF2ddwNU5iPivKTQm24cOGsxnE6awoNzTM/wjbEjyg4oKmcRu+zoryiQa5J7A5UZHO+Q5AwE0Yz4rypawokzbyzuHuREXHFzsEQXXcX8REvKbrxCX0JehdDX5YEjvwbp2BsW9Pgtk2kNeJT/BUnYFZUfZgLlEpov5VaH4VL2M45OlMzZx+THerNuUALnQA4DfsCXn6Xpt59+CHBN9iSwcAfsaWBgDgIZxMMInhhgC+wv0hT882zB/GZBLydEp1fT/YZoExPBry9Jcm3aMGXRfydGqBgI7gEHbWLRLydF/D2S/EIZWOXWTRt7AhitI1j6gn7sXxRRDRF4yiiGd3LQH0qNT36IIfaRW6x9CHJ9dC4kWxO47LIU/3LjxvJZvnIog3sqJc0Z01ADCmcmr7l777B4gow7fjTry/Wtd5rDOOO/B4qwH6F+1GUhnCNM5kRbm1QwBbcSbWG1qOLFfyoiN4TeVFX4mSrG7zpV70+ZCnH/zX2Lqu/BmVGP5TJcmCinMuhjydizu+3zVXvgPXqe6fNzty5csAav0/0YdelauaVv2fOK2yklN1XdzfdfIarq20xZsAAAAASUVORK5CYII=");
width: 24px;
height: 24px; }
.icon__left__arrow {
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFEAAACbCAYAAAAa/HfkAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0MDM3YTljNy1lZjkwLWQ4NGMtYTcwZC03OGM4NDg0NjAzYmQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDVGQjNDREY4MDYyMTFFNTg0QTFBRTczNzFDNDFDNTMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDVGQjNDREU4MDYyMTFFNTg0QTFBRTczNzFDNDFDNTMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZGNkZjRmNDItMzk0ZS1jNDRhLTg4ZTctNWY1M2Y5NjI4MTUwIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6NDZhZjExODAtNjFhMy0xMWU1LTkzZGUtOTIwNmM2N2RmYjRiIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+lOkdwQAAAthJREFUeNrs3U1Ow0AMhuEWdZVzAregEj+XAHHObANdsKFhUcb2+LNfS9lEahaPMkkjjT8ft207UGN1BwGIIIJIgQgiiCBSIIIIIogUiN512ju5rmtnk5dlWc7cif+v5+/jieU8Bnj+zw9BHAQE0QAQxH3ATxDHAR9BHAfcQAwG7IhoDtgN0QWwE6IbYBdEV8AOiO6A1RFDACsjhgFWRQwFrIgYDlgNcQpgJcRpgFUQpwJWQJwOqI6YAlAZMQ2gKmIqQEXEdIBqiCkBlRDTAqogpgZUQEwPmB1RAjAzogxgVkQpwIyIcoDZECUBMyHKAmZBlAbMgCgPOBuxBOBMxDKAsxBLAc5ALAcYjVgSMBKxLGAUYmnACMTygN6ILQA9EdsAXurkcM2Xw3W7a1lAjzuxHaA1YktAS8S2gFaIrQEtENsDjiICOIgI4CAigIOIAA4iAjiICOAgIoCDiAAOIgI4iAigAeJx5xx4NyJe7sK3X+cevo/3P4BBBNL37Qyk0f9EII2+WIA0+nYG0gARSCNEII0QgTRCBNIIEUgjRCAPdjsgWkNa7sVpC2m9K6wlpMcmz3aQXjtlW0F67tluA+ndPXCBfK0OGdHHcq4OGdVRVRoysrevLGR0l+lfkB/KkDP6nfcg75UhZ3Xel4KcmQFRBnJ2GkkJyAy5OPKQWRKapCEzZYXJQmZLrZOEzJifKAeZNclTCjJzpqwMZPZ0YwlIhZzt9JAqie+pIZVmD6SFVJuCkRJScR5LOkjVyUCpIJVnVKWBVJ+WlgKywty+6ZBVJkhOhaw0y3QaZLWpulMgK853DoesOmk8FLLyzPswyMqIYZDVEUMgOyC6Q3ZBdIXshOgG2Q3RBbIjojnk6dC3fmL9n35BXurhlgsdt+06vWpd106YV7loy7IcWc7jS5tnYjQkiAaQJ+x2XzY31e6LhWI5gwgiiBSIIIIIIgQggggiBaJlfQkwAFslPR5pZL7CAAAAAElFTkSuQmCC"); }
.icon__right__arrow {
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFIAAACbCAYAAADxy8znAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0MDM3YTljNy1lZjkwLWQ4NGMtYTcwZC03OGM4NDg0NjAzYmQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDVGQjNDRTM4MDYyMTFFNTg0QTFBRTczNzFDNDFDNTMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDVGQjNDRTI4MDYyMTFFNTg0QTFBRTczNzFDNDFDNTMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZGNkZjRmNDItMzk0ZS1jNDRhLTg4ZTctNWY1M2Y5NjI4MTUwIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6NDZhZjExODAtNjFhMy0xMWU1LTkzZGUtOTIwNmM2N2RmYjRiIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+TCPT7wAAAshJREFUeNrs3MFKA0EQBNBEctrvVP/CgPErFL9zr+vm4CUHCaZ6prqqGoZAYC+PyQ7p6e7jtm2HxOPxFIJABjKQiUAGMpCBTAQykIFMBDKQjHF65OF1XS/7x9kVb1kW2I5829cl+xHz0w4m8B1pj4k8bKwxH4X8DiYG8jWYGMgtmLh3ZDCBh409JvLUtsZE/9e2xaxIWlhiVmV/7DAr02hWmNX5SBvMEYldC8xRGXJ5zJFXDdKYo+9sZDFnXH5JYs66RZTDnHkdK4U5+15bBpOhQEACk6XSoj0mU8lKa0y22p+2mIxFVC0xWavR2mEyl/W1wmSvj2yD2aHQtAVml4pdesxOpc/UmN1qyGkxOxbjU2J27Wqgw+zcHkKF2b3PhgZToWGJAlOl82s6plIL3VRMtV7EaZiKTZ1TMFW7Y4djKrcZD8VU79cehunQ+D4E02WCQDmm0yiGvzDfA4nBPD+K6TgcpATTdcoKHNN5XA0U033uDwwzA5RAmIEEYQYShBlIEGYgQZiBBGEGEoQZSBBmIO8HvY1jIO+PK9bnvl5uvv843AwgDSQAMZAgxECCEAMJQgwkCDGQIMRAghADCUJ0h4QhOkNCEV0h4YiOkCWIbpBliE6QpYgukOWIDpBDENUhhyEqQw5FVIUcjqgIOQVRDXIaohLkVEQVyOmICpAUiN0haRA7Q1IhdoWkQ+wISYnYDZIWsRMkNWIXSHrEDpAtENkh2yAyQ7ZCZIVsh8gI2RKRDbItIhNka0QWyPaIDJASiLMhZRBnQkohzoKUQ5wBKYk4GlIWcSSkNOIoSHnEEZAWiNc4FSN+7etZHbFyR1ohVkHaIVZAWiKiIW0RkZDWiChIe0QEZBBBkEH83VHbtv374XVdN2fEZVlKTm3LnYiGtEZEQdojIiCDiDhsErVJi0AmAhnIQCYCGchABjIRyEAG0jl+BBgCMDs+2El12r0AAAAASUVORK5CYII=");
width: 24px;
height: 24px; }
.border__radius-ie8 {
behavior: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/css/css3-IE8-PIE.htc"); }
.stopScrollbar {
overflow: hidden; }
#af-header.popHide,
#overview-top-nav.popHide,
.section__comment.popHide,
#asus-api-footer.popHide,
#main-zone #product-footer-zone.popHide {
display: none !important; }
.modal-button-container {
z-index: 2147483647; }
@media (max-width: 720px) {
.modal-button-container {
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8); } }
.modal-button-container.inner {
position: fixed;
left: 50%;
bottom: 30px;
-webkit-transform: translate3d(-50%, 0px, 0px);
transform: translate3d(-50%, 0px, 0px); }
.modal-button-container.text-white .modal-button {
color: #fff; }
.modal-button-container.text-dark .modal-button {
color: #000; }
.modal-button-container.outer {
position: relative;
text-align: center; }
.modal-button-container.outer .modal-button-target {
top: 50px; }
@media (max-width: 720px) {
.modal-button-container.outer .modal-button-target {
top: 42px; } }
.modal-button-container button {
background: none;
border: 0;
cursor: pointer;
-webkit-tap-highlight-color: transparent; }
.modal-button-container button:focus {
outline: 0; }
.modal-button-container .modal-button-text,
.modal-button-container .modal-inner-text {
position: relative;
display: block;
font-size: 22px;
pointer-events: none; }
@media (min-width: 721px) and (max-width: 1300px) {
.modal-button-container .modal-button-text,
.modal-button-container .modal-inner-text {
font-size: 18px; } }
@media (max-width: 720px) {
.modal-button-container .modal-button-text,
.modal-button-container .modal-inner-text {
margin-bottom: 8px;
font-size: 19px; } }
.modal-button-container .modal-button-target {
position: absolute;
height: 50px;
left: 50%;
top: 10px;
z-index: 10;
display: none;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%); }
.modal-button-container .modal-button {
cursor: pointer;
position: relative;
display: inline-block;
-webkit-tap-highlight-color: transparent;
-webkit-tap-highlight-color: transparent;
-ms-touch-action: manipulation;
touch-action: manipulation;
pointer-events: all;
text-align: center;
z-index: 1;
margin: 10px 0;
padding: 0 30px;
min-width: 50px;
height: 46px;
line-height: 46px;
border: 0;
font-weight: 200;
background-color: #000;
cursor: pointer;
border-radius: 25px;
border-width: 3px;
border-style: solid;
-webkit-transition: background-color 400ms ease-out, border-color 400ms ease-out, color 400ms ease-out;
transition: background-color 400ms ease-out, border-color 400ms ease-out, color 400ms ease-out; }
.outer-view {
z-index: 0;
-webkit-transform-origin: 50vw 50vh;
-ms-transform-origin: 50vw 50vh;
transform-origin: 50vw 50vh;
-webkit-transform: translateZ(0px) translateY(0px) scale(1);
transform: translateZ(0px) translateY(0px) scale(1); }
.outer-view.animate-scale {
-webkit-transform: translateZ(0px) translateY(200px) scale(0.96);
transform: translateZ(0px) translateY(200px) scale(0.96);
-webkit-transition: -webkit-transform 650ms ease-out;
transition: -webkit-transform 650ms ease-out;
transition: transform 650ms ease-out;
transition: transform 650ms ease-out, -webkit-transform 650ms ease-out; }
.outer-view .modal-button-container.ready .modal-button {
-webkit-transform: translate(0, 0px) !important;
-ms-transform: translate(0, 0px) !important;
transform: translate(0, 0px) !important; }
.inner-view {
position: fixed;
left: 0;
top: 0;
display: block;
text-align: center;
width: 100%;
overflow: hidden;
z-index: 1000000000;
-webkit-transform: translateY(110vh);
-ms-transform: translateY(110vh);
transform: translateY(110vh);
margin-left: 0;
margin-bottom: -60px;
width: 100%;
background-color: white;
-webkit-transition: -webkit-transform 750ms ease;
transition: -webkit-transform 750ms ease;
transition: transform 750ms ease;
transition: transform 750ms ease, -webkit-transform 750ms ease; }
.inner-view.killFixed {
position: relative !important; }
.inner-view .inner-view-container {
height: 100%; }
.inner-view .inner-modal {
position: relative;
visibility: visible;
display: block;
width: 100%;
min-height: 100vh;
opacity: 0;
-webkit-transition: opacity 250ms;
transition: opacity 250ms; }
.inner-view .inner-modal.showed {
opacity: 1; }
.inner-view .modal-button-container {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-overflow-scrolling: touch; }
.inner-view .modal-button-container {
opacity: 0;
position: fixed;
bottom: -80px;
left: 0%;
width: 100%;
-webkit-transform: translate3d(0%, 0, 0) translateZ(0);
transform: translate3d(0%, 0, 0) translateZ(0);
-webkit-transition: opacity 300ms ease, -webkit-transform 400ms ease;
transition: opacity 300ms ease, -webkit-transform 400ms ease;
transition: transform 400ms ease, opacity 300ms ease;
transition: transform 400ms ease, opacity 300ms ease, -webkit-transform 400ms ease; }
.inner-view.show-inner {
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important; }
.inner-view.show-inner .modal-active {
display: block;
visibility: visible; }
.inner-view.show-inner .modal-button-container {
opacity: 1;
-webkit-transform: translate3d(0%, -130px, 0) translateZ(0);
transform: translate3d(0%, -130px, 0) translateZ(0);
-webkit-transition: -webkit-transform 300ms ease-out;
transition: -webkit-transform 300ms ease-out;
transition: transform 300ms ease-out;
transition: transform 300ms ease-out, -webkit-transform 300ms ease-out;
-webkit-transition-delay: 1200ms;
transition-delay: 1200ms; }
@media (max-width: 720px) {
.inner-view.show-inner .modal-button-container {
-webkit-transform: translate3d(0%, -110px, 0) translateZ(0) scale(0.8);
transform: translate3d(0%, -110px, 0) translateZ(0) scale(0.8); } }
@media (min-width: 721px) and (max-width: 1300px) {
.modal-button-container.inner {
bottom: 20px; } }
@media (max-width: 720px) {
.modal-button-container .modal-button {
text-align: center; }
.modal-button-container.inner {
bottom: 9px; } }
body {
background-attachment: scroll !important;
-moz-osx-font-smoothing: grayscale; }
#product_content_area {
background: #000; }
#CMD {
-webkit-transition-duration: 700ms;
transition-duration: 700ms;
-webkit-transition-property: opacity;
transition-property: opacity;
-webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.33, 0.98);
transition-timing-function: cubic-bezier(0.25, 0.46, 0.33, 0.98);
position: relative;
background: #101115;
margin-bottom: 60px;
text-align: center;
line-height: 1.3;
font-size: 15px;
-webkit-tap-highlight-color: transparent; }
@media all and (min-width: 1px) {
#CMD {
-webkit-opacity: 0;
-khtml-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }
@media all and (max-width: 720px) {
#CMD {
margin-bottom: 30px; } }
.fix_ie_png {
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#00FFFFFF, endColorstr=#00FFFFFF ); }
@media all and (min-width: 1301px) {
.clear__background__src {
background-image: none !important; } }
section {
position: relative;
margin-left: auto;
margin-right: auto;
max-width: 2560px; }
@media all and (min-width: 721px) and (max-width: 1300px) {
section.limit__width {
width: 100%;
margin-left: auto;
margin-right: auto;
min-width: 721px;
max-width: 1300px; } }
@media all and (min-width: 0px) and (max-width: 720px) {
section.limit__width {
width: 100%;
margin-left: auto;
margin-right: auto;
min-width: 320px;
max-width: 720px; } }
.progressive-image {
background-image: none !important; }
#CMD .wd__section-bgwhite {
background-color: #fff; }
#CMD .wd__section-bgwhite .wd__content .content__title {
color: #333333; }
#CMD .wd__section-bgwhite .wd__content .content__info {
color: #333333; }
#CMD .wd__section-bgwhite .wd__content .content__comment {
color: #333333; }
#CMD .wd__section-bgwhite .wd__feature__list .wd__feature .wd__feature__describe__top {
color: #333333; }
#CMD .wd__section-bgwhite .wd__feature__list .wd__feature .wd__feature__describe {
color: #333333; }
#CMD .wd__section-bgwhite .modal-button-container .modal-button-text,
#CMD .wd__section-bgwhite .modal-button-container.outer .modal-button-text {
color: #6f6f6f; }
#CMD .wd__section-bgwhite .modal-button-container .modal-button.old__browser .modal-button-start-cap,
#CMD .wd__section-bgwhite .modal-button-container .modal-button.old__browser .modal-button-copy,
#CMD .wd__section-bgwhite .modal-button-container .modal-button.old__browser .modal-button-end-cap,
#CMD .wd__section-bgwhite .modal-button-container.outer .modal-button.old__browser .modal-button-start-cap,
#CMD .wd__section-bgwhite .modal-button-container.outer .modal-button.old__browser .modal-button-copy,
#CMD .wd__section-bgwhite .modal-button-container.outer .modal-button.old__browser .modal-button-end-cap {
background: #66382e; }
#CMD .wd__section-bgwhite .modal-button-container .modal-button.old__browser .modal-button-copy,
#CMD .wd__section-bgwhite .modal-button-container.outer .modal-button.old__browser .modal-button-copy {
color: #fff; }
#CMD .wd__section-bgwhite .modal-button-container .modal-button .modal-button-copy,
#CMD .wd__section-bgwhite .modal-button-container.outer .modal-button .modal-button-copy {
color: #fff; }
#CMD .wd__section-bgwhite .modal-button-container .modal-button .modal-button-start-cap,
#CMD .wd__section-bgwhite .modal-button-container .modal-button .modal-button-scaler,
#CMD .wd__section-bgwhite .modal-button-container .modal-button .modal-button-end-cap,
#CMD .wd__section-bgwhite .modal-button-container.outer .modal-button .modal-button-start-cap,
#CMD .wd__section-bgwhite .modal-button-container.outer .modal-button .modal-button-scaler,
#CMD .wd__section-bgwhite .modal-button-container.outer .modal-button .modal-button-end-cap {
background: #66382e; }
#CMD .wd__section-bgwhite .modal-button-container .modal-button .pluscircle-icon svg path,
#CMD .wd__section-bgwhite .modal-button-container.outer .modal-button .pluscircle-icon svg path {
fill: #fff; }
#CMD .wd__section-bggrey {
background-color: #eee; }
#CMD .wd__section-bggrey .wd__content .content__title {
color: #333333; }
#CMD .wd__section-bggrey .wd__content .content__info {
color: #333333; }
#CMD .wd__section-bggrey .wd__content .content__comment {
color: #333333; }
#CMD .wd__section-bggrey .wd__feature__list .wd__feature .wd__feature__describe__top {
color: #333333; }
#CMD .wd__section-bggrey .wd__feature__list .wd__feature .wd__feature__describe {
color: #333333; }
#CMD .wd__section-bggrey .modal-button-container .modal-button-text,
#CMD .wd__section-bggrey .modal-button-container.outer .modal-button-text {
color: #6f6f6f; }
#CMD .wd__section-bggrey .modal-button-container .modal-button.old__browser .modal-button-start-cap,
#CMD .wd__section-bggrey .modal-button-container .modal-button.old__browser .modal-button-copy,
#CMD .wd__section-bggrey .modal-button-container .modal-button.old__browser .modal-button-end-cap,
#CMD .wd__section-bggrey .modal-button-container.outer .modal-button.old__browser .modal-button-start-cap,
#CMD .wd__section-bggrey .modal-button-container.outer .modal-button.old__browser .modal-button-copy,
#CMD .wd__section-bggrey .modal-button-container.outer .modal-button.old__browser .modal-button-end-cap {
background: #66382e; }
#CMD .wd__section-bggrey .modal-button-container .modal-button.old__browser .modal-button-copy,
#CMD .wd__section-bggrey .modal-button-container.outer .modal-button.old__browser .modal-button-copy {
color: #fff; }
#CMD .wd__section-bggrey .modal-button-container .modal-button .modal-button-copy,
#CMD .wd__section-bggrey .modal-button-container.outer .modal-button .modal-button-copy {
color: #fff; }
#CMD .wd__section-bggrey .modal-button-container .modal-button .modal-button-start-cap,
#CMD .wd__section-bggrey .modal-button-container .modal-button .modal-button-scaler,
#CMD .wd__section-bggrey .modal-button-container .modal-button .modal-button-end-cap,
#CMD .wd__section-bggrey .modal-button-container.outer .modal-button .modal-button-start-cap,
#CMD .wd__section-bggrey .modal-button-container.outer .modal-button .modal-button-scaler,
#CMD .wd__section-bggrey .modal-button-container.outer .modal-button .modal-button-end-cap {
background: #66382e; }
#CMD .wd__section-bggrey .modal-button-container .modal-button .pluscircle-icon svg path,
#CMD .wd__section-bggrey .modal-button-container.outer .modal-button .pluscircle-icon svg path {
fill: #fff; }
#CMD .wd__inner__section-bgwhite {
background-color: #fff; }
#CMD .wd__inner__section-bgwhite .wd__content .content__title {
color: #333333; }
#CMD .wd__inner__section-bgwhite .wd__content .content__info {
color: #333333; }
#CMD .wd__inner__section-bgwhite .wd__content .content__comment {
color: #333333; }
#CMD .wd__inner__section-bgwhite .wd__feature__list .wd__feature .wd__feature__describe__top {
color: #333333; }
#CMD .wd__inner__section-bgwhite .wd__feature__list .wd__feature .wd__feature__describe {
color: #333333; }
#CMD .wd__inner__section-bgDark .wd__content .content__title {
color: #fff; }
#CMD .wd__inner__section-bgDark .wd__content .content__info {
color: #fff; }
#CMD .wd__inner__section-bgDark .wd__content .content__comment {
color: #fff; }
#CMD .wd__inner__section-bgDark .wd__feature__list .wd__feature .wd__feature__describe__top {
color: #fff; }
#CMD .wd__inner__section-bgDark .wd__feature__list .wd__feature .wd__feature__describe {
color: #fff; }
#CMD .wd__inner__section-bgLight .wd__content .content__title {
color: #333333; }
#CMD .wd__inner__section-bgLight .wd__content .content__info {
color: #333333; }
#CMD .wd__inner__section-bgLight .wd__content .content__comment {
color: #333333; }
#CMD .wd__inner__section-bgLight .wd__feature__list .wd__feature .wd__feature__describe__top {
color: #333333; }
#CMD .wd__inner__section-bgLight .wd__feature__list .wd__feature .wd__feature__describe {
color: #333333; }
@media all and (min-width: 1px) {
.grace-show {
-webkit-opacity: 0;
-khtml-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: opacity 800ms;
transition: opacity 800ms; }
.grace-show.show {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-opacity: 1;
-khtml-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
will-change: opacity; }
.grace-show.animated {
-webkit-transform: none;
-ms-transform: none;
transform: none;
will-change: null; } }
.in.moving__element {
will-change: transform, opacity; }
.smooth__animation {
-webkit-transition-duration: 1.25s, 1.25s;
transition-duration: 1.25s, 1.25s;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
-webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95), cubic-bezier(0.39, 0.575, 0.565, 1);
transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95), cubic-bezier(0.39, 0.575, 0.565, 1); }
.smooth__animation-fast {
-webkit-transition-duration: 400ms, 400ms;
transition-duration: 400ms, 400ms;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
-webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95), cubic-bezier(0.39, 0.575, 0.565, 1);
transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95), cubic-bezier(0.39, 0.575, 0.565, 1); }
.wd__animation__easeout {
-webkit-transition-duration: 500ms, 500ms;
transition-duration: 500ms, 500ms;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
-webkit-transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
-moz-transition-duration: 500ms;
-moz-transition-property: all; }
.wd__animation__easeout__slow {
-webkit-transition-duration: 1200ms, 1200ms;
transition-duration: 1200ms, 1200ms;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
-webkit-transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
transition-timing-function: cubic-bezier(0, 0, 0.58, 1); }
.wd__animation__easeout-fast {
-webkit-transition-duration: 400ms, 400ms;
transition-duration: 400ms, 400ms;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
-webkit-transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
-moz-transition-duration: 400ms;
-moz-transition-property: all; }
@-webkit-keyframes ripple {
0% {
opacity: 0; }
20% {
opacity: 0; }
60% {
opacity: 1; }
80% {
opacity: 0; }
100% {
opacity: 0; } }
@keyframes ripple {
0% {
opacity: 0; }
20% {
opacity: 0; }
60% {
opacity: 1; }
80% {
opacity: 0; }
100% {
opacity: 0; } }
@-webkit-keyframes soundCirclePlay {
0% {
opacity: 0;
-webkit-transform: scale(1.8);
transform: scale(1.8); }
10% {
opacity: 0.6; }
50% {
opacity: 0;
-webkit-transform: scale(0.2);
transform: scale(0.2); }
100% {
opacity: 0;
-webkit-transform: scale(0.2);
transform: scale(0.2); } }
@keyframes soundCirclePlay {
0% {
opacity: 0;
-webkit-transform: scale(1.8);
transform: scale(1.8); }
10% {
opacity: 0.6; }
50% {
opacity: 0;
-webkit-transform: scale(0.2);
transform: scale(0.2); }
100% {
opacity: 0;
-webkit-transform: scale(0.2);
transform: scale(0.2); } }
@-webkit-keyframes soundRipple {
0% {
opacity: 0; }
10% {
opacity: 1; }
50% {
opacity: 1; }
51% {
opacity: 0;
-webkit-transform: scale(0.8);
transform: scale(0.8); }
100% {
opacity: 0;
-webkit-transform: scale(0, 0);
transform: scale(0, 0); } }
@keyframes soundRipple {
0% {
opacity: 0; }
10% {
opacity: 1; }
50% {
opacity: 1; }
51% {
opacity: 0;
-webkit-transform: scale(0.8);
transform: scale(0.8); }
100% {
opacity: 0;
-webkit-transform: scale(0, 0);
transform: scale(0, 0); } }
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg); }
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg); }
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg); }
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg); }
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); } }
@keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg); }
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg); }
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg); }
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg); }
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); } }
@-webkit-keyframes ballRotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes ballRotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
.wd__content.text__animation > * {
opacity: 0;
-webkit-transform: translateZ(0) translateY(30px);
transform: translateZ(0) translateY(30px); }
.wd__content.text__animation.text-showed > * {
will-change: null;
-webkit-transform: none;
-ms-transform: none;
transform: none; }
.inner-modal .wd__content.text__animation > * {
opacity: 0;
-webkit-transform: translateZ(0) translateY(30px);
transform: translateZ(0) translateY(30px); }
.inner-modal .wd__content.text__animation > *.text-showed > * {
will-change: null;
-webkit-transform: none;
-ms-transform: none;
transform: none; }
#ctl00_ContentPlaceHolder1_ctl00_span_model_name img {
max-width: 100%; }
#main-zone > .container {
width: 100% !important;
max-width: 100% !important;
padding: 0 !important; }
#main-zone > .container .overview-wrapper {
width: 100% !important; }
#product-footer-zone {
margin-top: 0 !important; }
#main-zone #overview-top-nav .inner {
padding: 0; }
#special-sectionOverview {
margin-top: 0px; }
.wd__section .slick-dots {
margin-left: auto;
margin-right: auto; }
#CMD .outer-view {
margin-top: 56px \9 !important; }
@media all and (min-width: 769px) {
#CMD .outer-view {
margin-top: 56px; } }
@media (max-width: 959px) and (min-width: 720px) {
#af-header,
#af-header .af-inner,
body #asus-api-footer {
min-width: 100%;
width: 100%; }
#main-zone > .container {
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important; } }
@media all and (max-width: 720px) {
#CMD {
margin-top: 0px !important; }
#main-zone,
#main-zone-5,
#main-zone-3,
#main-zone-4,
#main-zone-6 {
padding-right: 0 !important;
padding-left: 0 !important; } }
.footnotes {
margin: 25px auto 0;
width: 1180px; }
sup.footnote-num {
font-size: 12px;
top: -0.7rem;
vertical-align: baseline !important; }
.footnotes ul.footnote {
font-size: 18px;
color: #999999;
line-height: 1.4; }
.footnotes ul.footnote li {
list-style-type: decimal;
line-height: 1.3;
text-align: left;
margin-bottom: 9px; }
.footnotes ul.footnote.footnote-star {
margin-bottom: 0px; }
.footnotes ul.footnote.footnote-star li {
list-style-type: none;
position: relative; }
.footnotes ul.footnote.footnote-star li:before {
content: "*";
line-height: 1.7;
position: absolute;
left: -14px; }
@media all and (max-width: 720px) {
sup.footnote-num {
font-size: 11px;
top: -0.5rem; }
.footnotes ul.footnote {
font-size: 13.3px;
line-height: 1.4; }
.footnotes ul.footnote li {
margin-bottom: 12px; }
.footnotes ul.footnote.footnote-star {
margin-bottom: 0px; }
.footnotes ul.footnote.footnote-star li:before {
left: -9px; } }
section {
position: relative;
width: 100%; }
.section_content {
margin-left: auto;
margin-right: auto;
width: 100%;
height: 100%; }
section.no-pad {
padding: 0; }
section.no-pad-bot {
padding-bottom: 0; }
section.no-pad-top {
padding-top: 0; }
#CMD .row {
position: relative;
margin-left: auto;
margin-right: auto; }
#CMD .row:after {
content: "";
display: table;
clear: both; }
#CMD .row .col {
float: left;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
margin: 0; }
#CMD .row .col[class*="push-"], #CMD .row .col[class*="pull-"] {
position: relative; }
#CMD .row .col.l1 {
width: 8.33333%;
margin-left: auto;
left: auto;
right: auto; }
#CMD .row .col.l2 {
width: 16.66667%;
margin-left: auto;
left: auto;
right: auto; }
#CMD .row .col.l3 {
width: 25%;
margin-left: auto;
left: auto;
right: auto; }
#CMD .row .col.l4 {
width: 33.33333%;
margin-left: auto;
left: auto;
right: auto; }
#CMD .row .col.l5 {
width: 41.66667%;
margin-left: auto;
left: auto;
right: auto; }
#CMD .row .col.l6 {
width: 50%;
margin-left: auto;
left: auto;
right: auto; }
#CMD .row .col.l7 {
width: 58.33333%;
margin-left: auto;
left: auto;
right: auto; }
#CMD .row .col.l8 {
width: 66.66667%;
margin-left: auto;
left: auto;
right: auto; }
#CMD .row .col.l9 {
width: 75%;
margin-left: auto;
left: auto;
right: auto; }
#CMD .row .col.l10 {
width: 83.33333%;
margin-left: auto;
left: auto;
right: auto; }
#CMD .row .col.l11 {
width: 91.66667%;
margin-left: auto;
left: auto;
right: auto; }
#CMD .row .col.l12 {
width: 100%;
margin-left: auto;
left: auto;
right: auto; }
#CMD .row .col.offset-l1 {
margin-left: 8.33333%; }
#CMD .row .col.pull-l1 {
right: 8.33333%; }
#CMD .row .col.push-l1 {
left: 8.33333%; }
#CMD .row .col.offset-l2 {
margin-left: 16.66667%; }
#CMD .row .col.pull-l2 {
right: 16.66667%; }
#CMD .row .col.push-l2 {
left: 16.66667%; }
#CMD .row .col.offset-l3 {
margin-left: 25%; }
#CMD .row .col.pull-l3 {
right: 25%; }
#CMD .row .col.push-l3 {
left: 25%; }
#CMD .row .col.offset-l4 {
margin-left: 33.33333%; }
#CMD .row .col.pull-l4 {
right: 33.33333%; }
#CMD .row .col.push-l4 {
left: 33.33333%; }
#CMD .row .col.offset-l5 {
margin-left: 41.66667%; }
#CMD .row .col.pull-l5 {
right: 41.66667%; }
#CMD .row .col.push-l5 {
left: 41.66667%; }
#CMD .row .col.offset-l6 {
margin-left: 50%; }
#CMD .row .col.pull-l6 {
right: 50%; }
#CMD .row .col.push-l6 {
left: 50%; }
#CMD .row .col.offset-l7 {
margin-left: 58.33333%; }
#CMD .row .col.pull-l7 {
right: 58.33333%; }
#CMD .row .col.push-l7 {
left: 58.33333%; }
#CMD .row .col.offset-l8 {
margin-left: 66.66667%; }
#CMD .row .col.pull-l8 {
right: 66.66667%; }
#CMD .row .col.push-l8 {
left: 66.66667%; }
#CMD .row .col.offset-l9 {
margin-left: 75%; }
#CMD .row .col.pull-l9 {
right: 75%; }
#CMD .row .col.push-l9 {
left: 75%; }
#CMD .row .col.offset-l10 {
margin-left: 83.33333%; }
#CMD .row .col.pull-l10 {
right: 83.33333%; }
#CMD .row .col.push-l10 {
left: 83.33333%; }
#CMD .row .col.offset-l11 {
margin-left: 91.66667%; }
#CMD .row .col.pull-l11 {
right: 91.66667%; }
#CMD .row .col.push-l11 {
left: 91.66667%; }
#CMD .row .col.offset-l12 {
margin-left: 100%; }
#CMD .row .col.pull-l12 {
right: 100%; }
#CMD .row .col.push-l12 {
left: 100%; }
@media only screen and (min-width: 721px) and (max-width: 1300px) {
#CMD .row .col.m1 {
width: 8.33333%;
margin-left: auto;
left: auto;
right: auto; }
#CMD .row .col.m2 {
width: 16.66667%;
margin-left: auto;
left: auto;
right: auto; }
#CMD .row .col.m3 {
width: 25%;
margin-left: auto;
left: auto;
right: auto; }
#CMD .row .col.m4 {
width: 33.33333%;
margin-left: auto;
left: auto;
right: auto; }
#CMD .row .col.m5 {
width: 41.66667%;
margin-left: auto;
left: auto;
right: auto; }
#CMD .row .col.m6 {
width: 50%;
margin-left: auto;
left: auto;
right: auto; }
#CMD .row .col.m7 {
width: 58.33333%;
margin-left: auto;
left: auto;
right: auto; }
#CMD .row .col.m8 {
width: 66.66667%;
margin-left: auto;
left: auto;
right: auto; }
#CMD .row .col.m9 {
width: 75%;
margin-left: auto;
left: auto;
right: auto; }
#CMD .row .col.m10 {
width: 83.33333%;
margin-left: auto;
left: auto;
right: auto; }
#CMD .row .col.m11 {
width: 91.66667%;
margin-left: auto;
left: auto;
right: auto; }
#CMD .row .col.m12 {
width: 100%;
margin-left: auto;
left: auto;
right: auto; }
#CMD .row .col.offset-m1 {
margin-left: 8.33333%; }
#CMD .row .col.pull-m1 {
right: 8.33333%; }
#CMD .row .col.push-m1 {
left: 8.33333%; }
#CMD .row .col.offset-m2 {
margin-left: 16.66667%; }
#CMD .row .col.pull-m2 {
right: 16.66667%; }
#CMD .row .col.push-m2 {
left: 16.66667%; }
#CMD .row .col.offset-m3 {
margin-left: 25%; }
#CMD .row .col.pull-m3 {
right: 25%; }
#CMD .row .col.push-m3 {
left: 25%; }
#CMD .row .col.offset-m4 {
margin-left: 33.33333%; }
#CMD .row .col.pull-m4 {
right: 33.33333%; }
#CMD .row .col.push-m4 {
left: 33.33333%; }
#CMD .row .col.offset-m5 {
margin-left: 41.66667%; }
#CMD .row .col.pull-m5 {
right: 41.66667%; }
#CMD .row .col.push-m5 {
left: 41.66667%; }
#CMD .row .col.offset-m6 {
margin-left: 50%; }
#CMD .row .col.pull-m6 {
right: 50%; }
#CMD .row .col.push-m6 {
left: 50%; }
#CMD .row .col.offset-m7 {
margin-left: 58.33333%; }
#CMD .row .col.pull-m7 {
right: 58.33333%; }
#CMD .row .col.push-m7 {
left: 58.33333%; }
#CMD .row .col.offset-m8 {
margin-left: 66.66667%; }
#CMD .row .col.pull-m8 {
right: 66.66667%; }
#CMD .row .col.push-m8 {
left: 66.66667%; }
#CMD .row .col.offset-m9 {
margin-left: 75%; }
#CMD .row .col.pull-m9 {
right: 75%; }
#CMD .row .col.push-m9 {
left: 75%; }
#CMD .row .col.offset-m10 {
margin-left: 83.33333%; }
#CMD .row .col.pull-m10 {
right: 83.33333%; }
#CMD .row .col.push-m10 {
left: 83.33333%; }
#CMD .row .col.offset-m11 {
margin-left: 91.66667%; }
#CMD .row .col.pull-m11 {
right: 91.66667%; }
#CMD .row .col.push-m11 {
left: 91.66667%; }
#CMD .row .col.offset-m12 {
margin-left: 100%; }
#CMD .row .col.pull-m12 {
right: 100%; }
#CMD .row .col.push-m12 {
left: 100%; } }
@media only screen and (max-width: 720px) {
#CMD .row .col.s1 {
width: 8.33333%;
margin-left: auto;
left: auto;
right: auto; }
#CMD .row .col.s2 {
width: 16.66667%;
margin-left: auto;
left: auto;
right: auto; }
#CMD .row .col.s3 {
width: 25%;
margin-left: auto;
left: auto;
right: auto; }
#CMD .row .col.s4 {
width: 33.33333%;
margin-left: auto;
left: auto;
right: auto; }
#CMD .row .col.s5 {
width: 41.66667%;
margin-left: auto;
left: auto;
right: auto; }
#CMD .row .col.s6 {
width: 50%;
margin-left: auto;
left: auto;
right: auto; }
#CMD .row .col.s7 {
width: 58.33333%;
margin-left: auto;
left: auto;
right: auto; }
#CMD .row .col.s8 {
width: 66.66667%;
margin-left: auto;
left: auto;
right: auto; }
#CMD .row .col.s9 {
width: 75%;
margin-left: auto;
left: auto;
right: auto; }
#CMD .row .col.s10 {
width: 83.33333%;
margin-left: auto;
left: auto;
right: auto; }
#CMD .row .col.s11 {
width: 91.66667%;
margin-left: auto;
left: auto;
right: auto; }
#CMD .row .col.s12 {
width: 100%;
margin-left: auto;
left: auto;
right: auto; }
#CMD .row .col.offset-s1 {
margin-left: 8.33333%; }
#CMD .row .col.pull-s1 {
right: 8.33333%; }
#CMD .row .col.push-s1 {
left: 8.33333%; }
#CMD .row .col.offset-s2 {
margin-left: 16.66667%; }
#CMD .row .col.pull-s2 {
right: 16.66667%; }
#CMD .row .col.push-s2 {
left: 16.66667%; }
#CMD .row .col.offset-s3 {
margin-left: 25%; }
#CMD .row .col.pull-s3 {
right: 25%; }
#CMD .row .col.push-s3 {
left: 25%; }
#CMD .row .col.offset-s4 {
margin-left: 33.33333%; }
#CMD .row .col.pull-s4 {
right: 33.33333%; }
#CMD .row .col.push-s4 {
left: 33.33333%; }
#CMD .row .col.offset-s5 {
margin-left: 41.66667%; }
#CMD .row .col.pull-s5 {
right: 41.66667%; }
#CMD .row .col.push-s5 {
left: 41.66667%; }
#CMD .row .col.offset-s6 {
margin-left: 50%; }
#CMD .row .col.pull-s6 {
right: 50%; }
#CMD .row .col.push-s6 {
left: 50%; }
#CMD .row .col.offset-s7 {
margin-left: 58.33333%; }
#CMD .row .col.pull-s7 {
right: 58.33333%; }
#CMD .row .col.push-s7 {
left: 58.33333%; }
#CMD .row .col.offset-s8 {
margin-left: 66.66667%; }
#CMD .row .col.pull-s8 {
right: 66.66667%; }
#CMD .row .col.push-s8 {
left: 66.66667%; }
#CMD .row .col.offset-s9 {
margin-left: 75%; }
#CMD .row .col.pull-s9 {
right: 75%; }
#CMD .row .col.push-s9 {
left: 75%; }
#CMD .row .col.offset-s10 {
margin-left: 83.33333%; }
#CMD .row .col.pull-s10 {
right: 83.33333%; }
#CMD .row .col.push-s10 {
left: 83.33333%; }
#CMD .row .col.offset-s11 {
margin-left: 91.66667%; }
#CMD .row .col.pull-s11 {
right: 91.66667%; }
#CMD .row .col.push-s11 {
left: 91.66667%; }
#CMD .row .col.offset-s12 {
margin-left: 100%; }
#CMD .row .col.pull-s12 {
right: 100%; }
#CMD .row .col.push-s12 {
left: 100%; } }
.wd__section {
/* Slider */
/* Icons */
/* Arrows */
/* Dots */
/* Slider */ }
.wd__section .wd__content {
color: #333333; }
.wd__section .wd__content .content__slogan {
position: relative;
color: #a89d5b;
font-size: 29px; }
@media all and (min-width: 721px) and (max-width: 1300px) {
.wd__section .wd__content .content__slogan {
font-size: 24px; } }
@media all and (max-width: 720px) {
.wd__section .wd__content .content__slogan {
font-size: 20px; } }
.wd__section .wd__content .content__title {
position: relative;
margin-top: 11px;
font-size: 48px;
line-height: 1.2; }
@media all and (min-width: 721px) and (max-width: 1300px) {
.wd__section .wd__content .content__title {
margin-top: 27px; } }
@media all and (max-width: 720px) {
.wd__section .wd__content .content__title {
margin-top: 13px;
font-size: 37px; } }
.wd__section .wd__content .content__info {
position: relative;
margin-top: 24px;
font-size: 20px;
line-height: 1.5; }
@media all and (min-width: 721px) and (max-width: 1300px) {
.wd__section .wd__content .content__info {
margin-top: 25px; } }
@media all and (max-width: 720px) {
.wd__section .wd__content .content__info {
margin-top: 13px;
font-size: 17px;
letter-spacing: 0.1px;
line-height: 1.45; } }
.wd__section .wd__content .content__comment {
margin-top: 16px;
font-size: 18px;
color: #717171;
line-height: 1.4; }
@media all and (max-width: 720px) {
.wd__section .wd__content .content__comment {
margin-top: 12px;
font-size: 13px;
letter-spacing: 0.2px; } }
.wd__section .wd__content .content__link {
display: block;
margin-top: 15px;
font-size: 20px;
line-height: 27px; }
@media all and (min-width: 721px) and (max-width: 1300px) {
.wd__section .wd__content .content__link {
margin-top: 16px; } }
@media all and (max-width: 720px) {
.wd__section .wd__content .content__link {
margin-top: 10px;
font-size: 15.5px;
line-height: 24px; } }
.wd__section .wd__content .content__link span {
display: inline;
border-bottom: 1px solid transparent;
color: #0188c8; }
.wd__section .wd__content .content__link *,
.wd__section .wd__content .content__link:active span,
.wd__section .wd__content .content__link:link span,
.wd__section .wd__content .content__link:visited span {
border-bottom: 1px solid transparent; }
.wd__section .wd__content .content__link:hover span {
border-bottom: 1px solid #0188c8; }
.wd__section .wd__link__arrow:after {
content: '>';
padding-left: 7px;
color: #0188c8; }
@media all and (min-width: 721px) and (max-width: 1300px) {
.wd__section .wd__link__arrow:after {
padding-left: 3px; } }
@media all and (max-width: 720px) {
.wd__section .wd__link__arrow:after {
padding-left: 4px; } }
.wd__section .wd__feature__list {
position: relative;
margin-top: 66px; }
@media all and (min-width: 721px) and (max-width: 1300px) {
.wd__section .wd__feature__list {
margin-top: 50px; } }
@media all and (max-width: 720px) {
.wd__section .wd__feature__list {
margin-top: 40px; } }
.wd__section .wd__feature__list .wd__feature {
position: relative;
display: inline-block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
vertical-align: bottom;
color: #333333;
margin: 0 25px 50px; }
@media all and (min-width: 721px) and (max-width: 1300px) {
.wd__section .wd__feature__list .wd__feature {
margin: 0 33px 48px; } }
@media all and (max-width: 720px) {
.wd__section .wd__feature__list .wd__feature {
margin: 0 17px 40px; } }
.wd__section .wd__feature__list .wd__feature .wd__feature__describe__top {
position: relative;
margin-bottom: 2px; }
@media all and (max-width: 720px) {
.wd__section .wd__feature__list .wd__feature .wd__feature__describe__top {
margin-bottom: 1px; } }
.wd__section .wd__feature__list .wd__feature .wd__feature__data {
color: #a89d5b;
font-size: 65px;
line-height: 1; }
@media all and (max-width: 720px) {
.wd__section .wd__feature__list .wd__feature .wd__feature__data {
margin-bottom: 2px;
font-size: 47px; } }
.wd__section .wd__feature__list .wd__feature .wd__feature__data span {
font-size: 28px; }
@media all and (min-width: 721px) and (max-width: 1300px) {
.wd__section .wd__feature__list .wd__feature .wd__feature__data span {
font-size: 30px; } }
@media all and (max-width: 720px) {
.wd__section .wd__feature__list .wd__feature .wd__feature__data span {
font-size: 25px; } }
.wd__section .wd__feature__list .wd__feature .wd__feature__describe {
position: relative;
margin-top: -3px; }
@media all and (max-width: 720px) {
.wd__section .wd__feature__list .wd__feature .wd__feature__describe {
margin-top: 1px; } }
.wd__section .wd__feature__list .wd__feature .wd__feature__describe span,
.wd__section .wd__feature__list .wd__feature .wd__feature__describe__top,
.wd__section .wd__feature__list .wd__feature .wd__feature__describe__top span .wd__feature__describe {
font-size: 16px;
letter-spacing: 0.4px; }
@media all and (min-width: 721px) and (max-width: 1300px) {
.wd__section .wd__feature__list .wd__feature .wd__feature__describe span,
.wd__section .wd__feature__list .wd__feature .wd__feature__describe__top,
.wd__section .wd__feature__list .wd__feature .wd__feature__describe__top span .wd__feature__describe {
font-size: 16px;
line-height: 1.2; } }
@media all and (max-width: 720px) {
.wd__section .wd__feature__list .wd__feature .wd__feature__describe span,
.wd__section .wd__feature__list .wd__feature .wd__feature__describe__top,
.wd__section .wd__feature__list .wd__feature .wd__feature__describe__top span .wd__feature__describe {
display: block;
font-size: 13px;
line-height: 1.4 !important;
letter-spacing: .1px; } }
.wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-left-l {
padding-left: 7px; }
.wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-left-m {
padding-left: 5px; }
.wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-left-s {
padding-left: 3px; }
.wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-right-l {
padding-right: 7px; }
.wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-right-m {
padding-right: 5px; }
.wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-right-s {
padding-right: 3px; }
@media all and (min-width: 721px) and (max-width: 1300px) {
.wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-left-l {
padding-left: 7px; }
.wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-left-m {
padding-left: 5px; }
.wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-left-s {
padding-left: 3px; }
.wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-right-l {
padding-right: 7px; }
.wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-right-m {
padding-right: 5px; }
.wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-right-s {
padding-right: 3px; } }
@media all and (max-width: 720px) {
.wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-left-l {
padding-left: 3px; }
.wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-left-m {
padding-left: 2px; }
.wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-left-s {
padding-left: 1px; }
.wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-right-l {
padding-right: 3px; }
.wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-right-m {
padding-right: 2px; }
.wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-right-s {
padding-right: 1px; } }
.wd__section .wd__feature__list .wd__feature .wd__feature__data sup.sign-deg {
top: -22px;
font-size: 40px; }
@media all and (min-width: 721px) and (max-width: 1300px) {
.wd__section .wd__feature__list .wd__feature .wd__feature__data sup.sign-deg {
top: -22px;
font-size: 40px; } }
@media all and (max-width: 720px) {
.wd__section .wd__feature__list .wd__feature .wd__feature__data sup.sign-deg {
top: -15px;
font-size: 28px; } }
.wd__section .wd__feature__list .wd__feature .wd__feature__data sup.sign-star-small {
top: -21px;
font-size: 28px; }
@media all and (min-width: 721px) and (max-width: 1300px) {
.wd__section .wd__feature__list .wd__feature .wd__feature__data sup.sign-star-small {
top: -21px;
font-size: 28px; } }
@media all and (max-width: 720px) {
.wd__section .wd__feature__list .wd__feature .wd__feature__data sup.sign-star-small {
top: -12px;
font-size: 25px; } }
.wd__section .wd__feature__list .wd__feature .wd__feature__data sup.sign-star {
top: -25px;
font-size: 28px; }
@media all and (min-width: 721px) and (max-width: 1300px) {
.wd__section .wd__feature__list .wd__feature .wd__feature__data sup.sign-star {
top: -25px;
font-size: 28px; } }
@media all and (max-width: 720px) {
.wd__section .wd__feature__list .wd__feature .wd__feature__data sup.sign-star {
top: -15px;
font-size: 25px; } }
.wd__section .wd__feature__list .wd__feature .wd__feature__data span.sign-TM {
position: relative;
top: -18px;
font-size: 30px; }
@media all and (min-width: 721px) and (max-width: 1300px) {
.wd__section .wd__feature__list .wd__feature .wd__feature__data span.sign-TM {
top: -18px;
font-size: 30px; } }
@media all and (max-width: 720px) {
.wd__section .wd__feature__list .wd__feature .wd__feature__data span.sign-TM {
top: -14px;
font-size: 20px; } }
.wd__section .wd__feature__list .wd__feature .wd__feature__data.text__long-en {
font-size: 54px;
line-height: 66px;
bottom: -4px;
position: relative; }
.wd__section .wd__feature__list .wd__feature .wd__feature__data.text__long-en * {
line-height: 1; }
.wd__section .wd__feature__list .wd__feature .wd__feature__data.text__long-tw {
margin-top: 7px;
font-size: 46px;
line-height: 58px; }
@media all and (min-width: 721px) and (max-width: 1300px) {
.wd__section .wd__feature__list .wd__feature .wd__feature__data.text__long-en {
font-size: 54px;
line-height: 65px; }
.wd__section .wd__feature__list .wd__feature .wd__feature__data.text__long-tw {
margin-top: 10px;
font-size: 46px;
line-height: 56px; } }
@media all and (max-width: 720px) {
.wd__section .wd__feature__list .wd__feature .wd__feature__data.text__long-en {
font-size: 37.8px;
line-height: 49px;
padding-top: 0px;
margin-bottom: -1px; }
.wd__section .wd__feature__list .wd__feature .wd__feature__data.text__long-tw {
font-size: 32px;
line-height: 36px;
padding-top: 5px; } }
.wd__section .wd__feature__list .wd__feature .wd__feature__data.plus {
position: relative;
margin-right: 32px; }
.wd__section .wd__feature__list .wd__feature .wd__feature__data.plus span {
position: absolute;
top: 4px;
right: -33px;
font-size: 51px; }
@font-face {
.wd__section {
font-family: "slick";
src: url("/font/slick.eot");
src: url("/font/slick.eot?#iefix") format("embedded-opentype"), url("/font/slick.woff") format("woff"), url("/font/slick.ttf") format("truetype"), url("/font/slick.svg#slick") format("svg");
font-weight: normal;
font-style: normal; } }
.wd__section .slick-prev,
.wd__section .slick-next {
position: absolute;
display: block;
height: 20px;
width: 20px;
line-height: 0px;
font-size: 0px;
cursor: pointer;
color: transparent;
top: 50%;
margin-top: -10px;
padding: 0;
border: none;
outline: none; }
.wd__section .slick-prev:hover, .wd__section .slick-prev:focus,
.wd__section .slick-next:hover,
.wd__section .slick-next:focus {
outline: none;
color: transparent; }
.wd__section .slick-prev:hover:before, .wd__section .slick-prev:focus:before,
.wd__section .slick-next:hover:before,
.wd__section .slick-next:focus:before {
opacity: 1; }
.wd__section .slick-prev.slick-disabled:before,
.wd__section .slick-next.slick-disabled:before {
opacity: 0.25; }
.wd__section .slick-prev {
left: -25px; }
[dir="rtl"] .wd__section .slick-prev {
left: auto;
right: -25px; }
.wd__section .slick-next {
right: -25px; }
[dir="rtl"] .wd__section .slick-next {
left: -25px;
right: auto; }
.wd__section .slick-slider {
margin-bottom: 30px; }
.wd__section .slick-dots {
position: absolute;
bottom: -45px;
list-style: none;
display: block;
text-align: center;
padding: 0;
width: 100%; }
.wd__section .slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer; }
.wd__section .slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 20px;
width: 20px;
outline: none;
line-height: 0px;
font-size: 0px;
color: transparent;
padding: 5px;
cursor: pointer; }
.wd__section .slick-dots li button:hover, .wd__section .slick-dots li button:focus {
outline: none; }
.wd__section .slick-dots li button:hover:before, .wd__section .slick-dots li button:focus:before {
opacity: 1; }
.wd__section .slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: "•";
width: 20px;
height: 20px;
font-family: "slick";
font-size: 6px;
line-height: 20px;
text-align: center;
color: black;
opacity: 0.25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.wd__section .slick-dots li.slick-active button:before {
color: black;
opacity: 0.75; }
.wd__section .slick-slider {
position: relative;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent; }
.wd__section .slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0; }
.wd__section .slick-list:focus {
outline: none; }
.wd__section .slick-list.dragging {
cursor: pointer;
cursor: hand; }
.wd__section .slick-slider .slick-track,
.wd__section .slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.wd__section .slick-track {
position: relative;
left: 0;
top: 0;
display: block; }
.wd__section .slick-track:before, .wd__section .slick-track:after {
content: "";
display: table; }
.wd__section .slick-track:after {
clear: both; }
.slick-loading .wd__section .slick-track {
visibility: hidden; }
.wd__section .slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none; }
[dir="rtl"] .wd__section .slick-slide {
float: right; }
.wd__section .slick-slide img {
display: block; }
.wd__section .slick-slide.slick-loading img {
display: none; }
.wd__section .slick-slide.dragging img {
pointer-events: none; }
.slick-initialized .wd__section .slick-slide {
display: block; }
.slick-loading .wd__section .slick-slide {
visibility: hidden; }
.slick-vertical .wd__section .slick-slide {
display: block;
height: auto;
border: 1px solid transparent; }
.wd__section .slick-arrow.slick-hidden {
display: none; }
.wd__section .slick__nav {
margin-bottom: 40px;
color: #636360;
text-align: center;
font-size: 1.5em;
line-height: 1.6; }
.wd__section .slick__nav a {
color: #636360; }
.wd__section .slick-slide {
display: block;
-moz-box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent; }
.wd__section .slick-next {
right: 25px; }
.wd__section .slick-prev {
left: 25px; }
.wd__section .slick__prev, .wd__section .slick__next {
z-index: 9999;
content: ''; }
.wd__section .slick__prev:before, .wd__section .slick__next:before {
content: '';
display: none; }
.wd__section [dir='rtl'] .slick__prev:before {
content: '';
display: none; }
.wd__section [dir='rtl'] .slick__next:before {
content: '';
display: none; }
.wd__section .wd__slick .container {
margin: auto;
padding-left: 20px;
padding-right: 20px;
max-width: 900px; }
.wd__section .wd__slick .container.e1 .slick__info {
margin-top: 15em; }
.wd__section .wd__slick .container .slick__half {
width: 45%; }
.wd__section .wd__slick .container .slick__left {
float: left; }
.wd__section .wd__slick .container .slick__right {
float: right; }
.wd__section .wd__slick .container .slick__img, .wd__section .wd__slick .container .slick__info {
width: 100%; }
.wd__section .sprite__arrow__right {
z-index: 1000;
background-position: -214px -5px;
width: 49px;
height: 96px; }
.wd__section .sprite__arrow__left {
z-index: 1000;
background-position: -80px -5px;
width: 49px;
height: 96px; }
.wd__section .sprite-arrow_r {
width: 65px;
height: 130px; }
.wd__section .sprite-arrow_l {
width: 65px;
height: 130px; }
.wd__section .slick-prev, .wd__section .slick-next {
z-index: 1;
background-color: transparent;
margin-top: -19px;
width: 50px;
height: 118px;
background-color: rgba(0, 0, 0, 0.3);
background-color: gray\9;
border-radius: 0 10px 10px 0; }
.wd__section .slick-prev:before, .wd__section .slick-next:before {
position: absolute;
display: block;
z-index: 1000;
top: 57px;
top: 0\9;
font-size: 34px;
color: white; }
.wd__section .slick-prev {
left: 0px;
border-radius: 0 10px 10px 0; }
.wd__section .slick-prev:before {
content: '<';
right: 18px; }
.wd__section .slick-next {
right: 0;
border-radius: 10px 0 0 10px; }
.wd__section .slick-next:before {
content: '>';
left: 18px; }
@media all and (min-width: 721px) and (max-width: 1300px) {
.wd__section .slick-prev, .wd__section .slick-next {
margin-top: -19px;
width: 35px;
height: 88px; }
.wd__section .slick-prev:before, .wd__section .slick-next:before {
position: absolute;
display: block;
z-index: 1000;
top: 43px;
font-size: 26px;
color: white; }
.wd__section .slick-prev:before {
right: 10px; }
.wd__section .slick-next:before {
left: 10px; } }
@media all and (max-width: 720px) {
.wd__section .slick-prev, .wd__section .slick-next {
display: none !important; } }
.wd__section .wd__border__center__text {
display: inline-block; }
.wd__section .wd__border__center__text .center__text {
font-family: "Myriad W01_n1", "Myriad W01", "Segoe UI", sans-serif;
font-weight: 100;
font-style: normal;
color: #a89d5b;
font-size: 2.27em;
display: table-cell;
vertical-align: middle;
border: 1px solid #c4c4c4;
border-radius: 5px;
height: 174px;
width: 4em;
min-width: 180px;
text-align: center; }
.wd__section .wd__border__center__text__list {
text-align: center; }
.wd__section .wd__border__center__text__list .wd__border__center__text {
margin-left: 3px;
margin-right: 3px; }
.wd__section .wd__performance__graph {
position: relative;
text-align: left;
margin-top: 32px; }
.wd__section .wd__performance__graph .graph__heading {
display: block;
padding-bottom: 40px;
font-size: 25px; }
.wd__section .wd__performance__graph .graph__description {
display: block;
margin-top: -34px;
padding-bottom: 40px;
font-size: 17px; }
.wd__section .wd__performance__graph .space-left-m {
padding-left: 3px; }
.wd__section .wd__performance__graph .space-right-m {
padding-right: 3px; }
.wd__section .wd__performance__graph .graph .graph__line {
margin-bottom: 28px; }
.wd__section .wd__performance__graph .graph .graph__line.line-1 .bar__value {
display: none; }
.wd__section .wd__performance__graph .graph .graph__line.line-1 .graph__bar {
-webkit-transition: width 1200ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0ms;
transition: width 1200ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0ms; }
.wd__section .wd__performance__graph .graph .graph__line.line-1 .graph__bar .bar__value {
-webkit-transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 800ms;
transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 800ms; }
.wd__section .wd__performance__graph .graph .graph__line.line-1 .graph__caption {
-webkit-transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 200ms;
transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 200ms; }
.wd__section .wd__performance__graph .graph .graph__line.line-2 .graph__bar {
-webkit-transition: width 1200ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 400ms;
transition: width 1200ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 400ms; }
.wd__section .wd__performance__graph .graph .graph__line.line-2 .graph__bar .bar__value {
-webkit-transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 1200ms;
transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 1200ms; }
.wd__section .wd__performance__graph .graph .graph__line.line-2 .graph__caption {
-webkit-transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 600ms;
transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 600ms; }
.wd__section .wd__performance__graph .graph .graph__line.line-3 .graph__bar {
-webkit-transition: width 1200ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 800ms;
transition: width 1200ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 800ms; }
.wd__section .wd__performance__graph .graph .graph__line.line-3 .graph__bar .bar__value {
-webkit-transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 1600ms;
transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 1600ms; }
.wd__section .wd__performance__graph .graph .graph__line.line-3 .graph__caption {
-webkit-transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 1000ms;
transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 1000ms; }
.wd__section .wd__performance__graph .graph .graph__line.line-4 .graph__bar {
-webkit-transition: width 1200ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 1200ms;
transition: width 1200ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 1200ms; }
.wd__section .wd__performance__graph .graph .graph__line.line-4 .graph__bar .bar__value {
-webkit-transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 2000ms;
transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 2000ms; }
.wd__section .wd__performance__graph .graph .graph__line.line-4 .graph__caption {
-webkit-transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 1400ms;
transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 1400ms; }
.wd__section .wd__performance__graph .graph .graph__line.line-5 .graph__bar {
-webkit-transition: width 1200ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 1600ms;
transition: width 1200ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 1600ms; }
.wd__section .wd__performance__graph .graph .graph__line.line-5 .graph__bar .bar__value {
-webkit-transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 2400ms;
transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 2400ms; }
.wd__section .wd__performance__graph .graph .graph__line.line-5 .graph__caption {
-webkit-transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 1800ms;
transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 1800ms; }
.wd__section .wd__performance__graph .graph .graph__line.line-6 .graph__bar {
-webkit-transition: width 1200ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 2000ms;
transition: width 1200ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 2000ms; }
.wd__section .wd__performance__graph .graph .graph__line.line-6 .graph__bar .bar__value {
-webkit-transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 2800ms;
transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 2800ms; }
.wd__section .wd__performance__graph .graph .graph__line.line-6 .graph__caption {
-webkit-transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 2200ms;
transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 2200ms; }
.wd__section .wd__performance__graph .graph .graph__line .graph__bar {
position: relative;
margin-bottom: 10px;
height: 12px; }
.wd__section .wd__performance__graph .graph .graph__line .graph__bar .bar__value {
position: absolute;
opacity: 1;
left: 100%;
margin-top: -8px;
margin-left: 19px;
font-size: 22px;
letter-spacing: .05em; }
.wd__section .wd__performance__graph .graph .graph__line .graph__bar .bar__value .value__unit {
font-size: 13px; }
.wd__section .wd__performance__graph .graph .graph__line .graph__caption {
opacity: 1;
font-size: 17px;
letter-spacing: .05em; }
.wd__section .wd__performance__graph .graph-badge {
margin-left: -26px;
margin-top: -41px;
-webkit-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px);
-webkit-transition: opacity 700ms cubic-bezier(0.215, 0.61, 0.355, 1) 1.1s, -webkit-transform 900ms cubic-bezier(0.215, 0.61, 0.355, 1) 1.1s;
transition: opacity 700ms cubic-bezier(0.215, 0.61, 0.355, 1) 1.1s, -webkit-transform 900ms cubic-bezier(0.215, 0.61, 0.355, 1) 1.1s;
transition: transform 900ms cubic-bezier(0.215, 0.61, 0.355, 1) 1.1s, opacity 700ms cubic-bezier(0.215, 0.61, 0.355, 1) 1.1s;
transition: transform 900ms cubic-bezier(0.215, 0.61, 0.355, 1) 1.1s, opacity 700ms cubic-bezier(0.215, 0.61, 0.355, 1) 1.1s, -webkit-transform 900ms cubic-bezier(0.215, 0.61, 0.355, 1) 1.1s; }
.wd__section .wd__performance__graph .graph-badge .badge__caption-top,
.wd__section .wd__performance__graph .graph-badge .badge__caption-bottom {
display: block;
font-size: 16px;
letter-spacing: 0.4px;
line-height: 1; }
.wd__section .wd__performance__graph .graph-badge .badge__value {
display: block;
font-size: 65px;
line-height: 1; }
.wd__section .wd__performance__graph .graph-badge .badge__value .value__unit {
font-size: 0.4em; }
.wd__section .wd__performance__graph .graph-badge .badge__caption-bottom {
margin-top: -3px; }
.wd__section .wd__performance__graph.reset .graph .graph__line .graph__bar {
width: 0% !important; }
.wd__section .wd__performance__graph.reset .graph .graph__line .graph__bar .bar__value {
opacity: 0 !important; }
.wd__section .wd__performance__graph.reset .graph .graph__line .graph__caption {
opacity: 0 !important; }
.wd__section .wd__performance__graph.reset .graph-badge {
-webkit-transform: translate3d(-40px, 0px, 0px) !important;
transform: translate3d(-40px, 0px, 0px) !important;
opacity: 0 !important; }
@media all and (min-width: 721px) and (max-width: 1300px) {
.wd__section .wd__performance__graph .graph .graph__line .graph__bar .bar__value {
margin-top: -4px;
font-size: 17px; }
.wd__section .wd__performance__graph .graph-badge {
margin-top: -36px; }
.wd__section .wd__performance__graph .graph-badge .badge__value {
font-size: 58px; } }
@media all and (min-width: 1px) and (max-width: 720px) {
.wd__section .wd__performance__graph .graph__heading {
padding-bottom: 24px;
font-size: 19px; }
.wd__section .wd__performance__graph .graph__description {
margin-top: -26px;
padding-bottom: 24px; }
.wd__section .wd__performance__graph .graph .graph__line {
margin-bottom: 28px; }
.wd__section .wd__performance__graph .graph .graph__line.line-1 {
position: relative; }
.wd__section .wd__performance__graph .graph .graph__line.line-1 .graph__bar .bar__value {
display: block;
position: absolute;
text-align: right;
right: 0;
margin-top: 16px;
margin-left: -150px;
font-size: 32px; }
.wd__section .wd__performance__graph .graph .graph__line .graph__bar .bar__value {
margin-left: 12px; }
.wd__section .wd__performance__graph .graph .graph__line .graph__bar .bar__value .value__unit {
font-size: 22px; }
.wd__section .wd__performance__graph .graph .graph__line .graph__caption {
opacity: 1;
font-size: 17px;
letter-spacing: .1px; }
.wd__section .wd__performance__graph .graph-badge {
display: none; } }
.wd__section .wd__performance__graph.theme-black .graph__heading,
.wd__section .wd__performance__graph.theme-black .graph__description {
color: white; }
.wd__section .wd__performance__graph.theme-black .bar__value,
.wd__section .wd__performance__graph.theme-black .graph__caption {
color: #eee; }
.wd__section .wd__performance__graph.theme-black .line-1 .bar__value {
color: #00c6ff; }
.wd__section .wd__performance__graph.theme-black .graph-badges .graph-badge .badge__caption-top,
.wd__section .wd__performance__graph.theme-black .graph-badges .graph-badge .badge__caption-bottom {
color: white; }
.wd__section .wd__performance__graph.theme-black .graph-badges .graph-badge .badge__value {
color: #00c6ff; }
.wd__section .wd__performance__graph.theme-white .graph__heading,
.wd__section .wd__performance__graph.theme-white .graph__description {
color: #333; }
.wd__section .wd__performance__graph.theme-white .bar__value,
.wd__section .wd__performance__graph.theme-white .graph__caption {
color: #555; }
.wd__section .wd__performance__graph.theme-white .line-1 .bar__value {
color: #00c6ff; }
.wd__section .wd__performance__graph.theme-white .graph-badges .graph-badge .badge__caption-top,
.wd__section .wd__performance__graph.theme-white .graph-badges .graph-badge .badge__caption-bottom {
color: #333; }
.wd__section .wd__performance__graph.theme-white .graph-badges .graph-badge .badge__value {
color: #00c6ff; }
.inner__nav {
position: relative;
z-index: 2;
text-align: center;
margin: 0 auto 0;
width: 1000px; }
.inner__nav .nav__heading {
font-size: 21px;
color: #ffe092;
-webkit-transition: opacity 600ms ease-out;
transition: opacity 600ms ease-out; }
.inner__nav .nav__heading.clicked {
-webkit-opacity: 0;
-khtml-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
.inner__nav .nav__switch__btn {
position: absolute;
cursor: pointer;
bottom: -62px;
left: 50%;
margin-left: -20px;
width: 40px;
height: 40px;
-webkit-transition: all 600ms ease-out, top 1000ms ease-out;
transition: all 600ms ease-out, top 1000ms ease-out; }
.inner__nav .nav__switch__btn .icon__switch {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 40px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
-webkit-transition: all 500ms ease-out;
transition: all 500ms ease-out;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/icon/inner/icon_open.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.inner__nav .nav__switch__btn .icon__switch {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/icon/inner/icon_open.png"); } }
.inner__nav .nav__switch__btn.clicked {
-webkit-transform: translate3d(0px, 210px, 0px);
transform: translate3d(0px, 210px, 0px); }
.inner__nav .nav__switch__btn.clicked .icon__switch {
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate(405deg) translate3d(0px, 0px, 0px);
transform: rotate(405deg) translate3d(0px, 0px, 0px); }
.inner__nav .nav__switch__btn.fixed {
position: fixed;
top: -30px;
left: 50%;
margin-left: -20px; }
.inner__nav .nav__switch__btn.disable {
-webkit-opacity: 0;
-khtml-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
top: -300px !important; }
.inner__page {
background-color: #f5f5f5;
margin-top: 0;
padding-top: 0; }
.inner__page .wd__content .content__title {
font-size: 27px;
line-height: 1.2; }
.inner__page .inner__mask {
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
-webkit-transition: opacity 500ms ease-out;
transition: opacity 500ms ease-out;
-webkit-opacity: 0;
-khtml-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
.inner__page.darknight .inner__mask {
z-index: 1000000;
-webkit-transition: opacity 500ms ease-out;
transition: opacity 500ms ease-out;
-webkit-opacity: 0.6;
-khtml-opacity: 0.6;
-moz-opacity: 0.6;
-ms-opacity: 0.6;
-o-opacity: 0.6;
opacity: 0.6;
filter: alpha(opacity=60);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }
.inner__page .section_content {
background-color: #fff;
max-width: 2560px;
z-index: 0; }
.inner__page .section_content.theme-gray {
background-color: #e7e7e7;
max-width: 1366px;
margin-bottom: 4px;
padding-bottom: 0; }
.inner__page .section_content.theme-gray .wd__content {
padding-top: 39px; }
.inner__page .icon {
position: relative;
margin-left: auto;
margin-right: auto;
margin-bottom: 11px;
width: 120px;
height: 120px;
background-position: center;
background-size: cover;
background-repeat: no-repeat; }
.inner__page .icon.icon-allSmiles {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/inner/icon/icon_all_smiles.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.inner__page .icon.icon-allSmiles {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/inner/icon/icon_all_smiles.png"); } }
.inner__page .icon.icon-auto {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/inner/icon/icon_auto.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.inner__page .icon.icon-auto {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/inner/icon/icon_auto.png"); } }
.inner__page .icon.icon-beautification {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/inner/icon/icon_beautification.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.inner__page .icon.icon-beautification {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/inner/icon/icon_beautification.png"); } }
.inner__page .icon.icon-depthOfField {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/inner/icon/icon_depth_of_field.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.inner__page .icon.icon-depthOfField {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/inner/icon/icon_depth_of_field.png"); } }
.inner__page .icon.icon-effect {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/inner/icon/icon_effect.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.inner__page .icon.icon-effect {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/inner/icon/icon_effect.png"); } }
.inner__page .icon.icon-gif {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/inner/icon/icon_gif.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.inner__page .icon.icon-gif {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/inner/icon/icon_gif.png"); } }
.inner__page .icon.icon-hdrPro {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/inner/icon/icon_hdr_pro.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.inner__page .icon.icon-hdrPro {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/inner/icon/icon_hdr_pro.png"); } }
.inner__page .icon.icon-kids {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/inner/icon/icon_kids.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.inner__page .icon.icon-kids {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/inner/icon/icon_kids.png"); } }
.inner__page .icon.icon-lowlight {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/inner/icon/icon_lowlight.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.inner__page .icon.icon-lowlight {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/inner/icon/icon_lowlight.png"); } }
.inner__page .icon.icon-miniature {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/inner/icon/icon_miniature.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.inner__page .icon.icon-miniature {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/inner/icon/icon_miniature.png"); } }
.inner__page .icon.icon-night {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/inner/icon/icon_night.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.inner__page .icon.icon-night {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/inner/icon/icon_night.png"); } }
.inner__page .icon.icon-qrCode {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/inner/icon/icon_qr_code.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.inner__page .icon.icon-qrCode {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/inner/icon/icon_qr_code.png"); } }
.inner__page .icon.icon-selfiePanorama {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/inner/icon/icon_selfie_panorama.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.inner__page .icon.icon-selfiePanorama {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/inner/icon/icon_selfie_panorama.png"); } }
.inner__page .icon.icon-selfie {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/inner/icon/icon_selfie.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.inner__page .icon.icon-selfie {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/inner/icon/icon_selfie.png"); } }
.inner__page .icon.icon-slowMotion {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/inner/icon/icon_slow_motion.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.inner__page .icon.icon-slowMotion {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/inner/icon/icon_slow_motion.png"); } }
.inner__page .icon.icon-smartRemove {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/inner/icon/icon_smart_remove.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.inner__page .icon.icon-smartRemove {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/inner/icon/icon_smart_remove.png"); } }
.inner__page .icon.icon-superResolution {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/inner/icon/icon_super_resolution.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.inner__page .icon.icon-superResolution {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/inner/icon/icon_super_resolution.png"); } }
.inner__page .icon.icon-manual {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/inner/icon/icon_manual.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.inner__page .icon.icon-manual {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/inner/icon/icon_manual.png"); } }
.inner__page .icon.icon-timeLapse {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/inner/icon/icon_time_lapse.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.inner__page .icon.icon-timeLapse {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/inner/icon/icon_time_lapse.png"); } }
.inner__page .icon.icon-timeRewind {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/inner/icon/icon_time_rewind.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.inner__page .icon.icon-timeRewind {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/inner/icon/icon_time_rewind.png"); } }
.inner__page .icon.icon-youtube {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/inner/icon/icon_youtube.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.inner__page .icon.icon-youtube {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/inner/icon/icon_youtube.png"); } }
.inner__page .icon.icon-panaroma {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/inner/icon/icon_panaroma.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.inner__page .icon.icon-panaroma {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/inner/icon/icon_panaroma.png"); } }
.inner__page .icon.icon-pro {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/inner/icon/icon_pro.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.inner__page .icon.icon-pro {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/inner/icon/icon_pro.png"); } }
.inner__page .icon.icon-portrait {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/inner/icon/icon_portrait.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.inner__page .icon.icon-portrait {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/inner/icon/icon_portrait.png"); } }
@media all and (min-width: 721px) and (max-width: 1300px) {
.inner__nav {
margin: 0 auto 0;
width: 100%; }
.inner__nav .nav__heading {
font-size: 21px; }
.inner__nav .nav__switch__btn {
bottom: -63px;
left: 50%;
margin-left: -20px;
width: 40px;
height: 40px; }
.inner__nav .nav__switch__btn .icon__switch {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 40px; }
.inner__nav .nav__switch__btn.clicked {
-webkit-transform: translate3d(0px, 210px, 0px);
transform: translate3d(0px, 210px, 0px); }
.inner__nav .nav__switch__btn.clicked .icon__switch {
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate(405deg) translate3d(0px, 0px, 0px);
transform: rotate(405deg) translate3d(0px, 0px, 0px); }
.inner__nav .nav__switch__btn.fixed {
top: -30px;
left: 50%;
margin-left: -20px; }
.inner__page .wd__content .content__title {
font-size: 27px;
line-height: 1.2; }
.inner__page .section_content {
padding-bottom: 205px; }
.inner__page .section_content.theme-gray {
max-width: 1300px;
max-width: 722px; }
.inner__page .section_content.theme-gray .wd__content {
padding-top: 39px; }
.inner__page .section_content.theme-gray .col.always__on__top {
background-color: #FFF; }
.inner__page .icon {
margin-bottom: 11px;
width: 120px;
height: 120px; } }
@media all and (max-width: 720px) {
.inner__nav {
margin: 0 auto 0;
width: 100%; }
.inner__nav .nav__heading {
font-size: 15px;
letter-spacing: 0.2px; }
.inner__nav .nav__switch__btn {
bottom: -55px;
left: 50%;
margin-left: -19px;
width: 38px;
height: 38px; }
.inner__nav .nav__switch__btn .icon__switch {
position: absolute;
top: 0;
left: 0;
width: 38px;
height: 38px; }
.inner__nav .nav__switch__btn.clicked {
-webkit-transform: translate3d(0px, 210px, 0px);
transform: translate3d(0px, 210px, 0px); }
.inner__nav .nav__switch__btn.clicked .icon__switch {
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate(405deg) translate3d(0px, 0px, 0px);
transform: rotate(405deg) translate3d(0px, 0px, 0px); }
.inner__nav .nav__switch__btn.fixed {
top: -30px;
left: 50%;
margin-left: -19px; }
.inner__page .wd__content .content__title {
font-size: 20px;
line-height: 1.1; }
.inner__page .section_content {
padding-bottom: 205px; }
.inner__page .section_content.theme-gray {
max-width: 414px; }
.inner__page .section_content.theme-gray .col.always__on__top {
background-color: #FFF; }
.inner__page .icon {
margin-bottom: 11px;
width: 120px;
height: 120px; } }
.wd__innerbtn {
position: relative;
padding: 0;
max-width: 2560px;
margin-left: auto;
margin-right: auto;
z-index: 2; }
.wd__innerbtn.blackTheme {
margin-top: -2px;
background: #0f0d10; }
.wd__innerbtn .inner__btn {
position: absolute;
width: 100%;
height: 80px;
margin: 0 auto; }
.wd__innerbtn .inner__btn span {
font-size: 21px;
text-align: center;
display: block;
margin-bottom: 22px;
opacity: 1;
-webkit-transition: opacity 400ms;
transition: opacity 400ms; }
.wd__innerbtn .inner__btn .toggleSlide {
width: 40px;
height: 40px;
position: absolute;
left: 50%;
margin-left: -20px;
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: translateY(0px) translateZ(0px) rotate(0deg);
transform: translateY(0px) translateZ(0px) rotate(0deg);
-webkit-transition: background-image 300ms ease-out, -webkit-transform 800ms 50ms;
transition: background-image 300ms ease-out, -webkit-transform 800ms 50ms;
transition: transform 800ms 50ms, background-image 300ms ease-out;
transition: transform 800ms 50ms, background-image 300ms ease-out, -webkit-transform 800ms 50ms; }
.wd__innerbtn .inner__btn .toggleSlide.fixed {
position: fixed;
top: -100px; }
.wd__innerbtn .inner__btn.active span {
opacity: 0; }
.wd__innerbtn .inner__btn.active .toggleSlide {
-webkit-transform: translateY(180px) translateZ(0px) rotate(0deg);
transform: translateY(180px) translateZ(0px) rotate(0deg); }
.wd__innerbtn.theme-black .inner__btn span {
color: #333; }
.wd__innerbtn.theme-black .inner__btn .toggleSlide {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/icon/inner/icon_open_black.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.wd__innerbtn.theme-black .inner__btn .toggleSlide {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/icon/inner/icon_open_black.png"); } }
.wd__innerbtn.theme-black .inner__btn.active .toggleSlide {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/icon/inner/icon_close_black.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.wd__innerbtn.theme-black .inner__btn.active .toggleSlide {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/icon/inner/icon_close_black.png"); } }
.wd__innerbtn.theme-white .inner__btn span {
color: #fff; }
.wd__innerbtn.theme-white .inner__btn .toggleSlide {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/icon/inner/icon_open_white.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.wd__innerbtn.theme-white .inner__btn .toggleSlide {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/icon/inner/icon_open_white.png"); } }
.wd__innerbtn.theme-white .inner__btn.active .toggleSlide {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/icon/inner/icon_close_white.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.wd__innerbtn.theme-white .inner__btn.active .toggleSlide {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/icon/inner/icon_close_white.png"); } }
.inner__page {
display: block;
overflow: hidden;
max-width: 2560px;
margin-left: auto;
margin-right: auto;
z-index: 1; }
.inner__page .section_content {
max-width: 1366px; }
.inner__page .section_content .wd__content .content__title {
color: #333 !important;
font-size: 24px;
font-weight: 200 !important; }
.inner__page .section_content .wd__content .content__title * {
font-weight: 200 !important; }
.inner__page .section_content .wd__content .content__info {
color: #333 !important; }
.inner__page .row {
opacity: 0;
-webkit-transition: opacity 400ms;
transition: opacity 400ms; }
.inner__page.active .row {
opacity: 1; }
@media all and (min-width: 721px) and (max-width: 1300px) {
.wd__innerbtn {
padding: 20px 0; }
.wd__innerbtn.blackTheme {
margin-top: -2px; }
.wd__innerbtn .inner__btn {
width: 100%;
height: 80px;
margin: 0 auto; }
.wd__innerbtn .inner__btn span {
font-size: 21px;
margin-bottom: 11px; }
.wd__innerbtn .inner__btn .toggleSlide {
z-index: 999;
width: 40px;
height: 40px;
position: absolute;
left: 50%;
margin-left: -20px;
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: translateY(0px) translateZ(0px) rotate(0deg);
transform: translateY(0px) translateZ(0px) rotate(0deg);
-webkit-transition: background-image 300ms ease-out, -webkit-transform 800ms 50ms;
transition: background-image 300ms ease-out, -webkit-transform 800ms 50ms;
transition: transform 800ms 50ms, background-image 300ms ease-out;
transition: transform 800ms 50ms, background-image 300ms ease-out, -webkit-transform 800ms 50ms; }
.wd__innerbtn .inner__btn.active span {
opacity: 0; }
.wd__innerbtn .inner__btn.active .toggleSlide {
-webkit-transform: translateY(120px) translateZ(0px) rotate(0deg);
transform: translateY(120px) translateZ(0px) rotate(0deg); }
.wd__innerbtn .inner__btn.active .toggleSlide.fixed {
top: -38px; }
.wd__inner {
overflow: hidden;
display: none; }
.wd__inner .limit__width {
max-width: 720px; }
.wd__inner .limit__width .wd__content {
position: absolute; }
.wd__inner .limit__width .wd__content .content__title {
font-size: 24px;
font-weight: 200 !important; }
.wd__inner .limit__width .wd__content .content__title * {
font-weight: 200 !important; }
.wd__inner .row {
opacity: 0;
-webkit-transition: opacity 400ms;
transition: opacity 400ms;
margin-top: 150px;
margin-bottom: 150px; }
.wd__inner.active .row {
opacity: 1; } }
@media all and (max-width: 720px) {
.wd__innerbtn {
padding: 20px 0; }
.wd__innerbtn.blackTheme {
margin-top: -2px;
background: #0f0d10; }
.wd__innerbtn .inner__btn {
left: 0;
margin: 0 2%;
width: 96%;
height: 80px; }
.wd__innerbtn .inner__btn span {
font-size: 15.5px;
margin-bottom: 19px; }
.wd__innerbtn .inner__btn .toggleSlide {
width: 38px;
height: 38px;
position: absolute;
left: 50%;
margin-left: -19px;
margin-top: -5px;
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: translateY(0px) translateZ(0px) rotate(0deg);
transform: translateY(0px) translateZ(0px) rotate(0deg);
-webkit-transition: background-image 300ms ease-out, -webkit-transform 800ms 50ms;
transition: background-image 300ms ease-out, -webkit-transform 800ms 50ms;
transition: transform 800ms 50ms, background-image 300ms ease-out;
transition: transform 800ms 50ms, background-image 300ms ease-out, -webkit-transform 800ms 50ms; }
.wd__innerbtn .inner__btn .toggleSlide.fixed {
top: -25px; }
.wd__innerbtn .inner__btn.active span {
opacity: 0; }
.wd__innerbtn .inner__btn.active .toggleSlide {
-webkit-transform: translateY(103px) translateZ(0px) rotate(0deg);
transform: translateY(103px) translateZ(0px) rotate(0deg); }
.inner__page .section_content .wd__content {
max-width: 414px !important; } }
.wd__section {
background: #000000; }
.wd__section .row .col[class*="push-"],
.wd__section .row .col[class*="pull-"] {
position: relative; }
.wd__section sup.sign-ref {
position: relative;
top: -0.5em;
font-size: .6em; }
.wd__section .always__on__top {
position: relative;
z-index: 1000; }
.wd__section .no__wrap {
white-space: nowrap;
display: inline-block; }
.wd__section .slick-dots li {
margin-left: 10px;
margin-right: 10px; }
.wd__section .slick-dots li button:before {
color: #333;
font-size: 41px; }
.wd__section .slick-dots li button:hover:before {
color: #c96a54; }
.wd__section .slick-dots li.slick-active button:before {
opacity: 1;
color: #c96a54; }
.wd__section .wd__content .content__slogan {
color: #c96a54; }
.wd__section .wd__content .content__title {
color: #ffffff;
margin-top: 27px; }
.wd__section .wd__content .content__info {
color: #ffffff; }
.wd__section .wd__content .content__comment {
color: lightgray; }
.wd__section .wd__content .content__link span {
color: #ca6953; }
.wd__section .wd__content .content__link:hover span {
border-bottom: 1px solid #ca6953; }
.wd__section .wd__content .wd__link__arrow:after {
color: #ca6953; }
.wd__section .wd__feature__list {
margin-top: 53px; }
.wd__section .wd__feature__list .wd__feature {
vertical-align: top; }
.wd__section .wd__feature__list .wd__feature .wd__feature__data {
color: #c96a54; }
.wd__section .wd__feature__list .wd__feature .wd__feature__describe__top {
color: #ffffff; }
.wd__section .wd__feature__list .wd__feature .wd__feature__describe {
color: #ffffff; }
.wd__section .large_use,
.wd__section .medium_use,
.wd__section .small_use {
display: none; }
.wd__section .large_use {
display: block \9; }
.wd__section .large_unuse {
display: none \9; }
.wd__section .img {
position: relative;
margin-left: auto;
margin-right: auto;
background-size: cover;
background-repeat: no-repeat;
background-position: center; }
.wd__section .modal-button-container .modal-button {
background-color: #66382e;
color: white;
border-color: #66382e; }
.wd__section .modal-button-container .modal-button:hover {
background-color: #96594e;
color: white;
border-color: #96594e; }
.section__kv {
overflow: hidden;
background-color: #000000; }
.section__kv:before {
display: block;
width: 100%;
height: 800px;
content: " ";
background-color: #3f2d47;
position: absolute;
z-index: 1;
top: 0;
left: 0; }
.section__kv .section_content {
z-index: 2;
position: relative; }
.section__kv .wd__content {
position: relative;
margin-left: auto;
margin-right: auto;
width: 1300px; }
.section__kv .wd__content .content__slogan {
margin-top: -12px;
font-size: 54px;
color: #fff; }
.section__kv .wd__content .content__title {
margin-top: 26px;
font-size: 65px; }
.section__kv .wd__content .content__info {
margin-top: 49px;
width: 1070px;
font-size: 26px; }
.section__kv .wd__content .content__slogan:before {
display: none; }
.section__kv .wd__content .content__slogan__sub {
margin-top: 0;
font-size: 34px;
color: #c96a54; }
.section__kv .wd__content .content__title:after {
display: none; }
.section__kv .wd__feature__list .wd__feature {
text-align: center;
vertical-align: top; }
.section__kv .wd__feature__list .wd__feature .wd__feature__data figure {
margin-top: -39px;
margin-bottom: -28px;
width: 384px;
height: 148px;
background-size: contain; }
.section__kv .wd__feature__list .wd__feature .wd__feature__data .icon-1 {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/icon/kv/icon_1.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.section__kv .wd__feature__list .wd__feature .wd__feature__data .icon-1 {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/icon/kv/icon_1.png"); } }
.section__kv .img__kv__logo {
margin-top: 40px;
left: 50%;
margin-left: -700px;
width: 1400px;
height: 116px;
background-size: contain;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/00_kv_logo.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.section__kv .img__kv__logo {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/00_kv_logo.png"); } }
.section__kv .bottom_content {
margin-top: -490px; }
.section__kv .img__kv {
margin-top: -610px;
width: 100%;
max-width: 2560px;
height: 2212px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/00_kv.jpg"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.section__kv .img__kv {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/00_kv.jpg"); } }
.section__kv .img__numpadlight {
display: none; }
.section__kv .text__animation .content__info {
-webkit-transition: opacity 400ms ease-out 0ms, -webkit-transform 400ms ease-out 0ms;
transition: opacity 400ms ease-out 0ms, -webkit-transform 400ms ease-out 0ms;
transition: transform 400ms ease-out 0ms, opacity 400ms ease-out 0ms;
transition: transform 400ms ease-out 0ms, opacity 400ms ease-out 0ms, -webkit-transform 400ms ease-out 0ms; }
.section__nano {
padding-top: 202px; }
.section__nano .wd__content .content__info {
width: 952px; }
.section__nano .img__nano {
position: relative;
left: 50%;
margin-top: 0;
margin-left: -1280px;
width: 2560px;
height: 725px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/01_nanoedge.jpg"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.section__nano .img__nano {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/01_nanoedge.jpg"); } }
.section__nano .img__nano .img__des {
width: 1366px;
position: absolute;
left: 50%;
margin-left: -683px;
color: #aeaeae; }
.section__nano .img__nano .img__des__item {
font-size: 34px;
position: absolute; }
.section__nano .img__nano .img__des__1 {
top: 50px;
left: 1236px; }
.section__nano .img__nano .img__des__2 {
top: 307px;
left: 1236px; }
.section__nano .img__nano .img__des__3 {
top: 566px;
left: 1236px; }
.section__nano #screenWidth, .section__nano .svgOverlay, .section__nano .screenText {
display: none; }
.section__nano .screenText {
position: absolute;
left: 50%;
opacity: 0;
-webkit-transition: opacity 600ms ease-in-out 1200ms;
transition: opacity 600ms ease-in-out 1200ms; }
.section__nano .screenText-large {
font-size: 90px;
color: #fff; }
.section__nano .screenText-small {
font-size: 52px;
color: #fff; }
.section__display {
z-index: 9;
padding-top: 159px; }
.section__display .wd__content .content__info {
width: 840px; }
.section__display .wd__feature__list .wd__feature {
text-align: center;
vertical-align: top; }
.section__display .img__display {
position: relative;
left: 50%;
margin-top: -483px;
margin-left: -1280px;
width: 2560px;
height: 1036px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/02_display.jpg"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.section__display .img__display {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/02_display.jpg"); } }
.section__hinge {
padding-top: 53px; }
.section__hinge .wd__content {
position: relative;
left: 100%;
margin-top: 183px;
margin-left: -587px;
width: 652px; }
.section__hinge .wd__feature__list .wd__feature {
text-align: center;
vertical-align: top; }
.section__hinge .wd__feature__list .wd__feature .wd__feature__data figure {
margin-top: -1px;
margin-bottom: 7px;
width: 78px;
height: 75px;
background-size: contain; }
.section__hinge .wd__feature__list .wd__feature .wd__feature__data .icon-1 {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/icon/03/icon_1.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.section__hinge .wd__feature__list .wd__feature .wd__feature__data .icon-1 {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/icon/03/icon_1.png"); } }
.section__hinge .wd__feature__list .wd__feature .wd__feature__data .icon-2 {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/icon/03/icon_2.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.section__hinge .wd__feature__list .wd__feature .wd__feature__data .icon-2 {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/icon/03/icon_2.png"); } }
.section__hinge .wd__feature__list .wd__feature .wd__feature__data .icon-3 {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/icon/03/icon_3.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.section__hinge .wd__feature__list .wd__feature .wd__feature__data .icon-3 {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/icon/03/icon_3.png"); } }
.section__hinge .img__hinge {
position: relative;
left: 50%;
margin-top: -830px;
margin-left: -1280px;
width: 2560px;
height: 1500px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/03_hinge.jpg"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.section__hinge .img__hinge {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/03_hinge.jpg"); } }
.section__hinge .modal-button-container {
margin-top: -227px; }
.section__design {
padding-top: 33px; }
.section__design .wd__content {
width: 870px; }
.section__design .img__design {
position: relative;
left: 50%;
margin-top: -31px;
margin-left: -619px;
width: 1364px;
height: 712px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/04_design.jpg"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.section__design .img__design {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/04_design.jpg"); } }
.section__design .design__text {
position: absolute;
text-align: left;
z-index: 1;
top: 77px;
left: 50%;
margin-left: -634px;
width: 400px;
font-size: 61px;
color: #999999;
letter-spacing: 1.5px;
-webkit-transform: rotate(-24deg);
-ms-transform: rotate(-24deg);
transform: rotate(-24deg);
font-style: italic; }
.section__design .design__text .text-small {
padding-left: 4px;
font-size: 32px;
font-style: italic; }
.compare__info {
margin-top: 15px; }
.compare__info .info {
position: relative;
display: inline-block;
text-align: left;
margin: 0 50px 0 85px; }
.compare__info .info:before {
position: absolute;
display: block;
content: '';
top: 14px;
left: -42px;
width: 29px;
height: 3px; }
.compare__info .info .info-title {
position: relative;
display: block;
font-size: 24px;
color: #e9e9e9; }
.compare__info .info .info-size {
position: relative;
display: block;
font-size: 21px;
color: #858585; }
.compare__info .info.info-1:before {
background: #167eff; }
.compare__info .info.info-1 .info-title {
text-shadow: 3px 0px 7px #167eff, -3px 0px 7px #167eff; }
.compare__info .info.info-2:before {
background: #fff; }
.section__color {
overflow: hidden;
z-index: 1;
margin-top: -22px; }
.section__color .wd__content {
position: absolute;
top: 128px;
left: 50%;
margin-left: -409px !important;
width: 818px; }
.section__color .img__color {
position: relative;
left: 50%;
margin-top: -40px;
margin-left: -682px;
width: 1364px;
height: 712px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/04_design.jpg"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.section__color .img__color {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/04_design.jpg"); } }
.color__controller {
z-index: 1;
margin-top: 50px; }
.color__controller .color {
display: inline-block;
cursor: pointer;
margin: 0 20px;
width: 40px;
height: 40px;
border-radius: 50%;
border: 1px solid transparent; }
.color__controller .color.color-1 {
background-color: #191e33; }
.color__controller .color.color-2 {
background-color: #999996; }
.color__controller .color.color-3 {
background-color: #3e0808; }
.colors .color__container {
position: relative;
left: 50%;
margin-left: -1280px;
width: 2560px;
height: 1326px; }
.colors .color__container .color__content {
position: absolute; }
.colors .color__container .color__content .img__bg {
position: relative;
width: 2560px;
height: 1326px; }
.colors .color__container .color__content.content-1 .img__bg {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/animation/04-1/bg_1.jpg"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.colors .color__container .color__content.content-1 .img__bg {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/animation/04-1/bg_1.jpg"); } }
.colors .color__container .color__content.content-2 .img__bg {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/animation/04-1/bg_2.jpg"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.colors .color__container .color__content.content-2 .img__bg {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/animation/04-1/bg_2.jpg"); } }
.colors .color__container .color__content.content-3 .img__bg {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/animation/04-1/bg_3.jpg"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.colors .color__container .color__content.content-3 .img__bg {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/animation/04-1/bg_3.jpg"); } }
.color__controller .color {
opacity: 0.7;
-webkit-transition: opacity 300ms;
transition: opacity 300ms; }
.color__controller .color.active, .color__controller .color:hover {
opacity: 1;
border: 1px solid #bdbbbc; }
.colors .color__container .color__content .img__bg {
opacity: 0;
-webkit-transition: opacity 0ms;
transition: opacity 0ms; }
.colors .color__container .color__content.active .img__bg {
opacity: 1;
-webkit-transition: opacity 300ms;
transition: opacity 300ms; }
.section__performance {
margin-top: -76px;
padding-top: 0;
padding-bottom: 100px; }
.section__performance .wd__content {
position: relative;
left: 100%;
margin-top: 183px;
margin-left: -589px;
width: 646px; }
.section__performance .wd__feature__list .wd__feature.feature__0 {
width: 80%; }
.section__performance .img__performance {
position: relative;
left: 50%;
margin-top: -1051px;
margin-left: -1280px;
width: 2560px;
height: 1770px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/05_performance.jpg"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.section__performance .img__performance {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/05_performance.jpg"); } }
.section__performance .modal-button-container {
margin-top: -103px; }
.section__ubiquity {
background-color: #eee; }
.section__ubiquity .wd__content {
position: relative;
left: 50%;
margin-top: 216px;
margin-left: 9px;
width: 600px; }
.section__ubiquity .wd__feature__list .wd__feature {
margin-left: 0;
margin-right: 50px; }
.section__ubiquity .wd__feature__list .feature__01 .wd__feature__data {
margin-top: 0; }
.section__ubiquity .wd__feature__list .feature__01 .wd__feature__describe__top,
.section__ubiquity .wd__feature__list .feature__01 .wd__feature__describe {
display: none; }
.section__ubiquity .wd__feature__list .feature__04 {
width: 113px; }
.section__ubiquity .wd__feature__list .feature__04 .wd__feature__describe__top, .section__ubiquity .wd__feature__list .feature__05 .wd__feature__describe__top {
display: none; }
.section__ubiquity .img__ubiquity {
position: relative;
left: 50%;
margin-top: -552px;
margin-left: -926px;
width: 1365px;
height: 833px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/06_ubiquity.jpg"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.section__ubiquity .img__ubiquity {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/06_ubiquity.jpg"); } }
.section__ubiquity .modal-button-container .modal-button-text,
.section__ubiquity .modal-button-container.outer .modal-button-text {
color: #6f6f6f; }
.section__ubiquity .modal-button-container .modal-button.old__browser .modal-button-start-cap,
.section__ubiquity .modal-button-container .modal-button.old__browser .modal-button-copy,
.section__ubiquity .modal-button-container .modal-button.old__browser .modal-button-end-cap,
.section__ubiquity .modal-button-container.outer .modal-button.old__browser .modal-button-start-cap,
.section__ubiquity .modal-button-container.outer .modal-button.old__browser .modal-button-copy,
.section__ubiquity .modal-button-container.outer .modal-button.old__browser .modal-button-end-cap {
background: #66382e; }
.section__ubiquity .modal-button-container .modal-button.old__browser .modal-button-copy,
.section__ubiquity .modal-button-container.outer .modal-button.old__browser .modal-button-copy {
color: #fff; }
.section__ubiquity .modal-button-container .modal-button .modal-button-copy,
.section__ubiquity .modal-button-container.outer .modal-button .modal-button-copy {
color: #fff; }
.section__ubiquity .modal-button-container .modal-button .modal-button-start-cap,
.section__ubiquity .modal-button-container .modal-button .modal-button-scaler,
.section__ubiquity .modal-button-container .modal-button .modal-button-end-cap,
.section__ubiquity .modal-button-container.outer .modal-button .modal-button-start-cap,
.section__ubiquity .modal-button-container.outer .modal-button .modal-button-scaler,
.section__ubiquity .modal-button-container.outer .modal-button .modal-button-end-cap {
background: #66382e; }
.section__ubiquity .modal-button-container .modal-button .pluscircle-icon svg path,
.section__ubiquity .modal-button-container.outer .modal-button .pluscircle-icon svg path {
fill: #fff; }
.section__charge {
display: inline-block;
margin-top: 0;
background-color: #eee;
padding-top: 220px;
padding-bottom: 100px; }
.section__charge .wd__content {
width: 770px; }
.section__charge .img__charge {
position: relative;
left: 50%;
margin-top: 30px;
margin-left: -686px;
width: 1372px;
height: 823px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/07_charge.jpg"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.section__charge .img__charge {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/07_charge.jpg"); } }
.section__keyboard {
background-color: #eee;
margin-top: -13px;
padding-top: 124px;
padding-bottom: 100px; }
.section__keyboard .wd__content {
width: 870px; }
.section__keyboard .wd__feature__list .wd__feature {
vertical-align: top; }
.section__keyboard .wd__feature__list .wd__feature .wd__feature__data figure {
margin-top: 9px;
margin-bottom: 12px;
width: 70px;
height: 44px;
background-size: contain; }
.section__keyboard .wd__feature__list .wd__feature .wd__feature__data .icon-1 {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/icon/08/icon_1.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.section__keyboard .wd__feature__list .wd__feature .wd__feature__data .icon-1 {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/icon/08/icon_1.png"); } }
.section__keyboard .img__keyboard {
position: relative;
left: 50%;
margin-top: -28px;
margin-left: -800px;
width: 1600px;
height: 1000px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/08_keyboard.jpg"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.section__keyboard .img__keyboard {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/08_keyboard.jpg"); } }
.section__keyboard .img__keyboard__parts {
display: none; }
.section__keyboard .modal-button-container {
margin-top: -88px; }
.section__keyboard .modal-button-container .modal-button-text,
.section__keyboard .modal-button-container.outer .modal-button-text {
color: #6f6f6f; }
.section__keyboard .modal-button-container .modal-button.old__browser .modal-button-start-cap,
.section__keyboard .modal-button-container .modal-button.old__browser .modal-button-copy,
.section__keyboard .modal-button-container .modal-button.old__browser .modal-button-end-cap,
.section__keyboard .modal-button-container.outer .modal-button.old__browser .modal-button-start-cap,
.section__keyboard .modal-button-container.outer .modal-button.old__browser .modal-button-copy,
.section__keyboard .modal-button-container.outer .modal-button.old__browser .modal-button-end-cap {
background: #66382e; }
.section__keyboard .modal-button-container .modal-button.old__browser .modal-button-copy,
.section__keyboard .modal-button-container.outer .modal-button.old__browser .modal-button-copy {
color: #fff; }
.section__keyboard .modal-button-container .modal-button .modal-button-copy,
.section__keyboard .modal-button-container.outer .modal-button .modal-button-copy {
color: #fff; }
.section__keyboard .modal-button-container .modal-button .modal-button-start-cap,
.section__keyboard .modal-button-container .modal-button .modal-button-scaler,
.section__keyboard .modal-button-container .modal-button .modal-button-end-cap,
.section__keyboard .modal-button-container.outer .modal-button .modal-button-start-cap,
.section__keyboard .modal-button-container.outer .modal-button .modal-button-scaler,
.section__keyboard .modal-button-container.outer .modal-button .modal-button-end-cap {
background: #66382e; }
.section__keyboard .modal-button-container .modal-button .pluscircle-icon svg path,
.section__keyboard .modal-button-container.outer .modal-button .pluscircle-icon svg path {
fill: #fff; }
.section__wexp {
padding-top: 198px;
background-color: #fff; }
.section__wexp .wd__content {
position: relative;
left: 50%;
margin-top: 0;
margin-left: -68px;
width: 681px; }
.section__wexp .img__wexp {
position: relative;
left: 50%;
margin-top: -476px;
margin-left: -1280px;
width: 2560px;
height: 1390px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/09_wexp.jpg"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.section__wexp .img__wexp {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/09_wexp.jpg"); } }
.section__wexp .modal-button-container {
margin-top: -189px; }
.section__wexp .modal-button-container .modal-button-text,
.section__wexp .modal-button-container.outer .modal-button-text {
color: #6f6f6f; }
.section__wexp .modal-button-container .modal-button.old__browser .modal-button-start-cap,
.section__wexp .modal-button-container .modal-button.old__browser .modal-button-copy,
.section__wexp .modal-button-container .modal-button.old__browser .modal-button-end-cap,
.section__wexp .modal-button-container.outer .modal-button.old__browser .modal-button-start-cap,
.section__wexp .modal-button-container.outer .modal-button.old__browser .modal-button-copy,
.section__wexp .modal-button-container.outer .modal-button.old__browser .modal-button-end-cap {
background: #66382e; }
.section__wexp .modal-button-container .modal-button.old__browser .modal-button-copy,
.section__wexp .modal-button-container.outer .modal-button.old__browser .modal-button-copy {
color: #fff; }
.section__wexp .modal-button-container .modal-button .modal-button-copy,
.section__wexp .modal-button-container.outer .modal-button .modal-button-copy {
color: #fff; }
.section__wexp .modal-button-container .modal-button .modal-button-start-cap,
.section__wexp .modal-button-container .modal-button .modal-button-scaler,
.section__wexp .modal-button-container .modal-button .modal-button-end-cap,
.section__wexp .modal-button-container.outer .modal-button .modal-button-start-cap,
.section__wexp .modal-button-container.outer .modal-button .modal-button-scaler,
.section__wexp .modal-button-container.outer .modal-button .modal-button-end-cap {
background: #66382e; }
.section__wexp .modal-button-container .modal-button .pluscircle-icon svg path,
.section__wexp .modal-button-container.outer .modal-button .pluscircle-icon svg path {
fill: #fff; }
.section__alexa {
padding-top: 169px;
padding-bottom: 0; }
.section__alexa .wd__content {
width: 800px; }
.section__alexa .wd__feature__list .wd__feature {
vertical-align: top; }
.section__alexa .wd__feature__list .wd__feature .wd__feature__data figure {
margin-top: 0;
margin-bottom: -22px;
width: 239px;
height: 81px;
background-size: contain; }
.section__alexa .wd__feature__list .wd__feature .wd__feature__data .icon-1 {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/icon/10/icon_1.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.section__alexa .wd__feature__list .wd__feature .wd__feature__data .icon-1 {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/icon/10/icon_1.png"); } }
.section__alexa .img__alexa {
position: relative;
left: 50%;
margin-top: -26px;
margin-left: -1000px;
width: 2000px;
height: 1046px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/10_ux.jpg"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.section__alexa .img__alexa {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/10_ux.jpg"); } }
.section__connect {
padding-top: 153px; }
.section__connect .wd__content {
width: 800px; }
.section__connect .wd__feature__list .wd__feature.feature__0 {
width: 80%; }
.section__connect .img__connect {
position: relative;
left: 50%;
margin-top: -206px;
margin-left: -1280px;
width: 2560px;
height: 800px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/11_connect.jpg"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.section__connect .img__connect {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/11_connect.jpg"); } }
.section__connect .img__des {
position: relative;
top: 580px;
left: 0; }
.section__connect .img__des__item {
position: absolute;
left: 50%;
text-align: center;
color: #eee; }
.section__connect .img__des__1 {
width: 70px;
text-align: center;
left: 657px; }
.section__connect .img__des__2 {
width: 70px;
text-align: center;
left: 767px; }
.section__connect .img__des__3 {
width: 70px;
text-align: center;
left: 863px; }
.section__connect .img__des__4 {
left: 991px; }
.section__connect .img__des__5 {
left: 1092px; }
.section__connect .img__des__6 {
left: 1735px;
text-align: right; }
.section__connect .img__des__7 {
width: 140px;
left: 1834px; }
.section__audio {
padding-top: 18px; }
.section__audio .wd__content {
margin-left: -607px;
width: 725px; }
.section__audio .wd__feature__list {
margin-top: 70px; }
.section__audio .wd__feature__list .wd__feature {
vertical-align: top;
margin-left: 0; }
.section__audio .wd__feature__list .wd__feature .wd__feature__data figure {
margin-top: -11px;
margin-bottom: 9px;
width: 328px;
height: 38px;
background-size: contain; }
.section__audio .wd__feature__list .wd__feature .wd__feature__data .icon-1 {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/icon/12/icon_1.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.section__audio .wd__feature__list .wd__feature .wd__feature__data .icon-1 {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/icon/12/icon_1.png"); } }
.section__audio .img__audio {
position: relative;
left: 50%;
margin-top: -385px;
margin-left: -1280px;
width: 2560px;
height: 1250px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/12_audio.jpg"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.section__audio .img__audio {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/12_audio.jpg"); } }
.section__militarygrad {
padding-top: 143px;
padding-bottom: 0; }
.section__militarygrad .wd__content {
width: 1300px; }
.section__militarygrad .wd__content .content__info {
width: 790px; }
.section__militarygrad .wd__feature__list .wd__feature {
text-align: center;
vertical-align: top; }
.section__militarygrad .wd__feature__list .wd__feature .wd__feature__data figure {
margin-top: 0;
margin-bottom: 7px;
height: 90px;
background-size: contain; }
.section__militarygrad .wd__feature__list .wd__feature .wd__feature__data .icon-1 {
width: 88px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/icon/13/icon_1.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.section__militarygrad .wd__feature__list .wd__feature .wd__feature__data .icon-1 {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/icon/13/icon_1.png"); } }
.section__militarygrad .wd__feature__list .wd__feature .wd__feature__data .icon-2 {
width: 94px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/icon/13/icon_2.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.section__militarygrad .wd__feature__list .wd__feature .wd__feature__data .icon-2 {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/icon/13/icon_2.png"); } }
.section__militarygrad .wd__feature__list .wd__feature .wd__feature__data .icon-3 {
width: 100px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/icon/13/icon_3.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.section__militarygrad .wd__feature__list .wd__feature .wd__feature__data .icon-3 {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/icon/13/icon_3.png"); } }
.section__militarygrad .wd__feature__list .wd__feature .wd__feature__data .icon-4 {
width: 81px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/icon/13/icon_4.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.section__militarygrad .wd__feature__list .wd__feature .wd__feature__data .icon-4 {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/icon/13/icon_4.png"); } }
.section__militarygrad .wd__feature__list .wd__feature .wd__feature__data .icon-5 {
width: 81px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/icon/13/icon_5.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.section__militarygrad .wd__feature__list .wd__feature .wd__feature__data .icon-5 {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/icon/13/icon_5.png"); } }
.section__militarygrad .img__militarygrad {
position: relative;
left: 50%;
margin-top: -650px;
margin-left: -1280px;
width: 2560px;
height: 2047px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/13_militarygrad.jpg"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.section__militarygrad .img__militarygrad {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/13_militarygrad.jpg"); } }
.section__comment {
margin-top: -130px;
padding-bottom: 50px; }
.section__meet {
display: inline-block;
margin-top: -94px;
padding-bottom: 160px;
margin-bottom: -4px; }
.section__meet .wd__content {
position: relative;
margin-top: -77px;
width: 598px; }
.section__meet .img__meet {
position: relative;
left: 50%;
margin-left: -683px;
width: 1366px;
height: 500px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/14_meet.jpg"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.section__meet .img__meet {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/14_meet.jpg"); } }
.section__meet .btn__round__container {
margin-top: 40px; }
.section__meet .btn__roundcorner {
background-color: #66382e;
border-radius: 100px;
padding: 7px 20px;
display: inline-block;
margin: 10px; }
.section__meet .btn__roundcorner:hover {
background-color: #96594e; }
.section__meet .btn__roundcorner.active {
background-color: transparent;
border: 1px solid #96594e;
color: #999; }
.section__meet .btn__roundcorner.active .btn__text {
color: #666; }
.section__meet .btn__roundcorner.active:hover {
background-color: transparent; }
.section__meet .btn__roundcorner .btn__text {
color: #fff;
font-size: 20px; }
.section__comment {
margin-top: 0; }
.inner-view .inner-view-container {
position: relative;
background: #000;
margin-left: auto;
margin-right: auto; }
.inner-view .inner-view-container .wd__section {
max-width: 2560px; }
.inner-view .inner-view-container .wd__section .wd__content .content__slogan {
color: #333; }
.inner-view .inner-view-container .wd__section .wd__content .content__title {
font-size: 34px; }
.inner-view .inner-view-container .wd__section .wd__content .content__info {
margin-top: 15px; }
.inner-view .inner-view-container .wd__section .wd__content .content__slogan:before, .inner-view .inner-view-container .wd__section .wd__content .content__slogan:after, .inner-view .inner-view-container .wd__section .wd__content .content__title:before, .inner-view .inner-view-container .wd__section .wd__content .content__title:after {
display: none; }
.inner-view .inner-modal {
padding-bottom: 0; }
.inner-view .inner-view-container .modal-button {
background-color: #66382e;
color: white;
border-color: #66382e; }
.inner-view .inner-view-container .modal-button:hover {
background-color: #96594e;
color: white;
border-color: #96594e; }
.inner-view .inner-view-container#active__modal-3 {
background-color: #000; }
.inner-view .inner-view-container#active__modal-2, .inner-view .inner-view-container#active__modal-5, .inner-view .inner-view-container#active__modal-11 {
background: #fff; }
.inner-view .inner-view-container#active__modal-2 .wd__section, .inner-view .inner-view-container#active__modal-5 .wd__section, .inner-view .inner-view-container#active__modal-11 .wd__section {
background: #fff; }
.inner-view .inner-view-container#active__modal-2 .wd__section .wd__content .content__title, .inner-view .inner-view-container#active__modal-5 .wd__section .wd__content .content__title, .inner-view .inner-view-container#active__modal-11 .wd__section .wd__content .content__title {
color: #333; }
.inner-view .inner-view-container#active__modal-2 .wd__section .wd__content .content__info, .inner-view .inner-view-container#active__modal-5 .wd__section .wd__content .content__info, .inner-view .inner-view-container#active__modal-11 .wd__section .wd__content .content__info {
color: #333; }
.inner-view .inner-view-container#active__modal-2 .wd__section .wd__content .content__comment, .inner-view .inner-view-container#active__modal-5 .wd__section .wd__content .content__comment, .inner-view .inner-view-container#active__modal-11 .wd__section .wd__content .content__comment {
color: #888; }
.inner-view .inner-view-container#active__modal-2 .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top, .inner-view .inner-view-container#active__modal-2 .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top span, .inner-view .inner-view-container#active__modal-2 .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top sup, .inner-view .inner-view-container#active__modal-2 .wd__section .wd__feature__list .wd__feature .wd__feature__describe, .inner-view .inner-view-container#active__modal-2 .wd__section .wd__feature__list .wd__feature .wd__feature__describe span, .inner-view .inner-view-container#active__modal-2 .wd__section .wd__feature__list .wd__feature .wd__feature__describe sup, .inner-view .inner-view-container#active__modal-5 .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top, .inner-view .inner-view-container#active__modal-5 .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top span, .inner-view .inner-view-container#active__modal-5 .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top sup, .inner-view .inner-view-container#active__modal-5 .wd__section .wd__feature__list .wd__feature .wd__feature__describe, .inner-view .inner-view-container#active__modal-5 .wd__section .wd__feature__list .wd__feature .wd__feature__describe span, .inner-view .inner-view-container#active__modal-5 .wd__section .wd__feature__list .wd__feature .wd__feature__describe sup, .inner-view .inner-view-container#active__modal-11 .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top, .inner-view .inner-view-container#active__modal-11 .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top span, .inner-view .inner-view-container#active__modal-11 .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top sup, .inner-view .inner-view-container#active__modal-11 .wd__section .wd__feature__list .wd__feature .wd__feature__describe, .inner-view .inner-view-container#active__modal-11 .wd__section .wd__feature__list .wd__feature .wd__feature__describe span, .inner-view .inner-view-container#active__modal-11 .wd__section .wd__feature__list .wd__feature .wd__feature__describe sup {
color: #333; }
.inner-view .inner-view-container#active__modal-12 {
background: #101115; }
.inner-view .inner-view-container#active__modal-12 .wd__section {
background: #101115; }
#modal-9 {
background-color: #9d9894; }
.section__inner3__01 .wd__content {
position: absolute;
left: 100%;
margin-top: 150px;
margin-left: 40px;
width: 560px; }
.section__inner3__01 .img__main {
position: relative;
left: 50%;
margin-top: -50px;
margin-left: -1280px;
width: 2560px;
height: 1286px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/inner/03/01.jpg"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.section__inner3__01 .img__main {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/inner/03/01.jpg"); } }
.section__inner3__02 {
overflow: hidden;
background: #1c1c1c; }
.section__inner3__02 .wd__content {
position: relative;
left: 100%;
margin-top: 240px;
margin-left: 10px;
width: 550px; }
.section__inner3__02 .img__main {
position: relative;
left: 50%;
margin-top: -678px;
margin-left: -1280px;
width: 2560px;
height: 1500px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/inner/03/02.jpg"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.section__inner3__02 .img__main {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/inner/03/02.jpg"); } }
.section__inner3__03 {
overflow: hidden; }
.section__inner3__03 .wd__content {
position: relative;
left: 100%;
margin-top: 240px;
margin-left: -610px;
width: 450px; }
.section__inner3__03 .img__main {
position: relative;
left: 50%;
margin-top: -760px;
margin-left: -1280px;
margin-bottom: -250px;
width: 2560px;
height: 1817px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/inner/03/03.jpg"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.section__inner3__03 .img__main {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/inner/03/03.jpg"); } }
.section__inner5__01 {
background: #020f1e !important;
padding-top: 100px;
padding-bottom: 0px; }
.section__inner5__01 .wd__content {
width: 720px; }
.section__inner5__01 .wd__content .content__title {
color: #fff !important; }
.section__inner5__01 .wd__content .content__info {
color: #fff !important; }
.section__inner5__01 .wd__feature__list .wd__feature .wd__feature__describe__top, .section__inner5__01 .wd__feature__list .wd__feature .wd__feature__describe__top span, .section__inner5__01 .wd__feature__list .wd__feature .wd__feature__describe__top sup, .section__inner5__01 .wd__feature__list .wd__feature .wd__feature__describe, .section__inner5__01 .wd__feature__list .wd__feature .wd__feature__describe span, .section__inner5__01 .wd__feature__list .wd__feature .wd__feature__describe sup {
color: #fff !important; }
.section__inner5__01 .wd__performance__graph {
left: 47px; }
.section__inner5__01 .wd__performance__graph .graph__line.line-1 .graph__bar {
width: 100%; }
.section__inner5__01 .wd__performance__graph .graph__line.line-1 .graph__bar {
background: -webkit-gradient(linear, left top, right top, from(#a343da), to(#00c6ff));
background: -webkit-linear-gradient(left, #a343da, #00c6ff);
background: linear-gradient(to right, #a343da, #00c6ff); }
.section__inner5__01 .wd__performance__graph .graph__line.line-2 .graph__bar {
width: 41.52%; }
.section__inner5__01 .wd__performance__graph .graph__line.line-2 .graph__bar {
background: -webkit-gradient(linear, right top, left top, from(lightgray), to(#777));
background: -webkit-linear-gradient(right, lightgray, #777);
background: linear-gradient(to left, lightgray, #777); }
.section__inner5__01 .wd__performance__graph .graph__line.line-3 .graph__bar {
width: 45.927%; }
.section__inner5__01 .wd__performance__graph .graph__line.line-3 .graph__bar {
background: -webkit-gradient(linear, right top, left top, from(lightgray), to(#777));
background: -webkit-linear-gradient(right, lightgray, #777);
background: linear-gradient(to left, lightgray, #777); }
.section__inner5__01 .img__main {
position: relative;
left: 50%;
margin-top: -160px;
margin-left: -683px;
width: 1366px;
height: 762px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/inner/05/01.jpg"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.section__inner5__01 .img__main {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/inner/05/01.jpg"); } }
.section__inner5__02 {
overflow: hidden; }
.section__inner5__02 .wd__content {
position: relative;
left: 100%;
margin-top: 230px;
margin-left: -597px;
width: 570px; }
.section__inner5__02 .wd__feature__list .wd__feature {
margin-left: 0;
margin-right: 50px; }
.section__inner5__02 .wd__performance__graph {
display: none;
width: 720px; }
.section__inner5__02 .wd__performance__graph .graph__line.line-1 .graph__bar {
width: 100%; }
.section__inner5__02 .wd__performance__graph .graph__line.line-1 .graph__bar {
background: -webkit-gradient(linear, left top, right top, from(#a343da), to(#00c6ff));
background: -webkit-linear-gradient(left, #a343da, #00c6ff);
background: linear-gradient(to right, #a343da, #00c6ff); }
.section__inner5__02 .wd__performance__graph .graph__line.line-2 .graph__bar {
width: 22.38%; }
.section__inner5__02 .wd__performance__graph .graph__line.line-2 .graph__bar {
background: -webkit-gradient(linear, right top, left top, from(lightgray), to(#777));
background: -webkit-linear-gradient(right, lightgray, #777);
background: linear-gradient(to left, lightgray, #777); }
.section__inner5__02 .wd__performance__graph .graph__line.line-3 .graph__bar {
width: 16.164%; }
.section__inner5__02 .wd__performance__graph .graph__line.line-3 .graph__bar {
background: -webkit-gradient(linear, right top, left top, from(lightgray), to(#777));
background: -webkit-linear-gradient(right, lightgray, #777);
background: linear-gradient(to left, lightgray, #777); }
.section__inner5__02 .wd__performance__graph .graph__line .graph__bar .bar__value {
width: 150px; }
.section__inner5__02 .img__main {
position: relative;
left: 50%;
margin-top: -693px;
margin-left: -524px;
width: 1348px;
height: 1240px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/inner/05/02.jpg"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.section__inner5__02 .img__main {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/inner/05/02.jpg"); } }
.section__inner5__03 {
padding-top: 220px;
padding-bottom: 90px; }
.section__inner5__03 .wd__content {
position: relative;
left: 100%;
margin-left: 71px;
width: 520px; }
.section__inner5__03 .wd__performance__graph {
display: none; }
.section__inner5__03 .wd__performance__graph .graph__line.line-1 .graph__bar {
width: 100%; }
.section__inner5__03 .wd__performance__graph .graph__line.line-1 .graph__bar {
background: -webkit-gradient(linear, left top, right top, from(#a343da), to(#00c6ff));
background: -webkit-linear-gradient(left, #a343da, #00c6ff);
background: linear-gradient(to right, #a343da, #00c6ff); }
.section__inner5__03 .wd__performance__graph .graph__line.line-2 .graph__bar {
width: 65.783%; }
.section__inner5__03 .wd__performance__graph .graph__line.line-2 .graph__bar {
background: -webkit-gradient(linear, right top, left top, from(lightgray), to(#777));
background: -webkit-linear-gradient(right, lightgray, #777);
background: linear-gradient(to left, lightgray, #777); }
.section__inner5__03 .wd__performance__graph .graph__line.line-3 .graph__bar {
width: 88.409%; }
.section__inner5__03 .wd__performance__graph .graph__line.line-3 .graph__bar {
background: -webkit-gradient(linear, right top, left top, from(lightgray), to(#777));
background: -webkit-linear-gradient(right, lightgray, #777);
background: linear-gradient(to left, lightgray, #777); }
.section__inner5__03 .wd__performance__graph .graph__bar .bar__value {
width: 200px; }
.section__inner5__03 .img__main {
position: relative;
left: 50%;
margin-top: -572px;
margin-left: -860px;
width: 1434px;
height: 1140px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/inner/05/03.jpg"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.section__inner5__03 .img__main {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/inner/05/03.jpg"); } }
.section__inner6__01 {
padding-top: 100px;
background-color: #fff; }
.section__inner6__01 .wd__content {
width: 982px; }
.section__inner6__01 .img__main {
position: relative;
left: 50%;
margin-top: -15px;
margin-left: -1078px;
width: 2156px;
height: 1184px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/inner/06/01.jpg"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.section__inner6__01 .img__main {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/inner/06/01.jpg"); } }
.section__inner6__02 {
padding-top: 0;
padding-bottom: 170px;
background: #f0f0f0; }
.section__inner6__02 .wd__content {
width: 890px; }
.section__inner6__02 .sub__section {
position: relative;
margin: 140px auto 0;
padding-top: 30px;
padding-bottom: 51px;
width: 1366px;
background: #fff; }
.section__inner6__02 .sub__section .wd__content {
width: 740px; }
.section__inner6__02 .sub__section.sub__section-1 .img__sub-1 {
position: relative;
left: 50%;
margin-top: 30px;
margin-left: -365px;
width: 730px;
height: 150px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/inner/06/wifi.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.section__inner6__02 .sub__section.sub__section-1 .img__sub-1 {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/inner/06/wifi.png"); } }
.section__inner6__02 .sub__section.sub__section-1 .img__sub-1 .chart__text {
position: absolute;
text-align: center;
left: 50%;
margin-top: 8px;
margin-left: -150px;
width: 300px;
font-size: 61px;
color: #25b5f0; }
.section__inner6__02 .sub__section.sub__section-1 .img__sub-1 .chart__text .text__unit {
padding-left: 2px;
font-size: 0.7em; }
.section__inner6__02 .sub__section.sub__section-2 .wd__performance__graph {
left: 92px;
margin-top: 62px; }
.section__inner6__02 .sub__section.sub__section-2 .wd__performance__graph .graph__line.line-1 .graph__bar {
width: 100%; }
.section__inner6__02 .sub__section.sub__section-2 .wd__performance__graph .graph__line.line-1 .graph__bar {
background: -webkit-gradient(linear, left top, right top, from(#a343da), to(#00c6ff));
background: -webkit-linear-gradient(left, #a343da, #00c6ff);
background: linear-gradient(to right, #a343da, #00c6ff); }
.section__inner6__02 .sub__section.sub__section-2 .wd__performance__graph .graph__line.line-2 .graph__bar {
width: 8.65%; }
.section__inner6__02 .sub__section.sub__section-2 .wd__performance__graph .graph__line.line-2 .graph__bar {
background: -webkit-gradient(linear, right top, left top, from(lightgray), to(#777));
background: -webkit-linear-gradient(right, lightgray, #777);
background: linear-gradient(to left, lightgray, #777); }
.section__inner6__02 .sub__section.sub__section-2 .wd__performance__graph .graph__line .graph__bar .bar__value {
width: 150px; }
.section__inner6__02 .sub__section.sub__section-3 .wd__performance__graph {
left: 63px;
margin-top: 62px; }
.section__inner6__02 .sub__section.sub__section-3 .wd__performance__graph .graph__line.line-1 .graph__bar {
width: 100%; }
.section__inner6__02 .sub__section.sub__section-3 .wd__performance__graph .graph__line.line-1 .graph__bar {
background: -webkit-gradient(linear, left top, right top, from(#a343da), to(#00c6ff));
background: -webkit-linear-gradient(left, #a343da, #00c6ff);
background: linear-gradient(to right, #a343da, #00c6ff); }
.section__inner6__02 .sub__section.sub__section-3 .wd__performance__graph .graph__line.line-2 .graph__bar {
width: 71.11%; }
.section__inner6__02 .sub__section.sub__section-3 .wd__performance__graph .graph__line.line-2 .graph__bar {
background: -webkit-gradient(linear, right top, left top, from(lightgray), to(#777));
background: -webkit-linear-gradient(right, lightgray, #777);
background: linear-gradient(to left, lightgray, #777); }
.section__inner6__02 .sub__section.sub__section-3 .wd__performance__graph .graph__line .graph__bar .bar__value {
width: 150px; }
.section__inner08__01 {
padding-top: 0;
background-color: #fff; }
.section__inner08__01 .wd__content {
width: 831px; }
.section__inner08__01 .img__main {
position: relative;
left: 50%;
margin-top: 0;
margin-left: -1000px;
width: 2000px;
height: 500px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/inner/08/01.jpg"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.section__inner08__01 .img__main {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/inner/08/01.jpg"); } }
.section__inner08__02 {
padding-top: 100px;
background-color: #fff;
padding-bottom: 150px; }
.section__inner08__02 .wd__content {
width: 930px; }
.section__inner08__02 .img__main {
position: relative;
left: 50%;
margin-top: 30px;
margin-left: -860px;
width: 1720px;
height: 950px;
background-repeat: no-repeat;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/inner/08/02.jpg"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.section__inner08__02 .img__main {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/inner/08/02.jpg"); } }
.section__inner08__02 .img__main {
position: relative;
background: none; }
.section__inner08__02 .img__main figure {
position: absolute;
top: 0;
left: 0; }
.section__inner08__02 .img__main figure.img__keyborad {
width: 1720px;
height: 950px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/animation/inner/08/02_keyboard.jpg"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.section__inner08__02 .img__main figure.img__keyborad {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/animation/inner/08/02_keyboard.jpg"); } }
.section__inner08__02 .img__main figure.img__cover {
opacity: 0;
-webkit-transition: opacity 600ms ease-in;
transition: opacity 600ms ease-in;
z-index: 9;
margin-left: 0;
top: 0;
width: 1720px;
height: 950px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/animation/inner/08/02_hl.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.section__inner08__02 .img__main figure.img__cover {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/animation/inner/08/02_hl.png"); } }
.section__inner08__02 .img__main.active figure.img__cover {
opacity: 1; }
.section__inner09__01 {
padding-top: 0;
margin-top: 0; }
.section__inner09__01 .wd__content {
width: 760px;
position: absolute;
left: 50%;
top: 140px;
margin-left: -490px; }
.section__inner09__01 .img__main {
position: relative;
left: 50%;
margin-top: -27px;
margin-left: -1280px;
width: 2560px;
height: 1011px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/inner/09/01.jpg"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.section__inner09__01 .img__main {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/inner/09/01.jpg"); } }
.section__inner09__01-1 {
background: #171717;
padding-top: 229px;
padding-bottom: 100px; }
.section__inner09__01-1 .wd__content {
margin-left: -30px;
width: 500px; }
.section__inner09__01-1 .img__main {
position: relative;
left: 50%;
margin-top: -299px;
margin-left: -567px;
width: 674px;
height: 628px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/inner/09/01_1.jpg"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.section__inner09__01-1 .img__main {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/inner/09/01_1.jpg"); } }
.section__inner09__01-1 .compares {
text-align: center;
position: relative;
margin: -50px auto 0;
max-width: 1400px; }
.section__inner09__01-1 .compares .compare {
display: inline-block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 10px solid transparent;
width: 49%;
font-size: 0; }
.section__inner09__01-1 .compares .compare.compare-1 .img__compare {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/inner/09/01_1_webcam_1.jpg"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.section__inner09__01-1 .compares .compare.compare-1 .img__compare {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/inner/09/01_1_webcam_1.jpg"); } }
.section__inner09__01-1 .compares .compare.compare-2 .img__compare {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/inner/09/01_1_webcam_2.jpg"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.section__inner09__01-1 .compares .compare.compare-2 .img__compare {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/inner/09/01_1_webcam_2.jpg"); } }
.section__inner09__01-1 .compares .compare .img__compare {
position: relative;
padding-bottom: 73.74%;
width: 100%;
height: 0; }
.section__inner09__01-1 .compares .compare .compare__text {
position: relative;
margin-top: 14px; }
.section__inner09__01-1 .compares .compare .compare__text .text-title {
display: block;
font-size: 16px;
letter-spacing: 0.4px;
color: #eaeaea; }
.section__inner09__01-1 .compares .compare .compare__text .text-info {
display: block;
margin-top: 3px;
font-size: 16px;
letter-spacing: 0.4px;
color: #8c8c8c; }
.section__inner09__02 {
overflow: hidden;
padding-top: 100px;
padding-bottom: 0;
margin-bottom: -280px;
background-color: #dbd1c7; }
.section__inner09__02 .wd__content {
width: 640px; }
.section__inner09__02 .img__main {
position: relative;
left: 50%;
margin-top: -190px;
margin-left: -1280px;
margin-bottom: 0px;
width: 2560px;
height: 1512px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/inner/09/02.jpg"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.section__inner09__02 .img__main {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/inner/09/02.jpg"); } }
.product_price .current_price .heading {
color: #fff; }
.product_price .current_price .price, .product_price .current_price .price p {
color: #fff; }
.product_price .btn_buy .label {
background-color: #c96a54; }
.product_price .btn_buy .etailers .etailers_list li a:link:hover {
color: #c96a54; }
.product_price.active {
margin-bottom: 0px;
padding-top: 48px; }
.product_pdguide .link {
color: #c96a54; }
.product_pdguide.active {
padding-top: 15px; }
.product_videos .video_slick .video a .text {
text-align: left; }
.product_videos.active {
padding-top: 80px; }
.product_medias .media .text {
color: #fff; }
.product_medias .media a {
color: #c96a54; }
.product_medias .slick-dots li button:before,
.product_videos .slick-dots li button:before,
.product_medias .slick-dots li.slick-active button:before,
.product_videos .slick-dots li.slick-active button:before {
color: #c96a54; }
.video-bottom {
padding-bottom: 146px; }
.media-bottom {
padding-bottom: 168px; }
.section__pdc {
background-color: #000; }
@media all and (min-width: 1301px) {
.large_use {
display: block !important; }
.large_unuse {
display: none; }
.section__nano .img__nano {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/animation/01/nb1.jpg");
-webkit-transition: background-image 400ms ease-in-out 1000ms;
transition: background-image 400ms ease-in-out 1000ms; } }
@media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) {
.section__nano .img__nano {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/animation/01/nb1.jpg"); } }
@media all and (min-width: 1301px) {
.section__nano .img__nano #screenWidth, .section__nano .img__nano .svgOverlay, .section__nano .img__nano .screenText {
display: block; }
.section__nano .img__nano .screenText {
width: 400px;
height: 400px;
top: 291px;
left: 50%;
margin-left: -204px;
z-index: 59; }
.section__nano .img__nano .svgOverlay {
z-index: 44;
position: absolute;
top: 87px;
left: 50%;
margin-left: -502px;
width: 1000px;
height: 552px;
background: #000;
opacity: 0;
-webkit-transition: opacity 1200ms ease-in-out 100ms;
transition: opacity 1200ms ease-in-out 100ms; }
.section__nano .img__nano #screenWidth {
z-index: 49;
position: absolute;
fill: none;
top: 75px;
left: 50%;
margin-left: -502px;
width: 1000px;
height: 568px; }
.section__nano .img__nano #screenWidth .textLine {
display: none; }
.section__nano .img__nano #screenWidth .borderLine1,
.section__nano .img__nano #screenWidth .borderLine2 {
stroke-width: 3px;
stroke: #fff;
stroke-dashoffset: 6000;
stroke-dasharray: 6000;
-webkit-transition: stroke-dashoffset 1600ms ease-in-out 400ms;
transition: stroke-dashoffset 1600ms ease-in-out 400ms;
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom; }
.section__nano .img__nano .img__des__1 {
opacity: 0;
-webkit-transition: opacity 600ms ease-in-out 400ms;
transition: opacity 600ms ease-in-out 400ms; }
.section__nano .img__nano .img__des__2 {
opacity: 0;
-webkit-transition: opacity 600ms ease-in-out 800ms;
transition: opacity 600ms ease-in-out 800ms; }
.section__nano .img__nano .img__des__3 {
opacity: 0;
-webkit-transition: opacity 600ms ease-in-out 1200ms;
transition: opacity 600ms ease-in-out 1200ms; }
.section__nano .img__nano .img__des__4 {
opacity: 0;
-webkit-transition: opacity 600ms ease-in-out 1600ms;
transition: opacity 600ms ease-in-out 1600ms; }
.section__nano .img__nano.active .screenText {
opacity: 1; }
.section__nano .img__nano.active #screenWidth .borderLine1 {
stroke-dashoffset: 2140; }
.section__nano .img__nano.active #screenWidth .borderLine2 {
stroke-dashoffset: 2110; }
.section__nano .img__nano.active .img__des__1 {
opacity: 1; }
.section__nano .img__nano.active .img__des__2 {
opacity: 1; }
.section__nano .img__nano.active .img__des__3 {
opacity: 1; }
.section__nano .img__nano.active .img__des__4 {
opacity: 1; }
.section__hinge .img__hinge.test .rotate__point-cover {
border: 1px solid red; }
.section__hinge .img__hinge.test .rotate__point-cover .rotate__point-machine {
border: 1px solid red; }
.section__hinge .img__hinge.test .rotate__point-cover * {
opacity: 0.35; }
.section__hinge .img__hinge {
position: relative;
background: none;
z-index: 1; }
.section__hinge .img__hinge figure {
position: absolute;
left: 50%; }
.section__hinge .img__hinge .img__hinge-bg {
margin-left: -1280px;
width: 2560px;
height: 1500px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/animation/03/03_hinge_bg.jpg"); } }
@media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) {
.section__hinge .img__hinge .img__hinge-bg {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/animation/03/03_hinge_bg.jpg"); } }
@media all and (min-width: 1301px) {
.section__hinge .img__hinge .rotate__point-cover {
position: absolute;
z-index: 99;
left: 50%;
bottom: 383px;
margin-left: 328px;
width: 0px;
height: 0px;
-webkit-transform: rotate(-118.4deg) translateZ(0px);
transform: rotate(-118.4deg) translateZ(0px);
-webkit-transition: -webkit-transform 1200ms linear;
transition: -webkit-transform 1200ms linear;
transition: transform 1200ms linear;
transition: transform 1200ms linear, -webkit-transform 1200ms linear; }
.section__hinge .img__hinge .rotate__point-cover .img__hinge-cover {
top: -1306px;
left: -42px;
width: 800px;
height: 1372px;
-webkit-transform: translateX(18px) translateY(37px);
-ms-transform: translateX(18px) translateY(37px);
transform: translateX(18px) translateY(37px);
-webkit-transition: -webkit-transform 1200ms linear;
transition: -webkit-transform 1200ms linear;
transition: transform 1200ms linear;
transition: transform 1200ms linear, -webkit-transform 1200ms linear;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/animation/03/03_hinge_top.png"); } }
@media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) {
.section__hinge .img__hinge .rotate__point-cover .img__hinge-cover {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/animation/03/03_hinge_top.png"); } }
@media all and (min-width: 1301px) {
.section__hinge .img__hinge .rotate__point-cover .img__hinge-cover .img__hinge-covor-top {
position: absolute;
opacity: 1;
top: 0px;
left: 0px;
width: 800px;
height: 1372px;
-webkit-transition: opacity 800ms ease-out 400ms;
transition: opacity 800ms ease-out 400ms;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/animation/03/03_hinge_top_1.png"); } }
@media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) {
.section__hinge .img__hinge .rotate__point-cover .img__hinge-cover .img__hinge-covor-top {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/animation/03/03_hinge_top_1.png"); } }
@media all and (min-width: 1301px) {
.section__hinge .img__hinge .rotate__point-cover .img__hinge-covor-hover {
display: none; }
.section__hinge .img__hinge .rotate__point-cover .rotate__point-machine {
position: absolute;
left: 50%;
bottom: -1px;
margin-left: -1px;
width: 1px;
height: 1px;
-webkit-transform: translateX(0px) translateY(0px) rotate(120.6deg) translateZ(0px);
transform: translateX(0px) translateY(0px) rotate(120.6deg) translateZ(0px);
-webkit-transition: -webkit-transform 1200ms linear;
transition: -webkit-transform 1200ms linear;
transition: transform 1200ms linear;
transition: transform 1200ms linear, -webkit-transform 1200ms linear; }
.section__hinge .img__hinge .rotate__point-cover .rotate__point-machine .img__hinge-machine {
top: -121px;
left: -1398px;
width: 1540px;
height: 206px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/animation/03/03_hinge_bottom.png"); } }
@media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) {
.section__hinge .img__hinge .rotate__point-cover .rotate__point-machine .img__hinge-machine {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/animation/03/03_hinge_bottom.png"); } }
@media all and (min-width: 1301px) {
.section__hinge .img__hinge .rotate__point-cover .rotate__point-machine .img__hinge-ball {
display: none; }
.section__hinge .img__hinge .rotate__point-cover .img__hinge-ball, .section__hinge .img__hinge .rotate__point-cover .img__hinge-covor-hover {
display: none; }
.section__hinge .img__hinge.active .rotate__point-cover {
-webkit-transform: rotate(0deg) translateZ(0px);
transform: rotate(0deg) translateZ(0px); }
.section__hinge .img__hinge.active .rotate__point-cover .img__hinge-cover {
-webkit-transform: translateX(0) translateY(0);
-ms-transform: translateX(0) translateY(0);
transform: translateX(0) translateY(0); }
.section__hinge .img__hinge.active .rotate__point-cover .rotate__point-machine {
-webkit-transform: translateX(0px) translateY(0px) rotate(0deg) translateZ(0px);
transform: translateX(0px) translateY(0px) rotate(0deg) translateZ(0px); }
.section__hinge .img__hinge.active .rotate__point-cover .img__hinge-ball {
-webkit-transform: rotate(5deg) translateX(6px);
-ms-transform: rotate(5deg) translateX(6px);
transform: rotate(5deg) translateX(6px); }
.section__hinge .img__hinge.active .rotate__point-cover .img__hinge-cover .img__hinge-covor-top {
opacity: 0;
-webkit-transition: opacity 800ms ease-out;
transition: opacity 800ms ease-out; }
.section__hinge .img__hinge.active .angle-top .ratate__point-angle-top {
-webkit-transform: rotate(0deg) translateZ(0px);
transform: rotate(0deg) translateZ(0px);
-webkit-transition: -webkit-transform 900ms ease-in-out 800ms;
transition: -webkit-transform 900ms ease-in-out 800ms;
transition: transform 900ms ease-in-out 800ms;
transition: transform 900ms ease-in-out 800ms, -webkit-transform 900ms ease-in-out 800ms; }
.section__hinge .img__hinge.active .img__hinge__angle-bottom {
opacity: 1;
-webkit-transition: opacity 900ms ease-out 1300ms;
transition: opacity 900ms ease-out 1300ms; }
.section__hinge .img__hinge.active .text__angle.text__angle-top {
opacity: 1;
-webkit-transition: opacity 700ms ease-in-out 1600ms;
transition: opacity 700ms ease-in-out 1600ms; }
.section__hinge .img__hinge.active .text__angle.text__angle-bottom {
opacity: 1;
-webkit-transition: opacity 700ms ease-in-out 1300ms;
transition: opacity 700ms ease-in-out 1300ms; }
.section__hinge .img__hinge .angle-top {
position: absolute;
overflow: hidden;
left: 50%;
bottom: 376px;
margin-left: -213px;
width: 1150px;
height: 600px; }
.section__hinge .img__hinge .angle-top .ratate__point-angle-top {
position: absolute;
left: 50%;
bottom: 43px;
margin-left: 9px;
width: 1px;
height: 1px;
-webkit-transform: rotate(-140deg) translateZ(0px);
transform: rotate(-140deg) translateZ(0px);
-webkit-transition: -webkit-transform 200ms;
transition: -webkit-transform 200ms;
transition: transform 200ms;
transition: transform 200ms, -webkit-transform 200ms; }
.section__hinge .img__hinge .angle-top .ratate__point-angle-top .img__hinge__angle-top {
top: -517px;
margin-left: -516px;
width: 800px;
height: 580px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/animation/03/03_hinge_top_line.png"); } }
@media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) {
.section__hinge .img__hinge .angle-top .ratate__point-angle-top .img__hinge__angle-top {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/animation/03/03_hinge_top_line.png"); } }
@media all and (min-width: 1301px) {
.section__hinge .img__hinge .img__hinge__angle-bottom {
opacity: 0;
bottom: 307px;
margin-left: -685px;
width: 1110px;
height: 136px;
-webkit-transition: opacity 200ms ease-out;
transition: opacity 200ms ease-out;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/animation/03/03_hinge_bottom_line_full.png"); } }
@media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) {
.section__hinge .img__hinge .img__hinge__angle-bottom {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/animation/03/03_hinge_bottom_line_full.png"); } }
@media all and (min-width: 1301px) {
.section__hinge .img__hinge .text__angle {
position: absolute;
left: 50%;
font-size: 64px;
color: #e4d8da; }
.section__hinge .img__hinge .text__angle.text__angle-top {
bottom: 564px;
margin-left: 137px;
font-size: 92px;
opacity: 0;
-webkit-transition: opacity 200ms;
transition: opacity 200ms; }
.section__hinge .img__hinge .text__angle.text__angle-bottom {
bottom: 333px;
margin-left: 436px;
opacity: 0;
-webkit-transition: opacity 200ms;
transition: opacity 200ms; }
.section__hinge .img__hinge.aniTest figure {
opacity: 0.5;
-webkit-filter: invert(80%);
filter: invert(80%); }
.section__hinge .img__hinge.aniTest .rotate__point-cover:after {
display: block;
position: absolute;
width: 6px;
height: 6px;
content: '';
left: 50%;
margin-left: -3px;
background: red; }
.section__hinge .img__hinge.aniTest .rotate__point-cover .img__hinge-cover {
border: 1px solid rgba(255, 0, 0, 0.3);
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.section__hinge .img__hinge.aniTest .rotate__point-machine * {
border: 1px solid rgba(0, 255, 255, 0.1);
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.section__hinge .img__hinge.aniTest .rotate__point-machine:after {
display: block;
position: absolute;
width: 6px;
height: 6px;
content: '';
left: 50%;
margin-left: -3px;
background: green; }
.section__design .img__design {
position: relative;
background: none; }
.section__design .img__design .img__outerline,
.section__design .img__design .img__skewline,
.section__design .img__design .img__nb,
.section__design .img__design .img__innerline {
position: absolute;
left: 50%;
margin-left: -682px;
width: 1364px;
height: 712px; }
.section__design .img__design .img__nb {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/animation/04/nb.png"); } }
@media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) {
.section__design .img__design .img__nb {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/animation/04/nb.png"); } }
@media all and (min-width: 1301px) {
.section__design .img__design .img__outerline {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/animation/04/outerline2.png"); } }
@media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) {
.section__design .img__design .img__outerline {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/animation/04/outerline2.png"); } }
@media all and (min-width: 1301px) {
.section__design .img__design .img__outerline.outerline-1 {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/animation/04/outerline.png"); } }
@media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) {
.section__design .img__design .img__outerline.outerline-1 {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/animation/04/outerline.png"); } }
@media all and (min-width: 1301px) {
.section__design .img__design .img__skewline {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/animation/04/skewline.png"); } }
@media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) {
.section__design .img__design .img__skewline {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/animation/04/skewline.png"); } }
@media all and (min-width: 1301px) {
.section__design .img__design .img__innerline {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/animation/04/innerline.png"); } }
@media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) {
.section__design .img__design .img__innerline {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/animation/04/innerline.png"); } }
@media all and (min-width: 1301px) {
.section__design .img__design .img__nb {
opacity: 0;
-webkit-transform: translateY(-15px) translateZ(0);
transform: translateY(-15px) translateZ(0); }
.section__design .img__design .img__outerline {
opacity: 0;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left; }
.section__design .img__design .img__outerline.outerline-1 {
opacity: 0; }
.section__design .img__design .img__skewline {
opacity: 0; }
.section__design .img__design .img__innerline {
opacity: 0; }
.section__design .img__design .design__text {
opacity: 0; }
.section__design .black__hover:before {
position: absolute;
display: block;
content: '';
top: 267px;
left: 50%;
margin-left: 440px;
width: 150px;
height: 100px;
background: #000000;
-webkit-transform: rotate(32deg);
-ms-transform: rotate(32deg);
transform: rotate(32deg); }
.section__design .black__hover:after {
position: absolute;
display: block;
content: '';
top: 142px;
left: 50%;
margin-left: -650px;
width: 150px;
height: 100px;
background: #000000;
-webkit-transform: rotate(-24deg);
-ms-transform: rotate(-24deg);
transform: rotate(-24deg); }
@-webkit-keyframes outerlineScale {
0% {
opacity: 0;
-webkit-transform: scale(1) translateZ(0);
transform: scale(1) translateZ(0); }
1% {
opacity: 0.7; }
100% {
opacity: 0;
-webkit-transform: scale(0.97) translateX(65px) translateY(-24px);
transform: scale(0.97) translateX(65px) translateY(-24px); } }
@keyframes outerlineScale {
0% {
opacity: 0;
-webkit-transform: scale(1) translateZ(0);
transform: scale(1) translateZ(0); }
1% {
opacity: 0.7; }
100% {
opacity: 0;
-webkit-transform: scale(0.97) translateX(65px) translateY(-24px);
transform: scale(0.97) translateX(65px) translateY(-24px); } }
.section__design .img__design.active .img__nb {
opacity: 1;
-webkit-transform: translateY(0) translateZ(0);
transform: translateY(0) translateZ(0);
-webkit-transition: opacity 600ms 200ms, -webkit-transform 600ms 200ms;
transition: opacity 600ms 200ms, -webkit-transform 600ms 200ms;
transition: opacity 600ms 200ms, transform 600ms 200ms;
transition: opacity 600ms 200ms, transform 600ms 200ms, -webkit-transform 600ms 200ms; }
.section__design .img__design.active .img__outerline.outerline-2 {
-webkit-animation: outerlineScale 1800ms 1800ms forwards infinite;
animation: outerlineScale 1800ms 1800ms forwards infinite; }
.section__design .img__design.active .img__outerline.outerline-3 {
-webkit-animation: outerlineScale 1800ms 2400ms forwards infinite;
animation: outerlineScale 1800ms 2400ms forwards infinite; }
.section__design .img__design.active .img__outerline.outerline-4 {
-webkit-animation: outerlineScale 1800ms 3000ms forwards infinite;
animation: outerlineScale 1800ms 3000ms forwards infinite; }
.section__design .img__design.active .img__outerline.outerline-1 {
opacity: 1;
-webkit-transition: opacity 600ms 1000ms;
transition: opacity 600ms 1000ms; }
.section__design .img__design.active .img__skewline {
opacity: 1;
-webkit-transition: opacity 600ms 1000ms;
transition: opacity 600ms 1000ms; }
.section__design .img__design.active .img__innerline {
opacity: 1;
-webkit-transition: opacity 600ms 1000ms;
transition: opacity 600ms 1000ms; }
.section__design .img__design.active .design__text {
opacity: 1;
-webkit-transition: opacity 600ms 1000ms;
transition: opacity 600ms 1000ms; }
.section__performance .wd__feature__list .wd__feature {
margin-left: 0;
margin-right: 61px; }
.section__performance .img__performance {
position: relative;
background: none; }
.section__performance .img__performance figure {
position: absolute;
left: 50%; }
.section__performance .img__performance .img__performance-bg {
margin-left: -1280px;
width: 2560px;
height: 1770px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/animation/05/05_performance_bg.jpg"); } }
@media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) {
.section__performance .img__performance .img__performance-bg {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/animation/05/05_performance_bg.jpg"); } }
@media all and (min-width: 1301px) {
.section__performance .img__performance .performance__chip {
position: absolute;
left: 50%;
margin-top: 836px;
margin-left: -252px;
width: 540px;
height: 358px;
-webkit-transform: translate3d(13px, 52px, 0);
transform: translate3d(13px, 52px, 0);
-webkit-transition: -webkit-transform 400ms ease-in;
transition: -webkit-transform 400ms ease-in;
transition: transform 400ms ease-in;
transition: transform 400ms ease-in, -webkit-transform 400ms ease-in; }
.section__performance .img__performance .performance__chip .img__performance-chip {
position: absolute;
opacity: 0;
top: 0;
left: 0;
width: 540px;
height: 358px;
-webkit-transition: opacity 200ms ease-out;
transition: opacity 200ms ease-out;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/animation/05/05_performance_chip.png"); } }
@media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) {
.section__performance .img__performance .performance__chip .img__performance-chip {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/animation/05/05_performance_chip.png"); } }
@media all and (min-width: 1301px) {
.section__performance .img__performance .performance__chip .img__performance-chip-shadow {
position: absolute;
top: 71px;
left: 72px;
opacity: 0;
width: 0;
height: 0;
background-position: center;
-webkit-transition: width 300ms ease 0ms, height 300ms ease 0ms, opacity 300ms ease 200ms;
transition: width 300ms ease 0ms, height 300ms ease 0ms, opacity 300ms ease 200ms;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/animation/05/05_performance_shadow.png"); } }
@media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) {
.section__performance .img__performance .performance__chip .img__performance-chip-shadow {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/animation/05/05_performance_shadow.png"); } }
@media all and (min-width: 1301px) {
.section__performance .img__performance .performance__chip.active {
-webkit-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px); }
.section__performance .img__performance .performance__chip.active .img__performance-chip {
opacity: 1; }
.section__performance .img__performance .performance__chip.active .img__performance-chip-shadow {
opacity: 1;
width: 494px;
height: 310px; }
.section__keyboard .img__keyboard {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/animation/08/08_keyboard.jpg"); } }
@media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) {
.section__keyboard .img__keyboard {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/animation/08/08_keyboard.jpg"); } }
@media all and (min-width: 1301px) {
.section__keyboard .img__keyboard__parts {
display: block;
position: absolute;
top: 0;
left: 0;
opacity: 0;
-webkit-transition: opacity 700ms cubic-bezier(0.77, 0, 0.175, 1);
transition: opacity 700ms cubic-bezier(0.77, 0, 0.175, 1);
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/animation/08/08_keyboard_onlight.jpg"); } }
@media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) {
.section__keyboard .img__keyboard__parts {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/animation/08/08_keyboard_onlight.jpg"); } }
@media all and (min-width: 1301px) {
.section__keyboard .img__keyboard.active .img__keyboard__parts {
opacity: 1; }
.section__alexa .img__alexa {
position: relative;
background: none; }
.section__alexa .img__alexa .img__bg {
top: 0;
left: 0;
width: 2000px;
height: 1046px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/animation/10/bg.jpg"); } }
@media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) {
.section__alexa .img__alexa .img__bg {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/animation/10/bg.jpg"); } }
@media all and (min-width: 1301px) {
.section__alexa .img__alexa .img__card {
position: absolute;
opacity: 0;
top: 98px;
left: 50%;
width: 460px;
height: 658px;
opacity: 0;
-webkit-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center; }
.section__alexa .img__alexa .img__card.card-1 {
margin-left: -705px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/animation/10/card_1.png"); } }
@media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) {
.section__alexa .img__alexa .img__card.card-1 {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/animation/10/card_1.png"); } }
@media all and (min-width: 1301px) {
.section__alexa .img__alexa .img__card.card-2 {
margin-left: -231px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/animation/10/card_2.png"); } }
@media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) {
.section__alexa .img__alexa .img__card.card-2 {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/animation/10/card_2.png"); } }
@media all and (min-width: 1301px) {
.section__alexa .img__alexa .img__card.card-3 {
margin-left: 244px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/animation/10/card_3.png"); } }
@media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) {
.section__alexa .img__alexa .img__card.card-3 {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/animation/10/card_3.png"); } }
@media all and (min-width: 1301px) {
.section__alexa .img__alexa.active .img__card {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: opacity 300ms ease-out, -webkit-transform 700ms ease-out;
transition: opacity 300ms ease-out, -webkit-transform 700ms ease-out;
transition: opacity 300ms ease-out, transform 700ms ease-out;
transition: opacity 300ms ease-out, transform 700ms ease-out, -webkit-transform 700ms ease-out; }
.section__inner3__02 .img__main {
position: relative;
background: none; }
.section__inner3__02 .img__main figure {
position: absolute;
left: 50%; }
.section__inner3__02 .img__main .img__bg {
left: 0;
top: 0;
width: 2560px;
height: 1500px; }
.section__inner3__02 .img__main .img__keyboard {
margin-top: 819px;
margin-left: -1042px;
width: 2000px;
height: 600px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/animation/inner/03/02_keyboard.png"); } }
@media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) {
.section__inner3__02 .img__main .img__keyboard {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/animation/inner/03/02_keyboard.png"); } }
@media all and (min-width: 1301px) {
.section__inner3__02 .img__main .img__cover {
margin-top: -58px;
margin-left: -1163px;
width: 1340px;
height: 1264px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/animation/inner/03/02_cover.png"); } }
@media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) {
.section__inner3__02 .img__main .img__cover {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/animation/inner/03/02_cover.png"); } }
@media all and (min-width: 1301px) {
.section__inner3__02 .img__main .img__raw {
opacity: 1;
left: 0;
top: 0;
width: 2560px;
height: 1500px;
-webkit-transform: opacity 700ms ease-out;
-ms-transform: opacity 700ms ease-out;
transform: opacity 700ms ease-out;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/1x/animation/inner/03/02_raw.jpg"); } }
@media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) {
.section__inner3__02 .img__main .img__raw {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/animation/inner/03/02_raw.jpg"); } }
@media all and (min-width: 1301px) {
.section__inner3__02 .img__main .img__raw.active {
opacity: 0; }
.section__inner3__02 .img__main .img__keyboard:after {
display: block;
position: absolute;
content: '';
background-image: url(/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/animation/inner/03/02_wind_cold_left.png); }
.section__inner3__02 .img__main .img__cover:after {
display: block;
position: absolute;
content: '';
background-image: url(/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/animation/inner/03/02_wind_cold_right.png); }
.section__inner3__02 .img__main .img__raw:after {
display: block;
position: absolute;
content: '';
background-image: url(/websites/global/products/kraux8InrwJnZDo6/v2/features/images/large/2x/animation/inner/03/02_wind_hot.png); }
.section__inner3__02 .img__main #canvas__wind__cold-left {
position: absolute;
will-change: canvas;
top: 773px;
left: 50%;
margin-left: -1020px; }
.section__inner3__02 .img__main #canvas__wind__cold-right {
position: absolute;
will-change: canvas;
top: 1028px;
left: 50%;
margin-left: 4px; }
.section__inner3__02 .img__main #canvas__wind__hot {
position: absolute;
will-change: canvas;
top: 691px;
left: 50%;
margin-left: -768px; } }
@media all and (min-width: 721px) and (max-width: 1300px) {
.wd__section .medium_use {
display: block !important; }
.wd__section .medium_unuse {
display: none; }
.wd__section .no__wrap {
white-space: nowrap;
display: inline-block; }
.wd__section .wd__content .content__title {
margin-top: 21px; }
.wd__section .wd__content .content__info {
margin-top: 16px; }
.wd__section .wd__link__arrow:after {
padding-left: 5px; }
.section__kv {
overflow: hidden; }
.section__kv .wd__content {
width: 100%; }
.section__kv .wd__content .content__slogan {
margin-top: -9px;
font-size: 48px; }
.section__kv .wd__content .content__info {
margin-top: 42px;
width: 83%;
max-width: 776px;
font-size: 26px;
line-height: 1.55; }
.section__kv .wd__content .content__slogan__sub {
margin-top: 0;
font-size: 33px; }
.section__kv .img__kv__logo {
margin-top: 29px;
margin-left: -545px;
width: 1090px;
height: 120px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/1x/00_kv_logo.png"); } }
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__kv .img__kv__logo {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/2x/00_kv_logo.png"); } }
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__kv .bottom_content {
margin-top: -280px; }
.section__kv .img__kv {
margin-top: -270px;
max-width: 1400px;
height: 1205px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/1x/00_kv.jpg"); } }
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__kv .img__kv {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/2x/00_kv.jpg"); } }
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__kv .text__animation .content__info {
-webkit-transition: opacity 400ms ease-out 0ms, -webkit-transform 400ms ease-out 0ms;
transition: opacity 400ms ease-out 0ms, -webkit-transform 400ms ease-out 0ms;
transition: transform 400ms ease-out 0ms, opacity 400ms ease-out 0ms;
transition: transform 400ms ease-out 0ms, opacity 400ms ease-out 0ms, -webkit-transform 400ms ease-out 0ms; }
.section__nano {
padding-top: 139px; }
.section__nano .wd__content .content__info {
width: 79%;
max-width: 827px; }
.section__nano .img__nano {
position: relative;
left: 50%;
margin-top: 0px;
margin-left: -650px;
margin-bottom: 0;
width: 1300px;
height: 493px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/1x/01_nanoedge.jpg"); } }
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__nano .img__nano {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/2x/01_nanoedge.jpg"); } }
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__nano .img__nano #screenWidth {
display: none; }
.section__nano .img__nano .screenText {
display: block;
opacity: 1;
top: 200px;
margin-left: -29px; }
.section__nano .img__nano .screenText-large {
font-size: 54px; }
.section__nano .img__nano .screenText-small {
font-size: 31.2px; }
.section__nano .img__nano .img__des {
width: 2px;
margin-left: 343px;
top: 1px; }
.section__nano .img__nano .img__des__item {
font-size: 24px;
width: 100px;
text-align: right; }
.section__nano .img__nano .img__des__1 {
top: 26px;
left: 0; }
.section__nano .img__nano .img__des__2 {
top: 200px;
left: 0px; }
.section__nano .img__nano .img__des__3 {
top: 378px;
left: 0; }
.section__display {
padding-top: 127px; }
.section__display .wd__content .content__info {
width: 87%;
max-width: 695px; }
.section__display .wd__feature__list.medium__text-center {
width: 758px;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0; }
.section__display .img__display {
margin-top: -207px;
margin-left: -650px;
width: 1300px;
height: 488px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/1x/02_display.jpg"); } }
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__display .img__display {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/2x/02_display.jpg"); } }
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__hinge {
padding-top: 164px; }
.section__hinge .wd__content {
left: 0;
margin-top: 0;
margin-left: auto;
width: 89%;
max-width: 750px; }
.section__hinge .wd__feature__list {
margin-left: auto;
margin-right: auto; }
.section__hinge .wd__feature__list .wd__feature .wd__feature__data figure {
margin-bottom: 7px;
width: 80px;
height: 70px;
background-size: contain; }
.section__hinge .text__angle {
position: absolute;
left: 50%;
font-size: 64px;
color: #e4d8da;
display: none; }
.section__hinge .text__angle-top {
bottom: 331px;
margin-left: 100px; }
.section__hinge .text__angle-bottom {
bottom: 213px;
margin-left: 269px; }
.section__hinge .img__hinge {
left: 50%;
margin-top: -585px;
margin-left: -650px;
width: 1300px;
height: 1140px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/1x/03_hinge.jpg"); } }
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__hinge .img__hinge {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/2x/03_hinge.jpg"); } }
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__hinge .modal-button-container {
margin-top: -170px; }
.section__design {
padding-top: 155px; }
.section__design .wd__content {
left: 0;
margin-top: 0;
margin-left: auto;
width: 85%;
max-width: 875px; }
.section__design .wd__content .content__info {
max-width: 690px; }
.section__design .wd__feature__list {
margin-left: auto;
margin-right: auto;
max-width: 480px; }
.section__design .wd__feature__list .wd__feature {
min-width: 169px; }
.section__design .img__design {
position: relative;
left: 50%;
margin-top: 0;
margin-left: -370px;
width: 900px;
height: 470px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/1x/04_design.jpg"); } }
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__design .img__design {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/2x/04_design.jpg"); } }
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__design .design__text {
top: 11px;
margin-left: -402px;
font-size: 51px; }
.section__design .design__text .text-small {
font-size: 26px; }
.compare__info {
position: relative;
text-align: left;
left: 50%;
margin-top: -67px;
margin-left: -346px;
width: 430px; }
.compare__info .info {
margin-bottom: 20px; }
.compare__info .info .info-title {
font-size: 21px; }
.compare__info .info .info-size {
font-size: 19px; }
.section__color {
margin-top: 0;
padding-top: 50px; }
.section__color .wd__content {
position: relative;
top: 0;
left: 0;
margin-left: auto !important;
width: 74%;
max-width: 700px; }
.section__color .img__color {
position: relative;
left: 50%;
margin-top: -40px;
margin-left: -682px;
width: 1364px;
height: 712px; }
.color__controller {
margin-top: 50px; }
.color__controller .color {
margin: 0 20px;
width: 40px;
height: 40px; }
.colors {
margin-top: -334px; }
.colors .color__container {
margin-left: -650px;
width: 1300px;
height: 854px; }
.colors .color__container .color__content .img__bg {
width: 1300px;
height: 854px;
background-size: contain; }
.colors .color__container .color__content .img__nb {
top: 599px;
left: 50%;
margin-left: -650px;
width: 1300px;
height: 854px;
background-size: contain; }
.colors .color__container .color__content.content-1 .img__bg {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/1x/animation/04-1/bg_1.jpg"); } }
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.colors .color__container .color__content.content-1 .img__bg {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/2x/animation/04-1/bg_1.jpg"); } }
@media all and (min-width: 721px) and (max-width: 1300px) {
.colors .color__container .color__content.content-1 .img__nb {
display: none;
background: none !important; }
.colors .color__container .color__content.content-2 .img__bg {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/1x/animation/04-1/bg_2.jpg"); } }
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.colors .color__container .color__content.content-2 .img__bg {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/2x/animation/04-1/bg_2.jpg"); } }
@media all and (min-width: 721px) and (max-width: 1300px) {
.colors .color__container .color__content.content-2 .img__nb {
display: none;
background: none !important; }
.colors .color__container .color__content.content-3 .img__bg {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/1x/animation/04-1/bg_3.jpg"); } }
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.colors .color__container .color__content.content-3 .img__bg {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/2x/animation/04-1/bg_3.jpg"); } }
@media all and (min-width: 721px) and (max-width: 1300px) {
.colors .color__container .color__content.content-3 .img__nb {
display: none;
background: none !important; }
.color__controller .color {
opacity: 0.7;
-webkit-transition: opacity 300ms;
transition: opacity 300ms; }
.color__controller .color.active, .color__controller .color:hover {
opacity: 1;
border: 1px solid #bdbbbc; }
.colors .color__container .color__content .img__bg {
opacity: 0;
-webkit-transition: opacity 0ms;
transition: opacity 0ms; }
.colors .color__container .color__content .img__nb {
opacity: 0;
-webkit-transition: opacity 0ms;
transition: opacity 0ms; }
.colors .color__container .color__content.active .img__bg {
opacity: 1;
-webkit-transition: opacity 300ms;
transition: opacity 300ms; }
.colors .color__container .color__content.active .img__nb {
opacity: 1;
-webkit-transition: opacity 300ms 150ms;
transition: opacity 300ms 150ms; }
.section__performance {
margin-top: 0;
padding-top: 81px;
padding-bottom: 9px; }
.section__performance .wd__content {
left: 0;
margin-top: 0;
margin-left: auto;
width: 100%;
max-width: 1300px; }
.section__performance .wd__content .content__info {
width: 85%;
max-width: 663px; }
.section__performance .wd__feature__list {
max-width: 768px;
margin-left: auto;
margin-right: auto; }
.section__performance .wd__feature__list .feature__01 {
width: 100%;
margin-left: 0;
margin-right: 0; }
.section__performance .img__performance {
left: 50%;
margin-top: -570px;
margin-left: -650px;
margin-bottom: -80px;
width: 1300px;
height: 1608px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/1x/05_performance.jpg"); } }
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__performance .img__performance {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/2x/05_performance.jpg"); } }
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__performance .modal-button-container {
margin-top: -142px; }
.section__ubiquity {
padding-top: 167px; }
.section__ubiquity .wd__content {
left: 0;
margin-top: 0;
margin-left: auto;
width: 100%;
max-width: 1300px; }
.section__ubiquity .wd__content .content__info {
width: 79%;
max-width: 700px; }
.section__ubiquity .wd__feature__list .wd__feature {
margin-left: 20px;
margin-right: 20px; }
.section__ubiquity .wd__feature__list .feature__01 {
width: 100%;
margin-left: 0;
margin-right: 0; }
.section__ubiquity .wd__feature__list .feature__01 .wd__feature__describe__top {
display: none; }
.section__ubiquity .wd__feature__list .feature__04 .wd__feature__describe__top, .section__ubiquity .wd__feature__list .feature__05 .wd__feature__describe__top {
display: block; }
.section__ubiquity .img__ubiquity {
position: relative;
left: 50%;
margin-top: -24px;
margin-left: -650px;
width: 1300px;
height: 700px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/1x/06_ubiquity.jpg"); } }
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__ubiquity .img__ubiquity {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/2x/06_ubiquity.jpg"); } }
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__ubiquity .modal-button-container {
margin-top: 10px; }
.section__charge {
margin-top: 0;
padding-top: 153px;
padding-bottom: 0; }
.section__charge .wd__content {
width: 100%;
max-width: 100%; }
.section__charge .wd__content .content__title {
width: 75%; }
.section__charge .wd__content .content__info {
width: 68%;
max-width: 680px; }
.section__charge .img__charge {
margin-top: 50px;
margin-left: -650px;
width: 1300px;
height: 824px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/1x/07_charge.jpg"); } }
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__charge .img__charge {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/2x/07_charge.jpg"); } }
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__keyboard {
margin-top: -4px;
padding-top: 167px;
padding-bottom: 75px; }
.section__keyboard .wd__content {
width: 100%;
max-width: 100%; }
.section__keyboard .wd__content .content__info {
width: 88%;
max-width: 720px; }
.section__keyboard .img__keyboard {
left: 50%;
margin-top: 0;
margin-left: -650px;
width: 1300px;
height: 480px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/1x/08_keyboard.jpg"); } }
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__keyboard .img__keyboard {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/2x/08_keyboard.jpg"); } }
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__keyboard .modal-button-container {
margin-top: 20px; }
.section__wexp {
padding-top: 167px;
padding-bottom: 0; }
.section__wexp .wd__content {
left: 0;
margin-left: auto;
width: 100%;
max-width: 100%; }
.section__wexp .wd__content .content__info {
width: 79%;
max-width: 730px; }
.section__wexp .img__wexp {
position: relative;
left: 50%;
margin-top: -87px;
margin-left: -650px;
width: 1300px;
height: 1000px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/1x/09_wexp.jpg"); } }
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__wexp .img__wexp {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/2x/09_wexp.jpg"); } }
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__wexp .modal-button-container {
margin-top: -139px; }
.section__alexa {
padding-top: 169px;
padding-bottom: 0; }
.section__alexa .wd__content {
width: 79%;
max-width: 802px; }
.section__alexa .wd__feature__list .wd__feature .wd__feature__data figure {
margin-top: 0;
margin-bottom: -17px;
height: 68px; }
.section__alexa .img__alexa {
margin-top: -28px;
margin-left: -535px;
width: 1070px;
height: 586px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/1x/10_ux.jpg"); } }
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__alexa .img__alexa {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/2x/10_ux.jpg"); } }
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__comment {
margin-top: 0; }
.section__comment .footnotes {
width: 90%; }
.section__connect {
padding-top: 123px; }
.section__connect .wd__content {
width: 100%;
max-width: 100%; }
.section__connect .wd__content .content__info {
width: 88%;
max-width: 800px; }
.section__connect .img__connect {
margin-top: -224px;
margin-left: -650px;
width: 1300px;
height: 1240px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/1x/11_connect.jpg"); } }
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__connect .img__connect {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/2x/11_connect.jpg"); } }
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__connect .img__des {
position: relative;
top: 0;
left: 50%;
width: 2px;
margin-left: -1px; }
.section__connect .img__des__item {
position: absolute;
width: 70px;
text-align: center; }
.section__connect .img__des__1,
.section__connect .img__des__2,
.section__connect .img__des__3,
.section__connect .img__des__4,
.section__connect .img__des__5 {
top: 583px; }
.section__connect .img__des__6,
.section__connect .img__des__7 {
top: 1032px; }
.section__connect .img__des__1 {
left: -264px; }
.section__connect .img__des__2 {
left: -148px; }
.section__connect .img__des__3 {
left: -52px; }
.section__connect .img__des__4 {
left: 63px; }
.section__connect .img__des__5 {
left: 166px; }
.section__connect .img__des__6 {
left: -13px;
width: 200px;
text-align: right; }
.section__connect .img__des__7 {
left: 228px;
text-align: center; }
.section__audio {
padding-top: 7px; }
.section__audio .wd__content {
margin-left: auto;
width: 100%;
max-width: 100%; }
.section__audio .wd__content .content__info {
width: 96%;
max-width: 725px; }
.section__audio .wd__feature__list {
margin-top: 60px; }
.section__audio .wd__feature__list .wd__feature {
margin-left: 30px;
margin-right: 30px; }
.section__audio .img__audio {
margin-top: -173px;
margin-left: -650px;
width: 1300px;
height: 1000px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/1x/12_audio.jpg"); } }
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__audio .img__audio {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/2x/12_audio.jpg"); } }
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__militarygrad {
padding-top: 111px;
padding-bottom: 0; }
.section__militarygrad .wd__content {
width: 100%; }
.section__militarygrad .wd__content .content__title {
width: 532px; }
.section__militarygrad .wd__content .content__info {
width: 79%;
max-width: 764px; }
.section__militarygrad .img__militarygrad {
margin-top: -89px;
margin-left: -650px;
width: 1300px;
height: 915px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/1x/13_militarygrad.jpg"); } }
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__militarygrad .img__militarygrad {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/2x/13_militarygrad.jpg"); } }
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__comment {
margin-top: -75px;
padding-bottom: 50px; }
.section__meet {
margin-top: -50px;
padding-bottom: 160px; }
.section__meet .wd__content {
width: 100%;
margin-top: -3px; }
.section__meet .wd__content .content__info {
width: 64%;
max-width: 764px; }
.section__meet .btn__round__container {
margin-top: 34px; }
.section__meet .img__meet {
margin-left: -450px;
width: 900px;
height: 320px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/1x/14_meet.jpg"); } }
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__meet .img__meet {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/2x/14_meet.jpg"); } }
@media all and (min-width: 721px) and (max-width: 1300px) {
.inner-view .inner-view-container {
position: relative;
margin-left: auto;
margin-right: auto; }
.inner-view .inner-view-container .wd__section .wd__content .content__slogan {
color: #333; }
.inner-view .inner-view-container .wd__section .wd__content .content__title {
font-size: 34px; }
.inner-view .inner-view-container .wd__section .wd__content .content__info {
margin-top: 15px; }
.inner-view .inner-view-container .wd__section .wd__content .content__slogan:before, .inner-view .inner-view-container .wd__section .wd__content .content__slogan:after, .inner-view .inner-view-container .wd__section .wd__content .content__title:before, .inner-view .inner-view-container .wd__section .wd__content .content__title:after {
display: none; }
.inner-view .section__btn__home:before {
background: none; }
.inner-view {
background: #000; }
.section__inner3__01 {
background-color: #b7cddb;
padding-top: 70px; }
.section__inner3__01 .wd__content {
position: relative;
left: 0;
margin-top: 0;
margin-left: auto;
margin-right: auto;
width: 84%;
max-width: 750px; }
.section__inner3__01 .img__main {
margin-top: -120px;
margin-left: -650px;
width: 1300px;
height: 840px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/1x/inner/03/01.jpg"); } }
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__inner3__01 .img__main {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/2x/inner/03/01.jpg"); } }
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__inner3__02 {
overflow: hidden;
padding-top: 60px; }
.section__inner3__02 .wd__content {
position: relative;
left: 0;
margin-top: 0;
margin-left: auto;
margin-right: auto;
width: 84%;
max-width: 670px; }
.section__inner3__02 .img__main {
margin-top: -400px;
margin-bottom: -100px;
margin-left: -650px;
width: 1300px;
height: 1062px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/1x/inner/03/02.jpg"); } }
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__inner3__02 .img__main {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/2x/inner/03/02.jpg"); } }
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__inner3__02 #canvas__wind__cold-left,
.section__inner3__02 #canvas__wind__cold-right,
.section__inner3__02 #canvas__wind__hot {
display: none; }
.section__inner3__03 {
overflow: hidden;
padding-top: 60px; }
.section__inner3__03 .wd__content {
position: relative;
left: 0;
margin-top: 0;
margin-left: auto;
margin-right: auto;
width: 84%;
max-width: 620px; }
.section__inner3__03 .img__main {
margin-top: -520px;
margin-left: -650px;
margin-bottom: 0;
width: 1300px;
height: 1313px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/1x/inner/03/03.jpg"); } }
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__inner3__03 .img__main {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/2x/inner/03/03.jpg"); } }
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__inner5__01 {
padding-top: 70px;
padding-bottom: 70px; }
.section__inner5__01 .wd__content {
width: 100%; }
.section__inner5__01 .wd__content .content__title {
width: 499px; }
.section__inner5__01 .wd__content .content__info {
width: 600px; }
.section__inner5__01 .wd__performance__graph {
left: 50%;
margin-left: -274px;
width: 650px; }
.section__inner5__01 .img__main {
margin-top: -130px;
margin-left: -650px;
width: 1300px;
height: 762px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/1x/inner/05/01.jpg"); } }
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__inner5__01 .img__main {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/2x/inner/05/01.jpg"); } }
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__inner5__02 {
padding-top: 80px; }
.section__inner5__02 .wd__content {
left: 0;
margin-top: 0;
margin-left: auto;
width: 610px; }
.section__inner5__02 .wd__feature__list .wd__feature.feature__2, .section__inner5__02 .wd__feature__list .wd__feature.feature__3 {
width: auto; }
.section__inner5__02 .wd__performance__graph {
left: 50%;
margin-left: -308px;
width: 650px; }
.section__inner5__02 .img__main {
margin-top: -50px;
margin-left: -630px;
width: 1044px;
height: 824px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/1x/inner/05/02.jpg"); } }
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__inner5__02 .img__main {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/2x/inner/05/02.jpg"); } }
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__inner5__03 {
padding-top: 60px;
padding-bottom: 100px; }
.section__inner5__03 .wd__content {
left: 0;
margin-left: auto;
width: 595px; }
.section__inner5__03 .wd__feature__list {
left: 50%;
margin-left: -350px;
width: 700px; }
.section__inner5__03 .wd__performance__graph {
left: 50%;
margin-left: -316px;
width: 650px; }
.section__inner5__03 .wd__performance__graph .graph__bar .bar__value {
width: 200px; }
.section__inner5__03 .img__main {
margin-top: 25px;
margin-left: -390px;
width: 1000px;
height: 816px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/1x/inner/05/03.jpg"); } }
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__inner5__03 .img__main {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/2x/inner/05/03.jpg"); } }
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__inner6__01 {
padding-top: 100px; }
.section__inner6__01 .wd__content {
width: 100%; }
.section__inner6__01 .wd__content .content__info {
width: 76%;
max-width: 748px; }
.section__inner6__01 .img__main {
position: relative;
left: 50%;
margin-top: 0px;
margin-left: -650px;
width: 1300px;
height: 725px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/1x/inner/06/01.jpg"); } }
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__inner6__01 .img__main {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/2x/inner/06/01.jpg"); } }
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__inner6__02 {
padding-top: 40px;
padding-bottom: 170px;
background-color: #f0f0f0; }
.section__inner6__02 .sub__section {
margin: 140px auto 0;
padding-top: 30px;
padding-bottom: 51px;
width: 768px; }
.section__inner6__02 .sub__section .wd__content {
width: 645px; }
.section__inner6__02 .sub__section.sub__section-1 .img__sub-1 {
margin-top: 30px;
margin-left: -288px;
width: 576px;
height: 144px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/1x/inner/06/wifi.png"); } }
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__inner6__02 .sub__section.sub__section-1 .img__sub-1 {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/2x/inner/06/wifi.png"); } }
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__inner6__02 .sub__section.sub__section-2 .wd__performance__graph {
left: 77px;
margin-top: 52px; }
.section__inner6__02 .sub__section.sub__section-2 .wd__performance__graph .graph__line .graph__bar .bar__value {
width: 150px; }
.section__inner6__02 .sub__section.sub__section-3 .wd__content .content__info {
width: 410px;
max-width: 410px; }
.section__inner6__02 .sub__section.sub__section-3 .wd__performance__graph {
left: 61px;
margin-top: 52px; }
.section__inner6__02 .sub__section.sub__section-3 .wd__performance__graph .graph__line .graph__bar .bar__value {
width: 150px; }
.section__inner08__01 {
padding-top: 0; }
.section__inner08__01 .wd__content {
width: 83%;
max-width: 690px; }
.section__inner08__01 .img__main {
margin-top: 0;
margin-left: -650px;
width: 1300px;
height: 316px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/1x/inner/08/01.jpg"); } }
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__inner08__01 .img__main {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/2x/inner/08/01.jpg"); } }
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__inner08__02 {
padding-top: 70px;
padding-bottom: 120px; }
.section__inner08__02 .wd__content {
width: 83%;
max-width: 660px; }
.section__inner08__02 .img__main {
margin-top: 40px;
margin-left: -650px;
width: 1300px;
height: 561px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/1x/inner/08/02.jpg"); } }
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__inner08__02 .img__main {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/2x/inner/08/02.jpg"); } }
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__inner08__02 .img__main {
background: none; }
.section__inner08__02 .img__main figure.img__keyborad {
width: 1300px;
height: 561px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/1x/animation/inner/08/02_keyboard.jpg"); } }
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__inner08__02 .img__main figure.img__keyborad {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/2x/animation/inner/08/02_keyboard.jpg"); } }
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__inner08__02 .img__main figure.img__cover {
width: 1300px;
height: 561px;
top: 0px;
margin-left: 0;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/1x/animation/inner/08/02_hl.png"); } }
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__inner08__02 .img__main figure.img__cover {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/2x/animation/inner/08/02_hl.png"); } }
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__inner09__01 {
margin-top: 0;
padding-top: 0; }
.section__inner09__01 .wd__content {
width: 100%;
top: 150px; }
.section__inner09__01 .wd__content .content__info {
width: 460px; }
.section__inner09__01 .img__main {
position: relative;
left: 50%;
margin-top: 0;
margin-left: -650px;
width: 1300px;
height: 788px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/1x/inner/09/01.jpg"); } }
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__inner09__01 .img__main {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/2x/inner/09/01.jpg"); } }
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__inner09__01-1 {
padding-top: 430px;
padding-bottom: 100px; }
.section__inner09__01-1 .img__main {
position: absolute;
top: -330px;
margin-top: 0;
margin-left: -305px;
width: 610px;
height: 430px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/1x/inner/09/01_1.jpg"); } }
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__inner09__01-1 .img__main {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/2x/inner/09/01_1.jpg"); } }
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__inner09__01-1 .compares {
margin: 50px auto 0;
max-width: 1024px; }
.section__inner09__01-1 .compares .compare {
border: 10px solid transparent; }
.section__inner09__01-1 .compares .compare .img__compare {
padding-bottom: 73.74%; }
.section__inner09__01-1 .compares .compare .compare__text {
margin-top: 12px; }
.section__inner09__01-1 .compares .compare .compare__text .text-info {
margin-top: 1px; }
.section__inner09__02 {
padding-top: 110px;
margin-bottom: 0;
background-color: #dcd2c8;
padding-bottom: 0; }
.section__inner09__02 .img__main {
margin-top: -250px;
margin-left: -650px;
margin-bottom: -100px;
width: 1300px;
height: 1048px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/1x/inner/09/02.jpg"); } }
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__inner09__02 .img__main {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/medium/2x/inner/09/02.jpg"); } }
@media all and (min-width: 721px) and (max-width: 1300px) {
.product_price.active {
margin-bottom: 0;
padding-top: 35px; }
.product_pdguide.active {
padding-top: 15px; }
.product_videos {
z-index: 1; }
.product_videos.active {
padding-top: 156px; }
.section__pdc {
z-index: 2; }
.media-bottom {
margin-bottom: 0px;
padding-bottom: 0px; }
.video-bottom {
margin-bottom: 0;
padding-bottom: 9px; } }
@media all and (min-width: 721px) and (max-width: 1023px) {
.section__inner8__02 .img__main {
margin-left: -627px; } }
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__display .wd__feature__list.medium__text-center {
width: 758px;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0; }
.section__display .wd__feature__list.medium__text-center .feature__01 {
width: 100%;
margin-left: 0;
margin-left: 0; } }
@media all and (min-width: 1000px) and (max-width: 1300px) {
.section__charge .wd__content .content__title {
width: 100%; }
.section__display .wd__feature__list.medium__text-center {
width: 100%;
margin-left: 0;
margin-right: 0; }
.section__display .wd__feature__list.medium__text-center .wd__feature {
padding-left: 0;
padding-right: 0; }
.section__display .wd__feature__list.medium__text-center .feature__01 {
width: auto; }
.section__display .wd__feature__list.medium__text-center .feature__04 .wd__feature__describe__top {
display: block; } }
@media all and (min-width: 721px) and (max-width: 898px) {
.section__nano .img__nano {
left: unset;
right: 400px;
margin-left: 0; } }
@media all and (min-width: 1025px) and (max-width: 1300px) {
.section__inner8__01 .img__main {
margin-left: -1280px; } }
@media all and (min-width: 721px) and (max-width: 1023px) {
.section__nano .wd__feature__list .feature__04 .wd__feature__describe__top {
display: none; } }
@media all and (min-width: 1024px) and (max-width: 1300px) {
.section__design .wd__feature__list {
max-width: 1300px; }
.section__design .wd__feature__list .wd__feature {
min-width: auto; } }
@media all and (max-width: 720px) {
.wd__section sup.sign-ref {
top: -0.3em; }
.wd__section .small_use {
display: block !important; }
.wd__section .small_unuse {
display: none; }
.wd__section .wd__content {
left: 0;
margin-left: auto;
margin-right: auto;
width: 89.2%;
text-align: left; }
.wd__section .wd__content .content__slogan {
letter-spacing: 0.7px; }
.wd__section .wd__content .content__title {
width: 100%;
max-width: 720px;
margin-top: 15px; }
.wd__section .wd__content .content__info {
margin-left: 0;
width: 100%;
max-width: 720px; }
.wd__section .wd__content .content__comment {
width: 100%;
max-width: 720px; }
.wd__section .wd__content .content__slogan:before {
top: 9px;
margin-right: 5px;
width: 51px;
height: 41px;
background-size: contain; }
.wd__section .wd__content .content__title:after {
top: 33px;
margin-left: 1px;
width: 51px; }
.wd__section .wd__feature__list {
width: 100%; }
.wd__section .wd__feature__list .wd__feature {
text-align: center;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.wd__section .wd__feature__list .wd__feature .wd__feature__data {
margin-bottom: 0px; }
.wd__section .wd__link__arrow:after {
padding-left: 5px; }
.wd__section .btn__round__container {
margin-top: 30px; }
.wd__section .btn__roundcorner {
margin-left: 1.2345%;
margin-right: 1.2345%; }
.wd__section .btn__roundcorner span.btn__text {
font-size: 18px;
padding: 5px 12px;
text-align: center; }
.wd__section .wd__content.guildline:before, .wd__section .wd__content .content__info.innerGuildLine:before, .wd__section .wd__feature__list.guildline:before, .wd__section .wd__feature__list.guildline:after {
display: block;
content: " ";
position: absolute;
height: 1px;
width: 100%;
opacity: 0.35;
z-index: 99999; }
.wd__section .wd__content.guildline:before {
top: 4px;
background-color: #ffcc00;
-webkit-transform: scale(1, 80);
-ms-transform: scale(1, 80);
transform: scale(1, 80);
-webkit-transform-origin: bottom center;
-ms-transform-origin: bottom center;
transform-origin: bottom center; }
.wd__section .wd__content .content__info.innerGuildLine:before {
bottom: 5px;
background-color: #1f9a8f;
-webkit-transform: scale(1, 62);
-ms-transform: scale(1, 62);
transform: scale(1, 62);
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center; }
.wd__section .wd__feature__list.guildline:before {
top: 4px;
background-color: #ffcc00;
-webkit-transform: scale(1, 55);
-ms-transform: scale(1, 55);
transform: scale(1, 55);
-webkit-transform-origin: bottom center;
-ms-transform-origin: bottom center;
transform-origin: bottom center; }
.wd__section .wd__feature__list.guildline:after {
bottom: 44px;
background-color: #1f9a8f;
-webkit-transform: scale(1, 62);
-ms-transform: scale(1, 62);
transform: scale(1, 62);
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center; }
.section__kv {
margin-top: 0;
padding-top: 33px;
padding-bottom: 0px; }
.section__kv:before {
height: 400px; }
.section__kv .wd__content {
margin-top: 0px;
position: relative;
width: 100%;
left: 0; }
.section__kv .wd__content .content__slogan {
text-align: center;
margin-top: 1px;
margin-left: auto;
margin-right: auto;
width: 90%;
font-size: 24px;
letter-spacing: 0;
line-height: 1.2; }
.section__kv .wd__content .content__title {
width: 80%; }
.section__kv .wd__content .content__info {
text-align: center;
margin: 30px auto 0;
width: 94%;
max-width: 446px;
font-size: 22px;
line-height: 1.4; }
.section__kv .wd__content .content__slogan:before {
display: none; }
.section__kv .wd__content .content__slogan__sub {
margin-top: 2px;
width: 100%;
font-size: 19px; }
.section__kv .wd__feature__list .wd__feature .wd__feature__data figure {
margin-top: 4px;
margin-bottom: -38px;
width: 194px;
height: 89px;
background-size: contain; }
.section__kv .img__kv__logo {
margin-top: 0;
margin-bottom: 8px;
margin-left: -160px;
width: 320px;
height: 35px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/1x/00_kv_logo.png"); } }
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__kv .img__kv__logo {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/2x/00_kv_logo.png"); } }
@media all and (max-width: 720px) {
.section__kv .bottom_content {
margin-top: -99px; }
.section__kv .img__kv {
left: 50%;
margin-top: -134px;
margin-left: -360px;
width: 720px;
height: 610px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/1x/00_kv.jpg"); } }
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__kv .img__kv {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/2x/00_kv.jpg"); } }
@media all and (max-width: 720px) {
.section__kv .img__kv figure, .section__kv .img__kv img, .section__kv svg, .section__kv canvas {
background: none !important;
display: none; }
.section__nano {
padding-top: 76px; }
.section__nano .wd__content .content__info {
width: 99%;
max-width: 516px; }
.section__nano .small__text-center.wd__feature__list .feature__03 .wd__feature__describe__top,
.section__nano .small__text-center.wd__feature__list .feature__04 .wd__feature__describe__top {
display: none; }
.section__nano .img__nano {
position: relative;
left: 50%;
margin-top: -95px;
margin-left: -360px;
margin-bottom: 0px;
width: 720px;
height: 500px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/1x/01_nanoedge.jpg"); } }
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__nano .img__nano {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/2x/01_nanoedge.jpg"); } }
@media all and (max-width: 720px) {
.section__nano .img__nano #screenWidth {
display: none; }
.section__nano .img__nano .screenText {
display: block;
opacity: 1;
top: 239px;
margin-left: -23px; }
.section__nano .img__nano .screenText-large {
font-size: 36px; }
.section__nano .img__nano .screenText-small {
font-size: 20.8px; }
.section__nano .img__nano .img__des {
width: 2px;
margin-left: 185px;
top: 100px;
height: 1px; }
.section__nano .img__nano .img__des__item {
font-size: 15px;
width: 100px;
text-align: right; }
.section__nano .img__nano .img__des__1 {
top: 31px;
left: 0; }
.section__nano .img__nano .img__des__2 {
top: 139px;
left: 0px; }
.section__nano .img__nano .img__des__3 {
top: 256px;
left: 0px; }
.section__display {
padding-top: 0; }
.section__display .wd__content .content__info {
width: 100%;
max-width: 710px; }
.section__display .wd__feature__list {
left: 50%;
width: 320px;
margin-left: -160px;
margin-right: auto;
padding-left: 0;
padding-right: 0; }
.section__display .img__display {
margin-top: -94px;
margin-left: -360px;
width: 720px;
height: 250px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/1x/02_display.jpg"); } }
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__display .img__display {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/2x/02_display.jpg"); } }
@media all and (max-width: 720px) {
.section__hinge {
padding-top: 96px; }
.section__hinge .wd__content {
left: 0;
margin-top: 0;
margin-left: auto; }
.section__hinge .wd__feature__list {
margin-left: auto;
margin-right: auto; }
.section__hinge .wd__feature__list .wd__feature {
margin-left: 22px;
margin-right: 22px; }
.section__hinge .wd__feature__list .wd__feature .wd__feature__data figure {
margin-bottom: 4px;
width: 73px;
height: 70px;
background-size: contain; }
.section__hinge .text__angle {
display: none; }
.section__hinge .img__hinge {
left: 50%;
margin-top: -284px;
margin-left: -360px;
width: 720px;
height: 830px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/1x/03_hinge.jpg"); } }
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__hinge .img__hinge {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/2x/03_hinge.jpg"); } }
@media all and (max-width: 720px) {
.section__hinge .modal-button-container {
margin-top: -118px; }
.section__design {
padding-top: 86px; }
.section__design .wd__content {
left: 0;
margin-top: 0;
margin-left: auto;
width: 87%;
max-width: 750px; }
.section__design .wd__feature__list {
left: 50%;
width: 320px;
margin-left: -160px;
margin-right: auto;
padding-left: 0;
padding-right: 0; }
.section__design .wd__feature__list .wd__feature {
margin-left: 9px !important;
margin-right: 9px !important;
min-width: 126px; }
.section__design .img__design {
position: relative;
left: 50%;
margin-top: -5px;
margin-left: -269px;
width: 720px;
height: 300px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/1x/04_design.jpg"); } }
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__design .img__design {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/2x/04_design.jpg"); } }
@media all and (max-width: 720px) {
.section__design .design__text {
top: -35px;
margin-left: -259px;
font-size: 36px; }
.section__design .design__text .text-small {
padding-left: 2px;
font-size: 18px; }
.compare__info {
margin-left: auto;
margin-right: auto;
max-width: 320px; }
.compare__info .info {
margin: 0 50px 10px 83px; }
.compare__info .info:before {
top: 12px;
left: -34px;
width: 20px;
height: 2px; }
.compare__info .info .info-title {
font-size: 16px;
line-height: 1.4 !important;
letter-spacing: .1px; }
.compare__info .info .info-size {
padding-top: 0;
font-size: 14px;
line-height: 1.4 !important;
letter-spacing: .1px; }
.section__color {
margin-top: 0;
padding-top: 32px; }
.section__color .wd__content {
position: relative;
top: 0;
left: 0;
margin-left: auto !important;
max-width: 840px; }
.color__controller {
text-align: center;
margin-top: 50px; }
.color__controller .color {
margin: 0 15px;
width: 35px;
height: 35px; }
.colors {
margin-top: -173px; }
.colors .color__container {
margin-left: -360px;
width: 720px;
height: 452px; }
.colors .color__container .color__content .img__bg {
width: 720px;
height: 452px;
background-size: contain; }
.colors .color__container .color__content .img__nb {
top: 599px;
left: 50%;
margin-left: -360px;
width: 720px;
height: 452px;
background-size: contain; }
.colors .color__container .color__content.content-1 .img__bg {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/1x/animation/04-1/bg_1.jpg"); } }
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) {
.colors .color__container .color__content.content-1 .img__bg {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/2x/animation/04-1/bg_1.jpg"); } }
@media all and (max-width: 720px) {
.colors .color__container .color__content.content-2 .img__bg {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/1x/animation/04-1/bg_2.jpg"); } }
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) {
.colors .color__container .color__content.content-2 .img__bg {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/2x/animation/04-1/bg_2.jpg"); } }
@media all and (max-width: 720px) {
.colors .color__container .color__content.content-3 .img__bg {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/1x/animation/04-1/bg_3.jpg"); } }
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) {
.colors .color__container .color__content.content-3 .img__bg {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/2x/animation/04-1/bg_3.jpg"); } }
@media all and (max-width: 720px) {
.color__controller .color {
opacity: 0.7;
-webkit-transition: opacity 300ms;
transition: opacity 300ms; }
.color__controller .color.active, .color__controller .color:hover {
opacity: 1;
border: 1px solid #bdbbbc; }
.colors .color__container .color__content .img__bg {
opacity: 0;
-webkit-transition: opacity 0ms;
transition: opacity 0ms; }
.colors .color__container .color__content .img__nb {
opacity: 0;
-webkit-transition: opacity 0ms;
transition: opacity 0ms; }
.colors .color__container .color__content.active .img__bg {
opacity: 1;
-webkit-transition: opacity 300ms;
transition: opacity 300ms; }
.colors .color__container .color__content.active .img__nb {
opacity: 1;
-webkit-transition: opacity 300ms 150ms;
transition: opacity 300ms 150ms; }
.section__performance {
margin-top: 0;
padding-top: 69px;
padding-bottom: 0; }
.section__performance .wd__content {
left: 0;
margin-top: 0;
margin-left: auto; }
.section__performance .wd__content .content__title {
width: 101%; }
.section__performance .wd__feature__list {
left: 50%;
width: 320px;
margin-left: -160px; }
.section__performance .wd__feature__list.small__text-center.wd__feature__list .wd__feature {
margin-left: 16px;
margin-right: 16px;
width: auto; }
.section__performance .wd__feature__list.small__text-center.wd__feature__list .feature__01 {
width: auto; }
.section__performance .img__performance {
left: 50%;
margin-top: -290px;
margin-left: -360px;
width: 720px;
height: 832px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/1x/05_performance.jpg"); } }
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__performance .img__performance {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/2x/05_performance.jpg"); } }
@media all and (max-width: 720px) {
.section__performance .modal-button-container {
margin-top: -113px; }
.section__ubiquity {
padding-top: 69px; }
.section__ubiquity .wd__content {
left: 0;
margin-top: 0;
margin-left: auto; }
.section__ubiquity .wd__feature__list.small__text-center .wd__feature {
margin-left: 8px;
margin-right: 8px; }
.section__ubiquity .wd__feature__list.small__text-center .feature__01 {
width: 100%;
margin-left: 0;
margin-right: 0; }
.section__ubiquity .wd__feature__list.small__text-center .feature__02 {
width: 100%;
margin-left: 0;
margin-right: 0; }
.section__ubiquity .wd__feature__list .feature__01 .wd__feature__describe__top {
display: none; }
.section__ubiquity .wd__feature__list .feature__01 .wd__feature__describe {
display: none; }
.section__ubiquity .wd__feature__list .feature__02, .section__ubiquity .wd__feature__list .feature__04 {
width: auto; }
.section__ubiquity .wd__feature__list .feature__03 .wd__feature__describe {
width: 66px; }
.section__ubiquity .wd__feature__list .feature__04 {
text-align: center; }
.section__ubiquity .wd__feature__list .feature__04 .wd__feature__describe__top {
display: block; }
.section__ubiquity .wd__feature__list .feature__04 .wd__feature__describe {
width: 96px;
display: inline-block; }
.section__ubiquity .wd__feature__list .feature__03, .section__ubiquity .wd__feature__list .feature__05 {
width: 66px; }
.section__ubiquity .wd__feature__list .feature__04 .wd__feature__describe__top, .section__ubiquity .wd__feature__list .feature__05 .wd__feature__describe__top {
display: block; }
.section__ubiquity .img__ubiquity {
position: relative;
left: 50%;
margin-top: -10px;
margin-left: -300px;
width: 600px;
height: 402px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/1x/06_ubiquity.jpg"); } }
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__ubiquity .img__ubiquity {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/2x/06_ubiquity.jpg"); } }
@media all and (max-width: 720px) {
.section__charge {
margin-top: 0;
padding-top: 73px;
padding-bottom: 10px;
margin-bottom: -10px; }
.section__charge .img__charge {
left: 0;
margin-top: 21px;
margin-left: 0px;
padding-bottom: 63.5%;
width: 100%;
height: 0;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/1x/07_charge.jpg"); } }
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__charge .img__charge {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/2x/07_charge.jpg"); } }
@media all and (max-width: 720px) {
.section__keyboard {
margin-top: 0;
padding-top: 69px;
padding-bottom: 36px; }
.section__keyboard .wd__feature__list .wd__feature .wd__feature__data figure {
margin-top: -1px;
margin-bottom: 10px;
width: 62px;
height: 39px;
background-size: contain; }
.section__keyboard .img__keyboard {
left: 50%;
margin-top: -26px;
margin-left: -360px;
width: 720px;
height: 255px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/1x/08_keyboard.jpg"); } }
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__keyboard .img__keyboard {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/2x/08_keyboard.jpg"); } }
@media all and (max-width: 720px) {
.section__keyboard .img__keyboard__parts {
margin-top: -141px;
padding-bottom: 227.36%;
width: 100%;
height: 0;
display: none; }
.section__keyboard .modal-button-container {
margin-top: 0; }
.section__wexp {
padding-top: 69px;
padding-bottom: 35px; }
.section__wexp .wd__content {
left: 0;
margin-top: 0;
margin-left: auto; }
.section__wexp .img__wexp {
position: relative;
left: 50%;
margin-top: -52px;
margin-left: -360px;
width: 720px;
height: 532px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/1x/09_wexp.jpg"); } }
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__wexp .img__wexp {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/2x/09_wexp.jpg"); } }
@media all and (max-width: 720px) {
.section__wexp .modal-button-container {
margin-top: -45px; }
.section__alexa {
padding-top: 69px;
padding-bottom: 20px; }
.section__alexa .wd__feature__list .wd__feature .wd__feature__data figure {
margin-top: 0;
margin-bottom: -21px;
height: 67px; }
.section__alexa .img__alexa {
margin-top: -14px;
margin-left: -300px;
width: 600px;
height: 1040px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/1x/10_ux.jpg"); } }
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__alexa .img__alexa {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/2x/10_ux.jpg"); } }
@media all and (max-width: 720px) {
.section__comment {
margin-top: 0; }
.section__comment .footnotes {
width: 90%; }
.section__connect {
padding-top: 60px; }
.section__connect .img__connect {
margin-top: -164px;
margin-left: -360px;
width: 720px;
height: 832px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/1x/11_connect.jpg"); } }
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__connect .img__connect {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/2x/11_connect.jpg"); } }
@media all and (max-width: 720px) {
.section__connect .img__des {
position: relative;
top: 0;
left: 0; }
.section__connect .img__des__item {
position: absolute;
left: 50%;
text-align: center;
color: #eee;
top: 600px;
margin-left: 0; }
.section__connect .img__des__1,
.section__connect .img__des__2,
.section__connect .img__des__3,
.section__connect .img__des__4,
.section__connect .img__des__5 {
top: 375px; }
.section__connect .img__des__6,
.section__connect .img__des__7 {
top: 645px; }
.section__connect .img__des__1 {
width: 50px;
text-align: center;
margin-left: -146px; }
.section__connect .img__des__2 {
margin-left: -84px;
width: 74px; }
.section__connect .img__des__3 {
margin-left: 0;
width: 50px;
text-align: center; }
.section__connect .img__des__4 {
margin-left: 57px;
width: 50px; }
.section__connect .img__des__5 {
margin-left: 113px; }
.section__connect .img__des__6 {
margin-left: -34px; }
.section__connect .img__des__7 {
margin-left: 74px;
width: 80px; }
.section__audio {
margin-top: -97px;
padding-top: 0; }
.section__audio .wd__content {
margin-left: auto; }
.section__audio .wd__feature__list {
margin-top: 40px; }
.section__audio .wd__feature__list .wd__feature .wd__feature__data figure {
margin-top: 0;
width: 254px;
height: 29px; }
.section__audio .img__audio {
margin-top: -68px;
margin-left: -360px;
width: 720px;
height: 520px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/1x/12_audio.jpg"); } }
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__audio .img__audio {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/2x/12_audio.jpg"); } }
@media all and (max-width: 720px) {
.section__militarygrad {
display: inline-block;
padding-top: 37px;
padding-bottom: 0; }
.section__militarygrad .wd__feature__list {
position: relative;
left: 50%;
margin-left: -160px !important;
width: 320px; }
.section__militarygrad .wd__feature__list.small__text-center .wd__feature {
margin-left: 13px;
margin-right: 13px; }
.section__militarygrad .wd__feature__list .wd__feature .wd__feature__data figure {
margin-top: 1px;
margin-bottom: 4px;
height: 74px;
background-size: contain; }
.section__militarygrad .wd__feature__list .wd__feature .wd__feature__data .icon-1 {
width: 73px; }
.section__militarygrad .wd__feature__list .wd__feature .wd__feature__data .icon-2 {
width: 78px; }
.section__militarygrad .wd__feature__list .wd__feature .wd__feature__data .icon-3 {
width: 82px; }
.section__militarygrad .wd__feature__list .wd__feature .wd__feature__data .icon-4 {
width: 67px; }
.section__militarygrad .wd__feature__list .wd__feature .wd__feature__data .icon-5 {
width: 67px; }
.section__militarygrad .img__militarygrad {
margin-top: -20px;
margin-left: -360px;
width: 720px;
height: 578px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/1x/13_militarygrad.jpg"); } }
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__militarygrad .img__militarygrad {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/2x/13_militarygrad.jpg"); } }
@media all and (max-width: 720px) {
.section__comment {
margin-top: -50px;
padding-bottom: 30px; }
.section__meet {
margin-top: 0;
padding-top: 20px;
padding-bottom: 120px; }
.section__meet .wd__content {
margin-top: 0px; }
.section__meet .wd__content .content__info {
max-width: 570px; }
.section__meet .img__meet {
margin-left: -240px;
width: 480px;
height: 160px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/1x/14_meet.jpg"); } }
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__meet .img__meet {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/2x/14_meet.jpg"); } }
@media all and (max-width: 720px) {
.inner-view .inner-view-container {
position: relative;
margin-left: auto;
margin-right: auto; }
.inner-view .inner-view-container .wd__section .wd__content {
max-width: 414px; }
.inner-view .inner-view-container .wd__section .wd__content .content__slogan {
color: #333; }
.inner-view .inner-view-container .wd__section .wd__content .content__title {
font-size: 23px; }
.inner-view .inner-view-container .wd__section .wd__content .content__info {
margin-top: 15px; }
.inner-view .inner-view-container .wd__section .wd__content .content__slogan:before, .inner-view .inner-view-container .wd__section .wd__content .content__slogan:after, .inner-view .inner-view-container .wd__section .wd__content .content__title:before, .inner-view .inner-view-container .wd__section .wd__content .content__title:after {
display: none; }
.inner-view .section__btn__home:before {
background: none; }
.section__inner3__01 {
background-color: #b7cddb;
padding-top: 63px; }
.section__inner3__01 .wd__content {
position: relative;
left: 0;
margin-top: 0;
margin-left: auto;
margin-right: auto;
width: 84%;
max-width: 750px; }
.section__inner3__01 .img__main {
margin-top: -91px;
margin-left: -360px;
width: 720px;
height: 510px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/1x/inner/03/01.jpg"); } }
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__inner3__01 .img__main {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/2x/inner/03/01.jpg"); } }
@media all and (max-width: 720px) {
.section__inner3__02 {
overflow: hidden;
padding-top: 52px; }
.section__inner3__02 .wd__content {
position: relative;
left: 0;
margin-top: 0;
margin-left: auto;
margin-right: auto;
width: 84%;
max-width: 710px; }
.section__inner3__02 .img__main {
margin-top: -40px;
margin-left: -360px;
width: 720px;
height: 426px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/1x/inner/03/02.jpg"); } }
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__inner3__02 .img__main {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/2x/inner/03/02.jpg"); } }
@media all and (max-width: 720px) {
.section__inner3__02 #canvas__wind__cold-left,
.section__inner3__02 #canvas__wind__cold-right,
.section__inner3__02 #canvas__wind__hot {
display: none; }
.section__inner3__03 {
overflow: hidden;
padding-top: 52px;
padding-bottom: 0;
background-color: #0a0a26; }
.section__inner3__03 .wd__content {
position: relative;
left: 0;
margin-top: 0;
margin-left: auto;
margin-right: auto;
width: 84%;
max-width: 710px; }
.section__inner3__03 .img__main {
margin-top: -340px;
margin-left: -360px;
margin-bottom: -60px;
width: 720px;
height: 872px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/1x/inner/03/03.jpg"); } }
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__inner3__03 .img__main {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/2x/inner/03/03.jpg"); } }
@media all and (max-width: 720px) {
.section__inner5__01 {
padding-top: 41px;
padding-bottom: 70px; }
.section__inner5__01 .wd__content .content__title {
width: 100%;
max-width: 1300px; }
.section__inner5__01 .wd__content .content__info {
width: 100%;
max-width: 1300px; }
.section__inner5__01 .wd__feature__list .wd__feature {
width: auto; }
.section__inner5__01 .wd__performance__graph {
left: 0;
margin-top: 12px; }
.section__inner5__01 .wd__performance__graph .graph__caption {
width: 83%; }
.section__inner5__01 .img__main {
margin-top: -86px;
margin-left: -360px;
width: 720px;
height: 392px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/1x/inner/05/01.jpg"); } }
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__inner5__01 .img__main {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/2x/inner/05/01.jpg"); } }
@media all and (max-width: 720px) {
.section__inner5__02 {
padding-top: 60px; }
.section__inner5__02 .wd__content {
left: 0;
margin-top: 0; }
.section__inner5__02 .wd__feature__list .wd__feature.feature__2, .section__inner5__02 .wd__feature__list .wd__feature.feature__3 {
width: auto; }
.section__inner5__02 .wd__performance__graph {
margin-top: 12px;
width: 100%; }
.section__inner5__02 .wd__performance__graph .graph__caption {
width: 120px; }
.section__inner5__02 .img__main {
margin-top: -40px;
margin-left: -360px;
width: 720px;
height: 435px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/1x/inner/05/02.jpg"); } }
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__inner5__02 .img__main {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/2x/inner/05/02.jpg"); } }
@media all and (max-width: 720px) {
.section__inner5__03 {
padding-top: 10px;
padding-bottom: 160px; }
.section__inner5__03 .wd__content {
left: 0;
margin-left: auto; }
.section__inner5__03 .wd__performance__graph {
width: 100%; }
.section__inner5__03 .wd__performance__graph .graph__caption {
width: 108px; }
.section__inner5__03 .wd__performance__graph .graph__bar .bar__value {
width: 150px; }
.section__inner5__03 .wd__performance__graph .line-3 .graph__bar .bar__value {
top: 30px;
right: 0px;
left: auto;
position: absolute;
text-align: right; }
.section__inner5__03 .img__main {
margin-top: 9px;
margin-left: -360px;
width: 720px;
height: 399px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/1x/inner/05/03.jpg"); } }
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__inner5__03 .img__main {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/2x/inner/05/03.jpg"); } }
@media all and (max-width: 720px) {
.section__inner6__01 {
padding-top: 62px;
padding-bottom: 62px; }
.section__inner6__01 .img__main {
position: relative;
left: 50%;
margin-top: 30px;
margin-left: -360px;
width: 720px;
height: 344px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/1x/inner/06/01.jpg"); } }
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__inner6__01 .img__main {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/2x/inner/06/01.jpg"); } }
@media all and (max-width: 720px) {
.section__inner6__02 {
padding-top: 4px;
padding-bottom: 190px; }
.section__inner6__02 .wd__content {
width: 85%;
max-width: 770px; }
.section__inner6__02 .wd__content .content__comment {
max-width: 710px; }
.section__inner6__02 .sub__section {
margin: 72px auto 0;
padding-top: 30px;
padding-bottom: 51px;
width: 100%;
max-width: 600px; }
.section__inner6__02 .sub__section .wd__content {
width: 89%; }
.section__inner6__02 .sub__section.sub__section-1 .img__sub-1 {
margin-top: 17px;
margin-left: -153px;
width: 306px;
height: 108px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/1x/inner/06/wifi.png"); } }
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__inner6__02 .sub__section.sub__section-1 .img__sub-1 {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/2x/inner/06/wifi.png"); } }
@media all and (max-width: 720px) {
.section__inner6__02 .sub__section.sub__section-1 .img__sub-1 .chart__text {
margin-top: 17px;
margin-left: -154px;
font-size: 40px; }
.section__inner6__02 .sub__section.sub__section-2 .wd__performance__graph {
left: 0;
margin-top: 41px; }
.section__inner6__02 .sub__section.sub__section-2 .wd__performance__graph .graph__line .graph__bar .bar__value {
width: 150px; }
.section__inner6__02 .sub__section.sub__section-3 .wd__performance__graph {
left: 0;
margin-top: 41px; }
.section__inner6__02 .sub__section.sub__section-3 .wd__performance__graph .graph__line .graph__bar .bar__value {
width: 150px; }
.section__inner08__01 {
padding-top: 0; }
.section__inner08__01 .wd__content {
margin-top: -60px; }
.section__inner08__01 .img__main {
margin-top: 0;
margin-left: -360px;
width: 720px;
height: 280px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/1x/inner/08/01.jpg"); } }
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__inner08__01 .img__main {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/2x/inner/08/01.jpg"); } }
@media all and (max-width: 720px) {
.section__inner08__02 {
padding-top: 62px;
padding-bottom: 130px; }
.section__inner08__02 .img__main {
margin-top: 0px;
margin-left: -360px;
width: 720px;
height: 769px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/1x/inner/08/02.jpg"); } }
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__inner08__02 .img__main {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/2x/inner/08/02.jpg"); } }
@media all and (max-width: 720px) {
.section__inner08__02 .img__main figure.img__keyborad {
width: 720px;
height: 769px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/1x/animation/inner/08/02_keyboard.jpg"); } }
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__inner08__02 .img__main figure.img__keyborad {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/2x/animation/inner/08/02_keyboard.jpg"); } }
@media all and (max-width: 720px) {
.section__inner08__02 .img__main figure.img__cover {
width: 720px;
height: 769px;
top: 0;
left: 0;
margin-left: 0;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/1x/animation/inner/08/02_hl.png"); } }
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__inner08__02 .img__main figure.img__cover {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/2x/animation/inner/08/02_hl.png"); } }
@media all and (max-width: 720px) {
.section__inner09__01 {
overflow: hidden;
margin-top: 0;
padding-top: 50px;
background-color: #152537; }
.section__inner09__01 .wd__content {
position: relative;
top: 0; }
.section__inner09__01 .img__main {
position: relative;
left: 50%;
margin-top: -350px;
margin-left: -360px;
width: 720px;
height: 706px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/1x/inner/09/01.jpg"); } }
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__inner09__01 .img__main {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/2x/inner/09/01.jpg"); } }
@media all and (max-width: 720px) {
.section__inner09__01-1 {
padding-top: 380px;
padding-bottom: 30px; }
.section__inner09__01-1 .img__main {
position: absolute;
top: -320px;
margin-top: 0;
margin-left: -292px;
width: 600px;
height: 426px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/1x/inner/09/01_1.jpg"); } }
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__inner09__01-1 .img__main {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/2x/inner/09/01_1.jpg"); } }
@media all and (max-width: 720px) {
.section__inner09__01-1 .compares {
margin: 50px auto 0;
max-width: 414px; }
.section__inner09__01-1 .compares .compare {
display: block;
margin-bottom: 20px;
width: 100%;
border: 10px solid transparent; }
.section__inner09__01-1 .compares .compare .img__compare {
padding-bottom: 73.74%; }
.section__inner09__01-1 .compares .compare .compare__text {
margin-top: 10px; }
.section__inner09__01-1 .compares .compare .compare__text .text-title {
font-size: 13px;
line-height: 1.4 !important;
letter-spacing: .1px; }
.section__inner09__01-1 .compares .compare .compare__text .text-info {
margin-top: 0;
font-size: 13px;
line-height: 1.4 !important;
letter-spacing: .1px; }
.section__inner09__02 {
padding-top: 41px;
background-color: #ded4cb;
padding-bottom: 0;
margin-bottom: 0; }
.section__inner09__02 .img__main {
margin-top: -70px;
margin-left: -360px;
margin-bottom: 0;
width: 720px;
height: 539px;
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/1x/inner/09/02.jpg"); } }
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__inner09__02 .img__main {
background-image: url("/websites/global/products/kraux8InrwJnZDo6/v2/features/images/small/2x/inner/09/02.jpg"); } }
@media all and (min-width: 1px) and (max-width: 720px) {
.product_price.active {
margin-bottom: 0;
padding-top: 28px;
padding-bottom: 5px; }
.product_pdguide.active {
padding-top: 12px; }
.section__pdc {
position: relative;
z-index: 2; }
.section__pdc .product_videos.active {
padding-top: 99px; }
.section__pdc .media-bottom {
margin-bottom: -80px;
padding-bottom: 0; }
.section__pdc .product_medias.slick-dotted .slick-dots {
bottom: 15px; }
.video-bottom {
margin-bottom: 0;
padding-bottom: 0; } }
@media all and (min-width: 600px) and (max-width: 720px) {
.section__pdc .media-bottom {
margin-bottom: -27px; } }
@media all and (min-width: 320px) and (max-width: 427px) {
.section__hinge .img__hinge {
margin-top: -374px; } }
@media all and (min-width: 320px) and (max-width: 359px) {
.section__ubiquity .wd__feature__list.small__text-center .feature__01 {
width: 260px; } }
@media all and (min-width: 360px) and (max-width: 720px) {
.section__keyboard .img__keyboard__parts {
left: 50%;
margin-left: -180px;
padding-bottom: 0;
width: 360px;
height: 818px; } }
@media all and (min-width: 654px) and (max-width: 720px) {
.section__militarygrad .wd__feature__list {
margin-left: -300px;
width: 600px; }
.section__nano .small__text-center.wd__feature__list .feature__04 .wd__feature__describe__top {
display: block; } }
@media all and (min-width: 0px) and (max-width: 587px) {
.section__nano .img__nano {
left: 100%;
margin-left: -650px; } }
@media all and (min-width: 436px) and (max-width: 720px) {
.section__nano .small__text-center.wd__feature__list .feature__03 .wd__feature__describe__top {
display: block; } }
@media all and (min-width: 0px) and (max-width: 333px) {
.section__nano .wd__feature__list .feature__04 .wd__feature__describe__top {
display: none; } }
@media all and (min-width: 600px) and (max-width: 720px) {
.section__connect .img__des__1 {
width: auto;
text-align: right;
margin-left: -203px; }
.section__connect .img__des__5 {
margin-left: 126px; } }
@media all and (min-width: 414px) and (max-width: 720px) {
.section__performance .wd__feature__list {
width: 350px;
margin-left: -175px; } }
@media all and (min-width: 414px) and (max-width: 720px) {
.section__inner09__00 .touchpad__text {
width: 380px; } }
@media all and (min-width: 600px) and (max-width: 720px) {
.section__inner09__00 .img__main {
margin-left: -1114px; }
.section__design .img__design {
margin-left: -368px; } }