*,*::before,*::after {
box-sizing: border-box
}

html {
font-family: sans-serif;
font-size: 10px;
-webkit-tap-highlight-color: rgba(0,0,0,0);
text-size-adjust: 100%
}

body {
background-color: #fff;
color: #333;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.42857143;
margin: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
display: block
}

audio,canvas,progress,video {
display: inline-block;
vertical-align: baseline
}

audio:not([controls]) {
display: none;
height: 0
}

[hidden],template {
display: none
}

a {
background-color: transparent;
text-decoration: none
}

a:hover,a:focus {
text-decoration: underline
}

a:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px
}

a:active,a:hover {
outline: 0
}

abbr[title] {
border-bottom: 1px dotted
}

b,strong {
font-weight: bold
}

dfn {
font-style: italic
}

h1 {
font-size: 2em;
margin: .67em 0
}

mark {
background: #fff5d8;
color: #333
}

small {
font-size: 80%
}

sub,sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}

sup {
top: -.5em
}

sub {
bottom: -.25em
}

img {
border: 0;
vertical-align: middle
}

svg:not(:root) {
overflow: hidden
}

figure {
margin: 0
}

hr {
box-sizing: content-box;
height: 0
}

pre {
overflow: auto
}

code,kbd,pre,samp {
font-family: monospace, monospace;
font-size: 1em
}

button,input,optgroup,select,textarea {
color: inherit;
font: inherit;
margin: 0
}

button {
overflow: visible
}

button,select {
text-transform: none
}

button,html input[type="button"],input[type="reset"],input[type="submit"] {
-webkit-appearance: button;
cursor: pointer
}

button[disabled],html input[disabled] {
cursor: default
}

button::-moz-focus-inner,input::-moz-focus-inner {
border: 0;
padding: 0
}

input {
line-height: normal
}

input[type="checkbox"],input[type="radio"] {
box-sizing: border-box;
padding: 0
}

input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
height: auto
}

input[type="search"] {
-webkit-appearance: textfield;
box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none
}

fieldset {
border: 1px solid #ddd;
margin: 0 2px;
padding: .35em .625em .75em
}

legend {
border: 0;
padding: 0
}

textarea {
overflow: auto
}

optgroup {
font-weight: bold
}

table {
border-collapse: collapse;
border-spacing: 0
}

td,th {
padding: 0
}

input,button,select,textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit
}

ul,ol {
margin-bottom: 10px;
margin-top: 0
}

ul ul,ol ul,ul ol,ol ol {
margin-bottom: 0
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
color: inherit;
font-family: inherit;
font-weight: 500;
line-height: 1.1
}

h1,.h1,h2,.h2,h3,.h3 {
margin-bottom: 10px;
margin-top: 20px
}

h5,.h5 {
font-size: 14px
}

p {
margin: 0 0 10px
}

small,.small {
font-size: 85%
}

h2,.h2 {
font-size: 30px
}

h3,.h3 {
font-size: 24px
}

h4,.h4 {
font-size: 18px
}

input[type=checkbox],input[type=radio] {
box-sizing: border-box;
line-height: normal;
margin: 4px 0 0;
padding: 0
}

label {
display: inline-block;
font-weight: 700;
margin-bottom: 5px;
max-width: 100%
}

@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(../assets/KFOkCnqEu92Fr1Mu51xFIzIXKMnyrYk-04cea22ced47fd57b53fe55d84bfc5949550d9fcde3b8366cf64ac0afa7d16b5.woff2) format("woff2");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(../assets/KFOkCnqEu92Fr1Mu51xMIzIXKMnyrYk-0f24947492560bd0e40bfe2e30c69d1b61e38fbb6b7210959edc1883fcb180a6.woff2) format("woff2");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(../assets/KFOkCnqEu92Fr1Mu51xEIzIXKMnyrYk-5dc4bf6b1f7d2944f0f1b76cdb0da9f37d05d702b585d8ccd6185260f2f85b02.woff2) format("woff2");
unicode-range: U+1F00-1FFF
}

@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(../assets/KFOkCnqEu92Fr1Mu51xLIzIXKMnyrYk-e8ccba3cfd57f60467561c599c953336d9962938e696109ebaddfb28b68d3c94.woff2) format("woff2");
unicode-range: U+0370-03FF
}

@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(../assets/KFOkCnqEu92Fr1Mu51xHIzIXKMnyrYk-4652e898b8ace8c5344888f231e596edfc49f5db66b7bfac51bc58a347c34f5c.woff2) format("woff2");
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}

@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(../assets/KFOkCnqEu92Fr1Mu51xGIzIXKMnyrYk-1c68af6222f02fc9889a84b0a441a08dcb5277654c794f12c652ec8aa6ee738b.woff2) format("woff2");
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(../assets/KFOkCnqEu92Fr1Mu51xIIzIXKMny-2e364314aeb354ef013856c8a481bbe58fe2d3b42eebf2e393f3919a96dc86bb.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 500;
font-display: swap;
src: url(../assets/KFOjCnqEu92Fr1Mu51S7ACc3CsTYl4BOQ3o-cd766286cf2e2f99308e522ac9a5477406c7ad632dd14522b44e727feab5f601.woff2) format("woff2");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 500;
font-display: swap;
src: url(../assets/KFOjCnqEu92Fr1Mu51S7ACc-CsTYl4BOQ3o-ec005631c80689a0bdb72479f48b77695a2eca2138aae0f108e8f9ff33064440.woff2) format("woff2");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 500;
font-display: swap;
src: url(../assets/KFOjCnqEu92Fr1Mu51S7ACc2CsTYl4BOQ3o-802b8f530c4ce6ad547b7c8dfececfb9f76a8a5224fb043cb4dc16386c795619.woff2) format("woff2");
unicode-range: U+1F00-1FFF
}

@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 500;
font-display: swap;
src: url(../assets/KFOjCnqEu92Fr1Mu51S7ACc5CsTYl4BOQ3o-c77253f9f02ba6569f2b92ca594ac49005295ce76ced8a37039e657d2d6baef5.woff2) format("woff2");
unicode-range: U+0370-03FF
}

@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 500;
font-display: swap;
src: url(../assets/KFOjCnqEu92Fr1Mu51S7ACc1CsTYl4BOQ3o-7148ae6d77ff8bd496761b573633ebf46ddc8cf198a5d09d9ea3c057a7697ef7.woff2) format("woff2");
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}

@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 500;
font-display: swap;
src: url(../assets/KFOjCnqEu92Fr1Mu51S7ACc0CsTYl4BOQ3o-ea55bf3a4c7df0b89d2621d00ede5ac11fcff8d141c73bfd73b719fdb4a35ab3.woff2) format("woff2");
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 500;
font-display: swap;
src: url(../assets/KFOjCnqEu92Fr1Mu51S7ACc6CsTYl4BO-4d573eeb3047adbef9f92657e2731f1972ebd34da05d009f6b9311a7747b01bc.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(../assets/KFOjCnqEu92Fr1Mu51TzBic3CsTYl4BOQ3o-e4b13da964f283cf8e4de83a69a59b79c53416aaf3c1e324926ea2fe71599b38.woff2) format("woff2");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(../assets/KFOjCnqEu92Fr1Mu51TzBic-CsTYl4BOQ3o-a12bb5c5c095703624062680340f04434c7287e1514c1cc5cbcd3fc862d8707f.woff2) format("woff2");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(../assets/KFOjCnqEu92Fr1Mu51TzBic2CsTYl4BOQ3o-478bc8854bb0f8daab26c3f01510791ecb9cad09e8f042d15328f88c153e70ea.woff2) format("woff2");
unicode-range: U+1F00-1FFF
}

@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(../assets/KFOjCnqEu92Fr1Mu51TzBic5CsTYl4BOQ3o-89769b081900e9e0ac5b08de4f318985bf233063462fc1770ca5111889f71445.woff2) format("woff2");
unicode-range: U+0370-03FF
}

@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(../assets/KFOjCnqEu92Fr1Mu51TzBic1CsTYl4BOQ3o-a0c853d4bbd5882411fa726fd8e5bdfe894afed9faa1d4c0cd2f4ee23bd7a728.woff2) format("woff2");
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}

@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(../assets/KFOjCnqEu92Fr1Mu51TzBic0CsTYl4BOQ3o-1c06dd2182d63370cf2361ff0f6609321a9aacadc22e3e903f7f27f7a0ac00a0.woff2) format("woff2");
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(../assets/KFOjCnqEu92Fr1Mu51TzBic6CsTYl4BO-fce4150b84832876cea771522f5badde33fd1aa584575b1da5ce27ffa2d0cbc3.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(../assets/KFOmCnqEu92Fr1Mu72xKKTU1Kvnz-36ad3a4790383688caee2487a94207be1a1beb7ad68141c4d594add67c40d2a5.woff2) format("woff2");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(../assets/KFOmCnqEu92Fr1Mu5mxKKTU1Kvnz-56953dc89d8c1ba151a0e5d79b1b9ad05351808df6e03a99ef026ed97f285f99.woff2) format("woff2");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(../assets/KFOmCnqEu92Fr1Mu7mxKKTU1Kvnz-c1634c4edf2046500ff38726a9c6332e71767fa4381906583603d9c10ecdd696.woff2) format("woff2");
unicode-range: U+1F00-1FFF
}

@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(../assets/KFOmCnqEu92Fr1Mu4WxKKTU1Kvnz-95f4946272ced183e9d6eba9409a2dcbe52b184ddcb0ee77ebe84f119ece8a58.woff2) format("woff2");
unicode-range: U+0370-03FF
}

@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(../assets/KFOmCnqEu92Fr1Mu7WxKKTU1Kvnz-5812c20eb133aa50c75fb28d4f6577d7017631c1a31eeb21893414233cd8101c.woff2) format("woff2");
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}

@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(../assets/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz-ec61f28896616164bf95907900061e38917935bb25c3661943ebd9bdccebd100.woff2) format("woff2");
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(../assets/KFOmCnqEu92Fr1Mu4mxKKTU1Kg-a69138ffd0f0223793b2c2ade4f531bb653668af83686b9f0620d66bc9e543a7.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(../assets/KFOlCnqEu92Fr1MmEU9fCRc4AMP6lbBP-bb05d839b614b9bb923af7c72bd41e281afa47f545bba96067ef7fbfe99982b2.woff2) format("woff2");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(../assets/KFOlCnqEu92Fr1MmEU9fABc4AMP6lbBP-153232dd94b5861662a1ad8c52a842a17f80e92a0c35f6e2c8293873f279dc31.woff2) format("woff2");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/assets/KFOlCnqEu92Fr1MmEU9fCBc4AMP6lbBP-7af2214d692c458b66f2966522ceb30167922e3e67667fcc7aecccf84be9d7cd.woff2) format("woff2");
unicode-range: U+1F00-1FFF
}

@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(../assets/KFOlCnqEu92Fr1MmEU9fBxc4AMP6lbBP-370d97bf247e83f4fd867dde9c9cbb3f5968f93cba34ab39d949ce6faa7d328b.woff2) format("woff2");
unicode-range: U+0370-03FF
}

@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(../assets/KFOlCnqEu92Fr1MmEU9fCxc4AMP6lbBP-59bdc0467603cbc4a35bd1f3bff88f00ae610174fdeb6d538642c84c01ff51fc.woff2) format("woff2");
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}

@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/assets/KFOlCnqEu92Fr1MmEU9fChc4AMP6lbBP-175df782ab3c0a817fa987427dfe5cd2a9a065f6c933d462587d446147d3b095.woff2) format("woff2");
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(../assets/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ-a99ad93b4199b8adf117cde98a8ac35e90d0af149a03c63b53bb35ecaa8ed8b7.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/assets/KFOlCnqEu92Fr1MmWUlfCRc4AMP6lbBP-693da8e9500531b080724b43745eadde156ddaec96858ce91b8d1d35415e59b9.woff2) format("woff2");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(../assets/KFOlCnqEu92Fr1MmWUlfABc4AMP6lbBP-6df0ac1e2d58cc2e63ee149fcc7f84aebdc6264e64ab2112d6fb2babbf7ac736.woff2) format("woff2");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(../assets/KFOlCnqEu92Fr1MmWUlfCBc4AMP6lbBP-c30471b1f97865ba825b68a1d38f03dc2afb3f67e46377c3379b69e2798b5466.woff2) format("woff2");
unicode-range: U+1F00-1FFF
}

@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(../assets/KFOlCnqEu92Fr1MmWUlfBxc4AMP6lbBP-f31038b57e090f7557109289806c6acefa2831a60fe5b531603e62d15d6a2213.woff2) format("woff2");
unicode-range: U+0370-03FF
}

@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(../assets/KFOlCnqEu92Fr1MmWUlfCxc4AMP6lbBP-5e06bbd2ca39663b2f34ae85c7f43a6aa0fa3075aa5f4c34d308c45bb8840107.woff2) format("woff2");
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}

@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(../assets/KFOlCnqEu92Fr1MmWUlfChc4AMP6lbBP-659f1f22d3e77c433b4cc35aee81f231339774b11488dcdf14578a7d35046837.woff2) format("woff2");
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(../assets/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ-d9275135124c4b8b42b4d1dc397e3721b36a7489009a740d535eae07718bd0d6.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
font-family: 'Nunito';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(../assets/XRXI3I6Li01BKofiOc5wtlZ2di8HDDsmdTk3j6zbXWjgevT5-126a7677f3bdaad7226b2004f2eb73705d0557106d609cbe5242d01ed1e9a4ff.woff2) format("woff2");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
font-family: 'Nunito';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(../assets/XRXI3I6Li01BKofiOc5wtlZ2di8HDDsmdTA3j6zbXWjgevT5-174f5e1140ebc020a152eb1368927f954d3ac63e9b1606a4ffae02cec389189f.woff2) format("woff2");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
font-family: 'Nunito';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(../assets/XRXI3I6Li01BKofiOc5wtlZ2di8HDDsmdTs3j6zbXWjgevT5-0f0c41c0eb62b6bd067dd507924deb1489a0044e83a29fd69cf2a9aae8b87216.woff2) format("woff2");
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}

@font-face {
font-family: 'Nunito';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(../assets/XRXI3I6Li01BKofiOc5wtlZ2di8HDDsmdTo3j6zbXWjgevT5-f3a6b9845c5213ef519752157619e791da5734231d98c1caca127fe3a9659dee.woff2) format("woff2");
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
font-family: 'Nunito';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(../assets/XRXI3I6Li01BKofiOc5wtlZ2di8HDDsmdTQ3j6zbXWjgeg-d1bc99418e071a7b8049643660e7ee0e89ed7a67b58146a2bb915f4825c0d85e.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
font-family: 'fontello';
font-style: normal;
font-weight: normal;
font-display: block;
src: url(../assets/fontello-bee07075177840f89c794551c2ba6f34f37d1950b4ad50c5c6b4dc06a8b9ce85.woff2) format("woff2")
}

.icon-angle-down:before,.icon-angle-up:before,.icon-male:before,.icon-female:before,.icon-up-dir:before,.icon-down-dir:before,.icon-up:before,.icon-down:before,.icon-warning-empty:before,.icon-cancel:before,.icon-ok:before,.icon-clock:before,.icon-share:before,.icon-chart-pie:before,.icon-chart-bar:before,.icon-list:before,.icon-docs:before,.icon-users:before,.icon-user:before,.icon-doc-new:before,.icon-star-empty:before,.icon-heart-empty:before,.icon-heart:before,.icon-star:before,.icon-list-alt:before,.icon-tags:before,.icon-tag:before,.icon-pencil:before,.icon-award:before,.icon-wrench:before,.icon-cog:before,.icon-book:before,.icon-bug:before,.icon-info-circled:before,.icon-home:before,.icon-link-ext:before,.icon-thumbs-down:before,.icon-thumbs-up:before,.icon-flag:before,.icon-flag-empty:before,.icon-help-circled:before,.icon-picture:before,.icon-eye:before,.icon-lock:before,.icon-lock-open-alt:before,.icon-lock-open:before,.icon-forward:before,.icon-reply:before,.icon-mail:before,.icon-right-big:before,.icon-search:before,.icon-trash:before,.icon-user-add:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: .2em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}

.icon-user-add:before {
content: '\e800'
}

.icon-trash:before {
content: '\e801'
}

.icon-search:before {
content: '\e802'
}

.icon-right-big:before {
content: '\e803'
}

.icon-mail:before {
content: '\e804'
}

.icon-reply:before {
content: '\e805'
}

.icon-forward:before {
content: '\e806'
}

.icon-lock-open:before {
content: '\e807'
}

.icon-lock-open-alt:before {
content: '\e808'
}

.icon-lock:before {
content: '\e809'
}

.icon-eye:before {
content: '\e80a'
}

.icon-picture:before {
content: '\e80b'
}

.icon-help-circled:before {
content: '\e80c'
}

.icon-flag-empty:before {
content: '\e80d'
}

.icon-flag:before {
content: '\e80e'
}

.icon-thumbs-up:before {
content: '\e80f'
}

.icon-thumbs-down:before {
content: '\e810'
}

.icon-link-ext:before {
content: '\e811'
}

.icon-home:before {
content: '\e812'
}

.icon-info-circled:before {
content: '\e813'
}

.icon-bug:before {
content: '\e814'
}

.icon-book:before {
content: '\e815'
}

.icon-cog:before {
content: '\e816'
}

.icon-wrench:before {
content: '\e817'
}

.icon-award:before {
content: '\e818'
}

.icon-pencil:before {
content: '\e819'
}

.icon-tag:before {
content: '\e81a'
}

.icon-tags:before {
content: '\e81b'
}

.icon-list-alt:before {
content: '\e81c'
}

.icon-star:before {
content: '\e81d'
}

.icon-heart:before {
content: '\e81e'
}

.icon-heart-empty:before {
content: '\e81f'
}

.icon-star-empty:before {
content: '\e820'
}

.icon-doc-new:before {
content: '\e821'
}

.icon-user:before {
content: '\e822'
}

.icon-users:before {
content: '\e823'
}

.icon-docs:before {
content: '\e824'
}

.icon-list:before {
content: '\e825'
}

.icon-chart-bar:before {
content: '\e826'
}

.icon-chart-pie:before {
content: '\e827'
}

.icon-share:before {
content: '\e828'
}

.icon-clock:before {
content: '\e829'
}

.icon-ok:before {
content: '\e82a'
}

.icon-cancel:before {
content: '\e82b'
}

.icon-warning-empty:before {
content: '\e82c'
}

.icon-down:before {
content: '\e82d'
}

.icon-up:before {
content: '\e82e'
}

.icon-down-dir:before {
content: '\e82f'
}

.icon-up-dir:before {
content: '\e830'
}

.icon-female:before {
content: '\e831'
}

.icon-male:before {
content: '\e832'
}

.icon-angle-up:before {
content: '\f106'
}

.icon-angle-down:before {
content: '\f107'
}

html {
background-color: #fff;
height: 100%;
min-height: 100%
}

html[dir="rtl"] html {
direction: rtl;
unicode-bidi: isolate
}

html body {
background-color: #f1f1f1;
color: #333;
font-family: "Roboto", Arial, sans-serif;
padding-bottom: 0
}

html body * {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility
}

html body a {
outline: none
}

html body a,html body a:hover {
color: #333
}

html body a:hover {
outline: none;
text-decoration: underline
}

html body a:focus {
outline: none
}

html body textarea {
resize: none
}

html body .ltr {
direction: ltr
}

html[dir="rtl"] html body .translation_missing {
direction: ltr
}

html[dir="rtl"] html body #div_for_keycaptcha {
direction: ltr
}

html[dir="rtl"] html body input[type=text] {
direction: ltr;
text-align: right
}

.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9 {
padding: 0
}

@media (min-width: 800px) {
.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9 {
padding:0 20px
}
}

.box {
background: #fff;
margin-bottom: 20px;
padding: 20px 0
}

@media (min-width: 800px) {
.box .row {
margin:12px 0
}
}

.box .row:first-child {
margin-top: 0
}

.box .row:last-child {
margin-bottom: 0
}

.box.no-background {
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
background: #f1f1f1 !important
}

.content-block {
padding: 10px 0 0
}

.content-block .content-block__title {
color: #333;
font-family: 'Nunito', sans-serif;
font-size: 28px;
font-weight: 800;
line-height: 1.1;
margin: 0
}

.content-block .content-block__desc {
color: #333;
font-size: 16px;
font-weight: 400;
line-height: 24px;
margin-top: 0
}

@media screen and (min-width: 800px) {
.content-block {
padding:10px 20px 0
}
}

.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12 {
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative
}

html body .header-1,html body .header-2,html body .header-3,html body .header-4,html body .header-5,html body .header-6,html body .header-7 {
color: #333;
font-family: 'Nunito', sans-serif;
font-weight: 800;
margin-top: 0
}

html body .header-1 {
font-size: 54px;
line-height: 72px
}

html body .header-2 {
font-size: 48px;
line-height: 54px
}

html body .header-3 {
font-size: 36px;
line-height: 46px
}

html body .header-4 {
font-size: 34px;
line-height: 40px
}

html body .header-5 {
font-size: 28px;
line-height: 34px
}

html body .header-6 {
font-size: 26px;
line-height: 32px
}

html body .header-7 {
font-size: 22px;
line-height: 28px
}

html body .header-8 {
font-size: 18px;
line-height: 28px
}

html body .subtitle {
color: #333;
font-family: 'Roboto', sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 28px;
margin-top: 0
}

html body .text-regular {
color: #333;
font-family: 'Roboto', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 24px;
margin-top: 0
}

.pre-content ul {
padding: 0
}

.pre-content ul li {
color: #666;
font-size: 13px;
line-height: 22px;
list-style-type: none
}

.pre-content ul li::before {
color: #999;
content: '•';
padding-right: 10px
}

@media (max-width: 859px) {
.pre-content .pre-content__column {
-webkit-flex-direction:column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
margin: 0
}
}

.clearfix::before,.clearfix::after,.dl-horizontal dd::before,.dl-horizontal dd::after,.container::before,.container::after,.container-fluid::before,.container-fluid::after,.row::before,.row::after,.form-horizontal .form-group::before,.form-horizontal .form-group::after,.btn-toolbar::before,.btn-toolbar::after,.btn-group-vertical>.btn-group::before,.btn-group-vertical>.btn-group::after,.nav::before,.nav::after,.navbar::before,.navbar::after,.navbar-header::before,.navbar-header::after,.navbar-collapse::before,.navbar-collapse::after,.pager::before,.pager::after,.panel-body::before,.panel-body::after,.modal-header::before,.modal-header::after,.modal-footer::before,.modal-footer::after {
content: " ";
display: table
}

.clearfix::after,.dl-horizontal dd::after,.container::after,.container-fluid::after,.row::after,.form-horizontal .form-group::after,.btn-toolbar::after,.btn-group-vertical>.btn-group::after,.nav::after,.navbar::after,.navbar-header::after,.navbar-collapse::after,.pager::after,.panel-body::after,.modal-header::after,.modal-footer::after {
clear: both
}

.row {
margin-left: -15px;
margin-right: -15px
}

.row::before,.row::after {
content: " ";
display: table
}

.row::after {
clear: both
}

.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9 {
padding: 0
}

@media (min-width: 800px) {
.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9 {
padding:0 20px
}
}

@media (min-width: 768px) {
.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12 {
float:left
}

.col-sm-12 {
width: 100%
}

.col-sm-11 {
width: 91.66666667%
}

.col-sm-10 {
width: 83.33333333%
}

.col-sm-9 {
width: 75%
}

.col-sm-8 {
width: 66.66666667%
}

.col-sm-7 {
width: 58.33333333%
}

.col-sm-6 {
width: 50%
}

.col-sm-5 {
width: 41.66666667%
}

.col-sm-4 {
width: 33.33333333%
}

.col-sm-3 {
width: 25%
}

.col-sm-2 {
width: 16.66666667%
}

.col-sm-1 {
width: 8.33333333%
}

.col-sm-pull-12 {
right: 100%
}

.col-sm-pull-11 {
right: 91.66666667%
}

.col-sm-pull-10 {
right: 83.33333333%
}

.col-sm-pull-9 {
right: 75%
}

.col-sm-pull-8 {
right: 66.66666667%
}

.col-sm-pull-7 {
right: 58.33333333%
}

.col-sm-pull-6 {
right: 50%
}

.col-sm-pull-5 {
right: 41.66666667%
}

.col-sm-pull-4 {
right: 33.33333333%
}

.col-sm-pull-3 {
right: 25%
}

.col-sm-pull-2 {
right: 16.66666667%
}

.col-sm-pull-1 {
right: 8.33333333%
}

.col-sm-pull-0 {
right: auto
}

.col-sm-push-12 {
left: 100%
}

.col-sm-push-11 {
left: 91.66666667%
}

.col-sm-push-10 {
left: 83.33333333%
}

.col-sm-push-9 {
left: 75%
}

.col-sm-push-8 {
left: 66.66666667%
}

.col-sm-push-7 {
left: 58.33333333%
}

.col-sm-push-6 {
left: 50%
}

.col-sm-push-5 {
left: 41.66666667%
}

.col-sm-push-4 {
left: 33.33333333%
}

.col-sm-push-3 {
left: 25%
}

.col-sm-push-2 {
left: 16.66666667%
}

.col-sm-push-1 {
left: 8.33333333%
}

.col-sm-push-0 {
left: auto
}

.col-sm-offset-12 {
margin-left: 100%
}

.col-sm-offset-11 {
margin-left: 91.66666667%
}

.col-sm-offset-10 {
margin-left: 83.33333333%
}

.col-sm-offset-9 {
margin-left: 75%
}

.col-sm-offset-8 {
margin-left: 66.66666667%
}

.col-sm-offset-7 {
margin-left: 58.33333333%
}

.col-sm-offset-6 {
margin-left: 50%
}

.col-sm-offset-5 {
margin-left: 41.66666667%
}

.col-sm-offset-4 {
margin-left: 33.33333333%
}

.col-sm-offset-3 {
margin-left: 25%
}

.col-sm-offset-2 {
margin-left: 16.66666667%
}

.col-sm-offset-1 {
margin-left: 8.33333333%
}

.col-sm-offset-0 {
margin-left: 0
}
}

@media (min-width: 992px) {
.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12 {
float:left
}

.col-md-12 {
width: 100%
}

.col-md-11 {
width: 91.66666667%
}

.col-md-10 {
width: 83.33333333%
}

.col-md-9 {
width: 75%
}

.col-md-8 {
width: 66.66666667%
}

.col-md-7 {
width: 58.33333333%
}

.col-md-6 {
width: 50%
}

.col-md-5 {
width: 41.66666667%
}

.col-md-4 {
width: 33.33333333%
}

.col-md-3 {
width: 25%
}

.col-md-2 {
width: 16.66666667%
}

.col-md-1 {
width: 8.33333333%
}
}

@media (min-width: 1200px) {
.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12 {
float:left
}

.col-lg-12 {
width: 100%
}

.col-lg-11 {
width: 91.66666667%
}

.col-lg-10 {
width: 83.33333333%
}

.col-lg-9 {
width: 75%
}

.col-lg-8 {
width: 66.66666667%
}

.col-lg-7 {
width: 58.33333333%
}

.col-lg-6 {
width: 50%
}

.col-lg-5 {
width: 41.66666667%
}

.col-lg-4 {
width: 33.33333333%
}

.col-lg-3 {
width: 25%
}

.col-lg-2 {
width: 16.66666667%
}

.col-lg-1 {
width: 8.33333333%
}

.col-lg-pull-12 {
right: 100%
}

.col-lg-pull-11 {
right: 91.66666667%
}

.col-lg-pull-10 {
right: 83.33333333%
}

.col-lg-pull-9 {
right: 75%
}

.col-lg-pull-8 {
right: 66.66666667%
}

.col-lg-pull-7 {
right: 58.33333333%
}

.col-lg-pull-6 {
right: 50%
}

.col-lg-pull-5 {
right: 41.66666667%
}

.col-lg-pull-4 {
right: 33.33333333%
}

.col-lg-pull-3 {
right: 25%
}

.col-lg-pull-2 {
right: 16.66666667%
}

.col-lg-pull-1 {
right: 8.33333333%
}

.col-lg-pull-0 {
right: auto
}

.col-lg-push-12 {
left: 100%
}

.col-lg-push-11 {
left: 91.66666667%
}

.col-lg-push-10 {
left: 83.33333333%
}

.col-lg-push-9 {
left: 75%
}

.col-lg-push-8 {
left: 66.66666667%
}

.col-lg-push-7 {
left: 58.33333333%
}

.col-lg-push-6 {
left: 50%
}

.col-lg-push-5 {
left: 41.66666667%
}

.col-lg-push-4 {
left: 33.33333333%
}

.col-lg-push-3 {
left: 25%
}

.col-lg-push-2 {
left: 16.66666667%
}

.col-lg-push-1 {
left: 8.33333333%
}

.col-lg-push-0 {
left: auto
}

.col-lg-offset-12 {
margin-left: 100%
}

.col-lg-offset-11 {
margin-left: 91.66666667%
}

.col-lg-offset-10 {
margin-left: 83.33333333%
}

.col-lg-offset-9 {
margin-left: 75%
}

.col-lg-offset-8 {
margin-left: 66.66666667%
}

.col-lg-offset-7 {
margin-left: 58.33333333%
}

.col-lg-offset-6 {
margin-left: 50%
}

.col-lg-offset-5 {
margin-left: 41.66666667%
}

.col-lg-offset-4 {
margin-left: 33.33333333%
}

.col-lg-offset-3 {
margin-left: 25%
}

.col-lg-offset-2 {
margin-left: 16.66666667%
}

.col-lg-offset-1 {
margin-left: 8.33333333%
}

.col-lg-offset-0 {
margin-left: 0
}
}

@media (max-width: 767px) {
.hidden-xs {
display:none !important
}
}

.uppercase {
text-transform: uppercase
}

.word-wrap-break {
word-wrap: break-word
}

.text-left {
text-align: left
}

.text-right {
text-align: right
}

.text-center {
text-align: center
}

.text-uppercase {
text-transform: uppercase
}

.form-group {
margin-bottom: 15px
}

.form-control {
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.08);
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.08);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.08);
-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
-moz-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
-ms-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
color: #555;
display: block;
font-size: 14px;
height: 34px;
line-height: 1.42857143;
padding: 6px 12px;
width: 100%
}

.form-control:focus {
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.08),0 0 8px rgba(102,175,233,0.6);
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.08),0 0 8px rgba(102,175,233,0.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.08),0 0 8px rgba(102,175,233,0.6);
border-color: #3ca2ff;
outline: 0
}

.form-control::placeholder {
color: #999;
opacity: 1
}

.form-control:-ms-input-placeholder {
color: #999
}

.form-control::-webkit-input-placeholder {
color: #999
}

