/*** 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.3333333333; margin-bottom: 0em; } .inline__block { display: inline-block; } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { 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% { 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; } .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; } .icon__down__arrow { background-size: contain; background-position: center; background-repeat: no-repeat; background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDM1LjQxNCAzNS40MTQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDM1LjQxNCAzNS40MTQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPgo8Zz4KCTxnPgoJCTxwb2x5Z29uIHBvaW50cz0iMzQsOC4zNTQgMTcuNzA3LDI0LjY0NiAxLjQxNCw4LjM1NCAwLDkuOTE1IDE3LDI3LjA2MSAxOC40MTQsMjcuMDYxIDM1LjQxNCw5LjkxNSAgICIgZmlsbD0iIzMzMzMzMyIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=); } .border__radius-ie8 { behavior: url("/websites/global/products/jgzfichukxu7ckae/v1/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); 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%); 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; 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; 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; 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); 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; 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); transform: translateY(110vh); margin-left: 0; margin-bottom: -60px; width: 100%; background-color: white; 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; 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); 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; 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); transition: -webkit-transform 300ms ease-out; transition: transform 300ms ease-out; transition: transform 300ms ease-out, -webkit-transform 300ms ease-out; 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; } #CMD { transition-duration: 700ms; transition-property: opacity; transition-timing-function: cubic-bezier(0.25, 0.46, 0.33, 0.98); position: relative; text-align: center; margin-bottom: 60px; line-height: 1.3; font-size: 15px; -webkit-tap-highlight-color: transparent; background: #000; } @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)"; } } .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 { margin-left: auto; margin-right: auto; width: 100%; max-width: 1300px; } } @media all and (min-width: 0px) and (max-width: 720px) { section { width: 100%; margin-left: auto; margin-right: auto; max-width: 720px; } } .progressive-image { background-image: none !important; } @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)"; 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; transform: none; will-change: null; } } .in.moving__element { will-change: transform, opacity; } .smooth__animation { transition-duration: 1.25s, 1.25s; transition-property: opacity, -webkit-transform; 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 { transition-duration: 400ms, 400ms; transition-property: opacity, -webkit-transform; 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 { transition-duration: 500ms, 500ms; transition-property: opacity, -webkit-transform; transition-timing-function: cubic-bezier(0, 0, 0.58, 1); -moz-transition-duration: 500ms; -moz-transition-property: all; } .wd__animation__easeout__slow { transition-duration: 1200ms, 1200ms; transition-property: opacity, -webkit-transform; transition-timing-function: cubic-bezier(0, 0, 0.58, 1); } .wd__animation__easeout-fast { transition-duration: 400ms, 400ms; transition-property: opacity, -webkit-transform; transition-timing-function: cubic-bezier(0, 0, 0.58, 1); -moz-transition-duration: 400ms; -moz-transition-property: all; } @-webkit-keyframes ripple { 0% { opacity: 0; } 10% { opacity: 0; } 50% { opacity: 1; } 90% { opacity: 0; } 100% { opacity: 0; } } @keyframes ripple { 0% { opacity: 0; } 10% { opacity: 0; } 50% { opacity: 1; } 90% { opacity: 0; } 100% { opacity: 0; } } @-webkit-keyframes wifiRipple { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes wifiRipple { 0% { opacity: 0; } 100% { opacity: 1; } } @-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 disappearAndAppear { 0% { opacity: 0; } 25% { opacity: 1; } 50% { opacity: 1; } 75% { opacity: 0; } 100% { opacity: 0; } } @keyframes disappearAndAppear { 0% { opacity: 0; } 25% { opacity: 1; } 50% { opacity: 1; } 75% { opacity: 0; } 100% { opacity: 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 > span, .wd__content.text__animation > div, .wd__content.text__animation > figure, .wd__content.text__animation > img { opacity: 0; -webkit-transform: translateZ(0) translateY(30px); transform: translateZ(0) translateY(30px); transition: opacity 200ms ease-out, -webkit-transform 400ms ease-out; transition: transform 400ms ease-out, opacity 200ms ease-out; transition: transform 400ms ease-out, opacity 200ms ease-out, -webkit-transform 400ms ease-out; } .wd__content.text__animation.text-showed .content__slogan, .wd__content.text__animation.text-showed .content__title, .wd__content.text__animation.text-showed .content__info, .wd__content.text__animation.text-showed .content__comment, .wd__content.text__animation.text-showed .content__link, .wd__content.text__animation.text-showed .wd__feature__list { will-change: null; -webkit-transform: none; transform: none; } .inner-modal .wd__content.text__animation .content__slogan, .inner-modal .wd__content.text__animation .content__title, .inner-modal .wd__content.text__animation .content__info, .inner-modal .wd__content.text__animation .content__comment, .inner-modal .wd__content.text__animation .content__link, .inner-modal .wd__content.text__animation .wd__feature__list { opacity: 0; -webkit-transform: translateZ(0) translateY(30px); transform: translateZ(0) translateY(30px); transition: opacity 400ms ease-out, -webkit-transform 400ms ease-out; transition: transform 400ms ease-out, opacity 400ms ease-out; transition: transform 400ms ease-out, opacity 400ms ease-out, -webkit-transform 400ms ease-out; } .inner-modal .wd__content.text__animation.text-showed .content__slogan, .inner-modal .wd__content.text__animation.text-showed .content__title, .inner-modal .wd__content.text__animation.text-showed .content__info, .inner-modal .wd__content.text__animation.text-showed .content__comment, .inner-modal .wd__content.text__animation.text-showed .content__link, .inner-modal .wd__content.text__animation.text-showed .wd__feature__list { will-change: null; -webkit-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; } } .product_price .price { margin: 0 0 15px; } #overview-top-nav .inner .nav > li.has-submenu > a { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAICAYAAADN5B7xAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFIGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDAgNzkuMTYwNDUxLCAyMDE3LzA1LzA2LTAxOjA4OjIxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMTktMDUtMjFUMTQ6MTk6MzgrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDE5LTA1LTIxVDE0OjIyOjAyKzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDE5LTA1LTIxVDE0OjIyOjAyKzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOmU2ZmNmNTc0LWE0YWUtNDZkMC05MzUyLTZiMjViMjdlYmQyMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDplNmZjZjU3NC1hNGFlLTQ2ZDAtOTM1Mi02YjI1YjI3ZWJkMjMiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplNmZjZjU3NC1hNGFlLTQ2ZDAtOTM1Mi02YjI1YjI3ZWJkMjMiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmU2ZmNmNTc0LWE0YWUtNDZkMC05MzUyLTZiMjViMjdlYmQyMyIgc3RFdnQ6d2hlbj0iMjAxOS0wNS0yMVQxNDoxOTozOCswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+moGVIwAAAJVJREFUGJVtkCELAkEQRt95cF3kmpisZn+Zf8FusVttJi1mu2CziFgMolguCM8yh8t6AwvLvvcNO1OodNQAeAGfHPQ65ClwAXZA9UfV9EzUp7/aqGXqpPJQvYY4V49xX6lFHqjVUwjLpME53hZpoFQPAdbZF8bqLdisDfTVRt2rVTZTO9dD3aoUsdYRcAearh0DdbD3FwUC138WqUD3AAAAAElFTkSuQmCC"); } @media (max-width: 768px) and (min-width: 720px) { #rog_black_style .page-title { background: #222222 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGgAAABWCAYAAAAjbNN8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAF52lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDAgNzkuMTYwNDUxLCAyMDE3LzA1LzA2LTAxOjA4OjIxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcDpDcmVhdGVEYXRlPSIyMDE4LTA1LTExVDE1OjI5OjUyKzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOC0wNS0xMVQxNTozMToxNCswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOC0wNS0xMVQxNTozMToxNCswODowMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDphYmYzM2VmNi05ODYwLTQ2ZGItODU2NC1kMzU1ODE4Y2FkMTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NThERTEwNzlFRTZCMTFFNjkzNkNFQjU4RTUwM0REQzkiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1OERFMTA3OUVFNkIxMUU2OTM2Q0VCNThFNTAzRERDOSIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU4REUxMDc2RUU2QjExRTY5MzZDRUI1OEU1MDNEREM5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU4REUxMDc3RUU2QjExRTY5MzZDRUI1OEU1MDNEREM5Ii8+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmFiZjMzZWY2LTk4NjAtNDZkYi04NTY0LWQzNTU4MThjYWQxOCIgc3RFdnQ6d2hlbj0iMjAxOC0wNS0xMVQxNTozMToxNCswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkzXgSYAAAJqSURBVHic7dzRbdNQGIbhN4gBvAEdwUzQdAPYIEwATEA2KJ2AjJANajYwG3gEbxAuTi5ycWpO8UnPl1/fI1WqHFv6pVc+SWPXm9PptAUGTNK71gPYMgcS50DiHEicA4lzIHEOJM6BxDmQOAcS50DiHEicA4lzIHEOJM6BxDmQuGiBtsCp4GffZrzXixioxP01h6jpfesBrughs+0R6N94jlUiBxoy2+bCYz8Bv4Cuzij/ZQQeoi1xtXylbRxIZ/rOgfKm1gOcjZGXuDW+A39ov8QNkQM9Z7b1hcfOwM9ag6wRLdB88fu2cD9p0QIdgA8snykT8PQGs1QRLdBMev8Iw5/ixDmQOAcS50DiHEicA4lzIHEOJC7aH6qQruX0C69PwJEb+bonWqAd6ULbv9wDX647Sh3Rlri7yvs1F+0MurTJbHum/MaSnrbXgyZgihxojT3wo/EMM/Ax2hJXi8JtWR2+J+FFv1sPQDqDDl7i8vakj+Jdwxkmgr8HnVYeP9YYYq1oS9xUeb/mop1BB9La3S/sM5GWr5uw8fPitEVb4sJxIHEOJM6BxDmQOAcS50DiHEhctG8SOtJ1nH5hn4n03w3j1aepIFqgHfCtYL8O+HzNQWqJFqi7+H3IvN6f9+kyr0mKFuhS7jkJpfckdKSzsas2zeuNwDFyoDUeSYFa83MSXnDXeoCz3oHynmh/5+lI8HsStpltXeGxR0Qu6kUOlHtOws2JtsQNhfsp3FZVJNoZNJC/5fdmRTuDwnEgcQ4kzoHEOZA4BxLnQOIcSJwDiXMgcQ4kzoHEOZA4BxLnQOIcSJwDiXMgcX8BVn1OSUK1/rIAAAAASUVORK5CYII=) 96% center no-repeat; background-size: 48px; } } @media (max-width: 719px) { #overview-top-nav .page-title { background: #222222 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGgAAABWCAYAAAAjbNN8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAF52lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDAgNzkuMTYwNDUxLCAyMDE3LzA1LzA2LTAxOjA4OjIxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcDpDcmVhdGVEYXRlPSIyMDE4LTA1LTExVDE1OjI5OjUyKzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOC0wNS0xMVQxNTozMToxNCswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOC0wNS0xMVQxNTozMToxNCswODowMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDphYmYzM2VmNi05ODYwLTQ2ZGItODU2NC1kMzU1ODE4Y2FkMTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NThERTEwNzlFRTZCMTFFNjkzNkNFQjU4RTUwM0REQzkiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1OERFMTA3OUVFNkIxMUU2OTM2Q0VCNThFNTAzRERDOSIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU4REUxMDc2RUU2QjExRTY5MzZDRUI1OEU1MDNEREM5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU4REUxMDc3RUU2QjExRTY5MzZDRUI1OEU1MDNEREM5Ii8+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmFiZjMzZWY2LTk4NjAtNDZkYi04NTY0LWQzNTU4MThjYWQxOCIgc3RFdnQ6d2hlbj0iMjAxOC0wNS0xMVQxNTozMToxNCswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkzXgSYAAAJqSURBVHic7dzRbdNQGIbhN4gBvAEdwUzQdAPYIEwATEA2KJ2AjJANajYwG3gEbxAuTi5ycWpO8UnPl1/fI1WqHFv6pVc+SWPXm9PptAUGTNK71gPYMgcS50DiHEicA4lzIHEOJM6BxDmQOAcS50DiHEicA4lzIHEOJM6BxDmQuGiBtsCp4GffZrzXixioxP01h6jpfesBrughs+0R6N94jlUiBxoy2+bCYz8Bv4Cuzij/ZQQeoi1xtXylbRxIZ/rOgfKm1gOcjZGXuDW+A39ov8QNkQM9Z7b1hcfOwM9ag6wRLdB88fu2cD9p0QIdgA8snykT8PQGs1QRLdBMev8Iw5/ixDmQOAcS50DiHEicA4lzIHEOJC7aH6qQruX0C69PwJEb+bonWqAd6ULbv9wDX647Sh3Rlri7yvs1F+0MurTJbHum/MaSnrbXgyZgihxojT3wo/EMM/Ax2hJXi8JtWR2+J+FFv1sPQDqDDl7i8vakj+Jdwxkmgr8HnVYeP9YYYq1oS9xUeb/mop1BB9La3S/sM5GWr5uw8fPitEVb4sJxIHEOJM6BxDmQOAcS50DiHEhctG8SOtJ1nH5hn4n03w3j1aepIFqgHfCtYL8O+HzNQWqJFqi7+H3IvN6f9+kyr0mKFuhS7jkJpfckdKSzsas2zeuNwDFyoDUeSYFa83MSXnDXeoCz3oHynmh/5+lI8HsStpltXeGxR0Qu6kUOlHtOws2JtsQNhfsp3FZVJNoZNJC/5fdmRTuDwnEgcQ4kzoHEOZA4BxLnQOIcSJwDiXMgcQ4kzoHEOZA4BxLnQOIcSJwDiXMgcX8BVn1OSUK1/rIAAAAASUVORK5CYII=) 96% center no-repeat; background-size: 48px; } } @media (max-width: 768px) and (min-width: 0px) { body#rog_black_style #overview-top-nav .nav-tabs > .active { background-color: #222 !important; } body #overview-top-nav .inner .features-menu .nav-sub > li.active { background: #222222 !important; } } .footnotes { margin: 25px auto 0; max-width: 1180px; width: 100%; padding-left: 16px; padding-right: 16px; box-sizing: border-box; } sup.footnote-num { font-size: 0.6em; top: -0.4em; 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; font-size: 18px; } @media all and (min-width: 721px) and (max-width: 1300px) { .footnotes { padding-left: 16px; padding-right: 16px; } } @media all and (max-width: 720px) { sup.footnote-num { font-size: 11px; top: -0.5rem; } .footnotes { width: 89.9%; padding-left: 0; padding-right: 0; } .footnotes ul.footnote { font-size: 13.3px; line-height: 1.4; margin-left: 12px; } .footnotes ul.footnote li { font-size: 13.3px; margin-bottom: 12px; } } .wd__section .large__text-center { text-align: center; } .wd__section .large__text-center.wd__content { margin-left: auto; margin-right: auto; } .wd__section .large__text-center.wd__content .content__comment, .wd__section .large__text-center.wd__content .content__info, .wd__section .large__text-center.wd__content .content__link, .wd__section .large__text-center.wd__content .content__slogan, .wd__section .large__text-center.wd__content .content__title { text-align: center; margin-left: auto; margin-right: auto; } .wd__section .large__text-center.wd__content .content__slogan:after { margin-left: auto; margin-right: auto; } .wd__section .large__text-center.wd__content .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; 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-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-center.wd__content { text-align: center; 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; } .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; } } @media all and (max-width: 720px) { .wd__section .small__text-left.wd__content { text-align: left; 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-left.wd__feature__list { text-align: center; } .wd__section .small__text-left.wd__feature__list .wd__feature__list .wd__feature { margin-left: 0; margin-right: 20px; } .wd__section .small__text-center { text-align: center; } .wd__section .small__text-center.wd__content { text-align: center; 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 .small__text-center.wd__feature__list { text-align: center; } .wd__section .small__text-center.wd__feature__list .wd__feature { margin-left: 14px; margin-right: 14px; } } .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 .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; } .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: #333; } .modal-button-container.bg-white .modal-button.old__browser .pluscircle-icon { background-image: url(/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/icon/icon_modalbtn_gray.png) !important; } .modal-button-container.bg-white .modal-button .modal-button-copy { color: #333; } .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: #333; } .video-bottom, .media-bottom { position: relative; } .cmd__guideline { position: absolute; left: 0; width: 100vw; z-index: 1000000000000; opacity: 0; transition: opacity 400ms ease-out; } .cmd__guideline.active { opacity: 1; } .cmd__guideline.guideline-slogan { bottom: 64px; height: 242px; background: rgba(219, 77, 109, 0.3); } .cmd__guideline.guideline-title { top: -43px; height: 54px; background: rgba(251, 150, 110, 0.3); } .cmd__guideline.guideline-info { top: -31px; height: 36px; background: rgba(0, 137, 108, 0.3); } .cmd__guideline.guideline-hl { top: -73px; height: 83px; background: rgba(193, 50, 142, 0.3); } .cmd__guideline.guideline-hldesb { top: -9px; height: 13px; width: 100%; background: rgba(88, 178, 220, 0.3); } .cmd__guideline.guideline-hlb { bottom: -60px; height: 65px; background: rgba(144, 180, 75, 0.3); } .cmd__guideline.guideline-pdprice-top { bottom: 129px; height: 72px; background: rgba(46, 92, 110, 0.3); } .cmd__guideline.guideline-pdprice-bottom { bottom: -72px; height: 72px; background: rgba(46, 92, 110, 0.3); } .cmd__guideline.guideline-pdguide { bottom: 30px; height: 37px; width: 100%; background: rgba(88, 178, 220, 0.3); } .cmd__guideline.guideline-pdvideos { height: 214px; top: -91px; background: rgba(144, 180, 75, 0.3); } .cmd__guideline.guideline-pdvideos-bottom { top: 0; height: 214px; background: rgba(144, 180, 75, 0.3); } .cmd__guideline.guideline-pdmedias-bottom { top: -14px; height: 214px; background: rgba(144, 180, 75, 0.3); } .guideline-floatspace { position: fixed; top: 50%; bottom: 64px; height: 242px; background: rgba(219, 77, 109, 0.3); } .guideline-floatspace:after { position: absolute; display: block; content: 'image interval'; bottom: 0; height: 122px; width: 100%; color: white; background: rgba(251, 150, 110, 0.3); } .guideline-floatspace:before { position: absolute; display: block; content: 'section interval'; height: inherit; width: 100%; color: white; } .guideline__controller { position: fixed; overflow: hidden; text-align: center; z-index: 99999999999; top: 0; margin-left: 0; padding: 10px 15px 15px 10px; width: 30px; height: 30px; border-top-left-radius: 0%; border-top-right-radius: 0%; border-bottom-left-radius: 0%; border-bottom-right-radius: 10px; background: rgba(112, 124, 116, 0.8); } .guideline__controller .guideline__logo { position: absolute; top: 13px; left: 5px; width: 40px; height: 40px; font-size: 22px; color: #eee; } @-webkit-keyframes showAnimation { 0%, 100% { opacity: 0; } 50% { opacity: 1; } } @keyframes showAnimation { 0%, 100% { opacity: 0; } 50% { opacity: 1; } } .guideline__controller.visible { margin-left: 0; width: auto; height: auto; } .guideline__controller.visible .control { display: block; } .guideline__controller.visible .guideline__logo:before { position: absolute; content: ''; display: block; z-index: -1; top: -1px; left: 5px; border-radius: 50%; width: 30px; height: 30px; background: rgba(255, 0, 0, 0.3); -webkit-animation: showAnimation 3000ms ease-in-out infinite; animation: showAnimation 3000ms ease-in-out infinite; } .guideline__controller .guideline__logo { position: absolute; top: 13px; left: 5px; width: 40px; height: 40px; font-size: 22px; color: #eee; } .guideline__controller .control { position: relative; text-align: left; display: none; cursor: pointer; margin: 10px 10px 10px 30px; padding-left: 30px; color: #fffffc; font-size: 20px; } .guideline__controller .control.main__item { margin-top: 22px; } .guideline__controller .control.sub__item { margin-left: 50px; } .guideline__controller .control input { position: absolute; z-index: -1; opacity: 0; } .guideline__controller .control .control__indicator { position: absolute; top: 2px; left: 0; height: 20px; width: 20px; background: #e6e6e6; } .guideline__controller .control .control__indicator:after { position: absolute; content: ''; display: block; opacity: 0; left: 8px; top: 4px; width: 3px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .guideline__controller .control input:checked ~ .control__indicator { background: #2aa1c0; } .guideline__controller .control input:checked ~ .control__indicator:after { opacity: 1; } @media all and (min-width: 721px) and (max-width: 1300px) { .cmd__guideline.guideline-slogan { top: -166px; height: 173px; } .cmd__guideline.guideline-title { top: -33px; height: 44px; } .cmd__guideline.guideline-info { top: -27px; height: 33px; } .cmd__guideline.guideline-hl { top: -59px; height: 69px; } .cmd__guideline.guideline-pdprice-top { bottom: 129px; height: 53px; } .cmd__guideline.guideline-pdprice-bottom { bottom: -53px; height: 53px; } .cmd__guideline.guideline-pdguide { bottom: 30px; height: 37px; } .cmd__guideline.guideline-pdvideos { top: -13px; height: 165px; } .cmd__guideline.guideline-pdvideos-bottom { top: 0; height: 165px; } .cmd__guideline.guideline-pdmedias-bottom { top: -8px; height: 165px; } .guideline-floatspace { height: 175px; } .guideline-floatspace:after { height: 76px; } } @media all and (min-width: 960px) and (max-width: 1300px) { .cmd__guideline.guideline-pdmedias-bottom { top: -34px; } } @media all and (max-width: 720px) { .cmd__guideline.guideline-slogan { top: -96px; height: 100px; } .cmd__guideline.guideline-title { top: -23px; height: 29px; } .cmd__guideline.guideline-info { top: -24px; height: 27px; } .cmd__guideline.guideline-hl { top: -41px; height: 48px; } .cmd__guideline.guideline-pdprice-top { bottom: 116px; height: 32px; } .cmd__guideline.guideline-pdprice-bottom { bottom: -32px; height: 32px; } .cmd__guideline.guideline-pdguide { bottom: 21px; height: 28px; } .cmd__guideline.guideline-pdvideos { top: -9px; height: 91px; } .cmd__guideline.guideline-pdvideos-bottom { top: 0; height: 91px; } .cmd__guideline.guideline-pdmedias-bottom { top: -76px; height: 91px; } .guideline-floatspace { height: 96px; } .guideline-floatspace:after { height: 60px; } } @media all and (min-width: 600px) and (max-width: 720px) { .cmd__guideline.guideline-pdmedias-bottom { top: -29px; } } .text-myriad-pro-light, .product_subscribe #btn_subscribe, .product_subscribe input, .product_price .heading, .product_price .price, .product_price .price .currency, .product_price .btn_buy .label, .product_price .btn_buy .etailers_list a, .product_pdguide .link, .product_pdguide .link p, .product_videos a, .product_videos a .text, .product_videos a .text p, .product_medias .media, .product_medias a { font-family: "Helvetica Now Display W05 Light" !important; font-style: normal !important; font-weight: unset !important; } .product_price .current_price .heading, .product_price .btn_buy .label { font-family: "Helvetica Now Display W05 Rg" !important; font-style: normal !important; } .text-myriad-pro-light-italic, .product_medias .media .text { font-family: "Helvetica Now Display W05 Lt It" !important; font-style: normal !important; } @media all and (max-width: 720px) { .product_price .current_price .heading, .product_price .btn_buy .etailers .heading, .small-text-myriad-pro-light, .product_medias .media a, .product_videos .video_slick .video a .text p, .product_pdguide .link, .product_price .etailers_list li { font-family: "Helvetica Now Display W05 Rg" !important; font-style: normal !important; } .product_price .btn_buy .label, .product_price .btn_buy .etailers .etailers_list li a:link { font-family: "Helvetica Now Display W05 Bold" !important; font-style: normal !important; } } .product_price .price { margin: 0 0 15px !important; } @media all and (min-width: 721px) and (max-width: 1300px) { .product_price .price { margin: 0 0 15px !important; } } @media all and (min-width: 1px) and (max-width: 720px) { .product_price .btn_buy .etailers .heading { font-size: 18px; } .product_price .price { margin-bottom: 9px !important; } .product_pdguide .link { font-size: 20px !important; } .product_price .price { font-size: 51px !important; } } 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; 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.3333333333%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.l2 { width: 16.6666666667%; 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.3333333333%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.l5 { width: 41.6666666667%; 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.3333333333%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.l8 { width: 66.6666666667%; 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.3333333333%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.l11 { width: 91.6666666667%; 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.3333333333%; } #CMD .row .col.pull-l1 { right: 8.3333333333%; } #CMD .row .col.push-l1 { left: 8.3333333333%; } #CMD .row .col.offset-l2 { margin-left: 16.6666666667%; } #CMD .row .col.pull-l2 { right: 16.6666666667%; } #CMD .row .col.push-l2 { left: 16.6666666667%; } #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.3333333333%; } #CMD .row .col.pull-l4 { right: 33.3333333333%; } #CMD .row .col.push-l4 { left: 33.3333333333%; } #CMD .row .col.offset-l5 { margin-left: 41.6666666667%; } #CMD .row .col.pull-l5 { right: 41.6666666667%; } #CMD .row .col.push-l5 { left: 41.6666666667%; } #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.3333333333%; } #CMD .row .col.pull-l7 { right: 58.3333333333%; } #CMD .row .col.push-l7 { left: 58.3333333333%; } #CMD .row .col.offset-l8 { margin-left: 66.6666666667%; } #CMD .row .col.pull-l8 { right: 66.6666666667%; } #CMD .row .col.push-l8 { left: 66.6666666667%; } #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.3333333333%; } #CMD .row .col.pull-l10 { right: 83.3333333333%; } #CMD .row .col.push-l10 { left: 83.3333333333%; } #CMD .row .col.offset-l11 { margin-left: 91.6666666667%; } #CMD .row .col.pull-l11 { right: 91.6666666667%; } #CMD .row .col.push-l11 { left: 91.6666666667%; } #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.3333333333%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.m2 { width: 16.6666666667%; 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.3333333333%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.m5 { width: 41.6666666667%; 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.3333333333%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.m8 { width: 66.6666666667%; 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.3333333333%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.m11 { width: 91.6666666667%; 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.3333333333%; } #CMD .row .col.pull-m1 { right: 8.3333333333%; } #CMD .row .col.push-m1 { left: 8.3333333333%; } #CMD .row .col.offset-m2 { margin-left: 16.6666666667%; } #CMD .row .col.pull-m2 { right: 16.6666666667%; } #CMD .row .col.push-m2 { left: 16.6666666667%; } #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.3333333333%; } #CMD .row .col.pull-m4 { right: 33.3333333333%; } #CMD .row .col.push-m4 { left: 33.3333333333%; } #CMD .row .col.offset-m5 { margin-left: 41.6666666667%; } #CMD .row .col.pull-m5 { right: 41.6666666667%; } #CMD .row .col.push-m5 { left: 41.6666666667%; } #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.3333333333%; } #CMD .row .col.pull-m7 { right: 58.3333333333%; } #CMD .row .col.push-m7 { left: 58.3333333333%; } #CMD .row .col.offset-m8 { margin-left: 66.6666666667%; } #CMD .row .col.pull-m8 { right: 66.6666666667%; } #CMD .row .col.push-m8 { left: 66.6666666667%; } #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.3333333333%; } #CMD .row .col.pull-m10 { right: 83.3333333333%; } #CMD .row .col.push-m10 { left: 83.3333333333%; } #CMD .row .col.offset-m11 { margin-left: 91.6666666667%; } #CMD .row .col.pull-m11 { right: 91.6666666667%; } #CMD .row .col.push-m11 { left: 91.6666666667%; } #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.3333333333%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.s2 { width: 16.6666666667%; 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.3333333333%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.s5 { width: 41.6666666667%; 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.3333333333%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.s8 { width: 66.6666666667%; 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.3333333333%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.s11 { width: 91.6666666667%; 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.3333333333%; } #CMD .row .col.pull-s1 { right: 8.3333333333%; } #CMD .row .col.push-s1 { left: 8.3333333333%; } #CMD .row .col.offset-s2 { margin-left: 16.6666666667%; } #CMD .row .col.pull-s2 { right: 16.6666666667%; } #CMD .row .col.push-s2 { left: 16.6666666667%; } #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.3333333333%; } #CMD .row .col.pull-s4 { right: 33.3333333333%; } #CMD .row .col.push-s4 { left: 33.3333333333%; } #CMD .row .col.offset-s5 { margin-left: 41.6666666667%; } #CMD .row .col.pull-s5 { right: 41.6666666667%; } #CMD .row .col.push-s5 { left: 41.6666666667%; } #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.3333333333%; } #CMD .row .col.pull-s7 { right: 58.3333333333%; } #CMD .row .col.push-s7 { left: 58.3333333333%; } #CMD .row .col.offset-s8 { margin-left: 66.6666666667%; } #CMD .row .col.pull-s8 { right: 66.6666666667%; } #CMD .row .col.push-s8 { left: 66.6666666667%; } #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.3333333333%; } #CMD .row .col.pull-s10 { right: 83.3333333333%; } #CMD .row .col.push-s10 { left: 83.3333333333%; } #CMD .row .col.offset-s11 { margin-left: 91.6666666667%; } #CMD .row .col.pull-s11 { right: 91.6666666667%; } #CMD .row .col.push-s11 { left: 91.6666666667%; } #CMD .row .col.offset-s12 { margin-left: 100%; } #CMD .row .col.pull-s12 { right: 100%; } #CMD .row .col.push-s12 { left: 100%; } } .wd__section sup.sign-deg { top: -0.3em; font-size: 75%; } .wd__section sup.sign-cr { top: 0; font-size: 1em; line-height: 0; } .wd__section sup.sign-tm { top: 0; font-size: 1em; line-height: 0; } .ie10 #CMD sup.sign-deg, .ie11 #CMD sup.sign-deg { top: -0.9em; font-size: 0.5em; } .ie10 #CMD sup.sign-cr, .ie11 #CMD sup.sign-cr { top: -0.2em; font-size: 1em; line-height: 0; } .ie10 #CMD sup.sign-tm, .ie11 #CMD sup.sign-tm { top: -0.2em; font-size: 1em; line-height: 0; } .wd__section .wd__content { color: #333333; } .wd__section .wd__content .content__slogan { position: relative; display: inline-block; font-size: 31px; letter-spacing: 1px; background: #ceb497; background: linear-gradient(to right, #c5ac90, #796353); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @media all and (min-width: 721px) and (max-width: 1300px) { .wd__section .wd__content .content__slogan { font-size: 27px; letter-spacing: 0.3px; } } @media all and (max-width: 720px) { .wd__section .wd__content .content__slogan { font-size: 20px; letter-spacing: 1.1px; } } .wd__section .wd__content .content__slogan:after { position: relative; display: block; content: ''; margin-top: 18px; margin-left: auto; margin-right: auto; width: 100%; max-width: 58px; height: 2px; background: linear-gradient(to right, #c5ac90, #796353); } .wd__section .wd__content .content__title { position: relative; margin-top: 33px; font-size: 50px; line-height: 1.2; } @media all and (min-width: 721px) and (max-width: 1300px) { .wd__section .wd__content .content__title { margin-top: 27px; font-size: 43px; letter-spacing: 0; } } @media all and (max-width: 720px) { .wd__section .wd__content .content__title { margin-top: 14px; font-size: 37px; } } .wd__section .wd__content .content__info { position: relative; margin-top: 13px; 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: 18px; } } @media all and (max-width: 720px) { .wd__section .wd__content .content__info { margin-top: 67px; font-size: 17px; letter-spacing: 0.1px; line-height: 1.45; } .wd__section .wd__content .content__info sup[class*="sign-"] { top: -0.3em !important; } } .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: 64px; } @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: 34px; } } .wd__section .wd__feature__list .wd__feature { position: relative; display: inline-block; vertical-align: bottom; box-sizing: border-box; margin: 0 25px 50px; color: #c1c1c1; } @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: 6px; } @media all and (min-width: 721px) and (max-width: 1300px) { .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top { margin-bottom: 6px; } } @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 { font-size: 65px; line-height: 1; background: #ceb497; background: linear-gradient(to right, #c5ac90, #796353); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @media all and (min-width: 721px) and (max-width: 1300px) { .wd__section .wd__feature__list .wd__feature .wd__feature__data { font-size: 55px; letter-spacing: -1.1px; } .wd__section .wd__feature__list .wd__feature .wd__feature__data sup[class*="sign-"] { padding-left: 3px; } } @media all and (max-width: 720px) { .wd__section .wd__feature__list .wd__feature .wd__feature__data { margin-bottom: 4px; font-size: 39px; letter-spacing: 0.5px; } } .wd__section .wd__feature__list .wd__feature .wd__feature__data sup { top: -0.9em; padding-left: 3px; font-size: 0.5em; color: #796353; -webkit-text-fill-color: #796353; } .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: 5px; } @media all and (min-width: 721px) and (max-width: 1300px) { .wd__section .wd__feature__list .wd__feature .wd__feature__describe { margin-top: 5px; } } @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 sup { top: -0.5em; padding-left: 2px; font-size: 0.6em; } .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__describe span sup[class*="sign-"], .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top sup[class*="sign-"], .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top span .wd__feature__describe sup[class*="sign-"] { top: -0.2em !important; } .wd__section .wd__feature__list .wd__feature .wd__feature__describe span sup.footnote-num, .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top sup.footnote-num, .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top span .wd__feature__describe sup.footnote-num { top: -0.4em !important; font-size: 11px !important; } } .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: 8px; 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: 47px; line-height: 1.2; margin-bottom: 3px; } .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 { bottom: 0; font-size: 35.8px; line-height: 1; padding-top: 0px; padding-bottom: 6px; } .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; } .wd__section .img__list__block { width: 100%; max-width: 2560px; margin-bottom: 0px; } .wd__section .img__list__block .img__list__item { display: inline-block; width: 550px; padding-left: 3px; padding-right: 3px; } .wd__section .img__list__block .item__img { display: block; width: 550px; height: 367px; background-size: contain; } .wd__section .img__list__block .item__desc { position: relative; width: 550px; min-height: 196px; margin-left: auto; margin-right: auto; padding: 23px 30px 23px 30px; box-sizing: border-box; } .wd__section .img__list__block .item__desc:before { width: 100%; height: 500px; background-color: #8c9195; position: absolute; display: block; content: " "; top: 0px; left: 0px; z-index: -1; } .wd__section .img__list__block .item__desc * { color: #fff; text-align: left; } .wd__section .img__list__block .item__desc-title { position: relative; font-size: 35px; line-height: 1.2; } .wd__section .img__list__block .item__desc-info { position: relative; font-size: 20px; line-height: 1.5; margin-top: 10px; } .wd__section .img__list__block__dot { display: none; } .wd__section .img__list__block .slick-prev, .wd__section .img__list__block .slick-next { top: 236px; } .wd__section .img__list__block .slick-prev:before { content: ' '; top: 12px; left: 5px; width: 40px; height: 100px; 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"); } .wd__section .img__list__block .slick-next:before { content: ' '; top: 12px; left: 5px; width: 40px; height: 100px; 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+BBgAWDs+2El12r0AAAAASUVORK5CYII="); } @media all and (min-width: 721px) and (max-width: 1300px) { .wd__section .img__list__block { width: 100%; } .wd__section .img__list__block .item__img { width: 547px; height: 365px; } .wd__section .img__list__block .item__desc { padding: 23px 30px 23px 30px; } .wd__section .img__list__block .item__desc-title { font-size: 35px; line-height: 1.2; } .wd__section .img__list__block .item__desc-info { font-size: 20px; line-height: 1.5; margin-top: 10px; } .wd__section .img__list__block .slick-prev, .wd__section .img__list__block .slick-next { top: 254px; } .wd__section .img__list__block .slick-prev:before { content: ' '; top: -5px; left: 2px; width: 30px; height: 100px; } .wd__section .img__list__block .slick-next:before { content: ' '; top: -5px; left: 2px; width: 30px; height: 100px; } } @media all and (max-width: 720px) { .wd__section .img__list__block { width: 100%; margin-bottom: 0px; overflow: hidden; } .wd__section .img__list__block .img__list__item { width: 320px; height: 100%; padding-left: 0px; padding-right: 0px; position: relative; } .wd__section .img__list__block .item__img { width: 320px; height: 213px; } .wd__section .img__list__block .item__desc { width: 320px; min-height: 176px; padding: 23px 38px; } .wd__section .img__list__block .item__desc * { color: #fff; text-align: center; } .wd__section .img__list__block .item__desc-title { position: relative; font-size: 30px; line-height: 1.2; } .wd__section .img__list__block .item__desc-info { font-size: 17px; letter-spacing: 0.1px; line-height: 1.45; } .wd__section .img__list__block { margin-bottom: 0; padding-bottom: 0px; } .wd__section .img__list__block .item__desc { padding-bottom: 35px; } .wd__section .img__list__block .slick-next, .wd__section .img__list__block .slick-prev { top: 165px; display: block !important; height: 76px; } .wd__section .img__list__block .slick-prev:before { content: " "; top: 12px; left: 5px; width: 40px; height: 50px; } .wd__section .img__list__block .slick-next:before { content: " "; top: 12px; left: 5px; width: 40px; height: 50px; } .wd__section .img__list__block__dot { display: block; position: relative; } .wd__section .img__list__block__dot .slick-dots { position: absolute; margin-top: 0; top: -47px; } .wd__section .img__list__block__dot .slick-dots li button { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .wd__section .img__list__block__dot .slick-dots li button:before { color: #fff; opacity: 0.25; } .wd__section .img__list__block__dot .slick-dots li.slick-active button:before { opacity: 1; } } @media all and (min-width: 374px) and (max-width: 720px) { .wd__section .img__list__block .img__list__item { width: 374px; padding-left: 2px; padding-right: 2px; left: -2px; } .wd__section .img__list__block .item__img { width: 370px; height: 322px; } .wd__section .img__list__block .item__desc { width: 370px; } } @media all and (min-width: 374px) and (max-width: 375px) { .wd__section .img__list__block .img__list__item { width: 375px; padding-left: 0px; padding-right: 0px; left: -0px; } .wd__section .img__list__block .item__img { width: 377px; height: 328px; } .wd__section .img__list__block .item__desc { width: 377px; } } @media all and (min-width: 360px) and (max-width: 362px) { .wd__section .img__list__block .img__list__item { width: 360px; padding-left: 0px; padding-right: 0px; left: 0px; } .wd__section .img__list__block .item__img { width: 362px; height: 315px; } .wd__section .img__list__block .item__desc { width: 362px; padding-bottom: 76px; } } @media all and (min-width: 414px) and (max-width: 415px) { .wd__section .img__list__block .img__list__item { width: 414px; padding-left: 0px; padding-right: 0px; left: 0px; } .wd__section .img__list__block .item__img { width: 416px; height: 362px; } .wd__section .img__list__block .item__desc { width: 416px; } } @media all and (min-width: 416px) and (max-width: 720px) { .wd__section .img__list__block .img__list__item { width: 414px; padding-left: 2px; padding-right: 2px; left: -2px; } .wd__section .img__list__block .item__img { width: 410px; height: 357px; } .wd__section .img__list__block .item__desc { width: 410px; } } @media all and (min-width: 0px) and (max-width: 528px) { .wd__section .img__list__block .slick-next, .wd__section .img__list__block .slick-prev { top: unset; bottom: 10%; display: block !important; background-color: transparent; } } @media all and (min-width: 414px) and (max-width: 720px) { .wd__section .img__list__block .item__desc { padding: 23px 49px; } } .section__kv .wd__content { position: relative; margin-top: 35px; margin-left: auto; margin-right: auto; } .section__kv .wd__content .content__slogan { margin-top: 0; margin-left: -16px; color: #000; font-size: 63px; text-transform: none; } .section__kv .wd__content .content__title { margin-top: -4px; font-size: 65px; } .section__kv .wd__content .content__info { margin-top: 60px; width: 984px; font-size: 26px; } @media all and (min-width: 721px) and (max-width: 1300px) { .section__kv .wd__content .content__slogan { margin-top: -2px; font-size: 48px; } .section__kv .wd__content .content__info { margin-top: 15px; width: 88%; max-width: 793px; font-size: 26px; line-height: 1.55; } } @media all and (max-width: 720px) { .section__kv .wd__content { margin-top: 55px; } .section__kv .wd__content .content__slogan { display: block; left: -4px; margin-top: 7px; margin-left: auto; margin-right: auto; width: 90%; text-align: center; font-size: 32px; } .section__kv .wd__content .content__info { text-align: center; margin-top: 16px; margin-left: auto; margin-right: auto; width: 84%; max-width: 460px; font-size: 22px; line-height: 1.4; } } .inner__nav { position: relative; text-align: center; z-index: 2; margin: 0 auto 0; width: 1000px; } .inner__nav .nav__heading { font-size: 21px; color: #ffe092; 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; transition: all 600ms ease-out, top 1000ms ease-out; } .inner__nav .nav__switch__btn .icon__switch { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/icon/inner/icon_open.png") ; position: absolute; top: 0; left: 0; width: 40px; height: 40px; background-position: center; background-size: cover; background-repeat: no-repeat; transition: all 500ms ease-out; } @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/jgzfichukxu7ckae/v1/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; 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 { -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)"; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background: #000; transition: opacity 500ms ease-out; } .inner__page.darknight .inner__mask { -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)"; z-index: 1000000; transition: opacity 500ms ease-out; } .inner__page .section__content { z-index: 0; max-width: 2560px; background-color: #fff; } .inner__page .section__content.theme-gray { margin-bottom: 4px; padding-bottom: 0; max-width: 1366px; background-color: #e7e7e7; } .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/jgzfichukxu7ckae/v1/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/jgzfichukxu7ckae/v1/features/images/large/2x/inner/icon/icon_all_smiles.png"); } } .inner__page .icon.icon-auto { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/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/jgzfichukxu7ckae/v1/features/images/large/2x/inner/icon/icon_auto.png"); } } .inner__page .icon.icon-beautification { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/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/jgzfichukxu7ckae/v1/features/images/large/2x/inner/icon/icon_beautification.png"); } } .inner__page .icon.icon-depthOfField { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/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/jgzfichukxu7ckae/v1/features/images/large/2x/inner/icon/icon_depth_of_field.png"); } } .inner__page .icon.icon-effect { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/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/jgzfichukxu7ckae/v1/features/images/large/2x/inner/icon/icon_effect.png"); } } .inner__page .icon.icon-gif { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/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/jgzfichukxu7ckae/v1/features/images/large/2x/inner/icon/icon_gif.png"); } } .inner__page .icon.icon-hdrPro { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/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/jgzfichukxu7ckae/v1/features/images/large/2x/inner/icon/icon_hdr_pro.png"); } } .inner__page .icon.icon-kids { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/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/jgzfichukxu7ckae/v1/features/images/large/2x/inner/icon/icon_kids.png"); } } .inner__page .icon.icon-lowlight { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/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/jgzfichukxu7ckae/v1/features/images/large/2x/inner/icon/icon_lowlight.png"); } } .inner__page .icon.icon-miniature { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/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/jgzfichukxu7ckae/v1/features/images/large/2x/inner/icon/icon_miniature.png"); } } .inner__page .icon.icon-night { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/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/jgzfichukxu7ckae/v1/features/images/large/2x/inner/icon/icon_night.png"); } } .inner__page .icon.icon-qrCode { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/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/jgzfichukxu7ckae/v1/features/images/large/2x/inner/icon/icon_qr_code.png"); } } .inner__page .icon.icon-selfiePanorama { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/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/jgzfichukxu7ckae/v1/features/images/large/2x/inner/icon/icon_selfie_panorama.png"); } } .inner__page .icon.icon-selfie { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/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/jgzfichukxu7ckae/v1/features/images/large/2x/inner/icon/icon_selfie.png"); } } .inner__page .icon.icon-slowMotion { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/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/jgzfichukxu7ckae/v1/features/images/large/2x/inner/icon/icon_slow_motion.png"); } } .inner__page .icon.icon-smartRemove { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/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/jgzfichukxu7ckae/v1/features/images/large/2x/inner/icon/icon_smart_remove.png"); } } .inner__page .icon.icon-superResolution { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/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/jgzfichukxu7ckae/v1/features/images/large/2x/inner/icon/icon_super_resolution.png"); } } .inner__page .icon.icon-manual { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/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/jgzfichukxu7ckae/v1/features/images/large/2x/inner/icon/icon_manual.png"); } } .inner__page .icon.icon-timeLapse { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/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/jgzfichukxu7ckae/v1/features/images/large/2x/inner/icon/icon_time_lapse.png"); } } .inner__page .icon.icon-timeRewind { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/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/jgzfichukxu7ckae/v1/features/images/large/2x/inner/icon/icon_time_rewind.png"); } } .inner__page .icon.icon-youtube { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/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/jgzfichukxu7ckae/v1/features/images/large/2x/inner/icon/icon_youtube.png"); } } .inner__page .icon.icon-panaroma { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/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/jgzfichukxu7ckae/v1/features/images/large/2x/inner/icon/icon_panaroma.png"); } } .inner__page .icon.icon-pro { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/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/jgzfichukxu7ckae/v1/features/images/large/2x/inner/icon/icon_pro.png"); } } .inner__page .icon.icon-portrait { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/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/jgzfichukxu7ckae/v1/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; 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; 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; z-index: 2; margin-left: auto; margin-right: auto; padding: 0; max-width: 2560px; } .wd__innerbtn.blackTheme { margin-top: -2px; background: #0f0d10; } .wd__innerbtn .inner__btn { position: absolute; margin: 0 auto; width: 100%; height: 80px; } .wd__innerbtn .inner__btn span { display: block; opacity: 1; margin-bottom: 22px; text-align: center; font-size: 21px; transition: opacity 400ms; } .wd__innerbtn .inner__btn .toggleSlide { position: absolute; cursor: pointer; left: 50%; margin-left: -20px; width: 40px; height: 40px; background-position: center; background-repeat: no-repeat; background-size: cover; -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: translateY(0px) translateZ(0px) rotate(0deg); transform: translateY(0px) translateZ(0px) rotate(0deg); 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 .toggleSlide { -webkit-transform: translateY(180px) translateZ(0px) rotate(0deg); transform: translateY(180px) translateZ(0px) rotate(0deg); } .wd__innerbtn .inner__btn.active span { opacity: 0; } .wd__innerbtn.theme-black .inner__btn span { color: #333; } .wd__innerbtn.theme-black .inner__btn .toggleSlide { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/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/jgzfichukxu7ckae/v1/features/images/large/2x/icon/inner/icon_open_black.png"); } } .wd__innerbtn.theme-black .inner__btn.active .toggleSlide { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/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/jgzfichukxu7ckae/v1/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/jgzfichukxu7ckae/v1/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/jgzfichukxu7ckae/v1/features/images/large/2x/icon/inner/icon_open_white.png"); } } .wd__innerbtn.theme-white .inner__btn.active .toggleSlide { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/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/jgzfichukxu7ckae/v1/features/images/large/2x/icon/inner/icon_close_white.png"); } } .inner__page { display: block; overflow: hidden; z-index: 1; margin-left: auto; margin-right: auto; max-width: 2560px; } .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; 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 { margin: 0 auto; width: 100%; height: 80px; } .wd__innerbtn .inner__btn span { margin-bottom: 11px; font-size: 21px; } .wd__innerbtn .inner__btn .toggleSlide { position: absolute; z-index: 999; cursor: pointer; margin-left: -20px; left: 50%; width: 40px; height: 40px; background-position: center; background-repeat: no-repeat; background-size: cover; -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: translateY(0px) translateZ(0px) rotate(0deg); transform: translateY(0px) translateZ(0px) rotate(0deg); 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; } } @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 { margin-bottom: 19px; font-size: 15.5px; } .wd__innerbtn .inner__btn .toggleSlide { position: absolute; left: 50%; cursor: pointer; margin-left: -19px; margin-top: -5px; width: 38px; height: 38px; background-position: center; background-repeat: no-repeat; background-size: cover; -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: translateY(0px) translateZ(0px) rotate(0deg); transform: translateY(0px) translateZ(0px) rotate(0deg); 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; } } #CMD .wd__section .row .col[class*="push-"], #CMD .wd__section .row .col[class*="pull-"] { position: relative; } #CMD .wd__section .always__on__top { position: relative; z-index: 1000; } #CMD .wd__section .no__wrap { white-space: nowrap; display: inline-block; } #CMD .wd__section .large_use, #CMD .wd__section .medium_use, #CMD .wd__section .small_use { display: none; } #CMD .wd__section .large_use { display: block \9; } #CMD .wd__section .large_unuse { display: none \9; } #CMD .wd__section .img { position: relative; margin-left: auto; margin-right: auto; background-size: cover; background-repeat: no-repeat; background-position: center; } #CMD .wd__section sup[class*="sign-"] { top: -0.5em; font-size: 0.6em; } #CMD .wd__section #overview-top-nav .inner .nav > li.has-submenu > a { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAICAYAAADN5B7xAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFIGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDAgNzkuMTYwNDUxLCAyMDE3LzA1LzA2LTAxOjA4OjIxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMTktMDUtMjFUMTQ6MTk6MzgrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDE5LTA1LTIxVDE0OjIyOjAyKzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDE5LTA1LTIxVDE0OjIyOjAyKzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOmU2ZmNmNTc0LWE0YWUtNDZkMC05MzUyLTZiMjViMjdlYmQyMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDplNmZjZjU3NC1hNGFlLTQ2ZDAtOTM1Mi02YjI1YjI3ZWJkMjMiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplNmZjZjU3NC1hNGFlLTQ2ZDAtOTM1Mi02YjI1YjI3ZWJkMjMiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmU2ZmNmNTc0LWE0YWUtNDZkMC05MzUyLTZiMjViMjdlYmQyMyIgc3RFdnQ6d2hlbj0iMjAxOS0wNS0yMVQxNDoxOTozOCswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+moGVIwAAAJVJREFUGJVtkCELAkEQRt95cF3kmpisZn+Zf8FusVttJi1mu2CziFgMolguCM8yh8t6AwvLvvcNO1OodNQAeAGfHPQ65ClwAXZA9UfV9EzUp7/aqGXqpPJQvYY4V49xX6lFHqjVUwjLpME53hZpoFQPAdbZF8bqLdisDfTVRt2rVTZTO9dD3aoUsdYRcAearh0DdbD3FwUC138WqUD3AAAAAElFTkSuQmCC"); } @media (max-width: 768px) and (min-width: 720px) { #CMD .wd__section #rog_black_style .page-title { background: #222222 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGgAAABWCAYAAAAjbNN8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAF52lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDAgNzkuMTYwNDUxLCAyMDE3LzA1LzA2LTAxOjA4OjIxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcDpDcmVhdGVEYXRlPSIyMDE4LTA1LTExVDE1OjI5OjUyKzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOC0wNS0xMVQxNTozMToxNCswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOC0wNS0xMVQxNTozMToxNCswODowMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDphYmYzM2VmNi05ODYwLTQ2ZGItODU2NC1kMzU1ODE4Y2FkMTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NThERTEwNzlFRTZCMTFFNjkzNkNFQjU4RTUwM0REQzkiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1OERFMTA3OUVFNkIxMUU2OTM2Q0VCNThFNTAzRERDOSIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU4REUxMDc2RUU2QjExRTY5MzZDRUI1OEU1MDNEREM5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU4REUxMDc3RUU2QjExRTY5MzZDRUI1OEU1MDNEREM5Ii8+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmFiZjMzZWY2LTk4NjAtNDZkYi04NTY0LWQzNTU4MThjYWQxOCIgc3RFdnQ6d2hlbj0iMjAxOC0wNS0xMVQxNTozMToxNCswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkzXgSYAAAJqSURBVHic7dzRbdNQGIbhN4gBvAEdwUzQdAPYIEwATEA2KJ2AjJANajYwG3gEbxAuTi5ycWpO8UnPl1/fI1WqHFv6pVc+SWPXm9PptAUGTNK71gPYMgcS50DiHEicA4lzIHEOJM6BxDmQOAcS50DiHEicA4lzIHEOJM6BxDmQuGiBtsCp4GffZrzXixioxP01h6jpfesBrughs+0R6N94jlUiBxoy2+bCYz8Bv4Cuzij/ZQQeoi1xtXylbRxIZ/rOgfKm1gOcjZGXuDW+A39ov8QNkQM9Z7b1hcfOwM9ag6wRLdB88fu2cD9p0QIdgA8snykT8PQGs1QRLdBMev8Iw5/ixDmQOAcS50DiHEicA4lzIHEOJC7aH6qQruX0C69PwJEb+bonWqAd6ULbv9wDX647Sh3Rlri7yvs1F+0MurTJbHum/MaSnrbXgyZgihxojT3wo/EMM/Ax2hJXi8JtWR2+J+FFv1sPQDqDDl7i8vakj+Jdwxkmgr8HnVYeP9YYYq1oS9xUeb/mop1BB9La3S/sM5GWr5uw8fPitEVb4sJxIHEOJM6BxDmQOAcS50DiHEhctG8SOtJ1nH5hn4n03w3j1aepIFqgHfCtYL8O+HzNQWqJFqi7+H3IvN6f9+kyr0mKFuhS7jkJpfckdKSzsas2zeuNwDFyoDUeSYFa83MSXnDXeoCz3oHynmh/5+lI8HsStpltXeGxR0Qu6kUOlHtOws2JtsQNhfsp3FZVJNoZNJC/5fdmRTuDwnEgcQ4kzoHEOZA4BxLnQOIcSJwDiXMgcQ4kzoHEOZA4BxLnQOIcSJwDiXMgcX8BVn1OSUK1/rIAAAAASUVORK5CYII=) 96% center no-repeat; background-size: 48px; } } @media (max-width: 719px) { #CMD .wd__section #overview-top-nav .page-title { background: #222222 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGgAAABWCAYAAAAjbNN8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAF52lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDAgNzkuMTYwNDUxLCAyMDE3LzA1LzA2LTAxOjA4OjIxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcDpDcmVhdGVEYXRlPSIyMDE4LTA1LTExVDE1OjI5OjUyKzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOC0wNS0xMVQxNTozMToxNCswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOC0wNS0xMVQxNTozMToxNCswODowMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDphYmYzM2VmNi05ODYwLTQ2ZGItODU2NC1kMzU1ODE4Y2FkMTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NThERTEwNzlFRTZCMTFFNjkzNkNFQjU4RTUwM0REQzkiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1OERFMTA3OUVFNkIxMUU2OTM2Q0VCNThFNTAzRERDOSIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU4REUxMDc2RUU2QjExRTY5MzZDRUI1OEU1MDNEREM5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU4REUxMDc3RUU2QjExRTY5MzZDRUI1OEU1MDNEREM5Ii8+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmFiZjMzZWY2LTk4NjAtNDZkYi04NTY0LWQzNTU4MThjYWQxOCIgc3RFdnQ6d2hlbj0iMjAxOC0wNS0xMVQxNTozMToxNCswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkzXgSYAAAJqSURBVHic7dzRbdNQGIbhN4gBvAEdwUzQdAPYIEwATEA2KJ2AjJANajYwG3gEbxAuTi5ycWpO8UnPl1/fI1WqHFv6pVc+SWPXm9PptAUGTNK71gPYMgcS50DiHEicA4lzIHEOJM6BxDmQOAcS50DiHEicA4lzIHEOJM6BxDmQuGiBtsCp4GffZrzXixioxP01h6jpfesBrughs+0R6N94jlUiBxoy2+bCYz8Bv4Cuzij/ZQQeoi1xtXylbRxIZ/rOgfKm1gOcjZGXuDW+A39ov8QNkQM9Z7b1hcfOwM9ag6wRLdB88fu2cD9p0QIdgA8snykT8PQGs1QRLdBMev8Iw5/ixDmQOAcS50DiHEicA4lzIHEOJC7aH6qQruX0C69PwJEb+bonWqAd6ULbv9wDX647Sh3Rlri7yvs1F+0MurTJbHum/MaSnrbXgyZgihxojT3wo/EMM/Ax2hJXi8JtWR2+J+FFv1sPQDqDDl7i8vakj+Jdwxkmgr8HnVYeP9YYYq1oS9xUeb/mop1BB9La3S/sM5GWr5uw8fPitEVb4sJxIHEOJM6BxDmQOAcS50DiHEhctG8SOtJ1nH5hn4n03w3j1aepIFqgHfCtYL8O+HzNQWqJFqi7+H3IvN6f9+kyr0mKFuhS7jkJpfckdKSzsas2zeuNwDFyoDUeSYFa83MSXnDXeoCz3oHynmh/5+lI8HsStpltXeGxR0Qu6kUOlHtOws2JtsQNhfsp3FZVJNoZNJC/5fdmRTuDwnEgcQ4kzoHEOZA4BxLnQOIcSJwDiXMgcQ4kzoHEOZA4BxLnQOIcSJwDiXMgcX8BVn1OSUK1/rIAAAAASUVORK5CYII=) 96% center no-repeat; background-size: 48px; } } @media (max-width: 768px) and (min-width: 0px) { #CMD .wd__section body#rog_black_style #overview-top-nav .nav-tabs > .active { background-color: #222 !important; } #CMD .wd__section body #overview-top-nav .inner .features-menu .nav-sub > li.active { background: #222222 !important; } } #CMD .wd__section .wd__content .content__slogan { color: #fff; text-transform: uppercase; } #CMD .wd__section .wd__content .content__title { color: #fff; } #CMD .wd__section .wd__content .content__info { color: #fff; } #CMD .wd__section .wd__content .content__link { linkColor: #fff; color: #fff; } #CMD .wd__section .wd__content .content__link *, #CMD .wd__section .wd__content .content__link span { color: #fff; } #CMD .wd__section .wd__content .content__link:after { color: #fff; } #CMD .wd__section .wd__content .content__link:link { color: #fff; } #CMD .wd__section .wd__content .content__link:hover span { border-bottom: 1px solid #fff; } #CMD .wd__section .wd__content .content__comment { color: #dedede; } #CMD .wd__section .wd__feature__list .wd__feature { vertical-align: bottom; } #CMD .wd__section .wd__content.theme-black .content__slogan { color: #000; } #CMD .wd__section .wd__content.theme-black .content__title { color: #000; } #CMD .wd__section .wd__content.theme-black .content__info { color: #000; } #CMD .wd__section .wd__content.theme-black .content__link { linkColor: #000; color: #000; } #CMD .wd__section .wd__content.theme-black .content__link *, #CMD .wd__section .wd__content.theme-black .content__link span { color: #000; } #CMD .wd__section .wd__content.theme-black .content__link:after { color: #000; } #CMD .wd__section .wd__content.theme-black .content__link:link { color: #000; } #CMD .wd__section .wd__content.theme-black .content__link:hover span { border-bottom: 1px solid #000; } #CMD .wd__section .wd__feature__list.theme-black .wd__feature { vertical-align: bottom; } #CMD .wd__section .wd__feature__list.theme-black .wd__feature .wd__feature__data { color: #000; } #CMD .wd__section .wd__feature__list.theme-black .wd__feature .wd__feature__describe__top { color: #000; } #CMD .wd__section .wd__feature__list.theme-black .wd__feature .wd__feature__describe { color: #000; } #CMD .wd__section .compare { opacity: 0.35; -webkit-filter: invert(100%); filter: invert(100%); } #CMD .section__kv { position: relative; overflow: hidden; } #CMD .section__kv .wd__content.top-content { margin-top: 15px; } #CMD .section__kv .wd__content.top-content .content__title { font-size: 40.3px; color: #fff; } #CMD .section__kv .img__kv__logo { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/kv_logo.png") ; position: relative; margin-top: 100px; width: 1116px; height: 90px; } @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) { #CMD .section__kv .img__kv__logo { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/kv_logo.png"); } } #CMD .section__kv .img__kv { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/kv.jpg") ; position: relative; top: 0; left: 50%; margin-top: -752px; margin-left: -1280px; width: 2560px; height: 1755px; } @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) { #CMD .section__kv .img__kv { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/kv.jpg"); } } #CMD .section__kv .wd__content.bottom-content { margin-top: -190px; } #CMD .section__kv .wd__content.bottom-content .content__info { font-size: 26px; line-height: 1.4; color: #fff; } #CMD .section__kv .img__kv__brand { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/kv_brand.png") ; position: relative; margin-top: 82px; width: 359px; height: 96px; } @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) { #CMD .section__kv .img__kv__brand { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/kv_brand.png"); } } #CMD .section__kv sup.sign-cr, #CMD .section__kv sup.sign-tm { top: -0.35em; font-size: 0.7em; line-height: 0; } #CMD .section__audience { padding-top: 129px; } #CMD .section__audience .audience__items { position: relative; margin-top: 115px; margin-left: auto; margin-right: auto; width: 100%; max-width: 1800px; } #CMD .section__audience .audience__items .audience__item { position: relative; display: inline-block; width: 33%; -webkit-transform: perspective(800px); transform: perspective(800px); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } #CMD .section__audience .audience__items .audience__item.item-1 .item__img { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/02_creator_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) { #CMD .section__audience .audience__items .audience__item.item-1 .item__img { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/02_creator_1.jpg"); } } #CMD .section__audience .audience__items .audience__item.item-2 .item__img { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/02_creator_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) { #CMD .section__audience .audience__items .audience__item.item-2 .item__img { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/02_creator_2.jpg"); } } #CMD .section__audience .audience__items .audience__item.item-3 .item__img { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/02_creator_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) { #CMD .section__audience .audience__items .audience__item.item-3 .item__img { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/02_creator_3.jpg"); } } #CMD .section__audience .audience__items .audience__item .item__ani { position: relative; overflow: hidden; margin: 0 3px; width: 100%; height: 744px; transition: -webkit-transform 500ms linear; transition: transform 500ms linear; transition: transform 500ms linear, -webkit-transform 500ms linear; } #CMD .section__audience .audience__items .audience__item .item__ani:before { position: absolute; display: block; z-index: 1; content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); } #CMD .section__audience .audience__items .audience__item .item__ani .item__img { position: absolute; top: 50%; left: 50%; margin-top: -392px; margin-left: -319px; width: 638px; height: 784px; transition: -webkit-transform 500ms linear; transition: transform 500ms linear; transition: transform 500ms linear, -webkit-transform 500ms linear; } #CMD .section__audience .audience__items .audience__item .item__ani .item__text { position: absolute; z-index: 1; top: 50%; width: 100%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } #CMD .section__audience .audience__items .audience__item .item__ani .item__text .text-title { position: relative; display: block; margin-left: auto; margin-right: auto; padding-top: 5px; padding-bottom: 9px; width: 90%; color: #fff; line-height: 1.2; text-transform: uppercase; letter-spacing: 2px; text-shadow: 1px 1px 8px #333; } #CMD .section__audience .audience__items .audience__item .item__ani .item__text .text-info { position: relative; display: block; margin-top: 8px; margin-left: auto; margin-right: auto; width: 67%; color: #fff; font-size: 19px; line-height: 1.6; } #CMD .section__audience .audience__items .audience__item .item__ani { box-sizing: border-box; } #CMD .section__audience .audience__items .audience__item .item__ani:before { background: rgba(0, 0, 0, 0.2); transition: all 200ms; } #CMD .section__audience .audience__items .audience__item .item__ani .item__text { display: inline-block; top: 50%; left: 0; -webkit-transform: translateY(-50%) translateZ(0); transform: translateY(-50%) translateZ(0); } #CMD .section__audience .audience__items .audience__item .item__ani .item__text .text-title { position: relative; top: 50%; font-size: 57px; max-width: 600px; transition: all 400ms 400ms; } #CMD .section__audience .audience__items .audience__item .item__ani .item__text .text-info { max-height: 0; opacity: 0; transition: opacity 400ms, max-height 400ms; } #CMD .section__audience .audience__items:hover .audience__item .item__ani:before { background: rgba(0, 0, 0, 0.6); } #CMD .section__audience .audience__items .audience__item:hover { z-index: 100000; } #CMD .section__audience .audience__items .audience__item:hover .item__ani { border: 2px solid #c5ac90; } #CMD .section__audience .audience__items .audience__item:hover .item__ani:before { background: rgba(0, 0, 0, 0.4); } #CMD .section__audience .audience__items .audience__item:hover .item__ani .item__text { height: auto; } #CMD .section__audience .audience__items .audience__item:hover .item__ani .item__text .text-title { position: relative; font-size: 41px; transition: all 400ms; } #CMD .section__audience .audience__items .audience__item:hover .item__ani .item__text .text-info { max-height: 3000px; opacity: 1; transition: opacity 400ms 400ms, max-height 400ms; } #CMD .section__performance { position: relative; margin-top: 225px; } #CMD .section__performance .wd__content { margin-left: auto; margin-right: auto; width: 90%; max-width: 784px; } #CMD .section__performance .specs__container { position: relative; margin-top: 75px; } #CMD .section__performance .specs__container .container-nav { position: relative; } #CMD .section__performance .specs__container .container-nav .nav-item { position: relative; display: inline-block; vertical-align: bottom; cursor: pointer; font-size: 20px; color: #fff; } #CMD .section__performance .specs__container .container-nav .nav-item span { padding: 10px; } #CMD .section__performance .specs__container .container-bar { position: relative; margin-top: 38px; width: 100%; } #CMD .section__performance .specs__container .container-bar:before { position: relative; display: block; content: ''; width: 100%; height: 1px; background: #707070; } #CMD .section__performance .specs__container .container-bar .bar-line { position: absolute; bottom: -2px; width: 10px; height: 5px; background: linear-gradient(to right, #c5ac90, #796353); } #CMD .section__performance .specs__container .container-info { position: relative; margin-top: 36px; height: 3000px; max-height: 0; transition: max-height 300ms; } #CMD .section__performance .specs__container .container-info .info-item { position: absolute; left: 50%; margin-left: -400px; width: 800px; } #CMD .section__performance .specs__container .container-info .info-item span { position: relative; font-size: 19px; line-height: 1.5; color: #fff; } #CMD .section__performance .img__performance { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/03_bg.jpg") ; position: relative; z-index: -1; top: 0; left: 50%; margin-top: -153px; margin-left: -680px; width: 1366px; height: 664px; } @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) { #CMD .section__performance .img__performance { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/03_bg.jpg"); } } #CMD .section__performance .specs__container .container-nav .nav-item { transition: all 200ms; } #CMD .section__performance .specs__container .container-nav .nav-item:hover, #CMD .section__performance .specs__container .container-nav .nav-item.active { color: #c5ac90; } #CMD .section__performance .specs__container .container-bar .bar-line { transition: -webkit-transform 200ms; transition: transform 200ms; transition: transform 200ms, -webkit-transform 200ms; } #CMD .section__performance .specs__container .container-info .info-item { visibility: hidden; opacity: 0; transition: opacity 300ms; } #CMD .section__performance .specs__container .container-info .info-item.active { visibility: visible; opacity: 1; } #CMD .section__gpu { position: relative; margin-top: 51px; } #CMD .section__gpu .wd__content { margin-left: auto; margin-right: auto; width: 90%; max-width: 1024px; } #CMD .section__gpu .wd__content .content__info { max-width: 900px; } #CMD .section__gpu .img__gpu { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/04_bg.jpg") ; position: relative; top: 0; left: 50%; margin-top: -242px; margin-left: -975px; width: 1920px; height: 1110px; } @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) { #CMD .section__gpu .img__gpu { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/04_bg.jpg"); } } #CMD .section__gpu .modal-button-container { margin-top: -102px; } #CMD .section__gpu .modal-button-container .modal-button { background: linear-gradient(to right, #c5ac90, #796353); color: #000; border-color: #a08973; } #CMD .section__gpu .modal-button-container .modal-button:hover { background: linear-gradient(to right, #796353, #c5ac90); color: white; border-color: #a08973; } #CMD .section__cpu { position: relative; margin-top: 143px; } #CMD .section__cpu .wd__content { position: relative; left: 50%; margin-left: -560px; width: 447px; } #CMD .section__cpu .img__cpu { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/05_bg.jpg") ; position: relative; top: 0; left: 50%; margin-top: -737px; margin-left: -655px; width: 1920px; height: 1200px; } @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) { #CMD .section__cpu .img__cpu { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/05_bg.jpg"); } } #CMD .section__isv { position: relative; margin-top: -10px; } #CMD .section__isv .wd__content { margin-left: auto; margin-right: auto; width: 90%; max-width: 840px; } #CMD .section__isv .img__isv { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/06_bg.jpg") ; position: relative; top: 0; left: 50%; margin-top: -233px; margin-left: -1280px; width: 2560px; height: 1140px; } @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) { #CMD .section__isv .img__isv { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/06_bg.jpg"); } } #CMD .section__isv .img__icon { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/06_icon.png") ; position: relative; top: 0; left: 50%; margin-top: -369px; margin-left: -460px; width: 920px; height: 210px; } @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) { #CMD .section__isv .img__icon { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/06_icon.png"); } } #CMD .section__design { position: relative; margin-top: 203px; } #CMD .section__design .wd__content { margin-left: auto; margin-right: auto; width: 90%; max-width: 900px; } #CMD .section__design .img__design { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/07_bg.jpg") ; position: relative; top: 0; left: 50%; margin-top: -422px; margin-left: -1280px; width: 2560px; height: 1296px; } @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) { #CMD .section__design .img__design { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/07_bg.jpg"); } } #CMD .section__design .img__partial { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/07_partial.jpg") ; position: relative; top: 0; left: 50%; margin-top: -209px; margin-left: -960px; width: 1920px; height: 347px; } @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) { #CMD .section__design .img__partial { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/07_partial.jpg"); } } #CMD .section__display { position: relative; margin-top: 237px; } #CMD .section__display .wd__content { margin-left: auto; margin-right: auto; width: 90%; max-width: 805px; } #CMD .section__display .wd__feature__list .wd__feature { min-width: 150px; } #CMD .section__display .wd__feature__list .wd__feature figure { margin-left: auto; margin-right: auto; margin-bottom: 11px; height: 91px; } #CMD .section__display .wd__feature__list .wd__feature figure.img__icon-1 { width: 65px; background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/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) { #CMD .section__display .wd__feature__list .wd__feature figure.img__icon-1 { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/icon/08_icon_1.png"); } } #CMD .section__display .img__display { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/08_bg.jpg") ; position: relative; top: 0; left: 50%; margin-top: -494px; margin-left: -1280px; width: 2560px; height: 1158px; } @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) { #CMD .section__display .img__display { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/08_bg.jpg"); } } #CMD .section__thermal { position: relative; margin-top: 104px; } #CMD .section__thermal .wd__content { margin-left: auto; margin-right: auto; width: 90%; max-width: 814px; } #CMD .section__thermal .img__thermal { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/09_bg.jpg") ; position: relative; top: 0; left: 50%; margin-top: -171px; margin-left: -1280px; width: 2560px; height: 1088px; } @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) { #CMD .section__thermal .img__thermal { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/09_bg.jpg"); } } #CMD .section__thermal .modal-button-container { margin-top: -97px; } #CMD .section__thermal .modal-button-container .modal-button { background: linear-gradient(to right, #c5ac90, #796353); color: #000; border-color: #a08973; } #CMD .section__thermal .modal-button-container .modal-button:hover { background: linear-gradient(to right, #796353, #c5ac90); color: white; border-color: #a08973; } #CMD .section__connectivity { position: relative; margin-top: 198px; } #CMD .section__connectivity .wd__content { margin-left: auto; margin-right: auto; width: 90%; max-width: 1024px; } #CMD .section__connectivity .wd__content .content__info { width: 814px; } #CMD .section__connectivity .wd__feature__list { margin-left: auto; margin-right: auto; width: 100%; max-width: 794px; } #CMD .section__connectivity .wd__feature__list .wd__feature { vertical-align: top; min-width: 150px; } #CMD .section__connectivity .wd__feature__list .wd__feature figure { margin: -9px auto 11px; height: 136px; } #CMD .section__connectivity .wd__feature__list .wd__feature figure.img__icon-1 { width: 212px; background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/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) { #CMD .section__connectivity .wd__feature__list .wd__feature figure.img__icon-1 { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/icon/10_icon_1.png"); } } #CMD .section__connectivity .img__connectivity { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/10_bg.jpg") ; position: relative; top: 0; left: 50%; margin-top: -226px; margin-left: -1280px; width: 2560px; height: 822px; } @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) { #CMD .section__connectivity .img__connectivity { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/10_bg.jpg"); } } #CMD .section__connectivity .img__desktop { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/10_desktop.jpg") ; position: relative; top: 0; left: 50%; margin-top: -62px; margin-left: -1280px; width: 2560px; height: 772px; } @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) { #CMD .section__connectivity .img__desktop { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/10_desktop.jpg"); } } #CMD .section__connectivity #svg_10-1, #CMD .section__connectivity #svg_10-2, #CMD .section__connectivity #svg_10-mobile-1, #CMD .section__connectivity #svg_10-mobile-2 { position: absolute; top: 0; left: 50%; margin-left: -1280px; width: 2560px; height: 822px; } #CMD .section__connectivity #svg_10-1 .stroke-point, #CMD .section__connectivity #svg_10-2 .stroke-point, #CMD .section__connectivity #svg_10-mobile-1 .stroke-point, #CMD .section__connectivity #svg_10-mobile-2 .stroke-point { fill: #8b8176; } #CMD .section__connectivity #svg_10-1 .stroke-line, #CMD .section__connectivity #svg_10-2 .stroke-line, #CMD .section__connectivity #svg_10-mobile-1 .stroke-line, #CMD .section__connectivity #svg_10-mobile-2 .stroke-line { stroke-miterlimit: 10; stroke-width: 1px; stroke-linecap: round; fill: none; stroke: #8b8176; stroke-dasharray: 1300; } #CMD .section__connectivity #svg_10-1 { top: -20px; margin-left: -1294px; } #CMD .section__connectivity #svg_10-2 { top: -4px; margin-left: -1269px; } #CMD .section__connectivity .content__intro { position: absolute; left: 50%; margin-left: -300px; width: 600px; } #CMD .section__connectivity .content__intro .intro { position: absolute; width: 300px; font-size: 18px; color: #fff; } #CMD .section__connectivity .content__intro .intro.intro-1 { text-align: right; margin-top: 573px; margin-left: -130px; } #CMD .section__connectivity .content__intro .intro.intro-2 { text-align: left; margin-top: 573px; margin-left: 203px; } #CMD .section__connectivity .content__intro .intro.intro-3 { text-align: right; margin-top: 234px; margin-left: 94px; } #CMD .section__connectivity .content__intro .intro.intro-4 { text-align: left; margin-top: 234px; margin-left: 423px; } #CMD .section__connectivity .modal-button-container { margin-top: 90px; } #CMD .section__connectivity .modal-button-container .modal-button { background: linear-gradient(to right, #c5ac90, #796353); color: #000; border-color: #a08973; } #CMD .section__connectivity .modal-button-container .modal-button:hover { background: linear-gradient(to right, #796353, #c5ac90); color: white; border-color: #a08973; } #CMD .section__comment { margin-top: 80px; padding-bottom: 30px; } #CMD .section__comment .footnotes:nth-child(2) { margin-top: 0; } #CMD .section__comment .footnote-star ul.footnote li { position: relative; padding-left: 2px; list-style-type: none; } #CMD .section__comment .footnote-star ul.footnote li:before { position: absolute; display: block; content: "*"; left: -16px; top: 3px; } #CMD .section__comment .footnote-list ul.footnote li:nth-child(3) { position: absolute; opacity: 0; height: 0px; overflow: hidden; visibility: hidden; } #CMD .inner-view { background: #000; } #CMD .inner-view .inner-view-container { position: relative; margin-left: auto; margin-right: auto; } #CMD .inner-view .inner-view-container .modal-button { background: linear-gradient(to right, #c5ac90, #796353); color: #000; border-color: #a08973; } #CMD .inner-view .inner-view-container .modal-button:hover { background: linear-gradient(to right, #796353, #c5ac90); color: white; border-color: #a08973; } #CMD .inner-view .inner-view-container .inner-modal.modal-connectivity { background-color: #fff; } #CMD .inner-view .inner-view-container .inner-modal.modal-thermal { background-color: #000; } #CMD .inner-view .inner-view-container .wd__section .wd__content .content__slogan { color: #fff; } #CMD .inner-view .inner-view-container .wd__section .wd__content .content__title { font-size: 34px; color: #fff; } #CMD .inner-view .inner-view-container .wd__section .wd__content .content__info { margin-top: 20px; color: #fff; } #CMD .inner-view .inner-view-container .wd__section .wd__content .content__slogan:before, #CMD .inner-view .inner-view-container .wd__section .wd__content .content__slogan:after, #CMD .inner-view .inner-view-container .wd__section .wd__content .content__title:before, #CMD .inner-view .inner-view-container .wd__section .wd__content .content__title:after { display: none; } #CMD .inner-view .wd__feature__list .wd__feature { vertical-align: bottom; } #CMD .inner-view .section__btn__home:before { background: none; } #CMD .inner-view .icon { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/inner/icon_def.png") ; margin-top: -10px; margin-bottom: 10px; width: 62px; height: 62px; background-size: contain; } @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) { #CMD .inner-view .icon { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/inner/icon_def.png"); } } #CMD .section__efficiency { padding-top: 70px; padding-bottom: 150px; background: #fff; } #CMD .section__efficiency .wd__content { width: 100%; } #CMD .section__efficiency .wd__content .content__title { color: #000 !important; } #CMD .section__efficiency .wd__content .content__info { width: 800px; color: #000 !important; } #CMD .section__efficiency .wd__content .content__comment { color: #5c5c5c !important; } #CMD .section__efficiency .wd__feature__list .wd__feature .wd__feature__describe, #CMD .section__efficiency .wd__feature__list .wd__feature .wd__feature__describe span, #CMD .section__efficiency .wd__feature__list .wd__feature .wd__feature__describe sup, #CMD .section__efficiency .wd__feature__list .wd__feature .wd__feature__describe__top, #CMD .section__efficiency .wd__feature__list .wd__feature .wd__feature__describe__top span, #CMD .section__efficiency .wd__feature__list .wd__feature .wd__feature__describe__top sup { color: #5c5c5c; } #CMD .section__efficiency .img__efficiency { position: relative; left: 50%; margin-top: 6px; margin-left: -683px; width: 1366px; height: 500px; background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/inner/s4/s4_i1_bg.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) { #CMD .section__efficiency .img__efficiency { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/inner/s4/s4_i1_bg.jpg"); } } #CMD .section__cores { padding-top: 146px; padding-bottom: 0; } #CMD .section__cores .wd__content { width: 770px; } #CMD .section__cores .img__cores { position: relative; left: 50%; margin-top: -86px; margin-left: -1280px; width: 2560px; height: 970px; background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/inner/s4/s4_i2_bg.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) { #CMD .section__cores .img__cores { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/inner/s4/s4_i2_bg.jpg"); } } #CMD .section__3d { padding-top: 0; } #CMD .section__3d .wd__content { position: relative; left: 50%; margin-top: 130px; margin-left: 53px; width: 490px; min-height: 841px; } #CMD .section__3d .wd__feature__list { max-width: 540px; } #CMD .section__3d .img__main { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/inner/s9/s9_i1_bg.jpg") ; position: absolute; top: -30px; left: 50%; margin-left: -1280px; width: 2560px; height: 1376px; } @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) { #CMD .section__3d .img__main { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/inner/s9/s9_i1_bg.jpg"); } } #CMD .section__wifi { background: #fff; padding-top: 163px; } #CMD .section__wifi .wd__content { position: relative; left: 50%; margin-left: -500px; width: 360px; } #CMD .section__wifi .wd__content .content__title { color: #000 !important; } #CMD .section__wifi .wd__content .content__info { color: #000 !important; } #CMD .section__wifi .wd__content .content__comment { color: #000 !important; } #CMD .section__wifi .wd__feature__list .wd__feature .wd__feature__describe__top span, #CMD .section__wifi .wd__feature__list .wd__feature .wd__feature__describe__top sup, #CMD .section__wifi .wd__feature__list .wd__feature .wd__feature__describe__top div, #CMD .section__wifi .wd__feature__list .wd__feature .wd__feature__describe span, #CMD .section__wifi .wd__feature__list .wd__feature .wd__feature__describe sup, #CMD .section__wifi .wd__feature__list .wd__feature .wd__feature__describe div { color: #5c5c5c; } #CMD .section__wifi .img__wifi { position: relative; left: 50%; margin-top: -790px; margin-left: -1280px; width: 2560px; height: 1312px; background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/inner/s10/s10_i1_bg.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) { #CMD .section__wifi .img__wifi { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/inner/s10/s10_i1_bg.jpg"); } } #CMD .product_price .current_price .heading { color: #fff; } #CMD .product_price .current_price .price, #CMD .product_price .current_price .price p { color: #fff; } #CMD .product_price .btn_buy .label { color: #fff; background-color: #9b6a4e; } #CMD .product_price .btn_buy .etailers .etailers_list li a:link:hover { color: #9b6a4e; } #CMD .product_price.active { margin-bottom: -66px; padding-top: 50px; } #CMD .product_pdguide .link { color: #9b6a4e; } #CMD .product_pdguide.active { padding-top: 15px; } #CMD .section__pdc { background-color: #000; } #CMD .product_videos .video_slick .video a .text { text-align: left; } #CMD .product_videos.active { background-color: #000; padding-top: 240px; } #CMD .product_medias .media .text { color: #fff; } #CMD .product_medias .media a { color: #9b6a4e; } #CMD .product_medias.active { background-color: #000; } #CMD .product_medias .slick-dots li.slick-active button:before, #CMD .product_videos .slick-dots li.slick-active button:before { color: #9b6a4e; } #CMD .video-bottom { margin-bottom: 0; padding-bottom: 0; } #CMD .media-top { padding-top: 112px; } #CMD .media-bottom { margin-bottom: -60px; padding-bottom: 0; } @media all and (max-width: 1920px) and (min-width: 1301px) { #CMD .section__design .img__partial { left: 0; margin-top: -220px; margin-left: auto; margin-right: auto; padding-bottom: 18.0729%; width: 100%; height: 0; } } @media all and (min-width: 1301px) { #CMD .large_use { display: block; } #CMD .large_unuse { display: none; } #CMD .section__kv .img__kv { background: none; } #CMD .section__kv .img__kv figure { position: absolute; } #CMD .section__kv .img__kv .img__bg { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/animation/01/bg.jpg") ; width: 2560px; height: 1755px; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { #CMD .section__kv .img__kv .img__bg { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/animation/01/bg.jpg"); } } @media all and (min-width: 1301px) { #CMD .section__kv .img__kv .img__nb { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/animation/01/nb_bare.jpg") ; margin-top: 845px; margin-left: 844px; width: 1020px; height: 734px; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { #CMD .section__kv .img__kv .img__nb { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/animation/01/nb_bare.jpg"); } } @media all and (min-width: 1301px) { #CMD .section__kv .img__kv .img__dust { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/animation/01/dust.png") ; margin-top: 810px; margin-left: 871px; width: 662px; height: 662px; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { #CMD .section__kv .img__kv .img__dust { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/animation/01/dust.png"); } } @media all and (min-width: 1301px) { #CMD .section__kv .img__kv #dust-particle { position: absolute; top: 640px; left: 50%; margin-left: -420px; width: 510px; height: 590px; } #CMD .section__kv .img__kv .img__stone { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/animation/01/stone.png") ; margin-top: 870px; margin-left: 950px; width: 546px; height: 448px; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { #CMD .section__kv .img__kv .img__stone { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/animation/01/stone.png"); } } @media all and (min-width: 1301px) { #CMD .section__kv .img__kv .img__monitor { margin-top: 800px; margin-left: 851px; width: 1020px; height: 734px; } #CMD .section__kv .img__kv .img__monitor .img__part-default { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/animation/01/monitor/part_default.png") ; margin-top: 477px; margin-left: 69px; width: 136px; height: 122px; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { #CMD .section__kv .img__kv .img__monitor .img__part-default { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/animation/01/monitor/part_default.png"); } } @media all and (min-width: 1301px) { #CMD .section__kv .img__kv .img__monitor .img__part-1 { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/animation/01/monitor/part_1.png") ; margin-top: 152px; margin-left: 86px; width: 192px; height: 324px; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { #CMD .section__kv .img__kv .img__monitor .img__part-1 { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/animation/01/monitor/part_1.png"); } } @media all and (min-width: 1301px) { #CMD .section__kv .img__kv .img__monitor .img__part-2 { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/animation/01/monitor/part_2.png") ; margin-top: 113px; margin-left: 152px; width: 196px; height: 142px; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { #CMD .section__kv .img__kv .img__monitor .img__part-2 { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/animation/01/monitor/part_2.png"); } } @media all and (min-width: 1301px) { #CMD .section__kv .img__kv .img__monitor .part-3 { position: absolute; top: 27px; left: 10px; width: 1020px; height: 734px; } #CMD .section__kv .img__kv .img__monitor .part-3 .img__part-3-1 { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/animation/01/monitor/part_3_layer_1.png") ; margin-top: 260px; margin-left: 362px; width: 320px; height: 306px; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { #CMD .section__kv .img__kv .img__monitor .part-3 .img__part-3-1 { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/animation/01/monitor/part_3_layer_1.png"); } } @media all and (min-width: 1301px) { #CMD .section__kv .img__kv .img__monitor .part-3 .img__part-3-2 { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/animation/01/monitor/part_3_layer_2.png") ; margin-top: 275px; margin-left: 386px; width: 110px; height: 102px; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { #CMD .section__kv .img__kv .img__monitor .part-3 .img__part-3-2 { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/animation/01/monitor/part_3_layer_2.png"); } } @media all and (min-width: 1301px) { #CMD .section__kv .img__kv .img__monitor .part-3 .circle { position: relative; } #CMD .section__kv .img__kv .img__monitor .part-3 .circle .img__part-3-3 { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/animation/01/monitor/part_3_layer_3.png") ; margin-top: 296px; margin-left: 407px; width: 98px; height: 74px; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { #CMD .section__kv .img__kv .img__monitor .part-3 .circle .img__part-3-3 { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/animation/01/monitor/part_3_layer_3.png"); } } @media all and (min-width: 1301px) { #CMD .section__kv .img__kv .img__monitor .part-3 .circle .img__part-3-4 { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/animation/01/monitor/part_3_layer_4.png") ; margin-top: 298px; margin-left: 424px; width: 64px; height: 68px; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { #CMD .section__kv .img__kv .img__monitor .part-3 .circle .img__part-3-4 { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/animation/01/monitor/part_3_layer_4.png"); } } @media all and (min-width: 1301px) { @-webkit-keyframes dustFlash { 0% { opacity: 1; } 25% { opacity: 0.6; } 50% { opacity: 1; } 75% { opacity: 0.3; } 100% { opacity: 1; } } @keyframes dustFlash { 0% { opacity: 1; } 25% { opacity: 0.6; } 50% { opacity: 1; } 75% { opacity: 0.3; } 100% { opacity: 1; } } @-webkit-keyframes part1Move { 0% { -webkit-transform: translate3d(0, 0px, 0px); transform: translate3d(0, 0px, 0px); } 25% { -webkit-transform: translate(-19px, 50px); transform: translate(-19px, 50px); } 50% { -webkit-transform: translate(21px, 60px); transform: translate(21px, 60px); } 75% { -webkit-transform: translate(12px, -31px); transform: translate(12px, -31px); } 100% { -webkit-transform: translate3d(0, 0px, 0px); transform: translate3d(0, 0px, 0px); } } @keyframes part1Move { 0% { -webkit-transform: translate3d(0, 0px, 0px); transform: translate3d(0, 0px, 0px); } 25% { -webkit-transform: translate(-19px, 50px); transform: translate(-19px, 50px); } 50% { -webkit-transform: translate(21px, 60px); transform: translate(21px, 60px); } 75% { -webkit-transform: translate(12px, -31px); transform: translate(12px, -31px); } 100% { -webkit-transform: translate3d(0, 0px, 0px); transform: translate3d(0, 0px, 0px); } } @-webkit-keyframes part2Move { 0% { -webkit-transform: translate3d(0, 10px, 0px); transform: translate3d(0, 10px, 0px); } 15% { -webkit-transform: translate3d(0, 10px, 0px); transform: translate3d(0, 10px, 0px); } 30% { -webkit-transform: translate3d(30px, 18px, 0px); transform: translate3d(30px, 18px, 0px); } 45% { -webkit-transform: translate3d(30px, 18px, 0px); transform: translate3d(30px, 18px, 0px); } 60% { -webkit-transform: translate3d(60px, 8px, 0px); transform: translate3d(60px, 8px, 0px); } 75% { -webkit-transform: translate3d(60px, 8px, 0px); transform: translate3d(60px, 8px, 0px); } 100% { -webkit-transform: translate3d(0, 10px, 0px); transform: translate3d(0, 10px, 0px); } } @keyframes part2Move { 0% { -webkit-transform: translate3d(0, 10px, 0px); transform: translate3d(0, 10px, 0px); } 15% { -webkit-transform: translate3d(0, 10px, 0px); transform: translate3d(0, 10px, 0px); } 30% { -webkit-transform: translate3d(30px, 18px, 0px); transform: translate3d(30px, 18px, 0px); } 45% { -webkit-transform: translate3d(30px, 18px, 0px); transform: translate3d(30px, 18px, 0px); } 60% { -webkit-transform: translate3d(60px, 8px, 0px); transform: translate3d(60px, 8px, 0px); } 75% { -webkit-transform: translate3d(60px, 8px, 0px); transform: translate3d(60px, 8px, 0px); } 100% { -webkit-transform: translate3d(0, 10px, 0px); transform: translate3d(0, 10px, 0px); } } @-webkit-keyframes part3CorssRotate { 0% { -webkit-transform: translateZ(0) rotate(0deg); transform: translateZ(0) rotate(0deg); } 10% { -webkit-transform: translateZ(0) rotate(0deg); transform: translateZ(0) rotate(0deg); } 20% { -webkit-transform: translateZ(0) rotate(120deg); transform: translateZ(0) rotate(120deg); } 30% { -webkit-transform: translateZ(0) rotate(0deg); transform: translateZ(0) rotate(0deg); } 40% { -webkit-transform: translateZ(0) rotate(-120deg); transform: translateZ(0) rotate(-120deg); } 50% { -webkit-transform: translateZ(0) rotate(0deg); transform: translateZ(0) rotate(0deg); } 100% { -webkit-transform: translateZ(0) rotate(0deg); transform: translateZ(0) rotate(0deg); } } @keyframes part3CorssRotate { 0% { -webkit-transform: translateZ(0) rotate(0deg); transform: translateZ(0) rotate(0deg); } 10% { -webkit-transform: translateZ(0) rotate(0deg); transform: translateZ(0) rotate(0deg); } 20% { -webkit-transform: translateZ(0) rotate(120deg); transform: translateZ(0) rotate(120deg); } 30% { -webkit-transform: translateZ(0) rotate(0deg); transform: translateZ(0) rotate(0deg); } 40% { -webkit-transform: translateZ(0) rotate(-120deg); transform: translateZ(0) rotate(-120deg); } 50% { -webkit-transform: translateZ(0) rotate(0deg); transform: translateZ(0) rotate(0deg); } 100% { -webkit-transform: translateZ(0) rotate(0deg); transform: translateZ(0) rotate(0deg); } } @-webkit-keyframes part3LenZoom { 0% { -webkit-transform: translate3d(-7px, -2px, 0px); transform: translate3d(-7px, -2px, 0px); } 4% { -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } 8% { -webkit-transform: translate3d(-3px, -1px, 0px); transform: translate3d(-3px, -1px, 0px); } 12% { -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } 16% { -webkit-transform: translate3d(-10px, -4px, 0px); transform: translate3d(-10px, -4px, 0px); } 20% { -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } 24% { -webkit-transform: translate3d(-7px, -2px, 0px); transform: translate3d(-7px, -2px, 0px); } } @keyframes part3LenZoom { 0% { -webkit-transform: translate3d(-7px, -2px, 0px); transform: translate3d(-7px, -2px, 0px); } 4% { -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } 8% { -webkit-transform: translate3d(-3px, -1px, 0px); transform: translate3d(-3px, -1px, 0px); } 12% { -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } 16% { -webkit-transform: translate3d(-10px, -4px, 0px); transform: translate3d(-10px, -4px, 0px); } 20% { -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } 24% { -webkit-transform: translate3d(-7px, -2px, 0px); transform: translate3d(-7px, -2px, 0px); } } @-webkit-keyframes part3Spin { 0% { -webkit-transform: translateZ(0) rotate(0deg); transform: translateZ(0) rotate(0deg); } 25% { -webkit-transform: translateZ(0) rotate(20deg); transform: translateZ(0) rotate(20deg); } 50% { -webkit-transform: translateZ(0) rotate(0deg); transform: translateZ(0) rotate(0deg); } 75% { -webkit-transform: translateZ(0) rotate(-20deg); transform: translateZ(0) rotate(-20deg); } 100% { -webkit-transform: translateZ(0) rotate(0deg); transform: translateZ(0) rotate(0deg); } } @keyframes part3Spin { 0% { -webkit-transform: translateZ(0) rotate(0deg); transform: translateZ(0) rotate(0deg); } 25% { -webkit-transform: translateZ(0) rotate(20deg); transform: translateZ(0) rotate(20deg); } 50% { -webkit-transform: translateZ(0) rotate(0deg); transform: translateZ(0) rotate(0deg); } 75% { -webkit-transform: translateZ(0) rotate(-20deg); transform: translateZ(0) rotate(-20deg); } 100% { -webkit-transform: translateZ(0) rotate(0deg); transform: translateZ(0) rotate(0deg); } } #CMD .section__kv .img__kv .img__dust { opacity: 0; -webkit-transform: scale(0.5) translateZ(0) rotate(20deg); transform: scale(0.5) translateZ(0) rotate(20deg); transition: opacity 1000ms, -webkit-transform 10000ms ease-out; transition: transform 10000ms ease-out, opacity 1000ms; transition: transform 10000ms ease-out, opacity 1000ms, -webkit-transform 10000ms ease-out; } #CMD .section__kv .img__kv .img__stone { opacity: 0; -webkit-transform: scale(0.9) translateX(-40px) translateY(10px) translateZ(0); transform: scale(0.9) translateX(-40px) translateY(10px) translateZ(0); transition: -webkit-transform 900ms cubic-bezier(0.25, 0.77, 0.12, 0.78); transition: transform 900ms cubic-bezier(0.25, 0.77, 0.12, 0.78); transition: transform 900ms cubic-bezier(0.25, 0.77, 0.12, 0.78), -webkit-transform 900ms cubic-bezier(0.25, 0.77, 0.12, 0.78); } #CMD .section__kv .img__kv #dust-particle { opacity: 0; transition: opacity 400ms 900ms; } #CMD .section__kv .img__kv .img__monitor { opacity: 0; transition: opacity 400ms 1100ms; } #CMD .section__kv .img__kv.step-1 .img__dust { will-change: transform; opacity: 1; -webkit-transform: scale(1) translateZ(0) rotate(0deg); transform: scale(1) translateZ(0) rotate(0deg); -webkit-animation: dustFlash 12s infinite linear forwards 3000ms; animation: dustFlash 12s infinite linear forwards 3000ms; } #CMD .section__kv .img__kv.step-1 #dust-particle { opacity: 1; } #CMD .section__kv .img__kv.step-1 .img__stone { will-change: transform; opacity: 1; -webkit-transform: scale(1) translateX(0) translateY(0) translateZ(0); transform: scale(1) translateX(0) translateY(0) translateZ(0); } #CMD .section__kv .img__kv.step-1 .img__monitor { opacity: 1; } #CMD .section__kv .img__kv.step-1 .img__monitor .img__part-1 { -webkit-animation: part1Move 20s infinite forwards 1200ms; animation: part1Move 20s infinite forwards 1200ms; } #CMD .section__kv .img__kv.step-1 .img__monitor .img__part-2 { -webkit-animation: part2Move 4000ms infinite forwards 1200ms; animation: part2Move 4000ms infinite forwards 1200ms; } #CMD .section__kv .img__kv.step-1 .img__monitor .part-3 .img__part-3-2 { -webkit-animation: part3Spin 1000ms infinite 1200ms; animation: part3Spin 1000ms infinite 1200ms; } #CMD .section__kv .img__kv.step-1 .img__monitor .part-3 .circle { -webkit-animation: part3LenZoom 3000ms infinite 1200ms; animation: part3LenZoom 3000ms infinite 1200ms; } #CMD .section__kv .img__kv.step-1 .img__monitor .part-3 .circle .img__part-3-3 { -webkit-animation: part3CorssRotate 3000ms infinite 1200ms; animation: part3CorssRotate 3000ms infinite 1200ms; } #CMD .section__performance .img__performance { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/03_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) { #CMD .section__performance .img__performance { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/03_bg.jpg"); } } @media all and (min-width: 1301px) { #CMD .section__performance .img__performance figure { position: absolute; left: 50%; } #CMD .section__performance .img__performance .img__part-1 { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/animation/03/hl_1.jpg") ; opacity: 0; margin-top: 293px; margin-left: 40px; width: 156px; height: 70px; transition: opacity 400ms; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { #CMD .section__performance .img__performance .img__part-1 { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/animation/03/hl_1.jpg"); } } @media all and (min-width: 1301px) { #CMD .section__performance .img__performance.active-1 .img__part-1 { opacity: 1; } #CMD .section__performance .img__performance .img__part-2 { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/animation/03/hl_2.jpg") ; opacity: 0; margin-top: 292px; margin-left: -175px; width: 150px; height: 80px; transition: opacity 400ms; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { #CMD .section__performance .img__performance .img__part-2 { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/animation/03/hl_2.jpg"); } } @media all and (min-width: 1301px) { #CMD .section__performance .img__performance.active-2 .img__part-2 { opacity: 1; } #CMD .section__performance .img__performance .img__part-3 { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/animation/03/hl_3.jpg") ; opacity: 0; margin-top: 345px; margin-left: 36px; width: 150px; height: 44px; transition: opacity 400ms; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { #CMD .section__performance .img__performance .img__part-3 { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/animation/03/hl_3.jpg"); } } @media all and (min-width: 1301px) { #CMD .section__performance .img__performance.active-3 .img__part-3 { opacity: 1; } #CMD .section__performance .img__performance .img__part-4 { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/animation/03/hl_4.jpg") ; opacity: 0; margin-top: 368px; margin-left: 422px; width: 136px; height: 120px; transition: opacity 400ms; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { #CMD .section__performance .img__performance .img__part-4 { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/animation/03/hl_4.jpg"); } } @media all and (min-width: 1301px) { #CMD .section__performance .img__performance.active-4 .img__part-4 { opacity: 1; } #CMD .section__gpu .img__gpu { background: none; } #CMD .section__gpu .img__gpu figure { position: absolute; } #CMD .section__gpu .img__gpu .img__machine { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/animation/04/machine.jpg") ; top: 0; left: 50%; margin-top: 380px; margin-left: -253px; width: 538px; height: 319px; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { #CMD .section__gpu .img__gpu .img__machine { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/animation/04/machine.jpg"); } } @media all and (min-width: 1301px) { #CMD .section__gpu .img__gpu #canvas__s4-air { position: absolute; top: 0; left: 50%; margin-left: -1277px; width: 2560px; height: 1109px; } #CMD .section__gpu .img__gpu .img__nb { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/animation/04/nb.png") ; top: 0; left: 50%; margin-top: 300px; margin-left: -946px; width: 1920px; height: 834px; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { #CMD .section__gpu .img__gpu .img__nb { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/animation/04/nb.png"); } } @media all and (min-width: 1301px) { #CMD .section__gpu .img__gpu .img__inscreen { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/animation/04/inscreen.png") ; top: 0; left: 50%; margin-top: 294px; margin-left: -367px; width: 757px; height: 492px; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { #CMD .section__gpu .img__gpu .img__inscreen { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/animation/04/inscreen.png"); } } @media all and (min-width: 1301px) { @-webkit-keyframes windRotateLeft { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } @keyframes windRotateLeft { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } @-webkit-keyframes windRotateRight { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes windRotateRight { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #CMD .section__thermal .img__thermal { background: none; } #CMD .section__thermal .img__thermal figure { position: absolute; } #CMD .section__thermal .img__thermal .img__bg { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/animation/09/bg.jpg") ; top: 50px; left: 50%; margin-left: -900px; width: 1640px; height: 1060px; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { #CMD .section__thermal .img__thermal .img__bg { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/animation/09/bg.jpg"); } } @media all and (min-width: 1301px) { #CMD .section__thermal .img__thermal .reset { z-index: 100; cursor: pointer; position: absolute; text-align: center; color: #cfcfcf; left: 50%; margin-top: 830px; margin-left: -50px; display: block; width: 100px; height: 60px; text-align: center; } #CMD .section__thermal .img__thermal .reset.isHide { display: none; } #CMD .section__thermal .img__thermal .reset .reset__btn { display: block; width: 30px; height: 30px; margin-left: auto; margin-right: auto; margin-bottom: 0px; margin-top: 8px; background-position: top center; background-size: cover; background-repeat: no-repeat; transition: -webkit-transform 600ms; transition: transform 600ms; transition: transform 600ms, -webkit-transform 600ms; background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/animation/09/reset.png") ; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { #CMD .section__thermal .img__thermal .reset .reset__btn { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/animation/09/reset.png"); } } @media all and (min-width: 1301px) { #CMD .section__thermal .img__thermal .reset .reset__btn:hover { -webkit-transform: rotate(180deg); transform: rotate(180deg); } #CMD .section__thermal .img__thermal #thermalFlow { position: absolute; top: 83px; left: 50%; margin-left: -884px; width: 1640px; height: 1060px; } #CMD .section__thermal .img__thermal .wind-left, #CMD .section__thermal .img__thermal .wind-right { transition: opacity 600ms ease; opacity: 0; position: absolute; left: 50%; width: 190px; height: 190px; } #CMD .section__thermal .img__thermal .wind-left .img__wind, #CMD .section__thermal .img__thermal .wind-right .img__wind { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/animation/09/wind.png") ; width: 190px; height: 190px; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { #CMD .section__thermal .img__thermal .wind-left .img__wind, #CMD .section__thermal .img__thermal .wind-right .img__wind { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/animation/09/wind.png"); } } @media all and (min-width: 1301px) { #CMD .section__thermal .img__thermal .wind-left.showed, #CMD .section__thermal .img__thermal .wind-right.showed { opacity: 1; } #CMD .section__thermal .img__thermal .wind-left { top: 514px; margin-left: -398px; -webkit-transform: rotate3d(-1.3, 3, 1, 54deg); transform: rotate3d(-1.3, 3, 1, 54deg); } #CMD .section__thermal .img__thermal .wind-left .img__wind { width: 220px; height: 220px; } #CMD .section__thermal .img__thermal .wind-right { top: 489px; margin-left: -118px; -webkit-transform: rotate3d(-2, 4, 1, 48deg); transform: rotate3d(-2, 4, 1, 48deg); } #CMD .section__thermal .img__thermal .wind-right .img__wind { width: 249px; height: 249px; } #CMD .section__thermal .img__thermal .img__cover { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/animation/09/cover.png") ; left: 50%; margin-top: 156px; margin-left: -445px; width: 800px; height: 620px; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { #CMD .section__thermal .img__thermal .img__cover { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/animation/09/cover.png"); } } @media all and (min-width: 1301px) { #CMD .section__thermal .img__thermal .img__cover { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } #CMD .section__thermal .img__thermal.step-1 .wind-left .img__wind { -webkit-animation: windRotateLeft 100ms linear forwards infinite 800ms; animation: windRotateLeft 100ms linear forwards infinite 800ms; } #CMD .section__thermal .img__thermal.step-1 .wind-right .img__wind { -webkit-animation: windRotateRight 100ms linear forwards infinite 800ms; animation: windRotateRight 100ms linear forwards infinite 800ms; } #CMD .section__thermal .img__thermal.step-1 .img__cover { opacity: 0; -webkit-transform: translate(-30px, -80px); transform: translate(-30px, -80px); transition: all 2500ms; } } @media all and (min-width: 1301px) { #CMD .section__performance .specs__container .container-nav { -webkit-transform: none !important; transform: none !important; } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .wd__section .medium_use { display: block; } #CMD .wd__section .medium_unuse { display: none; } #CMD .wd__section .no__wrap { white-space: nowrap; display: inline-block; } #CMD .wd__section .wd__link__arrow:after { padding-left: 5px; } #CMD .section__kv .img__kv { background: none; } #CMD .section__kv .img__kv figure { position: absolute; } #CMD .section__kv .img__kv .img__bg { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/animation/01/bg.jpg") ; width: 2560px; height: 1755px; } } @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) { #CMD .section__kv .img__kv .img__bg { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/animation/01/bg.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__kv .img__kv .img__nb { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/animation/01/nb_bare.jpg") ; margin-top: 845px; margin-left: 844px; width: 1020px; height: 734px; } } @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) { #CMD .section__kv .img__kv .img__nb { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/animation/01/nb_bare.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__kv .img__kv .img__dust { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/animation/01/dust.png") ; margin-top: 810px; margin-left: 871px; width: 662px; height: 662px; } } @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) { #CMD .section__kv .img__kv .img__dust { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/animation/01/dust.png"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__kv .img__kv #dust-particle { position: absolute; top: 640px; left: 50%; margin-left: -420px; width: 510px; height: 590px; } #CMD .section__kv .img__kv .img__stone { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/animation/01/stone.png") ; margin-top: 870px; margin-left: 950px; width: 546px; height: 448px; } } @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) { #CMD .section__kv .img__kv .img__stone { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/animation/01/stone.png"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__kv .img__kv .img__monitor { margin-top: 800px; margin-left: 851px; width: 1020px; height: 734px; } #CMD .section__kv .img__kv .img__monitor .img__part-default { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/animation/01/monitor/part_default.png") ; margin-top: 477px; margin-left: 69px; width: 136px; height: 122px; } } @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) { #CMD .section__kv .img__kv .img__monitor .img__part-default { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/animation/01/monitor/part_default.png"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__kv .img__kv .img__monitor .img__part-1 { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/animation/01/monitor/part_1.png") ; margin-top: 152px; margin-left: 86px; width: 192px; height: 324px; } } @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) { #CMD .section__kv .img__kv .img__monitor .img__part-1 { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/animation/01/monitor/part_1.png"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__kv .img__kv .img__monitor .img__part-2 { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/animation/01/monitor/part_2.png") ; margin-top: 113px; margin-left: 152px; width: 196px; height: 142px; } } @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) { #CMD .section__kv .img__kv .img__monitor .img__part-2 { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/animation/01/monitor/part_2.png"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__kv .img__kv .img__monitor .part-3 { position: absolute; top: 27px; left: 10px; width: 1020px; height: 734px; } #CMD .section__kv .img__kv .img__monitor .part-3 .img__part-3-1 { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/animation/01/monitor/part_3_layer_1.png") ; margin-top: 260px; margin-left: 362px; width: 320px; height: 306px; } } @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) { #CMD .section__kv .img__kv .img__monitor .part-3 .img__part-3-1 { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/animation/01/monitor/part_3_layer_1.png"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__kv .img__kv .img__monitor .part-3 .img__part-3-2 { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/animation/01/monitor/part_3_layer_2.png") ; margin-top: 275px; margin-left: 386px; width: 110px; height: 102px; } } @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) { #CMD .section__kv .img__kv .img__monitor .part-3 .img__part-3-2 { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/animation/01/monitor/part_3_layer_2.png"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__kv .img__kv .img__monitor .part-3 .circle { position: relative; } #CMD .section__kv .img__kv .img__monitor .part-3 .circle .img__part-3-3 { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/animation/01/monitor/part_3_layer_3.png") ; margin-top: 296px; margin-left: 407px; width: 98px; height: 74px; } } @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) { #CMD .section__kv .img__kv .img__monitor .part-3 .circle .img__part-3-3 { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/animation/01/monitor/part_3_layer_3.png"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__kv .img__kv .img__monitor .part-3 .circle .img__part-3-4 { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/animation/01/monitor/part_3_layer_4.png") ; margin-top: 298px; margin-left: 424px; width: 64px; height: 68px; } } @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) { #CMD .section__kv .img__kv .img__monitor .part-3 .circle .img__part-3-4 { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/animation/01/monitor/part_3_layer_4.png"); } } @media all and (min-width: 721px) and (max-width: 1300px) { @-webkit-keyframes dustFlash { 0% { opacity: 1; } 25% { opacity: 0.6; } 50% { opacity: 1; } 75% { opacity: 0.3; } 100% { opacity: 1; } } @keyframes dustFlash { 0% { opacity: 1; } 25% { opacity: 0.6; } 50% { opacity: 1; } 75% { opacity: 0.3; } 100% { opacity: 1; } } @-webkit-keyframes part1Move { 0% { -webkit-transform: translate3d(0, 0px, 0px); transform: translate3d(0, 0px, 0px); } 25% { -webkit-transform: translate(-19px, 50px); transform: translate(-19px, 50px); } 50% { -webkit-transform: translate(21px, 60px); transform: translate(21px, 60px); } 75% { -webkit-transform: translate(12px, -31px); transform: translate(12px, -31px); } 100% { -webkit-transform: translate3d(0, 0px, 0px); transform: translate3d(0, 0px, 0px); } } @keyframes part1Move { 0% { -webkit-transform: translate3d(0, 0px, 0px); transform: translate3d(0, 0px, 0px); } 25% { -webkit-transform: translate(-19px, 50px); transform: translate(-19px, 50px); } 50% { -webkit-transform: translate(21px, 60px); transform: translate(21px, 60px); } 75% { -webkit-transform: translate(12px, -31px); transform: translate(12px, -31px); } 100% { -webkit-transform: translate3d(0, 0px, 0px); transform: translate3d(0, 0px, 0px); } } @-webkit-keyframes part2Move { 0% { -webkit-transform: translate3d(0, 10px, 0px); transform: translate3d(0, 10px, 0px); } 15% { -webkit-transform: translate3d(0, 10px, 0px); transform: translate3d(0, 10px, 0px); } 30% { -webkit-transform: translate3d(30px, 18px, 0px); transform: translate3d(30px, 18px, 0px); } 45% { -webkit-transform: translate3d(30px, 18px, 0px); transform: translate3d(30px, 18px, 0px); } 60% { -webkit-transform: translate3d(60px, 8px, 0px); transform: translate3d(60px, 8px, 0px); } 75% { -webkit-transform: translate3d(60px, 8px, 0px); transform: translate3d(60px, 8px, 0px); } 100% { -webkit-transform: translate3d(0, 10px, 0px); transform: translate3d(0, 10px, 0px); } } @keyframes part2Move { 0% { -webkit-transform: translate3d(0, 10px, 0px); transform: translate3d(0, 10px, 0px); } 15% { -webkit-transform: translate3d(0, 10px, 0px); transform: translate3d(0, 10px, 0px); } 30% { -webkit-transform: translate3d(30px, 18px, 0px); transform: translate3d(30px, 18px, 0px); } 45% { -webkit-transform: translate3d(30px, 18px, 0px); transform: translate3d(30px, 18px, 0px); } 60% { -webkit-transform: translate3d(60px, 8px, 0px); transform: translate3d(60px, 8px, 0px); } 75% { -webkit-transform: translate3d(60px, 8px, 0px); transform: translate3d(60px, 8px, 0px); } 100% { -webkit-transform: translate3d(0, 10px, 0px); transform: translate3d(0, 10px, 0px); } } @-webkit-keyframes part3CorssRotate { 0% { -webkit-transform: translateZ(0) rotate(0deg); transform: translateZ(0) rotate(0deg); } 10% { -webkit-transform: translateZ(0) rotate(0deg); transform: translateZ(0) rotate(0deg); } 20% { -webkit-transform: translateZ(0) rotate(120deg); transform: translateZ(0) rotate(120deg); } 30% { -webkit-transform: translateZ(0) rotate(0deg); transform: translateZ(0) rotate(0deg); } 40% { -webkit-transform: translateZ(0) rotate(-120deg); transform: translateZ(0) rotate(-120deg); } 50% { -webkit-transform: translateZ(0) rotate(0deg); transform: translateZ(0) rotate(0deg); } 100% { -webkit-transform: translateZ(0) rotate(0deg); transform: translateZ(0) rotate(0deg); } } @keyframes part3CorssRotate { 0% { -webkit-transform: translateZ(0) rotate(0deg); transform: translateZ(0) rotate(0deg); } 10% { -webkit-transform: translateZ(0) rotate(0deg); transform: translateZ(0) rotate(0deg); } 20% { -webkit-transform: translateZ(0) rotate(120deg); transform: translateZ(0) rotate(120deg); } 30% { -webkit-transform: translateZ(0) rotate(0deg); transform: translateZ(0) rotate(0deg); } 40% { -webkit-transform: translateZ(0) rotate(-120deg); transform: translateZ(0) rotate(-120deg); } 50% { -webkit-transform: translateZ(0) rotate(0deg); transform: translateZ(0) rotate(0deg); } 100% { -webkit-transform: translateZ(0) rotate(0deg); transform: translateZ(0) rotate(0deg); } } @-webkit-keyframes part3LenZoom { 0% { -webkit-transform: translate3d(-7px, -2px, 0px); transform: translate3d(-7px, -2px, 0px); } 4% { -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } 8% { -webkit-transform: translate3d(-3px, -1px, 0px); transform: translate3d(-3px, -1px, 0px); } 12% { -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } 16% { -webkit-transform: translate3d(-10px, -4px, 0px); transform: translate3d(-10px, -4px, 0px); } 20% { -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } 24% { -webkit-transform: translate3d(-7px, -2px, 0px); transform: translate3d(-7px, -2px, 0px); } } @keyframes part3LenZoom { 0% { -webkit-transform: translate3d(-7px, -2px, 0px); transform: translate3d(-7px, -2px, 0px); } 4% { -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } 8% { -webkit-transform: translate3d(-3px, -1px, 0px); transform: translate3d(-3px, -1px, 0px); } 12% { -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } 16% { -webkit-transform: translate3d(-10px, -4px, 0px); transform: translate3d(-10px, -4px, 0px); } 20% { -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } 24% { -webkit-transform: translate3d(-7px, -2px, 0px); transform: translate3d(-7px, -2px, 0px); } } @-webkit-keyframes part3Spin { 0% { -webkit-transform: translateZ(0) rotate(0deg); transform: translateZ(0) rotate(0deg); } 25% { -webkit-transform: translateZ(0) rotate(20deg); transform: translateZ(0) rotate(20deg); } 50% { -webkit-transform: translateZ(0) rotate(0deg); transform: translateZ(0) rotate(0deg); } 75% { -webkit-transform: translateZ(0) rotate(-20deg); transform: translateZ(0) rotate(-20deg); } 100% { -webkit-transform: translateZ(0) rotate(0deg); transform: translateZ(0) rotate(0deg); } } @keyframes part3Spin { 0% { -webkit-transform: translateZ(0) rotate(0deg); transform: translateZ(0) rotate(0deg); } 25% { -webkit-transform: translateZ(0) rotate(20deg); transform: translateZ(0) rotate(20deg); } 50% { -webkit-transform: translateZ(0) rotate(0deg); transform: translateZ(0) rotate(0deg); } 75% { -webkit-transform: translateZ(0) rotate(-20deg); transform: translateZ(0) rotate(-20deg); } 100% { -webkit-transform: translateZ(0) rotate(0deg); transform: translateZ(0) rotate(0deg); } } #CMD .section__kv .img__kv .img__dust { opacity: 0; -webkit-transform: scale(0.5) translateZ(0) rotate(20deg); transform: scale(0.5) translateZ(0) rotate(20deg); transition: opacity 1000ms, -webkit-transform 10000ms ease-out; transition: transform 10000ms ease-out, opacity 1000ms; transition: transform 10000ms ease-out, opacity 1000ms, -webkit-transform 10000ms ease-out; } #CMD .section__kv .img__kv .img__stone { opacity: 0; -webkit-transform: scale(0.9) translateX(-40px) translateY(10px) translateZ(0); transform: scale(0.9) translateX(-40px) translateY(10px) translateZ(0); transition: -webkit-transform 900ms cubic-bezier(0.25, 0.77, 0.12, 0.78); transition: transform 900ms cubic-bezier(0.25, 0.77, 0.12, 0.78); transition: transform 900ms cubic-bezier(0.25, 0.77, 0.12, 0.78), -webkit-transform 900ms cubic-bezier(0.25, 0.77, 0.12, 0.78); } #CMD .section__kv .img__kv #dust-particle { opacity: 0; transition: opacity 400ms 900ms; } #CMD .section__kv .img__kv .img__monitor { opacity: 0; transition: opacity 400ms 1100ms; } #CMD .section__kv .img__kv.step-1 .img__dust { will-change: transform; opacity: 1; -webkit-transform: scale(1) translateZ(0) rotate(0deg); transform: scale(1) translateZ(0) rotate(0deg); -webkit-animation: dustFlash 12s infinite linear forwards 3000ms; animation: dustFlash 12s infinite linear forwards 3000ms; } #CMD .section__kv .img__kv.step-1 #dust-particle { opacity: 1; } #CMD .section__kv .img__kv.step-1 .img__stone { will-change: transform; opacity: 1; -webkit-transform: scale(1) translateX(0) translateY(0) translateZ(0); transform: scale(1) translateX(0) translateY(0) translateZ(0); } #CMD .section__kv .img__kv.step-1 .img__monitor { opacity: 1; } #CMD .section__kv .img__kv.step-1 .img__monitor .img__part-1 { -webkit-animation: part1Move 20s infinite forwards 1200ms; animation: part1Move 20s infinite forwards 1200ms; } #CMD .section__kv .img__kv.step-1 .img__monitor .img__part-2 { -webkit-animation: part2Move 4000ms infinite forwards 1200ms; animation: part2Move 4000ms infinite forwards 1200ms; } #CMD .section__kv .img__kv.step-1 .img__monitor .part-3 .img__part-3-2 { -webkit-animation: part3Spin 1000ms infinite 1200ms; animation: part3Spin 1000ms infinite 1200ms; } #CMD .section__kv .img__kv.step-1 .img__monitor .part-3 .circle { -webkit-animation: part3LenZoom 3000ms infinite 1200ms; animation: part3LenZoom 3000ms infinite 1200ms; } #CMD .section__kv .img__kv.step-1 .img__monitor .part-3 .circle .img__part-3-3 { -webkit-animation: part3CorssRotate 3000ms infinite 1200ms; animation: part3CorssRotate 3000ms infinite 1200ms; } #CMD .section__kv { min-height: 1040px; } #CMD .section__kv .wd__content.top-content { margin-top: 0; } #CMD .section__kv .wd__content.top-content .content__title { margin-top: 6px; width: 76%; font-size: 44px; line-height: 1.15; } #CMD .section__kv .wd__content.top-content .content__title__sub { margin-top: 15px; font-size: 25px; width: 100%; } #CMD .section__kv .img__kv__logo { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/medium/1x/kv_logo.png") ; left: 50%; margin-top: 73px; margin-left: -384px; width: 768px; height: 69px; background-size: contain; } } @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) { #CMD .section__kv .img__kv__logo { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/medium/2x/kv_logo.png"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__kv .wd__content.bottom-content { width: 100%; margin-top: -112px; margin-bottom: 78px; } #CMD .section__kv .wd__content.bottom-content .content__info { width: 86%; max-width: 740px; font-size: 25px; line-height: 1.4; } #CMD .section__kv .img__kv { margin-top: -585px; margin-left: -650px; width: 1300px; height: 1625px; } #CMD .section__kv .img__kv__brand { margin-top: -12px; width: 296px; height: 68px; background-size: contain; } #CMD .section__kv .img__kv { margin-top: -595px; margin-left: -958px; width: 1917px; height: 1314px; } #CMD .section__kv .img__kv .img__bg { width: 1917px; height: 1314px; } #CMD .section__kv .img__kv .img__nb { margin-top: 633px; margin-left: 633px; width: 763px; height: 549px; } #CMD .section__kv .img__kv .img__dust { margin-top: 610px; margin-left: 620px; width: 495px; height: 495px; } #CMD .section__kv .img__kv #dust-particle { top: 500px; left: 50%; margin-left: -350px; width: 381px; height: 441px; } #CMD .section__kv .img__kv .img__stone { margin-top: 650px; margin-left: 693px; width: 408px; height: 335px; } #CMD .section__kv .img__kv .img__monitor { margin-top: 383px; margin-left: 278px; width: 973px; height: 1217px; } #CMD .section__kv .img__kv .img__monitor .img__part-default { margin-top: 578px; margin-left: 409px; width: 101px; height: 91px; } #CMD .section__kv .img__kv .img__monitor .img__part-1 { margin-top: 323px; margin-left: 417px; width: 143px; height: 224px; } #CMD .section__kv .img__kv .img__monitor .img__part-2 { margin-top: 300px; margin-left: 460px; width: 146px; height: 106px; } #CMD .section__kv .img__kv .img__monitor .part-3 { position: absolute; top: 291px; left: 475px; width: 763px; height: 549px; } #CMD .section__kv .img__kv .img__monitor .part-3 .img__part-3-1 { margin-top: 141px; margin-left: 163px; width: 239px; height: 229px; } #CMD .section__kv .img__kv .img__monitor .part-3 .img__part-3-2 { margin-top: 152px; margin-left: 181px; width: 82px; height: 76px; } #CMD .section__kv .img__kv .img__monitor .part-3 .circle { position: relative; } #CMD .section__kv .img__kv .img__monitor .part-3 .circle .img__part-3-3 { margin-top: 168px; margin-left: 197px; width: 73px; height: 55px; } #CMD .section__kv .img__kv .img__monitor .part-3 .circle .img__part-3-4 { margin-top: 170px; margin-left: 210px; width: 47px; height: 50px; } @-webkit-keyframes part1MoveMobile { 0% { -webkit-transform: translate3d(0, 0px, 0px); transform: translate3d(0, 0px, 0px); } 25% { -webkit-transform: translate(-6px, 16px); transform: translate(-6px, 16px); } 50% { -webkit-transform: translate(7px, 20px); transform: translate(7px, 20px); } 75% { -webkit-transform: translate(4px, -10px); transform: translate(4px, -10px); } 100% { -webkit-transform: translate3d(0, 0px, 0px); transform: translate3d(0, 0px, 0px); } } @keyframes part1MoveMobile { 0% { -webkit-transform: translate3d(0, 0px, 0px); transform: translate3d(0, 0px, 0px); } 25% { -webkit-transform: translate(-6px, 16px); transform: translate(-6px, 16px); } 50% { -webkit-transform: translate(7px, 20px); transform: translate(7px, 20px); } 75% { -webkit-transform: translate(4px, -10px); transform: translate(4px, -10px); } 100% { -webkit-transform: translate3d(0, 0px, 0px); transform: translate3d(0, 0px, 0px); } } @-webkit-keyframes part2MoveMobile { 0% { -webkit-transform: translate3d(0, 0px, 0px); transform: translate3d(0, 0px, 0px); } 10% { -webkit-transform: translate3d(0, 0px, 0px); transform: translate3d(0, 0px, 0px); } 30% { -webkit-transform: translate3d(10px, 6px, 0px); transform: translate3d(10px, 6px, 0px); } 40% { -webkit-transform: translate3d(10px, 6px, 0px); transform: translate3d(10px, 6px, 0px); } 60% { -webkit-transform: translate3d(20px, 2px, 0px); transform: translate3d(20px, 2px, 0px); } 70% { -webkit-transform: translate3d(20px, 2px, 0px); transform: translate3d(20px, 2px, 0px); } 100% { -webkit-transform: translate3d(0, 0px, 0px); transform: translate3d(0, 0px, 0px); } } @keyframes part2MoveMobile { 0% { -webkit-transform: translate3d(0, 0px, 0px); transform: translate3d(0, 0px, 0px); } 10% { -webkit-transform: translate3d(0, 0px, 0px); transform: translate3d(0, 0px, 0px); } 30% { -webkit-transform: translate3d(10px, 6px, 0px); transform: translate3d(10px, 6px, 0px); } 40% { -webkit-transform: translate3d(10px, 6px, 0px); transform: translate3d(10px, 6px, 0px); } 60% { -webkit-transform: translate3d(20px, 2px, 0px); transform: translate3d(20px, 2px, 0px); } 70% { -webkit-transform: translate3d(20px, 2px, 0px); transform: translate3d(20px, 2px, 0px); } 100% { -webkit-transform: translate3d(0, 0px, 0px); transform: translate3d(0, 0px, 0px); } } @-webkit-keyframes part3LenZoomMobile { 0% { -webkit-transform: translate3d(-2px, -1px, 0px); transform: translate3d(-2px, -1px, 0px); } 4% { -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } 8% { -webkit-transform: translate3d(-1px, -1px, 0px); transform: translate3d(-1px, -1px, 0px); } 12% { -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } 16% { -webkit-transform: translate3d(-3px, -2px, 0px); transform: translate3d(-3px, -2px, 0px); } 20% { -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } 24% { -webkit-transform: translate3d(-2px, -1px, 0px); transform: translate3d(-2px, -1px, 0px); } } @keyframes part3LenZoomMobile { 0% { -webkit-transform: translate3d(-2px, -1px, 0px); transform: translate3d(-2px, -1px, 0px); } 4% { -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } 8% { -webkit-transform: translate3d(-1px, -1px, 0px); transform: translate3d(-1px, -1px, 0px); } 12% { -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } 16% { -webkit-transform: translate3d(-3px, -2px, 0px); transform: translate3d(-3px, -2px, 0px); } 20% { -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } 24% { -webkit-transform: translate3d(-2px, -1px, 0px); transform: translate3d(-2px, -1px, 0px); } } #CMD .section__kv .img__kv.step-1 .img__monitor .img__part-1 { -webkit-animation: part1MoveMobile 20s infinite forwards 1200ms; animation: part1MoveMobile 20s infinite forwards 1200ms; } #CMD .section__kv .img__kv.step-1 .img__monitor .img__part-2 { -webkit-animation: part2MoveMobile 4000ms infinite forwards 1200ms; animation: part2MoveMobile 4000ms infinite forwards 1200ms; } #CMD .section__kv .img__kv.step-1 .img__monitor .part-3 .circle { -webkit-animation: part3LenZoomMobile 3000ms infinite 1200ms; animation: part3LenZoomMobile 3000ms infinite 1200ms; } #CMD .section__audience { padding-top: 150px; } #CMD .section__audience .audience__items { left: 50%; margin-top: 30px; margin-left: -160px; width: 444px; } #CMD .section__audience .audience__items .audience__item { display: block; margin-bottom: 14px; left: 50%; } #CMD .section__audience .audience__items .audience__item.item-1 { margin-top: 0px; margin-left: -350px; } #CMD .section__audience .audience__items .audience__item.item-1 .item__img { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/medium/1x/02_creator_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) { #CMD .section__audience .audience__items .audience__item.item-1 .item__img { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/medium/2x/02_creator_1.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__audience .audience__items .audience__item.item-2 { margin-top: -148px; margin-left: -54px; } #CMD .section__audience .audience__items .audience__item.item-2 .item__img { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/medium/1x/02_creator_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) { #CMD .section__audience .audience__items .audience__item.item-2 .item__img { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/medium/2x/02_creator_2.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__audience .audience__items .audience__item.item-3 { margin-top: -181px; margin-left: -350px; } #CMD .section__audience .audience__items .audience__item.item-3 .item__img { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/medium/1x/02_creator_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) { #CMD .section__audience .audience__items .audience__item.item-3 .item__img { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/medium/2x/02_creator_3.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__audience .audience__items .audience__item .item__ani { margin: 0; width: 278px; height: 320px; } #CMD .section__audience .audience__items .audience__item .item__ani .item__img { top: 0; margin-top: 0; margin-left: -139px; width: 278px; height: 342px; background-size: contain; } #CMD .section__audience .audience__items .audience__item .item__ani .item__text { width: 100%; } #CMD .section__audience .audience__items .audience__item .item__ani .item__text .text-title { padding-top: 5px; padding-bottom: 9px; width: 90%; font-size: 30px; line-height: 1.2; letter-spacing: 2px; text-shadow: 1px 1px 8px #333; } #CMD .section__audience .audience__items .audience__item .item__ani .item__text .text-info { margin-top: 1px; width: 88%; font-size: 15px; line-height: 1.4; } #CMD .section__audience .audience__items .audience__item .item__ani { box-sizing: border-box; } #CMD .section__audience .audience__items .audience__item .item__ani:before { background: rgba(0, 0, 0, 0.2); transition: all 200ms; } #CMD .section__audience .audience__items .audience__item .item__ani .item__text { display: inline-block; top: 50%; left: 0; -webkit-transform: translateY(-50%) translateZ(0); transform: translateY(-50%) translateZ(0); } #CMD .section__audience .audience__items .audience__item .item__ani .item__text .text-title { position: relative; top: 50%; max-width: 400px; transition: all 400ms 400ms; } #CMD .section__audience .audience__items .audience__item .item__ani .item__text .text-info { max-height: 0; opacity: 0; transition: opacity 400ms, max-height 400ms; } #CMD .section__audience .audience__items:hover .audience__item .item__ani:before { background: rgba(0, 0, 0, 0.6); } #CMD .section__audience .audience__items .audience__item:hover, #CMD .section__audience .audience__items .audience__item.hover { z-index: 100000; } #CMD .section__audience .audience__items .audience__item:hover .item__ani, #CMD .section__audience .audience__items .audience__item.hover .item__ani { border: 2px solid #c5ac90; } #CMD .section__audience .audience__items .audience__item:hover .item__ani:before, #CMD .section__audience .audience__items .audience__item.hover .item__ani:before { background: rgba(0, 0, 0, 0.4); } #CMD .section__audience .audience__items .audience__item:hover .item__ani .item__text, #CMD .section__audience .audience__items .audience__item.hover .item__ani .item__text { height: auto; } #CMD .section__audience .audience__items .audience__item:hover .item__ani .item__text .text-title, #CMD .section__audience .audience__items .audience__item.hover .item__ani .item__text .text-title { position: relative; font-size: 27px; transition: all 400ms; } #CMD .section__audience .audience__items .audience__item:hover .item__ani .item__text .text-info, #CMD .section__audience .audience__items .audience__item.hover .item__ani .item__text .text-info { opacity: 1; max-height: 3000px; transition: opacity 400ms 400ms, max-height 400ms; } #CMD .section__performance .img__performance { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/03_bg.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) { #CMD .section__performance .img__performance { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/03_bg.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__performance .img__performance figure { position: absolute; left: 50%; } #CMD .section__performance .img__performance .img__part-1 { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/animation/03/hl_1.jpg") ; opacity: 0; margin-top: 293px; margin-left: 40px; width: 156px; height: 70px; transition: opacity 400ms; } } @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) { #CMD .section__performance .img__performance .img__part-1 { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/animation/03/hl_1.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__performance .img__performance.active-1 .img__part-1 { opacity: 1; } #CMD .section__performance .img__performance .img__part-2 { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/animation/03/hl_2.jpg") ; opacity: 0; margin-top: 292px; margin-left: -175px; width: 150px; height: 80px; transition: opacity 400ms; } } @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) { #CMD .section__performance .img__performance .img__part-2 { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/animation/03/hl_2.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__performance .img__performance.active-2 .img__part-2 { opacity: 1; } #CMD .section__performance .img__performance .img__part-3 { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/animation/03/hl_3.jpg") ; opacity: 0; margin-top: 345px; margin-left: 36px; width: 150px; height: 44px; transition: opacity 400ms; } } @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) { #CMD .section__performance .img__performance .img__part-3 { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/animation/03/hl_3.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__performance .img__performance.active-3 .img__part-3 { opacity: 1; } #CMD .section__performance .img__performance .img__part-4 { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/animation/03/hl_4.jpg") ; opacity: 0; margin-top: 368px; margin-left: 422px; width: 136px; height: 120px; transition: opacity 400ms; } } @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) { #CMD .section__performance .img__performance .img__part-4 { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/animation/03/hl_4.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__performance .img__performance.active-4 .img__part-4 { opacity: 1; } #CMD .section__performance { margin-top: 151px; } #CMD .section__performance .wd__content { width: 87%; } #CMD .section__performance .specs__container { margin-top: 64px; } #CMD .section__performance .specs__container .container-nav { text-align: left; width: 3000px; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; } #CMD .section__performance .specs__container .container-nav .nav-item { font-size: 19px; } #CMD .section__performance .specs__container .container-nav .nav-item span { padding: 10px; } #CMD .section__performance .specs__container .container-bar { left: 50%; margin-top: 12px; margin-left: -650px; width: 1300px; } #CMD .section__performance .specs__container .container-bar .bar-line { left: 50%; transition: all 200ms; } #CMD .section__performance .specs__container .container-info { margin-top: 29px; } #CMD .section__performance .specs__container .container-info .info-item { left: 50%; margin-left: auto; margin-right: auto; width: 90%; max-width: 610px; -webkit-transform: translateX(-50%); transform: translateX(-50%); } #CMD .section__performance .specs__container .container-info .info-item span { font-size: 20px; line-height: 1.4; } #CMD .section__performance .img__performance { z-index: -1; margin-top: -210px; -webkit-transform: scale(0.6); transform: scale(0.6); } #CMD .section__gpu .img__gpu { background: none; } #CMD .section__gpu .img__gpu figure { position: absolute; } #CMD .section__gpu .img__gpu .img__machine { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/animation/04/machine.jpg") ; top: 0; left: 50%; margin-top: 380px; margin-left: -253px; width: 538px; height: 319px; } } @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) { #CMD .section__gpu .img__gpu .img__machine { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/animation/04/machine.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__gpu .img__gpu #canvas__s4-air { position: absolute; top: 0; left: 50%; margin-left: -1277px; width: 2560px; height: 1109px; } #CMD .section__gpu .img__gpu .img__nb { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/animation/04/nb.png") ; top: 0; left: 50%; margin-top: 300px; margin-left: -946px; width: 1920px; height: 834px; } } @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) { #CMD .section__gpu .img__gpu .img__nb { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/animation/04/nb.png"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__gpu .img__gpu .img__inscreen { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/animation/04/inscreen.png") ; top: 0; left: 50%; margin-top: 294px; margin-left: -367px; width: 757px; height: 492px; } } @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) { #CMD .section__gpu .img__gpu .img__inscreen { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/animation/04/inscreen.png"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__gpu { margin-top: -55px; } #CMD .section__gpu .wd__content { width: 75%; } #CMD .section__gpu .wd__content .content__info { max-width: 770px; } #CMD .section__gpu .img__gpu { margin-top: -331px; margin-left: -971px; -webkit-transform: scale(0.77); transform: scale(0.77); } #CMD .section__gpu .modal-button-container { margin-top: -224px; } #CMD .section__cpu { margin-top: 3px; } #CMD .section__cpu .wd__content { left: 0; margin-left: auto; width: 85%; } #CMD .section__cpu .wd__content .content__info { max-width: 720px; } #CMD .section__cpu .img__cpu { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/medium/1x/05_bg.jpg") ; margin-top: -150px; margin-left: -650px; width: 1300px; height: 920px; } } @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) { #CMD .section__cpu .img__cpu { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/medium/2x/05_bg.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__isv { margin-top: 2px; } #CMD .section__isv .wd__content .content__info { max-width: 660px; } #CMD .section__isv .img__isv { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/medium/1x/06_bg.jpg") ; margin-top: -134px; margin-left: -650px; width: 1300px; height: 726px; } } @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) { #CMD .section__isv .img__isv { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/medium/2x/06_bg.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__isv .img__icon { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/medium/1x/06_icon.png") ; margin-top: -206px; margin-left: -292px; width: 585px; height: 126px; } } @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) { #CMD .section__isv .img__icon { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/medium/2x/06_icon.png"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__design { margin-top: 170px; } #CMD .section__design .wd__content .content__info { max-width: 710px; } #CMD .section__design .img__design { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/medium/1x/07_bg.jpg") ; margin-top: -374px; margin-left: -650px; width: 1300px; height: 1100px; } } @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) { #CMD .section__design .img__design { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/medium/2x/07_bg.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__design .img__partial { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/medium/1x/07_partial.jpg") ; left: 0; margin-top: -164px; margin-left: 0; padding-bottom: 18.27%; width: 100%; height: 0; } } @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) { #CMD .section__design .img__partial { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/medium/2x/07_partial.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__display { margin-top: 167px; } #CMD .section__display .wd__content { width: 88%; } #CMD .section__display .wd__content .content__info { max-width: 720px; } #CMD .section__display .wd__feature__list .wd__feature { min-width: auto; } #CMD .section__display .wd__feature__list .wd__feature figure { margin-bottom: 8px; height: 71px; background-size: contain; } #CMD .section__display .img__display { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/medium/1x/08_bg.jpg") ; margin-top: -420px; margin-left: -650px; width: 1300px; height: 921px; } } @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) { #CMD .section__display .img__display { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/medium/2x/08_bg.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { @-webkit-keyframes windRotateLeft { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } @keyframes windRotateLeft { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } @-webkit-keyframes windRotateRight { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes windRotateRight { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #CMD .section__thermal .img__thermal { background: none; } #CMD .section__thermal .img__thermal figure { position: absolute; } #CMD .section__thermal .img__thermal .img__bg { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/animation/09/bg.jpg") ; top: 50px; left: 50%; margin-left: -900px; width: 1640px; height: 1060px; } } @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) { #CMD .section__thermal .img__thermal .img__bg { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/animation/09/bg.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__thermal .img__thermal .reset { z-index: 100; cursor: pointer; position: absolute; text-align: center; color: #cfcfcf; left: 50%; margin-top: 830px; margin-left: -50px; display: block; width: 100px; height: 60px; text-align: center; } #CMD .section__thermal .img__thermal .reset.isHide { display: none; } #CMD .section__thermal .img__thermal .reset .reset__btn { display: block; width: 30px; height: 30px; margin-left: auto; margin-right: auto; margin-bottom: 0px; margin-top: 8px; background-position: top center; background-size: cover; background-repeat: no-repeat; transition: -webkit-transform 600ms; transition: transform 600ms; transition: transform 600ms, -webkit-transform 600ms; background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/animation/09/reset.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) { #CMD .section__thermal .img__thermal .reset .reset__btn { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/animation/09/reset.png"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__thermal .img__thermal .reset .reset__btn:hover { -webkit-transform: rotate(180deg); transform: rotate(180deg); } #CMD .section__thermal .img__thermal #thermalFlow { position: absolute; top: 83px; left: 50%; margin-left: -884px; width: 1640px; height: 1060px; } #CMD .section__thermal .img__thermal .wind-left, #CMD .section__thermal .img__thermal .wind-right { transition: opacity 600ms ease; opacity: 0; position: absolute; left: 50%; width: 190px; height: 190px; } #CMD .section__thermal .img__thermal .wind-left .img__wind, #CMD .section__thermal .img__thermal .wind-right .img__wind { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/animation/09/wind.png") ; width: 190px; height: 190px; } } @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) { #CMD .section__thermal .img__thermal .wind-left .img__wind, #CMD .section__thermal .img__thermal .wind-right .img__wind { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/animation/09/wind.png"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__thermal .img__thermal .wind-left.showed, #CMD .section__thermal .img__thermal .wind-right.showed { opacity: 1; } #CMD .section__thermal .img__thermal .wind-left { top: 514px; margin-left: -398px; -webkit-transform: rotate3d(-1.3, 3, 1, 54deg); transform: rotate3d(-1.3, 3, 1, 54deg); } #CMD .section__thermal .img__thermal .wind-left .img__wind { width: 220px; height: 220px; } #CMD .section__thermal .img__thermal .wind-right { top: 489px; margin-left: -118px; -webkit-transform: rotate3d(-2, 4, 1, 48deg); transform: rotate3d(-2, 4, 1, 48deg); } #CMD .section__thermal .img__thermal .wind-right .img__wind { width: 249px; height: 249px; } #CMD .section__thermal .img__thermal .img__cover { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/animation/09/cover.png") ; left: 50%; margin-top: 156px; margin-left: -445px; width: 800px; height: 620px; } } @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) { #CMD .section__thermal .img__thermal .img__cover { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/animation/09/cover.png"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__thermal .img__thermal .img__cover { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } #CMD .section__thermal .img__thermal.step-1 .wind-left .img__wind { -webkit-animation: windRotateLeft 100ms linear forwards infinite 800ms; animation: windRotateLeft 100ms linear forwards infinite 800ms; } #CMD .section__thermal .img__thermal.step-1 .wind-right .img__wind { -webkit-animation: windRotateRight 100ms linear forwards infinite 800ms; animation: windRotateRight 100ms linear forwards infinite 800ms; } #CMD .section__thermal .img__thermal.step-1 .img__cover { opacity: 0; -webkit-transform: translate(-30px, -80px); transform: translate(-30px, -80px); transition: all 2500ms; } #CMD .section__thermal { margin-top: 80px; } #CMD .section__thermal .wd__content { width: 85%; } #CMD .section__thermal .wd__content .content__info { max-width: 760px; } #CMD .section__thermal .img__thermal { margin-top: -181px; margin-bottom: 187px; -webkit-transform: scale(0.8); transform: scale(0.8); background-size: cover; background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/medium/1x/09_bg.jpg") ; top: 50px; left: 50%; margin-left: -860px; width: 1792px; height: 762px; } } @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) { #CMD .section__thermal .img__thermal { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/medium/2x/09_bg.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__thermal .img__thermal .reset, #CMD .section__thermal .img__thermal > * { display: none; } #CMD .section__thermal .modal-button-container { margin-top: -248px; } #CMD .section__connectivity { margin-top: -16px; } #CMD .section__connectivity .wd__content .content__info { width: 100%; max-width: 820px; } #CMD .section__connectivity .wd__feature__list .wd__feature { min-width: auto; } #CMD .section__connectivity .wd__feature__list .wd__feature figure { margin-top: -3px; height: 114px; background-size: contain; } #CMD .section__connectivity .img__connectivity { margin-top: -247px; -webkit-transform: scale(0.78); transform: scale(0.78); } #CMD .section__connectivity .img__desktop { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/medium/1x/10_desktop.jpg") ; margin-top: -143px; margin-left: -650px; width: 1300px; height: 428px; } } @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) { #CMD .section__connectivity .img__desktop { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/medium/2x/10_desktop.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__connectivity .content__intro .intro { width: 270px; font-size: 25px; } #CMD .section__connectivity .content__intro .intro.intro-1 { text-align: right; bottom: unset; margin-top: 574px; margin-left: -99px; } #CMD .section__connectivity .content__intro .intro.intro-2 { text-align: left; bottom: unset; margin-top: 574px; margin-left: 201px; } #CMD .section__connectivity .content__intro .intro.intro-3 { text-align: right; bottom: -257px; margin-top: unset; margin-left: 125px; } #CMD .section__connectivity .content__intro .intro.intro-4 { text-align: left; bottom: -257px; margin-top: unset; margin-left: 418px; } #CMD .section__connectivity .modal-button-container { margin-top: 51px; } #CMD .section__comment { margin-top: 50px; padding-bottom: 40px; } #CMD .inner-view .inner-modal { padding-bottom: 0; } #CMD .inner-view .inner-view-container { position: relative; margin-left: auto; margin-right: auto; max-width: 2560px; } #CMD .inner-view .inner-view-container .wd__section .wd__content .content__slogan { color: #333; } #CMD .inner-view .inner-view-container .wd__section .wd__content .content__title { font-size: 34px; } #CMD .inner-view .inner-view-container .wd__section .wd__content .content__info { margin-top: 15px; } #CMD .inner-view .inner-view-container .wd__section .wd__content .content__slogan:before, #CMD .inner-view .inner-view-container .wd__section .wd__content .content__slogan:after, #CMD .inner-view .inner-view-container .wd__section .wd__content .content__title:before, #CMD .inner-view .inner-view-container .wd__section .wd__content .content__title:after { display: none; } #CMD .inner-view .section__btn__home:before { background: none; } #CMD .inner-view .icon { width: 62px; height: 62px; margin-top: -10px; margin-bottom: 10px; background-size: contain; } #CMD .inner-view.fortest { position: relative; visibility: visible; opacity: 1; } #CMD .inner-view.fortest * { opacity: 1 !important; } #CMD .inner-view.fortest .inner-view-container { visibility: visible; overflow: unset; height: auto; } #CMD .inner-view.fortest .inner-view-container .inner-modal { visibility: visible; overflow: unset; display: block; margin-top: 0; margin-bottom: 0; border-top: 300px solid #333; border-bottom: 300px solid red; } #CMD .section__efficiency { padding-top: 46px; padding-bottom: 77px; } #CMD .section__efficiency .wd__content { width: 84%; max-width: 670px; } #CMD .section__efficiency .wd__content .content__info { width: 100%; } #CMD .section__efficiency .img__efficiency { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/medium/1x/inner/s4/s4_i1_bg.jpg") ; margin-top: -27px; margin-left: -384px; width: 768px; height: 360px; } } @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) { #CMD .section__efficiency .img__efficiency { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/medium/2x/inner/s4/s4_i1_bg.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__cores { padding-top: 89px; padding-bottom: 30px; } #CMD .section__cores .wd__content { max-width: 700px; } #CMD .section__cores .wd__content .content__info { width: 100%; } #CMD .section__cores .img__cores { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/medium/1x/inner/s4/s4_i2_bg.jpg") ; margin-top: -60px; margin-left: -640px; width: 1300px; height: 686px; } } @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) { #CMD .section__cores .img__cores { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/medium/2x/inner/s4/s4_i2_bg.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__3d { padding-top: 46px; } #CMD .section__3d .wd__content { left: 0; margin-top: 0; margin-left: auto; width: 89.5%; max-width: 640px; min-height: auto; } #CMD .section__3d .wd__feature__list { margin-left: auto; margin-right: auto; max-width: auto; } #CMD .section__3d .img__main { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/medium/1x/inner/s9/s9_i1_bg.jpg") ; position: relative; margin-top: -130px; margin-left: -650px; width: 1300px; height: 726px; background-position: top; } } @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) { #CMD .section__3d .img__main { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/medium/2x/inner/s9/s9_i1_bg.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__wifi { padding-top: 46px; padding-bottom: 23px; } #CMD .section__wifi .wd__content { left: 0; margin-left: auto; width: 80%; max-width: 660px; } #CMD .section__wifi .img__wifi { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/medium/1x/inner/s10/s10_i1_bg.jpg") ; margin-top: -30px; margin-left: -650px; width: 1300px; height: 750px; } } @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) { #CMD .section__wifi .img__wifi { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/medium/2x/inner/s10/s10_i1_bg.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .product_price.active { margin-bottom: -15px; padding-top: 33px; } #CMD .product_pdguide.active { padding-top: 15px; } #CMD .product_videos.active { padding-top: 172px; } #CMD .video-bottom { margin-bottom: 0; padding-bottom: 0; } #CMD .media-top { padding-top: 86px; } #CMD .media-bottom { margin-bottom: -60px; padding-bottom: 0; } } @media all and (max-width: 720px) { #CMD .wd__section { display: inline-block; } #CMD .wd__section .small_use { display: block; } #CMD .wd__section .small_unuse { display: none; } #CMD .wd__section.coverCut { min-height: 657px; } #CMD .wd__section.coverCut .wd__content { position: relative; left: 0; top: 0; margin: 503px auto 64px; z-index: 99; } #CMD .wd__section.coverCut .wd__content .content__title { font-size: 42px; margin-top: 14px; } #CMD .wd__section.coverCut .img.coverCut { position: absolute; top: 0; margin-top: 0; left: 50%; margin-left: -360px; width: 720px; height: 800px; } #CMD .wd__section .wd__content { left: 0; margin-left: auto; margin-right: auto; width: 89.2%; text-align: left; } #CMD .wd__section .wd__content .content__title { margin-top: 23px; width: 100%; max-width: 720px; font-size: 37px; line-height: 1.1; } #CMD .wd__section .wd__content .content__info { margin-top: 15px; margin-left: 0; width: 100%; max-width: 720px; font-size: 16px; line-height: 1.4; } #CMD .wd__section .wd__content .content__comment { width: 100%; max-width: 720px; } #CMD .wd__section .wd__content .content__slogan:after { margin-top: 16px; max-width: 48px; } #CMD .wd__section .wd__feature__list { width: 100%; } #CMD .wd__section .wd__feature__list .wd__feature { text-align: center; box-sizing: border-box; } #CMD .wd__section .wd__feature__list .wd__feature .wd__feature__data { margin-bottom: 0px; } #CMD .wd__section .wd__link__arrow:after { padding-left: 5px; } #CMD .section__kv .img__kv { background: none; } #CMD .section__kv .img__kv figure { position: absolute; } #CMD .section__kv .img__kv .img__bg { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/animation/01/bg.jpg") ; width: 2560px; height: 1755px; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { #CMD .section__kv .img__kv .img__bg { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/animation/01/bg.jpg"); } } @media all and (max-width: 720px) { #CMD .section__kv .img__kv .img__nb { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/animation/01/nb_bare.jpg") ; margin-top: 845px; margin-left: 844px; width: 1020px; height: 734px; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { #CMD .section__kv .img__kv .img__nb { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/animation/01/nb_bare.jpg"); } } @media all and (max-width: 720px) { #CMD .section__kv .img__kv .img__dust { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/animation/01/dust.png") ; margin-top: 810px; margin-left: 871px; width: 662px; height: 662px; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { #CMD .section__kv .img__kv .img__dust { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/animation/01/dust.png"); } } @media all and (max-width: 720px) { #CMD .section__kv .img__kv #dust-particle { position: absolute; top: 640px; left: 50%; margin-left: -420px; width: 510px; height: 590px; } #CMD .section__kv .img__kv .img__stone { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/animation/01/stone.png") ; margin-top: 870px; margin-left: 950px; width: 546px; height: 448px; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { #CMD .section__kv .img__kv .img__stone { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/animation/01/stone.png"); } } @media all and (max-width: 720px) { #CMD .section__kv .img__kv .img__monitor { margin-top: 800px; margin-left: 851px; width: 1020px; height: 734px; } #CMD .section__kv .img__kv .img__monitor .img__part-default { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/animation/01/monitor/part_default.png") ; margin-top: 477px; margin-left: 69px; width: 136px; height: 122px; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { #CMD .section__kv .img__kv .img__monitor .img__part-default { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/animation/01/monitor/part_default.png"); } } @media all and (max-width: 720px) { #CMD .section__kv .img__kv .img__monitor .img__part-1 { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/animation/01/monitor/part_1.png") ; margin-top: 152px; margin-left: 86px; width: 192px; height: 324px; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { #CMD .section__kv .img__kv .img__monitor .img__part-1 { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/animation/01/monitor/part_1.png"); } } @media all and (max-width: 720px) { #CMD .section__kv .img__kv .img__monitor .img__part-2 { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/animation/01/monitor/part_2.png") ; margin-top: 113px; margin-left: 152px; width: 196px; height: 142px; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { #CMD .section__kv .img__kv .img__monitor .img__part-2 { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/animation/01/monitor/part_2.png"); } } @media all and (max-width: 720px) { #CMD .section__kv .img__kv .img__monitor .part-3 { position: absolute; top: 27px; left: 10px; width: 1020px; height: 734px; } #CMD .section__kv .img__kv .img__monitor .part-3 .img__part-3-1 { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/animation/01/monitor/part_3_layer_1.png") ; margin-top: 260px; margin-left: 362px; width: 320px; height: 306px; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { #CMD .section__kv .img__kv .img__monitor .part-3 .img__part-3-1 { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/animation/01/monitor/part_3_layer_1.png"); } } @media all and (max-width: 720px) { #CMD .section__kv .img__kv .img__monitor .part-3 .img__part-3-2 { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/animation/01/monitor/part_3_layer_2.png") ; margin-top: 275px; margin-left: 386px; width: 110px; height: 102px; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { #CMD .section__kv .img__kv .img__monitor .part-3 .img__part-3-2 { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/animation/01/monitor/part_3_layer_2.png"); } } @media all and (max-width: 720px) { #CMD .section__kv .img__kv .img__monitor .part-3 .circle { position: relative; } #CMD .section__kv .img__kv .img__monitor .part-3 .circle .img__part-3-3 { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/animation/01/monitor/part_3_layer_3.png") ; margin-top: 296px; margin-left: 407px; width: 98px; height: 74px; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { #CMD .section__kv .img__kv .img__monitor .part-3 .circle .img__part-3-3 { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/animation/01/monitor/part_3_layer_3.png"); } } @media all and (max-width: 720px) { #CMD .section__kv .img__kv .img__monitor .part-3 .circle .img__part-3-4 { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/animation/01/monitor/part_3_layer_4.png") ; margin-top: 298px; margin-left: 424px; width: 64px; height: 68px; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { #CMD .section__kv .img__kv .img__monitor .part-3 .circle .img__part-3-4 { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/animation/01/monitor/part_3_layer_4.png"); } } @media all and (max-width: 720px) { @-webkit-keyframes dustFlash { 0% { opacity: 1; } 25% { opacity: 0.6; } 50% { opacity: 1; } 75% { opacity: 0.3; } 100% { opacity: 1; } } @keyframes dustFlash { 0% { opacity: 1; } 25% { opacity: 0.6; } 50% { opacity: 1; } 75% { opacity: 0.3; } 100% { opacity: 1; } } @-webkit-keyframes part1Move { 0% { -webkit-transform: translate3d(0, 0px, 0px); transform: translate3d(0, 0px, 0px); } 25% { -webkit-transform: translate(-19px, 50px); transform: translate(-19px, 50px); } 50% { -webkit-transform: translate(21px, 60px); transform: translate(21px, 60px); } 75% { -webkit-transform: translate(12px, -31px); transform: translate(12px, -31px); } 100% { -webkit-transform: translate3d(0, 0px, 0px); transform: translate3d(0, 0px, 0px); } } @keyframes part1Move { 0% { -webkit-transform: translate3d(0, 0px, 0px); transform: translate3d(0, 0px, 0px); } 25% { -webkit-transform: translate(-19px, 50px); transform: translate(-19px, 50px); } 50% { -webkit-transform: translate(21px, 60px); transform: translate(21px, 60px); } 75% { -webkit-transform: translate(12px, -31px); transform: translate(12px, -31px); } 100% { -webkit-transform: translate3d(0, 0px, 0px); transform: translate3d(0, 0px, 0px); } } @-webkit-keyframes part2Move { 0% { -webkit-transform: translate3d(0, 10px, 0px); transform: translate3d(0, 10px, 0px); } 15% { -webkit-transform: translate3d(0, 10px, 0px); transform: translate3d(0, 10px, 0px); } 30% { -webkit-transform: translate3d(30px, 18px, 0px); transform: translate3d(30px, 18px, 0px); } 45% { -webkit-transform: translate3d(30px, 18px, 0px); transform: translate3d(30px, 18px, 0px); } 60% { -webkit-transform: translate3d(60px, 8px, 0px); transform: translate3d(60px, 8px, 0px); } 75% { -webkit-transform: translate3d(60px, 8px, 0px); transform: translate3d(60px, 8px, 0px); } 100% { -webkit-transform: translate3d(0, 10px, 0px); transform: translate3d(0, 10px, 0px); } } @keyframes part2Move { 0% { -webkit-transform: translate3d(0, 10px, 0px); transform: translate3d(0, 10px, 0px); } 15% { -webkit-transform: translate3d(0, 10px, 0px); transform: translate3d(0, 10px, 0px); } 30% { -webkit-transform: translate3d(30px, 18px, 0px); transform: translate3d(30px, 18px, 0px); } 45% { -webkit-transform: translate3d(30px, 18px, 0px); transform: translate3d(30px, 18px, 0px); } 60% { -webkit-transform: translate3d(60px, 8px, 0px); transform: translate3d(60px, 8px, 0px); } 75% { -webkit-transform: translate3d(60px, 8px, 0px); transform: translate3d(60px, 8px, 0px); } 100% { -webkit-transform: translate3d(0, 10px, 0px); transform: translate3d(0, 10px, 0px); } } @-webkit-keyframes part3CorssRotate { 0% { -webkit-transform: translateZ(0) rotate(0deg); transform: translateZ(0) rotate(0deg); } 10% { -webkit-transform: translateZ(0) rotate(0deg); transform: translateZ(0) rotate(0deg); } 20% { -webkit-transform: translateZ(0) rotate(120deg); transform: translateZ(0) rotate(120deg); } 30% { -webkit-transform: translateZ(0) rotate(0deg); transform: translateZ(0) rotate(0deg); } 40% { -webkit-transform: translateZ(0) rotate(-120deg); transform: translateZ(0) rotate(-120deg); } 50% { -webkit-transform: translateZ(0) rotate(0deg); transform: translateZ(0) rotate(0deg); } 100% { -webkit-transform: translateZ(0) rotate(0deg); transform: translateZ(0) rotate(0deg); } } @keyframes part3CorssRotate { 0% { -webkit-transform: translateZ(0) rotate(0deg); transform: translateZ(0) rotate(0deg); } 10% { -webkit-transform: translateZ(0) rotate(0deg); transform: translateZ(0) rotate(0deg); } 20% { -webkit-transform: translateZ(0) rotate(120deg); transform: translateZ(0) rotate(120deg); } 30% { -webkit-transform: translateZ(0) rotate(0deg); transform: translateZ(0) rotate(0deg); } 40% { -webkit-transform: translateZ(0) rotate(-120deg); transform: translateZ(0) rotate(-120deg); } 50% { -webkit-transform: translateZ(0) rotate(0deg); transform: translateZ(0) rotate(0deg); } 100% { -webkit-transform: translateZ(0) rotate(0deg); transform: translateZ(0) rotate(0deg); } } @-webkit-keyframes part3LenZoom { 0% { -webkit-transform: translate3d(-7px, -2px, 0px); transform: translate3d(-7px, -2px, 0px); } 4% { -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } 8% { -webkit-transform: translate3d(-3px, -1px, 0px); transform: translate3d(-3px, -1px, 0px); } 12% { -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } 16% { -webkit-transform: translate3d(-10px, -4px, 0px); transform: translate3d(-10px, -4px, 0px); } 20% { -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } 24% { -webkit-transform: translate3d(-7px, -2px, 0px); transform: translate3d(-7px, -2px, 0px); } } @keyframes part3LenZoom { 0% { -webkit-transform: translate3d(-7px, -2px, 0px); transform: translate3d(-7px, -2px, 0px); } 4% { -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } 8% { -webkit-transform: translate3d(-3px, -1px, 0px); transform: translate3d(-3px, -1px, 0px); } 12% { -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } 16% { -webkit-transform: translate3d(-10px, -4px, 0px); transform: translate3d(-10px, -4px, 0px); } 20% { -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } 24% { -webkit-transform: translate3d(-7px, -2px, 0px); transform: translate3d(-7px, -2px, 0px); } } @-webkit-keyframes part3Spin { 0% { -webkit-transform: translateZ(0) rotate(0deg); transform: translateZ(0) rotate(0deg); } 25% { -webkit-transform: translateZ(0) rotate(20deg); transform: translateZ(0) rotate(20deg); } 50% { -webkit-transform: translateZ(0) rotate(0deg); transform: translateZ(0) rotate(0deg); } 75% { -webkit-transform: translateZ(0) rotate(-20deg); transform: translateZ(0) rotate(-20deg); } 100% { -webkit-transform: translateZ(0) rotate(0deg); transform: translateZ(0) rotate(0deg); } } @keyframes part3Spin { 0% { -webkit-transform: translateZ(0) rotate(0deg); transform: translateZ(0) rotate(0deg); } 25% { -webkit-transform: translateZ(0) rotate(20deg); transform: translateZ(0) rotate(20deg); } 50% { -webkit-transform: translateZ(0) rotate(0deg); transform: translateZ(0) rotate(0deg); } 75% { -webkit-transform: translateZ(0) rotate(-20deg); transform: translateZ(0) rotate(-20deg); } 100% { -webkit-transform: translateZ(0) rotate(0deg); transform: translateZ(0) rotate(0deg); } } #CMD .section__kv .img__kv .img__dust { opacity: 0; -webkit-transform: scale(0.5) translateZ(0) rotate(20deg); transform: scale(0.5) translateZ(0) rotate(20deg); transition: opacity 1000ms, -webkit-transform 10000ms ease-out; transition: transform 10000ms ease-out, opacity 1000ms; transition: transform 10000ms ease-out, opacity 1000ms, -webkit-transform 10000ms ease-out; } #CMD .section__kv .img__kv .img__stone { opacity: 0; -webkit-transform: scale(0.9) translateX(-40px) translateY(10px) translateZ(0); transform: scale(0.9) translateX(-40px) translateY(10px) translateZ(0); transition: -webkit-transform 900ms cubic-bezier(0.25, 0.77, 0.12, 0.78); transition: transform 900ms cubic-bezier(0.25, 0.77, 0.12, 0.78); transition: transform 900ms cubic-bezier(0.25, 0.77, 0.12, 0.78), -webkit-transform 900ms cubic-bezier(0.25, 0.77, 0.12, 0.78); } #CMD .section__kv .img__kv #dust-particle { opacity: 0; transition: opacity 400ms 900ms; } #CMD .section__kv .img__kv .img__monitor { opacity: 0; transition: opacity 400ms 1100ms; } #CMD .section__kv .img__kv.step-1 .img__dust { will-change: transform; opacity: 1; -webkit-transform: scale(1) translateZ(0) rotate(0deg); transform: scale(1) translateZ(0) rotate(0deg); -webkit-animation: dustFlash 12s infinite linear forwards 3000ms; animation: dustFlash 12s infinite linear forwards 3000ms; } #CMD .section__kv .img__kv.step-1 #dust-particle { opacity: 1; } #CMD .section__kv .img__kv.step-1 .img__stone { will-change: transform; opacity: 1; -webkit-transform: scale(1) translateX(0) translateY(0) translateZ(0); transform: scale(1) translateX(0) translateY(0) translateZ(0); } #CMD .section__kv .img__kv.step-1 .img__monitor { opacity: 1; } #CMD .section__kv .img__kv.step-1 .img__monitor .img__part-1 { -webkit-animation: part1Move 20s infinite forwards 1200ms; animation: part1Move 20s infinite forwards 1200ms; } #CMD .section__kv .img__kv.step-1 .img__monitor .img__part-2 { -webkit-animation: part2Move 4000ms infinite forwards 1200ms; animation: part2Move 4000ms infinite forwards 1200ms; } #CMD .section__kv .img__kv.step-1 .img__monitor .part-3 .img__part-3-2 { -webkit-animation: part3Spin 1000ms infinite 1200ms; animation: part3Spin 1000ms infinite 1200ms; } #CMD .section__kv .img__kv.step-1 .img__monitor .part-3 .circle { -webkit-animation: part3LenZoom 3000ms infinite 1200ms; animation: part3LenZoom 3000ms infinite 1200ms; } #CMD .section__kv .img__kv.step-1 .img__monitor .part-3 .circle .img__part-3-3 { -webkit-animation: part3CorssRotate 3000ms infinite 1200ms; animation: part3CorssRotate 3000ms infinite 1200ms; } #CMD .section__kv .wd__content.top-content { margin-top: 10px; } #CMD .section__kv .wd__content.top-content .content__title { margin-top: 12px; margin-left: auto; margin-right: auto; max-width: 400px; font-size: 25px; line-height: 1.2em; } #CMD .section__kv .wd__content.top-content .content__title__sub { max-width: 279px; font-size: 16.5px; font-weight: 200; } #CMD .section__kv .img__kv__logo { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/small/1x/kv_logo.png") ; position: relative; left: 50%; margin-top: 51px; margin-left: -200px; width: 400px; height: 22px; background-size: contain; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { #CMD .section__kv .img__kv__logo { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/small/2x/kv_logo.png"); } } @media all and (max-width: 720px) { #CMD .section__kv .wd__content.bottom-content { width: 86%; margin-top: -34px; margin-bottom: 78px; } #CMD .section__kv .wd__content.bottom-content .content__info { margin-left: auto; margin-right: auto; max-width: 450px; font-size: 20px; line-height: 1.34; } #CMD .section__kv .img__kv__brand { margin-top: -22px; width: 197px; height: 53px; background-size: contain; } #CMD .section__kv .img__kv { margin-top: -262px; margin-left: -458px; width: 906px; height: 605px; } #CMD .section__kv .img__kv .img__bg { width: 906px; height: 605px; } #CMD .section__kv .img__kv .img__nb { margin-top: 292px; margin-left: 299px; width: 361px; height: 259px; } #CMD .section__kv .img__kv .img__dust { margin-top: 279px; margin-left: 296px; width: 234px; height: 234px; } #CMD .section__kv .img__kv #dust-particle { top: 230px; left: 50%; margin-left: -150px; width: 180px; height: 208px; } #CMD .section__kv .img__kv .img__stone { margin-top: 301px; margin-left: 327px; width: 193px; height: 158px; } #CMD .section__kv .img__kv .img__monitor { margin-top: 228px; margin-left: 265px; width: 361px; height: 259px; } #CMD .section__kv .img__kv .img__monitor .img__part-default { margin-top: 218px; margin-left: 59px; width: 48px; height: 43px; } #CMD .section__kv .img__kv .img__monitor .img__part-1 { margin-top: 100px; margin-left: 68px; width: 67px; height: 114px; } #CMD .section__kv .img__kv .img__monitor .img__part-2 { margin-top: 90px; margin-left: 81px; width: 69px; height: 50px; } #CMD .section__kv .img__kv .img__monitor .part-3 { position: absolute; top: 9px; left: 5px; width: 361px; height: 259px; } #CMD .section__kv .img__kv .img__monitor .part-3 .img__part-3-1 { margin-top: 141px; margin-left: 163px; width: 113px; height: 108px; } #CMD .section__kv .img__kv .img__monitor .part-3 .img__part-3-2 { margin-top: 146px; margin-left: 173px; width: 38px; height: 36px; } #CMD .section__kv .img__kv .img__monitor .part-3 .circle { position: relative; } #CMD .section__kv .img__kv .img__monitor .part-3 .circle .img__part-3-3 { margin-top: 154px; margin-left: 178px; width: 34px; height: 26px; } #CMD .section__kv .img__kv .img__monitor .part-3 .circle .img__part-3-4 { margin-top: 154px; margin-left: 184px; width: 22px; height: 24px; } @-webkit-keyframes part1MoveMobile { 0% { -webkit-transform: translate3d(0, 0px, 0px); transform: translate3d(0, 0px, 0px); } 25% { -webkit-transform: translate(-6px, 16px); transform: translate(-6px, 16px); } 50% { -webkit-transform: translate(7px, 20px); transform: translate(7px, 20px); } 75% { -webkit-transform: translate(4px, -10px); transform: translate(4px, -10px); } 100% { -webkit-transform: translate3d(0, 0px, 0px); transform: translate3d(0, 0px, 0px); } } @keyframes part1MoveMobile { 0% { -webkit-transform: translate3d(0, 0px, 0px); transform: translate3d(0, 0px, 0px); } 25% { -webkit-transform: translate(-6px, 16px); transform: translate(-6px, 16px); } 50% { -webkit-transform: translate(7px, 20px); transform: translate(7px, 20px); } 75% { -webkit-transform: translate(4px, -10px); transform: translate(4px, -10px); } 100% { -webkit-transform: translate3d(0, 0px, 0px); transform: translate3d(0, 0px, 0px); } } @-webkit-keyframes part2MoveMobile { 0% { -webkit-transform: translate3d(0, 0px, 0px); transform: translate3d(0, 0px, 0px); } 10% { -webkit-transform: translate3d(0, 0px, 0px); transform: translate3d(0, 0px, 0px); } 30% { -webkit-transform: translate3d(10px, 6px, 0px); transform: translate3d(10px, 6px, 0px); } 40% { -webkit-transform: translate3d(10px, 6px, 0px); transform: translate3d(10px, 6px, 0px); } 60% { -webkit-transform: translate3d(20px, 2px, 0px); transform: translate3d(20px, 2px, 0px); } 70% { -webkit-transform: translate3d(20px, 2px, 0px); transform: translate3d(20px, 2px, 0px); } 100% { -webkit-transform: translate3d(0, 0px, 0px); transform: translate3d(0, 0px, 0px); } } @keyframes part2MoveMobile { 0% { -webkit-transform: translate3d(0, 0px, 0px); transform: translate3d(0, 0px, 0px); } 10% { -webkit-transform: translate3d(0, 0px, 0px); transform: translate3d(0, 0px, 0px); } 30% { -webkit-transform: translate3d(10px, 6px, 0px); transform: translate3d(10px, 6px, 0px); } 40% { -webkit-transform: translate3d(10px, 6px, 0px); transform: translate3d(10px, 6px, 0px); } 60% { -webkit-transform: translate3d(20px, 2px, 0px); transform: translate3d(20px, 2px, 0px); } 70% { -webkit-transform: translate3d(20px, 2px, 0px); transform: translate3d(20px, 2px, 0px); } 100% { -webkit-transform: translate3d(0, 0px, 0px); transform: translate3d(0, 0px, 0px); } } @-webkit-keyframes part3LenZoomMobile { 0% { -webkit-transform: translate3d(-2px, -1px, 0px); transform: translate3d(-2px, -1px, 0px); } 4% { -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } 8% { -webkit-transform: translate3d(-1px, -1px, 0px); transform: translate3d(-1px, -1px, 0px); } 12% { -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } 16% { -webkit-transform: translate3d(-3px, -2px, 0px); transform: translate3d(-3px, -2px, 0px); } 20% { -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } 24% { -webkit-transform: translate3d(-2px, -1px, 0px); transform: translate3d(-2px, -1px, 0px); } } @keyframes part3LenZoomMobile { 0% { -webkit-transform: translate3d(-2px, -1px, 0px); transform: translate3d(-2px, -1px, 0px); } 4% { -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } 8% { -webkit-transform: translate3d(-1px, -1px, 0px); transform: translate3d(-1px, -1px, 0px); } 12% { -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } 16% { -webkit-transform: translate3d(-3px, -2px, 0px); transform: translate3d(-3px, -2px, 0px); } 20% { -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } 24% { -webkit-transform: translate3d(-2px, -1px, 0px); transform: translate3d(-2px, -1px, 0px); } } #CMD .section__kv .img__kv.step-1 .img__monitor .img__part-1 { -webkit-animation: part1MoveMobile 20s infinite forwards 1200ms; animation: part1MoveMobile 20s infinite forwards 1200ms; } #CMD .section__kv .img__kv.step-1 .img__monitor .img__part-2 { -webkit-animation: part2MoveMobile 4000ms infinite forwards 1200ms; animation: part2MoveMobile 4000ms infinite forwards 1200ms; } #CMD .section__kv .img__kv.step-1 .img__monitor .part-3 .circle { -webkit-animation: part3LenZoomMobile 3000ms infinite 1200ms; animation: part3LenZoomMobile 3000ms infinite 1200ms; } #CMD .section__audience { margin-top: -15px; padding-top: 0; } #CMD .section__audience .audience__items { margin-top: 115px; max-width: 1800px; } #CMD .section__audience .audience__items .audience__item { margin-bottom: 12px; width: 100%; max-width: 414px; } #CMD .section__audience .audience__items .audience__item.item-1 .item__img { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/small/1x/02_creator_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) { #CMD .section__audience .audience__items .audience__item.item-1 .item__img { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/small/2x/02_creator_1.jpg"); } } @media all and (max-width: 720px) { #CMD .section__audience .audience__items .audience__item.item-2 .item__img { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/small/1x/02_creator_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) { #CMD .section__audience .audience__items .audience__item.item-2 .item__img { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/small/2x/02_creator_2.jpg"); } } @media all and (max-width: 720px) { #CMD .section__audience .audience__items .audience__item.item-3 .item__img { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/small/1x/02_creator_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) { #CMD .section__audience .audience__items .audience__item.item-3 .item__img { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/small/2x/02_creator_3.jpg"); } } @media all and (max-width: 720px) { #CMD .section__audience .audience__items .audience__item .item__ani { margin: 0; width: 100%; height: 340px; } #CMD .section__audience .audience__items .audience__item .item__ani .item__img { margin-top: -176px; margin-left: -207px; width: 414px; height: 352px; } #CMD .section__audience .audience__items .audience__item .item__ani .item__text { width: 100%; } #CMD .section__audience .audience__items .audience__item .item__ani .item__text .text-title { padding-top: 5px; padding-bottom: 9px; width: 90%; line-height: 1.2; letter-spacing: 2px; text-shadow: 1px 1px 8px #333; } #CMD .section__audience .audience__items .audience__item .item__ani .item__text .text-info { margin-top: 1px; width: 88%; font-size: 15px; line-height: 1.4; } #CMD .section__audience .audience__items .audience__item .item__ani { box-sizing: border-box; } #CMD .section__audience .audience__items .audience__item .item__ani:before { background: rgba(0, 0, 0, 0.2); transition: all 200ms; } #CMD .section__audience .audience__items .audience__item .item__ani .item__text { display: inline-block; top: 50%; left: 0; -webkit-transform: translateY(-50%) translateZ(0); transform: translateY(-50%) translateZ(0); } #CMD .section__audience .audience__items .audience__item .item__ani .item__text .text-title { position: relative; top: 50%; font-size: 35px; max-width: 400px; transition: all 400ms 400ms; } #CMD .section__audience .audience__items .audience__item .item__ani .item__text .text-info { max-height: 0; opacity: 0; transition: opacity 400ms, max-height 400ms; } #CMD .section__audience .audience__items:hover .audience__item .item__ani:before { background: rgba(0, 0, 0, 0.6); } #CMD .section__audience .audience__items .audience__item:hover, #CMD .section__audience .audience__items .audience__item.hover { z-index: 100000; } #CMD .section__audience .audience__items .audience__item:hover .item__ani, #CMD .section__audience .audience__items .audience__item.hover .item__ani { border: 2px solid #c5ac90; } #CMD .section__audience .audience__items .audience__item:hover .item__ani:before, #CMD .section__audience .audience__items .audience__item.hover .item__ani:before { background: rgba(0, 0, 0, 0.4); } #CMD .section__audience .audience__items .audience__item:hover .item__ani .item__text, #CMD .section__audience .audience__items .audience__item.hover .item__ani .item__text { height: auto; } #CMD .section__audience .audience__items .audience__item:hover .item__ani .item__text .text-title, #CMD .section__audience .audience__items .audience__item.hover .item__ani .item__text .text-title { position: relative; font-size: 27px; transition: all 400ms; } #CMD .section__audience .audience__items .audience__item:hover .item__ani .item__text .text-info, #CMD .section__audience .audience__items .audience__item.hover .item__ani .item__text .text-info { opacity: 1; max-height: 3000px; transition: opacity 400ms 400ms, max-height 400ms; } #CMD .section__performance .img__performance { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/03_bg.jpg") ; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { #CMD .section__performance .img__performance { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/03_bg.jpg"); } } @media all and (max-width: 720px) { #CMD .section__performance .img__performance figure { position: absolute; left: 50%; } #CMD .section__performance .img__performance .img__part-1 { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/animation/03/hl_1.jpg") ; opacity: 0; margin-top: 293px; margin-left: 40px; width: 156px; height: 70px; transition: opacity 400ms; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { #CMD .section__performance .img__performance .img__part-1 { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/animation/03/hl_1.jpg"); } } @media all and (max-width: 720px) { #CMD .section__performance .img__performance.active-1 .img__part-1 { opacity: 1; } #CMD .section__performance .img__performance .img__part-2 { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/animation/03/hl_2.jpg") ; opacity: 0; margin-top: 292px; margin-left: -175px; width: 150px; height: 80px; transition: opacity 400ms; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { #CMD .section__performance .img__performance .img__part-2 { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/animation/03/hl_2.jpg"); } } @media all and (max-width: 720px) { #CMD .section__performance .img__performance.active-2 .img__part-2 { opacity: 1; } #CMD .section__performance .img__performance .img__part-3 { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/animation/03/hl_3.jpg") ; opacity: 0; margin-top: 345px; margin-left: 36px; width: 150px; height: 44px; transition: opacity 400ms; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { #CMD .section__performance .img__performance .img__part-3 { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/animation/03/hl_3.jpg"); } } @media all and (max-width: 720px) { #CMD .section__performance .img__performance.active-3 .img__part-3 { opacity: 1; } #CMD .section__performance .img__performance .img__part-4 { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/animation/03/hl_4.jpg") ; opacity: 0; margin-top: 368px; margin-left: 422px; width: 136px; height: 120px; transition: opacity 400ms; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { #CMD .section__performance .img__performance .img__part-4 { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/animation/03/hl_4.jpg"); } } @media all and (max-width: 720px) { #CMD .section__performance .img__performance.active-4 .img__part-4 { opacity: 1; } #CMD .section__performance { margin-top: 81px; } #CMD .section__performance .specs__container { margin-top: 48px; } #CMD .section__performance .specs__container .container-nav { text-align: left; width: 3000px; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; } #CMD .section__performance .specs__container .container-nav .nav-item { font-size: 15px; } #CMD .section__performance .specs__container .container-nav .nav-item span { padding: 10px; } #CMD .section__performance .specs__container .container-bar { margin-top: 20px; } #CMD .section__performance .specs__container .container-bar .bar-line { left: 50%; transition: all 200ms; } #CMD .section__performance .specs__container .container-info { margin-top: 16px; } #CMD .section__performance .specs__container .container-info .info-item { left: 50%; margin-left: auto; margin-right: auto; width: 90%; max-width: 374px; -webkit-transform: translateX(-50%); transform: translateX(-50%); } #CMD .section__performance .specs__container .container-info .info-item span { font-size: 14px; line-height: 1.7; } #CMD .section__performance .img__performance { z-index: -1; margin-top: -248px; margin-left: -744px; -webkit-transform: scale(0.4); transform: scale(0.4); } #CMD .section__gpu .img__gpu { background: none; } #CMD .section__gpu .img__gpu figure { position: absolute; } #CMD .section__gpu .img__gpu .img__machine { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/animation/04/machine.jpg") ; top: 0; left: 50%; margin-top: 380px; margin-left: -253px; width: 538px; height: 319px; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { #CMD .section__gpu .img__gpu .img__machine { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/animation/04/machine.jpg"); } } @media all and (max-width: 720px) { #CMD .section__gpu .img__gpu #canvas__s4-air { position: absolute; top: 0; left: 50%; margin-left: -1277px; width: 2560px; height: 1109px; } #CMD .section__gpu .img__gpu .img__nb { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/animation/04/nb.png") ; top: 0; left: 50%; margin-top: 300px; margin-left: -946px; width: 1920px; height: 834px; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { #CMD .section__gpu .img__gpu .img__nb { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/animation/04/nb.png"); } } @media all and (max-width: 720px) { #CMD .section__gpu .img__gpu .img__inscreen { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/animation/04/inscreen.png") ; top: 0; left: 50%; margin-top: 294px; margin-left: -367px; width: 757px; height: 492px; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { #CMD .section__gpu .img__gpu .img__inscreen { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/animation/04/inscreen.png"); } } @media all and (max-width: 720px) { #CMD .section__gpu { margin-top: -178px; } #CMD .section__gpu .wd__feature__list { margin-top: 46px; } #CMD .section__gpu .img__gpu { margin-top: -441px; margin-left: -965px; -webkit-transform: scale(0.378); transform: scale(0.378); } #CMD .section__gpu .modal-button-container { margin-top: -389px; } #CMD .section__cpu { margin-top: -242px; } #CMD .section__cpu .wd__content { left: 0; margin-left: auto; } #CMD .section__cpu .wd__feature__list { margin-top: 46px; } #CMD .section__cpu .img__cpu { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/small/1x/05_bg.jpg") ; margin-top: -69px; margin-left: -360px; width: 720px; height: 430px; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { #CMD .section__cpu .img__cpu { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/small/2x/05_bg.jpg"); } } @media all and (max-width: 720px) { #CMD .section__isv { margin-top: 16px; } #CMD .section__isv .img__isv { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/small/1x/06_bg.jpg") ; margin-top: -36px; margin-left: -360px; width: 720px; height: 336px; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { #CMD .section__isv .img__isv { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/small/2x/06_bg.jpg"); } } @media all and (max-width: 720px) { #CMD .section__isv .img__icon { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/small/1x/06_icon.png") ; margin-top: -92px; margin-left: -115px; width: 230px; height: 466px; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { #CMD .section__isv .img__icon { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/small/2x/06_icon.png"); } } @media all and (max-width: 720px) { #CMD .section__design { margin-top: 72px; } #CMD .section__design .img__design { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/small/1x/07_bg.jpg") ; margin-top: -179px; margin-left: -360px; width: 720px; height: 532px; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { #CMD .section__design .img__design { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/small/2x/07_bg.jpg"); } } @media all and (max-width: 720px) { #CMD .section__design .img__partial { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/small/1x/07_partial.jpg") ; margin-top: -64px; margin-left: -208px; width: 416px; height: 688px; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { #CMD .section__design .img__partial { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/small/2x/07_partial.jpg"); } } @media all and (max-width: 720px) { #CMD .section__display { margin-top: 93px; } #CMD .section__display .wd__feature__list .wd__feature { min-width: auto; } #CMD .section__display .wd__feature__list .wd__feature figure { margin-bottom: 8px; height: 71px; background-size: contain; } #CMD .section__display .img__display { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/small/1x/08_bg.jpg") ; margin-top: -180px; margin-left: -360px; width: 720px; height: 416px; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { #CMD .section__display .img__display { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/small/2x/08_bg.jpg"); } } @media all and (max-width: 720px) { #CMD .section__thermal { margin-top: 53px; } #CMD .section__thermal .img__thermal { margin-top: -151px; margin-bottom: 337px; -webkit-transform: scale(0.8); transform: scale(0.8); background-size: cover; background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/small/1x/09_bg.jpg") ; top: 50px; left: 50%; margin-left: -608px; width: 1280px; height: 544px; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { #CMD .section__thermal .img__thermal { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/small/2x/09_bg.jpg"); } } @media all and (max-width: 720px) { #CMD .section__thermal .img__thermal .reset, #CMD .section__thermal .img__thermal > * { display: none; } #CMD .section__thermal .modal-button-container { margin-top: -410px; } #CMD .section__connectivity { margin-top: -262px; } #CMD .section__connectivity .wd__feature__list .wd__feature { min-width: auto; } #CMD .section__connectivity .wd__feature__list .wd__feature figure { margin-top: -18px; height: 104px; background-size: contain; } #CMD .section__connectivity .img__connectivity { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/small/1x/10_bg.jpg") ; margin-top: -32px; margin-left: -360px; width: 720px; height: 370px; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { #CMD .section__connectivity .img__connectivity { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/small/2x/10_bg.jpg"); } } @media all and (max-width: 720px) { #CMD .section__connectivity .img__desktop { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/small/1x/10_desktop.jpg") ; margin-top: -32px; margin-left: -360px; width: 720px; height: 258px; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { #CMD .section__connectivity .img__desktop { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/small/2x/10_desktop.jpg"); } } @media all and (max-width: 720px) { #CMD .section__connectivity #svg_10-mobile-1 { margin-left: -349px; width: 720px; height: 370px; } #CMD .section__connectivity #svg_10-mobile-2 { margin-left: -377px; top: -4px; width: 720px; height: 370px; } #CMD .section__connectivity .content__intro .intro { width: 100px; font-size: 14px; } #CMD .section__connectivity .content__intro .intro.intro-1 { text-align: right; bottom: unset; margin-top: 240px; margin-left: 157px; } #CMD .section__connectivity .content__intro .intro.intro-2 { text-align: left; bottom: unset; margin-top: 240px; margin-left: 335px; } #CMD .section__connectivity .content__intro .intro.intro-3 { text-align: right; bottom: -51px; margin-top: unset; margin-left: 159px; } #CMD .section__connectivity .content__intro .intro.intro-4 { text-align: left; bottom: -51px; margin-top: unset; margin-left: 330px; } #CMD .section__connectivity .content__intro sup[class*="sign-"] { top: -0.2em; } #CMD .section__connectivity .modal-button-container { margin-top: 35px; } #CMD .section__comment { margin-top: 40px; padding-bottom: 40px; } #CMD .inner-view .inner-view-container { position: relative; margin-left: auto; margin-right: auto; max-width: 720px; min-height: 100vh; } #CMD .inner-view .inner-view-container .inner-modal { margin-left: auto; margin-right: auto; width: 100%; padding-bottom: 0; } #CMD .inner-view .inner-view-container .wd__section .wd__content .content__title { font-size: 26px; } #CMD .inner-view .inner-view-container .wd__section .wd__content .content__info { margin-top: 15px; } #CMD .inner-view .inner-view-container .wd__section .wd__content .content__slogan:before, #CMD .inner-view .inner-view-container .wd__section .wd__content .content__slogan:after, #CMD .inner-view .inner-view-container .wd__section .wd__content .content__title:before, #CMD .inner-view .inner-view-container .wd__section .wd__content .content__title:after { display: none; } #CMD .inner-view .section__btn__home:before { background: none; } #CMD .section__efficiency { padding-top: 35px; padding-bottom: 37px; } #CMD .section__efficiency .wd__content .content__info { width: 100%; } #CMD .section__efficiency .img__efficiency { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/small/1x/inner/s4/s4_i1_bg.jpg") ; margin-top: -21px; margin-left: -360px; width: 720px; height: 200px; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { #CMD .section__efficiency .img__efficiency { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/small/2x/inner/s4/s4_i1_bg.jpg"); } } @media all and (max-width: 720px) { #CMD .section__cores { padding-top: 27px; padding-bottom: 30px; } #CMD .section__cores .wd__content .content__info { width: 100%; } #CMD .section__cores .img__cores { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/small/1x/inner/s4/s4_i2_bg.jpg") ; margin-top: -118px; margin-left: -360px; width: 720px; height: 494px; background-position: top; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { #CMD .section__cores .img__cores { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/small/2x/inner/s4/s4_i2_bg.jpg"); } } @media all and (max-width: 720px) { #CMD .section__3d { padding-top: 46px; } #CMD .section__3d .wd__content { left: 0; margin-top: 0; margin-left: auto; width: 89.5%; min-height: auto; } #CMD .section__3d .wd__feature__list { max-width: auto; } #CMD .section__3d .img__main { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/small/1x/inner/s9/s9_i1_bg.jpg") ; position: relative; margin-top: -46px; margin-left: -360px; width: 720px; height: 360px; background-position: top; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { #CMD .section__3d .img__main { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/small/2x/inner/s9/s9_i1_bg.jpg"); } } @media all and (max-width: 720px) { #CMD .section__wifi { padding-top: 35px; padding-bottom: 100px; } #CMD .section__wifi .wd__content { left: 0; margin-left: auto; } #CMD .section__wifi .img__wifi { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/small/1x/inner/s10/s10_i1_bg.jpg") ; margin-top: -20px; margin-left: -380px; width: 720px; height: 374px; background-position: top; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { #CMD .section__wifi .img__wifi { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/small/2x/inner/s10/s10_i1_bg.jpg"); } } @media all and (min-width: 1px) and (max-width: 720px) { #CMD .product_price.active { margin-bottom: 0px; padding-top: 27px; } #CMD .product_pdguide.active { padding-top: 12px; } #CMD .section__pdc { position: relative; z-index: 1; } #CMD .section__pdc .product_videos.active { padding-top: 110px; } #CMD .section__pdc .video-bottom { margin-top: 0; padding-bottom: 0; } #CMD .section__pdc .media-top { padding-top: 37px; } #CMD .section__pdc .media-bottom { margin-bottom: -73px; padding-bottom: 0; } #CMD .section__pdc .product_medias.slick-dotted .slick-dots { bottom: 15px; } } @media all and (min-width: 600px) and (max-width: 720px) { #CMD .section__performance .img__performance { margin-left: -683px; } #CMD .section__wifi .img__wifi { margin-left: -352px; } #CMD .section__design .img__partial { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/1x/07_partial.jpg") ; left: 0; margin-top: -79px; margin-left: auto; margin-bottom: 11px; padding-bottom: 18.07%; width: 100%; height: 0; } } @media all and (min-width: 600px) and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 600px) and (max-width: 720px) and (min-resolution: 144dpi) { #CMD .section__design .img__partial { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/large/2x/07_partial.jpg"); } } @media all and (min-width: 414px) and (max-width: 720px) { #CMD .section__ergolift .img__ergolift { margin-top: -336px; } } @media all and (min-width: 600px) and (max-width: 720px) { #CMD .section__thin_and_light .aniContainer { margin-left: -563px; } } @media all and (min-width: 600px) and (max-width: 720px) { #CMD .section__nano_edge_display .wd__feature__list { width: 100%; } #CMD .section__nano_edge_display .wd__feature__list .wd__feature { width: auto; margin-left: 13px; margin-right: 13px; } } @media all and (min-width: 414px) and (max-width: 720px) { #CMD .section__performance .wd__feature__list { width: 360px; } } @media all and (min-width: 600px) and (max-width: 720px) { #CMD .section__performance .wd__feature__list { width: 100%; } #CMD .section__performance .wd__feature__list .wd__feature { width: auto; } #CMD .section__performance .wd__feature__list .feature-1 { width: 80%; } } @media all and (min-width: 600px) and (max-width: 720px) { #CMD .section__connection .wd__feature__list { width: 100%; } #CMD .section__connection .wd__feature__list .feature-1, #CMD .section__connection .wd__feature__list .feature-3 { width: auto; } #CMD .section__connection .wd__feature__list .feature-2, #CMD .section__connection .wd__feature__list .feature-4 { width: auto; } } @media all and (min-width: 600px) and (max-width: 720px) { #CMD .section__connecting { padding-top: 100px; } } @media all and (min-width: 0px) and (max-width: 413px) { #CMD .section__type .img__type { width: 720px; height: 145px; background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/small/1x/inner/16/bg1.jpg") ; } } @media all and (min-width: 0px) and (max-width: 413px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 0px) and (max-width: 413px) and (min-resolution: 144dpi) { #CMD .section__type .img__type { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/small/2x/inner/16/bg1.jpg"); } } @media all and (min-width: 0px) and (max-width: 413px) { #CMD .section__type .img__type .img__light { width: 720px; height: 145px; left: 50%; margin-left: -360px; background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/small/1x/inner/16/bg1-light.jpg") ; } } @media all and (min-width: 0px) and (max-width: 413px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 0px) and (max-width: 413px) and (min-resolution: 144dpi) { #CMD .section__type .img__type .img__light { background-image: url("/websites/global/products/jgzfichukxu7ckae/v1/features/images/small/2x/inner/16/bg1-light.jpg"); } } @media all and (min-width: 600px) and (max-width: 720px) { #CMD .section__fast .img__fast { margin-top: 30px; } }