a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
	margin:0;
	padding:0;
	border:0;
	vertical-align:baseline
}
body {
	height:100%
}
a img,fieldset,img {
	border:none
}
a {
	text-decoration:none;
	color:#1b9eff;
	transition:color
}
input[type=email],input[type=tel],input[type=text],textarea {
	-webkit-appearance:none;
	outline:none
}
textarea {
	overflow:auto
}
button,input {
	margin:0;
	padding:0;
	border:0;
	font:16px/1.75 Montserrat,Helvetica Neue,sans-serif
}
button,input[type=submit] {
	-webkit-appearance:none;
	cursor:pointer
}
button::-moz-focus-inner,input[type=submit]::-moz-focus-inner {
	padding:0;
	border:0
}
ol,ul {
	list-style-type:none
}
table {
	border-spacing:0;
	border-collapse:collapse;
	width:100%
}
picture {
	display:block
}
html {
	box-sizing:border-box
}
*,:after,:before {
	box-sizing:inherit
}
.js-focus-visible:focus:not(.focus-visible) {
	outline:none
}
* {
	-webkit-locale:auto
}
.h1 {
	font-size:40px;
	line-height:1.4;
	font-weight:700;
	margin-bottom:.5em
}
.h1.-normal {
	font-weight:400
}
@media only screen and (max-width:575px) {
	.h1 {
	font-size:28px
}
}.h2 {
	font-size:32px;
	line-height:1.5;
	font-weight:700;
	margin-bottom:.5em
}
@media only screen and (max-width:575px) {
	.h2 {
	font-size:24px
}
}.h2.-normal {
	font-weight:400
}
.h3 {
	font-size:24px;
	line-height:1.5;
	font-weight:700;
	margin-bottom:.5em
}
@media only screen and (max-width:575px) {
	.h3 {
	font-size:20px
}
}.h3.-normal {
	font-weight:400
}
.h4 {
	font-size:20px;
	line-height:1.5;
	font-weight:700;
	margin-bottom:.5em
}
.h4.-normal {
	font-weight:400
}
@media only screen and (max-width:575px) {
	.h4 {
	font-size:18px
}
}.h5 {
	font-size:16px;
	line-height:1.5;
	font-weight:700;
	margin-bottom:.5em
}
.h5.-normal {
	font-weight:400
}
.h6 {
	font-size:14px;
	line-height:1.5;
	font-weight:700;
	margin-bottom:.5em
}
.h6.-normal {
	font-weight:400
}
.content-title {
	font-size:14px;
	line-height:22px;
	font-weight:700
}
.text {
	font-size:16px;
	line-height:1.4;
	color:rgba(111,114,121,.72)
}
.text.-white {
	color:#fff
}
p {
	margin:0 0 24px
}
.text-add {
	font-size:14px
}
.text-opt {
	font-size:12px
}
.text-nowrap {
	white-space:nowrap
}
.center {
	text-align:center
}
.right {
	text-align:right
}
.list,.list li {
	position:relative
}
.list li {
	padding-left:26px;
	margin-bottom:16px
}
.list li:before {
	content:"";
	position:absolute;
	top:9px;
	left:0;
	width:8px;
	height:8px;
	border-radius:50%;
	border:2px solid #000
}
.numbers-list {
	counter-reset:item
}
.numbers-list li {
	position:relative;
	margin-bottom:16px;
	padding-left:26px
}
.numbers-list li:before {
	content:counters(item,".") ". ";
	counter-increment:item;
	position:absolute;
	top:0;
	left:0
}
.-bold {
	font-weight:700
}
.-semibold,.btn {
	font-weight:600
}
.btn {
	position:relative;
	height:40px;
	padding:0 32px;
	vertical-align:middle;
	text-align:center;
	min-width:104px;
	border-radius:8px;
	background:#1b9eff;
	border:2px solid #1b9eff;
	transition:background .3s,border-color .3s,color .3s;
	white-space:nowrap;
	color:#fff;
	font-size:16px
}
.btn:hover {
	background:#47a8f7;
	border-color:#47a8f7
}
.btn:active {
	background:#288ddf;
	border-color:#288ddf;
	color:#fff
}
.btn .icon {
	font-size:20px
}
.btn.-outline {
	background:none;
	color:#1b9eff
}
.btn.-outline:hover {
	background:#1b9eff;
	color:#fff
}
.btn.-outline:active {
	background:#288ddf;
	color:#fff;
	border-color:#288ddf
}
.btn.-outline.-loading {
	background:#1b9eff!important;
	border-color:#1b9eff
}
.btn.-success {
	background:#06c668;
	border-color:#06c668
}
.btn.-success:hover {
	background:#0ad482;
	border-color:#0ad482
}
.btn.-success.-accessible {
	background:#00aa60;
	border-color:#00aa60
}
.btn.-success.-accessible:hover {
	background:#009755;
	border-color:#009755
}
.btn.-success:active {
	background:#00bb5f;
	border-color:#00bb5f
}
.btn.-light {
	background:#eee;
	border-color:#eee;
	color:#000
}
.btn.-light:hover {
	background:#f3f3f3;
	border-color:#f3f3f3;
	color:#000
}
.btn.-light:active {
	background:#e9e9e9;
	border-color:#e9e9e9;
	color:#000
}
.btn.-orange {
	background:#ffb200;
	border-color:#ffb200
}
.btn.-orange:hover {
	background:#ffce00;
	border-color:#ffce00
}
.btn.-orange:active {
	background:#ff9300;
	border-color:#ff9300
}
.btn.-red {
	background:#ff5722;
	border-color:#ff5722
}
.btn.-red:hover {
	background:#ff6e22;
	border-color:#ff6e22
}
.btn.-red:active {
	background:#ec3d0f;
	border-color:#ec3d0f
}
.btn.-dark {
	background:#2e2e2e;
	border-color:#2e2e2e
}
.btn.-dark:hover {
	background:#434343;
	border-color:#434343
}
.btn.-dark:active {
	background:#282828;
	border-color:#282828
}
.btn.-light-blue {
	background:#00c4dd;
	border-color:#00c4dd
}
.btn.-light-blue:hover {
	background:#19c9e0;
	border-color:#19c9e0
}
.btn.-light-blue:active {
	background:#00b0c6;
	border-color:#00b0c6
}
.btn.-white {
	background:#fff;
	border-color:#fff;
	color:#2e2e2e
}
.btn.-white:active {
	background:rgba(0,0,0,.08);
	border-color:rgba(0,0,0,.08)
}
.btn.-outline-dark {
	background:transparent;
	color:#2e2e2e;
	border-color:rgba(51,51,51,.1)
}
.btn.-outline-dark.-loading {
	color:transparent;
	background:#d6d6d6
}
.btn.-outline-dark.-loading:before {
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	width:20px;
	height:20px;
	margin:-10px 0 0 -10px;
	background:url(/images/ukeysoft-white-icon.svg);
	background-size:20px 20px;
	will-change:transform;
	-webkit-animation:rotation 1s linear infinite;
	animation:rotation 1s linear infinite
}
.btn.-outline-dark.-loading:active,.btn.-outline-dark.-loading:hover {
	border-color:#d6d6d6
}
.btn.-outline-dark:active,.btn.-outline-dark:hover {
	border-color:#333
}
.btn.-outline-dark.-accessible {
	border-color:rgba(51,51,51,.2)
}
.btn.-outline-dark.-accessible:hover {
	border-color:#333
}
.btn.-outline-white {
	background:transparent;
	border-color:#fff
}
.btn.-outline-white:hover {
	background:#fff;
	color:#2e2e2e
}
.btn.-transparent-white {
	border-color:hsla(0,0%,100%,.08)
}
.btn.-transparent-white:active,.btn.-transparent-white:hover {
	border-color:#fff;
	background:transparent;
	color:#fff
}
.btn.-video {
	background:transparent;
	color:#2e2e2e;
	border-color:#333
}
.btn.-video:active,.btn.-video:hover {
	color:#fff;
	background:#333
}
.btn[disabled] {
	cursor:default;
	background:#d6d6d6;
	border-color:#d6d6d6
}
.btn[disabled].-light,.btn[disabled].-white {
	color:rgba(46,46,46,.16)
}
.btn[disabled].-video {
	opacity:.5;
	cursor:default;
	pointer-events:none
}
.btn[disabled].-outline-dark {
	color:rgba(46,46,46,.16)
}
.btn[disabled].-outline-dark,.btn[disabled].-outline-dark:active,.btn[disabled].-outline-dark:hover,.btn[disabled].-outline-white {
	background:transparent;
	border-color:transparent
}
.btn[disabled].-outline-white {
	color:hsla(0,0%,100%,.24)
}
.btn[disabled].-outline-white:active,.btn[disabled].-outline-white:hover {
	background:transparent;
	border-color:transparent
}
.btn[disabled].-outline-white.-loading {
	border-color:#fff
}
.btn[disabled].-outline,.btn[disabled].-outline:active,.btn[disabled].-outline:hover {
	background:#fff;
	color:#d9d9d9;
	border-color:#d9d9d9
}
.btn[disabled].-outline.-loading {
	border-color:#1b9eff
}
.btn[disabled].-success,.btn[disabled].-success:hover {
	background:#d6d6d6
}
.btn[disabled].-success:hover[disabled]:hover,.btn[disabled].-success[disabled]:hover {
	border-color:transparent
}
.btn.-icon {
	position:relative;
	width:40px;
	height:40px;
	min-width:0
}
.btn.-icon .icon {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%)
}
.btn.-icon-left {
	padding-left:15px
}
.btn.-icon-left .icon {
	margin-right:8px
}
.btn.-icon-right {
	padding-right:15px
}
.btn.-icon-right .icon {
	margin-left:8px
}
.btn.-large {
	height:48px;
	padding:0 32px;
	border-radius:10px
}
.btn.-large .icon {
	font-size:21px
}
.btn.-large.-icon {
	width:48px;
	height:48px
}
.btn.-small {
	min-width:90px;
	padding:0 26px;
	height:32px;
	font-size:12px;
	border-radius:6px
}
.btn.-small .icon {
	font-size:16px
}
.btn.-small.-icon {
	min-width:32px;
	padding:0 16px;
	width:32px;
	height:32px
}
@media only screen and (max-width:575px) {
	.btn.-xs-small {
	min-width:90px;
	padding:0 26px;
	height:32px;
	font-size:12px;
	border-radius:6px
}
}.btn.-image {
	min-width:0;
	padding:0;
	background:transparent;
	border:none
}
.btn.-image img {
	display:block;
	height:100%;
	width:auto
}
.btn.-app-store {
	min-width:0;
	padding:0;
	background:transparent;
	border:none
}
.btn.-app-store img {
	display:block;
	height:auto;
	width:100%
}
.btn.-wide {
	width:100%;
	padding:0 8px
}
.btn.-loading {
	color:transparent!important
}
.btn.-loading:before {
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	width:20px;
	height:20px;
	margin:-10px 0 0 -10px;
	background:url(/images/ukeysoft-white-icon.svg);
	background-size:20px 20px;
	will-change:transform;
	-webkit-animation:rotation 1s linear infinite;
	animation:rotation 1s linear infinite
}
.btn.-uppercase {
	text-transform:uppercase
}
@-webkit-keyframes rotation {
	0% {
	transform:rotate(0deg)
}
to {
	transform:rotate(1turn)
}
}
@keyframes rotation {
	0% {
	transform:rotate(0deg)
}
to {
	transform:rotate(1turn)
}
}a.btn {
	display:inline-block;
	vertical-align:middle;
	line-height:36px;
	text-decoration:none
}
a.btn:active,a.btn:hover {
	text-decoration:none;
	color:#fff
}
a.btn:active.-outline-dark,a.btn:hover.-outline-dark {
	color:#2e2e2e
}
a.btn.-large {
	line-height:44px
}
a.btn.-small {
	line-height:28px
}
@media only screen and (max-width:575px) {
	a.btn.-xs-small {
	line-height:28px
}
}.btn+.btn {
	margin-left:12px
}
@media only screen and (max-width:575px) {
	.btn+.btn {
	margin-left:0
}
}.cta-btns.-right {
	text-align:right
}
.cta-btns .btn,.cta-btns .link-more {
	margin-bottom:14px
}
@media only screen and (max-width:575px) {
	.cta-btns .btn {
	width:100%
}
.cta-btns .btn.-image {
	width:auto
}
}.cta-btns.-fullwidth {
	display:flex;
	justify-content:space-between
}
@media only screen and (max-width:1023px) {
	.cta-btns.-fullwidth {
	display:block
}
}.cta-btns.-fullwidth .btn+.btn {
	margin-left:0
}
.copy {
	color:#1b9eff;
	background:none;
	line-height:1
}
.link-more {
	display:inline-block;
	vertical-align:middle;
	height:48px;
	padding:0 32px;
	line-height:44px;
	font-size:16px;
	font-weight:600;
	color:#fff;
	text-align:center;
	border-radius:10px;
	border:2px solid transparent
}
@media only screen and (max-width:1023px) {
	.link-more {
	padding:0 24px
}
}@media only screen and (max-width:575px) {
	.link-more {
	width:100%;
	border-color:hsla(0,0%,100%,.24);
	transition:border-color .3s ease
}
.link-more:hover {
	border-color:#fff
}
}.section {
	padding:0 16px
}
.section .container {
	padding:0
}
.section-gray {
	background:#f7f7f8
}
.container {
	max-width:1152px;
	margin:0 auto;
	padding:0 16px
}
.container.-small {
	max-width:768px
}
.container.-width-s {
	margin:0 auto;
	max-width:540px
}
@media only screen and (max-width:575px) {
	.container {
	padding:0 24px
}
}.row {
	display:flex;
	flex-wrap:wrap;
	margin:0 -16px;
	text-align:left
}
@media only screen and (max-width:1023px) {
	.row.-tablet-reverse {
	flex-direction:column-reverse
}
}@media only screen and (max-width:767px) {
	.row.-mobile-reverse {
	flex-direction:column-reverse
}
}@media only screen and (max-width:767px) {
	.row.-mobile-center {
	text-align:center
}
}@media only screen and (max-width:575px) {
	.row.-xs-mobile-reverse {
	flex-direction:column-reverse
}
}.row.-vcenter {
	align-items:center
}
.row.-vbottom {
	align-items:flex-end
}
.row.-row-center {
	justify-content:center
}
.row.-row-right {
	justify-content:flex-end
}
.row.-row-justify {
	justify-content:space-between
}
.row.-row-justify-around {
	justify-content:space-around
}
@media only screen and (min-width:3840px) {
	.row {
	max-width:1600px
}
}.row.-grid-height [class^=col-] {
	display:flex
}