.form-control::-ms-expand {
background-color: transparent;
border: 0
}

.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {
background-color: #eee;
opacity: 1
}

.form-control[disabled],fieldset[disabled] .form-control {
cursor: not-allowed
}

.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline {
margin-bottom: 0;
margin-top: 0;
padding-top: 7px
}

.form-horizontal .radio,.form-horizontal .checkbox {
min-height: 27px
}

.form-horizontal .form-group {
margin-left: -15px;
margin-right: -15px
}

.form-horizontal .control-label {
margin-bottom: 0;
padding-top: 7px;
text-align: right
}

.input-group {
border-collapse: separate;
display: table;
position: relative
}

.input-group .form-control {
float: left;
margin-bottom: 0;
position: relative;
width: 100%;
z-index: 2
}

.input-group .form-control,.input-group-addon,.input-group-btn {
display: table-cell
}

.input-group-addon {
border-radius: 4px;
font-size: 14px;
line-height: 1;
text-align: center
}

.input-group-addon,.input-group-btn {
vertical-align: middle;
white-space: nowrap
}

textarea.form-control {
height: auto
}

.collapse {
display: none
}

.collapse.in {
display: block
}

tr.collapse.in {
display: table-row
}

tbody.collapse.in {
display: table-row-group
}

.collapsing {
height: 0;
overflow: hidden;
position: relative;
transition-duration: .35s;
transition-property: height, visibility;
transition-timing-function: ease
}

.container {
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px
}

@media (max-width: 799px) {
.top-tags h5 {
margin-bottom:0 !important
}

.box.search-trends-box h5 {
margin-bottom: 0 !important
}

.box .row {
margin: 12px 0
}

.container .main .items-grid #items_container.row,.container .main .items-grid #search_items_container.row {
display: -webkit-box;
display: -moz-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
margin: 12px -10px 0
}

.container .main .items-grid #items_container.row::before,.container .main .items-grid #items_container.row::after,.container .main .items-grid #search_items_container.row::before,.container .main .items-grid #search_items_container.row::after {
display: none
}

.container .main .items-grid #items_container.row .item,.container .main .items-grid #search_items_container.row .item {
margin-left: 0;
padding: 0 10px;
width: 25%
}
}

@media (min-width: 800px) {
body.tags.index h5,body.items.index h5,body.searches.show h5,body.tags.show h5,body.items.newest h5,body.items.best h5,body.items.popular h5,body.categories.show h5,body.tags.tag_intersection h5,body.items.search h5,body.items.house_games h5,body.visited_items h5,body.liked_items h5,body.recommended_items h5 {
margin-bottom:0
}
}

@media (max-width: 414px) {
body.tags.index .container,body.items.index .container,body.searches.show .container,body.tags.show .container,body.items.newest .container,body.items.best .container,body.items.popular .container,body.categories.show .container,body.tags.tag_intersection .container,body.items.search .container,body.items.house_games .container,body.visited_items .container,body.liked_items .container,body.recommended_items .container {
min-width:320px;
width: 100%
}

body.tags.index .container .main,body.items.index .container .main,body.searches.show .container .main,body.tags.show .container .main,body.items.newest .container .main,body.items.best .container .main,body.items.popular .container .main,body.categories.show .container .main,body.tags.tag_intersection .container .main,body.items.search .container .main,body.items.house_games .container .main,body.visited_items .container .main,body.liked_items .container .main,body.recommended_items .container .main {
display: block;
width: auto
}
}

@media (min-width: 415px) and (max-width: 599px) {
body.tags.index .container,body.items.index .container,body.searches.show .container,body.tags.show .container,body.items.newest .container,body.items.best .container,body.items.popular .container,body.categories.show .container,body.tags.tag_intersection .container,body.items.search .container,body.items.house_games .container,body.visited_items .container,body.liked_items .container,body.recommended_items .container {
width:100%
}

body.tags.index .container .main,body.items.index .container .main,body.searches.show .container .main,body.tags.show .container .main,body.items.newest .container .main,body.items.best .container .main,body.items.popular .container .main,body.categories.show .container .main,body.tags.tag_intersection .container .main,body.items.search .container .main,body.items.house_games .container .main,body.visited_items .container .main,body.liked_items .container .main,body.recommended_items .container .main {
display: block;
width: auto
}
}

@media (min-width: 600px) and (max-width: 799px) {
body.tags.index .container,body.items.index .container,body.searches.show .container,body.tags.show .container,body.items.newest .container,body.items.best .container,body.items.popular .container,body.categories.show .container,body.tags.tag_intersection .container,body.items.search .container,body.items.house_games .container,body.visited_items .container,body.liked_items .container,body.recommended_items .container {
width:100%
}

body.tags.index .container .main,body.items.index .container .main,body.searches.show .container .main,body.tags.show .container .main,body.items.newest .container .main,body.items.best .container .main,body.items.popular .container .main,body.categories.show .container .main,body.tags.tag_intersection .container .main,body.items.search .container .main,body.items.house_games .container .main,body.visited_items .container .main,body.liked_items .container .main,body.recommended_items .container .main {
display: block;
width: auto
}
}

@media (min-width: 800px) {
html body.tags.index,html body.items.index,html body.searches.show,html body.tags.show,html body.items.newest,html body.items.best,html body.items.popular,html body.categories.show,html body.tags.tag_intersection,html body.items.search,html body.items.house_games,html body.visited_items,html body.liked_items,html body.recommended_items {
background:#f1f1f1
}

html body.tags.index nav .container,html body.items.index nav .container,html body.searches.show nav .container,html body.tags.show nav .container,html body.items.newest nav .container,html body.items.best nav .container,html body.items.popular nav .container,html body.categories.show nav .container,html body.tags.tag_intersection nav .container,html body.items.search nav .container,html body.items.house_games nav .container,html body.visited_items nav .container,html body.liked_items nav .container,html body.recommended_items nav .container {
padding-left: 20px;
padding-right: 20px
}

html body.tags.index>.container,html body.items.index>.container,html body.searches.show>.container,html body.tags.show>.container,html body.items.newest>.container,html body.items.best>.container,html body.items.popular>.container,html body.categories.show>.container,html body.tags.tag_intersection>.container,html body.items.search>.container,html body.items.house_games>.container,html body.visited_items>.container,html body.liked_items>.container,html body.recommended_items>.container {
padding: 0
}

html body.tags.index>.container .main,html body.items.index>.container .main,html body.searches.show>.container .main,html body.tags.show>.container .main,html body.items.newest>.container .main,html body.items.best>.container .main,html body.items.popular>.container .main,html body.categories.show>.container .main,html body.tags.tag_intersection>.container .main,html body.items.search>.container .main,html body.items.house_games>.container .main,html body.visited_items>.container .main,html body.liked_items>.container .main,html body.recommended_items>.container .main {
display: block;
float: none
}
}

@media (min-width: 1920px) {
body.tags.index .main .box ins.adsbygoogle ins,body.items.index .main .box ins.adsbygoogle ins,body.searches.show .main .box ins.adsbygoogle ins,body.tags.show .main .box ins.adsbygoogle ins,body.items.newest .main .box ins.adsbygoogle ins,body.items.best .main .box ins.adsbygoogle ins,body.items.popular .main .box ins.adsbygoogle ins,body.categories.show .main .box ins.adsbygoogle ins,body.tags.tag_intersection .main .box ins.adsbygoogle ins,body.items.search .main .box ins.adsbygoogle ins,body.items.house_games .main .box ins.adsbygoogle ins,body.visited_items .main .box ins.adsbygoogle ins,body.liked_items .main .box ins.adsbygoogle ins,body.recommended_items .main .box ins.adsbygoogle ins {
display:block !important;
margin: 0 auto !important
}
}

.navbar {
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-webkit-box-shadow: 0 1px 0 rgba(51,51,51,0.07);
-moz-box-shadow: 0 1px 0 rgba(51,51,51,0.07);
box-shadow: 0 1px 0 rgba(51,51,51,0.07);
background-color: #fff;
border: 0;
height: 80px;
margin-bottom: 12px;
min-height: 0;
position: relative;
z-index: 800
}

.navbar *:focus {
outline: none
}

.navbar .container {
height: 100%;
position: relative
}

.navbar .container::before,.navbar .container::after {
display: none
}

.navbar .navbar-nav {
padding: 0
}

.navbar .logo {
vertical-align: top
}

.navbar .logo .event img {
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px
}

.navbar .links-container-container {
position: relative
}

.navbar .fake-button {
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
background-color: #f3f3f3;
border: 0;
box-sizing: border-box;
color: #666;
cursor: pointer;
font-size: 13px;
font-weight: 700;
height: 44px;
padding-left: 13px;
padding-right: 13px;
vertical-align: top
}

.navbar .fake-button span.sub-title {
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
color: #999;
display: flex;
font-size: 10px
}

.navbar a.fake-button:hover,.navbar button.fake-button:hover,.navbar div.fake-button:hover {
background-color: #efefef;
color: #d60000;
text-decoration: none
}

.navbar a.fake-button:hover span.sub-title,.navbar button.fake-button:hover span.sub-title,.navbar div.fake-button:hover span.sub-title {
color: #d60000
}

.navbar .y8-navbar-right {
margin-left: auto;
text-align: right;
z-index: 4
}

html[dir="rtl"] .navbar .y8-navbar-right {
text-align: left
}

.navbar .y8-navbar-right .release-countdown {
display: inline-block;
min-width: 41px
}

.navbar .y8-navbar-right .fake-button.idnet-fast-login-link {
margin: 0 0 0 10px
}

html[dir="rtl"] .navbar .y8-navbar-right .fake-button.idnet-fast-login-link {
margin: 0 10px 0 0
}

.navbar .btn-header-actions {
background-position: left 10px center;
background-repeat: no-repeat;
display: inline-block;
padding: 7px 32px 13px 34px;
text-align: left
}

html[dir="rtl"] .navbar .btn-header-actions {
text-align: right
}

.navbar .btn-header-actions::after {
color: #999;
content: "";
font-family: 'fontello';
font-size: 18px;
font-weight: normal;
position: absolute;
right: 10px;
top: 9px
}

.navbar .btn-header-actions:hover {
background-repeat: no-repeat
}

.navbar .btn-header-actions:focus {
background-repeat: no-repeat
}

.navbar .btn-header-actions.browse {
position: relative
}

.navbar .btn-header-actions.browse::before {
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
color: #999;
content: "";
font-family: 'fontello';
font-size: 16px;
font-weight: normal;
left: 11px;
position: absolute;
top: 11px
}

.navbar .btn-header-actions.browse:hover::before,.navbar .btn-header-actions.browse:focus::before {
color: #d60000
}

.navbar .btn-header-actions.browse:hover::after,.navbar .btn-header-actions.browse:focus::after {
color: #d60000
}

.navbar .btn-header-actions.new-games {
position: relative
}

.navbar .btn-header-actions.new-games::before {
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
color: #999;
content: "";
font-family: 'fontello';
font-size: 16px;
font-weight: normal;
left: 11px;
position: absolute;
top: 11px
}

.navbar .btn-header-actions.new-games:hover::before,.navbar .btn-header-actions.new-games:focus::before {
color: #d60000
}

.navbar .games-videos-switch {
display: none
}

.navbar .games-videos-switch a {
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
background-color: #f3f3f3;
color: #bbb;
display: block;
font-size: 11px;
font-weight: 700;
height: 44px;
padding: 1px;
text-align: center;
text-decoration: none;
text-transform: capitalize;
width: 64px
}

.navbar .games-videos-switch a:active {
text-decoration: none
}

.navbar .games-videos-switch a:hover {
color: #666
}

.navbar .games-videos-switch a .games-link,.navbar .games-videos-switch a .videos-link {
padding: 3px 0 2px
}

.navbar .games-videos-switch.game .games-link {
background: #fff;
border-radius: 7px;
box-shadow: 0 0 0 1px rgba(51,51,51,0.03),0 4px 6px -4px rgba(187,187,187,0.4);
color: #d60000;
margin: 0;
padding: 4px 0 3px
}

.navbar .games-videos-switch.anim .videos-link {
background: #fff;
border-radius: 7px;
box-shadow: 0 0 0 1px rgba(51,51,51,0.03),0 4px 6px -4px rgba(187,187,187,0.4);
color: #d60000;
margin: 0;
padding: 4px 0 3px
}

.navbar .locale-selector-dropdown {
display: inline-block;
margin: 0 0 0 10px;
padding: 0;
width: 44px
}

html[dir="rtl"] .navbar .locale-selector-dropdown {
margin: 0 10px 0 0
}

.navbar .locale-selector-dropdown ul,.navbar .locale-selector-dropdown li {
list-style: none;
margin: 0;
padding: 0
}

.navbar .locale-selector-dropdown a.locale-chooser {
display: block;
height: 44px;
width: 44px
}

.navbar .locale-selector-dropdown a.locale-chooser .flag {
left: 11px;
margin: 0;
position: relative;
top: 14px
}

html[dir="rtl"] .navbar .locale-selector-dropdown a.locale-chooser .flag {
left: auto;
right: 11px
}

.navbar .locale-selector-dropdown a.locale-chooser .locale-name {
display: none
}

.navbar .locale-selector-dropdown .locales-container-container {
width: 444px
}

html[dir="rtl"] .navbar .locale-selector-dropdown .locales-container-container {
left: 0
}

@media (min-width: 600px) {
.navbar .waiting-idnet {
display:inline-block;
margin: 0 0 0 30px
}

html[dir="rtl"] .navbar .waiting-idnet {
margin: 0 30px 0 0
}
}

@media (min-width: 600px) and (max-width: 799px) {
.navbar .waiting-idnet {
min-width:36px
}
}

@media (min-width: 800px) {
.navbar .waiting-idnet {
min-width:44px
}
}

@media (min-width: 600px) {
.navbar.show-login-btns.show-mobile-header-block .waiting-idnet {
margin:0;
min-width: auto
}
}

.navbar .navbar-form {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
border: 0;
box-shadow: none;
margin: 0;
max-width: 703px;
min-width: 44px;
padding: 0;
position: relative;
width: 100%;
z-index: 3
}

.navbar .navbar-form input[type="text"] {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
border: 0;
box-shadow: none;
color: #666;
font-size: 13px;
height: 44px;
margin: 0;
padding: 0 44px 0 15px;
width: auto
}

.navbar .navbar-form input[type="text"]::placeholder {
color: #666
}

.navbar .navbar-form input[type="text"]:focus {
color: #333
}

html[dir="rtl"] .navbar .navbar-form input[type="text"] {
padding: 0 15px 0 44px
}

.navbar .navbar-form button {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: none;
border: 0;
margin: 0;
padding: 0;
position: absolute
}

.navbar .navbar-form .y-icon--search {
left: auto;
right: 9px
}

html[dir="rtl"] .navbar .navbar-form .y-icon--search {
left: 9px;
right: auto
}

.navbar .navbar-form .close-search-form {
background: url() center no-repeat;
display: none;
height: 16px;
position: absolute;
right: 12px;
top: 10px;
width: 16px
}

.navbar .mobile-header-block {
display: none
}

.sub-menu {
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
background: #fff;
border: 0;
box-shadow: 0 0 0 1px rgba(51,51,51,0.05),0 30px 20px -20px rgba(51,51,51,0.25),0 4px 20px 0 rgba(51,51,51,0.2);
display: none;
min-width: 140px;
padding: 0;
position: absolute;
right: 0;
text-align: left;
top: 68px;
white-space: normal;
z-index: 10
}

html[dir="rtl"] .sub-menu {
right: auto;
text-align: right
}

.sub-menu ul {
list-style: none;
margin: 0;
padding: 0
}

.sub-menu li {
list-style: none;
margin: 0
}

.sub-menu li a {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display: block;
font-size: 12px;
font-weight: bold;
padding: 10px 15px
}

.sub-menu li a:focus {
color: #333;
text-decoration: none
}

.sub-menu li a:hover {
background-color: #f3f3f3;
border-radius: 5px;
text-decoration: none
}

.sub-menu.browse-content {
right: 15%;
width: 910px
}

html[dir="rtl"] .sub-menu.browse-content {
left: 15%;
right: auto
}

.sub-menu.newgames-menu {
right: auto
}

@media (max-width: 1023px) {
.sub-menu.newgames-menu {
display:none !important
}
}

.dark-overlay {
background: rgba(0,0,0,0.15);
bottom: 0;
display: none;
height: 100%;
left: 0;
position: fixed;
right: 0;
top: 0;
width: 100%;
z-index: 5
}

.dark-overlay.open {
display: block
}

body.tags.index,body.items.index,body.searches.show,body.tags.show,body.items.newest,body.items.best,body.items.popular,body.categories.show,body.tags.tag_intersection,body.items.search,body.items.house_games,body.index.tags,body.base.show,body.contacts.new,body.contacts.create,body.items.new,body.static.terms,body.pages.not_found {
padding-top: 90px
}

body.tags.index nav.navbar,body.items.index nav.navbar,body.searches.show nav.navbar,body.tags.show nav.navbar,body.items.newest nav.navbar,body.items.best nav.navbar,body.items.popular nav.navbar,body.categories.show nav.navbar,body.tags.tag_intersection nav.navbar,body.items.search nav.navbar,body.items.house_games nav.navbar,body.index.tags nav.navbar,body.base.show nav.navbar,body.contacts.new nav.navbar,body.contacts.create nav.navbar,body.items.new nav.navbar,body.static.terms nav.navbar,body.pages.not_found nav.navbar {
left: 0;
position: fixed;
right: 0;
top: 0
}

@media (max-width: 799px) {
body.tags.index,body.items.index,body.searches.show,body.tags.show,body.items.newest,body.items.best,body.items.popular,body.categories.show,body.tags.tag_intersection,body.items.search,body.items.house_games,body.index.tags,body.base.show,body.contacts.new,body.contacts.create,body.items.new,body.static.terms,body.pages.not_found {
padding-top:66px
}

body.tags.index nav.navbar.fixed-navbar,body.items.index nav.navbar.fixed-navbar,body.searches.show nav.navbar.fixed-navbar,body.tags.show nav.navbar.fixed-navbar,body.items.newest nav.navbar.fixed-navbar,body.items.best nav.navbar.fixed-navbar,body.items.popular nav.navbar.fixed-navbar,body.categories.show nav.navbar.fixed-navbar,body.tags.tag_intersection nav.navbar.fixed-navbar,body.items.search nav.navbar.fixed-navbar,body.items.house_games nav.navbar.fixed-navbar,body.index.tags nav.navbar.fixed-navbar,body.base.show nav.navbar.fixed-navbar,body.contacts.new nav.navbar.fixed-navbar,body.contacts.create nav.navbar.fixed-navbar,body.items.new nav.navbar.fixed-navbar,body.static.terms nav.navbar.fixed-navbar,body.pages.not_found nav.navbar.fixed-navbar {
position: relative
}

body.tags.index .ui-autocomplete,body.items.index .ui-autocomplete,body.searches.show .ui-autocomplete,body.tags.show .ui-autocomplete,body.items.newest .ui-autocomplete,body.items.best .ui-autocomplete,body.items.popular .ui-autocomplete,body.categories.show .ui-autocomplete,body.tags.tag_intersection .ui-autocomplete,body.items.search .ui-autocomplete,body.items.house_games .ui-autocomplete,body.index.tags .ui-autocomplete,body.base.show .ui-autocomplete,body.contacts.new .ui-autocomplete,body.contacts.create .ui-autocomplete,body.items.new .ui-autocomplete,body.static.terms .ui-autocomplete,body.pages.not_found .ui-autocomplete {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-topleft: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
border-top: 1px solid #eee;
left: 0 !important;
padding: 0 15px;
right: 0;
top: 100px !important
}

body.tags.index .ui-autocomplete li,body.items.index .ui-autocomplete li,body.searches.show .ui-autocomplete li,body.tags.show .ui-autocomplete li,body.items.newest .ui-autocomplete li,body.items.best .ui-autocomplete li,body.items.popular .ui-autocomplete li,body.categories.show .ui-autocomplete li,body.tags.tag_intersection .ui-autocomplete li,body.items.search .ui-autocomplete li,body.items.house_games .ui-autocomplete li,body.index.tags .ui-autocomplete li,body.base.show .ui-autocomplete li,body.contacts.new .ui-autocomplete li,body.contacts.create .ui-autocomplete li,body.items.new .ui-autocomplete li,body.static.terms .ui-autocomplete li,body.pages.not_found .ui-autocomplete li {
border-bottom: 1px solid #eee
}
}

@media (max-width: 599px) {
body.tags.index,body.items.index,body.searches.show,body.tags.show,body.items.newest,body.items.best,body.items.popular,body.categories.show,body.tags.tag_intersection,body.items.search,body.items.house_games,body.index.tags,body.base.show,body.contacts.new,body.contacts.create,body.items.new,body.static.terms,body.pages.not_found {
padding-top:54px
}
}

@media (min-width: 600px) and (max-width: 799px) {
body.tags.index .ui-autocomplete,body.items.index .ui-autocomplete,body.searches.show .ui-autocomplete,body.tags.show .ui-autocomplete,body.items.newest .ui-autocomplete,body.items.best .ui-autocomplete,body.items.popular .ui-autocomplete,body.categories.show .ui-autocomplete,body.tags.tag_intersection .ui-autocomplete,body.items.search .ui-autocomplete,body.items.house_games .ui-autocomplete,body.index.tags .ui-autocomplete,body.base.show .ui-autocomplete,body.contacts.new .ui-autocomplete,body.contacts.create .ui-autocomplete,body.items.new .ui-autocomplete,body.static.terms .ui-autocomplete,body.pages.not_found .ui-autocomplete {
top:60px !important
}
}

.header-menu-modal {
background-color: rgba(255,255,255,0);
height: 100%;
left: 0;
overflow: auto;
position: fixed;
top: 0;
width: 100%;
z-index: 799
}

.ui-helper-hidden-accessible {
display: none
}

.ui-widget.ui-widget-content.ui-autocomplete {
-webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,0.2);
-moz-box-shadow: 0 2px 10px 0 rgba(0,0,0,0.2);
box-shadow: 0 2px 10px 0 rgba(0,0,0,0.2);
background: #fff;
border: 0;
border-radius: 3px;
margin-top: 5px;
padding: 0;
position: absolute;
z-index: 1040
}

.flag,.c {
float: left;
line-height: 11px;
margin: 0 10px 0 0
}

html[dir="rtl"] .flag,html[dir="rtl"] .c {
float: right;
margin: 0 0 0 10px
}

.flag {
background: url(../assets/flags-24x18-d4bf28e4d02216699cb02d575af866b80dba62aae5f8fb6817987cdb64726e6a.png) no-repeat;
height: 16px;
width: 23px
}

.c {
background: url(../assets/countries-4c65438adbc266e4b2cfd9b56bb0b180f71f1981349df30827a254c2b3e36211.png) no-repeat;
height: 18px;
width: 23px
}

.y8-navbar-right .browse-menu {
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
left: 50%;
padding-top: 15px;
top: 70px;
width: 1020px
}

.ui-autocomplete .no-results {
white-space: normal
}

.navbar .container {
display: -webkit-box;
display: -moz-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center
}

.navbar .fake-button.fake-button-red {
background-color: #d60000 !important;
color: #fff
}

.navbar .fake-button.fake-button-red:hover {
background-color: #bd0000 !important;
color: #fff;
text-decoration: none
}

.navbar .fake-button.fake-button-red:focus {
background-color: #a30000 !important;
color: #fff;
text-decoration: none
}

.navbar a.fake-button:focus,.navbar button.fake-button:focus,.navbar div.fake-button:focus {
background-color: #eee;
color: #d60000;
text-decoration: none
}

.navbar a.fake-button:focus span.sub-title,.navbar button.fake-button:focus span.sub-title,.navbar div.fake-button:focus span.sub-title {
color: #d60000
}

.navbar input.fake-button[type=text]:hover,.navbar input.fake-button[type=password]:hover {
background-color: #efefef
}

.navbar input.fake-button[type=text]:focus,.navbar input.fake-button[type=password]:focus {
background-color: #eee;
box-shadow: 0 0 15px 10px #fff;
color: #333
}

.navbar input.fake-button[type=text]:focus::placeholder,.navbar input.fake-button[type=password]:focus::placeholder {
color: transparent
}

.navbar .locale-selector-dropdown .locales-container-container ul {
display: -webkit-box;
display: -moz-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
padding: 10px 12px
}

.navbar .locale-selector-dropdown .locales-container-container li {
display: inline-block
}

.navbar .locale-selector-dropdown .locales-container-container li a.locale-link {
width: 137px
}

.navbar .locale-selector-dropdown .locales-container-container li a.locale-link .flag {
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-webkit-box-shadow: inset 0 0 0 0 rgba(255,255,255,0.12),inset 0 0 0 0 rgba(51,51,51,0.04);
-moz-box-shadow: inset 0 0 0 0 rgba(255,255,255,0.12),inset 0 0 0 0 rgba(51,51,51,0.04);
box-shadow: inset 0 0 0 0 rgba(255,255,255,0.12),inset 0 0 0 0 rgba(51,51,51,0.04);
display: inline-block;
float: none;
line-height: unset;
margin: 0 2px 0 0;
vertical-align: middle
}

html[dir="rtl"] .navbar .locale-selector-dropdown .locales-container-container li a.locale-link .flag {
margin: 0 0 0 2px
}

.navbar .locale-selector-dropdown .locales-container-container li a.locale-link .locale-name {
display: inline-block
}

.navbar .locale-selector-dropdown .locales-container-container li a.locale-link.selected {
position: relative
}

.navbar .locale-selector-dropdown .locales-container-container li a.locale-link.selected::after {
color: #77b211;
content: "";
font-family: 'fontello';
font-size: 12px;
font-weight: normal;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
right: 15px;
top: 50%
}

html[dir="rtl"] .navbar .locale-selector-dropdown .locales-container-container li a.locale-link.selected::after {
left: 15px;
right: auto
}

.navbar .sub-menu .sub-menu-header {
border-bottom: 1px solid #efefef;
box-sizing: border-box;
display: block;
font-size: 12px;
margin-bottom: 5px;
padding: 10px 15px
}

.navbar .sub-menu .sub-menu-footer {
border-top: 1px solid #efefef;
box-sizing: border-box;
font-size: 12px;
height: 45px;
margin-top: 5px;
padding: 5px 0
}

.navbar .sub-menu .sub-menu-footer a {
font-size: 12px;
font-weight: bold;
height: 36px;
line-height: 36px;
padding: 0 15px
}

.navbar .sub-menu .sub-menu-footer a:hover {
text-decoration: none
}

.navbar .sub-menu .sub-menu-footer p {
margin: 0;
padding: 5px 15px
}

.navbar .sub-menu .sub-menu-footer.sub-menu-footer-grey {
background-color: #efefef;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
height: auto
}

.navbar .mobile-header-block .title {
color: #999;
font-size: 11px;
font-weight: bold;
margin-bottom: 6px;
text-transform: uppercase
}

.navbar .mobile-header-block .popular-newest-games-links {
display: -webkit-box;
display: -moz-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
margin: 0 -5px 10px
}

.navbar .mobile-header-block .popular-newest-games-links .games-link {
display: inline-block;
height: 40px;
line-height: 40px;
margin: 0 5px 10px;
padding: 0 10px 0 33px;
position: relative
}

.navbar .mobile-header-block .popular-newest-games-links .games-link::after {
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
left: 10px;
position: absolute;
top: 50%
}

.navbar .mobile-header-block .popular-newest-games-links .games-link.new-game::after {
color: #999;
content: "";
font-family: 'fontello';
font-size: 16px;
font-weight: normal
}

.navbar .mobile-header-block .popular-newest-games-links .games-link.pop-game::after {
color: #999;
content: "";
font-family: 'fontello';
font-size: 16px;
font-weight: normal
}

.navbar .mobile-header-block .popular-newest-games-links .games-link.best-game::after {
color: #999;
content: "";
font-family: 'fontello';
font-size: 16px;
font-weight: normal
}

@media (max-width: 520px) {
.navbar .mobile-header-block .popular-newest-games-links {
-webkit-flex-direction:column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
-webkit-box-align: flex-start;
-moz-box-align: flex-start;
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
margin: 0 0 10px
}

.navbar .mobile-header-block .popular-newest-games-links .games-link {
margin: 0 0 10px
}
}

.navbar .mobile-header-block .top-categories-mobile {
padding: 0 0 10px
}

.navbar .mobile-header-block .top-categories-mobile .single-line {
height: auto
}

.navbar .mobile-header-block .top-categories-mobile .single-line li {
display: inline-block !important;
margin: 0 5px 8px
}

.navbar .mobile-header-block .top-categories-mobile .single-line li.all-categories-btn {
display: none !important
}

.navbar .mobile-header-block .top-tags-mobile {
padding: 0 0 10px
}

.navbar .mobile-header-block .top-tags-mobile .row {
height: auto;
margin: 0 -5px;
max-height: 175px;
overflow: hidden;
padding-top: 5px
}

.navbar .mobile-header-block .top-tags-mobile .row li {
display: inline-block !important;
margin: 0 5px 8px
}

.navbar .mobile-header-block .top-tags-mobile .row li.more-tags {
display: none !important
}

.ui-widget.ui-widget-content.ui-autocomplete li {
border-bottom: 1px solid #efefef;
list-style: none;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}

.ui-widget.ui-widget-content.ui-autocomplete li:last-child {
border: 0
}

.ui-widget.ui-widget-content.ui-autocomplete li a {
background: #fff;
border: 0;
color: #333;
direction: ltr;
display: block;
font-size: 13px;
font-weight: bold;
margin: 0;
overflow: hidden;
padding: 0 10px;
text-align: left !important;
text-overflow: ellipsis;
white-space: nowrap
}

.ui-widget.ui-widget-content.ui-autocomplete li a:hover {
background: #f2f2f2;
margin: 0;
padding: 0 10px;
text-decoration: none
}

.ui-widget.ui-widget-content.ui-autocomplete li a img {
border-radius: 3px;
height: 44px;
margin: 10px 15px 10px 0;
width: 58px
}

body.maximized .navbar .y8-navbar-left .games-videos-switch {
display: none
}

@media (min-width: 800px) {
nav.navbar .container .y8-navbar-left .mobile-burger-menu {
display:none
}
}

@media (min-width: 599px) {
nav.navbar .container .y8-navbar-left .mobile-search-user-container {
display:none
}
}

