@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; transform: scale3d(1, 1, 1) translate3d(-50%, 0, 0); } 20% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1) translate3d(-50%, 0, 0); } 40% { opacity: 1; transform: scale3d(0.9, 0.9, 0.9) translate3d(-50%, 0, 0); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03) translate3d(-50%, 0, 0); } 80% { opacity: 1; transform: scale3d(0.97, 0.97, 0.97) translate3d(-50%, 0, 0); } 100% { opacity: 1; 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; transform: scale3d(1, 1, 1) translate3d(-50%, 0, 0); } 20% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1) translate3d(-50%, 0, 0); } 40% { opacity: 1; transform: scale3d(0.9, 0.9, 0.9) translate3d(-50%, 0, 0); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03) translate3d(-50%, 0, 0); } 80% { opacity: 1; transform: scale3d(0.97, 0.97, 0.97) translate3d(-50%, 0, 0); } 100% { opacity: 1; transform: scale3d(1, 1, 1) translate3d(-50%, 0, 0); } } .sprite { background-repeat: no-repeat; display: block; } .sprite-arrow_l { width: 65px; height: 130px; background-position: -5px -5px; } .sprite-arrow_l_black { width: 49px; height: 96px; background-position: -80px -5px; } .sprite-arrow_r { width: 65px; height: 130px; background-position: -139px -5px; } .sprite-arrow_r_black { width: 49px; height: 96px; background-position: -214px -5px; } .sprite-black { width: 41px; height: 41px; background-position: -80px -111px; } .sprite-gray { width: 41px; height: 41px; background-position: -214px -111px; } .sprite-green { width: 44px; height: 44px; background-position: -5px -162px; } .sprite-pink { width: 45px; height: 44px; background-position: -59px -162px; } .sprite-white { width: 45px; height: 44px; background-position: -114px -162px; } sup { position: relative; vertical-align: baseline; top: -0.44em; font-size: 0.6em; line-height: unset; } sup.sign-deg { top: -0.5em; } sup.sign-star { top: -0.83em; font-size: 0.5em; } sup.sign-cr { top: -0.3em; font-size: 0.7em; } sup.footnote-num { top: -1.7em; font-size: 0.33em; } .wd__content .content__info sup.sign-cr { top: 0em; font-size: 1.1em; } .wd__content .content__info sup.sign-tm { top: 0em; font-size: 1em; } .wd__content .content__info sup.sign-star { top: -0.17em; font-size: 1em; } .wd__content .content__info sup.sign-deg { padding: 0 0.02em; top: -0.1em; font-size: 1em; } .wd__content .content__info sup.footnote-num { top: -0.97em; font-size: 0.5em; } .wd__feature__list .wd__feature .wd__feature__describe sup.sign-cr { top: 0.1em; font-size: 1.1em; } .wd__feature__list .wd__feature .wd__feature__describe sup.sign-tm { top: 0em; font-size: 1em; } .wd__feature__list .wd__feature .wd__feature__describe sup.sign-deg { top: -0.1em; font-size: 1em; } .wd__feature__list .wd__feature .wd__feature__describe sup.footnote-num { top: -0.86em; font-size: 0.5em; } .wd__feature__list .wd__feature .wd__feature__describe span sup.sign-deg { padding: 0 0.02em; } .footnote-item sup.sign-deg { top: -0.2em; font-size: 0.9em; } .footnote-item sup.sign-tm { top: -0.09em; font-size: 0.9em; } .footnote-item sup.sign-cr { top: 0.03em; font-size: 1.1em; } @media all and (min-width: 1280px) { .wd__content .content__slogan sup.sign-star { top: -0.5em; font-size: 0.6em; } .wd__content .content__slogan sup.footnote-num { top: -1.4em; } .wd__content .content__title sup.sign-star { top: -0.8em; } .wd__content .content__title sup.sign-tm { top: -0.46em; } .wd__content .content__title sup.footnote-num { top: -1.65em; } .wd__content .content__info sup.sign-star { top: -0.1em; } .wd__content .content__info sup.footnote-num { top: -0.9em; } .wd__feature__list .wd__feature .wd__feature__data sup.sign-star { top: -0.75em; font-size: 0.5em; } .wd__feature__list .wd__feature .wd__feature__data sup.footnote-num { top: -1.75em; font-size: 0.3em; } .wd__feature__list .wd__feature .wd__feature__data span sup.sign-tm { top: -0.2em; font-size: 0.8em; } .wd__feature__list .wd__feature .wd__feature__data span sup.sign-cr { top: -0.2em; font-size: 0.8em; } .wd__feature__list .wd__feature .wd__feature__data span sup.sign-star { top: -0.4em; font-size: 0.7em; } .wd__feature__list .wd__feature .wd__feature__data span sup.sign-deg { top: -0.1em; font-size: 0.9em; } .wd__feature__list .wd__feature .wd__feature__data span sup.footnote-num { top: -1.2em; font-size: 0.43em; } .wd__feature__list .wd__feature .wd__feature__describe sup.sign-cr { top: 0.1em; font-size: 1.3em; } .wd__feature__list .wd__feature .wd__feature__describe sup.sign-star { top: -0.03em; font-size: 1.25em; } .wd__feature__list .wd__feature .wd__feature__describe sup.footnote-num { top: -0.7em; font-size: 0.6em; } .section__kv .wd__content .content__title sup.sign-star { top: -0.65em; font-size: 0.55em; } .section__kv .wd__content .content__title sup.footnote-num { top: -1.6em; } .section__kv .wd__content .content__info sup.sign-star { top: -0.2em; font-size: 0.9em; } .section__kv .wd__content .content__info sup.sign-deg { padding: 0; } .section__kv .wd__content .content__info sup.footnote-num { top: -1em; } } @media all and (min-width: 731px) and (max-width: 1279px) { sup { top: -0.5em; } sup.sign-deg { top: -0.25em; font-size: 0.8em; } sup.sign-cr { top: -0.35em; } sup.sign-star { top: -0.85em; } .wd__content .content__slogan sup.sign-tm { top: -0.4em; } .wd__content .content__slogan sup.sign-cr { top: -0.27em; font-size: 0.7em; } .wd__content .content__slogan sup.sign-star { top: -0.37em; font-size: 0.75em; } .wd__content .content__slogan sup.footnote-num { top: -1.5em; } .wd__content .content__title sup.sign-tm { top: -0.45em; } .wd__content .content__title sup.sign-star { top: -0.77em; } .wd__content .content__title sup.sign-cr { top: -0.3em; } .wd__content .content__title sup.footnote-num { top: -1.58em; } .wd__content .content__info sup.sign-star { top: -0.08em; font-size: 1.1em; } .wd__content .content__info sup.footnote-num { top: -0.8em; font-size: 0.6em; } .wd__feature__list .wd__feature .wd__feature__data sup.sign-cr { top: -0.3em; } .wd__feature__list .wd__feature .wd__feature__data sup.sign-tm { top: -0.42em; } .wd__feature__list .wd__feature .wd__feature__data sup.footnote-num { top: -1.56em; } .wd__feature__list .wd__feature .wd__feature__data sup.sign-star { top: -0.6em; font-size: 0.55em; } .wd__feature__list .wd__feature .wd__feature__data span sup.sign-tm { top: -0.15em; font-size: 0.8em; } .wd__feature__list .wd__feature .wd__feature__data span sup.sign-cr { top: -0.2em; font-size: 0.8em; } .wd__feature__list .wd__feature .wd__feature__data span sup.sign-star { top: -0.34em; font-size: 0.7em; } .wd__feature__list .wd__feature .wd__feature__data span sup.footnote-num { top: -1.1em; font-size: 0.43em; } .wd__feature__list .wd__feature .wd__feature__describe sup.sign-cr { top: 0em; } .wd__feature__list .wd__feature .wd__feature__describe sup.sign-star { top: 0em; font-size: 1.35em; } .wd__feature__list .wd__feature .wd__feature__describe sup.footnote-num { top: -0.47em; font-size: 0.8em; } .section__kv .wd__content .content__title sup.sign-tm { top: -0.45em; } .section__kv .wd__content .content__title sup.sign-star { top: -0.48em; font-size: 0.65em; } .section__kv .wd__content .content__title sup.footnote-num { top: -1.57em; } .section__kv .wd__content .content__info sup.sign-star { top: -0.2em; font-size: 0.9em; } .section__kv .wd__content .content__info sup.footnote-num { top: -1.25em; font-size: 0.4em; } .footnote-item sup.sign-cr { top: 0.1em; } } @media all and (max-width: 730px) { sup.sign-deg { top: -0.25em; font-size: 0.8em; } .wd__content .content__slogan sup.sign-tm { top: -0.33em; } .wd__content .content__slogan sup.sign-cr { top: -0.31em; } .wd__content .content__slogan sup.sign-star { top: -0.1em; font-size: 1.1em; } .wd__content .content__slogan sup.footnote-num { top: -0.85em; font-size: 0.5em; } .wd__content .content__title sup.sign-cr { top: -0.06em; font-size: 0.9em; } .wd__content .content__title sup.sign-tm { top: -0.26em; font-size: 0.7em; } .wd__content .content__title sup.sign-star { top: -0.42em; font-size: 0.7em; } .wd__content .content__title sup.footnote-num { top: -1.3em; font-size: 0.4em; } .wd__content .content__info sup.sign-cr { top: 0.15em; font-size: 1.4em; } .wd__content .content__info sup.sign-tm { top: 0.1em; font-size: 1.2em; } .wd__content .content__info sup.sign-star { top: 0em; font-size: 1.25em; } .wd__content .content__info sup.footnote-num { top: -0.7em; font-size: 0.6em; } .wd__feature__list .wd__feature .wd__feature__data sup.sign-cr { top: -0.24em; font-size: 0.75em; } .wd__feature__list .wd__feature .wd__feature__data sup.sign-tm { top: -0.27em; font-size: 0.7em; } .wd__feature__list .wd__feature .wd__feature__data sup.sign-star { top: -0.4em; font-size: 0.7em; } .wd__feature__list .wd__feature .wd__feature__data sup.footnote-num { top: -1.3em; font-size: 0.4em; } .wd__feature__list .wd__feature .wd__feature__data span sup.sign-cr { top: -0.11em; font-size: 0.9em; } .wd__feature__list .wd__feature .wd__feature__data span sup.sign-tm { top: -0.23em; } .wd__feature__list .wd__feature .wd__feature__data span sup.sign-star { top: -0.22em; font-size: 0.88em; } .wd__feature__list .wd__feature .wd__feature__data span sup.footnote-num { top: -1.2em; } .wd__feature__list .wd__feature .wd__feature__describe sup.sign-cr { top: 0.18em; font-size: 1.5em; } .wd__feature__list .wd__feature .wd__feature__describe sup.sign-star { top: 0.08em; font-size: 1.6em; } .wd__feature__list .wd__feature .wd__feature__describe sup.footnote-num { top: -0.5em; font-size: 0.8em; } .section__kv .wd__content .content__title sup.sign-cr { top: -0.1em; } .section__kv .wd__content .content__title sup.sign-star { top: -0.43em; } .section__kv .wd__content .content__title sup.footnote-num { top: -1.26em; } .section__kv .wd__content .content__info sup.sign-tm { top: 0em; font-size: 1em; } .section__kv .wd__content .content__info sup.sign-cr { top: 0em; font-size: 1.2em; } .section__kv .wd__content .content__info sup.sign-star { top: -0.06em; font-size: 1.2em; } .section__kv .wd__content .content__info sup.footnote-num { top: -0.65em; font-size: 0.65em; } .footnote-item sup.sign-cr { top: 0.03em; font-size: 1.1em; } } .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("@wording-path-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 { transform: scale(0.8); } } .modal-button-container.inner { position: fixed; left: 50%; bottom: 30px; 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: 731px) and (max-width: 1279px) { .modal-button-container .modal-button-text, .modal-button-container .modal-inner-text { font-size: 18px; } } @media (max-width: 730px) { .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; 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; transform-origin: 50vw 50vh; transform: translateZ(0px) translateY(0px) scale(1); } .outer-view.animate-scale { transform: translateZ(0px) translateY(200px) scale(0.96); transition: transform 650ms ease-out; } .outer-view .modal-button-container.ready .modal-button { 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; transform: translateY(110vh); margin-left: 0; margin-bottom: -60px; width: 100%; background-color: white; transition: 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; transform: translate3d(0, 0, 0); -webkit-overflow-scrolling: touch; } .inner-view .modal-button-container { opacity: 0; position: fixed; bottom: -80px; left: 0%; width: 100%; transform: translate3d(0%, 0, 0) translateZ(0); transition: transform 400ms ease, opacity 300ms ease; } .inner-view.show-inner { transform: none !important; } .inner-view.show-inner .modal-active { display: block; visibility: visible; } .inner-view.show-inner .modal-button-container { opacity: 1; transform: translate3d(0%, -130px, 0) translateZ(0); transition: transform 300ms ease-out; transition-delay: 1200ms; } @media (max-width: 720px) { .inner-view.show-inner .modal-button-container { transform: translate3d(0%, -110px, 0) translateZ(0) scale(0.8); } } @media (min-width: 731px) and (max-width: 1279px) { .modal-button-container.inner { bottom: 20px; } } @media (max-width: 730px) { .modal-button-container .modal-button { text-align: center; } .modal-button-container.inner { bottom: 9px; } } body { background-attachment: scroll !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0; padding: 0; font-display: swap; } #CMD { transition-duration: 700ms; transition-property: opacity; transition-timing-function: cubic-bezier(0.25, 0.46, 0.33, 0.98); position: relative; text-align: center; margin-bottom: 0; min-height: calc(100vh - 100px); 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)"; } } .fix_ie_png { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#00FFFFFF, endColorstr=#00FFFFFF ); } @media all and (min-width: 1280px) { .clear__background__src { background-image: none !important; } } section { position: relative; margin-left: auto; margin-right: auto; max-width: 2560px; } @media all and (min-width: 731px) and (max-width: 1279px) { section { margin-left: auto; margin-right: auto; width: 100%; max-width: 1279px; } } @media all and (min-width: 0px) and (max-width: 730px) { section { width: 100%; margin-left: auto; margin-right: auto; max-width: 730px; } } h1, h2, h3, h4, figure { -webkit-margin-before: 0; margin-block-start: 0; -webkit-margin-after: 0; margin-block-end: 0; -webkit-margin-start: 0; margin-inline-start: 0; -webkit-margin-end: 0; margin-inline-end: 0; font-weight: unset !important; } .img { position: relative; margin-left: auto; margin-right: auto; background-size: cover; background-repeat: no-repeat; background-position: center; } .progressive-image { background-image: none !important; } .outer-view { position: relative; } @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 { 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 { transform: none; will-change: null; } } .in.moving__element { will-change: transform, opacity; } .smooth__animation { transition-duration: 1.25s, 1.25s; transition-property: opacity; 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; 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; 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; transition-timing-function: cubic-bezier(0, 0, 0.58, 1); } .wd__animation__easeout-fast { transition-duration: 400ms, 400ms; transition-property: opacity; 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; transform: scale(1.8); } 10% { opacity: 0.6; } 50% { opacity: 0; transform: scale(0.2); } 100% { opacity: 0; transform: scale(0.2); } } @keyframes soundCirclePlay { 0% { opacity: 0; transform: scale(1.8); } 10% { opacity: 0.6; } 50% { opacity: 0; transform: scale(0.2); } 100% { opacity: 0; transform: scale(0.2); } } @-webkit-keyframes soundRipple { 0% { opacity: 0; } 10% { opacity: 1; } 50% { opacity: 1; } 51% { opacity: 0; transform: scale(0.8); } 100% { opacity: 0; transform: scale(0, 0); } } @keyframes soundRipple { 0% { opacity: 0; } 10% { opacity: 1; } 50% { opacity: 1; } 51% { opacity: 0; transform: scale(0.8); } 100% { opacity: 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% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } @-webkit-keyframes ballRotate { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } @keyframes ballRotate { 0% { transform: rotate(0); } 100% { 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; transform: translateZ(0) translateY(30px); transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1), transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); } .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; 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; transform: translateZ(0) translateY(30px); transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1), transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); } .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; transform: none; } @-webkit-keyframes fansRotateLeft { 100% { transform: rotate(-360deg); } } @keyframes fansRotateLeft { 100% { transform: rotate(-360deg); } } @-webkit-keyframes fansRotateRight { 100% { transform: rotate(360deg); } } @keyframes fansRotateRight { 100% { transform: rotate(360deg); } } header { position: fixed; display: block; z-index: 10000000; top: 0; width: 100%; background: #000; } header .header-container { position: relative; text-align: right; margin: 0 auto; width: 100%; max-width: 1160px; } header .header-container .logo { position: absolute; left: 0; top: 50%; transform: translateY(-50%); } header .header-container .logo h1 { position: absolute; color: #000; font-size: 12px; } header .header-container .logo figure { position: relative; display: block; width: 100px; height: 19px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWcluWxpF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE1My42IDMwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNTMuNiAzMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiNGRkZGRkY7fTwvc3R5bGU+PHRpdGxlPmxvZ288L3RpdGxlPjxnPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik03MC45LDBINDUuM2MtNS45LDAtOC42LDMuNy05LjIsNy4zVjBIMjEuOWMtMiwwLTIuOSwwLjYtMy45LDJsLTMuOSw1LjdoNTYuOFYweiIvPjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMCwzMCAxMC4yLDMwIDIzLDkuNCAxMy45LDguNSAiLz48cmVjdCB4PSI3Mi40IiB5PSIwIiBjbGFzcz0ic3QwIiB3aWR0aD0iOC40IiBoZWlnaHQ9IjcuNyIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMzQuMSwxMmwtMjYuMy0xLjZjMCw0LDIuNiw2LjcsNy4xLDcuMWwxOC43LDEuNGMxLjQsMC4xLDIuMywwLjUsMi4zLDEuN2MwLDEuMS0xLDEuNi0zLjEsMS42aC0yNS41VjMwaDI2YzguMiwwLDExLjgtMi45LDExLjgtOS40QzE0NS4zLDE0LjcsMTQyLDEyLjUsMTM0LjEsMTJ6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTEwNy41LDEwLjRMOTkuMiwxMHY4LjhjMCwyLjgtMS40LDMuNi02LjIsMy42aC02LjZjLTQsMC01LjYtMS4xLTUuNi0zLjZWOS4xbC04LjQtMC42djExaC0wLjJjLTAuNS0zLjItMS43LTYuOS05LjctNy40bC0yNi4zLTEuN2MwLDQsMi45LDYuNCw3LjQsNi45TDYyLDE5LjFjMS40LDAuMSwyLjUsMC41LDIuNSwxLjdjMCwxLjMtMS4xLDEuNC0yLjgsMS40SDM2di0xMmwtOC40LTAuNVYzMGgzNC4yYzcuNiwwLDEwLjEtNCwxMC40LTcuM2gwLjJjMSw1LjIsNS41LDcuMywxMy4zLDcuM2g4LjVjOS4xLDAsMTMuMy0yLjgsMTMuMy05LjJWMTAuNHoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTQ0LjcsNy43VjBoLTI4LjJjLTUuOSwwLTguNSwzLjYtOSw3LjFjMCwwLDAsMC4xLDAsMC4xVjBoLTguM3Y3LjdoOC4zSDE0NC43eiIvPjwvZz48L3N2Zz4=); } header .header-container .header-links { position: relative; display: block; } header .header-container .header-links .link { position: relative; display: inline-block; cursor: pointer; vertical-align: top; text-decoration: none; padding: 15px 0 15px 25px; } header .header-container .header-links .link h2 { font-size: 16px; letter-spacing: 0.3px; color: #fff; transition: color 300ms; font-weight: 100 !important; } header .header-container .header-links .link:hover h2 { color: #9d9d9d; } footer { position: relative; width: 100%; height: 78px; left: 0; bottom: 0; background: #000; } footer .footer-container { position: relative; text-align: right; margin: 0 auto; width: 100%; height: 78px; max-width: 1160px; } footer .footer-container .footer-logo { position: absolute; left: 0; top: 50%; transform: translateY(-50%); } footer .footer-container .footer-logo figure { position: relative; display: block; margin-left: 0; width: 100px; height: 19px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWcluWxpF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE1My42IDMwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNTMuNiAzMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiNGRkZGRkY7fTwvc3R5bGU+PHRpdGxlPmxvZ288L3RpdGxlPjxnPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik03MC45LDBINDUuM2MtNS45LDAtOC42LDMuNy05LjIsNy4zVjBIMjEuOWMtMiwwLTIuOSwwLjYtMy45LDJsLTMuOSw1LjdoNTYuOFYweiIvPjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMCwzMCAxMC4yLDMwIDIzLDkuNCAxMy45LDguNSAiLz48cmVjdCB4PSI3Mi40IiB5PSIwIiBjbGFzcz0ic3QwIiB3aWR0aD0iOC40IiBoZWlnaHQ9IjcuNyIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMzQuMSwxMmwtMjYuMy0xLjZjMCw0LDIuNiw2LjcsNy4xLDcuMWwxOC43LDEuNGMxLjQsMC4xLDIuMywwLjUsMi4zLDEuN2MwLDEuMS0xLDEuNi0zLjEsMS42aC0yNS41VjMwaDI2YzguMiwwLDExLjgtMi45LDExLjgtOS40QzE0NS4zLDE0LjcsMTQyLDEyLjUsMTM0LjEsMTJ6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTEwNy41LDEwLjRMOTkuMiwxMHY4LjhjMCwyLjgtMS40LDMuNi02LjIsMy42aC02LjZjLTQsMC01LjYtMS4xLTUuNi0zLjZWOS4xbC04LjQtMC42djExaC0wLjJjLTAuNS0zLjItMS43LTYuOS05LjctNy40bC0yNi4zLTEuN2MwLDQsMi45LDYuNCw3LjQsNi45TDYyLDE5LjFjMS40LDAuMSwyLjUsMC41LDIuNSwxLjdjMCwxLjMtMS4xLDEuNC0yLjgsMS40SDM2di0xMmwtOC40LTAuNVYzMGgzNC4yYzcuNiwwLDEwLjEtNCwxMC40LTcuM2gwLjJjMSw1LjIsNS41LDcuMywxMy4zLDcuM2g4LjVjOS4xLDAsMTMuMy0yLjgsMTMuMy05LjJWMTAuNHoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTQ0LjcsNy43VjBoLTI4LjJjLTUuOSwwLTguNSwzLjYtOSw3LjFjMCwwLDAsMC4xLDAsMC4xVjBoLTguM3Y3LjdoOC4zSDE0NC43eiIvPjwvZz48L3N2Zz4=); } footer .footer-container .footer-logo .logo-text { position: relative; display: block; margin-top: 6px; color: #fff; font-size: 13px; } footer .footer-container .footer-sm { position: absolute; right: 0; top: 50%; transform: translateY(-50%); } footer .footer-container .footer-sm .sm-item { position: relative; display: inline-block; padding: 10px; } footer .footer-container .footer-sm .sm-item figure { opacity: 1; width: 30px; height: 30px; transition: opacity 300ms; } footer .footer-container .footer-sm .sm-item:hover figure { opacity: 0.7; } .icon-facebook { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGl2ZWxsb18xIiBkYXRhLW5hbWU9IkxpdmVsbG8gMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNjAiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCA2MCA1MCI+PHRpdGxlPmZhY2Vib29rPC90aXRsZT48cGF0aCBkPSJNNDAuMzgxOSw1LjI5ODcxdjYuMzQ0NUgzNi42MDg3NWEzLjUzMDMzLDMuNTMwMzMsMCwwLDAtMi43ODc2NS44NjUzMSwzLjk3ODU5LDMuOTc4NTksMCwwLDAtLjcyMTI2LDIuNTk1MjF2NC41NDJoNy4wNDE1OWwtLjkzNzExLDcuMTEzNDJIMzMuMDk5ODhWNDVIMjUuNzQ2MzlWMjYuNzU5MkgxOS42MTgxVjE5LjY0NTc4aDYuMTI4MjlWMTQuNDA3YTkuMjk1NTUsOS4yOTU1NSwwLDAsMSwyLjQ5OTUyLTYuOTMzMyw5LjA3MDc5LDkuMDcwNzksMCwwLDEsNi42NTY3OC0yLjQ2MzQzQTM5Ljc4MjE2LDM5Ljc4MjE2LDAsMCwxLDQwLjM4MTksNS4yOTg3MVoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=); } .icon-youtube { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGl2ZWxsb18xIiBkYXRhLW5hbWU9IkxpdmVsbG8gMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNjAiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCA2MCA1MCI+PHRpdGxlPnlvdV90dWJlPC90aXRsZT48cGF0aCBkPSJNNDcuNjYzNSwzNC4wNTIxN2E0MS4zMjcyNiw0MS4zMjcyNiwwLDAsMS0uNjE5NDcsOC4zNDMxMkE0LjUzMDg1LDQuNTMwODUsMCwwLDEsNDUuNjYxMTIsNDQuNzU1YTQuMTcyMDgsNC4xNzIwOCwwLDAsMS0yLjQzMTMxLDEuMDk2NDRBMTI3LjQ2NTcxLDEyNy40NjU3MSwwLDAsMSwyOS45OTk3LDQ2LjM1MmExMjcuNDM4NiwxMjcuNDM4NiwwLDAsMS0xMy4yMjk0Mi0uNTAwNjFBNC4yMjIyMSw0LjIyMjIxLDAsMCwxLDE0LjMyNzE0LDQ0Ljc1NWE0LjM1MzM4LDQuMzUzMzgsMCwwLDEtMS4zNzEtMi4zNTk2OSw0MC40MjA0NSw0MC40MjA0NSwwLDAsMS0uNjE5NDgtOC4zNDMxMiw0MS4yNzQ2Nyw0MS4yNzQ2NywwLDAsMSwuNjE5NDgtOC4zNDM0N0E0LjUyNzY4LDQuNTI3NjgsMCwwLDEsMTQuMzM5LDIzLjM0OWE0LjMyMDc0LDQuMzIwNzQsMCwwLDEsMi40NTUtMS4xMjA0M3E0LjM2MjQtLjQ3NjYxLDEzLjIwNTc4LS40NzY2MSw4Ljg0MzczLDAsMTMuMjMwMS40NzY2MWE0LjQ3Nzk0LDQuNDc3OTQsMCwwLDEsMy44MTQyLDMuNDgwMTJBNDAuNDc2MjYsNDAuNDc2MjYsMCwwLDEsNDcuNjYzNSwzNC4wNTIxN1pNMTkuODY5MDksMjguMTE2MzhIMjIuNDJWMjUuODc1NTZIMTQuOTgyMDl2Mi4yNDA4MmgyLjUwM1Y0MS42Nzk5aDIuMzg0Wk0yMy44NzM3OCwzLjYzNTIzaDIuNDMxMzFsLTIuODgzOTIsOS41MTExNnY2LjQ2aC0yLjM4NHYtNi40NmE0MC40MTAyMyw0MC40MTAyMywwLDAsMC0xLjQ1Mzc5LTUuMDUzNXEtLjg4MjI3LTIuNDU1LTEuNTQ5NzEtNC40NTc2NmgyLjUyNjU1bDEuNjkyOTQsNi4yNjk1MVpNMjYuNzM0MSw0MS42Nzk5aDIuMTIxOTVWMjkuOTA0MjVIMjYuNzM0MXY5LjAxMDU4UTI2LjAxOTczLDM5LjkxNiwyNS4zNzU1NiwzOS45MTZxLS40Mjg2NCwwLS41MDA1OS0uNTAwNTlhNi42MjcxNyw2LjYyNzE3LDAsMCwxLS4wMjM2NC0uODM0MzFWMjkuOTA0MjVIMjIuNzI5MzlWMzkuMjI0OWE1Ljg2Niw1Ljg2NiwwLDAsMCwuMTkxMTksMS43NDAyNCwxLjI4MzgxLDEuMjgzODEsMCwwLDAsMS4zODIxNy44ODE1OSwzLjQ5MDIzLDMuNDkwMjMsMCwwLDAsMi40MzEzMi0xLjQ1Mzc5Wm01Ljk1OTc1LTMwLjEwNjUzdjQuMTcxNTVhNC43MDI5MSw0LjcwMjkxLDAsMCwxLS42Njc0MywyLjgxMjY4LDMuMjA5NTYsMy4yMDk1NiwwLDAsMS01LjAzMDIyLDAsNC43NjQsNC43NjQsMCwwLDEtLjY2NzQzLTIuODEyNjhWMTEuNTczMzdhNC42NDg5NCw0LjY0ODk0LDAsMCwxLC42Njc0My0yLjc4OSwzLjIwOTU4LDMuMjA5NTgsMCwwLDEsNS4wMzAyMiwwQTQuNjUzOTEsNC42NTM5MSwwLDAsMSwzMi42OTM4NSwxMS41NzMzN1ptLTIuMTY5MjQsNC41NzY1NVYxMS4xNDRxMC0xLjY0NDY1LTEuMDI1NTEtMS42NDQ2NC0xLjAyNTE2LDAtMS4wMjQ4MSwxLjY0NDY0VjE2LjE0OTlxMCwxLjY2OTE2LDEuMDI0ODEsMS42Njg2MywxLjAyNTIyLDAsMS4wMjU1Mi0xLjY2ODYyWm02LjQzNiwyMi4wMDIyMlYzMy40NTU2NWE4LjQ2Niw4LjQ2NiwwLDAsMC0uMjE0ODMtMi4zNTkzNywxLjY1NTU1LDEuNjU1NTUsMCwwLDAtMS42OTIyNi0xLjMzNDg3LDIuODcxNzksMi44NzE3OSwwLDAsMC0yLjIxNzE5LDEuMjg2OTNWMjUuODc1NTZIMzAuNzE1MTRWNDEuNjc5OWgyLjEyMTI0VjQwLjUzNTQ4YTIuOTU5MTQsMi45NTkxNCwwLDAsMCwyLjIxNzE5LDEuMzExMjcsMS42NTAzOCwxLjY1MDM4LDAsMCwwLDEuNjkyMjktMS4zMTEyNyw4Ljc0NTQzLDguNzQ1NDMsMCwwLDAsLjIxNDgxLTIuMzgzMzRaTTM0LjgzODcsMzMuMjg4OFYzOC4zMTlxMCwxLjU5NjY4LS45Mjk1NywxLjU5N2ExLjUyOTE4LDEuNTI5MTgsMCwwLDEtMS4wNzI3OC0uNTI0MjJWMzIuMjE2MzNhMS41MzA1NSwxLjUzMDU1LDAsMCwxLDEuMDcyNzgtLjUyNDIycS45MzAyOSwwLC45Mjk1OCwxLjU5NjY2Wk00MC42Nzg5Miw3LjcxMTU0VjE5LjYwNjRIMzguNTA5NzFWMTguMjk1NTJhMy40Mjc1MywzLjQyNzUzLDAsMCwxLTIuNDU0OTMsMS40Nzc3LDEuMzI0NTEsMS4zMjQ1MSwwLDAsMS0xLjQwNjU1LS44ODE5Myw2LjExMjQ2LDYuMTEyNDYsMCwwLDEtLjE5MDQ5LTEuNzg3ODdWNy43MTE1NEgzNi42MjdWMTYuNDZhNi4yNDg1NCw2LjI0ODU0LDAsMCwwLC4wMjM2NS44MzQzMnEuMDcyLjUyNDU3LjUwMDU4LjUyNDIyLjY0MzQ3LDAsMS4zNTg1NS0xLjAyNDgxVjcuNzExNTRabTQuMzM4NDIsMzAuMjAyMDl2LS4zMTAwOUg0Mi44NDgxMmExMS45NTU3NiwxMS45NTU3NiwwLDAsMS0uMDQ3MjgsMS40NTQ1MS45MTI1Ni45MTI1NiwwLDAsMS0uOTUzODkuODU4cS0xLjA5NjA4LDAtMS4wOTY0NC0xLjY0NVYzNi4xOTc4aDQuMjY2ODFWMzMuNzQyMDlBNC43MzIyLDQuNzMyMiwwLDAsMCw0NC4zNzQyLDMwLjk3N2EzLjI1ODcxLDMuMjU4NzEsMCwwLDAtNS4wNzc0OCwwLDQuNTk5LDQuNTk5LDAsMCwwLS42Njc0MywyLjc2NTA4djQuMTI0MjVhNC40NzYwOSw0LjQ3NjA5LDAsMCwwLC42OTEwOSwyLjc2NTA4LDMuMDYxMzksMy4wNjEzOSwwLDAsMCwyLjU3NDU0LDEuMjE1MzMsMi45NTAzMywyLjk1MDMzLDAsMCwwLDMuMDc1MTQtMi41NTA5MSwxMC42MTE3NCwxMC42MTE3NCwwLDAsMCwuMDQ3MjYtMS4zODIxOVpNNDIuODk2MSwzMy4zMTMxMXYxLjA5NjQ0SDQwLjc1MDUzVjMzLjMxMzExcTAtMS42MjA2NCwxLjA3Mjc5LTEuNjIxUTQyLjg5NjQ1LDMxLjY5MjExLDQyLjg5NjEsMzMuMzEzMTFaIiBmaWxsPSIjZmZmIi8+PC9zdmc+); } .icon-twitter { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGl2ZWxsb18xIiBkYXRhLW5hbWU9IkxpdmVsbG8gMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNjAiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCA2MCA1MCI+PHRpdGxlPnR3aXR0ZXI8L3RpdGxlPjxwYXRoIGQ9Ik01MC41LDEyLjMwMzkxYTE3LjYxMzE4LDE3LjYxMzE4LDAsMCwxLTQuMjE0MzEsNC4zNDQ3OHEuMDI1MDUuMzY0NzkuMDI1OCwxLjA5MjY1YTIzLjg4NCwyMy44ODQsMCwwLDEtLjk4ODY5LDYuNzUwODhBMjQuMzk5LDI0LjM5OSwwLDAsMSw0Mi4zMTgsMzAuOTU2NjYsMjUuNDE2MTQsMjUuNDE2MTQsMCwwLDEsMzcuNTE4LDM2LjQzMzU0LDIxLjM4NDgyLDIxLjM4NDgyLDAsMCwxLDMwLjgwNjU1LDQwLjIzMiwyNC41NjUzOSwyNC41NjUzOSwwLDAsMSwyMi40MDMsNDEuNjQ5NCwyMy4zMjc2NiwyMy4zMjc2NiwwLDAsMSw5LjUsMzcuODc2NzNhMTcuODU3MzgsMTcuODU3MzgsMCwwLDAsMi4wMjkuMTA0NzEsMTYuNDUyMTcsMTYuNDUyMTcsMCwwLDAsMTAuNDMxNzMtMy41OTA1NSw4LjQyMDM1LDguNDIwMzUsMCwwLDEtNy44NTY0Mi01LjgyNzQsMTAuNTczMTgsMTAuNTczMTgsMCwwLDAsMS41ODczNy4xMzA1Myw4LjY5MzE5LDguNjkzMTksMCwwLDAsMi4yMTEwOC0uMjg2NDQsOC4yNjU5MSw4LjI2NTkxLDAsMCwxLTQuODI1ODctMi45MDA4Myw4LjExNzIsOC4xMTcyLDAsMCwxLTEuOTEyMDktNS4zNDZ2LS4xMDRhOC4zMzEyNCw4LjMzMTI0LDAsMCwwLDMuNzk4NDUsMS4wNjY0Miw4LjM4MjIzLDguMzgyMjMsMCwwLDEtMi43MzE2MS0yLjk5MTg3LDguNDE4Nyw4LjQxODcsMCwwLDEsLjEyOTc1LTguMjQ2OCwyMy44MDc1MSwyMy44MDc1MSwwLDAsMCw3LjY2MTQyLDYuMjA0OTIsMjMuNDA4ODQsMjMuNDA4ODQsMCwwLDAsOS42NjQ1OSwyLjU4ODE4LDkuMzIwNTIsOS4zMjA1MiwwLDAsMS0uMjA3OS0xLjkyNSw4LjA5ODEyLDguMDk4MTIsMCwwLDEsMi40NTg0LTUuOTQ0MjksOC40MjMzMyw4LjQyMzMzLDAsMCwxLDExLjkxMjM3LjAxNzQxaDBxLjA4NzI0LjA4NzU0LjE3MTk1LjE3NzZBMTYuNDcyODIsMTYuNDcyODIsMCwwLDAsNDkuMzU1LDguOTc0YTguMTU3NjEsOC4xNTc2MSwwLDAsMS0zLjY5Mzc1LDQuNjMwODRBMTYuNzI5OTQsMTYuNzI5OTQsMCwwLDAsNTAuNSwxMi4zMDM5MVoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=); } .collapse-btn { display: none; } @media all and (max-width: 1279px) and (min-width: 731px) { header .header-container { width: 91%; max-width: 1024px; } footer { height: 78px; } footer .footer-container { width: 91%; max-width: 1024px; } } @media all and (max-width: 730px) { header .header-container { z-index: 1000001; width: 100%; max-width: 730px; height: 50px; border-bottom: 1px solid #333; } header .header-container .logo { position: relative; margin-left: auto; margin-right: auto; width: 91%; } header .header-container .logo figure { margin-left: 0; } header .header-container .header-links { position: absolute; text-align: center; overflow: hidden; z-index: -1; top: 51px; width: 100%; height: auto; max-height: 0; transition: all 400ms 100ms; background: #000; } header .header-container .header-links:nth-child(3) span { transition-delay: 0s; } header .header-container .header-links:nth-child(2) span { transition-delay: 0.05s; } header .header-container .header-links:nth-child(1) span { transition-delay: 0.1s; } header .header-container .header-links:nth-child(0) span { transition-delay: 0.15s; } header .header-container .header-links:nth-child(-1) span { transition-delay: 0.2s; } header .header-container .header-links:nth-child(-2) span { transition-delay: 0.25s; } header .header-container .header-links:nth-child(-3) span { transition-delay: 0.3s; } header .header-container .header-links:nth-child(-4) span { transition-delay: 0.35s; } header .header-container .header-links:nth-child(-5) span { transition-delay: 0.4s; } header .header-container .header-links:nth-child(-6) span { transition-delay: 0.45s; } header .header-container .header-links:nth-child(-7) span { transition-delay: 0.5s; } header .header-container .header-links:nth-child(-8) span { transition-delay: 0.55s; } header .header-container .header-links:nth-child(-9) span { transition-delay: 0.6s; } header .header-container .header-links:nth-child(-10) span { transition-delay: 0.65s; } header .header-container .header-links:nth-child(-11) span { transition-delay: 0.7s; } header .header-container .header-links:nth-child(-12) span { transition-delay: 0.75s; } header .header-container .header-links:nth-child(-13) span { transition-delay: 0.8s; } header .header-container .header-links:nth-child(-14) span { transition-delay: 0.85s; } header .header-container .header-links:nth-child(-15) span { transition-delay: 0.9s; } header .header-container .header-links:nth-child(-16) span { transition-delay: 0.95s; } header .header-container .header-links:nth-child(-17) span { transition-delay: 1s; } header .header-container .header-links .link { position: relative; display: block; opacity: 0; box-sizing: border-box; padding: 15px 15px; background-color: #000; transform: translateY(-30px); transition: all 300ms; } header .header-container .header-links .link:first-child { padding-top: 30px; } header .header-container .header-links .link:last-child { padding-bottom: 30px; } header .header-container .header-links .link:nth-child(1) { transition-delay: 0.3s; } header .header-container .header-links .link:nth-child(1) { transition-delay: 0.2s; } header .header-container .header-links .link:nth-child(1) { transition-delay: 0.1s; } header .header-container .header-links .link:nth-child(1) { transition-delay: 0s; } header .header-container .header-links.active { max-height: 3000px; transition: all 400ms; } header .header-container .header-links.active .link { opacity: 1; transform: translateY(0px); } header .header-container .header-links.active .link:nth-child(1) { transition-delay: 0s; } header .header-container .header-links.active .link:nth-child(2) { transition-delay: 0.1s; } header .header-container .header-links.active .link:nth-child(3) { transition-delay: 0.2s; } header .header-container .header-links.active .link:nth-child(4) { transition-delay: 0.3s; } header .collapse-btn { position: absolute; display: block; cursor: pointer; top: 50%; right: 4.5%; transform: translateY(-50%); } header .collapse-btn .burger-bar { height: 2px; width: 24px; margin: 6px; background: #f0f0f0; transition: 0.3s; } header .collapse-btn.active .burger-bar:nth-child(1) { transition: 0.3s; transform: translate(0px, 8px) rotate(45deg); } header .collapse-btn.active .burger-bar:nth-child(2) { transition: 0.1s; width: 0px; } header .collapse-btn.active .burger-bar:nth-child(3) { transition: 0.3s; transform: translate(0px, -8px) rotate(-45deg); } footer { padding: 1px; height: auto; } footer .footer-container { text-align: center; padding: 30px 0 8px; width: 91%; max-width: 700px; height: auto; } footer .footer-container .footer-logo, footer .footer-container .footer-sm { position: relative; display: block; top: unset; transform: unset; } footer .footer-container .footer-logo figure { margin-left: auto; margin-right: auto; } footer .footer-container .footer-logo .logo-text { margin-top: 13px; font-size: 12px; } footer .footer-container .footer-sm { margin-top: 0; } footer .footer-container .footer-sm .sm-item { margin: 0 1px; } footer .footer-container .footer-sm .sm-item figure { width: 41px; height: 41px; } } .scroll__tool { position: fixed; opacity: 0; right: 40px; bottom: 110px; transform: translateY(200px); transition: opacity 200ms, transform 500ms ease-out; } .scroll__tool.show { z-index: 10000000; opacity: 1; transform: translateY(0px); transition: opacity 200ms 200ms, transform 500ms ease-out; } .scroll__tool .img__scroll-top { cursor: pointer; width: 61px; height: 61px; background-position: center; background-size: cover; background-repeat: no-repeat; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEoAAABKCAYAAAAc0MJxAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGQjFDQUIzOUMxRkIxMUU4OEExM0I3MjlGQjlDQjIxRiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGQjFDQUIzQUMxRkIxMUU4OEExM0I3MjlGQjlDQjIxRiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkZCMUNBQjM3QzFGQjExRTg4QTEzQjcyOUZCOUNCMjFGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkZCMUNBQjM4QzFGQjExRTg4QTEzQjcyOUZCOUNCMjFGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+SSfYQwAABZ9JREFUeNrsnN9PHFUUxy9tKbjobooVYlNN1TZiMTbRpMjC7rJYfzXadF+MfTCmvgIBAoS/goQXXwk/QyC4UFZqTXwxwZcm0lKlP6immDbEImyzJGyAovV84cxms8zuzv6YHzszJ/mGJbMzc+9nz7n33Dtzb1EgEBC2pbZgMCgO2BiU2SEd7llEeol0jPQi6SipnOQgHSaV8Pe2SNukKClMWiWtkZZJ/5CemRHUc6Qq0huk10hlCs4pYb1Aqkw4tkF6QPqTdI9hFiwoeM5J0nukU6SDebw2QL/N+pd0n/Qr6Q+1PE0NUGj33iHVc1ipbQfZW6s4PGdJt0j/GRkUQus8tz16GH6YiyQP6SqHpqFAOUkfk6oN0knhh/qKdJt0jbRuBFCnSRdIpQbs1VG210nTDC2n9iQXyAizLwwKSbJSLuP5XBwj2xOR83xJerWAcsazpJdJo9mkE9l4FNqjbwoMkmSvcNmdaoPCDS5r1O2r2TNezhRWJqCQ5H1NOmKCodsRrktZvkEhqbukY36kVgpxSemIQSko5EjHTTgpcJzrlhdQp7nHMKud5TrmBMrJyaTZDXV05QLqE4Mnk/lMSj/LFtRJJS5pIjvFMxAZgSpib7KanUvGJBmo6gJPKnNJRquVgoI3eYR1rZ4ZpAWFtqnSwqAqmUFaUGeEbWfSgSpN1fJbyKoS06JEUG8JfZ71Gc0OMYukoN60GcmzOJDw+YTNJ2Yn4vnEg6owwnClu7u7saOjw2eQYU1FfCxKdkzvknV1dflrampiOVxPT8/POhcJTP6W8yjdrLOzs6G2ttb7jK2urq6hvb1d78S3Qi70ynWE5HO73T4AGh8f/y4YDE7is8fjaWxra6vXEVS5XOi59CgJtUdegtQAMBMTE8GxsbGF3XEUWSAQuOj1ej/A/729vbM6FM8l51FlWpeCQstLIeYHJHjR6Ojo79Kx4eHhW1NTU1dwDLBaW1vrdADlkANVrDEkiixPDNLIyMhvid8ZGhqal2D5fL5zLS0tbo1BHZYDVaLV3dHuoP0BgMnJySk5SPGwpsnwXb/f/6HGsEpSDYpVNYQQQgkVh7cgxNKdMzAwcDMUCsVgNTc312pd7nhQW2rfjCroRgihwlfI4C1Kz+3v74/Bamxs/Kipqel9DfhsyYF6quYdnU5nMbwBFUUoDQ4Ozmd6DYYVoksIwHI4HGoP4Lfl0gO8QPq8WndcX19/OjMzMx0Ohzco5BazvQ7BuhGJRDZcLpcjGo3uqAwqKgcqIlSe2ezr67uRj+tQB7CoUdMUkQu9sD1hsM/CcqBWbC77bEUO1LLNZZ8tJ/OoTZtNzDaTeRReYF+y+cRsScS91J+Ymd+z+cizSAR1h7RjM9plcCcVKMTlXZvTLoPNVKBg8zan/QzkQGEp12MLQ3rMDNKCwnq3WQuDmhUya/6SzUdhSnbVgpBQ5wW5A8lAgeg1C4L6SSRZEJlqhhNxettCkO6n6vHTTQXDq7YsAAl1/D7VF9KBwsrJqxYANSPi5p6yASXlFHMmhoS6pX3AofQpDLzqkQkhPVIaMUpBYeyDlZNrJoK0xnXayScoGB4+DJCemADSE67LhtITMn0Aisa9v8CT0VWuQ0ZL/LN5UozeoY/0sAAhPeSyRzI9MdtH6lF23esFBOk6lzmrDW9yedK6wz3GX6TPhXGXq2FeKZRsDKcFKMkWuJvFklOjLVvDEOzHbEJNDVBSuzUu9taQfCr0X6SNrv8HITOvpDeo+IH0t2JvLQnekNN6KRt6tF94NGHobZEEFxDvGNwUe6sq3xX532gr3qSNtub4b8FstCUZCrzIwruQWIiDnXeUbt2WLvldEnv7Q90VBb51W2I6MceK3wzwKLdn0maA6DmL2Uu2ucfC3zC3OwgtU28GmOhpK6LAXgopwttrtqW3/wUYADyEo4WqC5m6AAAAAElFTkSuQmCC"); } @media (max-width: 1300px) and (min-width: 721px) { .scroll__tool { right: 30px; bottom: 100px; } .scroll__tool .img__scroll-top { width: 52px; height: 52px; } } @media (max-width: 720px) { .scroll__tool { right: 12px; bottom: 17px; } .scroll__tool .img__scroll-top { width: 45px; height: 45px; } } .footnotes { margin: 25px auto 0; max-width: 1180px; width: 100%; padding-left: 16px; padding-right: 16px; } .footnotes ul.footnote { font-size: 18px; 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: 731px) and (max-width: 1279px) { .footnotes { padding-left: 16px; padding-right: 16px; } } @media all and (max-width: 730px) { .footnotes { width: auto; padding-left: 11px; padding-right: 11px; box-sizing: border-box; } .footnotes ul.footnote { margin-left: 14px; 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: 731px) and (max-width: 1279px) { .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: 730px) { .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-text { color: #6f6f6f; } .modal-button-container.bg-gray .modal-button .modal-button-start-cap, .modal-button-container.bg-gray .modal-button .modal-button-scaler, .modal-button-container.bg-gray .modal-button .modal-button-end-cap { background: #6f6f6f; } .modal-button-container.bg-white .modal-button.old__browser .modal-button-start-cap, .modal-button-container.bg-white .modal-button.old__browser .modal-button-copy, .modal-button-container.bg-white .modal-button.old__browser .modal-button-end-cap { background: #fff; } .modal-button-container.bg-white .modal-button.old__browser .modal-button-copy { color: #333; } .modal-button-container.bg-white .modal-button.old__browser .pluscircle-icon { background-image: url(@wording-path-features@images/large/1x/icon/icon_modalbtn_gray.png) !important; } .modal-button-container.bg-white .modal-button .modal-button-copy { color: #333; } .modal-button-container.bg-white .modal-button .modal-button-start-cap, .modal-button-container.bg-white .modal-button .modal-button-scaler, .modal-button-container.bg-white .modal-button .modal-button-end-cap { background: #fff; } .modal-button-container.bg-white .modal-button .pluscircle-icon svg path { fill: #333; } 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: 731px) and (max-width: 1279px) { #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: 730px) { #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 { color: #333333; } .wd__section .wd__content .content__slogan { position: relative; color: #a89d5b; font-size: 30px; } @media all and (min-width: 731px) and (max-width: 1279px) { .wd__section .wd__content .content__slogan { font-size: 24px; } } @media all and (max-width: 730px) { .wd__section .wd__content .content__slogan { font-size: 20px; } } .wd__section .wd__content .content__title { position: relative; margin-top: 25px; font-size: 50px; line-height: 1.2; } @media all and (min-width: 731px) and (max-width: 1279px) { .wd__section .wd__content .content__title { margin-top: 21px; } } @media all and (max-width: 730px) { .wd__section .wd__content .content__title { margin-top: 14px; font-size: 37px; } } .wd__section .wd__content .content__info { position: relative; margin-top: 24px; font-size: 20px; line-height: 1.5; } @media all and (min-width: 731px) and (max-width: 1279px) { .wd__section .wd__content .content__info { margin-top: 30px; } } @media all and (max-width: 730px) { .wd__section .wd__content .content__info { margin-top: 30px; 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: 730px) { .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: 731px) and (max-width: 1279px) { .wd__section .wd__content .content__link { margin-top: 16px; } } @media all and (max-width: 730px) { .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; color: #fff; } .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: 731px) and (max-width: 1279px) { .wd__section .wd__link__arrow:after { padding-left: 3px; } } @media all and (max-width: 730px) { .wd__section .wd__link__arrow:after { padding-left: 4px; } } .wd__section .wd__feature__list { position: relative; margin-top: 64px; } @media all and (min-width: 731px) and (max-width: 1279px) { .wd__section .wd__feature__list { margin-top: 50px; } } @media all and (max-width: 730px) { .wd__section .wd__feature__list { margin-top: 34px; } } .wd__section .wd__feature__list .wd__feature { position: relative; display: inline-block; vertical-align: bottom; box-sizing: border-box; margin: 0 25px 50px; color: #333333; } @media all and (min-width: 731px) and (max-width: 1279px) { .wd__section .wd__feature__list .wd__feature { margin: 0 33px 48px; } } @media all and (max-width: 730px) { .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: 730px) { .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: 730px) { .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: 731px) and (max-width: 1279px) { .wd__section .wd__feature__list .wd__feature .wd__feature__data span { font-size: 30px; } } @media all and (max-width: 730px) { .wd__section .wd__feature__list .wd__feature .wd__feature__data span { font-size: 25px; } } .wd__section .wd__feature__list .wd__feature .wd__feature__describe { position: relative; margin-top: -3px; } @media all and (max-width: 730px) { .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: 731px) and (max-width: 1279px) { .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: 730px) { .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: 731px) and (max-width: 1279px) { .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: 730px) { .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.text__long-en { font-size: 54px; line-height: 66px; bottom: -4px; position: relative; } .wd__section .wd__feature__list .wd__feature .wd__feature__data.text__long-en * { line-height: 1; } .wd__section .wd__feature__list .wd__feature .wd__feature__data.text__long-tw { margin-top: 8px; font-size: 46px; line-height: 58px; } @media all and (min-width: 731px) and (max-width: 1279px) { .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: 730px) { .wd__section .wd__feature__list .wd__feature .wd__feature__data.text__long-en { font-size: 37.8px; line-height: 49px; padding-top: 0px; margin-bottom: -1px; } .wd__section .wd__feature__list .wd__feature .wd__feature__data.text__long-tw { font-size: 32px; line-height: 36px; padding-top: 5px; } } .wd__section .wd__feature__list .wd__feature .wd__feature__data.plus { position: relative; margin-right: 32px; } .wd__section .wd__feature__list .wd__feature .wd__feature__data.plus span { position: absolute; top: 4px; right: -33px; font-size: 51px; } @font-face { .wd__section { font-family: "slick"; src: url("/font/slick.eot"); src: url("/font/slick.eot?#iefix") format("embedded-opentype"), url("/font/slick.woff") format("woff"), url("/font/slick.ttf") format("truetype"), url("/font/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; } } .wd__section .slick-prev, .wd__section .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; } .wd__section .slick-prev:hover, .wd__section .slick-prev:focus, .wd__section .slick-next:hover, .wd__section .slick-next:focus { outline: none; color: transparent; } .wd__section .slick-prev:hover:before, .wd__section .slick-prev:focus:before, .wd__section .slick-next:hover:before, .wd__section .slick-next:focus:before { opacity: 1; } .wd__section .slick-prev.slick-disabled:before, .wd__section .slick-next.slick-disabled:before { opacity: 0.25; } .wd__section .slick-prev { left: -25px; } [dir="rtl"] .wd__section .slick-prev { left: auto; right: -25px; } .wd__section .slick-next { right: -25px; } [dir="rtl"] .wd__section .slick-next { left: -25px; right: auto; } .wd__section .slick-slider { margin-bottom: 30px; } .wd__section .slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; } .wd__section .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .wd__section .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; } .wd__section .slick-dots li button:hover, .wd__section .slick-dots li button:focus { outline: none; } .wd__section .slick-dots li button:hover:before, .wd__section .slick-dots li button:focus:before { opacity: 1; } .wd__section .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .wd__section .slick-dots li.slick-active button:before { color: black; opacity: 0.75; } .wd__section .slick-slider { position: relative; display: block; 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 { 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: 731px) and (max-width: 1279px) { .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; } } .wd__section .wd__border__center__text { display: inline-block; } .wd__section .wd__border__center__text .center__text { font-family: "Myriad Pro Light"; 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; transform: translate3d(0px, 0px, 0px); 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; } .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 { transform: translate3d(-40px, 0px, 0px) !important; opacity: 0 !important; } @media all and (min-width: 721px) and (max-width: 1300px) { .wd__section .wd__performance__graph .graph .graph__line .graph__bar .bar__value { margin-top: -4px; font-size: 17px; } .wd__section .wd__performance__graph .graph-badge { margin-top: -36px; } .wd__section .wd__performance__graph .graph-badge .badge__value { font-size: 58px; } } @media all and (min-width: 1px) and (max-width: 720px) { .wd__section .wd__performance__graph .graph__heading { padding-bottom: 24px; font-size: 19px; } .wd__section .wd__performance__graph .graph__description { margin-top: -26px; padding-bottom: 24px; } .wd__section .wd__performance__graph .graph .graph__line { margin-bottom: 28px; } .wd__section .wd__performance__graph .graph .graph__line.line-1 { position: relative; } .wd__section .wd__performance__graph .graph .graph__line.line-1 .graph__bar .bar__value { display: block; position: absolute; text-align: right; right: 0; margin-top: 16px; margin-left: -150px; font-size: 32px; } .wd__section .wd__performance__graph .graph .graph__line .graph__bar .bar__value { margin-left: 12px; } .wd__section .wd__performance__graph .graph .graph__line .graph__bar .bar__value .value__unit { font-size: 22px; } .wd__section .wd__performance__graph .graph .graph__line .graph__caption { opacity: 1; font-size: 17px; letter-spacing: .1px; } .wd__section .wd__performance__graph .graph-badge { display: none; } } .wd__section .wd__performance__graph.theme-black .graph__heading, .wd__section .wd__performance__graph.theme-black .graph__description { color: white; } .wd__section .wd__performance__graph.theme-black .bar__value, .wd__section .wd__performance__graph.theme-black .graph__caption { color: #eee; } .wd__section .wd__performance__graph.theme-black .line-1 .bar__value { color: #00c6ff; } .wd__section .wd__performance__graph.theme-black .graph-badges .graph-badge .badge__caption-top, .wd__section .wd__performance__graph.theme-black .graph-badges .graph-badge .badge__caption-bottom { color: white; } .wd__section .wd__performance__graph.theme-black .graph-badges .graph-badge .badge__value { color: #00c6ff; } .wd__section .wd__performance__graph.theme-white .graph__heading, .wd__section .wd__performance__graph.theme-white .graph__description { color: #333; } .wd__section .wd__performance__graph.theme-white .bar__value, .wd__section .wd__performance__graph.theme-white .graph__caption { color: #555; } .wd__section .wd__performance__graph.theme-white .line-1 .bar__value { color: #00c6ff; } .wd__section .wd__performance__graph.theme-white .graph-badges .graph-badge .badge__caption-top, .wd__section .wd__performance__graph.theme-white .graph-badges .graph-badge .badge__caption-bottom { color: #333; } .wd__section .wd__performance__graph.theme-white .graph-badges .graph-badge .badge__value { color: #00c6ff; } .wd_banner { overflow: hidden; } .wd_banner .wd__content { position: relative; top: 50%; padding: 0 30px; max-width: 480px; -khtml-transform: translateY(-50%); transform: translateY(-50%); } .wd_banner .wd__content .content__title { position: relative; display: block; text-transform: uppercase; margin-top: 0; font-size: 44.5px; line-height: 1.2; color: #fff; } .wd_banner .wd__content .content__info { position: relative; display: block; margin-top: 13px; font-size: 15px; line-height: 1.6; color: #fff; } .wd_banner .wd__content .content__link { margin-top: 47px; text-decoration: none; } .wd_banner .wd__content .content__link { position: relative; height: unset; line-height: unset; } .wd_banner .wd__content .content__link:after { display: none; } .wd_banner .wd__content .content__link:hover span { color: #000000; background: #fff; border-color: #fff; } .wd_banner .wd__content .content__link span { position: relative; display: inline-block; padding: 8px 30px; border: 1px solid #fff !important; border-radius: 3px; font-size: 16px; transition: all 300ms cubic-bezier(0.7, 1, 0.7, 1); } .wd_banner .text-content { position: absolute; z-index: 100; top: 0; width: 42%; min-width: 500px; height: 706px; background-color: rgba(0, 0, 0, 0.6); } .wd_banner .text-content.text-left { left: 0; } .wd_banner .text-content.text-right { right: 0; } .wd_banner .banner-img { position: relative; display: block; margin: 0 auto; width: 100%; max-width: 2560px; height: 706px; } @media all and (max-width: 1279px) and (min-width: 731px) { .wd_banner .wd__content { top: unset; padding: 0; width: 100%; max-width: 800px; -khtml-transform: unset; transform: unset; } .wd_banner .wd__content .content__title { font-size: 38.4px; line-height: 1.2; } .wd_banner .wd__content .content__info { margin-top: 20px; font-size: 17px; line-height: 1.6; } .wd_banner .wd__content .content__link { margin-top: 47px; } .wd_banner .wd__content .content__link span { padding: 7px 46px; font-size: 18px; } .wd_banner .text-content { position: relative; display: block; box-sizing: border-box; padding: 60px 20px; width: 100%; min-width: unset; height: unset; } .wd_banner .text-content.text-left { left: unset; } .wd_banner .text-content.text-right { right: unset; } .wd_banner .banner-img { position: relative; display: block; margin: 0 auto; width: 100%; max-width: 2560px; } } @media all and (max-width: 730px) { .wd_banner .wd__content { top: unset; padding: 0 !important; width: 100% !important; max-width: 600px; -khtml-transform: unset; transform: unset; } .wd_banner .wd__content .content__title { margin-top: 0 !important; font-size: 32px; line-height: 1.2; } .wd_banner .wd__content .content__info { margin: 20px auto 0; max-width: 460px; font-size: 16px; line-height: 1.6; } .wd_banner .wd__content .content__link { margin-top: 35px; } .wd_banner .wd__content .content__link span { padding: 8px 30px; font-size: 16px; } .wd_banner .text-content { position: relative; display: block; box-sizing: border-box; padding: 53px 20px 62px; width: 100%; min-width: unset; height: unset; } .wd_banner .text-content.text-left { left: unset; } .wd_banner .text-content.text-right { right: unset; } .wd_banner .banner-img { position: relative; display: block; margin: 0 auto; width: 100%; max-width: 730px; } } .wd_product_carousel { position: relative; display: block; overflow: hidden; padding: 65px 0 125px; max-height: 459px; } .wd_product_carousel .product-slogan { position: relative; display: block; cursor: pointer; margin-bottom: 63px; -webkit-text-decoration-color: #000; text-decoration-color: #000; } .wd_product_carousel .product-slogan span { color: #000; font-size: 36px; } .wd_product_carousel .product-container { position: relative; display: block; padding-bottom: 59px; margin-left: auto; margin-right: auto; width: 100%; max-width: 1270px; } .wd_product_carousel .product-container .product { position: relative; padding-bottom: 5px; } .wd_product_carousel .product-container .product .product-img { position: relative; text-decoration: none; cursor: pointer; } .wd_product_carousel .product-container .product .product-img figure { position: relative; cursor: pointer; width: 220px; height: 220px; } .wd_product_carousel .product-container .product .product-img .content-name { position: relative; cursor: pointer; margin-top: 3px; margin-bottom: 22px; color: #000; font-size: 20px; text-decoration: none; } .wd_product_carousel .product-container .product .product-content { position: relative; } .wd_product_carousel .product-container .product .product-content .content-btn { position: relative; cursor: pointer; } .wd_product_carousel .product-container .product .product-content .content-btn a { position: relative; text-decoration: none; } .wd_product_carousel .product-container .product .product-content .content-btn a:hover span { color: #12489e; background: #fafafa; } .wd_product_carousel .product-container .product .product-content .content-btn a span { position: relative; display: inline-block; padding: 8px 20px; color: #fff; font-size: 16px; background: #12489e; border-radius: 3px; box-shadow: 0 3px 0 0 #09224b; transition: all 300ms cubic-bezier(0.7, 1, 0.7, 1); } .wd_product_carousel .product-container .slick-prev, .wd_product_carousel .product-container .slick-next { cursor: pointer; margin-top: 0; top: 82px; width: 33px; height: 50px; border-radius: 11px; background-color: unset; } .wd_product_carousel .product-container .slick-prev:before, .wd_product_carousel .product-container .slick-next:before { color: #333; font-size: 81px; } .wd_product_carousel .product-container .slick-prev:before { content: '‹'; top: 21px; } .wd_product_carousel .product-container .slick-next:before { content: '›'; top: 21px; } .wd_product_carousel .slick-active .product *:focus { outline: 0; } @media all and (max-width: 1279px) and (min-width: 731px) { .wd_product_carousel { padding: 50px 0 56px; max-height: 500px; } .wd_product_carousel .product-slogan { margin-bottom: 63px; } .wd_product_carousel .product-slogan span { font-size: 32px; } .wd_product_carousel .product-container { padding-left: 40px; padding-right: 40px; padding-bottom: 49px; width: 90%; max-width: 1024px; } .wd_product_carousel .product-container .product { padding-bottom: 5px; } .wd_product_carousel .product-container .product .product-img figure { width: 200px; height: 200px; background-size: contain; } .wd_product_carousel .product-container .product .product-img .content-name { margin-top: 3px; margin-bottom: 20px; font-size: 18px; } .wd_product_carousel .product-container .product .product-content .content-btn a span { padding: 8px 20px; font-size: 16px; border-radius: 3px; } .wd_product_carousel .product-container .slick-prev, .wd_product_carousel .product-container .slick-next { top: 89px; } .wd_product_carousel .product-container .slick-prev:before, .wd_product_carousel .product-container .slick-next:before { font-size: 81px; } .wd_product_carousel .product-container .slick-prev { top: 65px; } .wd_product_carousel .product-container .slick-next { top: 65px; } .slick-dots { left: 0; } } @media all and (max-width: 730px) { .wd_product_carousel { padding: 50px 0 26px; max-height: 400px; } .wd_product_carousel .product-slogan { margin-bottom: 45px; } .wd_product_carousel .product-slogan span { font-size: 26px; } .wd_product_carousel .product-container { padding-left: 20px; padding-right: 20px; padding-bottom: 0; width: 90%; max-width: 600px; } .wd_product_carousel .product-container .product { padding-bottom: 5px; } .wd_product_carousel .product-container .product .product-img figure { width: 180px; height: 180px; background-size: contain; } .wd_product_carousel .product-container .product .product-img .content-name { margin-top: 3px; margin-bottom: 20px; font-size: 18px; } .wd_product_carousel .product-container .product .product-content .content-btn a span { padding: 8px 20px; font-size: 16px; border-radius: 3px; } .wd_product_carousel .product-container .slick-prev, .wd_product_carousel .product-container .slick-next { top: 89px; } .wd_product_carousel .product-container .slick-prev:before, .wd_product_carousel .product-container .slick-next:before { font-size: 81px; } .wd_product_carousel .product-container .slick-prev { top: 74px; } .wd_product_carousel .product-container .slick-next { top: 74px; } } .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("@wording-path-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("@wording-path-features@images/large/2x/icon/inner/icon_open.png"); } } .inner__nav .nav__switch__btn.clicked { transform: translate3d(0px, 210px, 0px); } .inner__nav .nav__switch__btn.clicked .icon__switch { transform-origin: center; 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("@wording-path-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("@wording-path-features@images/large/2x/inner/icon/icon_all_smiles.png"); } } .inner__page .icon.icon-auto { background-image: url("@wording-path-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("@wording-path-features@images/large/2x/inner/icon/icon_auto.png"); } } .inner__page .icon.icon-beautification { background-image: url("@wording-path-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("@wording-path-features@images/large/2x/inner/icon/icon_beautification.png"); } } .inner__page .icon.icon-depthOfField { background-image: url("@wording-path-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("@wording-path-features@images/large/2x/inner/icon/icon_depth_of_field.png"); } } .inner__page .icon.icon-effect { background-image: url("@wording-path-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("@wording-path-features@images/large/2x/inner/icon/icon_effect.png"); } } .inner__page .icon.icon-gif { background-image: url("@wording-path-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("@wording-path-features@images/large/2x/inner/icon/icon_gif.png"); } } .inner__page .icon.icon-hdrPro { background-image: url("@wording-path-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("@wording-path-features@images/large/2x/inner/icon/icon_hdr_pro.png"); } } .inner__page .icon.icon-kids { background-image: url("@wording-path-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("@wording-path-features@images/large/2x/inner/icon/icon_kids.png"); } } .inner__page .icon.icon-lowlight { background-image: url("@wording-path-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("@wording-path-features@images/large/2x/inner/icon/icon_lowlight.png"); } } .inner__page .icon.icon-miniature { background-image: url("@wording-path-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("@wording-path-features@images/large/2x/inner/icon/icon_miniature.png"); } } .inner__page .icon.icon-night { background-image: url("@wording-path-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("@wording-path-features@images/large/2x/inner/icon/icon_night.png"); } } .inner__page .icon.icon-qrCode { background-image: url("@wording-path-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("@wording-path-features@images/large/2x/inner/icon/icon_qr_code.png"); } } .inner__page .icon.icon-selfiePanorama { background-image: url("@wording-path-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("@wording-path-features@images/large/2x/inner/icon/icon_selfie_panorama.png"); } } .inner__page .icon.icon-selfie { background-image: url("@wording-path-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("@wording-path-features@images/large/2x/inner/icon/icon_selfie.png"); } } .inner__page .icon.icon-slowMotion { background-image: url("@wording-path-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("@wording-path-features@images/large/2x/inner/icon/icon_slow_motion.png"); } } .inner__page .icon.icon-smartRemove { background-image: url("@wording-path-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("@wording-path-features@images/large/2x/inner/icon/icon_smart_remove.png"); } } .inner__page .icon.icon-superResolution { background-image: url("@wording-path-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("@wording-path-features@images/large/2x/inner/icon/icon_super_resolution.png"); } } .inner__page .icon.icon-manual { background-image: url("@wording-path-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("@wording-path-features@images/large/2x/inner/icon/icon_manual.png"); } } .inner__page .icon.icon-timeLapse { background-image: url("@wording-path-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("@wording-path-features@images/large/2x/inner/icon/icon_time_lapse.png"); } } .inner__page .icon.icon-timeRewind { background-image: url("@wording-path-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("@wording-path-features@images/large/2x/inner/icon/icon_time_rewind.png"); } } .inner__page .icon.icon-youtube { background-image: url("@wording-path-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("@wording-path-features@images/large/2x/inner/icon/icon_youtube.png"); } } .inner__page .icon.icon-panaroma { background-image: url("@wording-path-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("@wording-path-features@images/large/2x/inner/icon/icon_panaroma.png"); } } .inner__page .icon.icon-pro { background-image: url("@wording-path-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("@wording-path-features@images/large/2x/inner/icon/icon_pro.png"); } } .inner__page .icon.icon-portrait { background-image: url("@wording-path-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("@wording-path-features@images/large/2x/inner/icon/icon_portrait.png"); } } @media all and (min-width: 731px) and (max-width: 1279px) { .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 { transform: translate3d(0px, 210px, 0px); } .inner__nav .nav__switch__btn.clicked .icon__switch { transform-origin: center; 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: 730px) { .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 { transform: translate3d(0px, 210px, 0px); } .inner__nav .nav__switch__btn.clicked .icon__switch { transform-origin: center; 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; transform-origin: center center; transform: translateY(0px) translateZ(0px) rotate(0deg); transition: transform 800ms 50ms, background-image 300ms ease-out; } .wd__innerbtn .inner__btn .toggleSlide.fixed { position: fixed; top: -100px; } .wd__innerbtn .inner__btn.active .toggleSlide { 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("@wording-path-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("@wording-path-features@images/large/2x/icon/inner/icon_open_black.png"); } } .wd__innerbtn.theme-black .inner__btn.active .toggleSlide { background-image: url("@wording-path-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("@wording-path-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("@wording-path-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("@wording-path-features@images/large/2x/icon/inner/icon_open_white.png"); } } .wd__innerbtn.theme-white .inner__btn.active .toggleSlide { background-image: url("@wording-path-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("@wording-path-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: 731px) and (max-width: 1279px) { .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; transform-origin: center center; transform: translateY(0px) translateZ(0px) rotate(0deg); transition: transform 800ms 50ms, background-image 300ms ease-out; } .wd__innerbtn .inner__btn.active span { opacity: 0; } .wd__innerbtn .inner__btn.active .toggleSlide { transform: translateY(120px) translateZ(0px) rotate(0deg); } .wd__innerbtn .inner__btn.active .toggleSlide.fixed { top: -38px; } } @media all and (max-width: 730px) { .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; transform-origin: center center; transform: translateY(0px) translateZ(0px) rotate(0deg); transition: transform 800ms 50ms, background-image 300ms ease-out; } .wd__innerbtn .inner__btn .toggleSlide.fixed { top: -25px; } .wd__innerbtn .inner__btn.active span { opacity: 0; } .wd__innerbtn .inner__btn.active .toggleSlide { transform: translateY(103px) translateZ(0px) rotate(0deg); } .inner__page .section__content .wd__content { max-width: 414px !important; } } html #CMD .wd__section { background: #fff; } html #CMD .wd__section .row .col[class*="push-"], html #CMD .wd__section .row .col[class*="pull-"] { position: relative; } html #CMD .wd__section .always__on__top { position: relative; z-index: 1000; } html #CMD .wd__section .no__wrap { white-space: nowrap; display: inline-block; } html #CMD .wd__section .slick-dots li { margin-left: 10px; margin-right: 10px; } html #CMD .wd__section .slick-dots li button:before { color: #1c1b19; font-size: 41px; } html #CMD .wd__section .slick-dots li button:hover:before { color: #1c1b19; } html #CMD .wd__section .wd__content { position: relative; margin-left: auto; margin-right: auto; } html #CMD .wd__section .wd__content .content__link { color: #fff; } html #CMD .wd__section.theme__text-white .wd__content .content__title { color: #fff; } html #CMD .wd__section.theme__text-white .wd__content .content__info { color: #fff; } html #CMD .wd__section.theme__text-white .wd__content .content__link span { color: #fff; } html #CMD .wd__section.theme__text-white .wd__feature__list .wd__feature .wd__feature__data { color: #fff; } html #CMD .wd__section.theme__text-white .wd__feature__list .wd__feature .wd__feature__describe__top { color: #25aae5; } html #CMD .wd__section.theme__text-white .wd__feature__list .wd__feature .wd__feature__describe { color: #fff; } html #CMD .wd__section.theme__text-white .wd__feature__list .wd__feature .wd__feature__data { color: #25aae5; } html #CMD .wd__section.theme__text-special-black .wd__content .content__slogan { color: #1c1b19; } html #CMD .wd__section.theme__text-special-black .wd__content .content__title { color: #1c1b19; } html #CMD .wd__section.theme__text-special-black .wd__content .content__info { color: #1c1b19; } html #CMD .wd__section.theme__text-special-black .wd__content .content__link span { color: #1c1b19; } html #CMD .wd__section.theme__text-special-black .wd__content .content__slogan:before { background: #1c1b19; } html #CMD .wd__section.theme__text-special-black .wd__feature__list .wd__feature .wd__feature__data { color: #fff; } html #CMD .wd__section.theme__text-special-black .wd__feature__list .wd__feature .wd__feature__describe__top { color: #1c1b19; } html #CMD .wd__section.theme__text-special-black .wd__feature__list .wd__feature .wd__feature__describe { color: #fff; } html #CMD .wd__section .large_use, html #CMD .wd__section .medium_use, html #CMD .wd__section .small_use { display: none; } html #CMD .wd__section .large_use { display: block \9; } html #CMD .wd__section .large_unuse { display: none \9; } html #CMD .wd__section .modal-button { background-color: #25aae5; color: #fff; border-color: #25aae5; } html #CMD .wd__section .modal-button:hover { background-color: #178fc3; color: #fff; border-color: #178fc3; } html #CMD .section__kv { overflow: hidden; margin-top: 50px; background-color: #efeeec; } html #CMD .section__kv .wd__content { position: relative; z-index: 1; top: 110px; left: 50%; margin-left: -577px; width: 700px; } html #CMD .section__kv .wd__content .content__title { max-width: 490px; font-size: 53.6px; line-height: 1.15; text-transform: uppercase; } html #CMD .section__kv .wd__content .content__info { margin-top: 10px; font-size: 28px; line-height: 1.3; } html #CMD .section__kv .img__kv { position: relative; display: block; margin: -360px auto 0; width: 100%; max-width: 2560px; height: 1000px; } .image-jxr #CMD .section__kv .img__kv { background-image: url("../img/large/1x/kv.jxr"); } @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) { .image-jxr #CMD .section__kv .img__kv { background-image: url("../img/large/2x/kv.jxr"); } } .image-jp2 #CMD .section__kv .img__kv { background-image: url("../img/large/1x/kv.jp2"); } @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) { .image-jp2 #CMD .section__kv .img__kv { background-image: url("../img/large/2x/kv.jp2"); } } .image-webp #CMD .section__kv .img__kv { background-image: url("../img/large/1x/kv.webp"); } @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) { .image-webp #CMD .section__kv .img__kv { background-image: url("../img/large/2x/kv.webp"); } } .image-old #CMD .section__kv .img__kv { background-image: url("../img/large/1x/kv.jpg"); } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .image-old #CMD .section__kv .img__kv { background-image: url("../img/large/2x/kv.jpg"); } } html #CMD .section__2 .wd__content .content__title { max-width: 450px; } html #CMD .section__2 .text-content { background-color: #03383c; } .image-jxr #CMD .section__2 .banner-img { background-image: url("../img/large/1x/solution_1.jxr"); } @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) { .image-jxr #CMD .section__2 .banner-img { background-image: url("../img/large/2x/solution_1.jxr"); } } .image-jp2 #CMD .section__2 .banner-img { background-image: url("../img/large/1x/solution_1.jp2"); } @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) { .image-jp2 #CMD .section__2 .banner-img { background-image: url("../img/large/2x/solution_1.jp2"); } } .image-webp #CMD .section__2 .banner-img { background-image: url("../img/large/1x/solution_1.webp"); } @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) { .image-webp #CMD .section__2 .banner-img { background-image: url("../img/large/2x/solution_1.webp"); } } .image-old #CMD .section__2 .banner-img { background-image: url("../img/large/1x/solution_1.jpg"); } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .image-old #CMD .section__2 .banner-img { background-image: url("../img/large/2x/solution_1.jpg"); } } .image-jxr #CMD .section__3 .product-1 figure { background-image: url("../img/large/1x/product1/1.jxr"); } @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) { .image-jxr #CMD .section__3 .product-1 figure { background-image: url("../img/large/2x/product1/1.jxr"); } } .image-jp2 #CMD .section__3 .product-1 figure { background-image: url("../img/large/1x/product1/1.jp2"); } @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) { .image-jp2 #CMD .section__3 .product-1 figure { background-image: url("../img/large/2x/product1/1.jp2"); } } .image-webp #CMD .section__3 .product-1 figure { background-image: url("../img/large/1x/product1/1.webp"); } @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) { .image-webp #CMD .section__3 .product-1 figure { background-image: url("../img/large/2x/product1/1.webp"); } } .image-old #CMD .section__3 .product-1 figure { background-image: url("../img/large/1x/product1/1.png"); } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .image-old #CMD .section__3 .product-1 figure { background-image: url("../img/large/2x/product1/1.png"); } } .image-jxr #CMD .section__3 .product-2 figure { background-image: url("../img/large/1x/product1/2.jxr"); } @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) { .image-jxr #CMD .section__3 .product-2 figure { background-image: url("../img/large/2x/product1/2.jxr"); } } .image-jp2 #CMD .section__3 .product-2 figure { background-image: url("../img/large/1x/product1/2.jp2"); } @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) { .image-jp2 #CMD .section__3 .product-2 figure { background-image: url("../img/large/2x/product1/2.jp2"); } } .image-webp #CMD .section__3 .product-2 figure { background-image: url("../img/large/1x/product1/2.webp"); } @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) { .image-webp #CMD .section__3 .product-2 figure { background-image: url("../img/large/2x/product1/2.webp"); } } .image-old #CMD .section__3 .product-2 figure { background-image: url("../img/large/1x/product1/2.png"); } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .image-old #CMD .section__3 .product-2 figure { background-image: url("../img/large/2x/product1/2.png"); } } .image-jxr #CMD .section__3 .product-3 figure { background-image: url("../img/large/1x/product1/3.jxr"); } @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) { .image-jxr #CMD .section__3 .product-3 figure { background-image: url("../img/large/2x/product1/3.jxr"); } } .image-jp2 #CMD .section__3 .product-3 figure { background-image: url("../img/large/1x/product1/3.jp2"); } @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) { .image-jp2 #CMD .section__3 .product-3 figure { background-image: url("../img/large/2x/product1/3.jp2"); } } .image-webp #CMD .section__3 .product-3 figure { background-image: url("../img/large/1x/product1/3.webp"); } @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) { .image-webp #CMD .section__3 .product-3 figure { background-image: url("../img/large/2x/product1/3.webp"); } } .image-old #CMD .section__3 .product-3 figure { background-image: url("../img/large/1x/product1/3.png"); } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .image-old #CMD .section__3 .product-3 figure { background-image: url("../img/large/2x/product1/3.png"); } } .image-jxr #CMD .section__3 .product-4 figure { background-image: url("../img/large/1x/product1/4.jxr"); } @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) { .image-jxr #CMD .section__3 .product-4 figure { background-image: url("../img/large/2x/product1/4.jxr"); } } .image-jp2 #CMD .section__3 .product-4 figure { background-image: url("../img/large/1x/product1/4.jp2"); } @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) { .image-jp2 #CMD .section__3 .product-4 figure { background-image: url("../img/large/2x/product1/4.jp2"); } } .image-webp #CMD .section__3 .product-4 figure { background-image: url("../img/large/1x/product1/4.webp"); } @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) { .image-webp #CMD .section__3 .product-4 figure { background-image: url("../img/large/2x/product1/4.webp"); } } .image-old #CMD .section__3 .product-4 figure { background-image: url("../img/large/1x/product1/4.png"); } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .image-old #CMD .section__3 .product-4 figure { background-image: url("../img/large/2x/product1/4.png"); } } .image-jxr #CMD .section__3 .product-5 figure { background-image: url("../img/large/1x/product1/5.jxr"); } @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) { .image-jxr #CMD .section__3 .product-5 figure { background-image: url("../img/large/2x/product1/5.jxr"); } } .image-jp2 #CMD .section__3 .product-5 figure { background-image: url("../img/large/1x/product1/5.jp2"); } @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) { .image-jp2 #CMD .section__3 .product-5 figure { background-image: url("../img/large/2x/product1/5.jp2"); } } .image-webp #CMD .section__3 .product-5 figure { background-image: url("../img/large/1x/product1/5.webp"); } @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) { .image-webp #CMD .section__3 .product-5 figure { background-image: url("../img/large/2x/product1/5.webp"); } } .image-old #CMD .section__3 .product-5 figure { background-image: url("../img/large/1x/product1/5.png"); } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .image-old #CMD .section__3 .product-5 figure { background-image: url("../img/large/2x/product1/5.png"); } } .image-jxr #CMD .section__3 .product-6 figure { background-image: url("../img/large/1x/product1/6.jxr"); } @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) { .image-jxr #CMD .section__3 .product-6 figure { background-image: url("../img/large/2x/product1/6.jxr"); } } .image-jp2 #CMD .section__3 .product-6 figure { background-image: url("../img/large/1x/product1/6.jp2"); } @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) { .image-jp2 #CMD .section__3 .product-6 figure { background-image: url("../img/large/2x/product1/6.jp2"); } } .image-webp #CMD .section__3 .product-6 figure { background-image: url("../img/large/1x/product1/6.webp"); } @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) { .image-webp #CMD .section__3 .product-6 figure { background-image: url("../img/large/2x/product1/6.webp"); } } .image-old #CMD .section__3 .product-6 figure { background-image: url("../img/large/1x/product1/6.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) { .image-old #CMD .section__3 .product-6 figure { background-image: url("../img/large/2x/product1/6.png"); } } .image-jxr #CMD .section__3 .product-7 figure { background-image: url("../img/large/1x/product1/7.jxr"); } @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) { .image-jxr #CMD .section__3 .product-7 figure { background-image: url("../img/large/2x/product1/7.jxr"); } } .image-jp2 #CMD .section__3 .product-7 figure { background-image: url("../img/large/1x/product1/7.jp2"); } @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) { .image-jp2 #CMD .section__3 .product-7 figure { background-image: url("../img/large/2x/product1/7.jp2"); } } .image-webp #CMD .section__3 .product-7 figure { background-image: url("../img/large/1x/product1/7.webp"); } @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) { .image-webp #CMD .section__3 .product-7 figure { background-image: url("../img/large/2x/product1/7.webp"); } } .image-old #CMD .section__3 .product-7 figure { background-image: url("../img/large/1x/product1/7.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) { .image-old #CMD .section__3 .product-7 figure { background-image: url("../img/large/2x/product1/7.png"); } } .image-jxr #CMD .section__3 .product-8 figure { background-image: url("../img/large/1x/product1/8.jxr"); } @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) { .image-jxr #CMD .section__3 .product-8 figure { background-image: url("../img/large/2x/product1/8.jxr"); } } .image-jp2 #CMD .section__3 .product-8 figure { background-image: url("../img/large/1x/product1/8.jp2"); } @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) { .image-jp2 #CMD .section__3 .product-8 figure { background-image: url("../img/large/2x/product1/8.jp2"); } } .image-webp #CMD .section__3 .product-8 figure { background-image: url("../img/large/1x/product1/8.webp"); } @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) { .image-webp #CMD .section__3 .product-8 figure { background-image: url("../img/large/2x/product1/8.webp"); } } .image-old #CMD .section__3 .product-8 figure { background-image: url("../img/large/1x/product1/8.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) { .image-old #CMD .section__3 .product-8 figure { background-image: url("../img/large/2x/product1/8.png"); } } .image-jxr #CMD .section__3 .product-9 figure { background-image: url("../img/large/1x/product1/9.jxr"); } @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) { .image-jxr #CMD .section__3 .product-9 figure { background-image: url("../img/large/2x/product1/9.jxr"); } } .image-jp2 #CMD .section__3 .product-9 figure { background-image: url("../img/large/1x/product1/9.jp2"); } @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) { .image-jp2 #CMD .section__3 .product-9 figure { background-image: url("../img/large/2x/product1/9.jp2"); } } .image-webp #CMD .section__3 .product-9 figure { background-image: url("../img/large/1x/product1/9.webp"); } @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) { .image-webp #CMD .section__3 .product-9 figure { background-image: url("../img/large/2x/product1/9.webp"); } } .image-old #CMD .section__3 .product-9 figure { background-image: url("../img/large/1x/product1/9.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) { .image-old #CMD .section__3 .product-9 figure { background-image: url("../img/large/2x/product1/9.png"); } } .image-jxr #CMD .section__3 .product-10 figure { background-image: url("../img/large/1x/product1/10.jxr"); } @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) { .image-jxr #CMD .section__3 .product-10 figure { background-image: url("../img/large/2x/product1/10.jxr"); } } .image-jp2 #CMD .section__3 .product-10 figure { background-image: url("../img/large/1x/product1/10.jp2"); } @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) { .image-jp2 #CMD .section__3 .product-10 figure { background-image: url("../img/large/2x/product1/10.jp2"); } } .image-webp #CMD .section__3 .product-10 figure { background-image: url("../img/large/1x/product1/10.webp"); } @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) { .image-webp #CMD .section__3 .product-10 figure { background-image: url("../img/large/2x/product1/10.webp"); } } .image-old #CMD .section__3 .product-10 figure { background-image: url("../img/large/1x/product1/10.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) { .image-old #CMD .section__3 .product-10 figure { background-image: url("../img/large/2x/product1/10.png"); } } .image-jxr #CMD .section__3 .product-11 figure { background-image: url("../img/large/1x/product1/11.jxr"); } @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) { .image-jxr #CMD .section__3 .product-11 figure { background-image: url("../img/large/2x/product1/11.jxr"); } } .image-jp2 #CMD .section__3 .product-11 figure { background-image: url("../img/large/1x/product1/11.jp2"); } @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) { .image-jp2 #CMD .section__3 .product-11 figure { background-image: url("../img/large/2x/product1/11.jp2"); } } .image-webp #CMD .section__3 .product-11 figure { background-image: url("../img/large/1x/product1/11.webp"); } @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) { .image-webp #CMD .section__3 .product-11 figure { background-image: url("../img/large/2x/product1/11.webp"); } } .image-old #CMD .section__3 .product-11 figure { background-image: url("../img/large/1x/product1/11.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) { .image-old #CMD .section__3 .product-11 figure { background-image: url("../img/large/2x/product1/11.png"); } } .image-jxr #CMD .section__3 .product-12 figure { background-image: url("../img/large/1x/product1/12.jxr"); } @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) { .image-jxr #CMD .section__3 .product-12 figure { background-image: url("../img/large/2x/product1/12.jxr"); } } .image-jp2 #CMD .section__3 .product-12 figure { background-image: url("../img/large/1x/product1/12.jp2"); } @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) { .image-jp2 #CMD .section__3 .product-12 figure { background-image: url("../img/large/2x/product1/12.jp2"); } } .image-webp #CMD .section__3 .product-12 figure { background-image: url("../img/large/1x/product1/12.webp"); } @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) { .image-webp #CMD .section__3 .product-12 figure { background-image: url("../img/large/2x/product1/12.webp"); } } .image-old #CMD .section__3 .product-12 figure { background-image: url("../img/large/1x/product1/12.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) { .image-old #CMD .section__3 .product-12 figure { background-image: url("../img/large/2x/product1/12.png"); } } .image-jxr #CMD .section__3 .product-13 figure { background-image: url("../img/large/1x/product1/13.jxr"); } @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) { .image-jxr #CMD .section__3 .product-13 figure { background-image: url("../img/large/2x/product1/13.jxr"); } } .image-jp2 #CMD .section__3 .product-13 figure { background-image: url("../img/large/1x/product1/13.jp2"); } @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) { .image-jp2 #CMD .section__3 .product-13 figure { background-image: url("../img/large/2x/product1/13.jp2"); } } .image-webp #CMD .section__3 .product-13 figure { background-image: url("../img/large/1x/product1/13.webp"); } @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) { .image-webp #CMD .section__3 .product-13 figure { background-image: url("../img/large/2x/product1/13.webp"); } } .image-old #CMD .section__3 .product-13 figure { background-image: url("../img/large/1x/product1/13.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) { .image-old #CMD .section__3 .product-13 figure { background-image: url("../img/large/2x/product1/13.png"); } } .image-jxr #CMD .section__3 .product-14 figure { background-image: url("../img/large/1x/product1/14.jxr"); } @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) { .image-jxr #CMD .section__3 .product-14 figure { background-image: url("../img/large/2x/product1/14.jxr"); } } .image-jp2 #CMD .section__3 .product-14 figure { background-image: url("../img/large/1x/product1/14.jp2"); } @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) { .image-jp2 #CMD .section__3 .product-14 figure { background-image: url("../img/large/2x/product1/14.jp2"); } } .image-webp #CMD .section__3 .product-14 figure { background-image: url("../img/large/1x/product1/14.webp"); } @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) { .image-webp #CMD .section__3 .product-14 figure { background-image: url("../img/large/2x/product1/14.webp"); } } .image-old #CMD .section__3 .product-14 figure { background-image: url("../img/large/1x/product1/14.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) { .image-old #CMD .section__3 .product-14 figure { background-image: url("../img/large/2x/product1/14.png"); } } .image-jxr #CMD .section__3 .product-15 figure { background-image: url("../img/large/1x/product1/15.jxr"); } @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) { .image-jxr #CMD .section__3 .product-15 figure { background-image: url("../img/large/2x/product1/15.jxr"); } } .image-jp2 #CMD .section__3 .product-15 figure { background-image: url("../img/large/1x/product1/15.jp2"); } @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) { .image-jp2 #CMD .section__3 .product-15 figure { background-image: url("../img/large/2x/product1/15.jp2"); } } .image-webp #CMD .section__3 .product-15 figure { background-image: url("../img/large/1x/product1/15.webp"); } @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) { .image-webp #CMD .section__3 .product-15 figure { background-image: url("../img/large/2x/product1/15.webp"); } } .image-old #CMD .section__3 .product-15 figure { background-image: url("../img/large/1x/product1/15.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) { .image-old #CMD .section__3 .product-15 figure { background-image: url("../img/large/2x/product1/15.png"); } } .image-jxr #CMD .section__3 .product-16 figure { background-image: url("../img/large/1x/product1/16.jxr"); } @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) { .image-jxr #CMD .section__3 .product-16 figure { background-image: url("../img/large/2x/product1/16.jxr"); } } .image-jp2 #CMD .section__3 .product-16 figure { background-image: url("../img/large/1x/product1/16.jp2"); } @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) { .image-jp2 #CMD .section__3 .product-16 figure { background-image: url("../img/large/2x/product1/16.jp2"); } } .image-webp #CMD .section__3 .product-16 figure { background-image: url("../img/large/1x/product1/16.webp"); } @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) { .image-webp #CMD .section__3 .product-16 figure { background-image: url("../img/large/2x/product1/16.webp"); } } .image-old #CMD .section__3 .product-16 figure { background-image: url("../img/large/1x/product1/16.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) { .image-old #CMD .section__3 .product-16 figure { background-image: url("../img/large/2x/product1/16.png"); } } .image-jxr #CMD .section__3 .product-17 figure { background-image: url("../img/large/1x/product1/17.jxr"); } @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) { .image-jxr #CMD .section__3 .product-17 figure { background-image: url("../img/large/2x/product1/17.jxr"); } } .image-jp2 #CMD .section__3 .product-17 figure { background-image: url("../img/large/1x/product1/17.jp2"); } @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) { .image-jp2 #CMD .section__3 .product-17 figure { background-image: url("../img/large/2x/product1/17.jp2"); } } .image-webp #CMD .section__3 .product-17 figure { background-image: url("../img/large/1x/product1/17.webp"); } @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) { .image-webp #CMD .section__3 .product-17 figure { background-image: url("../img/large/2x/product1/17.webp"); } } .image-old #CMD .section__3 .product-17 figure { background-image: url("../img/large/1x/product1/17.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) { .image-old #CMD .section__3 .product-17 figure { background-image: url("../img/large/2x/product1/17.png"); } } .image-jxr #CMD .section__3 .product-18 figure { background-image: url("../img/large/1x/product1/18.jxr"); } @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) { .image-jxr #CMD .section__3 .product-18 figure { background-image: url("../img/large/2x/product1/18.jxr"); } } .image-jp2 #CMD .section__3 .product-18 figure { background-image: url("../img/large/1x/product1/18.jp2"); } @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) { .image-jp2 #CMD .section__3 .product-18 figure { background-image: url("../img/large/2x/product1/18.jp2"); } } .image-webp #CMD .section__3 .product-18 figure { background-image: url("../img/large/1x/product1/18.webp"); } @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) { .image-webp #CMD .section__3 .product-18 figure { background-image: url("../img/large/2x/product1/18.webp"); } } .image-old #CMD .section__3 .product-18 figure { background-image: url("../img/large/1x/product1/18.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) { .image-old #CMD .section__3 .product-18 figure { background-image: url("../img/large/2x/product1/18.png"); } } .image-jxr #CMD .section__3 .product-19 figure { background-image: url("../img/large/1x/product1/19.jxr"); } @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) { .image-jxr #CMD .section__3 .product-19 figure { background-image: url("../img/large/2x/product1/19.jxr"); } } .image-jp2 #CMD .section__3 .product-19 figure { background-image: url("../img/large/1x/product1/19.jp2"); } @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) { .image-jp2 #CMD .section__3 .product-19 figure { background-image: url("../img/large/2x/product1/19.jp2"); } } .image-webp #CMD .section__3 .product-19 figure { background-image: url("../img/large/1x/product1/19.webp"); } @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) { .image-webp #CMD .section__3 .product-19 figure { background-image: url("../img/large/2x/product1/19.webp"); } } .image-old #CMD .section__3 .product-19 figure { background-image: url("../img/large/1x/product1/19.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) { .image-old #CMD .section__3 .product-19 figure { background-image: url("../img/large/2x/product1/19.png"); } } .image-jxr #CMD .section__3 .product-20 figure { background-image: url("../img/large/1x/product1/20.jxr"); } @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) { .image-jxr #CMD .section__3 .product-20 figure { background-image: url("../img/large/2x/product1/20.jxr"); } } .image-jp2 #CMD .section__3 .product-20 figure { background-image: url("../img/large/1x/product1/20.jp2"); } @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) { .image-jp2 #CMD .section__3 .product-20 figure { background-image: url("../img/large/2x/product1/20.jp2"); } } .image-webp #CMD .section__3 .product-20 figure { background-image: url("../img/large/1x/product1/20.webp"); } @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) { .image-webp #CMD .section__3 .product-20 figure { background-image: url("../img/large/2x/product1/20.webp"); } } .image-old #CMD .section__3 .product-20 figure { background-image: url("../img/large/1x/product1/20.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) { .image-old #CMD .section__3 .product-20 figure { background-image: url("../img/large/2x/product1/20.png"); } } html #CMD .section__4 .wd__content .content__title { max-width: 390px; } html #CMD .section__4 .text-content { background-color: #0a699d; } .image-jxr #CMD .section__4 .banner-img { background-image: url("../img/large/1x/solution_2.jxr"); } @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) { .image-jxr #CMD .section__4 .banner-img { background-image: url("../img/large/2x/solution_2.jxr"); } } .image-jp2 #CMD .section__4 .banner-img { background-image: url("../img/large/1x/solution_2.jp2"); } @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) { .image-jp2 #CMD .section__4 .banner-img { background-image: url("../img/large/2x/solution_2.jp2"); } } .image-webp #CMD .section__4 .banner-img { background-image: url("../img/large/1x/solution_2.webp"); } @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) { .image-webp #CMD .section__4 .banner-img { background-image: url("../img/large/2x/solution_2.webp"); } } .image-old #CMD .section__4 .banner-img { background-image: url("../img/large/1x/solution_2.jpg"); } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .image-old #CMD .section__4 .banner-img { background-image: url("../img/large/2x/solution_2.jpg"); } } .image-jxr #CMD .section__5 .product-1 figure { background-image: url("../img/large/1x/product2/1.jxr"); } @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) { .image-jxr #CMD .section__5 .product-1 figure { background-image: url("../img/large/2x/product2/1.jxr"); } } .image-jp2 #CMD .section__5 .product-1 figure { background-image: url("../img/large/1x/product2/1.jp2"); } @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) { .image-jp2 #CMD .section__5 .product-1 figure { background-image: url("../img/large/2x/product2/1.jp2"); } } .image-webp #CMD .section__5 .product-1 figure { background-image: url("../img/large/1x/product2/1.webp"); } @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) { .image-webp #CMD .section__5 .product-1 figure { background-image: url("../img/large/2x/product2/1.webp"); } } .image-old #CMD .section__5 .product-1 figure { background-image: url("../img/large/1x/product2/1.png"); } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .image-old #CMD .section__5 .product-1 figure { background-image: url("../img/large/2x/product2/1.png"); } } .image-jxr #CMD .section__5 .product-2 figure { background-image: url("../img/large/1x/product2/2.jxr"); } @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) { .image-jxr #CMD .section__5 .product-2 figure { background-image: url("../img/large/2x/product2/2.jxr"); } } .image-jp2 #CMD .section__5 .product-2 figure { background-image: url("../img/large/1x/product2/2.jp2"); } @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) { .image-jp2 #CMD .section__5 .product-2 figure { background-image: url("../img/large/2x/product2/2.jp2"); } } .image-webp #CMD .section__5 .product-2 figure { background-image: url("../img/large/1x/product2/2.webp"); } @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) { .image-webp #CMD .section__5 .product-2 figure { background-image: url("../img/large/2x/product2/2.webp"); } } .image-old #CMD .section__5 .product-2 figure { background-image: url("../img/large/1x/product2/2.png"); } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .image-old #CMD .section__5 .product-2 figure { background-image: url("../img/large/2x/product2/2.png"); } } .image-jxr #CMD .section__5 .product-3 figure { background-image: url("../img/large/1x/product2/3.jxr"); } @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) { .image-jxr #CMD .section__5 .product-3 figure { background-image: url("../img/large/2x/product2/3.jxr"); } } .image-jp2 #CMD .section__5 .product-3 figure { background-image: url("../img/large/1x/product2/3.jp2"); } @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) { .image-jp2 #CMD .section__5 .product-3 figure { background-image: url("../img/large/2x/product2/3.jp2"); } } .image-webp #CMD .section__5 .product-3 figure { background-image: url("../img/large/1x/product2/3.webp"); } @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) { .image-webp #CMD .section__5 .product-3 figure { background-image: url("../img/large/2x/product2/3.webp"); } } .image-old #CMD .section__5 .product-3 figure { background-image: url("../img/large/1x/product2/3.png"); } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .image-old #CMD .section__5 .product-3 figure { background-image: url("../img/large/2x/product2/3.png"); } } .image-jxr #CMD .section__5 .product-4 figure { background-image: url("../img/large/1x/product2/4.jxr"); } @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) { .image-jxr #CMD .section__5 .product-4 figure { background-image: url("../img/large/2x/product2/4.jxr"); } } .image-jp2 #CMD .section__5 .product-4 figure { background-image: url("../img/large/1x/product2/4.jp2"); } @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) { .image-jp2 #CMD .section__5 .product-4 figure { background-image: url("../img/large/2x/product2/4.jp2"); } } .image-webp #CMD .section__5 .product-4 figure { background-image: url("../img/large/1x/product2/4.webp"); } @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) { .image-webp #CMD .section__5 .product-4 figure { background-image: url("../img/large/2x/product2/4.webp"); } } .image-old #CMD .section__5 .product-4 figure { background-image: url("../img/large/1x/product2/4.png"); } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .image-old #CMD .section__5 .product-4 figure { background-image: url("../img/large/2x/product2/4.png"); } } .image-jxr #CMD .section__5 .product-5 figure { background-image: url("../img/large/1x/product2/5.jxr"); } @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) { .image-jxr #CMD .section__5 .product-5 figure { background-image: url("../img/large/2x/product2/5.jxr"); } } .image-jp2 #CMD .section__5 .product-5 figure { background-image: url("../img/large/1x/product2/5.jp2"); } @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) { .image-jp2 #CMD .section__5 .product-5 figure { background-image: url("../img/large/2x/product2/5.jp2"); } } .image-webp #CMD .section__5 .product-5 figure { background-image: url("../img/large/1x/product2/5.webp"); } @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) { .image-webp #CMD .section__5 .product-5 figure { background-image: url("../img/large/2x/product2/5.webp"); } } .image-old #CMD .section__5 .product-5 figure { background-image: url("../img/large/1x/product2/5.png"); } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .image-old #CMD .section__5 .product-5 figure { background-image: url("../img/large/2x/product2/5.png"); } } .image-jxr #CMD .section__5 .product-6 figure { background-image: url("../img/large/1x/product2/6.jxr"); } @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) { .image-jxr #CMD .section__5 .product-6 figure { background-image: url("../img/large/2x/product2/6.jxr"); } } .image-jp2 #CMD .section__5 .product-6 figure { background-image: url("../img/large/1x/product2/6.jp2"); } @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) { .image-jp2 #CMD .section__5 .product-6 figure { background-image: url("../img/large/2x/product2/6.jp2"); } } .image-webp #CMD .section__5 .product-6 figure { background-image: url("../img/large/1x/product2/6.webp"); } @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) { .image-webp #CMD .section__5 .product-6 figure { background-image: url("../img/large/2x/product2/6.webp"); } } .image-old #CMD .section__5 .product-6 figure { background-image: url("../img/large/1x/product2/6.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) { .image-old #CMD .section__5 .product-6 figure { background-image: url("../img/large/2x/product2/6.png"); } } .image-jxr #CMD .section__5 .product-7 figure { background-image: url("../img/large/1x/product2/7.jxr"); } @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) { .image-jxr #CMD .section__5 .product-7 figure { background-image: url("../img/large/2x/product2/7.jxr"); } } .image-jp2 #CMD .section__5 .product-7 figure { background-image: url("../img/large/1x/product2/7.jp2"); } @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) { .image-jp2 #CMD .section__5 .product-7 figure { background-image: url("../img/large/2x/product2/7.jp2"); } } .image-webp #CMD .section__5 .product-7 figure { background-image: url("../img/large/1x/product2/7.webp"); } @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) { .image-webp #CMD .section__5 .product-7 figure { background-image: url("../img/large/2x/product2/7.webp"); } } .image-old #CMD .section__5 .product-7 figure { background-image: url("../img/large/1x/product2/7.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) { .image-old #CMD .section__5 .product-7 figure { background-image: url("../img/large/2x/product2/7.png"); } } .image-jxr #CMD .section__5 .product-8 figure { background-image: url("../img/large/1x/product2/8.jxr"); } @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) { .image-jxr #CMD .section__5 .product-8 figure { background-image: url("../img/large/2x/product2/8.jxr"); } } .image-jp2 #CMD .section__5 .product-8 figure { background-image: url("../img/large/1x/product2/8.jp2"); } @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) { .image-jp2 #CMD .section__5 .product-8 figure { background-image: url("../img/large/2x/product2/8.jp2"); } } .image-webp #CMD .section__5 .product-8 figure { background-image: url("../img/large/1x/product2/8.webp"); } @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) { .image-webp #CMD .section__5 .product-8 figure { background-image: url("../img/large/2x/product2/8.webp"); } } .image-old #CMD .section__5 .product-8 figure { background-image: url("../img/large/1x/product2/8.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) { .image-old #CMD .section__5 .product-8 figure { background-image: url("../img/large/2x/product2/8.png"); } } .image-jxr #CMD .section__5 .product-9 figure { background-image: url("../img/large/1x/product2/9.jxr"); } @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) { .image-jxr #CMD .section__5 .product-9 figure { background-image: url("../img/large/2x/product2/9.jxr"); } } .image-jp2 #CMD .section__5 .product-9 figure { background-image: url("../img/large/1x/product2/9.jp2"); } @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) { .image-jp2 #CMD .section__5 .product-9 figure { background-image: url("../img/large/2x/product2/9.jp2"); } } .image-webp #CMD .section__5 .product-9 figure { background-image: url("../img/large/1x/product2/9.webp"); } @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) { .image-webp #CMD .section__5 .product-9 figure { background-image: url("../img/large/2x/product2/9.webp"); } } .image-old #CMD .section__5 .product-9 figure { background-image: url("../img/large/1x/product2/9.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) { .image-old #CMD .section__5 .product-9 figure { background-image: url("../img/large/2x/product2/9.png"); } } .image-jxr #CMD .section__5 .product-10 figure { background-image: url("../img/large/1x/product2/10.jxr"); } @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) { .image-jxr #CMD .section__5 .product-10 figure { background-image: url("../img/large/2x/product2/10.jxr"); } } .image-jp2 #CMD .section__5 .product-10 figure { background-image: url("../img/large/1x/product2/10.jp2"); } @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) { .image-jp2 #CMD .section__5 .product-10 figure { background-image: url("../img/large/2x/product2/10.jp2"); } } .image-webp #CMD .section__5 .product-10 figure { background-image: url("../img/large/1x/product2/10.webp"); } @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) { .image-webp #CMD .section__5 .product-10 figure { background-image: url("../img/large/2x/product2/10.webp"); } } .image-old #CMD .section__5 .product-10 figure { background-image: url("../img/large/1x/product2/10.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) { .image-old #CMD .section__5 .product-10 figure { background-image: url("../img/large/2x/product2/10.png"); } } .image-jxr #CMD .section__5 .product-11 figure { background-image: url("../img/large/1x/product2/11.jxr"); } @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) { .image-jxr #CMD .section__5 .product-11 figure { background-image: url("../img/large/2x/product2/11.jxr"); } } .image-jp2 #CMD .section__5 .product-11 figure { background-image: url("../img/large/1x/product2/11.jp2"); } @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) { .image-jp2 #CMD .section__5 .product-11 figure { background-image: url("../img/large/2x/product2/11.jp2"); } } .image-webp #CMD .section__5 .product-11 figure { background-image: url("../img/large/1x/product2/11.webp"); } @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) { .image-webp #CMD .section__5 .product-11 figure { background-image: url("../img/large/2x/product2/11.webp"); } } .image-old #CMD .section__5 .product-11 figure { background-image: url("../img/large/1x/product2/11.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) { .image-old #CMD .section__5 .product-11 figure { background-image: url("../img/large/2x/product2/11.png"); } } .image-jxr #CMD .section__5 .product-12 figure { background-image: url("../img/large/1x/product2/12.jxr"); } @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) { .image-jxr #CMD .section__5 .product-12 figure { background-image: url("../img/large/2x/product2/12.jxr"); } } .image-jp2 #CMD .section__5 .product-12 figure { background-image: url("../img/large/1x/product2/12.jp2"); } @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) { .image-jp2 #CMD .section__5 .product-12 figure { background-image: url("../img/large/2x/product2/12.jp2"); } } .image-webp #CMD .section__5 .product-12 figure { background-image: url("../img/large/1x/product2/12.webp"); } @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) { .image-webp #CMD .section__5 .product-12 figure { background-image: url("../img/large/2x/product2/12.webp"); } } .image-old #CMD .section__5 .product-12 figure { background-image: url("../img/large/1x/product2/12.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) { .image-old #CMD .section__5 .product-12 figure { background-image: url("../img/large/2x/product2/12.png"); } } .image-jxr #CMD .section__5 .product-13 figure { background-image: url("../img/large/1x/product2/13.jxr"); } @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) { .image-jxr #CMD .section__5 .product-13 figure { background-image: url("../img/large/2x/product2/13.jxr"); } } .image-jp2 #CMD .section__5 .product-13 figure { background-image: url("../img/large/1x/product2/13.jp2"); } @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) { .image-jp2 #CMD .section__5 .product-13 figure { background-image: url("../img/large/2x/product2/13.jp2"); } } .image-webp #CMD .section__5 .product-13 figure { background-image: url("../img/large/1x/product2/13.webp"); } @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) { .image-webp #CMD .section__5 .product-13 figure { background-image: url("../img/large/2x/product2/13.webp"); } } .image-old #CMD .section__5 .product-13 figure { background-image: url("../img/large/1x/product2/13.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) { .image-old #CMD .section__5 .product-13 figure { background-image: url("../img/large/2x/product2/13.png"); } } .image-jxr #CMD .section__5 .product-14 figure { background-image: url("../img/large/1x/product2/14.jxr"); } @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) { .image-jxr #CMD .section__5 .product-14 figure { background-image: url("../img/large/2x/product2/14.jxr"); } } .image-jp2 #CMD .section__5 .product-14 figure { background-image: url("../img/large/1x/product2/14.jp2"); } @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) { .image-jp2 #CMD .section__5 .product-14 figure { background-image: url("../img/large/2x/product2/14.jp2"); } } .image-webp #CMD .section__5 .product-14 figure { background-image: url("../img/large/1x/product2/14.webp"); } @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) { .image-webp #CMD .section__5 .product-14 figure { background-image: url("../img/large/2x/product2/14.webp"); } } .image-old #CMD .section__5 .product-14 figure { background-image: url("../img/large/1x/product2/14.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) { .image-old #CMD .section__5 .product-14 figure { background-image: url("../img/large/2x/product2/14.png"); } } .image-jxr #CMD .section__5 .product-15 figure { background-image: url("../img/large/1x/product2/15.jxr"); } @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) { .image-jxr #CMD .section__5 .product-15 figure { background-image: url("../img/large/2x/product2/15.jxr"); } } .image-jp2 #CMD .section__5 .product-15 figure { background-image: url("../img/large/1x/product2/15.jp2"); } @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) { .image-jp2 #CMD .section__5 .product-15 figure { background-image: url("../img/large/2x/product2/15.jp2"); } } .image-webp #CMD .section__5 .product-15 figure { background-image: url("../img/large/1x/product2/15.webp"); } @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) { .image-webp #CMD .section__5 .product-15 figure { background-image: url("../img/large/2x/product2/15.webp"); } } .image-old #CMD .section__5 .product-15 figure { background-image: url("../img/large/1x/product2/15.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) { .image-old #CMD .section__5 .product-15 figure { background-image: url("../img/large/2x/product2/15.png"); } } .image-jxr #CMD .section__5 .product-16 figure { background-image: url("../img/large/1x/product2/16.jxr"); } @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) { .image-jxr #CMD .section__5 .product-16 figure { background-image: url("../img/large/2x/product2/16.jxr"); } } .image-jp2 #CMD .section__5 .product-16 figure { background-image: url("../img/large/1x/product2/16.jp2"); } @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) { .image-jp2 #CMD .section__5 .product-16 figure { background-image: url("../img/large/2x/product2/16.jp2"); } } .image-webp #CMD .section__5 .product-16 figure { background-image: url("../img/large/1x/product2/16.webp"); } @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) { .image-webp #CMD .section__5 .product-16 figure { background-image: url("../img/large/2x/product2/16.webp"); } } .image-old #CMD .section__5 .product-16 figure { background-image: url("../img/large/1x/product2/16.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) { .image-old #CMD .section__5 .product-16 figure { background-image: url("../img/large/2x/product2/16.png"); } } .image-jxr #CMD .section__5 .product-17 figure { background-image: url("../img/large/1x/product2/17.jxr"); } @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) { .image-jxr #CMD .section__5 .product-17 figure { background-image: url("../img/large/2x/product2/17.jxr"); } } .image-jp2 #CMD .section__5 .product-17 figure { background-image: url("../img/large/1x/product2/17.jp2"); } @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) { .image-jp2 #CMD .section__5 .product-17 figure { background-image: url("../img/large/2x/product2/17.jp2"); } } .image-webp #CMD .section__5 .product-17 figure { background-image: url("../img/large/1x/product2/17.webp"); } @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) { .image-webp #CMD .section__5 .product-17 figure { background-image: url("../img/large/2x/product2/17.webp"); } } .image-old #CMD .section__5 .product-17 figure { background-image: url("../img/large/1x/product2/17.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) { .image-old #CMD .section__5 .product-17 figure { background-image: url("../img/large/2x/product2/17.png"); } } .image-jxr #CMD .section__5 .product-18 figure { background-image: url("../img/large/1x/product2/18.jxr"); } @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) { .image-jxr #CMD .section__5 .product-18 figure { background-image: url("../img/large/2x/product2/18.jxr"); } } .image-jp2 #CMD .section__5 .product-18 figure { background-image: url("../img/large/1x/product2/18.jp2"); } @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) { .image-jp2 #CMD .section__5 .product-18 figure { background-image: url("../img/large/2x/product2/18.jp2"); } } .image-webp #CMD .section__5 .product-18 figure { background-image: url("../img/large/1x/product2/18.webp"); } @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) { .image-webp #CMD .section__5 .product-18 figure { background-image: url("../img/large/2x/product2/18.webp"); } } .image-old #CMD .section__5 .product-18 figure { background-image: url("../img/large/1x/product2/18.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) { .image-old #CMD .section__5 .product-18 figure { background-image: url("../img/large/2x/product2/18.png"); } } .image-jxr #CMD .section__5 .product-19 figure { background-image: url("../img/large/1x/product2/19.jxr"); } @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) { .image-jxr #CMD .section__5 .product-19 figure { background-image: url("../img/large/2x/product2/19.jxr"); } } .image-jp2 #CMD .section__5 .product-19 figure { background-image: url("../img/large/1x/product2/19.jp2"); } @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) { .image-jp2 #CMD .section__5 .product-19 figure { background-image: url("../img/large/2x/product2/19.jp2"); } } .image-webp #CMD .section__5 .product-19 figure { background-image: url("../img/large/1x/product2/19.webp"); } @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) { .image-webp #CMD .section__5 .product-19 figure { background-image: url("../img/large/2x/product2/19.webp"); } } .image-old #CMD .section__5 .product-19 figure { background-image: url("../img/large/1x/product2/19.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) { .image-old #CMD .section__5 .product-19 figure { background-image: url("../img/large/2x/product2/19.png"); } } .image-jxr #CMD .section__5 .product-20 figure { background-image: url("../img/large/1x/product2/20.jxr"); } @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) { .image-jxr #CMD .section__5 .product-20 figure { background-image: url("../img/large/2x/product2/20.jxr"); } } .image-jp2 #CMD .section__5 .product-20 figure { background-image: url("../img/large/1x/product2/20.jp2"); } @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) { .image-jp2 #CMD .section__5 .product-20 figure { background-image: url("../img/large/2x/product2/20.jp2"); } } .image-webp #CMD .section__5 .product-20 figure { background-image: url("../img/large/1x/product2/20.webp"); } @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) { .image-webp #CMD .section__5 .product-20 figure { background-image: url("../img/large/2x/product2/20.webp"); } } .image-old #CMD .section__5 .product-20 figure { background-image: url("../img/large/1x/product2/20.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) { .image-old #CMD .section__5 .product-20 figure { background-image: url("../img/large/2x/product2/20.png"); } } html #CMD .section__6 .wd__content .content__title { max-width: 480px; } html #CMD .section__6 .text-content { background-color: #232323; } .image-jxr #CMD .section__6 .banner-img { background-image: url("../img/large/1x/solution_3.jxr"); } @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) { .image-jxr #CMD .section__6 .banner-img { background-image: url("../img/large/2x/solution_3.jxr"); } } .image-jp2 #CMD .section__6 .banner-img { background-image: url("../img/large/1x/solution_3.jp2"); } @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) { .image-jp2 #CMD .section__6 .banner-img { background-image: url("../img/large/2x/solution_3.jp2"); } } .image-webp #CMD .section__6 .banner-img { background-image: url("../img/large/1x/solution_3.webp"); } @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) { .image-webp #CMD .section__6 .banner-img { background-image: url("../img/large/2x/solution_3.webp"); } } .image-old #CMD .section__6 .banner-img { background-image: url("../img/large/1x/solution_3.jpg"); } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .image-old #CMD .section__6 .banner-img { background-image: url("../img/large/2x/solution_3.jpg"); } } .image-jxr #CMD .section__7 .product-1 figure { background-image: url("../img/large/1x/product3/1.jxr"); } @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) { .image-jxr #CMD .section__7 .product-1 figure { background-image: url("../img/large/2x/product3/1.jxr"); } } .image-jp2 #CMD .section__7 .product-1 figure { background-image: url("../img/large/1x/product3/1.jp2"); } @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) { .image-jp2 #CMD .section__7 .product-1 figure { background-image: url("../img/large/2x/product3/1.jp2"); } } .image-webp #CMD .section__7 .product-1 figure { background-image: url("../img/large/1x/product3/1.webp"); } @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) { .image-webp #CMD .section__7 .product-1 figure { background-image: url("../img/large/2x/product3/1.webp"); } } .image-old #CMD .section__7 .product-1 figure { background-image: url("../img/large/1x/product3/1.png"); } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .image-old #CMD .section__7 .product-1 figure { background-image: url("../img/large/2x/product3/1.png"); } } .image-jxr #CMD .section__7 .product-2 figure { background-image: url("../img/large/1x/product3/2.jxr"); } @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) { .image-jxr #CMD .section__7 .product-2 figure { background-image: url("../img/large/2x/product3/2.jxr"); } } .image-jp2 #CMD .section__7 .product-2 figure { background-image: url("../img/large/1x/product3/2.jp2"); } @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) { .image-jp2 #CMD .section__7 .product-2 figure { background-image: url("../img/large/2x/product3/2.jp2"); } } .image-webp #CMD .section__7 .product-2 figure { background-image: url("../img/large/1x/product3/2.webp"); } @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) { .image-webp #CMD .section__7 .product-2 figure { background-image: url("../img/large/2x/product3/2.webp"); } } .image-old #CMD .section__7 .product-2 figure { background-image: url("../img/large/1x/product3/2.png"); } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .image-old #CMD .section__7 .product-2 figure { background-image: url("../img/large/2x/product3/2.png"); } } .image-jxr #CMD .section__7 .product-3 figure { background-image: url("../img/large/1x/product3/3.jxr"); } @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) { .image-jxr #CMD .section__7 .product-3 figure { background-image: url("../img/large/2x/product3/3.jxr"); } } .image-jp2 #CMD .section__7 .product-3 figure { background-image: url("../img/large/1x/product3/3.jp2"); } @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) { .image-jp2 #CMD .section__7 .product-3 figure { background-image: url("../img/large/2x/product3/3.jp2"); } } .image-webp #CMD .section__7 .product-3 figure { background-image: url("../img/large/1x/product3/3.webp"); } @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) { .image-webp #CMD .section__7 .product-3 figure { background-image: url("../img/large/2x/product3/3.webp"); } } .image-old #CMD .section__7 .product-3 figure { background-image: url("../img/large/1x/product3/3.png"); } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .image-old #CMD .section__7 .product-3 figure { background-image: url("../img/large/2x/product3/3.png"); } } .image-jxr #CMD .section__7 .product-4 figure { background-image: url("../img/large/1x/product3/4.jxr"); } @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) { .image-jxr #CMD .section__7 .product-4 figure { background-image: url("../img/large/2x/product3/4.jxr"); } } .image-jp2 #CMD .section__7 .product-4 figure { background-image: url("../img/large/1x/product3/4.jp2"); } @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) { .image-jp2 #CMD .section__7 .product-4 figure { background-image: url("../img/large/2x/product3/4.jp2"); } } .image-webp #CMD .section__7 .product-4 figure { background-image: url("../img/large/1x/product3/4.webp"); } @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) { .image-webp #CMD .section__7 .product-4 figure { background-image: url("../img/large/2x/product3/4.webp"); } } .image-old #CMD .section__7 .product-4 figure { background-image: url("../img/large/1x/product3/4.png"); } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .image-old #CMD .section__7 .product-4 figure { background-image: url("../img/large/2x/product3/4.png"); } } .image-jxr #CMD .section__7 .product-5 figure { background-image: url("../img/large/1x/product3/5.jxr"); } @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) { .image-jxr #CMD .section__7 .product-5 figure { background-image: url("../img/large/2x/product3/5.jxr"); } } .image-jp2 #CMD .section__7 .product-5 figure { background-image: url("../img/large/1x/product3/5.jp2"); } @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) { .image-jp2 #CMD .section__7 .product-5 figure { background-image: url("../img/large/2x/product3/5.jp2"); } } .image-webp #CMD .section__7 .product-5 figure { background-image: url("../img/large/1x/product3/5.webp"); } @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) { .image-webp #CMD .section__7 .product-5 figure { background-image: url("../img/large/2x/product3/5.webp"); } } .image-old #CMD .section__7 .product-5 figure { background-image: url("../img/large/1x/product3/5.png"); } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .image-old #CMD .section__7 .product-5 figure { background-image: url("../img/large/2x/product3/5.png"); } } .image-jxr #CMD .section__7 .product-6 figure { background-image: url("../img/large/1x/product3/6.jxr"); } @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) { .image-jxr #CMD .section__7 .product-6 figure { background-image: url("../img/large/2x/product3/6.jxr"); } } .image-jp2 #CMD .section__7 .product-6 figure { background-image: url("../img/large/1x/product3/6.jp2"); } @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) { .image-jp2 #CMD .section__7 .product-6 figure { background-image: url("../img/large/2x/product3/6.jp2"); } } .image-webp #CMD .section__7 .product-6 figure { background-image: url("../img/large/1x/product3/6.webp"); } @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) { .image-webp #CMD .section__7 .product-6 figure { background-image: url("../img/large/2x/product3/6.webp"); } } .image-old #CMD .section__7 .product-6 figure { background-image: url("../img/large/1x/product3/6.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) { .image-old #CMD .section__7 .product-6 figure { background-image: url("../img/large/2x/product3/6.png"); } } .image-jxr #CMD .section__7 .product-7 figure { background-image: url("../img/large/1x/product3/7.jxr"); } @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) { .image-jxr #CMD .section__7 .product-7 figure { background-image: url("../img/large/2x/product3/7.jxr"); } } .image-jp2 #CMD .section__7 .product-7 figure { background-image: url("../img/large/1x/product3/7.jp2"); } @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) { .image-jp2 #CMD .section__7 .product-7 figure { background-image: url("../img/large/2x/product3/7.jp2"); } } .image-webp #CMD .section__7 .product-7 figure { background-image: url("../img/large/1x/product3/7.webp"); } @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) { .image-webp #CMD .section__7 .product-7 figure { background-image: url("../img/large/2x/product3/7.webp"); } } .image-old #CMD .section__7 .product-7 figure { background-image: url("../img/large/1x/product3/7.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) { .image-old #CMD .section__7 .product-7 figure { background-image: url("../img/large/2x/product3/7.png"); } } .image-jxr #CMD .section__7 .product-8 figure { background-image: url("../img/large/1x/product3/8.jxr"); } @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) { .image-jxr #CMD .section__7 .product-8 figure { background-image: url("../img/large/2x/product3/8.jxr"); } } .image-jp2 #CMD .section__7 .product-8 figure { background-image: url("../img/large/1x/product3/8.jp2"); } @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) { .image-jp2 #CMD .section__7 .product-8 figure { background-image: url("../img/large/2x/product3/8.jp2"); } } .image-webp #CMD .section__7 .product-8 figure { background-image: url("../img/large/1x/product3/8.webp"); } @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) { .image-webp #CMD .section__7 .product-8 figure { background-image: url("../img/large/2x/product3/8.webp"); } } .image-old #CMD .section__7 .product-8 figure { background-image: url("../img/large/1x/product3/8.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) { .image-old #CMD .section__7 .product-8 figure { background-image: url("../img/large/2x/product3/8.png"); } } .image-jxr #CMD .section__7 .product-9 figure { background-image: url("../img/large/1x/product3/9.jxr"); } @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) { .image-jxr #CMD .section__7 .product-9 figure { background-image: url("../img/large/2x/product3/9.jxr"); } } .image-jp2 #CMD .section__7 .product-9 figure { background-image: url("../img/large/1x/product3/9.jp2"); } @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) { .image-jp2 #CMD .section__7 .product-9 figure { background-image: url("../img/large/2x/product3/9.jp2"); } } .image-webp #CMD .section__7 .product-9 figure { background-image: url("../img/large/1x/product3/9.webp"); } @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) { .image-webp #CMD .section__7 .product-9 figure { background-image: url("../img/large/2x/product3/9.webp"); } } .image-old #CMD .section__7 .product-9 figure { background-image: url("../img/large/1x/product3/9.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) { .image-old #CMD .section__7 .product-9 figure { background-image: url("../img/large/2x/product3/9.png"); } } .image-jxr #CMD .section__7 .product-10 figure { background-image: url("../img/large/1x/product3/10.jxr"); } @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) { .image-jxr #CMD .section__7 .product-10 figure { background-image: url("../img/large/2x/product3/10.jxr"); } } .image-jp2 #CMD .section__7 .product-10 figure { background-image: url("../img/large/1x/product3/10.jp2"); } @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) { .image-jp2 #CMD .section__7 .product-10 figure { background-image: url("../img/large/2x/product3/10.jp2"); } } .image-webp #CMD .section__7 .product-10 figure { background-image: url("../img/large/1x/product3/10.webp"); } @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) { .image-webp #CMD .section__7 .product-10 figure { background-image: url("../img/large/2x/product3/10.webp"); } } .image-old #CMD .section__7 .product-10 figure { background-image: url("../img/large/1x/product3/10.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) { .image-old #CMD .section__7 .product-10 figure { background-image: url("../img/large/2x/product3/10.png"); } } .image-jxr #CMD .section__7 .product-11 figure { background-image: url("../img/large/1x/product3/11.jxr"); } @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) { .image-jxr #CMD .section__7 .product-11 figure { background-image: url("../img/large/2x/product3/11.jxr"); } } .image-jp2 #CMD .section__7 .product-11 figure { background-image: url("../img/large/1x/product3/11.jp2"); } @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) { .image-jp2 #CMD .section__7 .product-11 figure { background-image: url("../img/large/2x/product3/11.jp2"); } } .image-webp #CMD .section__7 .product-11 figure { background-image: url("../img/large/1x/product3/11.webp"); } @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) { .image-webp #CMD .section__7 .product-11 figure { background-image: url("../img/large/2x/product3/11.webp"); } } .image-old #CMD .section__7 .product-11 figure { background-image: url("../img/large/1x/product3/11.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) { .image-old #CMD .section__7 .product-11 figure { background-image: url("../img/large/2x/product3/11.png"); } } .image-jxr #CMD .section__7 .product-12 figure { background-image: url("../img/large/1x/product3/12.jxr"); } @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) { .image-jxr #CMD .section__7 .product-12 figure { background-image: url("../img/large/2x/product3/12.jxr"); } } .image-jp2 #CMD .section__7 .product-12 figure { background-image: url("../img/large/1x/product3/12.jp2"); } @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) { .image-jp2 #CMD .section__7 .product-12 figure { background-image: url("../img/large/2x/product3/12.jp2"); } } .image-webp #CMD .section__7 .product-12 figure { background-image: url("../img/large/1x/product3/12.webp"); } @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) { .image-webp #CMD .section__7 .product-12 figure { background-image: url("../img/large/2x/product3/12.webp"); } } .image-old #CMD .section__7 .product-12 figure { background-image: url("../img/large/1x/product3/12.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) { .image-old #CMD .section__7 .product-12 figure { background-image: url("../img/large/2x/product3/12.png"); } } .image-jxr #CMD .section__7 .product-13 figure { background-image: url("../img/large/1x/product3/13.jxr"); } @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) { .image-jxr #CMD .section__7 .product-13 figure { background-image: url("../img/large/2x/product3/13.jxr"); } } .image-jp2 #CMD .section__7 .product-13 figure { background-image: url("../img/large/1x/product3/13.jp2"); } @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) { .image-jp2 #CMD .section__7 .product-13 figure { background-image: url("../img/large/2x/product3/13.jp2"); } } .image-webp #CMD .section__7 .product-13 figure { background-image: url("../img/large/1x/product3/13.webp"); } @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) { .image-webp #CMD .section__7 .product-13 figure { background-image: url("../img/large/2x/product3/13.webp"); } } .image-old #CMD .section__7 .product-13 figure { background-image: url("../img/large/1x/product3/13.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) { .image-old #CMD .section__7 .product-13 figure { background-image: url("../img/large/2x/product3/13.png"); } } .image-jxr #CMD .section__7 .product-14 figure { background-image: url("../img/large/1x/product3/14.jxr"); } @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) { .image-jxr #CMD .section__7 .product-14 figure { background-image: url("../img/large/2x/product3/14.jxr"); } } .image-jp2 #CMD .section__7 .product-14 figure { background-image: url("../img/large/1x/product3/14.jp2"); } @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) { .image-jp2 #CMD .section__7 .product-14 figure { background-image: url("../img/large/2x/product3/14.jp2"); } } .image-webp #CMD .section__7 .product-14 figure { background-image: url("../img/large/1x/product3/14.webp"); } @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) { .image-webp #CMD .section__7 .product-14 figure { background-image: url("../img/large/2x/product3/14.webp"); } } .image-old #CMD .section__7 .product-14 figure { background-image: url("../img/large/1x/product3/14.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) { .image-old #CMD .section__7 .product-14 figure { background-image: url("../img/large/2x/product3/14.png"); } } .image-jxr #CMD .section__7 .product-15 figure { background-image: url("../img/large/1x/product3/15.jxr"); } @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) { .image-jxr #CMD .section__7 .product-15 figure { background-image: url("../img/large/2x/product3/15.jxr"); } } .image-jp2 #CMD .section__7 .product-15 figure { background-image: url("../img/large/1x/product3/15.jp2"); } @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) { .image-jp2 #CMD .section__7 .product-15 figure { background-image: url("../img/large/2x/product3/15.jp2"); } } .image-webp #CMD .section__7 .product-15 figure { background-image: url("../img/large/1x/product3/15.webp"); } @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) { .image-webp #CMD .section__7 .product-15 figure { background-image: url("../img/large/2x/product3/15.webp"); } } .image-old #CMD .section__7 .product-15 figure { background-image: url("../img/large/1x/product3/15.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) { .image-old #CMD .section__7 .product-15 figure { background-image: url("../img/large/2x/product3/15.png"); } } .image-jxr #CMD .section__7 .product-16 figure { background-image: url("../img/large/1x/product3/16.jxr"); } @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) { .image-jxr #CMD .section__7 .product-16 figure { background-image: url("../img/large/2x/product3/16.jxr"); } } .image-jp2 #CMD .section__7 .product-16 figure { background-image: url("../img/large/1x/product3/16.jp2"); } @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) { .image-jp2 #CMD .section__7 .product-16 figure { background-image: url("../img/large/2x/product3/16.jp2"); } } .image-webp #CMD .section__7 .product-16 figure { background-image: url("../img/large/1x/product3/16.webp"); } @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) { .image-webp #CMD .section__7 .product-16 figure { background-image: url("../img/large/2x/product3/16.webp"); } } .image-old #CMD .section__7 .product-16 figure { background-image: url("../img/large/1x/product3/16.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) { .image-old #CMD .section__7 .product-16 figure { background-image: url("../img/large/2x/product3/16.png"); } } .image-jxr #CMD .section__7 .product-17 figure { background-image: url("../img/large/1x/product3/17.jxr"); } @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) { .image-jxr #CMD .section__7 .product-17 figure { background-image: url("../img/large/2x/product3/17.jxr"); } } .image-jp2 #CMD .section__7 .product-17 figure { background-image: url("../img/large/1x/product3/17.jp2"); } @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) { .image-jp2 #CMD .section__7 .product-17 figure { background-image: url("../img/large/2x/product3/17.jp2"); } } .image-webp #CMD .section__7 .product-17 figure { background-image: url("../img/large/1x/product3/17.webp"); } @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) { .image-webp #CMD .section__7 .product-17 figure { background-image: url("../img/large/2x/product3/17.webp"); } } .image-old #CMD .section__7 .product-17 figure { background-image: url("../img/large/1x/product3/17.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) { .image-old #CMD .section__7 .product-17 figure { background-image: url("../img/large/2x/product3/17.png"); } } .image-jxr #CMD .section__7 .product-18 figure { background-image: url("../img/large/1x/product3/18.jxr"); } @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) { .image-jxr #CMD .section__7 .product-18 figure { background-image: url("../img/large/2x/product3/18.jxr"); } } .image-jp2 #CMD .section__7 .product-18 figure { background-image: url("../img/large/1x/product3/18.jp2"); } @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) { .image-jp2 #CMD .section__7 .product-18 figure { background-image: url("../img/large/2x/product3/18.jp2"); } } .image-webp #CMD .section__7 .product-18 figure { background-image: url("../img/large/1x/product3/18.webp"); } @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) { .image-webp #CMD .section__7 .product-18 figure { background-image: url("../img/large/2x/product3/18.webp"); } } .image-old #CMD .section__7 .product-18 figure { background-image: url("../img/large/1x/product3/18.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) { .image-old #CMD .section__7 .product-18 figure { background-image: url("../img/large/2x/product3/18.png"); } } .image-jxr #CMD .section__7 .product-19 figure { background-image: url("../img/large/1x/product3/19.jxr"); } @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) { .image-jxr #CMD .section__7 .product-19 figure { background-image: url("../img/large/2x/product3/19.jxr"); } } .image-jp2 #CMD .section__7 .product-19 figure { background-image: url("../img/large/1x/product3/19.jp2"); } @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) { .image-jp2 #CMD .section__7 .product-19 figure { background-image: url("../img/large/2x/product3/19.jp2"); } } .image-webp #CMD .section__7 .product-19 figure { background-image: url("../img/large/1x/product3/19.webp"); } @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) { .image-webp #CMD .section__7 .product-19 figure { background-image: url("../img/large/2x/product3/19.webp"); } } .image-old #CMD .section__7 .product-19 figure { background-image: url("../img/large/1x/product3/19.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) { .image-old #CMD .section__7 .product-19 figure { background-image: url("../img/large/2x/product3/19.png"); } } .image-jxr #CMD .section__7 .product-20 figure { background-image: url("../img/large/1x/product3/20.jxr"); } @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) { .image-jxr #CMD .section__7 .product-20 figure { background-image: url("../img/large/2x/product3/20.jxr"); } } .image-jp2 #CMD .section__7 .product-20 figure { background-image: url("../img/large/1x/product3/20.jp2"); } @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) { .image-jp2 #CMD .section__7 .product-20 figure { background-image: url("../img/large/2x/product3/20.jp2"); } } .image-webp #CMD .section__7 .product-20 figure { background-image: url("../img/large/1x/product3/20.webp"); } @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) { .image-webp #CMD .section__7 .product-20 figure { background-image: url("../img/large/2x/product3/20.webp"); } } .image-old #CMD .section__7 .product-20 figure { background-image: url("../img/large/1x/product3/20.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) { .image-old #CMD .section__7 .product-20 figure { background-image: url("../img/large/2x/product3/20.png"); } } html #CMD .section__8 .wd__content .content__title { max-width: 390px; } html #CMD .section__8 .text-content { background-color: #39155c; } .image-jxr #CMD .section__8 .banner-img { background-image: url("../img/large/1x/solution_4.jxr"); } @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) { .image-jxr #CMD .section__8 .banner-img { background-image: url("../img/large/2x/solution_4.jxr"); } } .image-jp2 #CMD .section__8 .banner-img { background-image: url("../img/large/1x/solution_4.jp2"); } @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) { .image-jp2 #CMD .section__8 .banner-img { background-image: url("../img/large/2x/solution_4.jp2"); } } .image-webp #CMD .section__8 .banner-img { background-image: url("../img/large/1x/solution_4.webp"); } @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) { .image-webp #CMD .section__8 .banner-img { background-image: url("../img/large/2x/solution_4.webp"); } } .image-old #CMD .section__8 .banner-img { background-image: url("../img/large/1x/solution_4.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) { .image-old #CMD .section__8 .banner-img { background-image: url("../img/large/2x/solution_4.jpg"); } } .image-jxr #CMD .section__9 .product-1 figure { background-image: url("../img/large/1x/product4/1.jxr"); } @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) { .image-jxr #CMD .section__9 .product-1 figure { background-image: url("../img/large/2x/product4/1.jxr"); } } .image-jp2 #CMD .section__9 .product-1 figure { background-image: url("../img/large/1x/product4/1.jp2"); } @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) { .image-jp2 #CMD .section__9 .product-1 figure { background-image: url("../img/large/2x/product4/1.jp2"); } } .image-webp #CMD .section__9 .product-1 figure { background-image: url("../img/large/1x/product4/1.webp"); } @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) { .image-webp #CMD .section__9 .product-1 figure { background-image: url("../img/large/2x/product4/1.webp"); } } .image-old #CMD .section__9 .product-1 figure { background-image: url("../img/large/1x/product4/1.png"); } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .image-old #CMD .section__9 .product-1 figure { background-image: url("../img/large/2x/product4/1.png"); } } .image-jxr #CMD .section__9 .product-2 figure { background-image: url("../img/large/1x/product4/2.jxr"); } @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) { .image-jxr #CMD .section__9 .product-2 figure { background-image: url("../img/large/2x/product4/2.jxr"); } } .image-jp2 #CMD .section__9 .product-2 figure { background-image: url("../img/large/1x/product4/2.jp2"); } @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) { .image-jp2 #CMD .section__9 .product-2 figure { background-image: url("../img/large/2x/product4/2.jp2"); } } .image-webp #CMD .section__9 .product-2 figure { background-image: url("../img/large/1x/product4/2.webp"); } @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) { .image-webp #CMD .section__9 .product-2 figure { background-image: url("../img/large/2x/product4/2.webp"); } } .image-old #CMD .section__9 .product-2 figure { background-image: url("../img/large/1x/product4/2.png"); } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .image-old #CMD .section__9 .product-2 figure { background-image: url("../img/large/2x/product4/2.png"); } } .image-jxr #CMD .section__9 .product-3 figure { background-image: url("../img/large/1x/product4/3.jxr"); } @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) { .image-jxr #CMD .section__9 .product-3 figure { background-image: url("../img/large/2x/product4/3.jxr"); } } .image-jp2 #CMD .section__9 .product-3 figure { background-image: url("../img/large/1x/product4/3.jp2"); } @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) { .image-jp2 #CMD .section__9 .product-3 figure { background-image: url("../img/large/2x/product4/3.jp2"); } } .image-webp #CMD .section__9 .product-3 figure { background-image: url("../img/large/1x/product4/3.webp"); } @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) { .image-webp #CMD .section__9 .product-3 figure { background-image: url("../img/large/2x/product4/3.webp"); } } .image-old #CMD .section__9 .product-3 figure { background-image: url("../img/large/1x/product4/3.png"); } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .image-old #CMD .section__9 .product-3 figure { background-image: url("../img/large/2x/product4/3.png"); } } .image-jxr #CMD .section__9 .product-4 figure { background-image: url("../img/large/1x/product4/4.jxr"); } @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) { .image-jxr #CMD .section__9 .product-4 figure { background-image: url("../img/large/2x/product4/4.jxr"); } } .image-jp2 #CMD .section__9 .product-4 figure { background-image: url("../img/large/1x/product4/4.jp2"); } @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) { .image-jp2 #CMD .section__9 .product-4 figure { background-image: url("../img/large/2x/product4/4.jp2"); } } .image-webp #CMD .section__9 .product-4 figure { background-image: url("../img/large/1x/product4/4.webp"); } @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) { .image-webp #CMD .section__9 .product-4 figure { background-image: url("../img/large/2x/product4/4.webp"); } } .image-old #CMD .section__9 .product-4 figure { background-image: url("../img/large/1x/product4/4.png"); } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .image-old #CMD .section__9 .product-4 figure { background-image: url("../img/large/2x/product4/4.png"); } } .image-jxr #CMD .section__9 .product-5 figure { background-image: url("../img/large/1x/product4/5.jxr"); } @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) { .image-jxr #CMD .section__9 .product-5 figure { background-image: url("../img/large/2x/product4/5.jxr"); } } .image-jp2 #CMD .section__9 .product-5 figure { background-image: url("../img/large/1x/product4/5.jp2"); } @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) { .image-jp2 #CMD .section__9 .product-5 figure { background-image: url("../img/large/2x/product4/5.jp2"); } } .image-webp #CMD .section__9 .product-5 figure { background-image: url("../img/large/1x/product4/5.webp"); } @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) { .image-webp #CMD .section__9 .product-5 figure { background-image: url("../img/large/2x/product4/5.webp"); } } .image-old #CMD .section__9 .product-5 figure { background-image: url("../img/large/1x/product4/5.png"); } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .image-old #CMD .section__9 .product-5 figure { background-image: url("../img/large/2x/product4/5.png"); } } .image-jxr #CMD .section__9 .product-6 figure { background-image: url("../img/large/1x/product4/6.jxr"); } @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) { .image-jxr #CMD .section__9 .product-6 figure { background-image: url("../img/large/2x/product4/6.jxr"); } } .image-jp2 #CMD .section__9 .product-6 figure { background-image: url("../img/large/1x/product4/6.jp2"); } @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) { .image-jp2 #CMD .section__9 .product-6 figure { background-image: url("../img/large/2x/product4/6.jp2"); } } .image-webp #CMD .section__9 .product-6 figure { background-image: url("../img/large/1x/product4/6.webp"); } @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) { .image-webp #CMD .section__9 .product-6 figure { background-image: url("../img/large/2x/product4/6.webp"); } } .image-old #CMD .section__9 .product-6 figure { background-image: url("../img/large/1x/product4/6.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) { .image-old #CMD .section__9 .product-6 figure { background-image: url("../img/large/2x/product4/6.png"); } } .image-jxr #CMD .section__9 .product-7 figure { background-image: url("../img/large/1x/product4/7.jxr"); } @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) { .image-jxr #CMD .section__9 .product-7 figure { background-image: url("../img/large/2x/product4/7.jxr"); } } .image-jp2 #CMD .section__9 .product-7 figure { background-image: url("../img/large/1x/product4/7.jp2"); } @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) { .image-jp2 #CMD .section__9 .product-7 figure { background-image: url("../img/large/2x/product4/7.jp2"); } } .image-webp #CMD .section__9 .product-7 figure { background-image: url("../img/large/1x/product4/7.webp"); } @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) { .image-webp #CMD .section__9 .product-7 figure { background-image: url("../img/large/2x/product4/7.webp"); } } .image-old #CMD .section__9 .product-7 figure { background-image: url("../img/large/1x/product4/7.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) { .image-old #CMD .section__9 .product-7 figure { background-image: url("../img/large/2x/product4/7.png"); } } .image-jxr #CMD .section__9 .product-8 figure { background-image: url("../img/large/1x/product4/8.jxr"); } @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) { .image-jxr #CMD .section__9 .product-8 figure { background-image: url("../img/large/2x/product4/8.jxr"); } } .image-jp2 #CMD .section__9 .product-8 figure { background-image: url("../img/large/1x/product4/8.jp2"); } @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) { .image-jp2 #CMD .section__9 .product-8 figure { background-image: url("../img/large/2x/product4/8.jp2"); } } .image-webp #CMD .section__9 .product-8 figure { background-image: url("../img/large/1x/product4/8.webp"); } @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) { .image-webp #CMD .section__9 .product-8 figure { background-image: url("../img/large/2x/product4/8.webp"); } } .image-old #CMD .section__9 .product-8 figure { background-image: url("../img/large/1x/product4/8.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) { .image-old #CMD .section__9 .product-8 figure { background-image: url("../img/large/2x/product4/8.png"); } } .image-jxr #CMD .section__9 .product-9 figure { background-image: url("../img/large/1x/product4/9.jxr"); } @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) { .image-jxr #CMD .section__9 .product-9 figure { background-image: url("../img/large/2x/product4/9.jxr"); } } .image-jp2 #CMD .section__9 .product-9 figure { background-image: url("../img/large/1x/product4/9.jp2"); } @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) { .image-jp2 #CMD .section__9 .product-9 figure { background-image: url("../img/large/2x/product4/9.jp2"); } } .image-webp #CMD .section__9 .product-9 figure { background-image: url("../img/large/1x/product4/9.webp"); } @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) { .image-webp #CMD .section__9 .product-9 figure { background-image: url("../img/large/2x/product4/9.webp"); } } .image-old #CMD .section__9 .product-9 figure { background-image: url("../img/large/1x/product4/9.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) { .image-old #CMD .section__9 .product-9 figure { background-image: url("../img/large/2x/product4/9.png"); } } .image-jxr #CMD .section__9 .product-10 figure { background-image: url("../img/large/1x/product4/10.jxr"); } @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) { .image-jxr #CMD .section__9 .product-10 figure { background-image: url("../img/large/2x/product4/10.jxr"); } } .image-jp2 #CMD .section__9 .product-10 figure { background-image: url("../img/large/1x/product4/10.jp2"); } @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) { .image-jp2 #CMD .section__9 .product-10 figure { background-image: url("../img/large/2x/product4/10.jp2"); } } .image-webp #CMD .section__9 .product-10 figure { background-image: url("../img/large/1x/product4/10.webp"); } @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) { .image-webp #CMD .section__9 .product-10 figure { background-image: url("../img/large/2x/product4/10.webp"); } } .image-old #CMD .section__9 .product-10 figure { background-image: url("../img/large/1x/product4/10.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) { .image-old #CMD .section__9 .product-10 figure { background-image: url("../img/large/2x/product4/10.png"); } } .image-jxr #CMD .section__9 .product-11 figure { background-image: url("../img/large/1x/product4/11.jxr"); } @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) { .image-jxr #CMD .section__9 .product-11 figure { background-image: url("../img/large/2x/product4/11.jxr"); } } .image-jp2 #CMD .section__9 .product-11 figure { background-image: url("../img/large/1x/product4/11.jp2"); } @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) { .image-jp2 #CMD .section__9 .product-11 figure { background-image: url("../img/large/2x/product4/11.jp2"); } } .image-webp #CMD .section__9 .product-11 figure { background-image: url("../img/large/1x/product4/11.webp"); } @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) { .image-webp #CMD .section__9 .product-11 figure { background-image: url("../img/large/2x/product4/11.webp"); } } .image-old #CMD .section__9 .product-11 figure { background-image: url("../img/large/1x/product4/11.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) { .image-old #CMD .section__9 .product-11 figure { background-image: url("../img/large/2x/product4/11.png"); } } .image-jxr #CMD .section__9 .product-12 figure { background-image: url("../img/large/1x/product4/12.jxr"); } @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) { .image-jxr #CMD .section__9 .product-12 figure { background-image: url("../img/large/2x/product4/12.jxr"); } } .image-jp2 #CMD .section__9 .product-12 figure { background-image: url("../img/large/1x/product4/12.jp2"); } @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) { .image-jp2 #CMD .section__9 .product-12 figure { background-image: url("../img/large/2x/product4/12.jp2"); } } .image-webp #CMD .section__9 .product-12 figure { background-image: url("../img/large/1x/product4/12.webp"); } @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) { .image-webp #CMD .section__9 .product-12 figure { background-image: url("../img/large/2x/product4/12.webp"); } } .image-old #CMD .section__9 .product-12 figure { background-image: url("../img/large/1x/product4/12.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) { .image-old #CMD .section__9 .product-12 figure { background-image: url("../img/large/2x/product4/12.png"); } } .image-jxr #CMD .section__9 .product-13 figure { background-image: url("../img/large/1x/product4/13.jxr"); } @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) { .image-jxr #CMD .section__9 .product-13 figure { background-image: url("../img/large/2x/product4/13.jxr"); } } .image-jp2 #CMD .section__9 .product-13 figure { background-image: url("../img/large/1x/product4/13.jp2"); } @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) { .image-jp2 #CMD .section__9 .product-13 figure { background-image: url("../img/large/2x/product4/13.jp2"); } } .image-webp #CMD .section__9 .product-13 figure { background-image: url("../img/large/1x/product4/13.webp"); } @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) { .image-webp #CMD .section__9 .product-13 figure { background-image: url("../img/large/2x/product4/13.webp"); } } .image-old #CMD .section__9 .product-13 figure { background-image: url("../img/large/1x/product4/13.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) { .image-old #CMD .section__9 .product-13 figure { background-image: url("../img/large/2x/product4/13.png"); } } .image-jxr #CMD .section__9 .product-14 figure { background-image: url("../img/large/1x/product4/14.jxr"); } @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) { .image-jxr #CMD .section__9 .product-14 figure { background-image: url("../img/large/2x/product4/14.jxr"); } } .image-jp2 #CMD .section__9 .product-14 figure { background-image: url("../img/large/1x/product4/14.jp2"); } @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) { .image-jp2 #CMD .section__9 .product-14 figure { background-image: url("../img/large/2x/product4/14.jp2"); } } .image-webp #CMD .section__9 .product-14 figure { background-image: url("../img/large/1x/product4/14.webp"); } @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) { .image-webp #CMD .section__9 .product-14 figure { background-image: url("../img/large/2x/product4/14.webp"); } } .image-old #CMD .section__9 .product-14 figure { background-image: url("../img/large/1x/product4/14.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) { .image-old #CMD .section__9 .product-14 figure { background-image: url("../img/large/2x/product4/14.png"); } } .image-jxr #CMD .section__9 .product-15 figure { background-image: url("../img/large/1x/product4/15.jxr"); } @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) { .image-jxr #CMD .section__9 .product-15 figure { background-image: url("../img/large/2x/product4/15.jxr"); } } .image-jp2 #CMD .section__9 .product-15 figure { background-image: url("../img/large/1x/product4/15.jp2"); } @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) { .image-jp2 #CMD .section__9 .product-15 figure { background-image: url("../img/large/2x/product4/15.jp2"); } } .image-webp #CMD .section__9 .product-15 figure { background-image: url("../img/large/1x/product4/15.webp"); } @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) { .image-webp #CMD .section__9 .product-15 figure { background-image: url("../img/large/2x/product4/15.webp"); } } .image-old #CMD .section__9 .product-15 figure { background-image: url("../img/large/1x/product4/15.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) { .image-old #CMD .section__9 .product-15 figure { background-image: url("../img/large/2x/product4/15.png"); } } .image-jxr #CMD .section__9 .product-16 figure { background-image: url("../img/large/1x/product4/16.jxr"); } @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) { .image-jxr #CMD .section__9 .product-16 figure { background-image: url("../img/large/2x/product4/16.jxr"); } } .image-jp2 #CMD .section__9 .product-16 figure { background-image: url("../img/large/1x/product4/16.jp2"); } @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) { .image-jp2 #CMD .section__9 .product-16 figure { background-image: url("../img/large/2x/product4/16.jp2"); } } .image-webp #CMD .section__9 .product-16 figure { background-image: url("../img/large/1x/product4/16.webp"); } @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) { .image-webp #CMD .section__9 .product-16 figure { background-image: url("../img/large/2x/product4/16.webp"); } } .image-old #CMD .section__9 .product-16 figure { background-image: url("../img/large/1x/product4/16.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) { .image-old #CMD .section__9 .product-16 figure { background-image: url("../img/large/2x/product4/16.png"); } } .image-jxr #CMD .section__9 .product-17 figure { background-image: url("../img/large/1x/product4/17.jxr"); } @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) { .image-jxr #CMD .section__9 .product-17 figure { background-image: url("../img/large/2x/product4/17.jxr"); } } .image-jp2 #CMD .section__9 .product-17 figure { background-image: url("../img/large/1x/product4/17.jp2"); } @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) { .image-jp2 #CMD .section__9 .product-17 figure { background-image: url("../img/large/2x/product4/17.jp2"); } } .image-webp #CMD .section__9 .product-17 figure { background-image: url("../img/large/1x/product4/17.webp"); } @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) { .image-webp #CMD .section__9 .product-17 figure { background-image: url("../img/large/2x/product4/17.webp"); } } .image-old #CMD .section__9 .product-17 figure { background-image: url("../img/large/1x/product4/17.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) { .image-old #CMD .section__9 .product-17 figure { background-image: url("../img/large/2x/product4/17.png"); } } .image-jxr #CMD .section__9 .product-18 figure { background-image: url("../img/large/1x/product4/18.jxr"); } @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) { .image-jxr #CMD .section__9 .product-18 figure { background-image: url("../img/large/2x/product4/18.jxr"); } } .image-jp2 #CMD .section__9 .product-18 figure { background-image: url("../img/large/1x/product4/18.jp2"); } @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) { .image-jp2 #CMD .section__9 .product-18 figure { background-image: url("../img/large/2x/product4/18.jp2"); } } .image-webp #CMD .section__9 .product-18 figure { background-image: url("../img/large/1x/product4/18.webp"); } @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) { .image-webp #CMD .section__9 .product-18 figure { background-image: url("../img/large/2x/product4/18.webp"); } } .image-old #CMD .section__9 .product-18 figure { background-image: url("../img/large/1x/product4/18.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) { .image-old #CMD .section__9 .product-18 figure { background-image: url("../img/large/2x/product4/18.png"); } } .image-jxr #CMD .section__9 .product-19 figure { background-image: url("../img/large/1x/product4/19.jxr"); } @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) { .image-jxr #CMD .section__9 .product-19 figure { background-image: url("../img/large/2x/product4/19.jxr"); } } .image-jp2 #CMD .section__9 .product-19 figure { background-image: url("../img/large/1x/product4/19.jp2"); } @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) { .image-jp2 #CMD .section__9 .product-19 figure { background-image: url("../img/large/2x/product4/19.jp2"); } } .image-webp #CMD .section__9 .product-19 figure { background-image: url("../img/large/1x/product4/19.webp"); } @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) { .image-webp #CMD .section__9 .product-19 figure { background-image: url("../img/large/2x/product4/19.webp"); } } .image-old #CMD .section__9 .product-19 figure { background-image: url("../img/large/1x/product4/19.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) { .image-old #CMD .section__9 .product-19 figure { background-image: url("../img/large/2x/product4/19.png"); } } .image-jxr #CMD .section__9 .product-20 figure { background-image: url("../img/large/1x/product4/20.jxr"); } @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) { .image-jxr #CMD .section__9 .product-20 figure { background-image: url("../img/large/2x/product4/20.jxr"); } } .image-jp2 #CMD .section__9 .product-20 figure { background-image: url("../img/large/1x/product4/20.jp2"); } @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) { .image-jp2 #CMD .section__9 .product-20 figure { background-image: url("../img/large/2x/product4/20.jp2"); } } .image-webp #CMD .section__9 .product-20 figure { background-image: url("../img/large/1x/product4/20.webp"); } @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) { .image-webp #CMD .section__9 .product-20 figure { background-image: url("../img/large/2x/product4/20.webp"); } } .image-old #CMD .section__9 .product-20 figure { background-image: url("../img/large/1x/product4/20.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) { .image-old #CMD .section__9 .product-20 figure { background-image: url("../img/large/2x/product4/20.png"); } } html #CMD .inner-view { background: #fff; } html #CMD .inner-view .inner-view-container { position: relative; margin-left: auto; margin-right: auto; } html #CMD .inner-view .inner-view-container .modal-button { background-color: #25aae5; color: #fff; border-color: #25aae5; } html #CMD .inner-view .inner-view-container .modal-button:hover { background-color: #178fc3; color: #fff; border-color: #178fc3; } html #CMD .inner-view .inner-view-container .inner-modal { padding-bottom: 0; } html #CMD .inner-view .inner-view-container .inner-modal.modal-thin { background-color: #fff; } html #CMD .inner-view .inner-view-container .inner-modal.modal-dual { background-color: #fefefe; } html #CMD .inner-view .inner-view-container .inner-modal.modal-battery { background-color: #fff; } html #CMD .inner-view .inner-view-container .inner-modal.modal-port { background-color: #fefefe; } html #CMD .inner-view .inner-view-container .inner-modal.modal-security { background-color: #fefefe; } html #CMD .inner-view .inner-view-container .wd__section .wd__content { padding-left: 0; margin-left: auto; margin-right: auto; width: 900px; } html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__slogan { color: #1c1b19; position: relative; top: 12px; left: 0; } html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__title { color: #1c1b19; font-size: 34px; } html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__info { color: #1c1b19; margin-top: 16px; } html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__link { linkColor: #25aae5; color: #25aae5; } html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__link *, html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__link span { color: #25aae5; } html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__link:after { color: #25aae5; } html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__link:link { color: #25aae5; } html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__link:hover span { border-bottom: 1px solid #25aae5; } html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__slogan:before, html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__slogan:after, html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__title:before, html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__title:after { display: none; } html #CMD .inner-view .section__btn__home:before { background: none; } html #CMD .inner-view .icon { background-image: url("@wording-path-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) { html #CMD .inner-view .icon { background-image: url("@wording-path-features@images/large/2x/inner/icon_def.png"); } } html #CMD .inner-view #active__modal-performance, html #CMD .inner-view #active__modal-ultra__sharp, html #CMD .inner-view #active__modal-nano__edge, html #CMD .inner-view #active__modal-design, html #CMD .inner-view #active__modal-connectivity { background: #fff; } html #CMD .inner-view #active__modal-performance .inner-modal, html #CMD .inner-view #active__modal-performance section, html #CMD .inner-view #active__modal-ultra__sharp .inner-modal, html #CMD .inner-view #active__modal-ultra__sharp section, html #CMD .inner-view #active__modal-nano__edge .inner-modal, html #CMD .inner-view #active__modal-nano__edge section, html #CMD .inner-view #active__modal-design .inner-modal, html #CMD .inner-view #active__modal-design section, html #CMD .inner-view #active__modal-connectivity .inner-modal, html #CMD .inner-view #active__modal-connectivity section { background: #fff; } html #CMD .inner-view #active__modal-performance .wd__section .wd__content .content__title, html #CMD .inner-view #active__modal-ultra__sharp .wd__section .wd__content .content__title, html #CMD .inner-view #active__modal-nano__edge .wd__section .wd__content .content__title, html #CMD .inner-view #active__modal-design .wd__section .wd__content .content__title, html #CMD .inner-view #active__modal-connectivity .wd__section .wd__content .content__title { color: #1c1b19; } html #CMD .inner-view #active__modal-performance .wd__section .wd__content .content__info, html #CMD .inner-view #active__modal-ultra__sharp .wd__section .wd__content .content__info, html #CMD .inner-view #active__modal-nano__edge .wd__section .wd__content .content__info, html #CMD .inner-view #active__modal-design .wd__section .wd__content .content__info, html #CMD .inner-view #active__modal-connectivity .wd__section .wd__content .content__info { color: #1c1b19; } html #CMD .inner-view #active__modal-performance .wd__section .wd__content .content__link, html #CMD .inner-view #active__modal-ultra__sharp .wd__section .wd__content .content__link, html #CMD .inner-view #active__modal-nano__edge .wd__section .wd__content .content__link, html #CMD .inner-view #active__modal-design .wd__section .wd__content .content__link, html #CMD .inner-view #active__modal-connectivity .wd__section .wd__content .content__link { Color: #1c1b19; } html #CMD .inner-view #active__modal-performance .wd__section .wd__content .content__comment, html #CMD .inner-view #active__modal-ultra__sharp .wd__section .wd__content .content__comment, html #CMD .inner-view #active__modal-nano__edge .wd__section .wd__content .content__comment, html #CMD .inner-view #active__modal-design .wd__section .wd__content .content__comment, html #CMD .inner-view #active__modal-connectivity .wd__section .wd__content .content__comment { color: #1c1b19; } html #CMD .inner-view #active__modal-performance .wd__section .wd__feature__list .wd__feature .wd__feature__describe, html #CMD .inner-view #active__modal-performance .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top, html #CMD .inner-view #active__modal-ultra__sharp .wd__section .wd__feature__list .wd__feature .wd__feature__describe, html #CMD .inner-view #active__modal-ultra__sharp .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top, html #CMD .inner-view #active__modal-nano__edge .wd__section .wd__feature__list .wd__feature .wd__feature__describe, html #CMD .inner-view #active__modal-nano__edge .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top, html #CMD .inner-view #active__modal-design .wd__section .wd__feature__list .wd__feature .wd__feature__describe, html #CMD .inner-view #active__modal-design .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top, html #CMD .inner-view #active__modal-connectivity .wd__section .wd__feature__list .wd__feature .wd__feature__describe, html #CMD .inner-view #active__modal-connectivity .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top { color: #1c1b19; } @media all and (min-width: 1280px) { html #CMD .large_use { display: block; } html #CMD .large_unuse { display: none; } } @media all and (min-width: 731px) and (max-width: 1279px) { html #CMD .wd__section .medium_use { display: block; } html #CMD .wd__section .medium_unuse { display: none; } html #CMD .wd__section .no__wrap { white-space: nowrap; display: inline-block; } html #CMD .section__kv { background-color: #e2e7e7; } html #CMD .section__kv .wd__content { position: relative; text-align: center; top: unset; left: unset; margin-top: 50px; margin-left: auto; margin-right: auto; width: 100%; max-width: 1024px; } html #CMD .section__kv .wd__content .content__title { text-align: center; max-width: 1024px; font-size: 48px; line-height: 1.15; } html #CMD .section__kv .wd__content .content__info { text-align: center; margin-top: 20px; font-size: 29px; line-height: 1.3; width: 100%; max-width: 600px; } html #CMD .section__kv .img__kv { margin-top: -285px; width: 100%; max-width: 1300px; height: 870px; } .image-jxr #CMD .section__kv .img__kv { background-image: url("../img/medium/1x/kv.jxr"); } } @media all and (min-width: 731px) and (max-width: 1279px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279px) and (min-resolution: 144dpi) { .image-jxr #CMD .section__kv .img__kv { background-image: url("../img/medium/2x/kv.jxr"); } } @media all and (min-width: 731px) and (max-width: 1279px) { .image-jp2 #CMD .section__kv .img__kv { background-image: url("../img/medium/1x/kv.jp2"); } } @media all and (min-width: 731px) and (max-width: 1279px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279px) and (min-resolution: 144dpi) { .image-jp2 #CMD .section__kv .img__kv { background-image: url("../img/medium/2x/kv.jp2"); } } @media all and (min-width: 731px) and (max-width: 1279px) { .image-webp #CMD .section__kv .img__kv { background-image: url("../img/medium/1x/kv.webp"); } } @media all and (min-width: 731px) and (max-width: 1279px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279px) and (min-resolution: 144dpi) { .image-webp #CMD .section__kv .img__kv { background-image: url("../img/medium/2x/kv.webp"); } } @media all and (min-width: 731px) and (max-width: 1279px) { .image-old #CMD .section__kv .img__kv { background-image: url("../img/medium/1x/kv.jpg"); } } @media all and (min-width: 731px) and (max-width: 1279px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279px) and (min-resolution: 144dpi) { .image-old #CMD .section__kv .img__kv { background-image: url("../img/medium/2x/kv.jpg"); } } @media all and (min-width: 731px) and (max-width: 1279px) { html #CMD .section__2 .wd__content .content__title { max-width: unset; } html #CMD .section__2 .wd__content .content__info { max-width: unset; } html #CMD .section__2 .banner-img { left: 50%; margin-left: -650px; width: 1300px; height: 489px; } .image-jxr #CMD .section__2 .banner-img { background-image: url("../img/medium/1x/solution_1.jxr"); } } @media all and (min-width: 731px) and (max-width: 1279px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279px) and (min-resolution: 144dpi) { .image-jxr #CMD .section__2 .banner-img { background-image: url("../img/medium/2x/solution_1.jxr"); } } @media all and (min-width: 731px) and (max-width: 1279px) { .image-jp2 #CMD .section__2 .banner-img { background-image: url("../img/medium/1x/solution_1.jp2"); } } @media all and (min-width: 731px) and (max-width: 1279px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279px) and (min-resolution: 144dpi) { .image-jp2 #CMD .section__2 .banner-img { background-image: url("../img/medium/2x/solution_1.jp2"); } } @media all and (min-width: 731px) and (max-width: 1279px) { .image-webp #CMD .section__2 .banner-img { background-image: url("../img/medium/1x/solution_1.webp"); } } @media all and (min-width: 731px) and (max-width: 1279px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279px) and (min-resolution: 144dpi) { .image-webp #CMD .section__2 .banner-img { background-image: url("../img/medium/2x/solution_1.webp"); } } @media all and (min-width: 731px) and (max-width: 1279px) { .image-old #CMD .section__2 .banner-img { background-image: url("../img/medium/1x/solution_1.jpg"); } } @media all and (min-width: 731px) and (max-width: 1279px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279px) and (min-resolution: 144dpi) { .image-old #CMD .section__2 .banner-img { background-image: url("../img/medium/2x/solution_1.jpg"); } } @media all and (min-width: 731px) and (max-width: 1279px) { html #CMD .section__4 .wd__content .content__title { max-width: unset; } html #CMD .section__4 .wd__content .content__info { max-width: unset; } html #CMD .section__4 .banner-img { left: 50%; margin-left: -650px; width: 1300px; height: 489px; } .image-jxr #CMD .section__4 .banner-img { background-image: url("../img/medium/1x/solution_2.jxr"); } } @media all and (min-width: 731px) and (max-width: 1279px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279px) and (min-resolution: 144dpi) { .image-jxr #CMD .section__4 .banner-img { background-image: url("../img/medium/2x/solution_2.jxr"); } } @media all and (min-width: 731px) and (max-width: 1279px) { .image-jp2 #CMD .section__4 .banner-img { background-image: url("../img/medium/1x/solution_2.jp2"); } } @media all and (min-width: 731px) and (max-width: 1279px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279px) and (min-resolution: 144dpi) { .image-jp2 #CMD .section__4 .banner-img { background-image: url("../img/medium/2x/solution_2.jp2"); } } @media all and (min-width: 731px) and (max-width: 1279px) { .image-webp #CMD .section__4 .banner-img { background-image: url("../img/medium/1x/solution_2.webp"); } } @media all and (min-width: 731px) and (max-width: 1279px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279px) and (min-resolution: 144dpi) { .image-webp #CMD .section__4 .banner-img { background-image: url("../img/medium/2x/solution_2.webp"); } } @media all and (min-width: 731px) and (max-width: 1279px) { .image-old #CMD .section__4 .banner-img { background-image: url("../img/medium/1x/solution_2.jpg"); } } @media all and (min-width: 731px) and (max-width: 1279px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279px) and (min-resolution: 144dpi) { .image-old #CMD .section__4 .banner-img { background-image: url("../img/medium/2x/solution_2.jpg"); } } @media all and (min-width: 731px) and (max-width: 1279px) { html #CMD .section__6 .wd__content .content__title { max-width: unset; } html #CMD .section__6 .wd__content .content__info { max-width: unset; } html #CMD .section__6 .banner-img { left: 50%; margin-left: -650px; width: 1300px; height: 489px; } .image-jxr #CMD .section__6 .banner-img { background-image: url("../img/medium/1x/solution_3.jxr"); } } @media all and (min-width: 731px) and (max-width: 1279px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279px) and (min-resolution: 144dpi) { .image-jxr #CMD .section__6 .banner-img { background-image: url("../img/medium/2x/solution_3.jxr"); } } @media all and (min-width: 731px) and (max-width: 1279px) { .image-jp2 #CMD .section__6 .banner-img { background-image: url("../img/medium/1x/solution_3.jp2"); } } @media all and (min-width: 731px) and (max-width: 1279px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279px) and (min-resolution: 144dpi) { .image-jp2 #CMD .section__6 .banner-img { background-image: url("../img/medium/2x/solution_3.jp2"); } } @media all and (min-width: 731px) and (max-width: 1279px) { .image-webp #CMD .section__6 .banner-img { background-image: url("../img/medium/1x/solution_3.webp"); } } @media all and (min-width: 731px) and (max-width: 1279px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279px) and (min-resolution: 144dpi) { .image-webp #CMD .section__6 .banner-img { background-image: url("../img/medium/2x/solution_3.webp"); } } @media all and (min-width: 731px) and (max-width: 1279px) { .image-old #CMD .section__6 .banner-img { background-image: url("../img/medium/1x/solution_3.jpg"); } } @media all and (min-width: 731px) and (max-width: 1279px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279px) and (min-resolution: 144dpi) { .image-old #CMD .section__6 .banner-img { background-image: url("../img/medium/2x/solution_3.jpg"); } } @media all and (min-width: 731px) and (max-width: 1279px) { html #CMD .section__8 .wd__content .content__title { max-width: unset; } html #CMD .section__8 .wd__content .content__info { max-width: unset; } html #CMD .section__8 .banner-img { left: 50%; margin-left: -650px; width: 1300px; height: 489px; } .image-jxr #CMD .section__8 .banner-img { background-image: url("../img/medium/1x/solution_4.jxr"); } } @media all and (min-width: 731px) and (max-width: 1279px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279px) and (min-resolution: 144dpi) { .image-jxr #CMD .section__8 .banner-img { background-image: url("../img/medium/2x/solution_4.jxr"); } } @media all and (min-width: 731px) and (max-width: 1279px) { .image-jp2 #CMD .section__8 .banner-img { background-image: url("../img/medium/1x/solution_4.jp2"); } } @media all and (min-width: 731px) and (max-width: 1279px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279px) and (min-resolution: 144dpi) { .image-jp2 #CMD .section__8 .banner-img { background-image: url("../img/medium/2x/solution_4.jp2"); } } @media all and (min-width: 731px) and (max-width: 1279px) { .image-webp #CMD .section__8 .banner-img { background-image: url("../img/medium/1x/solution_4.webp"); } } @media all and (min-width: 731px) and (max-width: 1279px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279px) and (min-resolution: 144dpi) { .image-webp #CMD .section__8 .banner-img { background-image: url("../img/medium/2x/solution_4.webp"); } } @media all and (min-width: 731px) and (max-width: 1279px) { .image-old #CMD .section__8 .banner-img { background-image: url("../img/medium/1x/solution_4.jpg"); } } @media all and (min-width: 731px) and (max-width: 1279px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 731px) and (max-width: 1279px) and (min-resolution: 144dpi) { .image-old #CMD .section__8 .banner-img { background-image: url("../img/medium/2x/solution_4.jpg"); } } @media all and (min-width: 731px) and (max-width: 1279px) { html #CMD .inner-view { background: #333; } html #CMD .inner-view .inner-modal { padding-bottom: 0; } html #CMD .inner-view .inner-modal.modal-thin { background-color: #fff; } html #CMD .inner-view .inner-modal.modal-dual { background-color: #fefefe; } html #CMD .inner-view .inner-modal.modal-battery { background-color: #fff; } html #CMD .inner-view .inner-modal.modal-port { background-color: #fefefe; } html #CMD .inner-view .inner-modal.modal-security { background-color: #fefefe; } html #CMD .inner-view .inner-view-container { position: relative; background: #444bb5; margin-left: auto; margin-right: auto; max-width: 2560px; } html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__slogan { text-align: center; color: #333; } html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__title { font-size: 34px; margin-top: 25px; } html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__info { width: 100%; max-width: 720px; margin-top: 24px; } html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__slogan:before, html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__slogan:after, html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__title:before, html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__title:after { display: none; } html #CMD .inner-view .section__btn__home:before { background: none; } html #CMD .inner-view .icon { width: 62px; height: 62px; margin-top: -10px; margin-bottom: 10px; background-size: contain; } } @media all and (max-width: 730px) { html #CMD .wd__section .small_use { display: block; } html #CMD .wd__section .small_unuse { display: none; } html #CMD .wd__section .no__wrap { white-space: normal; } html #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; } html #CMD .wd__section .wd__content .content__slogan { letter-spacing: 0.7px; font-size: 17px; } html #CMD .wd__section .wd__content .content__title { margin-top: 64px; width: 100%; } html #CMD .wd__section .wd__content .content__info { width: 100%; } html #CMD .wd__section .wd__content .content__comment { width: 100%; max-width: 520px; } html #CMD .wd__section .wd__content .content__slogan { left: 3px; } html #CMD .wd__section .wd__content .content__slogan:before { position: relative; display: block; content: ''; top: -5px; width: 100%; height: 2px; background: #25aae5; } html #CMD .wd__section .wd__feature__list { width: 100%; } html #CMD .wd__section .wd__feature__list .wd__feature { vertical-align: top; text-align: center; box-sizing: border-box; } html #CMD .wd__section .wd__feature__list .wd__feature .wd__feature__data { margin-bottom: 0px; } html #CMD .wd__section .wd__link__arrow:after { padding-left: 5px; } html #CMD .section__kv { margin-top: 50px; background-color: #ffffff; } html #CMD .section__kv .wd__content { position: relative; text-align: center; top: unset; left: unset; margin-top: -34px; margin-left: auto; margin-right: auto; width: 90%; max-width: 1024px; } html #CMD .section__kv .wd__content .content__title { text-align: center; margin-left: auto; margin-right: auto; max-width: 540px; font-size: 36px; line-height: 1.2; } html #CMD .section__kv .wd__content .content__info { text-align: center; margin-top: 9px; margin-left: auto; margin-right: auto; font-size: 21px; line-height: 1.3; width: 100%; max-width: 600px; } html #CMD .section__kv .img__kv { margin-top: -120px; width: 100%; max-width: 730px; height: 430px; } .image-jxr #CMD .section__kv .img__kv { background-image: url("../img/small/1x/kv.jxr"); } } @media all and (max-width: 730px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730px) and (min-resolution: 144dpi) { .image-jxr #CMD .section__kv .img__kv { background-image: url("../img/small/2x/kv.jxr"); } } @media all and (max-width: 730px) { .image-jp2 #CMD .section__kv .img__kv { background-image: url("../img/small/1x/kv.jp2"); } } @media all and (max-width: 730px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730px) and (min-resolution: 144dpi) { .image-jp2 #CMD .section__kv .img__kv { background-image: url("../img/small/2x/kv.jp2"); } } @media all and (max-width: 730px) { .image-webp #CMD .section__kv .img__kv { background-image: url("../img/small/1x/kv.webp"); } } @media all and (max-width: 730px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730px) and (min-resolution: 144dpi) { .image-webp #CMD .section__kv .img__kv { background-image: url("../img/small/2x/kv.webp"); } } @media all and (max-width: 730px) { .image-old #CMD .section__kv .img__kv { background-image: url("../img/small/1x/kv.jpg"); } } @media all and (max-width: 730px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730px) and (min-resolution: 144dpi) { .image-old #CMD .section__kv .img__kv { background-image: url("../img/small/2x/kv.jpg"); } } @media all and (max-width: 730px) { html #CMD .section__2 .banner-img { left: 50%; margin-left: -365px; width: 730px; height: 284px; } .image-jxr #CMD .section__2 .banner-img { background-image: url("../img/small/1x/solution_1.jxr"); } } @media all and (max-width: 730px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730px) and (min-resolution: 144dpi) { .image-jxr #CMD .section__2 .banner-img { background-image: url("../img/small/2x/solution_1.jxr"); } } @media all and (max-width: 730px) { .image-jp2 #CMD .section__2 .banner-img { background-image: url("../img/small/1x/solution_1.jp2"); } } @media all and (max-width: 730px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730px) and (min-resolution: 144dpi) { .image-jp2 #CMD .section__2 .banner-img { background-image: url("../img/small/2x/solution_1.jp2"); } } @media all and (max-width: 730px) { .image-webp #CMD .section__2 .banner-img { background-image: url("../img/small/1x/solution_1.webp"); } } @media all and (max-width: 730px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730px) and (min-resolution: 144dpi) { .image-webp #CMD .section__2 .banner-img { background-image: url("../img/small/2x/solution_1.webp"); } } @media all and (max-width: 730px) { .image-old #CMD .section__2 .banner-img { background-image: url("../img/small/1x/solution_1.jpg"); } } @media all and (max-width: 730px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730px) and (min-resolution: 144dpi) { .image-old #CMD .section__2 .banner-img { background-image: url("../img/small/2x/solution_1.jpg"); } } @media all and (max-width: 730px) { html #CMD .section__4 .banner-img { left: 50%; margin-left: -365px; width: 730px; height: 284px; } .image-jxr #CMD .section__4 .banner-img { background-image: url("../img/small/1x/solution_2.jxr"); } } @media all and (max-width: 730px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730px) and (min-resolution: 144dpi) { .image-jxr #CMD .section__4 .banner-img { background-image: url("../img/small/2x/solution_2.jxr"); } } @media all and (max-width: 730px) { .image-jp2 #CMD .section__4 .banner-img { background-image: url("../img/small/1x/solution_2.jp2"); } } @media all and (max-width: 730px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730px) and (min-resolution: 144dpi) { .image-jp2 #CMD .section__4 .banner-img { background-image: url("../img/small/2x/solution_2.jp2"); } } @media all and (max-width: 730px) { .image-webp #CMD .section__4 .banner-img { background-image: url("../img/small/1x/solution_2.webp"); } } @media all and (max-width: 730px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730px) and (min-resolution: 144dpi) { .image-webp #CMD .section__4 .banner-img { background-image: url("../img/small/2x/solution_2.webp"); } } @media all and (max-width: 730px) { .image-old #CMD .section__4 .banner-img { background-image: url("../img/small/1x/solution_2.jpg"); } } @media all and (max-width: 730px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730px) and (min-resolution: 144dpi) { .image-old #CMD .section__4 .banner-img { background-image: url("../img/small/2x/solution_2.jpg"); } } @media all and (max-width: 730px) { html #CMD .section__6 .banner-img { left: 50%; margin-left: -365px; width: 730px; height: 284px; } .image-jxr #CMD .section__6 .banner-img { background-image: url("../img/small/1x/solution_3.jxr"); } } @media all and (max-width: 730px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730px) and (min-resolution: 144dpi) { .image-jxr #CMD .section__6 .banner-img { background-image: url("../img/small/2x/solution_3.jxr"); } } @media all and (max-width: 730px) { .image-jp2 #CMD .section__6 .banner-img { background-image: url("../img/small/1x/solution_3.jp2"); } } @media all and (max-width: 730px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730px) and (min-resolution: 144dpi) { .image-jp2 #CMD .section__6 .banner-img { background-image: url("../img/small/2x/solution_3.jp2"); } } @media all and (max-width: 730px) { .image-webp #CMD .section__6 .banner-img { background-image: url("../img/small/1x/solution_3.webp"); } } @media all and (max-width: 730px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730px) and (min-resolution: 144dpi) { .image-webp #CMD .section__6 .banner-img { background-image: url("../img/small/2x/solution_3.webp"); } } @media all and (max-width: 730px) { .image-old #CMD .section__6 .banner-img { background-image: url("../img/small/1x/solution_3.jpg"); } } @media all and (max-width: 730px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730px) and (min-resolution: 144dpi) { .image-old #CMD .section__6 .banner-img { background-image: url("../img/small/2x/solution_3.jpg"); } } @media all and (max-width: 730px) { html #CMD .section__8 .banner-img { left: 50%; margin-left: -365px; width: 730px; height: 284px; } .image-jxr #CMD .section__8 .banner-img { background-image: url("../img/small/1x/solution_4.jxr"); } } @media all and (max-width: 730px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730px) and (min-resolution: 144dpi) { .image-jxr #CMD .section__8 .banner-img { background-image: url("../img/small/2x/solution_4.jxr"); } } @media all and (max-width: 730px) { .image-jp2 #CMD .section__8 .banner-img { background-image: url("../img/small/1x/solution_4.jp2"); } } @media all and (max-width: 730px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730px) and (min-resolution: 144dpi) { .image-jp2 #CMD .section__8 .banner-img { background-image: url("../img/small/2x/solution_4.jp2"); } } @media all and (max-width: 730px) { .image-webp #CMD .section__8 .banner-img { background-image: url("../img/small/1x/solution_4.webp"); } } @media all and (max-width: 730px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730px) and (min-resolution: 144dpi) { .image-webp #CMD .section__8 .banner-img { background-image: url("../img/small/2x/solution_4.webp"); } } @media all and (max-width: 730px) { .image-old #CMD .section__8 .banner-img { background-image: url("../img/small/1x/solution_4.jpg"); } } @media all and (max-width: 730px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730px) and (min-resolution: 144dpi) { .image-old #CMD .section__8 .banner-img { background-image: url("../img/small/2x/solution_4.jpg"); } } @media all and (max-width: 730px) { html #CMD .inner-view { background: transparent; margin-bottom: 0; } html #CMD .inner-view .inner-view-container { position: relative; background: transparent; margin-left: auto; margin-right: auto; max-width: 720px; } html #CMD .inner-view .inner-view-container .inner-modal { margin-left: auto; margin-right: auto; width: 100%; max-width: 720px; padding-bottom: 0; } html #CMD .inner-view .inner-view-container .inner-modal.modal-thin { background-color: #fff; } html #CMD .inner-view .inner-view-container .inner-modal.modal-dual { background-color: #fefefe; } html #CMD .inner-view .inner-view-container .inner-modal.modal-battery { background-color: #fff; } html #CMD .inner-view .inner-view-container .inner-modal.modal-port { background-color: #fefefe; } html #CMD .inner-view .inner-view-container .inner-modal.modal-security { background-color: #fefefe; } html #CMD .inner-view .inner-view-container .wd__section { overflow: visible !important; } html #CMD .inner-view .inner-view-container .wd__section .wd__content { width: 89.2% !important; } html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__slogan { color: #333; } html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__title { margin-top: 29px; font-size: 23px; } html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__info { margin-top: 15px; } html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__slogan:before, html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__slogan:after, html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__title:before, html #CMD .inner-view .inner-view-container .wd__section .wd__content .content__title:after { display: none; } html #CMD .inner-view .section__btn__home:before { background: none; } }