html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
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
}

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: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

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 silver;
    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
}

#Footer,
section>.title,
#Sidebar .sidebox>.title,
#Web.articles .article-list .title {
    background: #d9dde1
}

.blue,
.bg-blue {
    background-color: #35548f
}

.gray,
.bg-gray {
    background-color: #d9dde1
}

.green,
.bg-green {
    background-color: #65b14d
}

.green-low,
.bg-green-low {
    background-color: #8cc37a
}

.blue-low,
.bg-blue-low {
    background-color: #06b2ce
}

.gray-low,
.bg-gray-low {
    background-color: #d4d4d4
}

.orange,
.bg-orange {
    background-color: #cf7719
}

.red,
.bg-red {
    background-color: #dd4b39
}

.facebook {
    background-color: #3b5998
}

.googlepages {
    background-color: #dd4b39
}

.twitter {
    background-color: #55acee
}

.youtube {
    background-color: #cc181e
}

.bg-facebook {
    background-color: #3b5998
}

.bg-googleplus {
    background-color: #dd4b39
}

.bg-twitter {
    background-color: #55acee
}

.bg-youtube {
    background-color: #cc181e
}

.bg-flipboard {
    background-color: #c10000
}

.bg-meneame {
    background-color: #ff6400
}

.bg-rss {
    background-color: #ff7705
}

.bg-whatsapp {
    background-color: #34af23
}

.bg-chm {
    background-color: #e9ba31
}

.bg-shareware {
    background-color: #ff7705
}

.bg-demo {
    background-color: #ff7c0b
}

.bg-doc {
    background-color: #658cbc
}

.bg-freeware {
    background-color: #519f3b
}

.bg-free {
    background-color: #5aab40
}

.bg-pdf {
    background-color: #b61927
}

.bg-pay {
    background-color: #826e5a
}

.bg-test {
    background-color: #4c9cea
}

.bg-txt {
    background-color: #8997a0
}

.bg-video {
    background-color: #924d90
}

.bg-web {
    background-color: #464a4e
}

html {
    box-sizing: border-box;
    height: 100%
}

*,
*:before,
*:after {
    box-sizing: inherit
}

body {
    font: normal 100% Trebuchet MS, Helvetica, Arial, sans-serif;
    counter-reset: top-list 0;
    counter-reset: answer 0;
    text-align: center;
    color: #555;
    background-color: #fff;
    -webkit-text-size-adjust: 100%
}

body.showimg,
body.showimg-fullscreen {
    position: fixed;
    overflow: hidden;
    text-align: center
}

body #Web.jp {
    letter-spacing: -1px
}

img {
    max-width: 100%;
    height: auto
}

ol,
ul {
    margin: 0;
    padding: 0;
    list-style: none
}

ol li {
    position: relative;
    margin-bottom: 10px;
    padding: 0 0 0 40px;
    counter-increment: top 1
}

ol li:before {
    width: 25px;
    content: counter(top, decimal) ".";
    text-align: right;
    top: 0;
    left: 0;
    position: absolute
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: bold;
    margin: 0;
    padding: 0
}

p {
    margin: 0;
    padding: 0
}

a {
    transition: color ease .3s 0s;
    text-decoration: none;
    color: #35548f
}

b,
strong {
    font-weight: bold
}

i,
em {
    font-style: italic
}

.hide {
    z-index: -1;
    display: none;
    max-height: 0;
    opacity: 0
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: " "
}

.clearfix:after {
    clear: both
}

.mviconsvg {
    display: inline-block;
    width: 21px;
    height: 21px;
    margin: 0 5px;
    vertical-align: bottom;
    fill: #81909f
}

li:hover .mviconsvg {
    fill: #35548f
}

.selected .mviconsvg,
.selected:hover .mviconsvg {
    fill: #ff7705
}

[class*=mvicon-]:before {
    background-position: center center;
    background-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-size: 16px;
    -webkit-mask-size: 16px;
    webkit-mask-size: 16px;
    width: 20px;
    height: 20px
}

.mvicon-android:before {
    content: "";
    -webkit-mask-image: url("https://static.malavida.com/global/imag/ico-android.svg");
    mask-image: url("https://static.malavida.com/global/imag/ico-android.svg");
    position: absolute;
    background: #35548f
}

.mvicon-arrowdown:before {
    content: "";
    -webkit-mask-image: url("https://static.malavida.com/global/imag/ico-arrowdown.svg");
    mask-image: url("https://static.malavida.com/global/imag/ico-arrowdown.svg");
    position: absolute;
    background: #35548f
}

.mvicon-arrowup:before {
    content: "";
    -webkit-mask-image: url("https://static.malavida.com/global/imag/ico-arrowup.svg");
    mask-image: url("https://static.malavida.com/global/imag/ico-arrowup.svg");
    position: absolute;
    background: #35548f
}

.mvicon-articles:before {
    content: "";
    -webkit-mask-image: url("https://static.malavida.com/global/imag/ico-articles.svg");
    mask-image: url("https://static.malavida.com/global/imag/ico-articles.svg");
    position: absolute;
    background: #35548f
}

.mvicon-attachment:before {
    content: "";
    -webkit-mask-image: url("https://static.malavida.com/global/imag/ico-attachment.svg");
    mask-image: url("https://static.malavida.com/global/imag/ico-attachment.svg");
    position: absolute;
    background: #35548f
}

.mvicon-book:before {
    content: "";
    -webkit-mask-image: url("https://static.malavida.com/global/imag/ico-book.svg");
    mask-image: url("https://static.malavida.com/global/imag/ico-book.svg");
    position: absolute;
    background: #35548f
}

.mvicon-calendar:before {
    content: "";
    -webkit-mask-image: url("https://static.malavida.com/global/imag/ico-calendar.svg");
    mask-image: url("https://static.malavida.com/global/imag/ico-calendar.svg");
    position: absolute;
    background: #35548f
}

.mvicon-close:before {
    content: "";
    -webkit-mask-image: url("https://static.malavida.com/global/imag/ico-close.svg");
    mask-image: url("https://static.malavida.com/global/imag/ico-close.svg");
    position: absolute;
    background: #35548f
}

.mvicon-comment:before {
    content: "";
    -webkit-mask-image: url("https://static.malavida.com/global/imag/ico-comment.svg");
    mask-image: url("https://static.malavida.com/global/imag/ico-comment.svg");
    position: absolute;
    background: #35548f
}

.mvicon-comments:before {
    content: "";
    -webkit-mask-image: url("https://static.malavida.com/global/imag/ico-comments.svg");
    mask-image: url("https://static.malavida.com/global/imag/ico-comments.svg");
    position: absolute;
    background: #35548f
}

.mvicon-day:before {
    content: "";
    -webkit-mask-image: url("https://static.malavida.com/global/imag/ico-day.svg");
    mask-image: url("https://static.malavida.com/global/imag/ico-day.svg");
    position: absolute;
    background: #35548f
}

.mvicon-download:before {
    content: "";
    -webkit-mask-image: url("https://static.malavida.com/global/imag/ico-download.svg");
    mask-image: url("https://static.malavida.com/global/imag/ico-download.svg");
    position: absolute;
    background: #35548f
}

.mvicon-email:before {
    content: "";
    -webkit-mask-image: url("https://static.malavida.com/global/imag/ico-email.svg");
    mask-image: url("https://static.malavida.com/global/imag/ico-email.svg");
    position: absolute;
    background: #35548f
}

.mvicon-facebook:before {
    content: "";
    -webkit-mask-image: url("https://static.malavida.com/global/imag/ico-facebook.svg");
    mask-image: url("https://static.malavida.com/global/imag/ico-facebook.svg");
    position: absolute;
    background: #35548f
}

.mvicon-facebook2:before {
    content: "";
    -webkit-mask-image: url("https://static.malavida.com/global/imag/ico-facebook2.svg");
    mask-image: url("https://static.malavida.com/global/imag/ico-facebook2.svg");
    position: absolute;
    background: #35548f
}

.mvicon-feed:before {
    content: "";
    -webkit-mask-image: url("https://static.malavida.com/global/imag/ico-feed.svg");
    mask-image: url("https://static.malavida.com/global/imag/ico-feed.svg");
    position: absolute;
    background: #35548f
}

.mvicon-info:before {
    content: "";
    -webkit-mask-image: url("https://static.malavida.com/global/imag/ico-info.svg");
    mask-image: url("https://static.malavida.com/global/imag/ico-info.svg");
    position: absolute;
    background: #35548f
}

.mvicon-iphone:before {
    content: "";
    -webkit-mask-image: url("https://static.malavida.com/global/imag/ico-iphone.svg");
    mask-image: url("https://static.malavida.com/global/imag/ico-iphone.svg");
    position: absolute;
    background: #35548f
}

.mvicon-linux:before {
    content: "";
    -webkit-mask-image: url("https://static.malavida.com/global/imag/ico-linux.svg");
    mask-image: url("https://static.malavida.com/global/imag/ico-linux.svg");
    position: absolute;
    background: #35548f
}

.mvicon-mac:before {
    content: "";
    -webkit-mask-image: url("https://static.malavida.com/global/imag/ico-mac.svg");
    mask-image: url("https://static.malavida.com/global/imag/ico-mac.svg");
    position: absolute;
    background: #35548f
}

.mvicon-share:before {
    content: "";
    -webkit-mask-image: url("https://static.malavida.com/global/imag/ico-share.svg");
    mask-image: url("https://static.malavida.com/global/imag/ico-share.svg");
    position: absolute;
    background: #35548f
}

.mvicon-tags:before {
    content: "";
    -webkit-mask-image: url("https://static.malavida.com/global/imag/ico-tags.svg");
    mask-image: url("https://static.malavida.com/global/imag/ico-tags.svg");
    position: absolute;
    background: #35548f
}

.mvicon-thumbsdown:before {
    content: "";
    -webkit-mask-image: url("https://static.malavida.com/global/imag/ico-thumbsdown.svg");
    mask-image: url("https://static.malavida.com/global/imag/ico-thumbsdown.svg");
    position: absolute;
    background: #35548f
}

.mvicon-thumbsup:before {
    content: "";
    -webkit-mask-image: url("https://static.malavida.com/global/imag/ico-thumbsup.svg");
    mask-image: url("https://static.malavida.com/global/imag/ico-thumbsup.svg");
    position: absolute;
    background: #35548f
}

.mvicon-twitter:before {
    content: "";
    -webkit-mask-image: url("https://static.malavida.com/global/imag/ico-twitter.svg");
    mask-image: url("https://static.malavida.com/global/imag/ico-twitter.svg");
    position: absolute;
    background: #35548f
}

.mvicon-twitter2:before {
    content: "";
    -webkit-mask-image: url("https://static.malavida.com/global/imag/ico-twitter2.svg");
    mask-image: url("https://static.malavida.com/global/imag/ico-twitter2.svg");
    position: absolute;
    background: #35548f
}

.mvicon-updated:before {
    content: "";
    -webkit-mask-image: url("https://static.malavida.com/global/imag/ico-updated.svg");
    mask-image: url("https://static.malavida.com/global/imag/ico-updated.svg");
    position: absolute;
    background: #35548f
}

.mvicon-user:before {
    content: "";
    -webkit-mask-image: url("https://static.malavida.com/global/imag/ico-user.svg");
    mask-image: url("https://static.malavida.com/global/imag/ico-user.svg");
    position: absolute;
    background: #35548f
}

.mvicon-users:before {
    content: "";
    -webkit-mask-image: url("https://static.malavida.com/global/imag/ico-users.svg");
    mask-image: url("https://static.malavida.com/global/imag/ico-users.svg");
    position: absolute;
    background: #35548f
}

.mvicon-youtube:before {
    content: "";
    -webkit-mask-image: url("https://static.malavida.com/global/imag/ico-youtube.svg");
    mask-image: url("https://static.malavida.com/global/imag/ico-youtube.svg");
    position: absolute;
    background: #35548f
}

.mvicon-whatsapp:before {
    content: "";
    -webkit-mask-image: url("https://static.malavida.com/global/imag/ico-whatsapp.svg");
    mask-image: url("https://static.malavida.com/global/imag/ico-whatsapp.svg");
    position: absolute;
    background: #35548f
}

.mvicon-webapp:before {
    content: "";
    -webkit-mask-image: url("https://static.malavida.com/global/imag/ico-webapp.svg");
    mask-image: url("https://static.malavida.com/global/imag/ico-webapp.svg");
    position: absolute;
    background: #35548f
}

.mvicon-webapps:before {
    content: "";
    -webkit-mask-image: url("https://static.malavida.com/global/imag/ico-webapps.svg");
    mask-image: url("https://static.malavida.com/global/imag/ico-webapps.svg");
    position: absolute;
    background: #35548f
}

.mvicon-windows:before {
    content: "";
    -webkit-mask-image: url("https://static.malavida.com/global/imag/ico-windows.svg");
    mask-image: url("https://static.malavida.com/global/imag/ico-windows.svg");
    position: absolute;
    background: #35548f
}

.mvicon-world:before {
    content: "";
    -webkit-mask-image: url("https://static.malavida.com/global/imag/ico-world.svg");
    mask-image: url("https://static.malavida.com/global/imag/ico-world.svg");
    position: absolute;
    background: #35548f
}

.mvicon-business:before {
    content: "";
    -webkit-mask-image: url("https://static.malavida.com/global/imag/ico-business.svg");
    mask-image: url("https://static.malavida.com/global/imag/ico-business.svg");
    position: absolute;
    background: #819ccf;
    opacity: 1;
    transform: scale(1.4)
}

.mvicon-business:hover:before {
    opacity: 1
}

.mvicon-communication:before {
    content: "";
    -webkit-mask-image: url("https://static.malavida.com/global/imag/ico-communication.svg");
    mask-image: url("https://static.malavida.com/global/imag/ico-communication.svg");
    position: absolute;
    background: #819ccf;
    opacity: 1;
    transform: scale(1.4)
}

.mvicon-communication:hover:before {
    opacity: 1
}

.mvicon-customize:before {
    content: "";
    -webkit-mask-image: url("https://static.malavida.com/global/imag/ico-customize.svg");
    mask-image: url("https://static.malavida.com/global/imag/ico-customize.svg");
    position: absolute;
    background: #819ccf;
    opacity: 1;
    transform: scale(1.4)
}

.mvicon-customize:hover:before {
    opacity: 1
}

.mvicon-downloads:before {
    content: "";
    -webkit-mask-image: url("https://static.malavida.com/global/imag/ico-downloads.svg");
    mask-image: url("https://static.malavida.com/global/imag/ico-downloads.svg");
    position: absolute;
    background: #819ccf;
    opacity: 1;
    transform: scale(1.4)
}

.mvicon-downloads:hover:before {
    opacity: 1
}

.mvicon-education:before {
    content: "";
    -webkit-mask-image: url("https://static.malavida.com/global/imag/ico-education.svg");
    mask-image: url("https://static.malavida.com/global/imag/ico-education.svg");
    position: absolute;
    background: #819ccf;
    opacity: 1;
    transform: scale(1.4)
}

.mvicon-education:hover:before {
    opacity: 1
}

.mvicon-entertainment:before {
    content: "";
    -webkit-mask-image: url("https://static.malavida.com/global/imag/ico-entertainment.svg");
    mask-image: url("https://static.malavida.com/global/imag/ico-entertainment.svg");
    position: absolute;
    background: #819ccf;
    opacity: 1;
    transform: scale(1.4)
}

.mvicon-entertainment:hover:before {
    opacity: 1
}

.mvicon-games:before {
    content: "";
    -webkit-mask-image: url("https://static.malavida.com/global/imag/ico-games.svg");
    mask-image: url("https://static.malavida.com/global/imag/ico-games.svg");
    position: absolute;
    background: #819ccf;
    opacity: 1;
    transform: scale(1.4)
}

.mvicon-games:hover:before {
    opacity: 1
}

.mvicon-home:before {
    content: "";
    -webkit-mask-image: url("https://static.malavida.com/global/imag/ico-home.svg");
    mask-image: url("https://static.malavida.com/global/imag/ico-home.svg");
    position: absolute;
    background: #819ccf;
    opacity: 1;
    transform: scale(1.4)
}

.mvicon-home:hover:before {
    opacity: 1
}

.mvicon-image:before {
    content: "";
    -webkit-mask-image: url("https://static.malavida.com/global/imag/ico-image.svg");
    mask-image: url("https://static.malavida.com/global/imag/ico-image.svg");
    position: absolute;
    background: #819ccf;
    opacity: 1;
    transform: scale(1.4)
}

.mvicon-image:hover:before {
    opacity: 1
}

.mvicon-lifestyle:before {
    content: "";
    -webkit-mask-image: url("https://static.malavida.com/global/imag/ico-lifestyle.svg");
    mask-image: url("https://static.malavida.com/global/imag/ico-lifestyle.svg");
    position: absolute;
    background: #819ccf;
    opacity: 1;
    transform: scale(1.4)
}

.mvicon-lifestyle:hover:before {
    opacity: 1
}

.mvicon-mobile:before {
    content: "";
    -webkit-mask-image: url("https://static.malavida.com/global/imag/ico-mobile.svg");
    mask-image: url("https://static.malavida.com/global/imag/ico-mobile.svg");
    position: absolute;
    background: #819ccf;
    opacity: 1;
    transform: scale(1.4)
}

.mvicon-mobile:hover:before {
    opacity: 1
}

.mvicon-multimedia:before {
    content: "";
    -webkit-mask-image: url("https://static.malavida.com/global/imag/ico-multimedia.svg");
    mask-image: url("https://static.malavida.com/global/imag/ico-multimedia.svg");
    position: absolute;
    background: #819ccf;
    opacity: 1;
    transform: scale(1.4)
}

.mvicon-multimedia:hover:before {
    opacity: 1
}

.mvicon-net:before {
    content: "";
    -webkit-mask-image: url("https://static.malavida.com/global/imag/ico-net.svg");
    mask-image: url("https://static.malavida.com/global/imag/ico-net.svg");
    position: absolute;
    background: #819ccf;
    opacity: 1;
    transform: scale(1.4)
}

.mvicon-net:hover:before {
    opacity: 1
}

.mvicon-networking:before {
    content: "";
    -webkit-mask-image: url("https://static.malavida.com/global/imag/ico-networking.svg");
    mask-image: url("https://static.malavida.com/global/imag/ico-networking.svg");
    position: absolute;
    background: #819ccf;
    opacity: 1;
    transform: scale(1.4)
}

.mvicon-networking:hover:before {
    opacity: 1
}

.mvicon-programming:before {
    content: "";
    -webkit-mask-image: url("https://static.malavida.com/global/imag/ico-programming.svg");
    mask-image: url("https://static.malavida.com/global/imag/ico-programming.svg");
    position: absolute;
    background: #819ccf;
    opacity: 1;
    transform: scale(1.4)
}

.mvicon-programming:hover:before {
    opacity: 1
}

.mvicon-security:before {
    content: "";
    -webkit-mask-image: url("https://static.malavida.com/global/imag/ico-security.svg");
    mask-image: url("https://static.malavida.com/global/imag/ico-security.svg");
    position: absolute;
    background: #819ccf;
    opacity: 1;
    transform: scale(1.4)
}

.mvicon-security:hover:before {
    opacity: 1
}

.mvicon-sound:before {
    content: "";
    -webkit-mask-image: url("https://static.malavida.com/global/imag/ico-sound.svg");
    mask-image: url("https://static.malavida.com/global/imag/ico-sound.svg");
    position: absolute;
    background: #819ccf;
    opacity: 1;
    transform: scale(1.4)
}