@media (max-width: 799px) {
body.items.index .container .main .categories-tags-block,body.items.index .container .main.js-search-trends {
display:none
}

nav.navbar {
height: 66px
}

nav.navbar .y8-navbar-right {
order: 3;
position: relative
}

.fake-button nav.navbar .y8-navbar-right.idnet-fast-login-link {
margin: 0 0 0 10px
}

html[dir="rtl"] .fake-button nav.navbar .y8-navbar-right.idnet-fast-login-link {
margin: 0 10px 0 0
}

nav.navbar .y8-navbar-right .fake-button.locale-selector-dropdown {
margin: 0 10px 0 0
}

html[dir="rtl"] nav.navbar .y8-navbar-right .fake-button.locale-selector-dropdown {
margin: 0 0 0 10px
}

nav.navbar .y8-navbar-right #user_not_logged_in .fake-button {
height: 36px
}

nav.navbar .y8-navbar-right #user_not_logged_in .fake-button img {
height: 36px;
width: 36px
}

nav.navbar .y8-navbar-right button {
height: 36px;
line-height: 34px
}

nav.navbar .y8-navbar-right button:last-child {
margin: 0 0 0 10px
}

html[dir="rtl"] nav.navbar .y8-navbar-right button:last-child {
margin: 0 10px 0 0
}

nav.navbar .games-videos-switch,nav.navbar .new-games,nav.navbar .browse,nav.navbar .locale-selector-dropdown {
display: none
}

nav.navbar .container {
display: flex;
justify-content: space-between
}

nav.navbar .y8-navbar-left {
display: -webkit-box;
display: -moz-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: space-between;
-webkit-box-pack: space-between;
-webkit-justify-content: space-between;
-ms-flex-pack: space-between;
margin-right: auto;
padding: 12px 0;
position: relative;
width: 50%;
z-index: 5
}

nav.navbar .y8-navbar-left .logo .event svg,nav.navbar .y8-navbar-left .logo .event img {
height: 52px;
width: 94px
}

nav.navbar .y8-navbar-left .logo .no-event svg,nav.navbar .y8-navbar-left .logo .no-event img {
width: 127px
}

nav.navbar .y8-navbar-left .logo .no-event .event img {
display: none
}

nav.navbar .y8-navbar-left .logo .no-event .event svg {
display: block
}

nav.navbar .y8-navbar-left .mobile-burger-menu {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
cursor: pointer;
display: block;
margin: 0 15px 0 0;
width: 20px
}

html[dir="rtl"] nav.navbar .y8-navbar-left .mobile-burger-menu {
margin: 0 0 0 15px
}

nav.navbar .y8-navbar-left .mobile-burger-menu::after {
color: #999;
content: "";
font-family: 'fontello';
font-size: 17px;
font-weight: normal
}

nav.navbar .y8-navbar-left .mobile-burger-menu.open::after {
color: #999;
content: "";
font-family: 'fontello';
font-size: 16px;
font-weight: normal
}

nav.navbar .y8-navbar-left .mobile-burger-menu .burger-btn {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display: -webkit-box;
display: -moz-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
cursor: pointer;
width: 20px
}

nav.navbar .y8-navbar-left .mobile-burger-menu .burger-btn::after {
color: #999;
content: "";
font-family: 'fontello';
font-size: 17px;
font-weight: normal
}

nav.navbar .y8-navbar-left .mobile-burger-menu .burger-btn.open::after {
color: #999;
content: "";
font-family: 'fontello';
font-size: 16px;
font-weight: normal
}

nav.navbar .y8-navbar-left .profile-btn {
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
background-color: #eee;
height: 26px;
overflow: hidden;
position: relative;
width: 26px
}

nav.navbar .y8-navbar-left .profile-btn::after {
color: #999;
content: "";
font-family: 'fontello';
font-size: 26px;
font-weight: normal;
line-height: 26px
}

nav.navbar .fake-button .fake-button-red {
height: 36px
}

nav.navbar .navbar-form {
order: 2;
padding: 5px 0 10px;
width: 100%
}

nav.navbar .navbar-form input[type="text"] {
height: 36px;
padding: 0 0 0 15px;
width: 100%
}

nav.navbar .navbar-form button {
height: 36px;
width: 36px
}

nav.navbar.show-login-btns {
height: 100px
}

nav.navbar.show-login-btns .container {
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap
}

nav.navbar.show-login-btns .y8-navbar-left {
height: 54px
}

nav.navbar.show-login-btns .y8-navbar-left .mobile-search-user-container .profile-btn::after {
color: #999;
content: "";
font-family: 'fontello';
font-size: 26px;
font-weight: normal
}

nav.navbar.show-login-btns .y8-navbar-right {
padding: 0;
position: relative;
right: 0;
width: 100%
}

nav.navbar.show-login-btns .y8-navbar-right #user_not_logged_in {
display: flex !important;
margin: 0 0 20px
}

nav.navbar.show-login-btns .y8-navbar-right #user_not_logged_in button {
width: 50%
}

nav.navbar.hide-user-icon .y8-navbar-left .mobile-search-user-container .profile-btn {
display: none
}

nav.navbar.show-mobile-header-block {
height: auto
}

nav.navbar.show-mobile-header-block .container {
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap
}

nav.navbar.show-mobile-header-block .y8-navbar-left {
height: 54px;
width: 100%
}

nav.navbar.show-mobile-header-block .y8-navbar-right {
text-align: left;
white-space: normal
}

html[dir="rtl"] nav.navbar.show-mobile-header-block .y8-navbar-right {
min-height: 124px;
padding-top: 65px
}

nav.navbar.show-mobile-header-block .y8-navbar-right .fake-button.locale-selector-dropdown {
display: inline-block;
margin: 0 0 20px 74px
}

html[dir="rtl"] nav.navbar.show-mobile-header-block .y8-navbar-right .fake-button.locale-selector-dropdown {
position: absolute;
right: 74px;
top: 1px
}

nav.navbar.show-mobile-header-block .y8-navbar-right .fake-button.locale-selector-dropdown .locales-container-container {
width: 100%
}

html[dir="rtl"] nav.navbar.show-mobile-header-block .y8-navbar-right .fake-button.locale-selector-dropdown .locales-container-container {
right: -74px;
width: calc(100vw - 30px)
}

nav.navbar.show-mobile-header-block .y8-navbar-right .fake-button.locale-selector-dropdown .locales-container-container ul {
display: -webkit-box;
display: -moz-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap
}

nav.navbar.show-mobile-header-block .y8-navbar-right .fake-button.locale-selector-dropdown .locales-container-container ul li {
width: 50%
}

nav.navbar.show-mobile-header-block .mobile-header-block {
display: block;
position: relative
}

nav.navbar.show-mobile-header-block .mobile-header-block .games-videos-switch {
display: block;
left: 0;
position: absolute;
top: -64px;
z-index: 5
}

html[dir="rtl"] nav.navbar.show-mobile-header-block .mobile-header-block .games-videos-switch {
left: auto;
right: 0
}

nav.navbar.show-mobile-header-block .mobile-header-block .top-tags__height {
max-height: 100%
}

nav.navbar.show-mobile-header-block .navbar-form {
display: none
}

nav.navbar.show-mobile-header-block.show-login-btns .y8-navbar-right #user_not_logged_in {
display: none !important
}

nav.navbar.logged.show-mobile-header-block .profile-btn {
display: none
}

nav.navbar.logged.show-login-btns .y8-navbar-right #user_not_logged_in {
display: none !important
}

nav.navbar.show-search-form {
height: 105px
}

nav.navbar.show-search-form .container {
display: block
}

nav.navbar.show-search-form .y8-navbar-left {
height: 54px;
margin-bottom: 2px;
width: 100%
}

nav.navbar.show-search-form .y8-navbar-left .mobile-search-user-container {
display: block
}

nav.navbar.show-search-form .y8-navbar-left .mobile-search-user-container .search-btn {
display: none
}

nav.navbar.show-search-form .y8-navbar-right {
display: none
}

nav.navbar.show-search-form .navbar-form {
background-color: #fff;
max-width: 100%;
padding: 0
}

nav.navbar.show-search-form .navbar-form .close-search-form {
display: block
}

html[dir="rtl"] nav.navbar.show-search-form .navbar-form .close-search-form {
left: 12px;
right: auto
}

nav.navbar.show-search-form .navbar-form input[type="text"] {
padding: 0 0 0 40px
}

html[dir="rtl"] nav.navbar.show-search-form .navbar-form input[type="text"] {
padding: 0 40px 0 0
}

nav.navbar.show-search-form .navbar-form button {
left: 0;
top: 0
}

html[dir="rtl"] nav.navbar.show-search-form .navbar-form button {
left: auto;
right: 0
}

nav.navbar.show-search-form .navbar-form button .y-icon--search {
left: 9px
}

nav.navbar.show-mobile-header-block .y8-navbar-left .logo,nav.navbar.show-search-form .y8-navbar-left .logo {
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
left: 50%;
margin: 0;
position: absolute;
top: 50%
}

nav.navbar.show-mobile-header-block .y8-navbar-right,nav.navbar.show-search-form .y8-navbar-right {
margin: 0
}

nav.navbar.show-mobile-header-block .y8-navbar-right #user_logged_in,nav.navbar.show-search-form .y8-navbar-right #user_logged_in {
display: none
}

nav.navbar.fixed-navbar {
padding-top: 54px
}

nav.navbar.fixed-navbar .y8-navbar-left {
-webkit-box-shadow: 0 1px 0 rgba(51,51,51,0.07);
-moz-box-shadow: 0 1px 0 rgba(51,51,51,0.07);
box-shadow: 0 1px 0 rgba(51,51,51,0.07);
background-color: #fff;
left: 0;
padding-left: 15px;
padding-right: 15px;
position: fixed;
right: 0;
top: 0;
z-index: 10
}
}

@media (min-width: 600px) and (max-width: 799px) {
nav.navbar .y8-navbar-right,nav.navbar .navbar-form {
display:block
}

nav.navbar .y8-navbar-right input[type="text"],nav.navbar .navbar-form input[type="text"] {
width: 100%
}

nav.navbar .y8-navbar-left {
display: -webkit-box;
display: -moz-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
white-space: nowrap;
width: 130px
}

nav.navbar .y8-navbar-left .logo {
margin: 0 30px 0 0
}

html[dir="rtl"] nav.navbar .y8-navbar-left .logo {
margin: 0 0 0 30px
}

nav.navbar .navbar-form button {
height: 44px;
right: 0;
top: 16px;
width: 44px
}

html[dir="rtl"] nav.navbar .navbar-form button {
left: 0;
right: auto
}

nav.navbar .y8-navbar-right {
white-space: nowrap
}

nav.navbar .y8-navbar-right .btn-header-actions.browse {
margin: 0 0 0 10px
}

html[dir="rtl"] nav.navbar .y8-navbar-right .btn-header-actions.browse {
margin: 0 10px 0 0
}

nav.navbar .y8-navbar-right .fake-button.new-games {
margin: 0 0 0 30px
}

html[dir="rtl"] nav.navbar .y8-navbar-right .fake-button.new-games {
margin: 0 30px 0 0
}

nav.navbar .y8-navbar-left,nav.navbar .y8-navbar-right,nav.navbar .navbar-form {
padding: 14px 0 11px
}

nav.navbar .navbar-form button {
height: 36px;
top: 13px;
width: 36px
}

nav.navbar.show-login-btns {
height: 66px
}

nav.navbar.show-login-btns .container {
-webkit-flex-wrap: nowrap;
-moz-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
-o-flex-wrap: nowrap;
flex-wrap: nowrap
}

nav.navbar.show-login-btns .y8-navbar-left {
width: 130px
}

nav.navbar.show-login-btns .y8-navbar-right {
padding: 14px 0 11px;
width: auto
}

nav.navbar.show-login-btns .y8-navbar-right #user_logged_in {
margin: 0 0 0 30px
}

html[dir="rtl"] nav.navbar.show-login-btns .y8-navbar-right #user_logged_in {
margin: 0 30px 0 0
}

nav.navbar.show-mobile-header-block {
height: auto
}

nav.navbar.show-mobile-header-block .container {
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap
}

nav.navbar.show-mobile-header-block .y8-navbar-left {
height: 66px;
width: 100%
}

nav.navbar.show-mobile-header-block .y8-navbar-right {
padding: 0;
width: 100%
}
}

@media (max-width: 599px) {
nav.navbar .container .y8-navbar-left {
width:100%
}

body.items.index .container .main .box h5 {
font-size: 18px;
margin-bottom: 0;
text-transform: initial
}

nav.navbar {
height: 54px;
margin-bottom: 5px
}

nav.navbar .container {
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap
}

nav.navbar .container .y8-navbar-left .mobile-burger-menu {
width: 70px
}

nav.navbar .container .y8-navbar-left .logo {
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
left: 50%;
position: absolute;
top: 50%
}

nav.navbar .container .y8-navbar-left .mobile-search-user-container {
display: -webkit-box;
display: -moz-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center
}

nav.navbar .container .y8-navbar-left .mobile-search-user-container .user-not-logged-in,nav.navbar .container .y8-navbar-left .mobile-search-user-container .user-logged-in {
display: none
}

nav.navbar .container .y8-navbar-left .mobile-search-user-container .search-btn,nav.navbar .container .y8-navbar-left .mobile-search-user-container .profile-btn {
cursor: pointer
}

nav.navbar .container .y8-navbar-left .mobile-search-user-container .search-btn {
margin: 0 9px 0 0
}

html[dir="rtl"] nav.navbar .container .y8-navbar-left .mobile-search-user-container .search-btn {
margin: 0 0 0 9px
}

nav.navbar .container .links-container-container {
position: static
}

nav.navbar .container .navbar-form {
display: none
}

nav.navbar.hide-search-icon .y8-navbar-left .mobile-search-user-container .search-btn {
display: none
}

nav.navbar.logged .profile-btn {
display: none
}

nav.navbar.logged .y8-navbar-left .mobile-search-user-container .search-btn {
margin: 0 35px 0 0
}

html[dir="rtl"] nav.navbar.logged .y8-navbar-left .mobile-search-user-container .search-btn {
margin: 0 0 0 35px
}

nav.navbar.logged .y8-navbar-right {
height: 26px;
position: absolute;
right: 15px;
top: 15px;
width: 26px;
z-index: 15
}

html[dir="rtl"] nav.navbar.logged .y8-navbar-right {
left: 15px;
right: auto
}

nav.navbar.logged .y8-navbar-right #user_logged_in {
margin: 0
}

nav.navbar.logged.show-mobile-header-block .y8-navbar-right {
height: auto;
position: static;
width: 100%
}

nav.navbar.logged.show-mobile-header-block .mobile-search-user-container .search-btn {
margin: 0
}

nav.navbar.show-search-form .navbar-form {
display: block
}

nav.navbar #user_not_logged_in {
display: none !important
}
}

@media (max-width: 320px) {
.navbar .mobile-header-block .top-categories-mobile li {
height:36px
}

.navbar .mobile-header-block .top-categories-mobile li a {
height: 36px
}

.navbar .mobile-header-block .top-tags-mobile .row {
max-height: 165px
}

.navbar .mobile-header-block .top-tags-mobile li {
height: 32px
}

.navbar .mobile-header-block .top-tags-mobile li a {
height: 32px
}
}

@media (min-width: 800px) and (max-width: 1023px) {
nav.navbar .y8-navbar-right,nav.navbar .navbar-form {
display:block
}

nav.navbar .y8-navbar-right input[type="text"],nav.navbar .navbar-form input[type="text"] {
width: 100%
}

nav.navbar .y8-navbar-left {
display: -webkit-box;
display: -moz-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
white-space: nowrap;
width: 130px
}

nav.navbar .y8-navbar-left .logo {
margin: 0 30px 0 0
}

html[dir="rtl"] nav.navbar .y8-navbar-left .logo {
margin: 0 0 0 30px
}

nav.navbar .navbar-form button {
height: 44px;
right: 0;
top: 16px;
width: 44px
}

html[dir="rtl"] nav.navbar .navbar-form button {
left: 0;
right: auto
}

nav.navbar .y8-navbar-right {
white-space: nowrap
}

nav.navbar .y8-navbar-right .btn-header-actions.browse {
margin: 0 0 0 10px
}

html[dir="rtl"] nav.navbar .y8-navbar-right .btn-header-actions.browse {
margin: 0 10px 0 0
}

nav.navbar .y8-navbar-right .fake-button.new-games {
margin: 0 0 0 30px
}

html[dir="rtl"] nav.navbar .y8-navbar-right .fake-button.new-games {
margin: 0 30px 0 0
}

nav.navbar .y8-navbar-left {
width: auto
}

nav.navbar .y8-navbar-left .logo {
display: inline-block
}

nav.navbar .y8-navbar-left .games-videos-switch {
display: inline-block;
margin: 0 30px 0 0
}

html[dir="rtl"] nav.navbar .y8-navbar-left .games-videos-switch {
margin: 0 0 0 30px
}

nav.navbar .y8-navbar-left,nav.navbar .y8-navbar-right,nav.navbar .navbar-form {
padding: 16px 0
}

nav.navbar .new-games,nav.navbar .browse {
display: none
}
}

@media (min-width: 1024px) and (max-width: 1239px) {
nav.navbar .y8-navbar-right,nav.navbar .navbar-form {
display:block
}

nav.navbar .y8-navbar-right input[type="text"],nav.navbar .navbar-form input[type="text"] {
width: 100%
}

nav.navbar .y8-navbar-left {
display: -webkit-box;
display: -moz-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
white-space: nowrap;
width: 130px
}

nav.navbar .y8-navbar-left .logo {
margin: 0 30px 0 0
}

html[dir="rtl"] nav.navbar .y8-navbar-left .logo {
margin: 0 0 0 30px
}

nav.navbar .navbar-form button {
height: 44px;
right: 0;
top: 16px;
width: 44px
}

html[dir="rtl"] nav.navbar .navbar-form button {
left: 0;
right: auto
}

nav.navbar .y8-navbar-right {
white-space: nowrap
}

nav.navbar .y8-navbar-right .btn-header-actions.browse {
margin: 0 0 0 10px
}

html[dir="rtl"] nav.navbar .y8-navbar-right .btn-header-actions.browse {
margin: 0 10px 0 0
}

nav.navbar .y8-navbar-right .fake-button.new-games {
margin: 0 0 0 30px
}

html[dir="rtl"] nav.navbar .y8-navbar-right .fake-button.new-games {
margin: 0 30px 0 0
}

nav.navbar .y8-navbar-left {
width: auto
}

nav.navbar .y8-navbar-left .logo {
display: inline-block
}

nav.navbar .y8-navbar-left .games-videos-switch {
display: inline-block;
margin: 0 30px 0 0
}

html[dir="rtl"] nav.navbar .y8-navbar-left .games-videos-switch {
margin: 0 0 0 30px
}

nav.navbar .new-games,nav.navbar .browse {
margin: 0 0 0 10px;
padding-left: 12px
}

html[dir="rtl"] nav.navbar .new-games,html[dir="rtl"] nav.navbar .browse {
margin: 0 10px 0 0
}

nav.navbar .new-games::before,nav.navbar .browse::before {
display: none
}

nav.navbar .y8-navbar-left,nav.navbar .y8-navbar-right,nav.navbar .navbar-form {
padding: 16px 0
}
}

@media (min-width: 1240px) {
nav.navbar .y8-navbar-right,nav.navbar .navbar-form {
display:block
}

nav.navbar .y8-navbar-right input[type="text"],nav.navbar .navbar-form input[type="text"] {
width: 100%
}

nav.navbar .y8-navbar-left {
display: -webkit-box;
display: -moz-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
white-space: nowrap;
width: 130px
}

nav.navbar .y8-navbar-left .logo {
margin: 0 30px 0 0
}

html[dir="rtl"] nav.navbar .y8-navbar-left .logo {
margin: 0 0 0 30px
}

nav.navbar .navbar-form button {
height: 44px;
right: 0;
top: 16px;
width: 44px
}

html[dir="rtl"] nav.navbar .navbar-form button {
left: 0;
right: auto
}

nav.navbar .y8-navbar-right {
white-space: nowrap
}

nav.navbar .y8-navbar-right .btn-header-actions.browse {
margin: 0 0 0 10px
}

html[dir="rtl"] nav.navbar .y8-navbar-right .btn-header-actions.browse {
margin: 0 10px 0 0
}

nav.navbar .y8-navbar-right .fake-button.new-games {
margin: 0 0 0 30px
}

html[dir="rtl"] nav.navbar .y8-navbar-right .fake-button.new-games {
margin: 0 30px 0 0
}

nav.navbar .y8-navbar-left {
width: auto
}

nav.navbar .y8-navbar-left .logo {
display: inline-block
}

nav.navbar .y8-navbar-left .games-videos-switch {
display: inline-block;
margin: 0 30px 0 0
}

html[dir="rtl"] nav.navbar .y8-navbar-left .games-videos-switch {
margin: 0 0 0 30px
}

nav.navbar .y8-navbar-left,nav.navbar .y8-navbar-right,nav.navbar .navbar-form {
padding: 16px 0
}
}

@media (min-width: 1240px) and (max-width: 1365px) {
nav.navbar .new-games,nav.navbar .browse {
margin:0 0 0 10px;
padding-left: 12px
}

html[dir="rtl"] nav.navbar .new-games,html[dir="rtl"] nav.navbar .browse {
margin: 0 10px 0 0
}

nav.navbar .new-games::before,nav.navbar .browse::before {
display: none
}
}

.top-categories li.girls,.top-categories-mobile li.girls,.top-categories.stop-hover li.girls,.top-categories-mobile.stop-hover li.girls {
background-color: #ff5b88;
box-shadow: 0 8px 18px -8px rgba(255,91,136,0.7)
}

.top-categories li.girls:hover,.top-categories li.girls:focus,.top-categories-mobile li.girls:hover,.top-categories-mobile li.girls:focus,.top-categories.stop-hover li.girls:hover,.top-categories.stop-hover li.girls:focus,.top-categories-mobile.stop-hover li.girls:hover,.top-categories-mobile.stop-hover li.girls:focus {
-webkit-transform: translate(0, -2px);
-moz-transform: translate(0, -2px);
-ms-transform: translate(0, -2px);
-o-transform: translate(0, -2px);
transform: translate(0, -2px);
box-shadow: 0 12px 18px -8px rgba(255,91,136,0.7)
}

.top-categories li.girls:active,.top-categories-mobile li.girls:active,.top-categories.stop-hover li.girls:active,.top-categories-mobile.stop-hover li.girls:active {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0)
}

.top-categories li.driving_racing,.top-categories-mobile li.driving_racing,.top-categories.stop-hover li.driving_racing,.top-categories-mobile.stop-hover li.driving_racing {
background-color: #00c1d5;
box-shadow: 0 8px 18px -8px rgba(0,193,213,0.7)
}

.top-categories li.driving_racing:hover,.top-categories li.driving_racing:focus,.top-categories-mobile li.driving_racing:hover,.top-categories-mobile li.driving_racing:focus,.top-categories.stop-hover li.driving_racing:hover,.top-categories.stop-hover li.driving_racing:focus,.top-categories-mobile.stop-hover li.driving_racing:hover,.top-categories-mobile.stop-hover li.driving_racing:focus {
-webkit-transform: translate(0, -2px);
-moz-transform: translate(0, -2px);
-ms-transform: translate(0, -2px);
-o-transform: translate(0, -2px);
transform: translate(0, -2px);
box-shadow: 0 12px 18px -8px rgba(0,193,213,0.7)
}

.top-categories li.driving_racing:active,.top-categories-mobile li.driving_racing:active,.top-categories.stop-hover li.driving_racing:active,.top-categories-mobile.stop-hover li.driving_racing:active {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0)
}

.top-categories li.strategy,.top-categories-mobile li.strategy,.top-categories.stop-hover li.strategy,.top-categories-mobile.stop-hover li.strategy {
background-color: #40c914;
box-shadow: 0 8px 18px -8px rgba(64,201,20,0.7)
}

.top-categories li.strategy:hover,.top-categories li.strategy:focus,.top-categories-mobile li.strategy:hover,.top-categories-mobile li.strategy:focus,.top-categories.stop-hover li.strategy:hover,.top-categories.stop-hover li.strategy:focus,.top-categories-mobile.stop-hover li.strategy:hover,.top-categories-mobile.stop-hover li.strategy:focus {
-webkit-transform: translate(0, -2px);
-moz-transform: translate(0, -2px);
-ms-transform: translate(0, -2px);
-o-transform: translate(0, -2px);
transform: translate(0, -2px);
box-shadow: 0 12px 18px -8px rgba(64,201,20,0.7)
}

.top-categories li.strategy:active,.top-categories-mobile li.strategy:active,.top-categories.stop-hover li.strategy:active,.top-categories-mobile.stop-hover li.strategy:active {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0)
}

.top-categories li.management,.top-categories-mobile li.management,.top-categories.stop-hover li.management,.top-categories-mobile.stop-hover li.management {
background-color: #8181ff;
box-shadow: 0 8px 18px -8px rgba(129,129,255,0.7)
}

.top-categories li.management:hover,.top-categories li.management:focus,.top-categories-mobile li.management:hover,.top-categories-mobile li.management:focus,.top-categories.stop-hover li.management:hover,.top-categories.stop-hover li.management:focus,.top-categories-mobile.stop-hover li.management:hover,.top-categories-mobile.stop-hover li.management:focus {
-webkit-transform: translate(0, -2px);
-moz-transform: translate(0, -2px);
-ms-transform: translate(0, -2px);
-o-transform: translate(0, -2px);
transform: translate(0, -2px);
box-shadow: 0 12px 18px -8px rgba(129,129,255,0.7)
}

.top-categories li.management:active,.top-categories-mobile li.management:active,.top-categories.stop-hover li.management:active,.top-categories-mobile.stop-hover li.management:active {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0)
}

.top-categories li.thinking,.top-categories-mobile li.thinking,.top-categories.stop-hover li.thinking,.top-categories-mobile.stop-hover li.thinking {
background-color: #ffa300;
box-shadow: 0 8px 18px -8px rgba(255,163,0,0.7)
}

.top-categories li.thinking:hover,.top-categories li.thinking:focus,.top-categories-mobile li.thinking:hover,.top-categories-mobile li.thinking:focus,.top-categories.stop-hover li.thinking:hover,.top-categories.stop-hover li.thinking:focus,.top-categories-mobile.stop-hover li.thinking:hover,.top-categories-mobile.stop-hover li.thinking:focus {
-webkit-transform: translate(0, -2px);
-moz-transform: translate(0, -2px);
-ms-transform: translate(0, -2px);
-o-transform: translate(0, -2px);
transform: translate(0, -2px);
box-shadow: 0 12px 18px -8px rgba(255,163,0,0.7)
}

.top-categories li.thinking:active,.top-categories-mobile li.thinking:active,.top-categories.stop-hover li.thinking:active,.top-categories-mobile.stop-hover li.thinking:active {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0)
}

.top-categories li.action_adventure,.top-categories-mobile li.action_adventure,.top-categories.stop-hover li.action_adventure,.top-categories-mobile.stop-hover li.action_adventure {
background-color: #ff4a52;
box-shadow: 0 8px 18px -8px rgba(255,74,82,0.7)
}

.top-categories li.action_adventure:hover,.top-categories li.action_adventure:focus,.top-categories-mobile li.action_adventure:hover,.top-categories-mobile li.action_adventure:focus,.top-categories.stop-hover li.action_adventure:hover,.top-categories.stop-hover li.action_adventure:focus,.top-categories-mobile.stop-hover li.action_adventure:hover,.top-categories-mobile.stop-hover li.action_adventure:focus {
-webkit-transform: translate(0, -2px);
-moz-transform: translate(0, -2px);
-ms-transform: translate(0, -2px);
-o-transform: translate(0, -2px);
transform: translate(0, -2px);
box-shadow: 0 12px 18px -8px rgba(255,74,82,0.7)
}

.top-categories li.action_adventure:active,.top-categories-mobile li.action_adventure:active,.top-categories.stop-hover li.action_adventure:active,.top-categories-mobile.stop-hover li.action_adventure:active {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0)
}

.top-categories li.shooting,.top-categories-mobile li.shooting,.top-categories.stop-hover li.shooting,.top-categories-mobile.stop-hover li.shooting {
background-color: #d28558;
box-shadow: 0 8px 18px -8px rgba(210,133,88,0.7)
}

.top-categories li.shooting:hover,.top-categories li.shooting:focus,.top-categories-mobile li.shooting:hover,.top-categories-mobile li.shooting:focus,.top-categories.stop-hover li.shooting:hover,.top-categories.stop-hover li.shooting:focus,.top-categories-mobile.stop-hover li.shooting:hover,.top-categories-mobile.stop-hover li.shooting:focus {
-webkit-transform: translate(0, -2px);
-moz-transform: translate(0, -2px);
-ms-transform: translate(0, -2px);
-o-transform: translate(0, -2px);
transform: translate(0, -2px);
box-shadow: 0 12px 18px -8px rgba(210,133,88,0.7)
}

.top-categories li.shooting:active,.top-categories-mobile li.shooting:active,.top-categories.stop-hover li.shooting:active,.top-categories-mobile.stop-hover li.shooting:active {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0)
}

.top-categories li.fighting,.top-categories-mobile li.fighting,.top-categories.stop-hover li.fighting,.top-categories-mobile.stop-hover li.fighting {
background-color: #cb7df6;
box-shadow: 0 8px 18px -8px rgba(203,125,246,0.7)
}

.top-categories li.fighting:hover,.top-categories li.fighting:focus,.top-categories-mobile li.fighting:hover,.top-categories-mobile li.fighting:focus,.top-categories.stop-hover li.fighting:hover,.top-categories.stop-hover li.fighting:focus,.top-categories-mobile.stop-hover li.fighting:hover,.top-categories-mobile.stop-hover li.fighting:focus {
-webkit-transform: translate(0, -2px);
-moz-transform: translate(0, -2px);
-ms-transform: translate(0, -2px);
-o-transform: translate(0, -2px);
transform: translate(0, -2px);
box-shadow: 0 12px 18px -8px rgba(203,125,246,0.7)
}

.top-categories li.fighting:active,.top-categories-mobile li.fighting:active,.top-categories.stop-hover li.fighting:active,.top-categories-mobile.stop-hover li.fighting:active {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0)
}

.top-categories li.skill,.top-categories-mobile li.skill,.top-categories.stop-hover li.skill,.top-categories-mobile.stop-hover li.skill {
background-color: #06d6af;
box-shadow: 0 8px 18px -8px rgba(6,214,175,0.7)
}

.top-categories li.skill:hover,.top-categories li.skill:focus,.top-categories-mobile li.skill:hover,.top-categories-mobile li.skill:focus,.top-categories.stop-hover li.skill:hover,.top-categories.stop-hover li.skill:focus,.top-categories-mobile.stop-hover li.skill:hover,.top-categories-mobile.stop-hover li.skill:focus {
-webkit-transform: translate(0, -2px);
-moz-transform: translate(0, -2px);
-ms-transform: translate(0, -2px);
-o-transform: translate(0, -2px);
transform: translate(0, -2px);
box-shadow: 0 12px 18px -8px rgba(6,214,175,0.7)
}