.row.-grid-height [class^=col-]>* {
	width:100%
}
.col {
	flex-basis:0;
	flex-grow:1;
	max-width:100%
}
[class^=col-] {
	min-height:1px;
	padding:0 16px
}
@media only screen and (max-width:1279px) {
	.col-l {
	width:auto;
	flex-basis:0;
	flex-grow:1;
	max-width:100%
}
}@media only screen and (max-width:1023px) {
	.col-m {
	width:auto;
	flex-basis:0;
	flex-grow:1;
	max-width:100%
}
}.col-0 {
	width:0
}
.offset-left-0 {
	margin-left:0
}
.offset-right-0 {
	margin-right:0
}
.col-1 {
	width:8.33333%
}
.offset-left-1 {
	margin-left:8.33333%
}
.offset-right-1 {
	margin-right:8.33333%
}
.col-2 {
	width:16.66667%
}
.offset-left-2 {
	margin-left:16.66667%
}
.offset-right-2 {
	margin-right:16.66667%
}
.col-3 {
	width:25%
}
.offset-left-3 {
	margin-left:25%
}
.offset-right-3 {
	margin-right:25%
}
.col-4 {
	width:33.33333%
}
.offset-left-4 {
	margin-left:33.33333%
}
.offset-right-4 {
	margin-right:33.33333%
}
.col-5 {
	width:41.66667%
}
.offset-left-5 {
	margin-left:41.66667%
}
.offset-right-5 {
	margin-right:41.66667%
}
.col-6 {
	width:50%
}
.offset-left-6 {
	margin-left:50%
}
.offset-right-6 {
	margin-right:50%
}
.col-7 {
	width:58.33333%
}
.offset-left-7 {
	margin-left:58.33333%
}
.offset-right-7 {
	margin-right:58.33333%
}
.col-8 {
	width:66.66667%
}
.offset-left-8 {
	margin-left:66.66667%
}
.offset-right-8 {
	margin-right:66.66667%
}
.col-9 {
	width:75%
}
.offset-left-9 {
	margin-left:75%
}
.offset-right-9 {
	margin-right:75%
}
.col-10 {
	width:83.33333%
}
.offset-left-10 {
	margin-left:83.33333%
}
.offset-right-10 {
	margin-right:83.33333%
}
.col-11 {
	width:91.66667%
}
.offset-left-11 {
	margin-left:91.66667%
}
.offset-right-11 {
	margin-right:91.66667%
}
.col-12 {
	width:100%
}
.offset-left-12 {
	margin-left:100%
}
.offset-right-12 {
	margin-right:100%
}
@media only screen and (min-width:3840px) {
	.col-xxxl-0 {
	width:0;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-xxxl-0 {
	margin-left:0
}
.offset-right-xxxl-0 {
	margin-right:0
}
.col-xxxl-1 {
	width:8.33333%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-xxxl-1 {
	margin-left:8.33333%
}
.offset-right-xxxl-1 {
	margin-right:8.33333%
}
.col-xxxl-2 {
	width:16.66667%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-xxxl-2 {
	margin-left:16.66667%
}
.offset-right-xxxl-2 {
	margin-right:16.66667%
}
.col-xxxl-3 {
	width:25%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-xxxl-3 {
	margin-left:25%
}
.offset-right-xxxl-3 {
	margin-right:25%
}
.col-xxxl-4 {
	width:33.33333%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-xxxl-4 {
	margin-left:33.33333%
}
.offset-right-xxxl-4 {
	margin-right:33.33333%
}
.col-xxxl-5 {
	width:41.66667%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-xxxl-5 {
	margin-left:41.66667%
}
.offset-right-xxxl-5 {
	margin-right:41.66667%
}
.col-xxxl-6 {
	width:50%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-xxxl-6 {
	margin-left:50%
}
.offset-right-xxxl-6 {
	margin-right:50%
}
.col-xxxl-7 {
	width:58.33333%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-xxxl-7 {
	margin-left:58.33333%
}
.offset-right-xxxl-7 {
	margin-right:58.33333%
}
.col-xxxl-8 {
	width:66.66667%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-xxxl-8 {
	margin-left:66.66667%
}
.offset-right-xxxl-8 {
	margin-right:66.66667%
}
.col-xxxl-9 {
	width:75%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-xxxl-9 {
	margin-left:75%
}
.offset-right-xxxl-9 {
	margin-right:75%
}
.col-xxxl-10 {
	width:83.33333%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-xxxl-10 {
	margin-left:83.33333%
}
.offset-right-xxxl-10 {
	margin-right:83.33333%
}
.col-xxxl-11 {
	width:91.66667%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-xxxl-11 {
	margin-left:91.66667%
}
.offset-right-xxxl-11 {
	margin-right:91.66667%
}
.col-xxxl-12 {
	width:100%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-xxxl-12 {
	margin-left:100%
}
.offset-right-xxxl-12 {
	margin-right:100%
}
}@media only screen and (min-width:2560px) {
	.col-xxl-0 {
	width:0;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-xxl-0 {
	margin-left:0
}
.offset-right-xxl-0 {
	margin-right:0
}
.col-xxl-1 {
	width:8.33333%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-xxl-1 {
	margin-left:8.33333%
}
.offset-right-xxl-1 {
	margin-right:8.33333%
}
.col-xxl-2 {
	width:16.66667%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-xxl-2 {
	margin-left:16.66667%
}
.offset-right-xxl-2 {
	margin-right:16.66667%
}
.col-xxl-3 {
	width:25%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-xxl-3 {
	margin-left:25%
}
.offset-right-xxl-3 {
	margin-right:25%
}
.col-xxl-4 {
	width:33.33333%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-xxl-4 {
	margin-left:33.33333%
}
.offset-right-xxl-4 {
	margin-right:33.33333%
}
.col-xxl-5 {
	width:41.66667%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-xxl-5 {
	margin-left:41.66667%
}
.offset-right-xxl-5 {
	margin-right:41.66667%
}
.col-xxl-6 {
	width:50%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-xxl-6 {
	margin-left:50%
}
.offset-right-xxl-6 {
	margin-right:50%
}
.col-xxl-7 {
	width:58.33333%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-xxl-7 {
	margin-left:58.33333%
}
.offset-right-xxl-7 {
	margin-right:58.33333%
}
.col-xxl-8 {
	width:66.66667%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-xxl-8 {
	margin-left:66.66667%
}
.offset-right-xxl-8 {
	margin-right:66.66667%
}
.col-xxl-9 {
	width:75%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-xxl-9 {
	margin-left:75%
}
.offset-right-xxl-9 {
	margin-right:75%
}
.col-xxl-10 {
	width:83.33333%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-xxl-10 {
	margin-left:83.33333%
}
.offset-right-xxl-10 {
	margin-right:83.33333%
}
.col-xxl-11 {
	width:91.66667%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-xxl-11 {
	margin-left:91.66667%
}
.offset-right-xxl-11 {
	margin-right:91.66667%
}
.col-xxl-12 {
	width:100%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-xxl-12 {
	margin-left:100%
}
.offset-right-xxl-12 {
	margin-right:100%
}
}@media only screen and (min-width:1921px) {
	.col-xl-0 {
	width:0;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-xl-0 {
	margin-left:0
}
.offset-right-xl-0 {
	margin-right:0
}
.col-xl-1 {
	width:8.33333%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-xl-1 {
	margin-left:8.33333%
}
.offset-right-xl-1 {
	margin-right:8.33333%
}
.col-xl-2 {
	width:16.66667%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-xl-2 {
	margin-left:16.66667%
}
.offset-right-xl-2 {
	margin-right:16.66667%
}
.col-xl-3 {
	width:25%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-xl-3 {
	margin-left:25%
}
.offset-right-xl-3 {
	margin-right:25%
}
.col-xl-4 {
	width:33.33333%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-xl-4 {
	margin-left:33.33333%
}
.offset-right-xl-4 {
	margin-right:33.33333%
}
.col-xl-5 {
	width:41.66667%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-xl-5 {
	margin-left:41.66667%
}
.offset-right-xl-5 {
	margin-right:41.66667%
}
.col-xl-6 {
	width:50%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-xl-6 {
	margin-left:50%
}
.offset-right-xl-6 {
	margin-right:50%
}
.col-xl-7 {
	width:58.33333%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-xl-7 {
	margin-left:58.33333%
}
.offset-right-xl-7 {
	margin-right:58.33333%
}
.col-xl-8 {
	width:66.66667%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-xl-8 {
	margin-left:66.66667%
}
.offset-right-xl-8 {
	margin-right:66.66667%
}
.col-xl-9 {
	width:75%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-xl-9 {
	margin-left:75%
}
.offset-right-xl-9 {
	margin-right:75%
}
.col-xl-10 {
	width:83.33333%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-xl-10 {
	margin-left:83.33333%
}
.offset-right-xl-10 {
	margin-right:83.33333%
}
.col-xl-11 {
	width:91.66667%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-xl-11 {
	margin-left:91.66667%
}
.offset-right-xl-11 {
	margin-right:91.66667%
}
.col-xl-12 {
	width:100%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-xl-12 {
	margin-left:100%
}
.offset-right-xl-12 {
	margin-right:100%
}
}@media only screen and (max-width:1279px) {
	.col-l-0 {
	width:0;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-l-0 {
	margin-left:0
}
.offset-right-l-0 {
	margin-right:0
}
.col-l-1 {
	width:8.33333%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-l-1 {
	margin-left:8.33333%
}
.offset-right-l-1 {
	margin-right:8.33333%
}
.col-l-2 {
	width:16.66667%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-l-2 {
	margin-left:16.66667%
}
.offset-right-l-2 {
	margin-right:16.66667%
}
.col-l-3 {
	width:25%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-l-3 {
	margin-left:25%
}
.offset-right-l-3 {
	margin-right:25%
}
.col-l-4 {
	width:33.33333%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-l-4 {
	margin-left:33.33333%
}
.offset-right-l-4 {
	margin-right:33.33333%
}
.col-l-5 {
	width:41.66667%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-l-5 {
	margin-left:41.66667%
}
.offset-right-l-5 {
	margin-right:41.66667%
}
.col-l-6 {
	width:50%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-l-6 {
	margin-left:50%
}
.offset-right-l-6 {
	margin-right:50%
}
.col-l-7 {
	width:58.33333%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-l-7 {
	margin-left:58.33333%
}
.offset-right-l-7 {
	margin-right:58.33333%
}
.col-l-8 {
	width:66.66667%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-l-8 {
	margin-left:66.66667%
}
.offset-right-l-8 {
	margin-right:66.66667%
}
.col-l-9 {
	width:75%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-l-9 {
	margin-left:75%
}
.offset-right-l-9 {
	margin-right:75%
}
.col-l-10 {
	width:83.33333%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-l-10 {
	margin-left:83.33333%
}
.offset-right-l-10 {
	margin-right:83.33333%
}
.col-l-11 {
	width:91.66667%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-l-11 {
	margin-left:91.66667%
}
.offset-right-l-11 {
	margin-right:91.66667%
}
.col-l-12 {
	width:100%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-l-12 {
	margin-left:100%
}
.offset-right-l-12 {
	margin-right:100%
}
}@media only screen and (max-width:1023px) {
	.col-m-0 {
	width:0;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-m-0 {
	margin-left:0
}
.offset-right-m-0 {
	margin-right:0
}
.col-m-1 {
	width:8.33333%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-m-1 {
	margin-left:8.33333%
}
.offset-right-m-1 {
	margin-right:8.33333%
}
.col-m-2 {
	width:16.66667%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-m-2 {
	margin-left:16.66667%
}
.offset-right-m-2 {
	margin-right:16.66667%
}
.col-m-3 {
	width:25%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-m-3 {
	margin-left:25%
}
.offset-right-m-3 {
	margin-right:25%
}
.col-m-4 {
	width:33.33333%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-m-4 {
	margin-left:33.33333%
}
.offset-right-m-4 {
	margin-right:33.33333%
}
.col-m-5 {
	width:41.66667%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-m-5 {
	margin-left:41.66667%
}
.offset-right-m-5 {
	margin-right:41.66667%
}
.col-m-6 {
	width:50%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-m-6 {
	margin-left:50%
}
.offset-right-m-6 {
	margin-right:50%
}
.col-m-7 {
	width:58.33333%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-m-7 {
	margin-left:58.33333%
}
.offset-right-m-7 {
	margin-right:58.33333%
}
.col-m-8 {
	width:66.66667%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-m-8 {
	margin-left:66.66667%
}
.offset-right-m-8 {
	margin-right:66.66667%
}
.col-m-9 {
	width:75%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-m-9 {
	margin-left:75%
}
.offset-right-m-9 {
	margin-right:75%
}
.col-m-10 {
	width:83.33333%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-m-10 {
	margin-left:83.33333%
}
.offset-right-m-10 {
	margin-right:83.33333%
}
.col-m-11 {
	width:91.66667%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-m-11 {
	margin-left:91.66667%
}
.offset-right-m-11 {
	margin-right:91.66667%
}
.col-m-12 {
	width:100%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-m-12 {
	margin-left:100%
}
.offset-right-m-12 {
	margin-right:100%
}
}@media only screen and (max-width:767px) {
	.col-s-0 {
	width:0;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-s-0 {
	margin-left:0
}
.offset-right-s-0 {
	margin-right:0
}
.col-s-1 {
	width:8.33333%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-s-1 {
	margin-left:8.33333%
}
.offset-right-s-1 {
	margin-right:8.33333%
}
.col-s-2 {
	width:16.66667%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-s-2 {
	margin-left:16.66667%
}
.offset-right-s-2 {
	margin-right:16.66667%
}
.col-s-3 {
	width:25%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-s-3 {
	margin-left:25%
}
.offset-right-s-3 {
	margin-right:25%
}
.col-s-4 {
	width:33.33333%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-s-4 {
	margin-left:33.33333%
}
.offset-right-s-4 {
	margin-right:33.33333%
}
.col-s-5 {
	width:41.66667%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-s-5 {
	margin-left:41.66667%
}
.offset-right-s-5 {
	margin-right:41.66667%
}
.col-s-6 {
	width:50%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-s-6 {
	margin-left:50%
}
.offset-right-s-6 {
	margin-right:50%
}
.col-s-7 {
	width:58.33333%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-s-7 {
	margin-left:58.33333%
}
.offset-right-s-7 {
	margin-right:58.33333%
}
.col-s-8 {
	width:66.66667%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-s-8 {
	margin-left:66.66667%
}
.offset-right-s-8 {
	margin-right:66.66667%
}
.col-s-9 {
	width:75%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-s-9 {
	margin-left:75%
}
.offset-right-s-9 {
	margin-right:75%
}
.col-s-10 {
	width:83.33333%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-s-10 {
	margin-left:83.33333%
}
.offset-right-s-10 {
	margin-right:83.33333%
}
.col-s-11 {
	width:91.66667%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-s-11 {
	margin-left:91.66667%
}
.offset-right-s-11 {
	margin-right:91.66667%
}
.col-s-12 {
	width:100%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-s-12 {
	margin-left:100%
}
.offset-right-s-12 {
	margin-right:100%
}
}@media only screen and (max-width:575px) {
	.col-xs-0 {
	width:0;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-xs-0 {
	margin-left:0
}
.offset-right-xs-0 {
	margin-right:0
}
.col-xs-1 {
	width:8.33333%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-xs-1 {
	margin-left:8.33333%
}
.offset-right-xs-1 {
	margin-right:8.33333%
}
.col-xs-2 {
	width:16.66667%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-xs-2 {
	margin-left:16.66667%
}
.offset-right-xs-2 {
	margin-right:16.66667%
}
.col-xs-3 {
	width:25%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-xs-3 {
	margin-left:25%
}
.offset-right-xs-3 {
	margin-right:25%
}
.col-xs-4 {
	width:33.33333%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-xs-4 {
	margin-left:33.33333%
}
.offset-right-xs-4 {
	margin-right:33.33333%
}
.col-xs-5 {
	width:41.66667%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-xs-5 {
	margin-left:41.66667%
}
.offset-right-xs-5 {
	margin-right:41.66667%
}
.col-xs-6 {
	width:50%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-xs-6 {
	margin-left:50%
}
.offset-right-xs-6 {
	margin-right:50%
}
.col-xs-7 {
	width:58.33333%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-xs-7 {
	margin-left:58.33333%
}
.offset-right-xs-7 {
	margin-right:58.33333%
}
.col-xs-8 {
	width:66.66667%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-xs-8 {
	margin-left:66.66667%
}
.offset-right-xs-8 {
	margin-right:66.66667%
}
.col-xs-9 {
	width:75%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-xs-9 {
	margin-left:75%
}
.offset-right-xs-9 {
	margin-right:75%
}
.col-xs-10 {
	width:83.33333%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-xs-10 {
	margin-left:83.33333%
}
.offset-right-xs-10 {
	margin-right:83.33333%
}
.col-xs-11 {
	width:91.66667%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-xs-11 {
	margin-left:91.66667%
}
.offset-right-xs-11 {
	margin-right:91.66667%
}
.col-xs-12 {
	width:100%;
	flex-basis:inherit;
	flex-grow:inherit
}
.offset-left-xs-12 {
	margin-left:100%
}
.offset-right-xs-12 {
	margin-right:100%
}
}.mb-4 {
	margin-bottom:4px
}
.mb-8 {
	margin-bottom:8px
}
.mb-16 {
	margin-bottom:16px
}
.mb-20 {
	margin-bottom:20px
}
.mb-24 {
	margin-bottom:24px
}
.mb-32 {
	margin-bottom:32px
}
.mb-40 {
	margin-bottom:40px
}
.mb-48 {
	margin-bottom:48px
}
.mb-56 {
	margin-bottom:56px
}
.mb-64 {
	margin-bottom:64px
}
.mb-72 {
	margin-bottom:72px
}
.mb-80 {
	margin-bottom:80px
}
.mb-96 {
	margin-bottom:96px
}
@media only screen and (min-width:3840px) {
	.mb-xxxl-4 {
	margin-bottom:4px
}
}@media only screen and (min-width:3840px) {
	.mb-xxxl-8 {
	margin-bottom:8px
}
}@media only screen and (min-width:3840px) {
	.mb-xxxl-16 {
	margin-bottom:16px
}
}@media only screen and (min-width:3840px) {
	.mb-xxxl-20 {
	margin-bottom:20px
}
}@media only screen and (min-width:3840px) {
	.mb-xxxl-24 {
	margin-bottom:24px
}
}@media only screen and (min-width:3840px) {
	.mb-xxxl-32 {
	margin-bottom:32px
}
}@media only screen and (min-width:3840px) {
	.mb-xxxl-40 {
	margin-bottom:40px
}
}@media only screen and (min-width:3840px) {
	.mb-xxxl-48 {
	margin-bottom:48px
}
}@media only screen and (min-width:3840px) {
	.mb-xxxl-56 {
	margin-bottom:56px
}
}@media only screen and (min-width:3840px) {
	.mb-xxxl-64 {
	margin-bottom:64px
}
}@media only screen and (min-width:3840px) {
	.mb-xxxl-72 {
	margin-bottom:72px
}
}@media only screen and (min-width:3840px) {
	.mb-xxxl-80 {
	margin-bottom:80px
}
}@media only screen and (min-width:3840px) {
	.mb-xxxl-96 {
	margin-bottom:96px
}
}@media only screen and (min-width:2560px) {
	.mb-xxl-4 {
	margin-bottom:4px
}
}@media only screen and (min-width:2560px) {
	.mb-xxl-8 {
	margin-bottom:8px
}
}@media only screen and (min-width:2560px) {
	.mb-xxl-16 {
	margin-bottom:16px
}
}@media only screen and (min-width:2560px) {
	.mb-xxl-20 {
	margin-bottom:20px
}
}@media only screen and (min-width:2560px) {
	.mb-xxl-24 {
	margin-bottom:24px
}
}@media only screen and (min-width:2560px) {
	.mb-xxl-32 {
	margin-bottom:32px
}
}@media only screen and (min-width:2560px) {
	.mb-xxl-40 {
	margin-bottom:40px
}
}@media only screen and (min-width:2560px) {
	.mb-xxl-48 {
	margin-bottom:48px
}
}@media only screen and (min-width:2560px) {
	.mb-xxl-56 {
	margin-bottom:56px
}
}@media only screen and (min-width:2560px) {
	.mb-xxl-64 {
	margin-bottom:64px
}
}@media only screen and (min-width:2560px) {
	.mb-xxl-72 {
	margin-bottom:72px
}
}@media only screen and (min-width:2560px) {
	.mb-xxl-80 {
	margin-bottom:80px
}
}@media only screen and (min-width:2560px) {
	.mb-xxl-96 {
	margin-bottom:96px
}
}@media only screen and (min-width:1921px) {
	.mb-xl-4 {
	margin-bottom:4px
}
}@media only screen and (min-width:1921px) {
	.mb-xl-8 {
	margin-bottom:8px
}
}@media only screen and (min-width:1921px) {
	.mb-xl-16 {
	margin-bottom:16px
}
}@media only screen and (min-width:1921px) {
	.mb-xl-20 {
	margin-bottom:20px
}
}@media only screen and (min-width:1921px) {
	.mb-xl-24 {
	margin-bottom:24px
}
}@media only screen and (min-width:1921px) {
	.mb-xl-32 {
	margin-bottom:32px
}
}@media only screen and (min-width:1921px) {
	.mb-xl-40 {
	margin-bottom:40px
}
}@media only screen and (min-width:1921px) {
	.mb-xl-48 {
	margin-bottom:48px
}
}@media only screen and (min-width:1921px) {
	.mb-xl-56 {
	margin-bottom:56px
}
}@media only screen and (min-width:1921px) {
	.mb-xl-64 {
	margin-bottom:64px
}
}@media only screen and (min-width:1921px) {
	.mb-xl-72 {
	margin-bottom:72px
}
}@media only screen and (min-width:1921px) {
	.mb-xl-80 {
	margin-bottom:80px
}
}@media only screen and (min-width:1921px) {
	.mb-xl-96 {
	margin-bottom:96px
}
}@media only screen and (max-width:1279px) {
	.mb-l-4 {
	margin-bottom:4px
}
}@media only screen and (max-width:1279px) {
	.mb-l-8 {
	margin-bottom:8px
}
}@media only screen and (max-width:1279px) {
	.mb-l-16 {
	margin-bottom:16px
}
}@media only screen and (max-width:1279px) {
	.mb-l-20 {
	margin-bottom:20px
}
}@media only screen and (max-width:1279px) {
	.mb-l-24 {
	margin-bottom:24px
}
}@media only screen and (max-width:1279px) {
	.mb-l-32 {
	margin-bottom:32px
}
}@media only screen and (max-width:1279px) {
	.mb-l-40 {
	margin-bottom:40px
}
}@media only screen and (max-width:1279px) {
	.mb-l-48 {
	margin-bottom:48px
}
}@media only screen and (max-width:1279px) {
	.mb-l-56 {
	margin-bottom:56px
}
}@media only screen and (max-width:1279px) {
	.mb-l-64 {
	margin-bottom:64px
}
}@media only screen and (max-width:1279px) {
	.mb-l-72 {
	margin-bottom:72px
}
}@media only screen and (max-width:1279px) {
	.mb-l-80 {
	margin-bottom:80px
}
}@media only screen and (max-width:1279px) {
	.mb-l-96 {
	margin-bottom:96px
}
}@media only screen and (max-width:1023px) {
	.mb-m-4 {
	margin-bottom:4px
}
}@media only screen and (max-width:1023px) {
	.mb-m-8 {
	margin-bottom:8px
}
}@media only screen and (max-width:1023px) {
	.mb-m-16 {
	margin-bottom:16px
}
}@media only screen and (max-width:1023px) {
	.mb-m-20 {
	margin-bottom:20px
}
}@media only screen and (max-width:1023px) {
	.mb-m-24 {
	margin-bottom:24px
}
}@media only screen and (max-width:1023px) {
	.mb-m-32 {
	margin-bottom:32px
}
}@media only screen and (max-width:1023px) {
	.mb-m-40 {
	margin-bottom:40px
}
}@media only screen and (max-width:1023px) {
	.mb-m-48 {
	margin-bottom:48px
}
}@media only screen and (max-width:1023px) {
	.mb-m-56 {
	margin-bottom:56px
}
}@media only screen and (max-width:1023px) {
	.mb-m-64 {
	margin-bottom:64px
}
}@media only screen and (max-width:1023px) {
	.mb-m-72 {
	margin-bottom:72px
}
}@media only screen and (max-width:1023px) {
	.mb-m-80 {
	margin-bottom:80px
}
}@media only screen and (max-width:1023px) {
	.mb-m-96 {
	margin-bottom:96px
}
}@media only screen and (max-width:767px) {
	.mb-s-4 {
	margin-bottom:4px
}
}@media only screen and (max-width:767px) {
	.mb-s-8 {
	margin-bottom:8px
}
}@media only screen and (max-width:767px) {
	.mb-s-16 {
	margin-bottom:16px
}
}@media only screen and (max-width:767px) {
	.mb-s-20 {
	margin-bottom:20px
}
}@media only screen and (max-width:767px) {
	.mb-s-24 {
	margin-bottom:24px
}
}@media only screen and (max-width:767px) {
	.mb-s-32 {
	margin-bottom:32px
}
}@media only screen and (max-width:767px) {
	.mb-s-40 {
	margin-bottom:40px
}
}@media only screen and (max-width:767px) {
	.mb-s-48 {
	margin-bottom:48px
}
}@media only screen and (max-width:767px) {
	.mb-s-56 {
	margin-bottom:56px
}
}@media only screen and (max-width:767px) {
	.mb-s-64 {
	margin-bottom:64px
}
}@media only screen and (max-width:767px) {
	.mb-s-72 {
	margin-bottom:72px
}
}@media only screen and (max-width:767px) {
	.mb-s-80 {
	margin-bottom:80px
}
}@media only screen and (max-width:767px) {
	.mb-s-96 {
	margin-bottom:96px
}
}@media only screen and (max-width:575px) {
	.mb-xs-4 {
	margin-bottom:4px
}
}@media only screen and (max-width:575px) {
	.mb-xs-8 {
	margin-bottom:8px
}
}@media only screen and (max-width:575px) {
	.mb-xs-16 {
	margin-bottom:16px
}
}@media only screen and (max-width:575px) {
	.mb-xs-20 {
	margin-bottom:20px
}
}@media only screen and (max-width:575px) {
	.mb-xs-24 {
	margin-bottom:24px
}
}@media only screen and (max-width:575px) {
	.mb-xs-32 {
	margin-bottom:32px
}
}@media only screen and (max-width:575px) {
	.mb-xs-40 {
	margin-bottom:40px
}
}@media only screen and (max-width:575px) {
	.mb-xs-48 {
	margin-bottom:48px
}
}@media only screen and (max-width:575px) {
	.mb-xs-56 {
	margin-bottom:56px
}
}@media only screen and (max-width:575px) {
	.mb-xs-64 {
	margin-bottom:64px
}
}@media only screen and (max-width:575px) {
	.mb-xs-72 {
	margin-bottom:72px
}
}@media only screen and (max-width:575px) {
	.mb-xs-80 {
	margin-bottom:80px
}
}@media only screen and (max-width:575px) {
	.mb-xs-96 {
	margin-bottom:96px
}
}@media only screen and (max-width:360px) {
	.mb-xxs-4 {
	margin-bottom:4px
}
}@media only screen and (max-width:360px) {
	.mb-xxs-8 {
	margin-bottom:8px
}
}@media only screen and (max-width:360px) {
	.mb-xxs-16 {
	margin-bottom:16px
}
}@media only screen and (max-width:360px) {
	.mb-xxs-20 {
	margin-bottom:20px
}
}@media only screen and (max-width:360px) {
	.mb-xxs-24 {
	margin-bottom:24px
}
}@media only screen and (max-width:360px) {
	.mb-xxs-32 {
	margin-bottom:32px
}
}@media only screen and (max-width:360px) {
	.mb-xxs-40 {
	margin-bottom:40px
}
}@media only screen and (max-width:360px) {
	.mb-xxs-48 {
	margin-bottom:48px
}
}@media only screen and (max-width:360px) {
	.mb-xxs-56 {
	margin-bottom:56px
}
}@media only screen and (max-width:360px) {
	.mb-xxs-64 {
	margin-bottom:64px
}
}@media only screen and (max-width:360px) {
	.mb-xxs-72 {
	margin-bottom:72px
}
}@media only screen and (max-width:360px) {
	.mb-xxs-80 {
	margin-bottom:80px
}
}@media only screen and (max-width:360px) {
	.mb-xxs-96 {
	margin-bottom:96px
}
}[data-accordion-block].-active [data-accordion-content] {
	opacity:1!important;
	visibility:visible!important
}
[data-accordion-content] {
	overflow:hidden;
	visibility:hidden;
	opacity:0;
	height:0;
	transition:all .2s ease-in-out,opacity .5s ease-in-out
}
.dark-theme .lang-selected span {
	color:#fff
}
.lang .lang-switcher-links {
	display:none
}
.lang-switcher {
	position:relative
}
.lang-switcher:hover .icon,.lang-switcher:hover span {
	color:#359ff6
}
@media only screen and (max-width:767px) {
	.lang-switcher:hover .icon,.lang-switcher:hover span {
	color:#333
}
}.lang-switcher select {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	-webkit-appearance:none;
	opacity:0;
	cursor:pointer;
	z-index:2
}
.lang-selected {
	display:inline-block;
	vertical-align:top;
	padding:4px 27px 6px 0;
	font-size:0;
	cursor:pointer;
	white-space:nowrap
}
.lang-selected.-focus {
	outline:5px auto -webkit-focus-ring-color
}
@media only screen and (max-width:767px) {
	.lang-selected {
	padding:17px 27px 6px 0
}
}.lang-selected .icon {
	width:16px;
	height:16px;
	position:absolute;
	top:50%;
	margin-top:-8px;
	right:0;
	transition:all .2s ease-in-out
}
.lang-selected img,.lang-selected span {
	display:inline-block;
	vertical-align:middle;
	pointer-events:none
}
.lang-selected img {
	margin-right:10px;
	box-shadow:0 2px 5px 0 rgba(0,0,0,.18)
}
.lang-selected span {
	font-size:13px;
	font-weight:400;
	color:#333;
	transition:all .2s ease-in-out
}
.top-banners {
	position:relative;
	z-index:1000
}
@media only screen and (max-width:767px) {
	.top-banners {
	z-index:auto
}
}.top-banners .banner {
	padding:8px 0
}
@media only screen and (max-width:1279px) {
	.top-banners .banner {
	padding:16px 0
}
}.top-banners .container {
	height:100%
}
.bottom-banners {
	position:fixed;
	z-index:1000;
	bottom:0;
	left:0;
	right:0
}
.banner {
	position:absolute;
	background:#fff;
	left:0;
	right:0;
	z-index:100
}
.banner.-hide {
	display:none
}
.banner.-small .banner-logo {
	width:40px
}
.banner.-small .banner-logo img {
	max-width:100%;
	height:auto
}
.banner.-small .banner-title {
	display:none
}
.banner-in {
	display:flex;
	align-items:center;
	align-content:center;
	flex-wrap:wrap;
	height:100%
}
@media only screen and (max-width:575px) {
	.banner-in {
	text-align:center
}
}.banner-close {
	position:absolute;
	display:block;
	line-height:0;
	font-size:16px;
	color:#cfcfcf;
	top:50%;
	margin-top:-8px;
	left:26px;
	transition:all .2s ease-in-out;
	background:none;
	z-index:9
}
.banner-close:hover {
	color:#a7a7a7
}
@media only screen and (max-width:767px) {
	.banner-close {
	left:15px
}
}@media only screen and (max-width:575px) {
	.banner-close {
	display:none
}
}.banner-logo {
	line-height:0;
	margin-right:32px
}
@media only screen and (max-width:767px) {
	.banner-logo {
	display:none
}
}.banner-logo img {
	display:inline-block;
	vertical-align:top
}
.banner-bottom-img,.banner-top-img {
	display:block
}
.banner-bottom-img img,.banner-top-img img {
	width:100%
}
.banner-top-img {
	width:88px
}
.banner-bottom-img {
	width:32px
}
@media only screen and (max-width:575px) {
	.banner-btns {
	margin-bottom:6px;
	width:100%
}
}.banner-btns .btn:nth-child(2) {
	margin-top:10px
}
@media only screen and (max-width:575px) {
	.banner-btns .btn {
	width:100%
}
}.banner-btns [data-banner-close] {
	display:none
}
@media only screen and (max-width:575px) {
	.banner-btns [data-banner-close] {
	display:block
}
}.banner-title {
	color:#333;
	font-size:18px;
	line-height:1.4;
	font-weight:600
}
@media only screen and (max-width:575px) {
	.banner-title {
	font-size:14px
}
}.banner-text {
	color:#333;
	font-size:14px;
	line-height:1.5
}
@media only screen and (max-width:575px) {
	.banner-text {
	font-size:12px;
	margin-bottom:15px
}
}.banner-content {
	position:relative;
	padding-right:32px;
	flex:1
}
@media only screen and (max-width:767px) {
	.banner-content {
	padding-right:20px
}
}@media only screen and (max-width:575px) {
	.banner-content {
	padding-right:0;
	flex:auto
}
}.banner.-top {
	position:relative;
	box-shadow:0 2px 16px rgba(20,34,180,.1);
	top:0
}
@media only screen and (max-width:1279px) {
	.banner.-top .banner-in {
	padding:0 0 0 40px
}
}@media only screen and (max-width:767px) {
	.banner.-top .banner-in {
	padding:0
}
}@media only screen and (max-width:767px) {
	.banner.-top .banner-content {
	padding-left:30px
}
}@media only screen and (max-width:575px) {
	.banner.-top .banner-content {
	padding-left:0
}
}.banner.-top+.banner {
	display:none
}
.banner.-top.-hide+.banner {
	display:block
}
.banner.-top.-hide+.banner.-hide {
	display:none
}
.banner.-bottom {
	position:fixed;
	z-index:100;
	bottom:0;
	left:0;
	right:0;
	box-shadow:0 -2px 16px rgba(20,34,180,.1)
}
.banner.-bottom+.banner {
	box-shadow:0 -2px 16px rgba(20,34,180,0)
}
.banner.-bottom.-hide+.banner {
	box-shadow:0 -2px 16px rgba(20,34,180,.1)
}
.banner.-bottom [data-banner-close] {
	display:block
}
.banner.-bottom[data-banner=cookies] {
	z-index:1000
}
.banner.-bottom .banner-in {
	height:auto;
	min-height:56px;
	padding:5px 0
}
@media only screen and (max-width:767px) {
	.banner.-bottom .banner-in {
	padding:15px 0
}
}.banner.-bottom .banner-title {
	font-size:14px
}
.banner.-bottom .banner-text {
	font-size:12px;
	max-width:740px
}
.banner.-catalina,.banner.-mojave {
	overflow:hidden;
	padding:28px 0;
	background:#392b44
}
@media only screen and (max-width:767px) {
	.banner.-catalina,.banner.-mojave {
	padding:16px 0
}
}.banner.-catalina .banner-title,.banner.-mojave .banner-title {
	font-size:20px;
	color:#dbdbdb
}
@media only screen and (max-width:767px) {
	.banner.-catalina .banner-title,.banner.-mojave .banner-title {
	font-size:16px
}
}.banner.-catalina .banner-title-in>div,.banner.-mojave .banner-title-in>div {
	display:inline-block;
	vertical-align:middle;
	line-height:1
}
.banner.-catalina .banner-title span,.banner.-mojave .banner-title span {
	font-weight:600;
	color:#fff
}
.banner.-catalina .banner-title-product img,.banner.-catalina .banner-title-product span,.banner.-mojave .banner-title-product img,.banner.-mojave .banner-title-product span {
	display:inline-block;
	vertical-align:middle
}
.banner.-catalina .banner-btns,.banner.-mojave .banner-btns {
	position:relative
}
.banner.-catalina .banner-btns:before,.banner.-mojave .banner-btns:before {
	content:"";
	position:absolute;
	z-index:-1;
	width:583px;
	top:-80px;
	left:50%;
	margin:0 0 0 -270px;
	height:300px;
	background:url(/images/banners/promo/mojave-release/btn-bg.svg) no-repeat 50%
}
.banner.-catalina .banner-in,.banner.-mojave .banner-in {
	position:relative
}
.banner.-catalina .banner-in:before,.banner.-mojave .banner-in:before {
	content:"";
	position:absolute;
	right:0;
	top:-28px;
	width:580px;
	height:192px;
	background:url(/images/banners/promo/mojave-release/bg.svg) no-repeat top
}
@media only screen and (max-width:575px) {
	.banner.-catalina .banner-content,.banner.-mojave .banner-content {
	margin-bottom:15px
}
}.banner.-catalina [data-banner-close=banner_mojave_release],.banner.-mojave [data-banner-close=banner_mojave_release] {
	border-color:#fff;
	color:#fff
}
.banner.-catalina [data-banner-close=banner_mojave_release]:hover,.banner.-mojave [data-banner-close=banner_mojave_release]:hover {
	opacity:.8
}
.banner.-wallpaper-wizard-gift {
	padding:0;
	background:linear-gradient(0deg,#392b44,#392b44),linear-gradient(180deg,#855b82 -27.93%,#362c55 119.67%),linear-gradient(180deg,#fff -19.31%,#fff 205.13%);
	height:104px;
	overflow:hidden
}
.banner.-wallpaper-wizard-gift .banner-in {
	position:relative
}
.banner.-wallpaper-wizard-gift .banner-in .banner-title {
	color:#dbdbdb;
	font-weight:100
}
.banner.-wallpaper-wizard-gift .banner-in .banner-title p {
	margin:0
}
.banner.-wallpaper-wizard-gift .banner-in .banner-title p strong {
	font-weight:600
}
.banner.-wallpaper-wizard-gift .banner-in .banner-logo {
	display:flex;
	align-items:center;
	position:relative;
	margin-right:64px
}
.banner.-wallpaper-wizard-gift .banner-in .banner-logo span {
	color:#dbdbdb;
	font-size:26px;
	font-weight:500;
	margin-left:8px
}
.banner.-wallpaper-wizard-gift .banner-in .banner-logo .free {
	position:absolute;
	top:0;
	left:105px;
	text-align:center;
	display:block;
	height:20px;
	border-radius:4px;
	color:#392b44;
	font-size:10px;
	font-weight:600;
	line-height:20px;
	padding:0 7px;
	background-color:#eeca54
}
.banner.-wallpaper-wizard-gift .banner-in .banner-btns a {
	display:inline-block;
	color:#392b44;
	font-size:16px;
	line-height:48px;
	border-radius:10px;
	background-color:#eeca54;
	font-weight:600;
	padding:0 35px;
	transition:.2s
}
.banner.-wallpaper-wizard-gift .banner-in .banner-btns a:hover {
	background-color:#fbda6e;
	transition:.2s
}
.banner.-wallpaper-wizard-gift .banner-in .banner-btns a:focus {
	background-color:#e9c85b;
	transition:.2s
}
.banner.-wallpaper-wizard-gift .banner-in .lines {
	position:absolute;
	bottom:-9px;
	right:-25px;
	z-index:-1
}
.banner.-wallpaper-wizard-gift .banner-in .oval {
	position:absolute;
	bottom:-9px;
	right:-220px;
	z-index:-1
}
.banner.-info {
	padding:23px 0
}
.banner.-info .banner-in {
	padding:0;
	justify-content:center
}
.banner.-info .banner-in img {
	position:relative;
	margin-right:14px;
	border-radius:3px
}
.banner.-info .banner-text {
	margin-bottom:0
}
.banner.-cmm-x {
	background:#392b44 url(/images/banners/promo/cmm-x-release/content-bg.svg) no-repeat 50%;
	overflow:hidden
}
.banner.-cmm-x .banner-title {
	font-size:24px
}
.banner.-cmm-x .banner-title span {
	font-weight:600
}
.banner.-cmm-x .banner-text {
	font-size:16px
}
.banner.-cmm-x .banner-logo {
	position:relative
}
.banner.-cmm-x .banner-logo:before {
	content:"";
	position:absolute;
	z-index:-1;
	width:333px;
	top:-140px;
	left:50%;
	margin:0 0 0 -150px;
	height:300px;
	background:url(/images/banners/promo/cmm-x-release/logo-bg.svg) no-repeat 50%
}
.banner.-cmm-x .banner-logo img {
	position:relative
}
.banner.-cmm-x .banner-text,.banner.-cmm-x .banner-title {
	color:#fff
}
.banner.-cmm-x .btn {
	color:#fff;
	border-color:hsla(0,0%,100%,.7)
}
.banner.-cmm-x .btn:hover {
	border-color:#fff
}
.banner.-cmm-x .banner-btn-table {
	display:table
}
@media only screen and (max-width:575px) {
	.banner.-cmm-x .banner-btn-table {
	display:block
}
}.banner.-cmm-x .banner-btn-cell {
	display:table-cell;
	vertical-align:middle
}
@media only screen and (max-width:575px) {
	.banner.-cmm-x .banner-btn-cell {
	display:block
}
}.banner.-cmm-x .banner-btn-cell:first-child {
	font-size:12px;
	color:#fff;
	line-height:1.2;
	padding-right:15px
}
@media only screen and (max-width:767px) {
	.banner.-cmm-x .banner-btn-cell:first-child {
	padding-right:8px
}
}@media only screen and (max-width:575px) {
	.banner.-cmm-x .banner-btn-cell:first-child {
	padding-right:0;
	padding-bottom:10px
}
}.notification__cmpc-banner-wrap {
	margin-bottom:16px
}
@media only screen and (max-width:767px) {
	.notification__cmpc-banner-wrap {
	margin-top:-16px
}
}.banner.newyear-cn {
	padding:0;
	position:relative
}
.newyear-cn {
	background-color:#633cce
}
@media only screen and (max-width:1023px) {
	.newyear-cn {
	margin:0
}
}.newyear-cn__container {
	position:relative;
	color:#fff;
	display:flex;
	margin:0 auto;
	align-items:center;
	justify-content:center
}
@media only screen and (max-width:1023px) {
	.newyear-cn__container {
	justify-content:space-between;
	flex-direction:row;
	padding:40px 66px
}
}@media only screen and (max-width:767px) {
	.newyear-cn__container {
	justify-content:center;
	flex-direction:column-reverse;
	padding:32px 8px
}
}.newyear-cn__content {
	display:flex;
	line-height:1.2;
	align-items:center
}
@media only screen and (max-width:1023px) {
	.newyear-cn__content {
	align-items:start;
	flex-direction:column
}
}@media only screen and (max-width:767px) {
	.newyear-cn__content {
	align-items:center
}
}.newyear-cn__title {
	font-size:24px;
	font-weight:400;
	margin:0
}
@media only screen and (max-width:1023px) {
	.newyear-cn__title {
	font-size:20px;
	margin-bottom:12px
}
}@media only screen and (max-width:1023px) {
	.newyear-cn__semicolon {
	display:none
}
}.newyear-cn__text-container {
	display:flex;
	align-items:center
}
@media only screen and (max-width:1023px) {
	.newyear-cn__text-container {
	align-items:flex-start;
	flex-direction:column
}
}@media only screen and (max-width:767px) {
	.newyear-cn__text-container {
	align-items:center
}
}.newyear-cn__text-1 {
	font-size:24px;
	font-weight:700;
	margin:0 12px 0 0
}
@media only screen and (max-width:1023px) {
	.newyear-cn__text-1 {
	font-size:32px;
	margin-right:0;
	margin-bottom:16px
}
}@media only screen and (max-width:767px) {
	.newyear-cn__text-1 {
	font-size:22px;
	margin-bottom:20px
}
}@media only screen and (max-width:1023px) {
	.newyear-cn__text-2 {
	display:block
}
}@media only screen and (max-width:767px) {
	.newyear-cn__text-2 {
	display:inline
}
}.newyear-cn__btn {
	color:#000;
	font-size:14px;
	font-weight:700;
	border-radius:8px;
	background-color:#ffe352;
	padding:9px 32px
}
.newyear-cn__btn:hover {
	background-color:#ffed68
}
.newyear-cn__btn:active {
	background-color:#ffd736
}
@media only screen and (max-width:1023px) {
	.newyear-cn__btn {
	font-size:17px;
	padding:11px 33px
}
}@media only screen and (max-width:767px) {
	.newyear-cn__btn {
	font-size:14px;
	padding:9px 48px
}
}.newyear-cn__img-lg {
	margin-right:20px;
	font-size:0
}
@media only screen and (max-width:1023px) {
	.newyear-cn__img-lg {
	display:none
}
}.newyear-cn__img {
	display:none;
	margin:-157px -140px
}
@media only screen and (max-width:1023px) {
	.newyear-cn__img {
	display:initial
}
}@media only screen and (max-width:767px) {
	.newyear-cn__img {
	max-width:445px;
	height:auto;
	margin:-95px -80px -75px -65px
}
}.newyear-cn__img img {
	width:100%;
	height:auto
}
@media only screen and (max-width:767px) {
	.newyear-cn--store {
	display:none
}
}.newyear-cn--store .newyear-cn__container {
	padding-left:24px
}
@media only screen and (max-width:1023px) {
	.newyear-cn--store .newyear-cn__container {
	padding:40px 66px
}
}@media only screen and (max-width:767px) {
	.newyear-cn--store .newyear-cn__container {
	display:none
}
}.newyear-cn--store .newyear-cn__btn {
	display:none
}
.header {
	position:absolute;
	top:0;
	left:0;
	right:0;
	z-index:999
}
.nav {
	position:relative;
	height:56px;
	background:none
}
@media only screen and (max-width:767px) {
	.nav.-open .nav-in {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow-y:auto
}
}.nav.-open .nav-logo {
	color:#fff
}
.nav.-open .nav-dropdown {
	pointer-events:all
}
.nav.-open .nav-dropdown,.nav.-open .nav-menu,.nav.-open .nav-products {
	opacity:1;
	transform:translateY(0)
}
.nav.-open .nav-menu {
	transition:opacity .3s ease .1s,transform .3s ease .1s
}
@media only screen and (max-width:767px) {
	.nav.-open .nav-menu {
	transition-delay:0ms
}
}.nav.-open .products-new {
	opacity:1;
	transform:translate(-50%)
}
.nav.-open .products-list li a img {
	transform:scale(1)
}
.nav.-open .nav-links li:before {
	opacity:0
}
.nav.-open .nav-links li a {
	display:none
}
.nav.-white .humb,.nav.-white .nav-links li a,.nav.-white .nav-logo {
	color:#fff
}
.nav.-white .humb-icon span,.nav.-white .humb-icon span:first-child:before,.nav.-white .humb-icon span:nth-child(2):before,.nav.-white .humb-icon span:nth-child(4):before {
	background:#fff
}
.nav.-white .store-icon:before,.nav.-white .store-icon span:before {
	border:2px solid #fff
}
.nav .nav-header {
	position:relative;
	display:flex;
	height:56px;
	justify-content:space-between;
	align-items:center;
	z-index:3
}
.nav .nav-logo {
	color:#000
}
.nav .nav-logo:hover .icon-ukeysoft-paw {
	transform:rotate(1turn)
}
.nav .nav-logo .icon-ukeysoft-paw,.nav .nav-logo .icon-ukeysoft-text {
	display:inline-block;
	fill:currentColor;
	vertical-align:top
}
.nav .nav-logo .icon-ukeysoft-paw {
	width:24px;
	height:24px;
	transition:all .5s ease-in-out
}
.nav .nav-logo .icon-ukeysoft-text {
	width:84px;
	height:24px;
	transition:color .5s ease-in-out
}
.nav .nav-links {
	display:flex;
	align-items:center
}
.nav .nav-links li {
	position:relative;
	line-height:1
}
.nav .nav-links li:not(:first-child) {
	margin-left:48px
}
@media only screen and (max-width:575px) {
	.nav .nav-links li:not(:first-child) {
	margin-left:24px
}
}.nav .nav-links li a {
	font-size:15px;
	font-weight:600;
	color:#000
}
.nav .nav-links li a .store-icon {
	margin-right:4px
}
.nav .nav-links li a:hover .store-icon span {
	transform:rotateX(180deg)
}
@media only screen and (max-width:575px) {
	.nav .nav-links li a .icon {
	margin-right:0
}
.nav .nav-links .nav-links-text {
	display:none
}
}.nav .nav-links-text {
	position:relative;
	top:1px
}
.nav .nav-dropdown {
	position:absolute;
	top:0;
	left:0;
	right:0;
	padding-top:56px;
	pointer-events:none;
	opacity:0;
	background:#000;
	transform:translateY(-20px);
	transition:opacity .3s ease,transform .3s ease;
	z-index:2
}
@media only screen and (max-width:767px) {
	.nav .nav-dropdown {
	bottom:0
}
}.nav .nav-menu {
	background:#323232
}
.nav .nav-menu,.nav .nav-products {
	position:relative;
	opacity:0;
	transform:translateY(-20px);
	transition:opacity .3s ease,transform .3s ease;
	z-index:2
}
.nav .nav-products {
	height:203px;
	overflow:hidden;
	padding:0 40px 24px
}
@media only screen and (max-width:767px) {
	.nav .nav-products {
	height:auto;
	overflow:visible;
	padding:16px 0;
	background:#000
}
}.nav .nav-products .container,.store-icon {
	position:relative
}
.store-icon {
	display:inline-block;
	vertical-align:middle;
	width:24px;
	height:24px
}
.store-icon:before {
	content:"";
	position:absolute;
	top:4px;
	left:4px;
	right:4px;
	bottom:4px;
	border:2px solid #000;
	border-radius:3px
}
.store-icon span {
	position:absolute;
	top:1px;
	left:8px;
	height:4px;
	width:8px;
	overflow:hidden;
	transform-origin:bottom;
	transition:transform .4s ease
}
.store-icon span:before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	height:8px;
	width:8px;
	border-radius:50%;
	border:2px solid #000
}
.humb {
	position:relative;
	height:28px;
	min-width:28px;
	vertical-align:middle;
	padding-left:28px;
	background:none;
	font-weight:600;
	color:#000
}
.humb:hover .humb-icon span:first-child,.humb:hover .humb-icon span:nth-child(2),.humb:hover .humb-icon span:nth-child(4) {
	transform:translateX(200%)
}
@media (any-hover:none) {
	.humb:hover .humb-icon span:first-child,.humb:hover .humb-icon span:nth-child(2),.humb:hover .humb-icon span:nth-child(4) {
	transform:none
}
}.humb-text {
	font-size:15px
}
.humb-icon {
	position:absolute;
	top:50%;
	left:0;
	height:14px;
	width:16px;
	margin-top:-7px;
	overflow:hidden;
	transition:.5s ease-in-out;
	cursor:pointer
}
.humb-icon span {
	position:absolute;
	left:0;
	height:2px;
	width:100%;
	background:#000
}
.humb-icon span:first-child {
	top:0;
	transition:transform .4s ease .15s
}
.humb-icon span:first-child:before {
	content:"";
	position:absolute;
	top:0;
	left:-200%;
	height:2px;
	width:100%;
	background:#000;
	transition:transform .4s ease,opacity .4s ease .1s
}
.humb-icon span:nth-child(2) {
	top:6px;
	transition:transform .4s ease 75ms,opacity .4s ease
}
@media (any-hover:none) {
	.humb-icon span:nth-child(2) {
	transition:none
}
}.humb-icon span:nth-child(2):before {
	content:"";
	position:absolute;
	top:0;
	left:-200%;
	height:2px;
	width:100%;
	background:#000;
	transition:transform .4s ease
}
.humb-icon span:nth-child(3) {
	top:6px;
	opacity:0;
	transition:transform .4s ease,opacity 20ms .4s
}
@media (any-hover:none) {
	.humb-icon span:nth-child(3) {
	transition:none
}
}.humb-icon span:nth-child(4) {
	top:12px;
	transition:transform .4s ease
}
.humb-icon span:nth-child(4):before {
	content:"";
	position:absolute;
	top:0;
	left:-200%;
	height:2px;
	width:100%;
	background:#000;
	transition:transform .4s ease,opacity .4s ease .1s
}
@media only screen and (max-width:575px) {
	.humb .humb-text {
	display:none
}
}.humb.-open,.humb.-open .humb-icon {
	color:#fff
}
.humb.-open .humb-icon span {
	background:#fff
}
.humb.-open .humb-icon span:first-child,.humb.-open .humb-icon span:nth-child(2),.humb.-open .humb-icon span:nth-child(4) {
	transform:translateX(200%)
}
.humb.-open .humb-icon span:first-child:before,.humb.-open .humb-icon span:nth-child(4):before {
	transform:translateY(6px);
	opacity:0;
	left:50%;
	transition:transform .4s ease,opacity .4s ease
}
.humb.-open .humb-icon span:nth-child(2):before {
	transform:rotate(45deg);
	background:#fff
}
.humb.-open .humb-icon span:nth-child(3) {
	transform:rotate(-45deg);
	opacity:1;
	transition:transform .4s ease
}
.humb.-open .humb-icon span:nth-child(4):before {
	transform:translateY(-6px);
	opacity:0;
	left:50%;
	transition:transform .4s ease,opacity .4s ease
}
@media (any-hover:none) {
	.humb.-open .humb-icon span:first-child,.humb.-open .humb-icon span:nth-child(2),.humb.-open .humb-icon span:nth-child(4) {
	transform:none
}
.humb.-open .humb-icon span:first-child,.humb.-open .humb-icon span:nth-child(4) {
	top:6px;
	opacity:0;
	left:50%
}
.humb.-open .humb-icon span:nth-child(2) {
	transform:rotate(45deg);
	transition:transform .4s ease 75ms
}
.humb.-open .humb-icon span:nth-child(3) {
	transition:transform .4s ease,opacity .4s ease
}
}
.products-list {
	display:flex;
	justify-content:space-between;
	overflow-x:auto;
	overflow-y:hidden;
	-webkit-overflow-scrolling:touch;
	padding:36px 0 50px;
	white-space:nowrap
}
.products-list li {
	width:106px;
	min-width:106px;
	text-align:center
}
.products-list .products-link {
	position:relative;
	display:block;
	height:128px;
	padding:12px 0;
	border-radius:6px;
	color:hsla(0,0%,100%,.8);
	font-size:12px;
	font-weight:600;
	transition:background .3s
}
.products-list .products-link:hover {
	background:#323232
}
.products-list .products-link .products-link-image {
	height:68px;
	display:flex;
	align-items:center;
	justify-content:center
}
.products-list .products-link .products-link-title {
	height:38px;
	display:flex;
	padding-top:10px;
	align-items:center;
	justify-content:center
}
.products-list .products-link img {
	transform:scale(.79);
	transition:transform .3s ease
}
.products-list .products-link span {
	display:block;
	white-space:normal;
	line-height:19px
}
@media only screen and (max-width:767px) {
	.products-list {
	flex-direction:column;
	overflow:visible;
	white-space:normal;
	padding:0
}
.products-list li {
	width:100%;
	text-align:left
}
.products-list li:not(:first-child) {
	margin-top:16px
}
.products-list .products-link {
	height:auto;
	padding:5px 0;
	font-size:14px
}
.products-list .products-link:hover {
	background:none
}
.products-list .products-link .products-link-image,.products-list .products-link .products-link-title {
	display:inline-block;
	vertical-align:middle;
	height:auto
}
.products-list .products-link .products-link-title {
	padding-top:0
}
.products-list .products-link img,.products-list .products-link span {
	display:inline-block;
	vertical-align:middle
}
.products-list .products-link img {
	width:24px;
	height:auto;
	margin-right:6px
}
}.products-list .products-new {
	position:absolute;
	top:-18px;
	left:50%;
	transform:translate(-50%,-30px);
	height:18px;
	line-height:18px;
	padding:0 13px;
	border-radius:2px;
	text-align:center;
	text-transform:uppercase;
	font-size:10px;
	font-weight:700;
	color:#fff;
	opacity:0;
	transition:transform .3s ease .2s,opacity .3s ease .2s
}
@media only screen and (max-width:767px) {
	.products-btns,.products-list .products-new {
	display:none
}
}.products-btn-left,.products-btn-right {
	position:absolute;
	top:36px;
	height:128px;
	width:42px;
	border-radius:6px;
	background:#000;
	transition:opacity .2s
}
.products-btn-left:before,.products-btn-right:before {
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	width:12px;
	border:2px solid #383838
}
.products-btn-left[disabled],.products-btn-right[disabled] {
	opacity:0;
	pointer-events:none
}
.products-btn-left i,.products-btn-right i {
	position:absolute;
	top:50%;
	opacity:.8;
	transform:translateY(-50%);
	transition:opacity .3s ease
}
.products-btn-left i:before,.products-btn-right i:before {
	content:"";
	position:absolute;
	top:-5px;
	transition:opacity .2s
}
.products-btn-left:hover i,.products-btn-right:hover i {
	opacity:1
}
.products-btn-left:hover i:before,.products-btn-right:hover i:before {
	opacity:0
}
.products-btn-left {
	left:-26px
}
.products-btn-left:before {
	right:0;
	border-left:none;
	border-radius:0 6px 6px 0
}
.products-btn-left i {
	right:12px;
	width:0;
	height:0;
	border-color:transparent #fff transparent transparent;
	border-style:solid;
	border-width:9px 10px 9px 0
}
.products-btn-left i:before {
	right:-8px;
	width:0;
	height:0;
	border-color:transparent #000 transparent transparent;
	border-style:solid;
	border-width:5px 5px 5px 0
}
.products-btn-right {
	right:-26px
}
.products-btn-right:before {
	left:0;
	border-right:none;
	border-radius:6px 0 0 6px
}
.products-btn-right i {
	left:12px;
	width:0;
	height:0;
	border-color:transparent transparent transparent #fff;
	border-style:solid;
	border-width:9px 0 9px 10px
}
.products-btn-right i:before {
	left:-8px;
	width:0;
	height:0;
	border-color:transparent transparent transparent #000;
	border-style:solid;
	border-width:5px 0 5px 5px
}
.footer {
	background:#fff;
	color:#000;
	padding:33px 0 0;
	border-top:2px solid rgba(111,114,121,.08)
}


/*导航*/
.product-category-nav {
  width: 100%;
  background-color: #ffffff;
  background-color: #fbfbfb;
}
@media (max-width: 769px) {
  .product-category-nav {
    display: none;
  }
}
.product-category-nav.active {
  z-index: 2;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  position: fixed;
  top: 0;
  left: 0;
  margin: 0;
}
.product-category-nav .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.product-category-nav ul {
  display: flex;
  /*align-items: baseline;*/
}
.product-category-nav ul li {
  font-size: 16px;
  color: #000000;
  height: 50px;
  line-height: 50px;
}
.product-category-nav ul li:not(:first-of-type) {
  padding-top: 8px;
}
.product-category-nav ul li:first-child {
  font-weight: bold;
}
.product-category-nav ul li a {
  color: #999;
  display: block;
  height: 100%;
  line-height: 50px;
  padding:0 15px;
  border-bottom: 2px solid transparent;
  font-size: 16px;
}
.product-category-nav ul li a:hover {
  color: #449ae7;
  border-bottom-color: #449ae7;
}
.product-category-nav ul li.active a {
  color: #449ae7;
  border-bottom-color: #449ae7;
}
.product-category-nav .search-area {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  height: 30px;
  border-radius: 20px;
  width: 260px;
  margin-top: 8px;
}
.product-category-nav .search-area form {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}
.product-category-nav .search-area span {
  color: #999999;
  font-size: 20px;
  cursor: pointer;
}
.product-category-nav .more-click img {
  width: 36px;
}
.more-click .more-arrow {
  /*content: '';*/
  /*border-top: solid 15px transparent;*/
  /*border-bottom: solid 15px white;*/
  /*border-right: solid 15px transparent;*/
  /*border-left: solid 15px transparent;*/
    z-index: 600;
}
.more-click .more-list {
  border-radius: 10px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 12px 20px 0px rgba(0, 0, 0, 0.09);
  /*width: 130px;*/
  /*height: 138px;*/
  /*z-index: 673;*/
}
.more-click .list-item {
  display: flex;
  flex-direction: column;
  /*align-items: center;*/
  /*justify-content: space-evenly;*/
  height: 100%;
  padding: 15px;
}
.more-click .list-item a:hover {
  color: #449ae7;
  border-bottom-color: #449ae7;
}
.more-click .list-item a {
  font-size: 14px;
  font-family: "Adobe Heiti Std";
  line-height: 2.417;
  color: #999;
  display: block;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  margin: 0;
}

.more-click .music-sanjiao{
  position: absolute;
  /*left: 11%;*/
  /*top: 32.5%;*/

  left: 9.8%;
  top: 64.5%;
  z-index: 600;
}
.more-click .music-more-list {
  position: absolute;
  /*left: 7.5%;*/
  /*top: 93.5%;*/

  left: 6.5%;
  top: 96%;
}
.more-click .video-sanjiao{
  position: absolute;
  left: 18%;
  top: 64.5%;
}
.more-click .video-more-list {
  position: absolute;
  left: 14.5%;
  top: 96%;
}
.more-click .dvd-sanjiao{
  position: absolute;
  left: 60.5%;
  top: 64.5%;
}
.more-click .dvd-more-list {
  position: absolute;
  left: 57.8%;
  top: 96%;
}
.more-click .menu-sanjiao{
  position: absolute;
  left: 67.8%;
  top: 64.5%;
}
.more-click .menu-more-list{
  position: absolute;
  left: 41.8%;
  top: 96%;
}
.product-category-nav ul li a {
  display: flex;
  align-items: center;
  text-decoration: none;
  cursor: pointer;
}
.product-category-nav ul {
    width: 100%;
}
.product-category-nav ul li.active a > .p-icon-down {
  transform: rotate(180deg);
  top: 2px;
}
.product-category-nav ul li .sele-arrow {
  width: 9px;
  margin: 3px 0 0 5px;
}
.more-click .list-item {
  display: flex;
  flex-direction: column;
  /*align-items: center;*/
  /*justify-content: space-evenly;*/
  height: 100%;
  padding: 15px;
}
.more-click .list-item a:hover {
  color: #449ae7;
  border-bottom-color: #449ae7;
}
.more-click .list-item a {
  font-size: 14px;
  font-family: "Adobe Heiti Std";
  line-height: 2.417;
  color: #999;
  display: block;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  margin: 0;
}


@media (min-width: 769px) {
  .mobile-product-category-nav {
    display: none;
  }
}
.mobile-product-category-nav .search-area {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  margin: 30px 0;
  border-radius: 10px;
  height: 40px;
  overflow: hidden;
  padding-left: 15px;
  position: relative;
}
.mobile-product-category-nav .search-area span.arrow {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 15px;
  top: 10px;
}
.mobile-product-category-nav .search-area span.arrow::after {
  content: '';
  width: 100%;
  height: 100%;
  background: url(https://www.ukeysoft.com/images/tangle.svg) no-repeat center center;
  background-size: contain;
  transition: all 0.5s;
  transform: rotateZ(0);
  position: absolute;
  right: 0;
  top: 0;
}
.mobile-product-category-nav .search-area span.c {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.mobile-product-category-nav .search-area input {
  display: none;
  height: 40px;
}
.mobile-product-category-nav .search-area ul {
  display: none;
}
.mobile-product-category-nav .search-area ul li {
  margin-bottom: 15px;
}
.mobile-product-category-nav .search-area ul li a {
  font-size: 14px;
  color: #999999;
}
.mobile-product-category-nav .search-area ul li:last-child {
  margin-bottom: 0;
}
.mobile-product-category-nav .search-area.active {
  height: auto;
  padding: 10px 15px 15px 15px;
}
.mobile-product-category-nav .search-area.active span.arrow::after {
  transform: rotateZ(180deg);
}
.mobile-product-category-nav .search-area.active input {
  display: block;
}
.mobile-product-category-nav .search-area.active span.c {
  display: none;
}
.mobile-product-category-nav .search-area.active ul {
  display: block;
  padding-left: 10px;
}
.mobile-product-category-nav .product-category-list li a {
  display: flex;
  justify-content: space-between;
}
.mobile-product-category-nav .product-category-list .mobile-more {
  display: none;
}
.mobile-product-category-nav .product-category-list .more-item {
  background-color: rgb(247, 247, 247);
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /*height: 125px;*/
    height: auto;
}
@media only screen and (max-width:767px) {
	.footer {
	padding:0
}
}.dark-theme .footer {
	background:#000;
	color:#fff
}
@media only screen and (max-width:767px) {
	.dark-theme .footer [data-accordion-block] {
	border-color:hsla(0,0%,100%,.16)
}
}.dark-theme .footer [data-accordion-block] .arrow:after,.dark-theme .footer [data-accordion-block] .arrow:before {
	background:#fff
}
@media only screen and (max-width:767px) {
	.footer [data-accordion-block] {
	padding-bottom:5px;
	border-bottom:2px solid rgba(0,0,0,.12)
}
}.footer [data-accordion-block].-active .arrow:before {
	width:15px;
	height:2px;
	top:-2px;
	left:-1px;
	transform:rotate(45deg)
}
.footer [data-accordion-block].-active .arrow:after {
	width:15px;
	height:2px;
	top:-2px;
	right:-1px;
	transform:rotate(-45deg)
}
.footer [data-accordion-block]+[data-accordion-block] {
	margin-top:35px
}
@media only screen and (max-width:767px) {
	.footer [data-accordion-block]+[data-accordion-block] {
	margin-top:0
}
}.footer [data-accordion-trigger] {
	cursor:default
}
@media only screen and (max-width:767px) {
	.footer [data-accordion-trigger] {
	cursor:pointer
}
}.footer [data-accordion-content] {
	height:auto;
	visibility:visible;
	opacity:1
}
@media only screen and (max-width:767px) {
	.footer [data-accordion-content] {
	height:0;
	visibility:hidden;
	opacity:0
}
}.footer ul {
	padding:0;
	margin:0;
	list-style:none
}
.footer li {
	padding-bottom:15px;
	line-height:1.4
}
.footer .arrow {
	display:none;
	position:absolute;
	top:50%;
	right:0;
	width:13px;
	height:5px
}
.footer .arrow.-lang {
	display:block
}
@media only screen and (max-width:767px) {
	.footer .arrow {
	display:block;
	margin-top:2px
}
}.footer .arrow:after,.footer .arrow:before {
	top:0;
	width:8px;
	height:2px;
	background:#000;
	transition:all .2s ease-in-out
}
.footer .arrow:before {
	content:"";
	position:absolute;
	left:0;
	transform:rotate(42deg)
}
.footer .arrow:after {
	content:"";
	position:absolute;
	right:0;
	transform:rotate(-42deg)
}
.footer-title {
	position:relative;
	font-size:16px;
	font-weight:700;
	line-height:1.25;
	padding:0 0 17px;
	cursor:default
}
@media only screen and (max-width:767px) {
	.footer-title {
	font-size:13px;
	padding:16px 0 11px;
	cursor:pointer
}
}@media only screen and (max-width:1023px) {
	.footer-title.-social {
	display:none
}
}@media only screen and (max-width:767px) {
	.footer-title.-lang {
	display:none
}
}.footer-link {
	font-size:13px;
	text-decoration:none;
	color:#333;
	transition:all .2s ease-in-out
}
@media only screen and (max-width:767px) {
	.footer-link {
	color:#5f5f5f
}
}.footer-link:hover {
	color:#359ff6
}
.dark-theme .footer-link {
	color:#bbb
}
.dark-theme .footer-link:active,.dark-theme .footer-link:hover {
	color:#fff
}
.footer .legal-block {
	background:#f3f3f3;
	margin-top:18px;
	padding:27px 0 16px
}
.dark-theme .footer .legal-block {
	border-top:1px solid #1f1f1f;
	background:#000
}
.footer .legal-block .legal-block-in {
	position:relative
}
@media only screen and (max-width:767px) {
	.footer .legal-block .legal-block-in {
	padding-bottom:50px
}
}.footer .legal-block .legal-block-left,.footer .legal-block .legal-block-right {
	position:absolute;
	top:50%;
	transform:translateY(-50%)
}
@media only screen and (max-width:767px) {
	.footer .legal-block .legal-block-left,.footer .legal-block .legal-block-right {
	transform:none;
	top:auto;
	padding:0
}
}.footer .legal-block .legal-block-left {
	left:0;
	width:5%;
	padding-right:16px
}
@media only screen and (max-width:767px) {
	.footer .legal-block .legal-block-left {
	width:auto;
	left:8.333%;
	bottom:0
}
}@media only screen and (max-width:575px) {
	.footer .legal-block .legal-block-left {
	left:0
}
}.footer .legal-block .legal-block-right {
	right:0;
	padding-left:16px
}
@media only screen and (max-width:767px) {
	.footer .legal-block .legal-block-right {
	width:auto;
	right:8.333%;
	bottom:13px
}
}@media only screen and (max-width:575px) {
	.footer .legal-block .legal-block-right {
	right:0
}
}.footer .legal-block .legal-block-center {
	padding:0 20% 0 5%
}
@media only screen and (max-width:767px) {
	.footer .legal-block .legal-block-center {
	padding:0 8.333%
}
}@media only screen and (max-width:575px) {
	.footer .legal-block .legal-block-center {
	padding:0
}
}@media only screen and (max-width:767px) {
	.footer .legal-block {
	margin-top:14px;
	padding:22px 0 30px
}
}.footer-col {
	display:inline-block;
	vertical-align:top;
	position:relative
}
@media only screen and (max-width:767px) {
	.footer-col {
	height:auto
}
}@media only screen and (max-width:1023px) {
	.footer-col.-social {
	height:auto
}
}@media only screen and (max-width:1023px) {
	.footer-col.-sales {
	height:auto;
	margin-bottom:25px
}
}@media only screen and (max-width:767px) {
	.footer-col.-sales {
	margin-bottom:0
}
}@media only screen and (max-width:1023px) {
	.footer-col.-sales,.footer-col.-social {
	width:100%
}
}.footer-lang {
	display:inline-block
}
@media only screen and (max-width:767px) {
	.footer-lang {
	display:block
}
}.footer .dmca {
	display:table;
	line-height:1.2;
	width:100%;
	max-width:159px;
	font-size:11px;
	padding-top:5px
}
.footer .dmca>div {
	display:table-cell;
	vertical-align:top;
	text-align:center;
	color:#fff;
	font-weight:700;
	padding:4px 12px;
	background:#a8a8a8
}
@media only screen and (max-width:1279px) {
	.footer .dmca>div {
	padding:3px 8px
}
}.footer .dmca>div:nth-child(2) {
	width:100%;
	background:#666
}
@media only screen and (max-width:767px) {
	.footer .dmca>div:nth-child(2) {
	width:auto
}
}.footer .ukeysoft-logo {
	display:inline-block;
	vertical-align:top;
	margin-top:5px
}
.dark-theme .footer .company-info {
	color:hsla(0,0%,100%,.48)
}
.dark-theme .footer .company-links a {
	color:#fff
}
.footer .company-info {
	padding-top:2px;
	font-size:12px;
	color:rgba(0,0,0,.4);
	margin-bottom:11px
}
.footer .company-info>span {
	padding:0 10px
}
@media only screen and (max-width:767px) {
	.footer .company-info>span {
	display:none
}
}@media only screen and (max-width:1023px) {
	.footer .company-info>span:nth-child(2) {
	display:none
}
}.footer .company-links {
	font-size:12px
}
@media only screen and (max-width:767px) {
	.footer .company-links {
	margin-bottom:10px
}
}.footer .company-links a {
	display:inline-block;
	vertical-align:top;
	margin:0 20px 0 0;
	color:#000;
	transition:all .2s ease-in-out
}
.footer .company-links a:hover {
	color:#359ff6
}
@media only screen and (max-width:575px) {
	.footer .company-links a {
	display:block
}
}@media only screen and (max-width:767px) {
	.footer .company-links a {
	margin-bottom:8px
}
}@media only screen and (max-width:1023px) {
	.footer .copyright {
	display:block;
	margin-bottom:11px
}
}@media only screen and (max-width:767px) {
	.footer .copyright {
	margin-bottom:10px
}
}@media only screen and (max-width:767px) {
	.footer .address,.footer .telephone {
	display:block;
	margin-bottom:10px
}
}.footer.-store {
	padding:0;
	border:none
}
@media only screen and (max-width:767px) {
	.footer.-store .legal-block-center {
	padding:0
}
}@media only screen and (max-width:767px) {
	.footer.-store .legal-block-left {
	left:0
}
}@media only screen and (max-width:767px) {
	.footer.-store .legal-block-right {
	right:0
}
.footer.-store .legal-block-right .lang-selected {
	padding:4px 27px 6px 0
}
}.footer--mobile-landing {
	padding:0;
	position:relative;
	z-index:200
}
.footer--mobile-landing .legal-block {
	margin:0
}
.social {
	padding-top:4px;
	margin-bottom:25px;
	font-size:0
}
@media only screen and (max-width:1023px) {
	.social {
	display:none
}
}.dark-theme .social a {
	background:#1a1a1a;
	color:#797979
}
.social a {
	display:inline-block;
	vertical-align:top;
	margin:0 8px 8px 0;
	background:#f4f4f5;
	padding:13px;
	font-size:17px;
	line-height:0;
	border-radius:10px;
	color:#333;
	transition:all .2s ease-in-out
}
.social a:hover {
	color:#fff
}
.social a:hover.-fb {
	background:#6179bb
}
.social a:hover.-google {
	background:#f25757
}
.social a:hover.-twitter {
	background:#21d4ff
}
.social a:hover.-youtube {
	background:#f54141
}
.social a:hover.-linkedin {
	background:#406dab
}
.social a:hover.-dribbble {
	background:#ea4c89
}
.social a:hover.-instagram {
	background:#8f54ef
}
.social a:hover.-rss {
	background:#e19126
}
@media only screen and (max-width:1279px) {
	.social a {
	padding:12px
}
}.social.-less-items {
	max-width:110px
}
@media only screen and (max-width:767px) {
	ul.footer-menu {
	margin-bottom:16px
}
}ul.footer-menu li {
	display:inline-block;
	vertical-align:middle;
	padding-bottom:0;
	padding-right:10px
}
body {
	font:16px/1.75 Montserrat,Helvetica Neue,sans-serif;
	color:#000;
	-webkit-font-smoothing:auto;
	-moz-osx-font-smoothing:auto;
	-moz-font-smoothing:auto;
	-ms-font-smoothing:auto;
	-o-font-smoothing:auto
}
@media only screen and (max-width:575px) {
	body {
	line-height:1.6
}
}.dark-theme body {
	background:#000
}
.wrapper {
	display:flex;
	flex-direction:column
}
.main,.wrapper {
	position:relative
}
.main {
	flex:1 0 auto;
	z-index:99
}
.-legacy .main {
	min-height:100%
}
.-white {
	color:#fff
}
.-shadow {
	box-shadow:0 6px 12px 0 rgba(0,0,0,.06)
}
.hint {
	font-size:13px;
	color:#999
}
.notification {
	padding:19px;
	border-radius:10px;
	margin-bottom:32px;
	background:#fff7e7;
	text-align:center;
	font-size:14px;
	color:#333
}
.notification .pseudo-link,.notification a {
	outline:none;
	color:#1d9fff;
	font-size:inherit;
	background-color:transparent
}
.notification .pseudo-link:hover,.notification a:hover {
	text-decoration:underline
}
.notification .notification__button {
	cursor:pointer;
	color:#1b9eff;
	background-color:unset;
	display:inline;
	font-size:inherit;
	font-weight:inherit
}
.notification .notification__button:hover {
	text-decoration:underline
}
.notification .notification__text {
	margin:0
}
.icon {
	vertical-align:middle;
	width:1em;
	height:1em;
	fill:currentColor
}
.no-localization {
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	z-index:1000;
	padding:12px 0;
	opacity:0;
	visibility:hidden;
	transition:all .2s ease-in-out
}
.no-localization.-active {
	opacity:1;
	visibility:visible
}
.no-localization-bg {
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background:hsla(0,0%,100%,.92)
}
.no-localization-in {
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center
}
.no-localization-text {
	font-size:14px;
	line-height:1.3;
	color:#333;
	margin-right:20px
}
.language-selector {
	z-index:9999;
	border:1px solid rgba(0,0,0,.2);
	border-radius:5px;
	box-shadow:0 3px 3px rgba(0,0,0,.05);
	font-size:14px;
	position:absolute;
	width:200px;
	right:20px;
	bottom:20px;
	padding:20px
}
.language-selector p {
	text-align:center;
	font-family:Helvetica Neue,sans-serif;
	font-weight:400;
	color:#636b6f
}
.language-selector ul li a {
	font-family:Helvetica Neue,sans-serif;
	color:rgba(99,107,111,.5);
	text-decoration:none;
	cursor:pointer
}
.language-selector ul li a.active {
	color:rgba(99,107,111,.9)
}
.-relative {
	position:relative
}
.-clip {
	overflow:hidden
}
.-center {
	text-align:center
}
.-right {
	text-align:right
}
.-left {
	text-align:left
}
.-hidden {
	visibility:hidden;
	opacity:0
}
@media only screen and (max-width:767px) {
	.-s-none {
	display:none
}
}@media only screen and (max-width:575px) {
	.-xs-none {
	display:none
}
}.-bg-cleanmymac,.-bg-cleanmymac-classic {
	background:#263459
}
.-bg-gemini,.-bg-gemini-classic {
	background:#315ca3
}
.-bg-setapp {
	background:#0c0d44
}
.-bg-wallpaper-wizard {
	background:#1e5678
}
.-bg-cleanmypc {
	background:#0070b8
}
.-bg-cleanmydrive {
	background:#39325a
}
.-bg-hider {
	background:#3f4b5a
}
.-bg-encrypto {
	background:#454154
}
.-bg-listen {
	background:#5b365b
}
.-bg-the-unarchiver {
	background:#545051
}
.divider {
	height:2px;
	margin-bottom:96px;
	background:rgba(51,51,51,.04)
}
.link .icon {
	position:relative;
	top:-1px;
	margin-left:4px;
	transform:translateX(0);
	transition:all .2s ease-in-out
}
.link:hover .icon {
	transform:translateX(5px)
}
.fb-share,.tw-share {
	position:relative;
	display:inline-block;
	vertical-align:middle;
	height:40px;
	width:40px;
	border-radius:8px;
	color:#fff;
	font-size:16px;
	transition:background .3s ease-in-out
}
.fb-share .icon,.tw-share .icon {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%)
}
.fb-share {
	background:#4465b8
}
.fb-share:hover {
	background:#3d5ba5
}
.tw-share {
	background:#1b94e0
}
.tw-share:hover {
	background:#1885c9
}
.visually-hidden {
	position:absolute;
	width:1px;
	height:1px;
	margin:-1px;
	border:0;
	padding:0;
	clip:rect(0 0 0 0);
	overflow:hidden
}

.topper {
	padding:90px 0 50px;
	margin-bottom:32px;
	text-align:center;
	overflow:hidden
}
.topic-art .panel {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 30px;
    margin-bottom: 20px;
    transition: all 0.5s;
}
.topic-art .panel:hover {
    box-shadow: 0 15px 20px rgba(0, 0, 0, 0.1);
    transform: translateY(-10px);
}
.topic-art .panel .tutorial-title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}
.topic-art .panel .tutorial-title a {
    color: #333333;
}
.topic-art .panel .tutorial-title a:hover {
    color: #359ae4;
}
.topic-art .panel .tutorial-description {
    font-size: 14px;
    line-height: 28px;
    color: #666666;
    margin-bottom: 20px;
}

.topic-art .panel .other-message span {
    font-size: 14px;
    color: #888888;
    margin-left: 15px;
}
.topic-art .panel .other-message span:first-child {
    position: relative;
    margin-left: 25px;
}
.topic-art .panel .other-message span:first-child:before {
    content: '';
    background: url(/images/tag.svg) no-repeat center center;
    background-size: contain;
    width: 15px;
    height: 15px;
    position: absolute;
    left: -25px;
    top: 2px;
}
.topic-art .panel .other-message span::after {
    content: '|';
    margin-left: 15px;
}

.topic-art .loading-more {
    font-size: 16px;
    color: #999999;
    width: 160px;
    height: 44px;
    border-radius: 22px;
    background-color: #ffffff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    border: none;
    display: block;
    margin: 40px auto 0 auto;
    outline: none;
}
@media only screen and (max-width:767px) {
	.topper {
	margin-bottom:0;
	padding:60px 0 0
}
}@media only screen and (max-width:575px) {
	.topper {
	padding:40px 0 0
}
}.topper.-blog,.topper.-download {
	margin-bottom:0
}
.topper.-blog {
	padding:62px 0 60px;
	overflow:visible;
	background:#fef6ff;
	margin-top:90px;
}
@media only screen and (max-width:767px) {
	.topper.-blog {
	padding:45px 0 30px
}
}@media only screen and (max-width:575px) {
	.topper.-blog {
	padding:10px 0 30px
}
}.topper.-blog .topper-image {
	position:relative;
	min-height:360px;
	display:flex;
	align-items:center;
	justify-content:center
}
@media only screen and (max-width:767px) {
	.topper.-blog .topper-image {
	min-height:0;
	margin-bottom:32px
}
}.topper.-blog .topper-paw {
	right:-10%;
	left:auto;
	transform:rotate(-190deg);
	bottom:-90px;
	width:1100px;
	height:1100px;
	transform-origin:center;
	transition:transform .8s ease,opacity .8s ease
}
.topper.-blog .topper-paw.-animated {
	transform:rotate(-140deg)
}
@media only screen and (max-width:767px) {
	.topper.-blog .topper-paw {
	bottom:-60px
}
}.topper.-blog .topper-shadow-box {
	left:0;
	bottom:0;
	width:100%;
	height:100%;
	border-radius:45%
}
.topper.-blog .topper-shadow-box .topper-shadow-1,.topper.-blog .topper-shadow-box .topper-shadow-2 {
	bottom:35%;
	left:-21%;
	transform:rotate(110deg);
	opacity:.6
}
.topper.-download .topper-text {
	color:#999
}
.topper.-review {
	padding:90px 0 70px;
	overflow:hidden
}
@media only screen and (max-width:767px) {
	.topper.-review {
	padding:60px 0 30px
}
}.topper.-review .topper-image {
	position:relative;
	min-height:360px;
	display:flex;
	align-items:center;
	justify-content:center
}
@media only screen and (max-width:767px) {
	.topper.-review .topper-image {
	min-height:0
}
}.topper.-review .topper-image .product-icon {
	position:relative;
	z-index:2
}
.topper.-review .topper-paw {
	right:-31%;
	left:auto;
	transform:rotate(-220deg);
	bottom:-130px;
	width:1400px;
	height:1400px;
	transform-origin:center;
	transition:transform 1.2s ease,opacity .55s ease
}
.topper.-review .topper-paw.-animated {
	transform:rotate(-170deg)
}
.topper.-review .topper-paw img {
	opacity:.7
}
.topper.-review .topper-paw .topper-shadow-box {
	bottom:8.5%;
	transform:rotate(140deg)
}
@media only screen and (max-width:767px) {
	.topper.-review .topper-paw {
	width:1100px;
	height:1100px;
	bottom:-60px;
	right:-20%
}
}@media only screen and (max-width:575px) {
	.topper.-review .topper-paw {
	right:-37%;
	width:260%;
	height:260%
}
}@media only screen and (max-width:360px) {
	.topper.-review .topper-paw {
	right:-48%
}
}.topper .topper-in {
	position:relative;
	padding:0 0 60px
}
.topper .topper-left {
	position:relative;
	z-index:2
}
.topper .topper-text {
	margin-bottom:48px;
	transform:translateY(-20px);
	transition:transform .8s ease
}
.topper .topper-text.-animated {
	transform:translateY(0)
}
.topper .topper-text a {
	text-decoration:none;
	color:#000
}
.topper .topper-text a:hover {
	text-decoration:underline
}
@media only screen and (max-width:575px) {
	.topper .topper-text {
	font-size:14px;
	margin-bottom:24px
}
}.topper .topper-image {
	line-height:1;
	text-align:center;
	z-index:1
}
@media only screen and (max-width:1023px) {
	.topper .topper-image {
	margin-bottom:32px
}
}@media only screen and (max-width:767px) {
	.topper .topper-image {
	position:relative
}
}@media only screen and (max-width:575px) {
	.topper .topper-image {
	margin-bottom:0
}
}.topper .topper-icon {
	position:relative;
	max-width:90%;
	z-index:99;
	transform:translateY(-20px);
	transition:transform .8s ease
}
.topper .topper-icon.-animated {
	transform:translateY(0)
}
.topper .topper-icon img {
	max-width:100%;
	height:auto
}
@media only screen and (max-width:767px) {
	.topper .topper-icon {
	max-width:100%
}
}@media only screen and (max-width:575px) {
	.topper .topper-icon img {
	max-width:70%
}
}.topper .topper-paw {
	position:absolute;
	bottom:-65px;
	left:50%;
	width:1440px;
	height:1440px;
	transform:rotate(40deg) translateX(-50%);
	opacity:0;
	transform-origin:0 50%;
	transition:opacity .55s ease .2s;
	pointer-events:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	z-index:1
}
.topper .topper-paw-logo {
	position:relative
}
.topper .topper-paw-animation {
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	width:1024px;
	height:670px;
	opacity:0;
	transition:opacity .6s ease .6s;
	z-index:1
}
.topper .topper-paw-animation.-animated {
	opacity:1
}
@media only screen and (max-width:575px) {
	.topper .topper-paw-animation {
	display:none
}
}.topper .topper-paw-animation.-hider img {
	-webkit-animation:hider-header 18s 1.2s infinite;
	animation:hider-header 18s 1.2s infinite
}
@-webkit-keyframes hider-header {
	0% {
	transform:rotate(0)
}
29% {
	transform:rotate(130deg)
}
30% {
	transform:rotate(130deg)
}
63% {
	transform:rotate(314deg)
}
64% {
	transform:rotate(314deg)
}
99% {
	transform:rotate(0)
}
}@keyframes hider-header {
	0% {
	transform:rotate(0)
}
29% {
	transform:rotate(130deg)
}
30% {
	transform:rotate(130deg)
}
63% {
	transform:rotate(314deg)
}
64% {
	transform:rotate(314deg)
}
99% {
	transform:rotate(0)
}
}.topper .topper-paw-animation.-gemini {
	width:640px;
	height:640px
}
.topper .topper-paw-animation.-gemini img {
	position:absolute;
	left:50%;
	top:50%;
	transform:translateX(-50%) translateY(-50%);
	-webkit-animation:gemini-header 15s linear 1.2s infinite;
	animation:gemini-header 15s linear 1.2s infinite
}
.topper .topper-paw-animation.-gemini img:nth-child(3),.topper .topper-paw-animation.-gemini img:nth-child(6),.topper .topper-paw-animation.-gemini img:nth-child(8) {
	-webkit-animation-duration:22s;
	animation-duration:22s
}
.topper .topper-paw-animation.-gemini img:nth-child(4),.topper .topper-paw-animation.-gemini img:nth-child(12) {
	-webkit-animation-duration:44s;
	animation-duration:44s
}
.topper .topper-paw-animation.-gemini img:nth-child(9),.topper .topper-paw-animation.-gemini img:nth-child(11) {
	-webkit-animation-duration:35s;
	animation-duration:35s
}
.topper .topper-paw-animation.-gemini img:nth-child(10) {
	-webkit-animation-duration:30s;
	animation-duration:30s
}
@-webkit-keyframes gemini-header {
	0% {
	transform:translateX(-50%) translateY(-50%) rotate(0)
}
to {
	transform:translateX(-50%) translateY(-50%) rotate(1turn)
}
}.topper .topper-paw-animation.-gemini-photos {
	width:508px;
	height:508px
}
.topper .topper-paw-animation.-gemini-photos img {
	position:absolute;
	left:50%;
	top:50%;
	transform:translateX(-50%) translateY(-50%);
	-webkit-animation:gemini-header 40s linear 1.2s infinite;
	animation:gemini-header 40s linear 1.2s infinite
}
.topper .topper-paw-animation.-gemini-photos img:nth-child(3),.topper .topper-paw-animation.-gemini-photos img:nth-child(6),.topper .topper-paw-animation.-gemini-photos img:nth-child(8) {
	-webkit-animation-duration:22s;
	animation-duration:22s
}
.topper .topper-paw-animation.-gemini-photos img:nth-child(4),.topper .topper-paw-animation.-gemini-photos img:nth-child(12) {
	-webkit-animation-duration:44s;
	animation-duration:44s
}
.topper .topper-paw-animation.-gemini-photos img:nth-child(9),.topper .topper-paw-animation.-gemini-photos img:nth-child(11) {
	-webkit-animation-duration:35s;
	animation-duration:35s
}
.topper .topper-paw-animation.-gemini-photos img:nth-child(10) {
	-webkit-animation-duration:30s;
	animation-duration:30s
}
@keyframes gemini-header {
	0% {
	transform:translateX(-50%) translateY(-50%) rotate(0)
}
to {
	transform:translateX(-50%) translateY(-50%) rotate(1turn)
}
}.topper .topper-paw-animation.-gemini-classic {
	width:640px;
	height:640px
}
.topper .topper-paw-animation.-gemini-classic .gemini-classic-pattern {
	width:100%;
	height:100%
}
.topper .topper-paw-animation.-gemini-classic .gemini-classic-pattern div {
	position:absolute;
	border:2px solid #fff;
	border-radius:50%
}
.topper .topper-paw-animation.-gemini-classic .gemini-classic-pattern div:first-child {
	-webkit-animation:bubbles 2.5s linear 9.7s infinite;
	animation:bubbles 2.5s linear 9.7s infinite
}
.topper .topper-paw-animation.-gemini-classic .gemini-classic-pattern div:nth-child(2) {
	-webkit-animation:bubbles 2.5s linear 4.9s infinite;
	animation:bubbles 2.5s linear 4.9s infinite
}
.topper .topper-paw-animation.-gemini-classic .gemini-classic-pattern div:nth-child(3) {
	-webkit-animation:bubbles 2.5s linear 9.2s infinite;
	animation:bubbles 2.5s linear 9.2s infinite
}
.topper .topper-paw-animation.-gemini-classic .gemini-classic-pattern div:nth-child(4) {
	-webkit-animation:bubbles 2.5s linear 4.7s infinite;
	animation:bubbles 2.5s linear 4.7s infinite
}
@-webkit-keyframes bubbles {
	0% {
	opacity:0;
	transform:scale(1)
}
50% {
	opacity:1;
	transform:scale(1.5)
}
to {
	opacity:0;
	transform:scale(2)
}
}@keyframes bubbles {
	0% {
	opacity:0;
	transform:scale(1)
}
50% {
	opacity:1;
	transform:scale(1.5)
}
to {
	opacity:0;
	transform:scale(2)
}
}.topper .topper-paw-animation.-gemini-classic .gemini-classic-pattern div:first-child {
	width:52px;
	height:52px;
	top:92px;
	left:86px
}
.topper .topper-paw-animation.-gemini-classic .gemini-classic-pattern div:nth-child(2) {
	width:73px;
	height:73px;
	top:287px;
	right:35px
}
.topper .topper-paw-animation.-gemini-classic .gemini-classic-pattern div:nth-child(3) {
	width:55px;
	height:55px;
	bottom:143px;
	right:87px
}
.topper .topper-paw-animation.-setapp {
	width:640px;
	height:640px
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:first-child {
	-webkit-animation:grid 2.5s linear .3s infinite;
	animation:grid 2.5s linear .3s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(2) {
	-webkit-animation:grid 2.5s linear 1.5s infinite;
	animation:grid 2.5s linear 1.5s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(3) {
	-webkit-animation:grid 2.5s linear 5.8s infinite;
	animation:grid 2.5s linear 5.8s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(4) {
	-webkit-animation:grid 2.5s linear 9s infinite;
	animation:grid 2.5s linear 9s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(5) {
	-webkit-animation:grid 2.5s linear 2.9s infinite;
	animation:grid 2.5s linear 2.9s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(6) {
	-webkit-animation:grid 2.5s linear 7.3s infinite;
	animation:grid 2.5s linear 7.3s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(7) {
	-webkit-animation:grid 2.5s linear 4.9s infinite;
	animation:grid 2.5s linear 4.9s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(8) {
	-webkit-animation:grid 2.5s linear 6s infinite;
	animation:grid 2.5s linear 6s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(9) {
	-webkit-animation:grid 2.5s linear 1.7s infinite;
	animation:grid 2.5s linear 1.7s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(10) {
	-webkit-animation:grid 2.5s linear 2.2s infinite;
	animation:grid 2.5s linear 2.2s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(11) {
	-webkit-animation:grid 2.5s linear 4.9s infinite;
	animation:grid 2.5s linear 4.9s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(12) {
	-webkit-animation:grid 2.5s linear 7.2s infinite;
	animation:grid 2.5s linear 7.2s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(13) {
	-webkit-animation:grid 2.5s linear 6.6s infinite;
	animation:grid 2.5s linear 6.6s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(14) {
	-webkit-animation:grid 2.5s linear 2.1s infinite;
	animation:grid 2.5s linear 2.1s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(15) {
	-webkit-animation:grid 2.5s linear 8.7s infinite;
	animation:grid 2.5s linear 8.7s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(16) {
	-webkit-animation:grid 2.5s linear 3.3s infinite;
	animation:grid 2.5s linear 3.3s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(17) {
	-webkit-animation:grid 2.5s linear 9.4s infinite;
	animation:grid 2.5s linear 9.4s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(18) {
	-webkit-animation:grid 2.5s linear 2.8s infinite;
	animation:grid 2.5s linear 2.8s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(19) {
	-webkit-animation:grid 2.5s linear 1s infinite;
	animation:grid 2.5s linear 1s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(20) {
	-webkit-animation:grid 2.5s linear 4.6s infinite;
	animation:grid 2.5s linear 4.6s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(21) {
	-webkit-animation:grid 2.5s linear 3s infinite;
	animation:grid 2.5s linear 3s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(22) {
	-webkit-animation:grid 2.5s linear 1s infinite;
	animation:grid 2.5s linear 1s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(23) {
	-webkit-animation:grid 2.5s linear 7.9s infinite;
	animation:grid 2.5s linear 7.9s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(24) {
	-webkit-animation:grid 2.5s linear 9.8s infinite;
	animation:grid 2.5s linear 9.8s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(25) {
	-webkit-animation:grid 2.5s linear .1s infinite;
	animation:grid 2.5s linear .1s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(26) {
	-webkit-animation:grid 2.5s linear 8.3s infinite;
	animation:grid 2.5s linear 8.3s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(27) {
	-webkit-animation:grid 2.5s linear 8.7s infinite;
	animation:grid 2.5s linear 8.7s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(28) {
	-webkit-animation:grid 2.5s linear 4.9s infinite;
	animation:grid 2.5s linear 4.9s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(29) {
	-webkit-animation:grid 2.5s linear 4.4s infinite;
	animation:grid 2.5s linear 4.4s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(30) {
	-webkit-animation:grid 2.5s linear 6.1s infinite;
	animation:grid 2.5s linear 6.1s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(31) {
	-webkit-animation:grid 2.5s linear 3s infinite;
	animation:grid 2.5s linear 3s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(32) {
	-webkit-animation:grid 2.5s linear 1.8s infinite;
	animation:grid 2.5s linear 1.8s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(33) {
	-webkit-animation:grid 2.5s linear 3.6s infinite;
	animation:grid 2.5s linear 3.6s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(34) {
	-webkit-animation:grid 2.5s linear .1s infinite;
	animation:grid 2.5s linear .1s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(35) {
	-webkit-animation:grid 2.5s linear 6.6s infinite;
	animation:grid 2.5s linear 6.6s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(36) {
	-webkit-animation:grid 2.5s linear 6.3s infinite;
	animation:grid 2.5s linear 6.3s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(37) {
	-webkit-animation:grid 2.5s linear .5s infinite;
	animation:grid 2.5s linear .5s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(38) {
	-webkit-animation:grid 2.5s linear 3.1s infinite;
	animation:grid 2.5s linear 3.1s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(39) {
	-webkit-animation:grid 2.5s linear 8.1s infinite;
	animation:grid 2.5s linear 8.1s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(40) {
	-webkit-animation:grid 2.5s linear 4.8s infinite;
	animation:grid 2.5s linear 4.8s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(41) {
	-webkit-animation:grid 2.5s linear 7.6s infinite;
	animation:grid 2.5s linear 7.6s infinite
}
@-webkit-keyframes grid {
	0% {
	opacity:1
}
50% {
	opacity:0
}
to {
	opacity:1
}
}@keyframes grid {
	0% {
	opacity:1
}
50% {
	opacity:0
}
to {
	opacity:1
}
}.topper .topper-paw-animation.-cleanmymac #particles-js,.topper .topper-paw-animation.-cleanmymac-classic #particles-js,.topper .topper-paw-animation.-cleanmypc #particles-js,.topper .topper-paw-animation.-wallpaper-wizard #particles-js {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%
}
.topper .topper-paw-animation.-cleanmymac #particles-js canvas,.topper .topper-paw-animation.-cleanmymac-classic #particles-js canvas,.topper .topper-paw-animation.-cleanmypc #particles-js canvas,.topper .topper-paw-animation.-encrypto svg,.topper .topper-paw-animation.-wallpaper-wizard #particles-js canvas {
	width:100%!important;
	height:100%!important
}
.topper .topper-paw-animation.-listen {
	width:624px;
	height:624px
}
.topper .topper-paw-animation.-listen .listen-pattern {
	display:flex;
	flex-wrap:wrap;
	width:100%;
	height:100%
}
.topper .topper-paw-animation.-listen .listen-pattern div {
	width:23%;
	height:23%;
	margin:1%;
	box-shadow:inset 0 0 0 6px #fff;
	border-radius:50%;
	transform:scale(0);
	opacity:0
}
.topper .topper-paw-animation.-listen .listen-pattern div:first-child {
	-webkit-animation:circles 2.5s linear 4.1333333333s infinite;
	animation:circles 2.5s linear 4.1333333333s infinite
}
.topper .topper-paw-animation.-listen .listen-pattern div:nth-child(2) {
	-webkit-animation:circles 2.5s linear 1.6s infinite;
	animation:circles 2.5s linear 1.6s infinite
}
.topper .topper-paw-animation.-listen .listen-pattern div:nth-child(3) {
	-webkit-animation:circles 2.5s linear 3.8666666667s infinite;
	animation:circles 2.5s linear 3.8666666667s infinite
}
.topper .topper-paw-animation.-listen .listen-pattern div:nth-child(4) {
	-webkit-animation:circles 2.5s linear 1s infinite;
	animation:circles 2.5s linear 1s infinite
}
.topper .topper-paw-animation.-listen .listen-pattern div:nth-child(5) {
	-webkit-animation:circles 2.5s linear .6s infinite;
	animation:circles 2.5s linear .6s infinite
}
.topper .topper-paw-animation.-listen .listen-pattern div:nth-child(6) {
	-webkit-animation:circles 2.5s linear .1333333333s infinite;
	animation:circles 2.5s linear .1333333333s infinite
}
.topper .topper-paw-animation.-listen .listen-pattern div:nth-child(7) {
	-webkit-animation:circles 2.5s linear 2.1333333333s infinite;
	animation:circles 2.5s linear 2.1333333333s infinite
}
.topper .topper-paw-animation.-listen .listen-pattern div:nth-child(8) {
	-webkit-animation:circles 2.5s linear 1.9333333333s infinite;
	animation:circles 2.5s linear 1.9333333333s infinite
}
.topper .topper-paw-animation.-listen .listen-pattern div:nth-child(9) {
	-webkit-animation:circles 2.5s linear 5.7333333333s infinite;
	animation:circles 2.5s linear 5.7333333333s infinite
}
.topper .topper-paw-animation.-listen .listen-pattern div:nth-child(10) {
	-webkit-animation:circles 2.5s linear 2.2s infinite;
	animation:circles 2.5s linear 2.2s infinite
}
.topper .topper-paw-animation.-listen .listen-pattern div:nth-child(11) {
	-webkit-animation:circles 2.5s linear 1.7333333333s infinite;
	animation:circles 2.5s linear 1.7333333333s infinite
}
.topper .topper-paw-animation.-listen .listen-pattern div:nth-child(12) {
	-webkit-animation:circles 2.5s linear .2s infinite;
	animation:circles 2.5s linear .2s infinite
}
.topper .topper-paw-animation.-listen .listen-pattern div:nth-child(13) {
	-webkit-animation:circles 2.5s linear 1s infinite;
	animation:circles 2.5s linear 1s infinite
}
.topper .topper-paw-animation.-listen .listen-pattern div:nth-child(14) {
	-webkit-animation:circles 2.5s linear 6.0666666667s infinite;
	animation:circles 2.5s linear 6.0666666667s infinite
}
.topper .topper-paw-animation.-listen .listen-pattern div:nth-child(15) {
	-webkit-animation:circles 2.5s linear 5.6666666667s infinite;
	animation:circles 2.5s linear 5.6666666667s infinite
}
.topper .topper-paw-animation.-listen .listen-pattern div:nth-child(16) {
	-webkit-animation:circles 2.5s linear 2.2s infinite;
	animation:circles 2.5s linear 2.2s infinite
}
@-webkit-keyframes circles {
	0% {
	opacity:0;
	transform:scale(0)
}
50% {
	opacity:1;
	transform:scale(.5)
}
to {
	opacity:0;
	transform:scale(1)
}
}@keyframes circles {
	0% {
	opacity:0;
	transform:scale(0)
}
50% {
	opacity:1;
	transform:scale(.5)
}
to {
	opacity:0;
	transform:scale(1)
}
}.topper .topper-paw-animation.-the-unarchiver {
	width:100%;
	height:100%
}
.topper .topper-paw-animation.-the-unarchiver .the-unarchiver-pattern path:first-child {
	-webkit-animation:grid 2.5s linear 4.4s infinite;
	animation:grid 2.5s linear 4.4s infinite
}
.topper .topper-paw-animation.-the-unarchiver .the-unarchiver-pattern path:nth-child(2) {
	-webkit-animation:grid 2.5s linear .6s infinite;
	animation:grid 2.5s linear .6s infinite
}
.topper .topper-paw-animation.-the-unarchiver .the-unarchiver-pattern path:nth-child(3) {
	-webkit-animation:grid 2.5s linear 7.3s infinite;
	animation:grid 2.5s linear 7.3s infinite
}
.topper .topper-paw-animation.-the-unarchiver .the-unarchiver-pattern path:nth-child(4) {
	-webkit-animation:grid 2.5s linear 2.4s infinite;
	animation:grid 2.5s linear 2.4s infinite
}
.topper .topper-paw-animation.-the-unarchiver .the-unarchiver-pattern path:nth-child(5) {
	-webkit-animation:grid 2.5s linear .3s infinite;
	animation:grid 2.5s linear .3s infinite
}
.topper .topper-paw-animation.-the-unarchiver .the-unarchiver-pattern path:nth-child(6) {
	-webkit-animation:grid 2.5s linear 8.4s infinite;
	animation:grid 2.5s linear 8.4s infinite
}
.topper .topper-paw-animation.-the-unarchiver .the-unarchiver-pattern path:nth-child(7) {
	-webkit-animation:grid 2.5s linear 8.1s infinite;
	animation:grid 2.5s linear 8.1s infinite
}
.topper .topper-paw-animation.-the-unarchiver .the-unarchiver-pattern path:nth-child(8) {
	-webkit-animation:grid 2.5s linear 8.3s infinite;
	animation:grid 2.5s linear 8.3s infinite
}
.topper .topper-paw-animation.-the-unarchiver .the-unarchiver-pattern path:nth-child(9) {
	-webkit-animation:grid 2.5s linear 4.5s infinite;
	animation:grid 2.5s linear 4.5s infinite
}
.topper .topper-paw-animation.-the-unarchiver .the-unarchiver-pattern path:nth-child(10) {
	-webkit-animation:grid 2.5s linear 3.1s infinite;
	animation:grid 2.5s linear 3.1s infinite
}
.topper .topper-paw-animation.-the-unarchiver .the-unarchiver-pattern path:nth-child(11) {
	-webkit-animation:grid 2.5s linear 8.1s infinite;
	animation:grid 2.5s linear 8.1s infinite
}
.topper .topper-paw-animation.-the-unarchiver .the-unarchiver-pattern path:nth-child(12) {
	-webkit-animation:grid 2.5s linear 8.4s infinite;
	animation:grid 2.5s linear 8.4s infinite
}
.topper .topper-paw-animation.-the-unarchiver .the-unarchiver-pattern path:nth-child(13) {
	-webkit-animation:grid 2.5s linear 6s infinite;
	animation:grid 2.5s linear 6s infinite
}
.topper .topper-paw-animation.-the-unarchiver .the-unarchiver-pattern path:nth-child(14) {
	-webkit-animation:grid 2.5s linear 6.1s infinite;
	animation:grid 2.5s linear 6.1s infinite
}
.topper .topper-paw-animation.-the-unarchiver .the-unarchiver-pattern path:nth-child(15) {
	-webkit-animation:grid 2.5s linear .2s infinite;
	animation:grid 2.5s linear .2s infinite
}
.topper .topper-paw-animation.-the-unarchiver .the-unarchiver-pattern path:nth-child(16) {
	-webkit-animation:grid 2.5s linear 6s infinite;
	animation:grid 2.5s linear 6s infinite
}
.topper .topper-paw-animation.-the-unarchiver .the-unarchiver-pattern path:nth-child(17),.topper .topper-paw-animation.-the-unarchiver .the-unarchiver-pattern path:nth-child(18) {
	-webkit-animation:grid 2.5s linear 9s infinite;
	animation:grid 2.5s linear 9s infinite
}
.topper .topper-paw-animation.-the-unarchiver .the-unarchiver-pattern path:nth-child(19) {
	-webkit-animation:grid 2.5s linear 4.9s infinite;
	animation:grid 2.5s linear 4.9s infinite
}
.topper .topper-paw-animation.-the-unarchiver .the-unarchiver-pattern path:nth-child(20) {
	-webkit-animation:grid 2.5s linear 8.2s infinite;
	animation:grid 2.5s linear 8.2s infinite
}
.topper .topper-paw-animation.-the-unarchiver .the-unarchiver-pattern path:nth-child(21) {
	-webkit-animation:grid 2.5s linear 3.5s infinite;
	animation:grid 2.5s linear 3.5s infinite
}
.topper .topper-paw-animation.-the-unarchiver .the-unarchiver-pattern path:nth-child(22) {
	-webkit-animation:grid 2.5s linear 9.1s infinite;
	animation:grid 2.5s linear 9.1s infinite
}
.topper .topper-paw-animation.-the-unarchiver .the-unarchiver-pattern path:nth-child(23) {
	-webkit-animation:grid 2.5s linear 5.7s infinite;
	animation:grid 2.5s linear 5.7s infinite
}
.topper .topper-paw-animation.-the-unarchiver .the-unarchiver-pattern path:nth-child(24) {
	-webkit-animation:grid 2.5s linear .2s infinite;
	animation:grid 2.5s linear .2s infinite
}
.topper .topper-paw-animation.-the-unarchiver .the-unarchiver-pattern path:nth-child(25) {
	-webkit-animation:grid 2.5s linear 4.1s infinite;
	animation:grid 2.5s linear 4.1s infinite
}
.topper .topper-paw-animation.-cleanmydrive {
	width:640px;
	height:640px
}
@media only screen and (max-width:1023px) {
	.topper .topper-paw-animation.-cleanmydrive {
	transform:translate(-70%,-50%)
}
}@media only screen and (max-width:767px) {
	.topper .topper-paw-animation.-cleanmydrive {
	transform:translate(-50%,-50%)
}
}.topper .topper-paw-animation.-cleanmydrive .cleanmydrive-pattern {
	position:relative;
	width:640px;
	height:640px
}
.topper .topper-paw-animation.-cleanmydrive .cleanmydrive-pattern>div {
	position:absolute;
	top:0;
	left:0;
	width:148px;
	height:178px;
	will-change:transform
}
.topper .topper-paw-animation.-cleanmydrive .cleanmydrive-pattern .cmd-1 {
	transform:translate(166px,421px);
	background:url(/images/products/cleanmydrive/cmd-1.svg)
}
.topper .topper-paw-animation.-cleanmydrive .cleanmydrive-pattern .cmd-2 {
	transform:translate(486px,41px);
	border-radius:6px;
	border:3px solid #fff
}
.topper .topper-paw-animation.-cleanmydrive .cleanmydrive-pattern .cmd-3 {
	transform:translate(486px,421px);
	background:url(/images/products/cleanmydrive/cmd-3.svg)
}
.topper .topper-paw-animation.-cleanmydrive .cleanmydrive-pattern .cmd-4 {
	transform:translate(486px,231px);
	background:url(/images/products/cleanmydrive/cmd-4.svg)
}
.topper .topper-paw-animation.-cleanmydrive .cleanmydrive-pattern .cmd-5 {
	transform:translate(5px,421px);
	border-radius:6px;
	border:3px solid #fff
}
.topper .topper-paw-animation.-cleanmydrive .cleanmydrive-pattern .cmd-5:before {
	content:"";
	position:absolute;
	right:40px;
	bottom:16px;
	width:16px;
	height:16px;
	border-radius:50%;
	border:3px solid #fff
}
.topper .topper-paw-animation.-cleanmydrive .cleanmydrive-pattern .cmd-5:after {
	content:"";
	position:absolute;
	right:16px;
	bottom:16px;
	width:16px;
	height:16px;
	border-radius:50%;
	border:3px solid #fff
}
.topper .topper-paw-animation.-cleanmydrive .cleanmydrive-pattern .cmd-6 {
	transform:translate(326px,41px);
	background:url(/images/products/cleanmydrive/cmd-6.svg)
}
.topper .topper-paw-animation.-cleanmydrive .cleanmydrive-pattern .cmd-7 {
	transform:translate(166px,41px);
	border-radius:6px;
	border:3px solid #fff
}
.topper .topper-paw-animation.-cleanmydrive .cleanmydrive-pattern .cmd-7:before {
	content:"";
	position:absolute;
	top:15px;
	left:59px;
	width:24px;
	height:143px;
	border-radius:6px;
	border:3px solid #fff
}
.topper .topper-paw-animation.-cleanmydrive .cleanmydrive-pattern .cmd-8 {
	transform:translate(6px,41px);
	background:url(/images/products/cleanmydrive/cmd-8.svg)
}
.topper .topper-paw-animation.-cleanmydrive .cleanmydrive-pattern .cmd-1 {
	-webkit-animation:cmd-1 23.3s ease infinite;
	animation:cmd-1 23.3s ease infinite
}
.topper .topper-paw-animation.-cleanmydrive .cleanmydrive-pattern .cmd-2 {
	-webkit-animation:cmd-2 23.3s ease infinite;
	animation:cmd-2 23.3s ease infinite
}
.topper .topper-paw-animation.-cleanmydrive .cleanmydrive-pattern .cmd-3 {
	-webkit-animation:cmd-3 23.3s ease infinite;
	animation:cmd-3 23.3s ease infinite
}
.topper .topper-paw-animation.-cleanmydrive .cleanmydrive-pattern .cmd-4 {
	-webkit-animation:cmd-4 23.3s ease infinite;
	animation:cmd-4 23.3s ease infinite
}
.topper .topper-paw-animation.-cleanmydrive .cleanmydrive-pattern .cmd-5 {
	-webkit-animation:cmd-5 23.3s ease infinite;
	animation:cmd-5 23.3s ease infinite
}
.topper .topper-paw-animation.-cleanmydrive .cleanmydrive-pattern .cmd-6 {
	-webkit-animation:cmd-6 23.3s ease infinite;
	animation:cmd-6 23.3s ease infinite
}
.topper .topper-paw-animation.-cleanmydrive .cleanmydrive-pattern .cmd-7 {
	-webkit-animation:cmd-7 23.3s ease infinite;
	animation:cmd-7 23.3s ease infinite
}
.topper .topper-paw-animation.-cleanmydrive .cleanmydrive-pattern .cmd-8 {
	-webkit-animation:cmd-8 23.3s ease infinite;
	animation:cmd-8 23.3s ease infinite
}
@-webkit-keyframes cmd-1 {
	0% {
	transform:translate(166px,421px)
}
3.4% {
	transform:translate(326px,421px)
}
17.6% {
	transform:translate(326px,421px)
}
21% {
	transform:translate(487px,421px)
}
34.8% {
	transform:translate(487px,421px)
}
38.2% {
	transform:translate(487px,230px)
}
50.6% {
	transform:translate(487px,230px)
}
54% {
	transform:translate(487px,41px)
}
68.8% {
	transform:translate(487px,41px)
}
72.2% {
	transform:translate(326px,41px)
}
83.7% {
	transform:translate(326px,41px)
}
87.1% {
	transform:translate(326px,230px)
}
89.7% {
	transform:translate(326px,230px)
}
93.1% {
	transform:translate(166px,230px)
}
96.6% {
	transform:translate(166px,230px)
}
to {
	transform:translate(166px,421px)
}
}@keyframes cmd-1 {
	0% {
	transform:translate(166px,421px)
}
3.4% {
	transform:translate(326px,421px)
}
17.6% {
	transform:translate(326px,421px)
}
21% {
	transform:translate(487px,421px)
}
34.8% {
	transform:translate(487px,421px)
}
38.2% {
	transform:translate(487px,230px)
}
50.6% {
	transform:translate(487px,230px)
}
54% {
	transform:translate(487px,41px)
}
68.8% {
	transform:translate(487px,41px)
}
72.2% {
	transform:translate(326px,41px)
}
83.7% {
	transform:translate(326px,41px)
}
87.1% {
	transform:translate(326px,230px)
}
89.7% {
	transform:translate(326px,230px)
}
93.1% {
	transform:translate(166px,230px)
}
96.6% {
	transform:translate(166px,230px)
}
to {
	transform:translate(166px,421px)
}
}@-webkit-keyframes cmd-2 {
	0% {
	transform:translate(487px,41px)
}
10.2% {
	transform:translate(487px,41px)
}
13.6% {
	transform:translate(326px,41px)
}
25% {
	transform:translate(326px,41px)
}
28.4% {
	transform:translate(326px,230px)
}
43.3% {
	transform:translate(326px,230px)
}
46.7% {
	transform:translate(326px,421px)
}
57.8% {
	transform:translate(326px,421px)
}
61.2% {
	transform:translate(487px,421px)
}
74.8% {
	transform:translate(487px,421px)
}
78.2% {
	transform:translate(487px,230px)
}
89.7% {
	transform:translate(487px,230px)
}
93.1% {
	transform:translate(487px,41px)
}
to {
	transform:translate(487px,41px)
}
}@keyframes cmd-2 {
	0% {
	transform:translate(487px,41px)
}
10.2% {
	transform:translate(487px,41px)
}
13.6% {
	transform:translate(326px,41px)
}
25% {
	transform:translate(326px,41px)
}
28.4% {
	transform:translate(326px,230px)
}
43.3% {
	transform:translate(326px,230px)
}
46.7% {
	transform:translate(326px,421px)
}
57.8% {
	transform:translate(326px,421px)
}
61.2% {
	transform:translate(487px,421px)
}
74.8% {
	transform:translate(487px,421px)
}
78.2% {
	transform:translate(487px,230px)
}
89.7% {
	transform:translate(487px,230px)
}
93.1% {
	transform:translate(487px,41px)
}
to {
	transform:translate(487px,41px)
}
}@-webkit-keyframes cmd-3 {
	0% {
	transform:translate(487px,421px)
}
14% {
	transform:translate(487px,421px)
}
17.4% {
	transform:translate(487px,230px)
}
31% {
	transform:translate(487px,230px)
}
34.4% {
	transform:translate(487px,41px)
}
48% {
	transform:translate(487px,41px)
}
51.4% {
	transform:translate(326px,41px)
}
62.9% {
	transform:translate(326px,41px)
}
66.3% {
	transform:translate(326px,230px)
}
81.2% {
	transform:translate(326px,230px)
}
84.6% {
	transform:translate(326px,421px)
}
92.2% {
	transform:translate(326px,421px)
}
95.6% {
	transform:translate(487px,421px)
}
to {
	transform:translate(487px,421px)
}
}@keyframes cmd-3 {
	0% {
	transform:translate(487px,421px)
}
14% {
	transform:translate(487px,421px)
}
17.4% {
	transform:translate(487px,230px)
}
31% {
	transform:translate(487px,230px)
}
34.4% {
	transform:translate(487px,41px)
}
48% {
	transform:translate(487px,41px)
}
51.4% {
	transform:translate(326px,41px)
}
62.9% {
	transform:translate(326px,41px)
}
66.3% {
	transform:translate(326px,230px)
}
81.2% {
	transform:translate(326px,230px)
}
84.6% {
	transform:translate(326px,421px)
}
92.2% {
	transform:translate(326px,421px)
}
95.6% {
	transform:translate(487px,421px)
}
to {
	transform:translate(487px,421px)
}
}@-webkit-keyframes cmd-4 {
	0% {
	transform:translate(487px,230px)
}
12.75% {
	transform:translate(487px,230px)
}
16.15% {
	transform:translate(487px,41px)
}
27.6% {
	transform:translate(487px,41px)
}
31% {
	transform:translate(326px,41px)
}
45.5% {
	transform:translate(326px,41px)
}
48.9% {
	transform:translate(326px,230px)
}
60.35% {
	transform:translate(326px,230px)
}
63.75% {
	transform:translate(326px,421px)
}
77.35% {
	transform:translate(326px,421px)
}
80.75% {
	transform:translate(487px,421px)
}
90.5% {
	transform:translate(487px,421px)
}
93.9% {
	transform:translate(487px,230px)
}
to {
	transform:translate(487px,230px)
}
}@keyframes cmd-4 {
	0% {
	transform:translate(487px,230px)
}
12.75% {
	transform:translate(487px,230px)
}
16.15% {
	transform:translate(487px,41px)
}
27.6% {
	transform:translate(487px,41px)
}
31% {
	transform:translate(326px,41px)
}
45.5% {
	transform:translate(326px,41px)
}
48.9% {
	transform:translate(326px,230px)
}
60.35% {
	transform:translate(326px,230px)
}
63.75% {
	transform:translate(326px,421px)
}
77.35% {
	transform:translate(326px,421px)
}
80.75% {
	transform:translate(487px,421px)
}
90.5% {
	transform:translate(487px,421px)
}
93.9% {
	transform:translate(487px,230px)
}
to {
	transform:translate(487px,230px)
}
}@-webkit-keyframes cmd-5 {
	0% {
	transform:translate(6px,421px)
}
2.55% {
	transform:translate(6px,421px)
}
5.95% {
	transform:translate(166px,421px)
}
34.8% {
	transform:translate(166px,421px)
}
38.2% {
	transform:translate(6px,421px)
}
54.5% {
	transform:translate(6px,421px)
}
57.9% {
	transform:translate(166px,421px)
}
74.8% {
	transform:translate(166px,421px)
}
78.2% {
	transform:translate(6px,421px)
}
to {
	transform:translate(6px,421px)
}
}@keyframes cmd-5 {
	0% {
	transform:translate(6px,421px)
}
2.55% {
	transform:translate(6px,421px)
}
5.95% {
	transform:translate(166px,421px)
}
34.8% {
	transform:translate(166px,421px)
}
38.2% {
	transform:translate(6px,421px)
}
54.5% {
	transform:translate(6px,421px)
}
57.9% {
	transform:translate(166px,421px)
}
74.8% {
	transform:translate(166px,421px)
}
78.2% {
	transform:translate(6px,421px)
}
to {
	transform:translate(6px,421px)
}
}@-webkit-keyframes cmd-6 {
	0% {
	transform:translate(326px,41px)
}
5.1% {
	transform:translate(326px,41px)
}
8.5% {
	transform:translate(326px,230px)
}
20% {
	transform:translate(326px,230px)
}
23.4% {
	transform:translate(326px,421px)
}
39.5% {
	transform:translate(326px,421px)
}
42.9% {
	transform:translate(487px,421px)
}
54.5% {
	transform:translate(487px,421px)
}
57.9% {
	transform:translate(487px,230px)
}
73% {
	transform:translate(487px,230px)
}
76.4% {
	transform:translate(487px,41px)
}
88% {
	transform:translate(487px,41px)
}
91.4% {
	transform:translate(326px,41px)
}
to {
	transform:translate(326px,41px)
}
}@keyframes cmd-6 {
	0% {
	transform:translate(326px,41px)
}
5.1% {
	transform:translate(326px,41px)
}
8.5% {
	transform:translate(326px,230px)
}
20% {
	transform:translate(326px,230px)
}
23.4% {
	transform:translate(326px,421px)
}
39.5% {
	transform:translate(326px,421px)
}
42.9% {
	transform:translate(487px,421px)
}
54.5% {
	transform:translate(487px,421px)
}
57.9% {
	transform:translate(487px,230px)
}
73% {
	transform:translate(487px,230px)
}
76.4% {
	transform:translate(487px,41px)
}
88% {
	transform:translate(487px,41px)
}
91.4% {
	transform:translate(326px,41px)
}
to {
	transform:translate(326px,41px)
}
}@-webkit-keyframes cmd-7 {
	0% {
	transform:translate(166px,41px)
}
5.1% {
	transform:translate(166px,41px)
}
8.5% {
	transform:translate(6px,41px)
}
22.5% {
	transform:translate(6px,41px)
}
25.9% {
	transform:translate(6px,230px)
}
37% {
	transform:translate(6px,230px)
}
40.4% {
	transform:translate(166px,230px)
}
45.5% {
	transform:translate(166px,230px)
}
48.9% {
	transform:translate(166px,41px)
}
to {
	transform:translate(166px,41px)
}
}@keyframes cmd-7 {
	0% {
	transform:translate(166px,41px)
}
5.1% {
	transform:translate(166px,41px)
}
8.5% {
	transform:translate(6px,41px)
}
22.5% {
	transform:translate(6px,41px)
}
25.9% {
	transform:translate(6px,230px)
}
37% {
	transform:translate(6px,230px)
}
40.4% {
	transform:translate(166px,230px)
}
45.5% {
	transform:translate(166px,230px)
}
48.9% {
	transform:translate(166px,41px)
}
to {
	transform:translate(166px,41px)
}
}@-webkit-keyframes cmd-8 {
	0% {
	transform:translate(6px,41px)
}
3.4% {
	transform:translate(6px,230px)
}
17.6% {
	transform:translate(6px,230px)
}
21% {
	transform:translate(166px,230px)
}
34.8% {
	transform:translate(166px,230px)
}
38.2% {
	transform:translate(166px,41px)
}
43.3% {
	transform:translate(166px,41px)
}
46.7% {
	transform:translate(6px,41px)
}
54.5% {
	transform:translate(6px,41px)
}
57.9% {
	transform:translate(6px,230px)
}
88% {
	transform:translate(6px,230px)
}
91.4% {
	transform:translate(6px,41px)
}
to {
	transform:translate(6px,41px)
}
}@keyframes cmd-8 {
	0% {
	transform:translate(6px,41px)
}
3.4% {
	transform:translate(6px,230px)
}
17.6% {
	transform:translate(6px,230px)
}
21% {
	transform:translate(166px,230px)
}
34.8% {
	transform:translate(166px,230px)
}
38.2% {
	transform:translate(166px,41px)
}
43.3% {
	transform:translate(166px,41px)
}
46.7% {
	transform:translate(6px,41px)
}
54.5% {
	transform:translate(6px,41px)
}
57.9% {
	transform:translate(6px,230px)
}
88% {
	transform:translate(6px,230px)
}
91.4% {
	transform:translate(6px,41px)
}
to {
	transform:translate(6px,41px)
}
}.topper .topper-paw.-animated,.topper .topper-paw.-animated .topper-shadow-box {
	opacity:1
}
.topper .topper-paw img {
	width:100%
}
@media only screen and (max-width:1023px) {
	.topper .topper-paw {
	bottom:12%
}
}@media only screen and (max-width:767px) {
	.topper .topper-paw {
	left:90%;
	bottom:0;
	width:1100px;
	height:1100px
}
}@media only screen and (max-width:575px) {
	.topper .topper-paw {
	width:260%;
	height:260%;
	left:125%;
	bottom:60%
}
}.topper .topper-paw-image {
	transform:rotate(-170deg);
	transition:transform 1.2s ease .4s
}
.topper .topper-paw-image.-animated {
	transform:rotate(0deg)
}
.topper .topper-shadow-box {
	position:absolute;
	bottom:9%;
	left:9%;
	width:83%;
	height:83%;
	border-radius:50%;
	overflow:hidden;
	opacity:0;
	transition:opacity 1.4s ease .5s;
	pointer-events:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
@media only screen and (max-width:575px) {
	.topper .topper-shadow-box {
	display:none
}
}.topper .topper-shadow-box #svg-filter {
	display:none
}
.topper .topper-shadow-box .topper-shadow-1,.topper .topper-shadow-box .topper-shadow-2 {
	position:absolute;
	bottom:-6%;
	left:36%;
	width:44%;
	height:9%;
	transform:rotate(-40deg)
}
.topper .topper-shadow-box .topper-shadow-1 {
	filter:url(#svg-blur-50)
}
.topper .topper-shadow-box .topper-shadow-2 {
	filter:url(#svg-blur-35)
}
.topper .topper-shadow-box .topper-shadow-fallback {
	position:absolute;
	bottom:-16%;
	left:31%;
	width:699px;
	height:352px;
	transform:rotate(-40deg)
}
.topper .topper-shadow-box.-cleanmymac-x .topper-shadow-1 {
	background:radial-gradient(rgba(255,127,240,.5) 0,rgba(255,127,240,0) 90%)
}
.topper .topper-shadow-box.-cleanmymac-x .topper-shadow-2 {
	bottom:0;
	left:51%;
	width:15%;
	height:3%;
	filter:url(#svg-blur-35);
	background:radial-gradient(rgba(204,117,232,.71) 0,rgba(141,89,224,.5) 90%)
}
.topper .topper-shadow-box.-cleanmymac-x .topper-shadow-fallback {
	left:25%;
	background:url(/images/paws/cleanmymac-x-shadow.png);
	background-size:cover
}
.topper .topper-shadow-box.-cleanmymac .topper-shadow-1 {
	background:radial-gradient(rgba(237,32,143,.5) 0,rgba(237,32,143,0) 90%)
}
.topper .topper-shadow-box.-cleanmymac .topper-shadow-2 {
	background:radial-gradient(#4156c5 0,rgba(65,86,197,0) 60%)
}
.topper .topper-shadow-box.-cleanmymac .topper-shadow-fallback {
	background:url(/images/paws/cleanmymac-shadow.png);
	background-size:cover
}
.topper .topper-shadow-box.-wallpaper-wizard .topper-shadow-1 {
	background:radial-gradient(rgba(0,243,255,.5) 0,rgba(0,243,255,0) 90%)
}
.topper .topper-shadow-box.-wallpaper-wizard .topper-shadow-2 {
	background:radial-gradient(#4156c5 0,rgba(65,86,197,0) 60%)
}
.topper .topper-shadow-box.-wallpaper-wizard .topper-shadow-fallback {
	background:url(/images/paws/wallpaper-wizard-shadow.png);
	background-size:cover
}
.topper .topper-shadow-box.-setapp .topper-shadow-1 {
	background:radial-gradient(rgba(226,231,240,.5) 0,rgba(68,239,255,0) 90%)
}
.topper .topper-shadow-box.-setapp .topper-shadow-2 {
	display:none
}
.topper .topper-shadow-box.-setapp .topper-shadow-fallback {
	background:url(/images/paws/setapp-shadow.png);
	background-size:cover
}
.topper .topper-shadow-box.-blog .topper-shadow-1 {
	background:radial-gradient(rgba(147,211,255,.5) 0,rgba(147,211,255,0) 90%)
}
.topper .topper-shadow-box.-blog .topper-shadow-2 {
	background:radial-gradient(#a1f6ff 0,rgba(161,246,255,0) 60%)
}
.topper .topper-shadow-box.-blog .topper-shadow-fallback {
	background:url(/images/paws/blog-shadow.png);
	background-size:cover
}
.topper .topper-shadow-box.-gemini .topper-shadow-1 {
	background:radial-gradient(rgba(197,239,255,.5) 0,rgba(197,239,255,0) 90%)
}
.topper .topper-shadow-box.-gemini .topper-shadow-2 {
	background:radial-gradient(#3033b4 0,rgba(48,51,180,0) 60%)
}
.topper .topper-shadow-box.-gemini .topper-shadow-fallback {
	background:url(/images/paws/gemini-shadow.png);
	background-size:cover
}
.topper .topper-shadow-box.-cleanmydrive .topper-shadow-1 {
	background:radial-gradient(rgba(146,0,255,.5) 0,rgba(146,0,255,0) 90%)
}
.topper .topper-shadow-box.-cleanmydrive .topper-shadow-2 {
	background:radial-gradient(#4156c5 0,rgba(65,86,197,0) 60%)
}
.topper .topper-shadow-box.-cleanmydrive .topper-shadow-fallback {
	background:url(/images/paws/cleanmydrive-shadow.png);
	background-size:cover
}
.topper .topper-shadow-box.-cleanmypc .topper-shadow-1 {
	background:radial-gradient(rgba(206,0,255,.5) 0,rgba(206,0,255,0) 90%)
}
.topper .topper-shadow-box.-cleanmypc .topper-shadow-2 {
	background:radial-gradient(#8ee9ff 0,rgba(142,233,255,0) 60%)
}
.topper .topper-shadow-box.-cleanmypc .topper-shadow-fallback {
	background:url(/images/paws/cleanmypc-shadow.png);
	background-size:cover
}
.topper .topper-shadow-box.-encrypto .topper-shadow-1 {
	background:radial-gradient(rgba(237,32,143,.5) 0,rgba(237,32,143,0) 90%)
}
.topper .topper-shadow-box.-encrypto .topper-shadow-2 {
	background:radial-gradient(#4156c5 0,rgba(65,86,197,0) 60%)
}
.topper .topper-shadow-box.-encrypto .topper-shadow-fallback {
	background:url(/images/paws/encrypto-shadow.png);
	background-size:cover
}
.topper .topper-shadow-box.-hider .topper-shadow-1 {
	background:radial-gradient(rgba(255,169,120,.5) 0,rgba(255,169,120,0) 90%)
}
.topper .topper-shadow-box.-hider .topper-shadow-2 {
	background:radial-gradient(#ff5656 0,rgba(255,86,86,0) 60%)
}
.topper .topper-shadow-box.-hider .topper-shadow-fallback {
	background:url(/images/paws/hider-shadow.png);
	background-size:cover
}
.topper .topper-shadow-box.-listen .topper-shadow-1 {
	background:radial-gradient(rgba(69,205,255,.5) 0,rgba(69,205,255,0) 90%)
}
.topper .topper-shadow-box.-listen .topper-shadow-2 {
	background:radial-gradient(#4156c5 0,rgba(65,86,197,0) 60%)
}
.topper .topper-shadow-box.-listen .topper-shadow-fallback {
	background:url(/images/paws/listen-shadow.png);
	background-size:cover
}
.topper .topper-shadow-box.-the-unarchiver .topper-shadow-1 {
	background:radial-gradient(rgba(255,162,234,.7) 0,rgba(255,162,234,0) 100%)
}
.topper .topper-shadow-box.-the-unarchiver .topper-shadow-2 {
	background:radial-gradient(#4156c5 0,rgba(65,86,197,0) 70%)
}
.topper .topper-shadow-box.-the-unarchiver .topper-shadow-fallback {
	background:url(/images/paws/the-unarchiver-shadow.png);
	background-size:cover
}
.topper .topper-shadow-box.-gemini-classic .topper-shadow-1 {
	background:radial-gradient(rgba(98,170,213,.7) 0,rgba(98,170,213,0) 100%)
}
.topper .topper-shadow-box.-gemini-classic .topper-shadow-2 {
	display:none
}
.topper .topper-shadow-box.-gemini-classic .topper-shadow-fallback {
	background:url(/images/paws/gemini-classic-shadow.png);
	background-size:cover
}
.topper .topper-shadow-box.-cleanmymac-classic .topper-shadow-1 {
	background:radial-gradient(rgba(237,32,143,.7) 0,rgba(237,32,143,0) 100%)
}
.topper .topper-shadow-box.-cleanmymac-classic .topper-shadow-2 {
	background:radial-gradient(#4156c5 0,rgba(65,86,197,0) 70%)
}
.topper .topper-shadow-box.-cleanmymac-classic .topper-shadow-fallback {
	background:url(/images/paws/cleanmymac-classic-shadow.png);
	background-size:cover
}
.topper .topper-title {
	position:relative;
	display:inline-block;
	transform:translateY(-20px);
	transition:transform .8s ease
}
.topper .topper-title.-animated {
	transform:translateY(0)
}
.topper .topper-subtitle {
	transform:translateY(-20px);
	transition:transform .8s ease
}
.topper .topper-subtitle.-animated {
	transform:translateY(0)
}
.topper .topper-cta {
	transform:translateY(-20px);
	transition:transform .8s ease
}
.topper .topper-cta.-animated {
	transform:translateY(0)
}
@media only screen and (max-width:1023px) {
	.topper .topper-cta .cta-btns .btn {
	width:100%
}
.topper .topper-cta .cta-btns .btn+.btn {
	margin-left:0
}
}@media only screen and (max-width:767px) {
	.topper .topper-cta .cta-btns .btn {
	width:auto
}
.topper .topper-cta .cta-btns .btn+.btn {
	margin-left:12px
}
}@media only screen and (max-width:575px) {
	.topper .topper-cta .cta-btns .btn {
	width:100%
}
.topper .topper-cta .cta-btns .btn+.btn {
	margin-left:0
}
}.topper .topper-video-link {
	margin-bottom:74px
}
@media only screen and (max-width:1023px) {
	.topper .topper-video-link {
	margin-bottom:0
}
}.topper .topper-reviews {
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
	z-index:10
}
@media only screen and (max-width:1023px) {
	.topper .topper-reviews {
	display:none
}
}.topper .topper-reviews .topper-reviews-item,.topper .topper-reviews a {
	margin:0 3%;
	height:64px;
	opacity:0;
	transform:translateY(20px);
	transition:opacity .3s,transform .8s ease
}
.topper .topper-reviews .topper-reviews-item:hover,.topper .topper-reviews a:hover {
	opacity:1
}
.topper .topper-reviews .topper-reviews-item.-animated,.topper .topper-reviews a.-animated {
	opacity:.2;
	transform:translateY(0)
}
.topper .topper-reviews .topper-reviews-item.-animated:hover,.topper .topper-reviews a.-animated:hover {
	opacity:1
}
.topper .topper-reviews .topper-reviews-item img,.topper .topper-reviews a img {
	height:64px
}
@media only screen and (max-width:1279px) {
	.topper .topper-reviews .topper-reviews-item,.topper .topper-reviews a {
	margin:0 2%
}
}.topper .topper-content {
	position:relative;
	padding:0 8%;
	font-size:16px;
	z-index:10
}
@media only screen and (max-width:1279px) {
	.topper .topper-content {
	padding:0 3%
}
}@media only screen and (max-width:767px) {
	.topper .topper-content {
	padding:0
}
}
.topper-content-trigger {
	display:block;
	position:relative;
	/*margin-bottom:23px;*/
	padding-bottom:10px;
	cursor:pointer;
	opacity:.4;
	transition:opacity .3s ease
}
.topper-content-trigger:before {
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	height:1px;
	background:transparent;
	transition:all .4s ease
}
.topper-content-trigger.-active,.topper-content-trigger:hover {
	opacity:1
}
.topper-content-trigger.-active:before {
	background:#000;
	height:2px
}
.article-wrapper {
    position: relative;
    width: 100%;
    padding-bottom: 52px;
}
.article-date {
    padding: 0 10px;
    font-size: 12px;
    line-height: 3;
    color: #999;
    font-weight: 600;
}
.articles-title {
    text-transform: uppercase;
    color: rgba(0,0,0,.56);
    letter-spacing: 1px;
    line-height: 3;
    font-weight: 600;
    margin-bottom: 17px;
}
.article-title {
    display: block;
    font-size: 20px;
    font-weight: 600;
    color: #000;
    line-height: 1.65;
    padding: 0 10px;
}

.topper-content-trigger .article-date,.topper-content-trigger .article-title {
	padding:0
}
.topper-content-trigger .article-date {
	font-weight:900
}
.topper-img-in {
	display:block;
	position:absolute;
	height:370px;
	opacity:0;
	visibility:hidden;
	overflow:hidden;
	border-radius:17px;
	-webkit-mask-image:radial-gradient(#fff,#000);
	mask-image:radial-gradient(#fff,#000)
}
.topper-img-in:hover img {
	transform:scale(1.03) translateX(-49%)
}
@media only screen and (max-width:767px) {
	.topper-img-in:hover img {
	transform:scale(1)
}
}.topper-img-in img {
    width:100%;
	position:absolute;
	display:block;
	min-height:277px;
	min-width:544px;
	top:0;
	bottom:0;
	left:50%;
	transform:scale(1) translateX(-50%);
	border-radius:17px;
	transition:transform .3s ease-in-out;
}
.topper-img-in.-active {
	position:relative;
	opacity:1;
	visibility:visible
}
.topper .swiper-slide {
	width:70%;
	text-align:left
}
.topper .swiper-wrapper img {
	width:100%;
	border-radius:17px
}


.malwarepedia.-dark .topper-content-trigger.-active:before,.malwarepedia.-dark .topper-content-trigger:hover:before {
	background:#fff
}
.topper,.malwarepedia.category .topper-content {
	padding:0
}
.malwarepedia.category .topper-cta {
	display:flex;
	flex-wrap:wrap
}
@media only screen and (max-width:575px) {
	.malwarepedia.category .topper-cta .btn {
	width:100%
}
}.malwarepedia.category .topper-cta .wrapper {
	text-align:center;
	margin-right:20px
}
@media only screen and (max-width:575px) {
	.malwarepedia.category .topper-cta .wrapper {
	margin-right:0;
	width:100%
}
}.malwarepedia.category .topper-cta .wrapper .btn.-success {
	margin-bottom:10px
}
@media only screen and (max-width:575px) {
	.malwarepedia.category .topper-cta .wrapper .btn.-success {
	margin-bottom:8px;
	font-size:15px;
	padding:0 12px
}
}@media only screen and (max-width:575px) {
	.malwarepedia.category .topper-cta .wrapper .hint {
	margin-bottom:8px
}
}.malwarepedia.category .topper-title {
	font-size:40px;
	margin-top:20px
}
@media only screen and (max-width:575px) {
	.malwarepedia.category .topper-title {
	font-size:20px;
	line-height:30px;
	margin-bottom:10px;
	max-width:200px
}
}.malwarepedia.category .topper-subtitle {
	font-size:24px;
	line-height:34px;
	margin-bottom:25px
}
@media only screen and (max-width:575px) {
	.malwarepedia.category .topper-subtitle {
	font-size:20px;
	line-height:30px
}
}.malwarepedia.category .topper-text {
	font-size:18px;
	line-height:27px
}
@media only screen and (max-width:575px) {
	.malwarepedia.category .topper-text {
	font-size:16px;
	line-height:24px;
	margin-bottom:36px
}
}.malwarepedia.category .topper .logo_malware img {
	height:auto;
	max-width:100%
}
@media only screen and (max-width:575px) {
	.malwarepedia.category .topper .logo_malware {
	display:none
}
}.malwarepedia.category .topper .malware {
	display:none
}
@media only screen and (max-width:575px) {
	.malwarepedia.category .topper .malware {
	display:block
}
}
.article-img img {
	transform:scale(1.03) translateX(-49%)
}

	.article-item:hover .article-img img {
	transform:scale(1.03)
}
@media only screen and (max-width:767px) {
	.article-item:hover .article-img img {
	transform:scale(1);
	transform:scale(1) translateY(-50%)
}
}.article-item.-more {
	display:flex;
	align-items:center;
	height:492px;
	padding:30px;
	text-align:center;
	background:none;
	border-radius:10px;
	border:2px solid #ebebeb;
	transition:border-color .2s ease-in-out
}
.article-item.-more:hover {
	border-color:rgba(51,51,51,.24)
}
.article-item.-more:hover .h4 {
	color:#1b9eff
}
@media only screen and (max-width:767px) {
	.article-item.-more {
	height:318px;
	padding:32px 16px
}
}.article-img {
	display:block;
	position:relative;
	margin-bottom:8px;
	height:220px;
	overflow:hidden;
	border-radius:17px;
	-webkit-mask-image:radial-gradient(#fff,#000);
	mask-image:radial-gradient(#fff,#000)
}
@media only screen and (max-width:767px) {
	.article-img {
	height:210px
}
}@media only screen and (max-width:575px) {
	.article-img {
	margin-bottom:21px
}
}.article-img img {
	position:absolute;
	display:block;
	height:auto;
	width:auto;
	min-height:220px;
	min-width:544px;
	top:0;
	bottom:0;
	left:50%;
	transform:scale(1) translateX(-50%);
	transition:transform .3s ease-in-out
}

.article-img img {
	width:100%;
	height:100%;
	top:auto;
	left:auto;
	bottom:auto;
	transform:scale(1);
	min-width:0;
	-o-object-fit:cover;
	object-fit:cover
}
@media only screen and (max-width:767px) {
	.article-img img {
	min-width:0;
	top:50%;
	left:0;
	right:0;
	width:100%;
	transform:scale(1) translateY(-50%);
	height:auto;
	min-height:0
}
}
a:hover{
    text-decoration:none;
}
.container {
    width: 1080px;
    margin: auto;
    padding: 0;
}
.tutorials{
    background: #fafafa;
}

.tutorials .banner {
    position:relative;
    background: #fafafa;
    background-size:100%;
    padding: 15px 10px;
}
.tutorials .banner-container {
    width: 1060px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.tutorials .banner-container .banner-l{
    display: flex;
    align-items: center;
    max-width: 480px;
}
.tutorials .banner-container .banner-l .banner-logo{
    padding-right:15px;
    z-index:999;
}

.tutorials .banner-container .banner-logo img {
    max-height: 120px;
}
.tutorials section.banner:before{
    content:"";
    position: absolute;
    top:0;
    width:100%;
    height:100%;
    /*background:#BA68C8;*/
    opacity:0.8;
}
.tutorials .banner .title {
    position:relative;
    color: #fff;
    text-align: left;
    font-size: 18px;
    z-index:1;
    padding-top:10px;
}
.tutorials .banner .des {
    position:relative;
    font-size: 14px;
    line-height: 26px;
    text-align: left;
    max-width: 888px;
    z-index:1;
    color:#fff;
}
.banner-nav{
    background: #BA68C8;
    background-size:100%;
}
.nav-tabs{
    max-width:1060px;
    margin:auto;
    
}
.nav-tabs{
    border-bottom:none;
}
.nav-tabs>li{
    width:160px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
    border-radius: 0;
}
.nav>li>a:focus, .nav>li>a:hover{
    background:#fff;
}
.nav-tabs>li>a:hover {
    border-color: #fff #fff #fff;
}
.tutorials .button-box {
    display: none;
    justify-content: center;
    position: relative;
}
.tutorials .button {
    display: block;
    width: 140px;
    height: 40px;
    background: #2ad9c2;
    border: 1.5px solid #2ad9c2;
    font-size: 16px;
    color: #1e2433;
    line-height: 37px;
    text-align: center;
    border-radius: 4px;
    padding: 0 14px;
    margin-left: 15px;
    margin-right: 15px;
}
.tutorials .button:hover {
    color: #F44336 !important;
    background: #fff !important;
    border-color: #F44336 !important;
    text-decoration:none;
}

.tutorials .topics {
    padding-top: 10px;
    margin-bottom:70px;
}
.tutorials .topics .topic-list {
    width: 24%;
    float: right;
    max-width:230px;
}
.tutorials .topics .topic-list .topic{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 2px solid #F44336;
}
.tutorials .topics .topic-list .topic span {
    /*display: block;*/
    font-size: 18px;
    color: #333333;
    font-weight: bold;
}
.tutorials .topics .topic-list .topic a {
    color: #999999;
    font-size: 14px;
}
.tutorials .topics .topic-list .topic a span {
    color: #999999;
    font-size: 14px;
    transition: margin-left 0.5s;
}
.tutorials .topics .topic-list .list .child {
    margin-bottom: 20px;
}
.tutorials .topics .topic-list .list .child:hover {
    background: url(../images/right-triangle.svg) no-repeat right center;
}

.tutorials .topics .topic-list .list .child a {
    color: #666;
    font-size: 16px;
}
.tutorials .topics .topic-list .list .child a.other-tutorials{
    position: relative;
    display: block;
    margin-top: 20px;
    box-shadow: 0 0 20px rgb(0 0 0 / 40%);
    transition: all 0.5s;
}
.tutorials .topics .topic-list .list .child a.other-tutorials img {
    max-width: 100%;
}
.tutorials .topics .topic-list .list .child a.other-tutorials span {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    color: #ffffff;
    font-size: 14px;
    display: block;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0 20px;
}
.tutorials .topics .topic-list .list .child a.other-tutorials::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 0;
}
.tutorials .topics .topic-list .list .child:hover a {
    color: #F44336;
}

div[data-listid="2"] div[data-listid="0"],div[data-listid="4"] div[data-listid="2"],div[data-listid="3"] div[data-listid="3"],div[data-listid="5"] div[data-listid="1"] {
    background: url(../images/right-triangle.svg) no-repeat right center;
}
div[data-listid="2"] div[data-listid="0"] a,div[data-listid="4"] div[data-listid="2"] a,div[data-listid="3"] div[data-listid="3"] a,div[data-listid="5"] div[data-listid="1"] a{
    padding-right:5px;
    color: #F44336 !important;
}
.list-1, .list-2, .list-3, .list-4, .list-5{
    display:none;
}


.tutorials .topics .topic-art {
    width: 72%;
    float: left;
    background:#fff;
    padding:30px 50px;
}
.pro {
    display:none;
    position: relative;
}
.pro img {
    width: 100%;
}
.pro .ad {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    padding: 0 22px;
    padding-top: 36px;
}
.pro .ad .word {
    width: 65%;
}
.pro .ad .word .name {
    font-size: 32px;
    color: #fff;
    margin-bottom: 15px;
}
.pro .ad .word p {
    font-size: 16px;
    color: #fff;
}

.tutorials .topics .topic-art .art-title {
    color: #333;
    font-size: 32px;
    border-left: 6px solid #F44336;
    padding-left: 10px;
}
.tutorials .topics .topic-art .button-box{
    justify-content: left;
    margin-top:20px;
}
.tutorials .topics .topic-art .list .child {
    padding: 35px 0 12px;
    border-bottom: 1px solid #e0e0e0;
}

.tutorials .topics .topic-art .list .child .list_title a {
    color: #333;
    font-size: 24px;
}
.tutorials .topics .topic-art .list .child .list_title a:hover{
    color: #F44336;
}
.tutorials .topics .topic-art .list .child>p:nth-child(2) {
    color: #666;
    font-size: 16px;
    line-height: 26px;
    margin: 10px 0 20px;
}

.tutorials .topics .topic-art .list .child .detail {
    padding:10px 0;
    overflow: hidden;
}

.tutorials .topics .topic-art .list .child .detail span {
    margin-bottom: inherit;
    color: #999;
    font-size: 14px;
    padding: 0 12px;
    /*float: left;*/
    border-left: .5px solid #999;
}
.tutorials .topics .topic-art .list .child .detail span a{
    color: #F44336;
    font-size:16px;
}

.tutorials .topics .topic-art .list .child .detail span a:first-child:hover{
    text-decoration:underline;
}

.tutorials .topics .topic-art .list .child .detail span:first-child {
    border-left: none;
    padding-left: inherit;
    position:relative;
}
.tutorials .topics .topic-art .list .child .detail span i{
    position:relative;
    top:3px;
    left:2px;
    padding-right:10px;
}
.child dt img{
       max-width:unset; 
    }    

.page{
    padding:20px;
}

#a3{
    margin:0 60px;
}
#page a{
    margin-left:20px;
}
#a3 a{
    margin-left:5px;
}

/*hot guides css*/
.product-category-panel-wrap {
  padding-bottom: 90px;
}
@media (max-width: 769px) {
  .product-category-panel-wrap {
    padding-bottom: 60px;
  }
}
.product-category-panel-wrap .tag-and-publish-time {
  color: #999;
  margin-bottom: 20px;
}
.product-category-panel-wrap .tag-and-publish-time span {
  margin-right: 15px;
}
.product-category-panel-wrap .tag-and-publish-time span:first-child {
  position: relative;
  padding-left: 20px;
}
.product-category-panel-wrap .tag-and-publish-time span:first-child::before {
  content: '';
  position: absolute;
  width: 15px;
  height: 15px;
  background: url(/images/tag.svg) no-repeat center center;
  background-size: cover;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.product-category-panel-wrap .tag-and-publish-time span a {
  font-size: 14px;
  color: #999999;
}
.product-category-panel-wrap .tag-and-publish-time span a:hover {
  color: #449ae7;
}
.product-category-panel-wrap .product-category-panel {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: space-between;
  padding: 40px;
  margin-top: 60px;
}
@media (max-width: 769px) {
  .product-category-panel-wrap .product-category-panel {
    flex-direction: column;
    padding: 30px 15px;
  }
}
.product-category-panel-wrap .product-category-panel:first-child {
  margin-top: 0;
}
.product-category-panel-wrap .product-category-panel .lastest-article {
  width: 55%;
}
@media (max-width: 769px) {
  .product-category-panel-wrap .product-category-panel .lastest-article {
    width: 100%;
    text-align: center;
  }
}
.product-category-panel-wrap .product-category-panel .lastest-article .lastest-article-header {
  padding-bottom: 10px;
  border-bottom: 2px solid #e0e0e0;
  margin-bottom: 30px;
  display: flex;
  justify-content: space-between;
}
.product-category-panel-wrap .product-category-panel .lastest-article .lastest-article-header .lastest-article-tag {
  font-size: 18px;
  font-weight: bold;
}
@media (max-width: 600px) {
  .product-category-panel-wrap .product-category-panel .lastest-article .lastest-article-header .lastest-article-tag {
    font-size: 16px;
  }
}
.product-category-panel-wrap .product-category-panel .lastest-article .lastest-article-header a {
  font-size: 14px;
  color: #999999;
}
.product-category-panel-wrap .product-category-panel .lastest-article .lastest-article-header a span {
  transition: margin-left 0.5s;
}
.product-category-panel-wrap .product-category-panel .lastest-article .lastest-article-header a:hover {
  color: #449ae7;
}
.product-category-panel-wrap .product-category-panel .lastest-article .lastest-article-header a:hover span {
  margin-left: 10px;
}
.product-category-panel-wrap .product-category-panel .lastest-article .lastest-article-main .lastest-article-main-title {
  margin-bottom: 10px;
}
.product-category-panel-wrap .product-category-panel .lastest-article .lastest-article-main .lastest-article-main-title a {
  color: #333333;
  font-size: 18px;
  font-weight: bold;
  line-height: 30px;
}
.product-category-panel-wrap .product-category-panel .lastest-article .lastest-article-main .lastest-article-main-title a:hover {
  color: #449ae7;
}
.product-category-panel-wrap .product-category-panel .lastest-article .lastest-article-main .lastest-article-main-description {
  color: #666666;
  font-size: 14px;
  line-height: 28px;
  margin-bottom: 10px;
}
.product-category-panel-wrap .product-category-panel .lastest-article .lastest-article-main .figure img {
  max-width: 100%;
  border-radius: 20px;
}
.product-category-panel-wrap .product-category-panel .lastest-recommend-article-list-area {
  width: 40%;
}
.product-category-panel-wrap .product-category-panel .lastest-recommend-article-list-area .lastest-recommend-article-list-area-download {
  position:relative;
}
.product-category-panel-wrap .product-category-panel .lastest-recommend-article-list-area .lastest-recommend-article-list-area-download img{
    width:100%;
    height:220px;
}
.product-category-panel-wrap .product-category-panel .lastest-recommend-article-list-area .lastest-recommend-article-list-area-download .buttons {
  position:absolute;
  bottom: 10px;
}
.product-category-panel-wrap .product-category-panel .lastest-recommend-article-list-area .banner:after{
    content:none;
}
@media (max-width: 769px) {
  .product-category-panel-wrap .product-category-panel .lastest-recommend-article-list-area {
    width: 100%;
    margin-top: 40px;
  }
}
.product-category-panel-wrap .product-category-panel .lastest-recommend-article-list-area .lastest-recommend-article-list-area-header {
  padding-bottom: 10px;
  border-bottom: 2px solid #e0e0e0;
  display: flex;
  justify-content: space-between;
}
.product-category-panel-wrap .product-category-panel .lastest-recommend-article-list-area .lastest-recommend-article-list-area-header .lastest-recommend-article-list-tag {
  font-size: 18px;
  font-weight: bold;
}
@media (max-width: 600px) {
  .product-category-panel-wrap .product-category-panel .lastest-recommend-article-list-area .lastest-recommend-article-list-area-header .lastest-recommend-article-list-tag {
    font-size: 16px;
  }
}
.product-category-panel-wrap .product-category-panel .lastest-recommend-article-list-area .lastest-recommend-article-list .lastest-recommend-article-item {
  display: flex;
  padding: 23px 0;
  border-bottom: 1px dashed #e0e0e0;
  align-items: baseline;
}
.product-category-panel-wrap .product-category-panel .lastest-recommend-article-list-area .lastest-recommend-article-list .lastest-recommend-article-item > span {
  font-size: 14px;
  color: #3590e2;
  font-weight: bold;
}
.product-category-panel-wrap .product-category-panel .lastest-recommend-article-list-area .lastest-recommend-article-list .lastest-recommend-article-item .wrap {
  margin-left: 10px;
}
.product-category-panel-wrap .product-category-panel .lastest-recommend-article-list-area .lastest-recommend-article-list .lastest-recommend-article-item .wrap a {
  font-size: 16px;
  color: #333333;
  line-height: 30px;
}
.product-category-panel-wrap .product-category-panel .lastest-recommend-article-list-area .lastest-recommend-article-list .lastest-recommend-article-item .wrap a:hover {
  color: #449ae7;
}
.product-category-panel-wrap .product-category-panel .lastest-recommend-article-list-area .lastest-recommend-article-list .lastest-recommend-article-item .wrap .tag-and-publish-time {
  margin-bottom: 0;
  margin-top: 5px;
}
.product-category-panel-wrap .product-category-panel .lastest-recommend-article-list-area .lastest-recommend-article-list .lastest-recommend-article-item .wrap .tag-and-publish-time a {
  font-size: 14px;
  color: #999;
}
.product-category-panel-wrap .product-category-panel .lastest-recommend-article-list-area .lastest-recommend-article-list .lastest-recommend-article-item .wrap .tag-and-publish-time a:hover {
  color: #3590e2;
}
.product-category-panel-wrap .product-category-panel .lastest-recommend-article-list-area .lastest-recommend-article-list .lastest-recommend-article-item:last-child {
  border: none;
}

@media(max-width:768px){
    .tutorials .banner{
        background-size:unset;
    }
    .container {
    width: 100%;
}
.tutorials .topics .topic-list .topic span{
    text-align:center;
}
.tutorials .topics .topic-list{
    width:100%;
}
.pro{
    display:none;
}
.tutorials .topics .topic-list .list .child{
    margin-bottom: 20px;
    width: 39%;
    display: inline-flex;
    justify-content: space-around;
}
.tutorials .topics .topic-list .list .child:first-child{
    
}
.tutorials .topics .topic-art .list .child .list_title a{
    font-size:18px;
}
.tutorials .topics .topic-art{
    width:100%;
    padding:0 15px;
}
.tutorials .topics .topic-art .list .child .detail p{
    padding:0 12px;
}

}