.mvicon-sound:hover:before {
    opacity: 1
}

.mvicon-style:before {
    content: "";
    -webkit-mask-image: url("https://static.malavida.com/global/imag/ico-style.svg");
    mask-image: url("https://static.malavida.com/global/imag/ico-style.svg");
    position: absolute;
    background: #819ccf;
    opacity: 1;
    transform: scale(1.4)
}

.mvicon-style:hover:before {
    opacity: 1
}

.mvicon-utilities:before {
    content: "";
    -webkit-mask-image: url("https://static.malavida.com/global/imag/ico-utilities.svg");
    mask-image: url("https://static.malavida.com/global/imag/ico-utilities.svg");
    position: absolute;
    background: #819ccf;
    opacity: 1;
    transform: scale(1.4)
}

.mvicon-utilities:hover:before {
    opacity: 1
}

.mvicon-video:before {
    content: "";
    -webkit-mask-image: url("https://static.malavida.com/global/imag/ico-video.svg");
    mask-image: url("https://static.malavida.com/global/imag/ico-video.svg");
    position: absolute;
    background: #819ccf;
    opacity: 1;
    transform: scale(1.4)
}

.mvicon-video:hover:before {
    opacity: 1
}

.mvicon-video2:before {
    content: "";
    -webkit-mask-image: url("https://static.malavida.com/global/imag/ico-video2.svg");
    mask-image: url("https://static.malavida.com/global/imag/ico-video2.svg");
    position: absolute;
    background: #819ccf;
    opacity: 1;
    transform: scale(1.4)
}

.mvicon-video2:hover:before {
    opacity: 1
}

.infodata .mvicon-android:before {
    background-color: #666;
    top: -4px !important;
    left: -5px
}

.sidebox .app-list .mvicon-android:before {
    background: #819ccf;
    background-size: 100px;
    -webkit-mask-size: 100px;
    webkit-mask-size: 100px
}

.app-download .footer .mvicon-android:before {
    background-color: #aaa;
    top: -4px !important;
    left: -5px !important
}

.downloadbox .mvicon-android:before {
    background: #aaa;
    left: 0
}

.downloadbox .mvicon-android:before {
    background: #aaa;
    left: 0;
    top: -3px
}

.downloadbox--small .mvicon-android:before {
    background: #aaa;
    left: 0;
    position: relative;
    display: inline-block;
    background-size: 12px;
    -webkit-mask-size: 12px;
    webkit-mask-size: 12px;
    width: 12px;
    height: 12px
}

.infodata .mvicon-iphone:before {
    background-color: #666;
    top: -4px !important;
    left: -5px
}

.sidebox .app-list .mvicon-iphone:before {
    background: #819ccf;
    background-size: 100px;
    -webkit-mask-size: 100px;
    webkit-mask-size: 100px
}

.app-download .footer .mvicon-iphone:before {
    background-color: #aaa;
    top: -4px !important;
    left: -5px !important
}

.downloadbox .mvicon-iphone:before {
    background: #aaa;
    left: 0
}

.downloadbox .mvicon-iphone:before {
    background: #aaa;
    left: 0;
    top: -3px
}

.downloadbox--small .mvicon-iphone:before {
    background: #aaa;
    left: 0;
    position: relative;
    display: inline-block;
    background-size: 12px;
    -webkit-mask-size: 12px;
    webkit-mask-size: 12px;
    width: 12px;
    height: 12px
}

.infodata .mvicon-linux:before {
    background-color: #666;
    top: -4px !important;
    left: -5px
}

.sidebox .app-list .mvicon-linux:before {
    background: #819ccf;
    background-size: 100px;
    -webkit-mask-size: 100px;
    webkit-mask-size: 100px
}

.app-download .footer .mvicon-linux:before {
    background-color: #aaa;
    top: -4px !important;
    left: -5px !important
}

.downloadbox .mvicon-linux:before {
    background: #aaa;
    left: 0
}

.downloadbox .mvicon-linux:before {
    background: #aaa;
    left: 0;
    top: -3px
}

.downloadbox--small .mvicon-linux:before {
    background: #aaa;
    left: 0;
    position: relative;
    display: inline-block;
    background-size: 12px;
    -webkit-mask-size: 12px;
    webkit-mask-size: 12px;
    width: 12px;
    height: 12px
}

.infodata .mvicon-mac:before {
    background-color: #666;
    top: -4px !important;
    left: -5px
}

.sidebox .app-list .mvicon-mac:before {
    background: #819ccf;
    background-size: 100px;
    -webkit-mask-size: 100px;
    webkit-mask-size: 100px
}

.app-download .footer .mvicon-mac:before {
    background-color: #aaa;
    top: -4px !important;
    left: -5px !important
}

.downloadbox .mvicon-mac:before {
    background: #aaa;
    left: 0
}

.downloadbox .mvicon-mac:before {
    background: #aaa;
    left: 0;
    top: -3px
}

.downloadbox--small .mvicon-mac:before {
    background: #aaa;
    left: 0;
    position: relative;
    display: inline-block;
    background-size: 12px;
    -webkit-mask-size: 12px;
    webkit-mask-size: 12px;
    width: 12px;
    height: 12px
}

.infodata .mvicon-webapp:before {
    background-color: #666;
    top: -4px !important;
    left: -5px
}

.sidebox .app-list .mvicon-webapp:before {
    background: #819ccf;
    background-size: 100px;
    -webkit-mask-size: 100px;
    webkit-mask-size: 100px
}

.app-download .footer .mvicon-webapp:before {
    background-color: #aaa;
    top: -4px !important;
    left: -5px !important
}

.downloadbox .mvicon-webapp:before {
    background: #aaa;
    left: 0
}

.downloadbox .mvicon-webapp:before {
    background: #aaa;
    left: 0;
    top: -3px
}

.downloadbox--small .mvicon-webapp:before {
    background: #aaa;
    left: 0;
    position: relative;
    display: inline-block;
    background-size: 12px;
    -webkit-mask-size: 12px;
    webkit-mask-size: 12px;
    width: 12px;
    height: 12px
}

.infodata .mvicon-webapps:before {
    background-color: #666;
    top: -4px !important;
    left: -5px
}

.sidebox .app-list .mvicon-webapps:before {
    background: #819ccf;
    background-size: 100px;
    -webkit-mask-size: 100px;
    webkit-mask-size: 100px
}

.app-download .footer .mvicon-webapps:before {
    background-color: #aaa;
    top: -4px !important;
    left: -5px !important
}

.downloadbox .mvicon-webapps:before {
    background: #aaa;
    left: 0
}

.downloadbox .mvicon-webapps:before {
    background: #aaa;
    left: 0;
    top: -3px
}

.downloadbox--small .mvicon-webapps:before {
    background: #aaa;
    left: 0;
    position: relative;
    display: inline-block;
    background-size: 12px;
    -webkit-mask-size: 12px;
    webkit-mask-size: 12px;
    width: 12px;
    height: 12px
}

.infodata .mvicon-windows:before {
    background-color: #666;
    top: -4px !important;
    left: -5px
}

.sidebox .app-list .mvicon-windows:before {
    background: #819ccf;
    background-size: 100px;
    -webkit-mask-size: 100px;
    webkit-mask-size: 100px
}

.app-download .footer .mvicon-windows:before {
    background-color: #aaa;
    top: -4px !important;
    left: -5px !important
}

.downloadbox .mvicon-windows:before {
    background: #aaa;
    left: 0
}

.downloadbox .mvicon-windows:before {
    background: #aaa;
    left: 0;
    top: -3px
}

.downloadbox--small .mvicon-windows:before {
    background: #aaa;
    left: 0;
    position: relative;
    display: inline-block;
    background-size: 12px;
    -webkit-mask-size: 12px;
    webkit-mask-size: 12px;
    width: 12px;
    height: 12px
}

.alt-download .mvicon-net:before {
    opacity: 1;
    background-size: 12px;
    -webkit-mask-size: 12px;
    webkit-mask-size: 12px
}

.mvicon-download.download.button:before,
.mvicon-download.download.button-disabled:before {
    background-size: 30px !important;
    -webkit-mask-size: 30px !important;
    webkit-mask-size: 30px !important;
    background-color: rgba(0, 0, 0, .25)
}

.profile-app .mvicon-download.download.button:before,
.profile-app .mvicon-download.download.button-disabled:before {
    left: 15px;
    top: 15px;
    background-size: 30px !important;
    -webkit-mask-size: 30px !important;
    webkit-mask-size: 30px !important;
    width: 30px;
    height: 30px
}

.mvicon-download.download.button:after,
.mvicon-download.download.button-disabled:after {
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    font-size: 32px;
    line-height: 60px;
    width: 60px;
    height: 60px;
    background: none repeat scroll 0 0 rgba(255, 255, 255, .1)
}

.mvicon-download.download.button:hover:before,
.mvicon-download.download.button-disabled:hover:before {
    background-color: #fff
}

.downloadbox .mvicon-download.download.button:after,
.downloadbox .mvicon-download.download.button-disabled:after {
    width: 50px;
    height: 50px
}

.downloadbox--small .mvicon-download.download.button:before,
.downloadbox--small .mvicon-download.download.button-disabled:before {
    background-size: 20px !important;
    -webkit-mask-size: 20px !important;
    webkit-mask-size: 20px !important
}

.app-list section.app-download .footer .mvicon-download:before {
    background: #aaa;
    top: -3px;
    left: -5px;
    transform: scale(0.8)
}

.downloadbox--small .mvicon-download:before {
    background-size: 20px !important;
    mask-size: 20px !important;
    -webkit-mask-size: 20px !important;
    width: 32px;
    height: 32px;
    background-color: rgba(0, 0, 0, .25);
    top: 0;
    left: 0;
    right: auto
}

.mvicon-webapp.button:before {
    content: "";
    -webkit-mask-image: url("https://static.malavida.com/global/imag/ico-webapp.svg");
    mask-image: url("https://static.malavida.com/global/imag/ico-webapp.svg");
    background-size: 30px !important;
    -webkit-mask-size: 30px !important;
    webkit-mask-size: 30px !important;
    background-color: rgba(0, 0, 0, .25);
    display: inline-block;
    position: absolute
}

.profile-app .mvicon-webapp.button:before {
    left: 15px;
    top: 15px;
    background-size: 30px !important;
    -webkit-mask-size: 30px !important;
    webkit-mask-size: 30px !important;
    width: 30px;
    height: 30px
}

.mvicon-webapp.button:after {
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    font-size: 32px;
    line-height: 60px;
    width: 60px;
    height: 60px;
    background: none repeat scroll 0 0 rgba(255, 255, 255, .1)
}

.mvicon-webapp.button:hover:before {
    background-color: #fff !important
}

.downloadbox .mvicon-webapp.button:after {
    width: 50px;
    height: 50px
}

.downloadbox--small .mvicon-webapp.button:before {
    background-size: 20px !important;
    -webkit-mask-size: 20px !important;
    webkit-mask-size: 20px !important
}

.app-list section.app-download .footer .mvicon-webapp:before {
    background: #aaa;
    top: -3px;
    left: -5px;
    transform: scale(0.8)
}

.downloadbox--small .mvicon-webapp:before {
    background-size: 20px !important;
    mask-size: 20px !important;
    -webkit-mask-size: 20px !important;
    width: 32px;
    height: 32px;
    background-color: rgba(0, 0, 0, .25);
    top: 0;
    left: 0;
    right: auto
}

.mvicon-close#VisorImagenes_Cerrar {
    display: flex;
    align-items: center;
    justify-content: center
}

.mvicon-close#VisorImagenes_Cerrar:before {
    background: #fff
}

.app-list section.app-download .footer .mvicon-calendar:before {
    background: #aaa;
    top: -3px;
    left: -5px;
    transform: scale(0.8)
}

.mvicon-feed,
.mvicon-facebook2,
.mvicon-twitter2,
.mvicon-youtube {
    font: 0/0 a;
    color: transparent
}

#follow-us-box .mvicon-feed:before,
#follow-us-box .mvicon-facebook2:before,
#follow-us-box .mvicon-twitter2:before,
#follow-us-box .mvicon-youtube:before {
    background: #fff
}

#Footer .social li .mvicon-feed:before,
#Footer .social li .mvicon-facebook2:before,
#Footer .social li .mvicon-twitter2:before,
#Footer .social li .mvicon-youtube:before {
    background: #81909f;
    transform: scale(1.2)
}

.user-rate .mvicon-user:before {
    left: -25px;
    background: #ff7705
}

.mvicon-users {
    position: relative
}

.average-rate .mvicon-users:before {
    left: -25px;
    background: #35548f
}

.mvicon-share:before {
    position: absolute;
    right: 7px;
    top: 7px
}

.mvicon-facebook:before,
.mvicon-twitter:before,
.mvicon-whatsapp:before {
    background-color: #fff !important;
    opacity: 1;
    background-size: 20px;
    -webkit-mask-size: 20px;
    webkit-mask-size: 20px;
    z-index: 2
}

.social box .mvicon-facebook:before,
.social box .mvicon-twitter:before,
.social box .mvicon-whatsapp:before {
    width: 100% !important;
    height: 80px !important;
    background-size: 36px;
    -webkit-mask-size: 36px;
    webkit-mask-size: 36px
}

.mvicon-facebook:after,
.mvicon-twitter:after,
.mvicon-whatsapp:after {
    content: "";
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0;
    background: rgba(255, 255, 255, .1);
    top: 0
}

.social-box .mvicon-facebook:after,
.social-box .mvicon-twitter:after,
.social-box .mvicon-whatsapp:after {
    width: 100%;
    height: 100%
}

.mvicon-whatsapp:before {
    left: 0
}

#Header [class*=mvicon-]::before {
    background: transparent
}

#Header ul li:hover svg path {
    fill: #35548f
}

#Header ul li.selected a:hover svg path,
#Header ul li.selected a svg path {
    fill: #ff7705
}

@media(max-width: 599px) {

    #Header ul li.selected a:hover svg path,
    #Header ul li.selected a svg path {
        fill: #fff
    }
}

#Header ul li a svg {
    transition: all linear .3s 0s;
    position: absolute;
    top: 4px;
    left: 4px;
    transform: scale(0.9)
}

@media(max-width: 599px) {
    #Header ul li a svg {
        top: 9px
    }
}

#Header ul li a svg path {
    fill: #8190a0;
    transition: fill linear .3s 0s
}

@media(max-width: 599px) {
    #Header ul li a svg path {
        fill: #fff
    }
}

#Header ul li a:hover svg path {
    fill: #35548f
}

@media(max-width: 599px) {
    #Header ul li a:hover svg path {
        fill: #fff
    }
}

@media(max-width: 599px) {

    #Header a#SMN,
    #Header a#SFS {
        display: flex;
        align-items: center
    }

    #Header a svg path {
        fill: #fff
    }

    #Header .ico-show-menunav {
        margin-right: 10px
    }
}

#Header .mvicon-user svg {
    width: 21px;
    position: relative;
    top: 5px;
    left: -4px
}

#Header .mvicon-user svg:hover path {
    fill: #35548f
}

@media(max-width: 599px) {
    #Header .mvicon-user svg:hover path {
        fill: #fff
    }
}

#Header .mvicon-user svg path {
    fill: #8190a0;
    transition: fill linear .3s 0s
}

@media(max-width: 599px) {
    #Header .mvicon-user svg path {
        fill: #fff
    }
}

#Header .submit-container svg {
    width: 15px
}

#Header .submit-container svg path {
    fill: #35548f
}

#Header form.form-search .submit-container {
    height: 40px;
    z-index: 2;
    position: absolute;
    width: 35px;
    right: 10px;
    display: flex;
    align-items: center;
    justify-content: center
}

.mvicon-thumbsdown:before {
    background: #d44235
}

.mvicon-thumbsup:before {
    background: #3e9b19
}

.sidebar .select .mvicon-arrowdown.show-more:before {
    position: absolute;
    background: #81909f;
    right: 0;
    top: 7px
}

#Footer .mvicon-attachment:before,
#Footer .mvicon-info:before {
    background: #81909f
}

.footer.entry-footer .button.mvicon-comment:before {
    background-color: #fff
}

.footer.entry-footer .mvicon-comments:before {
    background-color: #ccc
}

.articles .entry-social .mvicon-email:after,
.profile-qa__header .entry-social .mvicon-email:after {
    display: none !important
}

.articles .entry-social .mvicon-email:before,
.profile-qa__header .entry-social .mvicon-email:before {
    display: none !important
}

@media(max-width: 599px) {

    .articles .entry-social .mvicon-email:before,
    .profile-qa__header .entry-social .mvicon-email:before {
        left: 0 !important;
        transform: scale(1.3)
    }
}

.articles .entry-social .mvicon-email span:before,
.profile-qa__header .entry-social .mvicon-email span:before {
    content: "";
    margin-right: 5px;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    background: #fff;
    background-size: 16px;
    -webkit-mask-size: 16px;
    webkit-mask-size: 16px;
    -webkit-mask-image: url("https://static.malavida.com/global/imag/ico-email.svg");
    mask-image: url("https://static.malavida.com/global/imag/ico-email.svg");
    position: relative;
    left: -3px;
    top: -1px
}

@media(max-width: 600px) {

    .articles .entry-social .mvicon-email span:before,
    .profile-qa__header .entry-social .mvicon-email span:before {
        margin-right: 0;
        transform: scale(1.5);
        left: 0;
        top: 0
    }
}

@media(max-width: 600px) {

    .articles .entry-social .mvicon-email span,
    .profile-qa__header .entry-social .mvicon-email span {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center
    }
}

.articles .entry-social .mvicon-facebook:after,
.profile-qa__header .entry-social .mvicon-facebook:after {
    display: none !important
}

.articles .entry-social .mvicon-facebook:before,
.profile-qa__header .entry-social .mvicon-facebook:before {
    display: none !important
}

@media(max-width: 599px) {

    .articles .entry-social .mvicon-facebook:before,
    .profile-qa__header .entry-social .mvicon-facebook:before {
        left: 0 !important;
        transform: scale(1.3)
    }
}

.articles .entry-social .mvicon-facebook span:before,
.profile-qa__header .entry-social .mvicon-facebook span:before {
    content: "";
    margin-right: 5px;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    background: #fff;
    background-size: 16px;
    -webkit-mask-size: 16px;
    webkit-mask-size: 16px;
    -webkit-mask-image: url("https://static.malavida.com/global/imag/ico-facebook.svg");
    mask-image: url("https://static.malavida.com/global/imag/ico-facebook.svg");
    position: relative;
    left: -3px;
    top: -1px
}

@media(max-width: 600px) {

    .articles .entry-social .mvicon-facebook span:before,
    .profile-qa__header .entry-social .mvicon-facebook span:before {
        margin-right: 0;
        transform: scale(1.5);
        left: 0;
        top: 0
    }
}

@media(max-width: 600px) {

    .articles .entry-social .mvicon-facebook span,
    .profile-qa__header .entry-social .mvicon-facebook span {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center
    }
}

.articles .entry-social .mvicon-twitter:after,
.profile-qa__header .entry-social .mvicon-twitter:after {
    display: none !important
}

.articles .entry-social .mvicon-twitter:before,
.profile-qa__header .entry-social .mvicon-twitter:before {
    display: none !important
}

@media(max-width: 599px) {

    .articles .entry-social .mvicon-twitter:before,
    .profile-qa__header .entry-social .mvicon-twitter:before {
        left: 0 !important;
        transform: scale(1.3)
    }
}