.top-categories li.skill:active,.top-categories-mobile li.skill:active,.top-categories.stop-hover li.skill:active,.top-categories-mobile.stop-hover li.skill:active {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0)
}

.top-categories li.arcade_classic,.top-categories-mobile li.arcade_classic,.top-categories.stop-hover li.arcade_classic,.top-categories-mobile.stop-hover li.arcade_classic {
background-color: #85c716;
box-shadow: 0 8px 18px -8px rgba(133,199,22,0.7)
}

.top-categories li.arcade_classic:hover,.top-categories li.arcade_classic:focus,.top-categories-mobile li.arcade_classic:hover,.top-categories-mobile li.arcade_classic:focus,.top-categories.stop-hover li.arcade_classic:hover,.top-categories.stop-hover li.arcade_classic:focus,.top-categories-mobile.stop-hover li.arcade_classic:hover,.top-categories-mobile.stop-hover li.arcade_classic:focus {
-webkit-transform: translate(0, -2px);
-moz-transform: translate(0, -2px);
-ms-transform: translate(0, -2px);
-o-transform: translate(0, -2px);
transform: translate(0, -2px);
box-shadow: 0 12px 18px -8px rgba(133,199,22,0.7)
}

.top-categories li.arcade_classic:active,.top-categories-mobile li.arcade_classic:active,.top-categories.stop-hover li.arcade_classic:active,.top-categories-mobile.stop-hover li.arcade_classic:active {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0)
}

.top-categories li.movie_trailer,.top-categories-mobile li.movie_trailer,.top-categories.stop-hover li.movie_trailer,.top-categories-mobile.stop-hover li.movie_trailer {
background-color: #ff5b88;
box-shadow: 0 8px 18px -8px rgba(255,91,136,0.7)
}

.top-categories li.movie_trailer:hover,.top-categories li.movie_trailer:focus,.top-categories-mobile li.movie_trailer:hover,.top-categories-mobile li.movie_trailer:focus,.top-categories.stop-hover li.movie_trailer:hover,.top-categories.stop-hover li.movie_trailer:focus,.top-categories-mobile.stop-hover li.movie_trailer:hover,.top-categories-mobile.stop-hover li.movie_trailer:focus {
-webkit-transform: translate(0, -2px);
-moz-transform: translate(0, -2px);
-ms-transform: translate(0, -2px);
-o-transform: translate(0, -2px);
transform: translate(0, -2px);
box-shadow: 0 12px 18px -8px rgba(255,91,136,0.7)
}

.top-categories li.movie_trailer:active,.top-categories-mobile li.movie_trailer:active,.top-categories.stop-hover li.movie_trailer:active,.top-categories-mobile.stop-hover li.movie_trailer:active {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0)
}

.top-categories li.games,.top-categories-mobile li.games,.top-categories.stop-hover li.games,.top-categories-mobile.stop-hover li.games {
background-color: #00c1d5;
box-shadow: 0 8px 18px -8px rgba(0,193,213,0.7)
}

.top-categories li.games:hover,.top-categories li.games:focus,.top-categories-mobile li.games:hover,.top-categories-mobile li.games:focus,.top-categories.stop-hover li.games:hover,.top-categories.stop-hover li.games:focus,.top-categories-mobile.stop-hover li.games:hover,.top-categories-mobile.stop-hover li.games:focus {
-webkit-transform: translate(0, -2px);
-moz-transform: translate(0, -2px);
-ms-transform: translate(0, -2px);
-o-transform: translate(0, -2px);
transform: translate(0, -2px);
box-shadow: 0 12px 18px -8px rgba(0,193,213,0.7)
}

.top-categories li.games:active,.top-categories-mobile li.games:active,.top-categories.stop-hover li.games:active,.top-categories-mobile.stop-hover li.games:active {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0)
}

.top-categories li.commercials,.top-categories-mobile li.commercials,.top-categories.stop-hover li.commercials,.top-categories-mobile.stop-hover li.commercials {
background-color: #40c914;
box-shadow: 0 8px 18px -8px rgba(64,201,20,0.7)
}

.top-categories li.commercials:hover,.top-categories li.commercials:focus,.top-categories-mobile li.commercials:hover,.top-categories-mobile li.commercials:focus,.top-categories.stop-hover li.commercials:hover,.top-categories.stop-hover li.commercials:focus,.top-categories-mobile.stop-hover li.commercials:hover,.top-categories-mobile.stop-hover li.commercials:focus {
-webkit-transform: translate(0, -2px);
-moz-transform: translate(0, -2px);
-ms-transform: translate(0, -2px);
-o-transform: translate(0, -2px);
transform: translate(0, -2px);
box-shadow: 0 12px 18px -8px rgba(64,201,20,0.7)
}

.top-categories li.commercials:active,.top-categories-mobile li.commercials:active,.top-categories.stop-hover li.commercials:active,.top-categories-mobile.stop-hover li.commercials:active {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0)
}

.top-categories li.anims,.top-categories-mobile li.anims,.top-categories.stop-hover li.anims,.top-categories-mobile.stop-hover li.anims {
background-color: #8181ff;
box-shadow: 0 8px 18px -8px rgba(129,129,255,0.7)
}

.top-categories li.anims:hover,.top-categories li.anims:focus,.top-categories-mobile li.anims:hover,.top-categories-mobile li.anims:focus,.top-categories.stop-hover li.anims:hover,.top-categories.stop-hover li.anims:focus,.top-categories-mobile.stop-hover li.anims:hover,.top-categories-mobile.stop-hover li.anims:focus {
-webkit-transform: translate(0, -2px);
-moz-transform: translate(0, -2px);
-ms-transform: translate(0, -2px);
-o-transform: translate(0, -2px);
transform: translate(0, -2px);
box-shadow: 0 12px 18px -8px rgba(129,129,255,0.7)
}

.top-categories li.anims:active,.top-categories-mobile li.anims:active,.top-categories.stop-hover li.anims:active,.top-categories-mobile.stop-hover li.anims:active {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0)
}

.top-categories li.music,.top-categories-mobile li.music,.top-categories.stop-hover li.music,.top-categories-mobile.stop-hover li.music {
background-color: #ffa300;
box-shadow: 0 8px 18px -8px rgba(255,163,0,0.7)
}

.top-categories li.music:hover,.top-categories li.music:focus,.top-categories-mobile li.music:hover,.top-categories-mobile li.music:focus,.top-categories.stop-hover li.music:hover,.top-categories.stop-hover li.music:focus,.top-categories-mobile.stop-hover li.music:hover,.top-categories-mobile.stop-hover li.music:focus {
-webkit-transform: translate(0, -2px);
-moz-transform: translate(0, -2px);
-ms-transform: translate(0, -2px);
-o-transform: translate(0, -2px);
transform: translate(0, -2px);
box-shadow: 0 12px 18px -8px rgba(255,163,0,0.7)
}

.top-categories li.music:active,.top-categories-mobile li.music:active,.top-categories.stop-hover li.music:active,.top-categories-mobile.stop-hover li.music:active {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0)
}

.top-categories li.kids,.top-categories-mobile li.kids,.top-categories.stop-hover li.kids,.top-categories-mobile.stop-hover li.kids {
background-color: #ff4a52;
box-shadow: 0 8px 18px -8px rgba(255,74,82,0.7)
}

.top-categories li.kids:hover,.top-categories li.kids:focus,.top-categories-mobile li.kids:hover,.top-categories-mobile li.kids:focus,.top-categories.stop-hover li.kids:hover,.top-categories.stop-hover li.kids:focus,.top-categories-mobile.stop-hover li.kids:hover,.top-categories-mobile.stop-hover li.kids:focus {
-webkit-transform: translate(0, -2px);
-moz-transform: translate(0, -2px);
-ms-transform: translate(0, -2px);
-o-transform: translate(0, -2px);
transform: translate(0, -2px);
box-shadow: 0 12px 18px -8px rgba(255,74,82,0.7)
}

.top-categories li.kids:active,.top-categories-mobile li.kids:active,.top-categories.stop-hover li.kids:active,.top-categories-mobile.stop-hover li.kids:active {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0)
}

.top-categories li.tech,.top-categories-mobile li.tech,.top-categories.stop-hover li.tech,.top-categories-mobile.stop-hover li.tech {
background-color: #d28558;
box-shadow: 0 8px 18px -8px rgba(210,133,88,0.7)
}

.top-categories li.tech:hover,.top-categories li.tech:focus,.top-categories-mobile li.tech:hover,.top-categories-mobile li.tech:focus,.top-categories.stop-hover li.tech:hover,.top-categories.stop-hover li.tech:focus,.top-categories-mobile.stop-hover li.tech:hover,.top-categories-mobile.stop-hover li.tech:focus {
-webkit-transform: translate(0, -2px);
-moz-transform: translate(0, -2px);
-ms-transform: translate(0, -2px);
-o-transform: translate(0, -2px);
transform: translate(0, -2px);
box-shadow: 0 12px 18px -8px rgba(210,133,88,0.7)
}

.top-categories li.tech:active,.top-categories-mobile li.tech:active,.top-categories.stop-hover li.tech:active,.top-categories-mobile.stop-hover li.tech:active {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0)
}

.top-categories li.animals,.top-categories-mobile li.animals,.top-categories.stop-hover li.animals,.top-categories-mobile.stop-hover li.animals {
background-color: #cb7df6;
box-shadow: 0 8px 18px -8px rgba(203,125,246,0.7)
}

.top-categories li.animals:hover,.top-categories li.animals:focus,.top-categories-mobile li.animals:hover,.top-categories-mobile li.animals:focus,.top-categories.stop-hover li.animals:hover,.top-categories.stop-hover li.animals:focus,.top-categories-mobile.stop-hover li.animals:hover,.top-categories-mobile.stop-hover li.animals:focus {
-webkit-transform: translate(0, -2px);
-moz-transform: translate(0, -2px);
-ms-transform: translate(0, -2px);
-o-transform: translate(0, -2px);
transform: translate(0, -2px);
box-shadow: 0 12px 18px -8px rgba(203,125,246,0.7)
}

.top-categories li.animals:active,.top-categories-mobile li.animals:active,.top-categories.stop-hover li.animals:active,.top-categories-mobile.stop-hover li.animals:active {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0)
}

.top-categories li.weird,.top-categories-mobile li.weird,.top-categories.stop-hover li.weird,.top-categories-mobile.stop-hover li.weird {
background-color: #55dcc3;
box-shadow: 0 8px 18px -8px rgba(85,220,195,0.7)
}

.top-categories li.weird:hover,.top-categories li.weird:focus,.top-categories-mobile li.weird:hover,.top-categories-mobile li.weird:focus,.top-categories.stop-hover li.weird:hover,.top-categories.stop-hover li.weird:focus,.top-categories-mobile.stop-hover li.weird:hover,.top-categories-mobile.stop-hover li.weird:focus {
-webkit-transform: translate(0, -2px);
-moz-transform: translate(0, -2px);
-ms-transform: translate(0, -2px);
-o-transform: translate(0, -2px);
transform: translate(0, -2px);
box-shadow: 0 12px 18px -8px rgba(85,220,195,0.7)
}

.top-categories li.weird:active,.top-categories-mobile li.weird:active,.top-categories.stop-hover li.weird:active,.top-categories-mobile.stop-hover li.weird:active {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0)
}

.top-categories li.vlogs,.top-categories-mobile li.vlogs,.top-categories.stop-hover li.vlogs,.top-categories-mobile.stop-hover li.vlogs {
background-color: #8082f7;
box-shadow: 0 8px 18px -8px rgba(128,130,247,0.7)
}

.top-categories li.vlogs:hover,.top-categories li.vlogs:focus,.top-categories-mobile li.vlogs:hover,.top-categories-mobile li.vlogs:focus,.top-categories.stop-hover li.vlogs:hover,.top-categories.stop-hover li.vlogs:focus,.top-categories-mobile.stop-hover li.vlogs:hover,.top-categories-mobile.stop-hover li.vlogs:focus {
-webkit-transform: translate(0, -2px);
-moz-transform: translate(0, -2px);
-ms-transform: translate(0, -2px);
-o-transform: translate(0, -2px);
transform: translate(0, -2px);
box-shadow: 0 12px 18px -8px rgba(128,130,247,0.7)
}

.top-categories li.vlogs:active,.top-categories-mobile li.vlogs:active,.top-categories.stop-hover li.vlogs:active,.top-categories-mobile.stop-hover li.vlogs:active {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0)
}

.top-categories li.fun,.top-categories-mobile li.fun,.top-categories.stop-hover li.fun,.top-categories-mobile.stop-hover li.fun {
background-color: #f88756;
box-shadow: 0 8px 18px -8px rgba(248,135,86,0.7)
}

.top-categories li.fun:hover,.top-categories li.fun:focus,.top-categories-mobile li.fun:hover,.top-categories-mobile li.fun:focus,.top-categories.stop-hover li.fun:hover,.top-categories.stop-hover li.fun:focus,.top-categories-mobile.stop-hover li.fun:hover,.top-categories-mobile.stop-hover li.fun:focus {
-webkit-transform: translate(0, -2px);
-moz-transform: translate(0, -2px);
-ms-transform: translate(0, -2px);
-o-transform: translate(0, -2px);
transform: translate(0, -2px);
box-shadow: 0 12px 18px -8px rgba(248,135,86,0.7)
}

.top-categories li.fun:active,.top-categories-mobile li.fun:active,.top-categories.stop-hover li.fun:active,.top-categories-mobile.stop-hover li.fun:active {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0)
}

.top-categories li.sports,.top-categories-mobile li.sports,.top-categories.stop-hover li.sports,.top-categories-mobile.stop-hover li.sports {
background-color: #50a9f9;
box-shadow: 0 8px 18px -8px rgba(80,169,249,0.7)
}

.top-categories li.sports:hover,.top-categories li.sports:focus,.top-categories-mobile li.sports:hover,.top-categories-mobile li.sports:focus,.top-categories.stop-hover li.sports:hover,.top-categories.stop-hover li.sports:focus,.top-categories-mobile.stop-hover li.sports:hover,.top-categories-mobile.stop-hover li.sports:focus {
-webkit-transform: translate(0, -2px);
-moz-transform: translate(0, -2px);
-ms-transform: translate(0, -2px);
-o-transform: translate(0, -2px);
transform: translate(0, -2px);
box-shadow: 0 12px 18px -8px rgba(80,169,249,0.7)
}

.top-categories li.sports:active,.top-categories-mobile li.sports:active,.top-categories.stop-hover li.sports:active,.top-categories-mobile.stop-hover li.sports:active {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0)
}

.categories-tags-block {
border-radius: 8px !important;
-moz-border-radius: 8px !important;
-webkit-border-radius: 8px !important;
margin-bottom: 5px;
overflow: hidden;
padding: 0
}

.top-categories,.top-categories-mobile {
padding: 13px 15px 0
}

.top-categories .row,.top-categories-mobile .row {
margin: 0 -5px;
padding: 2px 0 1px
}

.top-categories .row.single-line,.top-categories-mobile .row.single-line {
height: 53px;
padding: 2px 0 0
}

.top-categories .row.single-line ul li,.top-categories-mobile .row.single-line ul li {
margin: 0 5px 100px
}

.top-categories ul,.top-categories-mobile ul {
display: -webkit-box;
display: -moz-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -5px;
margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;padding: 0;
padding-inline-start:0}

.top-categories ul .li-category,.top-categories-mobile ul .li-category {
border-radius: 12px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
-webkit-transition: box-shadow 0.2s,transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: box-shadow 0.2s,transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
-ms-transition: box-shadow 0.2s,transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: box-shadow 0.2s,transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: box-shadow 0.2s,transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
height: 40px;
list-style: none;
margin: 0 5px 10px;
position: relative;
will-change: transform
}

.top-categories ul .li-category a,.top-categories-mobile ul .li-category a {
align-items: center;
display: flex;
font-weight: bold;
height: 40px;
padding: 0 12px 0 10px
}

html[dir="rtl"] .top-categories ul .li-category a,html[dir="rtl"] .top-categories-mobile ul .li-category a {
padding: 0 10px 0 12px
}

.top-categories ul .li-category a::before,.top-categories-mobile ul .li-category a::before {
font-family: 'fontello';
font-size: 15px;
font-weight: normal;
line-height: 15px
}

.top-categories ul .li-category a.played_games::before,.top-categories-mobile ul .li-category a.played_games::before {
color: #fff;
content: "";
font-family: 'fontello';
font-size: 16px;
font-weight: normal;
top: 10px;
left: 7px
}

.top-categories ul .li-category a.liked_games::before,.top-categories-mobile ul .li-category a.liked_games::before {
color: #fff;
content: "";
font-family: 'fontello';
font-size: 21px;
font-weight: normal;
top: 10px;
left: 7px
}

.top-categories ul .li-category a.recommended_games::before,.top-categories-mobile ul .li-category a.recommended_games::before {
color: #fff;
content: "";
font-family: 'fontello';
font-size: 16px;
font-weight: normal;
top: 10px;
left: 7px
}

.top-categories ul .li-category a.driving_racing::before,.top-categories-mobile ul .li-category a.driving_racing::before {
color: #fff;
content: "";
font-family: 'fontello';
font-size: 16px;
font-weight: normal;
top: 8px;
left: 11px
}

.top-categories ul .li-category a.girls::before,.top-categories-mobile ul .li-category a.girls::before {
color: #fff;
content: "";
font-family: 'fontello';
font-size: 16px;
font-weight: normal;
top: 8px;
left: 10px
}

.top-categories ul .li-category a.strategy::before,.top-categories-mobile ul .li-category a.strategy::before {
color: #fff;
content: "";
font-family: 'fontello';
font-size: 16px;
font-weight: normal;
top: 9px;
left: 12px
}

.top-categories ul .li-category a.management::before,.top-categories-mobile ul .li-category a.management::before {
color: #fff;
content: "";
font-family: 'fontello';
font-size: 15px;
font-weight: normal;
top: 8px;
left: 9px
}

.top-categories ul .li-category a.thinking::before,.top-categories-mobile ul .li-category a.thinking::before {
color: #fff;
content: "";
font-family: 'fontello';
font-size: 16px;
font-weight: normal;
top: 8px;
left: 11px
}

.top-categories ul .li-category a.action_adventure::before,.top-categories-mobile ul .li-category a.action_adventure::before {
color: #fff;
content: "";
font-family: 'fontello';
font-size: 9px;
font-weight: normal;
top: 10px;
left: 9px
}

.top-categories ul .li-category a.sports::before,.top-categories-mobile ul .li-category a.sports::before {
color: #fff;
content: "";
font-family: 'fontello';
font-size: 16px;
font-weight: normal;
top: 8px;
left: 11px
}

.top-categories ul .li-category a.shooting::before,.top-categories-mobile ul .li-category a.shooting::before {
color: #fff;
content: "";
font-family: 'fontello';
font-size: 16px;
font-weight: normal;
top: 8px;
left: 10px
}

.top-categories ul .li-category a.fighting::before,.top-categories-mobile ul .li-category a.fighting::before {
color: #fff;
content: "";
font-family: 'fontello';
font-size: 14px;
font-weight: normal;
top: 10px;
left: 10px
}

.top-categories ul .li-category a.skill::before,.top-categories-mobile ul .li-category a.skill::before {
color: #fff;
content: "";
font-family: 'fontello';
font-size: 16px;
font-weight: normal;
top: 8px;
left: 13px
}

.top-categories ul .li-category a.arcade_classic::before,.top-categories-mobile ul .li-category a.arcade_classic::before {
color: #fff;
content: "";
font-family: 'fontello';
font-size: 14px;
font-weight: normal;
top: 8px;
left: 11px
}

.top-categories ul .li-category a.fun::before,.top-categories-mobile ul .li-category a.fun::before {
color: #fff;
content: "";
font-family: 'fontello';
font-size: 16px;
font-weight: normal;
top: 8px;
left: 11px
}

.top-categories ul .li-category a.all-tags::before,.top-categories-mobile ul .li-category a.all-tags::before {
color: #fff;
content: "";
font-family: 'fontello';
font-size: 16px;
font-weight: normal;
top: 10px;
left: 7px;
margin-top: 5px
}

.top-categories ul .li-category a.movie_trailer::before,.top-categories-mobile ul .li-category a.movie_trailer::before {
color: #fff;
content: "";
font-family: 'fontello';
font-size: 16px;
font-weight: normal;
top: 10px;
left: 8px
}

.top-categories ul .li-category a.games::before,.top-categories-mobile ul .li-category a.games::before {
color: #fff;
content: "";
font-family: 'fontello';
font-size: 16px;
font-weight: normal;
top: 10px;
left: 8px
}

.top-categories ul .li-category a.commercials::before,.top-categories-mobile ul .li-category a.commercials::before {
color: #fff;
content: "";
font-family: 'fontello';
font-size: 16px;
font-weight: normal;
top: 10px;
left: 8px
}

.top-categories ul .li-category a.anims::before,.top-categories-mobile ul .li-category a.anims::before {
color: #fff;
content: "";
font-family: 'fontello';
font-size: 16px;
font-weight: normal;
top: 10px;
left: 8px
}

.top-categories ul .li-category a.music::before,.top-categories-mobile ul .li-category a.music::before {
color: #fff;
content: "";
font-family: 'fontello';
font-size: 16px;
font-weight: normal;
top: 10px;
left: 8px
}

.top-categories ul .li-category a.kids::before,.top-categories-mobile ul .li-category a.kids::before {
color: #fff;
content: "";
font-family: 'fontello';
font-size: 16px;
font-weight: normal;
top: 10px;
left: 8px
}

.top-categories ul .li-category a.tech::before,.top-categories-mobile ul .li-category a.tech::before {
color: #fff;
content: "";
font-family: 'fontello';
font-size: 16px;
font-weight: normal;
top: 10px;
left: 8px
}

.top-categories ul .li-category a.animals::before,.top-categories-mobile ul .li-category a.animals::before {
color: #fff;
content: "";
font-family: 'fontello';
font-size: 16px;
font-weight: normal;
top: 10px;
left: 8px
}

.top-categories ul .li-category a.weird::before,.top-categories-mobile ul .li-category a.weird::before {
color: #fff;
content: "";
font-family: 'fontello';
font-size: 16px;
font-weight: normal;
top: 10px;
left: 8px
}

.top-categories ul .li-category a.vlogs::before,.top-categories-mobile ul .li-category a.vlogs::before {
color: #fff;
content: "";
font-family: 'fontello';
font-size: 16px;
font-weight: normal;
top: 10px;
left: 8px
}

.top-categories ul .li-category a .name,.top-categories-mobile ul .li-category a .name {
color: #fff;
display: block;
font-size: 13px;
font-weight: bold;
line-height: 15px;
margin: 0 0 0 7px;
white-space: nowrap
}

html[dir="rtl"] .top-categories ul .li-category a .name,html[dir="rtl"] .top-categories-mobile ul .li-category a .name {
margin: 0 7px 0 0
}

.top-categories ul .li-category a:active,.top-categories-mobile ul .li-category a:active {
text-decoration: none
}

.top-categories ul .li-category a:hover,.top-categories ul .li-category a:focus,.top-categories-mobile ul .li-category a:hover,.top-categories-mobile ul .li-category a:focus {
text-decoration: none
}

.all-categories-btn,.all-tags,.all-tags.tag {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
border-radius: 12px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: rgba(0,0,0,0.06);
color: #666;
cursor: pointer;
display: block;
font-size: 13px;
font-weight: bold;
height: 40px;
line-height: 40px;
margin: 0;
padding: 0 15px;
text-decoration: none
}

.all-categories-btn:hover,.all-tags:hover,.all-tags.tag:hover {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
background: #eee;
box-shadow: none;
color: #333
}

.top-tags,.top-tags-mobile {
margin-bottom: 0;
padding: 5px 15px 15px
}

.top-tags__wrapper,.top-tags-mobile__wrapper {
display: -webkit-box;
display: -moz-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column
}

.top-tags .top-tags__height,.top-tags-mobile .top-tags__height {
height: 35px;
margin: 0 -3px
}

.top-tags .more-tags,.top-tags-mobile .more-tags {
text-align: center
}

.top-tags .more-tags:hover,.top-tags-mobile .more-tags:hover {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0)
}

.top-tags ul,.top-tags-mobile ul {
padding: 0
}

.top-tags ul li,.top-tags-mobile ul li {
display: inline-block;
margin: 0 4px 20px;
vertical-align: middle
}

.top-tags .more-tags .category,.top-tags-mobile .more-tags .category {
line-height: 6px
}

.top-tags .all-tags,.top-tags-mobile .all-tags {
background: rgba(0,0,0,0.06);
box-shadow: none
}

@media (min-width: 1024px) {
.top-tags__wrapper,.top-tags-mobile__wrapper {
flex-direction:row
}

.top-tags li,.top-tags-mobile li {
margin: 0 8px 8px 0
}
}

.header-category-page {
display: flex;
flex-wrap: wrap;
margin-top: 10px
}

.header-category-page .left-col {
display: -webkit-box;
display: -moz-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
position: relative
}

.header-category-page .left-col .icon-col {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 84px
}

.header-category-page .left-col .icon-col img {
-webkit-transform: translate(-14px, 0);
-moz-transform: translate(-14px, 0);
-ms-transform: translate(-14px, 0);
-o-transform: translate(-14px, 0);
transform: translate(-14px, 0);
height: 92px;
width: 92px
}

html[dir="rtl"] .header-category-page .left-col .icon-col img {
-webkit-transform: translate(14px, 0);
-moz-transform: translate(14px, 0);
-ms-transform: translate(14px, 0);
-o-transform: translate(14px, 0);
transform: translate(14px, 0)
}

.header-category-page .left-col .text-col .title {
color: #333;
font-size: 28px;
font-weight: bold;
margin-bottom: 5px;
margin-top: 14px
}

@media (max-width: 1024px) {
.header-category-page .left-col .text-col .title {
font-size:22px
}
}

@media (max-width: 715px) {
.header-category-page .left-col .text-col .title {
font-size:18px;
line-height: 25px
}
}

.header-category-page .left-col .text-col .description {
color: #666;
font-size: 16px;
font-weight: normal;
line-height: 22px;
margin: 0
}

.header-category-page .left-col .text-col .description.open {
-webkit-transition: all 3s ease-in-out;
-moz-transition: all 3s ease-in-out;
-ms-transition: all 3s ease-in-out;
-o-transition: all 3s ease-in-out;
transition: all 3s ease-in-out;
max-height: 9999px;
position: relative
}

@media (max-width: 1024px) {
.header-category-page .left-col .text-col .description {
font-size:14px
}
}

.header-category-page .left-col .text-col .view-all-description {
display: none
}

@media (max-width: 768px) {
.header-category-page .left-col .text-col .description {
max-height:70px;
overflow: hidden
}

.header-category-page .left-col .text-col .view-all-description {
display: -webkit-box;
display: -moz-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex
}
}

.header-category-page .left-col,.header-category-page .right-col {
padding: 0 20px;
width: 50%
}

@media screen and (max-width: 1024px) {
.header-category-page .left-col,.header-category-page .right-col {
width:100%
}
}

@media screen and (max-width: 799px) {
.header-category-page .left-col,.header-category-page .right-col {
padding:0
}
}

.header-category-page .right-col {
padding-top: 20px
}

.header-category-page .right-col .top-tags {
padding: 0
}

.header-category-page .right-col .top-tags .title {
color: #666;
display: block;
font-size: 14px;
font-weight: bold;
margin: 0 0 10px !important;
text-transform: uppercase
}

@media (max-width: 991px) {
.header-category-page .right-col .top-tags .title {
text-align:center
}
}

.header-category-page .right-col .top-tags .tags-container {
display: block
}

@media (max-width: 991px) {
.header-category-page .right-col .top-tags .tags-container {
text-align:center
}
}

.header-category-page .collapse-tags-container {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
overflow: hidden;
position: relative
}

.header-category-page .collapse-tags-container.open {
-webkit-transition: all 3s ease-in-out;
-moz-transition: all 3s ease-in-out;
-ms-transition: all 3s ease-in-out;
-o-transition: all 3s ease-in-out;
transition: all 3s ease-in-out;
max-height: 9999px;
position: relative
}

.header-category-page .collapse-tags-container.open .view-all-link {
display: none
}

.header-category-page .view-all-link {
display: none
}

.header-category-page .view-all-link,.header-category-page .view-all-description {
background: rgba(244,244,244,0);
background: -moz-linear-gradient(-180deg, rgba(244,244,244,0) 0%, #f1f1f1 70%, #f1f1f1 100%);
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(244,244,244,0)), color-stop(100%, #f1f1f1));
background: -webkit-linear-gradient(-180deg, rgba(244,244,244,0) 0%, #f1f1f1 70%, #f1f1f1 100%);
background: -o-linear-gradient(-180deg, rgba(244,244,244,0) 0%, #f1f1f1 70%, #f1f1f1 100%);
background: -ms-linear-gradient(-180deg, rgba(244,244,244,0) 0%, #f1f1f1 70%, #f1f1f1 100%);
background: linear-gradient(-180deg, rgba(244,244,244,0) 0%, #f1f1f1 70%, #f1f1f1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(244, 244, 244, 0)', endColorstr='#f1f1f1',GradientType=1 );
bottom: 0;
cursor: pointer;
height: 60px;
justify-content: center;
left: 0;
margin-bottom: 0;
position: absolute;
width: 100%
}

.header-category-page .view-all-link::after,.header-category-page .view-all-description::after {
background: rgba(0,0,0,0);
background: -moz-linear-gradient(-90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.09) 50%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0)));
background: -webkit-linear-gradient(-90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.09) 50%, rgba(0,0,0,0) 100%);
background: -o-linear-gradient(-90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.09) 50%, rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(-90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.09) 50%, rgba(0,0,0,0) 100%);
background: linear-gradient(-90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.09) 50%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0, 0, 0, 0)', endColorstr='rgba(0, 0, 0, 0)',GradientType=1 );
bottom: 7px;
content: '';
height: 1px;
left: 0;
position: absolute;
right: 0;
width: 100%
}

.header-category-page .view-all-link span,.header-category-page .view-all-description span {
background: #f1f1f1;
color: #666;
font-size: 11px;
font-weight: bold;
letter-spacing: .4px;
padding: 0 10px;
text-transform: uppercase;
z-index: 1
}

@media (max-width: 799px) {
.header-category-page .view-all-link,.header-category-page .view-all-description {
display:-webkit-box;
display: -moz-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: flex-end;
-moz-box-align: flex-end;
-ms-flex-align: flex-end;
-webkit-align-items: flex-end;
align-items: flex-end
}

.header-category-page .collapse-tags-container {
max-height: 130px
}
}

