/*! normalize.css MIT License & sanitize.css CC0 License */
html, body {
    background: #fff;
    margin: 0;
    text-align: left;
    -webkit-overflow-scrolling: touch
}
html, body, article, aside, footer, header, nav, section, picture, fieldset, figure, figcaption, main, blockquote {
    display: block;
    box-sizing: border-box;
    border: none;
    margin: 0;
    padding: 0
}
figure {
    padding: 10px 0
}
div, a, li, button, form, select, input {
    box-sizing: border-box
}
audio, canvas, iframe, img, svg, video, picture {
    max-width: 100%;
    vertical-align: middle
}
video {
    width: 100%;
    max-width: 740px;
    height: auto
}
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.mejs-controls button {
    padding: 0 !important;
    background-color: transparent !important;
    box-shadow: none !important
}
audio, video, canvas {
    display: inline-block
}
audio:not([controls]) {
    display: none;
    height: 0
}
img {
    border: none;
    outline: none;
    max-width: 100%;
    height: auto;
    color: #2f374f
}
.img {
    display: block;
    width: 100%
}
svg {
    display: inline-block
}
svg:not(:root) {
    overflow: hidden
}
input, select, textarea {
    margin: 0;
    color: inherit;
    font-size: inherit;
    line-height: inherit
}
input {
    overflow: visible;
    padding: 0 10px;
    border: 1px solid #e0e0e0
}
[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0
}
button:-moz-focusring, [type="button"]:-moz-focusring [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText
}
progress {
    display: inline-block;
    vertical-align: baseline
}
textarea {
    overflow: auto;
    resize: vertical
}
[type="checkbox"], [type="radio"], aside ul {
    padding: 0
}
::selection, ::-moz-selection, ::-webkit-selection {
    background-color: #b3d4fc;
    color: #212121;
    text-shadow: none
}
::placeholder {
    opacity: .6
}
template, [hidden], .hidden {
    display: none
}
a, area, button, input, label, select, textarea, [tabindex] {
    -ms-touch-action: manipulation;
    touch-action: manipulation
}
.section, #main, #hero {
    text-align: left
}
#main {
    position: relative;
    z-index: 2
}
figcaption, .center {
    text-align: center
}
.center * {
    margin-left: auto !important;
    margin-right: auto !important
}
.center p.large {
    max-width: 620px
}
.center.larger {
    margin: auto;
    padding: 64px 32px
}
.center.larger p {
    margin: auto
}
[style="text-align: center;"] * {
    margin-left: auto;
    margin-right: auto
}
@media (max-width: 640px) {
    .hidemobile {
        display: none !important
    }
}
@media (max-width: 1199px) {
    .hidetablet {
        display: none !important
    }
}
@media (min-width: 480px) {
    .center.larger {
        padding: 64px 64px
    }
}
@media (min-width: 641px) {
    .alignright {
        float: right
    }

    .btn-link.alignright {
        margin-top: 16px
    }

    .center.larger {
        padding: 96px 64px
    }
}
@media (min-width: 1200px) {
    .center.larger {
        padding: 128px 64px
    }
}
.img + h2, .img + h3 {
    margin-top: 16px
}
.relative {
    position: relative
}
.gradient {
    border-top: 1px solid #e0e0e0;
    background: #fafafa;
    background: linear-gradient(to bottom, #fafafa 0, #fff 90%, #fff 100%);
    padding-top: 64px;
    padding-bottom: 32px
}
.boxshadow {
    box-shadow: 0 6px 24px 0 rgba(0, 0, 0, 0.15)
}
.round {
    border-radius: 100%
}
.rounded {
    border-radius: 10px
}
@media (min-width: 641px) {
    .boxshadow {
        box-shadow: 0 12px 48px 0 rgba(0, 0, 0, 0.1)
    }
}
.header-colorful {
    position: relative;
    background-color: #5d27df;
    z-index: 1;
    display: block;
    text-align: center;
    padding: 96px 48px;
    margin-bottom: 48px;
    color: #fff
}
.header-colorful.blue-red {
    background-image: linear-gradient(190deg, rgba(255, 64, 0, 0.3), rgba(64, 0, 160, 0.25)), repeating-radial-gradient(circle farthest-corner at 100% 120%, rgba(0, 0, 255, 0.2), rgba(0, 0, 0, 0) 30%, rgba(0, 0, 255, 0.2) 30%, rgba(255, 0, 0, 0.1) 60%), linear-gradient(90deg, #00f, #ba55d3, #ff4500)
}
.header-colorful.blue-green {
    background-image: linear-gradient(190deg, rgba(64, 255, 0, 0.2), rgba(64, 0, 255, 0.5)), repeating-radial-gradient(circle farthest-corner at 100% 120%, rgba(0, 0, 255, 0.2), rgba(0, 0, 0, 0) 30%, rgba(0, 0, 255, 0.2) 30%, rgba(0, 255, 0, 0.1) 60%), linear-gradient(90deg, #4b0082, #4169e1, #3cb371)
}
.header-colorful .row > div {
    margin-bottom: 0
}
.header-colorful h1, .header-colorful a, .header-colorful a:visited {
    color: #fff
}
.header-colorful p {
    max-width: 32em
}
.header-colorful .btn-primary, .header-colorful .btn-secondary {
    display: block;
    border: none;
    margin-top: 24px
}
@media (min-width: 600px) {
    .header-colorful .btn-primary, .header-colorful .btn-secondary {
        float: left
    }

    .header-colorful .btn-secondary {
        margin-right: 24px !important
    }
}
[data-a11y-dialog-native] .dialog-overlay {
    display: none
}
dialog[open] {
    display: block
}
.dialog[aria-hidden="true"] {
    display: none
}
.dialog-overlay {
    z-index: 2;
    background-color: rgba(255, 255, 255, 0.75);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}
dialog::backdrop {
    background-color: rgba(255, 255, 255, 0.75)
}
.dialog-content {
    background-color: #fff;
    z-index: 3;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: 0
}
.dialog-content {
    padding: 30px;
    max-width: 90%;
    width: 540px;
    border-radius: 5px;
    font-size: 17px
}
@media screen and (min-width: 700px) {
    .dialog-content {
        padding: 60px
    }
}
.dialog-overlay {
    background-color: rgba(43, 46, 56, 0.9)
}
.dialog h2 {
    margin: 0
}
.dialog-close {
    position: absolute;
    top: .5em;
    right: .5em;
    border: 0;
    padding: 0;
    background-color: transparent;
    font-weight: bold;
    font-size: 1.25em;
    width: 1.2em;
    height: 1.2em;
    text-align: center;
    cursor: pointer;
    transition: .15s
}
@media screen and (min-width: 700px) {
    .dialog-close {
        top: 1em;
        right: 1em
    }
}
@media (max-width: 859px) {
    .mobileimg {
        display: block;
        width: 100%;
        z-index: 2
    }
}
@media (min-width: 860px) {
    .mobileimg {
        display: none
    }
}
span.anchor {
    display: block;
    height: 120px;
    margin-top: -120px;
    visibility: hidden
}
.playing.fullscreen #header, .playing.fullscreen #footer, .playing.fullscreen #feature-hero:after, .playing.fullscreen .slider-nav, .playing.fullscreen #main > div, .playing.fullscreen #main > .section {
    display: none
}
.playing.fullscreen #main .videoarea {
    display: block !important
}
.all-loaded .redraw {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important
}
.screen-reader-text:focus {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #000;
    display: block;
    font-size: 14px;
    font-size: .875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}
.signupmessage {
    display: block;
    font-size: 14px;
    margin: 30px 0;
    padding: 15px 15px 15px 48px;
    border-radius: 5px;
    border: 1px solid #ade2b5;
    color: #1b8848;
    vertical-align: middle;
    background: #ecffef url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iIzBBQzQ3OCIgZD0iTTExLjUgMEM1LjE1OSAwIDAgNS4xNTkgMCAxMS41UzUuMTU5IDIzIDExLjUgMjMgMjMgMTcuODQxIDIzIDExLjUgMTcuODQxIDAgMTEuNSAwem02Ljg1NCA4LjM1NGwtOCA4Yy0uMDk4LjA5Ny0uMjI2LjE0Ni0uMzU0LjE0NnMtLjI1Ni0uMDQ5LS4zNTQtLjE0NmwtNS01Yy0uMTk1LS4xOTUtLjE5NS0uNTEyIDAtLjcwN3MuNTEyLS4xOTUuNzA3IDBMMTAgMTUuMjkzbDcuNjQ2LTcuNjQ2Yy4xOTUtLjE5NS41MTItLjE5NS43MDcgMHMuMTk2LjUxMS4wMDEuNzA3eiIvPjwvc3ZnPg==') no-repeat 14px center;
    background-size: 24px 24px
}
table {
    width: 100%;
    font-size: 15px;
    margin-bottom: 32px;
    border-collapse: collapse
}
th, td {
    text-align: left;
    vertical-align: top;
    padding: 32px 0
}
td {
    border-top: 1px solid #e0e0e0
}
td + td {
    padding-left: 24px
}
html {
    font-size: 16px;
    color: #2f374f;
    text-rendering: optimizeLegibility;
    line-height: 1.625;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale
}
body, .article, button, input, select {
    font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-size: 1em
}
h1, .h1 {
    font-size: 1.9em;
    font-weight: 500;
    line-height: 1.1;
    margin-top: 32px;
    margin-bottom: 16px;
    letter-spacing: -0.5px
}
h1:first-child, .h1:first-child {
    margin-top: 0
}
h1 b, .h1 b {
    font-weight: 900
}
h1.large {
    font-size: 2.4em;
    font-weight: 600;
    line-height: 1.05
}
@media (min-width: 1024px) {
    h1, .h1 {
        font-size: 2.2em
    }
}
@media (min-width: 1080px) {
    h1, .h1 {
        font-size: 2.4em
    }

    h1.large {
        font-size: 2.6em
    }
}
@media (min-width: 1200px) {
    h1, .h1 {
        font-size: 2.5em
    }

    html[lang=ja] h1 {
        font-size: 2.4em
    }

    h1.large {
        font-size: 3em
    }
}
h2, .h2 {
    font-size: 1.7em;
    font-weight: 500;
    line-height: 1.2;
    margin-top: 32px;
    margin-bottom: 16px
}
h2:first-child, .h2:first-child {
    margin-top: 0
}
span.h2 {
    display: block
}
h1 em, h2 em {
    font-style: normal
}
@media (min-width: 1024px) {
    h2, .h2 {
        font-size: 2em
    }

    .entry h2, article h2 {
        font-size: 1.7em
    }
}
h3, .h3 {
    font-size: 1.375em;
    font-weight: 500;
    line-height: 1.3;
    margin-top: 32px;
    margin-bottom: 16px
}
h3:first-child, .h3:first-child {
    margin-top: 0
}
h4, .h4, h5, h6, aside h2, aside h3 {
    font-size: 1.2em;
    font-weight: 500;
    line-height: 1.625;
    margin-top: 32px;
    margin-bottom: 8px
}
h4:first-child, .h4:first-child, h5:first-child, h6:first-child, aside h2:first-child, aside h3:first-child {
    margin-top: 0
}
h2.small {
    font-size: 1.375em;
    font-weight: 500;
    line-height: 1.625;
    margin-top: 0;
    margin-bottom: 8px
}
.title {
    margin-bottom: 6px
}
.subtitle {
    margin-bottom: 48px
}
.fade {
    opacity: .7
}
p, ul, ol, pre, table, blockquote {
    margin-top: 16px;
    margin-bottom: 16px
}
ul ul, ol ol, ul ol, ol ul {
    margin-top: 0;
    margin-bottom: 0
}
ul {
    list-style-position: outside;
    padding-left: 1.5em
}
ul li {
    list-style-type: disc
}
ul li + li {
    margin-top: 4px
}
ol > li {
    list-style: none;
    counter-increment: list
}
ol > li:before {
    float: left;
    padding-right: .5em;
    content: counter(list) ". "
}
ol {
    padding-left: 1em;
    list-style: none;
    counter-reset: list
}
ol ol {
    margin: 0 0 1em 1.2em
}
ol ol li {
    margin-bottom: .2em
}
ol.lower-alpha > li {
    list-style-type: lower-alpha
}
ol.lower-alpha > li:before {
    display: none
}
.small, aside {
    font-size: .9em;
    line-height: 22.4px
}
.large, .larger p {
    font-size: 1.1em;
    line-height: 1.625;
    font-weight: 400
}
@media (min-width: 1441px) {
    .large, .larger p {
        font-size: 1.2em
    }
}
.center p {
    max-width: 560px
}
@media (min-width: 768px) {
    .larger p {
        font-size: 1.8em;
        font-weight: 400;
        line-height: 38.4px
    }
}
@media (max-width: 1024px) {
    .hero-cover .large {
        font-size: 1em;
        line-height: 1.625
    }
}
.lead-text {
    font-size: 1.1em;
    font-weight: 500;
    color: #3e4660;
    line-height: 32px;
    margin-bottom: 16px
}
p:last-child {
    margin-bottom: 0
}
hr, .hr {
    clear: both;
    border: none;
    border-top: 1px solid #e0e0e0;
    line-height: 0;
    height: 1px;
    overflow: hidden;
    box-sizing: border-box;
    margin: -1px 0
}
b, strong {
    font-weight: bold
}
a, a:active, a:visited, a:focus {
    -webkit-text-decoration-skip: objects;
    text-decoration: underline;
    cursor: pointer
}
a {
    color: #09b56f;
    text-decoration: underline
}
a:hover {
    text-decoration: none
}
a:focus {
    outline-width: 1px
}
a:active {
    outline: none
}
h1 a, h2 a, h3 a, h4 a {
    color: #2f374f;
    text-decoration: none
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
    color: #09b56f
}
.graylinks a, .graylinks a:visited {
    color: #2f374f
}
.redlinks a, .redlinks a:visited {
    color: #ef3939
}
.bluelinks a, .bluelinks a:visited {
    color: #1546a3
}
sub, sup {
    position: relative;
    vertical-align: baseline
}
sup {
    top: -0.5em
}
sub {
    bottom: -0.25em
}
blockquote {
    display: block;
    position: relative;
    margin: 16px 0;
    padding: 30px 30px 30px 50px !important
}
blockquote p:first-child {
    margin-top: 0
}
blockquote cite {
    display: block;
    margin-top: 10px;
    font-style: normal;
    font-weight: 400;
    text-align: left
}
.center blockquote cite {
    text-align: center
}
blockquote::before {
    display: block;
    position: absolute;
    top: 15px;
    left: 0;
    content: "\201C";
    color: #2f374f;
    font-size: 76px;
    line-height: 1
}
.whitetext h1, .whitetext h2, .whitetext h3, .whitetext p, .whitetext a, .whitetext a:visited, .whitetext a:active, .whitetext a:focus, .whitetext label {
    color: #fff !important
}
#main button, [type="submit"], .vivaldi-button, .btn-primary {
    display: inline-block;
    color: #fff !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 2px solid transparent;
    text-shadow: 0 1px 0 rgba(33, 33, 33, 0.3);
    text-decoration: none !important;
    background-color: #09b56f;
    padding: 14px 22px;
    line-height: 20px;
    font-weight: 500;
    border-radius: 26px;
    text-align: center;
    cursor: pointer;
    box-sizing: border-box;
    vertical-align: bottom
}
#main button:hover, [type="submit"]:hover, .vivaldi-button:hover, .btn-primary:hover {
    background-color: #0ac478
}
#main button svg, [type="submit"] svg, .vivaldi-button svg, .btn-primary svg {
    fill: currentColor
}
.widebtns .btn-primary, .widebtns .btn-secondary {
    min-width: 172px
}
.btn-primary img, .btn-secondary img, .btn-primary svg, .btn-secondary svg {
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-top: 0 !important;
    margin-right: 10px !important;
    margin-bottom: 0 !important;
    margin-left: -3px !important
}
@media (max-width: 360px) {
    .btn-primary img, .btn-secondary img, .btn-primary svg, .btn-secondary svg {
        display: none
    }
}
a.outline-button {
    color: #2f374f;
    text-decoration: none;
    border: 2px solid #e0e0e0;
    padding: 6px 18px;
    border-radius: 16px;
    background: #fff
}
a.outline-button:hover {
    border-color: #3e4660
}
.btn-google-play {
    display: inline-block;
    width: 162px;
    height: 48px;
    margin: 12px 0 8px 0
}
@media (min-width: 1200px) {
    .btn-google-play {
        width: 175px;
        height: 52px
    }
}
#main [type="submit"] {
    font-size: 14px;
    height: 38px;
    line-height: 34px;
    margin-top: 5px;
    padding: 2px 20px
}
.btn-primary {
    margin-right: 20px
}
a .version {
    display: inline-block;
    font-weight: 400
}
a .platform {
    display: block;
    font-weight: 400
}
.btn-secondary {
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 2px solid #e0e0e0;
    border-radius: 26px;
    line-height: 20px;
    font-weight: 500;
    padding: 14px 22px;
    background: #fff;
    color: #2f374f !important;
    text-decoration: none !important;
    vertical-align: middle;
    text-align: center;
    cursor: pointer
}
.btn-secondary:hover {
    border-color: #3e4660
}
#main .btn-link {
    color: #09b56f !important;
    text-decoration: underline !important;
    background: transparent;
    padding: 0;
    text-shadow: none;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 24px
}
#main .btn-link:hover {
    text-decoration: none !important;
    background: transparent
}
#main .btn-close {
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    color: #212121 !important;
    background: transparent;
    width: 44px;
    height: 44px;
    padding: 10px;
    text-shadow: none;
    border: none
}
#main .btn-close:hover {
    background: transparent
}
#main .btn-close img {
    display: block;
    width: 24px;
    height: 24px
}
@media (max-width: 1199px) {
    .btn-primary, .btn-secondary {
        padding: 10px 16px;
        border-radius: 22px
    }

    a .version {
        display: none
    }

    .btn-google-play {
        width: 151px;
        height: 45px
    }
}
.cssanimations #press-quote-slider .lslide.active, .cssanimations .notification, .cssanimations #altdownload:not(.hidden) {
    opacity: 0;
    -webkit-animation-duration: .7s;
    animation-duration: .7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}