.articles .entry-social .mvicon-twitter span:before,
.profile-qa__header .entry-social .mvicon-twitter span:before {
    content: "";
    margin-right: 5px;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    background: #fff;
    background-size: 16px;
    -webkit-mask-size: 16px;
    webkit-mask-size: 16px;
    -webkit-mask-image: url("https://static.malavida.com/global/imag/ico-twitter.svg");
    mask-image: url("https://static.malavida.com/global/imag/ico-twitter.svg");
    position: relative;
    left: -3px;
    top: -1px
}

@media(max-width: 600px) {

    .articles .entry-social .mvicon-twitter span:before,
    .profile-qa__header .entry-social .mvicon-twitter span:before {
        margin-right: 0;
        transform: scale(1.5);
        left: 0;
        top: 0
    }
}

@media(max-width: 600px) {

    .articles .entry-social .mvicon-twitter span,
    .profile-qa__header .entry-social .mvicon-twitter span {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center
    }
}

.articles .entry-social .mvicon-whatsapp:after,
.profile-qa__header .entry-social .mvicon-whatsapp:after {
    display: none !important
}

.articles .entry-social .mvicon-whatsapp:before,
.profile-qa__header .entry-social .mvicon-whatsapp:before {
    display: none !important
}

@media(max-width: 599px) {

    .articles .entry-social .mvicon-whatsapp:before,
    .profile-qa__header .entry-social .mvicon-whatsapp:before {
        left: 0 !important;
        transform: scale(1.3)
    }
}

.articles .entry-social .mvicon-whatsapp span:before,
.profile-qa__header .entry-social .mvicon-whatsapp span:before {
    content: "";
    margin-right: 5px;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    background: #fff;
    background-size: 16px;
    -webkit-mask-size: 16px;
    webkit-mask-size: 16px;
    -webkit-mask-image: url("https://static.malavida.com/global/imag/ico-whatsapp.svg");
    mask-image: url("https://static.malavida.com/global/imag/ico-whatsapp.svg");
    position: relative;
    left: -3px;
    top: -1px
}

@media(max-width: 600px) {

    .articles .entry-social .mvicon-whatsapp span:before,
    .profile-qa__header .entry-social .mvicon-whatsapp span:before {
        margin-right: 0;
        transform: scale(1.5);
        left: 0;
        top: 0
    }
}

@media(max-width: 600px) {

    .articles .entry-social .mvicon-whatsapp span,
    .profile-qa__header .entry-social .mvicon-whatsapp span {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center
    }
}

.articles .entry-header .entry-social a {
    padding-left: 10px
}

.mvicon-whatsapp {
    display: none !important
}

.is-loaded .mvicon-whatsapp {
    display: inline-block !important
}

.is-loaded .social .mvicon-whatsapp {
    display: block !important
}

#mv-download {
    opacity: .5;
    animation-duration: 1s;
    animation-name: activateButton;
    animation-fill-mode: forwards;
    animation-delay: 3s;
    animation-timing-function: cubic-bezier(0.42, 0, 0, 0.99)
}

#mv-download:before {
    background-size: 30px !important;
    -webkit-mask-size: 30px !important;
    webkit-mask-size: 30px !important;
    background-color: rgba(0, 0, 0, .25)
}

#mv-download:after {
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    font-size: 32px;
    line-height: 60px;
    width: 60px;
    height: 60px;
    background: none repeat scroll 0 0 rgba(255, 255, 255, .1)
}

.loader {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 15px;
    width: 30px;
    aspect-ratio: 1;
    border-radius: 50%;
    border: 5px solid #fff;
    animation: login-spin .8s infinite linear alternate, login-spin-2 1.6s infinite linear, hideLoader 0s 3s forwards
}

@keyframes activateButton {
    0% {
        opacity: .5
    }

    100% {
        opacity: 1
    }
}

@keyframes login-spin {
    0% {
        clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%)
    }

    12% {
        clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%)
    }

    25% {
        clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%)
    }

    50% {
        clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%)
    }

    62% {
        clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%)
    }

    75% {
        clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%)
    }

    100% {
        clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%)
    }
}

@keyframes login-spin-2 {
    0% {
        transform: scaleY(1) rotate(0deg)
    }

    49% {
        transform: scaleY(1) rotate(135deg)
    }

    50% {
        transform: scaleY(-1) rotate(0deg)
    }

    100% {
        transform: scaleY(-1) rotate(-135deg)
    }
}

@keyframes hideLoader {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

#mv-download::before {
    width: 60px !important;
    opacity: 0;
    animation-duration: 1s;
    animation-name: showImg;
    animation-fill-mode: forwards;
    animation-delay: 3s;
    animation-timing-function: cubic-bezier(0.42, 0, 0, 0.99)
}

@keyframes showImg {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

body>div>div>iframe {
    display: inherit;
    height: 0
}

body div[id*=BG],
body div[id*=INTERST] {
    display: table
}

div[id*=div-gpt] {
    font-size: 0
}

@media(min-width: 768px) {
    #div-gpt-ad-header {
        min-height: 110px !important
    }

    #div-gpt-ad-before-footer {
        min-height: 90px !important
    }
}

@media(max-width: 767px) {
    #div-gpt-ad-header {
        min-height: 122px !important
    }

    #div-gpt-ad-download-inf,
    #div-gpt-ad-subheader,
    #div-gpt-ad-before-footer {
        min-height: 250px !important
    }
}

@media(max-width: 599px) {

    #div-gpt-ad-ad-highlights,
    #div-gpt-ad-ad-qa {
        min-height: 250px !important
    }
}

@media(min-width: 768px)and (max-width: 1023px) {
    #div-gpt-ad-aftertags {
        min-height: 250px !important;
        margin-bottom: 10px !important
    }
}

@media(max-width: 1023px) {
    #div-gpt-ad-postbody {
        min-height: 250px !important;
        margin-bottom: 10px !important
    }
}

@media(min-width: 1024px) {
    #div-gpt-ad-postinf {
        min-height: 250px !important
    }
}

#div-gpt-ad-before-footer {
    margin-bottom: 20px !important
}

.especiales_pub {
    float: left;
    margin: 0 10px 10px 0
}

@media(min-width: 600px)and (max-width: 767px) {
    .especiales_pub {
        display: block;
        float: none;
        clear: both;
        margin: 0;
        text-align: center
    }
}

@media(min-width: 320px)and (max-width: 599px) {
    .ad-highlights {
        float: left;
        width: 100%;
        text-align: center
    }
}

.publisubtitle {
    clear: both;
    margin: 0 auto;
    text-align: center;
    font-size: 0
}

.sidebanner {
    font-size: 0;
    float: left;
    width: 100%;
    text-align: center
}

@media(min-width: 615px) {
    .sidebanner {
        margin-bottom: 10px
    }
}

.profile-app .sidebanner>div {
    position: relative;
    clear: both;
    padding-top: 15px
}

.profile-app .sidebanner>div:before {
    top: 0;
    left: 50%;
    position: absolute;
    font-size: 11px;
    width: 300px;
    height: 12px;
    content: "Ads";
    transform: translateX(-50%);
    text-align: right;
    color: #aaa
}

.profile-app .sidebanner:first-child {
    margin-top: -15px
}

.profile-app .sidebanner:last-child>div {
    padding: 0;
    transform: translateY(10px)
}

.profile-app .sidebanner:last-child>div:before {
    display: none
}

@media(min-width: 320px)and (max-width: 599px) {

    .sidebanner,
    .fanbox+.sidebanner {
        min-height: inherit
    }

    .profile+#Sidebar .lat_banner {
        width: 100%;
        margin: 10px 0;
        text-align: center
    }

    .profile-app .sidebanner #div-gpt-ad-sidebar {
        padding: 0
    }

    .profile-app .sidebanner #div-gpt-ad-sidebar:before {
        display: none
    }

    .profile-app .sidebanner:last-child>div {
        padding: 0;
        transform: translateY(0px)
    }

    .profile-app .sidebanner:last-child>div:before {
        display: none
    }
}

@media(min-width: 600px)and (max-width: 767px) {
    .profile.editor+#Sidebar {
        margin: 0 0 0 0
    }

    #Sidebar .lat_banner {
        margin: 10px 0
    }

    .sidebanner,
    .fanbox+.sidebanner {
        min-height: inherit
    }

    .profile+#Sidebar .lat_banner {
        width: 100%
    }

    .profile+#Sidebar .lat_banner div {
        display: inline-block;
        margin: 0 0 10px
    }

    .profile-app .sidebanner #div-gpt-ad-sidebar {
        padding: 0
    }

    .profile-app .sidebanner #div-gpt-ad-sidebar:before {
        display: none
    }

    .profile-app .sidebanner:last-child>div {
        padding: 0;
        transform: translateY(0px)
    }

    .profile-app .sidebanner:last-child>div:before {
        display: none
    }
}

@media(min-width: 768px)and (max-width: 999px) {
    main.media .profile {
        position: static
    }
}

@media(min-width: 1000px) {
    #ProfileDownload+#Sidebar .sidebanner {
        font-size: 0
    }
}

@media(min-width: 1024px) {
    #div-gpt-ad-sidebar {
        min-height: 260px
    }

    .profile-app #div-gpt-ad-sidebar {
        min-height: 265px
    }
}

#Alert #Alert-Box {
    width: 600px;
    height: auto;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    position: absolute
}

#Alert #Alert-Box #Alert-text {
    display: table;
    width: 100%;
    height: 50px;
    padding: 10px;
    text-align: center
}

#Alert #Alert-Box #Alert-text p {
    font-weight: bold;
    padding: 10px;
    color: #35548f;
    background: #eee;
    background: rgba(255, 255, 255, .5)
}

#Alert #Alert-Box input[type=submit] {
    display: block;
    width: 100px;
    margin: 0 auto
}

@media(min-width: 320px)and (max-width: 599px) {
    #Alert #Alert-Box {
        width: 100%
    }
}

#AlertFacebook .title {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    border: none
}

#AlertFacebook .title p {
    font-weight: bold;
    width: 100%;
    padding: 10px;
    text-align: center
}

#AlertFacebook .title .close-button {
    font-size: 14px;
    font-weight: bold;
    z-index: 1;
    display: block;
    overflow: hidden;
    width: 30px;
    height: 30px;
    transition: opacity ease .3s 0s;
    text-align: center;
    text-decoration: none;
    text-indent: -99999px;
    opacity: .5;
    color: #fff;
    top: 0;
    right: 0;
    position: absolute
}

#AlertFacebook .title .close-button::before {
    line-height: 30px;
    display: block;
    width: 30px;
    height: 30px;
    text-indent: 0;
    color: #fff
}

#AlertFacebook .title .close-button:hover {
    opacity: 1
}

#AlertFacebook .modal-box {
    width: 500px;
    height: 350px;
    padding: 0;
    background: url("https://xatab.org/assets/icons/facebook_connect.jpg") no-repeat scroll right bottom transparent;
    box-shadow: none
}

#AlertFacebook .connect {
    font-size: 14px;
    font-weight: bold;
    text-decoration: none !important;
    color: #888;
    text-shadow: 0 1px 0 #fff;
    top: 134px;
    right: 100px;
    position: absolute
}

#AlertFacebook .connect:hover {
    color: #3b5894
}

#AlertFacebook .connect-fb {
    font-size: 16px;
    font-weight: bold;
    line-height: 40px;
    display: block;
    width: 160px;
    height: 40px;
    margin-top: -60px;
    margin-right: -80px;
    padding-left: 30px;
    cursor: pointer;
    transition: box-shadow ease .3s 0s, background-color ease .3s 0s;
    text-align: center;
    color: #fff;
    border-radius: 2px;
    background-color: rgba(255, 255, 255, .1);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .5);
    top: 50%;
    right: 50%;
    position: absolute
}

#AlertFacebook .connect-fb:before {
    font-size: 16px;
    line-height: 40px;
    display: block;
    width: 40px;
    height: 40px;
    top: 0;
    left: 0;
    position: absolute
}

#AlertFacebook .connect-fb:after {
    display: none
}

#AlertFacebook .connect-fb:hover {
    background-color: rgba(255, 255, 255, .2);
    box-shadow: 0 0 0 1px #fff
}

#AlertFacebook .text {
    font-size: 24px;
    position: relative;
    top: 180px;
    display: block;
    float: none;
    width: 320px;
    margin: 0 auto;
    text-align: center;
    color: #fff
}

#AlertFacebook .reminder {
    font-size: 12px;
    line-height: 20px;
    padding: 10px;
    text-align: left;
    color: #fff;
    bottom: 0;
    left: 0;
    position: absolute
}

#AlertFacebook .reminder input {
    margin: 3px 5px 5px;
    vertical-align: top
}

#AlertFacebook .wrong {
    font: bold 11px arial, sans-serif;
    display: block;
    float: left;
    width: 100%;
    color: #fff;
    top: 0;
    left: 0;
    position: absolute
}

#AlertFacebook .wrong p {
    line-height: 32px;
    display: block;
    float: none;
    padding: 0 30px;
    text-align: center;
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(244, 67, 54, 0.65) 50%, rgba(0, 0, 0, 0) 100%)
}

.user-profile #connect-fb:hover {
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .5)
}

@media(max-width: 321px) {
    #AlertFacebook .modal-box {
        background-position: center bottom
    }
}

@media(min-width: 320px)and (max-width: 599px) {
    #AlertFacebook .modal-box {
        max-width: 100%;
        max-height: 100%
    }
}

@media(min-width: 600px)and (max-width: 999px) {
    #AlertFacebook .modal-box {
        top: 50%;
        margin-top: -175px
    }
}

section.app-download {
    padding: 10px 20px
}

div.app-download {
    padding: 0px 20px
}

.app-download {
    position: relative;
    margin: 0
}

.app-download img {
    width: 47px;
    left: 38px;
    position: absolute
}

.app-download h3,
.app-download h5 {
    font-weight: bold;
    margin-bottom: 5px;
    color: #81909f
}

.jp .app-download h3,
.jp .app-download h5 {
    letter-spacing: 0
}

.app-download h3 a::before,
.app-download h5 a::before {
    display: block;
    width: 48px;
    height: 48px;
    content: "";
    top: 0;
    left: 18px;
    position: absolute
}

.app-download h3 a span,
.app-download h5 a span {
    color: #35548f
}

.app-download h3 a+span,
.app-download h5 a+span {
    font-size: 14px;
    color: #819ccf
}

.app-download h3 span .new,
.app-download h5 span .new {
    font: bold 8px arial, sans-serif;
    display: inline;
    margin: 0;
    padding: 2px 5px;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    color: #fff;
    border-radius: 3px 3px 3px 3px;
    background: none repeat scroll 0 0 #35548f
}

.app-download p {
    width: 100%;
    color: #888
}

.app-download .language {
    font-size: 13px;
    line-height: 18px;
    position: absolute;
    z-index: auto;
    right: 20px;
    bottom: 0;
    padding: 0 0 0 20px;
    color: #888
}

.app-download .license {
    height: 16px;
    bottom: 0;
    left: 20px;
    position: absolute
}

.app-download .button {
    line-height: 20px;
    z-index: auto;
    display: inline-block;
    min-width: 100px;
    height: 25px;
    padding: 0;
    text-align: center;
    top: 20px;
    right: 20px;
    position: absolute
}

.app-download .button img {
    z-index: 1;
    top: 0;
    left: 0;
    width: 100px;
    height: 25px
}

.app-download .button::before {
    line-height: 25px;
    z-index: 5;
    display: block;
    width: 25px;
    height: 25px;
    text-align: center;
    background: none repeat scroll 0 0 rgba(255, 255, 255, .1);
    top: 0;
    left: 0;
    position: absolute
}

.articles .app-download {
    padding: 10px 10px 30px 88px
}

.articles .app-download h3,
.articles .app-download h5 {
    overflow: inherit;
    max-width: 100%;
    height: auto;
    margin: 0 0 10px;
    padding: 0;
    white-space: inherit;
    text-overflow: inherit
}

.articles .app-download .category {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    display: inline;
    text-transform: uppercase;
    color: #819ccf
}

.articles .app-download .category:after {
    position: relative;
    padding: 0 0 0 5px;
    content: "-"
}

.articles .app-download p {
    line-height: 18px;
    top: 0;
    display: inline;
    margin: 0 0 20px;
    padding: 0
}

@media(min-width: 320px)and (max-width: 599px) {

    .app-download h3,
    .app-download h5 {
        white-space: inherit;
        text-overflow: inherit
    }

    .app-download p {
        padding-left: 60px !important;
        padding-right: 90px !important;
        margin-bottom: 10px
    }

    .app-download .footer {
        position: relative !important;
        top: inherit !important;
        bottom: inherit !important
    }

    .articles .app-list .app-download {
        height: auto;
        padding: 10px 10px 30px 10px
    }

    .articles .app-list .app-download .footer {
        top: inherit;
        bottom: 10px
    }
}

.app-list {
    float: left;
    width: 100%
}

.app-list section.app-download {
    min-height: 110px;
    overflow: hidden
}

.app-list .app-download {
    border-top: 1px solid #eee
}

.app-list .app-download:first-child {
    border: none
}

.app-list .app-download .title {
    font-size: 16px;
    font-weight: bold;
    line-height: normal;
    z-index: 1;
    display: block;
    float: none;
    width: 100%;
    margin-bottom: 5px;
    padding: 5px 0 0 100px;
    color: #819ccf;
    border: none;
    background: none
}

.jp .app-list .app-download .title {
    letter-spacing: 0
}

.app-list .app-download .title a::before {
    top: 10px;
    left: 35px;
    position: absolute;
    display: block;
    width: 50px;
    height: 50px;
    content: ""
}

.app-list .app-download .title a span {
    color: #35548f
}

.app-list .app-download .title a+span {
    color: #819ccf
}

.app-list .app-download .title span .new {
    font: bold 8px arial, sans-serif;
    display: inline;
    margin: 0;
    padding: 2px 5px;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    color: #fff;
    border-radius: 3px 3px 3px 3px;
    background: none repeat scroll 0 0 #35548f
}

.app-list .app-download p {
    padding-left: 100px
}

.app-list .app-download .footer {
    line-height: 16px;
    position: absolute;
    z-index: 15;
    bottom: 10px;
    left: 0;
    float: left;
    width: 100%;
    height: 20px;
    margin: 0;
    color: #666
}

.app-list .app-download .footer .date {
    bottom: 0;
    left: 120px;
    position: absolute;
    font-size: 13px;
    line-height: 16px;
    padding: 0 0 0 16px;
    letter-spacing: -0.5px;
    color: #aaa
}

.jp .app-list .app-download .footer .date {
    letter-spacing: -1px
}

.app-list .app-download .footer .date:before {
    font-weight: normal;
    position: absolute;
    left: 0;
    display: block
}

.app-list .app-download .footer .size {
    font-size: 13px;
    line-height: 16px;
    position: absolute;
    bottom: 0;
    left: 220px;
    padding: 0 0 0 16px;
    color: #aaa
}

.jp .app-list .app-download .footer .size {
    left: 230px
}

.app-list .app-download .footer .size:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block
}

.app-list .app-download .footer .so {
    font-size: 13px;
    position: absolute;
    bottom: 0;
    left: 300px;
    padding: 0 0 0 16px;
    letter-spacing: -0.5px;
    color: #aaa
}

.app-list .app-download .footer .so:before {
    position: absolute;
    background-color: #aaa;
    top: -4px !important;
    left: -5px !important;
    display: block
}