@media (min-width: 800px) {
body.tags.index .container,body.items.index .container,body.searches.show .container,body.tags.show .container,body.items.newest .container,body.items.best .container,body.items.popular .container,body.categories.show .container,body.tags.tag_intersection .container,body.items.search .container,body.items.house_games .container,body.visited_items .container,body.liked_items .container,body.recommended_items .container {
width:620px
}

body.tags.index .main,body.items.index .main,body.searches.show .main,body.tags.show .main,body.items.newest .main,body.items.best .main,body.items.popular .main,body.categories.show .main,body.tags.tag_intersection .main,body.items.search .main,body.items.house_games .main,body.visited_items .main,body.liked_items .main,body.recommended_items .main {
width: 620px
}

body.tags.index .top-categories li.li-category:nth-child(-n+2),body.items.index .top-categories li.li-category:nth-child(-n+2),body.searches.show .top-categories li.li-category:nth-child(-n+2),body.tags.show .top-categories li.li-category:nth-child(-n+2),body.items.newest .top-categories li.li-category:nth-child(-n+2),body.items.best .top-categories li.li-category:nth-child(-n+2),body.items.popular .top-categories li.li-category:nth-child(-n+2),body.categories.show .top-categories li.li-category:nth-child(-n+2),body.tags.tag_intersection .top-categories li.li-category:nth-child(-n+2),body.items.search .top-categories li.li-category:nth-child(-n+2),body.items.house_games .top-categories li.li-category:nth-child(-n+2),body.visited_items .top-categories li.li-category:nth-child(-n+2),body.liked_items .top-categories li.li-category:nth-child(-n+2),body.recommended_items .top-categories li.li-category:nth-child(-n+2) {
display: table !important
}
}

@media (min-width: 860px) {
body.tags.index .container,body.items.index .container,body.searches.show .container,body.tags.show .container,body.items.newest .container,body.items.best .container,body.items.popular .container,body.categories.show .container,body.tags.tag_intersection .container,body.items.search .container,body.items.house_games .container,body.visited_items .container,body.liked_items .container,body.recommended_items .container {
width:820px
}

body.tags.index .main,body.items.index .main,body.searches.show .main,body.tags.show .main,body.items.newest .main,body.items.best .main,body.items.popular .main,body.categories.show .main,body.tags.tag_intersection .main,body.items.search .main,body.items.house_games .main,body.visited_items .main,body.liked_items .main,body.recommended_items .main {
width: 820px
}

body.tags.index .top-categories li.li-category:nth-child(-n+3),body.items.index .top-categories li.li-category:nth-child(-n+3),body.searches.show .top-categories li.li-category:nth-child(-n+3),body.tags.show .top-categories li.li-category:nth-child(-n+3),body.items.newest .top-categories li.li-category:nth-child(-n+3),body.items.best .top-categories li.li-category:nth-child(-n+3),body.items.popular .top-categories li.li-category:nth-child(-n+3),body.categories.show .top-categories li.li-category:nth-child(-n+3),body.tags.tag_intersection .top-categories li.li-category:nth-child(-n+3),body.items.search .top-categories li.li-category:nth-child(-n+3),body.items.house_games .top-categories li.li-category:nth-child(-n+3),body.visited_items .top-categories li.li-category:nth-child(-n+3),body.liked_items .top-categories li.li-category:nth-child(-n+3),body.recommended_items .top-categories li.li-category:nth-child(-n+3) {
display: table !important
}
}

@media (min-width: 1024px) {
body.tags.index .container,body.items.index .container,body.searches.show .container,body.tags.show .container,body.items.newest .container,body.items.best .container,body.items.popular .container,body.categories.show .container,body.tags.tag_intersection .container,body.items.search .container,body.items.house_games .container,body.visited_items .container,body.liked_items .container,body.recommended_items .container {
width:1020px
}

body.tags.index .main,body.items.index .main,body.searches.show .main,body.tags.show .main,body.items.newest .main,body.items.best .main,body.items.popular .main,body.categories.show .main,body.tags.tag_intersection .main,body.items.search .main,body.items.house_games .main,body.visited_items .main,body.liked_items .main,body.recommended_items .main {
width: 1020px
}

body.tags.index .top-categories li.li-category:nth-child(-n+4),body.items.index .top-categories li.li-category:nth-child(-n+4),body.searches.show .top-categories li.li-category:nth-child(-n+4),body.tags.show .top-categories li.li-category:nth-child(-n+4),body.items.newest .top-categories li.li-category:nth-child(-n+4),body.items.best .top-categories li.li-category:nth-child(-n+4),body.items.popular .top-categories li.li-category:nth-child(-n+4),body.categories.show .top-categories li.li-category:nth-child(-n+4),body.tags.tag_intersection .top-categories li.li-category:nth-child(-n+4),body.items.search .top-categories li.li-category:nth-child(-n+4),body.items.house_games .top-categories li.li-category:nth-child(-n+4),body.visited_items .top-categories li.li-category:nth-child(-n+4),body.liked_items .top-categories li.li-category:nth-child(-n+4),body.recommended_items .top-categories li.li-category:nth-child(-n+4) {
display: table !important
}
}

@media (min-width: 1240px) {
body.tags.index .container,body.items.index .container,body.searches.show .container,body.tags.show .container,body.items.newest .container,body.items.best .container,body.items.popular .container,body.categories.show .container,body.tags.tag_intersection .container,body.items.search .container,body.items.house_games .container,body.visited_items .container,body.liked_items .container,body.recommended_items .container {
width:1220px
}

body.tags.index .main,body.items.index .main,body.searches.show .main,body.tags.show .main,body.items.newest .main,body.items.best .main,body.items.popular .main,body.categories.show .main,body.tags.tag_intersection .main,body.items.search .main,body.items.house_games .main,body.visited_items .main,body.liked_items .main,body.recommended_items .main {
width: 1220px
}

body.tags.index .top-categories li.li-category:nth-child(-n+5),body.items.index .top-categories li.li-category:nth-child(-n+5),body.searches.show .top-categories li.li-category:nth-child(-n+5),body.tags.show .top-categories li.li-category:nth-child(-n+5),body.items.newest .top-categories li.li-category:nth-child(-n+5),body.items.best .top-categories li.li-category:nth-child(-n+5),body.items.popular .top-categories li.li-category:nth-child(-n+5),body.categories.show .top-categories li.li-category:nth-child(-n+5),body.tags.tag_intersection .top-categories li.li-category:nth-child(-n+5),body.items.search .top-categories li.li-category:nth-child(-n+5),body.items.house_games .top-categories li.li-category:nth-child(-n+5),body.visited_items .top-categories li.li-category:nth-child(-n+5),body.liked_items .top-categories li.li-category:nth-child(-n+5),body.recommended_items .top-categories li.li-category:nth-child(-n+5) {
display: table !important
}
}

.items-grid {
padding: 15px 20px 0
}

@media screen and (max-width: 799px) {
.items-grid {
padding:15px 0 0
}
}

.items-grid .items-container {
display: grid;
gap: 20px;
grid-template-columns: repeat(6, 1fr);
margin: 0;
padding: 0
}

@media screen and (max-width: 1239px) {
.items-grid .items-container {
grid-template-columns:repeat(5, 1fr)
}
}

@media screen and (max-width: 1023px) {
.items-grid .items-container {
gap:15px;
grid-template-columns: repeat(4, 1fr)
}
}

@media screen and (max-width: 799px) {
.items-grid .items-container {
grid-template-columns:repeat(3, 1fr)
}
}

@media screen and (max-width: 599px) {
.items-grid .items-container {
grid-template-columns:repeat(2, 1fr)
}
}

.items-grid.items-grid--related {
padding: 15px 20px
}

.items-grid.items-grid--related .block-title {
padding: 0
}

.items-grid.items-grid--related .items-container {
grid-template-columns: repeat(6, 1fr);
margin-top: 15px
}

@media screen and (max-width: 1919px) {
.items-grid.items-grid--related .items-container {
grid-template-columns:repeat(4, 1fr)
}
}

@media screen and (max-width: 1239px) {
.items-grid.items-grid--related .items-container {
grid-template-columns:repeat(3, 1fr)
}
}

@media screen and (max-width: 1023px) {
.items-grid.items-grid--related .items-container {
grid-template-columns:repeat(3, 1fr)
}
}

@media screen and (max-width: 860px) {
.items-grid.items-grid--related .items-container {
grid-template-columns:repeat(2, 1fr)
}
}

@media screen and (max-width: 799px) {
.items-grid.items-grid--related .items-container {
grid-template-columns:repeat(3, 1fr)
}
}

@media screen and (max-width: 490px) {
.items-grid.items-grid--related .items-container {
grid-template-columns:repeat(2, 1fr)
}
}

@media screen and (max-width: 360px) {
.items-grid.items-grid--related .items-container {
grid-template-columns:1fr
}
}

.items-grid.items-grid--series {
margin-bottom: 15px !important;
min-height: 120px;
padding: 0 20px
}

@media screen and (max-width: 799px) {
.items-grid.items-grid--series {
padding:0
}
}

.items-grid.items-grid--series .items-container {
grid-template-columns: repeat(2, 1fr)
}

@media screen and (max-width: 799px) {
.items-grid.items-grid--series .items-container {
grid-template-columns:repeat(3, 1fr)
}
}

@media screen and (max-width: 490px) {
.items-grid.items-grid--series .items-container {
grid-template-columns:repeat(2, 1fr)
}
}

@media screen and (max-width: 360px) {
.items-grid.items-grid--series .items-container {
grid-template-columns:1fr
}
}

.items-grid.items-grid--house-games {
padding: 0 20px
}

@media screen and (max-width: 799px) {
.items-grid.items-grid--house-games {
padding:0
}
}

@media screen and (max-width: 1024px) {
.items-grid.items-grid--house-games .items-container {
grid-template-columns:repeat(3, 1fr)
}
}

@media screen and (max-width: 490px) {
.items-grid.items-grid--house-games .items-container {
grid-template-columns:repeat(2, 1fr)
}
}

@media screen and (max-width: 360px) {
.items-grid.items-grid--house-games .items-container {
grid-template-columns:1fr
}
}

.items-grid.items-grid--studio {
padding: 15px 0 0
}

@media screen and (max-width: 1919px) {
.items-grid.items-grid--studio .items-container {
grid-template-columns:repeat(5, 1fr)
}
}

@media screen and (max-width: 1239px) {
.items-grid.items-grid--studio .items-container {
grid-template-columns:repeat(4, 1fr)
}
}

@media screen and (max-width: 799px) {
.items-grid.items-grid--studio .items-container {
grid-template-columns:repeat(3, 1fr)
}
}

@media screen and (max-width: 599px) {
.items-grid.items-grid--studio .items-container {
grid-template-columns:repeat(2, 1fr)
}
}

.item {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
border-radius: 14px;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
backface-visibility: hidden;
cursor: pointer;
list-style: none;
overflow: hidden;
padding: 0;
position: relative;
transform-origin: bottom;
width: auto;
will-change: transform
}

.item .item__microthumb {
background: #fff;
left: 0;
overflow: hidden;
padding-bottom: 75%;
position: absolute;
right: 0;
top: 0
}

.item .item__thumbarea {
border-radius: 14px;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
height: 0;
overflow: hidden;
padding-bottom: 75%;
position: relative
}

.item .item__thumbarea::after {
border-radius: 14px;
bottom: 0;
box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
content: '';
left: 0;
position: absolute;
right: 0;
top: 0
}

.item:hover {
box-shadow: 0 10px 20px -10px rgba(0,0,0,0.2);
transform: scale(1.08)
}

.item:hover .item__img-container::before,.item:hover .item__infos {
opacity: 1
}

.item:active {
transform: scale(1.05)
}

.item.item--stop .item__infos,.item.item--stop .item__img-container::before {
opacity: 0
}

.item .item__img-container {
position: relative
}

.item .item__img-container::before {
background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 6.67%, rgba(0,0,0,0.02) 13.33%, rgba(0,0,0,0.04) 20%, rgba(0,0,0,0.07) 26.67%, rgba(0,0,0,0.12) 33.33%, rgba(0,0,0,0.17) 40%, rgba(0,0,0,0.22) 46.67%, rgba(0,0,0,0.28) 53.33%, rgba(0,0,0,0.33) 60%, rgba(0,0,0,0.38) 66.67%, rgba(0,0,0,0.43) 73.33%, rgba(0,0,0,0.46) 80%, rgba(0,0,0,0.48) 86.67%, rgba(0,0,0,0.5) 93.33%, rgba(0,0,0,0.5) 100%);
border-radius: 14px 14px 0 0;
bottom: 0;
content: '';
height: 86px;
left: 0;
opacity: 0;
position: absolute;
right: 0;
transition: opacity .3s;
z-index: 6
}

.item .item__infos {
align-items: flex-end;
border-radius: 0 0 14px 14px;
bottom: 0;
display: flex;
justify-content: space-between;
left: 0;
opacity: 0;
padding: 14px 16px;
position: absolute;
right: 0;
transition: opacity .3s
}

.item .item__infos .item__title {
color: #fff;
font-size: 13px;
font-style: normal;
font-weight: 600;
line-height: 18px;
margin: 0;
max-width: 119px;
padding-right: 10px;
text-shadow: 0 3px 8px rgba(0,0,0,0.25)
}

html[dir="rtl"] .item .item__infos .item__title {
padding-left: 10px;
padding-right: 0;
text-align: right
}

.item .item__infos .item__rating {
color: #fff;
display: flex;
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: 18px
}

.item .item__infos .item__rating::before {
color: #ffa300;
content: "";
font-family: 'fontello';
font-size: 16px;
font-weight: normal;
line-height: 16px;
padding-right: 4px
}

html[dir="rtl"] .item .item__infos .item__rating::before {
padding-left: 4px;
padding-right: 0
}

.item .desktop-only {
display: none
}

.item a:hover,.item a:active,.item a:focus {
text-decoration: none
}

.item .thumb {
height: 100%;
position: relative;
width: 100%
}

.item .new-item-icon {
background-image: url();
color: #fff;
font-size: 0;
height: 36px;
position: absolute;
right: 0;
top: 0;
width: 36px;
z-index: 101
}

.item:not(.item--house-games) .item__infos {
z-index: 7
}

.item.item--house-games {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
cursor: pointer;
overflow: hidden;
padding: 0;
width: auto;
will-change: inherit
}

.item.item--house-games:hover {
-webkit-box-shadow: 0 10px 20px -10px rgba(0,0,0,0.25);
-moz-box-shadow: 0 10px 20px -10px rgba(0,0,0,0.25);
box-shadow: 0 10px 20px -10px rgba(0,0,0,0.25);
transform: none
}

.item.item--house-games:hover .item__infos {
background: #fff
}

.item.item--house-games .item__img-container::before {
content: none
}

.item.item--house-games .item__thumbarea {
border-radius: 8px 8px 0 0;
-moz-border-radius: 8px 8px 0 0;
-webkit-border-radius: 8px 8px 0 0
}

.item.item--house-games .item__thumbarea::after {
content: none
}

.item.item--house-games .item__infos {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
background: #fff;
display: block;
height: 100%;
opacity: 1;
padding: 10px;
position: relative
}

.item.item--house-games .item__infos .item__title {
color: #333;
font-size: 16px;
font-weight: bold;
line-height: 1.1;
max-width: 100%;
overflow: hidden;
padding-right: 0;
text-overflow: ellipsis;
text-shadow: none;
white-space: nowrap
}

html[dir="rtl"] .item.item--house-games .item__infos .item__title {
text-align: right
}

.item.item--house-games .item__infos .item-embed-toggle {
align-items: center;
color: #999;
display: flex;
font-size: 11px;
font-weight: bold;
line-height: 16px;
text-align: left
}

.item.item--house-games .item__infos .item-embed-toggle::before {
color: #999;
content: "";
font-family: 'fontello';
font-size: 16px;
font-weight: normal;
font-size: 20px;
margin-right: 6px
}

.item.item--series-games:hover {
transform: none
}

.item.item--series-games .item__infos {
padding: 12px 14px
}

.item.item--series-games .item__infos .item__title {
font-size: 11px;
line-height: 15px;
padding-right: 0
}

.item .item__inline-data {
display: -webkit-box;
display: -moz-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: space-between;
-webkit-box-pack: space-between;
-webkit-justify-content: space-between;
-ms-flex-pack: space-between;
-webkit-box-align: flex-start;
-moz-box-align: flex-start;
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
margin-top: 5px
}

.item .rereleased-item-icon {
background-image: url();
color: #fff;
font-size: 0;
height: 36px;
position: absolute;
right: 0;
top: 0;
width: 36px;
z-index: 101
}

.item .item__release-date {
color: #9d9d9d;
font-size: 11px;
margin-left: 10px;
text-align: right
}

html[dir="rtl"] .item .item__release-date {
margin-left: 0;
margin-right: 10px;
text-align: left
}

.item.infinite-scroll-loading {
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
background: #fff;
margin: 0 0 20px;
padding: 0;
position: relative
}

.item.infinite-scroll-loading .item__thumbarea {
background: #fff url(../assets/loading-f4fd4063fe7db90860e1b5a620709c7aeaece72b23abb6c8cbe3f4e89cb4d759.gif) center bottom no-repeat;
background-size: 32px
}

.item.infinite-scroll-loading .item__infos {
background: #fff;
color: #666;
font-size: 12px;
font-weight: bold;
padding: 10px 0 25%;
text-align: center
}

html.touch .item.mobile-disallow>a {
filter: brightness(0.9) grayscale(60%);
-webkit-filter: brightness(0.9) grayscale(60%)
}

html.touch .item.mobile-disallow .item__img-container img {
filter: blur(1px);
-webkit-filter: blur(1px)
}

html.touch .item.mobile-disallow .desktop-only {
background: rgba(0,0,0,0.2);
display: block;
height: 100%;
left: 0;
padding-top: 25%;
position: absolute;
text-align: center;
top: 0;
width: 100%
}

html.touch .item.mobile-disallow .desktop-only p {
color: #fff;
font-size: 11px;
font-style: normal;
font-weight: 700;
letter-spacing: .33px;
text-shadow: 0 3px 4px rgba(0,0,0,0.5);
text-transform: uppercase
}

html.touch .item.mobile-disallow .desktop-only p::before {
color: #fff;
content: "";
font-family: 'fontello';
font-size: 16px;
font-weight: normal;
display: block;
font-size: 24px;
line-height: 24px;
margin-bottom: 2px
}

.thumb-img-container {
position: relative
}

.thumb-img-container img {
display: block
}

.vid-container.vid-container-normal {
bottom: 0;
display: none;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 5
}

.vid-container.vid-container-msie {
display: none
}

.vid-container video,.vid-container object,.vid-container embed {
bottom: 0;
height: 100%;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 10
}

.y-icon {
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
background-size: cover;
height: 24px;
position: absolute;
top: 50%;
width: 24px
}

.y-icon.y-icon--search {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23bbb%22%20stroke%3D%22transparent%22%20stroke-width%3D%220%22%20style%3D%22%22%20d%3D%22M15.814 13.71c.577-.948.91-2.062.91-3.252 0-3.46-3-6.458-6.46-6.458A6.263 6.263 0 0 0 4 10.265c0 3.46 2.999 6.458 6.458 6.458a6.227 6.227 0 0 0 3.154-.854l3.847 3.85a.965.965 0 0 0 1.364 0l.954-.956c.376-.376.24-.85-.136-1.226l-3.827-3.828Zm-9.91-3.523a4.282 4.282 0 0 1 4.282-4.284c2.366 0 4.474 2.107 4.474 4.475a4.284 4.284 0 0 1-4.283 4.283c-2.366-.001-4.473-2.11-4.473-4.474Z%22%2F%3E%3C%2Fsvg%3E");
left: 9px
}

.y-icon.y-icon--remove {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23bbb%22%20stroke%3D%22transparent%22%20stroke-width%3D%220%22%20style%3D%22%22%20d%3D%22M5.371 7.164A1.267 1.267 0 0 1 7.164 5.37L12 10.208l4.836-4.837a1.267 1.267 0 1 1 1.793 1.793L13.792 12l4.837 4.836a1.268 1.268 0 0 1-1.793 1.793L12 13.792 7.164 18.63a1.268 1.268 0 0 1-1.793-1.793L10.208 12 5.37 7.164Z%22%2F%3E%3C%2Fsvg%3E");
right: 10px
}

.y-icon.y-icon--big {
height: 30px;
width: 30px
}

.flash-messages-box {
display: none;
left: 0;
text-align: center;
top: 0;
width: 100%;
z-index: 3
}

.flash-messages-box .container {
position: relative
}

.flash-messages-box .flash {
color: #fff;
display: inline-block;
font-size: 12px;
font-weight: bold;
padding: 4px;
text-align: center;
width: 100%
}

.flash-messages-box .flash-notice {
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(119,178,17,0.96) 25%, #77b211 26%, #77b211 75%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(119,178,17,0.96) 25%, #77b211 26%, #77b211 75%, rgba(255,255,255,0) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(119,178,17,0.96) 25%, #77b211 26%, #77b211 75%, rgba(255,255,255,0) 100%);
display: none;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1)
}

.flash-messages-box .flash-alert {
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(214,0,0,0.96) 25%, #d60000 26%, #d60000 75%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(214,0,0,0.96) 25%, #d60000 26%, #d60000 75%, rgba(255,255,255,0) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(214,0,0,0.96) 25%, #d60000 26%, #d60000 75%, rgba(255,255,255,0) 100%);
display: none;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1)
}

.policy-validation {
-webkit-box-shadow: 0 3px 10px 0 rgba(51,51,51,0.34);
-moz-box-shadow: 0 3px 10px 0 rgba(51,51,51,0.34);
box-shadow: 0 3px 10px 0 rgba(51,51,51,0.34);
align-items: center;
background-color: #fff;
border: 1px solid #bbb;
border-radius: 5px;
bottom: 20px;
flex-direction: row;
left: 50%;
padding: 10px;
position: fixed;
transform: translateX(-50%);
width: 76%;
z-index: 100000
}

@media (min-width: 800px) and (max-width: 1023px) {
.policy-validation {
width:60%
}
}

@media (min-width: 1024px) and (max-width: 1365px) {
.policy-validation {
width:66%
}
}

@media (min-width: 1366px) {
.policy-validation {
width:50%
}
}

@media (min-width: 2260px) {
.policy-validation {
width:40%
}
}

@media (max-width: 768px) {
.policy-validation {
flex-direction:column;
padding: 20px;
width: calc(100% - 30px)
}
}

.policy-validation .content {
color: #333;
font-size: 12px;
line-height: 15px;
padding: 0 5px 10px
}

@media (min-width: 800px) {
.policy-validation .content {
padding:0 5px
}
}

@media (max-width: 1023px) {
.policy-validation .content {
font-size:11px;
padding: 0 20px 0 15px
}
}

@media (max-width: 768px) {
.policy-validation .content {
font-size:15px;
line-height: 23px;
padding: 0
}
}

.policy-validation .content a {
color: #d60000
}

@media (max-width: 768px) {
.policy-validation .content a {
font-size:16px
}
}

.policy-validation .actions {
background: #d60000;
border-radius: 3px;
box-sizing: border-box;
cursor: pointer;
display: block;
margin: 15px auto 0;
padding: 10px 18px;
text-align: center;
width: 100%
}

@media (min-width: 768px) {
.policy-validation .actions {
flex:1 0 auto;
margin: 0 auto;
padding: 5px 8px;
width: auto
}
}

.policy-validation .actions .validate-policy {
color: #fff;
font-weight: bold;
letter-spacing: .4px
}

.policy-validation .actions .validate-policy:hover {
text-decoration: none
}

@media (max-width: 1023px) {
.policy-validation .actions .validate-policy {
font-size:12px
}
}

@media (max-width: 768px) {
.policy-validation .actions .validate-policy {
font-size:15px
}
}

.policy-validation .logo {
padding: 0 10px 0 0
}

.policy-validation .logo img {
height: 22px;
width: 50px
}

@media (max-width: 1023px) {
.policy-validation .logo {
display:none
}
}

.policy-validation form {
display: inline;
margin: 0;
padding: 0
}

.policy-validation form input {
border: 0;
background: none;
color: #d60000;
display: inline;
font-size: 12px;
margin: 0;
padding: 0
}

@media (max-width: 768px) {
.policy-validation form input {
font-size:16px
}
}

.policy-validation form input:hover {
text-decoration: underline
}

.box.no-padding {
padding: 0
}

.box h1.with-description {
color: #333;
font-size: 28px;
font-weight: bold;
margin-bottom: 5px;
margin-top: 6px
}

.box .h1-description {
color: #666;
font-size: 16px;
font-weight: normal;
line-height: 22px
}

.box .bread-crumb a {
color: #999;
font-size: 13px;
font-weight: bold;
line-height: 18px;
outline-style: none;
text-decoration: none
}

.box .bread-crumb a img {
filter: invert(1);
margin-top: -3px
}

.box .bread-crumb a:hover {
color: #666;
text-decoration: none
}

.box .bread-crumb a:hover img {
filter: invert(0)
}

.box .bread-crumb a:link {
text-decoration: none
}

.box .bread-crumb a:visited {
text-decoration: none
}

.box .bread-crumb a:active {
text-decoration: none
}

.box p.title {
font-size: 16px;
font-weight: bold;
margin: 0
}

.box .block-title {
display: inline-block;
font-size: 14px;
font-weight: bold;
margin: 0;
position: relative
}

.box .block-title .counter {
color: #999;
position: relative
}

.box .block-title svg {
margin-top: -8px;
position: relative;
top: 6px
}

.box .block-title .number-with-dot {
color: #999
}

.box .block-title .number-with-dot::before {
color: #bbb;
content: '\2022';
font-size: 11px;
padding: 0 7px;
position: relative;
top: -1px
}

.box .h5-p {
font-size: 12px;
font-weight: normal;
letter-spacing: 0
}

.box .h5-link {
float: right
}

html[dir="rtl"] .box .h5-link {
float: left
}

.box .h5-link a {
color: #d60000;
font-size: 12px;
font-weight: bold
}

.box .h5-link .separator::before {
color: #9d9d9d;
content: '•';
margin: 0 3px;
position: relative;
top: 2px
}

.box hr {
background-color: #efefef;
border: 0;
clear: both;
display: block;
font-size: 60px;
height: 1px;
line-height: 1;
text-align: center
}

.box .show-button {
border-top: solid 1px #efefef;
clear: both;
height: 42px;
padding: 10px 0;
text-align: center
}

.box .show-button a {
color: #999;
font-size: 12px;
font-weight: bold;
line-height: 18px;
outline-style: none
}

.box .show-button a:hover {
color: #666;
text-decoration: none
}

.box .show-button a:link {
text-decoration: none
}

.box .show-button a:visited {
text-decoration: none
}

.box .show-button a:active {
text-decoration: none
}

.box .uppercase {
text-transform: uppercase
}

.tag-icons {
background-image: url();
background-position: 0 0;
background-repeat: no-repeat;
display: block;
height: 24px;
margin-right: 6px;
min-width: 24px;
width: 24px
}

html[dir="rtl"] .tag-icons {
margin-left: 6px;
margin-right: 0
}


.tag-item {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
align-items: center;
border: 1px solid rgba(0,0,0,0.15);
border-radius: 14px;
color: #000;
display: flex;
font-size: 13px;
font-weight: 600;
line-height: 20px;
margin: 0;
padding: 7px 12px 7px 10px
}

html[dir="rtl"] .tag-item {
padding: 7px 10px 7px 12px
}

.tag-item:hover,.tag-item:focus {
-webkit-transform: translate(0, -2px);
-moz-transform: translate(0, -2px);
-ms-transform: translate(0, -2px);
-o-transform: translate(0, -2px);
transform: translate(0, -2px);
box-shadow: 0 3px 6px 0 rgba(0,0,0,0.08);
color: #000
}

.tag-item:active {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
border: 1px solid rgba(0,0,0,0.25);
box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.08)
}

@media (max-width: 1024px) {
.tag-item.tag-item--category {
transform:none
}
}

.tag-item.tag-item--category-page {
background-color: #fff;
border: 1px solid rgba(51,51,51,0.1);
box-shadow: none;
color: #29a7b4;
display: inline-block;
margin: 0 6px 6px 0;
padding: 5px 12px
}

.tag-item.tag-item--category-page i {
display: none
}

html[dir="rtl"] .tag-item.tag-item--category-page {
margin: 0 0 6px 6px
}

.tag-item.tag-item--category-page:hover {
border-color: #29a7b4;
box-shadow: none
}

.tag-item.tag-item--category-page:focus,.tag-item.tag-item--category-page:active {
border-color: #29a7b4;
box-shadow: none
}

.tag-item:hover,.tag-item:focus,.tag-item:active {
text-decoration: none
}

.tag-item span,.tag-item p {
margin-bottom: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}

.chrome-55-msg {
color: #fff;
display: none;
font-size: 16px;
font-weight: bold;
height: 100%;
margin: 0 auto;
text-align: left;
top: 0;
vertical-align: middle;
width: 100%
}

.chrome-55-msg div {
bottom: 0;
height: 50px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 50%
}

.chrome-55-msg div a {
color: #fff;
text-decoration: underline
}

.chrome-55-msg div a:hover {
color: #fff
}

.item-container .getflashplayer h2 {
margin: 0
}

body.items.show .left {
width: -webkit-calc(100% - 335px);
width: -moz-calc(100% - 335px);
width: calc(100% - 335px)
}

@media (min-width: 800px) {
body.items.show .right {
display:block
}
}

@media (max-width: 799px) {
body.items.show {
font-size:15px
}

body.items.show .game-info-container.infos {
padding: 20px 15px 15px
}

body.items.show .infos {
padding: 20px 5px
}

body.items.show .left-banner-bottom-right-failover {
display: none
}

body.items.show .right {
width: 100%
}

body.items.show .right .ads {
padding: 0
}

body.items.show .right .box {
padding: 15px
}

body.items.show .left {
width: 100%
}

body.items.show .left .box {
padding: 15px
}

body.items.show .left .row {
margin: 0
}

body.items.show .left h5 {
font-size: 17px;
padding: 10px 0
}

body.items.show .left .game-series,body.items.show .left .comments,body.items.show .right .game-series,body.items.show .right .comments {
padding: 15px 15px 0
}

body.items.show .request-play-game {
height: auto !important;
padding: 20px 0
}

body.items.show .description {
font-size: 13px;
line-height: 20px;
margin: 15px 0px
}

body.items.show .right .box.ads {
display: none
}

body.items.show .ads-block.ads-block-liner {
display: none
}

body.items.show .idnet-screenshots {
margin: 15px 0 0
}

body.items.show .idnet-screenshots.screenshot-block {
margin-bottom: 0
}
}