.cssanimations #press-quote-slider .lslide {
    -webkit-animation-duration: .7s;
    animation-duration: .7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}
.fadeIn, .fadeOut {
    -webkit-animation-duration: .7s;
    animation-duration: .7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
.notification {
    animation-delay: .5s
}
/*!
 * animate.css - http://daneden.me/animate
 * MIT license - Copyright 2016 Daniel Eden
 */
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}
.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}
@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}
.blocks {
    width: 1440px;
    max-width: 100%;
    margin: auto;
    padding-bottom: 50px
}
.blocks .column > div, .blocks .column > a {
    display: table;
    width: 100%;
    height: 100%;
    border-radius: 11px;
    overflow: hidden;
    min-height: 320px
}
.blocks .column > div > div, .blocks .column > a > div {
    display: table-cell;
    vertical-align: bottom;
    border-radius: 11px
}
.blocks .column > div > div.center-v, .blocks .column > a > div.center-v {
    vertical-align: middle;
    padding-top: 60px;
    padding-bottom: 60px
}
.blocks .column > div > div.align-top, .blocks .column > a > div.align-top {
    vertical-align: top;
    padding-top: 30px
}
.blocks .column > div .row .column > div, .blocks .column > a .row .column > div {
    display: block;
    height: auto
}
.blocks .column > div .row .column > div > div, .blocks .column > a .row .column > div > div {
    display: block
}
.blocks:after {
    content: '';
    display: table;
    clear: both
}
@media (min-width: 641px) {
    .blocks .column > .min-height {
        min-height: 570px
    }

    .blocks .column > .mid-height {
        min-height: 520px
    }

    .blocks .column > .medium-height {
        min-height: 480px
    }
}
.section {
    width: 1160px;
    max-width: 100%;
    margin: auto;
    padding: 20px 0 0 0
}
.section.full {
    width: 100%
}
.section.wide {
    width: 1320px
}
.section.medium {
    width: 1044px
}
.section.narrow {
    width: 1080px
}
.section.blogwidth {
    width: 940px
}
.section.textdocument {
    width: 650px
}
.section:after {
    content: '';
    display: table;
    clear: both
}
.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap
}
.row > div {
    position: relative;
    width: 100%;
    padding: 0 20px;
    margin-bottom: 40px
}
.row .row > div {
    padding: 0
}
.row.width-auto > div {
    width: auto !important
}
.row.nopadding > div {
    padding-top: 0;
    padding-bottom: 0
}
.row.nomargin > div {
    margin-top: 0;
    margin-bottom: 0
}
.row.smallmargin > div {
    margin-top: 0;
    margin-bottom: 20px
}
@media (max-width: 640px) {
    .row.nomargin > div + div > picture {
        margin-top: 40px
    }

    .home .row.nomargin > div + div > picture {
        margin-top: 0
    }

    .row > .nomarginmobile {
        margin-bottom: 0
    }
}
@media (min-width: 641px) {
    .section {
        padding-top: 30px
    }

    .maincol .row > div {
        padding: 0 10px
    }
}
.container {
    clear: both;
    padding: 36px 0
}
.col-sm > div {
    width: 25%
}
.col-md > div {
    width: 33.333333%
}
.col-lg > div {
    width: 50%
}
.reverse {
    flex-direction: row-reverse
}
.top {
    align-items: flex-start
}
.bottom {
    align-items: flex-end
}
.center-h {
    align-items: center
}
.flex-end {
    align-self: flex-end
}
.center-v {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center
}
.stretch {
    align-items: stretch
}
.baseline {
    align-items: baseline
}
aside {
    width: 100%;
    padding: 0 20px
}
.row > .column {
    position: relative;
    width: 100%;
    padding: 0 20px 20px 20px
}
.row > .column.w80 {
    width: 80%
}
.row > .column.w75 {
    width: 75%
}
.row > .column.w66 {
    width: 66.666666%
}
.row > .column.w60 {
    width: 60%
}
.row > .column.w55 {
    width: 55%
}
.row > .column.w50 {
    width: 50%
}
.row > .column.w45 {
    width: 45%
}
.row > .column.w40 {
    width: 40%
}
.row > .column.w33 {
    width: 33.333333%
}
.row > .column.w25 {
    width: 25%
}
.row > .column.w20 {
    width: 20%
}
@media (max-width: 480px) {
    .col-md > div, .col-lg > div {
        width: 100%
    }

    .col-sm > div {
        width: 50%
    }
}
@media (max-width: 640px) {
    .row > .column.w100-mobile {
        width: 100%
    }

    .row > .column.w75-mobile {
        width: 75%
    }

    .row > .column.w66-mobile {
        width: 66.666666%
    }

    .row > .column.w60-mobile {
        width: 60%
    }

    .row > .column.w55-mobile {
        width: 55%
    }

    .row > .column.w50-mobile {
        width: 50%
    }

    .row > .column.w45-mobile {
        width: 45%
    }

    .row > .column.w40-mobile {
        width: 40%
    }

    .row > .column.w33-mobile {
        width: 33.333333%
    }

    .row > .column.w25-mobile {
        width: 25%
    }
}
@media (max-width: 400px) {
    .col-sm > div {
        width: 100%
    }
}
@media (min-width: 480px) and (max-width: 859px) {
    .col-lg > div {
        width: 100%
    }

    .col-sm > div, .col-md > div {
        width: 50%
    }
}
@media (min-width: 641px) {
    .row .pad-right {
        padding-right: 40px
    }

    .row .pad-left {
        padding-left: 40px
    }

    .row .maincol {
        width: 75%;
        padding-right: 15px
    }

    .row aside {
        width: 25%;
        padding: 0
    }
}
@media (max-width: 640px) {
    .row > .column {
        padding-left: 30px;
        padding-right: 30px
    }
}
@media (min-width: 641px) and (max-width: 1199px) {
    .row > .column.w100-tablet {
        width: 100%
    }

    .row > .column.w75-tablet {
        width: 75%
    }

    .row > .column.w66-tablet {
        width: 66.666666%
    }

    .row > .column.w60-tablet {
        width: 60%
    }

    .row > .column.w55-tablet {
        width: 55%
    }

    .row > .column.w50-tablet {
        width: 50%
    }

    .row > .column.w45-tablet {
        width: 45%
    }

    .row > .column.w40-tablet {
        width: 40%
    }

    .row > .column.w33-tablet {
        width: 33.333333%
    }

    .row > .column.w25-tablet {
        width: 25%
    }
}
@media (min-width: 1900px) {
    .row > .column.w75-wide {
        width: 75%
    }

    .row > .column.w66-wide {
        width: 66.666666%
    }

    .row > .column.w60-wide {
        width: 60%
    }

    .row > .column.w55-wide {
        width: 55%
    }

    .row > .column.w50-wide {
        width: 50%
    }

    .row > .column.w45-wide {
        width: 45%
    }

    .row > .column.w40-wide {
        width: 40%
    }

    .row > .column.w33-wide {
        width: 33.333333%
    }
}
@media (min-width: 1200px) {
    .row.whitespace {
        width: auto;
        max-width: none;
        margin-left: -12px;
        margin-right: -12px
    }

    .row.whitespace > div {
        padding: 0 24px;
        margin-bottom: 36px
    }

    .row .maincol {
        padding-right: 40px
    }
}
@media (min-width: 640px) and (max-width: 980px) {
    .row > .column.w100-medium {
        width: 100%
    }

    .row > .column.w66-medium {
        width: 66.666666%
    }

    .row > .column.w50-medium {
        width: 50%
    }

    .row > .column.w33-medium {
        width: 33.333333%
    }
}
.no-flexbox .row {
    display: block
}
.no-flexbox .row > div {
    display: block;
    float: left
}
body {
    position: static !important;
    padding: 64px 0 0 0;
    overflow-x: hidden
}
#vivaldiheader {
    font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-size: 14px;
    display: block;
    box-sizing: border-box;
    box-shadow: 0 4px 24px rgba(88, 102, 126, 0.08), 0 1px 0 rgba(88, 102, 126, 0.12);
    margin: 0;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 64px;
    background: #1f0f55;
}
#vivaldiheader * {
    box-sizing: border-box
}
#vivaldiheader a, #vivaldiheader a:active, #vivaldiheader a:visited, #vivaldiheader a:focus {
    color: #2f374f;
    text-decoration: none
}
#vivaldiheader nav {
    display: block
}
#vivaldiheader .row {
    width: 100%;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap
}
#vivaldiheader .row > div {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
    min-height: 24px;
    text-align: left
}
#vivaldiheader > .row {
    padding: 0 20px;
    width: 1192px;
    max-width: 100%;
    margin: auto
}
#vivaldiheader #vivaldilogo {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 142px;
    height: 24px;
    z-index: 98;
    background: transparent url("img/atom-logo.svg") 0 0 no-repeat;
    background-size: 142px 24px
}
#vivaldiheader ul, #vivaldiheader li {
    list-style: none;
    padding: 0
}
#apk-link {
    max-width: 400px;
    display: inline-block;
}
@media (min-width: 641px) {
    .cssanimations body {
        padding-top: 64px
    }

    .cssanimations #vivaldiheader {
        position: fixed;
        top: 0;
        left: 0;
        will-change: transform;
        z-index: 99999
    }
}
@media (max-width: 859px) {
    #topbtn {
        display: none
    }
}
@media (min-width: 860px) {
    #topbtn {
        position: absolute;
        top: -6px;
        right: 0;
        z-index: 9999999
    }

    #topbtn .btn-primary {
        font-weight: 500;
        line-height: 24px;
        text-decoration: none;
        padding: 4px 20px;
        border-radius: 18px;
        margin: 0
    }
}
#vivaldimenu, #usermenu {
    z-index: 99;
    position: relative;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-size: 14px;
    font-weight: 500;
    min-height: 64px;
    margin: 0
}
#vivaldimenu a, #usermenu a, #vivaldimenu a:hover, #usermenu a:hover, #vivaldimenu a:focus, #usermenu a:focus, #vivaldimenu a:active, #usermenu a:active {
    display: block;
    padding: 5px 12px;
    color: #2f374f;
    text-decoration: none
}
#vivaldimenu ul a, #usermenu ul a, #vivaldimenu ul a:hover, #usermenu ul a:hover, #vivaldimenu ul a:focus, #usermenu ul a:focus, #vivaldimenu ul a:active, #usermenu ul a:active {
    padding: 7px 12px
}
#vivaldimenu a:hover, #usermenu a:hover, #vivaldimenu ul .current, #usermenu ul .current {
    color: #ef3939
}
#vivaldimenu ul, #usermenu ul, #vivaldimenu li, #usermenu li {
    display: block;
    list-style: none;
    line-height: 54px;
    margin: 0;
    padding: 0
}
#vivaldimenu ul, #usermenu ul {
    display: none;
    position: absolute;
    top: auto;
    min-width: 165px !important;
    width: 165px;
    max-width: 100%;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    box-shadow: 0 18px 32px 0 rgba(0, 0, 0, 0.1)
}
#vivaldimenu ul li > div, #usermenu ul li > div {
    line-height: normal;
    padding: 12px;
    font-size: 14px
}
#vivaldimenu ul li > p, #usermenu ul li > p {
    line-height: 1.75;
    white-space: normal;
    padding: 12px 18px;
    margin: 0;
    border-top: 1px solid #e0e0e0;
    font-size: 13px
}
#vivaldimenu ul li > p b, #usermenu ul li > p b {
    display: inline-block;
    padding-right: 1px
}
#vivaldimenu ul p a, #usermenu ul p a {
    display: inline;
    padding: 0;
    text-decoration: underline
}
#vivaldimenu ul p a:hover, #usermenu ul p a:hover, #vivaldimenu ul p a:focus, #usermenu ul p a:focus, #vivaldimenu ul p a:active, #usermenu ul p a:active {
    display: inline;
    padding: 0;
    text-decoration: none;
    color: #2f374f
}
#vivaldimenu ul li, #usermenu ul li {
    float: none;
    font-size: 14px;
    border-top: 1px solid #e0e0e0
}
#vivaldimenu ul li:first-child, #usermenu ul li:first-child {
    border-top: none
}
#vivaldimenu ul li:first-child a, #usermenu ul li:first-child a {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}
#vivaldimenu ul li a, #usermenu ul li a {
    white-space: normal
}
#vivaldimenu ul li > a:after, #usermenu ul li > a:after {
    display: block;
    content: '';
    width: 100%;
    height: 1px;
    clear: both
}
#vivaldimenu li, #usermenu li, #vivaldimenu a, #usermenu a {
    position: relative;
    white-space: nowrap
}
#vivaldimenu .scroll-up, #usermenu .scroll-up, #vivaldimenu .scroll-down, #usermenu .scroll-down {
    position: absolute;
    display: none;
    visibility: hidden;
    overflow: hidden;
    background: #fff;
    height: 20px
}
#vivaldimenu .scroll-up-arrow, #usermenu .scroll-up-arrow, #vivaldimenu .scroll-down-arrow, #usermenu .scroll-down-arrow {
    position: absolute;
    top: -2px;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 8px;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #2f374f transparent
}
#vivaldimenu .scroll-down-arrow, #usermenu .scroll-down-arrow {
    top: 6px;
    border-style: solid dashed dashed dashed;
    border-color: #2f374f transparent transparent transparent
}
#vivaldimenu::after, #usermenu::after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden
}
@media (min-width: 1200px) {
    #vivaldimenu li > a, #usermenu li > a {
        line-height: 48px;
        border-top: 3px solid transparent;
        border-bottom: 3px solid transparent;
        z-index: 333
    }
}
#usermenu ul {
    left: auto !important;
    right: 0 !important
}
#vivaldimenu ul {
    top: 64px !important;
    min-width: 256px !important;
    width: 256px
}
#vivaldimenu li {
    float: left
}
#vivaldilogin {
    z-index: 99;
    position: absolute;
    top: -7px;
    right: -13px
}
#vivaldilogin .btn-top {
    display: inline-block;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    font-weight: 500;
    line-height: 12px;
    height: 34px;
    padding: 10px 16px !important;
    font-size: 14px;
    margin: 2px 3px;
    background-color: #fff;
    color: #3e4660 !important;
    text-decoration: none;
    vertical-align: middle;
    text-shadow: none;
    text-align: center;
    cursor: pointer
}
#vivaldilogin .btn-top:hover {
    border-color: #09b56f;
    background-color: #09b56f;
    text-shadow: 0 1px 0 rgba(33, 33, 33, 0.3);
    color: #fff !important
}
#usernav > div {
    display: block;
    position: absolute;
    top: 0;
    right: 48px;
    transition: all .2s ease-in-out
}
#vivaldiheader #userlink {
    display: block;
    height: 44px;
    line-height: 23px;
    padding: 0 !important
}
#vivaldiheader #userlink img {
    display: block;
    float: left;
    margin-right: 5px;
    padding: 0 !important;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    vertical-align: middle
}
#usertext {
    display: block;
    float: right;
    max-width: 96px;
    height: 24px;
    line-height: 24px;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis
}
@media (max-width: 230px) {
    #vivaldiheader #vivaldilogo {
        width: 24px
    }
}
@media (max-width: 859px) {
    #vivaldiheader #userlink {
        margin-right: 25px
    }

    #usermenu {
        float: right
    }

    #vivaldimenu {
        display: none;
        opacity: 0;
        position: absolute;
        top: 44px;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 97;
        background: #fff;
        border: 1px solid #e0e0e0;
        border-radius: 3px;
        overflow-x: hidden
    }

    #vivaldimenu a, #vivaldimenu a:hover, #vivaldimenu a:focus, #vivaldimenu a:active {
        padding: 12px 16px
    }

    #vivaldimenu ul li > div {
        padding: 10px 0
    }

    #vivaldimenu li {
        line-height: 24px
    }

    #vivaldimenu > li {
        border-top: 1px solid #e0e0e0
    }

    #vivaldimenu > li:first-child {
        border: none
    }

    #vivaldimenu ul {
        position: relative;
        margin: 0;
        top: auto !important;
        border: none
    }

    #vivaldimenu ul li {
        border: none
    }

    #usermenu ul {
        margin-left: -54px !important
    }

    #usermenu ul li {
        line-height: 20px
    }

    #navicon {
        outline: none;
        display: block;
        background: transparent;
        position: absolute;
        width: 32px;
        height: 32px;
        top: -2px;
        right: -3px;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        cursor: pointer;
        z-index: 999;
        box-shadow: none;
        border: none
    }

    #navicon span {
        display: block;
        position: absolute;
        height: 2px;
        width: 24px;
        background: #526575;
        border-radius: 3px;
        opacity: 1;
        left: 4px;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        transition: all .25s ease-in-out
    }

    #navicon span:nth-child(1) {
        top: 9px
    }

    #navicon span:nth-child(2), #navicon span:nth-child(3) {
        top: 15px
    }

    #navicon span:nth-child(4) {
        top: 21px
    }

    .showmenu #vivaldimenu {
        display: block;
        opacity: 1
    }

    .showmenu #vivaldimenu li, .showmenu #vivaldimenu a {
        float: none;
        display: block;
        width: 100%
    }

    .showmenu #navicon span:nth-child(1), .showmenu #navicon span:nth-child(4) {
        top: 15px;
        width: 0;
        left: 50%
    }

    .showmenu #navicon span:nth-child(2) {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .showmenu #navicon span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .showmenu, .showuser {
        overflow: hidden;
        overflow-y: scroll
    }

    #userlink {
        display: inline-block;
        position: absolute;
        top: 0;
        right: 0
    }

    #vivaldilogin {
        top: -5px;
        right: 48px
    }

    #vivaldilogin .btn-top {
        line-height: 9px;
        height: 30px;
        font-weight: 500;
        padding: 10px 12px;
        font-size: 13px
    }
}
#vivaldiheader > .row {
    padding: 20px 30px
}
@media (max-width: 767px) {
    #vivaldiheader > .row {
        padding: 20px 15px
    }
}
@media (min-width: 1200px) {
    #vivaldiheader .sites {
        float: right
    }
}
@media (min-width: 860px) {
    #vivaldinav {
        position: absolute;
        top: -20px;
        right: 0;
        left: 160px
    }

    #navicon {
        display: none
    }

    #usernav {
        z-index: 999;
        position: absolute;
        top: 0;
        right: 0
    }
}
.no-flexbox #vivaldiheader .row {
    display: block
}
.no-flexbox #vivaldiheader .row > div {
    float: left
}
.no-flexbox #vivaldiheader .row:after {
    display: block;
    width: 100%;
    content: '';
    clear: both
}
#body #wpadminbar {
    text-align: center;
    height: 32px;
    z-index: 111111 !important
}
#wp-admin-bar-top-secondary {
    display: none !important
}
@media (max-width: 580px) {
    #wpadminbar {
        position: absolute
    }

    #wp-admin-bar-top-secondary {
        margin-right: 5px !important
    }
}
@media (max-width: 799px) {
    #body #wpadminbar {
        height: 50px
    }
}
@media (max-width: 1199px) {
    #wpadminbar {
        position: absolute
    }
}
#wpadminbar #wp-toolbar {
    position: relative
}
#wp-admin-bar-root-default {
    margin-left: 20px !important
}
#wpadminbar .quicklinks .menupop ul li .ab-item, #wpadminbar .quicklinks .menupop ul li a strong, #wpadminbar .quicklinks .menupop.hover ul li .ab-item, #wpadminbar .shortlink-input, #wpadminbar.nojs .quicklinks .menupop:hover ul li .ab-item {
    box-sizing: content-box
}
.ab-sub-wrapper .ab-item, .ab-sub-wrapper {
    padding-bottom: 6px !important
}
@media (max-width: 782px) {
    #wpadminbar .ab-item:before, #wpadminbar .ab-icon:before {
        font-size: 26px !important
    }

    #wpadminbar #wp-admin-bar-customize > .ab-item:before, #wpadminbar #wp-admin-bar-edit > .ab-item:before, #wpadminbar #wp-admin-bar-my-account > .ab-item:before, #wpadminbar #wp-admin-bar-my-sites > .ab-item:before, #wpadminbar #wp-admin-bar-site-name > .ab-item:before {
        top: 10px !important
    }
}
@media (max-width: 600px) {
    #wp-admin-bar-root-default {
        margin-left: 0 !important
    }
}
.modal {
    z-index: 9999
}
@media (max-width: 859px) {
    #vivaldiheader:hover #vivaldimenu ul, #vivaldiheader:hover #usermenu ul {
        display: none !important
    }
}
[lang="ru"] #topbtn .btn-primary {
    border-color: #ef3939;
    background: #ef3939
}
[lang="ru"] #topbtn .btn-primary:hover, [lang="ru"] #topbtn .btn-primary:active, [lang="ru"] #topbtn .btn-primary:focus {
    border-color: #fe4242;
    background: #fe4242
}
[lang="ru"] .home {
    padding-bottom: 0
}
[lang="ru"] .home #slider2 {
    padding-top: 20px
}
[lang="ru"] .home .red {
    color: #ef3939
}
[lang="ru"] .home .section.wide {
    width: 1240px
}
[lang="ru"] .home #ruhero {
    background-color: #fafafa
}
[lang="ru"] .home #browser-slider picture, [lang="ru"] .home #browser-slider img {
    max-width: 100%
}
[lang="ru"] .home .morearrow {
    margin-left: 8px
}
[lang="ru"] .home .track {
    margin-bottom: 10px
}
[lang="ru"] .home .row > .column {
    padding: 0 30px 20px 30px
}
[lang="ru"] .home #ruhero .row > .column {
    padding-bottom: 0;
    margin-bottom: 0 !important
}
[lang="ru"] .home .rucolor, [lang="ru"] .home h2 em {
    color: #ef3939
}
[lang="ru"] .home h1, [lang="ru"] .home h2 {
    font-weight: bold
}
[lang="ru"] .home #ruhero h1 {
    margin-top: 24px
}
@media (min-width: 1024px) {
    [lang="ru"] .home h2 {
        font-size: 42px;
        margin-bottom: 32px;
        line-height: 1.05
    }

    [lang="ru"] .home .section + .section {
        padding-top: 80px
    }
}
@media (min-width: 1280px) {
    [lang="ru"] .home .mleft .row {
        margin-left: -60px
    }

    [lang="ru"] .home .mright {
        padding-left: 130px
    }

    [lang="ru"] .home .mright .row {
        margin-right: -110px
    }

    [lang="ru"] .home .mmid .row {
        margin-left: -110px
    }
}
[lang="ru"] .home a, [lang="ru"] .home a:visited {
    color: #ef3939;
    text-decoration: none;
    font-weight: 500
}
[lang="ru"] .home a:hover {
    text-decoration: underline
}
[lang="ru"] .home p {
    font-size: 20px;
    line-height: 1.5
}
[lang="ru"] .home .center p {
    max-width: 880px
}
[lang="ru"] .home .smalltext {
    font-size: 14px;
    color: #919191
}
[lang="ru"] .home .lighttext {
    color: #919191
}
[lang="ru"] .home .belowheader {
    margin-top: 10px;
    font-weight: 500;
    color: #2f374f
}
@media (min-width: 1800px) {
    [lang="ru"] .home .belowheader {
        margin-top: 20px
    }
}
@media (min-width: 2000px) {
    [lang="ru"] .home .belowheader {
        margin-top: 30px
    }
}
[lang="ru"] .home #contentstart {
    background: #fafafa;
    color: #2f374f;
    padding-top: 40px
}
@media (min-width: 1400px) {
    [lang="ru"] .home #contentstart {
        padding-top: 80px
    }
}
@media (min-width: 1900px) {
    [lang="ru"] .home #contentstart {
        padding-top: 120px
    }
}
[lang="ru"] .home #contentstart + div {
    margin: 80px auto
}
@media (min-width: 1440px) {
    [lang="ru"] .home #contentstart + div {
        margin: 124px auto
    }
}
[lang="ru"] .home #main .btn-primary {
    background-color: #ef3939;
    transition: .3s;
    margin-bottom: 8px;
    padding-left: 36px;
    padding-right: 36px
}
[lang="ru"] .home #main .btn-primary:hover {
    background-color: #fe4242
}
[lang="ru"] .home .lSSlideOuter .lSPager.lSpg > li:hover a, [lang="ru"] .home .lSSlideOuter .lSPager.lSpg > li.active a {
    background-color: #333
}
[lang="ru"] .home .spacearound {
    margin-top: 80px;
    margin-bottom: 80px
}
@media (min-width: 1200px) {
    [lang="ru"] .home .spacearound {
        margin-top: 110px;
        margin-bottom: 110px
    }
}
@media (min-width: 1600px) {
    [lang="ru"] .home .spacearound {
        margin-top: 130px;
        margin-bottom: 130px
    }
}
@media (min-width: 2000px) {
    [lang="ru"] .home .spacearound {
        margin-top: 150px;
        margin-bottom: 150px
    }
}
[lang="ru"] .home .mediumspace {
    margin-top: 60px;
    margin-bottom: 60px
}
@media (min-width: 1200px) {
    [lang="ru"] .home .mediumspace {
        margin-top: 80px;
        margin-bottom: 80px
    }
}
@media (min-width: 1400px) {
    [lang="ru"] .home .mediumspace {
        margin-top: 100px;
        margin-bottom: 100px
    }
}
[lang="ru"] .home .lSAction {
    position: relative;
    display: block !important;
    width: 160px;
    height: 160px;
    margin: auto;
    z-index: 999
}
[lang="ru"] .home .lSAction a {
    position: absolute;
    top: 10px;
    margin: 0;
    display: block;
    width: 82px;
    height: 82px;
    opacity: 1
}
[lang="ru"] .home .lSAction > .lSPrev {
    left: 0;
    background: transparent url(img/ru/arrow1.png) center left no-repeat;
    background-size: 82px 82px
}
[lang="ru"] .home .lSAction > .lSPrev:hover {
    background: transparent url(img/ru/arrow1hover.png) center left no-repeat;
    background-size: 82px 82px;
    border: none
}
[lang="ru"] .home .lSAction > .lSNext {
    right: 0;
    background: transparent url(img/ru/arrow2.png) center left no-repeat;
    background-size: 82px 82px
}
[lang="ru"] .home .lSAction > .lSNext:hover {
    background: transparent url(img/ru/arrow2hover.png) center left no-repeat;
    background-size: 82px 82px;
    border: none
}
[lang="ru"] .home #ru-features {
    padding-top: 50px
}
@media (min-width: 1024px) {
    [lang="ru"] .home #ru-features {
        margin-left: -20px
    }
}
[lang="ru"] .home #ru-features em {
    color: #4c70f0
}
[lang="ru"] .home #ru-features li {
    float: left;
    text-align: center;
    padding-bottom: 36px
}
[lang="ru"] .home #ru-features li > div {
    padding: 40px;
    box-shadow: 0 0 60px rgba(0, 0, 0, 0.07);
    border-radius: 40px;
    margin-bottom: 58px;
    margin: 0 10px
}
@media (min-width: 1024px) {
    [lang="ru"] .home #ru-features li > div {
        padding: 64px;
        margin: 0 10px 64px 10px
    }
}
@media (min-width: 1400px) {
    [lang="ru"] .home #ru-features li > div {
        margin: 0 20px 70px 20px
    }
}
[lang="ru"] .home #ru-features li h2, [lang="ru"] .home #ru-features li p {
    opacity: 0
}
@media (max-width: 1023px) {
    [lang="ru"] .home #ru-features li h2, [lang="ru"] .home #ru-features li p {
        padding: 0 20px
    }
}
[lang="ru"] .home #ru-features li.active h2, [lang="ru"] .home #ru-features li.active p {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}
[lang="ru"] .home #ru-features li.active p {
    -webkit-animation-duration: 3s;
    animation-duration: 3s
}
@media (max-width: 1041px) {
    [lang="ru"] .home #ru-features li.active {
        margin-left: -22px
    }
}
[lang="ru"] .home #ru-features img {
    width: 457px;
    max-width: 100%;
    margin: auto
}
@media (min-width: 1700px) {
    [lang="ru"] .home #ru-features img {
        width: 540px;
        margin: 10px auto
    }
}
@media (min-width: 2000px) {
    [lang="ru"] .home #ru-features img {
        width: 580px;
        margin: 30px auto
    }
}
[lang="ru"] .home #ru-features .row > .column {
    margin-bottom: 0
}
[lang="ru"] .home #ru-features p {
    margin: 8px auto;
    max-width: 700px
}
[lang="ru"] .home #ru-features p:first-child {
    font-size: 22px;
    margin-top: 14px
}
[lang="ru"] .home #ru-features:after {
    display: table;
    content: '';
    clear: both
}
[lang="ru"] .home #ruhero p {
    max-width: 800px
}
[lang="ru"] .home #ruhero .bluebtn, [lang="ru"] .home #ruhero .redbtn, [lang="ru"] .home #ruhero .greenbtn {
    display: block;
    background: #fff;
    line-height: 1.2;
    font-size: 16px;
    padding: 18px 10px;
    text-align: center;
    font-weight: 500;
    color: #4c70f0;
    border-top: 3px solid #4c70f0;
    border-radius: 5px
}
[lang="ru"] .home #ruhero .redbtn {
    color: #ef3939;
    border-top-color: #ef3939
}
[lang="ru"] .home #ruhero .greenbtn {
    color: #09b56f;
    border-top-color: #09b56f
}
[lang="ru"] .home #btnlist {
    padding-bottom: 32px !important
}
@media (min-width: 1700px) {
    [lang="ru"] .home #btnlist {
        padding-bottom: 42px !important
    }
}
[lang="ru"] .home #btnlist > div {
    padding: 0 10px 14px 10px !important
}
[lang="ru"] .home #btnlist a:hover {
    text-decoration: none;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1)
}
[lang="ru"] .home .videoWrapper {
    position: relative;
    border-radius: 14px;
    overflow: hidden
}
[lang="ru"] .home .ru-video {
    position: relative
}
[lang="ru"] .home #ruforum em, [lang="ru"] .home #ruforum a {
    color: #4c70f0 !important
}
@media (min-width: 1360px) {
    [lang="ru"] .home #rufaq {
        margin-top: 50px
    }
}
[lang="ru"] .home .faq {
    margin-top: 30px
}
[lang="ru"] .home .faq .item {
    border-top: 1px solid #666
}
[lang="ru"] .home .faq .topic {
    position: relative;
    margin: 0;
    padding: 20px 30px;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 500
}
[lang="ru"] .home .faq .topic::before {
    top: 28px;
    width: 12px;
    height: 12px;
    border-right: 2px solid;
    border-bottom: 2px solid;
    transform: rotate(-45deg);
    transition: transform .1s ease-out
}
[lang="ru"] .home .faq .topic:hover {
    color: #ef3939
}
[lang="ru"] .home .faq .topic:hover::before {
    border-color: #ef3939
}
[lang="ru"] .home .faq .item.active .topic {
    color: #ef3939
}
[lang="ru"] .home .faq .item.active .topic::before {
    top: 24px;
    transform: rotate(45deg);
    border-color: #ef3939
}
[lang="ru"] .home .faq .answer {
    padding: 3px 30px 16px 30px;
    font-size: 1em
}
[lang="ru"] .home .faq .answer a {
    color: #ef3939
}
[lang="ru"] .home .faq .answer p {
    font-size: 20px;
    line-height: 1.5
}
[lang="ru"] .home #ru-get {
    background: #ef3939;
    margin-top: 60px;
    padding: 30px 60px
}
@media (min-width: 1024px) {
    [lang="ru"] .home #ru-get {
        padding: 80px 60px
    }
}
[lang="ru"] .home #ru-get .btn-primary {
    margin-top: 20px;
    color: #fff;
    border: 1px solid #fff;
    background: transparent
}
[lang="ru"] .home #ru-get .btn-primary:hover {
    background: #fe4242;
    border-color: #fe4242
}
[lang="ru"] .home #footer {
    background: #2c2c2c;
    color: #9f9f9f;
    margin-top: -1px
}
[lang="ru"] .home #footer a {
    color: #fff !important
}
[lang="ru"] .home #social svg {
    background: #2c2c2c
}
[lang="ru"] .home #js-scroll {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    -webkit-overflow-scrolling: touch
}
.ru-background1 {
    background: #f1f4f5 url(img/ru/background1.svg) top center no-repeat;
    background-size: 100% auto;
    box-shadow: 0 -60px 80px -60px rgba(0, 0, 0, 0.1) inset
}
@media (max-width: 1023px) {
    .ru-video {
        padding: 30px 12px;
        background: #2c2c2c;
        border-radius: 20px;
        margin-bottom: 30px
    }
}
@media (min-width: 1024px) {
    .ru-video {
        padding: 53px 24px;
        width: 974px;
        height: 626px;
        margin-bottom: 50px
    }

    .webp .ru-video {
        background: transparent url(img/ru/video-background.webp) center no-repeat;
        background-size: 100% 100%
    }

    .no-webp .ru-video {
        background: transparent url(img/ru/video-background.png) center no-repeat;
        background-size: 100% 100%
    }
}
#ruhero .section:first-child .row > .column {
    margin-bottom: 20px
}
@media (max-width: 1024px) {
    #ruhero .section:first-child .row > .column {
        margin-bottom: 0
    }

    .webp #rutopbg, .no-webp #rutopbg {
        background-position: 50% 120px
    }

    #rutopbg {
        padding: 30px 0
    }

    #rutopbg h1 {
        font-size: 50px;
        margin-bottom: 48px
    }

    #rutopbg p {
        max-width: 800px
    }

    #vivlogo {
        width: 354px;
        height: 60px
    }
}
@media (max-width: 840px) {
    #rutopbg {
        padding: 40px 0
    }

    #rutopbg h1 {
        font-size: 38px;
        margin-bottom: 40px
    }

    #vivlogo {
        width: 236px;
        height: 40px
    }
}
@media (max-width: 480px) {
    #rutopbg {
        padding: 30px 0
    }

    #rutopbg h1 {
        font-size: 26px;
        margin-bottom: 30px
    }
}
@media (max-width: 1079px) {
    [lang="ru"] .home .elem {
        display: none
    }
}
@media (min-width: 1024px) {
    [lang="ru"] .home .elem {
        position: absolute
    }

    [lang="ru"] .home .ele1 {
        bottom: 32px;
        left: -140px
    }

    [lang="ru"] .home .ele2 {
        top: 38%;
        right: -140px
    }

    [lang="ru"] .home .ele3 {
        top: -40px;
        right: 30px
    }

    [lang="ru"] .home .ele4 {
        bottom: 60px;
        left: -60px
    }

    [lang="ru"] .home .ele5 {
        bottom: -80px;
        right: -80px
    }

    [lang="ru"] .home .ele6 {
        top: -240px;
        left: -10px
    }

    [lang="ru"] .home .ele7 {
        top: -110px;
        right: -20px
    }

    [lang="ru"] .home .ele8 {
        bottom: 100px;
        right: 0
    }

    [lang="ru"] .home .ele9 {
        bottom: -20px;
        left: 30px
    }

    [lang="ru"] .home .ele10 {
        top: 40px;
        left: 50%;
        margin-left: -520px !important;
        opacity: .3
    }

    [lang="ru"] .home .ele11 {
        top: -10px;
        left: 50%;
        margin-left: 440px !important;
        opacity: .3
    }

    #ruheroimg {
        margin-top: 20px;
        width: 920px;
        height: 601px;
        display: table
    }

    #ruheroimg > div {
        display: table-cell;
        vertical-align: middle;
        padding: 90px 64px 60px 80px
    }

    #ruheroimg h1 {
        font-size: 40px;
        font-weight: 500;
        margin-bottom: 30px;
        max-width: 600px
    }
}
[lang="ru"] #slidebg {
    border-radius: 0;
    margin: auto;
    box-shadow: none
}
[lang="ru"] #slidebg img {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}
@media (min-width: 340px) {
    [lang="ru"] #slidebg {
        padding: 34px 22px 0 22px
    }
}
@media (min-width: 480px) {
    [lang="ru"] #slidebg {
        padding: 38px 26px 0 26px
    }
}
@media (min-width: 540px) {
    [lang="ru"] #slidebg {
        padding: 45px 32px 0 32px
    }
}
@media (min-width: 700px) {
    [lang="ru"] #slidebg {
        padding: 50px 38px 0 38px
    }
}
@media (min-width: 820px) {
    [lang="ru"] #slidebg {
        padding: 58px 45px 0 45px
    }
}
@media (min-width: 1600px) {
    [lang="ru"] #slidebg {
        padding: 62px 45px 0 45px
    }
}
[lang="ru"].no-webp #slidebg {
    background: transparent url(img/ru/monitor.png) center top no-repeat;
    background-size: cover
}
[lang="ru"].webp #slidebg {
    background: transparent url(img/ru/monitor.webp) center top no-repeat;
    background-size: cover
}
@media (min-width: 1280px) {
    [lang="ru"] .home #slidebg {
        padding: 72px 50px 0 50px
    }

    [lang="ru"] .home .ele5 {
        right: -100px
    }
}
@media (min-width: 1080px) {
    [lang="ru"] .home #ruheroimg {
        width: 980px;
        height: 640px
    }

    [lang="ru"] .home #ruheroimg h1 {
        margin-bottom: 46px
    }
}
@media (min-width: 1200px) {
    [lang="ru"] .home #ruheroimg {
        width: 1006px;
        height: 657px
    }
}
@media (min-width: 1400px) {
    #ruheroimg {
        margin-top: 30px
    }
}
@media (min-width: 1800px) {
    #ruheroimg {
        margin-top: 40px
    }
}
@media (min-width: 2000px) {
    #ruheroimg {
        margin-top: 56px
    }
}
[lang="en"] .home #footer > .row {
    width: 1440px
}
.home #vivaldiheader > .row {
    width: 1440px;
    padding: 20px 24px
}
@media (max-width: 260px) {
    .home #vivaldiheader > .row {
        padding: 20px 15px
    }
}
@media (max-width: 640px) {
    .row > #themedisplay {
        padding-left: 24px
    }
}
@media (min-width: 641px) {
    .row > #themedisplay {
        padding-top: 20px
    }
}
.home-intro {
    padding: 40px 20px;
    text-align: center;
    width: 1400px;
    max-width: 90%;
    margin: 0 auto
}
.home-intro h1 {
    font-size: 44px;
    font-weight: bold;
    margin: 4px auto;
    max-width: 960px
}
.home-intro h1 a {
    color: #d92f87;
    background: -webkit-linear-gradient(45deg, #fe1568, #d92f87);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 900;
    text-decoration: none
}
.home-intro p {
    font-size: 25px;
    max-width: 90%;
    margin: 0 auto
}
.home-intro .btn-primary {
    margin: 24px auto
}
.home-intro .small {
    font-size: 14px;
    font-weight: 500
}
.blocks > .row > .column {
    position: relative;
    padding: 12px
}
.blocks .column > a > div, .blocks .column > div > div {
    padding-top: 20px
}
.blocks .column > a > div.nopad, .blocks .column > div > div.nopad {
    padding-top: 0
}
.blocks img, .blocks video, .blocks .videodiv, .blocks picture {
    position: relative;
    display: block;
    width: 100% !important;
    max-width: 100% !important
}
.blocks img {
    border-bottom-left-radius: 11px;
    border-bottom-right-radius: 11px
}
.blocks .rounded {
    border-radius: 6px
}
.blocks p + picture, .blocks p + div, .blocks h2 + picture, .blocks h2 + div {
    margin-top: 20px
}
.blocks a {
    color: #333;
    text-decoration: none
}
.blocks p, .blocks h2, .blocks h3 {
    padding: 0 24px;
    margin: 5px 0;
    color: #333
}
.blocks h2 {
    font-weight: bold;
    font-size: 28px;
    line-height: 1.25
}
.blocks h3 {
    font-weight: bold;
    font-size: 22px;
    line-height: 1.25;
    margin-bottom: 10px
}
.blocks p {
    font-weight: 500;
    font-size: 18px;
    line-height: 1.6;
    margin: 0
}
.blocks .shadows {
    box-shadow: 0 13px 20px rgba(0, 0, 0, 0.1)
}
.blocks .center p {
    max-width: 94%
}
.blocks .lightp p {
    font-weight: 400
}
.blocks .imgicon, .blocks .imgicon img {
    width: 64px !important;
    height: 64px !important
}
.blocks .imgicon {
    margin: 20px 0
}
.blocks .xlarge {
    font-size: 46px;
    font-weight: 500;
    line-height: 1.05;
    padding: 8px 24px
}
.blocks .large {
    font-size: 32px;
    font-weight: 500;
    line-height: 1.1
}
.blocks .large.pinktext {
    line-height: 1.27
}
.blocks .medium {
    font-size: 30px;
    font-weight: 500;
    line-height: 1.1
}
.blocks .medium.pinktext {
    line-height: 1.27
}
.blocks h2.xlarge, .blocks h2.large, .blocks h2.medium {
    font-weight: bold
}
.blocks .small {
    font-size: 17px;
    font-weight: 400;
    line-height: 1.6
}
.blocks ul {
    margin: 14px 4px 20px 4px;
    padding: 0;
    list-style-position: inside
}
.blocks li {
    padding: 0 20px;
    line-height: 1.6
}
.blocks li + li {
    margin-top: 3px
}
.blocks .leftpad {
    padding-left: 24px
}
.blocks .leftpad img {
    border-bottom-left-radius: 0
}
.blocks .extrapad {
    padding-top: 32px
}
.blocks .extrapad picture {
    margin-top: 32px
}
.blocks .padding {
    padding: 0 24px
}
.blocks .padding img {
    border-radius: 0
}
.blocks .padtop {
    padding: 24px 0
}
.blocks .padtop p {
    margin-bottom: 24px
}
.blocks > .row > .extraspace {
    padding: 48px 12px
}
.blocks .topradius {
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important
}
.blocks .leftradius {
    border-top-left-radius: 8px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 11px
}
.blocks blockquote {
    margin: 0;
    padding: 6px 0 48px 0
}
.blocks blockquote:before {
    display: none
}
.blocks blockquote img {
    border-radius: 100%;
    width: 90px !important;
    height: 90px !important;
    margin: 18px auto
}
.blocks blockquote cite {
    opacity: .7;
    font-size: 14px
}
.blocks blockquote a {
    text-decoration: underline
}
.blocks blockquote a:hover {
    text-decoration: none
}
.blocks .outlined {
    border: 3px solid transparent
}
.blocks .outlined > div {
    background: #fff;
    height: 100%
}
.blocks .color1 {
    background-color: #fff
}
.blocks .color2 {
    background-color: #f3f5f6
}
.blocks .color3 {
    background-color: #27111c
}
.blocks .color4 {
    background-color: #ff8971
}
.blocks .color5 {
    background-color: #ffcab6
}
.blocks .color6 {
    background-color: #ef3939
}
.blocks .color7 {
    background-color: #4c70f0
}
.blocks .color8 {
    background-color: #fee3bc
}
.blocks .color9 {
    background-color: #0a121f
}
.blocks .color10 {
    background-color: #282633
}
.blocks .color12 {
    background-color: #feecec
}
.blocks .color13 {
    background-color: #eafaed
}
.blocks .color14 {
    background-color: #e8f5f0
}
.blocks .color15 {
    background-color: #fddebe
}
.blocks .color16 {
    background-color: #ee7155
}
.blocks .color17 {
    background-color: #cdedff
}
.blocks .color18 {
    background-color: #abe6ff
}
.blocks .color19 {
    background-color: #a7edda
}
.blocks .color19 h2, .blocks .color19 p {
    color: #2f374f
}
.blocks .color20 {
    background-color: #d8f6eb
}
.blocks .color21 {
    background-color: #f5f8fb
}
.blocks .color21 h2, .blocks .color21 p {
    color: #2f374f
}
.blocks .color-green {
    background-color: #1e201e
}
.blocks .color-green h2 {
    color: #33d774
}
.blocks .color-green p {
    color: #c8c8c8
}
.blocks .color-vivaldi {
    background-color: #eee
}
.blocks .color-vivaldi h2 {
    color: #ef3939
}
.blocks .color-vivaldi p {
    color: #333
}
.blocks .color-human {
    background-color: #3b3a35
}
.blocks .color-human h2 {
    color: #f15a31
}
.blocks .color-human p {
    color: #c8c8c8
}
.blocks .color-blue {
    background-color: #eaedfe
}
.blocks .color-blue h2 {
    color: #393ed9
}
.blocks .color-blue p {
    color: #192044
}
.blocks .color3 h2, .blocks .color4 h2, .blocks .color6 h2, .blocks .color7 h2, .blocks .color9 h2, .blocks .bg1 h2, .blocks .bg2 h2, .blocks .viv-chr-bg h2, .blocks .android-browser-bg h2, .blocks .time-bg h2, .blocks .color16 h2, .blocks .color3 p, .blocks .color4 p, .blocks .color6 p, .blocks .color7 p, .blocks .color9 p, .blocks .bg1 p, .blocks .bg2 p, .blocks .viv-chr-bg p, .blocks .android-browser-bg p, .blocks .time-bg p, .blocks .color16 p, .blocks .color3 a, .blocks .color4 a, .blocks .color6 a, .blocks .color7 a, .blocks .color9 a, .blocks .bg1 a, .blocks .bg2 a, .blocks .viv-chr-bg a, .blocks .android-browser-bg a, .blocks .time-bg a, .blocks .color16 a, .blocks .color3 li, .blocks .color4 li, .blocks .color6 li, .blocks .color7 li, .blocks .color9 li, .blocks .bg1 li, .blocks .bg2 li, .blocks .viv-chr-bg li, .blocks .android-browser-bg li, .blocks .time-bg li, .blocks .color16 li {
    color: #fff
}
.blocks .color10 h2 {
    color: #fcc465
}
.blocks .color10 p {
    color: #fff
}
.blocks .color13 h2 {
    color: #ef3939
}
.blocks .breakmode-bg h2, .blocks .breakmode-bg p {
    color: #064f6f
}
.blocks .color3 a:hover {
    opacity: .9
}
.blocks .noradius img {
    border-radius: 0
}
.blocks .kbd {
    display: inline-block;
    border: 2px solid #fff;
    border-radius: 4px;
    padding: 3px 12px;
    margin: 14px 7px 0 0;
    font-weight: 500;
    color: #fff
}
.blocks .kbd:last-child {
    margin-right: 0
}
.blocks .videodiv {
    max-width: 960px !important;
    margin: auto
}
.blocks .lSSlideOuter {
    position: relative
}
.blocks .lslide {
    display: none
}
.blocks .lslide.active {
    display: block
}
.blocks #infoicon {
    background: transparent url(img/icons/info-white.svg) center no-repeat;
    background-size: 20px
}
.blocks #infomsg {
    padding-top: 4px
}
.blocks #infomsg p {
    font-size: 14px;
    font-weight: 400;
    margin: 16px 0
}
.blocks .signupmessage {
    border-color: #2b50bc;
    background-color: #233f9e;
    color: #fff
}
.blocks .greentext {
    color: #01e281
}
.pinktext {
    color: #d92f87;
    background: -webkit-linear-gradient(45deg, #fe1568, #955fc1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}
#themediv a.btn-themes {
    display: inline-block;
    margin: 0 24px 24px 24px;
    padding: 10px 20px;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.16)
}
#themediv a.btn-themes:hover {
    background: rgba(255, 255, 255, 0.24)
}
#themediv.color-vivaldi a.btn-themes {
    background: #dfdfdf;
    color: #333
}
#themediv.color-vivaldi a.btn-themes:hover {
    background: #fff
}
#themediv.color-blue a.btn-themes {
    background: #d8dbf1;
    color: #192044
}
#themediv.color-blue a.btn-themes:hover {
    background: #fff
}
#themeselect {
    margin: 0 0 -3px 0;
    padding: 18px
}
#themeselect div {
    display: inline-block;
    position: relative;
    overflow: hidden;
    border-radius: 100%;
    width: 24px;
    height: 24px;
    margin: 4px
}
#themeselect div:before {
    display: block;
    content: '';
    width: 24px;
    height: 48px;
    background: rgba(0, 0, 0, 0.15)
}
#themeselect div:hover {
    cursor: pointer;
    box-shadow: 0 0 0 3px #fff
}
@media (min-width: 640px) {
    #themeselect div {
        width: 48px;
        height: 48px;
        margin: 6px
    }
}
#themeselect div.currentcolor {
    animation: pulsate 3s ease-out infinite
}
@-webkit-keyframes pulsate {
    0% {
        box-shadow: 0 0 0 3px #fff
    }
    50% {
        box-shadow: 0 0 0 3px rgba(255, 255, 255, 0)
    }
    100% {
        box-shadow: 0 0 0 3px #fff
    }
}
#themecolor-vivaldi {
    background: #ef3939
}
#themecolor-human {
    background: #f15a31
}
#themecolor-blue {
    background: #393ed9
}
#themecolor-green {
    background: #33d774
}
#usermods .lSSlideOuter {
    max-width: 1080px
}
#usermods h2 {
    margin-top: 10px
}
#usermod-slider {
    max-width: 1160px;
    margin: 30px auto 0 auto;
    padding: 0 30px
}
#usermod-slider li {
    list-style: none;
    margin: 0;
    padding: 0
}
#usermod-slider img {
    width: 100%;
    max-width: 960px;
    border-radius: 3px;
    margin: 0 auto
}
#usermod-slider:after {
    display: table;
    content: '';
    clear: both
}
@media (min-width: 640px) {
    #usermod-slider {
        padding: 0 50px
    }
}
@media (min-width: 960px) {
    #usermod-slider {
        padding: 0 100px
    }

    #usermods .lSAction a:hover, #usermods .lSAction a:focus {
        border: 2px solid #b2ccc2
    }
}
@media (max-width: 400px) {
    .ribbon {
        display: none
    }
}
.ribbon {
    position: absolute;
    top: 22px;
    left: -29px;
    width: 140px;
    height: 140px;
    font-size: 13px;
    z-index: 3
}
.ribbon-inside {
    background: #ed3b3f;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    transform: rotate(-45deg);
    position: absolute;
    left: 0;
    top: 0;
    padding: 6px;
    line-height: 20px;
    width: 140px;
    text-align: center
}
.ribbon-inside:before {
    position: absolute;
    content: "";
    top: 30px;
    right: 0;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-right: 6px solid transparent;
    border-bottom: 8px solid #c51f23;
    border-left: 6px solid transparent;
    transform: rotate(-45deg)
}
.ribbon-inside:after {
    position: absolute;
    content: "";
    top: 28px;
    right: 0;
    bottom: 0;
    left: 90%;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 8px solid #c51f23;
    transform: rotate(-45deg)
}
@media (max-width: 440px) {
    .home .blocks .midsize {
        font-size: 18px
    }

    .home .blocks .medium {
        font-size: 20px
    }

    .home .blocks .large {
        font-size: 28px
    }

    .home .blocks .xlarge {
        font-size: 32px
    }
}
@media (max-width: 640px) {
    .home .blocks .midsize {
        font-size: 20px
    }

    .home .blocks .medium {
        font-size: 22px
    }

    .home .blocks .large {
        font-size: 30px
    }

    .home .blocks .xlarge {
        font-size: 38px
    }
}
.webp .bg1 {
    background: #b713b6 url(img/blocks/bg/bg1.webp) top left;
    background-size: cover
}
.webp .bg2, .webp .color-sunset {
    background: #e13938 url(img/blocks/bg/bg2.webp) top left;
    background-size: cover
}
.webp .bg3, .webp .blocks .outlined, .webp .color-pink {
    background: #d92f87 url(img/blocks/bg/gradient1.webp) center;
    background-size: cover
}
.webp .bg4 {
    background: #151616 url(img/blocks/bg/bg4.webp) top left;
    background-size: cover
}
.webp .color-darkblue {
    background: #11184e url(img/blocks/bg/gradient3.webp) center;
    background-size: cover
}
.webp .color21 {
    background: #f5f8fb url(img/blocks/bg/soft.webp) center;
    background-size: cover
}
.no-webp .bg1 {
    background: #b713b6 url(img/blocks/bg/bg1.jpg) top left;
    background-size: cover
}
.no-webp .bg2, .no-webp .color-sunset {
    background: #e13938 url(img/blocks/bg/bg2.jpg) top left;
    background-size: cover
}
.no-webp .bg3, .no-webp .blocks .outlined, .no-webp .color-pink {
    background: #d92f87 url(img/blocks/bg/gradient1.jpg) center;
    background-size: cover
}
.no-webp .bg4 {
    background: #151616 url(img/blocks/bg/bg4.jpg) top left;
    background-size: cover
}
.no-webp .color-darkblue {
    background: #11184e url(img/blocks/bg/gradient3.jpg) center;
    background-size: cover
}
.no-webp .color21 {
    background: #f5f8fb url(img/blocks/bg/soft.png) center;
    background-size: cover
}
.fastbg {
    background-color: #000
}
.viv-chr-bg {
    background-color: #467de3
}
.android-browser-bg {
    background-color: #2e2834
}
.breakmode-bg {
    background-color: #cbd5c8
}
.time-bg {
    background-color: #706b69
}
.mactable {
    background-color: #092333
}
.merch-bg {
    background-color: #7609f8
}
.merch-bg h2 {
    color: #fff
}
.webp .viv-chr-bg {
    background: #467de3 url(img/blocks/bg/viv-chr.webp) top left repeat-y;
    background-size: 100%
}
.no-webp .viv-chr-bg {
    background: #467de3 url(img/blocks/bg/viv-chr.png) top left repeat-y;
    background-size: 100%
}
.webp .lazy.visible.viv-chr-bg {
    background: #467de3 url(img/blocks/bg/viv-chr.webp) top left repeat-y;
    background-size: 100%
}
.webp .lazy.visible.android-browser-bg {
    background: #2e2834 url(img/blocks/bg/android-browser.webp) center;
    background-size: cover
}
.webp .lazy.visible.breakmode-bg {
    background: #cbd5c8 url(img/blocks/bg/hammock-guy.webp) center;
    background-size: cover
}
.webp .lazy.visible.time-bg {
    background: #706b69 url(img/blocks/bg/time-management.webp) center;
    background-size: cover
}
.webp .lazy.visible.merch-bg {
    background: #7609f8 url(img/blocks/bg/merch.webp) center bottom;
    background-size: cover
}
.webp .lazy.visible.mactable {
    background: #092333 url(img/blocks/bg/red-bg.webp) center;
    background-size: cover
}
.webp .lazy.visible.fastbg {
    background: #000 url(img/blocks/bg/fast.webp) center;
    background-size: cover
}
.no-webp .lazy.visible.viv-chr-bg {
    background: #467de3 url(img/blocks/bg/viv-chr.png) top left repeat-y;
    background-size: 100%
}
.no-webp .lazy.visible.android-browser-bg {
    background: #2e2834 url(img/blocks/bg/android-browser.jpg) center;
    background-size: cover
}
.no-webp .lazy.visible.breakmode-bg {
    background: #cbd5c8 url(img/blocks/bg/hammock-guy.jpg) center;
    background-size: cover
}
.no-webp .lazy.visible.time-bg {
    background: #706b69 url(img/blocks/bg/time-management.jpg) center;
    background-size: cover
}
.no-webp .lazy.visible.merch-bg {
    background: #7609f8 url(img/blocks/bg/merch.jpg) center bottom;
    background-size: cover
}
.no-webp .lazy.visible.mactable {
    background: #092333 url(img/blocks/bg/red-bg.png) center;
    background-size: cover
}
.no-webp .lazy.visible.fastbg {
    background: #000 url(img/blocks/bg/fast.jpg) center;
    background-size: cover
}
@media (max-width: 979px) {
    .ee-bg {
        padding: 50% 0 !important
    }
}
@media (max-width: 640px) {
    .no-webp .lazy.visible.merch-bg, .webp .lazy.visible.merch-bg {
        background-position: center;
        padding: 30px 20px 320px 20px !important
    }

    .no-webp .bg1, .webp .bg1 {
        background-position: bottom left
    }
}
.make-it-float {
    position: relative;
    padding-bottom: 80%
}
.make-it-float img {
    position: absolute;
    left: 24px;
    z-index: 999;
    border-radius: 8px;
    box-shadow: 0 13px 20px rgba(0, 0, 0, 0.1)
}
@media (max-width: 1200px) {
    .home-intro h1 {
        font-size: 40px
    }

    .home-intro p {
        font-size: 22px
    }
}
@media (max-width: 640px) {
    .home-intro {
        padding: 35px 20px
    }

    .home-intro h1 {
        font-size: 32px
    }

    .home-intro p {
        font-size: 19px;
        font-weight: 500
    }
}
@media (max-width: 479px) {
    .home-intro {
        padding: 25px 15px
    }

    .home-intro h1 {
        font-size: 26px
    }

    .home-intro p {
        font-size: 16px
    }

    .home-intro .small {
        font-size: 13px
    }

    .home-intro .btn-primary {
        margin: 15px auto 12px auto
    }
}
@media (max-width: 767px) {
    .blocks {
        padding: 0 5px
    }

    .blocks > .row > .column {
        padding: 10px
    }

    .outlined blockquote {
        padding: 20px !important
    }
}
@media (max-width: 400px) {
    .blocks > .row > .column, .blocks > .row > .column .column {
        width: 100%
    }

    .w50img {
        margin-bottom: 15px !important
    }
}
@media (min-width: 361px) {
    .row .row > .w50img {
        padding-right: 30px
    }
}
@media (min-width: 480px) {
    .blocks {
        padding-left: 12px;
        padding-right: 12px
    }
}
@media (min-width: 1200px) {
    .blocks .w33 .center p, .blocks .w50 .center p, .blocks .w100 .center p, .blocks .w33 .center h2, .blocks .w50 .center h2, .blocks .w100 .center h2 {
        padding: 0 48px
    }

    .blocks .w33 .center .xlarge, .blocks .w50 .center .xlarge, .blocks .w100 .center .xlarge {
        padding: 10px 48px
    }
}
@media (min-width: 1280px) {
    .blocks .xlarge {
        font-size: 58px
    }

    .blocks .large {
        font-size: 42px
    }

    .blocks .midsize {
        font-size: 26px
    }

    .blocks .medium {
        font-size: 32px
    }
}
.playbtn {
    position: relative
}
.playbtn:hover:before, .playbtn:focus:before {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -40px;
    content: '';
    width: 80px;
    height: 80px;
    background: transparent url(img/play-btn.webp);
    background-size: 80px;
    opacity: 0;
    z-index: 99;
    -webkit-animation-duration: .7s;
    animation-duration: .7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}