.app-list .app-download .footer .so.mvicon-windows:before {
    top: -2px !important;
    left: -2px;
    transform: scale(0.8)
}

.app-list .app-download .footer .average-rate {
    bottom: 20px;
    left: 20px;
    position: absolute;
    width: 100px;
    transform: scale(0.8);
    transform-origin: left bottom 0
}

@media(min-width: 320px)and (max-width: 599px) {
    section.app-download {
        min-height: 100px;
        padding: 10px
    }

    div.app-download {
        padding: 0px 10px
    }

    .app-list .app-download img {
        left: 10px
    }

    .app-list .app-download .title {
        padding: 0 20px 0 60px
    }

    .app-list .app-download .title a:before {
        top: 0;
        left: 0
    }

    .app-list .app-download .ss,
    .app-list .app-download .button {
        display: none
    }

    .app-list .app-download .footer {
        bottom: 10px;
        left: 0;
        width: 100%;
        margin: 0
    }

    .app-list .app-download .footer .license {
        right: 10px;
        left: auto
    }

    .app-list .app-download .footer .language {
        right: 10px;
        bottom: 40px;
        width: 20px;
        padding: 0 0 0 20px;
        text-indent: -9999px
    }

    .app-list .app-download .footer .size {
        font-size: 12px;
        line-height: normal;
        left: 100px;
        padding: 0 0 0 16px
    }

    .jp .app-list .app-download .footer .size {
        left: 110px
    }

    .app-list .app-download .footer .size:before {
        font-size: 14px
    }

    .app-list .app-download .footer .date {
        font-size: 12px;
        line-height: 14px;
        left: 10px;
        padding: 0 0 0 16px
    }

    .app-list .app-download .footer .date:before {
        font-size: 14px
    }

    .app-list .app-download .footer .so {
        font-size: 12px;
        line-height: normal;
        left: 170px;
        padding: 0 0 0 16px
    }

    .de .app-list .app-download .footer .so {
        overflow: hidden;
        width: 16px;
        height: 16px
    }

    .app-list .app-download .footer .so:before {
        font-size: 14px
    }

    .app-list .app-download .footer .average-rate {
        right: 10px;
        bottom: 24px;
        left: initial;
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom 0
    }

    .app-list+.more {
        width: 100%;
        height: auto;
        text-align: left;
        border-radius: 0
    }
}

.article-list {
    float: left;
    overflow: hidden;
    width: 100%;
    box-shadow: 0 0 0 1px #eee inset
}

.article-list .download-article-list {
    display: flex;
    padding: 10px;
    flex-wrap: wrap
}

.article-list .download-article-item {
    position: relative;
    overflow: hidden;
    max-width: calc(33.3333% - 10px);
    margin-right: 10px
}

.article-list .download-article-item a {
    font-weight: 600 !important;
    padding: 10px 0
}

.article-list .app-download.highlight {
    padding: 20px
}

.article-list .app-download.highlight .image {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 300px;
    margin: 0
}

.article-list .app-download.highlight .image img {
    min-width: 100%;
    min-height: 100%;
    margin: auto;
    top: -100%;
    right: -100%;
    bottom: -100%;
    left: -100%;
    position: absolute
}

.article-list .app-download.highlight .title {
    font-size: 24px;
    margin: 0;
    padding: 10px 0;
    border: none;
    background: none
}

.article-list .app-download.highlight .title a {
    line-height: 24px
}

.article-list .app-download.highlight .category {
    font-family: arial;
    font-size: 10px;
    font-weight: bold;
    margin: 0;
    padding: 0 5px;
    text-transform: uppercase;
    color: #fff;
    border: medium none;
    background-color: rgba(129, 156, 207, .75);
    top: 280px;
    left: 0;
    position: absolute
}

.article-list .app-download.highlight .category::after {
    display: none
}

.article-list article {
    position: relative;
    width: 100%;
    min-height: 130px;
    padding: 20px;
    box-shadow: 0 1px 0 #eee inset
}

.article-list article:first-child {
    box-shadow: none
}

.article-list article .header {
    float: left;
    width: 100%;
    padding: 0 0 0 100px
}

.article-list article .header h2 {
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 5px;
    letter-spacing: -0.25px
}

.article-list article .header a::before {
    z-index: 1;
    display: block;
    width: 90px;
    height: 90px;
    content: "";
    top: 20px;
    left: 20px;
    position: absolute
}

.article-list article .section {
    margin-bottom: 10px;
    padding: 0 0 0 100px;
    box-shadow: none
}

.article-list article .section img {
    width: 90px;
    max-height: 90px;
    top: 20px;
    left: 20px;
    position: absolute
}

.article-list article .section p {
    color: #aaa
}

.article-list article .footer {
    font-size: 13px;
    line-height: 20px;
    position: static;
    float: left;
    width: 100%;
    height: 20px;
    padding: 0 0 0 100px;
    color: #aaa
}

.article-list article .footer span {
    line-height: 20px;
    display: inline-block
}

.article-list article .footer .date:before {
    margin-right: 5px
}

.article-list article .footer span {
    margin-right: 5px;
    padding-right: 10px
}

.article-list article .footer span.date {
    padding: 0 0 0 16px;
    bottom: 0;
    left: 0;
    position: relative;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.5px;
    color: #aaa
}

.article-list article .footer span.date:before {
    background: #aaa;
    top: -3px;
    left: -5px;
    transform: scale(0.8);
    position: absolute
}

.collapsed .article-list {
    overflow: hidden;
    box-shadow: none
}

.collapsed .article-list article {
    display: none
}

.collapsed .article-list article:nth-child(1) {
    display: block
}

.expanded .article-list {
    max-height: 999999px;
    box-shadow: none
}

@media(min-width: 320px)and (max-width: 599px) {
    .article-list {
        width: 100%
    }

    .article-list .app-download.highlight {
        padding: 10px
    }

    .article-list .app-download.highlight .image {
        height: 150px
    }

    .article-list .app-download.highlight .category {
        top: 130px
    }

    .article-list .app-download.highlight .title {
        font-size: 18px
    }

    .article-list .app-download.highlight p {
        display: none
    }

    .article-list article {
        float: left;
        padding: 10px
    }

    .article-list article .header {
        margin-bottom: 5px;
        padding: 0
    }

    .article-list article .header a:before {
        top: inherit;
        bottom: 50px;
        left: 10px;
        width: 90px;
        height: 90px
    }

    .frontpage .article-list article .header a:before {
        bottom: 40px
    }

    .article-list article .header h2 {
        font-size: 20px;
        line-height: 22px
    }

    .article-list article .section {
        padding: 0
    }

    .article-list article .section img {
        position: static;
        float: left;
        margin-right: 10px;
        margin-bottom: 10px
    }

    .article-list article .footer {
        height: auto;
        padding: 0;
        letter-spacing: -0.5px
    }

    .article-list article .footer span+span {
        padding-left: 10px;
        border-left: 1px solid #ccc
    }
}

@media(min-width: 600px)and (max-width: 767px) {
    .article-list {
        width: 100%
    }

    .article-list article .header h2 {
        font-size: 22px
    }
}

@media(min-width: 768px)and (max-width: 999px) {
    .article-list {
        position: relative;
        width: 100%
    }
}

@media(min-width: 320px)and (max-width: 599px) {
    .article-list li {
        max-width: 100% !important;
        margin-bottom: 10px
    }
}

.breadcrumb.home {
    position: relative;
    top: 0;
    display: table;
    width: 100%;
    height: 80px;
    margin-bottom: 10px;
    padding: 0 360px 0 0;
    background-color: #d9dde1
}

.breadcrumb.home .platform {
    width: 360px;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 1px 0 0 #f0f0f0 inset, 0 -1px 0 0 #f0f0f0 inset;
    direction: rtl;
    top: 0;
    right: 0;
    position: absolute
}

.breadcrumb.home .platform img {
    display: inline-block;
    vertical-align: middle
}

.breadcrumb.home .platform h1 {
    font-size: 30px;
    font-weight: normal;
    position: relative;
    left: -10px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    letter-spacing: -2px;
    color: #35548f
}

.breadcrumb.home .text {
    font-size: 16px;
    font-weight: normal;
    line-height: 18px;
    position: relative;
    display: table-cell;
    width: 100%;
    height: 80px;
    padding: 0 10px;
    vertical-align: middle
}

.breadcrumb.home .text::before {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 100%;
    width: 0;
    height: 0;
    margin-top: -40px;
    margin-left: -1px;
    content: " ";
    pointer-events: none;
    border-width: 40px 10px;
    border-style: solid;
    border-color: rgba(238, 238, 238, 0) rgba(238, 238, 238, 0) rgba(238, 238, 238, 0) #d9dde1;
    border-image: none
}

.breadcrumb.home .text h2 {
    font-weight: bold;
    display: inline;
    padding: 0 5px 0 0;
    color: #81909f
}

.breadcrumb.home .text p {
    display: inline;
    color: #81909f
}

.frontpage .breadcrumb.home {
    top: -90px;
    left: 0;
    position: absolute
}

@media(min-width: 320px)and (max-width: 599px) {
    .breadcrumb.home {
        padding: 0
    }

    .frontpage .breadcrumb.home {
        position: relative;
        top: inherit;
        padding-bottom: 0;
        border: none
    }

    .breadcrumb.home .platform {
        width: 100%
    }

    .breadcrumb.home .platform h1 {
        font-size: 26px
    }

    .breadcrumb.home .text {
        display: none
    }

    .breadcrumb.home .text::before {
        display: none
    }
}

@media(min-width: 600px)and (max-width: 767px) {
    .breadcrumb.home {
        padding: 0 50% 0 0
    }

    .frontpage .breadcrumb.home {
        position: relative;
        top: inherit;
        padding-bottom: 0;
        border: none
    }

    .breadcrumb.home .platform {
        width: 50%
    }

    .breadcrumb.home .platform h1 {
        font-size: 26px
    }

    .breadcrumb.home .text {
        font-size: 11px;
        line-height: 12px
    }
}

@media(min-width: 768px)and (max-width: 999px) {
    .breadcrumb.home {
        padding: 0 50% 0 0
    }

    .frontpage .breadcrumb.home {
        position: relative;
        top: inherit;
        padding-bottom: 0;
        border: none
    }

    .breadcrumb.home .platform {
        width: 50%
    }

    .breadcrumb.home .platform h1 {
        font-size: 26px
    }

    .breadcrumb.home .text {
        font-size: 12px;
        line-height: 14px
    }
}

.breadcrumb {
    font: bold 13px/20px arial, sans-serif;
    width: 1200px;
    padding: 0 10px;
    color: #35548f;
    top: -25px;
    left: 0;
    position: absolute
}

.breadcrumb h1 {
    color: #35548f
}

.breadcrumb ol li {
    font-weight: bold;
    line-height: 14px;
    display: inline;
    padding: 0
}

.breadcrumb ol li:first-child::before {
    display: none
}

.breadcrumb ol li::before {
    font-size: 14px;
    font-weight: bold;
    position: relative;
    top: 1px;
    left: 0;
    margin-right: 2px;
    content: ">";
    color: #35548f
}

.breadcrumb ol li span {
    color: #ff7705
}

.profile .breadcrumb {
    margin-bottom: 20px
}

@media(min-width: 320px)and (max-width: 1199px) {
    .breadcrumb {
        width: 100vw
    }

    .user-profile .breadcrumb {
        position: absolute
    }
}

@media(min-width: 320px)and (max-width: 599px) {
    .breadcrumb {
        position: relative;
        padding-bottom: 5px;
        top: 0
    }

    .breadcrumb ol li {
        line-height: 28px
    }

    .breadcrumb .category {
        line-height: 14px
    }

    main.post .breadcrumb {
        position: relative
    }

    main.page-editors .breadcrumb {
        top: 0
    }

    .profile .breadcrumb {
        top: 0;
        margin-bottom: 10px;
        border-bottom: 3px solid #35548f
    }

    .profile.single-video .breadcrumb {
        margin: 0;
        border: none
    }

    .mvpage .breadcrumb {
        top: 0
    }
}

@media(min-width: 600px)and (max-width: 767px) {
    .breadcrumb {
        line-height: 16px;
        position: relative;
        padding-bottom: 5px;
        top: 0
    }

    main.post .breadcrumb {
        position: relative;
        top: 0;
        margin-bottom: 10px
    }

    .mvpage .breadcrumb {
        position: absolute;
        top: -20px
    }

    .mvpage.tags .breadcrumb {
        position: static
    }

    .profile .breadcrumb {
        border-bottom: 3px solid #35548f
    }

    .profile.editor .breadcrumb {
        margin-top: -25px;
        border: none
    }
}

.button {
    font-family: trebuchet ms;
    font-size: 14px;
    font-weight: bold;
    position: relative;
    padding: 5px 10px;
    cursor: pointer;
    transition: box-shadow ease .3s 0s, text-shadow ease .3s 0s;
    text-align: center;
    color: #fff;
    border: medium none;
    border-radius: 1px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .25) inset
}

.button::before {
    text-align: center
}

.button:hover {
    text-decoration: none;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .25) inset, 0 1px 1px rgba(0, 0, 0, .25);
    text-shadow: 0 1px 1px rgba(0, 0, 0, .25)
}

.button:hover::before {
    color: #fff !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .25)
}

.button.green:before,
.button.orange:before,
.button.green-low:before {
    color: rgba(0, 0, 0, .25)
}

.button.blue-low:before {
    color: rgba(0, 0, 0, .25)
}

.button.gray-low:before {
    color: rgba(0, 0, 0, .25)
}

.de .download-zone .button.blue {
    background-color: #1f6e94
}

.button--so span {
    font-size: 12px;
    font-weight: normal;
    line-height: 12px;
    display: block;
    opacity: 1
}

.button-disabled {
    font-family: trebuchet ms;
    font-size: 14px;
    font-weight: bold;
    position: relative;
    padding: 5px 10px;
    cursor: default;
    pointer-events: none;
    transition: box-shadow ease .3s 0s, text-shadow ease .3s 0s;
    text-align: center;
    color: #807777;
    border: medium none;
    border-radius: 1px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .25) inset
}

.button-disabled::before {
    text-align: center
}

.button-disabled.gray-low:before {
    color: rgba(0, 0, 0, .25)
}

.de .download-zone .button-disabled.blue {
    background-color: #1f6e94
}

.button-disabled--so {
    line-height: 30px !important
}

.button-disabled--so span {
    font-size: 12px;
    font-weight: normal;
    line-height: 12px;
    display: block;
    opacity: 1
}

.alternate-so {
    font-size: 16px;
    font-weight: bold;
    display: table;
    width: 100%;
    max-width: 300px;
    margin: 10px auto 0;
    padding: 10px;
    text-align: center;
    color: #65b14d;
    border-radius: 2px;
    box-shadow: 0 0 0 2px inset
}

.alternate-so:before {
    margin-left: -25px !important;
    background-color: #65b14d !important
}

.more {
    font-size: 14px;
    font-weight: bold;
    line-height: 10px;
    position: relative;
    display: block;
    float: right;
    overflow: hidden;
    width: auto;
    height: 30px;
    margin: 0;
    padding: 10px;
    cursor: pointer;
    transition: box-shadow ease .3s 0s, text-shadow ease .3s 0s;
    text-align: right;
    text-decoration: none;
    color: #fff;
    border-radius: 3px 0 0;
    background-color: #35548f;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .25)
}

.more a {
    padding: 0 !important;
    color: #fff
}

.questions .more {
    padding: 10px
}

.categories {
    float: left;
    width: 100%;
    padding: 0;
    list-style: none
}

.categories .category {
    font-weight: bold;
    position: relative;
    float: left;
    overflow: hidden;
    width: 100%;
    padding: 15px 20px 10px 60px;
    transition: all ease .3s 0s;
    color: #35548f
}

.categories .category::before {
    font-size: 24px;
    line-height: 50px;
    width: 50px;
    height: 50px;
    text-align: center;
    color: #819ccf;
    top: 0px;
    left: 5px;
    position: absolute
}

.categories .category:hover {
    cursor: pointer;
    color: #35548f
}

.categories .category:hover::before {
    color: #35548f
}

.categories .category.selected,
.categories .category.selected::before {
    color: #35548f
}

.categories li {
    margin: 0;
    list-style: none outside none !important;
    box-shadow: 0 1px 0 #eee inset;
    overflow: hidden
}

.categories .child {
    line-height: 20px;
    float: left;
    margin: -5px 0 0 0;
    padding: 0 20px 10px 60px;
    color: #aaa
}

.categories .child a {
    font-weight: normal;
    display: inline-block
}

.categories .child a:hover {
    color: #35548f
}

.categories .child a::after {
    content: ", "
}

.categories .child a:last-child::after {
    display: none
}

.categories .n1,
.categories .n2,
.categories .n3 {
    float: left;
    width: 100%;
    list-style: none
}

.categories .n1 {
    padding: 0;
    border-top: 1px solid #eee
}

.categories .n1 a {
    font-size: 14px;
    padding: 9px 5px 9px 20px;
    border-bottom: medium none;
    border-left: 5px solid #eee;
    background: none repeat scroll 0 0 #fafafa
}

.categories .n1 a:hover {
    color: #35548f;
    border-left: 5px solid #35548f
}

.categories .n1 a.selected {
    color: #35548f;
    border-left: 5px solid #35548f
}

.categories .n2 {
    padding: 0
}

.categories .n2 a {
    font-size: 14px;
    padding: 0 5px 0 25px;
    border-bottom: medium none;
    border-left: 5px solid #ddd;
    background: none repeat scroll 0 0 #eee;
    box-shadow: 0 1px 0 #ddd inset
}

.categories .n2 a:hover {
    color: #35548f;
    border-left: 5px solid #35548f
}

.categories .n2 a:hover.selected {
    color: #ff7705;
    border-left: 5px solid #ff7705
}

.fanbox {
    text-align: center;
    background: #fff
}

.fanbox a {
    display: inline-block;
    overflow: hidden;
    width: 40px;
    height: 40px;
    margin: 15px 5px;
    text-indent: -99999px;
    color: #fff
}

.fanbox a::before {
    font-size: 22px;
    line-height: 40px;
    display: block;
    width: 40px;
    height: 40px;
    margin: 0;
    text-align: center;
    text-indent: 0
}

.fanbox a.facebook {
    background-color: #3b5998
}

.fanbox a.twitter {
    background-color: #55acee
}

.fanbox a.rss {
    background-color: #ff7705
}

input[type=submit] {
    font: bold 14px/20px trebuchet ms
}

select,
textarea,
input[type=text],
input[type=email],
input[type=password] {
    padding: 10px;
    border: none;
    box-shadow: 0 0 0 1px #ccc
}

input,
textarea {
    border-radius: 0;
    -webkit-appearance: none
}

input[type=checkbox] {
    -webkit-appearance: checkbox
}

.bg-popup {
    top: 0;
    left: 0;
    position: fixed;
    z-index: 1900000000;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .25)
}

.bg-popup .g-recaptcha {
    position: relative;
    float: left;
    margin: 10px 0px 10px 0px;
    width: 100%
}

.bg-popup .g-recaptcha div {
    margin: auto
}

.bg-popup #recaptcha_login,
.bg-popup #recaptcha_clave {
    margin: 0px 0px 10px 0px
}

.bg-popup .display-none {
    display: none !important
}

.modal-box {
    top: 50%;
    left: 50%;
    position: absolute;
    display: block;
    overflow: hidden;
    margin: 0 auto;
    padding: 20px;
    transform: translate(-50%, -50%);
    border-top: 3px solid #35548f;
    background-color: #d9dde1;
    box-shadow: 0 0 10px rgba(0, 0, 0, .25)
}