@media (min-width: 800px) and (max-width: 1023px) {
body.items.show .container {
width:100%
}

body.items.show .item-rendering {
width: 100%
}

body.items.show .right {
display: block
}
}

@media (min-width: 1024px) and (max-width: 1239px) {
body.items.show .container .left,body.items.show .container .item-rendering {
width:630px
}

body.items.show .container .left.s-game,body.items.show .container .left.m-game,body.items.show .container .left.l-game,body.items.show .container .item-rendering.s-game,body.items.show .container .item-rendering.m-game,body.items.show .container .item-rendering.l-game {
display: block;
width: auto !important
}
}

@media (min-width: 1240px) and (max-width: 1365px) {
body.items.show .container .left,body.items.show .container .item-rendering {
width:840px
}

body.items.show .container .left.l-game,body.items.show .container .item-rendering.l-game {
display: block;
width: auto !important
}
}

@media (min-width: 1366px) and (max-width: 1919px) {
body.items.show .container {
width:1192px !important
}

body.items.show .container .left,body.items.show .container .item-rendering {
width: 852px
}

body.items.show .container .left.l-game,body.items.show .container .item-rendering.l-game {
display: block;
width: auto !important
}
}

@media (min-width: 1920px) {
body.items.show .container {
width:1590px !important
}

body.items.show .container .left,body.items.show .container .item-rendering {
width: 1250px
}
}

body.items.show .wider {
display: block;
width: auto !important
}

body.items.show .wider .left {
margin-top: 0
}

.y8-browser-promo-game,.promoted-mobile-game {
-webkit-animation: gradient 31s ease infinite;
-moz-animation: gradient 31s ease infinite;
-o-animation: gradient 31s ease infinite;
animation: gradient 31s ease infinite;
background: linear-gradient(270deg, #5e5cbd, #50a9f9, #28c89f);
background-size: 600% 600%;
display: none;
padding: 80px 0 100px;
position: relative;
z-index: 10
}

@media (max-width: 799px) {
.y8-browser-promo-game,.promoted-mobile-game {
padding:20px 0
}
}

.y8-browser-promo-game.show,.promoted-mobile-game.show {
display: block
}

@-webkit-keyframes gradient {
0% {
background-position: 0% 50%
}

50% {
background-position: 100% 50%
}

100% {
background-position: 0% 50%
}
}

@-moz-keyframes gradient {
0% {
background-position: 0% 50%
}

50% {
background-position: 100% 50%
}

100% {
background-position: 0% 50%
}
}

@-o-keyframes gradient {
0% {
background-position: 0% 50%
}

50% {
background-position: 100% 50%
}

100% {
background-position: 0% 50%
}
}

@keyframes gradient {
0% {
background-position: 0% 50%
}

50% {
background-position: 100% 50%
}

100% {
background-position: 0% 50%
}
}

.y8-browser-promo-game .close-btn,.promoted-mobile-game .close-btn {
cursor: pointer;
height: 14px;
position: absolute;
right: 25px;
top: 22px;
width: 14px
}

.y8-browser-promo-game .close-btn::before,.promoted-mobile-game .close-btn::before {
color: #fff;
content: "";
font-family: 'fontello';
font-size: 13px;
font-weight: normal
}

.y8-browser-promo-game .wrapper,.promoted-mobile-game .wrapper {
display: -webkit-box;
display: -moz-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
justify-content: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
height: 100%;
padding: 0 95px
}

@media (max-width: 1365px) {
.y8-browser-promo-game .wrapper,.promoted-mobile-game .wrapper {
padding:0 10px
}
}

.y8-browser-promo-game .wrapper .title,.promoted-mobile-game .wrapper .title {
color: #fff;
font-family: 'Nunito', sans-serif;
font-size: 28px;
font-weight: 800;
line-height: 38px;
margin-bottom: 40px;
text-align: center
}

.y8-browser-promo-game .wrapper .bottom,.promoted-mobile-game .wrapper .bottom {
display: -webkit-box;
display: -moz-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
width: 100%
}

.y8-browser-promo-game .wrapper .bottom .left-part,.promoted-mobile-game .wrapper .bottom .left-part {
padding-top: 15px;
width: 40%
}

.y8-browser-promo-game .wrapper .bottom .center,.promoted-mobile-game .wrapper .bottom .center {
display: -webkit-box;
display: -moz-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
width: 20%
}

.y8-browser-promo-game .wrapper .bottom .center .text,.promoted-mobile-game .wrapper .bottom .center .text {
position: relative;
text-transform: uppercase
}

.y8-browser-promo-game .wrapper .bottom .center .text::before,.y8-browser-promo-game .wrapper .bottom .center .text::after,.promoted-mobile-game .wrapper .bottom .center .text::before,.promoted-mobile-game .wrapper .bottom .center .text::after {
background: rgba(255,255,255,0.2);
content: '';
display: block;
height: 68px;
position: absolute;
width: 1px
}

.y8-browser-promo-game .wrapper .bottom .center .text::before,.promoted-mobile-game .wrapper .bottom .center .text::before {
left: 50%;
top: -75px
}

.y8-browser-promo-game .wrapper .bottom .center .text::after,.promoted-mobile-game .wrapper .bottom .center .text::after {
bottom: -75px;
left: 50%
}

.y8-browser-promo-game .wrapper .bottom .right-part,.promoted-mobile-game .wrapper .bottom .right-part {
width: 40%
}

@media (max-width: 1365px) {
.y8-browser-promo-game .wrapper .bottom .left-part,.y8-browser-promo-game .wrapper .bottom .right-part,.promoted-mobile-game .wrapper .bottom .left-part,.promoted-mobile-game .wrapper .bottom .right-part {
width:45%
}

.y8-browser-promo-game .wrapper .bottom .center,.promoted-mobile-game .wrapper .bottom .center {
width: 10%
}
}

.y8-browser-promo-game .wrapper .bottom .flash-icon,.promoted-mobile-game .wrapper .bottom .flash-icon {
background: url() center center no-repeat;
background-size: cover;
height: 60px;
margin: 0 auto 20px;
width: 60px
}

.y8-browser-promo-game .wrapper .bottom .white-btn,.promoted-mobile-game .wrapper .bottom .white-btn {
-webkit-transition: opacity 0.2s,transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: opacity 0.2s,transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
-ms-transition: opacity 0.2s,transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: opacity 0.2s,transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: opacity 0.2s,transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
background: #fff;
border: 2px solid transparent;
box-sizing: border-box;
color: #333;
display: inline-block;
font-size: 16px;
font-weight: bold;
height: 44px;
line-height: 40px;
margin-top: 20px;
min-width: 200px;
padding: 0 25px;
text-align: center;
text-decoration: none;
box-sizing: border-box
}

.y8-browser-promo-game .wrapper .bottom .white-btn.transparent,.promoted-mobile-game .wrapper .bottom .white-btn.transparent {
background: transparent;
border: 2px solid #fff;
color: #fff
}

.y8-browser-promo-game .wrapper .bottom .white-btn:hover,.promoted-mobile-game .wrapper .bottom .white-btn:hover {
-webkit-transform: translate(0, -2px);
-moz-transform: translate(0, -2px);
-ms-transform: translate(0, -2px);
-o-transform: translate(0, -2px);
transform: translate(0, -2px);
opacity: .85
}

.y8-browser-promo-game .wrapper .bottom .text,.promoted-mobile-game .wrapper .bottom .text {
color: #fff;
font-size: 20px;
font-weight: 800;
line-height: 27px;
text-align: center
}

.y8-browser-promo-game .wrapper .bottom .game-info,.promoted-mobile-game .wrapper .bottom .game-info {
display: -webkit-box;
display: -moz-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
color: rgba(255,255,255,0.75);
font-size: 13px;
font-weight: 500
}

.y8-browser-promo-game .wrapper .bottom .game-preview,.promoted-mobile-game .wrapper .bottom .game-preview {
-webkit-filter: drop-shadow(0 10px 20px rgba(0,0,0,0.25));
filter: drop-shadow(0 10px 20px rgba(0,0,0,0.25));
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
height: 80px;
margin: 20px auto;
width: 106px
}

@media (max-width: 600px) {
.y8-browser-promo-game .wrapper .title,.promoted-mobile-game .wrapper .title {
margin-bottom:10px
}

.y8-browser-promo-game .wrapper .bottom,.promoted-mobile-game .wrapper .bottom {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column
}

.y8-browser-promo-game .wrapper .bottom .left-part,.y8-browser-promo-game .wrapper .bottom .center,.y8-browser-promo-game .wrapper .bottom .right-part,.promoted-mobile-game .wrapper .bottom .left-part,.promoted-mobile-game .wrapper .bottom .center,.promoted-mobile-game .wrapper .bottom .right-part {
width: 100%
}

.y8-browser-promo-game .wrapper .bottom .center,.promoted-mobile-game .wrapper .bottom .center {
padding: 20px 0
}

.y8-browser-promo-game .wrapper .bottom .center .text::before,.y8-browser-promo-game .wrapper .bottom .center .text::after,.promoted-mobile-game .wrapper .bottom .center .text::before,.promoted-mobile-game .wrapper .bottom .center .text::after {
display: none
}

.y8-browser-promo-game .wrapper .bottom .right-part .game-preview,.promoted-mobile-game .wrapper .bottom .right-part .game-preview {
display: none
}
}

@media (max-width: 460px) {
.y8-browser-promo-game .wrapper .title,.promoted-mobile-game .wrapper .title {
font-size:22px;
line-height: 30px;
margin-bottom: 0
}

.y8-browser-promo-game .wrapper .flash-icon,.promoted-mobile-game .wrapper .flash-icon {
margin: 0 auto 15px
}

.y8-browser-promo-game .wrapper .bottom .center,.promoted-mobile-game .wrapper .bottom .center {
padding: 15px 0
}
}

.promoted-mobile-game .wrapper .bottom {
display: block
}

.walkthrough {
align-items: center;
display: flex;
padding: 20px
}

html[dir="rtl"] .walkthrough {
flex-direction: row-reverse;
justify-content: space-between
}

.walkthrough .walkthrough__icon {
height: 64px;
position: relative;
width: 85px
}

.walkthrough .play-button {
height: 34px;
left: calc(50% - 17px);
position: absolute;
top: calc(50% - 17px);
width: 34px;
z-index: 2
}

.walkthrough .walkthrough-thumb {
height: 64px;
width: 85px
}

.walkthrough .walkthrough__title {
font-size: 13px;
font-weight: bold;
line-height: 14px
}

.walkthrough .walkthrough__text {
font-size: 12px;
line-height: 12px;
margin-bottom: 0;
padding-top: 4px
}

.walkthrough .walkthrough__info {
padding-left: 20px
}

.small-title {
display: block;
font-size: 14px;
font-weight: bold;
margin: 0
}

.items.show .full-width .container,.items.show .full-width .item-rendering {
width: 100% !important
}

@media (min-width: 1024px) {
.items.show .full-width .container,.items.show .full-width .item-rendering {
width:98% !important
}
}

.items.show .full-width nav .container {
width: 98% !important
}

.items.show .full-width .item-show .left {
margin: 0 15px !important;
width: -webkit-calc(97% - 335px) !important;
width: -moz-calc(97% - 335px) !important;
width: calc(97% - 335px) !important
}

.item-show-ads {
margin: -15px 0 10px
}

.item-show-ads .col-md-9 {
text-align: center
}

.search h5 .search-title {
color: #999
}

.item-show {
margin: 0
}

.item-show .items-grid .item .new-item-icon {
right: 0
}

.item-show .item-rendering {
display: inline-block;
text-align: center
}

@media (max-width: 800px) {
.item-show .item-rendering {
width:100%
}
}

.item-show .fp-player .fp-help {
display: none
}

.item-show .left {
display: inline-block;
float: left
}

html[dir="rtl"] .item-show .left {
float: right
}

.item-show .right {
display: inline-block;
float: right;
vertical-align: top;
width: 320px
}

html[dir="rtl"] .item-show .right {
float: left
}

.item-show .right .ads {
height: 560px;
padding: 10px
}

.item-show .right .ads.left-banner-bottom-right-failover {
display: none;
text-align: center
}

.item-show .content {
display: -webkit-box;
display: -moz-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
background: #fff;
overflow: hidden
}

.item-show .content object,.item-show .content iframe,.item-show .content embed {
display: -webkit-box;
display: -moz-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin: 0 auto;
position: relative;
z-index: 3
}

.item-show .content .item-root {
display: -webkit-box;
display: -moz-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column
}

.item-show .box {
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
overflow: hidden
}

.item-show .box.tags {
padding: 20px
}

.item-show .item-box {
display: -webkit-box;
display: -moz-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
overflow: visible
}

.item-show .item-box.has-mobile-version .item-direct-container {
display: none
}

.item-show .box>.content {
position: relative
}

.item-show .unsupported-mobile-content {
color: #fff;
font-size: 16px;
font-weight: bold;
height: 300px;
padding: 50px;
vertical-align: center
}

.item-show .unsupported-mobile-content p.title {
text-transform: uppercase
}

.item-show .unsupported-mobile-content a {
background-color: #f1f1f1;
border-color: #f1f1f1;
color: #333;
font-size: 20px
}

.item-show .infos {
padding: 20px 20px;
text-align: left
}

html[dir="rtl"] .item-show .infos {
text-align: right
}

.item-show .infos.game-info-container {
display: -webkit-box;
display: -moz-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: space-between;
-webkit-box-pack: space-between;
-webkit-justify-content: space-between;
-ms-flex-pack: space-between;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
align-items: flex-end;
padding: 20px 20px 13px
}

.item-show .infos h1 {
color: #333;
display: inline-block;
font-size: 22px;
font-weight: bold;
margin: 0 0 5px;
padding: 0
}

.item-show .infos .unity-version-link {
display: none;
float: right
}

.item-show .infos .unity-version-link img {
margin-right: 8px
}

.item-show .infos .unity-version-link svg {
margin-right: 3px;
position: relative;
top: 2px
}

.item-show .infos .unity-version-link a {
color: #666;
font-size: 12px;
font-weight: bold;
text-decoration: none
}

html[dir="rtl"] .item-show .infos .unity-version-link {
float: left
}

html[dir="rtl"] .item-show .infos .unity-version-link img {
margin-left: 8px;
margin-right: 0
}

html[dir="rtl"] .item-show .infos .unity-version-link svg {
margin-left: 3px;
margin-right: 0
}

.item-show .infos .sub-infos {
color: #666;
display: block;
font-size: 14px;
font-weight: 500;
margin: 0 0 15px
}

.item-show .infos .sub-infos span {
margin: 0 15px 0 0
}

html[dir="rtl"] .item-show .infos .sub-infos span {
margin: 0 0 0 15px
}

.item-show .infos .sub-infos .sub-infos-line span {
position: relative
}

.item-show .infos .sub-infos .sub-infos-line span::after {
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
background: rgba(0,0,0,0.08);
content: '';
height: 3px;
position: absolute;
right: -11px;
top: 50%;
width: 3px
}

.item-show .infos .sub-infos .sub-infos-line span:last-child::after {
display: none
}

.item-show .infos .sub-infos .requires-plugin {
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
color: #ea0000;
cursor: pointer;
padding-left: 17px;
position: relative
}

html[dir="rtl"] .item-show .infos .sub-infos .requires-plugin {
float: left
}

.item-show .infos .sub-infos .requires-plugin .warning-icon,.item-show .infos .sub-infos .requires-plugin .warning-icon_hover {
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
left: 0;
position: absolute;
top: 50%
}

.item-show .infos .sub-infos .requires-plugin .warning-icon {
opacity: 1
}

.item-show .infos .sub-infos .requires-plugin .warning-icon_hover {
opacity: 0
}

.item-show .infos .sub-infos .requires-plugin:hover {
color: #b70000
}

.item-show .infos .sub-infos .requires-plugin:hover .warning-icon {
opacity: 0
}

.item-show .infos .sub-infos .requires-plugin:hover .warning-icon_hover {
opacity: 1
}

.item-show .infos .controls {
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
background: #f2f2f2;
display: block;
margin: 0;
overflow: auto
}

.item-show .infos .controls h5 {
color: #999;
font-size: 10px;
margin: 15px 0 10px;
text-transform: uppercase
}

.item-show .infos .sub-controls {
margin: 15px 0 0
}

.item-show .infos .sub-controls .button {
margin-right: 7px
}

.item-show .infos .sub-controls .button.button--icon-report {
margin-right: 0
}

html[dir="rtl"] .item-show .infos .sub-controls .button {
margin-left: 7px;
margin-right: 0
}

.item-show .infos .sub-controls .button.heart {
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-ms-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
-webkit-transition-delay: 1s;
-moz-transition-delay: 1s;
-ms-transition-delay: 1s;
-o-transition-delay: 1s;
transition-delay: 1s;
margin: 0;
opacity: 0;
padding: 0;
width: 0
}

.item-show .infos .sub-controls .button.heart.show {
display: -webkit-box !important;
display: -moz-flexbox !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
margin-right: 7px;
opacity: 1;
padding: 0 11px;
width: 40px
}

html[dir="rtl"] .item-show .infos .sub-controls .button.heart.show {
margin-left: 7px;
margin-right: 0
}

.item-show .infos .sub-controls .button.heart.visible {
display: -webkit-box !important;
display: -moz-flexbox !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
-webkit-transition: all 0s ease-in-out;
-moz-transition: all 0s ease-in-out;
-ms-transition: all 0s ease-in-out;
-o-transition: all 0s ease-in-out;
transition: all 0s ease-in-out;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-ms-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
margin-right: 7px;
opacity: 1;
padding: 0 11px;
width: 40px
}

html[dir="rtl"] .item-show .infos .sub-controls .button.heart.visible {
margin-left: 7px;
margin-right: 0
}

.item-show .infos .sub-controls .button.hearted_add .heart-message {
display: none;
height: 1px;
left: 0;
opacity: 0;
position: absolute;
top: -13px;
width: 1px
}

@keyframes animZoom {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 0
}

33% {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
opacity: 1
}

66% {
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
opacity: 1
}

100% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1
}
}

.item-show .infos .sub-controls .button.hearted_add .heart-message.animation {
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-name: animZoom;
-moz-animation-name: animZoom;
-o-animation-name: animZoom;
animation-name: animZoom;
-webkit-animation-delay: 2s;
-moz-animation-delay: 2s;
-o-animation-delay: 2s;
animation-delay: 2s;
-webkit-animation-duration: 0.5s;
-moz-animation-duration: 0.5s;
-o-animation-duration: 0.5s;
animation-duration: 0.5s;
display: block
}

.item-show .infos .sub-controls .button.hearted_add .heart-message .message-container {
background: #ff7373;
border-radius: 6px;
bottom: 0;
color: #fff;
font-size: 12px;
font-weight: bold;
left: 0;
line-height: 15px;
padding: 10px;
position: absolute;
width: auto
}

.item-show .infos .sub-controls .button.hearted_add .heart-message .message-container::after {
border: 10px solid transparent;
border-top: 10px solid #ff7373;
bottom: -14px;
content: '';
left: 10px;
position: absolute
}

.item-show .infos .sub-controls .button .heart-icon {
background-position: -48px 0;
margin-right: 0
}

.item-show .infos .sub-controls .button .heart-icon-active {
background-position: -48px -32px;
margin-right: 0
}

.item-show .infos .sub-controls .button .favorite-icon {
background-position: 0 0
}

.item-show .infos .sub-controls .button .favorite-icon-active {
background-position: 0 -32px
}

.item-show .infos .sub-controls .button .report-bug-icon {
background-position: -32px 0
}

.item-show .infos .sub-controls .button .share-icon {
background-position: -16px 0
}

.item-show .infos .sub-controls .button:hover {
background: rgba(0,0,0,0.08)
}

.item-show .infos .sub-controls .button:hover .heart-icon {
background-position: -48px -16px
}

.item-show .infos .sub-controls .button:hover .heart-icon-active {
background-position: -48px -48px
}

.item-show .infos .sub-controls .button:hover .favorite-icon {
background-position: 0 -16px
}

.item-show .infos .sub-controls .button:hover .favorite-icon-active {
background-position: 0 -48px
}

.item-show .infos .sub-controls .button:hover .report-bug-icon {
background-position: -32px -16px
}

.item-show .infos .sub-controls .button:hover .share-icon {
background-position: -16px -16px
}

.item-show .infos .sub-controls .button:active {
background: #e4e4e4
}

.item-show .infos .sub-controls .button:active .game-button-icon {
-webkit-transform: scale(0.88);
-moz-transform: scale(0.88);
-ms-transform: scale(0.88);
-o-transform: scale(0.88);
transform: scale(0.88)
}

.item-show .infos .sub-controls .button:active .heart-icon {
background-position: -48px -32px
}

.item-show .infos .sub-controls .button:active .favorite-icon {
background-position: 0 -32px
}

.item-show .infos .sub-controls .button:active:hover .heart-icon {
background-position: -48px -48px
}

.item-show .infos .sub-controls .button:active:hover .favorite-icon {
background-position: 0 -48px
}

.item-show .infos .sub-controls .button:last-child {
border: 0;
margin-right: 0
}

.item-show .infos .sub-controls .button:hover {
text-decoration: none !important
}

@media (max-width: 1365px) {
.item-show .infos .sub-controls .button {
font-size:13px
}
}

@media (max-width: 1023px) {
.item-show .infos .sub-controls .button {
font-size:14px
}
}

.item-show .infos .sub-controls a:hover {
text-decoration: none !important
}

.item-show .infos .sub-controls .spinner {
display: inline
}

.item-show .infos .sub-controls .col-md-12 {
margin: 0;
padding: 0
}

.item-show .infos .sub-controls .fav-part {
display: -webkit-box;
display: -moz-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
position: relative
}

.item-show .infos .sub-controls .addthis-default-style {
display: inline-block;
margin-right: 7px
}

html[dir="rtl"] .item-show .infos .sub-controls .addthis-default-style {
margin-left: 7px
}

.item-show .infos .sub-controls .addthis-default-style a {
border: 0
}

.item-show .infos .sub-controls .addthis-default-style a.addthis_button_compact {
background: none;
color: #666;
font-size: 14px;
font-weight: bold;
height: 36px;
line-height: 36px;
margin: 0;
padding: 0 8px 0 35px;
position: relative
}

html[dir="rtl"] .item-show .infos .sub-controls .addthis-default-style a.addthis_button_compact {
padding: 0 35px 0 8px
}

.item-show .infos .sub-controls .addthis-default-style a.addthis_button_compact span {
margin: 0
}

.item-show .infos .sub-controls .addthis-default-style a.addthis_button_compact::before {
background: url() no-repeat -16px 0;
content: '';
display: inline-block;
height: 16px;
left: 12px;
margin-right: 8px;
position: absolute;
top: 10px;
width: 16px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi) {
.item-show .infos .sub-controls .addthis-default-style a.addthis_button_compact::before {
background:url() no-repeat -16px 0;
background-size: 96px 64px
}
}

html[dir="rtl"] .item-show .infos .sub-controls .addthis-default-style a.addthis_button_compact::before {
left: auto;
right: 5px
}

.item-show .infos .sub-controls .addthis-default-style a.addthis_button_compact:hover {
background: #ebebeb
}

.item-show .infos .sub-controls .addthis-default-style a.addthis_button_compact:hover::before {
background-position: -16px -16px
}

.item-show .infos .sub-controls .addthis-default-style a.addthis_button_compact:active {
background: #e4e4e4
}

.item-show .infos .sub-controls .addthis-default-style a.addthis_button_compact:active::before {
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9)
}

.item-show .infos .sub-controls .addthis-default-style .addthis_counter {
display: -webkit-box !important;
display: -moz-flexbox !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
background: rgba(0,0,0,0.06);
border-radius: 8px;
color: #666;
cursor: pointer;
font-size: 14px;
font-weight: bold;
height: auto;
line-height: 36px;
margin: 0 0 7px;
padding: 0
}

.item-show .infos .sub-controls .addthis-default-style .addthis_counter span {
margin: 0 4px
}

.item-show .infos .sub-controls .addthis-default-style .addthis_counter .addthis_button_expanded {
background: none;
color: #666;
font-size: 14px;
font-weight: bold;
margin: 0 12px 0 -5px;
padding: 0;
position: relative;
text-align: left;
width: auto !important
}

.item-show .infos .sub-controls .addthis-default-style .addthis_counter .addthis_button_expanded::before {
content: '('
}

.item-show .infos .sub-controls .addthis-default-style .addthis_counter .addthis_button_expanded::after {
content: ')'
}

html[dir="rtl"] .item-show .infos .sub-controls .addthis-default-style .addthis_counter .addthis_button_expanded {
margin: 0 5px 0 12px
}

.item-show .infos .sub-controls .addthis-default-style .social-widget {
float: left
}

html[dir="rtl"] .item-show .infos .sub-controls .addthis-default-style .social-widget {
float: right
}

.item-show .infos .sub-controls .addthis-default-style .social-widget svg {
height: 20px
}

.item-show .infos .screen-size-actions {
float: right;
margin-top: 1px
}

.item-show .infos .screen-size-actions a {
border-right: 1px solid #efefef;
color: #666;
display: inline-block;
font-size: 12px;
font-weight: bold;
margin-right: 10px;
padding-right: 10px
}

.item-show .infos .screen-size-actions a:last-child {
border: 0;
margin-right: 0;
padding-right: 0
}

.item-show .infos .screen-size-actions a:hover {
text-decoration: none !important
}

.item-show .infos .screen-size-actions a:hover svg path {
fill: #666
}

.item-show .infos .screen-size-actions a svg {
margin-right: 5px;
position: relative;
top: 2px
}

html[dir="rtl"] .item-show .infos .screen-size-actions a svg {
margin-left: 5px;
margin-right: 0
}

.item-show .ads-block-square {
text-align: center
}

.item-show .idnet-leaderboard {
padding-bottom: 0
}

.item-show .idnet-leaderboard .block-title {
display: block;
margin-bottom: 4px
}

.item-show .idnet-leaderboard .powered-by {
color: #9d9d9d;
float: right;
font-size: 11px;
text-transform: initial
}

html[dir="rtl"] .item-show .idnet-leaderboard .powered-by {
float: left
}

.item-show .idnet-leaderboard .leaderboard-list {
margin-bottom: 0
}

.item-show .idnet-leaderboard .leaderboard-list .member {
display: table;
margin-bottom: 20px
}

.item-show .idnet-leaderboard .leaderboard-list .member .number {
display: table-cell;
font-size: 13px;
vertical-align: middle
}

.item-show .idnet-leaderboard .leaderboard-list .member:hover {
text-decoration: none
}

.item-show .idnet-leaderboard .leaderboard-list .member:hover .name {
text-decoration: underline
}

.item-show .idnet-leaderboard .leaderboard-list .member img {
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.2);
-moz-box-shadow: 0 0 0 1px rgba(0,0,0,0.2);
box-shadow: 0 0 0 1px rgba(0,0,0,0.2);
display: table-cell;
height: 32px;
margin: 0 10px 0 15px;
vertical-align: middle;
width: 32px
}

html[dir="rtl"] .item-show .idnet-leaderboard .leaderboard-list .member img {
margin: 0 15px 0 10px
}

.item-show .idnet-leaderboard .leaderboard-list .member .text {
display: table-cell;
line-height: 15px;
vertical-align: middle
}

.item-show .idnet-leaderboard .leaderboard-list .member .text .name {
color: #d60000;
font-size: 13px;
font-weight: bold
}

.item-show .idnet-leaderboard .leaderboard-list .member .text .points {
color: #999;
font-size: 12px
}

.item-show .idnet-leaderboard .idnet-leaderboard-popup-toggle {
color: #666;
display: inherit;
font-size: 12px;
font-weight: bold;
text-align: center;
cursor: pointer
}

.item-show .high-scores-games {
-webkit-transition: box-shadow 0.2s,transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: box-shadow 0.2s,transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
-ms-transition: box-shadow 0.2s,transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: box-shadow 0.2s,transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: box-shadow 0.2s,transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
border-radius: 12px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
background: #fff;
border: 1px solid #eb8f0a;
color: #eb8f0a;
display: block;
font-family: 'Nunito', sans-serif;
font-size: 16px;
font-weight: 800;
margin-bottom: 20px;
padding: 12px 0;
text-decoration: none
}

.item-show .high-scores-games .high-scores-games__title {
padding: 0 20px 0 50px;
position: relative;
word-wrap: break-word
}

.item-show .high-scores-games .high-scores-games__title::before {
color: #eb8f0a;
content: "";
font-family: 'fontello';
font-size: 17px;
font-weight: normal;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
left: 22px;
margin-right: 5px;
position: absolute;
top: 50%
}

.item-show .high-scores-games:hover {
-webkit-transform: translate(0, -2px);
-moz-transform: translate(0, -2px);
-ms-transform: translate(0, -2px);
-o-transform: translate(0, -2px);
transform: translate(0, -2px);
box-shadow: 0 20px 30px -20px rgba(235,143,10,0.5)
}

.item-show .achievements {
overflow: visible;
padding-bottom: 0
}

.item-show .achievements p.title {
display: none
}

.item-show .achievements .achievements-groupe {
margin: -10px 0 0 -6px
}

html[dir="rtl"] .item-show .achievements .achievements-groupe {
margin: -10px -6px 0 0
}

.item-show .achievements .achitem {
display: inline-block;
height: 64px;
margin: 10px 0 0 4px;
padding: 0;
width: 64px
}

html[dir="rtl"] .item-show .achievements .achitem {
margin: 10px 4px 0 0
}

.item-show .achievements .achitem img.disabled {
filter: alpha(opacity=50);
opacity: .5
}

.item-show .achievements .achitem-popup {
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background: #333;
color: #fff;
height: auto;
margin: 84px 0 0 6px;
padding: 7px 10px;
position: absolute;
text-align: left;
width: 174px;
z-index: 10
}

html[dir="rtl"] .item-show .achievements .achitem-popup {
margin: 84px 6px 0 0
}

.item-show .achievements .achitem-popup::before {
border-color: transparent transparent #333;
border-style: solid;
border-width: 0 4.5px 5px;
bottom: 100%;
content: "";
height: 5px;
left: 27px;
margin-bottom: 0;
margin-top: 5px;
position: absolute;
width: 8px;
z-index: 10
}

.item-show .achievements .achitem-popup .achitem-title {
font-size: 11px;
font-weight: bold
}

.item-show .achievements .achitem-popup .achitem-desc {
font-size: 10px;
line-height: 13px
}

.item-show .achievements .achitem-popup .achitem-difficulty {
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #77b211;
color: #333;
float: right;
font-size: 10px;
margin: 0 0 0 3px;
padding: 0 3px
}

html[dir="rtl"] .item-show .achievements .achitem-popup .achitem-difficulty {
float: left;
margin: 0 3px 0 0
}