@media (min-width: 1200px) {
    .playbtn:hover:before, .playbtn:focus:before {
        margin-top: -40px;
        margin-left: -60px;
        width: 120px;
        height: 120px;
        background-size: 120px
    }
}
@media (min-width: 1200px) {
    .home .faq .topic, .home .faq .answer {
        font-size: 18px
    }
}
table.compare {
    margin-bottom: 0
}
table.compare p {
    margin: 0
}
table.compare th {
    line-height: 1.3
}
table.compare th + th {
    text-align: center;
    vertical-align: bottom
}
table.compare td + td {
    padding-left: 0
}
table.compare b {
    font-size: 17px
}
.mactable {
    padding-top: 0 !important
}
.mactable > div {
    padding: 12px
}
.mactable > div table {
    margin: 0
}
@media (min-width: 600px) {
    .mactable > div {
        padding: 24px
    }
}
.blocks .compare {
    background: #fff;
    border-radius: 12px
}
.blocks .compare img {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px;
    margin: auto
}
@media (min-width: 400px) {
    .blocks .compare img {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px
    }
}
@media (min-width: 600px) {
    .blocks .compare img {
        width: 64px !important;
        height: 64px !important;
        min-width: 64px
    }
}
.blocks .compare th {
    white-space: nowrap;
    padding: 12px 6px
}
@media (min-width: 480px) {
    .blocks .compare th {
        padding: 16px
    }
}
.blocks .compare td {
    padding: 20px;
    font-size: 17px;
    font-weight: 500
}
@media (max-width: 599px) {
    .blocks .compare td {
        padding: 12px;
        font-size: 15px
    }

    .blocks .compare td.check-yes, .blocks .compare td.check-no {
        padding: 12px 6px
    }

    .blocks .compare td.check-yes span, .blocks .compare td.check-no span {
        background-size: 24px;
        width: 24px;
        height: 24px
    }
}
.blocks .compare tr:nth-child(even) td {
    background: #f6f6f6
}
.blocks .compare tr:nth-child(6) td:nth-child(1) {
    border-bottom-left-radius: 12px
}
.blocks .compare tr:nth-child(6) td:nth-child(3) {
    border-bottom-right-radius: 12px
}
@media (min-width: 768px) {
    table.compare b {
        font-size: 19px
    }

    .mactable > div {
        padding: 60px
    }
}
table .check-yes, table .check-no {
    text-align: center;
    vertical-align: middle
}
table .check-yes span, table .check-no span {
    display: block;
    overflow: hidden;
    text-indent: -99em;
    line-height: 0;
    width: 32px;
    height: 32px;
    margin: auto
}
table .check-yes span {
    background: transparent url(img/table/icon-check.png) center no-repeat;
    background-size: 32px
}
table .check-no span {
    background: transparent url(img/table/icon-line.png) center no-repeat;
    background-size: 32px
}
html[lang=is] .home blockquote .pinktext {
    font-size: 25px
}
#browser-slider {
    margin: 0;
    padding: 0
}
#browser-slider li {
    padding: 0;
    margin: 0 !important;
    list-style: none
}
#browser-slider picture, #browser-slider img {
    border-radius: 4px;
    max-width: 960px;
    max-height: 76vh;
    width: auto !important
}
.slidepad {
    padding: 0 30px
}
#slidebg {
    display: inline-block;
    background: #212121;
    padding: 10px;
    border-radius: 16px;
    box-shadow: 0 16px 30px rgba(0, 0, 0, 0.1);
    margin: 24px auto
}
@media (min-width: 640px) {
    .slidepad {
        padding: 0 48px
    }

    #slidebg {
        padding: 16px;
        border-radius: 20px
    }
}
@media (min-width: 1024px) {
    #slidebg {
        padding: 24px;
        margin: 32px auto 48px auto
    }
}
.track {
    max-width: 618px;
    padding-left: 32px;
    height: 32px;
    background: transparent url(img/blocks/min-browser.png) center left no-repeat;
    background-size: 18px 24px;
    margin: 0 auto
}
.track > div {
    padding-right: 66px;
    background: transparent url(img/blocks/max-browser.png) center right no-repeat;
    background-size: 54px 24px
}
input[type=range] {
    -webkit-appearance: none;
    margin: 10px 0;
    width: 100%;
    padding: 0;
    border: none
}
input[type=range]:focus {
    outline: none
}
input[type=range]::-webkit-slider-runnable-track {
    max-width: 520px;
    margin: 0 auto;
    width: 100%;
    height: 6px;
    cursor: pointer;
    background: #ccceda;
    border-radius: 3px;
    border: none
}
input[type=range]::-webkit-slider-thumb {
    box-shadow: 0 2px 6px rgba(132, 17, 72, 0.25);
    border: none;
    width: 80px;
    height: 14px;
    border-radius: 7px;
    background: -webkit-linear-gradient(45deg, #fe1568, #955fc1);
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -4px
}
input[type=range]:focus::-webkit-slider-runnable-track {
    background: #ccceda
}
input[type=range]::-moz-range-track {
    max-width: 520px;
    margin: 0 auto;
    width: 100%;
    height: 6px;
    cursor: pointer;
    background: #ccceda;
    border-radius: 3px;
    border: none
}
input[type=range]::-moz-range-thumb {
    box-shadow: 0 2px 6px rgba(132, 17, 72, 0.25);
    border: none;
    width: 80px;
    height: 14px;
    border-radius: 7px;
    background: linear-gradient(45deg, #fe1568, #955fc1);
    cursor: pointer
}
input[type=range]::-ms-track {
    max-width: 520px;
    margin: 0 auto;
    width: 100%;
    height: 6px;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    border-width: 20px 0;
    color: transparent
}
input[type=range]::-ms-fill-lower {
    background: #ccceda;
    border: none;
    border-radius: 10px;
    box-shadow: 0 0 0 #111, 0 0 0 #111
}
input[type=range]::-ms-fill-upper {
    background: #ccceda;
    border: none;
    border-radius: 10px;
    box-shadow: 0 0 0 #111, 0 0 0 #111
}
input[type=range]::-ms-thumb {
    box-shadow: 0 2px 6px rgba(132, 17, 72, 0.25);
    border: none;
    width: 80px;
    height: 14px;
    border-radius: 7px;
    background: linear-gradient(45deg, #fe1568, #955fc1);
    cursor: pointer
}
input[type=range]:focus::-ms-fill-lower {
    background: #ccceda
}
input[type=range]:focus::-ms-fill-upper {
    background: #ccceda
}
@media (max-width: 768px) {
    input[type=range]::-webkit-slider-thumb {
        width: 40px
    }

    input[type=range]::-ms-thumb {
        width: 40px
    }

    input[type=range]::-moz-range-thumb {
        width: 40px
    }
}
.lightSlider, .lightSlider li {
    margin: 0;
    list-style: none;
    list-style-position: outside
}
.lSSlideOuter {
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.lightSlider:before, .lightSlider:after {
    content: " ";
    display: table
}
.lightSlider {
    overflow: hidden;
    margin: 0
}
.lSSlideWrapper {
    max-width: 100%;
    overflow: hidden;
    position: relative
}
.lSSlideWrapper > .lightSlider:after {
    clear: both
}
.lSSlideWrapper .lSSlide {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: all 1s;
    -webkit-transition-property: -webkit-transform, height;
    -moz-transition-property: -moz-transform, height;
    transition-property: transform, height;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important
}
.lSSlideWrapper .lSFade {
    position: relative
}
.lSSlideWrapper .abs.lSFade > * {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 9;
    margin-right: 0;
    width: 100%
}
.lSSlideWrapper.usingCss .lSFade > * {
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important
}
.lSSlideWrapper .lSFade > *.active {
    z-index: 10
}
.lSSlideWrapper.usingCss .lSFade > *.active {
    opacity: 1
}
.lSSlideOuter .lSPager.lSpg {
    margin: 10px 0 0;
    padding: 0;
    text-align: center
}
.lSSlideOuter .lSPager.lSpg > li {
    cursor: pointer;
    display: inline-block;
    padding: 0 5px;
    margin: 1px
}
.lSSlideOuter .lSPager.lSpg > li a {
    background-color: rgba(0, 0, 0, 0.14);
    border-radius: 30px;
    display: inline-block;
    width: 14px;
    height: 14px;
    overflow: hidden;
    text-indent: -999em;
    position: relative;
    z-index: 99;
    -webkit-transition: all .5s linear 0s;
    transition: all .5s linear 0s
}
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
    background-color: #428bca
}
.lSSlideOuter .media {
    opacity: .8
}
.lSSlideOuter .media.active {
    opacity: 1
}
.lSSlideOuter .lSPager.lSGallery {
    list-style: none outside none;
    padding-left: 0;
    margin: 0;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.lSSlideOuter .lSPager.lSGallery li {
    overflow: hidden;
    -webkit-transition: border-radius .12s linear 0s .35s linear 0s;
    transition: border-radius .12s linear 0s .35s linear 0s
}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
    border-radius: 5px
}
.lSSlideOuter .lSPager.lSGallery img {
    display: block;
    height: auto;
    max-width: 100%
}
.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after {
    content: " ";
    display: table
}
.lSSlideOuter .lSPager.lSGallery:after {
    clear: both
}
.lSAction > a {
    width: 32px;
    display: block;
    top: 50%;
    height: 32px;
    cursor: pointer;
    position: absolute;
    z-index: 99;
    margin-top: -16px;
    -webkit-transition: opacity .35s linear 0s;
    transition: opacity .35s linear 0s
}
.lSPrev {
    left: 0;
    background: transparent url(img/icons/arrow-left.svg) center no-repeat;
    background-size: 32px 32px
}
.lSNext {
    right: 0;
    background: transparent url(img/icons/arrow-right.svg) center no-repeat;
    background-size: 32px 32px
}
.lSAction > a:hover {
    opacity: 1
}
.lSAction > .lSPrev {
    left: 10px
}
.lSAction > .lSNext {
    right: 10px
}
.lSAction > a.disabled {
    pointer-events: none
}
@media (max-width: 640px) {
    .lSAction {
        display: none !important
    }

    .lSPager {
        margin: auto;
        padding: 10px 0 !important;
        text-align: center
    }

    .lSPager > li {
        cursor: pointer;
        display: inline-block;
        padding: 0 5px;
        margin: 0
    }

    .lSPager > li a {
        background-color: rgba(1, 1, 1, 0.15);
        border-radius: 30px;
        display: inline-block;
        height: 8px;
        overflow: hidden;
        text-indent: -999em;
        width: 8px;
        position: relative;
        z-index: 99;
        -webkit-transition: all .5s linear 0s;
        transition: all .5s linear 0s
    }

    .lSPager > li:hover a, .lSPager > li.active a {
        background-color: #1546a3
    }

    .lSSlideOuter .media {
        opacity: .8
    }

    .lSSlideOuter .media.active {
        opacity: 1
    }

    .lSPager {
        margin-top: 0 !important
    }
}
@media (min-width: 641px) {
    .lSPager {
        display: none
    }

    .lSAction a {
        position: absolute;
        display: block;
        width: 64px;
        height: 64px;
        margin-top: -32px;
        opacity: .75;
        z-index: 999
    }

    .lSAction a:hover, .lSAction a:focus {
        outline: none;
        opacity: 1
    }

    .lSAction > .lSPrev {
        left: 0
    }

    .lSAction > .lSNext {
        right: 0
    }
}
@media (min-width: 1024px) {
    .lSAction a:hover, .lSAction a:focus {
        border: 2px solid #e0e0e0;
        border-radius: 100%
    }
}
.cS-hidden {
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden
}
@-webkit-keyframes rightEnd {
    0% {
        left: 0
    }
    50% {
        left: -15px
    }
    100% {
        left: 0
    }
}
@keyframes rightEnd {
    0% {
        left: 0
    }
    50% {
        left: -15px
    }
    100% {
        left: 0
    }
}
@-webkit-keyframes topEnd {
    0% {
        top: 0
    }
    50% {
        top: -15px
    }
    100% {
        top: 0
    }
}
@keyframes topEnd {
    0% {
        top: 0
    }
    50% {
        top: -15px
    }
    100% {
        top: 0
    }
}
@-webkit-keyframes leftEnd {
    0% {
        left: 0
    }
    50% {
        left: 15px
    }
    100% {
        left: 0
    }
}
@keyframes leftEnd {
    0% {
        left: 0
    }
    50% {
        left: 15px
    }
    100% {
        left: 0
    }
}
@-webkit-keyframes bottomEnd {
    0% {
        bottom: 0
    }
    50% {
        bottom: -15px
    }
    100% {
        bottom: 0
    }
}
@keyframes bottomEnd {
    0% {
        bottom: 0
    }
    50% {
        bottom: -15px
    }
    100% {
        bottom: 0
    }
}
.lSSlideOuter .rightEnd {
    -webkit-animation: rightEnd .3s;
    animation: rightEnd .3s;
    position: relative
}
.lSSlideOuter .leftEnd {
    -webkit-animation: leftEnd .3s;
    animation: leftEnd .3s;
    position: relative
}
.lSSlideOuter.vertical .rightEnd {
    -webkit-animation: topEnd .3s;
    animation: topEnd .3s;
    position: relative
}
.lSSlideOuter.vertical .leftEnd {
    -webkit-animation: bottomEnd .3s;
    animation: bottomEnd .3s;
    position: relative
}
.lSSlideOuter.lSrtl .rightEnd {
    -webkit-animation: leftEnd .3s;
    animation: leftEnd .3s;
    position: relative
}
.lSSlideOuter.lSrtl .leftEnd {
    -webkit-animation: rightEnd .3s;
    animation: rightEnd .3s;
    position: relative
}
.lightSlider.lsGrab > * {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}
.lightSlider.lsGrabbing > * {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}
.stop-scroll {
    height: 100%;
    overflow: hidden
}
.stop-scroll #upgradevivaldi {
    opacity: 0
}
.mediabox-wrap {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    z-index: 100;
    width: 100%;
    margin: auto;
    text-align: center;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.7);
    outline: none
}
.mediabox-content {
    position: relative;
    width: 1394px;
    max-width: 100%;
    padding: 48px 16px;
    margin: auto;
    height: 100%;
    outline: none
}
@media (min-width: 641px) {
    .mediabox-content {
        max-width: 86%
    }
}
@media (min-width: 1200px) {
    .mediabox-content {
        max-width: 76%
    }
}
@media (min-width: 1441px) and (min-height: 800px) {
    .mediabox-content {
        padding: 65px 16px
    }
}
.videobox {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    box-shadow: 0 13px 34px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(0, 0, 0, 0.1)
}
@media (min-width: 1800px) and (min-height: 900px) {
    .videobox {
        top: 30%;
        transform: translateY(-30%)
    }
}
.videobox iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.mediabox-close {
    display: none
}
.mediabox-wrap, .mediabox-hide {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: mediabox;
    animation-name: mediabox
}
.mediabox-hide {
    -webkit-animation-name: mediaboxhide;
    animation-name: mediaboxhide
}
@-webkit-keyframes mediabox {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@keyframes mediabox {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@-webkit-keyframes mediaboxhide {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
@keyframes mediaboxhide {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
@media (min-width: 641px) {
    .mediabox-close {
        display: block;
        position: absolute;
        top: -15px;
        right: -15px;
        width: 30px;
        height: 30px;
        z-index: 8;
        cursor: pointer;
        outline: 0;
        background: transparent url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNjAgNjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxjaXJjbGUgY3g9IjMwIiBjeT0iMzAiIHI9IjMwIiBmaWxsPSIjMTAxMDEwIi8+CjxyZWN0IHg9IjE1IiB5PSIxOSIgd2lkdGg9IjQiIGhlaWdodD0iMzYiIHJ4PSIyIiB0cmFuc2Zvcm09InJvdGF0ZSgtNDggMTUgMTkpIiBmaWxsPSJ3aGl0ZSIvPgo8cmVjdCB4PSI0MiIgeT0iMTYiIHdpZHRoPSI0IiBoZWlnaHQ9IjM2IiByeD0iMiIgdHJhbnNmb3JtPSJyb3RhdGUoNDggNDIgMTYpIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4=') center no-repeat;
        background-size: 30px 30px
    }
}
@media (min-width: 1080px) {
    .mediabox-close {
        top: -24px;
        right: -24px;
        width: 48px;
        height: 48px;
        background-size: 48px 48px
    }
}
.faq {
    margin: 20px 0 0 0;
    padding: 0;
    list-style: none
}
.faq .item {
    list-style: none;
    border-top: 1px solid #e0e0e0;
    padding: 0
}
.faq .item:first-child {
    border: none
}
.faq img {
    display: block;
    margin: 10px 0
}
.faq .topic {
    position: relative;
    margin: 0;
    padding: 12px 22px;
    cursor: pointer;
    font-size: 1em;
    font-weight: 500
}
.faq .topic::before {
    position: absolute;
    top: 22px;
    left: 0;
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    transform: rotate(-45deg);
    transition: transform .1s ease-out
}
.faq .topic:hover {
    color: #09b56f
}
.faq .topic:hover::before {
    border-color: #09b56f
}
.faq .item.active .topic {
    color: #09b56f
}
.faq .item.active .topic::before {
    transform: rotate(45deg);
    top: 18px;
    border-color: #09b56f
}
.faq .answer {
    margin: 0;
    padding: 3px 22px 16px 22px;
    display: none;
    font-size: 1em
}
.faq .answer a {
    color: #2f374f
}
.faq .answer p {
    margin-top: 0;
    font-size: 1em;
    font-weight: 400
}
.faq .answer:last-child {
    margin-bottom: 0
}
#footer {
    position: relative;
    background-color: #fafafa;
    border-top: 1px solid #e0e0e0;
    margin-top: 48px;
    padding: 0 0 32px 0;
    z-index: 1
}
#footer #footer-nav a, #footer #footer-nav a:visited {
    color: #3e4660;
    text-decoration: none
}
#footer #footer-nav a:hover {
    text-decoration: underline;
    color: #2f374f
}
#footer > .row {
    width: 1192px;
    padding: 0 30px;
    max-width: 100%;
    margin: auto
}
#footer > .row > div {
    padding: 0;
    margin-bottom: 0
}
#footer h4 {
    font-size: 14px;
    margin: 2px 0 1.45em 0
}
#footer ul, #footer li, #footer p {
    list-style: none;
    margin-bottom: 0;
    padding: 0;
    font-size: 14px;
    line-height: 1.5
}
#footer select {
    font-size: 13px;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    background: #fff;
    color: #2f374f;
    padding: 2px 6px
}
#footer .copyright p {
    letter-spacing: .5px;
    font-size: 13px;
    line-height: 26px;
    margin: 0
}
#footer #vivaldi-icon {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    margin: -2px 5px 0 0
}
#footer .row + .row {
    margin-top: 0
}
.home #footer, .page-template-template-contact #footer {
    margin-top: 0
}
@media (max-width: 1199px) {
    #footer .col-lg {
        width: 100%;
        text-align: left
    }
}
#newsletterpromo {
    padding-top: 32px !important;
    font-size: 14px
}
#newsletterpromo svg {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    margin-bottom: 2px;
    vertical-align: middle
}
#newsletterpromo a, #newsletterpromo a:visited {
    text-decoration: none
}
#newsletterpromo a:hover {
    text-decoration: underline
}
.locales {
    margin: -3px 0 16px 0
}
#social a {
    display: inline-block;
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    margin: 0 0 0 5px
}
#social a:hover {
    opacity: .8
}
#social svg {
    background: #fafafa;
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 4px
}
@media (max-width: 480px) {
    #footer .col-lg > div {
        width: 100%
    }
}
@media (max-width: 640px) {
    #footer {
        text-align: center
    }

    #footer div div {
        padding: 0
    }

    .copyright a {
        white-space: nowrap
    }
}
@media (min-width: 1200px) {
    #social, .locales {
        text-align: right
    }

    #social {
        padding-top: 32px !important
    }
}
@media (min-width: 641px) {
    #footer .col-md > div {
        width: 33.333333%
    }

    #footer .col-lg > div {
        margin-bottom: 0;
        width: 66.666666%
    }

    #footer .col-lg > div:last-child {
        width: 33.333333%
    }

    #footer .col-lg.reverse > div {
        width: 33.333333%
    }

    #footer .col-lg.reverse > div:last-child {
        width: 66.666666%
    }

    #newsletterpromo, #social {
        padding: 48px 0 !important
    }
}
@media (min-width: 1200px) {
    #footer .row .col-lg > div {
        width: 75%
    }

    #footer .row .col-lg > div:last-child {
        width: 25%
    }

    #footer .col-lg.reverse > div {
        width: 25%
    }

    #footer .col-lg.reverse > div:last-child {
        width: 75%
    }

    #footer .row .col-md > div {
        width: 16.6666666%
    }

    #footer .row .row > div {
        margin-bottom: 0
    }

    #footer-nav {
        padding-bottom: 48px
    }
}
#footer > .row {
    max-width: 100%;
    margin: auto
}
#upgradevivaldi {
    display: block;
    width: 100%;
    padding: 14px 0;
    color: #2f374f;
    text-decoration: none
}
#upgradevivaldi p {
    margin: 0;
    font-size: 15px;
    line-height: 25px;
    font-weight: 500
}
#upgradevivaldi .column {
    padding: 0 16px;
    text-align: center;
    margin-bottom: 0
}
#upgradevivaldi svg {
    display: inline-block;
    margin: 0 4px 0 0;
    vertical-align: bottom
}
@media (max-width: 1023px) {
    #upgradevivaldi b {
        display: block
    }
}
@media (min-height: 540px) and (min-width: 1024px) {
    #upgradevivaldi {
        background: rgba(255, 255, 255, 0.8);
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        border-bottom: 1px solid rgba(255, 255, 255, 0.8);
        backdrop-filter: blur(10px);
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 9999;
        transition: all .1s ease-in-out
    }

    #upgradevivaldi b {
        color: #4c70f0
    }

    #upgradevivaldi:hover {
        background: #fff
    }
}
#upgradevivaldi .content {
    width: 1160px;
    max-width: 100%;
    margin: auto
}
.home #upgradevivaldi .content {
    width: 1160px
}
.btn-dl {
    display: inline-block;
    border: none;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    vertical-align: bottom;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    line-height: 24px;
    padding: 7px 21px 7px 11px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    background-color: #08a965;
    border: 1px solid #08a965;
    color: #fff !important;
    text-shadow: 0 1px 0 rgba(33, 33, 33, 0.3)
}
.btn-dl:hover {
    border-color: #13dc87
}
.btn-dl img {
    vertical-align: bottom;
    margin-right: 5px
}
.btn-dl svg {
    vertical-align: bottom;
    margin-right: 8px
}
.dl-thanks #main, .dl-thanks #footer {
    display: none
}
#thankyou-dialog.fadeOut {
    display: none !important
}
#thankyou-dialog {
    background: #fff;
    position: relative;
    z-index: 777
}
#thankyou-dialog > div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.thanks-header {
    position: relative;
    background-color: #f0f4f9;
    background-size: cover;
    padding: 30px 20px 0 20px;
    text-align: center;
    margin-bottom: 20px
}
.thanks-header h1 {
    font-size: 1.8em;
    color: #5d27df;
    font-weight: bold;
    margin: 10px auto;
    line-height: 1.3
}
.thanks-header p {
    font-weight: 500;
    margin: 10px auto
}
.thanks-header p, .thanks-header a, .thanks-header a:visited {
    color: #2f374f
}
.thanks-header a {
    white-space: nowrap
}
.webp .thanks-header {
    background: #f0f4f9 url(img/bg_soft_lights.webp) center no-repeat;
    background-size: cover
}
.thanks-content {
    width: 680px;
    padding: 20px 0;
    max-width: 100%;
    margin: auto
}
.thanks-content.wide {
    width: 1240px
}
.thanks-content h2 {
    font-size: 1.6em;
    font-weight: bold;
    margin-top: 6px
}
.thanks-content p {
    font-size: 1em;
    margin: 14px 0
}
.thanks-content .qr-code {
    float: left;
    margin: 3px 17px 0 -9px
}
.thanks-content .btn-google-play {
    margin-top: 0
}
@media (max-width: 979px) {
    .thanks-content.wide {
        width: 600px
    }
}
#closediv {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 44px;
    height: 44px;
    background: transparent url(img/icons/close.svg) center no-repeat;
    background-size: 24px
}
#infoicon, #infoicon-thanks {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-bottom: 1px;
    vertical-align: text-bottom;
    background: transparent url(img/icons/info.svg) center no-repeat;
    background-size: 20px
}
#infomsg, #infomsg-thanks {
    padding-bottom: 5px
}
#signupform, #main #signupform {
    padding-top: 5px
}
#signupform input, #main #signupform input {
    padding: 11px 12px;
    line-height: 20px;
    width: 100%;
    border-radius: 3px
}
#signupform button, #main #signupform button {
    padding: 10px !important;
    margin: 5px 0 0 0;
    line-height: 20px;
    height: auto;
    border-radius: 3px
}
@media (max-width: 480px) {
    .thanks-content .qr-code {
        width: 75px;
        height: 75px;
        margin: 5px 12px 0 -3px
    }
}
@media (min-width: 641px) {
    #closediv {
        background-size: 32px
    }

    .thanks-header {
        margin-bottom: 10px
    }

    .thanks-header h1 {
        font-size: 2.4em
    }

    .thanks-content {
        padding: 30px 0
    }

    .thanks-content.wide {
        padding: 30px 20px
    }
}
@media (min-width: 1200px) {
    #signupform input, #main #signupform input {
        width: 70%
    }

    #signupform button, #main #signupform button {
        width: 29%;
        margin: 0 0 0 1%
    }
}
@media (min-width: 1600px) {
    .thanks-header {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .thanks-header h1 {
        font-size: 2.85em
    }

    #thankyou-mobile .thanks-header h1 {
        font-size: 2.5em
    }
}
@media (min-width: 1920px) {
    .thanks-header {
        padding: 100px 20px;
        margin-bottom: 15px
    }
}
.jump {
    display: inline-block;
    margin: auto;
    padding: 0 10px;
    position: relative;
    text-align: center
}
.jump .dots1 {
    position: absolute;
    bottom: 20%;
    left: 20%
}
.jump .dots2 {
    position: absolute;
    bottom: 20%;
    right: 20%;
    transform: scale(-1, 1)
}
.jump .dot {
    display: inline-block;
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #5d27df;
    opacity: 0
}
.jump .dot1 {
    -webkit-animation: 1s dot infinite;
    animation: 1s dot infinite;
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}
.jump .dot2 {
    -webkit-animation: 1s dot-2 infinite;
    animation: 1s dot-2 infinite;
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}
.jump .circle {
    display: inline-block;
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 3px solid #0ac478;
    -webkit-animation: 1s cirle-dot infinite;
    animation: 1s cirle-dot infinite;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    opacity: 0
}
.jump img {
    display: block;
    margin: auto;
    width: 56px;
    height: 56px;
    -webkit-animation: 1s jump infinite;
    animation: 1s jump infinite;
    -webkit-animation-timing-function: cubic-bezier(.92, .18, .04, .92);
    animation-timing-function: cubic-bezier(.92, .18, .04, .92);
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}
@media (min-width: 641px) {
    .jump img {
        width: 72px;
        height: 72px
    }
}
@media (min-width: 1600px) {
    .jump img {
        width: 96px;
        height: 96px
    }
}
@-webkit-keyframes jump {
    0% {
        transform: translate3d(-10px, -30px, 0) rotate(-15deg)
    }
    50% {
        transform: translate3d(0, 8px, 0) scaleY(.96)
    }
    100% {
        transform: translate3d(10px, -30px, 0) rotate(15deg)
    }
}
@keyframes jump {
    0% {
        transform: translate3d(-10px, -30px, 0) rotate(-15deg)
    }
    50% {
        transform: translate3d(0, 8px, 0) scaleY(.96)
    }
    100% {
        transform: translate3d(10px, -30px, 0) rotate(15deg)
    }
}
@-webkit-keyframes dot {
    0% {
        opacity: 0
    }
    1% {
        transform: scale(.2)
    }
    50% {
        transform: scale(1) translate3d(-50px, -70px, 0);
        opacity: .8
    }
    100% {
        transform: scale(1) translate3d(-50px, -70px, 0);
        opacity: 0
    }
}
@keyframes dot {
    0% {
        opacity: 0
    }
    1% {
        transform: scale(.2)
    }
    50% {
        transform: scale(1) translate3d(-50px, -70px, 0);
        opacity: .8
    }
    100% {
        transform: scale(1) translate3d(-50px, -70px, 0);
        opacity: 0
    }
}
@-webkit-keyframes dot-2 {
    0% {
        opacity: 0
    }
    1% {
        transform: scale(.2)
    }
    70% {
        transform: scale(.7) translate3d(-50px, -50px, 0);
        opacity: .8
    }
    100% {
        transform: scale(.7) translate3d(-50px, -50px, 0);
        opacity: 0
    }
}
@keyframes dot-2 {
    0% {
        opacity: 0
    }
    1% {
        transform: scale(.2)
    }
    70% {
        transform: scale(.7) translate3d(-50px, -50px, 0);
        opacity: .8
    }
    100% {
        transform: scale(.7) translate3d(-50px, -50px, 0);
        opacity: 0
    }
}
@-webkit-keyframes cirle-dot {
    0% {
        opacity: 0
    }
    1% {
        transform: scale(.2)
    }
    80% {
        transform: scale(1) translate3d(-80px, -40px, 0);
        opacity: .8
    }
    100% {
        transform: scale(1) translate3d(-80px, -40px, 0);
        opacity: 0
    }
}
@keyframes cirle-dot {
    0% {
        opacity: 0
    }
    1% {
        transform: scale(.2)
    }
    80% {
        transform: scale(1) translate3d(-80px, -40px, 0);
        opacity: .8
    }
    100% {
        transform: scale(1) translate3d(-80px, -40px, 0);
        opacity: 0
    }
}