.modal-box h1,
.modal-box h2,
.modal-box h3,
.modal-box h4,
.modal-box h5 {
    font-weight: bold
}

.modal-box a {
    font-weight: bold
}

.modal-box ul {
    font-size: 14px;
    line-height: 24px;
    float: left;
    width: 100%;
    margin: 10px 0;
    padding: 0;
    text-align: left
}

.modal-box ul li {
    margin-left: 20px;
    list-style: square
}

.modal-box p {
    position: relative;
    float: left;
    width: 100%;
    margin: 0
}

.modal-box p label {
    font-size: 11px;
    display: block;
    padding: 5px 0 2.5px;
    text-align: left;
    color: #81909f
}

.modal-box p input[type=text],
.modal-box p input[type=email],
.modal-box p input[type=password] {
    width: 100%
}

.modal-box .close {
    top: 0;
    right: 0;
    position: absolute;
    z-index: 20;
    display: block;
    width: 30px;
    height: 30px;
    cursor: pointer;
    text-indent: -99999px;
    color: #81909f
}

.modal-box .close:before {
    font-size: 12px;
    line-height: 30px;
    position: absolute;
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    text-indent: 0
}

.modal-box .close:hover {
    color: #35548f
}

.modal-box .title {
    font-size: 20px;
    float: none;
    margin: 0 0 10px;
    padding: 0;
    text-align: center;
    color: #35548f;
    border: none
}

.modal-box .description {
    font-size: 13px;
    line-height: 20px;
    width: 100%;
    margin: 5px 0;
    padding: 10px;
    color: #666;
    background-color: #fffabf;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2)
}

.modal-box label input[type=checkbox] {
    vertical-align: middle
}

.modal-box.form-login,
.modal-box.form-forgot,
.modal-box.form-register {
    display: table;
    max-width: 480px
}

.modal-box.form-login .submit {
    display: block;
    float: right;
    width: 45%;
    height: 35px;
    padding: 5px
}

.modal-box.form-login .loginwithfb {
    font-weight: bold;
    line-height: 35px;
    position: relative;
    display: block;
    float: left;
    min-width: 45%;
    padding: 0 0 0 35px;
    cursor: pointer;
    text-align: center;
    color: #fff;
    background-color: #35548f
}

html[lang=ru] .modal-box.form-login .loginwithfb {
    letter-spacing: -1px
}

.modal-box.form-login .loginwithfb::before {
    top: 0;
    left: 0;
    position: absolute;
    font-size: 16px;
    line-height: 35px;
    display: block;
    width: 35px;
    height: 35px;
    background-color: rgba(255, 255, 255, .1)
}

.modal-box.form-login .remember-user {
    font-size: 12px;
    line-height: 20px;
    float: left;
    margin: 10px 0;
    padding: 0;
    letter-spacing: -0.5px
}

.modal-box.form-login .remember-pass {
    font-size: 12px;
    line-height: 20px;
    float: right;
    margin: 10px 0
}

.modal-box.form-login .remember-pass a {
    text-decoration: underline
}

.modal-box.form-login .register {
    font-size: 12px;
    line-height: 20px;
    float: right;
    margin: 10px 0 10px 10px;
    padding-left: 10px;
    text-decoration: underline;
    border-left: 1px solid #81909f
}

.modal-box.form-forgot .title {
    display: block;
    background: none
}

.modal-box.form-forgot .title+p {
    margin-bottom: 10px
}

.modal-box.form-forgot .login {
    font-weight: bold;
    line-height: 35px;
    position: relative;
    display: block;
    float: left;
    width: 45%;
    height: 35px;
    margin: 0;
    padding: 0 0 0 35px;
    cursor: pointer;
    text-align: center;
    color: #fff;
    background-color: #35548f
}

.modal-box.form-forgot .login:before {
    top: 0;
    left: 0;
    position: absolute;
    font-size: 16px;
    line-height: 35px;
    display: block;
    width: 35px;
    height: 35px;
    background-color: rgba(255, 255, 255, .1)
}

.modal-box.form-forgot .submit {
    display: block;
    float: right;
    width: 45%;
    height: 35px;
    padding: 5px
}

.modal-box.form-register {
    width: 400px
}

.modal-box.form-register .title,
.modal-box.form-register .facebook {
    text-align: center;
    background: none
}

.modal-box.form-register .title h4,
.modal-box.form-register .facebook h4 {
    color: #819ccf
}

.modal-box.form-register select {
    width: 100%
}

.modal-box.form-register .loginfb .button {
    line-height: 35px;
    display: block;
    width: 100%;
    height: 35px;
    margin: 0 auto;
    padding: 0 0 0 35px;
    text-align: center;
    background-color: #3b5998
}

.modal-box.form-register .loginfb .button:before {
    top: 0;
    left: 0;
    position: absolute;
    font-size: 20px;
    line-height: 35px;
    width: 35px;
    height: 35px;
    background-color: rgba(255, 255, 255, .1)
}

.modal-box.form-register .std-register {
    font-size: 11px;
    display: block;
    float: left;
    width: 100%;
    margin: 10px 0 0;
    padding: 5px 10px;
    text-align: center;
    text-decoration: underline
}

.modal-box.form-register .user-data .submit {
    top: 0;
    right: 0;
    position: absolute
}

html[lang=ru] .modal-box.form-register .user-data .submit {
    letter-spacing: -1px
}

.modal-box.form-register input[type=checkbox] {
    float: left;
    margin-right: 3px
}

.modal-box.form-register #reg_face {
    display: table;
    float: left;
    width: 100%
}

.modal-box.form-register #reg_face.hide {
    display: none
}

.modal-box.form-register #reg_face.hide+#reg_mv {
    z-index: 10;
    display: table;
    opacity: 1
}

.modal-box.form-register #reg_face.hide+#reg_mv+.form-login {
    display: none
}

.modal-box.form-register #FormRegisterFBContainer {
    display: table;
    float: left;
    width: 100%
}

.modal-box.form-register #FormRegisterFBContainer.hide {
    display: none
}

.modal-box.form-register #FormRegisterFBContainer.hide+#reg_mv {
    z-index: 10;
    display: table;
    opacity: 1
}

.modal-box.form-register #FormRegisterFBContainer.hide+#reg_mv+.form-login {
    display: none
}

.modal-box.form-register #FormRegisterFBContainer .terms-conditions {
    float: left;
    margin-bottom: 10px;
    text-align: left
}

.modal-box.form-register #FormRegisterFBContainer .terms-conditions h5 {
    font-size: 11px;
    line-height: 20px;
    color: #81909f
}

.modal-box.form-register #FormRegisterFBContainer .terms-conditions .text {
    font-size: 11px;
    overflow: auto;
    height: 70px;
    padding: 10px;
    border: 1px solid #ccc;
    background-color: #fff
}

.modal-box.form-register #FormRegisterFBContainer .terms-conditions .text ul {
    font-size: 11px;
    list-style: square
}

.modal-box.form-register #FormRegisterFBContainer .terms-conditions .text ul li {
    line-height: 14px;
    margin: 0 0 5px 30px
}

.modal-box.form-register #FormRegisterFBContainer .terms-conditions .text p {
    width: 100%;
    padding: 0 0 10px
}

.modal-box.form-register #reg_mv {
    position: relative;
    z-index: -1;
    overflow: hidden;
    max-height: 0;
    transition: opacity ease 1s 0s;
    opacity: 0
}

.modal-box.form-register #reg_mv form .terms-conditions {
    float: left;
    margin-bottom: 10px;
    text-align: left
}

.modal-box.form-register #reg_mv form .terms-conditions h5 {
    font-size: 11px;
    line-height: 20px;
    color: #81909f
}

.modal-box.form-register #reg_mv form .terms-conditions .text {
    font-size: 11px;
    overflow: auto;
    height: 70px;
    padding: 10px;
    border: 1px solid #ccc;
    background-color: #fff
}

.modal-box.form-register #reg_mv form .terms-conditions .text p {
    width: 100%;
    padding: 0 0 10px
}

.modal-box.form-register #reg_mv form .terms-conditions .text strong {
    font-weight: bold;
    color: #222
}

.modal-box.form-register #reg_mv form .terms-conditions .text ul {
    font-size: 11px;
    list-style: square
}

.modal-box.form-register #reg_mv form .terms-conditions .text ul li {
    line-height: 14px;
    margin: 0 0 5px 30px
}

.modal-box.form-register #reg_mv form .terms-conditions+p {
    width: 100%;
    min-height: 30px
}

.modal-box.form-register #reg_mv form .notification {
    width: 100%
}

.modal-box.verified-security {
    border-top: 3px solid #65b14d;
    background: #fff;
    overflow-wrap: break-word;
    text-align: left
}

.modal-box.verified-security>.title {
    padding-bottom: 10px;
    background: #fff
}

.modal-box.verified-security>.title>img {
    margin-right: 5px
}

.modal-box.verified-security>.title>span {
    background: #fff;
    color: #65b14d
}

.modal-box.verified-security>.title>* {
    display: inline;
    vertical-align: middle
}

.modal-box.verified-security>.close:before {
    background: #65b14d
}

.modal-box.verified-security>p {
    padding-bottom: 10px
}

.modal-box.verified-security>p:last-of-type {
    padding-bottom: 0px
}

.modal-box.verified-security>ul {
    font-size: 16px;
    margin-bottom: 0px
}

@media(min-width: 320px)and (max-width: 999px) {

    .modal-box.form-register,
    .modal-box.form-forgot,
    .modal-box.form-login {
        width: 100%
    }

    .modal-box.form-register {
        overflow: auto;
        width: 100%
    }

    .modal-box.form-register .std-register {
        padding: 0
    }

    .modal-box.form-register .loginfb .button {
        font-size: 12px
    }

    .modal-box.fbregister {
        width: 100%
    }

    .modal-box.fbregister .notification {
        top: 10px
    }
}

@media(min-width: 320px)and (max-width: 999px)and (orientation: landscape) {
    .modal-box.form-register #reg_mv .title {
        margin: 0
    }

    .modal-box.form-register #reg_mv p:nth-child(2),
    .modal-box.form-register #reg_mv p:nth-child(3) {
        width: 50%;
        padding: 0 5px
    }

    .modal-box.form-register #reg_mv p:nth-child(4),
    .modal-box.form-register #reg_mv p:nth-child(5),
    .modal-box.form-register #reg_mv p:nth-child(6) {
        width: 33.3333%;
        padding: 0 5px
    }

    .modal-box.form-register #reg_mv p:nth-child(4) input[type=text],
    .modal-box.form-register #reg_mv p:nth-child(4) input[type=password],
    .modal-box.form-register #reg_mv p:nth-child(5) input[type=text],
    .modal-box.form-register #reg_mv p:nth-child(5) input[type=password],
    .modal-box.form-register #reg_mv p:nth-child(6) input[type=text],
    .modal-box.form-register #reg_mv p:nth-child(6) input[type=password] {
        line-height: 16px
    }

    .modal-box.form-register #reg_mv .terms-conditions .text {
        height: 58px
    }

    .modal-box.form-register #reg_mv .terms-conditions .text p {
        width: 100%;
        padding: 0 0 10px
    }
}

@media(min-width: 320px)and (max-width: 599px) {

    .modal-box.form-login,
    .modal-box.form-forgot,
    .modal-box.form-register {
        height: 100%
    }

    .modal-box.verified-security {
        width: 100%;
        padding: 15px;
        font-size: 14px
    }

    .modal-box.verified-security>ul {
        font-size: 14px;
        margin-bottom: 0px
    }

    .modal-box.form-login .register {
        margin: 10px 0 0;
        border: none
    }

    .modal-box.form-login .remember-pass {
        clear: both;
        margin-top: 0
    }

    .modal-box.form-register p select,
    .modal-box.form-register p input[type=text],
    .modal-box.form-register p input[type=password] {
        padding: 5px
    }

    .modal-box.form-register .terms-conditions h5 {
        margin: 5px 0 2.5px
    }

    .modal-box.form-register .terms-conditions+p label {
        font-size: 12px;
        position: relative;
        max-width: 60%;
        padding: 0 0 0 20px
    }

    .modal-box.form-register .terms-conditions+p label input {
        top: 0;
        left: 0;
        position: absolute
    }
}

.fullbg {
    position: fixed;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.fullbg #Web {
    transition: -webkit-filter ease .3s 0s;
    filter: blur(3px) grayscale(75%);
    -webkit-filter: blur(3px) grayscale(75%)
}

@media(min-width: 320px)and (max-width: 999px) {
    .fullbg {
        margin: 0;
        top: 0;
        left: 0;
        position: fixed;
        width: 100%
    }
}

.grid-col {
    display: flex;
    width: 100%;
    margin-bottom: 10px;
    justify-content: space-between
}

.grid-col__item {
    display: table;
    width: calc(33.3333% - 10px);
    box-shadow: 0 0 0 1px #eee inset
}

.grid-col__item__content {
    clear: both;
    overflow: hidden
}

.grid-col__item__content li {
    position: relative;
    min-height: 110px;
    padding: 10px 10px 10px 70px;
    border-top: 1px solid #eee
}

.grid-col__item__content li:first-child {
    border: none
}

.grid-col__item__content li .grid-col__item__title {
    display: flex;
    align-items: center
}

.grid-col__item__content li img {
    top: 10px;
    left: 10px;
    position: absolute
}

.grid-col__item__content li a {
    font-weight: bold
}

.grid-col__item__content li a:before {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    content: ""
}

.grid-col__item__content li p {
    color: #888
}

@media(min-width: 320px)and (max-width: 599px) {
    .grid-col {
        display: block
    }

    .grid-col__item {
        width: 100%;
        margin-bottom: 10px
    }

    .grid-col__item .title {
        text-align: left
    }

    .grid-col__item__content li {
        min-height: 70px
    }

    .grid-col__item__content li a {
        width: 100%
    }

    .grid-col__item:nth-child(2) .content {
        box-shadow: none
    }
}

@media(min-width: 600px)and (max-width: 767px) {
    .grid-col__item {
        width: 100%
    }

    .grid-col__item__content li {
        min-height: 160px
    }
}

@media(min-width: 768px)and (max-width: 999px) {
    .grid-col__item .content li {
        min-height: 110px
    }
}

@media(min-width: 1000px)and (max-width: 1199px) {
    .grid-col__item .content li {
        min-height: 130px
    }
}

.infosystem {
    font-family: 100% Trebuchet MS, Helvetica, Arial, sans-serif;
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-bottom: 20px;
    padding: 30px 30px 30px 100px;
    background-color: #f4f4f4
}

@media(min-width: 100px) {
    .infosystem {
        min-height: 350px;
        overflow: hidden
    }
}

.infosystem img {
    z-index: 1;
    opacity: .1;
    top: -150px;
    left: -150px;
    position: absolute
}

.infosystem .title {
    font-size: 50px;
    line-height: inherit;
    position: relative;
    z-index: 5;
    padding: 0;
    margin-bottom: 20px;
    color: #81909f;
    border: none;
    background-color: transparent
}

.infosystem .description {
    margin-bottom: 20px;
    text-align: justify
}

.infosystem .description p {
    line-height: 20px;
    padding: 0 0 10px;
    color: #81909f
}

.infosystem .links {
    margin-top: 20px;
    text-align: right
}

.infosystem .links li {
    display: inline-block;
    list-style: none outside none
}

.infosystem .links a {
    font-weight: bold;
    line-height: 16px;
    display: block;
    margin: 0 0 10px 20px;
    padding: 10px;
    transition: color .2s ease 0s, background .2s ease 0s;
    color: #81909f;
    border: 2px solid #81909f;
    border-radius: 3px
}

.infosystem .links a:hover {
    color: #fff;
    background: #81909f
}

@media(min-width: 320px)and (max-width: 1199px) {
    .infosystem {
        padding: 30px
    }

    .infosystem .description {
        padding: 0
    }
}

@media(min-width: 320px)and (max-width: 599px) {
    .infosystem .title {
        font-size: 40px
    }

    .infosystem .description {
        padding: 0;
        text-align: left
    }

    .infosystem .links li {
        width: 100%;
        text-align: center
    }

    .infosystem .links a {
        margin: 0 0 20px
    }
}

@media(min-width: 600px)and (max-width: 767px) {
    .infosystem .links a {
        margin: 0 0 10px 10px
    }
}

.language {
    background-color: transparent;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 0 2px;
    padding-left: 20px
}

.language.de {
    background-image: url("https://static.malavida.com/global/imag/flags/de.png")
}

.language.en {
    background-image: url("https://static.malavida.com/global/imag/flags/en.png")
}

.language.es {
    background-image: url("https://static.malavida.com/global/imag/flags/es.png")
}

.language.fr {
    background-image: url("https://static.malavida.com/global/imag/flags/fr.png")
}

.language.it {
    background-image: url("https://static.malavida.com/global/imag/flags/it.png")
}

.language.jp {
    background-image: url("https://static.malavida.com/global/imag/flags/jp.png")
}

.language.pt {
    background-image: url("https://static.malavida.com/global/imag/flags/pt.png")
}

.language.ru {
    background-image: url("https://static.malavida.com/global/imag/flags/ru.png")
}

.app-download .language,
.select.translations .language {
    background-size: 15px;
    background-position: 0 2px
}

.select.translations .language {
    background-position: 0 3px
}

.mvicon-world .language {
    background-position: 0 1px
}

.hot-articles {
    font-size: 0;
    float: left;
    width: 100%;
    margin-bottom: 10px;
    box-shadow: none
}

@media(min-width: 1000px) {
    .hot-articles {
        min-height: 210px;
        overflow: hidden
    }
}

.hot-articles .title {
    text-align: left
}

.hot-articles .content {
    font-size: 0;
    float: left;
    width: 100%;
    padding: 20px 10px 10px 10px;
    text-align: center
}

.hot-articles .content article {
    width: calc(50% - 5px);
    margin: 0
}

.hot-articles .content article:nth-child(2) {
    width: calc(50% - 5px);
    margin: 0 0 0 10px
}

.hot-articles article {
    position: relative;
    display: inline-block;
    float: none;
    overflow: hidden;
    width: 33.3333%;
    max-width: 395px;
    height: 200px;
    margin: 0 0 10px
}

.hot-articles article:nth-child(2) {
    width: calc(33.3333% - 20px);
    margin: 0 10px 10px 10px
}

.hot-articles article .header {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0
}

.hot-articles article .header img {
    width: 100%;
    max-width: inherit;
    transition: all 1s ease 0s;
    opacity: 1;
    top: 0;
    left: 0;
    position: absolute
}

.hot-articles article .header a {
    z-index: 1;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding: 0;
    text-align: center;
    top: 0;
    left: 0;
    position: relative
}

.hot-articles article .header h2 {
    font-size: 20px;
    width: 100%;
    padding: 10px 10px 30px;
    text-align: left;
    color: #fff;
    background: rgba(0, 0, 0, .5);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 90%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: 0;
    position: absolute
}

.hot-articles article .section img {
    width: 100%;
    max-width: inherit;
    transition: all 1s ease 0s;
    opacity: 1;
    top: 0;
    left: 0;
    position: absolute
}

.hot-articles article .footer {
    font-size: 10px;
    font-weight: bold;
    line-height: inherit;
    z-index: 5;
    width: auto;
    height: 20px;
    padding: 0;
    text-transform: uppercase;
    color: #eee;
    background: none repeat scroll 0 0 rgba(129, 156, 207, .5);
    right: 0;
    bottom: 0;
    position: absolute
}