.item-show .achievements .achitem-popup .achitem-awarded {
color: #999;
font-size: 10px
}

.item-show .comments {
padding-bottom: 10px
}

.item-show .comments h5 {
display: inline-block
}

.item-show .comments .forum-link {
float: right
}

html[dir="rtl"] .item-show .comments .forum-link {
float: left
}

.item-show .comments .forum-link svg {
margin-right: 5px;
position: relative;
top: 2px
}

.item-show .comments .forum-link p {
display: inline-block;
font-size: 12px
}

.item-show .comments .forum-link p a {
text-decoration: underline
}

.item-show .comments .idnet-comments {
display: -webkit-box;
display: -moz-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-direction: row;
-ms-flex-wrap: wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
clear: both;
margin-right: -10px;
padding-top: 20px
}

html[dir="rtl"] .item-show .comments .idnet-comments {
margin-left: -10px;
margin-right: 0
}

@supports not (flex-wrap: wrap) {
.item-show .comments .idnet-comments {
display:block
}
}

.item-show .comments .comment-button {
background-color: #bbb;
border: 0;
border-radius: 0 3px 3px 0;
color: #fff;
font-size: 12px;
font-weight: bold;
height: 35px;
line-height: 35px;
padding: 0 10px;
width: auto
}

html[dir="rtl"] .item-show .comments .comment-button {
border-radius: 3px 0 0 3px
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
.item-show .comments .comment-button {
line-height: 18px
}
}

.item-show .comments .comment-button.pre-active {
background-color: #bbb
}

.item-show .comments .comment-button.active {
background-color: #555
}

.item-show .comments .message {
font-size: 90%;
text-align: right
}

.item-show .comments .message-success {
color: #77b211
}

.item-show .comments .message-error {
color: #d60000
}

.item-show .comments .post-comment-table {
display: -webkit-box;
display: -moz-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: space-between;
-webkit-box-pack: space-between;
-webkit-justify-content: space-between;
-ms-flex-pack: space-between
}

.item-show .comments .post-comment-cell {
width: 100%
}

.item-show .comments .post-comment-cell input {
border: 1px solid #bbb;
color: #999;
float: left;
font-size: 12px;
height: 35px;
padding: 0 10px;
width: 100%
}

html[dir="rtl"] .item-show .comments .post-comment-cell input {
float: right
}

.item-show .comments .post-comment-cell input:focus {
border: 1px solid #999;
color: #333;
outline: none
}

.item-show .comments .disabled-comment-cell {
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border: 1px solid #efefef
}

.item-show .comments .disabled-comment-cell button {
background-color: #f3f3f3;
border: 0;
box-sizing: border-box;
color: #777;
font-size: 13px;
font-weight: 700;
height: 44px;
margin-right: 5px;
padding-left: 13px;
padding-right: 13px;
vertical-align: top
}

.item-show .comments .disabled-comment-cell div {
padding-bottom: 10px
}

.item-show .comments .disabled-comment-cell p {
padding-top: 20px
}

.item-show .comments .disabled-comment-cell .red {
background-color: #ec2828;
color: #fff
}

.item-show .comments .idnet-activity {
-webkit-flex: auto;
-moz-flex: auto;
-ms-flex: auto;
flex: auto;
word-break: break-all;
margin-right: 10px
}

html[dir="rtl"] .item-show .comments .idnet-activity {
margin-left: 10px;
margin-right: 0
}

.item-show .comments .comment-user-content {
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #f2f2f2;
margin-bottom: 10px;
padding: 10px
}

.item-show .comments .comment-user-content .comment-user-picture {
display: inline-block;
margin: 0 5px 0 0;
vertical-align: middle
}

html[dir="rtl"] .item-show .comments .comment-user-content .comment-user-picture {
margin: 0 0 0 5px
}

.item-show .comments .comment-user-content .comment-user-picture img {
height: 32px;
width: 32px
}

.item-show .comments .comment-user-content .comment-header {
display: inline-block;
font-size: 13px;
margin-top: -1px;
vertical-align: middle
}

.item-show .comments .comment-user-content .comment-header .author {
color: #d60000;
font-size: 12px;
font-weight: bold
}

.item-show .comments .comment-user-content .comment-header small,.item-show .comments .comment-user-content .comment-header abbr[title] {
border: 0;
color: #999;
font-size: 11px
}

.item-show .comments .comment-user-content .comment-header p {
margin: 0;
padding: 0
}

.item-show .comments .comment-user-content .pagination {
margin: 10px 0 0
}

.item-show .comments .comment-user-content #idnet-comments-pagination {
margin: 10px 0 0
}

.item-show .comments .clear {
display: none
}

.item-show .screenshots {
padding-bottom: 0
}

.item-show .screenshots .idnet-screenshots {
margin: 0 20px
}

.item-show .screenshots .idnet-screenshots .screenshot-block {
margin-bottom: 20px
}

.item-show .recommended {
height: 476px;
overflow: hidden
}

@media (min-width: 1920px) {
.item-show .recommended {
height:263px
}
}

.item-show .game-series {
padding-bottom: 0
}

.item-show .game-series-list {
overflow: hidden
}

.item-show .game-series-list-x2 {
height: 350px;
overflow: hidden
}

.item-show .embed {
padding-bottom: 10px
}

.item-show .item-resizer {
margin: auto;
position: relative;
z-index: 3
}

.item-show .item-resizer .adjust-layer {
display: none;
height: 40px;
margin-bottom: 7px;
padding: 15px 20px 0
}

.item-show .item-resizer .title {
float: left;
font-size: 14px;
font-weight: bold;
height: 20px;
overflow: hidden;
text-overflow: ellipsis;
text-transform: uppercase;
white-space: nowrap;
width: 30%
}

html[dir="rtl"] .item-show .item-resizer .title {
float: right
}

.item-show .item-resizer .resizer {
float: left;
text-align: center;
width: 60%
}

html[dir="rtl"] .item-show .item-resizer .resizer {
float: right
}

.item-show .item-resizer .resizer .slider-container {
display: inline-block;
width: 50%
}

.item-show .item-resizer .resizer .slider-container .ui-slider-horizontal {
background: #bbb;
border: 0;
height: 2px;
top: -5px
}

.item-show .item-resizer .resizer .slider-container .ui-slider-handle {
border-radius: 12px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
background: #fff;
border: 1px solid #999;
height: 12px;
width: 12px
}

.item-show .item-resizer .resizer .percentage {
display: inline-block;
font-size: 11px;
margin: 0 0 0 7px;
position: relative;
top: -2px;
width: 30px
}

html[dir="rtl"] .item-show .item-resizer .resizer .percentage {
margin: 0 7px 0 0
}

.item-show .item-resizer .resizer .item-resizer-reset-size-button {
border-left: 1px solid #efefef;
margin-left: 10px;
padding-left: 10px
}

html[dir="rtl"] .item-show .item-resizer .resizer .item-resizer-reset-size-button {
border-left: 0;
border-right: 1px solid #efefef;
margin-left: 0;
margin-right: 10px;
padding-left: 0;
padding-right: 10px
}

.item-show .item-resizer .resizer .item-resizer-reset-size-button svg {
margin-right: 3px;
position: relative;
top: 1px
}

.item-show .item-resizer .right-part {
float: right;
text-align: right;
width: 10%
}

html[dir="rtl"] .item-show .item-resizer .right-part {
float: left;
text-align: left
}

.item-show .item-resizer .item-resizer-resize-button,.item-show .item-resizer .item-resizer-reset-size-button,.item-show .item-resizer .item-resizer-remove-adjust-button {
cursor: pointer;
display: inline-block
}

.item-show .ads-block {
text-align: center
}

.item-show .ads-block ins {
display: block !important;
margin: 0 auto !important
}

.item-show .game-description .row {
margin: 0
}

.item-show .game-description h2 {
margin-top: 0
}

.item-show .game-description h3 {
margin-top: 20px !important
}

.item-show .game-description h4 {
color: #333;
font-size: 18px;
font-weight: bold;
margin: 0
}

.item-show .game-description h5 {
color: #666
}

.item-show .game-description p {
margin: 0 0 15px
}

.item-show .game-description .title.ltr,.item-show .game-description .ltr.description,.item-show .game-description .ltr.description p,.item-show .game-description .translation_missing {
text-align: left
}

html[dir="rtl"] .item-show .game-description .title.ltr,html[dir="rtl"] .item-show .game-description .ltr.description,html[dir="rtl"] .item-show .game-description .ltr.description p,html[dir="rtl"] .item-show .game-description .translation_missing {
text-align: right
}

.item-show .game-description ul {
padding-inline-start:18px}

.item-show .game-description .title-container {
margin: 0
}

.item-show .game-description .title-container .block-title {
margin: 0 0 9px
}

.item-show .game-description .description {
color: #333;
font-size: 15px;
font-weight: 400;
line-height: 22px
}

.item-show .game-description .game-info .game-info__item {
display: inline-block;
font-size: 13px;
margin-right: 10px
}

html[dir="rtl"] .item-show .game-description .game-info .game-info__item {
margin-left: 10px;
margin-right: 0
}

.item-show .game-description .game-info .game-info__item .name {
color: #999
}

.item-show .game-description .game-info .game-info__item .data {
color: #666;
font-weight: 500
}

.item-show .game-description .game-info .game-info__item .data a {
color: #666;
font-size: 13px;
font-weight: 500;
text-decoration: underline
}

.item-show .game-description .game-info .game-info__item .data a:hover {
color: #333
}

.item-show .game-description .game-info .game-info__item .data a:focus {
color: #333
}

.item-show .item-container {
position: relative;
text-align: center;
z-index: 3;
height: auto !important
}

.item-show .item-container .player-wrapper {
padding-top: 56.25%;
position: relative
}

.item-show .item-container .video-player {
height: 100% !important;
max-width: 100%;
overflow: hidden
}

.item-show .item-container.maximized {
background: #333;
bottom: 0;
left: 0;
margin: 0 auto;
position: fixed;
right: 0;
top: 60px;
z-index: 1032
}

.item-show .item-container.maximized .item-direct-container {
height: 100%;
width: 100%
}

@media (max-width: 800px) {
.item-show .item-container {
width:100% !important
}
}

.item-show .item-container .item-direct-container>.item-direct-container {
height: 100%;
width: 100%
}

.item-show .background-under-game {
-webkit-filter: blur(45px);
-moz-filter: blur(45px);
-o-filter: blur(45px);
-ms-filter: blur(45px);
filter: blur(45px);
background-size: cover;
bottom: 0;
height: 100%;
left: 0;
opacity: .3;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 2
}

.item-show .game-control-container {
display: -webkit-box;
display: -moz-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
background: rgba(255,255,255,0.3);
margin: auto;
position: relative;
width: 100%;
z-index: 3
}

@media (max-width: 800px) {
.item-show .game-control-container {
width:100% !important
}
}

.item-show .game-control-container .game-control-title {
color: rgba(0,0,0,0.35);
font-size: 9px;
font-weight: bold;
letter-spacing: 0;
text-align: left;
text-transform: uppercase
}

.item-show .game-control-container .left-control-container {
padding: 12px 20px 0;
width: calc(100% - 150px)
}

.item-show .game-control-container .left-control-container.full-width {
width: 100%
}

.item-show .game-control-container .right-control-container {
padding: 12px 20px;
position: relative;
width: 150px
}

.item-show .game-control-container .right-control-container .game-control-title {
margin-bottom: 10px;
text-align: center
}

.item-show .game-control-container .right-control-container::before {
background: linear-gradient(-180deg, rgba(0,0,0,0.08) 0%, rgba(0,0,0,0) 100%);
bottom: 0;
content: '';
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 1px
}

.item-show .game-control-container .right-control-container .screen-size-actions .adjust-button,.item-show .game-control-container .right-control-container .screen-size-actions .maximize-button {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
background: rgba(0,0,0,0.06);
border-radius: 8px;
display: inline-block;
height: 36px;
margin: 0 3px;
position: relative;
text-decoration: none;
width: 44px;
cursor: pointer
}

.item-show .game-control-container .right-control-container .screen-size-actions .adjust-button:hover,.item-show .game-control-container .right-control-container .screen-size-actions .maximize-button:hover {
background: rgba(0,0,0,0.1)
}

.item-show .game-control-container .right-control-container .screen-size-actions .adjust-button:hover img:first-child,.item-show .game-control-container .right-control-container .screen-size-actions .maximize-button:hover img:first-child {
opacity: 0
}

.item-show .game-control-container .right-control-container .screen-size-actions .adjust-button:hover img:last-child,.item-show .game-control-container .right-control-container .screen-size-actions .maximize-button:hover img:last-child {
opacity: 1
}

.item-show .game-control-container .right-control-container .screen-size-actions .adjust-button img,.item-show .game-control-container .right-control-container .screen-size-actions .maximize-button img {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
height: 24px;
left: 50%;
position: absolute;
top: 50%;
width: 24px
}

.item-show .game-control-container .right-control-container .screen-size-actions .adjust-button img:first-child,.item-show .game-control-container .right-control-container .screen-size-actions .maximize-button img:first-child {
opacity: 1
}

.item-show .game-control-container .right-control-container .screen-size-actions .adjust-button img:last-child,.item-show .game-control-container .right-control-container .screen-size-actions .maximize-button img:last-child {
opacity: 0
}

.item-show .game-control-container.single-row .left-control-container {
display: -webkit-box;
display: -moz-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
padding: 0 15px;
width: calc(100% - 150px)
}

.item-show .game-control-container.single-row .left-control-container .game-control-title {
display: -webkit-box;
display: -moz-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
margin-right: 5px;
width: 100px
}

.item-show .game-control-container.single-row .left-control-container .keys-for-game {
width: 100%
}

.item-show .game-control-container.single-row .right-control-container {
display: -webkit-box;
display: -moz-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: space-between;
-webkit-box-pack: space-between;
-webkit-justify-content: space-between;
-ms-flex-pack: space-between;
padding: 0 15px;
width: 260px
}

.item-show .game-control-container.single-row .right-control-container .game-control-title {
display: -webkit-box;
display: -moz-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
margin-bottom: 0;
margin-right: 10px
}

.item-show .game-control-container.single-row .right-control-container .screen-size-actions {
display: -webkit-box;
display: -moz-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center
}

.item-show .game-button-icon {
background: url() no-repeat;
display: inline-block;
height: 16px;
margin: 0 2px;
width: 16px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi) {
.item-show .game-button-icon {
background:url() no-repeat;
background-size: 96px 64px
}
}

.item-show .request-play-game {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
background: #fff;
position: relative;
width: 100%;
z-index: 10
}

.item-show .request-play-game~.game-control-container {
position: absolute
}

.item-show .request-play-game .background {
-webkit-filter: blur(45px);
-moz-filter: blur(45px);
-o-filter: blur(45px);
-ms-filter: blur(45px);
filter: blur(45px);
bottom: -100px;
height: auto;
left: -100px;
position: absolute;
right: -100px;
top: -100px;
width: auto
}

.item-show .request-play-game .background--with_fallback {
background: linear-gradient(90deg, #c27afb 0%, #ff8eb0 100%)
}

.item-show .request-play-game .content {
display: -webkit-box;
display: -moz-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
justify-content: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
background: transparent;
height: 100%;
padding: 0 15px;
position: relative;
z-index: 1
}

.item-show .request-play-game .content .game-preview {
-webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.1);
-moz-box-shadow: 0 0 0 1px rgba(0,0,0,0.1);
box-shadow: 0 0 0 1px rgba(0,0,0,0.1);
-webkit-filter: drop-shadow(0 20px 30px rgba(0,0,0,0.25));
filter: drop-shadow(0 20px 30px rgba(0,0,0,0.25));
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
height: 183px;
margin: 0 auto 20px;
overflow: hidden;
width: 244px
}

.item-show .request-play-game .content .game-preview video,.item-show .request-play-game .content .game-preview img {
height: 100%;
width: 100%
}

.item-show .request-play-game .content .game-name {
color: #fff;
font-family: 'Nunito', sans-serif;
font-size: 36px;
font-weight: 800;
margin-bottom: 20px;
text-align: center
}

@media (max-width: 768px) {
.item-show .request-play-game .content .game-name {
font-size:28px;
line-height: 34px;
margin: 0 30px 20px
}
}

.item-show .request-play-game .content .play-game {
-webkit-transition: box-shadow 0.2s,transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: box-shadow 0.2s,transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
-ms-transition: box-shadow 0.2s,transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: box-shadow 0.2s,transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: box-shadow 0.2s,transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
background: #fff;
color: #333;
cursor: pointer;
font-size: 16px;
font-weight: bold;
height: 44px;
line-height: 44px;
margin: 0 auto 32px;
padding: 0 80px;
text-decoration: none;
text-transform: uppercase
}

.item-show .request-play-game .content .play-game:hover {
-webkit-transform: translate(0, -2px);
-moz-transform: translate(0, -2px);
-ms-transform: translate(0, -2px);
-o-transform: translate(0, -2px);
transform: translate(0, -2px)
}

body.maximized {
height: 100%;
overflow: hidden !important;
width: 100%
}

body.maximized .container {
margin: 0 15px;
width: 100% !important
}

body.maximized .navbar {
height: 60px;
z-index: 1032
}

body.maximized .navbar .logo {
left: 0;
position: absolute;
top: 7px
}

html[dir="rtl"] body.maximized .navbar .logo {
left: auto;
right: 0
}

body.maximized .navbar .logo img {
top: 0 !important
}

body.maximized .navbar .logo .event img {
height: 44px;
width: 79px
}

body.maximized .navbar .fake-button,body.maximized .navbar form,body.maximized .navbar .waiting-idnet {
display: none !important
}

body.maximized .item-container.maximized {
height: 100% !important
}

body.maximized .maximized-item-overlay .unmaximize-button {
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
background-color: #f3f3f3;
cursor: pointer;
font-size: 12px;
font-weight: bold;
margin: 10px 0 0;
padding: 10px 13px;
position: fixed;
right: 20px;
top: 0;
z-index: 1032
}

html[dir="rtl"] body.maximized .maximized-item-overlay .unmaximize-button {
left: 20px;
right: auto
}

body.maximized .maximized-item-overlay .unmaximize-button:hover {
background-color: #efefef;
color: #d60000;
text-decoration: none
}

body.maximized .maximized-item-overlay .unmaximize-button .ui-icon-closethick::before {
content: "X";
font-family: sans-serif;
font-size: 13px;
margin: 0 10px 0 0
}

html[dir="rtl"] body.maximized .maximized-item-overlay .unmaximize-button .ui-icon-closethick::before {
margin: 0 0 0 10px
}

body.maximized .maximized-item-overlay .ui-widget-overlay {
background: rgba(255,255,255,0.8);
position: fixed;
z-index: 1031
}

body.maximized .maximized-item-overlay .ui-button-text {
padding: 0
}

.item-dmca {
color: #fff;
font-size: 200%;
padding: 120px 40px;
text-align: center;
vertical-align: middle
}

.webgl-version-link {
background-color: #fff
}

.unity-player.item-direct-container {
margin: 0 auto
}

.unity-player.item-direct-container .missing,.unity-player.item-direct-container .broken {
background: rgba(231,228,157,0.247059);
border-color: rgba(231,228,157,0.14902);
border-style: solid;
padding: 20px
}

.unity-player.item-direct-container .missing img,.unity-player.item-direct-container .broken img {
margin: 10px
}

.unity-player.item-direct-container .missing ul,.unity-player.item-direct-container .broken ul {
list-style-type: none
}

.unity-player.item-direct-container embed {
margin: 0 auto
}

.bottom-right-banner ins {
margin-left: 10px
}

html[dir="rtl"] .bottom-right-banner ins {
margin-left: 0;
margin-right: 10px
}

.animations-active .item-show .game-control-container {
display: none
}

.vote .display-with-voting-captcha {
display: none
}

.vote .voting-captcha-container {
display: none;
padding: 5px;
text-align: center
}

.vote .voting-captcha-container .voting-captcha {
margin: 5px auto;
width: 360px
}

.vote .voting-captcha-container .voting-captcha-caption a {
font-weight: bold
}

.vote .voting-captcha-container .voting-captcha-buttons {
margin: 15px 0 5px;
width: 100%
}

.vote .voting-captcha-container .voting-captcha-buttons input {
font-size: 11px
}

.vote .message {
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background: #fff;
bottom: 50px;
box-shadow: 0 4px 25px rgba(51,51,51,0.25);
display: none;
left: 0;
max-width: 330px;
padding: 8px 10px;
position: absolute;
text-align: left;
width: max-content
}

.vote .message::before {
border-color: #fff transparent transparent;
border-style: solid;
border-width: 7px 7px 0;
content: '';
height: 0;
left: 27px;
margin-top: 0;
position: absolute;
top: 100%;
width: 0;
z-index: 10
}

.vote .message .message__wrap {
align-items: center;
display: flex
}

.vote .message .message__wrap::before {
color: #fff;
content: "";
font-family: 'fontello';
font-size: 7px;
font-weight: normal;
align-items: center;
background-color: #68bc0c;
border-radius: 50%;
display: flex;
height: 16px;
justify-content: center;
margin-right: 7px;
min-width: 16px;
width: 16px
}

html[dir="rtl"] .vote .message .message__wrap::before {
margin-left: 7px;
margin-right: 0
}

.vote .message .message__wrap span {
color: #000;
font-size: 10px;
font-style: normal;
font-weight: 500;
line-height: 14px
}

.vote .voting-container {
display: block;
position: relative;
width: 100%
}

.vote .voting-container .voting-buttons-container {
display: flex;
font-size: 14px;
font-weight: bold;
width: 100%
}

.vote .voting-container .voting-buttons-container .button {
margin: 0 5px;
padding: 0 12px
}

.vote .voting-container .voting-buttons-container .button.red {
color: #d60000
}

.vote .voting-container .voting-buttons-container .button.red::before {
color: #d60000
}

.vote .voting-container .voting-buttons-container .button.red:hover {
color: #d30044
}

.vote .voting-container .voting-buttons-container .button.red:hover::before {
color: #d30044
}

.vote .voting-container .voting-buttons-container .button.green {
color: #77b211
}

.vote .voting-container .voting-buttons-container .button.green::before {
color: #77b211
}

.vote .voting-container .voting-buttons-container .button.green:hover {
color: #3bad00
}

.vote .voting-container .voting-buttons-container .button.green:hover::before {
color: #3bad00
}

.vote .voting-container .voting-buttons-container button {
line-height: 1em
}

.vote .voting-container .voting-buttons-container .vote-popup {
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background: #333;
bottom: 45px;
color: #fff;
display: none;
height: auto;
left: auto;
margin: -50px 0 0;
padding: 7px 10px;
position: absolute;
text-align: left;
width: 174px;
z-index: 10
}

.vote .voting-container .voting-buttons-container .vote-popup::before {
border-color: #333 transparent transparent;
border-style: solid;
border-width: 5px 5px 0;
content: "";
height: 0;
left: 27px;
margin-top: 0;
position: absolute;
top: 100%;
width: 0;
z-index: 10
}

.vote .voting-container .voting-buttons-container .vote-section {
display: -webkit-box;
display: -moz-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
align-items: center;
color: #666;
font-size: 13px;
font-weight: 500;
padding: 0;
position: relative;
text-align: center
}

.vote .center-aligned {
display: inline-block;
line-height: 16px;
vertical-align: middle
}

.vote .meter {
height: 4px;
width: 100%
}

.vote .meter .meter-up {
background: #77b211;
float: left;
height: 4px
}

.vote .meter .meter-separator {
background: #fff;
float: left;
height: 4px
}

.vote .meter .meter-down {
background: #9d9d9d;
border-radius: 0 2px 2px 0;
float: left;
height: 4px
}

.vote .meter .half-border {
border-radius: 2px 0 0 2px
}

.vote .meter .full-border {
border-radius: 2px
}

.vote .meter-container {
overflow: hidden
}

.vote .rating-picture {
padding: 0 4px 0 0
}

html[dir="rtl"] .vote .rating-picture {
padding: 0 0 0 4px
}

.vote .rating-picture::before {
color: #ffa300;
content: "";
font-family: 'fontello';
font-size: 16px;
font-weight: normal
}

.vote .rating {
color: #333;
font-size: 18px;
font-style: normal;
font-weight: 700;
margin: 0 5px 0 0
}

html[dir="rtl"] .vote .rating {
margin: 0 0 0 5px
}

#div_for_keycaptcha {
border: 1px solid #9d9d9d;
overflow: hidden
}

#s_s_c_border {
border: 0 !important
}

.keys-for-game {
text-align: left
}

.keys-for-game ul {
margin: 0;
padding: 0
}

.keys-for-game li {
display: -webkit-box;
display: -moz-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
display: -webkit-box;
display: -moz-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-direction: row;
-ms-flex-wrap: wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin: 0;
padding: 17px 0 0;
position: relative;
text-align: left
}

html[dir="rtl"] .keys-for-game li {
text-align: right
}

.keys-for-game li::after {
background: linear-gradient(-90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.08) 100%);
bottom: 0;
content: '';
height: 1px;
left: 0;
position: absolute;
right: 0;
width: 100%
}

.keys-for-game li:last-child {
padding: 17px 0 0
}

.keys-for-game li:last-child::after {
display: none
}

.keys-for-game .key-definition {
background: none;
color: rgba(0,0,0,0.6);
font-size: 10px;
font-weight: 500;
height: 100%;
margin-bottom: 15px;
text-align: center;
width: 85px
}

.keys-for-game .key-definition:last-child {
border: 0
}

.keys-for-game .key-definition.key-definition-32,.keys-for-game .key-definition.key-definition-pl1::after,.keys-for-game .key-definition.key-definition-pl2::after {
color: rgba(0,0,0,0.35);
display: block;
font-size: 9px;
font-weight: bold;
letter-spacing: 0;
padding-top: 10px;
text-align: left;
text-transform: uppercase
}

.keys-for-game .key-definition.key-definition-pl1 .action-text-container,.keys-for-game .key-definition.key-definition-pl2 .action-text-container {
display: none
}

.keys-for-game .key-definition.key-definition-pl1::after {
content: 'Player 1'
}

.keys-for-game .key-definition.key-definition-pl2::after {
content: 'Player 2'
}

.keyboard-key {
display: inline-block;
margin: 0 1px;
vertical-align: middle
}

.keyboard-key.key-pl1,.keyboard-key.key-pl2,.keyboard-key.key-32 {
display: none
}

.key-mouse {
margin: 0
}

.key-mouse1 {
margin: 0
}

.key-mouse2 {
margin: 0
}

.key-mouse3 {
margin: 0
}

[class*='key-'] {
background: url() no-repeat;
height: 22px;
position: relative;
top: -2px;
width: 22px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi) {
[class*='key-'] {
background:url() no-repeat;
background-size: 100px 946px
}
}

.key-1 {
background-position: 0 0
}

.key-2 {
background-position: 0 -22px
}

.key-3 {
background-position: 0 -44px
}

.key-32 {
background-position: 0 -66px
}

.key-4 {
background-position: 0 -88px
}

.key-5 {
background-position: 0 -110px
}

.key-59 {
background-position: 0 -132px
}

.key-6 {
background-position: 0 -154px
}

.key-60 {
background-position: 0 -176px
}

.key-62 {
background-position: 0 -198px
}

.key-7 {
background-position: 0 -220px
}

.key-8 {
background-position: 0 -242px
}

.key-9 {
background-position: 0 -264px
}

.key-92 {
background-position: 0 -286px
}

.key-a {
background-position: 0 -308px
}

.key-ad {
background-position: 0 -330px
}

.key-al {
background-position: 0 -352px
}

.key-ar {
background-position: 0 -374px
}

.key-au {
background-position: 0 -396px
}

.key-b {
background-position: 0 -418px
}

.key-c {
background-position: 0 -440px
}

.key-d {
background-position: 0 -462px
}

.key-e {
background-position: 0 -484px
}

.key-f {
background-position: 0 -506px
}

.key-g {
background-position: 0 -528px
}

.key-h {
background-position: 0 -550px
}

.key-i {
background-position: 0 -572px
}

.key-j {
background-position: -22px 0
}

.key-k {
background-position: -22px -22px
}

.key-l {
background-position: -22px -44px
}

.key-m {
background-position: -22px -66px
}

.key-mouse {
background-position: -22px -88px;
height: 22px;
width: 22px
}

.key-mouse1 {
background-position: -22px -132px;
height: 22px;
width: 22px
}

.key-mouse2 {
background-position: -22px -110px;
height: 22px;
width: 22px
}

.key-mouse3 {
background-position: -22px -154px;
height: 22px;
width: 22px
}

.key-mouse4 {
background-position: -22px -176px;
height: 22px;
width: 22px
}

.key-n {
background-position: -22px -198px
}

.key-o {
background-position: -22px -220px
}

.key-p {
background-position: -22px -242px
}

.key-q {
background-position: -22px -264px
}

.key-r {
background-position: -22px -286px
}

.key-s {
background-position: -22px -308px
}

.key-t {
background-position: -22px -330px
}

.key-u {
background-position: -22px -352px
}

.key-v {
background-position: -22px -374px
}

.key-w {
background-position: -22px -396px
}

.key-x {
background-position: -22px -418px
}

.key-y {
background-position: -22px -440px
}

.key-z {
background-position: -22px -462px
}

.key-0 {
background-position: -22px -484px
}

.key-comma {
background-position: -22px -506px;
height: 22px;
width: 22px
}

.key-dot {
background-position: -22px -528px;
height: 22px;
width: 22px
}

.key-divide {
background-position: -22px -550px;
height: 22px;
width: 22px
}

.key-ent {
background-position: -22px -572px;
height: 22px;
width: 22px
}

.key-esc {
background-position: 0 -594px;
height: 22px;
width: 44px
}

.key-ctrl {
background-position: 0 -616px;
height: 22px;
width: 44px
}

.key-shift {
background-position: 0 -638px;
height: 22px;
width: 44px
}

.key-pl1 {
background-position: 0 -660px;
height: 22px;
width: 60px
}

.key-pl2 {
background-position: 0 -682px;
height: 22px;
width: 60px
}

.key-space {
background-position: 0 -704px;
height: 22px;
width: 66px
}

.key-keyboard {
background-position: 0 -726px;
height: 22px;
width: 48px
}

.key-arrow {
background-position: 0 -748px;
height: 22px;
width: 30px
}

.key-wasd {
background-position: -30px -748px;
height: 22px;
width: 30px
}

.afgv {
display: none;
z-index: 10
}

.video-player {
margin: 0 auto;
width: 100%;
height: auto;
background: #000
}

.video-player .player-thumb {
display: inline-block;
height: auto;
max-width: 100%;
vertical-align: middle
}

.afgv-item {
display: none
}

