@charset "UTF-8";
/*** Global ***/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
/*font: inherit;*/
vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}
.text-nowrap {
white-space: nowrap;
}
.text-lowercase {
text-transform: lowercase;
}
.text-uppercase {
text-transform: uppercase;
}
.text-capitalize {
text-transform: capitalize;
}
html {
font-size: 15px;
}
body {
font-size: 1em;
line-height: 1.33333;
margin-bottom: 0em;
}
.inline__block {
display: inline-block;
}
@-webkit-keyframes bounceIn {
0%,
20%,
40%,
60%,
80%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1) translate3d(-50%, 0, 0);
transform: scale3d(1, 1, 1) translate3d(-50%, 0, 0);
}
20% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1) translate3d(-50%, 0, 0);
transform: scale3d(1.1, 1.1, 1.1) translate3d(-50%, 0, 0);
}
40% {
opacity: 1;
-webkit-transform: scale3d(0.9, 0.9, 0.9) translate3d(-50%, 0, 0);
transform: scale3d(0.9, 0.9, 0.9) translate3d(-50%, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03) translate3d(-50%, 0, 0);
transform: scale3d(1.03, 1.03, 1.03) translate3d(-50%, 0, 0);
}
80% {
opacity: 1;
-webkit-transform: scale3d(0.97, 0.97, 0.97) translate3d(-50%, 0, 0);
transform: scale3d(0.97, 0.97, 0.97) translate3d(-50%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1) translate3d(-50%, 0, 0);
transform: scale3d(1, 1, 1) translate3d(-50%, 0, 0);
}
}
@keyframes bounceIn {
0%,
20%,
40%,
60%,
80%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1) translate3d(-50%, 0, 0);
transform: scale3d(1, 1, 1) translate3d(-50%, 0, 0);
}
20% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1) translate3d(-50%, 0, 0);
transform: scale3d(1.1, 1.1, 1.1) translate3d(-50%, 0, 0);
}
40% {
opacity: 1;
-webkit-transform: scale3d(0.9, 0.9, 0.9) translate3d(-50%, 0, 0);
transform: scale3d(0.9, 0.9, 0.9) translate3d(-50%, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03) translate3d(-50%, 0, 0);
transform: scale3d(1.03, 1.03, 1.03) translate3d(-50%, 0, 0);
}
80% {
opacity: 1;
-webkit-transform: scale3d(0.97, 0.97, 0.97) translate3d(-50%, 0, 0);
transform: scale3d(0.97, 0.97, 0.97) translate3d(-50%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1) translate3d(-50%, 0, 0);
transform: scale3d(1, 1, 1) translate3d(-50%, 0, 0);
}
}
.sprite {
background-repeat: no-repeat;
display: block;
}
.sprite-arrow_l {
width: 65px;
height: 130px;
background-position: -5px -5px;
}
.sprite-arrow_l_black {
width: 49px;
height: 96px;
background-position: -80px -5px;
}
.sprite-arrow_r {
width: 65px;
height: 130px;
background-position: -139px -5px;
}
.sprite-arrow_r_black {
width: 49px;
height: 96px;
background-position: -214px -5px;
}
.sprite-black {
width: 41px;
height: 41px;
background-position: -80px -111px;
}
.sprite-gray {
width: 41px;
height: 41px;
background-position: -214px -111px;
}
.sprite-green {
width: 44px;
height: 44px;
background-position: -5px -162px;
}
.sprite-pink {
width: 45px;
height: 44px;
background-position: -59px -162px;
}
.sprite-white {
width: 45px;
height: 44px;
background-position: -114px -162px;
}
.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+BBgAWDs+2El12r0AAAAASUVORK5CYII=");
width: 24px;
height: 24px;
}
.border__radius-ie8 {
behavior: url("../css/css3-IE8-PIE.htc");
}
.wd__section .large__text-center {
text-align: center;
}
.wd__section .large__text-center.wd__content {
left: 0;
}
.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 {
margin-left: auto;
margin-right: auto;
}
.wd__section .large__text-left.wd__content .wd__feature__list .wd__feature {
margin-left: 0;
margin-right: 50px;
}
.wd__section .large__text-left.wd__content .content__slogan:after {
left: 0;
margin-left: 0px;
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.wd__section .medium__text-left {
text-align: left;
}
.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 {
margin-left: 0;
}
.wd__section .medium__text-left.wd__content .content__slogan:after {
left: 0;
margin-left: 0px;
}
.wd__section .medium__text-center {
text-align: center;
}
.wd__section .medium__text-center.wd__content {
left: 0;
margin-left: auto;
margin-right: auto;
}
.wd__section .medium__text-center.wd__content .content__comment,
.wd__section .medium__text-center.wd__content .content__info,
.wd__section .medium__text-center.wd__content .content__link,
.wd__section .medium__text-center.wd__content .content__slogan,
.wd__section .medium__text-center.wd__content .content__title {
margin-left: auto;
margin-right: auto;
}
.wd__section .medium__text-center.wd__content .content__slogan:after {
left: 50%;
margin-left: -25px;
}
.wd__section .medium__text-center.wd__content .wd__feature__list .wd__feature {
margin-left: 33px;
margin-right: 33px;
}
.wd__section .medium__text-center.wd__content .wd__feature__list .wd__feature .wd__feature__describe__top,
.wd__section .medium__text-center.wd__content .wd__feature__list .wd__feature .wd__feature__data,
.wd__section .medium__text-center.wd__content .wd__feature__list .wd__feature .wd__feature__describe {
text-align: center;
}
}
@media all and (max-width: 720px) {
.wd__section .small__text-left {
text-align: left;
}
.wd__section .small__text-left.wd__content {
left: 0;
}
.wd__section .small__text-left.wd__content .content__comment,
.wd__section .small__text-left.wd__content .content__info,
.wd__section .small__text-left.wd__content .content__link,
.wd__section .small__text-left.wd__content .content__slogan,
.wd__section .small__text-left.wd__content .content__title {
margin-left: 0;
}
.wd__section .small__text-center {
text-align: center;
}
.wd__section .small__text-center.wd__content {
left: 0;
margin-left: auto;
margin-right: auto;
}
.wd__section .small__text-center.wd__content .content__comment,
.wd__section .small__text-center.wd__content .content__info,
.wd__section .small__text-center.wd__content .content__link,
.wd__section .small__text-center.wd__content .content__slogan,
.wd__section .small__text-center.wd__content .content__title {
margin-left: auto;
margin-right: auto;
}
}
#AWD.theme-black {
background-color: #000;
}
#AWD.theme-black .wd__content .content__slogan {
color: #6c97ff;
}
#AWD.theme-black .wd__content .content__title {
color: #FFFFFF;
}
#AWD.theme-black .wd__content .content__info {
color: #FFFFFF;
}
#AWD.theme-black .wd__content .content__link span,
#AWD.theme-black .wd__content .wd__link__arrow:after,
#AWD.theme-black .wd__content a:hover {
color: #405a99;
}
#AWD.theme-black .wd__content .content__link:hover span {
border-bottom: 1px solid #405a99;
}
#AWD.theme-black .wd__content .content__slogan:after {
border-bottom: 1px solid #6c97ff;
}
#AWD.theme-black .columns__hl .row .col,
#AWD.theme-black .columns__icon .row .col,
#AWD.theme-black .columns__chart .row .col,
#AWD.theme-black .columns__image .row .col {
border: 1px solid #000;
border-top: 2px solid #000;
border-bottom: 0 solid #000;
background-color: #191919;
}
#AWD.theme-black .columns__hl .row .col:first-child,
#AWD.theme-black .columns__icon .row .col:first-child,
#AWD.theme-black .columns__chart .row .col:first-child,
#AWD.theme-black .columns__image .row .col:first-child {
border-left: 0px solid #000;
}
#AWD.theme-black .columns__hl .row .col:last-child,
#AWD.theme-black .columns__icon .row .col:last-child,
#AWD.theme-black .columns__chart .row .col:last-child,
#AWD.theme-black .columns__image .row .col:last-child {
border-right: 0px solid #000;
}
#AWD.theme-black .columns__hl .row .col .hl .text-top span,
#AWD.theme-black .columns__hl .row .col .col__container .text-top span,
#AWD.theme-black .columns__icon .row .col .hl .text-top span,
#AWD.theme-black .columns__icon .row .col .col__container .text-top span,
#AWD.theme-black .columns__chart .row .col .hl .text-top span,
#AWD.theme-black .columns__chart .row .col .col__container .text-top span,
#AWD.theme-black .columns__image .row .col .hl .text-top span,
#AWD.theme-black .columns__image .row .col .col__container .text-top span {
color: #cfcfcf;
}
#AWD.theme-black .columns__hl .row .col .hl .text,
#AWD.theme-black .columns__hl .row .col .col__container .text,
#AWD.theme-black .columns__icon .row .col .hl .text,
#AWD.theme-black .columns__icon .row .col .col__container .text,
#AWD.theme-black .columns__chart .row .col .hl .text,
#AWD.theme-black .columns__chart .row .col .col__container .text,
#AWD.theme-black .columns__image .row .col .hl .text,
#AWD.theme-black .columns__image .row .col .col__container .text {
color: #6c97ff;
}
#AWD.theme-black .columns__hl .row .col .hl .text-bottom,
#AWD.theme-black .columns__hl .row .col .col__container .text-bottom,
#AWD.theme-black .columns__icon .row .col .hl .text-bottom,
#AWD.theme-black .columns__icon .row .col .col__container .text-bottom,
#AWD.theme-black .columns__chart .row .col .hl .text-bottom,
#AWD.theme-black .columns__chart .row .col .col__container .text-bottom,
#AWD.theme-black .columns__image .row .col .hl .text-bottom,
#AWD.theme-black .columns__image .row .col .col__container .text-bottom {
color: #cfcfcf;
}
#AWD.theme-black .grid__table .row {
background-color: #191919;
}
#AWD.theme-black .wd__section .slick__colors .nav .nav__color.active:after {
border: 1px solid #636360;
}
#AWD.theme-black .slick__carousel .slick-dots li.slick-active button:before,
#AWD.theme-black .slick__carousel .slick-dots li button:hover:before,
#AWD.theme-black .slick__carousel .slick-dots li button:focus:before {
color: #6c97ff !important;
}
#AWD.theme-black .btn__switch__images .click__btns .switch__btn {
border: 1px solid #636360;
}
#AWD.theme-black .btn__switch__images .click__btns .switch__btn .btn__container .container__text {
color: #636360;
}
#AWD.theme-black .btn__switch__images .click__btns .switch__btn:hover,
#AWD.theme-black .btn__switch__images .click__btns .switch__btn.active {
border: 1px solid #405a99;
}
#AWD.theme-black .btn__switch__images .click__btns .switch__btn:hover .container__text,
#AWD.theme-black .btn__switch__images .click__btns .switch__btn.active .container__text {
color: #405a99;
}
#AWD.theme-black .slick__carousel .slick-dots li button:before {
color: #FFFFFF;
}
#AWD.theme-black .slick__carousel .slick-dots li.slick-active button:before,
#AWD.theme-black .slick__carousel .slick-dots li button:hover:before,
#AWD.theme-black .slick__carousel .slick-dots li button:focus:before {
color: #405a99;
}
#AWD.theme-black .product_price .current_price .heading,
#AWD.theme-black .product_medias .media .text,
#AWD.theme-black .product_medias .slick-dots li button:before,
#AWD.theme-black .product_videos .slick-dots li button:before {
color: #FFFFFF;
}
#AWD.theme-black .product_price .price,
#AWD.theme-black .product_price .btn_buy .etailers .etailers_list li a:hover,
#AWD.theme-black .product_medias .media a,
#AWD.theme-black .product_medias .slick-dots li.slick-active button:before,
#AWD.theme-black .product_videos .slick-dots li.slick-active button:before {
color: #6c97ff;
}
#AWD.theme-black .product_price .btn_buy .label {
background-color: #6c97ff;
}
#AWD.theme-white .wd__content .content__slogan {
color: #6c97ff;
}
#AWD.theme-white .wd__content .content__title {
color: #333333;
}
#AWD.theme-white .wd__content .content__info {
color: #333333;
}
#AWD.theme-white .wd__content .content__link span,
#AWD.theme-white .wd__content .wd__link__arrow:after,
#AWD.theme-white .wd__content a:hover {
color: #6c97ff;
}
#AWD.theme-white .wd__content .content__link:hover span {
border-bottom: 1px solid #6c97ff;
}
#AWD.theme-white .wd__content .content__slogan:after {
border-bottom: 1px solid #6c97ff;
}
#AWD.theme-white .columns__hl .row .col,
#AWD.theme-white .columns__icon .row .col,
#AWD.theme-white .columns__image .row .col,
#AWD.theme-white .columns__chart .row .col {
border: 1px solid white;
border-top: 2px solid white;
border-bottom: 0 solid white;
background-color: #F9F9F9;
}
#AWD.theme-white .columns__hl .row .col:first-child,
#AWD.theme-white .columns__icon .row .col:first-child,
#AWD.theme-white .columns__image .row .col:first-child,
#AWD.theme-white .columns__chart .row .col:first-child {
border-left: 0px solid white;
}
#AWD.theme-white .columns__hl .row .col:last-child,
#AWD.theme-white .columns__icon .row .col:last-child,
#AWD.theme-white .columns__image .row .col:last-child,
#AWD.theme-white .columns__chart .row .col:last-child {
border-right: 0px solid white;
}
#AWD.theme-white .columns__hl .row .col .hl .text-top span,
#AWD.theme-white .columns__hl .row .col .col__container .text-top span,
#AWD.theme-white .columns__icon .row .col .hl .text-top span,
#AWD.theme-white .columns__icon .row .col .col__container .text-top span,
#AWD.theme-white .columns__image .row .col .hl .text-top span,
#AWD.theme-white .columns__image .row .col .col__container .text-top span,
#AWD.theme-white .columns__chart .row .col .hl .text-top span,
#AWD.theme-white .columns__chart .row .col .col__container .text-top span {
color: #636360;
}
#AWD.theme-white .columns__hl .row .col .hl .text,
#AWD.theme-white .columns__hl .row .col .col__container .text,
#AWD.theme-white .columns__icon .row .col .hl .text,
#AWD.theme-white .columns__icon .row .col .col__container .text,
#AWD.theme-white .columns__image .row .col .hl .text,
#AWD.theme-white .columns__image .row .col .col__container .text,
#AWD.theme-white .columns__chart .row .col .hl .text,
#AWD.theme-white .columns__chart .row .col .col__container .text {
color: #6c97ff;
}
#AWD.theme-white .columns__hl .row .col .hl .text-bottom,
#AWD.theme-white .columns__hl .row .col .col__container .text-bottom,
#AWD.theme-white .columns__icon .row .col .hl .text-bottom,
#AWD.theme-white .columns__icon .row .col .col__container .text-bottom,
#AWD.theme-white .columns__image .row .col .hl .text-bottom,
#AWD.theme-white .columns__image .row .col .col__container .text-bottom,
#AWD.theme-white .columns__chart .row .col .hl .text-bottom,
#AWD.theme-white .columns__chart .row .col .col__container .text-bottom {
color: #636360;
}
#AWD.theme-white .slick__carousel .slick-dots li.slick-active button:before,
#AWD.theme-white .slick__carousel .slick-dots li button:hover:before,
#AWD.theme-white .slick__carousel .slick-dots li button:focus:before {
color: #6c97ff !important;
}
#AWD.theme-white .btn__switch__images .click__btns .switch__btn {
border: 1px solid gray;
}
#AWD.theme-white .btn__switch__images .click__btns .switch__btn:hover,
#AWD.theme-white .btn__switch__images .click__btns .switch__btn.active {
border: 1px solid #6c97ff;
}
#AWD.theme-white .btn__switch__images .click__btns .switch__btn:hover .container__text,
#AWD.theme-white .btn__switch__images .click__btns .switch__btn.active .container__text {
color: #6c97ff;
}
body {
background-attachment: scroll !important;
-moz-osx-font-smoothing: grayscale;
}
#AWD {
-webkit-opacity: 0;
-khtml-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition-duration: 700ms;
transition-duration: 700ms;
-webkit-transition-property: opacity;
transition-property: opacity;
-webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.33, 0.98);
transition-timing-function: cubic-bezier(0.25, 0.46, 0.33, 0.98);
position: relative;
padding-bottom: 141px;
line-height: 1.3;
font-size: 15px;
z-index: 1;
}
@media all and (min-width: 1301px) {
.clear__background__src {
background-image: none !important;
}
}
section.limit__width {
position: relative;
margin-left: auto;
margin-right: auto;
min-width: 1301px;
max-width: 2560px;
}
@media all and (min-width: 721px) and (max-width: 1300px) {
section.limit__width {
width: 100%;
margin-left: auto;
margin-right: auto;
min-width: 721px;
max-width: 1300px;
}
}
@media all and (min-width: 0px) and (max-width: 720px) {
section.limit__width {
width: 100%;
margin-left: auto;
margin-right: auto;
min-width: 320px;
max-width: 720px;
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
#AWD {
padding-bottom: 85px;
}
}
@media all and (min-width: 0px) and (max-width: 720px) {
#AWD {
padding-bottom: 46px;
}
}
.progressive-image {
background-image: none !important;
}
.in.moving__element {
will-change: transform, opacity;
}
.smooth__animation {
-webkit-transition-duration: 1.25s, 1.25s;
transition-duration: 1.25s, 1.25s;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
-webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95), cubic-bezier(0.39, 0.575, 0.565, 1);
transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95), cubic-bezier(0.39, 0.575, 0.565, 1);
}
.smooth__animation-fast {
-webkit-transition-duration: 400ms, 400ms;
transition-duration: 400ms, 400ms;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
-webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95), cubic-bezier(0.39, 0.575, 0.565, 1);
transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95), cubic-bezier(0.39, 0.575, 0.565, 1);
}
.wd__animation__easeout {
-webkit-transition-duration: 500ms, 500ms;
transition-duration: 500ms, 500ms;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
-webkit-transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
-moz-transition-duration: 500ms;
-moz-transition-property: all;
}
.wd__animation__easeout__slow {
-webkit-transition-duration: 1200ms, 1200ms;
transition-duration: 1200ms, 1200ms;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
-webkit-transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
}
.wd__animation__easeout-fast {
-webkit-transition-duration: 400ms, 400ms;
transition-duration: 400ms, 400ms;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
-webkit-transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
-moz-transition-duration: 400ms;
-moz-transition-property: all;
}
@-webkit-keyframes ripple {
0% {
opacity: 0;
}
20% {
opacity: 0;
}
70% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes ripple {
0% {
opacity: 0;
}
20% {
opacity: 0;
}
70% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes soundCirclePlay {
0% {
opacity: 0;
-webkit-transform: scale(1.8);
transform: scale(1.8);
}
10% {
opacity: 0.6;
}
50% {
opacity: 0;
-webkit-transform: scale(0.2);
transform: scale(0.2);
}
100% {
opacity: 0;
-webkit-transform: scale(0.2);
transform: scale(0.2);
}
}
@keyframes soundCirclePlay {
0% {
opacity: 0;
-webkit-transform: scale(1.8);
transform: scale(1.8);
}
10% {
opacity: 0.6;
}
50% {
opacity: 0;
-webkit-transform: scale(0.2);
transform: scale(0.2);
}
100% {
opacity: 0;
-webkit-transform: scale(0.2);
transform: scale(0.2);
}
}
* {
-webkit-tap-highlight-color: transparent;
}
#ctl00_ContentPlaceHolder1_ctl00_span_model_name img {
max-width: 100%;
}
#main-zone>.container {
width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
}
#main-zone>.container .overview-wrapper {
width: 100% !important;
}
#product-footer-zone {
margin-top: 0 !important;
}
#main-zone #overview-top-nav .inner {
padding: 0;
}
#special-sectionOverview {
margin-top: 0px;
}
#AWD {
margin-top: 106px \9 !important;
}
@media all and (min-width: 721px) {
#AWD {
margin-top: 106px;
}
}
@media (max-width: 959px) and (min-width: 720px) {
#af-header,
#af-header .af-inner,
body #asus-api-footer {
min-width: 100%;
width: 100%;
}
#main-zone>.container {
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
}
}
@media all and (max-width: 720px) {
#AWD {
margin-top: 0px !important;
}
#main-zone,
#main-zone-5,
#main-zone-3,
#main-zone-4,
#main-zone-6 {
padding-right: 0 !important;
padding-left: 0 !important;
}
}
.lity {
z-index: 1000000000 !important;
}
section {
position: relative;
width: 100%;
}
.section_content {
margin-left: auto;
margin-right: auto;
width: 100%;
height: auto;
}
section.no-pad {
padding: 0;
}
section.no-pad-bot {
padding-bottom: 0;
}
section.no-pad-top {
padding-top: 0;
}
#AWD .row {
position: relative;
margin-left: auto;
margin-right: auto;
}
#AWD .row:after {
content: "";
display: table;
clear: both;
}
#AWD .row .col {
float: left;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
margin: 0;
}
#AWD .row .col[class*="push-"],
#AWD .row .col[class*="pull-"] {
position: relative;
}
#AWD .row .col.l1 {
width: 8.33333%;
margin-left: auto;
left: auto;
right: auto;
}
#AWD .row .col.l2 {
width: 16.66667%;
margin-left: auto;
left: auto;
right: auto;
}
#AWD .row .col.l3 {
width: 50%;
margin-left: auto;
left: auto;
right: auto;
}
#AWD .row .col.l4 {
width: 33.33333%;
margin-left: auto;
left: auto;
right: auto;
}
#AWD .row .col.l5 {
width: 41.66667%;
margin-left: auto;
left: auto;
right: auto;
}
#AWD .row .col.l6 {
width: 50%;
margin-left: auto;
left: auto;
right: auto;
}
#AWD .row .col.l7 {
width: 58.33333%;
margin-left: auto;
left: auto;
right: auto;
}
#AWD .row .col.l8 {
width: 66.66667%;
margin-left: auto;
left: auto;
right: auto;
}
#AWD .row .col.l9 {
width: 75%;
margin-left: auto;
left: auto;
right: auto;
}
#AWD .row .col.l10 {
width: 83.33333%;
margin-left: auto;
left: auto;
right: auto;
}
#AWD .row .col.l11 {
width: 91.66667%;
margin-left: auto;
left: auto;
right: auto;
}
#AWD .row .col.l12 {
width: 100%;
margin-left: auto;
left: auto;
right: auto;
}
#AWD .row .col.offset-l1 {
margin-left: 8.33333%;
}
#AWD .row .col.pull-l1 {
right: 8.33333%;
}
#AWD .row .col.push-l1 {
left: 8.33333%;
}
#AWD .row .col.offset-l2 {
margin-left: 16.66667%;
}
#AWD .row .col.pull-l2 {
right: 16.66667%;
}
#AWD .row .col.push-l2 {
left: 16.66667%;
}
#AWD .row .col.offset-l3 {
margin-left: 25%;
}
#AWD .row .col.pull-l3 {
right: 25%;
}
#AWD .row .col.push-l3 {
left: 25%;
}
#AWD .row .col.offset-l4 {
margin-left: 33.33333%;
}
#AWD .row .col.pull-l4 {
right: 33.33333%;
}
#AWD .row .col.push-l4 {
left: 33.33333%;
}
#AWD .row .col.offset-l5 {
margin-left: 41.66667%;
}
#AWD .row .col.pull-l5 {
right: 41.66667%;
}
#AWD .row .col.push-l5 {
left: 41.66667%;
}
#AWD .row .col.offset-l6 {
margin-left: 50%;
}
#AWD .row .col.pull-l6 {
right: 50%;
}
#AWD .row .col.push-l6 {
left: 50%;
}
#AWD .row .col.offset-l7 {
margin-left: 58.33333%;
}
#AWD .row .col.pull-l7 {
right: 58.33333%;
}
#AWD .row .col.push-l7 {
left: 58.33333%;
}
#AWD .row .col.offset-l8 {
margin-left: 66.66667%;
}
#AWD .row .col.pull-l8 {
right: 66.66667%;
}
#AWD .row .col.push-l8 {
left: 66.66667%;
}
#AWD .row .col.offset-l9 {
margin-left: 75%;
}
#AWD .row .col.pull-l9 {
right: 75%;
}
#AWD .row .col.push-l9 {
left: 75%;
}
#AWD .row .col.offset-l10 {
margin-left: 83.33333%;
}
#AWD .row .col.pull-l10 {
right: 83.33333%;
}
#AWD .row .col.push-l10 {
left: 83.33333%;
}
#AWD .row .col.offset-l11 {
margin-left: 91.66667%;
}
#AWD .row .col.pull-l11 {
right: 91.66667%;
}
#AWD .row .col.push-l11 {
left: 91.66667%;
}
#AWD .row .col.offset-l12 {
margin-left: 100%;
}
#AWD .row .col.pull-l12 {
right: 100%;
}
#AWD .row .col.push-l12 {
left: 100%;
}
@media only screen and (min-width: 721px) and (max-width: 1300px) {
#AWD .row .col.m1 {
width: 8.33333%;
margin-left: auto;
left: auto;
right: auto;
}
#AWD .row .col.m2 {
width: 16.66667%;
margin-left: auto;
left: auto;
right: auto;
}
#AWD .row .col.m3 {
width: 25%;
margin-left: auto;
left: auto;
right: auto;
}
#AWD .row .col.m4 {
width: 33.33333%;
margin-left: auto;
left: auto;
right: auto;
}
#AWD .row .col.m5 {
width: 41.66667%;
margin-left: auto;
left: auto;
right: auto;
}
#AWD .row .col.m6 {
width: 50%;
margin-left: auto;
left: auto;
right: auto;
}
#AWD .row .col.m7 {
width: 58.33333%;
margin-left: auto;
left: auto;
right: auto;
}
#AWD .row .col.m8 {
width: 66.66667%;
margin-left: auto;
left: auto;
right: auto;
}
#AWD .row .col.m9 {
width: 75%;
margin-left: auto;
left: auto;
right: auto;
}
#AWD .row .col.m10 {
width: 83.33333%;
margin-left: auto;
left: auto;
right: auto;
}
#AWD .row .col.m11 {
width: 91.66667%;
margin-left: auto;
left: auto;
right: auto;
}
#AWD .row .col.m12 {
width: 100%;
margin-left: auto;
left: auto;
right: auto;
}
#AWD .row .col.offset-m1 {
margin-left: 8.33333%;
}
#AWD .row .col.pull-m1 {
right: 8.33333%;
}
#AWD .row .col.push-m1 {
left: 8.33333%;
}
#AWD .row .col.offset-m2 {
margin-left: 16.66667%;
}
#AWD .row .col.pull-m2 {
right: 16.66667%;
}
#AWD .row .col.push-m2 {
left: 16.66667%;
}
#AWD .row .col.offset-m3 {
margin-left: 25%;
}
#AWD .row .col.pull-m3 {
right: 25%;
}
#AWD .row .col.push-m3 {
left: 25%;
}
#AWD .row .col.offset-m4 {
margin-left: 33.33333%;
}
#AWD .row .col.pull-m4 {
right: 33.33333%;
}
#AWD .row .col.push-m4 {
left: 33.33333%;
}
#AWD .row .col.offset-m5 {
margin-left: 41.66667%;
}
#AWD .row .col.pull-m5 {
right: 41.66667%;
}
#AWD .row .col.push-m5 {
left: 41.66667%;
}
#AWD .row .col.offset-m6 {
margin-left: 50%;
}
#AWD .row .col.pull-m6 {
right: 50%;
}
#AWD .row .col.push-m6 {
left: 50%;
}
#AWD .row .col.offset-m7 {
margin-left: 58.33333%;
}
#AWD .row .col.pull-m7 {
right: 58.33333%;
}
#AWD .row .col.push-m7 {
left: 58.33333%;
}
#AWD .row .col.offset-m8 {
margin-left: 66.66667%;
}
#AWD .row .col.pull-m8 {
right: 66.66667%;
}
#AWD .row .col.push-m8 {
left: 66.66667%;
}
#AWD .row .col.offset-m9 {
margin-left: 75%;
}
#AWD .row .col.pull-m9 {
right: 75%;
}
#AWD .row .col.push-m9 {
left: 75%;
}
#AWD .row .col.offset-m10 {
margin-left: 83.33333%;
}
#AWD .row .col.pull-m10 {
right: 83.33333%;
}
#AWD .row .col.push-m10 {
left: 83.33333%;
}
#AWD .row .col.offset-m11 {
margin-left: 91.66667%;
}
#AWD .row .col.pull-m11 {
right: 91.66667%;
}
#AWD .row .col.push-m11 {
left: 91.66667%;
}
#AWD .row .col.offset-m12 {
margin-left: 100%;
}
#AWD .row .col.pull-m12 {
right: 100%;
}
#AWD .row .col.push-m12 {
left: 100%;
}
}
@media only screen and (max-width: 720px) {
#AWD .row .col.s1 {
width: 8.33333%;
margin-left: auto;
left: auto;
right: auto;
}
#AWD .row .col.s2 {
width: 16.66667%;
margin-left: auto;
left: auto;
right: auto;
}
#AWD .row .col.s3 {
width: 25%;
margin-left: auto;
left: auto;
right: auto;
}
#AWD .row .col.s4 {
width: 33.33333%;
margin-left: auto;
left: auto;
right: auto;
}
#AWD .row .col.s5 {
width: 41.66667%;
margin-left: auto;
left: auto;
right: auto;
}
#AWD .row .col.s6 {
width: 50%;
margin-left: auto;
left: auto;
right: auto;
}
#AWD .row .col.s7 {
width: 58.33333%;
margin-left: auto;
left: auto;
right: auto;
}
#AWD .row .col.s8 {
width: 66.66667%;
margin-left: auto;
left: auto;
right: auto;
}
#AWD .row .col.s9 {
width: 75%;
margin-left: auto;
left: auto;
right: auto;
}
#AWD .row .col.s10 {
width: 83.33333%;
margin-left: auto;
left: auto;
right: auto;
}
#AWD .row .col.s11 {
width: 91.66667%;
margin-left: auto;
left: auto;
right: auto;
}
#AWD .row .col.s12 {
width: 100%;
margin-left: auto;
left: auto;
right: auto;
}
#AWD .row .col.offset-s1 {
margin-left: 8.33333%;
}
#AWD .row .col.pull-s1 {
right: 8.33333%;
}
#AWD .row .col.push-s1 {
left: 8.33333%;
}
#AWD .row .col.offset-s2 {
margin-left: 16.66667%;
}
#AWD .row .col.pull-s2 {
right: 16.66667%;
}
#AWD .row .col.push-s2 {
left: 16.66667%;
}
#AWD .row .col.offset-s3 {
margin-left: 25%;
}
#AWD .row .col.pull-s3 {
right: 25%;
}
#AWD .row .col.push-s3 {
left: 25%;
}
#AWD .row .col.offset-s4 {
margin-left: 33.33333%;
}
#AWD .row .col.pull-s4 {
right: 33.33333%;
}
#AWD .row .col.push-s4 {
left: 33.33333%;
}
#AWD .row .col.offset-s5 {
margin-left: 41.66667%;
}
#AWD .row .col.pull-s5 {
right: 41.66667%;
}
#AWD .row .col.push-s5 {
left: 41.66667%;
}
#AWD .row .col.offset-s6 {
margin-left: 50%;
}
#AWD .row .col.pull-s6 {
right: 50%;
}
#AWD .row .col.push-s6 {
left: 50%;
}
#AWD .row .col.offset-s7 {
margin-left: 58.33333%;
}
#AWD .row .col.pull-s7 {
right: 58.33333%;
}
#AWD .row .col.push-s7 {
left: 58.33333%;
}
#AWD .row .col.offset-s8 {
margin-left: 66.66667%;
}
#AWD .row .col.pull-s8 {
right: 66.66667%;
}
#AWD .row .col.push-s8 {
left: 66.66667%;
}
#AWD .row .col.offset-s9 {
margin-left: 75%;
}
#AWD .row .col.pull-s9 {
right: 75%;
}
#AWD .row .col.push-s9 {
left: 75%;
}
#AWD .row .col.offset-s10 {
margin-left: 83.33333%;
}
#AWD .row .col.pull-s10 {
right: 83.33333%;
}
#AWD .row .col.push-s10 {
left: 83.33333%;
}
#AWD .row .col.offset-s11 {
margin-left: 91.66667%;
}
#AWD .row .col.pull-s11 {
right: 91.66667%;
}
#AWD .row .col.push-s11 {
left: 91.66667%;
}
#AWD .row .col.offset-s12 {
margin-left: 100%;
}
#AWD .row .col.pull-s12 {
right: 100%;
}
#AWD .row .col.push-s12 {
left: 100%;
}
}
.scroll__tool {
opacity: 0;
position: fixed;
right: 40px;
bottom: 40px;
-webkit-transition: opacity 700ms ease-out;
transition: opacity 700ms ease-out;
}
.scroll__tool.show {
z-index: 10000000;
opacity: 1;
}
.scroll__tool.show .img__scroll-top {
cursor: pointer;
}
.scroll__tool .img__scroll-top {
width: 50px;
height: 50px;
width: 61px;
height: 61px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-image: url("../img/large/1x/scroll_top.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) {
.scroll__tool .img__scroll-top {
background-image: url("../img/large/2x/scroll_top.png");
}
}
@media all and (min-width: 1px) and (max-width: 720px) {
.scroll__tool {
right: 8px;
bottom: 83px;
}
}
@media all and (max-width: 720px) {
.scroll__tool .img__scroll-top {
width: 52px;
height: 52px;
background-size: contain;
}
}
.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;
line-height: 30px;
}
@media all and (max-width: 720px) {
.wd__section .wd__content .content__slogan {
font-size: 19px;
}
}
.wd__section .wd__content .content__title {
position: relative;
margin-top: 38px;
font-size: 48px;
line-height: 58px;
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.wd__section .wd__content .content__title {
margin-top: 7px;
margin-bottom: 7px;
}
}
@media all and (max-width: 720px) {
.wd__section .wd__content .content__title {
margin-top: 21px;
font-size: 30px;
line-height: 33px;
letter-spacing: -0.5px;
}
}
.wd__section .wd__content .content__info {
position: relative;
margin-top: 19px;
font-size: 20px;
line-height: 30px;
}
@media all and (max-width: 720px) {
.wd__section .wd__content .content__info {
margin-top: 13px;
font-size: 15px;
letter-spacing: 0;
line-height: 21px;
}
}
.wd__section .wd__content .content__comment {
margin-top: 11px;
font-size: 20px;
color: #717171;
line-height: 28px;
}
@media all and (max-width: 720px) {
.wd__section .wd__content .content__comment {
margin-top: 8px;
font-size: 14px;
letter-spacing: 0.4px;
}
}
.wd__section .wd__content .content__link {
display: inline-block;
margin-top: 15px;
font-size: 20px;
line-height: 27px;
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.wd__section .wd__content .content__link {
margin-top: 16px;
}
}
@media all and (max-width: 720px) {
.wd__section .wd__content .content__link {
margin-top: 7px;
font-size: 15.5px;
line-height: 24px;
}
}
.wd__section .wd__content .content__link span {
display: inline;
border-bottom: 1px solid transparent;
color: #405a99;
}
.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 #405a99;
}
.wd__section .wd__link__arrow:after {
content: '>';
padding-left: 7px;
color: #405a99;
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.wd__section .wd__link__arrow:after {
padding-left: 3px;
}
}
@media all and (max-width: 720px) {
.wd__section .wd__link__arrow:after {
padding-left: 4px;
}
}
@font-face {
.wd__section {
font-family: "slick";
src: url("/font/slick.eot");
src: url("/font/slick.eot?#iefix") format("embedded-opentype"), url("/font/slick.woff") format("woff"), url("/font/slick.ttf") format("truetype"), url("/font/slick.svg#slick") format("svg");
font-weight: normal;
font-style: normal;
}
}
.wd__section .slick-prev,
.wd__section .slick-next {
position: absolute;
display: block;
height: 20px;
width: 20px;
line-height: 0px;
font-size: 0px;
cursor: pointer;
color: transparent;
top: 50%;
margin-top: -10px;
padding: 0;
border: none;
outline: none;
}
.wd__section .slick-prev:hover,
.wd__section .slick-prev:focus,
.wd__section .slick-next:hover,
.wd__section .slick-next:focus {
outline: none;
color: transparent;
}
.wd__section .slick-prev:hover:before,
.wd__section .slick-prev:focus:before,
.wd__section .slick-next:hover:before,
.wd__section .slick-next:focus:before {
opacity: 1;
}
.wd__section .slick-prev.slick-disabled:before,
.wd__section .slick-next.slick-disabled:before {
opacity: 0.25;
}
.wd__section .slick-prev {
left: -25px;
}
[dir="rtl"] .wd__section .slick-prev {
left: auto;
right: -25px;
}
.wd__section .slick-next {
right: -25px;
}
[dir="rtl"] .wd__section .slick-next {
left: -25px;
right: auto;
}
.wd__section .slick-slider {
margin-bottom: 30px;
}
.wd__section .slick-dots {
position: absolute;
bottom: -45px;
list-style: none;
display: block;
text-align: center;
padding: 0;
width: 100%;
}
.wd__section .slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.wd__section .slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 20px;
width: 20px;
outline: none;
line-height: 0px;
font-size: 0px;
color: transparent;
padding: 5px;
cursor: pointer;
}
.wd__section .slick-dots li button:hover,
.wd__section .slick-dots li button:focus {
outline: none;
}
.wd__section .slick-dots li button:hover:before,
.wd__section .slick-dots li button:focus:before {
opacity: 1;
}
.wd__section .slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: "•";
width: 20px;
height: 20px;
font-family: "slick";
font-size: 6px;
line-height: 20px;
text-align: center;
color: black;
opacity: 0.25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.wd__section .slick-dots li.slick-active button:before {
color: black;
opacity: 0.75;
}
.wd__section .slick-slider {
position: relative;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.wd__section .slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.wd__section .slick-list:focus {
outline: none;
}
.wd__section .slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.wd__section .slick-slider .slick-track,
.wd__section .slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.wd__section .slick-track {
position: relative;
left: 0;
top: 0;
display: block;
}
.wd__section .slick-track:before,
.wd__section .slick-track:after {
content: "";
display: table;
}
.wd__section .slick-track:after {
clear: both;
}
.slick-loading .wd__section .slick-track {
visibility: hidden;
}
.wd__section .slick-slide {
float: left;
height: 100%;
min-height: 1px;
}
[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: #191919;
text-align: center;
font-size: 1.5em;
line-height: 1.6;
}
.wd__section .slick__nav a {
color: #191919;
}
.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: 40px;
font-size: 34px;
color: white;
}
.wd__section .slick-prev {
left: 0px;
border-radius: 0 10px 10px 0;
}
.wd__section .slick-prev:before {
content: '<';
right: 18px;
}
.wd__section .slick-next {
right: 0;
border-radius: 10px 0 0 10px;
}
.wd__section .slick-next:before {
content: '>';
left: 18px;
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.wd__section .slick-prev,
.wd__section .slick-next {
margin-top: -19px;
width: 35px;
height: 88px;
}
.wd__section .slick-prev:before,
.wd__section .slick-next:before {
position: absolute;
display: block;
z-index: 1000;
top: 43px;
font-size: 26px;
color: white;
}
.wd__section .slick-prev:before {
right: 10px;
}
.wd__section .slick-next:before {
left: 10px;
}
}
@media all and (max-width: 720px) {
.wd__section .slick-prev,
.wd__section .slick-next {
display: none !important;
}
}
.wd__section .slick__colors .colors {
margin-left: auto;
margin-right: auto;
max-width: 1366px;
}
.wd__section .slick__colors .nav {
text-align: center;
margin-top: 72px;
margin-bottom: -30px;
}
.wd__section .slick__colors .nav .nav__color {
display: inline-block;
cursor: pointer;
margin: 0 13px 30px;
width: 42px;
height: 42px;
border-radius: 50%;
}
.wd__section .slick__colors .nav .nav__color:after {
position: relative;
left: -3px;
top: -3px;
display: block;
content: ' ';
width: 46px;
height: 46px;
border-radius: 50%;
}
.wd__section .slick__colors .nav .nav__color.active:after {
content: '';
border: 1px solid lightgray;
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.wd__section .slick__colors {
margin-left: auto;
margin-right: auto;
width: 720px;
}
.wd__section .slick__colors .colors {
max-width: 720px;
}
.wd__section .slick__colors .nav {
margin-top: 72px;
}
}
@media all and (max-width: 720px) {
.wd__section .slick__colors {
position: relative;
left: 50%;
margin-left: -300px;
margin-right: auto;
width: 600px;
}
.wd__section .slick__colors .colors {
max-width: 600px;
}
.wd__section .slick__colors .nav {
margin-top: 33px;
margin-bottom: -13px;
}
.wd__section .slick__colors .nav .nav__color {
margin: 9px;
width: 38px;
height: 38px;
}
.wd__section .slick__colors .nav .nav__color:after {
left: -3px;
top: -3px;
width: 42px;
height: 42px;
}
}
.wd__section .grid__table {
margin-left: auto;
margin-right: auto;
max-width: 1366px;
}
.wd__section .grid__table .row {
background-color: #f5f5f5;
}
.wd__section .grid__table .row .table__container {
display: table;
text-align: center;
margin-left: auto;
margin-right: auto;
height: 683px;
}
.wd__section .grid__table .row .table__container .wd__content {
display: table-cell;
text-align: left;
vertical-align: middle;
margin-left: auto;
margin-right: auto;
width: 490px;
}
.wd__section .grid__table .row .table__container .wd__content .content__title {
margin-top: 0;
}
.wd__section .grid__table .row figure {
position: relative;
margin-left: auto;
margin-right: auto;
width: 100%;
max-width: 683px;
height: 683px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.wd__section .grid__table {
max-width: 546px;
}
.wd__section .grid__table .row {
margin-top: 100px;
}
.wd__section .grid__table .row .table__container {
padding-top: 100px;
padding-bottom: 100px;
height: auto;
}
.wd__section .grid__table .row .table__container .wd__content {
margin-left: 60px;
width: 426px;
}
.wd__section .grid__table .row figure {
width: 100%;
max-width: 546px;
height: 546px;
}
}
@media all and (max-width: 720px) {
.wd__section .grid__table {
max-width: 320px;
}
.wd__section .grid__table .row {
margin-top: 50px;
}
.wd__section .grid__table .row .table__container {
padding-top: 39px;
padding-bottom: 39px;
height: auto;
}
.wd__section .grid__table .row .table__container .wd__content {
margin-left: auto;
margin-right: auto;
width: 280px;
}
.wd__section .grid__table .row figure {
width: 100%;
max-width: 321px;
height: 321px;
}
}
.wd__section .btn__switch__images {
margin-top: 40px;
}
.wd__section .btn__switch__images .click__btns {
margin-top: 37px;
margin-bottom: -30px;
text-align: center;
}
.wd__section .btn__switch__images .click__btns .switch__btn {
display: inline-block;
vertical-align: bottom;
margin: 0 15px 30px;
border-radius: 26px;
cursor: pointer;
}
.wd__section .btn__switch__images .click__btns .switch__btn .btn__container {
padding: 9px 20px;
max-width: 600px;
min-height: 34px;
}
.wd__section .btn__switch__images .click__btns .switch__btn .btn__container.icon__text .container__text {
padding-left: 16px;
}
.wd__section .btn__switch__images .click__btns .switch__btn .btn__container .container__icon {
float: left;
height: 34px;
background-size: contain;
background-repeat: no-repeat;
background-position: left top;
}
.wd__section .btn__switch__images .click__btns .switch__btn .btn__container .container__icon,
.wd__section .btn__switch__images .click__btns .switch__btn .btn__container .container__text {
vertical-align: middle;
-webkit-transition: all 400ms ease;
transition: all 400ms ease;
}
.wd__section .btn__switch__images .click__btns .switch__btn .btn__container .container__text {
min-height: 34px;
font-size: 20px;
line-height: 34px;
}
.wd__section .btn__switch__images .images {
position: relative;
margin: 81px auto 0;
width: 1366px;
height: 840px;
}
.wd__section .btn__switch__images .images .switch__image {
position: absolute;
top: 0;
left: 0;
margin-top: 0;
-webkit-transition: opacity 600ms ease;
transition: opacity 600ms ease;
-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)";
}
.wd__section .btn__switch__images .images .switch__image.active {
-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)";
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.wd__section .btn__switch__images {
margin-top: 24px;
}
.wd__section .btn__switch__images .click__btns {
margin: 37px auto -45px;
width: 100%;
max-width: 720px;
}
.wd__section .btn__switch__images .click__btns .switch__btn {
margin: 0 14px 12px;
border-radius: 26px;
}
.wd__section .btn__switch__images .click__btns .switch__btn .btn__container {
padding: 5px 15px;
min-height: 26px;
}
.wd__section .btn__switch__images .click__btns .switch__btn .btn__container.icon__text .container__text {
padding-left: 12px;
}
.wd__section .btn__switch__images .click__btns .switch__btn .btn__container .container__icon {
height: 26px;
background-size: contain;
}
.wd__section .btn__switch__images .click__btns .switch__btn .btn__container .container__text {
font-size: 13px;
line-height: 26px;
}
.wd__section .btn__switch__images .images {
margin-top: 103px;
width: 720px;
height: 442px;
}
.wd__section .btn__switch__images .images .switch__image {
position: absolute;
top: 0;
left: 0;
margin-top: 0;
}
}
@media all and (max-width: 720px) {
.wd__section .btn__switch__images {
margin-top: 24px;
}
.wd__section .btn__switch__images .click__btns {
margin: 21px auto -45px;
width: 100%;
max-width: 320px;
}
.wd__section .btn__switch__images .click__btns .switch__btn {
margin: 0 14px 24px;
border-radius: 26px;
}
.wd__section .btn__switch__images .click__btns .switch__btn .btn__container {
padding: 3px 13px;
min-height: 26px;
}
.wd__section .btn__switch__images .click__btns .switch__btn .btn__container.icon__text .container__text {
padding-left: 10px;
}
.wd__section .btn__switch__images .click__btns .switch__btn .btn__container .container__icon {
height: 26px;
background-size: contain;
}
.wd__section .btn__switch__images .click__btns .switch__btn .btn__container .container__text {
font-size: 13px;
line-height: 26px;
}
.wd__section .btn__switch__images .images {
left: 50%;
margin-top: 72px;
margin-left: -300px;
width: 600px;
height: 369px;
}
.wd__section .btn__switch__images .images .switch__image {
position: absolute;
top: 0;
left: 0;
margin-top: 0;
}
}
.wd__section .columns__hl {
margin: 0 auto;
max-width: 1366px;
}
.wd__section .columns__hl .row .col {
display: table;
box-size: border-box;
height: 300px;
}
.wd__section .columns__hl .row .col .hl {
display: table-cell;
position: relative;
vertical-align: middle;
text-align: center;
}
.wd__section .columns__hl .row .col .hl .text-top {
position: relative;
}
.wd__section .columns__hl .row .col .hl .text-top span {
position: absolute;
left: 50%;
bottom: 10px;
margin: 0;
font-size: 20px;
line-height: 26px;
}
.wd__section .columns__hl .row .col .hl .text {
display: block;
font-size: 74px;
line-height: 72px;
}
.wd__section .columns__hl .row .col .hl .text-bottom {
display: block;
position: absolute;
text-align: center;
left: 50%;
margin-top: 1px;
font-size: 20px;
line-height: 26px;
}
.wd__section .columns__hl .row .col.l12 .hl .text-top span,
.wd__section .columns__hl .row .col.l12 .hl .text-bottom {
margin-left: -212px;
width: 424px;
}
.wd__section .columns__hl .row .col.l6 .hl .text-top span,
.wd__section .columns__hl .row .col.l6 .hl .text-bottom {
margin-left: -212px;
width: 424px;
}
.wd__section .columns__hl .row .col.l4 .hl .text-top span,
.wd__section .columns__hl .row .col.l4 .hl .text-bottom {
margin-left: -111px;
width: 222px;
}
.wd__section .columns__hl .row .col.l3 .hl .text-top span,
.wd__section .columns__hl .row .col.l3 .hl .text-bottom {
margin-left: -111px;
width: 222px;
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.wd__section .columns__hl {
margin-left: auto;
margin-right: auto;
max-width: 720px;
}
.wd__section .columns__hl .row .col {
height: 180px;
}
.wd__section .columns__hl .row .col .hl .text-top span {
bottom: 2px;
font-size: 13px;
line-height: 18px;
}
.wd__section .columns__hl .row .col .hl .text {
font-size: 40px;
line-height: 44px;
}
.wd__section .columns__hl .row .col .hl .text-bottom {
margin-top: -2px;
font-size: 13px;
line-height: 18px;
}
.wd__section .columns__hl .row .col.m12 .hl .text-top span,
.wd__section .columns__hl .row .col.m12 .hl .text-bottom {
margin-left: -138px;
width: 276px;
}
.wd__section .columns__hl .row .col.m6 .hl .text-top span,
.wd__section .columns__hl .row .col.m6 .hl .text-bottom {
margin-left: -138px;
width: 276px;
}
.wd__section .columns__hl .row .col.m4 .hl .text-top span,
.wd__section .columns__hl .row .col.m4 .hl .text-bottom {
margin-left: -85px;
width: 170px;
}
.wd__section .columns__hl .row .col.m3 .hl .text-top span,
.wd__section .columns__hl .row .col.m3 .hl .text-bottom {
margin-left: -75px;
width: 150px;
}
}
@media all and (max-width: 720px) {
.wd__section .columns__hl {
margin-top: 50px;
margin-left: auto;
margin-right: auto;
max-width: 320px;
}
.wd__section .columns__hl .row .col {
height: 150px;
}
.wd__section .columns__hl .row .col .hl .text-top span {
bottom: 5px;
font-size: 13px;
line-height: 16px;
}
.wd__section .columns__hl .row .col .hl .text {
font-size: 36px;
line-height: 36px;
}
.wd__section .columns__hl .row .col .hl .text-bottom {
margin-top: 1px;
font-size: 13px;
line-height: 16px;
}
.wd__section .columns__hl .row .col.s12 {
border-left: 0px solid white;
border-right: 0px solid white;
}
.wd__section .columns__hl .row .col.s12 .hl .text-top span,
.wd__section .columns__hl .row .col.s12 .hl .text-bottom {
margin-left: -140px;
width: 280px;
}
.wd__section .columns__hl .row .col.s6:nth-child(odd) {
border-left: 0px solid white;
}
.wd__section .columns__hl .row .col.s6:nth-child(even) {
border-right: 0px solid white;
}
.wd__section .columns__hl .row .col.s6 .hl .text-top span,
.wd__section .columns__hl .row .col.s6 .hl .text-bottom {
margin-left: -140px;
width: 280px;
}
.wd__section .columns__hl .row .col.s4 .hl .text-top span,
.wd__section .columns__hl .row .col.s4 .hl .text-bottom {
margin-left: -75px;
width: 150px;
}
.wd__section .columns__hl .row .col.s3 .hl .text-top span,
.wd__section .columns__hl .row .col.s3 .hl .text-bottom {
margin-left: -75px;
width: 150px;
}
}
.wd__section .columns__icon {
margin: 0 auto;
max-width: 1366px;
}
.wd__section .columns__icon .row .col {
display: table;
box-size: border-box;
height: 302px;
}
.wd__section .columns__icon .row .col .col__container {
position: relative;
display: table-cell;
vertical-align: middle;
text-align: center;
}
.wd__section .columns__icon .row .col .col__container .icon {
display: block;
position: relative;
margin: -24px auto 0;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.wd__section .columns__icon .row .col .col__container .text-bottom {
position: absolute;
text-align: center;
left: 50%;
padding-top: 10px;
font-size: 20px;
}
.wd__section .columns__icon .row .col.l12 .icon {
width: 313px;
height: 90px;
}
/*.wd__section .columns__icon .row .col.l12 .icon {
width: 556px;
height: 90px;
}*/
.wd__section .columns__icon .row .col.l12 .text-bottom {
margin-left: -212px;
width: 424px;
}
.wd__section .columns__icon .row .col.l6 .icon {
width: 313px;
height: 90px;
}
/*.wd__section .columns__icon .row .col.l6 .icon {
width: 556px;
height: 90px;
}*/
.hl.two-in-row {
width: 50%;
}
.wd__section .columns__icon .row .col.l6 .text-bottom {
margin-left: -212px;
width: 424px;
}
.wd__section .columns__icon .row .col.l4 .icon {
width: 312px;
height: 90px;
}
.wd__section .columns__icon .row .col.l4 .icon-1 {
width: auto;
height: 90px;
}
.wd__section .columns__icon .row .col.l4 .icon-2 {
width: auto;
height: 90px;
}
.wd__section .columns__icon .row .col.l4 .icon-3 {
width: auto;
height: 90px;
}
.wd__section .columns__icon .row .col.l4 .icon-4 {
width: auto;
height: 90px;
}
.wd__section .columns__icon .row .col.l4 .text-bottom {
margin-left: -111px;
width: 222px;
}
.wd__section .columns__icon .row .col.l3 .icon {
width: 270px;
height: 90px;
}
.wd__section .columns__icon .row .col.l3 .text-bottom {
margin-left: -111px;
width: 222px;
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.wd__section .columns__icon {
max-width: 720px;
}
.wd__section .columns__icon .row .col {
height: 180px;
}
.wd__section .columns__icon .row .col .col__container .icon {
margin-top: -33px;
}
.wd__section .columns__icon .row .col .col__container .text-bottom {
padding-top: 8px;
font-size: 13px;
line-height: 18px;
}
.wd__section .columns__icon .row .col.m12 .icon {
width: 304px;
height: 56px;
}
.wd__section .columns__icon .row .col.m12 .text-bottom {
margin-left: -138px;
width: 276px;
}
.wd__section .columns__icon .row .col.m6 .icon {
width: 304px;
height: 56px;
}
.wd__section .columns__icon .row .col.m6 .text-bottom {
margin-left: -138px;
width: 276px;
}
.wd__section .columns__icon .row .col.m4 .icon {
width: 110px;
height: 56px;
}
.wd__section .columns__icon .row .col.m4 .text-bottom {
margin-left: -85px;
width: 170px;
}
.wd__section .columns__icon .row .col.m3 .icon {
width: 150px;
height: 56px;
}
.wd__section .columns__icon .row .col.m3 .text-bottom {
margin-left: -75px;
width: 150px;
}
}
@media all and (max-width: 720px) {
.wd__section .columns__icon {
margin-top: 50px;
max-width: 320px;
}
.wd__section .columns__icon .row .col {
height: 150px;
}
.wd__section .columns__icon .row .col .col__container .icon {
margin-top: -24px;
}
.wd__section .columns__icon .row .col .col__container .text-bottom {
padding-top: 9px;
font-size: 13px;
line-height: 16px;
}
.wd__section .columns__icon .row .col.s12 {
border-left: 0px solid white;
border-right: 0px solid white;
}
.wd__section .columns__icon .row .col.s12 .icon {
/*width: 280px;*/
height: 55px;
}
.wd__section .columns__icon .row .col.s12 .text-bottom {
margin-left: -140px;
width: 280px;
}
.wd__section .columns__icon .row .col.s6:nth-child(odd) {
border-left: 0px solid white;
}
.wd__section .columns__icon .row .col.s6:nth-child(even) {
border-right: 0px solid white;
}
.wd__section .columns__icon .row .col.s6 .icon {
width: 150px;
height: 46px;
}
.wd__section .columns__icon .row .col.s6 .text-bottom {
margin-left: -140px;
width: 280px;
}
.wd__section .columns__icon .row .col.s4 .icon {
width: 150px;
height: 46px;
}
.wd__section .columns__icon .row .col.s4 .text-bottom {
margin-left: -75px;
width: 150px;
}
.wd__section .columns__icon .row .col.s3 .icon {
width: 150px;
height: 46px;
}
.wd__section .columns__icon .row .col.s3 .text-bottom {
margin-left: -75px;
width: 150px;
}
}
.wd__section .columns__image {
margin: 0 auto;
max-width: 1366px;
}
.wd__section .columns__image .row .col {
display: table;
box-size: border-box;
height: 300px;
}
.wd__section .columns__image .row .col .image__container {
display: table-cell;
position: relative;
vertical-align: middle;
text-align: center;
}
.wd__section .columns__image .row .col .image__container .img__columns__image {
display: block;
position: relative;
margin: 0 auto;
height: 400px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.wd__section .columns__image {
margin-left: auto;
margin-right: auto;
max-width: 720px;
}
.wd__section .columns__image .row .col {
height: 210px;
}
.wd__section .columns__image .row .col .image__container .img__columns__image {
height: 210px;
}
}
@media all and (max-width: 720px) {
.wd__section .columns__image {
margin-top: 50px;
margin-left: auto;
margin-right: auto;
max-width: 320px;
}
.wd__section .columns__image .row .col {
border-left: 0px solid white;
border-right: 0px solid white;
height: 187px;
}
.wd__section .columns__image .row .col .image__container .img__columns__image {
height: 187px;
}
}
.wd__section .columns__chart {
margin: 0 auto;
max-width: 1366px;
}
.wd__section .columns__chart .row .col {
display: table;
box-size: border-box;
height: 300px;
}
.wd__section .columns__chart .row .col .chart__container {
display: table-cell;
position: relative;
vertical-align: middle;
text-align: center;
}
.wd__section .columns__chart .row .col .chart__container .img__columns__chart {
display: block;
position: relative;
margin: 0 auto;
height: 400px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.wd__section .columns__chart {
margin-left: auto;
margin-right: auto;
max-width: 720px;
}
.wd__section .columns__chart .row .col {
height: 180px;
}
.wd__section .columns__chart .row .col .chart__container .img__columns__chart {
height: 210px;
}
}
@media all and (max-width: 720px) {
.wd__section .columns__chart {
margin-top: 50px;
margin-left: auto;
margin-right: auto;
max-width: 320px;
}
.wd__section .columns__chart .row .col {
height: 320px;
}
.wd__section .columns__chart .row .col .chart__container .img__columns__chart {
height: 320px;
}
}
.wd__section .slick__carousel {
padding-bottom: 40px;
}
.wd__section .slick__carousel .slick-dots li.slick-active button:before,
.wd__section .slick__carousel .slick-dots li button:hover:before,
.wd__section .slick__carousel .slick-dots li button:focus:before {
content: " • ";
}
.wd__section .slick__carousel .slick-dots {
bottom: -56px;
margin: 0;
}
.wd__section .slick__carousel .slick-dots li {
margin: 0 2px;
}
.wd__section .slick__carousel .slick-dots li button:before {
font-size: 37px;
}
.wd__section .slick__carousel .carousel__images {
margin-left: auto;
margin-right: auto;
max-width: 1366px;
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.wd__section .slick__carousel .carousel__images {
margin-left: auto;
margin-right: auto;
width: 720px;
}
.wd__section .slick__carousel .carousel__images .carousel__image {
max-width: 720px;
}
}
@media all and (max-width: 720px) {
.wd__section .slick__carousel .carousel__images {
position: relative;
left: 50%;
margin-left: -300px;
margin-right: auto;
width: 600px;
}
.wd__section .slick__carousel .carousel__images .carousel__image {
max-width: 600px;
}
.wd__section .slick__carousel .slick-dots {
bottom: -56px;
}
.wd__section .slick__carousel .slick-dots li button:before {
font-size: 46px;
}
}
.wd__section {
margin-top: 233px;
}
.wd__section .row .col[class*="push-"],
.wd__section .row .col[class*="pull-"] {
position: relative;
}
.wd__section .always__on__top {
z-index: 1000;
}
.wd__section .no__wrap {
white-space: nowrap;
display: inline-block;
}
.wd__section .wd__content {
margin-left: auto;
margin-right: auto;
max-width: 980px;
}
.wd__section .wd__content .content__slogan:after {
content: "";
width: 62px;
height: 2px;
position: absolute;
bottom: -16px;
left: 50%;
margin-left: -32px;
}
.wd__section .wd__content .content__slogan.underline-left:after {
margin-left: 0;
left: 0;
}
.wd__section .large_use,
.wd__section .medium_use,
.wd__section .small_use {
display: none;
}
.wd__section .img {
position: relative;
margin-top: 77px;
margin-left: auto;
margin-right: auto;
width: 100%;
max-width: 1366px;
height: 840px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.section__kv {
overflow: hidden;
margin-top: 0px;
padding-bottom: 0px;
}
.section__kv .wd__content {
position: relative;
z-index: 1;
margin-left: auto;
margin-right: auto;
width: 1068px;
max-width: 1068px;
}
.section__kv .wd__content .content__title {
margin-top: -14px;
font-size: 65px;
line-height: 70px;
}
.section__kv .wd__content .content__info {
margin-top: 72px;
font-size: 26px;
line-height: 40px;
}
.section__kv .img__kv__logo {
position: relative;
margin: 90px auto 32px;
width: 100%;
max-width: 610px;
height: 66px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-image: url("../img/large/1x/kv_logo.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__kv .img__kv__logo {
background-image: url("../img/large/2x/kv_logo.png");
}
}
.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) {
.section__kv .img__kv {
background-image: url("../img/large/2x/kv.jpg");
}
}
.section__colors .slick__colors .colors {
margin-left: auto;
margin-right: auto;
max-width: 1366px;
}
.section__colors .slick__colors .colors .img__color-0 {
background-image: url("../img/large/1x/colors-0.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__colors .slick__colors .colors .img__color-0 {
background-image: url("../img/large/2x/colors-0.jpg");
}
}
.section__colors .slick__colors .colors .img__color-1 {
background-image: url("../img/large/1x/colors-1.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__colors .slick__colors .colors .img__color-1 {
background-image: url("../img/large/2x/colors-1.jpg");
}
}
.section__colors .slick__colors .colors .img__color-2 {
background-image: url("../img/large/1x/colors-2.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__colors .slick__colors .colors .img__color-2 {
background-image: url("../img/large/2x/colors-2.jpg");
}
}
.section__colors .slick__colors .colors .img__color-3 {
background-image: url("../img/large/1x/colors-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) {
.section__colors .slick__colors .colors .img__color-3 {
background-image: url("../img/large/2x/colors-3.jpg");
}
}
.section__colors .slick__colors .colors .img__color-4 {
background-image: url("../img/large/1x/colors-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) {
.section__colors .slick__colors .colors .img__color-4 {
background-image: url("../img/large/2x/colors-4.jpg");
}
}
.section__performance .img__performance {
background-image: url("../img/large/1x/performance.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__performance .img__performance {
background-image: url("../img/large/2x/performance.jpg");
}
}
.section__storage .img__storage {
background-image: url("../img/large/1x/storage.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__storage .img__storage {
background-image: url("../img/large/2x/storage.jpg");
}
}
.section__battery .img__battery {
background-image: url("../img/large/1x/battery.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__battery .img__battery {
background-image: url("../img/large/2x/battery.jpg");
}
}
.section__battery .img__table-1 {
background-image: url("../img/large/1x/battery_table-1.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__battery .img__table-1 {
background-image: url("../img/large/2x/battery_table-1.jpg");
}
}
.section__Interface .columns__icon .col__container .icon-1 {
background-image: url("../img/large/1x/icon/s6/icon-1.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__Interface .columns__icon .col__container .icon-1 {
background-image: url("../img/large/2x/icon/s6/icon-1.png");
}
}
.section__Interface .columns__icon .col__container .icon-2 {
background-image: url("../img/large/1x/icon/s6/icon-2.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__Interface .columns__icon .col__container .icon-2 {
background-image: url("../img/large/2x/icon/s6/icon-2.png");
}
}
.section__Interface .columns__icon .col__container .icon-3 {
background-image: url("../img/large/1x/icon/s6/icon-3.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__Interface .columns__icon .col__container .icon-3 {
background-image: url("../img/large/2x/icon/s6/icon-3.png");
}
}
.section__Interface .columns__icon .col__container .icon-4 {
background-image: url("../img/large/1x/icon/s6/icon-4.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__Interface .columns__icon .col__container .icon-4 {
background-image: url("../img/large/2x/icon/s6/icon-4.png");
}
}
.section__Interface .columns__icon .col__container .icon-5 {
background-image: url("../img/large/1x/icon/s6/icon-5.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__Interface .columns__icon .col__container .icon-5 {
background-image: url("../img/large/2x/icon/s6/icon-5.png");
}
}
.section__Interface .columns__icon .col__container .icon-6 {
background-image: url("../img/large/1x/icon/s6/icon-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) {
.section__Interface .columns__icon .col__container .icon-6 {
background-image: url("../img/large/2x/icon/s6/icon-6.png");
}
}
.section__interface .img__interface {
background-image: url("../img/large/1x/interface.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__interface .img__interface {
background-image: url("../img/large/2x/interface.jpg");
}
}
.section__visual .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-1 {
background-image: url("../img/large/1x/icon/s7/icon-1.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__visual .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-1 {
background-image: url("../img/large/2x/icon/s7/icon-1.png");
}
}
.section__visual .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-1:after {
display: block;
content: ' ';
background-image: url("../img/large/1x/icon/s7/icon_h-1.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__visual .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-1:after {
background-image: url("../img/large/2x/icon/s7/icon_h-1.png");
}
}
.section__visual .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-2 {
background-image: url("../img/large/1x/icon/s7/icon-2.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__visual .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-2 {
background-image: url("../img/large/2x/icon/s7/icon-2.png");
}
}
.section__visual .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-2:after {
display: block;
content: ' ';
background-image: url("../img/large/1x/icon/s7/icon_h-2.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__visual .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-2:after {
background-image: url("../img/large/2x/icon/s7/icon_h-2.png");
}
}
.section__visual .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-3 {
background-image: url("../img/large/1x/icon/s7/icon-3.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__visual .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-3 {
background-image: url("../img/large/2x/icon/s7/icon-3.png");
}
}
.section__visual .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-3:after {
display: block;
content: ' ';
background-image: url("../img/large/1x/icon/s7/icon_h-3.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__visual .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-3:after {
background-image: url("../img/large/2x/icon/s7/icon_h-3.png");
}
}
.section__visual .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-4 {
background-image: url("../img/large/1x/icon/s7/icon-4.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__visual .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-4 {
background-image: url("../img/large/2x/icon/s7/icon-4.png");
}
}
.section__visual .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-4:after {
display: block;
content: ' ';
background-image: url("../img/large/1x/icon/s7/icon_h-4.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__visual .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-4:after {
background-image: url("../img/large/2x/icon/s7/icon_h-4.png");
}
}
.section__visual .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-5 {
background-image: url("../img/large/1x/icon/s7/icon-5.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__visual .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-5 {
background-image: url("../img/large/2x/icon/s7/icon-5.png");
}
}
.section__visual .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-5:after {
display: block;
content: ' ';
background-image: url("../img/large/1x/icon/s7/icon_h-5.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__visual .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-5:after {
background-image: url("../img/large/2x/icon/s7/icon_h-5.png");
}
}
.section__visual .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-1 {
width: 35px;
}
.section__visual .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-2 {
width: 41px;
}
.section__visual .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-3 {
width: 34px;
}
.section__visual .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-4 {
width: 39px;
}
.section__visual .btn__switch__images .click__btns .switch__btn.active .btn__container .container__icon.icon-1,
.section__visual .btn__switch__images .click__btns .switch__btn:hover .btn__container .container__icon.icon-1 {
background-image: url("../img/large/1x/icon/s7/icon_h-1.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__visual .btn__switch__images .click__btns .switch__btn.active .btn__container .container__icon.icon-1,
.section__visual .btn__switch__images .click__btns .switch__btn:hover .btn__container .container__icon.icon-1 {
background-image: url("../img/large/2x/icon/s7/icon_h-1.png");
}
}
.section__visual .btn__switch__images .click__btns .switch__btn.active .btn__container .container__icon.icon-2,
.section__visual .btn__switch__images .click__btns .switch__btn:hover .btn__container .container__icon.icon-2 {
background-image: url("../img/large/1x/icon/s7/icon_h-2.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__visual .btn__switch__images .click__btns .switch__btn.active .btn__container .container__icon.icon-2,
.section__visual .btn__switch__images .click__btns .switch__btn:hover .btn__container .container__icon.icon-2 {
background-image: url("../img/large/2x/icon/s7/icon_h-2.png");
}
}
.section__visual .btn__switch__images .click__btns .switch__btn.active .btn__container .container__icon.icon-3,
.section__visual .btn__switch__images .click__btns .switch__btn:hover .btn__container .container__icon.icon-3 {
background-image: url("../img/large/1x/icon/s7/icon_h-3.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__visual .btn__switch__images .click__btns .switch__btn.active .btn__container .container__icon.icon-3,
.section__visual .btn__switch__images .click__btns .switch__btn:hover .btn__container .container__icon.icon-3 {
background-image: url("../img/large/2x/icon/s7/icon_h-3.png");
}
}
.section__visual .btn__switch__images .click__btns .switch__btn.active .btn__container .container__icon.icon-4,
.section__visual .btn__switch__images .click__btns .switch__btn:hover .btn__container .container__icon.icon-4 {
background-image: url("../img/large/1x/icon/s7/icon_h-4.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__visual .btn__switch__images .click__btns .switch__btn.active .btn__container .container__icon.icon-4,
.section__visual .btn__switch__images .click__btns .switch__btn:hover .btn__container .container__icon.icon-4 {
background-image: url("../img/large/2x/icon/s7/icon_h-4.png");
}
}
.section__visual .btn__switch__images .click__btns .switch__btn.active .btn__container .container__icon.icon-5,
.section__visual .btn__switch__images .click__btns .switch__btn:hover .btn__container .container__icon.icon-5 {
background-image: url("../img/large/1x/icon/s7/icon_h-5.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__visual .btn__switch__images .click__btns .switch__btn.active .btn__container .container__icon.icon-5,
.section__visual .btn__switch__images .click__btns .switch__btn:hover .btn__container .container__icon.icon-5 {
background-image: url("../img/large/2x/icon/s7/icon_h-5.png");
}
}
.section__visual .btn__switch__images .images .switch__image.img__visual-1 {
background-image: url("../img/large/1x/visual-1.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__visual .btn__switch__images .images .switch__image.img__visual-1 {
background-image: url("../img/large/2x/visual-1.jpg");
}
}
.section__visual .btn__switch__images .images .switch__image.img__visual-2 {
background-image: url("../img/large/1x/visual-2.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__visual .btn__switch__images .images .switch__image.img__visual-2 {
background-image: url("../img/large/2x/visual-2.jpg");
}
}
.section__visual .btn__switch__images .images .switch__image.img__visual-3 {
background-image: url("../img/large/1x/visual-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) {
.section__visual .btn__switch__images .images .switch__image.img__visual-3 {
background-image: url("../img/large/2x/visual-3.jpg");
}
}
.section__visual .btn__switch__images .images .switch__image.img__visual-4 {
background-image: url("../img/large/1x/visual-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) {
.section__visual .btn__switch__images .images .switch__image.img__visual-4 {
background-image: url("../img/large/2x/visual-4.jpg");
}
}
.section__visual .btn__switch__images .images .switch__image.img__visual-5 {
background-image: url("../img/large/1x/visual-5.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__visual .btn__switch__images .images .switch__image.img__visual-5 {
background-image: url("../img/large/2x/visual-5.jpg");
}
}
.section__video .img__video {
background-image: url("../img/large/1x/video.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__video .img__video {
background-image: url("../img/large/2x/video.jpg");
}
}
.section__audio .img__audio {
background-image: url("../img/large/1x/audio.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__audio .img__audio {
background-image: url("../img/large/2x/audio.jpg");
}
}
.section__audioWizard .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-1 {
background-image: url("../img/large/1x/icon/s10/icon-1.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__audioWizard .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-1 {
background-image: url("../img/large/2x/icon/s10/icon-1.png");
}
}
.section__audioWizard .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-1:after {
display: block;
content: ' ';
background-image: url("../img/large/1x/icon/s10/icon_h-1.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__audioWizard .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-1:after {
background-image: url("../img/large/2x/icon/s10/icon_h-1.png");
}
}
.section__audioWizard .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-2 {
background-image: url("../img/large/1x/icon/s10/icon-2.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__audioWizard .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-2 {
background-image: url("../img/large/2x/icon/s10/icon-2.png");
}
}
.section__audioWizard .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-2:after {
display: block;
content: ' ';
background-image: url("../img/large/1x/icon/s10/icon_h-2.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__audioWizard .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-2:after {
background-image: url("../img/large/2x/icon/s10/icon_h-2.png");
}
}
.section__audioWizard .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-3 {
background-image: url("../img/large/1x/icon/s10/icon-3.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__audioWizard .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-3 {
background-image: url("../img/large/2x/icon/s10/icon-3.png");
}
}
.section__audioWizard .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-3:after {
display: block;
content: ' ';
background-image: url("../img/large/1x/icon/s10/icon_h-3.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__audioWizard .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-3:after {
background-image: url("../img/large/2x/icon/s10/icon_h-3.png");
}
}
.section__audioWizard .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-4 {
background-image: url("../img/large/1x/icon/s10/icon-4.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__audioWizard .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-4 {
background-image: url("../img/large/2x/icon/s10/icon-4.png");
}
}
.section__audioWizard .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-4:after {
display: block;
content: ' ';
background-image: url("../img/large/1x/icon/s10/icon_h-4.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__audioWizard .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-4:after {
background-image: url("../img/large/2x/icon/s10/icon_h-4.png");
}
}
.section__audioWizard .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-5 {
background-image: url("../img/large/1x/icon/s10/icon-5.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__audioWizard .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-5 {
background-image: url("../img/large/2x/icon/s10/icon-5.png");
}
}
.section__audioWizard .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-5:after {
display: block;
content: ' ';
background-image: url("../img/large/1x/icon/s10/icon_h-5.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__audioWizard .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-5:after {
background-image: url("../img/large/2x/icon/s10/icon_h-5.png");
}
}
.section__audioWizard .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-6 {
background-image: url("../img/large/1x/icon/s10/icon-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) {
.section__audioWizard .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-6 {
background-image: url("../img/large/2x/icon/s10/icon-6.png");
}
}
.section__audioWizard .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-6:after {
display: block;
content: ' ';
background-image: url("../img/large/1x/icon/s10/icon_h-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) {
.section__audioWizard .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-6:after {
background-image: url("../img/large/2x/icon/s10/icon_h-6.png");
}
}
.section__audioWizard .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-1 {
width: 44px;
}
.section__audioWizard .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-2 {
width: 31px;
}
.section__audioWizard .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-3 {
width: 32px;
}
.section__audioWizard .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-4 {
width: 18px;
}
.section__audioWizard .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-5 {
width: 39px;
}
.section__audioWizard .btn__switch__images .click__btns .switch__btn.active .btn__container .container__icon.icon-1,
.section__audioWizard .btn__switch__images .click__btns .switch__btn:hover .btn__container .container__icon.icon-1 {
background-image: url("../img/large/1x/icon/s10/icon_h-1.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__audioWizard .btn__switch__images .click__btns .switch__btn.active .btn__container .container__icon.icon-1,
.section__audioWizard .btn__switch__images .click__btns .switch__btn:hover .btn__container .container__icon.icon-1 {
background-image: url("../img/large/2x/icon/s10/icon_h-1.png");
}
}
.section__audioWizard .btn__switch__images .click__btns .switch__btn.active .btn__container .container__icon.icon-2,
.section__audioWizard .btn__switch__images .click__btns .switch__btn:hover .btn__container .container__icon.icon-2 {
background-image: url("../img/large/1x/icon/s10/icon_h-2.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__audioWizard .btn__switch__images .click__btns .switch__btn.active .btn__container .container__icon.icon-2,
.section__audioWizard .btn__switch__images .click__btns .switch__btn:hover .btn__container .container__icon.icon-2 {
background-image: url("../img/large/2x/icon/s10/icon_h-2.png");
}
}
.section__audioWizard .btn__switch__images .click__btns .switch__btn.active .btn__container .container__icon.icon-3,
.section__audioWizard .btn__switch__images .click__btns .switch__btn:hover .btn__container .container__icon.icon-3 {
background-image: url("../img/large/1x/icon/s10/icon_h-3.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__audioWizard .btn__switch__images .click__btns .switch__btn.active .btn__container .container__icon.icon-3,
.section__audioWizard .btn__switch__images .click__btns .switch__btn:hover .btn__container .container__icon.icon-3 {
background-image: url("../img/large/2x/icon/s10/icon_h-3.png");
}
}
.section__audioWizard .btn__switch__images .click__btns .switch__btn.active .btn__container .container__icon.icon-4,
.section__audioWizard .btn__switch__images .click__btns .switch__btn:hover .btn__container .container__icon.icon-4 {
background-image: url("../img/large/1x/icon/s10/icon_h-4.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__audioWizard .btn__switch__images .click__btns .switch__btn.active .btn__container .container__icon.icon-4,
.section__audioWizard .btn__switch__images .click__btns .switch__btn:hover .btn__container .container__icon.icon-4 {
background-image: url("../img/large/2x/icon/s10/icon_h-4.png");
}
}
.section__audioWizard .btn__switch__images .click__btns .switch__btn.active .btn__container .container__icon.icon-5,
.section__audioWizard .btn__switch__images .click__btns .switch__btn:hover .btn__container .container__icon.icon-5 {
background-image: url("../img/large/1x/icon/s10/icon_h-5.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__audioWizard .btn__switch__images .click__btns .switch__btn.active .btn__container .container__icon.icon-5,
.section__audioWizard .btn__switch__images .click__btns .switch__btn:hover .btn__container .container__icon.icon-5 {
background-image: url("../img/large/2x/icon/s10/icon_h-5.png");
}
}
.section__audioWizard .btn__switch__images .click__btns .switch__btn.active .btn__container .container__icon.icon-6,
.section__audioWizard .btn__switch__images .click__btns .switch__btn:hover .btn__container .container__icon.icon-6 {
background-image: url("../img/large/1x/icon/s10/icon_h-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) {
.section__audioWizard .btn__switch__images .click__btns .switch__btn.active .btn__container .container__icon.icon-6,
.section__audioWizard .btn__switch__images .click__btns .switch__btn:hover .btn__container .container__icon.icon-6 {
background-image: url("../img/large/2x/icon/s10/icon_h-6.png");
}
}
.section__audioWizard .btn__switch__images .images .switch__image.img__audioWizard-1 {
background-image: url("../img/large/1x/audioWizard-1.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__audioWizard .btn__switch__images .images .switch__image.img__audioWizard-1 {
background-image: url("../img/large/2x/audioWizard-1.jpg");
}
}
.section__audioWizard .btn__switch__images .images .switch__image.img__audioWizard-2 {
background-image: url("../img/large/1x/audioWizard-2.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__audioWizard .btn__switch__images .images .switch__image.img__audioWizard-2 {
background-image: url("../img/large/2x/audioWizard-2.jpg");
}
}
.section__audioWizard .btn__switch__images .images .switch__image.img__audioWizard-3 {
background-image: url("../img/large/1x/audioWizard-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) {
.section__audioWizard .btn__switch__images .images .switch__image.img__audioWizard-3 {
background-image: url("../img/large/2x/audioWizard-3.jpg");
}
}
.section__audioWizard .btn__switch__images .images .switch__image.img__audioWizard-4 {
background-image: url("../img/large/1x/audioWizard-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) {
.section__audioWizard .btn__switch__images .images .switch__image.img__audioWizard-4 {
background-image: url("../img/large/2x/audioWizard-4.jpg");
}
}
.section__audioWizard .btn__switch__images .images .switch__image.img__audioWizard-5 {
background-image: url("../img/large/1x/audioWizard-5.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__audioWizard .btn__switch__images .images .switch__image.img__audioWizard-5 {
background-image: url("../img/large/2x/audioWizard-5.jpg");
}
}
.section__audioWizard .btn__switch__images .images .switch__image.img__audioWizard-6 {
background-image: url("../img/large/1x/audioWizard-6.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__audioWizard .btn__switch__images .images .switch__image.img__audioWizard-6 {
background-image: url("../img/large/2x/audioWizard-6.jpg");
}
}
.section__touch .img__touch {
background-image: url("../img/large/1x/touch.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__touch .img__touch {
background-image: url("../img/large/2x/touch.jpg");
}
}
.section__quality .img__quality {
background-image: url("../img/large/1x/quality.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__quality .img__quality {
background-image: url("../img/large/2x/quality.jpg");
}
}
.section__columns__image .img__test-1 {
background-image: url("../img/large/1x/test-1.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__columns__image .img__test-1 {
background-image: url("../img/large/2x/test-1.jpg");
}
}
.section__columns__image .img__columns__image.image-1 {
background-image: url("../img/large/1x/columns_image-1.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__columns__image .img__columns__image.image-1 {
background-image: url("../img/large/2x/columns_image-1.jpg");
}
}
.section__columns__image .img__columns__image.image-1:after {
display: block;
content: ' ';
background-image: url("../img/large/1x/columns_image-1.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__columns__image .img__columns__image.image-1:after {
background-image: url("../img/large/2x/columns_image-1.jpg");
}
}
.section__columns__image .img__columns__image.image-2 {
background-image: url("../img/large/1x/columns_image-2.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__columns__image .img__columns__image.image-2 {
background-image: url("../img/large/2x/columns_image-2.jpg");
}
}
.section__columns__image .img__columns__image.image-2:after {
display: block;
content: ' ';
background-image: url("../img/large/1x/columns_image-2.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__columns__image .img__columns__image.image-2:after {
background-image: url("../img/large/2x/columns_image-2.jpg");
}
}
.section__columns__image .img__columns__image.image-3 {
background-image: url("../img/large/1x/columns_image-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) {
.section__columns__image .img__columns__image.image-3 {
background-image: url("../img/large/2x/columns_image-3.jpg");
}
}
.section__columns__image .img__columns__image.image-3:after {
display: block;
content: ' ';
background-image: url("../img/large/1x/columns_image-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) {
.section__columns__image .img__columns__image.image-3:after {
background-image: url("../img/large/2x/columns_image-3.jpg");
}
}
.section__columns__image .img__columns__image.image-4 {
background-image: url("../img/large/1x/columns_image-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) {
.section__columns__image .img__columns__image.image-4 {
background-image: url("../img/large/2x/columns_image-4.jpg");
}
}
.section__columns__image .img__columns__image.image-4:after {
display: block;
content: ' ';
background-image: url("../img/large/1x/columns_image-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) {
.section__columns__image .img__columns__image.image-4:after {
background-image: url("../img/large/2x/columns_image-4.jpg");
}
}
.section__columns__image .img__columns__image.image-5 {
background-image: url("../img/large/1x/columns_image-5.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__columns__image .img__columns__image.image-5 {
background-image: url("../img/large/2x/columns_image-5.jpg");
}
}
.section__columns__image .img__columns__image.image-5:after {
display: block;
content: ' ';
background-image: url("../img/large/1x/columns_image-5.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__columns__image .img__columns__image.image-5:after {
background-image: url("../img/large/2x/columns_image-5.jpg");
}
}
.section__columns__image .img__columns__image.image-6 {
background-image: url("../img/large/1x/columns_image-6.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__columns__image .img__columns__image.image-6 {
background-image: url("../img/large/2x/columns_image-6.jpg");
}
}
.section__columns__image .img__columns__image.image-6:after {
display: block;
content: ' ';
background-image: url("../img/large/1x/columns_image-6.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__columns__image .img__columns__image.image-6:after {
background-image: url("../img/large/2x/columns_image-6.jpg");
}
}
.section__columns__image .img__columns__image.image-7 {
background-image: url("../img/large/1x/columns_image-7.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__columns__image .img__columns__image.image-7 {
background-image: url("../img/large/2x/columns_image-7.jpg");
}
}
.section__columns__image .img__columns__image.image-7:after {
display: block;
content: ' ';
background-image: url("../img/large/1x/columns_image-7.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__columns__image .img__columns__image.image-7:after {
background-image: url("../img/large/2x/columns_image-7.jpg");
}
}
.section__columns__chart .img__test-2 {
background-image: url("../img/large/1x/test-2.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__columns__chart .img__test-2 {
background-image: url("../img/large/2x/test-2.jpg");
}
}
.section__columns__chart .img__columns__chart.chart-1 {
background-image: url("../img/large/1x/columns_chart-1.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__columns__chart .img__columns__chart.chart-1 {
background-image: url("../img/large/2x/columns_chart-1.jpg");
}
}
.section__columns__chart .img__columns__chart.chart-1:after {
display: block;
content: ' ';
background-image: url("../img/large/1x/columns_chart-1.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__columns__chart .img__columns__chart.chart-1:after {
background-image: url("../img/large/2x/columns_chart-1.jpg");
}
}
.section__columns__chart .img__columns__chart.chart-2 {
background-image: url("../img/large/1x/columns_chart-2.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__columns__chart .img__columns__chart.chart-2 {
background-image: url("../img/large/2x/columns_chart-2.jpg");
}
}
.section__columns__chart .img__columns__chart.chart-2:after {
display: block;
content: ' ';
background-image: url("../img/large/1x/columns_chart-2.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__columns__chart .img__columns__chart.chart-2:after {
background-image: url("../img/large/2x/columns_chart-2.jpg");
}
}
.section__columns__chart .img__columns__chart.chart-3 {
background-image: url("../img/large/1x/columns_chart-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) {
.section__columns__chart .img__columns__chart.chart-3 {
background-image: url("../img/large/2x/columns_chart-3.jpg");
}
}
.section__columns__chart .img__columns__chart.chart-3:after {
display: block;
content: ' ';
background-image: url("../img/large/1x/columns_chart-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) {
.section__columns__chart .img__columns__chart.chart-3:after {
background-image: url("../img/large/2x/columns_chart-3.jpg");
}
}
.section__columns__chart .img__columns__chart.chart-4 {
background-image: url("../img/large/1x/columns_chart-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) {
.section__columns__chart .img__columns__chart.chart-4 {
background-image: url("../img/large/2x/columns_chart-4.jpg");
}
}
.section__columns__chart .img__columns__chart.chart-4:after {
display: block;
content: ' ';
background-image: url("../img/large/1x/columns_chart-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) {
.section__columns__chart .img__columns__chart.chart-4:after {
background-image: url("../img/large/2x/columns_chart-4.jpg");
}
}
.section__carousel .slick__carousel .carousel__images .carousel__image.image-1 {
background-image: url("../img/large/1x/colors-1.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__carousel .slick__carousel .carousel__images .carousel__image.image-1 {
background-image: url("../img/large/2x/colors-1.jpg");
}
}
.section__carousel .slick__carousel .carousel__images .carousel__image.image-2 {
background-image: url("../img/large/1x/colors-2.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__carousel .slick__carousel .carousel__images .carousel__image.image-2 {
background-image: url("../img/large/2x/colors-2.jpg");
}
}
.section__carousel .slick__carousel .carousel__images .carousel__image.image-3 {
background-image: url("../img/large/1x/colors-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) {
.section__carousel .slick__carousel .carousel__images .carousel__image.image-3 {
background-image: url("../img/large/2x/colors-3.jpg");
}
}
.section__carousel .slick__carousel .carousel__images .carousel__image.image-4 {
background-image: url("../img/large/1x/colors-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) {
.section__carousel .slick__carousel .carousel__images .carousel__image.image-4 {
background-image: url("../img/large/2x/colors-4.jpg");
}
}
#AWD .product_price.active {
position: relative;
margin-top: 44px;
margin-bottom: -7px;
}
#AWD .product_pdguide.active {
position: relative;
top: -1px;
padding-top: 19px;
}
#AWD .product_pdguide.active .link {
width: auto;
margin: 0 auto;
color: #6c97ff;
}
#AWD .product_videos.active {
position: relative;
padding-top: 227px;
}
#AWD .media-bottom {
margin-bottom: -10px;
}
#AWD .product_pdguide.limit__width,
#AWD .product_videos.limit__width,
#AWD .product_medias.limit__width {
max-width: 1366px;
margin-right: auto;
margin-left: auto;
}
#AWD .product_pdguide.limit__width .slick-dots,
#AWD .product_videos.limit__width .slick-dots,
#AWD .product_medias.limit__width .slick-dots {
left: 50%;
margin-left: -600px;
width: 1200px;
}
#AWD .product_medias.active .media .text {
max-width: 340px;
}
#AWD .product_medias.active .slick-dots {
position: relative;
padding-top: 60px;
}
#AWD .product_medias.active.slick-dotted {
padding-bottom: 0;
}
#AWD .product_price .price,
#AWD .product_price .btn_buy .etailers .etailers_list li a:hover,
#AWD .product_medias .media a,
#AWD .product_medias .slick-dots li.slick-active button:before,
#AWD .product_videos .slick-dots li.slick-active button:before {
color: #6c97ff;
}
#AWD .product_price .btn_buy .label {
background-color: #6c97ff;
}
@media all and (min-width: 1920px) and (max-width: 3000px) {
.section__mobility .img__mobility-bottom {
padding-bottom: 0;
width: 100%;
max-width: 1920px;
height: 416px;
}
}
@media all and (min-width: 1301px) {
.large_use {
display: inline;
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.wd__section {
margin-top: 149px;
}
.wd__section .medium_use {
display: inline-block;
}
.wd__section .no__wrap {
white-space: nowrap;
display: inline-block;
}
.wd__section .wd__content {
left: 0;
margin-left: auto;
margin-right: auto;
width: 87.5%;
max-width: 630px;
text-align: center;
}
.wd__section .wd__content .content__slogan {
text-align: center;
}
.wd__section .wd__content .content__title {
margin: 35px auto 0;
width: 100%;
}
.wd__section .wd__content .content__info {
margin: 13px auto 0;
width: 100%;
max-width: 630px;
}
.wd__section .wd__content .content__slogan:after {
bottom: -15px;
}
.wd__section .wd__link__arrow:after {
padding-left: 5px;
}
.wd__section .img {
position: relative;
margin-top: 61px;
margin-left: auto;
margin-right: auto;
width: 100%;
max-width: 720px;
height: 442px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.section__kv {
margin-top: 0px;
padding-bottom: 0px;
}
.section__kv .wd__content .content__title {
margin-top: -3px;
width: 75%;
max-width: 580px;
font-size: 65px;
line-height: 76px;
}
.section__kv .wd__content .content__info {
margin-top: 55px;
width: 87.5%;
max-width: 631px;
font-size: 26px;
line-height: 40px;
}
.section__kv .img__kv__logo {
margin-top: 76px;
margin-bottom: 31px;
max-width: 630px;
height: 57px;
background-image: url("../img/medium/1x/kv_logo.png");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__kv .img__kv__logo {
background-image: url("../img/medium/2x/kv_logo.png");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__kv .img__kv {
background-image: url("../img/medium/1x/kv.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__kv .img__kv {
background-image: url("../img/medium/2x/kv.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__colors .slick__colors .colors {
margin-left: auto;
margin-right: auto;
max-width: 720px;
}
.section__colors .slick__colors .colors .img__color-0 {
background-image: url("../img/medium/1x/colors-0.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__colors .slick__colors .colors .img__color-0 {
background-image: url("../img/medium/2x/colors-0.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__colors .slick__colors .colors .img__color-1 {
background-image: url("../img/medium/1x/colors-1.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__colors .slick__colors .colors .img__color-1 {
background-image: url("../img/medium/2x/colors-1.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__colors .slick__colors .colors .img__color-2 {
background-image: url("../img/medium/1x/colors-2.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__colors .slick__colors .colors .img__color-2 {
background-image: url("../img/medium/2x/colors-2.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__colors .slick__colors .colors .img__color-3 {
background-image: url("../img/medium/1x/colors-3.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__colors .slick__colors .colors .img__color-3 {
background-image: url("../img/medium/2x/colors-3.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__colors .slick__colors .colors .img__color-4 {
background-image: url("../img/medium/1x/colors-4.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__colors .slick__colors .colors .img__color-4 {
background-image: url("../img/medium/2x/colors-4.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__colors .slick__colors .colors .img__color-5 {
background-image: url("../img/medium/1x/colors-5.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__colors .slick__colors .colors .img__color-5 {
background-image: url("../img/medium/2x/colors-5.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__performance .img__performance {
background-image: url("../img/medium/1x/performance.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__performance .img__performance {
background-image: url("../img/medium/2x/performance.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__storage .img__storage {
background-image: url("../img/medium/1x/storage.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__storage .img__storage {
background-image: url("../img/medium/2x/storage.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__battery .img__battery {
background-image: url("../img/medium/1x/battery.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__battery .img__battery {
background-image: url("../img/medium/2x/battery.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__battery .img__table-1 {
background-image: url("../img/medium/1x/battery_table-1.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__battery .img__table-1 {
background-image: url("../img/medium/2x/battery_table-1.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__Interface .columns__icon .col__container .icon-1 {
background-image: url("../img/medium/1x/icon/s6/icon-1.png");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__Interface .columns__icon .col__container .icon-1 {
background-image: url("../img/medium/2x/icon/s6/icon-1.png");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__Interface .columns__icon .col__container .icon-2 {
background-image: url("../img/medium/1x/icon/s6/icon-2.png");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__Interface .columns__icon .col__container .icon-2 {
background-image: url("../img/medium/2x/icon/s6/icon-2.png");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__Interface .columns__icon .col__container .icon-3 {
background-image: url("../img/medium/1x/icon/s6/icon-3.png");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__Interface .columns__icon .col__container .icon-3 {
background-image: url("../img/medium/2x/icon/s6/icon-3.png");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__Interface .columns__icon .col__container .icon-4 {
background-image: url("../img/medium/1x/icon/s6/icon-4.png");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__Interface .columns__icon .col__container .icon-4 {
background-image: url("../img/medium/2x/icon/s6/icon-4.png");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__Interface .columns__icon .col__container .icon-5 {
background-image: url("../img/medium/1x/icon/s6/icon-5.png");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__Interface .columns__icon .col__container .icon-5 {
background-image: url("../img/medium/2x/icon/s6/icon-5.png");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__Interface .columns__icon .col__container .icon-6 {
background-image: url("../img/medium/1x/icon/s6/icon-6.png");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__Interface .columns__icon .col__container .icon-6 {
background-image: url("../img/medium/2x/icon/s6/icon-6.png");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__interface .img__interface {
background-image: url("../img/medium/1x/interface.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__interface .img__interface {
background-image: url("../img/medium/2x/interface.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__visual .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-1 {
width: 28px;
}
.section__visual .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-2 {
width: 32px;
}
.section__visual .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-3 {
width: 27px;
}
.section__visual .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-4 {
width: 31px;
}
.section__visual .btn__switch__images .images .switch__image.img__visual-1 {
background-image: url("../img/medium/1x/visual-1.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__visual .btn__switch__images .images .switch__image.img__visual-1 {
background-image: url("../img/medium/2x/visual-1.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__visual .btn__switch__images .images .switch__image.img__visual-2 {
background-image: url("../img/medium/1x/visual-2.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__visual .btn__switch__images .images .switch__image.img__visual-2 {
background-image: url("../img/medium/2x/visual-2.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__visual .btn__switch__images .images .switch__image.img__visual-3 {
background-image: url("../img/medium/1x/visual-3.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__visual .btn__switch__images .images .switch__image.img__visual-3 {
background-image: url("../img/medium/2x/visual-3.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__visual .btn__switch__images .images .switch__image.img__visual-4 {
background-image: url("../img/medium/1x/visual-4.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__visual .btn__switch__images .images .switch__image.img__visual-4 {
background-image: url("../img/medium/2x/visual-4.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__visual .btn__switch__images .images .switch__image.img__visual-5 {
background-image: url("../img/medium/1x/visual-5.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__visual .btn__switch__images .images .switch__image.img__visual-5 {
background-image: url("../img/medium/2x/visual-5.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__video .img__video {
background-image: url("../img/medium/1x/video.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__video .img__video {
background-image: url("../img/medium/2x/video.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__audio .img__audio {
background-image: url("../img/medium/1x/audio.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__audio .img__audio {
background-image: url("../img/medium/2x/audio.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__audioWizard .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-1 {
width: 37px;
}
.section__audioWizard .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-2 {
width: 26px;
}
.section__audioWizard .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-3 {
width: 27px;
}
.section__audioWizard .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-4 {
width: 16px;
}
.section__audioWizard .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-5 {
width: 33px;
}
.section__audioWizard .btn__switch__images .images .switch__image.img__audioWizard-1 {
background-image: url("../img/medium/1x/audioWizard-1.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__audioWizard .btn__switch__images .images .switch__image.img__audioWizard-1 {
background-image: url("../img/medium/2x/audioWizard-1.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__audioWizard .btn__switch__images .images .switch__image.img__audioWizard-2 {
background-image: url("../img/medium/1x/audioWizard-2.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__audioWizard .btn__switch__images .images .switch__image.img__audioWizard-2 {
background-image: url("../img/medium/2x/audioWizard-2.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__audioWizard .btn__switch__images .images .switch__image.img__audioWizard-3 {
background-image: url("../img/medium/1x/audioWizard-3.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__audioWizard .btn__switch__images .images .switch__image.img__audioWizard-3 {
background-image: url("../img/medium/2x/audioWizard-3.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__audioWizard .btn__switch__images .images .switch__image.img__audioWizard-4 {
background-image: url("../img/medium/1x/audioWizard-4.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__audioWizard .btn__switch__images .images .switch__image.img__audioWizard-4 {
background-image: url("../img/medium/2x/audioWizard-4.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__audioWizard .btn__switch__images .images .switch__image.img__audioWizard-5 {
background-image: url("../img/medium/1x/audioWizard-5.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__audioWizard .btn__switch__images .images .switch__image.img__audioWizard-5 {
background-image: url("../img/medium/2x/audioWizard-5.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__audioWizard .btn__switch__images .images .switch__image.img__audioWizard-6 {
background-image: url("../img/medium/1x/audioWizard-6.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__audioWizard .btn__switch__images .images .switch__image.img__audioWizard-6 {
background-image: url("../img/medium/2x/audioWizard-6.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__touch .img__touch {
background-image: url("../img/medium/1x/touch.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__touch .img__touch {
background-image: url("../img/medium/2x/touch.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__quality .img__quality {
background-image: url("../img/medium/1x/quality.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__quality .img__quality {
background-image: url("../img/medium/2x/quality.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__columns__image .img__test-1 {
background-image: url("../img/medium/1x/test-1.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__columns__image .img__test-1 {
background-image: url("../img/medium/2x/test-1.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__columns__image .img__columns__image.image-1 {
background-image: url("../img/medium/1x/columns_image-1.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__columns__image .img__columns__image.image-1 {
background-image: url("../img/medium/2x/columns_image-1.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__columns__image .img__columns__image.image-1:after {
display: block;
content: ' ';
background-image: url("../img/medium/1x/columns_image-1.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__columns__image .img__columns__image.image-1:after {
background-image: url("../img/medium/2x/columns_image-1.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__columns__image .img__columns__image.image-2 {
background-image: url("../img/medium/1x/columns_image-2.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__columns__image .img__columns__image.image-2 {
background-image: url("../img/medium/2x/columns_image-2.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__columns__image .img__columns__image.image-2:after {
display: block;
content: ' ';
background-image: url("../img/medium/1x/columns_image-2.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__columns__image .img__columns__image.image-2:after {
background-image: url("../img/medium/2x/columns_image-2.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__columns__image .img__columns__image.image-3 {
background-image: url("../img/medium/1x/columns_image-3.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__columns__image .img__columns__image.image-3 {
background-image: url("../img/medium/2x/columns_image-3.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__columns__image .img__columns__image.image-3:after {
display: block;
content: ' ';
background-image: url("../img/medium/1x/columns_image-3.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__columns__image .img__columns__image.image-3:after {
background-image: url("../img/medium/2x/columns_image-3.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__columns__image .img__columns__image.image-4 {
background-image: url("../img/medium/1x/columns_image-4.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__columns__image .img__columns__image.image-4 {
background-image: url("../img/medium/2x/columns_image-4.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__columns__image .img__columns__image.image-4:after {
display: block;
content: ' ';
background-image: url("../img/medium/1x/columns_image-4.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__columns__image .img__columns__image.image-4:after {
background-image: url("../img/medium/2x/columns_image-4.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__columns__image .img__columns__image.image-5 {
background-image: url("../img/medium/1x/columns_image-5.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__columns__image .img__columns__image.image-5 {
background-image: url("../img/medium/2x/columns_image-5.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__columns__image .img__columns__image.image-5:after {
display: block;
content: ' ';
background-image: url("../img/medium/1x/columns_image-5.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__columns__image .img__columns__image.image-5:after {
background-image: url("../img/medium/2x/columns_image-5.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__columns__image .img__columns__image.image-6 {
background-image: url("../img/medium/1x/columns_image-6.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__columns__image .img__columns__image.image-6 {
background-image: url("../img/medium/2x/columns_image-6.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__columns__image .img__columns__image.image-6:after {
display: block;
content: ' ';
background-image: url("../img/medium/1x/columns_image-6.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__columns__image .img__columns__image.image-6:after {
background-image: url("../img/medium/2x/columns_image-6.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__columns__image .img__columns__image.image-7 {
background-image: url("../img/medium/1x/columns_image-7.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__columns__image .img__columns__image.image-7 {
background-image: url("../img/medium/2x/columns_image-7.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__columns__image .img__columns__image.image-7:after {
display: block;
content: ' ';
background-image: url("../img/medium/1x/columns_image-7.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__columns__image .img__columns__image.image-7:after {
background-image: url("../img/medium/2x/columns_image-7.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__columns__chart .img__test-2 {
background-image: url("../img/medium/1x/test-2.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__columns__chart .img__test-2 {
background-image: url("../img/medium/2x/test-2.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__columns__chart .img__columns__chart.chart-1 {
background-image: url("../img/medium/1x/columns_chart-1.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__columns__chart .img__columns__chart.chart-1 {
background-image: url("../img/medium/2x/columns_chart-1.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__columns__chart .img__columns__chart.chart-1:after {
display: block;
content: ' ';
background-image: url("../img/medium/1x/columns_chart-1.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__columns__chart .img__columns__chart.chart-1:after {
background-image: url("../img/medium/2x/columns_chart-1.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__columns__chart .img__columns__chart.chart-2 {
background-image: url("../img/medium/1x/columns_chart-2.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__columns__chart .img__columns__chart.chart-2 {
background-image: url("../img/medium/2x/columns_chart-2.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__columns__chart .img__columns__chart.chart-2:after {
display: block;
content: ' ';
background-image: url("../img/medium/1x/columns_chart-2.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__columns__chart .img__columns__chart.chart-2:after {
background-image: url("../img/medium/2x/columns_chart-2.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__columns__chart .img__columns__chart.chart-3 {
background-image: url("../img/medium/1x/columns_chart-3.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__columns__chart .img__columns__chart.chart-3 {
background-image: url("../img/medium/2x/columns_chart-3.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__columns__chart .img__columns__chart.chart-3:after {
display: block;
content: ' ';
background-image: url("../img/medium/1x/columns_chart-3.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__columns__chart .img__columns__chart.chart-3:after {
background-image: url("../img/medium/2x/columns_chart-3.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__columns__chart .img__columns__chart.chart-4 {
background-image: url("../img/medium/1x/columns_chart-4.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__columns__chart .img__columns__chart.chart-4 {
background-image: url("../img/medium/2x/columns_chart-4.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__columns__chart .img__columns__chart.chart-4:after {
display: block;
content: ' ';
background-image: url("../img/medium/1x/columns_chart-4.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__columns__chart .img__columns__chart.chart-4:after {
background-image: url("../img/medium/2x/columns_chart-4.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__carousel .slick__carousel .carousel__images .carousel__image.image-1 {
background-image: url("../img/medium/1x/colors-1.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__carousel .slick__carousel .carousel__images .carousel__image.image-1 {
background-image: url("../img/medium/2x/colors-1.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__carousel .slick__carousel .carousel__images .carousel__image.image-2 {
background-image: url("../img/medium/1x/colors-2.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__carousel .slick__carousel .carousel__images .carousel__image.image-2 {
background-image: url("../img/medium/2x/colors-2.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__carousel .slick__carousel .carousel__images .carousel__image.image-3 {
background-image: url("../img/medium/1x/colors-3.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__carousel .slick__carousel .carousel__images .carousel__image.image-3 {
background-image: url("../img/medium/2x/colors-3.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__carousel .slick__carousel .carousel__images .carousel__image.image-4 {
background-image: url("../img/medium/1x/colors-4.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__carousel .slick__carousel .carousel__images .carousel__image.image-4 {
background-image: url("../img/medium/2x/colors-4.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
#AWD .product_price.active {
position: relative;
margin-top: 0 !important;
padding-top: 33px;
padding-bottom: 16px;
}
#AWD .product_pdguide.active {
padding-top: 30px !important;
}
#AWD .product_videos.active {
padding-top: 136px !important;
margin-bottom: 113px;
}
#AWD .media-top {
margin-top: -113px;
}
#AWD .product_medias.active.limit__width {
max-width: 1300px;
margin-right: auto;
margin-left: auto;
}
#AWD .product_medias.active.limit__width .slick-dots {
left: 50%;
margin-left: -360px;
width: 720px;
}
#AWD .media-bottom {
margin-bottom: -11px !important;
}
}
@media (max-width: 1300px) and (min-width: 1024px) {
.section__performance .wd__feature__list {
width: 630px;
}
}
@media all and (max-width: 720px) {
.wd__section {
margin-top: 94px;
}
.wd__section .wd__content {
margin-left: auto;
margin-right: auto;
width: 89.2%;
text-align: left;
}
.wd__section .wd__content .content__title {
width: 100%;
max-width: 700px;
}
.wd__section .wd__content .content__info {
margin-left: 0;
width: 100%;
max-width: 700px;
}
.wd__section .wd__content .content__slogan:after {
width: 38px;
left: 0%;
margin-left: 0px;
bottom: -3px;
}
.wd__section .wd__content .content__slogan.underline-left:after {
margin-left: 0px;
left: 0%;
}
.wd__section .wd__link__arrow:after {
padding-left: 5px;
}
.wd__section .img {
margin-top: 44px;
width: 100%;
max-width: 600px;
height: 369px;
}
.section__kv {
margin-top: 0px;
padding-bottom: 0px;
}
.section__kv .img__kv__logo {
margin-top: 41px;
margin-bottom: 0;
max-width: 280px;
height: 33px;
background-image: url("../img/small/1x/kv_logo.png");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__kv .img__kv__logo {
background-image: url("../img/small/2x/kv_logo.png");
}
}
@media all and (max-width: 720px) {
.section__kv .wd__content {
margin-top: 0px;
position: relative;
width: 100%;
left: 0;
}
.section__kv .wd__content .content__title {
text-align: center;
margin-top: 23px;
width: 82%;
max-width: 260px;
font-size: 36px;
line-height: 39px;
}
.section__kv .wd__content .content__info {
text-align: center;
margin: 41px auto 0;
width: 91%;
max-width: 460px;
font-size: 20px;
line-height: 27px;
}
.section__kv .img__kv {
left: 0;
margin-top: 32px;
margin-left: auto;
margin-right: auto;
max-width: 600px;
height: 369px;
background-image: url("../img/small/1x/kv.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__kv .img__kv {
background-image: url("../img/small/2x/kv.jpg");
}
}
@media all and (max-width: 720px) {
.section__colors .slick__colors .colors {
margin-left: auto;
margin-right: auto;
max-width: 720px;
}
.section__colors .slick__colors .colors .img__color-0 {
background-image: url("../img/small/1x/colors-0.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__colors .slick__colors .colors .img__color-0 {
background-image: url("../img/small/2x/colors-0.jpg");
}
}
@media all and (max-width: 720px) {
.section__colors .slick__colors .colors .img__color-1 {
background-image: url("../img/small/1x/colors-1.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__colors .slick__colors .colors .img__color-1 {
background-image: url("../img/small/2x/colors-1.jpg");
}
}
@media all and (max-width: 720px) {
.section__colors .slick__colors .colors .img__color-2 {
background-image: url("../img/small/1x/colors-2.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__colors .slick__colors .colors .img__color-2 {
background-image: url("../img/small/2x/colors-2.jpg");
}
}
@media all and (max-width: 720px) {
.section__colors .slick__colors .colors .img__color-3 {
background-image: url("../img/small/1x/colors-3.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__colors .slick__colors .colors .img__color-3 {
background-image: url("../img/small/2x/colors-3.jpg");
}
}
@media all and (max-width: 720px) {
.section__colors .slick__colors .colors .img__color-4 {
background-image: url("../img/small/1x/colors-4.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__colors .slick__colors .colors .img__color-4 {
background-image: url("../img/small/2x/colors-4.jpg");
}
}
@media all and (max-width: 720px) {
.section__colors .slick__colors .colors .img__color-5 {
background-image: url("../img/small/1x/colors-5.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__colors .slick__colors .colors .img__color-5 {
background-image: url("../img/small/2x/colors-5.jpg");
}
}
@media all and (max-width: 720px) {
.section__performance .img__performance {
background-image: url("../img/small/1x/performance.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__performance .img__performance {
background-image: url("../img/small/2x/performance.jpg");
}
}
@media all and (max-width: 720px) {
.section__storage .img__storage {
background-image: url("../img/small/1x/storage.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__storage .img__storage {
background-image: url("../img/small/2x/storage.jpg");
}
}
@media all and (max-width: 720px) {
.section__battery .img__battery {
background-image: url("../img/small/1x/battery.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__battery .img__battery {
background-image: url("../img/small/2x/battery.jpg");
}
}
@media all and (max-width: 720px) {
.section__battery .img__table-1 {
background-image: url("../img/small/1x/battery_table-1.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__battery .img__table-1 {
background-image: url("../img/small/2x/battery_table-1.jpg");
}
}
@media all and (max-width: 720px) {
.section__Interface .columns__icon .col__container .icon-1 {
background-image: url("../img/small/1x/icon/s6/icon-1.png");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__Interface .columns__icon .col__container .icon-1 {
background-image: url("../img/small/2x/icon/s6/icon-1.png");
}
}
@media all and (max-width: 720px) {
.section__Interface .columns__icon .col__container .icon-2 {
background-image: url("../img/small/1x/icon/s6/icon-2.png");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__Interface .columns__icon .col__container .icon-2 {
background-image: url("../img/small/2x/icon/s6/icon-2.png");
}
}
@media all and (max-width: 720px) {
.section__Interface .columns__icon .col__container .icon-3 {
background-image: url("../img/small/1x/icon/s6/icon-3.png");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__Interface .columns__icon .col__container .icon-3 {
background-image: url("../img/small/2x/icon/s6/icon-3.png");
}
}
@media all and (max-width: 720px) {
.section__Interface .columns__icon .col__container .icon-4 {
background-image: url("../img/small/1x/icon/s6/icon-4.png");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__Interface .columns__icon .col__container .icon-4 {
background-image: url("../img/small/2x/icon/s6/icon-4.png");
}
}
@media all and (max-width: 720px) {
.section__Interface .columns__icon .col__container .icon-5 {
background-image: url("../img/small/1x/icon/s6/icon-5.png");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__Interface .columns__icon .col__container .icon-5 {
background-image: url("../img/small/2x/icon/s6/icon-5.png");
}
}
@media all and (max-width: 720px) {
.section__Interface .columns__icon .col__container .icon-6 {
background-image: url("../img/small/1x/icon/s6/icon-6.png");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__Interface .columns__icon .col__container .icon-6 {
background-image: url("../img/small/2x/icon/s6/icon-6.png");
}
}
@media all and (max-width: 720px) {
.section__interface .img__interface {
background-image: url("../img/small/1x/interface.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__interface .img__interface {
background-image: url("../img/small/2x/interface.jpg");
}
}
@media all and (max-width: 720px) {
.section__visual .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-1 {
width: 28px;
}
.section__visual .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-2 {
width: 32px;
}
.section__visual .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-3 {
width: 27px;
}
.section__visual .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-4 {
width: 31px;
}
.section__visual .btn__switch__images .images .switch__image.img__visual-1 {
background-image: url("../img/small/1x/visual-1.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__visual .btn__switch__images .images .switch__image.img__visual-1 {
background-image: url("../img/small/2x/visual-1.jpg");
}
}
@media all and (max-width: 720px) {
.section__visual .btn__switch__images .images .switch__image.img__visual-2 {
background-image: url("../img/small/1x/visual-2.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__visual .btn__switch__images .images .switch__image.img__visual-2 {
background-image: url("../img/small/2x/visual-2.jpg");
}
}
@media all and (max-width: 720px) {
.section__visual .btn__switch__images .images .switch__image.img__visual-3 {
background-image: url("../img/small/1x/visual-3.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__visual .btn__switch__images .images .switch__image.img__visual-3 {
background-image: url("../img/small/2x/visual-3.jpg");
}
}
@media all and (max-width: 720px) {
.section__visual .btn__switch__images .images .switch__image.img__visual-4 {
background-image: url("../img/small/1x/visual-4.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__visual .btn__switch__images .images .switch__image.img__visual-4 {
background-image: url("../img/small/2x/visual-4.jpg");
}
}
@media all and (max-width: 720px) {
.section__visual .btn__switch__images .images .switch__image.img__visual-5 {
background-image: url("../img/small/1x/visual-5.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__visual .btn__switch__images .images .switch__image.img__visual-5 {
background-image: url("../img/small/2x/visual-5.jpg");
}
}
@media all and (max-width: 720px) {
.section__video .img__video {
background-image: url("../img/small/1x/video.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__video .img__video {
background-image: url("../img/small/2x/video.jpg");
}
}
@media all and (max-width: 720px) {
.section__audio .img__audio {
background-image: url("../img/small/1x/audio.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__audio .img__audio {
background-image: url("../img/small/2x/audio.jpg");
}
}
@media all and (max-width: 720px) {
.section__audioWizard .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-1 {
width: 37px;
}
.section__audioWizard .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-2 {
width: 25px;
}
.section__audioWizard .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-3 {
width: 27px;
}
.section__audioWizard .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-4 {
width: 16px;
}
.section__audioWizard .btn__switch__images .click__btns .switch__btn .btn__container .container__icon.icon-5 {
width: 33px;
}
.section__audioWizard .btn__switch__images .images .switch__image.img__audioWizard-1 {
background-image: url("../img/small/1x/audioWizard-1.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__audioWizard .btn__switch__images .images .switch__image.img__audioWizard-1 {
background-image: url("../img/small/2x/audioWizard-1.jpg");
}
}
@media all and (max-width: 720px) {
.section__audioWizard .btn__switch__images .images .switch__image.img__audioWizard-2 {
background-image: url("../img/small/1x/audioWizard-2.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__audioWizard .btn__switch__images .images .switch__image.img__audioWizard-2 {
background-image: url("../img/small/2x/audioWizard-2.jpg");
}
}
@media all and (max-width: 720px) {
.section__audioWizard .btn__switch__images .images .switch__image.img__audioWizard-3 {
background-image: url("../img/small/1x/audioWizard-3.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__audioWizard .btn__switch__images .images .switch__image.img__audioWizard-3 {
background-image: url("../img/small/2x/audioWizard-3.jpg");
}
}
@media all and (max-width: 720px) {
.section__audioWizard .btn__switch__images .images .switch__image.img__audioWizard-4 {
background-image: url("../img/small/1x/audioWizard-4.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__audioWizard .btn__switch__images .images .switch__image.img__audioWizard-4 {
background-image: url("../img/small/2x/audioWizard-4.jpg");
}
}
@media all and (max-width: 720px) {
.section__audioWizard .btn__switch__images .images .switch__image.img__audioWizard-5 {
background-image: url("../img/small/1x/audioWizard-5.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__audioWizard .btn__switch__images .images .switch__image.img__audioWizard-5 {
background-image: url("../img/small/2x/audioWizard-5.jpg");
}
}
@media all and (max-width: 720px) {
.section__audioWizard .btn__switch__images .images .switch__image.img__audioWizard-6 {
background-image: url("../img/small/1x/audioWizard-6.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__audioWizard .btn__switch__images .images .switch__image.img__audioWizard-6 {
background-image: url("../img/small/2x/audioWizard-6.jpg");
}
}
@media all and (max-width: 720px) {
.section__touch .img__touch {
background-image: url("../img/small/1x/touch.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__touch .img__touch {
background-image: url("../img/small/2x/touch.jpg");
}
}
@media all and (max-width: 720px) {
.section__quality .img__quality {
background-image: url("../img/small/1x/quality.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__quality .img__quality {
background-image: url("../img/small/2x/quality.jpg");
}
}
@media all and (max-width: 720px) {
.section__columns__image .img__test-1 {
background-image: url("../img/small/1x/test-1.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__columns__image .img__test-1 {
background-image: url("../img/small/2x/test-1.jpg");
}
}
@media all and (max-width: 720px) {
.section__columns__image .img__columns__image.image-1 {
background-image: url("../img/small/1x/columns_image-1.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__columns__image .img__columns__image.image-1 {
background-image: url("../img/small/2x/columns_image-1.jpg");
}
}
@media all and (max-width: 720px) {
.section__columns__image .img__columns__image.image-1:after {
display: block;
content: ' ';
background-image: url("../img/small/1x/columns_image-1.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__columns__image .img__columns__image.image-1:after {
background-image: url("../img/small/2x/columns_image-1.jpg");
}
}
@media all and (max-width: 720px) {
.section__columns__image .img__columns__image.image-2 {
background-image: url("../img/small/1x/columns_image-2.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__columns__image .img__columns__image.image-2 {
background-image: url("../img/small/2x/columns_image-2.jpg");
}
}
@media all and (max-width: 720px) {
.section__columns__image .img__columns__image.image-2:after {
display: block;
content: ' ';
background-image: url("../img/small/1x/columns_image-2.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__columns__image .img__columns__image.image-2:after {
background-image: url("../img/small/2x/columns_image-2.jpg");
}
}
@media all and (max-width: 720px) {
.section__columns__image .img__columns__image.image-3 {
background-image: url("../img/small/1x/columns_image-3.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__columns__image .img__columns__image.image-3 {
background-image: url("../img/small/2x/columns_image-3.jpg");
}
}
@media all and (max-width: 720px) {
.section__columns__image .img__columns__image.image-3:after {
display: block;
content: ' ';
background-image: url("../img/small/1x/columns_image-3.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__columns__image .img__columns__image.image-3:after {
background-image: url("../img/small/2x/columns_image-3.jpg");
}
}
@media all and (max-width: 720px) {
.section__columns__image .img__columns__image.image-4 {
background-image: url("../img/small/1x/columns_image-4.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__columns__image .img__columns__image.image-4 {
background-image: url("../img/small/2x/columns_image-4.jpg");
}
}
@media all and (max-width: 720px) {
.section__columns__image .img__columns__image.image-4:after {
display: block;
content: ' ';
background-image: url("../img/small/1x/columns_image-4.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__columns__image .img__columns__image.image-4:after {
background-image: url("../img/small/2x/columns_image-4.jpg");
}
}
@media all and (max-width: 720px) {
.section__columns__image .img__columns__image.image-5 {
background-image: url("../img/small/1x/columns_image-5.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__columns__image .img__columns__image.image-5 {
background-image: url("../img/small/2x/columns_image-5.jpg");
}
}
@media all and (max-width: 720px) {
.section__columns__image .img__columns__image.image-5:after {
display: block;
content: ' ';
background-image: url("../img/small/1x/columns_image-5.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__columns__image .img__columns__image.image-5:after {
background-image: url("../img/small/2x/columns_image-5.jpg");
}
}
@media all and (max-width: 720px) {
.section__columns__image .img__columns__image.image-6 {
background-image: url("../img/small/1x/columns_image-6.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__columns__image .img__columns__image.image-6 {
background-image: url("../img/small/2x/columns_image-6.jpg");
}
}
@media all and (max-width: 720px) {
.section__columns__image .img__columns__image.image-6:after {
display: block;
content: ' ';
background-image: url("../img/small/1x/columns_image-6.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__columns__image .img__columns__image.image-6:after {
background-image: url("../img/small/2x/columns_image-6.jpg");
}
}
@media all and (max-width: 720px) {
.section__columns__image .img__columns__image.image-7 {
background-image: url("../img/small/1x/columns_image-7.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__columns__image .img__columns__image.image-7 {
background-image: url("../img/small/2x/columns_image-7.jpg");
}
}
@media all and (max-width: 720px) {
.section__columns__image .img__columns__image.image-7:after {
display: block;
content: ' ';
background-image: url("../img/small/1x/columns_image-7.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__columns__image .img__columns__image.image-7:after {
background-image: url("../img/small/2x/columns_image-7.jpg");
}
}
@media all and (max-width: 720px) {
.section__columns__chart .img__test-2 {
background-image: url("../img/small/1x/test-2.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__columns__chart .img__test-2 {
background-image: url("../img/small/2x/test-2.jpg");
}
}
@media all and (max-width: 720px) {
.section__columns__chart .img__columns__chart.chart-1 {
background-image: url("../img/small/1x/columns_chart-1.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__columns__chart .img__columns__chart.chart-1 {
background-image: url("../img/small/2x/columns_chart-1.jpg");
}
}
@media all and (max-width: 720px) {
.section__columns__chart .img__columns__chart.chart-1:after {
display: block;
content: ' ';
background-image: url("../img/small/1x/columns_chart-1.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__columns__chart .img__columns__chart.chart-1:after {
background-image: url("../img/small/2x/columns_chart-1.jpg");
}
}
@media all and (max-width: 720px) {
.section__columns__chart .img__columns__chart.chart-2 {
background-image: url("../img/small/1x/columns_chart-2.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__columns__chart .img__columns__chart.chart-2 {
background-image: url("../img/small/2x/columns_chart-2.jpg");
}
}
@media all and (max-width: 720px) {
.section__columns__chart .img__columns__chart.chart-2:after {
display: block;
content: ' ';
background-image: url("../img/small/1x/columns_chart-2.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__columns__chart .img__columns__chart.chart-2:after {
background-image: url("../img/small/2x/columns_chart-2.jpg");
}
}
@media all and (max-width: 720px) {
.section__columns__chart .img__columns__chart.chart-3 {
background-image: url("../img/small/1x/columns_chart-3.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__columns__chart .img__columns__chart.chart-3 {
background-image: url("../img/small/2x/columns_chart-3.jpg");
}
}
@media all and (max-width: 720px) {
.section__columns__chart .img__columns__chart.chart-3:after {
display: block;
content: ' ';
background-image: url("../img/small/1x/columns_chart-3.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__columns__chart .img__columns__chart.chart-3:after {
background-image: url("../img/small/2x/columns_chart-3.jpg");
}
}
@media all and (max-width: 720px) {
.section__columns__chart .img__columns__chart.chart-4 {
background-image: url("../img/small/1x/columns_chart-4.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__columns__chart .img__columns__chart.chart-4 {
background-image: url("../img/small/2x/columns_chart-4.jpg");
}
}
@media all and (max-width: 720px) {
.section__columns__chart .img__columns__chart.chart-4:after {
display: block;
content: ' ';
background-image: url("../img/small/1x/columns_chart-4.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__columns__chart .img__columns__chart.chart-4:after {
background-image: url("../img/small/2x/columns_chart-4.jpg");
}
}
@media all and (max-width: 720px) {
.section__carousel .slick__carousel .carousel__images .carousel__image.image-1 {
background-image: url("../img/small/1x/colors-1.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__carousel .slick__carousel .carousel__images .carousel__image.image-1 {
background-image: url("../img/small/2x/colors-1.jpg");
}
}
@media all and (max-width: 720px) {
.section__carousel .slick__carousel .carousel__images .carousel__image.image-2 {
background-image: url("../img/small/1x/colors-2.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__carousel .slick__carousel .carousel__images .carousel__image.image-2 {
background-image: url("../img/small/2x/colors-2.jpg");
}
}
@media all and (max-width: 720px) {
.section__carousel .slick__carousel .carousel__images .carousel__image.image-3 {
background-image: url("../img/small/1x/colors-3.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__carousel .slick__carousel .carousel__images .carousel__image.image-3 {
background-image: url("../img/small/2x/colors-3.jpg");
}
}
@media all and (max-width: 720px) {
.section__carousel .slick__carousel .carousel__images .carousel__image.image-4 {
background-image: url("../img/small/1x/colors-4.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__carousel .slick__carousel .carousel__images .carousel__image.image-4 {
background-image: url("../img/small/2x/colors-4.jpg");
}
}
@media all and (max-width: 720px) {
#AWD .product_price.active {
position: relative;
margin-top: 0 !important;
padding-top: 24px;
padding-bottom: 14px;
}
#AWD .product_pdguide.active {
padding-top: 4px !important;
}
#AWD .product_videos.active {
padding-top: 123px !important;
margin-bottom: 113px;
}
#AWD .media-top {
margin-top: -63px;
}
#AWD .product_medias.active.limit__width {
max-width: 720px;
margin-right: auto;
margin-left: auto;
}
#AWD .product_medias.active.limit__width .slick-dots {
left: 50%;
margin-left: -250px;
width: 500px;
}
#AWD .product_medias.active .slick-dots {
padding-top: 10px;
}
#AWD .media-bottom {
margin-bottom: 17px !important;
}
}
@media (max-width: 599px) {
#AWD .product_medias.active {
padding-bottom: 0 !important;
}
}
/*kai*/
/*大於1300*/
figure.img.img__test {
background-image: url("../img/large/1x/temp.jpg");
}
}
.wd__section .img__kv {
background-image: url("../img/large/1x/test.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) {
.wd__section .img__kv {
background-image: url("../img/large/2x/test.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.wd__section .img__kv {
background-image: url("../img/medium/1x/test.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.wd__section .img__kv {
background-image: url("../img/medium/2x/test.jpg");
}
}
@media all and (max-width: 720px) {
.wd__section .img__kv {
left: 0;
margin-top: 32px;
margin-left: auto;
margin-right: auto;
max-width: 600px;
height: 369px;
background-image: url("../img/small/1x/test.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.wd__section .img__kv {
background-image: url("../img/small/2x/test.jpg");
}
}
.slick__colors {
margin-left: auto;
margin-right: auto;
max-width: 1366px;
}
.hint_text {
font-size: 70%;
padding-top: 2%;
}
.columns__image__margin {
margin-top: 4%;
}
/*image*/
/*section__01*/
.section__kv .img__main__top_banner {
background-image: url("../img/all_img/img_main__1366.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__kv .img__main__top_banner {
background-image: url("../img/all_img/img_main__2732.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__kv .img__main__top_banner {
background-image: url("../img/all_img/img_main__720.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__kv .img__main__top_banner {
background-image: url("../img/all_img/img_main__1440.jpg");
}
}
@media all and (max-width: 720px) {
.section__kv .img__main__top_banner {
background-image: url("../img/all_img/img_main__1200.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__kv .img__main__top_banner {
background-image: url("../img/all_img/img_main__600.jpg");
}
}
/*section__02*/
#section__02 .columns__hl .row .col .hl .text {
line-height: 106px;
}
.section__mobility .img__thinner__lighter {
background-image: url("../img/all_img/img__thinner__lighter__1366.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__mobility .img__thinner__lighter {
background-image: url("../img/all_img/img__thinner__lighter__2732.jpg");
}
#section__02 .columns__hl .row .col .hl .text {
line-height: inherit;
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__mobility .img__thinner__lighter {
background-image: url("../img/all_img/img__thinner__lighter__720.jpg");
}
#section__02 .columns__hl .row .col .hl .text {
line-height: inherit;
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__mobility .img__thinner__lighter {
background-image: url("../img/all_img/img__thinner__lighter__1440.jpg");
}
#section__02 .columns__hl .row .col .hl .text {
line-height: inherit;
}
}
@media all and (max-width: 720px) {
.section__mobility .img__thinner__lighter {
background-image: url("../img/all_img/img__thinner__lighter__1200.jpg");
height: 245px;
}
#section__02 .columns__hl .row .col .hl .text {
line-height: inherit;
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__mobility .img__thinner__lighter {
background-image: url("../img/all_img/img__thinner__lighter__600.jpg");
height: 245px;
}
#section__02 .columns__hl .row .col .hl .text {
line-height: inherit;
}
}
/*section__03*/
.section__screen .img__nanoedge {
background-image: url("../img/all_img/img__nanoedge__1366.jpg");
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) {
.section__screen .img__nanoedge {
background-image: url("../img/all_img/img__nanoedge__2732.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__screen .img__nanoedge {
background-image: url("../img/all_img/img__nanoedge__720.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__screen .img__nanoedge {
background-image: url("../img/all_img/img__nanoedge__1440.jpg");
}
}
@media all and (max-width: 720px) {
.section__screen .img__nanoedge {
background-image: url("../img/all_img/img__nanoedge__1200.jpg");
height: 300px;
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__screen .img__nanoedge {
background-image: url("../img/all_img/img__nanoedge__600.jpg");
height: 300px;
}
}
/*section__04*/
.section__performance .img__performance {
background-image: url("../img/all_img/img__performance__1366.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__performance .img__performance {
background-image: url("../img/all_img/img__performance__2732.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__performance .img__performance {
background-image: url("../img/all_img/img__performance__720.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__performance .img__performance {
background-image: url("../img/all_img/img__performance__1440.jpg");
}
}
@media all and (max-width: 720px) {
.section__performance .img__performance {
background-image: url("../img/all_img/img__performance__1200.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__performance .img__performance {
background-image: url("../img/all_img/img__performance__600.jpg");
}
}
/*section__05*/
.section__colors>div>div>div>.nav {
text-align: center;
}
.nav__color {
display: inline-block;
cursor: pointer;
margin: 0 13px 30px;
width: 42px;
height: 42px;
border-radius: 50%;
}
/*white*/
.section__colors .slick__colors .colors .img__case__white {
background-image: url("../img/all_img/img__case__white__1366.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__colors .slick__colors .colors .img__case__white {
background-image: url("../img/all_img/img__case__white__2732.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__colors .slick__colors .colors .img__case__white {
background-image: url("../img/all_img/img__case__white__720.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__colors .slick__colors .colors .img__case__white {
background-image: url("../img/all_img/img__case__white__1440.jpg");
}
}
@media all and (max-width: 720px) {
.section__colors .slick__colors .colors .img__case__white {
background-image: url("../img/all_img/img__case__white__1200.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__colors .slick__colors .colors .img__case__white {
background-image: url("../img/all_img/img__case__white__600.jpg");
}
}
/*gold*/
.section__colors .slick__colors .colors .img__case__gold {
background-image: url("../img/all_img/img__case__gold__1366.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__colors .slick__colors .colors .img__case__gold {
background-image: url("../img/all_img/img__case__gold__2732.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__colors .slick__colors .colors .img__case__gold {
background-image: url("../img/all_img/img__case__gold__720.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__colors .slick__colors .colors .img__case__gold {
background-image: url("../img/all_img/img__case__gold__1440.jpg");
}
}
@media all and (max-width: 720px) {
.section__colors .slick__colors .colors .img__case__gold {
background-image: url("../img/all_img/img__case__gold__1200.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__colors .slick__colors .colors .img__case__gold {
background-image: url("../img/all_img/img__case__gold__600.jpg");
}
}
/*red*/
.section__colors .slick__colors .colors .img__case__red {
background-image: url("../img/all_img/img__case__red__1366.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__colors .slick__colors .colors .img__case__red {
background-image: url("../img/all_img/img__case__red__2732.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__colors .slick__colors .colors .img__case__red {
background-image: url("../img/all_img/img__case__red__720.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__colors .slick__colors .colors .img__case__red {
background-image: url("../img/all_img/img__case__red__1440.jpg");
}
}
@media all and (max-width: 720px) {
.section__colors .slick__colors .colors .img__case__red {
background-image: url("../img/all_img/img__case__red__1200.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__colors .slick__colors .colors .img__case__red {
background-image: url("../img/all_img/img__case__red__600.jpg");
}
}
/*blue*/
.section__colors .slick__colors .colors .img__case__blue {
background-image: url("../img/all_img/img__case__blue__1366.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__colors .slick__colors .colors .img__case__blue {
background-image: url("../img/all_img/img__case__blue__2732.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__colors .slick__colors .colors .img__case__blue {
background-image: url("../img/all_img/img__case__blue__720.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__colors .slick__colors .colors .img__case__blue {
background-image: url("../img/all_img/img__case__blue__1440.jpg");
}
}
@media all and (max-width: 720px) {
.section__colors .slick__colors .colors .img__case__blue {
background-image: url("../img/all_img/img__case__blue__1200.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__colors .slick__colors .colors .img__case__blue {
background-image: url("../img/all_img/img__case__blue__600.jpg");
}
}
/*gray*/
.section__colors .slick__colors .colors .img__case__gray {
background-image: url("../img/all_img/img__case__gray__1366.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__colors .slick__colors .colors .img__case__gray {
background-image: url("../img/all_img/img__case__gray__2732.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__colors .slick__colors .colors .img__case__gray {
background-image: url("../img/all_img/img__case__gray__720.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__colors .slick__colors .colors .img__case__gray {
background-image: url("../img/all_img/img__case__gray__1440.jpg");
}
}
@media all and (max-width: 720px) {
.section__colors .slick__colors .colors .img__case__gray {
background-image: url("../img/all_img/img__case__gray__1200.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__colors .slick__colors .colors .img__case__gray {
background-image: url("../img/all_img/img__case__gray__600.jpg");
}
}
/*section__06*/
.section__hybrid_storage .img__supercharged {
background-image: url("../img/all_img/img__supercharged__1366.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__hybrid_storage .img__supercharged {
background-image: url("../img/all_img/img__supercharged__2732.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__hybrid_storage .img__supercharged {
background-image: url("../img/all_img/img__supercharged__720.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__hybrid_storage .img__supercharged {
background-image: url("../img/all_img/img__supercharged__1440.jpg");
}
}
@media all and (max-width: 720px) {
.section__hybrid_storage .img__supercharged {
background-image: url("../img/all_img/img__supercharged__1200.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__hybrid_storage .img__supercharged {
background-image: url("../img/all_img/img__supercharged__600.jpg");
}
}
/*section__07*/
.section__Interface .img__use__typec__01 {
background-image: url("../img/all_img/img__use__typec__01__683.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__Interface .img__use__typec__01 {
background-image: url("../img/all_img/img__use__typec__01__1366.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__Interface .img__use__typec__01 {
background-image: url("../img/all_img/img__use__typec__01__546.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__Interface .img__use__typec__01 {
background-image: url("../img/all_img/img__use__typec__01__1092.jpg");
}
}
@media all and (max-width: 720px) {
.section__Interface .img__use__typec__01 {
background-image: url("../img/all_img/img__use__typec__01__640.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__Interface .img__use__typec__01 {
background-image: url("../img/all_img/img__use__typec__01__320.jpg");
}
}
.section__Interface .img__use__typec__02 {
background-image: url("../img/all_img/img__use__typec__02__683.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__Interface .img__use__typec__02 {
background-image: url("../img/all_img/img__use__typec__02__1366.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__Interface .img__use__typec__02 {
background-image: url("../img/all_img/img__use__typec__02__546.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__Interface .img__use__typec__02 {
background-image: url("../img/all_img/img__use__typec__02__1092.jpg");
}
}
@media all and (max-width: 720px) {
.section__Interface .img__use__typec__02 {
background-image: url("../img/all_img/img__use__typec__02__640.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__Interface .img__use__typec__02 {
background-image: url("../img/all_img/img__use__typec__02__320.jpg");
}
}
.section__Interface .img__use__sdcard {
background-image: url("../img/all_img/img__use__sdcard__1366.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__Interface .img__use__sdcard {
background-image: url("../img/all_img/img__use__sdcard__2732.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__Interface .img__use__sdcard {
background-image: url("../img/all_img/img__use__sdcard__720.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__Interface .img__use__sdcard {
background-image: url("../img/all_img/img__use__sdcard__1440.jpg");
}
}
@media all and (max-width: 720px) {
.section__Interface .img__use__sdcard {
background-image: url("../img/all_img/img__use__sdcard__1200.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__Interface .img__use__sdcard {
background-image: url("../img/all_img/img__use__sdcard__600.jpg");
}
}
.section__Interface .img__use__hdmi {
background-image: url("../img/all_img/img__use__hdmi__1366.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__Interface .img__use__hdmi {
background-image: url("../img/all_img/img__use__hdmi__2732.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__Interface .img__use__hdmi {
background-image: url("../img/all_img/img__use__hdmi__720.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__Interface .img__use__hdmi {
background-image: url("../img/all_img/img__use__hdmi__1440.jpg");
}
}
@media all and (max-width: 720px) {
.section__Interface .img__use__hdmi {
background-image: url("../img/all_img/img__use__hdmi__1200.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__Interface .img__use__hdmi {
background-image: url("../img/all_img/img__use__hdmi__600.jpg");
}
}
/*section__08*/
.section__visual .btn__switch__images .images .switch__image.img__normal {
background-image: url("../img/all_img/img__normal__1366.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__visual .btn__switch__images .images .switch__image.img__normal {
background-image: url("../img/all_img/img__normal__2732.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__visual .btn__switch__images .images .switch__image.img__normal {
background-image: url("../img/all_img/img__normal__720.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__visual .btn__switch__images .images .switch__image.img__normal {
background-image: url("../img/all_img/img__normal__1440.jpg");
}
}
@media all and (max-width: 720px) {
.section__visual .btn__switch__images .images .switch__image.img__normal {
background-image: url("../img/all_img/img__normal__1200.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__visual .btn__switch__images .images .switch__image.img__normal {
background-image: url("../img/all_img/img__normal__600.jpg");
}
}
.section__visual .btn__switch__images .images .switch__image.img__eyecare {
background-image: url("../img/all_img/img__eyecare__1366.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__visual .btn__switch__images .images .switch__image.img__eyecare {
background-image: url("../img/all_img/img__eyecare__2732.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__visual .btn__switch__images .images .switch__image.img__eyecare {
background-image: url("../img/all_img/img__eyecare__720.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__visual .btn__switch__images .images .switch__image.img__eyecare {
background-image: url("../img/all_img/img__eyecare__1440.jpg");
}
}
@media all and (max-width: 720px) {
.section__visual .btn__switch__images .images .switch__image.img__eyecare {
background-image: url("../img/all_img/img__eyecare__1200.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__visual .btn__switch__images .images .switch__image.img__eyecare {
background-image: url("../img/all_img/img__eyecare__600.jpg");
}
}
.section__visual .btn__switch__images .images .switch__image.img__vivid {
background-image: url("../img/all_img/img__vivid__1366.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__visual .btn__switch__images .images .switch__image.img__vivid {
background-image: url("../img/all_img/img__vivid__2732.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__visual .btn__switch__images .images .switch__image.img__vivid {
background-image: url("../img/all_img/img__vivid__720.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__visual .btn__switch__images .images .switch__image.img__vivid {
background-image: url("../img/all_img/img__vivid__1440.jpg");
}
}
@media all and (max-width: 720px) {
.section__visual .btn__switch__images .images .switch__image.img__vivid {
background-image: url("../img/all_img/img__vivid__1200.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__visual .btn__switch__images .images .switch__image.img__vivid {
background-image: url("../img/all_img/img__vivid__600.jpg");
}
}
.section__visual .btn__switch__images .images .switch__image.img__manual {
background-image: url("../img/all_img/img__manual__1366.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__visual .btn__switch__images .images .switch__image.img__manual {
background-image: url("../img/all_img/img__manual__2732.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__visual .btn__switch__images .images .switch__image.img__manual {
background-image: url("../img/all_img/img__manual__720.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__visual .btn__switch__images .images .switch__image.img__manual {
background-image: url("../img/all_img/img__manual__1440.jpg");
}
}
@media all and (max-width: 720px) {
.section__visual .btn__switch__images .images .switch__image.img__manual {
background-image: url("../img/all_img/img__manual__1200.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__visual .btn__switch__images .images .switch__image.img__manual {
background-image: url("../img/all_img/img__manual__600.jpg");
}
}
/*section__09*/
.section__visual_pixel .img__pixel__perfect {
background-image: url("../img/all_img/img__pixel__perfect__1366.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__visual_pixel .img__pixel__perfect {
background-image: url("../img/all_img/img__pixel__perfect__2732.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__visual_pixel .img__pixel__perfect {
background-image: url("../img/all_img/img__pixel__perfect__720.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__visual_pixel .img__pixel__perfect {
background-image: url("../img/all_img/img__pixel__perfect__1440.jpg");
}
}
@media all and (max-width: 720px) {
.section__visual_pixel .img__pixel__perfect {
background-image: url("../img/all_img/img__pixel__perfect__1200.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__visual_pixel .img__pixel__perfect {
background-image: url("../img/all_img/img__pixel__perfect__600.jpg");
}
}
/*section__10*/
.section__audio .img__expansive__audio {
background-image: url("../img/all_img/img__expansive__audio__1366.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__audio .img__expansive__audio {
background-image: url("../img/all_img/img__expansive__audio__2732.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__audio .img__expansive__audio {
background-image: url("../img/all_img/img__expansive__audio__720.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__audio .img__expansive__audio {
background-image: url("../img/all_img/img__expansive__audio__1440.jpg");
}
}
@media all and (max-width: 720px) {
.section__audio .img__expansive__audio {
background-image: url("../img/all_img/img__expansive__audio__1200.jpg");
height: 300px;
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__audio .img__expansive__audio {
background-image: url("../img/all_img/img__expansive__audio__600.jpg");
height: 300px;
}
}
/*section__11*/
.section__audioWizard .btn__switch__images .images .switch__image.img__audio__gaming {
background-image: url("../img/all_img/img__audio__gaming__1366.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__audioWizard .btn__switch__images .images .switch__image.img__audio__gaming {
background-image: url("../img/all_img/img__audio__gaming__2732.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__audioWizard .btn__switch__images .images .switch__image.img__audio__gaming {
background-image: url("../img/all_img/img__audio__gaming__720.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__audioWizard .btn__switch__images .images .switch__image.img__audio__gaming {
background-image: url("../img/all_img/img__audio__gaming__1440.jpg");
}
}
@media all and (max-width: 720px) {
.section__audioWizard .btn__switch__images .images .switch__image.img__audio__gaming {
background-image: url("../img/all_img/img__audio__gaming__1200.jpg");
background-size: 80%;
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__audioWizard .btn__switch__images .images .switch__image.img__audio__gaming {
background-image: url("../img/all_img/img__audio__gaming__600.jpg");
background-size: 80%;
}
}
.section__audioWizard .btn__switch__images .images .switch__image.img__audio__movies {
background-image: url("../img/all_img/img__audio__movies__1366.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__audioWizard .btn__switch__images .images .switch__image.img__audio__movies {
background-image: url("../img/all_img/img__audio__movies__2732.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__audioWizard .btn__switch__images .images .switch__image.img__audio__movies {
background-image: url("../img/all_img/img__audio__movies__720.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__audioWizard .btn__switch__images .images .switch__image.img__audio__movies {
background-image: url("../img/all_img/img__audio__movies__1440.jpg");
}
}
@media all and (max-width: 720px) {
.section__audioWizard .btn__switch__images .images .switch__image.img__audio__movies {
background-image: url("../img/all_img/img__audio__movies__1200.jpg");
background-size: 80%;
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__audioWizard .btn__switch__images .images .switch__image.img__audio__movies {
background-image: url("../img/all_img/img__audio__movies__600.jpg");
background-size: 80%;
}
}
.section__audioWizard .btn__switch__images .images .switch__image.img__audio__music {
background-image: url("../img/all_img/img__audio__music__1366.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__audioWizard .btn__switch__images .images .switch__image.img__audio__music {
background-image: url("../img/all_img/img__audio__music__2732.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__audioWizard .btn__switch__images .images .switch__image.img__audio__music {
background-image: url("../img/all_img/img__audio__music__720.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__audioWizard .btn__switch__images .images .switch__image.img__audio__music {
background-image: url("../img/all_img/img__audio__music__1440.jpg");
}
}
@media all and (max-width: 720px) {
.section__audioWizard .btn__switch__images .images .switch__image.img__audio__music {
background-image: url("../img/all_img/img__audio__music__1200.jpg");
background-size: 80%;
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__audioWizard .btn__switch__images .images .switch__image.img__audio__music {
background-image: url("../img/all_img/img__audio__music__600.jpg");
background-size: 80%;
}
}
.section__audioWizard .btn__switch__images .images .switch__image.img__audio__recording {
background-image: url("../img/all_img/img__audio__recording__1366.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__audioWizard .btn__switch__images .images .switch__image.img__audio__recording {
background-image: url("../img/all_img/img__audio__recording__2732.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__audioWizard .btn__switch__images .images .switch__image.img__audio__recording {
background-image: url("../img/all_img/img__audio__recording__720.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__audioWizard .btn__switch__images .images .switch__image.img__audio__recording {
background-image: url("../img/all_img/img__audio__recording__1440.jpg");
}
}
@media all and (max-width: 720px) {
.section__audioWizard .btn__switch__images .images .switch__image.img__audio__recording {
background-image: url("../img/all_img/img__audio__recording__1200.jpg");
background-size: 80%;
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__audioWizard .btn__switch__images .images .switch__image.img__audio__recording {
background-image: url("../img/all_img/img__audio__recording__600.jpg");
background-size: 80%;
}
}
.section__audioWizard .btn__switch__images .images .switch__image.img__audio__speech {
background-image: url("../img/all_img/img__audio__speech__1366.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__audioWizard .btn__switch__images .images .switch__image.img__audio__speech {
background-image: url("../img/all_img/img__audio__speech__2732.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__audioWizard .btn__switch__images .images .switch__image.img__audio__speech {
background-image: url("../img/all_img/img__audio__speech__720.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__audioWizard .btn__switch__images .images .switch__image.img__audio__speech {
background-image: url("../img/all_img/img__audio__speech__1440.jpg");
}
}
@media all and (max-width: 720px) {
.section__audioWizard .btn__switch__images .images .switch__image.img__audio__speech {
background-image: url("../img/all_img/img__audio__speech__1200.jpg");
background-size: 80%;
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__audioWizard .btn__switch__images .images .switch__image.img__audio__speech {
background-image: url("../img/all_img/img__audio__speech__600.jpg");
background-size: 80%;
}
}
/*section__12*/
.section__touch .img__stay__cool {
background-image: url("../img/all_img/img__stay__cool__1366.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__touch .img__stay__cool {
background-image: url("../img/all_img/img__stay__cool__2732.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__touch .img__stay__cool {
background-image: url("../img/all_img/img__stay__cool__720.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__touch .img__stay__cool {
background-image: url("../img/all_img/img__stay__cool__1440.jpg");
}
}
@media all and (max-width: 720px) {
.section__touch .img__stay__cool {
background-image: url("../img/all_img/img__stay__cool__1200.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__touch .img__stay__cool {
background-image: url("../img/all_img/img__stay__cool__600.jpg");
}
}
/*section__13*/
.section__superBattery .img__super__battery {
background-image: url("../img/all_img/img__super__battery__1366.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__superBattery .img__super__battery {
background-image: url("../img/all_img/img__super__battery__2732.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__superBattery .img__super__battery {
background-image: url("../img/all_img/img__super__battery__720.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__superBattery .img__super__battery {
background-image: url("../img/all_img/img__super__battery__1440.jpg");
}
}
@media all and (max-width: 720px) {
.section__superBattery .img__super__battery {
background-image: url("../img/all_img/img__super__battery__1200.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__superBattery .img__super__battery {
background-image: url("../img/all_img/img__super__battery__600.jpg");
}
}
.wd__section .columns__image .row .col .image__container .img__columns__image_2_item {
display: block;
position: relative;
margin: 0 auto;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
/*section__14*/
.section__ZenAnywhere .img__ZenAnywhere {
background-image: url("../img/all_img/img__ZenAnywhere__1366.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
.section__ZenAnywhere .img__ZenAnywhere {
background-image: url("../img/all_img/img__ZenAnywhere__2732.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) {
.section__ZenAnywhere .img__ZenAnywhere {
background-image: url("../img/all_img/img__ZenAnywhere__720.jpg");
}
}
@media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) {
.section__ZenAnywhere .img__ZenAnywhere {
background-image: url("../img/all_img/img__ZenAnywhere__1440.jpg");
}
}
@media all and (max-width: 720px) {
.section__ZenAnywhere .img__ZenAnywhere {
background-image: url("../img/all_img/img__ZenAnywhere__1200.jpg");
}
}
@media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (max-width: 720px) and (min-resolution: 144dpi) {
.section__ZenAnywhere .img__ZenAnywhere {
background-image: url("../img/all_img/img__ZenAnywhere__600.jpg");
}
}