.hot-articles article .footer span {
    font-family: arial, georgia;
    line-height: 20px;
    display: none;
    margin: 0;
    padding: 0 5px
}

.hot-articles article .footer .date {
    display: inline;
    float: left;
    text-transform: none;
    color: #eee
}

.hot-articles article .footer .date::first-letter {
    text-transform: capitalize
}

.hot-articles article:hover .section img {
    transform: scale(1.1) translate(0px) rotate(0.01deg);
    opacity: 1
}

@media(min-width: 320px)and (max-width: 599px) {
    .hot-articles article {
        width: 100%;
        max-width: inherit;
        height: 200px;
        margin: 0
    }

    .hot-articles article:nth-child(2) {
        width: 100%;
        margin: 0
    }

    .hot-articles .content {
        padding: 10px 0
    }

    .hot-articles .content article {
        width: 100%
    }

    .hot-articles .content article:first-child+article {
        width: 100%;
        margin: 5px 0 0 0
    }
}

@media(min-width: 600px)and (max-width: 767px) {
    .hot-articles article {
        float: left;
        width: 50%;
        max-width: inherit;
        height: 180px
    }

    .articles .hot-articles article .header h2 {
        font-size: 16px
    }

    .articles .hot-articles article {
        width: 33.3333%;
        height: 125px;
        margin: 0
    }
}

@media(min-width: 768px)and (max-width: 999px) {
    .articles .hot-articles article {
        width: 33.3333%;
        height: 150px;
        margin: 0
    }
}

.license {
    font-family: verdana, sans-serif;
    font-size: 8px;
    font-weight: bold;
    line-height: 16px;
    display: block;
    min-width: 80px;
    padding: 0 3px;
    text-align: center;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #fff;
    border-radius: 3px 3px 3px 3px
}

.license.chm {
    background-color: #e9ba31
}

.license.shareware {
    background-color: #ff7705
}

.license.demo {
    background-color: #ff7c0b
}

.license.doc {
    background-color: #658cbc
}

.license.freeware {
    background-color: #519f3b
}

.license.free {
    background-color: #5aab40
}

.license.pdf {
    background-color: #b61927
}

.license.pay {
    background-color: #826e5a
}

.license.test {
    background-color: #4c9cea
}

.license.txt {
    background-color: #8997a0
}

.license.video {
    background-color: #924d90
}

.license.web {
    background-color: #464a4e
}

.notification {
    font-size: 14px;
    font-style: italic;
    clear: both;
    max-height: 0;
    transition: opacity .5s ease-in 0s;
    text-align: center;
    opacity: 0
}

.notification.ok,
.notification.error {
    font-weight: bold;
    max-height: 100%;
    padding: 10px;
    opacity: 1;
    color: #fff;
    text-shadow: 0 1px rgba(0, 0, 0, .5)
}

.notification.error {
    margin: 10px 0 0 0;
    background-color: #e15656;
    text-shadow: 0 1px rgba(0, 0, 0, .5)
}

.notification.ok {
    background-color: #419e1a
}

@media(min-width: 320px)and (max-width: 599px) {
    .notification {
        font-size: 12px
    }
}

.stars-rating {
    position: relative;
    float: left;
    overflow: hidden;
    width: 100px;
    height: 20px;
    margin: 0;
    padding: 0;
    list-style: none outside none;
    background: url("https://xatab.org/assets/icons/star2.svg") repeat scroll 0 0 transparent
}

.stars-rating li {
    float: left;
    width: 10px;
    height: 20px;
    margin: 0;
    padding: 0;
    list-style: none !important
}

.stars-rating li a {
    position: absolute;
    display: block;
    width: 10px;
    text-indent: -99999px
}

.stars-rating li a:hover {
    background: url("https://xatab.org/assets/icons/star.svg") repeat scroll 0 0 transparent
}

.stars-rating li a.star-1 {
    z-index: 10;
    left: 0
}

.stars-rating li a.star-1:hover {
    left: 0;
    width: 10px
}

.stars-rating li a.star-2 {
    z-index: 9;
    left: 10px
}

.stars-rating li a.star-2:hover {
    left: 0;
    width: 20px
}

.stars-rating li a.star-3 {
    z-index: 8;
    left: 20px
}

.stars-rating li a.star-3:hover {
    left: 0;
    width: 30px
}

.stars-rating li a.star-4 {
    z-index: 7;
    left: 30px
}

.stars-rating li a.star-4:hover {
    left: 0;
    width: 40px
}

.stars-rating li a.star-5 {
    z-index: 6;
    left: 40px
}

.stars-rating li a.star-5:hover {
    left: 0;
    width: 50px
}

.stars-rating li a.star-6 {
    z-index: 5;
    left: 50px
}

.stars-rating li a.star-6:hover {
    left: 0;
    width: 60px
}

.stars-rating li a.star-7 {
    z-index: 4;
    left: 60px
}

.stars-rating li a.star-7:hover {
    left: 0;
    width: 70px
}

.stars-rating li a.star-8 {
    z-index: 3;
    left: 70px
}

.stars-rating li a.star-8:hover {
    left: 0;
    width: 80px
}

.stars-rating li a.star-9 {
    z-index: 2;
    left: 80px
}

.stars-rating li a.star-9:hover {
    left: 0;
    width: 90px
}

.stars-rating li a.star-10 {
    z-index: 1;
    left: 90px
}

.stars-rating li a.star-10:hover {
    left: 0;
    width: 100px
}

.stars-rating li[class*=rating-] {
    z-index: 1;
    display: block;
    height: 20px;
    padding: 0 !important;
    margin-left: 0 !important;
    text-indent: -999999px;
    background: url("https://xatab.org/assets/icons/star.svg") repeat scroll 0 -20px transparent;
    top: 0;
    left: 0;
    position: absolute
}

.stars-rating li.rating-0,
.stars-rating li.current-rating-0 {
    width: 0
}

.stars-rating li.rating-1,
.stars-rating li.current-rating-1 {
    width: 10px
}

.stars-rating li.rating-2,
.stars-rating li.current-rating-2 {
    width: 20px
}

.stars-rating li.rating-3,
.stars-rating li.current-rating-3 {
    width: 30px
}

.stars-rating li.rating-4,
.stars-rating li.current-rating-4 {
    width: 40px
}

.stars-rating li.rating-5,
.stars-rating li.current-rating-5 {
    width: 50px
}

.stars-rating li.rating-6,
.stars-rating li.current-rating-6 {
    width: 60px
}

.stars-rating li.rating-7,
.stars-rating li.current-rating-7 {
    width: 70px
}

.stars-rating li.rating-8,
.stars-rating li.current-rating-8 {
    width: 80px
}

.stars-rating li.rating-9,
.stars-rating li.current-rating-9 {
    width: 90px
}

.stars-rating li.rating-10,
.stars-rating li.current-rating-10 {
    width: 100px
}

.star-rating-mobile {
    font-size: 16px;
    font-weight: bold;
    display: none;
    width: 60px;
    height: 30px;
    padding: 5px 30px 5px 5px;
    text-align: right;
    color: #ff7705;
    border: none;
    background: #f4f4f4 url("https://xatab.org/assets/icons/star.svg") no-repeat scroll right 5px center;
    box-shadow: none;
    -webkit-appearance: none
}

@media(min-width: 320px)and (max-width: 599px) {
    .star-rating-mobile {
        display: block;
        margin: 5px auto
    }
}

.title {
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
    float: left;
    position: relative;
    width: 100%;
    padding: 10px;
    color: #35548f;
    border-top: 3px solid #35548f;
    border-bottom: 1px solid #bbb;
    background: #d9dde1;
    text-shadow: 0 1px 0 #fff
}

.title[class*=mvicon] {
    padding: 10px 10px 10px 40px
}

.title[class*=mvicon]::before {
    font-size: 16px;
    line-height: 28px;
    position: absolute;
    top: 5px;
    left: 5px;
    width: 30px;
    height: 30px;
    text-align: center;
    text-shadow: none
}

.title+.description {
    float: left;
    width: 100%;
    padding: 10px;
    color: #81909f;
    background-color: #f4f4f4
}

.title+.description strong {
    font-weight: normal
}

.title+.description+.rss {
    top: 13px;
    right: 10px;
    position: absolute
}

.title+.description a {
    text-decoration: underline
}

.edge-title {
    display: block;
    clear: both;
    background-color: #f4f4f4;
    box-shadow: 0 -2px 0 0 #d9dde1 inset
}

.edge-title .text {
    font-size: 20px;
    font-weight: bold;
    position: relative;
    display: inline-block;
    min-height: 40px;
    padding: .4em 20px;
    color: #35548f;
    background-color: #d9dde1;
    box-shadow: 3px 0 0 0 inset
}

.edge-title .text:before {
    top: 0;
    right: -20px;
    position: absolute;
    width: 0;
    height: 0;
    content: "";
    border-right: 20px solid transparent;
    border-bottom: 40px solid #d9dde1
}

.jp .edge-title .text {
    font-size: 16px
}

@media(min-width: 320px)and (max-width: 599px) {
    .edge-title {
        overflow: hidden
    }
}

.topics {
    height: 35px;
    z-index: 6;
    background: #f1f4f7;
    padding: 0 15px;
    width: 100%;
    position: relative;
    top: -10px;
    float: left
}

@media(max-width: 599px) {
    .topics {
        top: 53px;
        position: absolute
    }
}

.topics--container {
    text-align: left;
    position: relative;
    display: block;
    max-height: 35px;
    height: 100%
}

.topics--content {
    display: flex;
    overflow-x: auto;
    position: relative;
    padding: 0;
    overflow: hidden;
    vertical-align: middle;
    height: 100%
}

.topics--content ul {
    list-style: none;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    flex-wrap: nowrap;
    margin: 0;
    align-items: center
}

.topics--content ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    white-space: nowrap;
    height: 100%
}

.topics--content ul li:nth-child(1) {
    min-width: 10px
}

.topics--content ul li:nth-child(2) a:before {
    display: none
}

.topics--content ul li span {
    position: relative;
    overflow: hidden
}

.topics--content ul li span img {
    min-width: 10px;
    padding-top: 9px;
    width: 10px
}

.topics--content ul li a {
    position: relative;
    font-size: 12px;
    line-height: 12px;
    font-weight: 400;
    color: #60759c;
    padding: 10px 10px;
    display: block;
    top: 2px;
    transition: all linear .3s 0s
}

.topics--content ul li a:hover {
    color: #ff7705
}

.topics--content ul li a:before {
    content: "";
    top: 13px;
    left: -2px;
    background: #60759c;
    width: 5px;
    height: 5px;
    position: absolute;
    opacity: .4;
    border-radius: 100%
}

.topics--content ul::-webkit-scrollbar {
    display: none
}

.pca__header~.topics {
    position: relative;
    top: -8px;
    float: left
}

@media(max-width: 599px) {
    .pca__header~.topics {
        top: 123px;
        position: absolute !important;
        z-index: 2
    }
}

.topics.fancy {
    background-color: #ff7705
}

@media(max-width: 599px) {
    .topics.fancy {
        height: 38px
    }
}

.topics.fancy a {
    color: #fff;
    font-size: 15px
}

.topics.fancy a:hover {
    color: #fff
}

.topics.fancy a:before {
    content: "";
    background: #fff
}

.video {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    margin: 0;
    padding: 10px;
    list-style: none outside none
}

.video:first-child {
    border-top: medium none
}

.video h3,
.video h5 {
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    display: block;
    float: left;
    overflow: hidden;
    max-width: 80%;
    margin: 0;
    white-space: pre;
    text-overflow: ellipsis
}

.video .image {
    position: relative;
    z-index: 1;
    float: left;
    width: 100px;
    margin: 0;
    text-align: center
}

.video .image img {
    display: block;
    transition: opacity linear .3s 0s
}

.video .image::before {
    font-size: 30px;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    display: block;
    width: 30px;
    height: 30px;
    transform: translate(-50%, -50%);
    color: #65b14d
}

.video .image::after {
    position: absolute;
    z-index: auto;
    top: 50%;
    left: 50%;
    display: block;
    width: 20px;
    height: 20px;
    content: "";
    background: none repeat scroll 0 0 #fff;
    transform: translate(-50%, -50%)
}

.video .image .playvideo {
    font-family: arial;
    font-size: 10px;
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    padding: 2px 3px;
    color: #fff;
    background: #65b14d;
    background: none repeat scroll 0 0 rgba(53, 84, 143, .75)
}

.video .image:hover img {
    opacity: .5
}

.video .content {
    position: absolute;
    display: block;
    width: 100%;
    padding: 0 0 0 110px;
    text-align: left
}

.video .content .button {
    line-height: 20px;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 10px;
    min-width: 80px;
    height: 25px;
    padding: 2.5px 5px 2.5px 30px;
    text-align: center
}

.video .content .button::before {
    line-height: 25px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 25px;
    height: 25px;
    background: none repeat scroll 0 0 rgba(255, 255, 255, .1)
}

.video .new {
    float: left;
    margin: 2px 0 0 5px
}

.video .description {
    font-size: 13px;
    display: block;
    float: left;
    width: 100%;
    margin: 5px 0 0;
    color: #888
}

.video footer {
    font-size: .75em;
    line-height: 16px;
    position: absolute;
    z-index: 15;
    bottom: 20px;
    left: 0;
    float: left;
    width: 100%;
    height: 20px;
    margin: 0;
    color: #666
}

.video footer .date {
    font-size: 13px;
    line-height: 14px;
    position: absolute;
    bottom: 0;
    left: 120px;
    padding: 0 0 0 20px;
    color: #aaa
}

.video footer .date::before {
    font-weight: normal;
    position: absolute;
    top: 0;
    left: 0;
    display: block
}

.sidebar .sidebox .toplist {
    padding: 0
}

.sidebar .sidebox .toplist li {
    border-top: 1px solid #eee;
    display: table;
    margin: 0;
    padding: 10px
}

.sidebar .sidebox .toplist li .image {
    position: relative;
    z-index: 1;
    float: left;
    width: 100px;
    margin: 0;
    text-align: center
}

.sidebar .sidebox .toplist li .content {
    position: static;
    display: table-cell;
    float: none;
    width: 100%;
    padding-left: 20px;
    text-align: left;
    vertical-align: middle
}

.sidebar .sidebox .toplist li .content h3,
.sidebar .sidebox .toplist li .content h5 {
    display: table-cell;
    overflow: inherit;
    max-width: 100%;
    margin: 0;
    vertical-align: middle;
    white-space: normal
}

.sidebar .sidebox .toplist li.highlight {
    padding: 20px;
    text-align: center;
    width: 100%
}

.sidebar .sidebox .toplist li.highlight .image {
    display: inline-block;
    float: none;
    width: 280px;
    margin: 0 auto
}

.sidebar .sidebox .toplist li.highlight .image::before {
    font-size: 60px;
    width: 60px;
    height: 60px
}

.sidebar .sidebox .toplist li.highlight .image::after {
    height: 30px
}

.sidebar .sidebox .toplist li.highlight .content {
    position: relative;
    display: block;
    float: left;
    padding: 0
}

.sidebar .sidebox .toplist li.highlight .content h3 {
    display: block;
    width: 100%;
    text-align: center
}

.sidebar .sidebox .toplist li.highlight .content h3 a {
    font-size: 20px
}

@media(min-width: 320px)and (max-width: 599px) {
    .sidebar section .toplist .video.highlight {
        text-align: center
    }

    .sidebar section .toplist .video.highlight .image {
        display: inline-block;
        float: none;
        max-width: 280px;
        margin: 0 auto
    }

    .sidebar section .toplist .video.highlight .content {
        padding: 10px;
        text-align: center
    }

    .sidebar section .toplist .video.highlight .content h3 {
        display: inline;
        float: left
    }

    .sidebar section .toplist .video.highlight .content h3 a {
        font-size: 20px;
        display: inline
    }
}

@media(min-width: 600px)and (max-width: 767px) {
    .sidebar .sidebox .video-list .video {
        float: left;
        width: 50%
    }

    .sidebar .sidebox .video-list .video.highlight {
        display: block;
        min-height: 370px;
        padding: 10px;
        text-align: center
    }

    .sidebar .sidebox .video-list .video.highlight .image {
        display: inline-block;
        float: none;
        max-width: 280px;
        margin: 0 auto
    }

    .sidebar .sidebox .video-list .video.highlight .content {
        padding: 10px 0 0 0;
        text-align: center
    }

    .sidebar .sidebox .video-list .video.highlight .content h3 {
        display: inline;
        float: none
    }

    .sidebar .sidebox .video-list .video.highlight .content h3 a {
        font-size: 20px;
        display: inline
    }
}

.wide-list {
    clear: both
}

@media(min-width: 100px) {
    .wide-list {
        min-height: 220px;
        overflow: hidden
    }
}

.wide-list__content {
    display: flex;
    padding: 10px;
    justify-content: space-between
}

.wide-list__content_extra {
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
    justify-content: space-between
}

.wide-list__item {
    display: block;
    /* width: 100%; */
    margin: 10px;
    text-align: center
}

.wide-list__item a {
    font-weight: bold
}

.wide-list__item_extra {
    position: relative;
    width: 14%;
    margin: 10px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center
}

.wide-list__item_extra a {
    margin-top: 6px;
    font-weight: bold
}

.wide-list__item_extra a::before {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    content: ""
}

.wide-list.apps .wide-list__item {
    position: relative;
    padding: 0px;
    transition: box-shadow ease .3s 0s;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 0 0 2px #eee
}

.wide-list.apps .wide-list__item img {
    border-radius: 5px;
    display: block;
    margin: 0 auto 10px
}

.wide-list.apps .wide-list__item a {
    font-weight: bold;
    display: block;
    margin-bottom: 5px
}

.wide-list.apps .wide-list__item a:before {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    content: ""
}

.wide-list.apps .wide-list__item p {
    display: block;
    color: #888
}

.wide-list.apps .wide-list__item:hover {
    box-shadow: 0 0 0 2px #35548f, 0 2px 20px 0 rgba(0, 0, 0, .2)
}
.wide-list.apps .wide-list__item img {
    transition: transform 0.2s ease-in-out;
}

.wide-list.apps .wide-list__item:hover img {
    animation: zoomInOut 1s infinite alternate;
}

@keyframes zoomInOut {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0.95);
    }
}
.wide-list.qas .wide-list__item {
    position: relative
}

.wide-list.qas .wide-list__item img {
    transition: ease opacity .3s 0s;
    opacity: .9;
    border-radius: 2px
}

.wide-list.qas .wide-list__item a {
    font-weight: bold;
    display: block
}

.wide-list.qas .wide-list__item a:before {
    top: 0;
    left: 0;
    position: absolute;
    /* width: 100%; */
    height: 100%;
    content: ""
}

.wide-list.qas .wide-list__item:hover img {
    opacity: 1
}

.wide-list.articles .wide-list__content {
    flex-wrap: wrap
}

.wide-list.articles .wide-list__item {
    position: relative;
    overflow: hidden;
    width: calc(33.3333% - 20px);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1)
}

.wide-list.articles .wide-list__item img {
    display: block;
    width: 100%;
    transition: transform ease .3s 0s, opacity ease .3s 0s;
    opacity: .9
}

.wide-list.articles .wide-list__item__title {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    font-size: 16px;
    width: 100%;
    height: 100%;
    margin: 0;
    text-align: left
}