.html5-ima-overlay {
background-color: #000;
display: none;
margin: 0 auto;
text-align: center;
z-index: 10
}

.html5-ima-overlay .html5-ima-loading {
background: url() no-repeat;
height: 60px;
left: 48%;
position: relative;
top: 45%;
width: 60px
}

.html5-ima-overlay .html5-ima {
height: 100%;
margin: 0;
position: relative;
width: 100%
}

.game-overlay {
background: #000;
display: none;
left: 0;
margin: 0 auto;
overflow: hidden;
position: relative;
right: 0;
text-align: center;
width: 100%;
z-index: 10
}

.game-overlay .game-loading {
left: 50%;
margin: 0;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 100%
}

.game-overlay .game-loading .logo-bg {
background: #fff;
border-radius: 6px;
margin: 0 auto;
margin-bottom: 23px;
padding: 8px;
width: 76px
}

.game-overlay .game-loading .game-loading-thumbnail {
box-shadow: 0 20px 20px -10px rgba(0,0,0,0.3);
margin-bottom: 20px
}

.game-overlay .game-loading .item-text {
color: #fff;
font-family: Roboto;
font-size: 14px;
font-weight: bold;
text-align: center
}

.game-overlay .game-loading .svg-loader {
height: 8px;
margin: 12px 0 5px;
width: 136px
}

.game-overlay .game-loader {
height: 100%;
margin: 0;
position: relative;
width: 100%
}

.game-overlay .game-loader-opacity {
filter: blur(16px);
opacity: .5;
position: absolute;
top: 0;
transform: scale(1.1);
width: 100%
}

.div-gpt-ad-down {
height: 90px;
text-align: center
}

.ad-wrapper {
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
background: #fff;
margin-bottom: 20px
}

.div-gpt-ad-right-down {
margin-top: 20px
}

.y8-account-name {
color: #d60000;
font-weight: bold
}

.y8-account-name a:visited {
color: #d60000
}

.tags-list {
display: flex;
flex-wrap: wrap;
gap: 12px;
list-style-type: none;
margin-bottom: 0;
padding: 0
}

.tags-list.tags-list--show {
margin-top: 20px
}

.tags-list.tags-list--show .tag-item {
width: calc(100% / 2 - 12px)
}

@media (max-width: 768px) and (orientation: landscape) {
.tags-list.tags-list--show .tag-item {
width:calc(100% / 3 - 12px)
}
}

@media (min-width: 768px) {
.tags-list.tags-list--show .tag-item {
width:calc(100% / 4 - 12px)
}
}

@media (min-width: 800px) {
.tags-list.tags-list--show .tag-item {
width:calc(100% / 2 - 6px)
}
}

.tags-list a {
text-decoration: none
}

.tags-list a:hover {
text-decoration: none
}

.tags-list li {
width: calc(100% / 2 - 12px)
}

@media (max-width: 768px) and (orientation: landscape) {
.tags-list li {
width:calc(100% / 3 - 12px)
}
}

@media (min-width: 768px) {
.tags-list li {
width:calc(100% / 4 - 12px)
}
}

@media (min-width: 1024px) {
.tags-list li {
width:calc(100% / 5 - 12px)
}
}

@media (min-width: 1220px) {
.tags-list li {
width:calc(100% / 7 - 12px)
}
}

.tag-icons {
background-image: url();
background-position: 0 0;
background-repeat: no-repeat;
display: block;
height: 24px;
margin-right: 6px;
min-width: 24px;
width: 24px
}

html[dir="rtl"] .tag-icons {
margin-left: 6px;
margin-right: 0
}



.tag-item {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
align-items: center;
border: 1px solid rgba(0,0,0,0.15);
border-radius: 14px;
color: #000;
display: flex;
font-size: 13px;
font-weight: 600;
line-height: 20px;
margin: 0;
padding: 7px 12px 7px 10px
}

html[dir="rtl"] .tag-item {
padding: 7px 10px 7px 12px
}

.tag-item:hover,.tag-item:focus {
-webkit-transform: translate(0, -2px);
-moz-transform: translate(0, -2px);
-ms-transform: translate(0, -2px);
-o-transform: translate(0, -2px);
transform: translate(0, -2px);
box-shadow: 0 3px 6px 0 rgba(0,0,0,0.08);
color: #000
}

.tag-item:active {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
border: 1px solid rgba(0,0,0,0.25);
box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.08)
}

@media (max-width: 1024px) {
.tag-item.tag-item--category {
transform:none
}
}

.tag-item.tag-item--category-page {
background-color: #fff;
border: 1px solid rgba(0,0,0,0.1);
box-shadow: none;
color: #29a7b4;
display: inline-block;
margin: 0 6px 6px 0;
padding: 5px 12px
}

.tag-item.tag-item--category-page i {
display: none
}

html[dir="rtl"] .tag-item.tag-item--category-page {
margin: 0 0 6px 6px
}

.tag-item.tag-item--category-page:hover {
border-color: #29a7b4;
box-shadow: none
}

.tag-item.tag-item--category-page:focus,.tag-item.tag-item--category-page:active {
border-color: #29a7b4;
box-shadow: none
}

.tag-item:hover,.tag-item:focus,.tag-item:active {
text-decoration: none
}

.tag-item span,.tag-item p {
margin-bottom: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}

.promo-banner {
-webkit-transition: box-shadow 0.2s,transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: box-shadow 0.2s,transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
-ms-transition: box-shadow 0.2s,transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: box-shadow 0.2s,transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: box-shadow 0.2s,transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
border-radius: 12px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
color: #fff;
cursor: pointer;
display: block;
margin-bottom: 20px;
padding: 20px 20px 20px 70px
}

.promo-banner:hover,.promo-banner:active,.promo-banner:focus,.promo-banner:visited,.promo-banner:hover:active {
color: #fff;
text-decoration: none
}

.promo-banner:hover {
-webkit-transform: translate(0, -2px);
-moz-transform: translate(0, -2px);
-ms-transform: translate(0, -2px);
-o-transform: translate(0, -2px);
transform: translate(0, -2px)
}

.promo-banner.promo-banner--embed-game {
background: url() left 25px center no-repeat,linear-gradient(90deg, #69a4fc 0%, #d17afa 100%)
}

.promo-banner.promo-banner--embed-game:hover {
box-shadow: 0 20px 30px -20px rgba(88,73,184,0.5)
}

.promo-banner .promo-banner__title {
font-family: 'Nunito', sans-serif;
font-size: 16px;
font-weight: 800;
line-height: 22px;
margin-bottom: 4px
}

.promo-banner .promo-banner__subtitle {
font-size: 14px;
font-weight: 500;
line-height: 18px
}

.btn {
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background-image: none;
border: 1px solid transparent;
box-shadow: none !important;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-weight: bold;
margin-bottom: 0;
padding: 5px 20px;
text-align: center;
touch-action: manipulation;
user-select: none;
vertical-align: middle;
white-space: nowrap
}

.btn:focus,.btn:active,.btn:active:focus {
outline: 0
}

.btn:hover {
text-decoration: none !important
}

.btn.bad-translation {
background-color: transparent;
border-color: #979797;
color: #666;
font-size: 11px;
font-weight: bold;
margin-bottom: 10px;
padding: 5px 8px
}

.btn.btn-red {
background-color: #d60000;
border: 0;
color: #fff
}

.btn.btn-red:hover {
background-color: #a30000;
text-decoration: none
}

.btn.btn-white {
background-color: #fff;
border: 0;
color: #333
}

.btn.btn-white:hover {
background-color: #fff;
color: #d60000;
text-decoration: none !important
}

.btn.btn-wire-white {
background-color: transparent;
border: 0;
box-shadow: 0 0 0 1px rgba(255,255,255,0.5) inset !important;
color: #fff;
font-weight: bold
}

.btn.btn-wire-white:hover {
background-color: transparent;
box-shadow: 0 0 0 1px #fff inset !important;
text-decoration: none !important
}

.btn svg {
vertical-align: middle
}

.btn.btn-grey {
background-color: #f3f3f3;
border: 0;
color: #333
}

.btn.btn-grey:hover {
background-color: #dadada;
text-decoration: none
}

.btn.btn-sm {
font-size: 12px;
padding: 7px 10px
}

.btn.btn-sm svg {
position: relative;
top: 1px;
vertical-align: top
}

.btn.btn-xs {
font-size: 10px;
padding: 2px 15px
}

.btn.btn-xs svg {
vertical-align: top
}

.button:hover:active {
text-decoration: none
}

.button {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border: 0;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-weight: bold;
height: 36px;
line-height: 36px;
outline: none;
padding: 0 15px;
text-align: center;
text-decoration: none;
user-select: none;
white-space: nowrap
}

.button::before {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out
}

.button:hover,.button:hover:active,.button:focus,.button:active,.button:visited {
text-decoration: none
}

.button:disabled {
opacity: .5
}

.button.button--black {
background: #333;
color: #fff
}

.button.button--green {
background: #5da700;
color: #fff
}

.button.button--green:hover {
background: #499300
}

.button.button--green:focus {
background: #3f890a
}

.button.button--red {
background: #d60000;
color: #fff
}

.button.button--red:hover {
background: #c20000
}

.button.button--red:focus {
background: #ae0000
}

.button.button--grey {
background: #e3e3e3;
color: #666
}

.button.button--grey:hover {
background: #cfcfcf
}

.button.button--light-grey {
background: rgba(0,0,0,0.06);
color: #666
}

.button.button--light-grey:hover {
background: rgba(0,0,0,0.08)
}

.button.button--large {
font-size: 16px;
height: 44px;
line-height: 42px
}

.button.button--xs {
border-radius: 12px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
font-size: 13px;
height: 34px;
line-height: 34px;
padding: 0 10px
}

.button.button--icon-thumbup::before,.button.button--icon-thumbdown::before,.button.button--icon-report::before,.button.button--icon-bookmark::before,.button.button--icon-heart::before {
margin: 0 4px 0 0
}

html[dir="rtl"] .button.button--icon-thumbup::before,html[dir="rtl"] .button.button--icon-thumbdown::before,html[dir="rtl"] .button.button--icon-report::before,html[dir="rtl"] .button.button--icon-bookmark::before,html[dir="rtl"] .button.button--icon-heart::before {
margin: 0 0 0 4px
}

.button.button--icon-thumbup:hover::before,.button.button--icon-thumbup:hover::after,.button.button--icon-thumbdown:hover::before,.button.button--icon-thumbdown:hover::after,.button.button--icon-report:hover::before,.button.button--icon-report:hover::after,.button.button--icon-bookmark:hover::before,.button.button--icon-bookmark:hover::after,.button.button--icon-heart:hover::before,.button.button--icon-heart:hover::after {
color: #666
}

.button.active::before {
margin-right: 4px
}

.button.button--icon-thumbup::before {
color: #999;
content: "";
font-family: 'fontello';
font-size: 16px;
font-weight: normal
}

.button.button--icon-thumbdown::before {
color: #999;
content: "";
font-family: 'fontello';
font-size: 16px;
font-weight: normal
}

.button.button--icon-report::before {
color: #999;
content: "";
font-family: 'fontello';
font-size: 16px;
font-weight: normal
}

.button.button--icon-report::after {
color: #999;
content: "";
font-family: 'fontello';
font-size: 10px;
font-weight: normal;
margin: 0 0 0 4px
}

html[dir="rtl"] .button.button--icon-report::after {
margin: 0 4px 0 0
}

.button.button--icon-report.active {
color: #333;
background-color: rgba(51,51,51,0.12)
}

.button.button--icon-report.active::before,.button.button--icon-report.active::after {
color: #666
}

.button.button--icon-bookmark::before {
color: #999;
content: "";
font-family: 'fontello';
font-size: 16px;
font-weight: normal
}

.button.button--icon-bookmark.active::before {
color: #ec2828;
content: "";
font-family: 'fontello';
font-size: 16px;
font-weight: normal
}

.button.button--icon-bookmark.active:hover::before {
color: #ec2828
}

.button.button--icon-heart::before {
color: #999;
content: "";
font-family: 'fontello';
font-size: 16px;
font-weight: normal
}

.button.button--icon-heart.active::before {
color: #ec2828;
content: "";
font-family: 'fontello';
font-size: 16px;
font-weight: normal
}

.button.button--icon-heart.active:hover::before {
color: #ec2828
}

.button.button--uppercase {
align-items: center;
display: flex;
font-size: 14px;
font-style: normal;
font-weight: 700;
height: 44px;
justify-content: center;
letter-spacing: 1px;
text-transform: uppercase
}

.button.button--edit-studio,.button.button--adsense-setup {
background-color: rgba(0,0,0,0.03);
padding: 0
}

.button.button--edit-studio form,.button.button--adsense-setup form {
width: 100%
}

.button.button--edit-studio input,.button.button--adsense-setup input {
background: transparent;
border: 0;
font-size: 14px;
font-style: normal;
font-weight: 700;
height: 44px;
letter-spacing: 1px;
text-transform: uppercase;
width: 100%
}

.button.button--edit-studio a,.button.button--adsense-setup a {
color: #666
}

.button.button--edit-studio:hover,.button.button--adsense-setup:hover {
background-color: rgba(0,0,0,0.06)
}

.button.button--edit-studio:focus,.button.button--adsense-setup:focus {
background-color: rgba(0,0,0,0.12)
}

.button.button--donate {
background-color: #ffa300;
color: #000;
width: 100%
}

.button.button--donate:hover {
background-color: #f59900
}

.button.button--donate:focus {
background-color: #eb8f00
}

.button.button--partnership {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
background: linear-gradient(to right, #da1fba, #ea0000);
display: block;
height: 36px;
padding: 1px;
text-decoration: none;
white-space: nowrap;
width: 100%
}

.button.button--partnership div {
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
background: #fff;
display: block;
height: 34px;
line-height: 34px;
padding: 0 15px;
text-align: center
}

.button.button--partnership div span {
background: #da1fba;
background: -moz-linear-gradient(90deg, #da1fba 0%, #ea0000 100%);
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #da1fba), color-stop(100%, #ea0000));
background: -webkit-linear-gradient(90deg, #da1fba 0%, #ea0000 100%);
background: -o-linear-gradient(90deg, #da1fba 0%, #ea0000 100%);
background: -ms-linear-gradient(90deg, #da1fba 0%, #ea0000 100%);
background: linear-gradient(90deg, #da1fba 0%, #ea0000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#da1fba', endColorstr='#ea0000',GradientType=1 );
-webkit-background-clip: text;
-moz-background-clip: text;
-ms-background-clip: text;
-o-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;
-ms-text-fill-color: transparent;
-o-text-fill-color: transparent;
text-fill-color: transparent;
font-size: 13px;
font-weight: bold;
text-transform: uppercase
}

@media all and (-ms-high-contrast: none) {
.button.button--partnership div span {
background: transparent;
color: #da1fba
}

.button.button--partnership div span::-ms-backdrop {
background: transparent;
color: #da1fba
}
}

.button.button--partnership:hover {
background: linear-gradient(to right, #6a0f5b, #6b0000)
}

.button.button--partnership:hover span {
background: #6a0f5b;
background: -moz-linear-gradient(90deg, #6a0f5b 0%, #6b0000 100%);
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #6a0f5b), color-stop(100%, #6b0000));
background: -webkit-linear-gradient(90deg, #6a0f5b 0%, #6b0000 100%);
background: -o-linear-gradient(90deg, #6a0f5b 0%, #6b0000 100%);
background: -ms-linear-gradient(90deg, #6a0f5b 0%, #6b0000 100%);
background: linear-gradient(90deg, #6a0f5b 0%, #6b0000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a0f5b', endColorstr='#6b0000',GradientType=1 );
-webkit-background-clip: text;
-moz-background-clip: text;
-ms-background-clip: text;
-o-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;
-ms-text-fill-color: transparent;
-o-text-fill-color: transparent;
text-fill-color: transparent
}

@media all and (-ms-high-contrast: none) {
.button.button--partnership:hover span {
background: transparent;
color: #6a0f5b
}

.button.button--partnership:hover span::-ms-backdrop {
background: transparent;
color: #6a0f5b
}
}

.btn-link {
border-radius: 0;
font-weight: normal
}

.btn-link,.btn-link:active,.btn-link.active,.btn-link[disabled],fieldset[disabled] .btn-link {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background-color: transparent
}

.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active {
border-color: transparent
}

.btn-link:hover,.btn-link:focus {
background-color: transparent;
text-decoration: underline
}

.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus {
color: #777;
text-decoration: none
}

@keyframes opacity-spinner {
0% {
opacity: 1
}

100% {
opacity: 0
}
}

.spinner {
background: none;
display: block;
height: 20px;
overflow: hidden;
position: absolute;
right: -28px;
top: 0;
width: 20px
}

html[dir="rtl"] .spinner {
left: -28px;
right: auto
}

.spinner.white .spinner__wrapper span {
background: #fff
}

.spinner.spinner--comments {
right: -15px;
top: -3px
}

html[dir="rtl"] .spinner.spinner--comments {
left: -15px;
right: auto
}

.spinner .spinner__wrapper {
backface-visibility: hidden;
display: block;
height: 100%;
position: relative;
transform: translateZ(0) scale(0.34);
transform-origin: 0 0;
width: 100%
}

.spinner .spinner__wrapper span {
animation: opacity-spinner linear 1s infinite;
background: #333;
border-radius: 3px / 4.48px;
box-sizing: content-box;
height: 16px;
left: 26px;
position: absolute;
top: 3px;
transform-origin: 3px 25px;
width: 6px;
will-change: transform
}

.spinner .spinner__wrapper span:nth-child(1) {
animation-delay: -.9166666666666666s;
transform: rotate(0deg)
}

.spinner .spinner__wrapper span:nth-child(2) {
animation-delay: -.8333333333333334s;
transform: rotate(30deg)
}

.spinner .spinner__wrapper span:nth-child(3) {
animation-delay: -.75s;
transform: rotate(60deg)
}

.spinner .spinner__wrapper span:nth-child(4) {
animation-delay: -.6666666666666666s;
transform: rotate(90deg)
}

.spinner .spinner__wrapper span:nth-child(5) {
animation-delay: -.5833333333333334s;
transform: rotate(120deg)
}

.spinner .spinner__wrapper span:nth-child(6) {
animation-delay: -.5s;
transform: rotate(150deg)
}

.spinner .spinner__wrapper span:nth-child(7) {
animation-delay: -.4166666666666667s;
transform: rotate(180deg)
}

.spinner .spinner__wrapper span:nth-child(8) {
animation-delay: -.3333333333333333s;
transform: rotate(210deg)
}

.spinner .spinner__wrapper span:nth-child(9) {
animation-delay: -.25s;
transform: rotate(240deg)
}

.spinner .spinner__wrapper span:nth-child(10) {
animation-delay: -.16666666666666666s;
transform: rotate(270deg)
}

.spinner .spinner__wrapper span:nth-child(11) {
animation-delay: -.08333333333333333s;
transform: rotate(300deg)
}

.spinner .spinner__wrapper span:nth-child(12) {
animation-delay: 0s;
transform: rotate(330deg)
}

body.base.show .container .main,body.contacts.new .container .main,body.contacts.create .container .main,body.items.new .container .main,body.items.create .container .main,body.static.privacy .container .main,body.static.terms .container .main,body.items.show .container .main,body.pages.not_found .container .main,body.studios .container .main,body.static.cookie_policy .container .main,body.static.revshare .container .main,body.static.download_app .container .main,body.authorizations .container .main,body.ad_setup .container .main,body.revenue_shares .container .main,body.ad_setup .container .main {
display: block
}

@media (max-width: 414px) {
body.base.show .container,body.contacts.new .container,body.contacts.create .container,body.items.new .container,body.items.create .container,body.static.privacy .container,body.static.terms .container,body.items.show .container,body.pages.not_found .container,body.studios .container,body.static.cookie_policy .container,body.static.revshare .container,body.static.download_app .container,body.authorizations .container,body.ad_setup .container,body.revenue_shares .container,body.ad_setup .container {
min-width:320px;
width: 100%
}

body.base.show .container .main,body.contacts.new .container .main,body.contacts.create .container .main,body.items.new .container .main,body.items.create .container .main,body.static.privacy .container .main,body.static.terms .container .main,body.items.show .container .main,body.pages.not_found .container .main,body.studios .container .main,body.static.cookie_policy .container .main,body.static.revshare .container .main,body.static.download_app .container .main,body.authorizations .container .main,body.ad_setup .container .main,body.revenue_shares .container .main,body.ad_setup .container .main {
width: auto
}
}

@media (min-width: 800px) {
html body.base.show,html body.contacts.new,html body.contacts.create,html body.items.new,html body.items.create,html body.static.privacy,html body.static.terms,html body.items.show,html body.pages.not_found,html body.studios,html body.static.cookie_policy,html body.static.revshare,html body.static.download_app,html body.authorizations,html body.ad_setup,html body.revenue_shares,html body.ad_setup {
background:#f1f1f1
}

html body.base.show .container .main,html body.contacts.new .container .main,html body.contacts.create .container .main,html body.items.new .container .main,html body.items.create .container .main,html body.static.privacy .container .main,html body.static.terms .container .main,html body.items.show .container .main,html body.pages.not_found .container .main,html body.studios .container .main,html body.static.cookie_policy .container .main,html body.static.revshare .container .main,html body.static.download_app .container .main,html body.authorizations .container .main,html body.ad_setup .container .main,html body.revenue_shares .container .main,html body.ad_setup .container .main {
display: inline-block;
float: none
}
}

@media (min-width: 800px) and (max-width: 1023px) {
html body.base.show .container .main,html body.contacts.new .container .main,html body.contacts.create .container .main,html body.items.new .container .main,html body.items.create .container .main,html body.static.privacy .container .main,html body.static.terms .container .main,html body.items.show .container .main,html body.pages.not_found .container .main,html body.studios .container .main,html body.static.cookie_policy .container .main,html body.static.revshare .container .main,html body.static.download_app .container .main,html body.authorizations .container .main,html body.ad_setup .container .main,html body.revenue_shares .container .main,html body.ad_setup .container .main {
width:620px
}
}

@media (min-width: 1239px) and (max-width: 1439px) {
html body.base.show .container,html body.contacts.new .container,html body.contacts.create .container,html body.items.new .container,html body.items.create .container,html body.static.privacy .container,html body.static.terms .container,html body.items.show .container,html body.pages.not_found .container,html body.studios .container,html body.static.cookie_policy .container,html body.static.revshare .container,html body.static.download_app .container,html body.authorizations .container,html body.ad_setup .container,html body.revenue_shares .container,html body.ad_setup .container {
padding:0;
width: 1180px
}
}

@media (min-width: 1024px) and (max-width: 1239px) {
html body.base.show .container,html body.contacts.new .container,html body.contacts.create .container,html body.items.new .container,html body.items.create .container,html body.static.privacy .container,html body.static.terms .container,html body.items.show .container,html body.pages.not_found .container,html body.studios .container,html body.static.cookie_policy .container,html body.static.revshare .container,html body.static.download_app .container,html body.authorizations .container,html body.ad_setup .container,html body.revenue_shares .container,html body.ad_setup .container {
padding:0;
width: 965px
}

html body.base.show .container .main,html body.contacts.new .container .main,html body.contacts.create .container .main,html body.items.new .container .main,html body.items.create .container .main,html body.static.privacy .container .main,html body.static.terms .container .main,html body.items.show .container .main,html body.pages.not_found .container .main,html body.studios .container .main,html body.static.cookie_policy .container .main,html body.static.revshare .container .main,html body.static.download_app .container .main,html body.authorizations .container .main,html body.ad_setup .container .main,html body.revenue_shares .container .main,html body.ad_setup .container .main {
width: 820px
}

html body.base.show .footer .container,html body.contacts.new .footer .container,html body.contacts.create .footer .container,html body.items.new .footer .container,html body.items.create .footer .container,html body.static.privacy .footer .container,html body.static.terms .footer .container,html body.items.show .footer .container,html body.pages.not_found .footer .container,html body.studios .footer .container,html body.static.cookie_policy .footer .container,html body.static.revshare .footer .container,html body.static.download_app .footer .container,html body.authorizations .footer .container,html body.ad_setup .footer .container,html body.revenue_shares .footer .container,html body.ad_setup .footer .container {
padding: 0 15px
}
}

@media (min-width: 1440px) {
html body.base.show .container,html body.contacts.new .container,html body.contacts.create .container,html body.items.new .container,html body.items.create .container,html body.static.privacy .container,html body.static.terms .container,html body.items.show .container,html body.pages.not_found .container,html body.studios .container,html body.static.cookie_policy .container,html body.static.revshare .container,html body.static.download_app .container,html body.authorizations .container,html body.ad_setup .container,html body.revenue_shares .container,html body.ad_setup .container {
padding:0;
width: 1390px
}

html body.base.show .container .main,html body.contacts.new .container .main,html body.contacts.create .container .main,html body.items.new .container .main,html body.items.create .container .main,html body.static.privacy .container .main,html body.static.terms .container .main,html body.items.show .container .main,html body.pages.not_found .container .main,html body.studios .container .main,html body.static.cookie_policy .container .main,html body.static.revshare .container .main,html body.static.download_app .container .main,html body.authorizations .container .main,html body.ad_setup .container .main,html body.revenue_shares .container .main,html body.ad_setup .container .main {
width: 1220px
}
}

body.static .box a {
color: #d60000
}

@media (min-width: 800px) {
body.static .box p {
padding:0 20px
}
}

body.static .box p.h2 {
font-weight: bold;
margin-bottom: 30px;
margin-top: 0
}

body.static .box p.h4,body.static .box p.h3 {
font-weight: bold;
margin-bottom: 20px;
margin-top: 40px
}

body.static .box p.h4::before,body.static .box p.h3::before {
content: " ";
display: block;
height: 100px;
margin-top: -100px;
visibility: hidden
}

body.static .box ol li {
margin: 10px 0
}

@media (max-width: 799px) {
body.static.terms .box {
padding:20px
}
}

body.static.terms ol {
margin-bottom: 30px;
margin-top: 30px
}

html[dir="rtl"] body.static.terms .box,html[dir="rtl"] body.static.privacy .box,html[dir="rtl"] body.static.cookie_policy .box {
direction: ltr
}

body.static .title-container {
padding: 20px 20px 0
}

@media (max-width: 799px) {
body.static .title-container {
padding:20px 0 0
}
}

.static.privacy .box,.static.cookie_policy .box {
padding-bottom: 20px !important
}

.static.privacy table,.static.cookie_policy table {
border-collapse: initial
}

.static.privacy table td,.static.cookie_policy table td {
border-bottom: 1px solid #ccc;
padding: 10px;
text-align: left
}

.static.privacy p.h2,.static.cookie_policy p.h2 {
padding-top: 30px !important
}

/*!
* jQuery UI Slider 1.8.20
*
* Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Slider#theming
*/
.ui-slider {
position: relative;
text-align: left
}

.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default
}

.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0
}

.ui-slider-horizontal {
height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
top: -.3em;
margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
right: 0
}

.ui-slider-vertical {
width: .8em;
height: 100px
}

.ui-slider-vertical .ui-slider-handle {
left: -.3em;
margin-left: 0;
margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
top: 0
}

.jq-ry-container {
position: relative;
padding: 0 5px;
line-height: 0;
display: block;
cursor: pointer;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
direction: ltr
}

.jq-ry-container[readonly="readonly"] {
cursor: default
}

.jq-ry-container>.jq-ry-group-wrapper {
position: relative;
width: 100%
}

.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group {
position: relative;
line-height: 0;
z-index: 10;
white-space: nowrap
}

.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group>svg {
display: inline-block
}

.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group.jq-ry-normal-group {
width: 100%
}

.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group.jq-ry-rated-group {
width: 0;
z-index: 11;
position: absolute;
top: 0;
left: 0;
overflow: hidden
}

.display-with-screenshot-rating-captcha {
display: none
}

.screenshot-rating-captcha-container {
display: none;
padding: 5px;
text-align: center
}

.screenshot-rating-captcha-container #inline-badge2 {
margin: 5px auto;
width: 256px
}

.screenshot-rating-captcha-container .screenshot-rating-captcha-caption a {
font-weight: bold
}

.screenshot-rating-captcha-container .screenshot-rating-captcha-buttons {
margin: 15px 0 5px;
width: 100%
}

.screenshot-rating-captcha-container .screenshot-rating-captcha-buttons input {
font-size: 11px
}

.screenshot-rating-container .screenshot-rating-result-messages {
text-align: center;
width: 100%
}

.screenshot-rating-container .screenshot-rating-result-messages div {
display: none;
margin-top: 5px
}

.toggle-screenshots {
margin-top: 10px;
width: 100%
}

.toggle-screenshots h2 {
font-size: 14px;
text-align: left
}

.idnet-screenshots {
margin-top: 5px;
overflow-x: auto;
padding-bottom: 2px;
white-space: nowrap;
width: auto
}

.enlarged-screenshot-container {
background: rgba(0,0,0,0.5) url() center no-repeat;
display: none;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 1000
}

.enlarged-screenshot-container .screenshot-table {
border-top: 0;
box-shadow: 0 2px 10px rgba(0,0,0,0.5);
cursor: default;
display: table;
left: 50%;
margin: auto;
max-height: 40%;
max-width: 40%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%)
}

html[dir="rtl"] .enlarged-screenshot-container .screenshot-table {
left: auto;
right: 50%;
transform: translate(50%, -50%)
}

.enlarged-screenshot-container .screenshot-table .screenshot-image {
line-height: 0
}

.enlarged-screenshot-container .screenshot-row {
display: table-row
}

.enlarged-screenshot-container .screenshot-cell {
background: #fff;
display: table-cell;
padding: 0;
text-align: center;
vertical-align: middle
}

.enlarged-screenshot-container .enlarged-screenshot-close {
background: #fff;
border-radius: 30px;
color: #999;
cursor: pointer;
display: inline-block;
font-size: 18px;
font-weight: bold;
line-height: 0;
padding: 4px 0;
position: absolute;
right: -12px;
top: -12px
}

.screenshot-block {
display: inline-block;
margin-right: 10px;
color: #999;
font-size: 12px
}

.screenshot-block .screenshot-wrapper {
border: 1px solid #000;
height: 135px;
margin-bottom: 2px;
overflow: hidden;
position: relative;
width: 180px
}

.screenshot-block .screenshot-thumb {
cursor: zoom-in;
width: 180px;
height: 135px
}

.screenshot-block .screenshot-info {
padding: 4px
}

.screenshot-block .screenshot-owner {
margin-bottom: 2px
}

.rateyo-block {
display: inline-block;
height: 18px;
margin-left: -3px;
vertical-align: middle;
width: 82px
}

.owner {
text-decoration: none !important
}

.enlarged-screenshot-info {
color: #999;
font-size: 12px;
padding: 10px
}
