@charset "UTF-8"; /*** Global ***/ .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } html { font-size: 15px; } body { font-size: 1em; line-height: 1.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); } } @-webkit-keyframes infiniteRotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes infiniteRotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .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/ugrin67gx0x7rj5h/v3/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; padding-bottom: 50px; 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; background: #fff; overflow-x: hidden; } #CMD { background: #0e0e0e; 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; } @media all and (min-width: 1px) { #CMD { -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } } @media all and (max-width: 720px) { #CMD { margin-bottom: 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.6); transform: scale(1.6); } 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.6); transform: scale(1.6); } 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, .wd__content.text__animation > a { 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; } .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; } @-webkit-keyframes fansRotateLeft { 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } @keyframes fansRotateLeft { 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } @-webkit-keyframes fansRotateRight { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fansRotateRight { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #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: 0px; } } @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) { #special-sectionOverview { margin-top: 0px; } #CMD { margin-top: 0px !important; } #main-zone, #main-zone-5, #main-zone-3, #main-zone-4, #main-zone-6 { padding-right: 0 !important; padding-left: 0 !important; } } .footnotes { margin: 25px auto 0; max-width: 1180px; width: 100%; padding-left: 16px; padding-right: 16px; } sup.footnote-num { font-size: 12px; top: -0.7rem; color: #999999; 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: auto; padding-left: 11px; padding-right: 11px; } .footnotes ul.footnote { font-size: 13.3px; line-height: 1.4; } .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.text-white .wd__feature__list .wd__feature .wd__feature__describe span, .wd__section .section__content.text-white .wd__feature__list .wd__feature .wd__feature__describe__top, .wd__section .section__content.text-white .wd__feature__list .wd__feature .wd__feature__describe__top span .wd__feature__describe { color: #fff; } .wd__section .section__content .wd__content.theme-dark .content__comment { color: #999; } .wd__section .section__content .wd__content.theme-dark .content__info, .wd__section .section__content .wd__content.theme-dark .content__title { color: #fff; } .wd__section .section__content .wd__content.theme-dark .wd__feature__list .wd__feature .wd__feature__describe, .wd__section .section__content .wd__content.theme-dark .wd__feature__list .wd__feature .wd__feature__describe span, .wd__section .section__content .wd__content.theme-dark .wd__feature__list .wd__feature .wd__feature__describe__top, .wd__section .section__content .wd__content.theme-dark .wd__feature__list .wd__feature .wd__feature__describe__top span { color: #fff; } .wd__section .section__content .wd__feature__list.theme-dark .wd__feature .wd__feature__describe, .wd__section .section__content .wd__feature__list.theme-dark .wd__feature .wd__feature__describe span, .wd__section .section__content .wd__feature__list.theme-dark .wd__feature .wd__feature__describe__top, .wd__section .section__content .wd__feature__list.theme-dark .wd__feature .wd__feature__describe__top span { color: #fff; } .modal-button-container.bg-gray .modal-button { background: #25aae5; border-color: #25aae5; } .modal-button-container.bg-gray .modal-button .modal-inner-text { color: #fff; } .modal-button-container.bg-gray .modal-button:hover { background: #178fc3; border-color: #178fc3; } .modal-button-container.bg-white .modal-button { background: #25aae5; border-color: #25aae5; } .modal-button-container.bg-white .modal-button .modal-inner-text { color: #fff; } .modal-button-container.bg-white .modal-button:hover { background: #178fc3; border-color: #178fc3; } /*! Lity - v1.6.6 - 2016-04-22 * http://sorgalla.com/lity/ * Copyright (c) 2016 Jan Sorgalla; Licensed MIT */ .lity { z-index: 9990; position: fixed; top: 0; right: 0; bottom: 0; left: 0; white-space: nowrap; background: #0b0b0b; background: rgba(0, 0, 0, 0.9); outline: none !important; opacity: 0; transition: opacity .3s ease; } .lity.lity-opened { opacity: 1; } .lity.lity-closed { opacity: 0; } .lity * { box-sizing: border-box; } .lity-wrap { z-index: 9990; position: fixed; top: 0; right: 0; bottom: 0; left: 0; text-align: center; outline: none !important; } .lity-wrap:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .lity-loader { z-index: 9991; color: #fff; position: absolute; top: 50%; margin-top: -0.8em; width: 100%; text-align: center; font-size: 14px; font-family: Arial,Helvetica,sans-serif; opacity: 0; transition: opacity .3s ease; } .lity-loading .lity-loader { opacity: 1; } .lity-container { z-index: 9992; position: relative; text-align: left; vertical-align: middle; display: inline-block; white-space: normal; max-width: 100%; max-height: 100%; outline: none !important; } .lity-content { z-index: 9993; width: 100%; -webkit-transform: scale(1); transform: scale(1); transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; } .lity-loading .lity-content, .lity-closed .lity-content { -webkit-transform: scale(0.8); transform: scale(0.8); } .lity-content:after { content: ''; position: absolute; left: 0; top: 0; bottom: 0; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); } .lity-close { z-index: 9994; width: 35px; height: 35px; position: fixed; right: 0; top: 0; -webkit-appearance: none; cursor: pointer; text-decoration: none; text-align: center; padding: 0; color: #fff; font-style: normal; font-size: 35px; font-family: Arial,Baskerville,monospace; line-height: 35px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); border: 0; background: none; outline: none; box-shadow: none; } .lity-close::-moz-focus-inner { border: 0; padding: 0; } .lity-close:hover, .lity-close:focus, .lity-close:active, .lity-close:visited { text-decoration: none; text-align: center; padding: 0; color: #fff; font-style: normal; font-size: 35px; font-family: Arial,Baskerville,monospace; line-height: 35px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); border: 0; background: none; outline: none; box-shadow: none; } .lity-close:active { top: 1px; } .lity-image img { max-width: 100%; display: block; line-height: 0; border: 0; } .lity-iframe .lity-container { width: 100%; max-width: 964px; } .lity-iframe-container { width: 100%; height: 0; padding-top: 56.25%; overflow: auto; pointer-events: auto; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-overflow-scrolling: touch; } .lity-iframe-container iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } .lity-hide { display: none; } .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 * { pointer-events: none; } .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, .guideline-floatspace:before, .guideline-floatspace { pointer-events: none; } .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: 85px; } } @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: 108px; } .guideline-floatspace:after { height: 66px; } } @media all and (min-width: 600px) and (max-width: 720px) { .cmd__guideline.guideline-pdmedias-bottom { top: -29px; } } 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 { /* Slider */ /* Icons */ /* Arrows */ /* Dots */ /* Slider */ } .wd__section .wd__content { position: relative; color: #333333; } .wd__section .wd__content .content__slogan { position: relative; color: #a89d5b; font-size: 25px; } @media all and (min-width: 721px) and (max-width: 1300px) { .wd__section .wd__content .content__slogan { font-size: 30px; } } @media all and (max-width: 720px) { .wd__section .wd__content .content__slogan { font-size: 20px; } } .wd__section .wd__content .content__title { position: relative; margin-top: 25px; font-size: 48px; line-height: 1.2; } @media all and (min-width: 721px) and (max-width: 1300px) { .wd__section .wd__content .content__title { margin-top: 21px; } } @media all and (max-width: 720px) { .wd__section .wd__content .content__title { margin-top: 26px; font-size: 36px; } } .wd__section .wd__content .content__info { position: relative; margin-top: 24px; font-size: 20px; line-height: 1.5; } @media all and (min-width: 721px) and (max-width: 1300px) { .wd__section .wd__content .content__info { margin-top: 27px; } } @media all and (max-width: 720px) { .wd__section .wd__content .content__info { margin-top: 23px; font-size: 17px; letter-spacing: 0.1px; line-height: 1.45; } } .wd__section .wd__content .content__comment { margin-top: 16px; font-size: 18px; color: #717171; line-height: 1.4; } @media all and (max-width: 720px) { .wd__section .wd__content .content__comment { margin-top: 12px; font-size: 13px; letter-spacing: 0.2px; } } .wd__section .wd__content .content__link { display: block; margin-top: 15px; font-size: 20px; line-height: 27px; } @media all and (min-width: 721px) and (max-width: 1300px) { .wd__section .wd__content .content__link { margin-top: 16px; } } @media all and (max-width: 720px) { .wd__section .wd__content .content__link { margin-top: 10px; font-size: 15.5px; line-height: 24px; } } .wd__section .wd__content .content__link span { display: inline; border-bottom: 1px solid transparent; color: #0188c8; } .wd__section .wd__content .content__link *, .wd__section .wd__content .content__link:active span, .wd__section .wd__content .content__link:link span, .wd__section .wd__content .content__link:visited span { border-bottom: 1px solid transparent; } .wd__section .wd__content .content__link:hover span { border-bottom: 1px solid #0188c8; } .wd__section .wd__link__arrow:after { content: '>'; padding-left: 7px; color: #0188c8; } @media all and (min-width: 721px) and (max-width: 1300px) { .wd__section .wd__link__arrow:after { padding-left: 3px; } } @media all and (max-width: 720px) { .wd__section .wd__link__arrow:after { padding-left: 4px; } } .wd__section .wd__feature__list { position: relative; margin-top: 53px; } @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: 45px; } } .wd__section .wd__feature__list .wd__feature { position: relative; display: inline-block; vertical-align: bottom; box-sizing: border-box; margin: 0 25px 50px; color: #333333; } @media all and (min-width: 721px) and (max-width: 1300px) { .wd__section .wd__feature__list .wd__feature { margin: 0 33px 48px; } } @media all and (max-width: 720px) { .wd__section .wd__feature__list .wd__feature { margin: 0 17px 40px; } } .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top { position: relative; margin-bottom: 2px; } @media all and (max-width: 720px) { .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top { margin-bottom: 1px; } } .wd__section .wd__feature__list .wd__feature .wd__feature__data { color: #a89d5b; font-size: 65px; line-height: 1; } @media all and (max-width: 720px) { .wd__section .wd__feature__list .wd__feature .wd__feature__data { margin-bottom: 2px; font-size: 47px; } } .wd__section .wd__feature__list .wd__feature .wd__feature__data span { font-size: 28px; } @media all and (min-width: 721px) and (max-width: 1300px) { .wd__section .wd__feature__list .wd__feature .wd__feature__data span { font-size: 30px; } } @media all and (max-width: 720px) { .wd__section .wd__feature__list .wd__feature .wd__feature__data span { font-size: 25px; } } .wd__section .wd__feature__list .wd__feature .wd__feature__describe { position: relative; margin-top: -1px; } @media all and (max-width: 720px) { .wd__section .wd__feature__list .wd__feature .wd__feature__describe { margin-top: 1px; } } .wd__section .wd__feature__list .wd__feature .wd__feature__describe span, .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top, .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top span .wd__feature__describe { font-size: 16px; letter-spacing: 0.4px; } @media all and (min-width: 721px) and (max-width: 1300px) { .wd__section .wd__feature__list .wd__feature .wd__feature__describe span, .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top, .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top span .wd__feature__describe { font-size: 16px; line-height: 1.2; } } @media all and (max-width: 720px) { .wd__section .wd__feature__list .wd__feature .wd__feature__describe span, .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top, .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top span .wd__feature__describe { display: block; font-size: 13px; line-height: 1.4 !important; letter-spacing: .1px; } } .wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-left-l { padding-left: 7px; } .wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-left-m { padding-left: 5px; } .wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-left-s { padding-left: 3px; } .wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-right-l { padding-right: 7px; } .wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-right-m { padding-right: 5px; } .wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-right-s { padding-right: 3px; } @media all and (min-width: 721px) and (max-width: 1300px) { .wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-left-l { padding-left: 7px; } .wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-left-m { padding-left: 5px; } .wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-left-s { padding-left: 3px; } .wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-right-l { padding-right: 7px; } .wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-right-m { padding-right: 5px; } .wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-right-s { padding-right: 3px; } } @media all and (max-width: 720px) { .wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-left-l { padding-left: 3px; } .wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-left-m { padding-left: 2px; } .wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-left-s { padding-left: 1px; } .wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-right-l { padding-right: 3px; } .wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-right-m { padding-right: 2px; } .wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-right-s { padding-right: 1px; } } .wd__section .wd__feature__list .wd__feature .wd__feature__data sup.sign-deg { top: -22px; font-size: 40px; } @media all and (min-width: 721px) and (max-width: 1300px) { .wd__section .wd__feature__list .wd__feature .wd__feature__data sup.sign-deg { top: -22px; font-size: 40px; } } @media all and (max-width: 720px) { .wd__section .wd__feature__list .wd__feature .wd__feature__data sup.sign-deg { top: -15px; font-size: 28px; } } .wd__section .wd__feature__list .wd__feature .wd__feature__data sup.sign-star-small { top: -21px; font-size: 28px; } @media all and (min-width: 721px) and (max-width: 1300px) { .wd__section .wd__feature__list .wd__feature .wd__feature__data sup.sign-star-small { top: -21px; font-size: 28px; } } @media all and (max-width: 720px) { .wd__section .wd__feature__list .wd__feature .wd__feature__data sup.sign-star-small { top: -12px; font-size: 25px; } } .wd__section .wd__feature__list .wd__feature .wd__feature__data sup.sign-star { top: -25px; font-size: 28px; } @media all and (min-width: 721px) and (max-width: 1300px) { .wd__section .wd__feature__list .wd__feature .wd__feature__data sup.sign-star { top: -25px; font-size: 28px; } } @media all and (max-width: 720px) { .wd__section .wd__feature__list .wd__feature .wd__feature__data sup.sign-star { top: -15px; font-size: 25px; } } .wd__section .wd__feature__list .wd__feature .wd__feature__data span.sign-TM { position: relative; top: -18px; font-size: 30px; } @media all and (min-width: 721px) and (max-width: 1300px) { .wd__section .wd__feature__list .wd__feature .wd__feature__data span.sign-TM { top: -18px; font-size: 30px; } } @media all and (max-width: 720px) { .wd__section .wd__feature__list .wd__feature .wd__feature__data span.sign-TM { top: -14px; font-size: 20px; } } .wd__section .wd__feature__list .wd__feature .wd__feature__data.text__long-en { position: relative; bottom: 3px; font-size: 54px; line-height: 0.95; } .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: 54px; line-height: 65px; } .wd__section .wd__feature__list .wd__feature .wd__feature__data.text__long-tw { margin-top: 10px; font-size: 46px; line-height: 56px; } } @media all and (max-width: 720px) { .wd__section .wd__feature__list .wd__feature .wd__feature__data.text__long-en { bottom: -2px; margin-bottom: -1px; padding-top: 0px; font-size: 37.8px; line-height: 49px; } .wd__section .wd__feature__list .wd__feature .wd__feature__data.text__long-tw { padding-top: 5px; font-size: 32px; line-height: 36px; } } .wd__section .wd__feature__list .wd__feature .wd__feature__data.plus { position: relative; margin-right: 32px; } .wd__section .wd__feature__list .wd__feature .wd__feature__data.plus span { position: absolute; top: 4px; right: -33px; font-size: 51px; } @font-face { .wd__section { font-family: "slick"; src: url("/font/slick.eot"); src: url("/font/slick.eot?#iefix") format("embedded-opentype"), url("/font/slick.woff") format("woff"), url("/font/slick.ttf") format("truetype"), url("/font/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; } } .wd__section .slick-prev, .wd__section .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; } .wd__section .slick-prev:hover, .wd__section .slick-prev:focus, .wd__section .slick-next:hover, .wd__section .slick-next:focus { outline: none; color: transparent; } .wd__section .slick-prev:hover:before, .wd__section .slick-prev:focus:before, .wd__section .slick-next:hover:before, .wd__section .slick-next:focus:before { opacity: 1; } .wd__section .slick-prev.slick-disabled:before, .wd__section .slick-next.slick-disabled:before { opacity: 0.25; } .wd__section .slick-prev { left: -25px; } [dir="rtl"] .wd__section .slick-prev { left: auto; right: -25px; } .wd__section .slick-next { right: -25px; } [dir="rtl"] .wd__section .slick-next { left: -25px; right: auto; } .wd__section .slick-slider { margin-bottom: 30px; } .wd__section .slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; } .wd__section .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .wd__section .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; } .wd__section .slick-dots li button:hover, .wd__section .slick-dots li button:focus { outline: none; } .wd__section .slick-dots li button:hover:before, .wd__section .slick-dots li button:focus:before { opacity: 1; } .wd__section .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .wd__section .slick-dots li.slick-active button:before { color: black; opacity: 0.75; } .wd__section .slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .wd__section .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .wd__section .slick-list:focus { outline: none; } .wd__section .slick-list.dragging { cursor: pointer; cursor: hand; } .wd__section .slick-slider .slick-track, .wd__section .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .wd__section .slick-track { position: relative; left: 0; top: 0; display: block; } .wd__section .slick-track:before, .wd__section .slick-track:after { content: ""; display: table; } .wd__section .slick-track:after { clear: both; } .slick-loading .wd__section .slick-track { visibility: hidden; } .wd__section .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .wd__section .slick-slide { float: right; } .wd__section .slick-slide img { display: block; } .wd__section .slick-slide.slick-loading img { display: none; } .wd__section .slick-slide.dragging img { pointer-events: none; } .slick-initialized .wd__section .slick-slide { display: block; } .slick-loading .wd__section .slick-slide { visibility: hidden; } .slick-vertical .wd__section .slick-slide { display: block; height: auto; border: 1px solid transparent; } .wd__section .slick-arrow.slick-hidden { display: none; } .wd__section .slick__nav { margin-bottom: 40px; color: #636360; text-align: center; font-size: 1.5em; line-height: 1.6; } .wd__section .slick__nav a { color: #636360; } .wd__section .slick-slide { display: block; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .wd__section .slick-next { right: 25px; } .wd__section .slick-prev { left: 25px; } .wd__section .slick__prev, .wd__section .slick__next { z-index: 9999; content: ''; } .wd__section .slick__prev:before, .wd__section .slick__next:before { content: ''; display: none; } .wd__section [dir='rtl'] .slick__prev:before { content: ''; display: none; } .wd__section [dir='rtl'] .slick__next:before { content: ''; display: none; } .wd__section .wd__slick .container { margin: auto; padding-left: 20px; padding-right: 20px; max-width: 900px; } .wd__section .wd__slick .container.e1 .slick__info { margin-top: 15em; } .wd__section .wd__slick .container .slick__half { width: 45%; } .wd__section .wd__slick .container .slick__left { float: left; } .wd__section .wd__slick .container .slick__right { float: right; } .wd__section .wd__slick .container .slick__img, .wd__section .wd__slick .container .slick__info { width: 100%; } .wd__section .sprite__arrow__right { z-index: 1000; background-position: -214px -5px; width: 49px; height: 96px; } .wd__section .sprite__arrow__left { z-index: 1000; background-position: -80px -5px; width: 49px; height: 96px; } .wd__section .sprite-arrow_r { width: 65px; height: 130px; } .wd__section .sprite-arrow_l { width: 65px; height: 130px; } .wd__section .slick-prev, .wd__section .slick-next { z-index: 1; background-color: transparent; margin-top: -19px; width: 50px; height: 118px; background-color: rgba(0, 0, 0, 0.3); background-color: gray\9; border-radius: 0 10px 10px 0; } .wd__section .slick-prev:before, .wd__section .slick-next:before { position: absolute; display: block; z-index: 1000; top: 57px; top: 0\9; font-size: 34px; color: white; } .wd__section .slick-prev { left: 0px; border-radius: 0 10px 10px 0; } .wd__section .slick-prev:before { content: '<'; right: 18px; } .wd__section .slick-next { right: 0; border-radius: 10px 0 0 10px; } .wd__section .slick-next:before { content: '>'; left: 18px; } @media all and (min-width: 721px) and (max-width: 1300px) { .wd__section .slick-prev, .wd__section .slick-next { margin-top: -19px; width: 35px; height: 88px; } .wd__section .slick-prev:before, .wd__section .slick-next:before { position: absolute; display: block; z-index: 1000; top: 43px; font-size: 26px; color: white; } .wd__section .slick-prev:before { right: 10px; } .wd__section .slick-next:before { left: 10px; } } @media all and (max-width: 720px) { .wd__section .slick-prev, .wd__section .slick-next { display: none !important; } } .wd__section .wd__border__center__text { display: inline-block; } .wd__section .wd__border__center__text .center__text { font-family: "Myriad W01_n1", "Myriad W01", "Segoe UI", sans-serif; font-weight: 100; font-style: normal; color: #a89d5b; font-size: 2.27em; display: table-cell; vertical-align: middle; border: 1px solid #c4c4c4; border-radius: 5px; height: 174px; width: 4em; min-width: 180px; text-align: center; } .wd__section .wd__border__center__text__list { text-align: center; } .wd__section .wd__border__center__text__list .wd__border__center__text { margin-left: 3px; margin-right: 3px; } .wd__section .wd__performance__graph { position: relative; text-align: left; margin-top: 32px; } .wd__section .wd__performance__graph .graph__heading { display: block; padding-bottom: 40px; font-size: 25px; } .wd__section .wd__performance__graph .graph__description { display: block; margin-top: -34px; padding-bottom: 40px; font-size: 17px; } .wd__section .wd__performance__graph .space-left-m { padding-left: 3px; } .wd__section .wd__performance__graph .space-right-m { padding-right: 3px; } .wd__section .wd__performance__graph .graph .graph__line { margin-bottom: 28px; } .wd__section .wd__performance__graph .graph .graph__line.line-1 .bar__value { display: none; } .wd__section .wd__performance__graph .graph .graph__line.line-1 .graph__bar { transition: width 1200ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0ms; } .wd__section .wd__performance__graph .graph .graph__line.line-1 .graph__bar .bar__value { transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 800ms; } .wd__section .wd__performance__graph .graph .graph__line.line-1 .graph__caption { transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 200ms; } .wd__section .wd__performance__graph .graph .graph__line.line-2 .graph__bar { transition: width 1200ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 400ms; } .wd__section .wd__performance__graph .graph .graph__line.line-2 .graph__bar .bar__value { transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 1200ms; } .wd__section .wd__performance__graph .graph .graph__line.line-2 .graph__caption { transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 600ms; } .wd__section .wd__performance__graph .graph .graph__line.line-3 .graph__bar { transition: width 1200ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 800ms; } .wd__section .wd__performance__graph .graph .graph__line.line-3 .graph__bar .bar__value { transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 1600ms; } .wd__section .wd__performance__graph .graph .graph__line.line-3 .graph__caption { transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 1000ms; } .wd__section .wd__performance__graph .graph .graph__line.line-4 .graph__bar { transition: width 1200ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 1200ms; } .wd__section .wd__performance__graph .graph .graph__line.line-4 .graph__bar .bar__value { transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 2000ms; } .wd__section .wd__performance__graph .graph .graph__line.line-4 .graph__caption { transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 1400ms; } .wd__section .wd__performance__graph .graph .graph__line.line-5 .graph__bar { transition: width 1200ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 1600ms; } .wd__section .wd__performance__graph .graph .graph__line.line-5 .graph__bar .bar__value { transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 2400ms; } .wd__section .wd__performance__graph .graph .graph__line.line-5 .graph__caption { transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 1800ms; } .wd__section .wd__performance__graph .graph .graph__line.line-6 .graph__bar { transition: width 1200ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 2000ms; } .wd__section .wd__performance__graph .graph .graph__line.line-6 .graph__bar .bar__value { transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 2800ms; } .wd__section .wd__performance__graph .graph .graph__line.line-6 .graph__caption { transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 2200ms; } .wd__section .wd__performance__graph .graph .graph__line .graph__bar { position: relative; margin-bottom: 10px; height: 12px; } .wd__section .wd__performance__graph .graph .graph__line .graph__bar .bar__value { position: absolute; opacity: 1; left: 100%; margin-top: -8px; margin-left: 19px; font-size: 22px; letter-spacing: .05em; } .wd__section .wd__performance__graph .graph .graph__line .graph__bar .bar__value .value__unit { font-size: 13px; } .wd__section .wd__performance__graph .graph .graph__line .graph__caption { opacity: 1; font-size: 17px; letter-spacing: .05em; } .wd__section .wd__performance__graph .graph-badge { margin-left: -26px; margin-top: -41px; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); transition: opacity 700ms cubic-bezier(0.215, 0.61, 0.355, 1) 1.1s, -webkit-transform 900ms cubic-bezier(0.215, 0.61, 0.355, 1) 1.1s; transition: transform 900ms cubic-bezier(0.215, 0.61, 0.355, 1) 1.1s, opacity 700ms cubic-bezier(0.215, 0.61, 0.355, 1) 1.1s; transition: transform 900ms cubic-bezier(0.215, 0.61, 0.355, 1) 1.1s, opacity 700ms cubic-bezier(0.215, 0.61, 0.355, 1) 1.1s, -webkit-transform 900ms cubic-bezier(0.215, 0.61, 0.355, 1) 1.1s; } .wd__section .wd__performance__graph .graph-badge .badge__caption-top, .wd__section .wd__performance__graph .graph-badge .badge__caption-bottom { display: block; font-size: 16px; letter-spacing: 0.4px; line-height: 1; } .wd__section .wd__performance__graph .graph-badge .badge__value { display: block; font-size: 65px; line-height: 1; } .wd__section .wd__performance__graph .graph-badge .badge__value .value__unit { font-size: 0.4em; } .wd__section .wd__performance__graph .graph-badge .badge__caption-bottom { margin-top: -3px; } .wd__section .wd__performance__graph.reset .graph .graph__line .graph__bar { width: 0% !important; } .wd__section .wd__performance__graph.reset .graph .graph__line .graph__bar .bar__value { opacity: 0 !important; } .wd__section .wd__performance__graph.reset .graph .graph__line .graph__caption { opacity: 0 !important; } .wd__section .wd__performance__graph.reset .graph-badge { -webkit-transform: translate3d(-40px, 0px, 0px) !important; transform: translate3d(-40px, 0px, 0px) !important; opacity: 0 !important; } @media all and (min-width: 721px) and (max-width: 1300px) { .wd__section .wd__performance__graph .graph .graph__line .graph__bar .bar__value { margin-top: -4px; font-size: 17px; } .wd__section .wd__performance__graph .graph-badge { margin-top: -36px; } .wd__section .wd__performance__graph .graph-badge .badge__value { font-size: 58px; } } @media all and (min-width: 1px) and (max-width: 720px) { .wd__section .wd__performance__graph .graph__heading { padding-bottom: 24px; font-size: 19px; } .wd__section .wd__performance__graph .graph__description { margin-top: -26px; padding-bottom: 24px; } .wd__section .wd__performance__graph .graph .graph__line { margin-bottom: 28px; } .wd__section .wd__performance__graph .graph .graph__line.line-1 { position: relative; } .wd__section .wd__performance__graph .graph .graph__line.line-1 .graph__bar .bar__value { display: block; position: absolute; text-align: right; right: 0; margin-top: 16px; margin-left: -150px; font-size: 32px; } .wd__section .wd__performance__graph .graph .graph__line .graph__bar .bar__value { margin-left: 12px; } .wd__section .wd__performance__graph .graph .graph__line .graph__bar .bar__value .value__unit { font-size: 22px; } .wd__section .wd__performance__graph .graph .graph__line .graph__caption { opacity: 1; font-size: 13px; line-height: 1.4; letter-spacing: .1px; } .wd__section .wd__performance__graph .graph-badge { display: none; } } .wd__section .wd__performance__graph.theme-black .graph__heading, .wd__section .wd__performance__graph.theme-black .graph__description { color: white; } .wd__section .wd__performance__graph.theme-black .bar__value, .wd__section .wd__performance__graph.theme-black .graph__caption { color: #eee; } .wd__section .wd__performance__graph.theme-black .line-1 .bar__value { color: #00c6ff; } .wd__section .wd__performance__graph.theme-black .graph-badges .graph-badge .badge__caption-top, .wd__section .wd__performance__graph.theme-black .graph-badges .graph-badge .badge__caption-bottom { color: white; } .wd__section .wd__performance__graph.theme-black .graph-badges .graph-badge .badge__value { color: #00c6ff; } .wd__section .wd__performance__graph.theme-white .graph__heading, .wd__section .wd__performance__graph.theme-white .graph__description { color: #333; } .wd__section .wd__performance__graph.theme-white .bar__value, .wd__section .wd__performance__graph.theme-white .graph__caption { color: #555; } .wd__section .wd__performance__graph.theme-white .line-1 .bar__value { color: #00c6ff; } .wd__section .wd__performance__graph.theme-white .graph-badges .graph-badge .badge__caption-top, .wd__section .wd__performance__graph.theme-white .graph-badges .graph-badge .badge__caption-bottom { color: #333; } .wd__section .wd__performance__graph.theme-white .graph-badges .graph-badge .badge__value { color: #00c6ff; } .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: -18px; font-size: 51px; } .section__kv .wd__content .content__info { margin-top: 40px; width: 900px; font-size: 26px; } @media all and (min-width: 721px) and (max-width: 1300px) { .section__kv .wd__content .content__slogan { margin-top: -2px; font-size: 40px; } .section__kv .wd__content .content__title { font-size: 40px; } .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/ugrin67gx0x7rj5h/v3/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/ugrin67gx0x7rj5h/v3/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/ugrin67gx0x7rj5h/v3/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/ugrin67gx0x7rj5h/v3/features/images/large/2x/inner/icon/icon_all_smiles.png"); } } .inner__page .icon.icon-auto { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/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/ugrin67gx0x7rj5h/v3/features/images/large/2x/inner/icon/icon_auto.png"); } } .inner__page .icon.icon-beautification { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/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/ugrin67gx0x7rj5h/v3/features/images/large/2x/inner/icon/icon_beautification.png"); } } .inner__page .icon.icon-depthOfField { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/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/ugrin67gx0x7rj5h/v3/features/images/large/2x/inner/icon/icon_depth_of_field.png"); } } .inner__page .icon.icon-effect { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/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/ugrin67gx0x7rj5h/v3/features/images/large/2x/inner/icon/icon_effect.png"); } } .inner__page .icon.icon-gif { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/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/ugrin67gx0x7rj5h/v3/features/images/large/2x/inner/icon/icon_gif.png"); } } .inner__page .icon.icon-hdrPro { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/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/ugrin67gx0x7rj5h/v3/features/images/large/2x/inner/icon/icon_hdr_pro.png"); } } .inner__page .icon.icon-kids { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/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/ugrin67gx0x7rj5h/v3/features/images/large/2x/inner/icon/icon_kids.png"); } } .inner__page .icon.icon-lowlight { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/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/ugrin67gx0x7rj5h/v3/features/images/large/2x/inner/icon/icon_lowlight.png"); } } .inner__page .icon.icon-miniature { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/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/ugrin67gx0x7rj5h/v3/features/images/large/2x/inner/icon/icon_miniature.png"); } } .inner__page .icon.icon-night { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/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/ugrin67gx0x7rj5h/v3/features/images/large/2x/inner/icon/icon_night.png"); } } .inner__page .icon.icon-qrCode { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/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/ugrin67gx0x7rj5h/v3/features/images/large/2x/inner/icon/icon_qr_code.png"); } } .inner__page .icon.icon-selfiePanorama { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/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/ugrin67gx0x7rj5h/v3/features/images/large/2x/inner/icon/icon_selfie_panorama.png"); } } .inner__page .icon.icon-selfie { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/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/ugrin67gx0x7rj5h/v3/features/images/large/2x/inner/icon/icon_selfie.png"); } } .inner__page .icon.icon-slowMotion { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/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/ugrin67gx0x7rj5h/v3/features/images/large/2x/inner/icon/icon_slow_motion.png"); } } .inner__page .icon.icon-smartRemove { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/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/ugrin67gx0x7rj5h/v3/features/images/large/2x/inner/icon/icon_smart_remove.png"); } } .inner__page .icon.icon-superResolution { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/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/ugrin67gx0x7rj5h/v3/features/images/large/2x/inner/icon/icon_super_resolution.png"); } } .inner__page .icon.icon-manual { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/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/ugrin67gx0x7rj5h/v3/features/images/large/2x/inner/icon/icon_manual.png"); } } .inner__page .icon.icon-timeLapse { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/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/ugrin67gx0x7rj5h/v3/features/images/large/2x/inner/icon/icon_time_lapse.png"); } } .inner__page .icon.icon-timeRewind { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/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/ugrin67gx0x7rj5h/v3/features/images/large/2x/inner/icon/icon_time_rewind.png"); } } .inner__page .icon.icon-youtube { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/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/ugrin67gx0x7rj5h/v3/features/images/large/2x/inner/icon/icon_youtube.png"); } } .inner__page .icon.icon-panaroma { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/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/ugrin67gx0x7rj5h/v3/features/images/large/2x/inner/icon/icon_panaroma.png"); } } .inner__page .icon.icon-pro { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/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/ugrin67gx0x7rj5h/v3/features/images/large/2x/inner/icon/icon_pro.png"); } } .inner__page .icon.icon-portrait { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/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/ugrin67gx0x7rj5h/v3/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/ugrin67gx0x7rj5h/v3/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/ugrin67gx0x7rj5h/v3/features/images/large/2x/icon/inner/icon_open_black.png"); } } .wd__innerbtn.theme-black .inner__btn.active .toggleSlide { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/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/ugrin67gx0x7rj5h/v3/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/ugrin67gx0x7rj5h/v3/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/ugrin67gx0x7rj5h/v3/features/images/large/2x/icon/inner/icon_open_white.png"); } } .wd__innerbtn.theme-white .inner__btn.active .toggleSlide { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/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/ugrin67gx0x7rj5h/v3/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 { background: #fff; } #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 .slick-dots li { margin-left: 10px; margin-right: 10px; } #CMD .wd__section .slick-dots li button:before { color: #1c1b19; font-size: 41px; } #CMD .wd__section .slick-dots li button:hover:before { color: #1c1b19; } #CMD .wd__section .wd__content { margin-left: auto; margin-right: auto; padding-left: 314px; width: 816px; } #CMD .wd__section .wd__content .content__slogan { position: absolute; top: 18px; left: 0; color: #25aae5; text-transform: uppercase; } #CMD .wd__section .wd__content .content__title { color: #1c1b19; } #CMD .wd__section .wd__content .content__info { color: #1c1b19; } #CMD .wd__section .wd__content .content__link { linkColor: #25aae5; color: #25aae5; } #CMD .wd__section .wd__content .content__link span { color: #25aae5; } #CMD .wd__section .wd__content .content__link:after { color: #25aae5; } #CMD .wd__section .wd__content .content__link:link { color: #25aae5; } #CMD .wd__section .wd__content .content__link:hover span { border-bottom: 1px solid #25aae5; } #CMD .wd__section .wd__content .content__slogan:before { position: relative; display: block; content: ''; top: -6px; width: 225px; height: 2px; background: #25aae5; } #CMD .wd__section .wd__content .content__link span, #CMD .wd__section .wd__content .wd__link__arrow:after, #CMD .wd__section .wd__content a:hover { color: #25aae5; } #CMD .wd__section .wd__content .content__link:hover span { border-bottom: 1px solid #25aae5; } #CMD .wd__section .wd__feature__list .wd__feature { vertical-align: bottom; } #CMD .wd__section .wd__feature__list .wd__feature .wd__feature__data { color: #25aae5; } #CMD .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top { color: #1c1b19; } #CMD .wd__section .wd__feature__list .wd__feature .wd__feature__describe { color: #1c1b19; } #CMD .wd__section .wd__feature__list sup.sign-cr { top: -0.2em; } #CMD .wd__section .wd__feature__list sup.sign-tm { top: -0.4em; font-size: 60%; } #CMD .wd__section.theme__text-white .wd__content .content__title { color: #fff; } #CMD .wd__section.theme__text-white .wd__content .content__info { color: #fff; } #CMD .wd__section.theme__text-white .wd__content .content__link span { color: #fff; } #CMD .wd__section.theme__text-white .wd__feature__list .wd__feature .wd__feature__data { color: #fff; } #CMD .wd__section.theme__text-white .wd__feature__list .wd__feature .wd__feature__describe__top { color: #25aae5; } #CMD .wd__section.theme__text-white .wd__feature__list .wd__feature .wd__feature__describe { color: #fff; } #CMD .wd__section.theme__text-white .wd__feature__list .wd__feature .wd__feature__data { color: #25aae5; } #CMD .wd__section.theme__text-special-black .wd__content .content__slogan { color: #1c1b19; } #CMD .wd__section.theme__text-special-black .wd__content .content__title { color: #1c1b19; } #CMD .wd__section.theme__text-special-black .wd__content .content__info { color: #1c1b19; } #CMD .wd__section.theme__text-special-black .wd__content .content__link span { color: #1c1b19; } #CMD .wd__section.theme__text-special-black .wd__content .content__slogan:before { background: #1c1b19; } #CMD .wd__section.theme__text-special-black .wd__feature__list .wd__feature .wd__feature__data { color: #fff; } #CMD .wd__section.theme__text-special-black .wd__feature__list .wd__feature .wd__feature__describe__top { color: #1c1b19; } #CMD .wd__section.theme__text-special-black .wd__feature__list .wd__feature .wd__feature__describe { color: #fff; } #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 { top: -0.4em; } @-webkit-keyframes camBgSlide { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 30% { -webkit-transform: translate3d(57px, 0, 0); transform: translate3d(57px, 0, 0); } 70% { -webkit-transform: translate3d(57px, 0, 0); transform: translate3d(57px, 0, 0); } 85% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes camBgSlide { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 30% { -webkit-transform: translate3d(57px, 0, 0); transform: translate3d(57px, 0, 0); } 70% { -webkit-transform: translate3d(57px, 0, 0); transform: translate3d(57px, 0, 0); } 85% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes camBtnSlide { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 30% { -webkit-transform: translate3d(34px, 0, 0); transform: translate3d(34px, 0, 0); } 70% { -webkit-transform: translate3d(34px, 0, 0); transform: translate3d(34px, 0, 0); } 85% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes camBtnSlide { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 30% { -webkit-transform: translate3d(34px, 0, 0); transform: translate3d(34px, 0, 0); } 70% { -webkit-transform: translate3d(34px, 0, 0); transform: translate3d(34px, 0, 0); } 85% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes AlexaDetectActive { 0% { background: linear-gradient(to right, transparent 10%, #89d3ff 40%, #89d3ff 60%, transparent 90%); -webkit-transform: scale(2, 1) translate3d(0, 0, 0); transform: scale(2, 1) translate3d(0, 0, 0); } 30% { background: linear-gradient(to right, transparent 10%, #89d3ff 40%, #89d3ff 60%, transparent 90%); -webkit-transform: scale(0.3, 1) translate3d(0, 0, 0); transform: scale(0.3, 1) translate3d(0, 0, 0); } 60% { background: linear-gradient(to right, transparent 10%, #89d3ff 40%, #89d3ff 60%, transparent 90%); -webkit-transform: scale(0.3, 1) translate3d(0, 0, 0); transform: scale(0.3, 1) translate3d(0, 0, 0); } 65% { background: linear-gradient(to right, transparent, transparent); -webkit-transform: scale(0.3, 1) translate3d(0, 0, 0); transform: scale(0.3, 1) translate3d(0, 0, 0); } 100% { background: linear-gradient(to right, transparent, transparent); -webkit-transform: scale(0.3, 1) translate3d(0, 0, 0); transform: scale(0.3, 1) translate3d(0, 0, 0); } } @keyframes AlexaDetectActive { 0% { background: linear-gradient(to right, transparent 10%, #89d3ff 40%, #89d3ff 60%, transparent 90%); -webkit-transform: scale(2, 1) translate3d(0, 0, 0); transform: scale(2, 1) translate3d(0, 0, 0); } 30% { background: linear-gradient(to right, transparent 10%, #89d3ff 40%, #89d3ff 60%, transparent 90%); -webkit-transform: scale(0.3, 1) translate3d(0, 0, 0); transform: scale(0.3, 1) translate3d(0, 0, 0); } 60% { background: linear-gradient(to right, transparent 10%, #89d3ff 40%, #89d3ff 60%, transparent 90%); -webkit-transform: scale(0.3, 1) translate3d(0, 0, 0); transform: scale(0.3, 1) translate3d(0, 0, 0); } 65% { background: linear-gradient(to right, transparent, transparent); -webkit-transform: scale(0.3, 1) translate3d(0, 0, 0); transform: scale(0.3, 1) translate3d(0, 0, 0); } 100% { background: linear-gradient(to right, transparent, transparent); -webkit-transform: scale(0.3, 1) translate3d(0, 0, 0); transform: scale(0.3, 1) translate3d(0, 0, 0); } } @-webkit-keyframes AlexaDetectListen { 0% { background: linear-gradient(to right, transparent 10%, #89d3ff 40%, #89d3ff 60%, transparent 90%); -webkit-transform: scale(0.3, 1) translate3d(0, 0, 0); transform: scale(0.3, 1) translate3d(0, 0, 0); } 30% { background: linear-gradient(to right, transparent 10%, #89d3ff 40%, #89d3ff 60%, transparent 90%); -webkit-transform: scale(2, 1) translate3d(0, 0, 0); transform: scale(2, 1) translate3d(0, 0, 0); } 60% { background: linear-gradient(to right, transparent 10%, #89d3ff 40%, #89d3ff 60%, transparent 90%); -webkit-transform: scale(2, 1) translate3d(0, 0, 0); transform: scale(2, 1) translate3d(0, 0, 0); } 65% { background: linear-gradient(to right, transparent, transparent); -webkit-transform: scale(2, 1) translate3d(0, 0, 0); transform: scale(2, 1) translate3d(0, 0, 0); } 100% { background: linear-gradient(to right, transparent, transparent); -webkit-transform: scale(2, 1) translate3d(0, 0, 0); transform: scale(2, 1) translate3d(0, 0, 0); } } @keyframes AlexaDetectListen { 0% { background: linear-gradient(to right, transparent 10%, #89d3ff 40%, #89d3ff 60%, transparent 90%); -webkit-transform: scale(0.3, 1) translate3d(0, 0, 0); transform: scale(0.3, 1) translate3d(0, 0, 0); } 30% { background: linear-gradient(to right, transparent 10%, #89d3ff 40%, #89d3ff 60%, transparent 90%); -webkit-transform: scale(2, 1) translate3d(0, 0, 0); transform: scale(2, 1) translate3d(0, 0, 0); } 60% { background: linear-gradient(to right, transparent 10%, #89d3ff 40%, #89d3ff 60%, transparent 90%); -webkit-transform: scale(2, 1) translate3d(0, 0, 0); transform: scale(2, 1) translate3d(0, 0, 0); } 65% { background: linear-gradient(to right, transparent, transparent); -webkit-transform: scale(2, 1) translate3d(0, 0, 0); transform: scale(2, 1) translate3d(0, 0, 0); } 100% { background: linear-gradient(to right, transparent, transparent); -webkit-transform: scale(2, 1) translate3d(0, 0, 0); transform: scale(2, 1) translate3d(0, 0, 0); } } @-webkit-keyframes AlexaDetectDoing { 0% { background-color: rgba(79, 200, 255, 0); -webkit-transform: scale(1, 1) translate3d(0, 0, 0); transform: scale(1, 1) translate3d(0, 0, 0); } 35% { background-color: #89d3ff; } 65% { background-color: #89d3ff; } 100% { background-color: rgba(79, 200, 255, 0); } } @keyframes AlexaDetectDoing { 0% { background-color: rgba(79, 200, 255, 0); -webkit-transform: scale(1, 1) translate3d(0, 0, 0); transform: scale(1, 1) translate3d(0, 0, 0); } 35% { background-color: #89d3ff; } 65% { background-color: #89d3ff; } 100% { background-color: rgba(79, 200, 255, 0); } } #CMD .section__kv { overflow: hidden; margin-top: 59px; padding-top: 70px; padding-bottom: 57px; background: #efefef; } #CMD .section__kv .wd__content { padding-left: 0; width: 100%; } #CMD .section__kv .wd__content .content__title { color: #1c1b19; font-size: 53px; margin-top: -31px; font-weight: 200; } #CMD .section__kv .wd__content .content__info { color: #333; width: 882px; } #CMD .section__kv .wd__content.bottom-content { position: absolute; z-index: 100000000; margin-top: -503px; } #CMD .section__kv .wd__content.bottom-content .content__info { color: #fff; } #CMD .section__kv .wd__content.bottom-content .content__link { font-size: 25px; } #CMD .section__kv .wd__content .content__title { font-size: 46px; } #CMD .section__kv .wd__content .content__title .no__wrap { font-family: "Myriad W01_n2", "Myriad W01", "Segoe UI", sans-serif !important; font-weight: 200; font-style: normal; } #CMD .section__kv .wd__content .content__subtitle { margin-top: 8px; font-size: 31.5px; color: #888888; font-family: "Myriad W01_n2", "Myriad W01", "Segoe UI", sans-serif !important; font-weight: 200; font-style: normal; } #CMD .section__kv .wd__content .content__subtitle .sign-fnum { font-size: 50%; top: -0.7em; } #CMD .section__kv .img__kv__logo { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/kv_logo.png") ; margin-top: 0; width: 562px; height: 74px; 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 .section__kv .img__kv__logo { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/kv_logo.png"); } } #CMD .section__kv .img__kv { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/kv.jpg") ; position: relative; left: 50%; margin-top: -280px; margin-left: -1280px; width: 2560px; height: 2027px; } @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/ugrin67gx0x7rj5h/v3/features/images/large/2x/kv.jpg"); } } #CMD .section__thin { overflow: hidden; padding-top: 60px; } #CMD .section__thin .wd__content .content__title { width: 500px; } #CMD .section__thin .wd__content .content__info { max-width: 520px; } #CMD .section__thin .img__thin { position: relative; left: 50%; margin-top: -800px; margin-left: -1280px; width: 2560px; height: 1389px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/s2.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__thin .img__thin { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/s2.jpg"); } } #CMD .section__thin .img__thin-hl { margin-left: 0; margin-right: 0; position: relative; left: 50%; margin-top: -30px; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100%; max-width: 1920px; height: 0; padding-bottom: 18.44%; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/s2_hl.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__thin .img__thin-hl { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/s2_hl.jpg"); } } #CMD .section__thin .modal-button-container { z-index: 99; position: relative; margin-top: 70px; } #CMD .section__dual { overflow: hidden; padding-top: 185px; } #CMD .section__dual .wd__content .content__info { width: 740px; } #CMD .section__dual .wd__feature__list { width: 510px; position: relative; left: 50%; margin-top: 135px; margin-left: -564px; } #CMD .section__dual .wd__feature__list .wd__feature.feature-1 { width: 100%; margin-left: 0; margin-right: 0; } #CMD .section__dual .wd__feature__list .wd__feature.feature-1 .wd__feature__describe { display: none; } #CMD .section__dual .img__dual { position: relative; left: 50%; margin-top: -570px; margin-left: -315px; width: 1009px; height: 874px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/s3.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__dual .img__dual { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/s3.jpg"); } } #CMD .section__dual .img__dual .img-icon-intel { position: absolute; top: 412px; left: 50%; margin-left: -410px; width: 150px; height: 207px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/icon/icon-intel.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__dual .img__dual .img-icon-intel { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/icon/icon-intel.png"); } } #CMD .section__dual .modal-button-container { margin-top: -100px; } #CMD .section__battery { overflow: hidden; margin-top: 0px; padding-top: 160px; padding-bottom: 130px; } #CMD .section__battery .wd__content .content__info { width: 794px; } #CMD .section__battery .wd__feature__list { width: 350px; position: relative; left: 50%; margin-top: 112px; margin-left: 244px; } #CMD .section__battery .wd__feature__list .wd__feature.feature-1, #CMD .section__battery .wd__feature__list .wd__feature.feature-3 { width: 110px; } #CMD .section__battery .wd__feature__list .wd__feature.feature-2, #CMD .section__battery .wd__feature__list .wd__feature.feature-4 { width: 128px; } #CMD .section__battery .wd__feature__list .wd__feature.feature-3 .wd__feature__describe, #CMD .section__battery .wd__feature__list .wd__feature.feature-4 .wd__feature__describe { height: 40px; } #CMD .section__battery .img__battery { position: relative; left: 50%; margin-top: -535px; margin-left: -1280px; width: 2560px; height: 1174px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/s4.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__battery .img__battery { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/s4.jpg"); } } #CMD .section__battery .modal-button-container { z-index: 99; position: relative; margin-top: -70px; } #CMD .section__port { overflow: hidden; padding-top: 0px; background: #000; } #CMD .section__port .wd__content .content__info { width: 770px; } #CMD .section__port .col-content { padding: 100px 0 50px; background: #000; } #CMD .section__port .wd__feature__list { text-align: left; } #CMD .section__port .wd__feature__list .wd__feature { text-align: center; } #CMD .section__port .wd__feature__list .wd__feature .wd__feature__data .img__icon { width: 92px; height: 54px; margin-bottom: 10px; } #CMD .section__port .wd__feature__list .wd__feature .wd__feature__data .img__icon.img__icon1 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/icon/s5/icon1.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__port .wd__feature__list .wd__feature .wd__feature__data .img__icon.img__icon1 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/icon/s5/icon1.png"); } } #CMD .section__port .wd__feature__list .wd__feature .wd__feature__data .img__icon.img__icon2 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/icon/s5/icon2.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__port .wd__feature__list .wd__feature .wd__feature__data .img__icon.img__icon2 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/icon/s5/icon2.png"); } } #CMD .section__port .wd__feature__list .wd__feature .wd__feature__data .img__icon.img__icon3 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/icon/s5/icon3.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__port .wd__feature__list .wd__feature .wd__feature__data .img__icon.img__icon3 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/icon/s5/icon3.png"); } } #CMD .section__port .wd__feature__list .wd__feature .wd__feature__data .img__icon.img__icon4 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/icon/s5/icon4.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__port .wd__feature__list .wd__feature .wd__feature__data .img__icon.img__icon4 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/icon/s5/icon4.png"); } } #CMD .section__port .img__port { position: relative; left: 50%; margin-top: -480px; margin-left: -1280px; width: 2560px; height: 1179px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/s5.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__port .img__port { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/s5.jpg"); } } #CMD .section__port .img__port .port-item { position: absolute; left: 50%; color: #fff; font-size: 16px; } #CMD .section__port .img__port .port-item.port-1 { top: 932px; margin-left: -407px; } #CMD .section__port .img__port .port-item.port-2 { top: 905px; margin-left: -362px; } #CMD .section__port .img__port .port-item.port-3 { top: 876px; margin-left: -315px; } #CMD .section__port .img__port .port-item.port-4 { top: 850px; margin-left: -268px; } #CMD .section__port .img__port .port-item.port-5 { top: 905px; margin-left: 313px; } #CMD .section__port .img__port .port-item.port-6 { top: 932px; margin-left: 316px; } #CMD .section__port .modal-button-container { margin-top: -180px; } #CMD .section__military { overflow: hidden; padding-top: 90px; background: #0e0e0e; } #CMD .section__military .wd__content .content__info { width: 740px; } #CMD .section__military .col { background: #0e0e0e; } #CMD .section__military .wd__feature__list { text-align: center; width: 1180px; margin: 71px auto 0; } #CMD .section__military .wd__feature__list .wd__feature { text-align: center; width: 186px; margin-left: 22px; margin-right: 22px; min-height: 205px; } #CMD .section__military .wd__feature__list .wd__feature .wd__feature__data .img__icon { width: 102px; height: 82px; margin-bottom: 13px; } #CMD .section__military .wd__feature__list .wd__feature .wd__feature__data .img__icon.img__icon1 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/icon/s6/icon1.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__military .wd__feature__list .wd__feature .wd__feature__data .img__icon.img__icon1 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/icon/s6/icon1.png"); } } #CMD .section__military .wd__feature__list .wd__feature .wd__feature__data .img__icon.img__icon2 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/icon/s6/icon2.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__military .wd__feature__list .wd__feature .wd__feature__data .img__icon.img__icon2 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/icon/s6/icon2.png"); } } #CMD .section__military .wd__feature__list .wd__feature .wd__feature__data .img__icon.img__icon3 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/icon/s6/icon3.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__military .wd__feature__list .wd__feature .wd__feature__data .img__icon.img__icon3 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/icon/s6/icon3.png"); } } #CMD .section__military .wd__feature__list .wd__feature .wd__feature__data .img__icon.img__icon4 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/icon/s6/icon4.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__military .wd__feature__list .wd__feature .wd__feature__data .img__icon.img__icon4 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/icon/s6/icon4.png"); } } #CMD .section__military .wd__feature__list .wd__feature .wd__feature__data .img__icon.img__icon5 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/icon/s6/icon5.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__military .wd__feature__list .wd__feature .wd__feature__data .img__icon.img__icon5 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/icon/s6/icon5.png"); } } #CMD .section__military .wd__feature__list .wd__feature .wd__feature__data .img__icon.img__icon6 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/icon/s6/icon6.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__military .wd__feature__list .wd__feature .wd__feature__data .img__icon.img__icon6 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/icon/s6/icon6.png"); } } #CMD .section__military .wd__feature__list .wd__feature .wd__feature__data .img__icon.img__icon7 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/icon/s6/icon7.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__military .wd__feature__list .wd__feature .wd__feature__data .img__icon.img__icon7 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/icon/s6/icon7.png"); } } #CMD .section__military .wd__feature__list .wd__feature .wd__feature__data .img__icon.img__icon8 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/icon/s6/icon8.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__military .wd__feature__list .wd__feature .wd__feature__data .img__icon.img__icon8 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/icon/s6/icon8.png"); } } #CMD .section__military .wd__feature__list .wd__feature .wd__feature__data .img__icon.img__icon9 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/icon/s6/icon9.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__military .wd__feature__list .wd__feature .wd__feature__data .img__icon.img__icon9 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/icon/s6/icon9.png"); } } #CMD .section__military .wd__feature__list .wd__feature .wd__feature__data .img__icon.img__icon10 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/icon/s6/icon10.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__military .wd__feature__list .wd__feature .wd__feature__data .img__icon.img__icon10 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/icon/s6/icon10.png"); } } #CMD .section__military .wd__feature__list .wd__feature .wd__feature__describe span > span { display: block; } #CMD .section__military .wd__feature__list .wd__feature .wd__feature__describe span > span.text-title { font-size: 20px; margin-bottom: 4px; font-family: "Myriad W01_n3", "Myriad W01", "Segoe UI", sans-serif !important; font-weight: 300; font-style: normal; } #CMD .section__military .wd__feature__list .wd__feature .wd__feature__describe span > span.text-title .no__wrap { font-size: 20px; font-family: "Myriad W01_n3", "Myriad W01", "Segoe UI", sans-serif !important; font-weight: 300; font-style: normal; } #CMD .section__military .img__military { position: relative; left: 50%; margin-top: -200px; margin-left: -1280px; width: 2560px; height: 1172px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/s6.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__military .img__military { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/s6.jpg"); } } #CMD .section__military .modal-button-container { margin-top: -200px; } #CMD .section__experience { overflow: hidden; padding-top: 180px; background: #0e0e0e; } #CMD .section__experience .slick-content { width: 100%; max-width: 1130px; margin: 0 auto; } #CMD .section__experience .slick-content .slick-title { position: relative; margin-top: 80px; text-align: center; } #CMD .section__experience .slick-content .slick-title .title-line { transition: -webkit-transform 250ms ease; transition: transform 250ms ease; transition: transform 250ms ease, -webkit-transform 250ms ease; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); position: absolute; bottom: 0; left: 0; height: 4px; width: 226px; background-color: #25aae5; } #CMD .section__experience .slick-content .slick-title .title-nav { font-size: 0; padding: 15px 0 10px; margin: 0; border-bottom: 1px solid #f7f7f7; } #CMD .section__experience .slick-content .slick-title .title-nav li { cursor: pointer; text-transform: uppercase; vertical-align: bottom; width: 20%; display: inline-block; color: #fff; font-size: 20px; line-height: 24px; list-style-type: none; font-family: "Myriad W01_n3", "Myriad W01", "Segoe UI", sans-serif !important; font-weight: 300; font-style: normal; } #CMD .section__experience .slick-content .slick-title .title-nav li.js-selected { color: #25aae5; } #CMD .section__experience .slick-content .slick-info { transition: min-height 200ms ease, max-height 200ms ease; position: relative; max-width: 920px; height: auto; min-height: 0; max-height: 0; margin: 35px auto 70px; } #CMD .section__experience .slick-content .slick-info .si { transition: opacity 400ms ease, visibility 400ms ease; opacity: 0; display: none; visibility: hidden; position: relative; top: 0; left: 0; font-size: 20px; line-height: 1.5; color: #fff; } #CMD .section__experience .slick-content .slick-info .si.js-showed { opacity: 1; display: block; visibility: visible; } #CMD .section__experience .slick-content .slick-images { position: relative; width: 1127px; height: 628px; margin: 0 auto; } #CMD .section__experience .slick-content .slick-images .img-slick { transition: opacity 400ms ease; opacity: 0; position: absolute; top: 0; left: 0; width: 1127px; height: 628px; } #CMD .section__experience .slick-content .slick-images .img-slick#img-slick1 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s7/p1.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__experience .slick-content .slick-images .img-slick#img-slick1 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s7/p1.jpg"); } } #CMD .section__experience .slick-content .slick-images .img-slick#img-slick2 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s7/p2.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__experience .slick-content .slick-images .img-slick#img-slick2 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s7/p2.jpg"); } } #CMD .section__experience .slick-content .slick-images .img-slick#img-slick3 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s7/p3.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__experience .slick-content .slick-images .img-slick#img-slick3 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s7/p3.jpg"); } } #CMD .section__experience .slick-content .slick-images .img-slick#img-slick4 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s7/p4.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__experience .slick-content .slick-images .img-slick#img-slick4 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s7/p4.jpg"); } } #CMD .section__experience .slick-content .slick-images .img-slick#img-slick5 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s7/p5.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__experience .slick-content .slick-images .img-slick#img-slick5 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s7/p5.jpg"); } } #CMD .section__experience .slick-content .slick-images .img-slick.js-showed { opacity: 1; } #CMD .section__experience .img__experience { position: relative; left: 50%; margin-top: -190px; margin-left: -1280px; width: 2560px; height: 1172px; } #CMD .section__screen { overflow: hidden; padding-top: 225px; background: #0e0e0e; } #CMD .section__screen .wd__feature__list .wd__feature.feature-2 .wd__feature__data .sign-fnum { font-size: 50%; top: -0.9em; } #CMD .section__screen .img__screen { position: relative; left: 50%; margin-top: -70px; margin-left: -1280px; width: 2560px; height: 925px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/s8.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__screen .img__screen { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/s8.jpg"); } } #CMD .section__sound { overflow: hidden; padding-top: 100px; margin-top: -70px; background: #e0e4e9; } #CMD .section__sound .wd__feature__list .wd__feature.feature-1 .img__icon1 { width: 360px; height: 87px; margin-left: -11px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/icon/icon-harman.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__sound .wd__feature__list .wd__feature.feature-1 .img__icon1 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/icon/icon-harman.png"); } } #CMD .section__sound .img__sound { position: relative; left: 50%; margin-top: -550px; margin-left: -1280px; width: 2560px; height: 1439px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/s9.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__sound .img__sound { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/s9.jpg"); } } #CMD .section__alexa { overflow: hidden; padding-top: 0px; background: #0e0e0e; } #CMD .section__alexa .img__alexa { position: relative; left: 50%; margin-top: -248px; margin-left: -1280px; width: 2560px; height: 1238px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/s10.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__alexa .img__alexa { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/s10.jpg"); } } #CMD .section__software { overflow: hidden; padding-top: 200px; } #CMD .section__software .wd__content .content__info { width: 750px; } #CMD .section__software .slick-content { width: 100%; max-width: 1130px; margin: 0 auto; } #CMD .section__software .slick-content .slick-title { position: relative; margin-top: 80px; text-align: center; } #CMD .section__software .slick-content .slick-title .title-line { transition: -webkit-transform 250ms ease; transition: transform 250ms ease; transition: transform 250ms ease, -webkit-transform 250ms ease; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); position: absolute; bottom: 0; left: 0; height: 4px; width: 188px; background-color: #25aae5; } #CMD .section__software .slick-content .slick-title .title-nav { font-size: 0; padding: 15px 0 10px; margin: 0; border-bottom: 1px solid #1c1b19; } #CMD .section__software .slick-content .slick-title .title-nav li { cursor: pointer; text-transform: uppercase; vertical-align: bottom; width: 16.666%; display: inline-block; color: #1c1b19; font-size: 20px; line-height: 24px; list-style-type: none; font-family: "Myriad W01_n3", "Myriad W01", "Segoe UI", sans-serif !important; font-weight: 300; font-style: normal; } #CMD .section__software .slick-content .slick-title .title-nav li.js-selected { color: #25aae5; } #CMD .section__software .slick-content .slick-info { transition: min-height 200ms ease, max-height 200ms ease; position: relative; max-width: 980px; height: auto; min-height: 0; max-height: 0; margin: 35px auto 70px; } #CMD .section__software .slick-content .slick-info .si { transition: opacity 400ms ease, visibility 400ms ease; opacity: 0; display: none; visibility: hidden; position: relative; top: 0; left: 0; font-size: 20px; line-height: 1.5; color: #1c1b19; } #CMD .section__software .slick-content .slick-info .si .info__comment { color: #6f6f6f; display: inline-block; margin-top: 8px; line-height: 1.4; font-size: 18px; } #CMD .section__software .slick-content .slick-info .si.js-showed { opacity: 1; display: block; visibility: visible; } #CMD .section__software .slick-content .slick-images { position: relative; left: 50%; width: 2560px; height: 714px; margin: -35px 0 0 -1280px; } #CMD .section__software .slick-content .slick-images .img-slick { transition: opacity 400ms ease; opacity: 0; position: absolute; top: 0; left: 0; width: 2560px; height: 714px; } #CMD .section__software .slick-content .slick-images .img-slick#img-slick1 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s11/p1.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__software .slick-content .slick-images .img-slick#img-slick1 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s11/p1.jpg"); } } #CMD .section__software .slick-content .slick-images .img-slick#img-slick2 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s11/p2.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__software .slick-content .slick-images .img-slick#img-slick2 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s11/p2.jpg"); } } #CMD .section__software .slick-content .slick-images .img-slick#img-slick3 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s11/p3.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__software .slick-content .slick-images .img-slick#img-slick3 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s11/p3.jpg"); } } #CMD .section__software .slick-content .slick-images .img-slick#img-slick4 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s11/p4.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__software .slick-content .slick-images .img-slick#img-slick4 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s11/p4.jpg"); } } #CMD .section__software .slick-content .slick-images .img-slick#img-slick5 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s11/p5.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__software .slick-content .slick-images .img-slick#img-slick5 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s11/p5.jpg"); } } #CMD .section__software .slick-content .slick-images .img-slick#img-slick6 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s11/p6.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__software .slick-content .slick-images .img-slick#img-slick6 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s11/p6.jpg"); } } #CMD .section__software .slick-content .slick-images .img-slick.js-showed { opacity: 1; } #CMD .section__security { overflow: hidden; padding-top: 70px; margin-top: 0px; background: #fff; } #CMD .section__security .img__security { position: relative; left: 50%; margin-top: 90px; margin-left: -960px; width: 1920px; height: 630px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/s12.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__security .img__security { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/s12.jpg"); } } #CMD .section__security .grid-content { width: 100%; max-width: 1280px; margin: -90px auto 0; display: flex; flex-direction: row; flex-wrap: wrap; } #CMD .section__security .grid-content .grid { width: 406px; min-height: 120px; box-sizing: border-box; padding: 35px 38px 65px; margin: 10px 10px; color: #fff; background-color: #4e4e4e; } #CMD .section__security .grid-content .grid .img-icon { width: 107px; height: 89px; } #CMD .section__security .grid-content .grid .img-icon.icon-1 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/icon/s12/icon1.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__security .grid-content .grid .img-icon.icon-1 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/icon/s12/icon1.png"); } } #CMD .section__security .grid-content .grid .img-icon.icon-2 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/icon/s12/icon2.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__security .grid-content .grid .img-icon.icon-2 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/icon/s12/icon2.png"); } } #CMD .section__security .grid-content .grid .img-icon.icon-3 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/icon/s12/icon3.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__security .grid-content .grid .img-icon.icon-3 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/icon/s12/icon3.png"); } } #CMD .section__security .grid-content .grid .img-icon.icon-4 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/icon/s12/icon4.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__security .grid-content .grid .img-icon.icon-4 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/icon/s12/icon4.png"); } } #CMD .section__security .grid-content .grid .img-icon.icon-5 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/icon/s12/icon5.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__security .grid-content .grid .img-icon.icon-5 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/icon/s12/icon5.png"); } } #CMD .section__security .grid-content .grid .img-icon.icon-6 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/icon/s12/icon6.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__security .grid-content .grid .img-icon.icon-6 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/icon/s12/icon6.png"); } } #CMD .section__security .grid-content .grid .grid-title { font-size: 24px; margin: 12px 0 5px; } #CMD .section__security .grid-content .grid .grid-info { max-width: 300px; margin: 0 auto; font-size: 20px; } #CMD .section__security .modal-button-container { margin-top: 60px; } #CMD .section__management { overflow: hidden; padding-top: 180px; background: #fff; } #CMD .section__management .img__management { position: relative; left: 50%; margin-top: 85px; margin-left: -640px; margin-bottom: -80px; width: 1280px; height: 628px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/s13.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__management .img__management { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/s13.jpg"); } } #CMD .section__management .col-grid { background-color: #4e4e4e; } #CMD .section__management .grid-content { width: 100%; max-width: 1280px; margin: 80px auto 0; display: flex; flex-direction: row; flex-wrap: wrap; } #CMD .section__management .grid-content .grid { width: 406px; min-height: 120px; box-sizing: border-box; padding: 40px 40px 60px; margin: 7px 10px; color: #fff; } #CMD .section__management .grid-content .grid .img-icon { width: 107px; height: 89px; } #CMD .section__management .grid-content .grid .img-icon.icon-1 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/icon/s13/icon1.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__management .grid-content .grid .img-icon.icon-1 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/icon/s13/icon1.png"); } } #CMD .section__management .grid-content .grid .img-icon.icon-2 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/icon/s13/icon2.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__management .grid-content .grid .img-icon.icon-2 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/icon/s13/icon2.png"); } } #CMD .section__management .grid-content .grid .img-icon.icon-3 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/icon/s13/icon3.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__management .grid-content .grid .img-icon.icon-3 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/icon/s13/icon3.png"); } } #CMD .section__management .grid-content .grid .img-icon.icon-4 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/icon/s13/icon4.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__management .grid-content .grid .img-icon.icon-4 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/icon/s13/icon4.png"); } } #CMD .section__management .grid-content .grid .img-icon.icon-5 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/icon/s13/icon5.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__management .grid-content .grid .img-icon.icon-5 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/icon/s13/icon5.png"); } } #CMD .section__management .grid-content .grid .grid-title { font-size: 24px; margin: 12px 0 12px; } #CMD .section__management .grid-content .grid .grid-info { max-width: 300px; margin: 0 auto; font-size: 20px; } #CMD .section__green { overflow: hidden; padding-top: 180px; background: #fff; } #CMD .section__green .img__green { position: relative; left: 50%; margin-top: 30px; margin-left: -1280px; width: 2560px; height: 804px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/s14.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__green .img__green { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/s14.jpg"); } } #CMD .section__green .img__green .img-award { position: absolute; top: 30px; left: 50%; margin-left: 140px; width: 420px; height: 120px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/icon/icon-award.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__green .img__green .img-award { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/icon/icon-award.png"); } } #CMD .section__service { overflow: hidden; padding-top: 120px; background: #fff; } #CMD .section__service .img__service { position: relative; left: 50%; margin-top: 85px; margin-left: -960px; width: 1920px; height: 630px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/s15.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__service .img__service { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/s15.jpg"); } } #CMD .section__service .grid-content { width: 100%; max-width: 1280px; margin: -90px auto 100px; display: flex; flex-direction: row; flex-wrap: wrap; } #CMD .section__service .grid-content .grid { width: 406px; min-height: 120px; box-sizing: border-box; padding: 35px 38px 65px; margin: 10px 10px; color: #fff; background-color: #4e4e4e; } #CMD .section__service .grid-content .grid .img-icon { width: 107px; height: 89px; } #CMD .section__service .grid-content .grid .img-icon.icon-1 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/icon/s15/icon1.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__service .grid-content .grid .img-icon.icon-1 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/icon/s15/icon1.png"); } } #CMD .section__service .grid-content .grid .img-icon.icon-2 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/icon/s15/icon2.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__service .grid-content .grid .img-icon.icon-2 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/icon/s15/icon2.png"); } } #CMD .section__service .grid-content .grid .img-icon.icon-3 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/icon/s15/icon3.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__service .grid-content .grid .img-icon.icon-3 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/icon/s15/icon3.png"); } } #CMD .section__service .grid-content .grid .img-icon.icon-4 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/icon/s15/icon4.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__service .grid-content .grid .img-icon.icon-4 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/icon/s15/icon4.png"); } } #CMD .section__service .grid-content .grid .img-icon.icon-5 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/icon/s15/icon5.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__service .grid-content .grid .img-icon.icon-5 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/icon/s15/icon5.png"); } } #CMD .section__service .grid-content .grid .img-icon.icon-6 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/icon/s15/icon6.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__service .grid-content .grid .img-icon.icon-6 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/icon/s15/icon6.png"); } } #CMD .section__service .grid-content .grid .grid-title { font-size: 24px; margin: 12px 0 12px; line-height: 27px; } #CMD .section__service .grid-content .grid .grid-info { max-width: 300px; margin: 0 auto; font-size: 20px; } #CMD .inner-view { background: #fff; } #CMD .inner-view .inner-view-container { position: relative; margin-left: auto; margin-right: auto; } #CMD .inner-view .inner-view-container .modal-button { background-color: #25aae5; color: #fff; border-color: #25aae5; } #CMD .inner-view .inner-view-container .modal-button:hover { background-color: #178fc3; color: #fff; border-color: #178fc3; } #CMD .inner-view .inner-view-container .inner-modal { padding-bottom: 0; } #CMD .inner-view .inner-view-container .inner-modal.modal-thin { background-color: #fff; } #CMD .inner-view .inner-view-container .inner-modal.modal-dual { background-color: #fefefe; } #CMD .inner-view .inner-view-container .inner-modal.modal-battery { background-color: #fff; } #CMD .inner-view .inner-view-container .inner-modal.modal-port { background-color: #fefefe; } #CMD .inner-view .inner-view-container .inner-modal.modal-security { background-color: #fefefe; } #CMD .inner-view .inner-view-container .wd__section .wd__content { padding-left: 0; margin-left: auto; margin-right: auto; width: 900px; } #CMD .inner-view .inner-view-container .wd__section .wd__content .content__slogan { color: #1c1b19; position: relative; top: 12px; left: 0; } #CMD .inner-view .inner-view-container .wd__section .wd__content .content__title { color: #1c1b19; font-size: 34px; } #CMD .inner-view .inner-view-container .wd__section .wd__content .content__info { color: #1c1b19; margin-top: 16px; } #CMD .inner-view .inner-view-container .wd__section .wd__content .content__link { linkColor: #25aae5; color: #25aae5; } #CMD .inner-view .inner-view-container .wd__section .wd__content .content__link span { color: #25aae5; } #CMD .inner-view .inner-view-container .wd__section .wd__content .content__link:after { color: #25aae5; } #CMD .inner-view .inner-view-container .wd__section .wd__content .content__link:link { color: #25aae5; } #CMD .inner-view .inner-view-container .wd__section .wd__content .content__link:hover span { border-bottom: 1px solid #25aae5; } #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 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/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/ugrin67gx0x7rj5h/v3/features/images/large/2x/inner/icon_def.png"); } } #CMD .inner-view #active__modal-performance, #CMD .inner-view #active__modal-ultra__sharp, #CMD .inner-view #active__modal-nano__edge, #CMD .inner-view #active__modal-design, #CMD .inner-view #active__modal-connectivity { background: #fff; } #CMD .inner-view #active__modal-performance .inner-modal, #CMD .inner-view #active__modal-performance section, #CMD .inner-view #active__modal-ultra__sharp .inner-modal, #CMD .inner-view #active__modal-ultra__sharp section, #CMD .inner-view #active__modal-nano__edge .inner-modal, #CMD .inner-view #active__modal-nano__edge section, #CMD .inner-view #active__modal-design .inner-modal, #CMD .inner-view #active__modal-design section, #CMD .inner-view #active__modal-connectivity .inner-modal, #CMD .inner-view #active__modal-connectivity section { background: #fff; } #CMD .inner-view #active__modal-performance .wd__section .wd__content .content__title, #CMD .inner-view #active__modal-ultra__sharp .wd__section .wd__content .content__title, #CMD .inner-view #active__modal-nano__edge .wd__section .wd__content .content__title, #CMD .inner-view #active__modal-design .wd__section .wd__content .content__title, #CMD .inner-view #active__modal-connectivity .wd__section .wd__content .content__title { color: #1c1b19; } #CMD .inner-view #active__modal-performance .wd__section .wd__content .content__info, #CMD .inner-view #active__modal-ultra__sharp .wd__section .wd__content .content__info, #CMD .inner-view #active__modal-nano__edge .wd__section .wd__content .content__info, #CMD .inner-view #active__modal-design .wd__section .wd__content .content__info, #CMD .inner-view #active__modal-connectivity .wd__section .wd__content .content__info { color: #1c1b19; } #CMD .inner-view #active__modal-performance .wd__section .wd__content .content__link, #CMD .inner-view #active__modal-ultra__sharp .wd__section .wd__content .content__link, #CMD .inner-view #active__modal-nano__edge .wd__section .wd__content .content__link, #CMD .inner-view #active__modal-design .wd__section .wd__content .content__link, #CMD .inner-view #active__modal-connectivity .wd__section .wd__content .content__link { Color: #1c1b19; } #CMD .inner-view #active__modal-performance .wd__section .wd__content .content__comment, #CMD .inner-view #active__modal-ultra__sharp .wd__section .wd__content .content__comment, #CMD .inner-view #active__modal-nano__edge .wd__section .wd__content .content__comment, #CMD .inner-view #active__modal-design .wd__section .wd__content .content__comment, #CMD .inner-view #active__modal-connectivity .wd__section .wd__content .content__comment { color: #1c1b19; } #CMD .inner-view #active__modal-performance .wd__section .wd__feature__list .wd__feature .wd__feature__describe, #CMD .inner-view #active__modal-performance .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top, #CMD .inner-view #active__modal-ultra__sharp .wd__section .wd__feature__list .wd__feature .wd__feature__describe, #CMD .inner-view #active__modal-ultra__sharp .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top, #CMD .inner-view #active__modal-nano__edge .wd__section .wd__feature__list .wd__feature .wd__feature__describe, #CMD .inner-view #active__modal-nano__edge .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top, #CMD .inner-view #active__modal-design .wd__section .wd__feature__list .wd__feature .wd__feature__describe, #CMD .inner-view #active__modal-design .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top, #CMD .inner-view #active__modal-connectivity .wd__section .wd__feature__list .wd__feature .wd__feature__describe, #CMD .inner-view #active__modal-connectivity .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top { color: #1c1b19; } #CMD #section__inner2_1 { overflow: hidden; padding-top: 100px; background: #1b1b1b; } #CMD #section__inner2_1 .wd__content { position: absolute; left: 50%; width: 500px; margin-left: -540px; } #CMD #section__inner2_1 .wd__content .content__title { color: #fff; } #CMD #section__inner2_1 .wd__content .content__info { color: #fff; } #CMD #section__inner2_1 .wd__feature__list .wd__feature.feature-1 .text__long-en { font-size: 50px; margin-bottom: 6px; } #CMD #section__inner2_1 .wd__feature__list .wd__feature .wd__feature__describe { color: #fff; } #CMD #section__inner2_1 .img__inner2_1 { position: relative; left: 50%; margin-top: -140px; margin-left: -1280px; width: 2560px; height: 1150px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/inner/s2/01_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__inner2_1 .img__inner2_1 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/inner/s2/01_bg.jpg"); } } #CMD #section__inner2_2 { overflow: hidden; padding-top: 0px; padding-bottom: 25px; height: 1000px; background: #fff; } #CMD #section__inner2_2 .wd__content { position: absolute; left: 50%; width: 527px; margin-left: 40px; margin-top: 90px; } #CMD #section__inner2_2 .wd__content .content__title { color: #fff; } #CMD #section__inner2_2 .wd__content .content__info { color: #fff; } #CMD #section__inner2_2 .wd__feature__list .wd__feature .wd__feature__describe { color: #fff; } #CMD #section__inner2_2 .img__inner2_2 { position: relative; left: 50%; margin-top: 0px; margin-left: -1280px; width: 2560px; height: 540px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/inner/s2/02_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__inner2_2 .img__inner2_2 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/inner/s2/02_bg.jpg"); } } #CMD #section__inner2_3 { overflow: hidden; padding-top: 100px; background: #1b1b1b; } #CMD #section__inner2_3 .wd__content { position: absolute; left: 50%; width: 470px; margin-left: -510px; } #CMD #section__inner2_3 .wd__content .content__title { color: #1c1b19; } #CMD #section__inner2_3 .wd__content .content__info { color: #1c1b19; } #CMD #section__inner2_3 .wd__feature__list .wd__feature .wd__feature__describe { color: #333; } #CMD #section__inner2_3 .img__inner2_3 { position: relative; left: 50%; margin-top: -140px; margin-left: -1280px; margin-bottom: -90px; width: 2560px; height: 1080px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/inner/s2/03_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__inner2_3 .img__inner2_3 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/inner/s2/03_bg.jpg"); } } #CMD #section__inner3_1 { overflow: hidden; padding-top: 60px; background: #fff; } #CMD #section__inner3_1 .wd__content { position: absolute; left: 50%; width: 540px; margin-left: -50px; margin-top: 55px; } #CMD #section__inner3_1 .wd__feature__list .wd__feature .wd__feature__describe { color: #1c1b19; } #CMD #section__inner3_1 .img__inner3_1 { position: relative; left: 50%; margin-top: -90px; margin-left: -1280px; width: 2560px; height: 847px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/inner/s3/01_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__inner3_1 .img__inner3_1 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/inner/s3/01_bg.jpg"); } } #CMD #section__inner3_1 .wd__performance__graph { width: 1000px; left: 0%; display: inline-block; margin-top: 0; margin-left: 118px; margin-bottom: 120px; } #CMD #section__inner3_1 .wd__performance__graph .graph-badge { margin-left: -66px; margin-top: -43px; } #CMD #section__inner3_1 .wd__performance__graph .graph-badges .badge__value { color: #25aae5; letter-spacing: 0; font-family: "Myriad W01_n2", "Myriad W01", "Segoe UI", sans-serif !important; font-weight: 200; font-style: normal; } #CMD #section__inner3_1 .wd__performance__graph .graph-badges .badge__value .space-left-m { font-size: 30px; } #CMD #section__inner3_1 .wd__performance__graph .graph__heading { color: #636360; } #CMD #section__inner3_1 .wd__performance__graph .graph__line .graph__caption { color: #636360 !important; letter-spacing: .03em; font-family: "Myriad W01_n2", "Myriad W01", "Segoe UI", sans-serif !important; font-weight: 200; font-style: normal; } #CMD #section__inner3_1 .wd__performance__graph .graph__line .graph__bar .bar__value { color: #636360 !important; letter-spacing: .03em; } #CMD #section__inner3_1 .wd__performance__graph .graph__line.line-1 .graph__bar { width: 100%; } #CMD #section__inner3_1 .wd__performance__graph .graph__line.line-1 .graph__bar { background: linear-gradient(to right, #2f4fd6, #25aae5); } #CMD #section__inner3_1 .wd__performance__graph .graph__line.line-2 .graph__bar { width: 50%; } #CMD #section__inner3_1 .wd__performance__graph .graph__line.line-2 .graph__bar { background: gray; } #CMD #section__inner3_1 .wd__performance__graph .graph__line.line-3 .graph__bar { width: 14.85%; } #CMD #section__inner3_1 .wd__performance__graph .graph__line.line-3 .graph__bar { background: gray; } #CMD #section__inner4_1 { overflow: hidden; padding-top: 0px; background: #fff; } #CMD #section__inner4_1 .wd__content { position: absolute; left: 50%; width: 430px; margin-left: -580px; margin-top: 410px; } #CMD #section__inner4_1 .wd__content .content__title { color: #fff; } #CMD #section__inner4_1 .wd__content .content__info { color: #fff; } #CMD #section__inner4_1 .wd__feature__list { position: absolute; left: 50%; top: 90px; margin-left: 290px; } #CMD #section__inner4_1 .wd__feature__list .wd__feature .wd__feature__describe { color: #fff; } #CMD #section__inner4_1 .img__inner4_1 { position: relative; left: 50%; margin-top: 0px; margin-left: -1280px; margin-bottom: 70px; width: 2560px; height: 957px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/inner/s4/01_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__inner4_1 .img__inner4_1 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/inner/s4/01_bg.jpg"); } } #CMD #section__inner5_1 { overflow: hidden; padding-top: 100px; padding-bottom: 170px; background: #fff; } #CMD #section__inner5_1 .wd__content .content__info { max-width: 780px; } #CMD #section__inner5_1 .sub__section { position: relative; margin: 90px auto 0; padding-top: 30px; padding-bottom: 51px; width: 100%; max-width: 1366px; background: #f0f0f0; } #CMD #section__inner5_1 .sub__section .wd__content { width: 740px; } #CMD #section__inner5_1 .sub__section .wd__content .content__info { width: 100%; } #CMD #section__inner5_1 .sub__section .wd__performance__graph .graph__caption { font-weight: 200; letter-spacing: .03em; } #CMD #section__inner5_1 .sub__section .wd__performance__graph .graph__bar .bar__value { color: #25aae5; letter-spacing: .03em; } #CMD #section__inner5_1 .sub__section .wd__performance__graph .graph-badges .graph-badge .badge__value { color: #25aae5; font-weight: 200; letter-spacing: 0; } #CMD #section__inner5_1 .sub__section .wd__performance__graph .graph-badges .graph-badge .badge__value .value__unit { font-weight: 200; } #CMD #section__inner5_1 .sub__section .wd__performance__graph .graph-badges .graph-badge .badge__caption-bottom { font-weight: 200; } #CMD #section__inner5_1 .sub__section.sub__section-1 .wd__performance__graph { left: 92px; margin-top: 62px; } #CMD #section__inner5_1 .sub__section.sub__section-1 .wd__performance__graph .graph__line.line-1 .graph__bar { width: 100%; } #CMD #section__inner5_1 .sub__section.sub__section-1 .wd__performance__graph .graph__line.line-1 .graph__bar { background: linear-gradient(to right, #2f4fd6, #25aae5, #25aae5); } #CMD #section__inner5_1 .sub__section.sub__section-1 .wd__performance__graph .graph__line.line-2 .graph__bar { width: 33.33333%; } #CMD #section__inner5_1 .sub__section.sub__section-1 .wd__performance__graph .graph__line.line-2 .graph__bar { background: linear-gradient(to left, lightgray, #777); } #CMD #section__inner5_1 .sub__section.sub__section-1 .wd__performance__graph .graph__line .graph__bar .bar__value { width: 150px; } #CMD #section__inner5_1 .sub__section.sub__section-2 .wd__content { width: 800px; } #CMD #section__inner5_1 .sub__section.sub__section-2 .wd__content .content__info { max-width: 800px; } #CMD #section__inner5_1 .sub__section.sub__section-2 .img__main { position: relative; left: 50%; margin-top: 30px; margin-left: -365px; width: 730px; height: 150px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/inner/s5/wifi.png") ; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { #CMD #section__inner5_1 .sub__section.sub__section-2 .img__main { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/inner/s5/wifi.png"); } } #CMD #section__inner5_1 .sub__section.sub__section-2 .img__main .chart__text { position: absolute; text-align: center; left: 50%; margin-top: 8px; margin-left: -150px; width: 300px; font-size: 61px; font-weight: 200; color: #25b5f0; } #CMD #section__inner5_1 .sub__section.sub__section-2 .img__main .chart__text .text__unit { padding-left: 2px; font-size: 0.7em; font-weight: 200; } #CMD #section__inner5_1 .sub__section.sub__section-3 .wd__performance__graph { left: 63px; margin-top: 62px; } #CMD #section__inner5_1 .sub__section.sub__section-3 .wd__performance__graph .graph-badge .badge__value, #CMD #section__inner5_1 .sub__section.sub__section-3 .wd__performance__graph .graph-badge .value__unit { font-weight: 200; } #CMD #section__inner5_1 .sub__section.sub__section-3 .wd__performance__graph .graph__line.line-1 .graph__bar { width: 100%; } #CMD #section__inner5_1 .sub__section.sub__section-3 .wd__performance__graph .graph__line.line-1 .graph__bar { background: linear-gradient(to right, #2f4fd6, #25aae5, #25aae5); } #CMD #section__inner5_1 .sub__section.sub__section-3 .wd__performance__graph .graph__line.line-2 .graph__bar { width: 71.11%; } #CMD #section__inner5_1 .sub__section.sub__section-3 .wd__performance__graph .graph__line.line-2 .graph__bar { background: linear-gradient(to left, lightgray, #777); } #CMD #section__inner5_1 .sub__section.sub__section-3 .wd__performance__graph .graph__line .graph__bar .bar__value { width: 150px; } #CMD #section__inner12_1 { overflow: hidden; padding-top: 0px; background: #fff; } #CMD #section__inner12_1 .wd__content { position: absolute; margin-top: 340px; width: 100%; } #CMD #section__inner12_1 .wd__content .content__title { color: #fff; } #CMD #section__inner12_1 .wd__content .content__info { color: #fff; width: 800px; } #CMD #section__inner12_1 .img__inner12_1 { position: relative; left: 50%; margin-top: 0px; margin-left: -1280px; width: 2560px; height: 744px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/inner/s12/01_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__inner12_1 .img__inner12_1 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/inner/s12/01_bg.jpg"); } } #CMD #section__inner12_2 { overflow: hidden; padding-top: 0px; margin-top: -75px; background: #fff; } #CMD #section__inner12_2 .wd__content { position: absolute; left: 50%; width: 424px; margin-left: -500px; margin-top: 166px; } #CMD #section__inner12_2 .img__inner12_2 { position: relative; left: 50%; margin-top: 0px; margin-left: -1280px; margin-bottom: 0px; width: 2560px; height: 1207px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/inner/s12/02_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__inner12_2 .img__inner12_2 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/inner/s12/02_bg.jpg"); } } #CMD .product_price .current_price .heading { color: #1c1b19; } #CMD .product_price .current_price .price, #CMD .product_price .current_price .price p { color: #1c1b19; } #CMD .product_price .btn_buy .label { background-color: #25aae5; } #CMD .product_price .btn_buy .etailers .etailers_list li a:hover, #CMD .product_price .btn_buy .etailers .etailers_list li a:link:hover { color: #25aae5; } #CMD .product_price.active { margin-bottom: -17px; padding-top: 51px; } #CMD .product_pdguide .link { color: #25aae5; } #CMD .product_pdguide.active { padding-top: 15px; } #CMD .video-bottom { margin-bottom: 70px !important; } #CMD .product_videos { background: #000; } #CMD .product_videos .video_slick .video a .text { text-align: left; } #CMD .product_videos.active { padding-top: 0px; margin-top: -57px; } #CMD .product_medias .media .text { color: #1c1b19; } #CMD .product_medias .media a { color: #25aae5; } #CMD .product_medias .slick-dots li.slick-active button:before, #CMD .product_videos .slick-dots li.slick-active button:before { color: #25aae5; } #CMD .product_medias .slick-dots li button:before, #CMD .product_videos .slick-dots li button:before { color: #686868; } #CMD .video-bottom { margin-bottom: 0; padding-bottom: 58px; } #CMD .media-top { margin-top: -30px; padding-top: 0; } #CMD .media-bottom { margin-bottom: 40px; padding-bottom: 0; } #CMD .slick-prev, #CMD .slick-next { margin-top: -39px; } #CMD .slick-prev:before, #CMD .slick-next:before { content: ''; } @media all and (min-width: 1921px) and (max-width: 9999px) { #CMD .section__thin .img__thin-hl { width: 1920px; padding-bottom: 0; height: 354px; } } @media all and (min-width: 1301px) { #CMD .large_use { display: block; } #CMD .large_unuse { display: none; } #CMD .section__kv { background: #fff; } #CMD .section__kv:after { position: absolute; display: block; content: ''; z-index: 1000000; left: 50%; bottom: 0px; margin-left: -1280px; width: 2560px; height: 370px; } #CMD .section__kv .img__kv { background-image: none; position: relative; left: 50%; margin-top: -520px; margin-left: -1280px; width: 2560px; height: 2027px; } #CMD .section__kv .img__kv .img-model { opacity: 0; z-index: 30; position: absolute; left: 50%; margin-top: 558px; margin-left: -526px; width: 1052px; height: 714px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/kv/nb.png") ; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { #CMD .section__kv .img__kv .img-model { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/kv/nb.png"); } } @media all and (min-width: 1301px) { #CMD .section__kv .img__kv .img-model .img-case-mask { z-index: 40; position: absolute; left: 50%; margin-top: 5px; margin-left: -164px; width: 682px; height: 540px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/kv/case_mask.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__kv .img__kv .img-model .img-case-mask { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/kv/case_mask.png"); } } @media all and (min-width: 1301px) { #CMD .section__kv .img__kv .img-model .img-texture-mask { z-index: 38; position: absolute; left: 50%; margin-top: 29px; margin-left: -136px; width: 640px; height: 380px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/kv/texture_mask.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__kv .img__kv .img-model .img-texture-mask { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/kv/texture_mask.png"); } } @media all and (min-width: 1301px) { #CMD .section__kv .img__kv .img-model #kv-screen { z-index: 35; position: absolute; top: 282px; left: 50%; margin-left: -139px; width: 644px; height: 490px; } #CMD .section__kv .img__kv .img-shadow-block { opacity: 0; z-index: 24; position: absolute; left: 50%; margin-top: 1185px; margin-left: -619px; width: 1432px; height: 281px; } #CMD .section__kv .img__kv .img-shadow-block .img-shadow { width: 1432px; height: 281px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/kv/shadow.png") ; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { #CMD .section__kv .img__kv .img-shadow-block .img-shadow { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/kv/shadow.png"); } } @media all and (min-width: 1301px) { #CMD .section__kv .img__kv .img-main-bg { opacity: 0; z-index: 18; position: absolute; left: 0; top: 0; width: 2560px; height: 2027px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/kv/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__kv .img__kv .img-main-bg { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/kv/bg.jpg"); } } @media all and (min-width: 1301px) { #CMD .section__kv .img__kv.js-animate-active .img-model { transition: opacity 900ms 500ms ease; opacity: 1; } #CMD .section__kv .img__kv.js-animate-active .img-shadow-block { transition: opacity 900ms 500ms ease; opacity: 1; } #CMD .section__kv .img__kv.js-animate-active .img-main-bg { transition: opacity 900ms 200ms ease; opacity: 1; } #CMD .section__dual { overflow: hidden; } #CMD .section__dual .img__dual { position: relative; left: 50%; margin-top: -560px; margin-left: -315px; width: 1009px; height: 874px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s3/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__dual .img__dual { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s3/bg.jpg"); } } @media all and (min-width: 1301px) { #CMD .section__dual .img__dual .img-case { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 60; position: absolute; left: 50%; margin-top: 87px; margin-left: -222px; width: 612px; height: 654px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s3/case.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__dual .img__dual .img-case { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s3/case.png"); } } @media all and (min-width: 1301px) { #CMD .section__dual .img__dual .img-ssd { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 0; z-index: 55; position: absolute; left: 50%; margin-top: 169px; margin-left: -16px; width: 392px; height: 224px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s3/ssd.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__dual .img__dual .img-ssd { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s3/ssd.png"); } } @media all and (min-width: 1301px) { #CMD .section__dual .img__dual #ssd-svg { -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); z-index: 55; position: absolute; left: 50%; margin-top: 169px; margin-left: -16px; width: 392px; height: 224px; fill: none; stroke: #abf6ff; stroke-width: 2; } #CMD .section__dual .img__dual #ssd-svg .path { stroke-dasharray: 1000; stroke-dashoffset: 1000; } #CMD .section__dual .img__dual.js-animate-active .img-case { transition: opacity 700ms 300ms ease, -webkit-transform 1000ms ease; transition: opacity 700ms 300ms ease, transform 1000ms ease; transition: opacity 700ms 300ms ease, transform 1000ms ease, -webkit-transform 1000ms ease; opacity: 0; -webkit-transform: translate3d(-80px, 0, 0); transform: translate3d(-80px, 0, 0); } #CMD .section__dual .img__dual.js-animate-active #ssd-svg { transition: -webkit-transform 600ms 1500ms; transition: transform 600ms 1500ms; transition: transform 600ms 1500ms, -webkit-transform 600ms 1500ms; -webkit-transform: translate3d(-10px, 0px, 0px); transform: translate3d(-10px, 0px, 0px); } #CMD .section__dual .img__dual.js-animate-active #ssd-svg .path { stroke-dasharray: 1000; stroke-dashoffset: 0; } #CMD .section__dual .img__dual.js-animate-active #ssd-svg .path.path1 { transition: stroke-dashoffset 1400ms 800ms ease; } #CMD .section__dual .img__dual.js-animate-active #ssd-svg .path.path2 { transition: stroke-dashoffset 1400ms 1050ms ease; } #CMD .section__dual .img__dual.js-animate-active .img-ssd { transition: opacity 650ms 1400ms ease, -webkit-transform 600ms 1500ms; transition: opacity 650ms 1400ms ease, transform 600ms 1500ms; transition: opacity 650ms 1400ms ease, transform 600ms 1500ms, -webkit-transform 600ms 1500ms; -webkit-transform: translate3d(-10px, 0px, 0px); transform: translate3d(-10px, 0px, 0px); opacity: 1; } #CMD .section__battery { transition: background-color 1600ms ease; overflow: hidden; background-color: #fff; } #CMD .section__battery .wd__content .content__title { transition: color 1600ms ease; } #CMD .section__battery .wd__content .content__info { transition: color 1600ms ease; } #CMD .section__battery .img__battery { background-image: none; } #CMD .section__battery .img__battery .img-model { z-index: 30; position: absolute; top: 80px; left: 50%; margin-left: -621px; width: 1112px; height: 889px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s4/model.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__battery .img__battery .img-model { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s4/model.png"); } } @media all and (min-width: 1301px) { #CMD .section__battery .img__battery .img-model .screen-scene { z-index: 50; position: absolute; left: 54px; top: 44px; width: 640px; height: 484px; -webkit-transform: matrix3d(1.104617, 0.240838, 0, 0.000805, 0.380303, 0.934273, 0, -0.000125, 0, 0, 1, 0, 3.279405, 2.695295, 0, 1) translateZ(0); transform: matrix3d(1.104617, 0.240838, 0, 0.000805, 0.380303, 0.934273, 0, -0.000125, 0, 0, 1, 0, 3.279405, 2.695295, 0, 1) translateZ(0); -webkit-transform-origin: 0px 1px 0px; transform-origin: 0px 1px 0px; } #CMD .section__battery .img__battery .img-model .screen-scene .screen-vid { width: 640px; height: 484px; } #CMD .section__battery .img__battery .img-model .img-scene-light-mask { opacity: 1; z-index: 82; position: absolute; top: 444px; left: 50%; margin-left: -306px; width: 845px; height: 424px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s4/light-mask.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__battery .img__battery .img-model .img-scene-light-mask { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s4/light-mask.png"); } } @media all and (min-width: 1301px) { #CMD .section__battery .img__battery .img-model .img-scene-dark-mask { transition: opacity 900ms ease; -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 0; z-index: 85; position: absolute; top: 444px; left: 50%; margin-left: -306px; width: 845px; height: 424px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s4/dark-mask.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__battery .img__battery .img-model .img-scene-dark-mask { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s4/dark-mask.png"); } } @media all and (min-width: 1301px) { #CMD .section__battery .img__battery .img-model .img-scene-light-shadow { transition: opacity 900ms ease; -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; z-index: 70; position: absolute; top: 720px; left: 50%; margin-left: -404px; width: 782px; height: 149px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s4/light-shadow.png") ; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { #CMD .section__battery .img__battery .img-model .img-scene-light-shadow { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s4/light-shadow.png"); } } @media all and (min-width: 1301px) { #CMD .section__battery .img__battery .img-model .img-scene-dark-shadow { transition: opacity 900ms ease; -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 0; z-index: 72; position: absolute; top: 720px; left: 50%; margin-left: -404px; width: 782px; height: 149px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s4/dark-shadow.png") ; } } @media all and (min-width: 1301px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (min-resolution: 144dpi) { #CMD .section__battery .img__battery .img-model .img-scene-dark-shadow { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s4/dark-shadow.png"); } } @media all and (min-width: 1301px) { #CMD .section__battery .img__battery .img-model .img-scene-mask { z-index: 52; position: absolute; left: 261px; top: 453px; width: 502px; height: 89px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s4/mask.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__battery .img__battery .img-model .img-scene-mask { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s4/mask.png"); } } @media all and (min-width: 1301px) { #CMD .section__battery .img__battery .clock-content { z-index: 25; position: absolute; top: 280px; left: 50%; margin-left: -670px; } #CMD .section__battery .img__battery .clock-content #clock { width: 1340px; height: 1340px; -webkit-transform: scale(1, 0.2) translateZ(0); transform: scale(1, 0.2) translateZ(0); } #CMD .section__battery .img__battery .clock-content #clock .curve { transition: fill 1000ms ease; fill: #cbcbcb; } #CMD .section__battery .img__battery .clock-content #clock .hour, #CMD .section__battery .img__battery .clock-content #clock .minute { transition: fill 1000ms ease; fill: #cbcbcb; -webkit-transform-origin: 50.57% 49.5%; transform-origin: 50.57% 49.5%; } #CMD .section__battery .img__battery .clock-content #clock .minute-ie, #CMD .section__battery .img__battery .clock-content #clock .hour-ie { fill: #cbcbcb; display: none; } #CMD .section__battery .img__battery .clock-content.js-animate-active #clock .minute { -webkit-animation: infiniteRotate 800ms linear infinite forwards; animation: infiniteRotate 800ms linear infinite forwards; } #CMD .section__battery .img__battery .clock-content.js-animate-active #clock .hour { -webkit-animation: infiniteRotate 5000ms linear infinite forwards; animation: infiniteRotate 5000ms linear infinite forwards; } #CMD .section__battery.js-dark-mode { background-color: #000; } #CMD .section__battery.js-dark-mode .wd__content .content__title, #CMD .section__battery.js-dark-mode .wd__content .content__info { color: #fff; } #CMD .section__battery.js-dark-mode .wd__feature__list .wd__feature .wd__feature__describe__top, #CMD .section__battery.js-dark-mode .wd__feature__list .wd__feature .wd__feature__describe { color: #fff; } #CMD .section__battery.js-dark-mode .img-model .img-scene-light-shadow { opacity: 0; } #CMD .section__battery.js-dark-mode .img-model .img-scene-dark-shadow, #CMD .section__battery.js-dark-mode .img-model .img-scene-dark-mask { opacity: 1; } #CMD .section__battery.js-dark-mode .clock-content #clock .curve { fill: #373a4d; } #CMD .section__battery.js-dark-mode .clock-content #clock .hour, #CMD .section__battery.js-dark-mode .clock-content #clock .minute { fill: #373a4d; display: block; -webkit-transform-origin: 50.57% 49.5%; transform-origin: 50.57% 49.5%; } #CMD .section__battery.js-dark-mode .clock-content #clock .minute-ie, #CMD .section__battery.js-dark-mode .clock-content #clock .hour-ie { fill: #373a4d; } #CMD .section__port { overflow: hidden; padding-top: 0px; } #CMD .section__port .col-content { background: transparent; overflow: hidden; } #CMD .section__port .col-content:before { position: absolute; top: 0; left: 0; display: block; content: ''; width: 100%; height: 1000px; -webkit-transform: translate3d(0, -400px, 0); transform: translate3d(0, -400px, 0); transition: -webkit-transform 1200ms ease-out; transition: transform 1200ms ease-out; transition: transform 1200ms ease-out, -webkit-transform 1200ms ease-out; background: linear-gradient(to bottom, #000, transparent, transparent); } #CMD .section__port .col-content .content__slogan, #CMD .section__port .col-content .content__title, #CMD .section__port .col-content .content__info, #CMD .section__port .col-content .wd__feature__list { opacity: 0; } #CMD .section__port .col-content.js-text-show:before { -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); background: linear-gradient(to bottom, #000, #000, #000, transparent, transparent); } #CMD .section__port .col-content.js-text-show .content__slogan { opacity: 1; transition: transform 400ms 300ms ease-out, opacity 400ms 300ms ease-out, -webkit-transform 400ms 300ms ease-out; } #CMD .section__port .col-content.js-text-show .content__title { opacity: 1; transition: transform 400ms 600ms ease-out, opacity 400ms 600ms ease-out, -webkit-transform 400ms 600ms ease-out; } #CMD .section__port .col-content.js-text-show .content__info { opacity: 1; transition: transform 400ms 900ms ease-out, opacity 400ms 900ms ease-out, -webkit-transform 400ms 900ms ease-out; } #CMD .section__port .col-content.js-text-show .wd__feature__list { opacity: 1; transition: transform 400ms 1200ms ease-out, opacity 400ms 1200ms ease-out, -webkit-transform 400ms 1200ms ease-out; } #CMD .section__sound .img__sound .scene-content { z-index: 40; position: absolute; top: 611px; left: 50%; margin-left: -391px; width: 782px; height: 462px; } #CMD .section__sound .img__sound .scene-content figure { transition: opacity 800ms ease; opacity: 0; position: absolute; top: 0; left: 0; width: 782px; height: 462px; } #CMD .section__sound .img__sound .scene-content figure.img-micro { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s9/micro_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__sound .img__sound .scene-content figure.img-micro { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s9/micro_bg.jpg"); } } @media all and (min-width: 1301px) { #CMD .section__sound .img__sound .scene-content figure.img-sound { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s9/sound_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__sound .img__sound .scene-content figure.img-sound { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s9/sound_bg.jpg"); } } @media all and (min-width: 1301px) { #CMD .section__sound .img__sound .scene-content figure.js-showed { opacity: 1; } #CMD .section__sound .img__sound .title-microphone, #CMD .section__sound .img__sound .title-sound { z-index: 80; transition: opacity 400ms ease; opacity: 0; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); color: #fff; font-size: 20px; line-height: 28px; text-transform: uppercase; display: inline-block; } #CMD .section__sound .img__sound .title-microphone.js-showed, #CMD .section__sound .img__sound .title-sound.js-showed { opacity: 1; } #CMD .section__sound .img__sound .title-microphone { top: 581px; } #CMD .section__sound .img__sound .title-sound { top: 1210px; } #CMD .section__sound .img__sound .wave { z-index: 50; position: absolute; left: 50%; } #CMD .section__sound .img__sound .wave .img-wave { z-index: 75; opacity: 0; position: absolute; top: 0; left: 0; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s9/ripple.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__sound .img__sound .wave .img-wave { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s9/ripple.png"); } } @media all and (min-width: 1301px) { #CMD .section__sound .img__sound .wave.wave-big { width: 380px; height: 380px; } #CMD .section__sound .img__sound .wave.wave-big .img-wave { width: 380px; height: 380px; } #CMD .section__sound .img__sound .wave.wave-small { width: 220px; height: 220px; } #CMD .section__sound .img__sound .wave.wave-small .img-wave { width: 220px; height: 220px; } #CMD .section__sound .img__sound .wave.wave-left.wave-big { top: 452px; margin-left: -281px; } #CMD .section__sound .img__sound .wave.wave-left.wave-small { top: 532px; margin-left: -388px; } #CMD .section__sound .img__sound .wave.wave-right.wave-big { top: 452px; margin-left: -94px; } #CMD .section__sound .img__sound .wave.wave-right.wave-small { top: 532px; margin-left: 171px; } #CMD .section__sound .img__sound .ripple { position: absolute; top: 1074px; left: 365px; width: 1829px; height: 259px; } #CMD .section__sound .img__sound .ripple .img-ripple { z-index: 70; opacity: 0; position: absolute; top: 0; left: 0; width: 1829px; height: 259px; } #CMD .section__sound .img__sound .ripple .img-ripple.img-ripple1 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s9/wave/wave1.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__sound .img__sound .ripple .img-ripple.img-ripple1 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s9/wave/wave1.jpg"); } } @media all and (min-width: 1301px) { #CMD .section__sound .img__sound .ripple .img-ripple.img-ripple2 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s9/wave/wave2.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__sound .img__sound .ripple .img-ripple.img-ripple2 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s9/wave/wave2.jpg"); } } @media all and (min-width: 1301px) { #CMD .section__sound .img__sound .ripple .img-ripple.img-ripple3 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s9/wave/wave3.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__sound .img__sound .ripple .img-ripple.img-ripple3 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s9/wave/wave3.jpg"); } } @media all and (min-width: 1301px) { #CMD .section__sound .img__sound .ripple .img-ripple.img-ripple4 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s9/wave/wave4.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__sound .img__sound .ripple .img-ripple.img-ripple4 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s9/wave/wave4.jpg"); } } @media all and (min-width: 1301px) { #CMD .section__sound .img__sound .ripple .img-ripple.img-ripple5 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s9/wave/wave5.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__sound .img__sound .ripple .img-ripple.img-ripple5 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s9/wave/wave5.jpg"); } } @media all and (min-width: 1301px) { #CMD .section__sound .img__sound .ripple .img-ripple.img-ripple6 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s9/wave/wave6.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__sound .img__sound .ripple .img-ripple.img-ripple6 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s9/wave/wave6.jpg"); } } @media all and (min-width: 1301px) { #CMD .section__sound .img__sound.js-animate-active .wave.js-start-animate .img-wave.img-wave1 { opacity: 0; -webkit-animation-name: soundCirclePlay; animation-name: soundCirclePlay; -webkit-animation-duration: 3200ms; animation-duration: 3200ms; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-delay: 0ms; animation-delay: 0ms; } #CMD .section__sound .img__sound.js-animate-active .wave.js-start-animate .img-wave.img-wave2 { opacity: 0; -webkit-animation-name: soundCirclePlay; animation-name: soundCirclePlay; -webkit-animation-duration: 3200ms; animation-duration: 3200ms; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-delay: 400ms; animation-delay: 400ms; } #CMD .section__sound .img__sound.js-animate-active .wave.js-start-animate .img-wave.img-wave3 { opacity: 0; -webkit-animation-name: soundCirclePlay; animation-name: soundCirclePlay; -webkit-animation-duration: 3200ms; animation-duration: 3200ms; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-delay: 800ms; animation-delay: 800ms; } #CMD .section__sound .img__sound.js-animate-active .wave.js-start-animate .img-wave.img-wave4 { opacity: 0; -webkit-animation-name: soundCirclePlay; animation-name: soundCirclePlay; -webkit-animation-duration: 3200ms; animation-duration: 3200ms; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-delay: 1200ms; animation-delay: 1200ms; } #CMD .section__sound .img__sound.js-animate-active .wave.js-start-animate .img-wave.img-wave5 { opacity: 0; -webkit-animation-name: soundCirclePlay; animation-name: soundCirclePlay; -webkit-animation-duration: 3200ms; animation-duration: 3200ms; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-delay: 1600ms; animation-delay: 1600ms; } #CMD .section__sound .img__sound.js-animate-active .ripple.js-start-animate .img-ripple.img-ripple1 { opacity: 0; -webkit-animation-name: ripple; animation-name: ripple; -webkit-animation-duration: 3200ms; animation-duration: 3200ms; -webkit-animation-iteration-count: 2; animation-iteration-count: 2; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-delay: 0ms; animation-delay: 0ms; } #CMD .section__sound .img__sound.js-animate-active .ripple.js-start-animate .img-ripple.img-ripple2 { opacity: 0; -webkit-animation-name: ripple; animation-name: ripple; -webkit-animation-duration: 3200ms; animation-duration: 3200ms; -webkit-animation-iteration-count: 2; animation-iteration-count: 2; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-delay: 120ms; animation-delay: 120ms; } #CMD .section__sound .img__sound.js-animate-active .ripple.js-start-animate .img-ripple.img-ripple3 { opacity: 0; -webkit-animation-name: ripple; animation-name: ripple; -webkit-animation-duration: 3200ms; animation-duration: 3200ms; -webkit-animation-iteration-count: 2; animation-iteration-count: 2; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-delay: 240ms; animation-delay: 240ms; } #CMD .section__sound .img__sound.js-animate-active .ripple.js-start-animate .img-ripple.img-ripple4 { opacity: 0; -webkit-animation-name: ripple; animation-name: ripple; -webkit-animation-duration: 3200ms; animation-duration: 3200ms; -webkit-animation-iteration-count: 2; animation-iteration-count: 2; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-delay: 360ms; animation-delay: 360ms; } #CMD .section__sound .img__sound.js-animate-active .ripple.js-start-animate .img-ripple.img-ripple5 { opacity: 0; -webkit-animation-name: ripple; animation-name: ripple; -webkit-animation-duration: 3200ms; animation-duration: 3200ms; -webkit-animation-iteration-count: 2; animation-iteration-count: 2; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-delay: 480ms; animation-delay: 480ms; } #CMD .section__alexa { overflow: hidden; padding-top: 0px; background: #0e0e0e; } #CMD .section__alexa .img__alexa { position: relative; left: 50%; margin-top: -248px; margin-left: -1280px; width: 2560px; height: 1238px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s10/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__alexa .img__alexa { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s10/bg.jpg"); } } @media all and (min-width: 1301px) { #CMD .section__alexa .img__alexa .img-screen { transition: opacity 350ms ease; opacity: 0; position: absolute; left: 50%; top: 352px; margin-left: -693px; width: 762px; height: 664px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s10/screen.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__alexa .img__alexa .img-screen { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s10/screen.jpg"); } } @media all and (min-width: 1301px) { #CMD .section__alexa .img__alexa .img-alexa-ui { transition: opacity 350ms ease; opacity: 0; position: absolute; left: 50%; top: 304px; margin-left: -617px; width: 559px; height: 406px; -webkit-transform: matrix3d(0.691462, -0.211128, 0, 0.00013402, 0.241734, 0.75183, 0, 0.0000079243, 0, 0, 1, 0, 38, 160, 0, 1); transform: matrix3d(0.691462, -0.211128, 0, 0.00013402, 0.241734, 0.75183, 0, 0.0000079243, 0, 0, 1, 0, 38, 160, 0, 1); box-shadow: -6px 6px 17px rgba(0, 0, 0, 0.15); background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s10/alexa.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__alexa .img__alexa .img-alexa-ui { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s10/alexa.jpg"); } } @media all and (min-width: 1301px) { #CMD .section__alexa .img__alexa .img-calendar { transition: opacity 550ms ease; opacity: 0; position: absolute; left: 50%; top: 347px; margin-left: -692px; width: 762px; height: 664px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s10/calendar.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__alexa .img__alexa .img-calendar { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s10/calendar.jpg"); } } @media all and (min-width: 1301px) { #CMD .section__alexa .img__alexa .talk-content { opacity: 1; position: absolute; left: 50%; top: 362px; margin-left: -240px; -webkit-transform: matrix3d(0.691462, -0.221128, 0, 0.00013402, 0.241734, 0.75183, 0, 0.0000079243, 0, 0, 1, 0, 38, 160, 0, 1); transform: matrix3d(0.691462, -0.221128, 0, 0.00013402, 0.241734, 0.75183, 0, 0.0000079243, 0, 0, 1, 0, 38, 160, 0, 1); } #CMD .section__alexa .img__alexa .talk-content .talk { display: flex; align-items: center; -webkit-transform: translate3d(-20px, 40px, 0) scale(0.5); transform: translate3d(-20px, 40px, 0) scale(0.5); opacity: 0; width: 340px; height: 54px; margin-bottom: 30px; padding: 5px 12px; box-sizing: border-box; border-radius: 10px; text-align: left; color: #fff; font-size: 24px; line-height: 54px; text-shadow: 0px 2px 6px rgba(57, 60, 126, 0.2); background: linear-gradient(to right, rgba(86, 93, 206, 0.6), rgba(121, 182, 248, 0.85), rgba(121, 182, 248, 0.85), rgba(86, 93, 206, 0.6)); } #CMD .section__alexa .img__alexa .talk-content .talk .svg-head { width: 34px; height: 34px; margin-right: 8px; fill: #fff; } #CMD .section__alexa .img__alexa .alexa-bar { -webkit-transform: rotate(-24deg); transform: rotate(-24deg); overflow: hidden; position: absolute; top: 1045px; left: 50%; margin-left: 179px; width: 50px; height: 4px; border-radius: 25px; } #CMD .section__alexa .img__alexa .alexa-bar .alexa-bar-light { opacity: 0; -webkit-transform: scale(1, 1) translate3d(0, 0, 0); transform: scale(1, 1) translate3d(0, 0, 0); position: absolute; top: 0; left: 50%; margin-left: -30px; width: 60px; height: 12px; } #CMD .section__alexa .img__alexa.js-animate-active .img-screen.js-showed { opacity: 1; } #CMD .section__alexa .img__alexa.js-animate-active .img-alexa-ui.js-showed { opacity: 1; } #CMD .section__alexa .img__alexa.js-animate-active .img-calendar.js-showed { opacity: 1; } #CMD .section__alexa .img__alexa.js-animate-active .talk-content .talk-1.js-call { transition: opacity 200ms ease, -webkit-transform 350ms ease; transition: transform 350ms ease, opacity 200ms ease; transition: transform 350ms ease, opacity 200ms ease, -webkit-transform 350ms ease; -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); opacity: 1; } #CMD .section__alexa .img__alexa.js-animate-active .talk-content .talk-2.js-call { transition: opacity 200ms ease, -webkit-transform 350ms ease; transition: transform 350ms ease, opacity 200ms ease; transition: transform 350ms ease, opacity 200ms ease, -webkit-transform 350ms ease; -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); opacity: 1; } #CMD .section__alexa .img__alexa.js-animate-active .talk-content.js-hided { transition: opacity 700ms ease; opacity: 0; } #CMD .section__alexa .img__alexa.js-animate-active .alexa-bar.js-detect-active { background: #9885ee; } #CMD .section__alexa .img__alexa.js-animate-active .alexa-bar.js-detect-active .alexa-bar-light { opacity: 1; -webkit-animation: AlexaDetectActive 600ms 100ms ease 1; animation: AlexaDetectActive 600ms 100ms ease 1; } #CMD .section__alexa .img__alexa.js-animate-active .alexa-bar.js-detect-listen { background: #9885ee; } #CMD .section__alexa .img__alexa.js-animate-active .alexa-bar.js-detect-listen .alexa-bar-light { opacity: 1; -webkit-animation: AlexaDetectListen 600ms 100ms ease 1; animation: AlexaDetectListen 600ms 100ms ease 1; } #CMD .section__alexa .img__alexa.js-animate-active .alexa-bar.js-detect-doing { background: #9885ee; } #CMD .section__alexa .img__alexa.js-animate-active .alexa-bar.js-detect-doing .alexa-bar-light { opacity: 1; -webkit-animation: AlexaDetectDoing 1400ms 100ms ease 1; animation: AlexaDetectDoing 1400ms 100ms ease 1; } #CMD .section__security { overflow: hidden; background: #fff; } #CMD .section__security .img__security { position: relative; left: 50%; overflow: hidden; margin-top: 90px; margin-left: -960px; height: 630px; background-image: none; } #CMD .section__security .img__security .img-bg-parallax { transition: -webkit-transform 500ms ease-out; transition: transform 500ms ease-out; transition: transform 500ms ease-out, -webkit-transform 500ms ease-out; position: absolute; top: 0; left: 0; width: 1920px; height: 900px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/s12.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__security .img__security .img-bg-parallax { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/s12.jpg"); } } @media all and (min-width: 1301px) { #CMD .section__security .grid-content .grid { opacity: 0; -webkit-transform: translate3d(0px, 30px, 0px); transform: translate3d(0px, 30px, 0px); } #CMD .section__security .grid-content.js-animate-active .grid { opacity: 1; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } #CMD .section__security .grid-content.js-animate-active .grid.grid-1 { transition: opacity 500ms 150ms ease, -webkit-transform 600ms 150ms ease; transition: transform 600ms 150ms ease, opacity 500ms 150ms ease; transition: transform 600ms 150ms ease, opacity 500ms 150ms ease, -webkit-transform 600ms 150ms ease; } #CMD .section__security .grid-content.js-animate-active .grid.grid-2 { transition: opacity 500ms 300ms ease, -webkit-transform 600ms 300ms ease; transition: transform 600ms 300ms ease, opacity 500ms 300ms ease; transition: transform 600ms 300ms ease, opacity 500ms 300ms ease, -webkit-transform 600ms 300ms ease; } #CMD .section__security .grid-content.js-animate-active .grid.grid-3 { transition: opacity 500ms 450ms ease, -webkit-transform 600ms 450ms ease; transition: transform 600ms 450ms ease, opacity 500ms 450ms ease; transition: transform 600ms 450ms ease, opacity 500ms 450ms ease, -webkit-transform 600ms 450ms ease; } #CMD .section__security .grid-content.js-animate-active .grid.grid-4 { transition: opacity 500ms 600ms ease, -webkit-transform 600ms 600ms ease; transition: transform 600ms 600ms ease, opacity 500ms 600ms ease; transition: transform 600ms 600ms ease, opacity 500ms 600ms ease, -webkit-transform 600ms 600ms ease; } #CMD .section__security .grid-content.js-animate-active .grid.grid-5 { transition: opacity 500ms 750ms ease, -webkit-transform 600ms 750ms ease; transition: transform 600ms 750ms ease, opacity 500ms 750ms ease; transition: transform 600ms 750ms ease, opacity 500ms 750ms ease, -webkit-transform 600ms 750ms ease; } #CMD .section__security .grid-content.js-animate-active .grid.grid-6 { transition: opacity 500ms 900ms ease, -webkit-transform 600ms 900ms ease; transition: transform 600ms 900ms ease, opacity 500ms 900ms ease; transition: transform 600ms 900ms ease, opacity 500ms 900ms ease, -webkit-transform 600ms 900ms ease; } #CMD .section__management { overflow: hidden; } #CMD .section__management .grid-content .grid { opacity: 0; -webkit-transform: translate3d(0px, 30px, 0px); transform: translate3d(0px, 30px, 0px); } #CMD .section__management .grid-content.js-animate-active .grid { opacity: 1; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } #CMD .section__management .grid-content.js-animate-active .grid.grid-1 { transition: opacity 500ms 150ms ease, -webkit-transform 600ms 150ms ease; transition: transform 600ms 150ms ease, opacity 500ms 150ms ease; transition: transform 600ms 150ms ease, opacity 500ms 150ms ease, -webkit-transform 600ms 150ms ease; } #CMD .section__management .grid-content.js-animate-active .grid.grid-2 { transition: opacity 500ms 300ms ease, -webkit-transform 600ms 300ms ease; transition: transform 600ms 300ms ease, opacity 500ms 300ms ease; transition: transform 600ms 300ms ease, opacity 500ms 300ms ease, -webkit-transform 600ms 300ms ease; } #CMD .section__management .grid-content.js-animate-active .grid.grid-3 { transition: opacity 500ms 450ms ease, -webkit-transform 600ms 450ms ease; transition: transform 600ms 450ms ease, opacity 500ms 450ms ease; transition: transform 600ms 450ms ease, opacity 500ms 450ms ease, -webkit-transform 600ms 450ms ease; } #CMD .section__service { overflow: hidden; background: #fff; } #CMD .section__service .img__service { position: relative; left: 50%; overflow: hidden; margin-top: 90px; margin-left: -960px; height: 630px; background-image: none; } #CMD .section__service .img__service .img-bg-parallax { transition: -webkit-transform 500ms ease-out; transition: transform 500ms ease-out; transition: transform 500ms ease-out, -webkit-transform 500ms ease-out; position: absolute; top: -50px; left: 0; width: 1920px; height: 900px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/s15.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__service .img__service .img-bg-parallax { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/s15.jpg"); } } @media all and (min-width: 1301px) { #CMD .section__service .grid-content .grid { opacity: 0; -webkit-transform: translate3d(0px, 30px, 0px); transform: translate3d(0px, 30px, 0px); } #CMD .section__service .grid-content.js-animate-active .grid { opacity: 1; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } #CMD .section__service .grid-content.js-animate-active .grid.grid-1 { transition: opacity 500ms 150ms ease, -webkit-transform 600ms 150ms ease; transition: transform 600ms 150ms ease, opacity 500ms 150ms ease; transition: transform 600ms 150ms ease, opacity 500ms 150ms ease, -webkit-transform 600ms 150ms ease; } #CMD .section__service .grid-content.js-animate-active .grid.grid-2 { transition: opacity 500ms 300ms ease, -webkit-transform 600ms 300ms ease; transition: transform 600ms 300ms ease, opacity 500ms 300ms ease; transition: transform 600ms 300ms ease, opacity 500ms 300ms ease, -webkit-transform 600ms 300ms ease; } #CMD .section__service .grid-content.js-animate-active .grid.grid-3 { transition: opacity 500ms 450ms ease, -webkit-transform 600ms 450ms ease; transition: transform 600ms 450ms ease, opacity 500ms 450ms ease; transition: transform 600ms 450ms ease, opacity 500ms 450ms ease, -webkit-transform 600ms 450ms ease; } #CMD .section__service .grid-content.js-animate-active .grid.grid-4 { transition: opacity 500ms 600ms ease, -webkit-transform 600ms 600ms ease; transition: transform 600ms 600ms ease, opacity 500ms 600ms ease; transition: transform 600ms 600ms ease, opacity 500ms 600ms ease, -webkit-transform 600ms 600ms ease; } #CMD .section__service .grid-content.js-animate-active .grid.grid-5 { transition: opacity 500ms 750ms ease, -webkit-transform 600ms 750ms ease; transition: transform 600ms 750ms ease, opacity 500ms 750ms ease; transition: transform 600ms 750ms ease, opacity 500ms 750ms ease, -webkit-transform 600ms 750ms ease; } #CMD .section__service .grid-content.js-animate-active .grid.grid-6 { transition: opacity 500ms 900ms ease, -webkit-transform 600ms 900ms ease; transition: transform 600ms 900ms ease, opacity 500ms 900ms ease; transition: transform 600ms 900ms ease, opacity 500ms 900ms ease, -webkit-transform 600ms 900ms ease; } #CMD #section__inner2_2 .img__inner2_2 .model-seperate { position: relative; } #CMD #section__inner2_2 .img__inner2_2 .model-seperate .img-case { transition: -webkit-transform 400ms ease; transition: transform 400ms ease; transition: transform 400ms ease, -webkit-transform 400ms ease; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); position: absolute; left: 50%; margin-left: -622px; width: 1244px; height: 294px; } #CMD #section__inner2_2 .img__inner2_2 .model-seperate .img-case.img-case1 { z-index: 48; top: 460px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/inner2_2/case1.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__inner2_2 .img__inner2_2 .model-seperate .img-case.img-case1 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/inner2_2/case1.png"); } } @media all and (min-width: 1301px) { #CMD #section__inner2_2 .img__inner2_2 .model-seperate .img-case.img-case2 { z-index: 46; top: 460px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/inner2_2/case2.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__inner2_2 .img__inner2_2 .model-seperate .img-case.img-case2 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/inner2_2/case2.png"); } } @media all and (min-width: 1301px) { #CMD #section__inner2_2 .img__inner2_2 .model-seperate .img-case.img-case3 { z-index: 44; top: 470px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/inner2_2/case3.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__inner2_2 .img__inner2_2 .model-seperate .img-case.img-case3 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/inner2_2/case3.png"); } } @media all and (min-width: 1301px) { #CMD #section__inner2_2 .img__inner2_2 .model-seperate .img-case.img-case4 { z-index: 42; top: 473px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/inner2_2/case4.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__inner2_2 .img__inner2_2 .model-seperate .img-case.img-case4 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/inner2_2/case4.png"); } } @media all and (min-width: 1301px) { #CMD #section__inner2_2 .img__inner2_2 .model-seperate.js-animate-active .img-case.img-case1 { -webkit-transform: translate3d(0, -80px, 0); transform: translate3d(0, -80px, 0); } #CMD #section__inner2_2 .img__inner2_2 .model-seperate.js-animate-active .img-case.img-case2 { -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); } #CMD #section__inner2_2 .img__inner2_2 .model-seperate.js-animate-active .img-case.img-case3 { -webkit-transform: translate3d(0, 80px, 0); transform: translate3d(0, 80px, 0); } #CMD #section__inner2_2 .img__inner2_2 .model-seperate.js-animate-active .img-case.img-case4 { -webkit-transform: translate3d(0, 160px, 0); transform: translate3d(0, 160px, 0); } #CMD #section__inner12_1 { overflow: hidden; padding-top: 0px; background: #fff; } #CMD #section__inner12_1 .img__inner12_1 { position: relative; left: 50%; margin-top: 0px; margin-left: -1280px; width: 2560px; height: 744px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/inner/s12/01_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__inner12_1 .img__inner12_1 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/inner/s12/01_bg.jpg"); } } @media all and (min-width: 1301px) { #CMD #section__inner12_1 .img__inner12_1 .cam-content { position: absolute; top: 0; left: 0; width: 2560px; height: 744px; } #CMD #section__inner12_1 .img__inner12_1 .cam-content .img-cam-btn { transition: -webkit-transform 800ms ease; transition: transform 800ms ease; transition: transform 800ms ease, -webkit-transform 800ms ease; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 96; position: absolute; top: 213px; left: 50%; margin-left: -84px; width: 24px; height: 26px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/inner12_1/01_cam_btn.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__inner12_1 .img__inner12_1 .cam-content .img-cam-btn { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/inner12_1/01_cam_btn.png"); } } @media all and (min-width: 1301px) { #CMD #section__inner12_1 .img__inner12_1 .cam-content .img-cam-mask { z-index: 94; position: absolute; top: 198px; margin-left: -233px; left: 50%; width: 468px; height: 60px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/inner12_1/01_cam_mask.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__inner12_1 .img__inner12_1 .cam-content .img-cam-mask { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/inner12_1/01_cam_mask.png"); } } @media all and (min-width: 1301px) { #CMD #section__inner12_1 .img__inner12_1 .cam-content .img-cam-bar { transition: -webkit-transform 800ms ease; transition: transform 800ms ease; transition: transform 800ms ease, -webkit-transform 800ms ease; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 92; position: absolute; top: 208px; left: 50%; margin-left: -177px; width: 175px; height: 32px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/inner12_1/01_cam_bg.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__inner12_1 .img__inner12_1 .cam-content .img-cam-bar { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/inner12_1/01_cam_bg.png"); } } @media all and (min-width: 1301px) { #CMD #section__inner12_1 .img__inner12_1 .cam-content .img-cam-bg { transition: opacity 1200ms ease; opacity: 0; z-index: 90; position: absolute; top: 0; left: 0; width: 2560px; height: 744px; background-size: cover; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/inner12_1/01_bg_blur.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__inner12_1 .img__inner12_1 .cam-content .img-cam-bg { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/inner12_1/01_bg_blur.jpg"); } } @media all and (min-width: 1301px) { #CMD #section__inner12_1 .img__inner12_1 .cam-content.js-animate-active .img-cam-btn { -webkit-animation: camBtnSlide 3000ms 800ms ease-in-out infinite forwards; animation: camBtnSlide 3000ms 800ms ease-in-out infinite forwards; } #CMD #section__inner12_1 .img__inner12_1 .cam-content.js-animate-active .img-cam-bar { -webkit-animation: camBgSlide 3000ms 800ms ease-in-out infinite forwards; animation: camBgSlide 3000ms 800ms ease-in-out infinite forwards; } } @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__content { left: 0; margin-left: auto; margin-right: auto; padding-left: 0; width: 80%; max-width: 720px; text-align: left; } #CMD .wd__section .wd__content .content__slogan { position: absolute; text-align: left; left: 0.6%; top: -50px; font-size: 24px; } #CMD .wd__section .wd__content .content__title { margin-top: 91px; } #CMD .wd__section .wd__content .content__info { margin-top: 33px; } #CMD .wd__section .wd__content .content__slogan:before { top: -6px; width: auto; } #CMD .wd__section .wd__feature__list { margin-top: 68px; } #CMD .wd__section .wd__feature__list .wd__feature { vertical-align: top; } #CMD .wd__section .wd__link__arrow:after { padding-left: 5px; } #CMD .wd__section .wd__feature__list .wd__feature .wd__feature__data.text__long-en { bottom: -4px; } #CMD .section__dual { overflow: hidden; } #CMD .section__dual .img__dual { position: relative; left: 50%; margin-top: -560px; margin-left: -315px; width: 1009px; height: 874px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s3/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__dual .img__dual { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s3/bg.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__dual .img__dual .img-case { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 60; position: absolute; left: 50%; margin-top: 87px; margin-left: -222px; width: 612px; height: 654px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s3/case.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__dual .img__dual .img-case { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s3/case.png"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__dual .img__dual .img-ssd { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 0; z-index: 55; position: absolute; left: 50%; margin-top: 169px; margin-left: -16px; width: 392px; height: 224px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s3/ssd.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__dual .img__dual .img-ssd { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s3/ssd.png"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__dual .img__dual #ssd-svg { -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); z-index: 55; position: absolute; left: 50%; margin-top: 169px; margin-left: -16px; width: 392px; height: 224px; fill: none; stroke: #abf6ff; stroke-width: 2; } #CMD .section__dual .img__dual #ssd-svg .path { stroke-dasharray: 1000; stroke-dashoffset: 1000; } #CMD .section__dual .img__dual.js-animate-active .img-case { transition: opacity 700ms 300ms ease, -webkit-transform 1000ms ease; transition: opacity 700ms 300ms ease, transform 1000ms ease; transition: opacity 700ms 300ms ease, transform 1000ms ease, -webkit-transform 1000ms ease; opacity: 0; -webkit-transform: translate3d(-80px, 0, 0); transform: translate3d(-80px, 0, 0); } #CMD .section__dual .img__dual.js-animate-active #ssd-svg { transition: -webkit-transform 600ms 1500ms; transition: transform 600ms 1500ms; transition: transform 600ms 1500ms, -webkit-transform 600ms 1500ms; -webkit-transform: translate3d(-10px, 0px, 0px); transform: translate3d(-10px, 0px, 0px); } #CMD .section__dual .img__dual.js-animate-active #ssd-svg .path { stroke-dasharray: 1000; stroke-dashoffset: 0; } #CMD .section__dual .img__dual.js-animate-active #ssd-svg .path.path1 { transition: stroke-dashoffset 1400ms 800ms ease; } #CMD .section__dual .img__dual.js-animate-active #ssd-svg .path.path2 { transition: stroke-dashoffset 1400ms 1050ms ease; } #CMD .section__dual .img__dual.js-animate-active .img-ssd { transition: opacity 650ms 1400ms ease, -webkit-transform 600ms 1500ms; transition: opacity 650ms 1400ms ease, transform 600ms 1500ms; transition: opacity 650ms 1400ms ease, transform 600ms 1500ms, -webkit-transform 600ms 1500ms; -webkit-transform: translate3d(-10px, 0px, 0px); transform: translate3d(-10px, 0px, 0px); opacity: 1; } #CMD .section__battery { transition: background-color 1600ms ease; overflow: hidden; background-color: #fff; } #CMD .section__battery .wd__content .content__title { transition: color 1600ms ease; } #CMD .section__battery .wd__content .content__info { transition: color 1600ms ease; } #CMD .section__battery .img__battery { background-image: none; } #CMD .section__battery .img__battery .img-model { z-index: 30; position: absolute; top: 80px; left: 50%; margin-left: -621px; width: 1112px; height: 889px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s4/model.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__battery .img__battery .img-model { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s4/model.png"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__battery .img__battery .img-model .screen-scene { z-index: 50; position: absolute; left: 54px; top: 44px; width: 640px; height: 484px; -webkit-transform: matrix3d(1.104617, 0.240838, 0, 0.000805, 0.380303, 0.934273, 0, -0.000125, 0, 0, 1, 0, 3.279405, 2.695295, 0, 1) translateZ(0); transform: matrix3d(1.104617, 0.240838, 0, 0.000805, 0.380303, 0.934273, 0, -0.000125, 0, 0, 1, 0, 3.279405, 2.695295, 0, 1) translateZ(0); -webkit-transform-origin: 0px 1px 0px; transform-origin: 0px 1px 0px; } #CMD .section__battery .img__battery .img-model .screen-scene .screen-vid { width: 640px; height: 484px; } #CMD .section__battery .img__battery .img-model .img-scene-light-mask { opacity: 1; z-index: 82; position: absolute; top: 444px; left: 50%; margin-left: -306px; width: 845px; height: 424px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s4/light-mask.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__battery .img__battery .img-model .img-scene-light-mask { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s4/light-mask.png"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__battery .img__battery .img-model .img-scene-dark-mask { transition: opacity 900ms ease; -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 0; z-index: 85; position: absolute; top: 444px; left: 50%; margin-left: -306px; width: 845px; height: 424px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s4/dark-mask.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__battery .img__battery .img-model .img-scene-dark-mask { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s4/dark-mask.png"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__battery .img__battery .img-model .img-scene-light-shadow { transition: opacity 900ms ease; -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; z-index: 70; position: absolute; top: 720px; left: 50%; margin-left: -404px; width: 782px; height: 149px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s4/light-shadow.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__battery .img__battery .img-model .img-scene-light-shadow { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s4/light-shadow.png"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__battery .img__battery .img-model .img-scene-dark-shadow { transition: opacity 900ms ease; -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 0; z-index: 72; position: absolute; top: 720px; left: 50%; margin-left: -404px; width: 782px; height: 149px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s4/dark-shadow.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__battery .img__battery .img-model .img-scene-dark-shadow { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s4/dark-shadow.png"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__battery .img__battery .img-model .img-scene-mask { z-index: 52; position: absolute; left: 261px; top: 453px; width: 502px; height: 89px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s4/mask.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__battery .img__battery .img-model .img-scene-mask { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s4/mask.png"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__battery .img__battery .clock-content { z-index: 25; position: absolute; top: 280px; left: 50%; margin-left: -670px; } #CMD .section__battery .img__battery .clock-content #clock { width: 1340px; height: 1340px; -webkit-transform: scale(1, 0.2) translateZ(0); transform: scale(1, 0.2) translateZ(0); } #CMD .section__battery .img__battery .clock-content #clock .curve { transition: fill 1000ms ease; fill: #cbcbcb; } #CMD .section__battery .img__battery .clock-content #clock .hour, #CMD .section__battery .img__battery .clock-content #clock .minute { transition: fill 1000ms ease; fill: #cbcbcb; -webkit-transform-origin: 50.57% 49.5%; transform-origin: 50.57% 49.5%; } #CMD .section__battery .img__battery .clock-content #clock .minute-ie, #CMD .section__battery .img__battery .clock-content #clock .hour-ie { fill: #cbcbcb; display: none; } #CMD .section__battery .img__battery .clock-content.js-animate-active #clock .minute { -webkit-animation: infiniteRotate 800ms linear infinite forwards; animation: infiniteRotate 800ms linear infinite forwards; } #CMD .section__battery .img__battery .clock-content.js-animate-active #clock .hour { -webkit-animation: infiniteRotate 5000ms linear infinite forwards; animation: infiniteRotate 5000ms linear infinite forwards; } #CMD .section__battery.js-dark-mode { background-color: #000; } #CMD .section__battery.js-dark-mode .wd__content .content__title, #CMD .section__battery.js-dark-mode .wd__content .content__info { color: #fff; } #CMD .section__battery.js-dark-mode .wd__feature__list .wd__feature .wd__feature__describe__top, #CMD .section__battery.js-dark-mode .wd__feature__list .wd__feature .wd__feature__describe { color: #fff; } #CMD .section__battery.js-dark-mode .img-model .img-scene-light-shadow { opacity: 0; } #CMD .section__battery.js-dark-mode .img-model .img-scene-dark-shadow, #CMD .section__battery.js-dark-mode .img-model .img-scene-dark-mask { opacity: 1; } #CMD .section__battery.js-dark-mode .clock-content #clock .curve { fill: #373a4d; } #CMD .section__battery.js-dark-mode .clock-content #clock .hour, #CMD .section__battery.js-dark-mode .clock-content #clock .minute { fill: #373a4d; display: block; -webkit-transform-origin: 50.57% 49.5%; transform-origin: 50.57% 49.5%; } #CMD .section__battery.js-dark-mode .clock-content #clock .minute-ie, #CMD .section__battery.js-dark-mode .clock-content #clock .hour-ie { fill: #373a4d; } #CMD .section__sound .img__sound .scene-content { z-index: 40; position: absolute; top: 611px; left: 50%; margin-left: -391px; width: 782px; height: 462px; } #CMD .section__sound .img__sound .scene-content figure { transition: opacity 800ms ease; opacity: 0; position: absolute; top: 0; left: 0; width: 782px; height: 462px; } #CMD .section__sound .img__sound .scene-content figure.img-micro { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s9/micro_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__sound .img__sound .scene-content figure.img-micro { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s9/micro_bg.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__sound .img__sound .scene-content figure.img-sound { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s9/sound_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__sound .img__sound .scene-content figure.img-sound { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s9/sound_bg.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__sound .img__sound .scene-content figure.js-showed { opacity: 1; } #CMD .section__sound .img__sound .title-microphone, #CMD .section__sound .img__sound .title-sound { z-index: 80; transition: opacity 400ms ease; opacity: 0; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); color: #fff; font-size: 20px; line-height: 28px; text-transform: uppercase; display: inline-block; } #CMD .section__sound .img__sound .title-microphone.js-showed, #CMD .section__sound .img__sound .title-sound.js-showed { opacity: 1; } #CMD .section__sound .img__sound .title-microphone { top: 581px; } #CMD .section__sound .img__sound .title-sound { top: 1210px; } #CMD .section__sound .img__sound .wave { z-index: 50; position: absolute; left: 50%; } #CMD .section__sound .img__sound .wave .img-wave { z-index: 75; opacity: 0; position: absolute; top: 0; left: 0; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s9/ripple.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__sound .img__sound .wave .img-wave { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s9/ripple.png"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__sound .img__sound .wave.wave-big { width: 380px; height: 380px; } #CMD .section__sound .img__sound .wave.wave-big .img-wave { width: 380px; height: 380px; } #CMD .section__sound .img__sound .wave.wave-small { width: 220px; height: 220px; } #CMD .section__sound .img__sound .wave.wave-small .img-wave { width: 220px; height: 220px; } #CMD .section__sound .img__sound .wave.wave-left.wave-big { top: 452px; margin-left: -281px; } #CMD .section__sound .img__sound .wave.wave-left.wave-small { top: 532px; margin-left: -388px; } #CMD .section__sound .img__sound .wave.wave-right.wave-big { top: 452px; margin-left: -94px; } #CMD .section__sound .img__sound .wave.wave-right.wave-small { top: 532px; margin-left: 171px; } #CMD .section__sound .img__sound .ripple { position: absolute; top: 1074px; left: 365px; width: 1829px; height: 259px; } #CMD .section__sound .img__sound .ripple .img-ripple { z-index: 70; opacity: 0; position: absolute; top: 0; left: 0; width: 1829px; height: 259px; } #CMD .section__sound .img__sound .ripple .img-ripple.img-ripple1 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s9/wave/wave1.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__sound .img__sound .ripple .img-ripple.img-ripple1 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s9/wave/wave1.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__sound .img__sound .ripple .img-ripple.img-ripple2 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s9/wave/wave2.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__sound .img__sound .ripple .img-ripple.img-ripple2 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s9/wave/wave2.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__sound .img__sound .ripple .img-ripple.img-ripple3 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s9/wave/wave3.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__sound .img__sound .ripple .img-ripple.img-ripple3 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s9/wave/wave3.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__sound .img__sound .ripple .img-ripple.img-ripple4 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s9/wave/wave4.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__sound .img__sound .ripple .img-ripple.img-ripple4 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s9/wave/wave4.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__sound .img__sound .ripple .img-ripple.img-ripple5 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s9/wave/wave5.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__sound .img__sound .ripple .img-ripple.img-ripple5 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s9/wave/wave5.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__sound .img__sound .ripple .img-ripple.img-ripple6 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s9/wave/wave6.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__sound .img__sound .ripple .img-ripple.img-ripple6 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s9/wave/wave6.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__sound .img__sound.js-animate-active .wave.js-start-animate .img-wave.img-wave1 { opacity: 0; -webkit-animation-name: soundCirclePlay; animation-name: soundCirclePlay; -webkit-animation-duration: 3200ms; animation-duration: 3200ms; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-delay: 0ms; animation-delay: 0ms; } #CMD .section__sound .img__sound.js-animate-active .wave.js-start-animate .img-wave.img-wave2 { opacity: 0; -webkit-animation-name: soundCirclePlay; animation-name: soundCirclePlay; -webkit-animation-duration: 3200ms; animation-duration: 3200ms; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-delay: 400ms; animation-delay: 400ms; } #CMD .section__sound .img__sound.js-animate-active .wave.js-start-animate .img-wave.img-wave3 { opacity: 0; -webkit-animation-name: soundCirclePlay; animation-name: soundCirclePlay; -webkit-animation-duration: 3200ms; animation-duration: 3200ms; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-delay: 800ms; animation-delay: 800ms; } #CMD .section__sound .img__sound.js-animate-active .wave.js-start-animate .img-wave.img-wave4 { opacity: 0; -webkit-animation-name: soundCirclePlay; animation-name: soundCirclePlay; -webkit-animation-duration: 3200ms; animation-duration: 3200ms; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-delay: 1200ms; animation-delay: 1200ms; } #CMD .section__sound .img__sound.js-animate-active .wave.js-start-animate .img-wave.img-wave5 { opacity: 0; -webkit-animation-name: soundCirclePlay; animation-name: soundCirclePlay; -webkit-animation-duration: 3200ms; animation-duration: 3200ms; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-delay: 1600ms; animation-delay: 1600ms; } #CMD .section__sound .img__sound.js-animate-active .ripple.js-start-animate .img-ripple.img-ripple1 { opacity: 0; -webkit-animation-name: ripple; animation-name: ripple; -webkit-animation-duration: 3200ms; animation-duration: 3200ms; -webkit-animation-iteration-count: 2; animation-iteration-count: 2; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-delay: 0ms; animation-delay: 0ms; } #CMD .section__sound .img__sound.js-animate-active .ripple.js-start-animate .img-ripple.img-ripple2 { opacity: 0; -webkit-animation-name: ripple; animation-name: ripple; -webkit-animation-duration: 3200ms; animation-duration: 3200ms; -webkit-animation-iteration-count: 2; animation-iteration-count: 2; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-delay: 120ms; animation-delay: 120ms; } #CMD .section__sound .img__sound.js-animate-active .ripple.js-start-animate .img-ripple.img-ripple3 { opacity: 0; -webkit-animation-name: ripple; animation-name: ripple; -webkit-animation-duration: 3200ms; animation-duration: 3200ms; -webkit-animation-iteration-count: 2; animation-iteration-count: 2; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-delay: 240ms; animation-delay: 240ms; } #CMD .section__sound .img__sound.js-animate-active .ripple.js-start-animate .img-ripple.img-ripple4 { opacity: 0; -webkit-animation-name: ripple; animation-name: ripple; -webkit-animation-duration: 3200ms; animation-duration: 3200ms; -webkit-animation-iteration-count: 2; animation-iteration-count: 2; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-delay: 360ms; animation-delay: 360ms; } #CMD .section__sound .img__sound.js-animate-active .ripple.js-start-animate .img-ripple.img-ripple5 { opacity: 0; -webkit-animation-name: ripple; animation-name: ripple; -webkit-animation-duration: 3200ms; animation-duration: 3200ms; -webkit-animation-iteration-count: 2; animation-iteration-count: 2; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-delay: 480ms; animation-delay: 480ms; } #CMD .section__alexa { overflow: hidden; padding-top: 0px; background: #0e0e0e; } #CMD .section__alexa .img__alexa { position: relative; left: 50%; margin-top: -248px; margin-left: -1280px; width: 2560px; height: 1238px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s10/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__alexa .img__alexa { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s10/bg.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__alexa .img__alexa .img-screen { transition: opacity 350ms ease; opacity: 0; position: absolute; left: 50%; top: 352px; margin-left: -693px; width: 762px; height: 664px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s10/screen.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__alexa .img__alexa .img-screen { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s10/screen.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__alexa .img__alexa .img-alexa-ui { transition: opacity 350ms ease; opacity: 0; position: absolute; left: 50%; top: 304px; margin-left: -617px; width: 559px; height: 406px; -webkit-transform: matrix3d(0.691462, -0.211128, 0, 0.00013402, 0.241734, 0.75183, 0, 0.0000079243, 0, 0, 1, 0, 38, 160, 0, 1); transform: matrix3d(0.691462, -0.211128, 0, 0.00013402, 0.241734, 0.75183, 0, 0.0000079243, 0, 0, 1, 0, 38, 160, 0, 1); box-shadow: -6px 6px 17px rgba(0, 0, 0, 0.15); background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s10/alexa.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__alexa .img__alexa .img-alexa-ui { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s10/alexa.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__alexa .img__alexa .img-calendar { transition: opacity 550ms ease; opacity: 0; position: absolute; left: 50%; top: 347px; margin-left: -692px; width: 762px; height: 664px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s10/calendar.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__alexa .img__alexa .img-calendar { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s10/calendar.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__alexa .img__alexa .talk-content { opacity: 1; position: absolute; left: 50%; top: 362px; margin-left: -240px; -webkit-transform: matrix3d(0.691462, -0.221128, 0, 0.00013402, 0.241734, 0.75183, 0, 0.0000079243, 0, 0, 1, 0, 38, 160, 0, 1); transform: matrix3d(0.691462, -0.221128, 0, 0.00013402, 0.241734, 0.75183, 0, 0.0000079243, 0, 0, 1, 0, 38, 160, 0, 1); } #CMD .section__alexa .img__alexa .talk-content .talk { display: flex; align-items: center; -webkit-transform: translate3d(-20px, 40px, 0) scale(0.5); transform: translate3d(-20px, 40px, 0) scale(0.5); opacity: 0; width: 340px; height: 54px; margin-bottom: 30px; padding: 5px 12px; box-sizing: border-box; border-radius: 10px; text-align: left; color: #fff; font-size: 24px; line-height: 54px; text-shadow: 0px 2px 6px rgba(57, 60, 126, 0.2); background: linear-gradient(to right, rgba(86, 93, 206, 0.6), rgba(121, 182, 248, 0.85), rgba(121, 182, 248, 0.85), rgba(86, 93, 206, 0.6)); } #CMD .section__alexa .img__alexa .talk-content .talk .svg-head { width: 34px; height: 34px; margin-right: 8px; fill: #fff; } #CMD .section__alexa .img__alexa .alexa-bar { -webkit-transform: rotate(-24deg); transform: rotate(-24deg); overflow: hidden; position: absolute; top: 1045px; left: 50%; margin-left: 179px; width: 50px; height: 4px; border-radius: 25px; } #CMD .section__alexa .img__alexa .alexa-bar .alexa-bar-light { opacity: 0; -webkit-transform: scale(1, 1) translate3d(0, 0, 0); transform: scale(1, 1) translate3d(0, 0, 0); position: absolute; top: 0; left: 50%; margin-left: -30px; width: 60px; height: 12px; } #CMD .section__alexa .img__alexa.js-animate-active .img-screen.js-showed { opacity: 1; } #CMD .section__alexa .img__alexa.js-animate-active .img-alexa-ui.js-showed { opacity: 1; } #CMD .section__alexa .img__alexa.js-animate-active .img-calendar.js-showed { opacity: 1; } #CMD .section__alexa .img__alexa.js-animate-active .talk-content .talk-1.js-call { transition: opacity 200ms ease, -webkit-transform 350ms ease; transition: transform 350ms ease, opacity 200ms ease; transition: transform 350ms ease, opacity 200ms ease, -webkit-transform 350ms ease; -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); opacity: 1; } #CMD .section__alexa .img__alexa.js-animate-active .talk-content .talk-2.js-call { transition: opacity 200ms ease, -webkit-transform 350ms ease; transition: transform 350ms ease, opacity 200ms ease; transition: transform 350ms ease, opacity 200ms ease, -webkit-transform 350ms ease; -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); opacity: 1; } #CMD .section__alexa .img__alexa.js-animate-active .talk-content.js-hided { transition: opacity 700ms ease; opacity: 0; } #CMD .section__alexa .img__alexa.js-animate-active .alexa-bar.js-detect-active { background: #9885ee; } #CMD .section__alexa .img__alexa.js-animate-active .alexa-bar.js-detect-active .alexa-bar-light { opacity: 1; -webkit-animation: AlexaDetectActive 600ms 100ms ease 1; animation: AlexaDetectActive 600ms 100ms ease 1; } #CMD .section__alexa .img__alexa.js-animate-active .alexa-bar.js-detect-listen { background: #9885ee; } #CMD .section__alexa .img__alexa.js-animate-active .alexa-bar.js-detect-listen .alexa-bar-light { opacity: 1; -webkit-animation: AlexaDetectListen 600ms 100ms ease 1; animation: AlexaDetectListen 600ms 100ms ease 1; } #CMD .section__alexa .img__alexa.js-animate-active .alexa-bar.js-detect-doing { background: #9885ee; } #CMD .section__alexa .img__alexa.js-animate-active .alexa-bar.js-detect-doing .alexa-bar-light { opacity: 1; -webkit-animation: AlexaDetectDoing 1400ms 100ms ease 1; animation: AlexaDetectDoing 1400ms 100ms ease 1; } #CMD #section__inner2_2 .img__inner2_2 .model-seperate { position: relative; } #CMD #section__inner2_2 .img__inner2_2 .model-seperate .img-case { transition: -webkit-transform 400ms ease; transition: transform 400ms ease; transition: transform 400ms ease, -webkit-transform 400ms ease; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); position: absolute; left: 50%; margin-left: -622px; width: 1244px; height: 294px; } #CMD #section__inner2_2 .img__inner2_2 .model-seperate .img-case.img-case1 { z-index: 48; top: 460px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/inner2_2/case1.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__inner2_2 .img__inner2_2 .model-seperate .img-case.img-case1 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/inner2_2/case1.png"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD #section__inner2_2 .img__inner2_2 .model-seperate .img-case.img-case2 { z-index: 46; top: 460px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/inner2_2/case2.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__inner2_2 .img__inner2_2 .model-seperate .img-case.img-case2 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/inner2_2/case2.png"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD #section__inner2_2 .img__inner2_2 .model-seperate .img-case.img-case3 { z-index: 44; top: 470px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/inner2_2/case3.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__inner2_2 .img__inner2_2 .model-seperate .img-case.img-case3 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/inner2_2/case3.png"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD #section__inner2_2 .img__inner2_2 .model-seperate .img-case.img-case4 { z-index: 42; top: 473px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/inner2_2/case4.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__inner2_2 .img__inner2_2 .model-seperate .img-case.img-case4 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/inner2_2/case4.png"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD #section__inner2_2 .img__inner2_2 .model-seperate.js-animate-active .img-case.img-case1 { -webkit-transform: translate3d(0, -80px, 0); transform: translate3d(0, -80px, 0); } #CMD #section__inner2_2 .img__inner2_2 .model-seperate.js-animate-active .img-case.img-case2 { -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); } #CMD #section__inner2_2 .img__inner2_2 .model-seperate.js-animate-active .img-case.img-case3 { -webkit-transform: translate3d(0, 80px, 0); transform: translate3d(0, 80px, 0); } #CMD #section__inner2_2 .img__inner2_2 .model-seperate.js-animate-active .img-case.img-case4 { -webkit-transform: translate3d(0, 160px, 0); transform: translate3d(0, 160px, 0); } #CMD #section__inner12_1 { overflow: hidden; padding-top: 0px; background: #fff; } #CMD #section__inner12_1 .img__inner12_1 { position: relative; left: 50%; margin-top: 0px; margin-left: -1280px; width: 2560px; height: 744px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/inner/s12/01_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__inner12_1 .img__inner12_1 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/inner/s12/01_bg.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD #section__inner12_1 .img__inner12_1 .cam-content { position: absolute; top: 0; left: 0; width: 2560px; height: 744px; } #CMD #section__inner12_1 .img__inner12_1 .cam-content .img-cam-btn { transition: -webkit-transform 800ms ease; transition: transform 800ms ease; transition: transform 800ms ease, -webkit-transform 800ms ease; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 96; position: absolute; top: 213px; left: 50%; margin-left: -84px; width: 24px; height: 26px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/inner12_1/01_cam_btn.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__inner12_1 .img__inner12_1 .cam-content .img-cam-btn { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/inner12_1/01_cam_btn.png"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD #section__inner12_1 .img__inner12_1 .cam-content .img-cam-mask { z-index: 94; position: absolute; top: 198px; margin-left: -233px; left: 50%; width: 468px; height: 60px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/inner12_1/01_cam_mask.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__inner12_1 .img__inner12_1 .cam-content .img-cam-mask { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/inner12_1/01_cam_mask.png"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD #section__inner12_1 .img__inner12_1 .cam-content .img-cam-bar { transition: -webkit-transform 800ms ease; transition: transform 800ms ease; transition: transform 800ms ease, -webkit-transform 800ms ease; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 92; position: absolute; top: 208px; left: 50%; margin-left: -177px; width: 175px; height: 32px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/inner12_1/01_cam_bg.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__inner12_1 .img__inner12_1 .cam-content .img-cam-bar { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/inner12_1/01_cam_bg.png"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD #section__inner12_1 .img__inner12_1 .cam-content .img-cam-bg { transition: opacity 1200ms ease; opacity: 0; z-index: 90; position: absolute; top: 0; left: 0; width: 2560px; height: 744px; background-size: cover; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/inner12_1/01_bg_blur.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__inner12_1 .img__inner12_1 .cam-content .img-cam-bg { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/inner12_1/01_bg_blur.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD #section__inner12_1 .img__inner12_1 .cam-content.js-animate-active .img-cam-btn { -webkit-animation: camBtnSlide 3000ms 800ms ease-in-out infinite forwards; animation: camBtnSlide 3000ms 800ms ease-in-out infinite forwards; } #CMD #section__inner12_1 .img__inner12_1 .cam-content.js-animate-active .img-cam-bar { -webkit-animation: camBgSlide 3000ms 800ms ease-in-out infinite forwards; animation: camBgSlide 3000ms 800ms ease-in-out infinite forwards; } #CMD #section__inner2_2 .img__inner2_2 .model-seperate.js-animate-active .img-case.img-case1 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/70p/1x/animation/inner2_2/case1.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__inner2_2 .img__inner2_2 .model-seperate.js-animate-active .img-case.img-case1 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/70p/2x/animation/inner2_2/case1.png"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD #section__inner2_2 .img__inner2_2 .model-seperate.js-animate-active .img-case.img-case2 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/70p/1x/animation/inner2_2/case2.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__inner2_2 .img__inner2_2 .model-seperate.js-animate-active .img-case.img-case2 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/70p/2x/animation/inner2_2/case2.png"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD #section__inner2_2 .img__inner2_2 .model-seperate.js-animate-active .img-case.img-case3 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/70p/1x/animation/inner2_2/case3.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__inner2_2 .img__inner2_2 .model-seperate.js-animate-active .img-case.img-case3 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/70p/2x/animation/inner2_2/case3.png"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD #section__inner2_2 .img__inner2_2 .model-seperate.js-animate-active .img-case.img-case4 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/70p/1x/animation/inner2_2/case4.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__inner2_2 .img__inner2_2 .model-seperate.js-animate-active .img-case.img-case4 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/70p/2x/animation/inner2_2/case4.png"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__battery .img__battery .img-model { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/70p/1x/animation/s4/model.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__battery .img__battery .img-model { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/70p/2x/animation/s4/model.png"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__battery .img__battery .img-model .img-scene-light-mask { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/70p/1x/animation/s4/light-mask.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__battery .img__battery .img-model .img-scene-light-mask { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/70p/2x/animation/s4/light-mask.png"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__battery .img__battery .img-model .img-scene-dark-mask { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/70p/1x/animation/s4/dark-mask.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__battery .img__battery .img-model .img-scene-dark-mask { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/70p/2x/animation/s4/dark-mask.png"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__battery .img__battery .img-model .img-scene-light-shadow { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/70p/1x/animation/s4/light-shadow.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__battery .img__battery .img-model .img-scene-light-shadow { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/70p/2x/animation/s4/light-shadow.png"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__battery .img__battery .img-model .img-scene-dark-shadow { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/70p/1x/animation/s4/dark-shadow.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__battery .img__battery .img-model .img-scene-dark-shadow { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/70p/2x/animation/s4/dark-shadow.png"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__battery .img__battery .img-model .img-scene-mask { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/70p/1x/animation/s4/mask.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__battery .img__battery .img-model .img-scene-mask { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/70p/2x/animation/s4/mask.png"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__sound .img__sound .scene-content figure.img-micro { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/70p/1x/animation/s9/micro_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__sound .img__sound .scene-content figure.img-micro { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/70p/2x/animation/s9/micro_bg.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__sound .img__sound .scene-content figure.img-sound { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/70p/1x/animation/s9/sound_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__sound .img__sound .scene-content figure.img-sound { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/70p/2x/animation/s9/sound_bg.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__sound .img__sound .wave .img-wave { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/70p/1x/animation/s9/ripple.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__sound .img__sound .wave .img-wave { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/70p/2x/animation/s9/ripple.png"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__sound .img__sound .ripple .img-ripple.img-ripple1 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/70p/1x/animation/s9/wave/wave1.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__sound .img__sound .ripple .img-ripple.img-ripple1 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/70p/2x/animation/s9/wave/wave1.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__sound .img__sound .ripple .img-ripple.img-ripple2 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/70p/1x/animation/s9/wave/wave2.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__sound .img__sound .ripple .img-ripple.img-ripple2 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/70p/2x/animation/s9/wave/wave2.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__sound .img__sound .ripple .img-ripple.img-ripple3 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/70p/1x/animation/s9/wave/wave3.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__sound .img__sound .ripple .img-ripple.img-ripple3 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/70p/2x/animation/s9/wave/wave3.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__sound .img__sound .ripple .img-ripple.img-ripple4 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/70p/1x/animation/s9/wave/wave4.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__sound .img__sound .ripple .img-ripple.img-ripple4 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/70p/2x/animation/s9/wave/wave4.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__sound .img__sound .ripple .img-ripple.img-ripple5 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/70p/1x/animation/s9/wave/wave5.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__sound .img__sound .ripple .img-ripple.img-ripple5 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/70p/2x/animation/s9/wave/wave5.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__sound .img__sound .ripple .img-ripple.img-ripple6 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/70p/1x/animation/s9/wave/wave6.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__sound .img__sound .ripple .img-ripple.img-ripple6 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/70p/2x/animation/s9/wave/wave6.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__alexa .img__alexa { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/70p/1x/animation/s10/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__alexa .img__alexa { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/70p/2x/animation/s10/bg.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__alexa .img__alexa .img-screen { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/70p/1x/animation/s10/screen.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__alexa .img__alexa .img-screen { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/70p/2x/animation/s10/screen.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__alexa .img__alexa .img-alexa-ui { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/70p/1x/animation/s10/alexa.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__alexa .img__alexa .img-alexa-ui { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/70p/2x/animation/s10/alexa.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__alexa .img__alexa .img-calendar { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/70p/1x/animation/s10/calendar.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__alexa .img__alexa .img-calendar { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/70p/2x/animation/s10/calendar.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD #section__inner12_1 .img__inner12_1 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/70p/1x/animation/inner12_1/01_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__inner12_1 .img__inner12_1 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/70p/2x/animation/inner12_1/01_bg.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD #section__inner12_1 .img__inner12_1 .cam-content .img-cam-btn { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/70p/1x/animation/inner12_1/01_cam_btn.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__inner12_1 .img__inner12_1 .cam-content .img-cam-btn { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/70p/2x/animation/inner12_1/01_cam_btn.png"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD #section__inner12_1 .img__inner12_1 .cam-content .img-cam-mask { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/70p/1x/animation/inner12_1/01_cam_mask.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__inner12_1 .img__inner12_1 .cam-content .img-cam-mask { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/70p/2x/animation/inner12_1/01_cam_mask.png"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD #section__inner12_1 .img__inner12_1 .cam-content .img-cam-bar { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/70p/1x/animation/inner12_1/01_cam_bg.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__inner12_1 .img__inner12_1 .cam-content .img-cam-bar { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/70p/2x/animation/inner12_1/01_cam_bg.png"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD #section__inner12_1 .img__inner12_1 .cam-content .img-cam-bg { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/70p/1x/animation/inner12_1/01_bg_blur.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__inner12_1 .img__inner12_1 .cam-content .img-cam-bg { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/70p/2x/animation/inner12_1/01_bg_blur.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__kv { overflow: hidden; padding-top: 54px; padding-bottom: 140px; background: #fff; } #CMD .section__kv .wd__content { padding-left: 0; width: 100%; } #CMD .section__kv .wd__content .content__title { color: #333; font-size: 53px; margin-top: -29px; font-weight: 200; } #CMD .section__kv .wd__content .content__info { color: #333; width: 96%; } #CMD .section__kv .wd__content.bottom-content { position: relative; z-index: 100000000; margin-top: -603px; } #CMD .section__kv .wd__content.bottom-content .content__info { color: #fff; } #CMD .section__kv .wd__content .content__title { font-size: 34px; } #CMD .section__kv .wd__content .content__subtitle { margin-top: 6px; font-size: 23px; color: #888; font-family: "Myriad W01_n2", "Myriad W01", "Segoe UI", sans-serif !important; font-weight: 200; font-style: normal; } #CMD .section__kv .img__kv__logo { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/kv_logo.png") ; margin-top: 0; width: 410px; height: 56px; 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/ugrin67gx0x7rj5h/v3/features/images/large/2x/kv_logo.png"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__kv .img__kv { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/medium/1x/animation/kv/bg.jpg") ; margin-top: -205px; margin-left: -650px; width: 1300px; height: 1399px; } } @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 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/medium/2x/animation/kv/bg.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__kv .img__kv .img-model { opacity: 1; position: absolute; left: 50%; margin-top: 235px; margin-left: -292px; width: 584px; height: 400px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/medium/1x/animation/kv/nb.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__kv .img__kv .img-model { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/medium/2x/animation/kv/nb.png"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__kv .img__kv .img-model .img-main-bg, #CMD .section__kv .img__kv .img-model .img-case-mask, #CMD .section__kv .img__kv .img-model .img-texture-mask, #CMD .section__kv .img__kv .img-model #kv-screen { display: none; background-image: none; } #CMD .section__kv .img__kv .img-shadow-block { opacity: 1; position: absolute; left: 50%; margin-top: 625px; margin-left: -297px; width: 595px; height: 110px; } #CMD .section__kv .img__kv .img-shadow-block .img-shadow { opacity: 1; width: 595px; height: 110px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/medium/1x/animation/kv/shadow.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__kv .img__kv .img-shadow-block .img-shadow { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/medium/2x/animation/kv/shadow.png"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__kv .img__kv #kv-svg-bg { display: none; background-image: none; } #CMD .section__thin { overflow: hidden; padding-top: 110px; } #CMD .section__thin .wd__content .content__info { width: 93%; max-width: 520px; } #CMD .section__thin .img__thin { width: 1300px; height: 834px; margin-top: -460px; margin-left: -650px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/medium/1x/s2.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__thin .img__thin { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/medium/2x/s2.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__thin .img__thin-hl { margin-left: 0; margin-right: 0; margin-top: -40px; position: relative; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 720px; max-width: 720px; height: 1230px; padding-bottom: 0; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/medium/1x/s2_hl_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__thin .img__thin-hl { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/medium/2x/s2_hl_2.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__thin .modal-button-container { z-index: 99; position: relative; margin-top: 50px; } #CMD .section__dual { overflow: hidden; padding-top: 120px; } #CMD .section__dual .wd__content .content__info { width: 100%; } #CMD .section__dual .wd__feature__list { width: 100%; position: relative; left: 0%; margin-top: 70px; margin-left: 0; } #CMD .section__dual .wd__feature__list .wd__feature.feature-1 { width: 100%; margin-left: 0; margin-right: 0; } #CMD .section__dual .img__dual { -webkit-transform: scale(0.95); transform: scale(0.95); margin-top: 140px; margin-left: -595px; } #CMD .section__dual .img__dual .img-icon-intel { top: -152px; width: 166px; height: 228px; margin-left: 13px; } #CMD .section__dual .modal-button-container { margin-top: -120px; } #CMD .section__battery { overflow: hidden; margin-top: 0px; padding-top: 80px; padding-bottom: 0px; } #CMD .section__battery .wd__content .content__info { width: 101%; max-width: 690px; } #CMD .section__battery .wd__feature__list { position: relative; left: 50%; width: 700px; margin-top: 55px; margin-left: -350px; } #CMD .section__battery .wd__feature__list .wd__feature { margin-left: 25px; margin-right: 25px; width: auto !important; } #CMD .section__battery .wd__feature__list .wd__feature.feature-3 { width: 110px !important; } #CMD .section__battery .img__battery { background-image: none; margin-top: -265px; -webkit-transform: scale(0.7); transform: scale(0.7); } #CMD .section__battery .modal-button-container { z-index: 99; position: relative; margin-top: -200px; } #CMD .section__port { overflow: hidden; margin-top: -65px; padding-top: 0px; background: #000; } #CMD .section__port .wd__content .content__info { width: 100%; max-width: 698px; } #CMD .section__port .col-content { padding: 47px 0 30px; background: #000; } #CMD .section__port .wd__feature__list { text-align: center; width: 100%; margin-left: auto; margin-right: auto; } #CMD .section__port .wd__feature__list .wd__feature { text-align: center; margin-left: 18px; margin-right: 18px; width: auto; } #CMD .section__port .wd__feature__list .wd__feature.feature-4 { width: 112px; } #CMD .section__port .wd__feature__list .wd__feature .wd__feature__data .img__icon { width: 92px; height: 54px; margin-bottom: 10px; } #CMD .section__port .img__port { position: relative; left: 50%; margin-top: -550px; margin-left: -650px; width: 1300px; height: 1530px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/medium/1x/s5.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__port .img__port { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/medium/2x/s5.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__port .img__port .port-item { position: absolute; left: 50%; color: #fff; font-size: 16px; } #CMD .section__port .img__port .port-item.port-1 { top: 904px; margin-left: -55px; } #CMD .section__port .img__port .port-item.port-2 { top: 876px; margin-left: -10px; } #CMD .section__port .img__port .port-item.port-3 { top: 847px; margin-left: 36px; } #CMD .section__port .img__port .port-item.port-4 { top: 821px; margin-left: 83px; } #CMD .section__port .img__port .port-item.port-5 { top: 1306px; margin-left: -36px; } #CMD .section__port .img__port .port-item.port-6 { top: 1333px; margin-left: -33px; } #CMD .section__port .modal-button-container { margin-top: -120px; } #CMD .section__military { overflow: hidden; padding-top: 70px; background: #0e0e0e; } #CMD .section__military .wd__content .content__info { width: 100%; } #CMD .section__military .wd__feature__list { text-align: center; width: 680px; } #CMD .section__military .wd__feature__list .wd__feature { margin-left: 14px; margin-right: 14px; } #CMD .section__military .img__military { position: relative; left: 50%; margin-top: -45px; margin-left: -650px; width: 1300px; height: 836px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/medium/1x/s6.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__military .img__military { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/medium/2x/s6.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__military .modal-button-container { margin-top: -200px; } #CMD .section__experience { overflow: hidden; padding-top: 80px; background: #0e0e0e; } #CMD .section__experience .slick-content { width: 100%; max-width: 720px; margin: 0 auto; } #CMD .section__experience .slick-content .slick-title { position: relative; margin-top: 60px; text-align: center; } #CMD .section__experience .slick-content .slick-title .title-line { height: 4px; width: 144px; top: 62px; } #CMD .section__experience .slick-content .slick-title .title-nav li { font-size: 16px; line-height: 20px; } #CMD .section__experience .slick-content .slick-info { width: 90%; max-width: 820px; margin: 30px auto 65px; } #CMD .section__experience .slick-content .slick-info .si { font-size: 18px; line-height: 1.4; } #CMD .section__experience .slick-content .slick-images { position: relative; width: 720px; height: 403px; margin: 0 auto; } #CMD .section__experience .slick-content .slick-images .img-slick { width: 720px; height: 403px; } #CMD .section__experience .slick-content .slick-images .img-slick#img-slick1 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/medium/1x/animation/s7/p1.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__experience .slick-content .slick-images .img-slick#img-slick1 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/medium/2x/animation/s7/p1.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__experience .slick-content .slick-images .img-slick#img-slick2 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/medium/1x/animation/s7/p2.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__experience .slick-content .slick-images .img-slick#img-slick2 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/medium/2x/animation/s7/p2.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__experience .slick-content .slick-images .img-slick#img-slick3 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/medium/1x/animation/s7/p3.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__experience .slick-content .slick-images .img-slick#img-slick3 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/medium/2x/animation/s7/p3.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__experience .slick-content .slick-images .img-slick#img-slick4 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/medium/1x/animation/s7/p4.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__experience .slick-content .slick-images .img-slick#img-slick4 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/medium/2x/animation/s7/p4.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__experience .slick-content .slick-images .img-slick#img-slick5 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/medium/1x/animation/s7/p5.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__experience .slick-content .slick-images .img-slick#img-slick5 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/medium/2x/animation/s7/p5.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__screen { overflow: hidden; padding-top: 150px; background: #0e0e0e; } #CMD .section__screen .wd__content .content__info { width: 98%; } #CMD .section__screen .wd__feature__list .wd__feature { margin-left: 20px; margin-right: 20px; } #CMD .section__screen .img__screen { position: relative; left: 50%; margin-top: 13px; margin-left: -650px; width: 1300px; height: 514px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/medium/1x/s8.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__screen .img__screen { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/medium/2x/s8.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__sound { overflow: hidden; padding-top: 76px; margin-top: -5px; background: #e0e4e9; } #CMD .section__sound .img__sound { margin-top: -600px; -webkit-transform: scale(0.68); transform: scale(0.68); } #CMD .section__sound .img__sound .title-microphone { top: 566px; font-size: 28px; } #CMD .section__sound .img__sound .title-sound { top: 1226px; font-size: 28px; } #CMD .section__alexa { overflow: hidden; margin-top: -232px; padding-top: 20px; background: #657e94; } #CMD .section__alexa .wd__content .content__info { width: 94%; } #CMD .section__alexa .img__alexa { -webkit-transform: scale(0.67); transform: scale(0.67); margin-left: -1230px; margin-top: -378px; margin-bottom: -205px; } #CMD .section__alexa .img__alexa .talk-content { -webkit-transform: matrix3d(0.691462, -0.221128, 0, 0.00013402, 0.241734, 0.75183, 0, 0.0000079243, 0, 0, 1, 0, 38, 160, 0, 1) scale(1.4); transform: matrix3d(0.691462, -0.221128, 0, 0.00013402, 0.241734, 0.75183, 0, 0.0000079243, 0, 0, 1, 0, 38, 160, 0, 1) scale(1.4); } #CMD .section__software { overflow: hidden; padding-top: 120px; background: #fff; } #CMD .section__software .wd__content .content__info { width: 100%; } #CMD .section__software .slick-content { width: 100%; max-width: 720px; margin: 0 auto; } #CMD .section__software .slick-content .slick-title { position: relative; margin-top: 60px; text-align: center; } #CMD .section__software .slick-content .slick-title .title-line { height: 4px; width: 120px; top: 62px; } #CMD .section__software .slick-content .slick-title .title-nav li { font-size: 16px; line-height: 20px; } #CMD .section__software .slick-content .slick-title .title-nav li br { display: block; } #CMD .section__software .slick-content .slick-info { width: 96%; max-width: 820px; margin: 30px auto 65px; } #CMD .section__software .slick-content .slick-info .si { font-size: 18px; line-height: 1.4; } #CMD .section__software .slick-content .slick-info .si .info__comment { color: #6f6f6f; display: inline-block; margin-top: 8px; line-height: 1.4; font-size: 16px; } #CMD .section__software .slick-content .slick-images { position: relative; width: 1300px; height: 410px; left: 50%; margin: -30px 0 0 -650px; } #CMD .section__software .slick-content .slick-images .img-slick { width: 1300px; height: 410px; } #CMD .section__software .slick-content .slick-images .img-slick#img-slick1 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/medium/1x/animation/s11/p1.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__software .slick-content .slick-images .img-slick#img-slick1 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/medium/2x/animation/s11/p1.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__software .slick-content .slick-images .img-slick#img-slick2 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/medium/1x/animation/s11/p2.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__software .slick-content .slick-images .img-slick#img-slick2 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/medium/2x/animation/s11/p2.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__software .slick-content .slick-images .img-slick#img-slick3 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/medium/1x/animation/s11/p3.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__software .slick-content .slick-images .img-slick#img-slick3 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/medium/2x/animation/s11/p3.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__software .slick-content .slick-images .img-slick#img-slick4 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/medium/1x/animation/s11/p4.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__software .slick-content .slick-images .img-slick#img-slick4 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/medium/2x/animation/s11/p4.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__software .slick-content .slick-images .img-slick#img-slick5 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/medium/1x/animation/s11/p5.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__software .slick-content .slick-images .img-slick#img-slick5 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/medium/2x/animation/s11/p5.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__software .slick-content .slick-images .img-slick#img-slick6 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/medium/1x/animation/s11/p6.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__software .slick-content .slick-images .img-slick#img-slick6 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/medium/2x/animation/s11/p6.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__security { overflow: hidden; padding-top: 90px; margin-top: 0px; background: #fff; } #CMD .section__security .wd__content .content__info { width: 100%; max-width: 800px; } #CMD .section__security .img__security { position: relative; left: 50%; overflow: hidden; margin-top: 80px; margin-left: -650px; height: 430px; background-image: none; } #CMD .section__security .img__security .img-bg-parallax { transition: -webkit-transform 500ms ease-out; transition: transform 500ms ease-out; transition: transform 500ms ease-out, -webkit-transform 500ms ease-out; position: absolute; top: 0; left: 0; width: 1300px; height: 600px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/medium/1x/s12.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__security .img__security .img-bg-parallax { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/medium/2x/s12.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__security .grid-content { width: 708px; } #CMD .section__security .grid-content .grid { width: 342px; opacity: 0; margin: 6px; padding: 32px 28px 53px; -webkit-transform: translate3d(0px, 30px, 0px); transform: translate3d(0px, 30px, 0px); } #CMD .section__security .grid-content.js-animate-active .grid { opacity: 1; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } #CMD .section__security .grid-content.js-animate-active .grid.grid-1 { transition: opacity 500ms 150ms ease, -webkit-transform 600ms 150ms ease; transition: transform 600ms 150ms ease, opacity 500ms 150ms ease; transition: transform 600ms 150ms ease, opacity 500ms 150ms ease, -webkit-transform 600ms 150ms ease; } #CMD .section__security .grid-content.js-animate-active .grid.grid-2 { transition: opacity 500ms 300ms ease, -webkit-transform 600ms 300ms ease; transition: transform 600ms 300ms ease, opacity 500ms 300ms ease; transition: transform 600ms 300ms ease, opacity 500ms 300ms ease, -webkit-transform 600ms 300ms ease; } #CMD .section__security .grid-content.js-animate-active .grid.grid-3 { transition: opacity 500ms 450ms ease, -webkit-transform 600ms 450ms ease; transition: transform 600ms 450ms ease, opacity 500ms 450ms ease; transition: transform 600ms 450ms ease, opacity 500ms 450ms ease, -webkit-transform 600ms 450ms ease; } #CMD .section__security .grid-content.js-animate-active .grid.grid-4 { transition: opacity 500ms 600ms ease, -webkit-transform 600ms 600ms ease; transition: transform 600ms 600ms ease, opacity 500ms 600ms ease; transition: transform 600ms 600ms ease, opacity 500ms 600ms ease, -webkit-transform 600ms 600ms ease; } #CMD .section__security .grid-content.js-animate-active .grid.grid-5 { transition: opacity 500ms 750ms ease, -webkit-transform 600ms 750ms ease; transition: transform 600ms 750ms ease, opacity 500ms 750ms ease; transition: transform 600ms 750ms ease, opacity 500ms 750ms ease, -webkit-transform 600ms 750ms ease; } #CMD .section__security .grid-content.js-animate-active .grid.grid-6 { transition: opacity 500ms 900ms ease, -webkit-transform 600ms 900ms ease; transition: transform 600ms 900ms ease, opacity 500ms 900ms ease; transition: transform 600ms 900ms ease, opacity 500ms 900ms ease, -webkit-transform 600ms 900ms ease; } #CMD .section__security .modal-button-container { margin-top: 45px; } #CMD .section__management { overflow: hidden; padding-top: 120px; background: #fff; } #CMD .section__management .img__management { position: relative; left: 50%; margin-top: 85px; margin-left: -360px; margin-bottom: -80px; width: 720px; height: 403px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/medium/1x/s13.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__management .img__management { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/medium/2x/s13.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__management .col-grid { background-color: #4e4e4e; } #CMD .section__management .grid-content { width: 100%; max-width: 1280px; margin: 75px auto 0; padding: 50px 0; display: flex; flex-direction: row; flex-wrap: wrap; } #CMD .section__management .grid-content .grid { width: 90%; min-height: 120px; box-sizing: border-box; padding: 20px 40px; margin: 7px auto; color: #fff; } #CMD .section__management .grid-content .grid .img-icon { width: 107px; height: 89px; } #CMD .section__management .grid-content .grid .img-icon.icon-1 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/icon/s13/icon1.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__management .grid-content .grid .img-icon.icon-1 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/icon/s13/icon1.png"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__management .grid-content .grid .img-icon.icon-2 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/icon/s13/icon2.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__management .grid-content .grid .img-icon.icon-2 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/icon/s13/icon2.png"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__management .grid-content .grid .img-icon.icon-3 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/icon/s13/icon3.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__management .grid-content .grid .img-icon.icon-3 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/icon/s13/icon3.png"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__management .grid-content .grid .img-icon.icon-4 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/icon/s13/icon4.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__management .grid-content .grid .img-icon.icon-4 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/icon/s13/icon4.png"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__management .grid-content .grid .img-icon.icon-5 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/icon/s13/icon5.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__management .grid-content .grid .img-icon.icon-5 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/icon/s13/icon5.png"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__management .grid-content .grid .grid-title { font-size: 24px; margin: 12px 0 12px; } #CMD .section__management .grid-content .grid .grid-info { max-width: 560px; width: 81%; margin: 0 auto; } #CMD .section__green { overflow: hidden; padding-top: 100px; background: #fff; } #CMD .section__green .wd__content .content__info { width: 95%; } #CMD .section__green .img__green { position: relative; left: 50%; margin-top: 150px; margin-left: -650px; width: 1300px; height: 540px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/medium/1x/s14.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__green .img__green { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/medium/2x/s14.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__green .img__green .img-award { position: absolute; top: -110px; left: 50%; margin-left: -210px; width: 420px; height: 120px; } #CMD .section__service { overflow: hidden; padding-top: 90px; margin-top: 0px; background: #fff; } #CMD .section__service .wd__content .content__info { width: 96%; } #CMD .section__service .img__service { position: relative; left: 50%; overflow: hidden; margin-top: 80px; margin-left: -650px; height: 430px; background-image: none; } #CMD .section__service .img__service .img-bg-parallax { transition: -webkit-transform 500ms ease-out; transition: transform 500ms ease-out; transition: transform 500ms ease-out, -webkit-transform 500ms ease-out; position: absolute; top: 0; left: 0; width: 1300px; height: 600px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/medium/1x/s15.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__service .img__service .img-bg-parallax { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/medium/2x/s15.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .section__service .grid-content { width: 708px; margin: -90px auto 60px; } #CMD .section__service .grid-content .grid { width: 342px; opacity: 0; margin: 6px; padding: 32px 28px 53px; -webkit-transform: translate3d(0px, 30px, 0px); transform: translate3d(0px, 30px, 0px); } #CMD .section__service .grid-content.js-animate-active .grid { opacity: 1; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } #CMD .section__service .grid-content.js-animate-active .grid.grid-1 { transition: opacity 500ms 150ms ease, -webkit-transform 600ms 150ms ease; transition: transform 600ms 150ms ease, opacity 500ms 150ms ease; transition: transform 600ms 150ms ease, opacity 500ms 150ms ease, -webkit-transform 600ms 150ms ease; } #CMD .section__service .grid-content.js-animate-active .grid.grid-2 { transition: opacity 500ms 300ms ease, -webkit-transform 600ms 300ms ease; transition: transform 600ms 300ms ease, opacity 500ms 300ms ease; transition: transform 600ms 300ms ease, opacity 500ms 300ms ease, -webkit-transform 600ms 300ms ease; } #CMD .section__service .grid-content.js-animate-active .grid.grid-3 { transition: opacity 500ms 450ms ease, -webkit-transform 600ms 450ms ease; transition: transform 600ms 450ms ease, opacity 500ms 450ms ease; transition: transform 600ms 450ms ease, opacity 500ms 450ms ease, -webkit-transform 600ms 450ms ease; } #CMD .section__service .grid-content.js-animate-active .grid.grid-4 { transition: opacity 500ms 600ms ease, -webkit-transform 600ms 600ms ease; transition: transform 600ms 600ms ease, opacity 500ms 600ms ease; transition: transform 600ms 600ms ease, opacity 500ms 600ms ease, -webkit-transform 600ms 600ms ease; } #CMD .section__service .grid-content.js-animate-active .grid.grid-5 { transition: opacity 500ms 750ms ease, -webkit-transform 600ms 750ms ease; transition: transform 600ms 750ms ease, opacity 500ms 750ms ease; transition: transform 600ms 750ms ease, opacity 500ms 750ms ease, -webkit-transform 600ms 750ms ease; } #CMD .section__service .grid-content.js-animate-active .grid.grid-6 { transition: opacity 500ms 900ms ease, -webkit-transform 600ms 900ms ease; transition: transform 600ms 900ms ease, opacity 500ms 900ms ease; transition: transform 600ms 900ms ease, opacity 500ms 900ms ease, -webkit-transform 600ms 900ms ease; } #CMD .section__comment .footnotes { width: 94%; } #CMD .inner-view { background: #333; } #CMD .inner-view .inner-modal { padding-bottom: 0; } #CMD .inner-view .inner-modal.modal-thin { background-color: #fff; } #CMD .inner-view .inner-modal.modal-dual { background-color: #fefefe; } #CMD .inner-view .inner-modal.modal-battery { background-color: #fff; } #CMD .inner-view .inner-modal.modal-port { background-color: #fefefe; } #CMD .inner-view .inner-modal.modal-security { background-color: #fefefe; } #CMD .inner-view .inner-view-container { position: relative; background: #444bb5; margin-left: auto; margin-right: auto; max-width: 2560px; } #CMD .inner-view .inner-view-container .wd__section .wd__content .content__slogan { text-align: center; color: #333; } #CMD .inner-view .inner-view-container .wd__section .wd__content .content__title { font-size: 34px; margin-top: 25px; } #CMD .inner-view .inner-view-container .wd__section .wd__content .content__info { width: 100%; max-width: 720px; margin-top: 24px; } #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 #section__inner2_1 { overflow: hidden; padding-top: 70px; background: #1b1b1b; } #CMD #section__inner2_1 .wd__content { position: relative; left: 0%; width: 100%; margin-left: auto; margin-right: auto; } #CMD #section__inner2_1 .wd__content .content__info { width: 90%; } #CMD #section__inner2_1 .wd__feature__list { width: 560px; margin-left: auto; margin-right: auto; } #CMD #section__inner2_1 .wd__feature__list.feature-1 .text__long-en { font-size: 50px; margin-bottom: 6px; } #CMD #section__inner2_1 .img__inner2_1 { position: relative; left: 50%; margin-top: -285px; margin-left: -650px; width: 1300px; height: 911px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/medium/1x/inner/s2/01_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__inner2_1 .img__inner2_1 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/medium/2x/inner/s2/01_bg.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD #section__inner2_2 { overflow: hidden; padding-top: 30px; background: #fff; } #CMD #section__inner2_2 .wd__content { position: relative; left: 0%; width: 100%; margin-left: auto; margin-right: auto; } #CMD #section__inner2_2 .wd__content .content__title { color: #1c1b19; } #CMD #section__inner2_2 .wd__content .content__info { width: 95%; color: #1c1b19; } #CMD #section__inner2_2 .wd__feature__list .wd__feature .wd__feature__describe { color: #fff; } #CMD #section__inner2_2 .img__inner2_2 { position: relative; left: 50%; margin-top: 80px; margin-left: -650px; width: 1300px; height: 368px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/medium/1x/inner/s2/02_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__inner2_2 .img__inner2_2 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/medium/2x/inner/s2/02_bg.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD #section__inner2_2 .img__inner2_2 .model-seperate { -webkit-transform: scale(0.7); transform: scale(0.7); } #CMD #section__inner2_2 .img__inner2_2 .model-seperate .img-case.img-case1 { top: 430px; } #CMD #section__inner2_2 .img__inner2_2 .model-seperate .img-case.img-case2 { top: 430px; } #CMD #section__inner2_2 .img__inner2_2 .model-seperate .img-case.img-case3 { top: 440px; } #CMD #section__inner2_2 .img__inner2_2 .model-seperate .img-case.img-case4 { top: 443px; } #CMD #section__inner2_3 { overflow: hidden; padding-top: 80px; background: #fff; } #CMD #section__inner2_3 .wd__content { position: relative; left: 0%; width: 100%; margin-left: auto; margin-right: auto; } #CMD #section__inner2_3 .wd__content .content__title { color: #1c1b19; } #CMD #section__inner2_3 .wd__content .content__info { width: 93%; color: #1c1b19; } #CMD #section__inner2_3 .wd__feature__list .wd__feature .wd__feature__describe { color: #333; } #CMD #section__inner2_3 .img__inner2_3 { position: relative; left: 50%; margin-top: -230px; margin-left: -650px; margin-bottom: -40px; width: 1300px; height: 936px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/medium/1x/inner/s2/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__inner2_3 .img__inner2_3 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/medium/2x/inner/s2/03_bg.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD #section__inner3_1 { overflow: hidden; padding-top: 70px; background: #fff; } #CMD #section__inner3_1 .wd__content { position: relative; left: 0%; width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; } #CMD #section__inner3_1 .wd__content .content__info { width: 88%; } #CMD #section__inner3_1 .wd__feature__list .wd__feature .wd__feature__describe { color: #1c1b19; } #CMD #section__inner3_1 .img__inner3_1 { position: relative; left: 50%; margin-top: -140px; margin-left: -650px; width: 1300px; height: 546px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/medium/1x/inner/s3/01_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__inner3_1 .img__inner3_1 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/medium/2x/inner/s3/01_bg.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD #section__inner3_1 .wd__performance__graph { width: 640px; margin-left: 16px; } #CMD #section__inner3_1 .wd__performance__graph .graph-badge { margin-left: -36px; margin-top: -38px; } #CMD #section__inner3_1 .wd__performance__graph .graph__line .graph__bar .bar__value { margin-top: -5px; margin-left: 12px; font-size: 18px; color: #636360 !important; } #CMD #section__inner4_1 { overflow: hidden; padding-top: 70px; background: #000; } #CMD #section__inner4_1 .wd__content { position: relative; left: 0%; width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; } #CMD #section__inner4_1 .wd__content .content__title { color: #fff; } #CMD #section__inner4_1 .wd__content .content__info { width: 87%; color: #fff; } #CMD #section__inner4_1 .wd__feature__list { position: relative; left: 0; top: 0; margin-left: 0; } #CMD #section__inner4_1 .wd__feature__list .wd__feature .wd__feature__describe { color: #fff; } #CMD #section__inner4_1 .img__inner4_1 { position: relative; left: 50%; margin-top: -30px; margin-left: -650px; margin-bottom: 0; width: 1300px; height: 700px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/medium/1x/inner/s4/01_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__inner4_1 .img__inner4_1 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/medium/2x/inner/s4/01_bg.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD #section__inner5_1 { overflow: hidden; padding-top: 70px; padding-bottom: 170px; } #CMD #section__inner5_1 .wd__content .content__info { width: 92%; max-width: 640px; } #CMD #section__inner5_1 .sub__section { margin: 70px auto 0; padding-top: 30px; padding-bottom: 51px; width: 768px; } #CMD #section__inner5_1 .sub__section .wd__content { width: 645px; } #CMD #section__inner5_1 .sub__section.sub__section-1 .wd__performance__graph { left: 53px; margin-top: 52px; } #CMD #section__inner5_1 .sub__section.sub__section-1 .wd__performance__graph .graph__line .graph__bar .bar__value { width: 150px; } #CMD #section__inner5_1 .sub__section.sub__section-2 .wd__content .content__info { width: 450px; max-width: 450px; } #CMD #section__inner5_1 .sub__section.sub__section-2 .img__main { margin-top: 30px; margin-left: -288px; width: 576px; height: 144px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/medium/1x/inner/s5/wifi.png") ; } } @media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) { #CMD #section__inner5_1 .sub__section.sub__section-2 .img__main { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/medium/2x/inner/s5/wifi.png"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD #section__inner5_1 .sub__section.sub__section-3 .wd__content .content__info { width: 450px; max-width: 450px; } #CMD #section__inner5_1 .sub__section.sub__section-3 .wd__performance__graph { left: 55px; margin-top: 52px; } #CMD #section__inner5_1 .sub__section.sub__section-3 .wd__performance__graph .graph__line .graph__bar .bar__value { width: 150px; } #CMD #section__inner12_1 { overflow: hidden; padding-top: 0px; background: #fff; } #CMD #section__inner12_1 .wd__content { position: absolute; margin-top: 210px; width: 100%; max-width: 1300px; } #CMD #section__inner12_1 .wd__content .content__title { color: #fff; } #CMD #section__inner12_1 .wd__content .content__info { color: #fff; width: 76%; max-width: 770px; } #CMD #section__inner12_1 .img__inner12_1 { -webkit-transform: scale(0.65); transform: scale(0.65); margin-top: -132px; } #CMD #section__inner12_2 { overflow: hidden; padding-top: 0px; margin-top: -50px; background: #fff; } #CMD #section__inner12_2 .wd__content { position: relative; left: 0%; width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; } #CMD #section__inner12_2 .wd__content .content__info { width: 84%; } #CMD #section__inner12_2 .img__inner12_2 { position: relative; left: 50%; margin-top: -170px; margin-left: -650px; margin-bottom: -70px; width: 1300px; height: 1084px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/medium/1x/inner/s12/02_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__inner12_2 .img__inner12_2 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/medium/2x/inner/s12/02_bg.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .product_price.active { margin-bottom: -15px; padding-top: 35px; } #CMD .product_pdguide.active { padding-top: 15px; } #CMD .product_videos.active { padding-top: 10px; margin-top: -37px; } #CMD .section__pdc { z-index: 10000; } #CMD .video-bottom { margin-bottom: 40px !important; padding-bottom: 0; } #CMD .media-top { padding-top: 9px; } #CMD .media-bottom { margin-bottom: -40px; padding-bottom: 0; } } @media all and (min-width: 721px) and (max-width: 1300px) and (min-width: 960px) and (max-width: 1300px) { #CMD .section__pdc .media-bottom { margin-bottom: -60px; } } @media all and (min-width: 1023px) and (max-width: 1300px) { #CMD .section__kv { padding-top: 95px; } #CMD .section__port .wd__feature__list { width: 720px; } #CMD .section__port .wd__feature__list .wd__feature { margin-right: 20px; margin-left: 20px; } #CMD .section__thin .img__thin-hl { margin-top: -20px; position: relative; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100%; max-width: 1300px; height: 0; padding-bottom: 18.44%; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/medium/1x/s2_hl.jpg") ; } } @media all and (min-width: 1023px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1023px) and (max-width: 1300px) and (min-resolution: 144dpi) { #CMD .section__thin .img__thin-hl { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/medium/2x/s2_hl.jpg"); } } @media all and (max-width: 720px) { #CMD .wd__section .small_use { display: block; } #CMD .wd__section .small_unuse { display: none; } #CMD .wd__section .no__wrap { white-space: normal; } #CMD .wd__section .wd__content { left: 0; margin-left: auto; margin-right: auto; padding-left: 0; width: 89.2%; max-width: 520px; text-align: left; } #CMD .wd__section .wd__content .content__slogan { position: absolute; top: -33px; letter-spacing: 0.7px; font-size: 17px; } #CMD .wd__section .wd__content .content__title { margin-top: 64px; width: 100%; max-width: 520px; } #CMD .wd__section .wd__content .content__info { margin-left: 0; width: 100%; max-width: 520px; } #CMD .wd__section .wd__content .content__comment { width: 100%; max-width: 520px; } #CMD .wd__section .wd__content .content__slogan { left: 3px; } #CMD .wd__section .wd__content .content__slogan:before { position: relative; display: block; content: ''; top: -5px; width: 100%; height: 2px; background: #25aae5; } #CMD .wd__section .wd__feature__list { width: 100%; } #CMD .wd__section .wd__feature__list .wd__feature { vertical-align: top; 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__dual { overflow: hidden; } #CMD .section__dual .img__dual { position: relative; left: 50%; margin-top: -560px; margin-left: -315px; width: 1009px; height: 874px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s3/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__dual .img__dual { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s3/bg.jpg"); } } @media all and (max-width: 720px) { #CMD .section__dual .img__dual .img-case { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 60; position: absolute; left: 50%; margin-top: 87px; margin-left: -222px; width: 612px; height: 654px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s3/case.png") ; } } @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__dual .img__dual .img-case { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s3/case.png"); } } @media all and (max-width: 720px) { #CMD .section__dual .img__dual .img-ssd { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 0; z-index: 55; position: absolute; left: 50%; margin-top: 169px; margin-left: -16px; width: 392px; height: 224px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s3/ssd.png") ; } } @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__dual .img__dual .img-ssd { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s3/ssd.png"); } } @media all and (max-width: 720px) { #CMD .section__dual .img__dual #ssd-svg { -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); z-index: 55; position: absolute; left: 50%; margin-top: 169px; margin-left: -16px; width: 392px; height: 224px; fill: none; stroke: #abf6ff; stroke-width: 2; } #CMD .section__dual .img__dual #ssd-svg .path { stroke-dasharray: 1000; stroke-dashoffset: 1000; } #CMD .section__dual .img__dual.js-animate-active .img-case { transition: opacity 700ms 300ms ease, -webkit-transform 1000ms ease; transition: opacity 700ms 300ms ease, transform 1000ms ease; transition: opacity 700ms 300ms ease, transform 1000ms ease, -webkit-transform 1000ms ease; opacity: 0; -webkit-transform: translate3d(-80px, 0, 0); transform: translate3d(-80px, 0, 0); } #CMD .section__dual .img__dual.js-animate-active #ssd-svg { transition: -webkit-transform 600ms 1500ms; transition: transform 600ms 1500ms; transition: transform 600ms 1500ms, -webkit-transform 600ms 1500ms; -webkit-transform: translate3d(-10px, 0px, 0px); transform: translate3d(-10px, 0px, 0px); } #CMD .section__dual .img__dual.js-animate-active #ssd-svg .path { stroke-dasharray: 1000; stroke-dashoffset: 0; } #CMD .section__dual .img__dual.js-animate-active #ssd-svg .path.path1 { transition: stroke-dashoffset 1400ms 800ms ease; } #CMD .section__dual .img__dual.js-animate-active #ssd-svg .path.path2 { transition: stroke-dashoffset 1400ms 1050ms ease; } #CMD .section__dual .img__dual.js-animate-active .img-ssd { transition: opacity 650ms 1400ms ease, -webkit-transform 600ms 1500ms; transition: opacity 650ms 1400ms ease, transform 600ms 1500ms; transition: opacity 650ms 1400ms ease, transform 600ms 1500ms, -webkit-transform 600ms 1500ms; -webkit-transform: translate3d(-10px, 0px, 0px); transform: translate3d(-10px, 0px, 0px); opacity: 1; } #CMD .section__battery { transition: background-color 1600ms ease; overflow: hidden; background-color: #fff; } #CMD .section__battery .wd__content .content__title { transition: color 1600ms ease; } #CMD .section__battery .wd__content .content__info { transition: color 1600ms ease; } #CMD .section__battery .img__battery { background-image: none; } #CMD .section__battery .img__battery .img-model { z-index: 30; position: absolute; top: 80px; left: 50%; margin-left: -621px; width: 1112px; height: 889px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s4/model.png") ; } } @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__battery .img__battery .img-model { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s4/model.png"); } } @media all and (max-width: 720px) { #CMD .section__battery .img__battery .img-model .screen-scene { z-index: 50; position: absolute; left: 54px; top: 44px; width: 640px; height: 484px; -webkit-transform: matrix3d(1.104617, 0.240838, 0, 0.000805, 0.380303, 0.934273, 0, -0.000125, 0, 0, 1, 0, 3.279405, 2.695295, 0, 1) translateZ(0); transform: matrix3d(1.104617, 0.240838, 0, 0.000805, 0.380303, 0.934273, 0, -0.000125, 0, 0, 1, 0, 3.279405, 2.695295, 0, 1) translateZ(0); -webkit-transform-origin: 0px 1px 0px; transform-origin: 0px 1px 0px; } #CMD .section__battery .img__battery .img-model .screen-scene .screen-vid { width: 640px; height: 484px; } #CMD .section__battery .img__battery .img-model .img-scene-light-mask { opacity: 1; z-index: 82; position: absolute; top: 444px; left: 50%; margin-left: -306px; width: 845px; height: 424px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s4/light-mask.png") ; } } @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__battery .img__battery .img-model .img-scene-light-mask { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s4/light-mask.png"); } } @media all and (max-width: 720px) { #CMD .section__battery .img__battery .img-model .img-scene-dark-mask { transition: opacity 900ms ease; -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 0; z-index: 85; position: absolute; top: 444px; left: 50%; margin-left: -306px; width: 845px; height: 424px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s4/dark-mask.png") ; } } @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__battery .img__battery .img-model .img-scene-dark-mask { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s4/dark-mask.png"); } } @media all and (max-width: 720px) { #CMD .section__battery .img__battery .img-model .img-scene-light-shadow { transition: opacity 900ms ease; -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; z-index: 70; position: absolute; top: 720px; left: 50%; margin-left: -404px; width: 782px; height: 149px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s4/light-shadow.png") ; } } @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__battery .img__battery .img-model .img-scene-light-shadow { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s4/light-shadow.png"); } } @media all and (max-width: 720px) { #CMD .section__battery .img__battery .img-model .img-scene-dark-shadow { transition: opacity 900ms ease; -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 0; z-index: 72; position: absolute; top: 720px; left: 50%; margin-left: -404px; width: 782px; height: 149px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s4/dark-shadow.png") ; } } @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__battery .img__battery .img-model .img-scene-dark-shadow { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s4/dark-shadow.png"); } } @media all and (max-width: 720px) { #CMD .section__battery .img__battery .img-model .img-scene-mask { z-index: 52; position: absolute; left: 261px; top: 453px; width: 502px; height: 89px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s4/mask.png") ; } } @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__battery .img__battery .img-model .img-scene-mask { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s4/mask.png"); } } @media all and (max-width: 720px) { #CMD .section__battery .img__battery .clock-content { z-index: 25; position: absolute; top: 280px; left: 50%; margin-left: -670px; } #CMD .section__battery .img__battery .clock-content #clock { width: 1340px; height: 1340px; -webkit-transform: scale(1, 0.2) translateZ(0); transform: scale(1, 0.2) translateZ(0); } #CMD .section__battery .img__battery .clock-content #clock .curve { transition: fill 1000ms ease; fill: #cbcbcb; } #CMD .section__battery .img__battery .clock-content #clock .hour, #CMD .section__battery .img__battery .clock-content #clock .minute { transition: fill 1000ms ease; fill: #cbcbcb; -webkit-transform-origin: 50.57% 49.5%; transform-origin: 50.57% 49.5%; } #CMD .section__battery .img__battery .clock-content #clock .minute-ie, #CMD .section__battery .img__battery .clock-content #clock .hour-ie { fill: #cbcbcb; display: none; } #CMD .section__battery .img__battery .clock-content.js-animate-active #clock .minute { -webkit-animation: infiniteRotate 800ms linear infinite forwards; animation: infiniteRotate 800ms linear infinite forwards; } #CMD .section__battery .img__battery .clock-content.js-animate-active #clock .hour { -webkit-animation: infiniteRotate 5000ms linear infinite forwards; animation: infiniteRotate 5000ms linear infinite forwards; } #CMD .section__battery.js-dark-mode { background-color: #000; } #CMD .section__battery.js-dark-mode .wd__content .content__title, #CMD .section__battery.js-dark-mode .wd__content .content__info { color: #fff; } #CMD .section__battery.js-dark-mode .wd__feature__list .wd__feature .wd__feature__describe__top, #CMD .section__battery.js-dark-mode .wd__feature__list .wd__feature .wd__feature__describe { color: #fff; } #CMD .section__battery.js-dark-mode .img-model .img-scene-light-shadow { opacity: 0; } #CMD .section__battery.js-dark-mode .img-model .img-scene-dark-shadow, #CMD .section__battery.js-dark-mode .img-model .img-scene-dark-mask { opacity: 1; } #CMD .section__battery.js-dark-mode .clock-content #clock .curve { fill: #373a4d; } #CMD .section__battery.js-dark-mode .clock-content #clock .hour, #CMD .section__battery.js-dark-mode .clock-content #clock .minute { fill: #373a4d; display: block; -webkit-transform-origin: 50.57% 49.5%; transform-origin: 50.57% 49.5%; } #CMD .section__battery.js-dark-mode .clock-content #clock .minute-ie, #CMD .section__battery.js-dark-mode .clock-content #clock .hour-ie { fill: #373a4d; } #CMD .section__sound .img__sound .scene-content { z-index: 40; position: absolute; top: 611px; left: 50%; margin-left: -391px; width: 782px; height: 462px; } #CMD .section__sound .img__sound .scene-content figure { transition: opacity 800ms ease; opacity: 0; position: absolute; top: 0; left: 0; width: 782px; height: 462px; } #CMD .section__sound .img__sound .scene-content figure.img-micro { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s9/micro_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__sound .img__sound .scene-content figure.img-micro { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s9/micro_bg.jpg"); } } @media all and (max-width: 720px) { #CMD .section__sound .img__sound .scene-content figure.img-sound { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s9/sound_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__sound .img__sound .scene-content figure.img-sound { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s9/sound_bg.jpg"); } } @media all and (max-width: 720px) { #CMD .section__sound .img__sound .scene-content figure.js-showed { opacity: 1; } #CMD .section__sound .img__sound .title-microphone, #CMD .section__sound .img__sound .title-sound { z-index: 80; transition: opacity 400ms ease; opacity: 0; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); color: #fff; font-size: 20px; line-height: 28px; text-transform: uppercase; display: inline-block; } #CMD .section__sound .img__sound .title-microphone.js-showed, #CMD .section__sound .img__sound .title-sound.js-showed { opacity: 1; } #CMD .section__sound .img__sound .title-microphone { top: 581px; } #CMD .section__sound .img__sound .title-sound { top: 1210px; } #CMD .section__sound .img__sound .wave { z-index: 50; position: absolute; left: 50%; } #CMD .section__sound .img__sound .wave .img-wave { z-index: 75; opacity: 0; position: absolute; top: 0; left: 0; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s9/ripple.png") ; } } @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__sound .img__sound .wave .img-wave { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s9/ripple.png"); } } @media all and (max-width: 720px) { #CMD .section__sound .img__sound .wave.wave-big { width: 380px; height: 380px; } #CMD .section__sound .img__sound .wave.wave-big .img-wave { width: 380px; height: 380px; } #CMD .section__sound .img__sound .wave.wave-small { width: 220px; height: 220px; } #CMD .section__sound .img__sound .wave.wave-small .img-wave { width: 220px; height: 220px; } #CMD .section__sound .img__sound .wave.wave-left.wave-big { top: 452px; margin-left: -281px; } #CMD .section__sound .img__sound .wave.wave-left.wave-small { top: 532px; margin-left: -388px; } #CMD .section__sound .img__sound .wave.wave-right.wave-big { top: 452px; margin-left: -94px; } #CMD .section__sound .img__sound .wave.wave-right.wave-small { top: 532px; margin-left: 171px; } #CMD .section__sound .img__sound .ripple { position: absolute; top: 1074px; left: 365px; width: 1829px; height: 259px; } #CMD .section__sound .img__sound .ripple .img-ripple { z-index: 70; opacity: 0; position: absolute; top: 0; left: 0; width: 1829px; height: 259px; } #CMD .section__sound .img__sound .ripple .img-ripple.img-ripple1 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s9/wave/wave1.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__sound .img__sound .ripple .img-ripple.img-ripple1 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s9/wave/wave1.jpg"); } } @media all and (max-width: 720px) { #CMD .section__sound .img__sound .ripple .img-ripple.img-ripple2 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s9/wave/wave2.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__sound .img__sound .ripple .img-ripple.img-ripple2 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s9/wave/wave2.jpg"); } } @media all and (max-width: 720px) { #CMD .section__sound .img__sound .ripple .img-ripple.img-ripple3 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s9/wave/wave3.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__sound .img__sound .ripple .img-ripple.img-ripple3 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s9/wave/wave3.jpg"); } } @media all and (max-width: 720px) { #CMD .section__sound .img__sound .ripple .img-ripple.img-ripple4 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s9/wave/wave4.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__sound .img__sound .ripple .img-ripple.img-ripple4 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s9/wave/wave4.jpg"); } } @media all and (max-width: 720px) { #CMD .section__sound .img__sound .ripple .img-ripple.img-ripple5 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s9/wave/wave5.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__sound .img__sound .ripple .img-ripple.img-ripple5 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s9/wave/wave5.jpg"); } } @media all and (max-width: 720px) { #CMD .section__sound .img__sound .ripple .img-ripple.img-ripple6 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s9/wave/wave6.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__sound .img__sound .ripple .img-ripple.img-ripple6 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s9/wave/wave6.jpg"); } } @media all and (max-width: 720px) { #CMD .section__sound .img__sound.js-animate-active .wave.js-start-animate .img-wave.img-wave1 { opacity: 0; -webkit-animation-name: soundCirclePlay; animation-name: soundCirclePlay; -webkit-animation-duration: 3200ms; animation-duration: 3200ms; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-delay: 0ms; animation-delay: 0ms; } #CMD .section__sound .img__sound.js-animate-active .wave.js-start-animate .img-wave.img-wave2 { opacity: 0; -webkit-animation-name: soundCirclePlay; animation-name: soundCirclePlay; -webkit-animation-duration: 3200ms; animation-duration: 3200ms; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-delay: 400ms; animation-delay: 400ms; } #CMD .section__sound .img__sound.js-animate-active .wave.js-start-animate .img-wave.img-wave3 { opacity: 0; -webkit-animation-name: soundCirclePlay; animation-name: soundCirclePlay; -webkit-animation-duration: 3200ms; animation-duration: 3200ms; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-delay: 800ms; animation-delay: 800ms; } #CMD .section__sound .img__sound.js-animate-active .wave.js-start-animate .img-wave.img-wave4 { opacity: 0; -webkit-animation-name: soundCirclePlay; animation-name: soundCirclePlay; -webkit-animation-duration: 3200ms; animation-duration: 3200ms; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-delay: 1200ms; animation-delay: 1200ms; } #CMD .section__sound .img__sound.js-animate-active .wave.js-start-animate .img-wave.img-wave5 { opacity: 0; -webkit-animation-name: soundCirclePlay; animation-name: soundCirclePlay; -webkit-animation-duration: 3200ms; animation-duration: 3200ms; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-delay: 1600ms; animation-delay: 1600ms; } #CMD .section__sound .img__sound.js-animate-active .ripple.js-start-animate .img-ripple.img-ripple1 { opacity: 0; -webkit-animation-name: ripple; animation-name: ripple; -webkit-animation-duration: 3200ms; animation-duration: 3200ms; -webkit-animation-iteration-count: 2; animation-iteration-count: 2; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-delay: 0ms; animation-delay: 0ms; } #CMD .section__sound .img__sound.js-animate-active .ripple.js-start-animate .img-ripple.img-ripple2 { opacity: 0; -webkit-animation-name: ripple; animation-name: ripple; -webkit-animation-duration: 3200ms; animation-duration: 3200ms; -webkit-animation-iteration-count: 2; animation-iteration-count: 2; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-delay: 120ms; animation-delay: 120ms; } #CMD .section__sound .img__sound.js-animate-active .ripple.js-start-animate .img-ripple.img-ripple3 { opacity: 0; -webkit-animation-name: ripple; animation-name: ripple; -webkit-animation-duration: 3200ms; animation-duration: 3200ms; -webkit-animation-iteration-count: 2; animation-iteration-count: 2; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-delay: 240ms; animation-delay: 240ms; } #CMD .section__sound .img__sound.js-animate-active .ripple.js-start-animate .img-ripple.img-ripple4 { opacity: 0; -webkit-animation-name: ripple; animation-name: ripple; -webkit-animation-duration: 3200ms; animation-duration: 3200ms; -webkit-animation-iteration-count: 2; animation-iteration-count: 2; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-delay: 360ms; animation-delay: 360ms; } #CMD .section__sound .img__sound.js-animate-active .ripple.js-start-animate .img-ripple.img-ripple5 { opacity: 0; -webkit-animation-name: ripple; animation-name: ripple; -webkit-animation-duration: 3200ms; animation-duration: 3200ms; -webkit-animation-iteration-count: 2; animation-iteration-count: 2; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-delay: 480ms; animation-delay: 480ms; } #CMD .section__alexa { overflow: hidden; padding-top: 0px; background: #0e0e0e; } #CMD .section__alexa .img__alexa { position: relative; left: 50%; margin-top: -248px; margin-left: -1280px; width: 2560px; height: 1238px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s10/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__alexa .img__alexa { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s10/bg.jpg"); } } @media all and (max-width: 720px) { #CMD .section__alexa .img__alexa .img-screen { transition: opacity 350ms ease; opacity: 0; position: absolute; left: 50%; top: 352px; margin-left: -693px; width: 762px; height: 664px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s10/screen.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__alexa .img__alexa .img-screen { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s10/screen.jpg"); } } @media all and (max-width: 720px) { #CMD .section__alexa .img__alexa .img-alexa-ui { transition: opacity 350ms ease; opacity: 0; position: absolute; left: 50%; top: 304px; margin-left: -617px; width: 559px; height: 406px; -webkit-transform: matrix3d(0.691462, -0.211128, 0, 0.00013402, 0.241734, 0.75183, 0, 0.0000079243, 0, 0, 1, 0, 38, 160, 0, 1); transform: matrix3d(0.691462, -0.211128, 0, 0.00013402, 0.241734, 0.75183, 0, 0.0000079243, 0, 0, 1, 0, 38, 160, 0, 1); box-shadow: -6px 6px 17px rgba(0, 0, 0, 0.15); background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s10/alexa.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__alexa .img__alexa .img-alexa-ui { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s10/alexa.jpg"); } } @media all and (max-width: 720px) { #CMD .section__alexa .img__alexa .img-calendar { transition: opacity 550ms ease; opacity: 0; position: absolute; left: 50%; top: 347px; margin-left: -692px; width: 762px; height: 664px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/s10/calendar.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__alexa .img__alexa .img-calendar { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/s10/calendar.jpg"); } } @media all and (max-width: 720px) { #CMD .section__alexa .img__alexa .talk-content { opacity: 1; position: absolute; left: 50%; top: 362px; margin-left: -240px; -webkit-transform: matrix3d(0.691462, -0.221128, 0, 0.00013402, 0.241734, 0.75183, 0, 0.0000079243, 0, 0, 1, 0, 38, 160, 0, 1); transform: matrix3d(0.691462, -0.221128, 0, 0.00013402, 0.241734, 0.75183, 0, 0.0000079243, 0, 0, 1, 0, 38, 160, 0, 1); } #CMD .section__alexa .img__alexa .talk-content .talk { display: flex; align-items: center; -webkit-transform: translate3d(-20px, 40px, 0) scale(0.5); transform: translate3d(-20px, 40px, 0) scale(0.5); opacity: 0; width: 340px; height: 54px; margin-bottom: 30px; padding: 5px 12px; box-sizing: border-box; border-radius: 10px; text-align: left; color: #fff; font-size: 24px; line-height: 54px; text-shadow: 0px 2px 6px rgba(57, 60, 126, 0.2); background: linear-gradient(to right, rgba(86, 93, 206, 0.6), rgba(121, 182, 248, 0.85), rgba(121, 182, 248, 0.85), rgba(86, 93, 206, 0.6)); } #CMD .section__alexa .img__alexa .talk-content .talk .svg-head { width: 34px; height: 34px; margin-right: 8px; fill: #fff; } #CMD .section__alexa .img__alexa .alexa-bar { -webkit-transform: rotate(-24deg); transform: rotate(-24deg); overflow: hidden; position: absolute; top: 1045px; left: 50%; margin-left: 179px; width: 50px; height: 4px; border-radius: 25px; } #CMD .section__alexa .img__alexa .alexa-bar .alexa-bar-light { opacity: 0; -webkit-transform: scale(1, 1) translate3d(0, 0, 0); transform: scale(1, 1) translate3d(0, 0, 0); position: absolute; top: 0; left: 50%; margin-left: -30px; width: 60px; height: 12px; } #CMD .section__alexa .img__alexa.js-animate-active .img-screen.js-showed { opacity: 1; } #CMD .section__alexa .img__alexa.js-animate-active .img-alexa-ui.js-showed { opacity: 1; } #CMD .section__alexa .img__alexa.js-animate-active .img-calendar.js-showed { opacity: 1; } #CMD .section__alexa .img__alexa.js-animate-active .talk-content .talk-1.js-call { transition: opacity 200ms ease, -webkit-transform 350ms ease; transition: transform 350ms ease, opacity 200ms ease; transition: transform 350ms ease, opacity 200ms ease, -webkit-transform 350ms ease; -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); opacity: 1; } #CMD .section__alexa .img__alexa.js-animate-active .talk-content .talk-2.js-call { transition: opacity 200ms ease, -webkit-transform 350ms ease; transition: transform 350ms ease, opacity 200ms ease; transition: transform 350ms ease, opacity 200ms ease, -webkit-transform 350ms ease; -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); opacity: 1; } #CMD .section__alexa .img__alexa.js-animate-active .talk-content.js-hided { transition: opacity 700ms ease; opacity: 0; } #CMD .section__alexa .img__alexa.js-animate-active .alexa-bar.js-detect-active { background: #9885ee; } #CMD .section__alexa .img__alexa.js-animate-active .alexa-bar.js-detect-active .alexa-bar-light { opacity: 1; -webkit-animation: AlexaDetectActive 600ms 100ms ease 1; animation: AlexaDetectActive 600ms 100ms ease 1; } #CMD .section__alexa .img__alexa.js-animate-active .alexa-bar.js-detect-listen { background: #9885ee; } #CMD .section__alexa .img__alexa.js-animate-active .alexa-bar.js-detect-listen .alexa-bar-light { opacity: 1; -webkit-animation: AlexaDetectListen 600ms 100ms ease 1; animation: AlexaDetectListen 600ms 100ms ease 1; } #CMD .section__alexa .img__alexa.js-animate-active .alexa-bar.js-detect-doing { background: #9885ee; } #CMD .section__alexa .img__alexa.js-animate-active .alexa-bar.js-detect-doing .alexa-bar-light { opacity: 1; -webkit-animation: AlexaDetectDoing 1400ms 100ms ease 1; animation: AlexaDetectDoing 1400ms 100ms ease 1; } #CMD #section__inner2_2 .img__inner2_2 .model-seperate { position: relative; } #CMD #section__inner2_2 .img__inner2_2 .model-seperate .img-case { transition: -webkit-transform 400ms ease; transition: transform 400ms ease; transition: transform 400ms ease, -webkit-transform 400ms ease; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); position: absolute; left: 50%; margin-left: -622px; width: 1244px; height: 294px; } #CMD #section__inner2_2 .img__inner2_2 .model-seperate .img-case.img-case1 { z-index: 48; top: 460px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/inner2_2/case1.png") ; } } @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__inner2_2 .img__inner2_2 .model-seperate .img-case.img-case1 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/inner2_2/case1.png"); } } @media all and (max-width: 720px) { #CMD #section__inner2_2 .img__inner2_2 .model-seperate .img-case.img-case2 { z-index: 46; top: 460px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/inner2_2/case2.png") ; } } @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__inner2_2 .img__inner2_2 .model-seperate .img-case.img-case2 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/inner2_2/case2.png"); } } @media all and (max-width: 720px) { #CMD #section__inner2_2 .img__inner2_2 .model-seperate .img-case.img-case3 { z-index: 44; top: 470px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/inner2_2/case3.png") ; } } @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__inner2_2 .img__inner2_2 .model-seperate .img-case.img-case3 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/inner2_2/case3.png"); } } @media all and (max-width: 720px) { #CMD #section__inner2_2 .img__inner2_2 .model-seperate .img-case.img-case4 { z-index: 42; top: 473px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/inner2_2/case4.png") ; } } @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__inner2_2 .img__inner2_2 .model-seperate .img-case.img-case4 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/inner2_2/case4.png"); } } @media all and (max-width: 720px) { #CMD #section__inner2_2 .img__inner2_2 .model-seperate.js-animate-active .img-case.img-case1 { -webkit-transform: translate3d(0, -80px, 0); transform: translate3d(0, -80px, 0); } #CMD #section__inner2_2 .img__inner2_2 .model-seperate.js-animate-active .img-case.img-case2 { -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); } #CMD #section__inner2_2 .img__inner2_2 .model-seperate.js-animate-active .img-case.img-case3 { -webkit-transform: translate3d(0, 80px, 0); transform: translate3d(0, 80px, 0); } #CMD #section__inner2_2 .img__inner2_2 .model-seperate.js-animate-active .img-case.img-case4 { -webkit-transform: translate3d(0, 160px, 0); transform: translate3d(0, 160px, 0); } #CMD #section__inner12_1 { overflow: hidden; padding-top: 0px; background: #fff; } #CMD #section__inner12_1 .img__inner12_1 { position: relative; left: 50%; margin-top: 0px; margin-left: -1280px; width: 2560px; height: 744px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/inner/s12/01_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__inner12_1 .img__inner12_1 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/inner/s12/01_bg.jpg"); } } @media all and (max-width: 720px) { #CMD #section__inner12_1 .img__inner12_1 .cam-content { position: absolute; top: 0; left: 0; width: 2560px; height: 744px; } #CMD #section__inner12_1 .img__inner12_1 .cam-content .img-cam-btn { transition: -webkit-transform 800ms ease; transition: transform 800ms ease; transition: transform 800ms ease, -webkit-transform 800ms ease; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 96; position: absolute; top: 213px; left: 50%; margin-left: -84px; width: 24px; height: 26px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/inner12_1/01_cam_btn.png") ; } } @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__inner12_1 .img__inner12_1 .cam-content .img-cam-btn { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/inner12_1/01_cam_btn.png"); } } @media all and (max-width: 720px) { #CMD #section__inner12_1 .img__inner12_1 .cam-content .img-cam-mask { z-index: 94; position: absolute; top: 198px; margin-left: -233px; left: 50%; width: 468px; height: 60px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/inner12_1/01_cam_mask.png") ; } } @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__inner12_1 .img__inner12_1 .cam-content .img-cam-mask { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/inner12_1/01_cam_mask.png"); } } @media all and (max-width: 720px) { #CMD #section__inner12_1 .img__inner12_1 .cam-content .img-cam-bar { transition: -webkit-transform 800ms ease; transition: transform 800ms ease; transition: transform 800ms ease, -webkit-transform 800ms ease; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 92; position: absolute; top: 208px; left: 50%; margin-left: -177px; width: 175px; height: 32px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/inner12_1/01_cam_bg.png") ; } } @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__inner12_1 .img__inner12_1 .cam-content .img-cam-bar { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/inner12_1/01_cam_bg.png"); } } @media all and (max-width: 720px) { #CMD #section__inner12_1 .img__inner12_1 .cam-content .img-cam-bg { transition: opacity 1200ms ease; opacity: 0; z-index: 90; position: absolute; top: 0; left: 0; width: 2560px; height: 744px; background-size: cover; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/animation/inner12_1/01_bg_blur.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__inner12_1 .img__inner12_1 .cam-content .img-cam-bg { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/2x/animation/inner12_1/01_bg_blur.jpg"); } } @media all and (max-width: 720px) { #CMD #section__inner12_1 .img__inner12_1 .cam-content.js-animate-active .img-cam-btn { -webkit-animation: camBtnSlide 3000ms 800ms ease-in-out infinite forwards; animation: camBtnSlide 3000ms 800ms ease-in-out infinite forwards; } #CMD #section__inner12_1 .img__inner12_1 .cam-content.js-animate-active .img-cam-bar { -webkit-animation: camBgSlide 3000ms 800ms ease-in-out infinite forwards; animation: camBgSlide 3000ms 800ms ease-in-out infinite forwards; } #CMD #section__inner2_2 .img__inner2_2 .model-seperate.js-animate-active .img-case.img-case1 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/50p/1x/animation/inner2_2/case1.png") ; } } @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__inner2_2 .img__inner2_2 .model-seperate.js-animate-active .img-case.img-case1 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/50p/2x/animation/inner2_2/case1.png"); } } @media all and (max-width: 720px) { #CMD #section__inner2_2 .img__inner2_2 .model-seperate.js-animate-active .img-case.img-case2 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/50p/1x/animation/inner2_2/case2.png") ; } } @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__inner2_2 .img__inner2_2 .model-seperate.js-animate-active .img-case.img-case2 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/50p/2x/animation/inner2_2/case2.png"); } } @media all and (max-width: 720px) { #CMD #section__inner2_2 .img__inner2_2 .model-seperate.js-animate-active .img-case.img-case3 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/50p/1x/animation/inner2_2/case3.png") ; } } @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__inner2_2 .img__inner2_2 .model-seperate.js-animate-active .img-case.img-case3 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/50p/2x/animation/inner2_2/case3.png"); } } @media all and (max-width: 720px) { #CMD #section__inner2_2 .img__inner2_2 .model-seperate.js-animate-active .img-case.img-case4 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/50p/1x/animation/inner2_2/case4.png") ; } } @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__inner2_2 .img__inner2_2 .model-seperate.js-animate-active .img-case.img-case4 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/50p/2x/animation/inner2_2/case4.png"); } } @media all and (max-width: 720px) { #CMD .section__dual .img__dual { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/50p/1x/animation/s3/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__dual .img__dual { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/50p/2x/animation/s3/bg.jpg"); } } @media all and (max-width: 720px) { #CMD .section__dual .img__dual.js-animate-active .img-case { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/50p/1x/animation/s3/case.png") ; } } @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__dual .img__dual.js-animate-active .img-case { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/50p/2x/animation/s3/case.png"); } } @media all and (max-width: 720px) { #CMD .section__dual .img__dual.js-animate-active .img-ssd { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/50p/1x/animation/s3/ssd.png") ; } } @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__dual .img__dual.js-animate-active .img-ssd { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/50p/2x/animation/s3/ssd.png"); } } @media all and (max-width: 720px) { #CMD .section__battery .img__battery .img-model { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/50p/1x/animation/s4/model.png") ; } } @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__battery .img__battery .img-model { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/50p/2x/animation/s4/model.png"); } } @media all and (max-width: 720px) { #CMD .section__battery .img__battery .img-model .img-scene-light-mask { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/50p/1x/animation/s4/light-mask.png") ; } } @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__battery .img__battery .img-model .img-scene-light-mask { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/50p/2x/animation/s4/light-mask.png"); } } @media all and (max-width: 720px) { #CMD .section__battery .img__battery .img-model .img-scene-dark-mask { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/50p/1x/animation/s4/dark-mask.png") ; } } @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__battery .img__battery .img-model .img-scene-dark-mask { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/50p/2x/animation/s4/dark-mask.png"); } } @media all and (max-width: 720px) { #CMD .section__battery .img__battery .img-model .img-scene-light-shadow { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/50p/1x/animation/s4/light-shadow.png") ; } } @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__battery .img__battery .img-model .img-scene-light-shadow { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/50p/2x/animation/s4/light-shadow.png"); } } @media all and (max-width: 720px) { #CMD .section__battery .img__battery .img-model .img-scene-dark-shadow { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/50p/1x/animation/s4/dark-shadow.png") ; } } @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__battery .img__battery .img-model .img-scene-dark-shadow { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/50p/2x/animation/s4/dark-shadow.png"); } } @media all and (max-width: 720px) { #CMD .section__battery .img__battery .img-model .img-scene-mask { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/50p/1x/animation/s4/mask.png") ; } } @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__battery .img__battery .img-model .img-scene-mask { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/50p/2x/animation/s4/mask.png"); } } @media all and (max-width: 720px) { #CMD .section__sound .img__sound .scene-content figure.img-micro { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/50p/1x/animation/s9/micro_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__sound .img__sound .scene-content figure.img-micro { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/50p/2x/animation/s9/micro_bg.jpg"); } } @media all and (max-width: 720px) { #CMD .section__sound .img__sound .scene-content figure.img-sound { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/50p/1x/animation/s9/sound_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__sound .img__sound .scene-content figure.img-sound { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/50p/2x/animation/s9/sound_bg.jpg"); } } @media all and (max-width: 720px) { #CMD .section__sound .img__sound .wave .img-wave { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/50p/1x/animation/s9/ripple.png") ; } } @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__sound .img__sound .wave .img-wave { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/50p/2x/animation/s9/ripple.png"); } } @media all and (max-width: 720px) { #CMD .section__sound .img__sound .ripple .img-ripple.img-ripple1 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/50p/1x/animation/s9/wave/wave1.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__sound .img__sound .ripple .img-ripple.img-ripple1 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/50p/2x/animation/s9/wave/wave1.jpg"); } } @media all and (max-width: 720px) { #CMD .section__sound .img__sound .ripple .img-ripple.img-ripple2 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/50p/1x/animation/s9/wave/wave2.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__sound .img__sound .ripple .img-ripple.img-ripple2 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/50p/2x/animation/s9/wave/wave2.jpg"); } } @media all and (max-width: 720px) { #CMD .section__sound .img__sound .ripple .img-ripple.img-ripple3 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/50p/1x/animation/s9/wave/wave3.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__sound .img__sound .ripple .img-ripple.img-ripple3 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/50p/2x/animation/s9/wave/wave3.jpg"); } } @media all and (max-width: 720px) { #CMD .section__sound .img__sound .ripple .img-ripple.img-ripple4 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/50p/1x/animation/s9/wave/wave4.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__sound .img__sound .ripple .img-ripple.img-ripple4 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/50p/2x/animation/s9/wave/wave4.jpg"); } } @media all and (max-width: 720px) { #CMD .section__sound .img__sound .ripple .img-ripple.img-ripple5 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/50p/1x/animation/s9/wave/wave5.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__sound .img__sound .ripple .img-ripple.img-ripple5 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/50p/2x/animation/s9/wave/wave5.jpg"); } } @media all and (max-width: 720px) { #CMD .section__sound .img__sound .ripple .img-ripple.img-ripple6 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/50p/1x/animation/s9/wave/wave6.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__sound .img__sound .ripple .img-ripple.img-ripple6 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/50p/2x/animation/s9/wave/wave6.jpg"); } } @media all and (max-width: 720px) { #CMD .section__alexa .img__alexa { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/50p/1x/animation/s10/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__alexa .img__alexa { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/50p/2x/animation/s10/bg.jpg"); } } @media all and (max-width: 720px) { #CMD .section__alexa .img__alexa .img-screen { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/50p/1x/animation/s10/screen.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__alexa .img__alexa .img-screen { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/50p/2x/animation/s10/screen.jpg"); } } @media all and (max-width: 720px) { #CMD .section__alexa .img__alexa .img-alexa-ui { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/50p/1x/animation/s10/alexa.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__alexa .img__alexa .img-alexa-ui { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/50p/2x/animation/s10/alexa.jpg"); } } @media all and (max-width: 720px) { #CMD .section__alexa .img__alexa .img-calendar { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/50p/1x/animation/s10/calendar.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__alexa .img__alexa .img-calendar { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/50p/2x/animation/s10/calendar.jpg"); } } @media all and (max-width: 720px) { #CMD #section__inner12_1 .img__inner12_1 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/50p/1x/animation/inner12_1/01_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__inner12_1 .img__inner12_1 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/50p/2x/animation/inner12_1/01_bg.jpg"); } } @media all and (max-width: 720px) { #CMD #section__inner12_1 .img__inner12_1 .cam-content .img-cam-btn { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/50p/1x/animation/inner12_1/01_cam_btn.png") ; } } @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__inner12_1 .img__inner12_1 .cam-content .img-cam-btn { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/50p/2x/animation/inner12_1/01_cam_btn.png"); } } @media all and (max-width: 720px) { #CMD #section__inner12_1 .img__inner12_1 .cam-content .img-cam-mask { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/50p/1x/animation/inner12_1/01_cam_mask.png") ; } } @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__inner12_1 .img__inner12_1 .cam-content .img-cam-mask { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/50p/2x/animation/inner12_1/01_cam_mask.png"); } } @media all and (max-width: 720px) { #CMD #section__inner12_1 .img__inner12_1 .cam-content .img-cam-bar { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/50p/1x/animation/inner12_1/01_cam_bg.png") ; } } @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__inner12_1 .img__inner12_1 .cam-content .img-cam-bar { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/50p/2x/animation/inner12_1/01_cam_bg.png"); } } @media all and (max-width: 720px) { #CMD #section__inner12_1 .img__inner12_1 .cam-content .img-cam-bg { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/50p/1x/animation/inner12_1/01_bg_blur.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__inner12_1 .img__inner12_1 .cam-content .img-cam-bg { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/scale/50p/2x/animation/inner12_1/01_bg_blur.jpg"); } } @media all and (max-width: 720px) { #CMD .section__kv { overflow: hidden; margin-top: 0; padding-top: 37px; padding-bottom: 140px; background: #fff; } #CMD .section__kv:after { content: ''; display: block; width: 100%; height: 50px; position: absolute; bottom: 0; left: 0; background: #020204; } #CMD .section__kv .wd__content { padding-left: 0; width: 100%; } #CMD .section__kv .wd__content .content__title { color: #333; font-size: 53px; margin-top: -31px; font-weight: 200; } #CMD .section__kv .wd__content .content__info { color: #333; width: 92%; margin: 0 auto; } #CMD .section__kv .wd__content.bottom-content { position: relative; z-index: 100000000; margin-top: -725px; margin-bottom: -78px; } #CMD .section__kv .wd__content.bottom-content .content__info { color: #fff; } #CMD .section__kv .wd__content .content__title { font-size: 29px; line-height: 29px; margin-top: -50px; font-family: "Myriad W01_n2", "Myriad W01", "Segoe UI", sans-serif !important; font-weight: 200; font-style: normal; } #CMD .section__kv .wd__content .content__subtitle { margin-top: 10px; color: #888; font-size: 21px; line-height: 23px; width: 87%; font-family: "Myriad W01_n2", "Myriad W01", "Segoe UI", sans-serif !important; font-weight: 200; font-style: normal; } #CMD .section__kv .img__kv__logo { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/large/1x/kv_logo.png") ; margin-top: 0; width: 300px; height: 40px; 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/ugrin67gx0x7rj5h/v3/features/images/large/2x/kv_logo.png"); } } @media all and (max-width: 720px) { #CMD .section__kv .img__kv { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/small/1x/animation/kv/bg.jpg") ; margin-top: -258px; margin-left: -360px; width: 720px; height: 1396px; } } @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 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/small/2x/animation/kv/bg.jpg"); } } @media all and (max-width: 720px) { #CMD .section__kv .img__kv .img-model { opacity: 1; position: absolute; left: 50%; margin-top: 286px; margin-left: -207px; width: 360px; height: 239px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/small/1x/animation/kv/nb.png") ; } } @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-model { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/small/2x/animation/kv/nb.png"); } } @media all and (max-width: 720px) { #CMD .section__kv .img__kv .img-model .img-main-bg, #CMD .section__kv .img__kv .img-model .img-case-mask, #CMD .section__kv .img__kv .img-model .img-texture-mask, #CMD .section__kv .img__kv .img-model #kv-screen { display: none; background-image: none; } #CMD .section__kv .img__kv .img-shadow-block { opacity: 1; position: absolute; left: 50%; margin-top: 522px; margin-left: -190px; width: 370px; height: 77px; } #CMD .section__kv .img__kv .img-shadow-block .img-shadow { opacity: 1; width: 370px; height: 77px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/small/1x/animation/kv/shadow.png") ; } } @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-shadow-block .img-shadow { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/small/2x/animation/kv/shadow.png"); } } @media all and (max-width: 720px) { #CMD .section__kv .img__kv #kv-svg-bg { display: none; background-image: none; } #CMD .section__thin { overflow: hidden; padding-top: 45px; } #CMD .section__thin .wd__content .content__info { width: 100%; max-width: 700px; } #CMD .section__thin .wd__feature__list { width: 90%; text-align: left; } #CMD .section__thin .wd__feature__list .wd__feature { margin-right: 32px; text-align: left; } #CMD .section__thin .img__thin { width: 620px; height: 394px; margin-top: -150px; margin-left: -310px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/small/1x/s2.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__thin .img__thin { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/small/2x/s2.jpg"); } } @media all and (max-width: 720px) { #CMD .section__thin .img__thin-hl { margin-left: 0; margin-right: 0; margin-top: 0; position: relative; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100%; max-width: 414px; height: 0; padding-bottom: 170.64%; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/small/1x/s2_hl.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__thin .img__thin-hl { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/small/2x/s2_hl.jpg"); } } @media all and (max-width: 720px) { #CMD .section__thin .modal-button-container { z-index: 99; position: relative; margin-top: 35px; } #CMD .section__dual { overflow: hidden; padding-top: 80px; } #CMD .section__dual .wd__feature__list { width: 100%; position: relative; left: 0%; margin-top: 40px; margin-left: 0; } #CMD .section__dual .wd__feature__list .wd__feature.feature-1 { width: 90%; margin-left: 0; margin-right: 0; } #CMD .section__dual .img__dual { -webkit-transform: scale(0.5); transform: scale(0.5); margin-top: -95px; margin-left: -552px; } #CMD .section__dual .img__dual .img-icon-intel { top: -210px; margin-left: 3px; width: 190px; height: 260px; } #CMD .section__dual .modal-button-container { margin-top: -260px; } #CMD .section__battery { overflow: hidden; margin-top: -145px; padding-top: 40px; padding-bottom: 0px; } #CMD .section__battery .wd__feature__list { position: relative; left: 0%; width: 100%; margin-top: 55px; margin-left: auto; margin-right: auto; } #CMD .section__battery .wd__feature__list .wd__feature { width: auto !important; margin-right: 30px; margin-left: 30px; } #CMD .section__battery .wd__feature__list .wd__feature.feature-3 { width: 90px !important; } #CMD .section__battery .img__battery { background-image: none; margin-top: -430px; -webkit-transform: scale(0.36); transform: scale(0.36); } #CMD .section__battery .modal-button-container { z-index: 99; position: relative; margin-top: -386px; } #CMD .section__port { overflow: hidden; margin-top: -263px; padding-top: 10px; background: #000; } #CMD .section__port .col-content { padding: 35px 0 35px; background: #000; } #CMD .section__port .wd__feature__list { position: relative; left: 50%; width: 300px; margin-left: -150px; text-align: center; } #CMD .section__port .wd__feature__list .wd__feature { text-align: center; margin-left: 18px; margin-right: 18px; } #CMD .section__port .wd__feature__list .wd__feature .wd__feature__data .img__icon { width: 74px; height: 42px; margin-bottom: 6px; } #CMD .section__port .img__port { position: relative; left: 50%; margin-top: 0px; margin-left: -360px; width: 720px; height: 600px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/small/1x/s5.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__port .img__port { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/small/2x/s5.jpg"); } } @media all and (max-width: 720px) { #CMD .section__port .img__port .port-item { position: absolute; left: 50%; color: #fff; font-size: 13px; } #CMD .section__port .img__port .port-item.port-1 { top: 195px; margin-left: -52px; } #CMD .section__port .img__port .port-item.port-2 { top: 177px; margin-left: -25px; } #CMD .section__port .img__port .port-item.port-3 { top: 159px; margin-left: 3px; } #CMD .section__port .img__port .port-item.port-4 { top: 142px; margin-left: 32px; } #CMD .section__port .img__port .port-item.port-5 { top: 437px; margin-left: -24px; } #CMD .section__port .img__port .port-item.port-6 { top: 455px; margin-left: -30px; } #CMD .section__port .modal-button-container { margin-top: -90px; } #CMD .section__military { overflow: hidden; padding-top: 60px; background: #0e0e0e; } #CMD .section__military .wd__content .content__info { width: 99%; } #CMD .section__military .wd__feature__list { text-align: center; width: 100%; margin: 59px auto 0; } #CMD .section__military .wd__feature__list .wd__feature { width: 154px; min-height: 135px; margin-left: 24px; margin-right: 24px; margin-bottom: 50px; } #CMD .section__military .wd__feature__list .wd__feature .wd__feature__data .img__icon { width: 80px; height: 64px; } #CMD .section__military .wd__feature__list .wd__feature .wd__feature__describe span > span.text-title { font-size: 16px; } #CMD .section__military .wd__feature__list .wd__feature .wd__feature__describe span > span.text-title .no__wrap { font-size: 16px; } #CMD .section__military .img__military { position: relative; left: 50%; margin-top: 0px; margin-left: -360px; width: 720px; height: 524px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/small/1x/s6.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__military .img__military { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/small/2x/s6.jpg"); } } @media all and (max-width: 720px) { #CMD .section__military .modal-button-container { margin-top: -200px; } #CMD .section__experience { overflow: hidden; padding-top: 50px; background: #0e0e0e; } #CMD .section__experience .slick-content { width: 100%; max-width: 720px; margin: 0 auto; } #CMD .section__experience .slick-content .slick-title { position: relative; margin-top: 50px; text-align: center; } #CMD .section__experience .slick-content .slick-title .title-line { z-index: 100; height: 4px; width: 133px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } #CMD .section__experience .slick-content .slick-title .title-nav { transition: -webkit-transform 400ms ease; transition: transform 400ms ease; transition: transform 400ms ease, -webkit-transform 400ms ease; position: relative; top: 0; left: 50%; margin-left: 0px; padding: 10px 0; width: 100%; } #CMD .section__experience .slick-content .slick-title .title-nav li { width: auto; font-size: 18px; line-height: 22px; box-sizing: border-box; padding: 0 15px; } #CMD .section__experience .slick-content .slick-info { width: 90%; max-width: 470px; margin: 20px auto 35px; } #CMD .section__experience .slick-content .slick-info .si { font-size: 15px; line-height: 1.35; font-family: "Myriad W01_n2", "Myriad W01", "Segoe UI", sans-serif !important; font-weight: 200; font-style: normal; } #CMD .section__experience .slick-content .slick-images { position: relative; width: 414px; height: 229px; margin: 0 auto; } #CMD .section__experience .slick-content .slick-images .img-slick { width: 414px; height: 229px; } #CMD .section__experience .slick-content .slick-images .img-slick#img-slick1 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/small/1x/animation/s7/p1.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__experience .slick-content .slick-images .img-slick#img-slick1 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/small/2x/animation/s7/p1.jpg"); } } @media all and (max-width: 720px) { #CMD .section__experience .slick-content .slick-images .img-slick#img-slick2 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/small/1x/animation/s7/p2.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__experience .slick-content .slick-images .img-slick#img-slick2 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/small/2x/animation/s7/p2.jpg"); } } @media all and (max-width: 720px) { #CMD .section__experience .slick-content .slick-images .img-slick#img-slick3 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/small/1x/animation/s7/p3.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__experience .slick-content .slick-images .img-slick#img-slick3 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/small/2x/animation/s7/p3.jpg"); } } @media all and (max-width: 720px) { #CMD .section__experience .slick-content .slick-images .img-slick#img-slick4 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/small/1x/animation/s7/p4.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__experience .slick-content .slick-images .img-slick#img-slick4 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/small/2x/animation/s7/p4.jpg"); } } @media all and (max-width: 720px) { #CMD .section__experience .slick-content .slick-images .img-slick#img-slick5 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/small/1x/animation/s7/p5.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__experience .slick-content .slick-images .img-slick#img-slick5 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/small/2x/animation/s7/p5.jpg"); } } @media all and (max-width: 720px) { #CMD .section__screen { overflow: hidden; padding-top: 110px; background: #0e0e0e; } #CMD .section__screen .wd__feature__list .wd__feature { margin-left: 20px; margin-right: 20px; } #CMD .section__screen .img__screen { position: relative; left: 50%; margin-top: -20px; margin-left: -360px; width: 720px; height: 319px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/small/1x/s8.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__screen .img__screen { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/small/2x/s8.jpg"); } } @media all and (max-width: 720px) { #CMD .section__sound { overflow: hidden; padding-top: 44px; margin-top: -10px; background: #e0e4e9; } #CMD .section__sound .wd__feature__list .wd__feature.feature-1 .img__icon1 { width: 260px; height: 62px; margin-left: 0px; } #CMD .section__sound .img__sound { margin-top: -660px; -webkit-transform: scale(0.4); transform: scale(0.4); background-color: #e0e3e9; } #CMD .section__sound .img__sound .title-microphone { top: 550px; font-size: 40px; } #CMD .section__sound .img__sound .title-sound { top: 1262px; font-size: 40px; } #CMD .section__alexa { overflow: hidden; margin-top: -432px; padding-top: 40px; background: #657e94; } #CMD .section__alexa .wd__content .content__title { color: #fff !important; } #CMD .section__alexa .wd__content .content__info { color: #fff !important; } #CMD .section__alexa .wd__content .content__slogan { color: #fff !important; } #CMD .section__alexa .wd__content .content__slogan:before { background: #ffffff !important; } #CMD .section__alexa .img__alexa { -webkit-transform: scale(0.36); transform: scale(0.36); margin-left: -1230px; margin-top: -340px; margin-bottom: -397px; } #CMD .section__alexa .img__alexa .talk-content { -webkit-transform: scale(1.9); transform: scale(1.9); top: 32px; margin-left: -313px; } #CMD .section__alexa .img__alexa .talk-content .talk { background: #25aae5; font-size: 24px; } #CMD .section__software { overflow: hidden; padding-top: 80px; background: #fff; } #CMD .section__software .slick-content { width: 100%; max-width: 720px; margin: 0 auto; } #CMD .section__software .slick-content .slick-title { position: relative; margin-top: 50px; text-align: center; } #CMD .section__software .slick-content .slick-title .title-line { z-index: 100; height: 4px; width: 151px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } #CMD .section__software .slick-content .slick-title .title-nav { transition: -webkit-transform 400ms ease; transition: transform 400ms ease; transition: transform 400ms ease, -webkit-transform 400ms ease; position: relative; top: 0; left: 50%; margin-left: 0px; padding: 10px 0; width: 100%; } #CMD .section__software .slick-content .slick-title .title-nav li { width: auto; font-size: 18px; line-height: 22px; box-sizing: border-box; padding: 0 15px; } #CMD .section__software .slick-content .slick-info { width: 90%; max-width: 350px; margin: 20px auto 35px; } #CMD .section__software .slick-content .slick-info .si { font-size: 15px; line-height: 1.35; font-family: "Myriad W01_n2", "Myriad W01", "Segoe UI", sans-serif !important; font-weight: 200; font-style: normal; } #CMD .section__software .slick-content .slick-info .si .info__comment { color: #6f6f6f; display: inline-block; margin-top: 7px; line-height: 1.2; font-size: 15px; } #CMD .section__software .slick-content .slick-images { position: relative; left: 50%; margin: -25px 0 0 -360px; width: 720px; height: 215px; } #CMD .section__software .slick-content .slick-images .img-slick { position: absolute; left: 0; margin-left: 0; width: 720px; height: 215px; } #CMD .section__software .slick-content .slick-images .img-slick#img-slick1 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/small/1x/animation/s11/p1.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__software .slick-content .slick-images .img-slick#img-slick1 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/small/2x/animation/s11/p1.jpg"); } } @media all and (max-width: 720px) { #CMD .section__software .slick-content .slick-images .img-slick#img-slick2 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/small/1x/animation/s11/p2.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__software .slick-content .slick-images .img-slick#img-slick2 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/small/2x/animation/s11/p2.jpg"); } } @media all and (max-width: 720px) { #CMD .section__software .slick-content .slick-images .img-slick#img-slick3 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/small/1x/animation/s11/p3.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__software .slick-content .slick-images .img-slick#img-slick3 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/small/2x/animation/s11/p3.jpg"); } } @media all and (max-width: 720px) { #CMD .section__software .slick-content .slick-images .img-slick#img-slick4 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/small/1x/animation/s11/p4.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__software .slick-content .slick-images .img-slick#img-slick4 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/small/2x/animation/s11/p4.jpg"); } } @media all and (max-width: 720px) { #CMD .section__software .slick-content .slick-images .img-slick#img-slick5 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/small/1x/animation/s11/p5.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__software .slick-content .slick-images .img-slick#img-slick5 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/small/2x/animation/s11/p5.jpg"); } } @media all and (max-width: 720px) { #CMD .section__software .slick-content .slick-images .img-slick#img-slick6 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/small/1x/animation/s11/p6.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__software .slick-content .slick-images .img-slick#img-slick6 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/small/2x/animation/s11/p6.jpg"); } } @media all and (max-width: 720px) { #CMD .section__security { overflow: hidden; padding-top: 65px; margin-top: 0px; background: #fff; } #CMD .section__security .img__security { position: relative; left: 50%; overflow: hidden; margin-top: 65px; margin-left: -360px; height: 250px; background-image: none; } #CMD .section__security .img__security .img-bg-parallax { transition: -webkit-transform 500ms ease-out; transition: transform 500ms ease-out; transition: transform 500ms ease-out, -webkit-transform 500ms ease-out; position: absolute; top: 0; left: 0; width: 720px; height: 332px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/small/1x/s12.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__security .img__security .img-bg-parallax { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/small/2x/s12.jpg"); } } @media all and (max-width: 720px) { #CMD .section__security .grid-content { width: 89.2%; margin: -50px auto 0; } #CMD .section__security .grid-content .grid { width: 100%; max-width: 414px; opacity: 0; margin: 6px auto; padding: 30px 40px 40px; -webkit-transform: translate3d(0px, 30px, 0px); transform: translate3d(0px, 30px, 0px); } #CMD .section__security .grid-content .grid.grid-4, #CMD .section__security .grid-content .grid.grid-5 { width: 100%; } #CMD .section__security .grid-content .grid .img-icon { width: 90px; height: 74px; } #CMD .section__security .grid-content .grid .grid-title { font-size: 20px; margin: 12px 0 5px; } #CMD .section__security .grid-content .grid .grid-info { font-size: 17px; max-width: 280px; } #CMD .section__security .grid-content.js-animate-active .grid { opacity: 1; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } #CMD .section__security .grid-content.js-animate-active .grid.grid-1 { transition: opacity 500ms 150ms ease, -webkit-transform 600ms 150ms ease; transition: transform 600ms 150ms ease, opacity 500ms 150ms ease; transition: transform 600ms 150ms ease, opacity 500ms 150ms ease, -webkit-transform 600ms 150ms ease; } #CMD .section__security .grid-content.js-animate-active .grid.grid-2 { transition: opacity 500ms 300ms ease, -webkit-transform 600ms 300ms ease; transition: transform 600ms 300ms ease, opacity 500ms 300ms ease; transition: transform 600ms 300ms ease, opacity 500ms 300ms ease, -webkit-transform 600ms 300ms ease; } #CMD .section__security .grid-content.js-animate-active .grid.grid-3 { transition: opacity 500ms 450ms ease, -webkit-transform 600ms 450ms ease; transition: transform 600ms 450ms ease, opacity 500ms 450ms ease; transition: transform 600ms 450ms ease, opacity 500ms 450ms ease, -webkit-transform 600ms 450ms ease; } #CMD .section__security .grid-content.js-animate-active .grid.grid-4 { transition: opacity 500ms 600ms ease, -webkit-transform 600ms 600ms ease; transition: transform 600ms 600ms ease, opacity 500ms 600ms ease; transition: transform 600ms 600ms ease, opacity 500ms 600ms ease, -webkit-transform 600ms 600ms ease; } #CMD .section__security .grid-content.js-animate-active .grid.grid-5 { transition: opacity 500ms 750ms ease, -webkit-transform 600ms 750ms ease; transition: transform 600ms 750ms ease, opacity 500ms 750ms ease; transition: transform 600ms 750ms ease, opacity 500ms 750ms ease, -webkit-transform 600ms 750ms ease; } #CMD .section__security .modal-button-container { margin-top: 25px; } #CMD .section__management { overflow: hidden; padding-top: 75px; background: #fff; } #CMD .section__management .img__management { position: relative; left: 50%; margin-top: 65px; margin-left: -207px; margin-bottom: -80px; width: 414px; height: 276px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/small/1x/s13.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__management .img__management { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/small/2x/s13.jpg"); } } @media all and (max-width: 720px) { #CMD .section__management .col-grid { background-color: #4e4e4e; } #CMD .section__management .grid-content { width: 100%; max-width: 1280px; margin: 60px auto 0; padding: 50px 0; display: flex; flex-direction: row; flex-wrap: wrap; } #CMD .section__management .grid-content .grid { width: 90%; min-height: 120px; box-sizing: border-box; padding: 20px; margin: 7px auto; padding: 25px 10px 25px; color: #fff; } #CMD .section__management .grid-content .grid .img-icon { width: 90px; height: 74px; } #CMD .section__management .grid-content .grid .grid-title { font-size: 20px; margin: 12px 0 5px; } #CMD .section__management .grid-content .grid .grid-info { font-size: 17px; width: 90%; max-width: 320px; margin: 0 auto; } #CMD .section__green { overflow: hidden; padding-top: 55px; background: #fff; } #CMD .section__green .wd__content .content__info { width: 101%; } #CMD .section__green .img__green { position: relative; left: 50%; margin-top: 112px; margin-left: -360px; width: 720px; height: 295px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/small/1x/s14.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__green .img__green { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/small/2x/s14.jpg"); } } @media all and (max-width: 720px) { #CMD .section__green .img__green .img-award { position: absolute; margin-top: -100px; margin-left: -137px; width: 274px; height: 76px; } #CMD .section__service { overflow: hidden; padding-top: 65px; margin-top: 0px; background: #fff; } #CMD .section__service .img__service { position: relative; left: 50%; overflow: hidden; margin-top: 60px; margin-left: -360px; height: 250px; background-image: none; } #CMD .section__service .img__service .img-bg-parallax { transition: -webkit-transform 500ms ease-out; transition: transform 500ms ease-out; transition: transform 500ms ease-out, -webkit-transform 500ms ease-out; position: absolute; top: 0; left: 0; width: 720px; height: 332px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/small/1x/s15.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__service .img__service .img-bg-parallax { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/small/2x/s15.jpg"); } } @media all and (max-width: 720px) { #CMD .section__service .grid-content { width: 89.2%; margin: -50px auto 50px; } #CMD .section__service .grid-content .grid { width: 100%; max-width: 414px; opacity: 0; margin: 6px auto; padding: 25px 30px 35px; -webkit-transform: translate3d(0px, 30px, 0px); transform: translate3d(0px, 30px, 0px); } #CMD .section__service .grid-content .grid .img-icon { width: 90px; height: 74px; } #CMD .section__service .grid-content .grid .grid-title { font-size: 20px; margin: 12px 0 5px; } #CMD .section__service .grid-content .grid .grid-info { font-size: 17px; } #CMD .section__service .grid-content.js-animate-active .grid { opacity: 1; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } #CMD .section__service .grid-content.js-animate-active .grid.grid-1 { transition: opacity 500ms 150ms ease, -webkit-transform 600ms 150ms ease; transition: transform 600ms 150ms ease, opacity 500ms 150ms ease; transition: transform 600ms 150ms ease, opacity 500ms 150ms ease, -webkit-transform 600ms 150ms ease; } #CMD .section__service .grid-content.js-animate-active .grid.grid-2 { transition: opacity 500ms 300ms ease, -webkit-transform 600ms 300ms ease; transition: transform 600ms 300ms ease, opacity 500ms 300ms ease; transition: transform 600ms 300ms ease, opacity 500ms 300ms ease, -webkit-transform 600ms 300ms ease; } #CMD .section__service .grid-content.js-animate-active .grid.grid-3 { transition: opacity 500ms 450ms ease, -webkit-transform 600ms 450ms ease; transition: transform 600ms 450ms ease, opacity 500ms 450ms ease; transition: transform 600ms 450ms ease, opacity 500ms 450ms ease, -webkit-transform 600ms 450ms ease; } #CMD .section__service .grid-content.js-animate-active .grid.grid-4 { transition: opacity 500ms 600ms ease, -webkit-transform 600ms 600ms ease; transition: transform 600ms 600ms ease, opacity 500ms 600ms ease; transition: transform 600ms 600ms ease, opacity 500ms 600ms ease, -webkit-transform 600ms 600ms ease; } #CMD .section__service .grid-content.js-animate-active .grid.grid-5 { transition: opacity 500ms 750ms ease, -webkit-transform 600ms 750ms ease; transition: transform 600ms 750ms ease, opacity 500ms 750ms ease; transition: transform 600ms 750ms ease, opacity 500ms 750ms ease, -webkit-transform 600ms 750ms ease; } #CMD .section__service .grid-content.js-animate-active .grid.grid-6 { transition: opacity 500ms 900ms ease, -webkit-transform 600ms 900ms ease; transition: transform 600ms 900ms ease, opacity 500ms 900ms ease; transition: transform 600ms 900ms ease, opacity 500ms 900ms ease, -webkit-transform 600ms 900ms ease; } #CMD .inner-view { background: transparent; margin-bottom: 0; } #CMD .inner-view .inner-view-container { position: relative; background: transparent; margin-left: auto; margin-right: auto; max-width: 720px; } #CMD .inner-view .inner-view-container .inner-modal { margin-left: auto; margin-right: auto; width: 100%; max-width: 720px; padding-bottom: 0; } #CMD .inner-view .inner-view-container .inner-modal.modal-thin { background-color: #fff; } #CMD .inner-view .inner-view-container .inner-modal.modal-dual { background-color: #fefefe; } #CMD .inner-view .inner-view-container .inner-modal.modal-battery { background-color: #fff; } #CMD .inner-view .inner-view-container .inner-modal.modal-port { background-color: #fefefe; } #CMD .inner-view .inner-view-container .inner-modal.modal-security { background-color: #fefefe; } #CMD .inner-view .inner-view-container .wd__section { overflow: visible !important; } #CMD .inner-view .inner-view-container .wd__section .wd__content { width: 89.2% !important; } #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 { margin-top: 29px; font-size: 23px; } #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__inner2_1 { padding-top: 30px; background: #1b1b1b; } #CMD #section__inner2_1 .wd__content { position: relative; left: 0%; width: 100%; margin-left: auto; margin-right: auto; } #CMD #section__inner2_1 .wd__content .content__info { width: 100%; } #CMD #section__inner2_1 .wd__feature__list { width: 100%; max-width: 400px; margin-left: auto; margin-right: auto; } #CMD #section__inner2_1 .wd__feature__list .wd__feature.feature-1 .text__long-en { font-size: 37.8px; line-height: 44px; margin-bottom: 3px; } #CMD #section__inner2_1 .img__inner2_1 { position: relative; left: 50%; margin-top: -170px; margin-left: -360px; width: 720px; height: 513px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/small/1x/inner/s2/01_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__inner2_1 .img__inner2_1 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/small/2x/inner/s2/01_bg.jpg"); } } @media all and (max-width: 720px) { #CMD #section__inner2_2 { padding-top: 0px; height: auto; background: #fff; } #CMD #section__inner2_2 .wd__content { position: relative; left: 0%; width: 100%; margin-left: auto; margin-right: auto; } #CMD #section__inner2_2 .wd__content .content__title { color: #1c1b19; } #CMD #section__inner2_2 .wd__content .content__info { width: 100%; color: #1c1b19; } #CMD #section__inner2_2 .wd__feature__list .wd__feature .wd__feature__describe { color: #fff; } #CMD #section__inner2_2 .img__inner2_2 { position: relative; left: 50%; margin-top: 68px; margin-left: -360px; width: 720px; height: 228px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/small/1x/inner/s2/02_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__inner2_2 .img__inner2_2 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/small/2x/inner/s2/02_bg.jpg"); } } @media all and (max-width: 720px) { #CMD #section__inner2_2 .img__inner2_2 .model-seperate { -webkit-transform: scale(0.4); transform: scale(0.4); top: 200px; } #CMD #section__inner2_2 .img__inner2_2 .model-seperate .img-case { top: 0 !important; margin-left: -442px; } #CMD #section__inner2_3 { padding-top: 0px; margin-top: 165px; background: #fff; } #CMD #section__inner2_3 .wd__content { position: relative; left: 0%; width: 100%; margin-left: auto; margin-right: auto; } #CMD #section__inner2_3 .wd__content .content__title { color: #1c1b19; } #CMD #section__inner2_3 .wd__content .content__info { width: 100%; color: #1c1b19; } #CMD #section__inner2_3 .wd__feature__list .wd__feature .wd__feature__describe { color: #333; } #CMD #section__inner2_3 .img__inner2_3 { position: relative; left: 50%; margin-top: -200px; margin-left: -360px; margin-bottom: 0; width: 720px; height: 616px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/small/1x/inner/s2/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__inner2_3 .img__inner2_3 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/small/2x/inner/s2/03_bg.jpg"); } } @media all and (max-width: 720px) { #CMD #section__inner3_1 { padding-top: 30px; background: #fff; } #CMD #section__inner3_1 .wd__content { position: relative; left: 0%; width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; } #CMD #section__inner3_1 .wd__content .content__info { width: 100%; } #CMD #section__inner3_1 .wd__feature__list .wd__feature .wd__feature__describe { color: #1c1b19; } #CMD #section__inner3_1 .img__inner3_1 { position: relative; left: 50%; margin-top: -310px; margin-left: -360px; width: 720px; height: 573px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/small/1x/inner/s3/01_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__inner3_1 .img__inner3_1 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/small/2x/inner/s3/01_bg.jpg"); } } @media all and (max-width: 720px) { #CMD #section__inner3_1 .wd__performance__graph { width: 89.2%; max-width: 414px; margin-left: 0px; margin-bottom: 100px; } #CMD #section__inner3_1 .wd__performance__graph .graph-badge { margin-left: -36px; margin-top: -38px; } #CMD #section__inner3_1 .wd__performance__graph .graph__line.line-1 .graph__bar .bar__value { color: #25aae5 !important; font-size: 32px; margin-top: 13px; margin-left: -152px; } #CMD #section__inner3_1 .wd__performance__graph .graph__line.line-1 .graph__bar .bar__value span { font-size: 22px; } #CMD #section__inner3_1 .wd__performance__graph .graph__line .graph__caption { font-size: 17px; letter-spacing: .1px; } #CMD #section__inner3_1 .wd__performance__graph .graph__line .graph__bar .bar__value { margin-top: -9px; margin-left: 12px; font-size: 22px; letter-spacing: 0; } #CMD #section__inner4_1 { padding-top: 30px; background: #000; } #CMD #section__inner4_1 .wd__content { position: relative; left: 0%; width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; } #CMD #section__inner4_1 .wd__content .content__title { color: #fff; } #CMD #section__inner4_1 .wd__content .content__info { width: 100%; color: #fff; } #CMD #section__inner4_1 .wd__feature__list .wd__feature .wd__feature__describe { color: #fff; } #CMD #section__inner4_1 .img__inner4_1 { position: relative; left: 50%; margin-top: -100px; margin-left: -360px; margin-bottom: -20px; width: 720px; height: 497px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/small/1x/inner/s4/01_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__inner4_1 .img__inner4_1 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/small/2x/inner/s4/01_bg.jpg"); } } @media all and (max-width: 720px) { #CMD #section__inner5_1 { overflow: hidden; padding-top: 30px; padding-bottom: 150px; } #CMD #section__inner5_1 .wd__content .content__info { width: 100%; max-width: 720px; } #CMD #section__inner5_1 .sub__section { margin: 72px auto 0; padding-top: 30px; padding-bottom: 51px; width: 100%; max-width: 600px; } #CMD #section__inner5_1 .sub__section .wd__performance__graph .graph__line .graph__caption { font-size: 16px; } #CMD #section__inner5_1 .sub__section .wd__performance__graph .graph__line .graph__bar .bar__value .space-left-m { padding-left: 1px; font-family: "Myriad W01_n2", "Myriad W01", "Segoe UI", sans-serif !important; font-weight: 200; font-style: normal; } #CMD #section__inner5_1 .sub__section .wd__content { width: 89%; } #CMD #section__inner5_1 .sub__section.sub__section-1 .wd__performance__graph { left: 0; margin-top: 41px; } #CMD #section__inner5_1 .sub__section.sub__section-1 .wd__performance__graph .graph__line .graph__bar .bar__value { width: 150px; } #CMD #section__inner5_1 .sub__section.sub__section-2 .img__main { margin-top: 45px; margin-left: -153px; width: 306px; height: 63px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/small/1x/inner/s5/wifi.png") ; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { #CMD #section__inner5_1 .sub__section.sub__section-2 .img__main { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/small/2x/inner/s5/wifi.png"); } } @media all and (max-width: 720px) { #CMD #section__inner5_1 .sub__section.sub__section-2 .img__main .chart__text { margin-top: -13px; margin-left: -154px; font-size: 40px; } #CMD #section__inner5_1 .sub__section.sub__section-3 { margin-bottom: -20px; } #CMD #section__inner5_1 .sub__section.sub__section-3 .wd__performance__graph { left: 0; margin-top: 41px; } #CMD #section__inner5_1 .sub__section.sub__section-3 .wd__performance__graph .graph__line .graph__bar .bar__value { width: 150px; } #CMD #section__inner12_1 { overflow: hidden; padding-top: 0px; background: #fff; } #CMD #section__inner12_1 .wd__content { position: absolute; margin-top: 180px; width: 89.2%; left: 50%; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); transform: translateX(-50%); max-width: 520px; } #CMD #section__inner12_1 .wd__content .content__title { color: #fff; } #CMD #section__inner12_1 .wd__content .content__info { color: #fff; width: 100%; } #CMD #section__inner12_1 .img__inner12_1 { -webkit-transform: scale(0.75); transform: scale(0.75); margin-top: -140px; margin-bottom: -160px; } #CMD #section__inner12_2 { overflow: hidden !important; padding-top: 60px; margin-top: 0; background: #fff; } #CMD #section__inner12_2 .wd__content { position: relative; left: 0%; width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; } #CMD #section__inner12_2 .wd__content .content__info { width: 80%; } #CMD #section__inner12_2 .img__inner12_2 { position: relative; left: 50%; margin-top: -150px; margin-left: -360px; margin-bottom: 0px; width: 720px; height: 573px; background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/small/1x/inner/s12/02_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__inner12_2 .img__inner12_2 { background-image: url("/websites/global/products/ugrin67gx0x7rj5h/v3/features/images/small/2x/inner/s12/02_bg.jpg"); } } @media all and (min-width: 1px) and (max-width: 720px) { #CMD .product_price.active { margin-bottom: 5px; padding-top: 31px; } #CMD .product_pdguide.active { padding-top: 12px; text-align: center; } #CMD .product_medias .slick-prev, #CMD .product_medias .slick-next { display: inline-block !important; } #CMD .product_videos.active { padding-top: 0; margin-top: 0; } #CMD .product_videos.active .slick-arrow { display: block !important; background-color: rgba(0, 0, 0, 0.3); } #CMD .product_videos.active .slick-arrow.slick-prev { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF4AAAC8CAYAAADxXhnnAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKTWlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVN3WJP3Fj7f92UPVkLY8LGXbIEAIiOsCMgQWaIQkgBhhBASQMWFiApWFBURnEhVxILVCkidiOKgKLhnQYqIWotVXDjuH9yntX167+3t+9f7vOec5/zOec8PgBESJpHmomoAOVKFPDrYH49PSMTJvYACFUjgBCAQ5svCZwXFAADwA3l4fnSwP/wBr28AAgBw1S4kEsfh/4O6UCZXACCRAOAiEucLAZBSAMguVMgUAMgYALBTs2QKAJQAAGx5fEIiAKoNAOz0ST4FANipk9wXANiiHKkIAI0BAJkoRyQCQLsAYFWBUiwCwMIAoKxAIi4EwK4BgFm2MkcCgL0FAHaOWJAPQGAAgJlCLMwAIDgCAEMeE80DIEwDoDDSv+CpX3CFuEgBAMDLlc2XS9IzFLiV0Bp38vDg4iHiwmyxQmEXKRBmCeQinJebIxNI5wNMzgwAABr50cH+OD+Q5+bk4eZm52zv9MWi/mvwbyI+IfHf/ryMAgQAEE7P79pf5eXWA3DHAbB1v2upWwDaVgBo3/ldM9sJoFoK0Hr5i3k4/EAenqFQyDwdHAoLC+0lYqG9MOOLPv8z4W/gi372/EAe/tt68ABxmkCZrcCjg/1xYW52rlKO58sEQjFu9+cj/seFf/2OKdHiNLFcLBWK8ViJuFAiTcd5uVKRRCHJleIS6X8y8R+W/QmTdw0ArIZPwE62B7XLbMB+7gECiw5Y0nYAQH7zLYwaC5EAEGc0Mnn3AACTv/mPQCsBAM2XpOMAALzoGFyolBdMxggAAESggSqwQQcMwRSswA6cwR28wBcCYQZEQAwkwDwQQgbkgBwKoRiWQRlUwDrYBLWwAxqgEZrhELTBMTgN5+ASXIHrcBcGYBiewhi8hgkEQcgIE2EhOogRYo7YIs4IF5mOBCJhSDSSgKQg6YgUUSLFyHKkAqlCapFdSCPyLXIUOY1cQPqQ28ggMor8irxHMZSBslED1AJ1QLmoHxqKxqBz0XQ0D12AlqJr0Rq0Hj2AtqKn0UvodXQAfYqOY4DRMQ5mjNlhXIyHRWCJWBomxxZj5Vg1Vo81Yx1YN3YVG8CeYe8IJAKLgBPsCF6EEMJsgpCQR1hMWEOoJewjtBK6CFcJg4Qxwicik6hPtCV6EvnEeGI6sZBYRqwm7iEeIZ4lXicOE1+TSCQOyZLkTgohJZAySQtJa0jbSC2kU6Q+0hBpnEwm65Btyd7kCLKArCCXkbeQD5BPkvvJw+S3FDrFiOJMCaIkUqSUEko1ZT/lBKWfMkKZoKpRzame1AiqiDqfWkltoHZQL1OHqRM0dZolzZsWQ8ukLaPV0JppZ2n3aC/pdLoJ3YMeRZfQl9Jr6Afp5+mD9HcMDYYNg8dIYigZaxl7GacYtxkvmUymBdOXmchUMNcyG5lnmA+Yb1VYKvYqfBWRyhKVOpVWlX6V56pUVXNVP9V5qgtUq1UPq15WfaZGVbNQ46kJ1Bar1akdVbupNq7OUndSj1DPUV+jvl/9gvpjDbKGhUaghkijVGO3xhmNIRbGMmXxWELWclYD6yxrmE1iW7L57Ex2Bfsbdi97TFNDc6pmrGaRZp3mcc0BDsax4PA52ZxKziHODc57LQMtPy2x1mqtZq1+rTfaetq+2mLtcu0W7eva73VwnUCdLJ31Om0693UJuja6UbqFutt1z+o+02PreekJ9cr1Dund0Uf1bfSj9Rfq79bv0R83MDQINpAZbDE4Y/DMkGPoa5hpuNHwhOGoEctoupHEaKPRSaMnuCbuh2fjNXgXPmasbxxirDTeZdxrPGFiaTLbpMSkxeS+Kc2Ua5pmutG003TMzMgs3KzYrMnsjjnVnGueYb7ZvNv8jYWlRZzFSos2i8eW2pZ8ywWWTZb3rJhWPlZ5VvVW16xJ1lzrLOtt1ldsUBtXmwybOpvLtqitm63Edptt3xTiFI8p0in1U27aMez87ArsmuwG7Tn2YfYl9m32zx3MHBId1jt0O3xydHXMdmxwvOuk4TTDqcSpw+lXZxtnoXOd8zUXpkuQyxKXdpcXU22niqdun3rLleUa7rrStdP1o5u7m9yt2W3U3cw9xX2r+00umxvJXcM970H08PdY4nHM452nm6fC85DnL152Xlle+70eT7OcJp7WMG3I28Rb4L3Le2A6Pj1l+s7pAz7GPgKfep+Hvqa+It89viN+1n6Zfgf8nvs7+sv9j/i/4XnyFvFOBWABwQHlAb2BGoGzA2sDHwSZBKUHNQWNBbsGLww+FUIMCQ1ZH3KTb8AX8hv5YzPcZyya0RXKCJ0VWhv6MMwmTB7WEY6GzwjfEH5vpvlM6cy2CIjgR2yIuB9pGZkX+X0UKSoyqi7qUbRTdHF09yzWrORZ+2e9jvGPqYy5O9tqtnJ2Z6xqbFJsY+ybuIC4qriBeIf4RfGXEnQTJAntieTE2MQ9ieNzAudsmjOc5JpUlnRjruXcorkX5unOy553PFk1WZB8OIWYEpeyP+WDIEJQLxhP5aduTR0T8oSbhU9FvqKNolGxt7hKPJLmnVaV9jjdO31D+miGT0Z1xjMJT1IreZEZkrkj801WRNberM/ZcdktOZSclJyjUg1plrQr1zC3KLdPZisrkw3keeZtyhuTh8r35CP5c/PbFWyFTNGjtFKuUA4WTC+oK3hbGFt4uEi9SFrUM99m/ur5IwuCFny9kLBQuLCz2Lh4WfHgIr9FuxYji1MXdy4xXVK6ZHhp8NJ9y2jLspb9UOJYUlXyannc8o5Sg9KlpUMrglc0lamUycturvRauWMVYZVkVe9ql9VbVn8qF5VfrHCsqK74sEa45uJXTl/VfPV5bdra3kq3yu3rSOuk626s91m/r0q9akHV0IbwDa0b8Y3lG19tSt50oXpq9Y7NtM3KzQM1YTXtW8y2rNvyoTaj9nqdf13LVv2tq7e+2Sba1r/dd3vzDoMdFTve75TsvLUreFdrvUV99W7S7oLdjxpiG7q/5n7duEd3T8Wej3ulewf2Re/ranRvbNyvv7+yCW1SNo0eSDpw5ZuAb9qb7Zp3tXBaKg7CQeXBJ9+mfHvjUOihzsPcw83fmX+39QjrSHkr0jq/dawto22gPaG97+iMo50dXh1Hvrf/fu8x42N1xzWPV56gnSg98fnkgpPjp2Snnp1OPz3Umdx590z8mWtdUV29Z0PPnj8XdO5Mt1/3yfPe549d8Lxw9CL3Ytslt0utPa49R35w/eFIr1tv62X3y+1XPK509E3rO9Hv03/6asDVc9f41y5dn3m978bsG7duJt0cuCW69fh29u0XdwruTNxdeo94r/y+2v3qB/oP6n+0/rFlwG3g+GDAYM/DWQ/vDgmHnv6U/9OH4dJHzEfVI0YjjY+dHx8bDRq98mTOk+GnsqcTz8p+Vv9563Or59/94vtLz1j82PAL+YvPv655qfNy76uprzrHI8cfvM55PfGm/K3O233vuO+638e9H5ko/ED+UPPR+mPHp9BP9z7nfP78L/eE8/sl0p8zAAA6MWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMwNjcgNzkuMTU3NzQ3LCAyMDE1LzAzLzMwLTIzOjQwOjQyICAgICAgICAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIgogICAgICAgICAgICB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIgogICAgICAgICAgICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgICAgICAgICAgIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOmV4aWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vZXhpZi8xLjAvIj4KICAgICAgICAgPHhtcDpDcmVhdG9yVG9vbD5BZG9iZSBQaG90b3Nob3AgQ0MgMjAxNSAoV2luZG93cyk8L3htcDpDcmVhdG9yVG9vbD4KICAgICAgICAgPHhtcDpDcmVhdGVEYXRlPjIwMTYtMDYtMjdUMTg6NTg6NDYrMDg6MDA8L3htcDpDcmVhdGVEYXRlPgogICAgICAgICA8eG1wOk1ldGFkYXRhRGF0ZT4yMDE2LTA2LTI3VDE4OjU4OjQ2KzA4OjAwPC94bXA6TWV0YWRhdGFEYXRlPgogICAgICAgICA8eG1wOk1vZGlmeURhdGU+MjAxNi0wNi0yN1QxODo1ODo0NiswODowMDwveG1wOk1vZGlmeURhdGU+CiAgICAgICAgIDx4bXBNTTpJbnN0YW5jZUlEPnhtcC5paWQ6ZTE3ZTlkYmUtNTVhNy04MzQzLWI4MzctNGU2ZDEzOTdjNzc4PC94bXBNTTpJbnN0YW5jZUlEPgogICAgICAgICA8eG1wTU06RG9jdW1lbnRJRD5hZG9iZTpkb2NpZDpwaG90b3Nob3A6MTNmMDQxZjUtM2M1Ni0xMWU2LTg0ZDYtY2QzMmJlNDQyNDRlPC94bXBNTTpEb2N1bWVudElEPgogICAgICAgICA8eG1wTU06T3JpZ2luYWxEb2N1bWVudElEPnhtcC5kaWQ6MWFlMTU0YWMtZjk4ZS0zOTQ4LTkyMDItNDVhNzg1ZGY2MWViPC94bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ+CiAgICAgICAgIDx4bXBNTTpIaXN0b3J5PgogICAgICAgICAgICA8cmRmOlNlcT4KICAgICAgICAgICAgICAgPHJkZjpsaSByZGY6cGFyc2VUeXBlPSJSZXNvdXJjZSI+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDphY3Rpb24+Y3JlYXRlZDwvc3RFdnQ6YWN0aW9uPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6aW5zdGFuY2VJRD54bXAuaWlkOjFhZTE1NGFjLWY5OGUtMzk0OC05MjAyLTQ1YTc4NWRmNjFlYjwvc3RFdnQ6aW5zdGFuY2VJRD4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OndoZW4+MjAxNi0wNi0yN1QxODo1ODo0NiswODowMDwvc3RFdnQ6d2hlbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OnNvZnR3YXJlQWdlbnQ+QWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpPC9zdEV2dDpzb2Z0d2FyZUFnZW50PgogICAgICAgICAgICAgICA8L3JkZjpsaT4KICAgICAgICAgICAgICAgPHJkZjpsaSByZGY6cGFyc2VUeXBlPSJSZXNvdXJjZSI+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDphY3Rpb24+c2F2ZWQ8L3N0RXZ0OmFjdGlvbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0Omluc3RhbmNlSUQ+eG1wLmlpZDplMTdlOWRiZS01NWE3LTgzNDMtYjgzNy00ZTZkMTM5N2M3Nzg8L3N0RXZ0Omluc3RhbmNlSUQ+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDp3aGVuPjIwMTYtMDYtMjdUMTg6NTg6NDYrMDg6MDA8L3N0RXZ0OndoZW4+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDpzb2Z0d2FyZUFnZW50PkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChXaW5kb3dzKTwvc3RFdnQ6c29mdHdhcmVBZ2VudD4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OmNoYW5nZWQ+Lzwvc3RFdnQ6Y2hhbmdlZD4KICAgICAgICAgICAgICAgPC9yZGY6bGk+CiAgICAgICAgICAgIDwvcmRmOlNlcT4KICAgICAgICAgPC94bXBNTTpIaXN0b3J5PgogICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3BuZzwvZGM6Zm9ybWF0PgogICAgICAgICA8cGhvdG9zaG9wOkNvbG9yTW9kZT4zPC9waG90b3Nob3A6Q29sb3JNb2RlPgogICAgICAgICA8cGhvdG9zaG9wOklDQ1Byb2ZpbGU+c1JHQiBJRUM2MTk2Ni0yLjE8L3Bob3Rvc2hvcDpJQ0NQcm9maWxlPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICAgICA8dGlmZjpYUmVzb2x1dGlvbj43MjAwMDAvMTAwMDA8L3RpZmY6WFJlc29sdXRpb24+CiAgICAgICAgIDx0aWZmOllSZXNvbHV0aW9uPjcyMDAwMC8xMDAwMDwvdGlmZjpZUmVzb2x1dGlvbj4KICAgICAgICAgPHRpZmY6UmVzb2x1dGlvblVuaXQ+MjwvdGlmZjpSZXNvbHV0aW9uVW5pdD4KICAgICAgICAgPGV4aWY6Q29sb3JTcGFjZT4xPC9leGlmOkNvbG9yU3BhY2U+CiAgICAgICAgIDxleGlmOlBpeGVsWERpbWVuc2lvbj45NDwvZXhpZjpQaXhlbFhEaW1lbnNpb24+CiAgICAgICAgIDxleGlmOlBpeGVsWURpbWVuc2lvbj4xODg8L2V4aWY6UGl4ZWxZRGltZW5zaW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAKPD94cGFja2V0IGVuZD0idyI/Po5d2ZgAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAEPhJREFUeNrsnftbVEcSht+Z4eItq0nURIk3UIKaIN6y//9vu2tQoustiaIGUPEKogIzzNkf+qvtmhGjeM4wt+7nmQcQ1jXvFF9Xf1Vdp5RlGWm1fJWABtADiUnLVlnAcdCzBL51qwIMAzuBQcFeB1b1sQ5kCXzxkrIDOAAcBPYAG8ArYBFY0huQIr5g6LuB74FxYAz4GngHPFCkrwJrKeKLXTsV5T8CF4DTwF7gheTmCfA0aXyxkb5TkX4GuARcBI5pg7U3peI32HLilnsNAfslLxeBX/QGHNT3l6XxK9pcSeCLgX7QQb8siflGWj4H3AVmgWfS+BTxOdeAAI8B5/Q6KV1/C9wHftPrHvASqCaNz7cGJS8ntZFeBE4BX0laZoFpvW4Dj5Xd1BP4fAekfcAJ4Lzk5Yyi/x3wEJgB/gPcFPQVDz2B/7JI/xoYFfRfgJ+A76Tfc4J+Bbihr1eafZqk8Vv3Xv4BHAcmJTFnBD1TZN8S+FvA/Megp4jfWq6+T7n5pHL1s8poaoJ+A7gmeZkD3nwMegL/+Ws3MCJZuQj8DByWbi8A/wV+1cdPQk/gPy/S9zjolxTxP+h7C4r0K8BVZTMvCcbYJ3UrrY+z2S3IBn0KOKpN9plSxWnl6rPA68+BniL+75dF+qRSxgvaWIcJFu8dRfk14A/ZAhtbeVfT+nANa+OckKZfUN6+g+A23hXw61uN9BTxn/ZfzN6daoJ+R/JyVZH+bKvQE/jND0gHCKaX+S8nCLbuK2n6r4L+O/D8S6An8I3LSnYmL95/eaPonpYVcJdQ1FjPs3OnFSP9R2Uv3n95Lx2fka7f1ea6nuf/MEV8YGCFDA/9W/kvD7WJXisi0lPEh+WdxknJy2m9EWsu0q8K+rMioPd7xA8KuhUyzktqvnXQp4F/yQr4i1DgIIHPF+lf60B0TmmjQa9KXq5pI70ua2DlU/5LAv/p/2aTl3PS9J+ITuOCYF/Rx0eEAkdW9D+in1ZJ6eERgsN4WQekw4I+TzC9piUv80XKS79urh662bvnCKbXkE6ltxTpM5Kb5Vb9Y8p9BN1MrzPS9LOK9IpSxFvKXq4TWu6WaaqTJqnZenDtIdq7lxXpI3pD5glVo38J/D226DQm8Juv3cAhYnvdlDbWQZ1Ab8l/uUbohXndauj9IDVWsjtL9NTHgF2ElunfiabXH9L52nb9Gvbq2kFsrzN7d0xvxpJAz0jTTV5q2/WP61Xww4S2C/PUzzvoy4r0aWL16HlRVkA/a7y1151SlE9K0/cI+h+SlqsO+lo7TnG9tHz3rvWpn1T+vqTNc1q6fltp5Lt2HZ97KdK/EWjrU58gdO+uCPo1Qb+jjOZ9O32LXon0b4ndu9bTuF/Q/yK0YEwrZ19olRXQT5vrgKLaPPUpGp3GOfkuM4r0J+2Sl16K+DLRaZySrk8Qb9tZ965FurXXkcDng+6dxouSlwNKDa297j8O+kon/Zp246pIXo4QO70mdUqtCfJv2khnCJ76Ei00vfpB481pPEosZJwjmGADysut0+tGJ0Lv1oj/ykH/pz4e0W/BovLzGUF/ICug40aUdBv4nQSn8bTSRitkVJSt3NaJ9AahkLHUidC7DfwuQT+rjXTSycuiNlBzGv9kG53GXgZvkW7VoynCtZghafptZS/XugF6t4C3QoZVj7yn/oroNE4TTa9ap/9HdTp439PoG0n36CB0j0ZP/UU3QO/0dNK3TF/Qy7p3Vxz0a4r6Z7gr6yniv/zfZaaXtdd56N5T7zronQp+WNBPEecEjMuTeafN81fg39pUF+gA06vbwVeIEzEuEE0vayR9QPTUb9IhTmO3g7c5Ab6QcYbgqa/Lf7mu7OWWIn2VLl2dsrmWCHMCjhGcxktKH7+Xx+ILGbcV6V0LvVPA2+WAo4J9XpF+SN+37t1/E53GN3T5KndApPtG0vPS9IOEbi7r3v1VEW/Qu34u70Cb3/R/EKpH1jI9SRzOMEcsZMwQbmgs9wL0doP3EzH+qWg/ou89VtZypdcivZ1SYxNJ/XCGC8pmdhOaRu8Q+9StkbROD612gDencULAf1akDxFGjtx1/ovNCajRY2ugDdBHCIWMSzRWj6yQYfaumV5VenBtJ3jr3t1sOMMzYsv0tGyBV70KfTvB79Bh6DTR3rWextcE0+uKoN+hTY2kvabx1l5nY2DNf9lHnEh6XdnLn/0AfTvAD9HoqV+S1HyjI/+sgM9Iap72A/RWg7fZu6M0zt7dR3AUbfauL2T0BfRWarxNxDjpIn1cJ9UVHYimpes3+cRwzAT+85a111kjqV1ZN3l5pEg36NYy3VfPRRpokbwcJ7bXTSqjWVVkG/Tr/M3s3aTxW/u7viKOgb1IaD4ye9cOSL/p43y/Qi864j10k5fvCfbuY+LlgJuEwsYyfbyKAr+LeJHX2utGFM12I8PP3l2hz1de8M2zdy87/6XM5rN3u6bpqFM13uxdD32KOIbEehpt9u59gvvY99DzRrxFumUvfgysvxwwQ5wTsJGQ54t4u8jrZ++O8uHs3RuSl1cJev6IH6JxToAfA/uSOHvXune7rr2uE8FvNnt3lNgyfZfG2buFzWnsZ/Cbzd4dJ87e/ZM4J+Cucve1hDgf+M3GwE7w4ezdGeIY2AQ9J3iDfor4PLuzNJpe1yUvdmV9NaHNl9X4K+v27CPfvTsr4Faye5qg5494P3t36iPQbfbuDQqevduv4MsET/04cfbuhCSnKsg2e/c3+txpLAr8xwoZ1jL9mDh7166sv0so84E308va634hzt713bs2hmQ+Qc+/ufoxJDZ7d5JG0+smsXv3AeHKelpfGPElGu3ds8TZu4f0hthE0qvEp3y1dPZuP4AfUETblfXLxJbpEvFxmdbTeJ9kehUCfqckZlR6PqXPB5SX+wdOfdFTvtLaXON3KzcfVcSP6VRa1eZpT4QxpzEVMgoCv0MRf1Ap4z5F+6pAz+kNSNWjFloGmWSkrs9L+pn0oK4WgF/TqXORUJx+oT+zfvZj2mj3y0ZIq6DN9a3egPuCu0eRvlPA3+qN2NDP9VVzaSvBvxfU+4ryXUovTxBKfEMu30c/+5xUzssNvqpN84kielB+zQDBgz/krIW6frZEqqXmBp/ptSKNH9Rrh16jkqAJZTpr+vlaynTygcdJyDLB8vV2QkYwzfYSOgvq+s2oE6/OJOsgB3hLJ98od7ffhrqi/Adpvr0hNb2qdOAk024Dj2C+lj1Qa9L1UYKRVtZvSE0fH9KjF4G3E7xtosuEIkfJnXB3EapShxTp6wJfokevvm83eNP8JcGvCPyw/jeHZC/87A5imYOfSoA5wHvN/0vgBwS5Jr0fcdDX9aqS+t9zg8eljfdc6rlBqFKN6FUXdNP8eXpotky7wJvsvJKUeJ9nkFCPPUI01yzdfKTIT5qfAzyK6Ocuiq1yZd3DJ/TnJe0JJeJdpwQ/B3gf+bPaaO1V0en2mH7Gp5pVUqNTbvAI5HOdWivu7zhNqFwdcYcrewPmE/z84G3DfUEoB5bdpmsDIo65g9e623BTX2VO8BDs5CcCvOH03dq3R53s2Peeklr9coO3DfeZPh9seu0lFM7rTZnQHKn7rJALxmuEsuGg/j77aLdFThGbpsxce0wbH3DYK+B95P+u9LKi6D5FGJVykujhWxlxgT4upBQ5y8AKKeUmebGB+2NEG9ns5mf9uuEWPTblnWSk7qSlrIi3yG+2mp/QhzcDiwZvplq16YRb0cl2n1JO+9mKPvZd5LdiQlOmjfMx0U42C+GEUs0JJzdmrj3tJ2uhlXMn3+rQNOhSSYv8bwW/5sDXZEfUEvhiNH+eaJxZO+BxRf44sXNhnTjhYyOBz7fqhCrWhrMVrDHqGMFYO+1AD9DjM4W3C7zBt86FsttsKwRD7bCToYrT/p5uG9mu2cIZjfXbig5ag4S2kR+IHWx1l2525LNYuwm8wV9R5A8SfHzT/COEEqKdgteIPZ1vejHyt3t+vO/ZweX7JcLtQnte63vBL+m3ZLnXsp12PCOkJtmZVURbMcW3jfzkTrYZoYTYU7LTDvDWCmIzyvzNQ4hVrJL795WITVb1BD5/trNMaP8zzc+UXh4imGqDbqOtOs1P4AuQnVeE+m3Z6fiwNlurYlkPv8lO11exOuEhi1UHP5Pk7CQ+XvSITsDrxDKjTQtJ4HNKzhrBoaw7zS8TnEx7+GLmNlsrIb7tVs3vpMeKWuTfI7qZNfk53xC8/IqTGKtirSTw+dca0R42T6ci2TH4HjzE0S1ZAp8f/nNCz45ZC0MEG/lrZTsbxH6dKqGK9T6Bz79WCZ0LVjq0MuIE4R7uKI2dahAKL6sJfHHwzc8x3T/p4PtbKTW6qITYyeDrylqe6Gs/T8GemnaS2BZu+4GNYMwS+HzrvWBWnI1gJcT9RHs5c4eyRTq8c6EbwNeJPTuZAz+gPP97gd9wm25Ghz+6rhvA23on2bHZCsOEDgZ7mtop/XaYzFgVq5rA5498KyGa5JhreVQn3HF97Q9aHTlVqpvA21rRoansvJs1wT9IbJq1TGedDpyj1o3g7f6tQc9cZnOS4Gp68DXiELtqAl/MhjvncvwdhMF2NmfnjPTeYHfU2MZuBW+Rb9NGmm+eHyY83eGsOwNYX8/LTsjxuxk8NHYubHbz/BCNN8+rer1pN/xuB28HJrv83Hzz3NpGMmLpMCN0LrR11EsvgDfZeU1sGzF5GSI0Sx0hjnREaegsbezZ6RXwEDsXMnfCHSbOTT5O410siHN2sgS+mMh/QLx1bifdA8SZC75roS3TRnoNPAL5glhCtBPuaULx/DCxa8FaR+bY5raRXgRvkf+SeO3fNlx7zslRdwCr6vO/5PVkCXy+tUqwkzMX3ZmynQOEQoqdek33F7Yr1exl8CY7dvO8QpynOUS89l+n8dLEQ7bh5nmvg7dsZ3ET8OOEa/+jTRFu00beJfDFRL6Nehl2p9lxgp086iTpvX5+gRZWsfoFPIrgBbf51h18i/wqwWK27y3SoraRfgIPjaNe/M1zG3gx1rQRl2lR20i/gYfQufDYgbdc30qIP7o3xFLRp0VHfj+Ct1Rz0dkKdvFtlHjz3Bpk7QL0Ywr08vsVvEX+gjvZWsfamCJ/nDjmpepOxLUEPt/KiNNGoLFVcFQb7imBt5vnGfEKUQKfY9nN86r72qL/uGTHbp7btJE/KODmeb+DN9hviW0j1qUwQLgQ8V1TBmQZz/M8kZ/AR9mx+u1A06Zr92/LNE6fqpNj4EUC/+GGa6NehpzuHyW0Cvqp4TZb7TVfUMVK4BuXLyF6VxMnO2dcpoN+dmmr2U4C/+Gym+cPnIzYYWrEwa85mXoo2akn8Pnhv3JRbVeCSgQvf4TGqeFmur3+XM1P4P8+27GnRVhncon4ZOfjjt+GO+EuJfDFZDum+RX9WUnRP0IcXm0bbl0S9SaBL3bDtTzfiin7CcVz69O0Jtk5PnHtP4H/vGUjfP2NlDLBTNtLaJryVvMAoVvtow1TCfzWN9x7DnyNYCPvJ5hrFZf7byjylxP4/GvNRb69ytp8DxI8fctwLLuxh9Qk8AXIznMah9r5zoUTxE41u5FiY9vrCXy+TMdm5tMkL6cJxfPjTdZCnaaZ+Ql8PtmxmQv+gfI26mVM4N+6l/0WJPA5I795bLvl+eOEB1IeJhhsj7TRLiXwxS1fvzXdrwv6e+f1lN2bk8AXGPlPiAXyVXeqnSX256TNtQXLZi7Y548U5YvuJPt/A62UZekBlAWuMmGQ3V5Cg1RFvw3LNA60SxFf8DLDbEWbaFlfm4/z/yj/3wDjT56yQin9ZwAAAABJRU5ErkJggg=="); } #CMD .product_videos.active .slick-arrow.slick-next { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF4AAAC8CAYAAADxXhnnAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKTWlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVN3WJP3Fj7f92UPVkLY8LGXbIEAIiOsCMgQWaIQkgBhhBASQMWFiApWFBURnEhVxILVCkidiOKgKLhnQYqIWotVXDjuH9yntX167+3t+9f7vOec5/zOec8PgBESJpHmomoAOVKFPDrYH49PSMTJvYACFUjgBCAQ5svCZwXFAADwA3l4fnSwP/wBr28AAgBw1S4kEsfh/4O6UCZXACCRAOAiEucLAZBSAMguVMgUAMgYALBTs2QKAJQAAGx5fEIiAKoNAOz0ST4FANipk9wXANiiHKkIAI0BAJkoRyQCQLsAYFWBUiwCwMIAoKxAIi4EwK4BgFm2MkcCgL0FAHaOWJAPQGAAgJlCLMwAIDgCAEMeE80DIEwDoDDSv+CpX3CFuEgBAMDLlc2XS9IzFLiV0Bp38vDg4iHiwmyxQmEXKRBmCeQinJebIxNI5wNMzgwAABr50cH+OD+Q5+bk4eZm52zv9MWi/mvwbyI+IfHf/ryMAgQAEE7P79pf5eXWA3DHAbB1v2upWwDaVgBo3/ldM9sJoFoK0Hr5i3k4/EAenqFQyDwdHAoLC+0lYqG9MOOLPv8z4W/gi372/EAe/tt68ABxmkCZrcCjg/1xYW52rlKO58sEQjFu9+cj/seFf/2OKdHiNLFcLBWK8ViJuFAiTcd5uVKRRCHJleIS6X8y8R+W/QmTdw0ArIZPwE62B7XLbMB+7gECiw5Y0nYAQH7zLYwaC5EAEGc0Mnn3AACTv/mPQCsBAM2XpOMAALzoGFyolBdMxggAAESggSqwQQcMwRSswA6cwR28wBcCYQZEQAwkwDwQQgbkgBwKoRiWQRlUwDrYBLWwAxqgEZrhELTBMTgN5+ASXIHrcBcGYBiewhi8hgkEQcgIE2EhOogRYo7YIs4IF5mOBCJhSDSSgKQg6YgUUSLFyHKkAqlCapFdSCPyLXIUOY1cQPqQ28ggMor8irxHMZSBslED1AJ1QLmoHxqKxqBz0XQ0D12AlqJr0Rq0Hj2AtqKn0UvodXQAfYqOY4DRMQ5mjNlhXIyHRWCJWBomxxZj5Vg1Vo81Yx1YN3YVG8CeYe8IJAKLgBPsCF6EEMJsgpCQR1hMWEOoJewjtBK6CFcJg4Qxwicik6hPtCV6EvnEeGI6sZBYRqwm7iEeIZ4lXicOE1+TSCQOyZLkTgohJZAySQtJa0jbSC2kU6Q+0hBpnEwm65Btyd7kCLKArCCXkbeQD5BPkvvJw+S3FDrFiOJMCaIkUqSUEko1ZT/lBKWfMkKZoKpRzame1AiqiDqfWkltoHZQL1OHqRM0dZolzZsWQ8ukLaPV0JppZ2n3aC/pdLoJ3YMeRZfQl9Jr6Afp5+mD9HcMDYYNg8dIYigZaxl7GacYtxkvmUymBdOXmchUMNcyG5lnmA+Yb1VYKvYqfBWRyhKVOpVWlX6V56pUVXNVP9V5qgtUq1UPq15WfaZGVbNQ46kJ1Bar1akdVbupNq7OUndSj1DPUV+jvl/9gvpjDbKGhUaghkijVGO3xhmNIRbGMmXxWELWclYD6yxrmE1iW7L57Ex2Bfsbdi97TFNDc6pmrGaRZp3mcc0BDsax4PA52ZxKziHODc57LQMtPy2x1mqtZq1+rTfaetq+2mLtcu0W7eva73VwnUCdLJ31Om0693UJuja6UbqFutt1z+o+02PreekJ9cr1Dund0Uf1bfSj9Rfq79bv0R83MDQINpAZbDE4Y/DMkGPoa5hpuNHwhOGoEctoupHEaKPRSaMnuCbuh2fjNXgXPmasbxxirDTeZdxrPGFiaTLbpMSkxeS+Kc2Ua5pmutG003TMzMgs3KzYrMnsjjnVnGueYb7ZvNv8jYWlRZzFSos2i8eW2pZ8ywWWTZb3rJhWPlZ5VvVW16xJ1lzrLOtt1ldsUBtXmwybOpvLtqitm63Edptt3xTiFI8p0in1U27aMez87ArsmuwG7Tn2YfYl9m32zx3MHBId1jt0O3xydHXMdmxwvOuk4TTDqcSpw+lXZxtnoXOd8zUXpkuQyxKXdpcXU22niqdun3rLleUa7rrStdP1o5u7m9yt2W3U3cw9xX2r+00umxvJXcM970H08PdY4nHM452nm6fC85DnL152Xlle+70eT7OcJp7WMG3I28Rb4L3Le2A6Pj1l+s7pAz7GPgKfep+Hvqa+It89viN+1n6Zfgf8nvs7+sv9j/i/4XnyFvFOBWABwQHlAb2BGoGzA2sDHwSZBKUHNQWNBbsGLww+FUIMCQ1ZH3KTb8AX8hv5YzPcZyya0RXKCJ0VWhv6MMwmTB7WEY6GzwjfEH5vpvlM6cy2CIjgR2yIuB9pGZkX+X0UKSoyqi7qUbRTdHF09yzWrORZ+2e9jvGPqYy5O9tqtnJ2Z6xqbFJsY+ybuIC4qriBeIf4RfGXEnQTJAntieTE2MQ9ieNzAudsmjOc5JpUlnRjruXcorkX5unOy553PFk1WZB8OIWYEpeyP+WDIEJQLxhP5aduTR0T8oSbhU9FvqKNolGxt7hKPJLmnVaV9jjdO31D+miGT0Z1xjMJT1IreZEZkrkj801WRNberM/ZcdktOZSclJyjUg1plrQr1zC3KLdPZisrkw3keeZtyhuTh8r35CP5c/PbFWyFTNGjtFKuUA4WTC+oK3hbGFt4uEi9SFrUM99m/ur5IwuCFny9kLBQuLCz2Lh4WfHgIr9FuxYji1MXdy4xXVK6ZHhp8NJ9y2jLspb9UOJYUlXyannc8o5Sg9KlpUMrglc0lamUycturvRauWMVYZVkVe9ql9VbVn8qF5VfrHCsqK74sEa45uJXTl/VfPV5bdra3kq3yu3rSOuk626s91m/r0q9akHV0IbwDa0b8Y3lG19tSt50oXpq9Y7NtM3KzQM1YTXtW8y2rNvyoTaj9nqdf13LVv2tq7e+2Sba1r/dd3vzDoMdFTve75TsvLUreFdrvUV99W7S7oLdjxpiG7q/5n7duEd3T8Wej3ulewf2Re/ranRvbNyvv7+yCW1SNo0eSDpw5ZuAb9qb7Zp3tXBaKg7CQeXBJ9+mfHvjUOihzsPcw83fmX+39QjrSHkr0jq/dawto22gPaG97+iMo50dXh1Hvrf/fu8x42N1xzWPV56gnSg98fnkgpPjp2Snnp1OPz3Umdx590z8mWtdUV29Z0PPnj8XdO5Mt1/3yfPe549d8Lxw9CL3Ytslt0utPa49R35w/eFIr1tv62X3y+1XPK509E3rO9Hv03/6asDVc9f41y5dn3m978bsG7duJt0cuCW69fh29u0XdwruTNxdeo94r/y+2v3qB/oP6n+0/rFlwG3g+GDAYM/DWQ/vDgmHnv6U/9OH4dJHzEfVI0YjjY+dHx8bDRq98mTOk+GnsqcTz8p+Vv9563Or59/94vtLz1j82PAL+YvPv655qfNy76uprzrHI8cfvM55PfGm/K3O233vuO+638e9H5ko/ED+UPPR+mPHp9BP9z7nfP78L/eE8/sl0p8zAAA6MWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMwNjcgNzkuMTU3NzQ3LCAyMDE1LzAzLzMwLTIzOjQwOjQyICAgICAgICAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIgogICAgICAgICAgICB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIgogICAgICAgICAgICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgICAgICAgICAgIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOmV4aWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vZXhpZi8xLjAvIj4KICAgICAgICAgPHhtcDpDcmVhdG9yVG9vbD5BZG9iZSBQaG90b3Nob3AgQ0MgMjAxNSAoV2luZG93cyk8L3htcDpDcmVhdG9yVG9vbD4KICAgICAgICAgPHhtcDpDcmVhdGVEYXRlPjIwMTYtMDYtMjdUMTg6NTc6MjkrMDg6MDA8L3htcDpDcmVhdGVEYXRlPgogICAgICAgICA8eG1wOk1ldGFkYXRhRGF0ZT4yMDE2LTA2LTI3VDE4OjU3OjI5KzA4OjAwPC94bXA6TWV0YWRhdGFEYXRlPgogICAgICAgICA8eG1wOk1vZGlmeURhdGU+MjAxNi0wNi0yN1QxODo1NzoyOSswODowMDwveG1wOk1vZGlmeURhdGU+CiAgICAgICAgIDx4bXBNTTpJbnN0YW5jZUlEPnhtcC5paWQ6YTRiNmMzOGQtZjc3NS0yYzQ1LWJhNWItZmM2ZjZkZDIzYTk5PC94bXBNTTpJbnN0YW5jZUlEPgogICAgICAgICA8eG1wTU06RG9jdW1lbnRJRD5hZG9iZTpkb2NpZDpwaG90b3Nob3A6ZDliMGYyMmYtM2M1NS0xMWU2LTg0ZDYtY2QzMmJlNDQyNDRlPC94bXBNTTpEb2N1bWVudElEPgogICAgICAgICA8eG1wTU06T3JpZ2luYWxEb2N1bWVudElEPnhtcC5kaWQ6Njg3MzI3OTQtNTExNS02MjQ1LWI5YzctMzY0NmMyMDY4NGI5PC94bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ+CiAgICAgICAgIDx4bXBNTTpIaXN0b3J5PgogICAgICAgICAgICA8cmRmOlNlcT4KICAgICAgICAgICAgICAgPHJkZjpsaSByZGY6cGFyc2VUeXBlPSJSZXNvdXJjZSI+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDphY3Rpb24+Y3JlYXRlZDwvc3RFdnQ6YWN0aW9uPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6aW5zdGFuY2VJRD54bXAuaWlkOjY4NzMyNzk0LTUxMTUtNjI0NS1iOWM3LTM2NDZjMjA2ODRiOTwvc3RFdnQ6aW5zdGFuY2VJRD4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OndoZW4+MjAxNi0wNi0yN1QxODo1NzoyOSswODowMDwvc3RFdnQ6d2hlbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OnNvZnR3YXJlQWdlbnQ+QWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpPC9zdEV2dDpzb2Z0d2FyZUFnZW50PgogICAgICAgICAgICAgICA8L3JkZjpsaT4KICAgICAgICAgICAgICAgPHJkZjpsaSByZGY6cGFyc2VUeXBlPSJSZXNvdXJjZSI+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDphY3Rpb24+c2F2ZWQ8L3N0RXZ0OmFjdGlvbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0Omluc3RhbmNlSUQ+eG1wLmlpZDphNGI2YzM4ZC1mNzc1LTJjNDUtYmE1Yi1mYzZmNmRkMjNhOTk8L3N0RXZ0Omluc3RhbmNlSUQ+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDp3aGVuPjIwMTYtMDYtMjdUMTg6NTc6MjkrMDg6MDA8L3N0RXZ0OndoZW4+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDpzb2Z0d2FyZUFnZW50PkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChXaW5kb3dzKTwvc3RFdnQ6c29mdHdhcmVBZ2VudD4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OmNoYW5nZWQ+Lzwvc3RFdnQ6Y2hhbmdlZD4KICAgICAgICAgICAgICAgPC9yZGY6bGk+CiAgICAgICAgICAgIDwvcmRmOlNlcT4KICAgICAgICAgPC94bXBNTTpIaXN0b3J5PgogICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3BuZzwvZGM6Zm9ybWF0PgogICAgICAgICA8cGhvdG9zaG9wOkNvbG9yTW9kZT4zPC9waG90b3Nob3A6Q29sb3JNb2RlPgogICAgICAgICA8cGhvdG9zaG9wOklDQ1Byb2ZpbGU+c1JHQiBJRUM2MTk2Ni0yLjE8L3Bob3Rvc2hvcDpJQ0NQcm9maWxlPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICAgICA8dGlmZjpYUmVzb2x1dGlvbj43MjAwMDAvMTAwMDA8L3RpZmY6WFJlc29sdXRpb24+CiAgICAgICAgIDx0aWZmOllSZXNvbHV0aW9uPjcyMDAwMC8xMDAwMDwvdGlmZjpZUmVzb2x1dGlvbj4KICAgICAgICAgPHRpZmY6UmVzb2x1dGlvblVuaXQ+MjwvdGlmZjpSZXNvbHV0aW9uVW5pdD4KICAgICAgICAgPGV4aWY6Q29sb3JTcGFjZT4xPC9leGlmOkNvbG9yU3BhY2U+CiAgICAgICAgIDxleGlmOlBpeGVsWERpbWVuc2lvbj45NDwvZXhpZjpQaXhlbFhEaW1lbnNpb24+CiAgICAgICAgIDxleGlmOlBpeGVsWURpbWVuc2lvbj4xODg8L2V4aWY6UGl4ZWxZRGltZW5zaW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAKPD94cGFja2V0IGVuZD0idyI/PgwznwMAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAEPlJREFUeNrsnWtXU9cWhp/ARsQWa0WtN7TexRuivfz/b6fHG61Hra2trYKiaEVRLoEk58N651gzgaqwdyA7WWuMDCRGwCeTueZ652VVGo0GLasCrHkyrWJXtg70CtCnzxtAPWFqH3iDvQPYqY8VYAVYBJaBWsLVHovfAXwFHAC+BvqB98BLYBZYSC6oPRY/COwDzgLfAruAN8AfwG/ADPAhwS/e4geAPcBx4AowArzVcxX5+hlZfloFgTcr7geGBP24YA/r+YpeMyO/nyy/IIuvyqe/Ad7puQPAFwLfAFb1eKENN60CLH5Jm+hjYL822GFgLzAm6zfwDcGvJoT5LX4F+Eeb6aBcziBwRtHOafn3JcFfAV7pz2nlAF8X2Ofy5wNyMQAnZP1nnMXX9LpXehPSynFyrcvPP3fQEeTjCjcvCviqnl/Vb0o6YOUAb/DfAU/054qLeE4Bh3TKrelhr3mTLD8feNts3wPTes2AfP4uHa6+AS4oslkR/JrgJ20nB3iDPw9M6XU7tdlmsvoDcjs1F/E0BD/F+DnAt8I36OZmDgKH3UZblfXbeSCtHOBxmyfOjZhFHwaO6vkV95gW/GT5OcBbVDOnw1W/rN58/yHgmF5j4CvAU4WnyefnAO8PWL/r8wGClDwgf/+t4DdcKDrt5Ie0Ngm+1fJts90h0CM6aFnWynz+ctJ18oM3nz+rf9vvNtzz0ndO6DXLgr+cdJ1iwJvlvyIkSLzQNubgLxHk4yX9BrxMB6z84BHQGaJcXNHXG3O6jh2u+vSY1b9L4HP++6osGfn6Qfn+MwQ5+YL+zpeMzCTLzw8e58MN/C79+RTNolrD/XbM0uNyclbQ16kK5kNpOrbhnhT8Me0Ly/L7K5IWagl8/vVeh6aKi+crgj8CnGvZbP9QaLqSwOdbpuVPuQ21X4/jDv6y/r4O/AW87kXLzwr+eg2dVFedrGBVaYd1wr3sfL6Vjcz1ms/P2vA1G4TCp2liSaDVYh6RrpO1nHDtRNxI4POvd8Df7nv0600YFfy6O+FaNmu+V+C3E7ylEP9ibUGsaflLepiqOUWPyMlZm7++afkNd3q1RMqIXM+q22wrDn49gc+3zH//SRTV6jrV7icqmpZCrAHP5HYS+AIs/7Xz9biIZ59OuQ234Voi5UMCXwx8K/v2yfMBgqJ5ipjFsk33OV0qqmVb/P2qBDm5T8AzmhXNU8T6zCqxNHw5gc+/lgX/d7kdKxU8A3wpn79MrNFcpQu1/O0A3yAkwU3L73cHrJOy/NNORjCf/5IuymJl2/i9FwXzVxdmGvwRgpzcT3PB1OtusfztBG+i2nSL5Q8Q+rAO6ueruUdF8KsJfP5lbsdKRXYSkimnaJaTTVqw6Gg1gc/v861M0CzeFM2jCjXPEzV+q9H8p8yn26yDfhbT8n1DxCpRTjYJedlpO/Nlhd9J4GuE9s6/HEyLaI5J18EdsOo63b6lhImUrMN+nrpAPiFmr6wu/6gevgGuQqhqe0fJFM2sA38ma3CoCPwuopx8gKDnW2rR8rt/U7IazaxDf66GLP9vYrmIqZr75XrM7SwS6zQXE/j8yw5Mj9ybUdPB6oDcTrVFWnhOSVr+sw7/+Val63jJ2E65+wjVC1UX5UDQ8hcT+PxriVCpZtLBAFHZNDm57vaEiiz/QwJfnNvpc5vtoA5Ww5IYLM63cLPaybpOWcDbRjpLKA0fICZRThOrk1ub4GY7FX6ZwLfC36HfgIYs3uCblm+lgh05b6Fs4L20YG7FNtyzhKFGZ2XtVrPfJze1nMDnXwuKXurELJaVho8QRTU7DTcI2n8tgS8OvlUrDOkNOKpD1iXnivyJeCWBLybUnAEeEOvyG4rvDxKLp+ygVSMWWCXwOdc8QVTrc88NEPpuDzkpYZGoar7bbrfTDeAbDr4doiybdUTywnkHvqbXvt1Oy+8G8LaBzrkIJ3NuZz8hmWKnW3tzTE6uJ/DFWf6AA39RLueknrcN1+ry5xP44izfCmQhJlOO6JRboblS7QnbML6328CbrjMnV9JHrFoYIiiao8QmOJMXnrHFcnI3gjdp4bWLcGzuwhhhlOOoO91avc4UWygndyt4g/+GkEjxDRFnifMWak52qBLk56UEPv9muySpwCIaS5CPSdc57SQFs/yZrYDfzeBtWXXyI5rr8s8J/nknKdhvwCxtLhPsBfAG/4XcjQ032iH4e/XRygNNy2kr/F4Bb/B9IsVOt6ed27Foxzbdtmn5vQTeVydDrMuxSrXd2nitRtPi+rbA7yXwtuF+UNzuwa8K/n538PI+f46CRbVeA29APzY7+bALPc3l/EWQk1cT+PyWb27HNtohwu0Q30rbqbpDVkOW/5aCRLVeBW/w3xEqji3M3EkcYnqQkMWqO/CPBT+BL2BZ8rx1dvI3xNLwWou2s5DA519Vp+usNzt5lOYBpnUKmJ2cwIflh1342ck2aeQYsT7T3pwpclxIlsDH5RXNCnHMywBBTj5Bc40msvz5BL6YUPONNtEhB75CUDRPOpdkvVjLm5EWEvj1LX+W0PJvcnKDIKbtleWvuM3W5ORqAl/MhjtLLAE0Ofm8s3ybnWxTBTc0byGB//dl0oJviMhoLg1foXn61GfPTk7gP75MToY4wtdug7PZyab52EFr5nOkhQT+02tRMK0Txa7iO8FaUc2GXXxS0UzgP29ZO5DNWjDYNmnkPPGSgiV3Lqgn8MVIC0+ddbfOTj7vQssGn5idnMB//qo7+H52ciZZYZ+zfJsm+PjfLD+B39jyZYJWnzmoN8EUTT8z2d6wNfMWEvjNrQWilj/kYv3W2cl+hG/TvIUEfvPLJo1kLpYfJM5OtosK7ID1BDdBNoHP5/PfyY9bnG81Owfkei4SO1FqODk5gc+3vJycuccFQsnIqPP11o0yBVQT+PxrvXsQVxThfKNws6GD2IIsfj6BL87yZ4mJlAHpOXsV49ueMCN3U+9LzAp3O9NyJyaYZXI7B+X7h4GdCXzxy5RKq06uu5Nu04vSKmZZinCU0Gd7QFHOMiGl+Iyg2b8HlpOPL2YNEpTKM8BVws0/owox/5Fuc4/Qm/Ua+JDAF2PpewX9O+BHhZNfK4p5AtwFfhH4uRROFgN9P6Hm8pqgX9FzCwRBbRK4RRhePaPn0wEqx7LRXCeBcWBCsfs+xfFPgf8BdwT9WZIMiolc9hKaGa7JxZwjdBR+UDh5G7ghN/OUJJIVAv0rQlXxVeB7QnHriCKYKcG+IYufYp2LxRL4jbuXPQoXrwI/yKcfEvRpuZZb2kxt9nFKhOS09N2y9HG5l0uCbm2a9wX+rqKZf532ncB/3qrIvZzQJvq9YvWDAvtcsO/IvXxyLEsC/3nrC8LIrUuy9HFZuo1SvwfcFPSnfMZlkQn8py19NyGld0XQrxAbFqYF+6bi9T91Uv1ko1rSaj7OZlhH/3FtpBP6PJPucr8F+mffQ54s/uMbqYd+TT5+B6G46YFi9UlpMRu6AjtZ/PpriNCGcxG4LvjHBf2VTqIWvTzeiKUni//4RnrEQb/S4l4eyL3cIQym2FTndwLfvHYqRByTa7nqLH0WeCjotwmNC6/ZZNNxAh+jly8JyemLitMnCALYkCKV3wT9hv6c6+7B5OOjTz/koF8jSL1fKCb/Q5vopKDnHqmSLD5AP0hIXhh0m0k/Lz8+KZ+e29KTxYc1QMiNnpNrmRD03QTt/JGAF2bpyeLDRrpfG+l1QT/lLP13gsp4g5jIKOzekV4Fb5d5nZVrueYs/YN8+m1tpvd1YCp0LmXW45bus0d7BPexXIslMqYJhUmNBD7fnva1rPuqoFvv6iKh7No20gcEuXexXT9Ir6yMkJ4z6NcEfUQb5hPgZ6K8O00b75LqFfD9xIqAywJ/lpCwXibcKTipzfSeoC+02wp6IWQcUcRiKbsxQhlGVdDvAP8l5EmbOjcS+Hw+/aTbSC8SU3ZTgn2Lj1QEJPAb11/2CPoEocrrsvSYuuLye4Juyektu76ir4st3RIZl3RAukyQeyuC/oti9Xuy9Pds4fD+brT4TNCPCfYE8bqKhiDfAf5DTGTMscXX0mVd6F7M0q/I0i/Jp+Ms/YaiGHMvq9thHd3mXo4Juvn0o/q759pAbyheN0tPt+LkXJay8/LuMeLFug+IpXV2uXp9O62kG9yLlWFcVMho2aNdhOzRA+AngX9ESE5v61WjWZdY+mFZ+jX59FEdnF4R8qSmqf9Bh1y0WGbwfcTSOnMvVwnJ6X5CEelDnUh9cjrdbplz7VKIaNCvEwuOXhMyRrf06BhLL7OPr7S4F4NueVJLZBj0XwmJjOVO+3Ut29pJzJNa7Yul7N4Rk9OTci+vOg16GcFbwdF5YsrupH4D5uTTbxA09YeEioClTvyPZCWD7pt4rwr6lzp9PnLupaOhlwV8RdC/ISQvWmtfrAzjph4PFNF86OT/VBnAWyLjLLFz+pzkgXlictpvpIud/p/qdB9vMwJOE3uPTPSq0dw5fZ+WJt4EfvOWbk2843qcISQ3lqS33NXhyLerl2JlHfxz7RPo6/LpZ517eULsnLZExjwlWp0Ivp/m1sYfCMnpr2XpT4iaulUEvC/bYSTrQPeypwW65UkXZNmTil7uOkuvlw18X4da+lW5lwvE5PRzYue0z5OWDnonWXzFWfo1RS8XFdHYZea/OOhrpmEk8JuDbomMy4rVzb2s0tzEuy0VAd0I3kaQHFO4aDMCjhDb1Q265Uk33NqYfPza7z1MHEHyoz6Oyt+/IHZO++R06aFvp8XbNAwPfUKfZ8TktHVO2wD8roC+nRZvKbv1mnhnHfS7hJr1uW6Cvl0WP0zzCJLLhGySDdvxndMbnhGQwK/vXtabEWA3DLyQ5nKL2K7+TzdC30rwFjIeloX7zulB515uEmtfNnSFW/Lx668hhYjmXnzBkWWPftZG+khvRNdC3yqL30WchvF9C/S5daC/7HboWwHe95NOEPOkBv03RS9+BEnXQ283+CFBH3MbqVUEvCUWHN0kdk4v0iOrXeCtDOMcMZFxilARYIMZbhNTdi97CXq7wA8RBK4Lgn5drmYPIfP/J3Ea6X2dUpfosVU0+H5CRcAZ1rarvydWBPxMCWpfygLed07bCBKzdJsR4C290GkYvRrH9xMqAqyJd0JW/5Wge/dyT+5lgZJr6ttt8QPOvVjty5jeiCWCyGWd0/cIyeoFSpqy6xTw3tKvEwuODigen5I/vy33MiX30qDHV1YA9NOC/qOgW8ruGSF7ZE28lidNK4ePt5TdcYLodZ04I8BK6352G2lbR5D0isVnxDKMcZrLMGrEKq+fiImMNTf4JvAbt/Q9svRxWbqvfZlWnP6TPtpVDasJ9ebB9xNrX8bdRnpYf/9MFv5f4ljv0hYcdRL4L4kpO2ttPKoI5TmbuDUgba6fXsOEFN0l+fQrcjeDhJzofUIR6R1iGUaCnsPiK87SL8jKL8i99BMyRTZLfZIuq33ZLvB9ztJtRsC43gSrCPhVPt0qAjY1Sz2BX+vTj7T49G/1b2xGwG0H/U2Cnt/H+430O9ZOmLa5u9ZPOksHNvGWCbwNZvBNvOMKIa2J1yenzb1UE8p8rmZQh6Fzci1X5F52Eue+3JC12yz1ZOk5wfshapcE/RTN7epWcNSxMwLKCn6YMIrkmELGXQRF0e7HsM7pUjTxlgV8hXi1PQI7IylgkuarGpYSuuLA1wX7pQ5C9kZYI+9DStbEWxbwNYKoNSXgL/RmzBCk3uReClyVRqPhQ8kd8uu79bGmuP2toCelsQ0W39DJ0/z3kkAvKU5P0Atc/x8A91y+OtIwH2YAAAAASUVORK5CYII="); } #CMD .product_videos.active .slick-prev, #CMD .product_videos.active .slick-next { margin-top: -22px; } #CMD .section__pdc { position: relative; z-index: 1; } #CMD .section__pdc .product_videos.active { padding-top: 0; } #CMD .section__pdc .video-bottom { margin-top: 50px !important; padding-bottom: 0; } #CMD .section__pdc .media-top { padding-top: 6px; } #CMD .section__pdc .media-bottom { margin-bottom: 10px; 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__pdc .media-bottom { margin-bottom: -40px; } } @media all and (min-width: 1px) and (max-width: 350px) { #CMD .section__thin .img__thin { margin-top: -240px; } } @media all and (min-width: 1px) and (max-width: 414px) { #CMD .section__management .img__management { position: relative; left: 0; width: 100%; height: 0; margin-left: 0; padding-bottom: 66.83%; } #CMD .section__experience .slick-content .slick-images { width: 100%; height: 0; padding-bottom: 56.27%; } #CMD .section__experience .slick-content .slick-images .img-slick { width: 100%; height: 100%; } } @media all and (min-width: 414px) and (max-width: 720px) { #CMD .section__thin .img__thin-hl { width: 414px; height: 707px; padding-bottom: 0; } #CMD .section__kv .img__kv .img-model { margin-left: -180px; } #CMD .section__kv .img__kv .img-shadow-block { margin-left: -162px; } #CMD #section__inner2_2 .img__inner2_2 .model-seperate .img-case { margin-left: -622px; } } @media all and (min-width: 600px) and (max-width: 720px) { #CMD .section__battery .img__battery { margin-top: -415px; } }