.wide-list.articles .wide-list__item__title h3 {
    bottom: 0;
    left: 0;
    position: absolute;
    line-height: 20px;
    width: 100%;
    padding: 10px;
    background-color: rgba(255, 255, 255, .9)
}

.wide-list.articles .wide-list__item:hover img {
    transform: scale(1.1) translate(0) rotate(0.01deg);
    transform-origin: center;
    opacity: 1
}

@media(min-width: 320px)and (max-width: 599px) {
    .wide-list__content {
        flex-wrap: wrap
    }

    .wide-list__item_extra {
        width: calc(50% - 20px)
    }

    .wide-list.apps .wide-list__item {
        width: calc(50% - 20px)
    }

    .wide-list.qas .wide-list__item {
        width: calc(50% - 20px)
    }

    .wide-list.articles .wide-list__item {
        width: 100%
    }
}

@media(min-width: 600px)and (max-width: 767px) {
    .wide-list__content {
        flex-wrap: wrap
    }

    .wide-list__item_extra {
        width: calc(33.3333% - 20px)
    }

    .wide-list.apps .wide-list__item {
        width: calc(50% - 20px)
    }

    .wide-list.qas .wide-list__item {
        width: calc(50% - 20px)
    }

    .wide-list.articles .wide-list__item {
        width: calc(50% - 20px)
    }
}

@media(min-width: 768px)and (max-width: 999px) {
    .wide-list__content {
        flex-wrap: wrap
    }

    .wide-list__item_extra {
        width: calc(33.3333% - 20px)
    }

    .wide-list.apps .wide-list__item {
        width: calc(33.3333% - 20px)
    }

    .wide-list.qas .wide-list__item {
        width: calc(33.3333% - 20px)
    }

    .wide-list.articles .wide-list__item {
        width: calc(33.3333% - 20px)
    }
}

@media(min-width: 1000px)and (max-width: 1199px) {
    .wide-list__content {
        flex-wrap: wrap
    }

    .wide-list__item_extra {
        width: calc(33.3333% - 20px)
    }

    .wide-list.apps .wide-list__item {
        width: calc(33.3333% - 20px)
    }

    .wide-list.qas .wide-list__item {
        width: calc(33.3333% - 20px)
    }

    .wide-list.articles .wide-list__item {
        width: calc(33.3333% - 20px)
    }
}

#WrapperTabs {
    float: left;
    overflow: hidden;
    width: 100%;
    margin-bottom: 20px;
    box-shadow: 0 0 0 1px #eee inset
}

#WrapperTabs>.title {
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
    position: relative;
    float: left;
    width: 100%;
    padding: 0;
    color: #35548f;
    border-top: 3px solid #35548f;
    border-bottom: 1px solid #bbb;
    background: #d9dde1;
    text-shadow: 0 1px 0 #fff
}

#WrapperTabs>.title ul {
    position: relative;
    z-index: 3;
    float: left;
    width: 100%;
    margin: 0;
    text-align: center
}

#WrapperTabs>.title ul li {
    font-size: 16px;
    line-height: 40px;
    position: relative;
    display: block;
    float: left;
    width: 25%;
    height: 40px;
    margin: 0;
    cursor: pointer
}

#WrapperTabs>.title ul li span {
    position: relative;
    padding: 0 0 0 30px;
    color: #81909f
}

#WrapperTabs>.title ul li span:hover {
    color: #35548f
}

#WrapperTabs>.title ul li span:before {
    font-size: 22px;
    line-height: 20px;
    text-indent: 0;
    text-transform: none;
    top: 0;
    left: 0;
    position: absolute
}

#WrapperTabs>.title ul li.active {
    position: relative;
    top: -3px;
    box-shadow: 0 3px 0 0 #ff7705 inset
}

#WrapperTabs>.title ul li.active span {
    position: relative;
    top: 3px;
    color: #ff7705
}

#WrapperTabs .subtitle {
    padding: 0;
    text-align: right
}

#WrapperTabs .tab .description {
    float: left;
    width: 100%;
    padding: 10px;
    color: #888;
    background: none repeat scroll 0 0 #f4f4f4
}

@media(min-width: 320px)and (max-width: 599px) {
    #WrapperTabs .title ul li {
        width: 25%
    }

    #WrapperTabs .title ul li span {
        display: block;
        padding: 0;
        text-indent: -999999px
    }

    #WrapperTabs .title ul li span:before {
        line-height: 40px;
        height: 40px;
        width: 100%
    }

    #WrapperTabs.docs .title ul li {
        width: 33.333%
    }
}

@media(min-width: 600px)and (max-width: 767px) {
    #WrapperTabs .title ul li {
        width: 25%
    }

    #WrapperTabs .title ul li:before {
        text-indent: inherit
    }

    #WrapperTabs .title ul li span {
        display: block;
        padding: 0
    }

    #WrapperTabs .title ul li span:before {
        position: relative;
        display: inline;
        margin: 0 5px 0 0;
        vertical-align: middle
    }

    #WrapperTabs.docs .title ul li {
        width: 33.333%
    }
}

#Highlights .content {
    display: flex;
    padding: 20px;
    justify-content: space-between
}

#Highlights .content .app {
    position: relative;
    width: calc(50% - 10px);
    text-align: center
}

#Highlights .content .app .app-title {
    font-size: 24px
}

#Highlights .content .app .app-title a:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: ""
}

#Highlights .content .app p {
    color: #888
}

#Recommend .app-download {
    float: left;
    width: 50%;
    min-height: 100px;
    padding-bottom: 0;
    padding-left: 100px
}

#Recommend .app-download img {
    left: 20px;
    width: 64px
}

#Recommend .app-download h3,
#Recommend .app-download h5 {
    font-size: 18px
}

.ru #Recommend .app-download h3,
.ru #Recommend .app-download h5 {
    font-size: 16px
}

#Recommend .app-download h3 a,
#Recommend .app-download h5 a {
    padding: 0
}

#Recommend .app-download h3 a::before,
#Recommend .app-download h5 a::before {
    top: 10px;
    left: 20px;
    width: 64px;
    height: 64px
}

#Recommend .app-download p {
    padding: 0
}

@media(min-width: 320px)and (max-width: 599px) {
    .frontpage {
        margin: 0
    }

    #Highlights {
        margin: 0
    }

    #Highlights .content {
        flex-wrap: wrap
    }

    #Highlights .content .app {
        width: 100%
    }

    #Highlights .content .app+.app {
        margin-top: 20px;
        padding-top: 20px;
        box-shadow: 0 1px 0 0 #eee inset
    }

    .app-list.docs .app-download p {
        display: none
    }

    .app-list.docs .app-download h3,
    .app-list.docs .app-download h5 {
        max-width: 100%
    }

    .app-list.docs .app-download .footer {
        top: inherit;
        bottom: 10px
    }

    .app-list.docs .app-download .footer .size {
        left: 10px
    }
}

@media(min-width: 600px)and (max-width: 767px) {
    .frontpage {
        margin: 0
    }

    .frontpage #Navigation.home {
        position: relative;
        top: inherit;
        padding-bottom: 0;
        border: none
    }

    #Highlights .app-download h3 {
        font-size: 18px;
        line-height: 18px
    }

    #Highlights .app-download h3 a {
        top: 0;
        width: 100%
    }

    #Highlights .app-download .button {
        top: 140px;
        width: calc(100% - 40px)
    }
}

#Web {
    position: relative;
    z-index: auto;
    display: inline-block;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    background-color: #fff;
    text-align: left
}

#Web.home.articles {
    background: #eee
}

#MainContent {
    display: inline-block;
    position: relative;
    z-index: 5;
    width: 100%;
    margin-top: 20px
}

#MainContent.frontpage {
    margin-top: 90px
}

#MainContent.err404 main {
    width: 100%
}

main {
    float: left;
    width: calc(100% - 380px)
}

.profile>main {
    position: relative;
    padding-top: 10px;
    border-top: 3px solid #35548f
}

main>section {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 20px;
    word-break: break-word;
    box-shadow: 0 0 0 1px #eee inset
}

.articles main {
    position: relative;
    width: 100%
}

.articles main.tags {
    width: calc(100% - 380px)
}

.articles main.not-found {
    width: calc(100% - 380px)
}

#Footer {
    clear: both
}

@media(min-width: 320px)and (max-width: 999px) {
    #Web {
        max-width: 100vw
    }

    main {
        width: 100%
    }

    .articles main.tags {
        width: 100%
    }

    .articles main.not-found {
        width: 100%
    }

    #MainContent.frontpage {
        margin: 0
    }
}

@media(min-width: 320px)and (max-width: 599px) {
    #Web {
        padding: 60px 0 0
    }

    #Web.has--topics {
        padding: 95px 0 0
    }

    #MainContent {
        margin: 0
    }

    #MainContent.profile {
        margin: 0
    }

    #MainContent .user-profile {
        margin-top: 20px
    }

    .profile>main {
        padding: 0;
        border: none
    }
}

@media(min-width: 600px)and (max-width: 767px) {
    #Web {
        width: 100%;
        min-width: 600px
    }

    #Web.articles #MainContent {
        margin-top: 0
    }

    #MainContent.profile {
        margin: 0
    }

    #MainContent .user-profile {
        margin-top: 20px
    }

    #MainContent .notfound {
        padding: 10px;
        background: none
    }

    #MainContent.single-video {
        margin: 0
    }

    .profile>main {
        margin-top: 0;
        padding-top: 0;
        border: none
    }
}

@media(min-width: 1000px)and (max-width: 1199px) {
    main {
        width: calc(100% - 360px)
    }
}

#Header {
    position: relative;
    float: left;
    width: 100%;
    height: 100px;
    margin-bottom: 10px;
    background: none repeat scroll 0 0 #d9dde1;
    box-shadow: 0 3px 0 #35548f inset
}

#Header .logomv {
    z-index: 10;
    width: 150px;
    height: 100px;
    opacity: 1;
    background: url(https://xatab.org/assets/icons/favicon.png) scroll no-repeat center center #35548f;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    top: 0;
    left: 0;
    position: absolute;
    -ms-background-size: 100% 100%
}

#Header .logomv img {
    display: none
}

#Header .show-menunav {
    display: none;
    width: 40px;
    height: 30px;
    cursor: pointer;
    top: 10px;
    right: 50px;
    position: absolute
}

#Header .menunav {
    float: left;
    width: calc(100% - 50px);
    height: 50px;
    padding-left: 150px
}

#Header ul {
    position: relative;
    z-index: 1;
    top: 0;
    left: 0;
    float: left;
    width: 100%;
    height: 45px
}

#Header ul li {
    position: relative;
    float: left;
    width: 14.28%;
    height: 45px;
    margin: 0;
    list-style: none;
    text-align: center
}

#Header ul li a {
    font-size: 14px;
    font-weight: bold;
    line-height: 32px;
    position: relative;
    display: inline-block;
    height: 32px;
    margin: 10px 0 0 0;
    padding: 0 0 0 32px;
    transition: all linear .3s 0s;
    text-decoration: none;
    color: #81909f
}

#Header ul li a::before {
    font-size: 21px;
    line-height: 32px;
    position: absolute;
    left: 0;
    width: 32px;
    height: 32px;
    text-indent: 0
}

.jp #Header ul li a {
    letter-spacing: 0
}

#Header ul li:hover a {
    text-decoration: none;
    color: #35548f
}

#Header ul li.selected {
    box-shadow: 0 3px 0 #ff7705 inset
}

#Header ul li.selected a {
    text-decoration: none;
    color: #ff7705
}

#Header .show-form-search {
    position: absolute;
    top: 12px;
    right: 13px;
    display: none;
    width: 32px;
    height: 32px;
    cursor: pointer
}

#Header .form-search {
    position: absolute;
    z-index: 1;
    bottom: 10px;
    display: block;
    width: 100%;
    height: 35px;
    padding: 0 10px 0 160px
}

#Header .form-search.show {
    display: block
}

#Header .form-search .bustexto {
    position: absolute;
    z-index: 10;
    bottom: 40px;
    left: 10px;
    color: #888;
    text-shadow: 0 1px 0 #fff
}

#Header .form-search .form_txt {
    font: bold 14px/20px Trebuchet MS, Tahoma, Helvetica;
    float: left;
    width: 100%;
    height: 35px;
    margin: 0;
    padding: 0 40px 0 5px;
    color: #35548f;
    border: none
}

#Header .form-search .submit {
    z-index: 2;
    display: block;
    width: 35px;
    height: 35px;
    padding: 0;
    cursor: pointer;
    text-indent: -99999px;
    border: medium none;
    background: transparent;
    box-shadow: none;
    top: 0;
    right: 10px;
    position: absolute
}

#Header .login-user {
    font-weight: bold;
    line-height: 30px;
    display: block;
    width: 40px;
    height: 30px;
    transition: color ease .3s 0s;
    text-align: center;
    text-align: right;
    color: #81909f;
    box-shadow: 1px 0 0 rgba(0, 0, 0, .1) inset;
    top: 10px;
    right: 10px;
    position: absolute
}

#Header .login-user:hover {
    color: #35548f
}

#Header .login-user:before {
    font-size: 21px;
    line-height: 32px;
    display: block;
    width: 50px;
    height: 32px;
    text-align: center;
    top: 0;
    left: 0;
    position: absolute
}

#Header .login-user .facebook {
    font-size: 12px;
    line-height: 24px;
    overflow: hidden;
    width: 16px;
    height: 16px;
    color: #fff;
    right: 0;
    bottom: 0;
    position: absolute
}

.is-logged #Header .login-user:before {
    display: none
}

#Header .user-panel {
    z-index: 7;
    width: 150px;
    height: 100px;
    background: #81909f;
    box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .1);
    top: 54px;
    right: 0px;
    position: absolute
}

#Header .user-panel:before {
    display: block;
    width: 0;
    height: 0;
    content: "";
    border-right: 10px solid transparent;
    border-bottom: 8px solid #81909f;
    border-left: 10px solid transparent;
    top: -8px;
    right: 16px;
    position: absolute
}

#Header .user-panel .log-off {
    font-weight: bold;
    line-height: 25px;
    width: 130px;
    height: 35px;
    padding: 5px 5px 5px 35px;
    transition: all .5s ease 0s;
    text-align: center;
    opacity: .5;
    color: #fff;
    background: #81909f;
    right: 10px;
    bottom: 10px;
    position: absolute
}

#Header .user-panel .log-off:hover {
    opacity: 1;
    background: none repeat scroll 0 0 #dd4b37
}

#Header .user-panel .log-off::before {
    line-height: 35px;
    display: block;
    width: 35px;
    height: 35px;
    text-align: center;
    background: none repeat scroll 0 0 #fff;
    top: 0;
    left: 0;
    position: absolute
}

#Header .user-panel .log-off::after {
    content: "";
    line-height: 35px;
    display: block;
    width: 35px;
    height: 35px;
    text-align: center;
    background: none repeat scroll 0 0 rgba(255, 255, 255, .1);
    top: 0;
    left: 0;
    position: absolute
}

#Header .user-panel .user-nick {
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
    overflow: hidden;
    width: 130px;
    height: 35px;
    padding: 5px 5px 5px 40px;
    text-align: center;
    white-space: pre;
    text-overflow: ellipsis;
    color: #eee;
    top: 10px;
    right: 10px;
    position: absolute
}

#Header .user-panel .user-nick:before {
    font-size: 24px;
    line-height: 35px;
    display: block;
    width: 35px;
    height: 35px;
    text-align: center;
    top: 0;
    left: 0;
    position: absolute
}

#Header .user-panel .user-nick:hover {
    color: #fff
}

@media(min-width: 320px)and (max-width: 599px) {
    #Header {
        position: fixed;
        z-index: 20;
        top: 0;
        display: block;
        overflow: visible;
        width: 100%;
        height: 50px;
        margin: 0;
        background: #35548f;
        box-shadow: 0 3px 0 0 #ff7705
    }

    #Header .logomv {
        float: left;
        width: 150px;
        height: 50px;
        background: none
    }

    #Header .logomv img {
        display: block
    }

    #Header .show-menunav {
        top: 0;
        right: 100px;
        position: absolute;
        display: block;
        width: 70px;
        height: 50px;
        max-height: inherit;
        padding: 10px;
        opacity: .5
    }

    #Header .show-menunav.hide {
        opacity: 1
    }

    #Header .show-menunav.hide .ico-show-menunav {
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        -ms-transform-origin: center center 0;
        transform-origin: center center 0
    }

    #Header .show-menunav.hide+.menunav {
        display: none
    }

    #Header .menunav {
        position: absolute;
        z-index: 10;
        top: 53px;
        left: 0;
        display: block;
        overflow: hidden;
        width: 100%;
        min-height: 160px;
        max-height: 160px;
        padding: 0;
        transition: all .2s ease 0s
    }

    #Header .menunav ul {
        position: static;
        top: inherit;
        float: left;
        height: auto;
        background: 0 0 #35548f
    }

    #Header .menunav ul li {
        width: 50%;
        height: auto;
        margin: 0;
        border: none;
        box-shadow: 1px 1px 0 0 rgba(255, 255, 255, .25)
    }

    #Header .menunav ul li:first-child {
        border: none
    }

    #Header .menunav ul li a,
    #Header .menunav ul li a:hover {
        font-size: 16px;
        line-height: 24px;
        display: block;
        float: left;
        width: 100%;
        height: 40px;
        margin: 0;
        padding: 10px 10px 10px 40px;
        text-align: left;
        text-indent: 0;
        color: #fff !important;
        text-shadow: none
    }

    #Header .menunav ul li a::before {
        top: 5px;
        left: 5px
    }

    #Header .menunav ul li.selected {
        top: 0;
        background: transparent
    }

    #Header .menunav ul li.selected::after,
    #Header .menunav ul li.selected::before {
        display: none
    }

    #Header .show-form-search {
        display: block;
        width: 50px;
        height: 50px;
        max-height: inherit;
        padding: 10px;
        opacity: .5;
        top: 0px;
        right: 50px;
        position: absolute
    }

    #Header .show-form-search::before {
        font-size: 24px;
        line-height: 50px;
        width: 50px;
        height: 50px;
        text-align: center;
        color: #eee;
        top: 0;
        left: 0;
        position: absolute
    }

    #Header .show-form-search.hide {
        opacity: 1
    }

    #Header .show-form-search.hide+.form-search {
        display: none
    }

    #Header .form-search {
        z-index: 10;
        width: 100%;
        height: 60px;
        padding: 10px;
        background: none repeat scroll 0 0 #35548f;
        top: 53px;
        left: 0;
        position: absolute
    }

    #Header .form-search .form_txt {
        display: block;
        width: 100%;
        height: 40px;
        padding: 0 40px 0 5px
    }

    #Header .form-search .submit {
        top: 10px;
        right: 10px;
        display: block;
        width: 40px;
        height: 40px
    }

    #Header .login-user {
        display: block;
        width: 50px;
        height: 50px;
        max-height: inherit;
        padding: 10px;
        color: #fff;
        box-shadow: none;
        top: 0;
        right: 0;
        position: absolute
    }

    #Header .login-user::before {
        font-size: 24px;
        line-height: 50px;
        width: 50px;
        height: 50px;
        text-align: center;
        color: #eee;
        top: 0;
        left: 0;
        position: absolute
    }

    #Header .login-user .facebook {
        right: 10px;
        bottom: 10px
    }

    #Header .show-form-login.logged::before {
        display: none
    }

    #Header .show-form-login.hide {
        opacity: 1
    }

    #Header .show-form-login.hide+.user-panel {
        display: none
    }

    #Header .form-login {
        top: 53px;
        height: 55px;
        padding: 0;
        background: none repeat scroll 0 0 #eee;
        box-shadow: none
    }

    #Header .form-login .login-user {
        right: inherit;
        left: 10px;
        width: 45%
    }

    #Header .form-login .new-user {
        width: 45%
    }

    #Header .user-panel {
        top: 53px;
        width: 100%;
        height: 55px;
        padding: 0;
        background: none repeat scroll 0 0 #d9dde1;
        box-shadow: 0 5px 0 0 rgba(0, 0, 0, .1)
    }

    #Header .user-panel:before {
        display: none
    }

    .show-form-login.hide+.user-panel {
        display: none
    }

    #Header .user-panel .new-user {
        top: 10px;
        left: 10px;
        width: 40%;
        min-width: 140px
    }

    .ru #Header .user-panel .new-user {
        width: calc(100% - 20px)
    }

    #Header .user-panel .user-nick {
        top: 10px;
        right: inherit;
        left: 5px;
        width: 70%;
        text-align: left;
        color: #81909f;
        background: none
    }

    #Header .user-panel .user-nick:hover {
        color: #35548f
    }

    #Header .user-panel .user-nick img {
        top: 0;
        left: 5px;
        position: absolute
    }

    #Header .user-panel .user-nick .facebook {
        font-size: 12px;
        line-height: 24px;
        overflow: hidden;
        width: 16px;
        height: 16px;
        text-align: right;
        color: #fff;
        bottom: 5px;
        left: 15px;
        position: absolute
    }

    #Header .user-panel .log-off {
        bottom: 15px;
        max-width: 30px;
        height: 30px;
        padding: 5px 0 5px 30px;
        text-indent: -99999px
    }

    #Header .user-panel .log-off:before {
        line-height: 30px;
        width: 30px;
        height: 30px;
        text-indent: 0
    }
}

@media(min-width: 600px)and (max-width: 767px) {
    #Header {
        display: table;
        width: 100%
    }

    #Header .menunav ul li a {
        text-indent: -99999px
    }

    #Header .menunav ul li.selected:after,
    #Header .menunav ul li.selected:before {
        display: none
    }

    #Header .form-search {
        margin: 0;
        padding: 0 10px 0 160px
    }

    #Header .show-form-search {
        display: none
    }
}

@media(min-width: 768px)and (max-width: 999px) {
    #Header {
        display: table;
        width: 100%
    }

    #Header .logomv {
        position: absolute;
        z-index: 10;
        display: block;
        float: none;
        width: 150px;
        height: 100px;
        background: url("https://xatab.org/assets/icons/favicon.png") scroll no-repeat center center #35548f;
        -moz-background-size: 100% 100%;
        background-size: 100% 100%;
        -ms-background-size: 100% 100%
    }

    #Header .menunav ul li a {
        text-indent: -999999px
    }

    #Header .menunav ul li.selected:after,
    #Header .menunav ul li.selected:before {
        display: none
    }

    #Header .form-search {
        padding: 0 10px 0 160px
    }

    #Header .show-form-search {
        display: none
    }
}

.sidebar {
    float: right;
    width: 340px;
    margin-bottom: 20px
}

.articles .post .sidebar {
    top: 0;
    right: 0;
    position: absolute
}

.sidebar .sidebox {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 10px;
    box-shadow: 0 0 0 1px #eee inset
}

@media(min-width: 1000px) {
    .sidebar .sidebox.platform {
        overflow: hidden;
        min-height: 134px
    }

    .sidebar .sidebox.platform .app-download {
        height: 90px;
        overflow: hidden
    }
}

@media(min-width: 1000px) {
    .sidebar .sidebox.social {
        height: 130px
    }
}

.articles .sidebar .sidebox {
    box-shadow: none
}

.sidebar .sidebox [class*=mvicon-].title p {
    margin-left: 30px
}

.sidebar .sidebox>.title {
    font-size: 1em;
    font-weight: bold;
    line-height: 20px;
    position: relative;
    z-index: 10;
    float: left;
    width: 100%;
    padding: 10px;
    text-align: center;
    color: #35548f;
    border-top: 3px solid #35548f;
    border-bottom: 1px solid #bbb;
    box-shadow: none;
    text-shadow: 0 1px #fff
}

.sidebar .sidebox>.title p {
    text-align: left
}

.sidebar .sidebox>.title a {
    display: block;
    width: 100%;
    color: #35548f;
    text-shadow: 0 1px #fff
}

.sidebar .sidebox>.title a:hover {
    text-decoration: none
}

.sidebar .sidebox>.title a::before {
    font-size: 14px;
    line-height: 20px;
    position: absolute;
    right: 10px;
    display: block;
    width: 20px;
    height: 20px;
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: .5
}

.sidebar .sidebox>.title a:hover::before {
    opacity: 1
}

.sidebar .sidebox ol {
    float: left;
    width: 100%
}

.sidebar .sidebox ol li {
    font-size: 14px;
    font-weight: bold;
    line-height: 22px;
    margin: 0;
    padding: 0 0 0 40px;
    border-top: 1px solid #eee
}

.sidebar .sidebox ol li::before {
    font-size: 20px;
    font-weight: bold;
    line-height: 22px;
    width: 30px;
    text-align: right;
    color: #819ccf;
    top: 10px;
    left: 10px;
    position: absolute
}

.sidebar .sidebox ol li:hover::before {
    color: #35548f
}

.sidebar .sidebox ol li a,
.sidebar .sidebox ol li>span {
    display: block;
    padding: 10px 20px
}

.sidebar .sidebox .lat-idiomas {
    text-align: center
}

.sidebar .sidebox .lat-idiomas li {
    position: relative;
    display: inline-block;
    min-width: 50%;
    margin: 0;
    padding: 5px;
    list-style: none outside none !important;
    text-align: center
}

.sidebar .sidebox .lat-idiomas li a {
    line-height: 20px;
    display: inline !important;
    float: left
}

.sidebar .sidebox .lat-idiomas li span {
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    margin: 0 10px 0 0;
    vertical-align: bottom
}

.sidebar .sidebox.best>.title {
    border: none
}

.sidebar .link-mediakit {
    display: table;
    float: left;
    width: 100%;
    padding: 10px;
    text-align: center
}

.sidebar .link-mediakit a {
    font-weight: bold;
    display: table-cell;
    width: 270px;
    height: 60px;
    padding: 0 10px;
    vertical-align: middle;
    color: #35548f;
    background: #eef3f9
}

.sidebar .link-mediakit a:hover {
    box-shadow: 0 0 0 1px #d1dfef inset
}

.alt-download .sidebar .sidebox [class*=mvicon-].title p {
    margin-left: 0px
}

.alt-download .sidebar .sidebox>.title p {
    text-align: center
}

@media(min-width: 320px)and (max-width: 1023px) {
    .sidebar {
        margin: 0
    }

    .articles .post .sidebar {
        position: static
    }
}

@media(min-width: 320px)and (max-width: 999px) {
    .sidebar .sidebox ol li:before {
        top: 10px;
        left: 10px
    }

    .sidebar .sidebox ol li a {
        padding: 10px
    }
}

@media(min-width: 320px)and (max-width: 599px) {
    .sidebar {
        width: 100%;
        max-width: inherit;
        padding: 0
    }

    .sidebar .sidebox .categories .child {
        display: none
    }

    .sidebar .sidebox .categories .child a {
        display: block;
        margin: 0;
        padding: 14px 0
    }

    .sidebar .sidebox .categories .child a:after {
        display: none
    }
}

@media(min-width: 600px)and (max-width: 767px) {
    .sidebar {
        width: 100%;
        max-width: inherit;
        padding: 0
    }
}

@media(min-width: 768px)and (max-width: 999px) {
    .sidebar {
        width: 100%
    }

    .articles .sidebar {
        width: 100%;
        max-width: inherit;
        padding: 0
    }
}

@media(min-width: 768px)and (max-width: 1023px) {
    .home.articles .sidebar {
        width: 100%;
        max-width: inherit;
        padding: 0
    }

    .articles .sidebar {
        width: 100%;
        max-width: inherit;
        padding: 0
    }
}

#Footer {
    position: relative;
    float: left;
    overflow: hidden;
    width: 100%;
    padding-top: 20px;
    border-top: 3px solid #35548f
}

#Footer .links {
    margin-bottom: 10px
}

#Footer .links a {
    font-size: 14px;
    font-weight: normal;
    line-height: 22px;
    display: block;
    margin-bottom: 10px;
    color: #81909f
}

#Footer .links span {
    font-size: 18px;
    display: block;
    padding: 0 0 10px;
    color: #81909f
}

#Footer .links.util {
    font-weight: bold;
    position: relative;
    float: left;
    width: 20%;
    margin-left: 20px;
    padding: 0 0 0 30px
}

#Footer .links.util::before {
    color: #81909f;
    top: 2px;
    left: 2px;
    position: absolute
}

#Footer .links.us {
    font-weight: bold;
    position: relative;
    z-index: 5;
    float: left;
    width: 20%;
    padding: 0 0 0 30px
}

#Footer .links.us::before {
    color: #81909f;
    top: 2px;
    left: 2px;
    position: absolute
}

#Footer .mv-world {
    position: relative;
    z-index: 1;
    float: right;
    width: 560px;
    margin-bottom: 10px;
    padding: 0;
    text-align: center
}

#Footer .mv-world::before {
    z-index: -1;
    opacity: .05;
    top: -60px;
    right: -170px;
    position: absolute;
    background-size: 500px;
    -webkit-mask-size: 500px;
    webkit-mask-size: 500px;
    width: 500px;
    height: 500px
}

#Footer .mv-world a {
    font-size: 14px;
    display: block;
    float: left;
    width: 33.33%;
    height: 30px;
    margin: 0 0 10px;
    padding: 0 0 0 30px;
    text-align: left;
    color: #81909f;
    background-size: 16px
}

#Footer .mv-world span {
    font-size: 18px;
    display: block;
    padding: 0 0 10px;
    text-align: left;
    color: #81909f
}

#Footer .social {
    position: relative;
    float: left;
    width: calc(100% - 40px);
    margin: 0 20px 20px;
    text-align: center
}

#Footer .social::before {
    display: block;
    width: 40%;
    height: 10px;
    margin: 0;
    content: "";
    border-top: 1px solid rgba(0, 0, 0, .1);
    top: 10px;
    left: 0;
    position: absolute
}

#Footer .social::after {
    display: block;
    width: 40%;
    height: 10px;
    margin: 0;
    content: "";
    border-top: 1px solid rgba(0, 0, 0, .1);
    top: 10px;
    right: 0;
    position: absolute
}

#Footer .social li {
    display: inline-block;
    overflow: hidden;
    width: 20px;
    height: 20px;
    margin: 0 10px;
    letter-spacing: 0
}

#Footer .social li a {
    display: block;
    overflow: hidden;
    width: 20px;
    height: 20px;
    margin: 0
}

#Footer .social li a::before {
    font-size: 20px;
    line-height: 20px;
    width: 20px;
    height: 20px;
    color: #81909f
}

#Footer .copyright {
    font-size: 13px;
    line-height: 30px;
    position: absolute;
    top: 18px;
    right: 0;
    width: 100%;
    text-align: center;
    color: #819ccf
}

#Footer .copyright span {
    font-size: 10px
}

.jp #Footer .copyright {
    letter-spacing: 0
}

#Footer .firmlogo {
    z-index: 1;
    display: block;
    width: 110px;
    height: 15px;
    margin: 0;
    text-align: center;
    text-indent: -99999px;
    background-image: url("https://xatab.org/assets/icons/firmlogo.png");
    background-size: 100% 100%;
    top: 25px;
    right: 20px;
    position: absolute
}

#Footer .footer-logo {
    position: relative;
    z-index: 1;
    float: left;
    width: 100%;
    height: 60px;
    background-color: #35548f
}

#Footer .footer-logo .mvlogo {
    width: 150px;
    height: 50px;
    background-color: #35548f;
    top: 5px;
    left: 10px;
    position: relative
}

#Footer .footer-logo .mvlogo span {
    font-size: 10px;
    font-weight: bold;
    display: block;
    width: 100%;
    text-align: center;
    color: #ddd;
    top: 20px;
    left: 0;
    position: relative
}

#Footer .tags {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 20px;
    padding: 20px;
    text-align: center;
    background-color: rgba(0, 0, 0, .025)
}

#Footer .tags a {
    color: #81909f
}

#Footer .tags:before {
    top: 22px !important;
    position: absolute !important;
    background-color: #81909f
}

@media(max-width: 999px) {
    #Footer .tags:before {
        top: 31px !important
    }
}

@media(max-width: 495px) {
    #Footer .tags:before {
        top: 23px !important
    }
}

#Footer .tags p {
    font-size: 18px;
    display: inline-block;
    margin-right: 10px;
    color: #81909f
}

#Footer .tags p a {
    padding-left: 20px
}

#Footer .tags ul {
    display: inline-block
}

#Footer .tags ul li {
    display: inline-block
}

#Footer .tags ul li a {
    font-size: 14px;
    font-weight: normal;
    line-height: 22px;
    display: inline-block;
    margin: 0 5px
}

#Footer .tags ul li:first-child a:before {
    display: none
}

#Footer.lite .us,
#Footer.lite .util {
    float: left;
    width: calc(50% - 20px);
    margin: 0 0 20px 20px;
    padding-left: 30px
}

#Footer.lite .us a,
#Footer.lite .util a {
    display: inline-block;
    float: left;
    padding: 10px 30px 0 0
}

@media(min-width: 320px)and (max-width: 999px) {
    #Footer {
        text-align: center
    }

    #Footer .links.us span,
    #Footer .links.util span {
        font-size: 16px;
        font-weight: bold;
        text-transform: uppercase
    }

    #Footer .tags p {
        margin-right: 0;
        padding-right: 0;
        border: none
    }

    #Footer .tags p a:before {
        display: none
    }

    #Footer .tags ul {
        margin: 10px 0
    }

    #Footer .tags ul li a {
        padding: 8px 5px
    }

    #Footer .tags ul li a:before {
        display: none
    }
}

@media(min-width: 320px)and (max-width: 599px) {

    #Footer .links a,
    #Footer .links span {
        font-size: 12px;
        font-weight: bold;
        margin: 0 10px 0 0;
        padding: 0;
        text-shadow: none
    }

    #Footer .links.us,
    #Footer .links.util {
        width: calc(50% - 10px);
        margin: 0 0 0 10px;
        padding: 0;
        text-align: left;
        box-shadow: none
    }

    #Footer .links.us:before,
    #Footer .links.util:before {
        display: none
    }

    #Footer .links.us a,
    #Footer .links.util a {
        font-size: 13px;
        font-weight: normal;
        float: none;
        padding: 10px 0
    }

    #Footer .footer-logo {
        height: 100px
    }

    #Footer .footer-logo .mvlogo {
        display: none
    }

    #Footer .footer-logo .copyright {
        line-height: 20px;
        top: 10px;
        left: 0;
        width: 60%;
        margin: 0 20%;
        text-align: center
    }

    #Footer .footer-logo .firmlogo {
        position: absolute;
        z-index: 1;
        top: 65px;
        right: 50%;
        display: block;
        width: 110px;
        height: 15px;
        margin: 0 -55px;
        text-align: center;
        text-indent: -99999px;
        background-image: url("https://xatab.org/assets/icons/firmlogo.png");
        background-size: 100% 100%
    }

    #Footer .mv-world {
        width: 100%;
        margin: 0;
        padding: 10px;
        text-align: center
    }

    #Footer .mv-world::before {
        display: none
    }

    #Footer .mv-world a {
        display: inline-block;
        float: none;
        width: 20px;
        text-indent: -99999px
    }

    #Footer .social::before,
    #Footer .social::after {
        display: none
    }

    #Footer.lite .us,
    #Footer.lite .util {
        position: static;
        width: calc(50% - 10px);
        margin: 0 0 20px 10px;
        padding: 0
    }

    #Footer.lite .us a,
    #Footer.lite .util a {
        display: block
    }
}

@media(min-width: 600px)and (max-width: 767px) {

    #Footer .links.us,
    #Footer .links.util {
        width: calc(50% - 20px);
        padding: 0 0 0 30px;
        text-align: left
    }

    #Footer .mv-world {
        width: 100%
    }

    #Footer .mv-world a {
        display: inline-block;
        float: none;
        width: 20px;
        margin: 5px;
        padding: 0 0 0 25px;
        text-indent: -99999px
    }

    #Footer .social::before,
    #Footer .social::after {
        display: none
    }

    #Footer .footer-logo {
        height: 60px
    }

    #Footer .footer-logo .mvlogo {
        display: none
    }

    #Footer .footer-logo .copyright {
        line-height: 20px;
        top: 20px;
        left: 0;
        width: 100%;
        margin: 0;
        padding: 0 20px;
        text-align: left
    }

    #Footer .footer-logo .firmlogo {
        position: absolute;
        z-index: 1;
        top: 25px;
        right: 20px;
        display: block;
        width: 110px;
        height: 15px;
        margin: 0;
        text-align: center;
        text-indent: -99999px;
        background-image: url("https://xatab.org/assets/icons/firmlogo.png");
        background-size: 100% 100%
    }

    #Footer.lite .us,
    #Footer.lite .util {
        width: calc(100% - 20px);
        margin: 0 0 20px 20px
    }

    #Footer.lite .us a,
    #Footer.lite .util a {
        float: left
    }

    #Footer.lite .us span+a,
    #Footer.lite .util span+a {
        padding-left: 0;
        border: none
    }

    #Footer.lite .social {
        width: 100%;
        margin: 0 0 20px
    }

    #Footer.lite .social li {
        margin: 0 9px
    }
}

@media(min-width: 768px)and (max-width: 999px) {

    #Footer .links a,
    #Footer .links span {
        font-size: 12px;
        font-weight: bold;
        text-shadow: none
    }

    #Footer .links.us,
    #Footer .links.util {
        width: 25%;
        padding: 0 0 0 30px;
        text-align: left
    }

    #Footer .links.us a,
    #Footer .links.util a {
        font-size: 13px;
        float: none
    }

    #Footer .mv-world {
        width: 45%;
        margin: 0;
        text-align: center
    }

    #Footer .mv-world a {
        width: 50%
    }

    #Footer .social {
        width: 100%;
        margin: 0 0 20px
    }

    #Footer .social::before,
    #Footer .social::after {
        display: none
    }

    #Footer .footer-logo {
        height: 60px
    }

    #Footer .footer-logo .mvlogo {
        display: none
    }

    #Footer .footer-logo .copyright {
        line-height: 20px;
        top: 20px;
        left: 0;
        width: 100%;
        margin: 0;
        padding: 0 20px;
        text-align: left
    }

    #Footer .footer-logo .firmlogo {
        position: absolute;
        z-index: 1;
        top: 25px;
        right: 20px;
        display: block;
        width: 110px;
        height: 15px;
        margin: 0;
        text-align: center;
        text-indent: -99999px;
        background-image: url("https://xatab.org/assets/icons/firmlogo.png");
        background-size: 100% 100%
    }

    #Footer.lite .us,
    #Footer.lite .util {
        width: calc(100% - 20px);
        margin: 0 0 20px 20px
    }

    #Footer.lite .us a,
    #Footer.lite .util a {
        float: left
    }

    #Footer.lite .us span+a,
    #Footer.lite .util span+a {
        padding-left: 0;
        border: none
    }

    #Footer.lite .social {
        width: 100%;
        margin: 0 0 20px
    }

    #Footer.lite .social li {
        margin: 0 9px
    }
}