article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block
}

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

[hidden],
audio:not([controls]) {
    display: none
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%
}

button,
html,
input,
select,
textarea {
    color: #333;
    font-family: Arial, Helvetica, sans-serif
}

body {
    color: #333;
    background: #f9f9f9;
    font: 15px/21px Arial, Helvetica, sans-serif;
    margin: 0
}

address,
dl,
fieldset,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
ol,
p,
pre,
table,
ul {
    margin: 0 0 .8em
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
    margin-top: 30px;
    line-height: 1
}

article h1:first-child,
article h2:first-child,
article h3:first-child,
article h4:first-child,
article h5:first-child,
article h6:first-child,
div h1:first-child,
div h2:first-child,
div h3:first-child,
div h4:first-child,
div h5:first-child,
div h6:first-child,
section h1:first-child,
section h2:first-child,
section h3:first-child,
section h4:first-child,
section h5:first-child,
section h6:first-child {
    margin-top: 0
}

h1 {
    font-size: 23px
}

h2 {
    font-size: 21px
}

h3 {
    font-size: 19px
}

h4 {
    font-size: 17px
}

h5,
h6 {
    font-size: 15px
}

h6 {
    color: #a0a0a0
}

a {
    color: #006caa;
    text-decoration: underline;
    cursor: pointer
}

a:hover {
    color: #f90
}

a:focus {
    outline: none
}

a:active,
a:hover {
    outline: 0
}

a.action {
    border-bottom-width: 1px;
    border-bottom-style: dashed
}

a.action,
a.anchor {
    text-decoration: none
}

a.anchor {
    color: #d0d0d0;
    margin-left: 10px
}

section h1 a.anchor,
section h2 a.anchor,
section h3 a.anchor,
section h4 a.anchor {
    opacity: .2
}

section:hover a.anchor {
    opacity: 1
}

a.disabled {
    color: #777;
    text-decoration: none
}

a.unlighted {
    color: inherit;
    text-decoration: none
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

blockquote {
    margin: 1em 40px
}

blockquote,
dfn {
    font-style: italic
}

hr {
    border: 0;
    border-top: 2px solid #d0d0d0;
    display: block;
    padding: 0;
    height: 1px
}

ins {
    background: #ff9;
    text-decoration: none
}

ins,
mark {
    color: #000
}

mark {
    background: #ff0;
    font-weight: 700
}

i,
mark {
    font-style: italic
}

code,
kbd,
pre,
samp {
    font-size: 1em;
    font-family: monospace, serif;
    _font-family: courier new, monospace
}

pre {
    white-space: pre-wrap;
    word-wrap: break-word
}

q {
    quotes: none
}

q:after,
q:before {
    content: none
}

small {
    font-size: 85%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

ul {
    list-style-type: square
}

ol,
ul {
    padding: 0;
    list-style-position: inside
}

ol ul,
ul ul {
    list-style-type: circle
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin: 0 0 0 30px
}

ol,
ol ul {
    list-style-image: none
}

dd {
    margin: 0 0 0 40px
}

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

img {
    border: 0;
    vertical-align: middle
}

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

figure,
form {
    margin: 0
}

fieldset {
    margin: 0;
    padding: 0;
    border: 0
}

label {
    cursor: pointer
}

legend {
    padding: 0;
    border: 0;
    white-space: normal;
    *margin-left: -7px
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle
}

button,
input {
    line-height: normal
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
    cursor: pointer;
    -webkit-appearance: button;
    *overflow: visible
}

button[disabled],
input[disabled] {
    cursor: default
}

input {
    outline: none
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    *width: 13px;
    *height: 13px
}

input[type=search] {
    box-sizing: content-box;
    -webkit-appearance: textfield
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0
}

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical
}

input:invalid,
textarea:invalid {
    background-color: #f0dddd
}

input[type=password],
input[type=text] {
    background-color: #fff;
    border: 1px solid #bbbdbf;
    border-radius: 3px;
    background-clip: padding-box;
    padding: 2px 5px
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

table td {
    border: 1px solid #d9d9d9;
    padding: 5px 10px;
    vertical-align: top
}

table tfoot td,
table thead td {
    background-color: #f5f5f5
}

form table td {
    border: none
}

input[type=checkbox],
input[type=radio] {
    vertical-align: bottom;
    position: relative;
    bottom: .2em
}

.chromeframe {
    color: #000;
    background: #ffcf42;
    margin: .2em 0;
    padding: .2em 0;
    text-align: center
}

.g-row {
    display: block;
    position: relative;
    width: 100%;
    *zoom: 1
}

.g-row:after,
.g-row:before {
    display: table;
    content: ""
}

.g-row:after {
    clear: both
}

.g-col {
    float: left;
    margin-left: 2%
}

.g-col:first-child {
    margin-left: 0
}

.g-col.c1 {
    width: 6.5%
}

.g-col.c2 {
    width: 15%
}

.g-col.c3 {
    width: 23.5%
}

.g-col.c4 {
    width: 32%
}

.g-col.c5 {
    width: 40.5%
}

.g-col.c6 {
    width: 49%
}

.g-col.c7 {
    width: 57.5%
}

.g-col.c8 {
    width: 66%
}

.g-col.c9 {
    width: 74.5%
}

.g-col.c10 {
    width: 83%
}

.g-col.c11 {
    width: 91.5%
}

.g-col.c12 {
    width: 100%
}

.g-col.o1 {
    width: 8.5%
}

.g-col.o2 {
    width: 17%
}

.g-col.o3 {
    width: 25.5%
}

.g-col.o4 {
    width: 34%
}

.g-col.o5 {
    width: 42.5%
}

.g-col.o6 {
    width: 51%
}

.g-col.o7 {
    width: 59.5%
}

.g-col.o8 {
    width: 68%
}

.g-col.o9 {
    width: 76.5%
}

.g-col.o10 {
    width: 85%
}

.g-col.o11 {
    width: 93.5%
}

.g-row_inline {
    white-space: nowrap
}

.g-row_inline .g-col {
    float: none;
    display: inline-block;
    vertical-align: middle;
    white-space: normal
}

@media (max-width:580px) {
    .g-row_inline .g-col {
        width: 100%
    }
}

.page-width {
    width: 960px
}

.page-width-inner {
    margin: 0 auto
}

.clearfix {
    *zoom: 1
}

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

.clearfix:after {
    clear: both
}

.fleft {
    float: left
}

.fright {
    float: right
}

.left {
    text-align: left
}

.right {
    text-align: right
}

.center {
    text-align: center
}

.bold,
.strong {
    font-weight: 700
}

.fullwidth {
    width: 100%
}

.maximgwidth {
    max-width: 100%
}

.scroll-box {
    overflow: auto
}

.scroll-box.expanded {
    height: auto
}

.click-box {
    cursor: pointer
}

.color-title {
    color: #006caa
}

.javascript-error {
    background-color: #f1e24a;
    padding: 10px;
    text-align: center
}

.note-block {
    background: #fcfcfc;
    border: 1px dashed #b7b7b7;
    border-radius: 20px;
    background-clip: padding-box;
    padding: 20px;
    margin-bottom: 1em;
    line-height: 1.3
}

.big-text {
    font-size: 120%
}

.bigger-text {
    font-size: 1.1em
}

.big-text-150 {
    font-size: 150%;
    line-height: 1.2;
    margin-bottom: .4em
}

.big-text-200 {
    font-size: 200%;
    line-height: 1.2;
    margin-bottom: .2em
}

.small {
    font-size: 85%
}

.color-link a,
.color-txt {
    color: #84bd07
}

.color-txt_red {
    color: #b30b27
}

table.t1 td,
table.t1 th {
    border: none;
    padding: 3px 10px 3px 0
}

table.t2 {
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    background-clip: padding-box;
    border-collapse: separate
}

table.t2 td {
    border: solid #d8d8d8;
    border-width: 0 0 1px;
    padding: 5px 15px
}

table.t2 thead td:first-child {
    border-top-left-radius: 5px
}

table.t2 thead td:last-child {
    border-top-right-radius: 5px
}

table.t2 tfoot td {
    border: none
}

table.t2 tfoot td:first-child {
    border-bottom-left-radius: 5px
}

table.t2 tfoot td:last-child {
    border-bottom-right-radius: 5px
}

html {
    direction: ltr
}

.btn,
.btn-grey {
    color: #333;
    background-color: #fefefe;
    background-image: -o-linear-gradient(top, #fefefe, #f8f8f8);
    border: 1px solid #ddd;
    border-radius: 5px;
    background-clip: padding-box;
    display: inline-block;
    margin: 0;
    padding: 0 22px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap
}

.btn-grey.hidden,
.btn.hidden {
    display: none
}

.btn-grey.smalltext,
.btn.smalltext {
    font-size: 13px
}

.btn-grey.grey,
.btn.grey {
    color: #444;
    background-color: #f5f5f5;
    background-image: -o-linear-gradient(top, #fdfdfd, #f5f5f5);
    border-color: #b7b7b7
}

.btn-grey.grey.disabled,
.btn.grey.disabled {
    border-color: #d0d0d0
}

.btn-grey:hover,
.btn:hover {
    color: #000;
    border: 1px solid #a0a0a0
}

.btn-grey.disabled,
.btn.disabled {
    color: #a0a0a0
}

.flat-transp-btn {
    color: #006caa;
    background-color: #fff;
    border-width: 1px;
    border-style: solid;
    border-radius: 3px;
    height: 19px;
    padding: 0 10px;
    line-height: 19px;
    opacity: .8
}

.flat-transp-btn,
.yellow-btn {
    background-clip: padding-box;
    display: inline-block
}

.yellow-btn {
    color: #3f2c18;
    background-color: #ffcf42;
    background-image: -o-linear-gradient(top, #ffcf42, #ffa911);
    border: solid #b48225;
    border-width: 0 0 1px;
    border-radius: 4px;
    font-size: 17px;
    font-weight: 700;
    float: none;
    padding: 0 25px;
    height: 38px;
    line-height: 38px;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px hsla(0, 0%, 100%, .5)
}

.yellow-btn:hover {
    color: #502407;
    background-color: #ffd354;
    background-image: -o-linear-gradient(top, #ffd354, #ffb128);
    border-bottom-color: #cc9329
}

.yellow-btn:active {
    color: #3f2c18;
    background-color: #ffb218;
    background-image: -o-linear-gradient(top, #ffb218, #ffc538);
    border-bottom-color: #b48225;
    padding: 0 24px 0 26px;
    line-height: 39px;
    position: relative
}

.de .yellow-btn,
.fr .yellow-btn,
.uk .yellow-btn {
    padding-left: 9px;
    padding-right: 9px
}

.green-btn {
    color: #2d2e29;
    background-color: #aad968;
    background-image: -o-linear-gradient(top, #aad968, #98c531);
    border: solid #697947;
    border-width: 0 0 1px;
    border-radius: 4px;
    background-clip: padding-box;
    font-size: 17px;
    font-weight: 700;
    display: inline-block;
    float: none;
    padding: 0 25px;
    height: 38px;
    line-height: 38px;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px hsla(0, 0%, 100%, .5)
}

.green-btn:hover {
    color: #3c3f18;
    background-color: #b3dd76;
    background-image: -o-linear-gradient(top, #b3dd76, #a3cf3f);
    border-bottom-color: #788b51
}

.green-btn:active {
    color: #2d2e29;
    background-color: #98cb33;
    background-image: -o-linear-gradient(top, #98cb33, #aad760);
    border-bottom-color: #697947;
    padding: 0 24px 0 26px;
    line-height: 39px;
    position: relative
}

.green-btn-2 {
    color: #fff;
    background: #84bd07;
    border-radius: 5px;
    display: inline-block;
    position: relative;
    line-height: 1;
    padding: 10px;
    text-decoration: none
}

.green-btn-2:hover {
    color: #fff;
    opacity: .8
}

.green-btn-2.arrow {
    padding: 8px 34px 8px 10px
}

.green-btn-2.arrow:after {
    background: url(/img/sprite_v2.png) 0 -307px no-repeat;
    content: "";
    display: block;
    position: absolute;
    width: 16px;
    height: 14px;
    top: 50%;
    right: 10px;
    margin-top: -7px
}

.green-btn-3 {
    color: #fff;
    background: #01a129;
    border-radius: 0;
    display: inline-block;
    position: relative;
    line-height: 1;
    padding: 1.2em 4.12em 1em;
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
    font-family: Roboto, Arial, Helvetica, sans-serif
}

.green-btn-3:hover {
    color: #fff;
    opacity: .8 !important
}

.question-mark {
    background: url(/img/sprite_v2.png) no-repeat 0 -177px;
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 0;
    right: -30px;
    z-index: 3;
    cursor: help
}

.header {
    position: relative;
    z-index: 100;
    overflow: hidden
}

.header a {
    text-decoration: none
}

.header .box {
    margin: 0 auto;
    padding: 12px 0;
    height: 50px
}

.header .slogan {
    color: #707070;
    height: 15px;
    line-height: 20px;
    white-space: nowrap
}

.header .auth-reg,
.header .profile {
    display: block;
    float: right;
    margin: 17px 0 0;
    padding: 0;
    list-style: none
}

.header .auth-reg li,
.header .profile li {
    display: inline-block;
    font-weight: 700;
    padding: 0;
    margin-left: 12px
}

.header .auth-reg li:first-child,
.header .profile li:first-child {
    margin-left: 0
}

.header_v2 {
    margin: 0 auto;
    padding: 10px 0 13px;
    max-width: 1040px;
    width: 100%;
    border-bottom: 1px solid #d4d4d4
}

.header_v2 .logo {
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    display: block;
    margin-left: 10px;
    background: url(/img/logo_small2.svg) 50% 50% no-repeat;
    background-size: 167px 40px;
    width: 167px;
    height: 40px;
    opacity: .85
}

@media (min-width:768px) and (max-width:900px) {
    .header_v2 .logo {
        background-size: 120px 30px;
        width: 120px;
        height: 30px
    }
}

.header_v2 .logo:hover {
    opacity: 1
}

html.no-svg .header_v2 .logo {
    background: url(/img/logo_small2.png?v=1) 50% 50% no-repeat
}

.auth-reg li a {
    background-image: url(/img/sprite_v2.png);
    background-repeat: no-repeat;
    padding-left: 20px;
    line-height: 16px
}

.auth-reg .auth a {
    background-position: 0 -16px
}

.auth-reg .reg a {
    background-position: 0 -33px
}

.profile li {
    position: relative;
    padding-left: 32px
}

.profile li.user {
    min-width: 70px;
    text-align: center;
    z-index: 999
}

.profile .load {
    float: left;
    display: block;
    margin: 2px 5px 0 0;
    width: 37px;
    height: 14px;
    background: url(/img/sprite_v2.png) no-repeat 0 -161px
}

.profile .load .percent {
    position: absolute;
    top: 2px;
    left: 2px;
    display: block;
    width: 30px;
    height: 10px;
    background: #2a4463
}

.profile .text {
    position: relative
}

.profile .logout a {
    color: #999
}

.profile .get250btn {
    position: absolute;
    top: 21px;
    left: 30px;
    z-index: 990;
    width: 152px;
    height: 82px;
    background: url(/img/get250btn.png) no-repeat 0 0
}

.nav-top-1 {
    background-color: #395d85;
    background-image: -o-linear-gradient(top, #446e9e, #2e4c6c);
    font-family: Open Sans, Arial, sans-serif;
    color: #fff;
    height: 49px
}

.nav-top-1 .box {
    margin: 0 auto
}

.nav-top-1 nav {
    height: 49px;
    display: block;
    float: left;
    overflow: visible
}

.nav-top-1 nav li {
    position: relative;
    float: left;
    margin: 0 33px 0 0
}

.nav-top-1 nav li a {
    color: #fff;
    display: block;
    text-decoration: none
}

.nav-top-1 nav li a:hover {
    color: #fff;
    text-decoration: underline
}

.nav-top-1 nav li.active:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    height: 0;
    margin: 0 0 0 -9px;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #fff;
    overflow: visible;
    z-index: 99
}

.working .nav-top-1 nav li.active:after {
    border-bottom-color: #f9f9f9
}

.nav-top-1 nav li.active a,
.nav-top-1 nav li.active span {
    color: #fff;
    font-weight: 700;
    cursor: default
}

.nav-top-1 nav ul {
    clear: both;
    list-style: none;
    white-space: nowrap;
    line-height: 49px
}

.nav-top-2 {
    font-family: Open Sans, Arial, sans-serif;
    margin-top: 4px
}

.nav-top-2__item {
    display: inline-block;
    margin: 0 10px;
    color: #333;
    font-size: 16px;
    text-decoration: none;
    border-bottom: 2px solid transparent
}

@media (min-width:768px) and (max-width:900px) {
    .nav-top-2__item {
        padding: 0 5px;
        margin: 0
    }
}

.nav-top-2__item:hover,
.nav-top-2__item_active {
    color: inherit;
    border-color: #1f8cff;
    text-decoration: none
}

.nav-sub {
    padding: 4px 20px 0 0
}

.nav-sub__item {
    display: inline-block;
    margin-left: 20px;
    font-size: 13px;
    color: #999;
    text-decoration: none;
    border-bottom: 1px solid transparent
}

.nav-sub__item:hover,
.nav-sub__item_active {
    color: #999;
    border-color: #1f8cff;
    text-decoration: none
}

.lang-box {
    margin-left: auto;
    margin-right: 0;
    height: 23px;
    position: relative;
    outline: none
}

.lang-box .lang {
    background-color: #f0f0f0;
    border: 1px solid #bbbdbf;
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    height: 23px;
    overflow: hidden
}

.lang-box .lang li {
    display: none;
    position: relative
}

.lang-box .lang li.active {
    display: block !important
}

.lang-box .lang li a,
.lang-box .lang li span {
    color: #006caa;
    cursor: pointer
}

.lang-box .lang li a:before,
.lang-box .lang li span:before {
    background: url(/build/img/lang-sprite.png?h=3ac7c0f3);
    width: 16px;
    height: 16px;
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 10px
}

.lang-box .lang .lang-ar:before {
    background-position: 0 0
}

.lang-box .lang .lang-br:before {
    background-position: -16px 0
}

.lang-box .lang .lang-de:before {
    background-position: 0 -16px
}

.lang-box .lang .lang-en:before {
    background-position: -16px -16px
}

.lang-box .lang .lang-es:before {
    background-position: -32px 0
}

.lang-box .lang .lang-fr:before {
    background-position: -32px -16px
}

.lang-box .lang .lang-id:before {
    background-position: 0 -32px
}

.lang-box .lang .lang-it:before {
    background-position: -16px -32px
}

.lang-box .lang .lang-ja:before {
    background-position: -32px -32px
}

.lang-box .lang .lang-pt:before {
    background-position: -48px 0
}

.lang-box .lang .lang-ru:before {
    background-position: -48px -16px
}

.lang-box .lang .lang-tr:before {
    background-position: -48px -32px
}

.lang-box .lang .lang-uk:before {
    background-position: 0 -48px
}

.lang-box .lang .lang-zh:before {
    background-position: -16px -48px
}

.lang-box .lang .lang-ko:before {
    background-position: -32px -48px
}

.lang-box .lang .lang-th:before {
    background-position: -48px -48px
}

.lang-box .lang .lang-vi:before {
    background-position: -64px 0
}

.lang-box .lang .lang-hi:before {
    background-position: -64px -16px
}

.lang-box .lang .lang-pl:before {
    background-position: -64px -32px
}

.lang-box .lang a,
.lang-box .lang span {
    display: flex;
    align-items: center;
    color: #006caa !important;
    padding: 3px 10px 3px 30px;
    min-width: 120px;
    height: 17px;
    text-decoration: none
}

.lang-box .lang a:hover {
    color: #006caa;
    text-decoration: none
}

.lang-box.active .lang {
    height: auto;
    overflow: auto
}

.lang-box.active li {
    background-color: #f0f0f0;
    display: block
}

.lang-box.active li a,
.lang-box.active li span {
    padding: 5px 10px 5px 30px
}

.lang-box.active li a:before,
.lang-box.active li span:before {
    top: 5.5px
}

.lang-box.active li.current a,
.lang-box.active li.current span,
.lang-box.active li:hover {
    background-color: #d0d0d0
}

.subnav {
    font-family: Open Sans, Arial, sans-serif
}

.subnav ul {
    border-bottom: 1px solid #e0e0e0;
    display: block;
    margin: 0 auto;
    padding: 2px 0 0;
    line-height: 32px;
    list-style: none;
    clear: both
}

.subnav li {
    display: block;
    float: left;
    margin-right: 30px
}

.subnav li a {
    display: block;
    text-decoration: none;
    white-space: nowrap
}

.subnav .active {
    color: #555;
    font-weight: 700
}

.subnav li a:hover {
    color: #006caa;
    text-decoration: underline
}

.subnav_v2 {
    background: #f9f9f9
}

.social-btn {
    float: right;
    margin: 19px 0 0;
    padding: 0;
    list-style: none
}

.social-btn li {
    display: block;
    float: left
}

.social-btn a {
    background: url(/img/socials.png) no-repeat 0 -100px;
    display: block;
    overflow: hidden;
    margin: 0;
    width: 17px;
    height: 17px
}

.social-btn li+li a {
    margin: 0 0 0 11px
}

.social-btn .facebook a {
    background-position: 0 0
}

.social-btn .twitter a {
    background-position: 0 -20px
}

.social-btn .google a {
    background-position: 0 -40px
}

.social-btn .vk a {
    background-position: 0 -60px
}

.social-btn .vkontakte a {
    background-position: 0 -80px
}

.social-btn .mailru a {
    background-position: 0 -100px
}

.main-block {
    clear: both;
    padding-top: 0;
    padding-bottom: 33px;
    min-height: 450px
}

.main-block_v2 {
    margin-top: 11px;
    background: #f9f9f9
}

.working .main-block {
    background: #fff url(/img/body_bg.gif?v=1) 0 0 repeat-x
}

.wrapper {
    width: 960px;
    margin: 0 auto;
    padding: 0;
    position: relative
}

article h1 strong,
article h2 strong,
article h3 strong,
article h4 strong,
article h5 strong,
article h6 strong {
    font-weight: 700
}

article section {
    margin-bottom: 3em
}

article section section {
    margin-bottom: 2em
}

footer {
    font-size: 13px;
    line-height: 17px;
    clear: both;
    margin: 0;
    padding: 15px 0 30px
}

footer a,
footer a:visited {
    color: #fff
}

footer.footer_v2 {
    color: #333
}

footer.footer_v2 .wrapper {
    border-top: 1px solid #d4d4d4;
    padding-top: 20px
}

footer .copyright {
    margin: 2em 0 0;
    padding: 0;
    text-align: center
}

footer .f-nav-box {
    display: flex;
    flex-flow: row nowrap;
    margin: 1em 0
}

footer .f-nav-box .f-nav-box-column {
    flex: 0 1 auto
}

footer .f-nav-box .copyright-box {
    box-sizing: border-box;
    flex-basis: 200px;
    padding-right: 60px;
    margin-bottom: 1em
}

footer .f-nav-box .f-nav-container {
    flex: 1 1 auto
}

footer nav.f-nav {
    display: grid;
    grid-template-areas: "a b c d e f";
    gap: 20px 0
}

@media (max-width:1000px) {
    footer nav.f-nav {
        grid-template-areas: "a b c" "d e f"
    }
}

@media (max-width:768px) {
    footer nav.f-nav {
        grid-template-areas: "a b" "e d" "c f"
    }
}

@media (max-width:300px) {
    footer nav.f-nav {
        gap: 10px 0;
        grid-template-areas: "a" "b" "c" "d" "e" "f"
    }
}

footer nav.f-nav .f-nav-column:first-child {
    grid-area: a
}

footer nav.f-nav .f-nav-column:nth-child(2) {
    grid-area: b
}

footer nav.f-nav .f-nav-column:nth-child(3) {
    grid-area: c
}

footer nav.f-nav .f-nav-column:nth-child(4) {
    grid-area: d
}

footer nav.f-nav .f-nav-column:nth-child(5) {
    grid-area: e
}

footer nav.f-nav .f-nav-column:nth-child(6) {
    grid-area: f
}

footer nav.f-nav .f-nav-column ul {
    display: grid;
    gap: 10px
}

@media (max-width:460px) {
    footer nav.f-nav .f-nav-column ul {
        gap: 10px 0
    }
}

footer nav.f-nav .f-nav-column ul li a,
footer nav.f-nav .f-nav-column ul li span {
    line-height: 24px;
    text-decoration: none;
    color: #333;
    border-bottom: 1px solid transparent
}

footer nav.f-nav .f-nav-column ul li a:hover,
footer nav.f-nav .f-nav-column ul li span:hover {
    color: #333;
    text-decoration: none;
    border-color: #1f8cff
}

footer nav.f-nav .f-nav-column ul li .active {
    text-decoration: none;
    border-color: #1f8cff
}

#premium_notice {
    background: #f9f9f9
}

#premium_notice .box {
    border-bottom: 1px solid #e0e0e0;
    margin: 0 auto;
    padding: 20px 0;
    position: relative
}

#premium_notice .text-cols3 {
    float: left;
    list-style: none;
    margin: 0
}

#premium_notice .text-cols3 li {
    position: relative;
    float: left;
    padding: 0 0 0 25px;
    width: 200px
}

#premium_notice .text-cols3 li:before {
    position: absolute;
    top: 0;
    left: 0;
    clip: rect(0, 16px, 16px, 0);
    content: url(/img/sprite_v2.png)
}

#premium_notice .right-box {
    float: right
}

#premium_notice .right-box .yellow-btn {
    display: block;
    box-shadow: 0 0 30px 5px #fff
}

#premium_notice .right-box p {
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 9px 4px 20px;
    color: #000;
    text-align: right;
    font-size: 13px
}

#premium_notice .title {
    clear: both;
    margin: 0;
    width: 686px;
    text-align: center;
    font: 700 17px/21px Arial, Helvetica, sans-serif
}

#premium_notice .title a {
    text-decoration: none
}

#premium_notice .title a:hover {
    text-decoration: underline
}

#premium_notice .show-hide-btn {
    color: #000 !important;
    font-size: 11px;
    line-height: 14px;
    position: absolute;
    bottom: 20px;
    right: 0
}

#premium_notice .show-hide-btn:before {
    position: absolute;
    top: -47px;
    left: -14px;
    clip: rect(53px, 8px, 57px, 0);
    content: url(/img/sprite_v2.png)
}

#premium_notice.fold .box {
    border: none;
    padding-bottom: 10px
}

#premium_notice.fold .show-hide-btn {
    bottom: 0
}

#premium_notice.fold .show-hide-btn:before {
    clip: rect(59px, 8px, 63px, 0);
    top: -53px
}

.ox7 {
    margin: 0 auto 40px;
    width: 908px;
    text-align: center
}

.ox7 .ox7-title {
    color: #333;
    display: none;
    font-size: 13px;
    line-height: 15px;
    margin: 0 auto;
    text-align: right;
    opacity: .8
}

.ox7.loaded .ox7-title {
    display: block
}

.informer {
    clear: both;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    text-align: center;
    max-width: 960px
}

.informer.loaded {
    margin-top: 10px;
    margin-bottom: 30px
}

.informer a {
    font-size: 19px;
    line-height: 25px;
    text-decoration: none;
    text-shadow: 0 1px hsla(0, 0%, 100%, .8)
}

.informer img,
.informer span {
    display: inline-block
}

.informer img {
    margin: 0 32px
}

#msg_content {
    position: relative;
    margin: 10px auto
}

#msg_content:before {
    background: url(/img/sprite_v2.png) 0 -107px no-repeat;
    display: block;
    overflow: hidden;
    margin-top: -9px;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    left: -30px;
    content: ""
}

.m-informer {
    margin-bottom: 1em;
    text-align: center
}

.m-informer a.touchable {
    color: #395d85;
    background: #fffbe2;
    border: 1px solid #e2c822;
    border-radius: 8px;
    display: inline-block;
    padding: 8px;
    text-decoration: none;
    cursor: pointer
}

.m-informer .icon {
    margin-right: 10px
}

.m-informer-content form {
    text-align: center;
    margin-top: 1em;
    margin-bottom: 1em
}

.m-informer-content input.valid {
    border-color: #00c000
}

.m-informer-content input.error {
    border-color: #c00000
}

.two-cols {
    clear: both;
    overflow: hidden;
    margin: 0 auto 36px 0
}

.two-cols .col-l {
    float: left;
    overflow: hidden
}

.two-cols .col-r {
    float: right;
    overflow: hidden
}

.resourses p {
    color: #a0a0a0;
    text-align: center
}

.resourses ul.supported-services_v2 {
    width: 100%
}

.links-tab .prev-bg td {
    padding-bottom: 15px
}

.links-tab .bg {
    border-radius: 3px;
    background-clip: padding-box
}

.links-tab .bg td {
    border-radius: 4px 0 0 4px
}

.links-tab .bg td+td {
    border-radius: 0
}

.links-tab .bg td+td+td {
    border-radius: 0 4px 4px 0
}

.links-tab .bg+tr td {
    padding-top: 15px
}

.links-tab .bg td {
    padding: 8px 0 9px 20px
}

.links-tab .gray {
    background: #f4f4f4
}

.service ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.service li {
    padding: 6px 5px
}

.supported-services_v2 {
    display: block;
    list-style: none;
    margin-left: 0;
    margin-right: auto;
    margin-bottom: 1.5em;
    *zoom: 1;
    max-width: 100%
}

.supported-services_v2:after,
.supported-services_v2:before {
    display: table;
    content: ""
}

.supported-services_v2:after {
    clear: both
}

.supported-services_v2 li {
    display: block;
    float: left;
    line-height: 16px;
    margin: 0 0 6px 5%;
    width: 30%
}

.supported-services_v2 li.fir3 {
    margin-left: 0
}

.supported-services_v2 li .favicon.tooltip:after {
    content: "*";
    position: absolute;
    margin-left: 3px;
    text-decoration: none
}

.other-services ul {
    margin: 0 -10px 60px
}

.supported-services_v3 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin-bottom: 60px;
    box-sizing: border-box;
    max-width: 100%;
    overflow: hidden
}

.supported-services_v3_center {
    justify-content: center
}

.supported-services_v3 ul {
    margin: 0 -10px
}

.supported-services_v3 li {
    margin: 10px 0;
    padding: 0 10px;
    width: 25%;
    box-sizing: border-box;
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: #000;
    overflow: hidden
}

.supported-services_v3 li a {
    margin: 0
}

.supported-services_v3 li a,
.supported-services_v3 li span {
    color: #000;
    text-decoration: none;
    padding-left: 36px
}

.supported-services_v3 li .favicon.tooltip:after {
    content: "*";
    position: absolute;
    margin-left: 3px;
    text-decoration: none
}

.supported-services_v3.important-services li {
    width: 25%;
    margin: 10px 0;
    padding: 0 10px
}

.supported-services_v3.important-services li a,
.supported-services_v3.important-services li span {
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #000;
    width: 100%;
    padding: 11px 0 11px 68px;
    margin: 0;
    text-decoration: none;
    background-position: 20px, 0;
    background-size: 28px 28px, 100%;
    box-shadow: 0 2px 8px rgba(57, 57, 57, .05);
    border-radius: 6px
}

.supported-services_v3.important-services li a:lang(ar),
.supported-services_v3.important-services li span:lang(ar) {
    padding: 11px 0 11px 30px
}

.supported-services_v3.important-services li.service-youtube_com a,
.supported-services_v3.important-services li.service-youtube_com span {
    padding: 11px 0 11px 72px;
    background-size: 32px 32px, 100%
}

.supported-services_v3.important-services li.service-youtube_com a:lang(ar),
.supported-services_v3.important-services li.service-youtube_com span:lang(ar) {
    padding: 11px 0 11px 30px
}

.supported-services_v3.important-services li.service-mp4 a,
.supported-services_v3.important-services li.service-mp4 span {
    background-size: 32px 32px, 100%;
    box-shadow: 0 2px 8px rgba(57, 57, 57, .05)
}

.supported-services_v3.other-services {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr))
}

.supported-services_v3.other-services li {
    width: 100% !important
}

.favicon {
    background-image: url(/img/favicons_v4.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    display: inline-block;
    overflow: hidden;
    width: 16px;
    height: 16px
}

.supported-services_v2 .favicon,
.supported-services_v3 .favicon {
    display: block;
    width: auto;
    padding-left: 20px
}

h1 .favicon,
h2 .favicon,
h3 .favicon,
h4 .favicon,
h5 .favicon,
h6 .favicon {
    margin-right: 10px
}

.icon-rapidshare_com {
    background-position: 0 -16px
}

.icon-depositfiles_com {
    background-position: 0 -32px
}

.icon-letitbit_net {
    background-position: 0 -48px
}

.icon-vip-file_com {
    background-position: 0 -64px
}

.icon-filefactory_com {
    background-position: 0 -80px
}

.icon-sendspace_com {
    background-position: 0 -96px
}

.icon-youtube_com {
    background-position: 0 -112px
}

.icon-google_com {
    background-position: 0 -128px
}

.icon-metacafe_com {
    background-position: 0 -144px
}

.icon-break_com {
    background-position: 0 -160px
}

.icon-dailymotion_com {
    background-position: 0 -176px
}

.icon-vimeo_com {
    background-position: 0 -192px
}

.icon-sevenload_com {
    background-position: 0 -208px
}

.icon-rutube_ru {
    background-position: 0 -224px
}

.icon-mail_ru {
    background-position: 0 -240px
}

.icon-smotri_com {
    background-position: 0 -256px
}

.icon-yandex_ru {
    background-position: 0 -272px
}

.icon-rambler_ru {
    background-position: 0 -288px
}

.icon-tvigle_ru {
    background-position: 0 -304px
}

.icon-intv_ru {
    background-position: 0 -320px
}

.icon-facebook_com {
    background-position: 0 -336px
}

.icon-livejournal_com {
    background-position: 0 -352px
}

.icon-vk_com,
.icon-vkontakte_ru {
    background-position: 0 -368px
}

.icon-liveinternet_ru {
    background-position: 0 -384px
}

.icon-myspace_com {
    background-position: 0 -400px
}

.icon-guitar-tube_com {
    background-position: 0 -416px
}

.icon-gametrailers_com {
    background-position: 0 -432px
}

.icon-zaycev_net {
    background-position: 0 -448px
}

.icon-tnt-tv_ru {
    background-position: 0 -464px
}

.icon-1tv_ru {
    background-position: 0 -480px
}

.icon-ntv_ru {
    background-position: 0 -496px
}

.icon-vesti_ru {
    background-position: 0 -512px
}

.icon-karusel-tv_ru {
    background-position: 0 -544px
}

.icon-autoplustv_ru {
    background-position: 0 -560px
}

.icon-russia_ru {
    background-position: 0 -576px
}

.icon-amik_ru {
    background-position: 0 -592px
}

.icon-life_ru {
    background-position: 0 -608px
}

.icon-a1tv_ru {
    background-position: 0 -624px
}

.icon-soundcloud_com {
    background-position: 0 -640px
}

.icon-twitch_tv {
    background-position: 0 -656px
}

.icon-twitter_com {
    background-position: 0 -688px
}

.icon-instagram_com {
    background-position: 0 -704px
}

.main-favicon {
    background-image: url(/img/main/icons/web.svg);
    background-repeat: no-repeat;
    display: block;
    width: auto;
    height: 26px;
    background-position: 0 0;
    background-size: 26px 26px
}

.main-favicon.icon-youtube_com {
    background-image: url(/img/main/icons/youtube.svg), linear-gradient(90deg, rgba(106, 199, 49, .2), rgba(147, 214, 107, .2) 48.96%, rgba(146, 226, 154, .2))
}

.main-favicon.icon-vimeo_com {
    background-image: url(/img/main/icons/vimeo.svg);
    height: 26px
}

.main-favicon.icon-yandex_video {
    background-image: url(/img/main/icons/yandex.svg);
    height: 26px
}

.main-favicon.icon-facebook_com {
    background-image: url(/img/main/icons/facebook.svg), linear-gradient(90deg, rgba(106, 199, 49, .2), rgba(147, 214, 107, .2) 48.96%, rgba(146, 226, 154, .2))
}

.main-favicon.icon-vk_com {
    background-image: url(/img/main/icons/vk.svg);
    height: 26px
}

.main-favicon.icon-soundcloud_com {
    background-image: url(/img/main/icons/soundcloud.svg);
    height: 26px
}

.main-favicon.icon-twitter_com {
    background-image: url(/img/main/icons/twitter.svg), linear-gradient(90deg, rgba(106, 199, 49, .2), rgba(147, 214, 107, .2) 48.96%, rgba(146, 226, 154, .2));
    height: 28px
}

.main-favicon.icon-instagram_com {
    background-image: url(/img/main/icons/instagram.svg), linear-gradient(90deg, rgba(106, 199, 49, .2), rgba(147, 214, 107, .2) 48.96%, rgba(146, 226, 154, .2))
}

.main-favicon.icon-igReels {
    background-image: url(/img/main/icons/igReels.svg), linear-gradient(90deg, rgba(106, 199, 49, .2), rgba(147, 214, 107, .2) 48.96%, rgba(146, 226, 154, .2))
}

.main-favicon.icon-igStories {
    background-image: url(/img/main/icons/igStories.svg), linear-gradient(90deg, rgba(106, 199, 49, .2), rgba(147, 214, 107, .2) 48.96%, rgba(146, 226, 154, .2))
}

.main-favicon.icon-igViewer {
    background-image: url(/img/main/icons/igViewer.svg), linear-gradient(90deg, rgba(106, 199, 49, .2), rgba(147, 214, 107, .2) 48.96%, rgba(146, 226, 154, .2))
}

.main-favicon.icon-ytMain {
    background-image: url(/img/main/icons/ytMain.svg), linear-gradient(90deg, rgba(106, 199, 49, .2), rgba(147, 214, 107, .2) 48.96%, rgba(146, 226, 154, .2))
}

.main-favicon.icon-ytPlay {
    background-image: url(/img/main/icons/ytPlay.svg), linear-gradient(90deg, rgba(106, 199, 49, .2), rgba(147, 214, 107, .2) 48.96%, rgba(146, 226, 154, .2))
}

.main-favicon.icon-ytShorts {
    background-image: url(/img/main/icons/ytShorts.svg), linear-gradient(90deg, rgba(106, 199, 49, .2), rgba(147, 214, 107, .2) 48.96%, rgba(146, 226, 154, .2))
}

.main-favicon.icon-ytMusic {
    background-image: url(/img/main/icons/ytMusic.svg), linear-gradient(90deg, rgba(106, 199, 49, .2), rgba(147, 214, 107, .2) 48.96%, rgba(146, 226, 154, .2))
}

.main-favicon.icon-tiktok_com {
    background-image: url(/img/main/icons/tiktok.svg), linear-gradient(90deg, rgba(106, 199, 49, .2), rgba(147, 214, 107, .2) 48.96%, rgba(146, 226, 154, .2));
    height: 26px
}

.main-favicon.icon-ttMp3 {
    background-image: url(/img/main/icons/ttMp3.svg), linear-gradient(90deg, rgba(106, 199, 49, .2), rgba(147, 214, 107, .2) 48.96%, rgba(146, 226, 154, .2))
}

.main-favicon.icon-ttMp4 {
    background-image: url(/img/main/icons/ttMp4.svg), linear-gradient(90deg, rgba(106, 199, 49, .2), rgba(147, 214, 107, .2) 48.96%, rgba(146, 226, 154, .2))
}

.main-favicon.icon-mp3 {
    background-image: url(/img/main/icons/mp3.svg), linear-gradient(90deg, rgba(106, 199, 49, .2), rgba(147, 214, 107, .2) 48.96%, rgba(146, 226, 154, .2))
}

.main-favicon.icon-mov {
    background-image: url(/img/main/icons/mov.svg), linear-gradient(90deg, rgba(106, 199, 49, .2), rgba(147, 214, 107, .2) 48.96%, rgba(146, 226, 154, .2))
}

.main-favicon.icon-dailymotion_com {
    background-image: url(/img/main/icons/dailymotion.svg);
    height: 26px
}

.main-favicon.icon-reddit_com {
    background-image: url(/img/main/icons/reddit.svg);
    height: 26px
}

.main-favicon.icon-threads {
    background-image: url(/img/main/icons/threads.svg);
    height: 26px
}

.main-favicon.icon-pinterest_com {
    background-image: url(/img/main/icons/pinterest.svg);
    height: 26px
}

.main-favicon.icon-convert-to-mp4 {
    background-image: url(/img/main/icons/mp3.svg);
    height: 26px;
    cursor: pointer
}

.main-favicon.icon-convert-mp4-to-mp3 {
    background-image: url(/img/main/icons/convert-mp3.svg);
    height: 26px;
    cursor: pointer
}

.main-favicon.icon-convert-mov-to-mp4 {
    background-image: url(/img/main/icons/convert-mov.svg);
    height: 26px;
    cursor: pointer
}

.main-favicon.icon-convert-mp4-to-gif {
    background-image: url(/img/main/icons/convert-gif.svg);
    height: 26px;
    cursor: pointer
}

.main-favicon.icon-convert-mkv-to-mp4 {
    background-image: url(/img/main/icons/convert-mkv.svg);
    height: 26px;
    cursor: pointer
}

.main-favicon.icon-convert-webm-to-mp4 {
    background-image: url(/img/main/icons/convert-webm.svg);
    height: 26px;
    cursor: pointer
}

.main-favicon.icon-youtube-transcript {
    background-image: url(/img/main/icons/yt-transcript.svg), linear-gradient(90deg, rgba(106, 199, 49, .2), rgba(147, 214, 107, .2) 48.96%, rgba(146, 226, 154, .2));
    height: 26px;
    cursor: pointer
}

.main-favicon.icon-youtube-subtitles-download {
    background-image: url(/img/main/icons/yt-subtitles.svg), linear-gradient(90deg, rgba(106, 199, 49, .2), rgba(147, 214, 107, .2) 48.96%, rgba(146, 226, 154, .2));
    height: 26px;
    cursor: pointer
}

.partners_v1 {
    margin: 40px auto 0;
    padding: 0;
    max-width: 790px
}

.partners_v1 ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.partners_v1 li {
    margin-bottom: 10px
}

section.news {
    overflow: hidden;
    margin: 0
}

section.news.horizontal table {
    width: 1000px;
    position: relative;
    left: -20px
}

section.news.horizontal td {
    color: #000;
    border-width: 0 1px;
    padding: 0 20px;
    width: 198px
}

section.news .date {
    color: #a0a0a0;
    padding-top: 5px
}

section.news .all-news {
    font-weight: 700;
    clear: both;
    margin: 14px 0 0
}

#site_info .news {
    margin-top: 13px
}

#site_info .news ul {
    display: block;
    padding: 10px 0;
    list-style: none
}

#site_info .news li {
    display: block;
    margin: 0 0 15px
}

#site_info .news .date {
    display: block
}

table.news td {
    border: none;
    padding: 0 0 1em
}

table.news td.date {
    color: #a0a0a0;
    padding-right: 20px
}

table.news td ol,
table.news td ul {
    margin-top: 0;
    margin-bottom: 0
}

.thumb-box {
    padding: 1px
}

.thumb-box,
.thumb-box .clip {
    overflow: hidden;
    position: relative
}

.thumb-box .clip .thumb,
.thumb-box .thumb {
    display: block;
    position: absolute;
    height: auto;
    z-index: 1
}

.thumb-160,
.thumb-160 .clip,
.thumb-160 .clip .thumb {
    width: 160px
}

.thumb-160,
.thumb-160 .clip {
    height: 90px
}

.thumb-160 .clip .thumb {
    top: -15px
}

.contact-secondary-info b {
    display: none
}

#form_contact {
    margin: 0
}

#tbl_contact_form {
    width: 600px
}

#tbl_contact_form td {
    border: none;
    padding: 5px 20px 5px 0
}

#tbl_contact_form tr.err td {
    background-color: #fdf4f1;
    border-top: 1px solid #f3c6bb;
    border-bottom: 1px solid #f3c6bb
}

#tbl_contact_form .important {
    color: #006caa
}

.tbl-form-webmaster,
.tbl-form-webmaster #fs_preview {
    width: 100%
}

.tbl-form-webmaster td {
    border: none;
    padding: 7px 10px
}

.tbl-form-webmaster td:first-child {
    padding-left: 0
}

.tbl-form-webmaster td:last-child {
    padding-right: 0
}

.tbl-form-webmaster td.section {
    font-weight: 700;
    padding: 0
}

.tbl-form-webmaster td.section span {
    background: #f5f5f5;
    border-radius: 5px;
    background-clip: padding-box;
    display: block;
    margin-top: 20px;
    margin-bottom: 10px;
    padding: 5px 10px
}

.tbl-form-webmaster td textarea {
    width: 100%
}

.tbl-form-webmaster.hidden-setting tr.settings {
    display: none
}

.top-line,
.top-line-2 {
    background-position: 50% 0;
    background-repeat: no-repeat;
    padding-top: 20px;
    margin-bottom: 3em
}

.top-line-2 section,
.top-line section {
    margin-bottom: 2em
}

.top-line {
    background-image: url(/img/top_line_v2.png)
}

.top-line-2 {
    background-image: url(/img/top_line_2_v2.png)
}

.article-1 {
    margin-bottom: 0
}

.article-1__download-box {
    margin-bottom: 50px
}

.article-1 li,
.article-1 p {
    font-size: 1.4em;
    line-height: 1.4
}

.article-1 h1,
.article-1 h2,
.article-1 h3 {
    color: #444;
    font-weight: 400;
    text-align: center;
    line-height: 1.5
}

.article-1 h1 img.logo,
.article-1 h2 img.logo,
.article-1 h3 img.logo {
    margin-right: .3em
}

.article-1 h1 strong,
.article-1 h2 strong,
.article-1 h3 strong {
    font-weight: inherit
}

.article-1 h1 {
    font-size: 30px
}

.article-1 .intro {
    margin-bottom: 1.5em
}

.article-1 .intro p {
    font-size: 15px
}

.article-1 .intro .icon {
    display: block;
    float: left;
    margin-right: 15px
}

.article-1 .example {
    color: #84bd07;
    display: block;
    margin-top: .5em;
    text-align: center
}

.article-1 .note {
    color: #858585
}

.article-2 h1,
.article-2 h2,
.article-2 h3,
.article-2 h4 {
    color: #444;
    font-weight: 400;
    text-align: center
}

.article-2 h1 a.unlighted:hover,
.article-2 h2 a.unlighted:hover,
.article-2 h3 a.unlighted:hover,
.article-2 h4 a.unlighted:hover {
    text-decoration: underline
}

.article-2 h1 {
    font-size: 38px;
    line-height: 1.15;
    margin-top: 0;
    margin-bottom: 10px
}

.article-2 h2 {
    font-size: 30px;
    line-height: 1;
    margin-top: 10px;
    margin-bottom: 15px
}

.article-2 h3 {
    font-size: 26px;
    line-height: 1
}

.article-2 h4 {
    font-size: 1.2em;
    line-height: 1
}

.feature {
    background-color: #f0f0f0;
    border-radius: 5px;
    padding: 15px;
    display: flex
}

.feature h2 {
    color: #444;
    font-size: 30px;
    font-weight: 400;
    line-height: 1.2;
    margin-top: .75em;
    margin-bottom: .75em;
    text-align: center
}

.feature p {
    line-height: 1.2;
    margin-bottom: .5em
}

.feature .img {
    border-radius: 5px;
    padding: 0;
    margin: 5px
}

.feature .img img {
    border-radius: 5px;
    box-shadow: 0 0 5px #ccc;
    display: block;
    width: 425px;
    height: auto;
    padding: 0;
    margin: auto
}

.feature .text {
    box-sizing: border-box;
    flex: 1;
    margin-left: 5%
}

.feature .text .logo {
    margin-top: 5px;
    margin-bottom: -10px;
    text-align: center
}

.feature .text .text-content p {
    font-size: 1.4em
}

.feature .text .text-content .small {
    font-size: .9em
}

.feature a.anchor {
    opacity: .2
}

.feature:hover a.anchor {
    opacity: 1
}

.de .feature h2,
.fr .feature h2,
.id .feature h2 {
    font-size: 26px
}

.feature-slider {
    flex-wrap: wrap
}

.feature-slider .img {
    min-height: 291px
}

@media only screen and (max-width:879px) {
    .feature-slider .img {
        min-height: auto
    }
}

.feature-slider .text .text-content .step {
    opacity: .1;
    visibility: hidden;
    height: 0;
    transition: opacity .2s ease-out
}

.feature-slider .text .text-content .step.current {
    opacity: 1;
    visibility: visible;
    height: auto;
    transition: all 1s ease-out
}

.feature-slider .more {
    color: #84bd07;
    font-size: 18px;
    line-height: 18px;
    text-decoration: none;
    cursor: pointer;
    text-align: right;
    display: block;
    flex: 1;
    margin-left: calc(100% - 150px)
}

.feature-slider .more:hover {
    color: #73a406;
    text-decoration: none
}

.feature-slider .img img {
    opacity: .1;
    visibility: hidden;
    height: 0 !important;
    transition: opacity .2s ease-out
}

.feature-slider .img .current img,
.feature-slider .img img.current {
    opacity: 1;
    visibility: visible;
    height: auto !important;
    transition: all 1s ease-out
}

.feature-2-col {
    position: relative
}

.feature-2-col .col-left,
.feature-2-col .col-right {
    padding: 5px;
    width: 425px
}

.feature-2-col .col-left {
    float: left
}

.feature-2-col .col-right {
    float: right
}

.feature-2-col .img-box {
    margin-top: 1em;
    width: 425px;
    height: 291px
}

.feature-2-col .img-box img {
    border-radius: 5px;
    box-shadow: 0 0 5px #b0b0b0;
    display: block;
    position: absolute;
    bottom: 5px;
    height: auto
}

h1.a-logo b:first-child:before,
h1.a-logo strong:first-child:before,
h2.a-logo b:first-child:before,
h2.a-logo strong:first-child:before {
    content: "";
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    width: 48px;
    height: 48px;
    vertical-align: middle;
    margin-right: .5em
}

h1.a-logo-yt b:first-child:before,
h1.a-logo-yt strong:first-child:before,
h2.a-logo-yt b:first-child:before,
h2.a-logo-yt strong:first-child:before {
    background-image: url(/img/articles/logos/yt_com.png)
}

ul.steps,
ul.steps-2 {
    list-style: none
}

ul.steps-2 li,
ul.steps li {
    margin-bottom: 1.25em
}

ul.steps li {
    padding-left: 2.5em
}

ul.steps li .step {
    color: #fff;
    background: #84bd07;
    border-radius: 50%;
    display: inline-block;
    line-height: 2em;
    width: 2em;
    height: 2em;
    margin: 0 0 -.5em -2.5em;
    text-align: center
}

p.steps-2,
ul.steps-2 li {
    margin-bottom: 1.25em
}

.steps-2 {
    font-weight: 700
}

.steps-2 .step {
    font-weight: 600;
    color: #fff;
    background: #999;
    border-radius: 3px;
    display: inline-block;
    position: relative;
    font-size: 13px;
    line-height: 21px;
    padding: 0 4px 0 8px;
    margin-right: 16px;
    min-width: 65px;
    text-align: center
}

.steps-2 .step:after {
    background: url(/img/sprite_v2.png) -4px -325px no-repeat;
    content: "";
    display: block;
    position: absolute;
    width: 12px;
    height: 21px;
    top: 0;
    right: -8px
}

.steps-2 .step .note {
    color: #84bd07;
    position: absolute;
    display: block;
    font-size: .9em;
    line-height: 1;
    left: 0;
    top: -18px;
    white-space: nowrap
}

.slides .slide_containter {
    display: none;
    position: relative
}

.slides .slide {
    overflow: hidden;
    width: 400px;
    height: 250px
}

.slides .next,
.slides .prev {
    background-image: url(/img/slider_buttons.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    width: 47px;
    height: 92px;
    margin-top: -41px;
    position: absolute;
    top: 50%;
    z-index: 999;
    opacity: 0
}

.slides .prev {
    background-position: -180px 0;
    left: 20px
}

.slides .next {
    right: 20px
}

.slides:hover .next,
.slides:hover .prev {
    opacity: 1
}

.slides .next:hover {
    background-position: -60px 0
}

.slides .prev:hover {
    background-position: -120px 0
}

.slides .pagination {
    margin: 0 auto;
    padding-top: 10px;
    width: 100px
}

.slides .pagination li {
    float: left;
    margin: 0 1px;
    list-style: none
}

.slides .pagination li a {
    background-image: url(/img/slider_pagination.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    float: left;
    padding-top: 15px;
    width: 15px;
    height: 0;
    overflow: hidden
}

.slides .pagination li.current a {
    background-position: -15px 0
}

.slides .caption {
    color: #fff;
    background: #444;
    background: rgba(0, 0, 0, .25);
    position: absolute;
    bottom: -35px;
    left: 0;
    right: 0;
    z-index: 500;
    height: 30px;
    line-height: 30px;
    text-align: center;
    text-shadow: none
}

#screenshot_slider {
    background-color: #fff;
    float: left;
    position: relative;
    overflow: hidden;
    padding: 0;
    margin: 0
}

#screenshot_slider,
#screenshot_slider .slides .slide {
    width: 400px;
    height: 250px
}

#screenshot_slider .slides .caption {
    font-size: 130%
}

.download-box {
    margin-top: 4em;
    *zoom: 1
}

.download-box:after,
.download-box:before {
    display: table;
    content: ""
}

.download-box:after {
    clear: both
}

.download-box .icon {
    float: left
}

.download-box .info {
    float: left;
    max-width: 48%;
    padding: 0 20px
}

.download-box .info h3 {
    color: #444;
    font-size: 38px;
    font-weight: 400;
    margin-bottom: 5px;
    text-align: left
}

.download-box .info p {
    line-height: 1;
    margin-bottom: 15px
}

.download-box .info .social {
    background: #f0f0f0;
    border-radius: 7px;
    display: inline-block;
    padding: 7px 5px 7px 15px
}

.download-box .button-box {
    float: right;
    max-width: 34%
}

.download-box-top .download-box {
    margin-top: 0;
    margin-bottom: 30px
}

.button-box {
    text-align: center
}

.button-box .target-info {
    color: #666;
    font-size: 1.1em;
    margin-top: 5px
}

.button-box .target-info a {
    color: inherit
}

.button-box .safety-info {
    color: #666;
    font-size: .8em;
    margin-top: 5px
}

.download-btn,
.download-btn-2 {
    background: none;
    border: none;
    display: inline-block;
    position: relative;
    padding: 0 65px 0 15px;
    max-width: 240px
}

.download-btn-2 a,
.download-btn a {
    color: #2b4f03;
    background-image: url(/img/green-btn-bg.png);
    background-position: 0 1px;
    background-repeat: repeat-x;
    display: inline-block;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 27px;
    font-weight: 700;
    line-height: 60px;
    padding: 5px 0;
    height: 60px;
    text-shadow: 1px 1px 1px hsla(0, 0%, 100%, .75), 0 0 15px #fff;
    text-decoration: none;
    overflow: hidden
}

.download-btn-2 a:after,
.download-btn-2 a:before,
.download-btn a:after,
.download-btn a:before {
    background-image: url(/img/green-btn-side.png);
    background-image: -webkit-image-set(url("/img/green-btn-side.webp") type("image/webp"), url("/img/green-btn-side.png") type("image/png"));
    background-image: image-set(url("/img/green-btn-side.webp") type("image/webp"), url("/img/green-btn-side.png") type("image/png"));
    background-repeat: no-repeat;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    height: 70px
}

.download-btn-2 a:before,
.download-btn a:before {
    background-position: 0 1px;
    left: 0;
    width: 15px
}

.download-btn-2 a:after,
.download-btn a:after {
    background-position: 100% 1px;
    right: 0;
    width: 65px
}

.download-btn-2 a:hover,
.download-btn a:hover {
    color: #2b4f03;
    background-position: 0 -79px;
    padding-top: 4px;
    padding-bottom: 6px
}

.download-btn-2 a:hover:before,
.download-btn a:hover:before {
    background-position: 0 -79px
}

.download-btn-2 a:hover:after,
.download-btn a:hover:after {
    background-position: 100% -79px
}

.download-btn-2 a:active,
.download-btn a:active {
    color: #2b4f03;
    background-position: 0 -157px;
    padding-top: 6px;
    padding-bottom: 4px
}

.download-btn-2 a:active:before,
.download-btn a:active:before {
    background-position: 0 -157px
}

.download-btn-2 a:active:after,
.download-btn a:active:after {
    background-position: 100% -157px
}

.pl .download-btn-2 a,
.pl .download-btn a {
    font-size: 24px
}

.download-btn-2 {
    padding-right: 60px
}

.download-btn-2 a {
    content: ""
}

.extension {
    margin: 0 0 30px 26px;
    width: 908px
}

.extension .info {
    color: #444;
    background: #f5f5f5 url(/img/body_bg.gif?v=1) 0 0 repeat-x;
    border: 1px solid #d0d0d0;
    border-radius: 0 5px 5px 0;
    background-clip: padding-box;
    float: right;
    width: 506px;
    height: 248px;
    padding: 0;
    margin: 0
}

.extension .info h2 {
    height: 49px;
    margin: 0;
    vertical-align: top
}

.extension .info .version {
    color: #79b003;
    display: none;
    margin-left: .7em
}

.extension .info .btn,
.extension .info .description,
.extension .info .free,
.extension .info .note {
    font-size: 105%
}

.extension .info .free {
    margin: 0;
    vertical-align: bottom
}

.extension .info .free .action {
    color: #a0a0a0
}

.extension .info .description,
.extension .info .safety {
    margin-top: 20px
}

.extension .info .note {
    color: #777;
    font-weight: 700;
    margin-top: 15px
}

.extension .info .bottom_bar {
    background: #f0f0f0;
    border-top: 1px solid #d0d0d0;
    border-radius: 0 0 5px 0;
    background-clip: padding-box;
    overflow: hidden;
    padding: 4px;
    height: 39px
}

.extension .info .bottom_bar .share {
    display: none;
    float: left;
    overflow: hidden;
    width: 280px;
    height: 32px;
    padding: 4px 0 3px 6px
}

.extension .info .bottom_bar .green-btn {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    text-decoration: none
}

.extension .top {
    height: 180px;
    padding: 10px
}

.extension .icon {
    float: left;
    margin-right: 20px
}

.extension_hidden_block {
    display: none
}

.firstrun .extension_hidden_block,
.update .extension_hidden_block {
    display: block
}

.extension-menu {
    position: relative;
    margin: 2em 0;
    *zoom: 1
}

.extension-menu:after,
.extension-menu:before {
    display: table;
    content: ""
}

.extension-menu:after {
    clear: both
}

.extension-menu .img {
    float: right;
    position: relative;
    z-index: 10;
    margin-right: 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    min-height: 200px
}

.extension-menu .text {
    position: absolute;
    padding: 40px 0 0;
    z-index: 0
}

.extension-menu .text p {
    background: #f0f0f0;
    padding: 30px 400px 30px 20px
}

.extension-menu .text .note {
    background: inherit;
    padding-top: 0;
    padding-bottom: 0
}

.extension-menu--flex {
    position: relative;
    margin: 2em 0;
    display: flex
}

.extension-menu--flex .text {
    padding: 0 40px 0 0;
    z-index: 0
}

.extension-menu--flex .text p {
    padding: 0 0 30px 20px
}

.extension-menu--flex .text p.note {
    background: inherit;
    padding-bottom: 0
}

.extension-menu--flex .img {
    position: relative;
    z-index: 10
}

.extension-menu--flex .img img {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3)
}

@media only screen and (max-width:959px) {
    .extension-menu--flex {
        flex-direction: column;
        text-align: center
    }
    .extension-menu--flex .text {
        font-size: 18px;
        margin-bottom: 20px;
        padding-right: 0
    }
    .extension-menu--flex .text p {
        padding: 0
    }
    .extension-menu--flex .img {
        margin-bottom: 20px
    }
    .extension-menu--flex .img img {
        width: 100%
    }
}

.instruction-head {
    *zoom: 1
}

.instruction-head:after,
.instruction-head:before {
    display: table;
    content: ""
}

.instruction-head:after {
    clear: both
}

.instruction-head .icon {
    float: left
}

.instruction-head .text {
    color: #444;
    float: left;
    margin-left: 15px;
    width: 85%
}

.instruction-head h3 {
    color: #444;
    font-size: 38px;
    font-weight: 400;
    line-height: .9;
    margin-bottom: 5px;
    text-align: left
}

.instruction-head p {
    font-size: 28px;
    line-height: 1;
    margin-bottom: 10px
}

.instruction-head .social {
    background: #f0f0f0;
    border-radius: 7px;
    display: inline-block;
    padding: 7px 5px 7px 15px
}

.instruction {
    margin: 2em -1% 1em;
    width: auto
}

.instruction td {
    border: none;
    padding: 0 1%;
    width: 32%
}

.instruction td div {
    display: inline-block;
    position: relative
}

.instruction td div b {
    color: #fff;
    background-color: rgba(143, 200, 13, .7);
    border-radius: 50%;
    font-size: 30px;
    font-weight: 400;
    line-height: 44px;
    height: 44px;
    width: 44px;
    overflow: hidden;
    position: absolute;
    top: -8px;
    left: -8px;
    text-align: center;
    opacity: 1
}

.instruction .text td {
    padding-bottom: 10px;
    line-height: 1.2
}

.instruction .img td {
    text-align: left
}

.instruction .img td img {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3)
}

.faq {
    display: block
}

.faq .faq_item {
    display: block;
    list-style: none;
    margin: 10px 0
}

.faq .faq_item .faq_q {
    padding: 3px 0
}

.faq .faq_item .faq_q .text {
    color: #006caa;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    cursor: pointer
}

.faq .faq_item .faq_q .text:hover {
    color: #f90
}

.faq .faq_item .faq_a {
    padding: 10px 0 20px
}

.faq .faq_item .faq_a ol,
.faq .faq_item .faq_a ul {
    margin-left: 0;
    list-style-position: inside
}

.faq .faq_item .faq_a li {
    margin: 5px 0
}

.user-info {
    overflow: hidden;
    width: 960px;
    margin: 0 0 30px;
    padding: 0;
    list-style: none
}

.user-info li {
    display: block
}

.user-info .user {
    float: left
}

.user-info .user .email,
.user-info .user .name {
    display: block;
    padding-left: 32px
}

.user-info .user .name {
    color: #006caa;
    background: url(/img/room.png) no-repeat 0 -79px;
    font-size: 27px;
    font-weight: 700;
    line-height: 30px
}

.user-info .user .email {
    color: #a0a0a0;
    font-size: 17px
}

.user-info .edit {
    float: right
}

.delete-history {
    position: relative;
    padding-left: 45px
}

.delete-history i {
    background: url(/img/room.png) no-repeat 0 -54px;
    position: absolute;
    top: 50%;
    left: 22px;
    width: 18px;
    height: 20px;
    margin-top: -10px
}

#downloads_data {
    width: 100%
}

#downloads_data td {
    position: relative
}

#downloads_data td .favicon {
    margin: 0 5px 0 0;
    vertical-align: middle
}

#downloads_data td .source-link {
    background: url(/img/room.png) no-repeat 0 -112px;
    border: none;
    display: none;
    position: absolute;
    top: 50%;
    right: 0;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    opacity: .5
}

#downloads_data td .source-link:hover {
    opacity: 1
}

#downloads_data td:hover .source-link {
    display: block
}

#downloads_data td .title {
    display: inline-block;
    overflow: hidden;
    width: 470px;
    padding-right: 10px;
    vertical-align: middle;
    white-space: nowrap
}

#payments_data {
    width: 50%
}

#downloads_more,
#payments_more {
    margin-left: 10px
}

.package {
    border-radius: 5px;
    background-clip: padding-box;
    width: 960px;
    margin: 0;
    padding: 0;
    white-space: nowrap
}

.package li {
    background-color: #f5f5f5;
    border: 1px solid #dfdfdf;
    display: inline-block;
    position: relative;
    width: 182px;
    height: 180px;
    margin-right: -1px;
    padding: 1px;
    vertical-align: top;
    text-align: center
}

.package li:first-child {
    border-radius: 5px 0 0 5px;
    background-clip: padding-box
}

.package li:last-child {
    border-radius: 0 5px 5px 0;
    background-clip: padding-box
}

.package li:hover {
    background-color: #fff;
    cursor: pointer
}

.package li.active {
    background-color: #fff;
    border: 2px solid #ffb942;
    padding: 0;
    z-index: 10
}

.package li>a {
    display: block;
    height: 100%;
    text-decoration: none;
    padding: 0
}

.package .value {
    color: #006caa;
    display: inline-block;
    position: relative;
    font-size: 36px;
    line-height: 36px;
    margin-top: 15px;
    margin-bottom: 10px;
    white-space: nowrap
}

.package .unit {
    font-size: 24px
}

.package .active .value:before {
    background: url(/img/room.png) no-repeat 0 -26px;
    display: block;
    position: absolute;
    left: -25px;
    top: 50%;
    margin-top: -11px;
    width: 20px;
    height: 22px;
    overflow: hidden;
    content: ""
}

.package .cost {
    color: #707070;
    display: block;
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 3px
}

.package .discount,
.package .text {
    color: #707070;
    display: block;
    font-size: 13px;
    line-height: 17px;
    margin-bottom: 10px
}

.package .text {
    line-height: 1.3
}

.package .yellow-btn,
.package .yellow-btn:active {
    position: absolute;
    bottom: 15px;
    left: 50%;
    margin-left: -50px;
    padding-left: 5px;
    padding-right: 5px;
    width: 90px
}

.package .active .yellow-btn {
    bottom: 14px
}

.package .custom {
    width: 216px;
    margin-right: 0
}

.package .custom .value {
    font-size: 17px;
    line-height: 1.1;
    font-weight: 700
}

.package.compact li {
    height: 108px
}

.custom-amount {
    margin-top: 1em
}

.custom-amount .custom-traffic {
    color: #777;
    font-size: 24px;
    line-height: 30px
}

.custom-amount input {
    color: #777;
    border: 1px solid #bbbdbf;
    border-radius: 5px;
    padding: 1px 7px;
    width: 50px;
    text-align: right
}

.custom-amount input:focus {
    border-color: #ffb942
}

.custom-amount input.valid {
    border-color: #00c000
}

.custom-amount input.error {
    border-color: #c00000
}

.custom-amount .traffic-cost {
    color: #006caa;
    margin-left: 2em
}

.custom-amount .description {
    color: #777
}

#currencies {
    border: 1px solid #d9d9d9;
    border-collapse: separate;
    border-radius: 5px;
    width: 100%;
    table-layout: fixed
}

#currencies td {
    border: solid #d9d9d9;
    border-width: 0 0 1px;
    padding: 10px 0 0;
    vertical-align: middle
}

#currencies td div {
    position: relative;
    margin-right: -10px
}

#currencies tr:last-child td {
    border-bottom: none
}

#currencies td.payment-category {
    color: #999;
    font-weight: 700;
    font-size: 17px;
    line-height: 1;
    padding-left: 15px;
    padding-right: 15px;
    width: 195px
}

#currencies ul {
    margin: 0;
    padding: 0;
    list-style: none
}

#currencies ul li,
#currencies ul li span {
    cursor: pointer;
    *cursor: hand
}

#currencies .main-currencies {
    width: 80%
}

#currencies .main-currencies .btn {
    margin: 0 10px 10px 0;
    padding: 1px 10px;
    vertical-align: top;
    line-height: 38px;
    height: 38px
}

#currencies .main-currencies .btn.active {
    background-color: #fefefe;
    border: 2px solid #ffb942;
    padding: 0 9px
}

#currencies .main-currencies .btn img {
    line-height: 38px
}

#currencies .other-currencies .btn {
    color: #006caa;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    margin: 0 10px 10px 0;
    padding: 1px 10px;
    text-align: center
}

#currencies .other-currencies .btn.active {
    background-color: #fefefe;
    border: 2px solid #ffb942;
    padding: 0 9px
}

#currencies .other-currencies-btn {
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
    position: absolute;
    top: 10px;
    right: 20px
}

.sub-currency {
    text-align: center
}

.sub-currency .btn {
    color: #006caa;
    font-weight: 700;
    margin: 10px 5px 0
}

.payment-result {
    background-color: #f5f5f5;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    padding: 10px
}

.payment-result .payment-data {
    color: #777;
    font-size: 21px;
    line-height: 38px
}

.payment-result .payment-data .value {
    color: #006caa
}

.top-message-bar {
    color: #000;
    background-color: #feefae;
    background-image: -o-linear-gradient(top, #feefae, #fbe792);
    border-bottom: 1px solid #aaaaab;
    display: block;
    position: relative;
    z-index: 99999
}

.top-message-bar .content-box {
    color: #000;
    position: relative;
    height: 35px;
    line-height: 35px;
    padding: 0 30px;
    overflow: hidden
}

.top-message-bar .content-box .message-box {
    text-align: center
}

.top-message-bar .content-box .button {
    color: #000;
    background-color: #fffbea;
    background-image: -o-linear-gradient(top, #fffbea, #fcedb1);
    border: 1px solid rgba(0, 0, 0, .41);
    border-radius: 4px;
    position: relative;
    line-height: 1;
    padding: 4px 5px;
    text-decoration: none
}

.top-message-bar .content-box .button:hover {
    border-color: rgba(0, 0, 0, .69)
}

.top-message-bar .content-box .close-btn {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAOCAYAAABU4P48AAADEUlEQVR42q2WX0hTYRjGdyXIoYuupAsvuuvKi+gm4hCjkrwKwXI1tbH8QyhqOTbPmafhH5zhXKNsmVRg1E1BEEhWBJ3CuslNR6FmlmLqjqWeKLr16zxfO6fvnB1X0D544f2e93nYT/fubA5Hns6T6lLu5ckK8U29V061NKko9NAwy5ktcnCPineIr/bukZOHDqgo9NAwc+T7yK4KfrK5UVmK9pOVyzFTQcMMHrvs4+Kd/IRzv7LpF8h3qctU0DCDJ2+w41UuflYStlavxEiuggdeE+zuXfwHV+WWFdRa8MBrC1BXV3fwX7Tfa1DNpdpaFR1q/cH9LFBWgxcZmi0p4qbKjig61M+bI1mgrAYvMiYAt9td2tDQQGpra9t0DT00zKzAr+u94nIsQlYHY+TznRGCs/78Gb2j0ONghju8yNA12lcibgaCFObr0A3q+zE6ZgCix8GMrofmRcbKUFBeXj6gQ+uw0DCzmifbWuS0BoJaiIRJ4nqcvsiGBrqRgYWGme5DBtlk2VFZh/siXCDJkdsGtA4LDTPdh4zdO21A54LFeSe1q+mrGkimFgb+QBuwmsZ6kEF2tvKUyr79LLQdLAoZ2z32eDwBHRj9dh+46VDQBIxaezpmvCh66xwZZOfcp9Wsp8LDUSOL3jpHJguCXQN2PeyAUx1+OR3XQDK1IWfWYDhOi66HprEeZJB9e7xKZmHYNWDXg/UgYwKoqak5bFkDYz0wswJPBM6Lq4MDRNFAlHt3DdjFaJiWDo0ZPPAig2zi2AlRFUIURB2+ZVoDdj0wox7Ni4yVodDpdHotO1uQ0Qqz/sM+HzfdE1KUazEyf7GLvJDayeKlMMEdhR4aZrjDiwzNao+3+TNN9LG24g+S8Z5e086ih4YZ7vCmMo/E/zoJQeA/9vdu6ZDbFTzwmv5g11l+uTnw1y8OeODN27ddQpL4933dSjoeJWtDMVNBwwwe28+B5xy/0BhQvgU7s0ChYQZP3n9PpPp93FR3pzjT1yPPRcIqCj00zHJmq33cTL0gfmrqkJdaJRWFHhpmrPcXrCMIfexnEK4AAAAASUVORK5CYII=") 0 0 no-repeat;
    position: absolute;
    right: 8px;
    top: 50%;
    margin-top: -7px;
    width: 14px;
    height: 14px;
    overflow: hidden;
    cursor: pointer
}

.top-message-bar .content-box .close-btn:hover {
    background-position: -15px 0
}

.top-message-bar .content-box .close-btn:active {
    background-position: -30px 0
}

.ummy-link {
    position: relative;
    padding-left: 15px;
    padding-right: 40px
}

.ummy-link:after {
    content: url(/img/ummy_icon_16.png);
    display: block;
    width: 16px;
    height: 16px;
    overflow: visible;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -10px
}

.ummy-link.wait:after {
    content: url(/img/wait.gif)
}

.ummy-info,
.ummy-info h2 {
    text-align: center
}

.ummy-info h2 {
    font-size: 23px;
    font-weight: 400;
    line-height: 1.2
}

.ummy-info img.screen {
    display: block;
    margin: 1em 0
}

.ummy-info .green-btn-2 {
    padding: 13px 44px 13px 20px
}

.ummy-info label {
    display: inline-block;
    margin-top: 10px
}

.ummy-info label input {
    vertical-align: middle
}

#debug_info {
    color: #000;
    padding: 5px;
    text-align: left
}

.install-now {
    font-family: Open Sans, Arial, sans-serif
}

.install-now__title {
    font-size: 30px;
    margin: 0 0 10px;
    font-weight: 400
}

.install-now__title_green {
    color: #84bd07
}

.install-now__title_blue {
    color: #1f8cff
}

.install-now__title_red {
    color: #ca1f10
}

.install-now__img {
    display: block;
    margin: -15px auto 15px
}

.install-now__text {
    font-size: 20px;
    margin: 0 0 30px
}

.install-now__annotation {
    font-size: 15px;
    color: #666;
    white-space: nowrap;
    margin-right: 16px;
    margin-left: 16px
}

.install-now__annotation a {
    color: #666
}

.install-now__annotation a:hover {
    text-decoration: none
}

.install-now__img_box .install-now__annotation {
    display: none
}

.install-now .install-btn {
    margin-right: 16px;
    margin-left: 16px
}

.install-now__img_box .install-btn {
    display: inline-block
}

.site-info-tabs {
    width: 790px;
    margin: 0 auto;
    font-family: Arial, Helvetica, sans-serif
}

.other-services .supported-services-header {
    text-align: center;
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    margin: 30px auto;
    opacity: 1
}

@media screen and (max-width:768px) {
    .other-services .supported-services-header {
        margin: 0 auto 20px;
        text-align: left
    }
}

.supported-services-link-note {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    justify-content: center
}

.supported-services-link-note span {
    margin: 0;
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 23px
}

.supported-services-link-note img {
    width: 20px;
    height: 20px;
    margin-right: 7px
}

.how-to-use ul {
    list-style: none
}

.how-to-use li {
    margin-bottom: 10px
}

.how-to-use-v2 {
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 36px
}

.how-to-use-v2 .mb-100 {
    margin-bottom: 100px
}

.how-to-use-v2 ul {
    list-style: none
}

.how-to-use-v2 ol {
    background: #eaf1f5;
    border-radius: 5px;
    padding: 20px 60px;
    display: flex;
    flex-wrap: wrap;
    margin: 0
}

.how-to-use-v2 li {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 40px;
    position: relative
}

.how-to-use-v2 li.how-to-step-1 p:before {
    content: "1.";
    margin-left: -24px
}

.how-to-use-v2 li.how-to-step-2 p:before {
    content: "2.";
    margin-left: -24px
}

.how-to-use-v2 li.how-to-step-3 p:before {
    content: "3.";
    margin-left: -24px
}

.how-to-use-v2 li.how-to-step-apk {
    display: none;
    order: -1
}

.how-to-use-v2 li.how-to-step-apk .how-to-step-apk-top {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    background: linear-gradient(180deg, #fff, #e4f4fd);
    border-radius: 10px;
    order: 2
}

.how-to-use-v2 li.how-to-step-apk .install-apk-button {
    width: calc(100% - 14px);
    max-width: 400px;
    background: radial-gradient(50% 50% at 50% 50%, #76b541 0, #5db115 41.67%, #76d624 100%);
    border-radius: 10px;
    color: #fff;
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    padding: 15px 0;
    text-decoration: none;
    margin: 0 auto 24px;
    text-align: center
}

.how-to-use-v2 li.how-to-step-apk .install-apk-button img {
    margin-right: 18px;
    margin-left: -18px;
    width: 26px;
    height: auto
}

.how-to-use-v2 li.how-to-step-apk picture {
    text-align: center;
    width: 100%
}

.how-to-use-v2 li.how-to-step-apk picture img {
    width: 78%;
    height: auto
}

.how-to-use-v2 li.how-to-step-apk p:before {
    content: "1.";
    margin-left: -24px
}

.how-to-use-v2 li.how-to-step-helper {
    display: flex
}

.how-to-use-v2 li.how-to-step-helper p:before {
    content: "4.";
    margin-left: -24px
}

.how-to-use-v2 li .how-to-use-middle-text {
    width: 45%;
    order: 1;
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    display: flex;
    flex-wrap: wrap
}

.how-to-use-v2 li .how-to-use-middle-text p {
    width: 90%;
    box-sizing: border-box;
    margin-left: 24px
}

.how-to-use-v2 li .how-to-use-middle-text p .green-bold {
    font-weight: 700;
    color: #7ed214
}

.how-to-use-v2 li .how-to-use-middle-text p a {
    word-break: break-all;
    color: #7ed214
}

.how-to-use-v2 li .how-to-use-middle-text .install-helper-button {
    width: 100%;
    background: linear-gradient(83.64deg, #3dd84d 55.01%, #00b75a 106.83%);
    border-radius: 10px;
    color: #fff;
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 30px;
    padding: 22px 24px;
    text-decoration: none;
    text-align: center
}

.how-to-use-v2 li .how-to-use-middle-text .install-helper-button img {
    margin-right: 30px;
    width: 24px;
    height: auto
}

.how-to-use-v2 li picture {
    width: 45%;
    order: 2
}

.how-to-use-v2 li picture img {
    width: 100%;
    height: auto
}

.how-to-use-v2 li .left-picture {
    order: 0
}

.how-to-use-v2 li .how-to-use-middle-arrow {
    position: absolute;
    bottom: 10px;
    left: 45%;
    width: 64px;
    height: 52px;
    z-index: 100;
    transform: rotate(-15deg);
    background-image: url(/img/main/arrow.svg);
    background-size: contain;
    background-repeat: no-repeat
}

.how-to-use-v2 .how-to-use-bottom {
    display: flex;
    flex-direction: row;
    margin-top: 60px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    gap: 72px
}

.how-to-use-v2 .how-to-use-bottom .how-to-use-bottom-text {
    display: flex;
    flex-direction: column
}

.how-to-use-v2 .how-to-use-bottom .how-to-use-bottom-text h2 {
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 24px;
    text-align: left
}

.how-to-use-v2 .how-to-use-bottom .how-to-use-bottom-text p {
    margin: 0;
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px
}

.how-to-use-v2 .how-to-use-bottom img {
    width: 45%;
    height: auto
}

.dailymotion-page h1,
.dailymotion-page h2,
.facebook-page h1,
.facebook-page h2 {
    font-size: 22px;
    color: #333;
    margin: 0 0 1.2em;
    line-height: 1.1
}

.dailymotion-page p,
.facebook-page p {
    font-size: 18px;
    opacity: .7;
    line-height: 1.67;
    margin: 0 0 1.7em
}

.dailymotion-page .feature-2-col .img-box img,
.facebook-page .feature-2-col .img-box img {
    box-shadow: none;
    border-radius: 0;
    bottom: 0;
    position: relative;
    margin-top: 0
}

.dailymotion-page .feature-2-col .img-box img.img-box-shadow,
.facebook-page .feature-2-col .img-box img.img-box-shadow {
    bottom: 25px;
    position: absolute
}

.dailymotion-page .b-install,
.facebook-page .b-install {
    background-color: #fffce5;
    padding: 10px;
    border: 1px solid #e8e5cf;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 6.5em
}

.dailymotion-page .b-text-emphasis,
.facebook-page .b-text-emphasis {
    font-size: 18px;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: 700
}

.dailymotion-page .feature-2-col .img-box,
.facebook-page .feature-2-col .img-box {
    height: auto
}

.dailymotion-page .feature-2-col--first,
.facebook-page .feature-2-col--first {
    padding-top: 3.7em
}

.dailymotion-page .feature-2-col,
.facebook-page .feature-2-col {
    margin-bottom: 0
}

.dailymotion-page .feature-2-col .col-left,
.dailymotion-page .feature-2-col .col-right,
.facebook-page .feature-2-col .col-left,
.facebook-page .feature-2-col .col-right {
    width: 365px
}

.dailymotion-page .logo--facebook,
.facebook-page .logo--facebook {
    padding-top: 7px
}

.dailymotion-page .opacity-1,
.facebook-page .opacity-1 {
    opacity: 1
}

.dailymotion-page strong,
.facebook-page strong {
    font-weight: 700
}

.dailymotion-page .logo-heading,
.facebook-page .logo-heading {
    position: relative
}

.dailymotion-page .sf_container,
.facebook-page .sf_container {
    display: flex;
    flex-direction: column;
    padding: 0 10px
}

.dailymotion-page .sf_faq,
.facebook-page .sf_faq {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 28px auto 20px;
    padding-bottom: 63px
}

.dailymotion-page .sf_faq_title,
.facebook-page .sf_faq_title {
    margin-bottom: 30px
}

.dailymotion-page .sf_faq_title span,
.facebook-page .sf_faq_title span {
    font-size: 14px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #333;
    display: block;
    text-align: center
}

.dailymotion-page .sf_faq_title h2,
.facebook-page .sf_faq_title h2 {
    font-size: 32px;
    text-align: center;
    color: #333;
    margin-top: 6px
}

.dailymotion-page .faq_item,
.facebook-page .faq_item {
    width: 100%;
    margin: 0 0 12px;
    max-width: 636px
}

.dailymotion-page .faq_item.active .faq_item_title:before,
.facebook-page .faq_item.active .faq_item_title:before {
    transform: rotate(0deg)
}

.dailymotion-page .faq_item.active .faq_item_content,
.facebook-page .faq_item.active .faq_item_content {
    grid-template-rows: 1fr
}

.dailymotion-page .faq_item_title,
.facebook-page .faq_item_title {
    cursor: pointer;
    padding: 16px 100px 16px 20px;
    background: rgba(238, 242, 243, .6);
    position: relative
}

.dailymotion-page .faq_item_title:hover,
.facebook-page .faq_item_title:hover {
    background: rgba(232, 236, 239, .6)
}

.dailymotion-page .faq_item_title:before,
.facebook-page .faq_item_title:before {
    content: "";
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='13' viewBox='0 0 20 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.991 1.426l8.029 8.023.87.87-1.782 1.7-.87-.87-7.21-7.206-7.375 7.033-.891.85L.02 10.085l.891-.85 8.214-7.832.891-.85.052.052.052-.05.871.87z' fill='%23333'/%3E%3C/svg%3E");
    width: 20px;
    height: 13px;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    transform: rotate(180deg);
    transition: transform .4s ease-out
}

.dailymotion-page .faq_item_title span,
.facebook-page .faq_item_title span {
    font-size: 15px;
    color: #333;
    font-weight: 600
}

.dailymotion-page .faq_item_content,
.facebook-page .faq_item_content {
    display: grid;
    grid-template-rows: 0fr;
    overflow: hidden;
    transition: grid-template-rows .3s ease-out;
    font-size: 15px;
    line-height: 25px;
    color: #333;
    max-width: 436px
}

.dailymotion-page .faq_item_content>div,
.facebook-page .faq_item_content>div {
    overflow: hidden;
    min-height: 0
}

.dailymotion-page .faq_item_content>div>*,
.facebook-page .faq_item_content>div>* {
    padding: 0 20px
}

.dailymotion-page .faq_item_content>div>:first-child,
.facebook-page .faq_item_content>div>:first-child {
    padding-top: 10px
}

.dailymotion-page .faq_item_content>div>:last-child,
.facebook-page .faq_item_content>div>:last-child {
    padding-bottom: 10px
}

.dailymotion-page .margin-8-top,
.facebook-page .margin-8-top {
    margin-top: 80px
}

.dailymotion-page .margin-8-bottom,
.facebook-page .margin-8-bottom {
    margin-bottom: 80px
}

.dailymotion-page .margin-8,
.facebook-page .margin-8 {
    margin: 80px 0
}

.dailymotion-page .margin-0,
.facebook-page .margin-0 {
    margin: 0 auto
}

@media only screen and (max-width:919px) {
    .facebook-page .feature-2-col .img-box img.img-box-shadow {
        position: static
    }
    .facebook-page .feature-2-col--first {
        padding-top: 0;
        margin-bottom: 1.88em
    }
    .facebook-page .feature-2-col--first .col-right,
    .facebook-page .feature-2-col .img-box {
        margin-top: 0
    }
    .facebook-page .b-install {
        margin-bottom: 2em
    }
}

@media only screen and (max-width:879px) {
    .facebook-page h1 {
        font-size: 2rem !important
    }
    .how-to-use-v2 .how-to-use-bottom {
        flex-direction: column;
        gap: 10px
    }
}

@media screen and (max-width:768px) {
    .how-to-use-v2 h2:first-of-type,
    .sf_faq {
        margin-top: 0
    }
    .sf_faq {
        border-bottom: none;
        padding-bottom: 0
    }
    .faq_item_title span {
        display: block
    }
    .sf_faq_title {
        margin-bottom: 4px
    }
    .sf_faq_title h2 {
        font-size: 32px;
        line-height: 1.3em;
        margin: 0 0 .6em
    }
    .faq_item_title {
        cursor: pointer;
        padding: 12px 100px 12px 15px;
        position: relative;
        min-height: 52px;
        box-sizing: border-box;
        display: flex;
        align-items: center
    }
    .faq_item_content>div>* {
        padding: 0 16px
    }
    .faq_item_content>div>:first-child {
        padding-top: 8px
    }
    .faq_item_content>div>:last-child {
        padding-bottom: 8px
    }
    .faq_item_title:before {
        right: 18px
    }
}

@media screen and (max-width:480px) {
    .dailymotion-page .green-btn-3,
    .facebook-page .green-btn-3 {
        padding: 1.2em 3em 1em
    }
}

@media screen and (max-width:575px) {
    .faq_item_title {
        padding: 12px 60px 12px 15px
    }
    .sf_faq_title h2 {
        font-size: 28px;
        line-height: normal
    }
    .hide-on-mobile {
        display: none
    }
}

.b-instruction {
    background-color: #eef2f3;
    position: relative;
    z-index: 0;
    padding-top: 5.7em;
    padding-bottom: 4.3em;
    display: flex;
    flex-flow: column
}

.b-instruction:before {
    z-index: -1;
    left: -100%
}

.b-instruction:after,
.b-instruction:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    background-color: #eef2f3
}

.b-instruction:after {
    display: block;
    right: -100%
}

.b-instruction .b-heading {
    max-width: 892px;
    display: flex;
    flex-flow: column;
    align-self: center;
    margin-bottom: 40px
}

.b-instruction .b-heading h2 {
    margin-bottom: 20px
}

.b-instruction .b-heading p {
    color: #000;
    opacity: 1;
    text-align: center;
    width: 100%;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px
}

.b-instruction .b-text {
    display: flex;
    flex-flow: column;
    align-self: center
}

.b-instruction .b-text p {
    opacity: 1;
    margin-bottom: 0;
    color: #1b1b1b;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px
}

.b-instruction-row {
    display: flex;
    justify-content: space-between
}

.b-instruction-col {
    max-width: 260px;
    text-align: center
}

.b-instruction-col h3 {
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
    margin: 0;
    text-align: left
}

.b-instruction-col p {
    text-align: left;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px
}

.b-instruction-img {
    max-width: 260px;
    max-height: 178px;
    margin: 0 auto 2em
}

@media only screen and (max-width:919px) {
    .b-instruction {
        padding: 2.65em 0 1.7em
    }
}

@media (max-width:920px) {
    .b-instruction-row {
        flex-direction: column !important;
        align-items: center
    }
}

@media (max-width:890px) {
    .b-instruction-row {
        flex-direction: column;
        align-items: center
    }
    .b-instruction-col {
        max-width: none;
        text-align: center;
        margin-bottom: 2em
    }
    .b-instruction .b-heading h2 {
        margin: 0 0 .5em
    }
    .b-instruction .b-heading p {
        margin-bottom: 2.2em
    }
    .b-instruction-img {
        margin-bottom: 2.5em;
        max-width: 260px;
        height: auto
    }
    .b-instruction .b-heading h2 {
        margin: 0 0 .4em;
        line-height: 1.3
    }
}

.dailymotion-page .b-android,
.facebook-page .b-android {
    background-color: #000;
    color: #fff;
    position: relative;
    z-index: 0;
    padding-top: 5.7em;
    padding-bottom: 0;
    display: flex;
    flex-flow: column
}

.dailymotion-page .b-android:before,
.facebook-page .b-android:before {
    position: absolute;
    content: "";
    z-index: -1;
    width: 100%;
    height: 100%;
    left: -99%;
    top: 0;
    background-color: #000
}

.dailymotion-page .b-android:after,
.facebook-page .b-android:after {
    content: "";
    display: block;
    top: 0;
    width: 100%;
    height: 100%;
    right: -99%;
    position: absolute;
    background-color: #000;
    z-index: -1
}

.dailymotion-page .b-android .col-left,
.facebook-page .b-android .col-left {
    padding: 0
}

.dailymotion-page .b-android .b-heading,
.facebook-page .b-android .b-heading {
    display: flex;
    flex-flow: column;
    align-self: center;
    margin-bottom: 40px
}

.dailymotion-page .b-android .b-heading h2,
.facebook-page .b-android .b-heading h2 {
    margin-bottom: 20px;
    color: #fff
}

.dailymotion-page .b-android .b-heading p,
.facebook-page .b-android .b-heading p {
    text-align: center;
    opacity: 1;
    color: #fff;
    width: 100%;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px
}

.dailymotion-page .b-android .feature-2-col,
.facebook-page .b-android .feature-2-col {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end
}

.dailymotion-page .google-button,
.facebook-page .google-button {
    background: #fff;
    box-shadow: 4px 2px 10px rgba(0, 0, 0, .1);
    border-radius: 4px;
    font-size: 18px;
    font-weight: 700;
    position: relative;
    padding: .85em 1.5em .85em 4em;
    color: #000;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 1em
}

.dailymotion-page .google-button:before,
.facebook-page .google-button:before {
    content: "";
    background-image: url(/img/articles/dailymotion_com/chrome-icon.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    width: 24px;
    height: 28px;
    display: block;
    position: absolute;
    top: 50%;
    left: 32px;
    transform: translateY(-50%)
}

.dailymotion-page .l-android,
.facebook-page .l-android {
    margin-bottom: 3em
}

.dailymotion-page .l-android--item,
.facebook-page .l-android--item {
    position: relative;
    list-style: none;
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 14px;
    padding-left: 32px
}

.dailymotion-page .l-android--item__download:before,
.facebook-page .l-android--item__download:before {
    content: "";
    background-image: url(/img/articles/dailymotion_com/l-android-download-icon.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    width: 19px;
    height: 21px;
    display: block;
    position: absolute;
    top: 7px;
    left: 0
}

.dailymotion-page .l-android--item__watch:before,
.facebook-page .l-android--item__watch:before {
    content: "";
    background-image: url(/img/articles/dailymotion_com/l-android-watch-icon.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    top: 4px;
    left: 0
}

.dailymotion-page .l-android--item__media:before,
.facebook-page .l-android--item__media:before {
    content: "";
    background-image: url(/img/articles/dailymotion_com/l-android-media-icon.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    top: 4px;
    left: 0
}

.dailymotion-page .l-android--item__manage:before,
.facebook-page .l-android--item__manage:before {
    content: "";
    background-image: url(/img/articles/dailymotion_com/l-android-manage-icon.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    width: 20px;
    height: 16px;
    display: block;
    position: absolute;
    top: 4px;
    left: 0
}

.dailymotion-page .l-android--item__music:before,
.facebook-page .l-android--item__music:before {
    content: "";
    background-image: url(/img/articles/dailymotion_com/l-android-music-icon.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    top: 4px;
    left: 0
}

.dailymotion-page .l-android--item__share:before,
.facebook-page .l-android--item__share:before {
    content: "";
    background-image: url(/img/articles/dailymotion_com/l-android-share-icon.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    top: 4px;
    left: 0
}

.dailymotion-page .feature-2-col .dailymotion-img-rounded img,
.facebook-page .feature-2-col .dailymotion-img-rounded img {
    box-shadow: 0 7.26261px 9.07826px hsla(0, 0%, 70.2%, .25);
    border-radius: 8px;
    width: 100%;
    height: auto
}

.dailymotion-page .feature-2-col .img-box,
.facebook-page .feature-2-col .img-box {
    width: auto
}

.dailymotion-page .feature-2-col .col-left,
.dailymotion-page .feature-2-col .col-right,
.facebook-page .feature-2-col .col-left,
.facebook-page .feature-2-col .col-right {
    width: 50%
}

.dailymotion-page .feature-2-col,
.facebook-page .feature-2-col {
    max-width: 892px;
    margin-left: auto;
    margin-right: auto
}

.dailymotion-page .feature-2-col-margin,
.facebook-page .feature-2-col-margin {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 40px
}

.dailymotion-page .feature-2-col-margin div,
.dailymotion-page .feature-2-col-margin p,
.facebook-page .feature-2-col-margin div,
.facebook-page .feature-2-col-margin p {
    max-width: 632px
}

.dailymotion-page h1,
.dailymotion-page h2,
.facebook-page h1,
.facebook-page h2 {
    font-weight: 700;
    margin-top: 80px
}

.dailymotion-page .b-install,
.facebook-page .b-install {
    max-width: 804px;
    margin: 30px auto 5em
}

.dailymotion-page .w-388,
.facebook-page .w-388 {
    max-width: 388px
}

.dailymotion-page .w-348,
.facebook-page .w-348 {
    max-width: 348px
}

.dailymotion-page .w-326,
.facebook-page .w-326 {
    max-width: 326px
}

.dailymotion-page .w-413,
.facebook-page .w-413 {
    max-width: 413px
}

.dailymotion-page .w-339,
.facebook-page .w-339 {
    max-width: 339px
}

.dailymotion-page .w-376,
.facebook-page .w-376 {
    max-width: 376px
}

.dailymotion-page .w-260,
.facebook-page .w-260 {
    max-width: 260px
}

.dailymotion-page .text-box--center,
.facebook-page .text-box--center {
    max-width: 470px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 4.5em !important
}

.dailymotion-page p,
.facebook-page p {
    font-size: 16px;
    color: #333;
    width: 100%
}

.dailymotion-page ol,
.facebook-page ol {
    margin-bottom: 1.6em
}

.dailymotion-page ol li,
.facebook-page ol li {
    font-size: 16px;
    color: #333;
    opacity: .7
}

.dailymotion-page .b-instruction,
.facebook-page .b-instruction {
    margin-bottom: 0
}

.dailymotion-page .img-box--big,
.facebook-page .img-box--big {
    margin-bottom: 3.1em
}

.dailymotion-page .img-box--big img,
.facebook-page .img-box--big img {
    width: 100%;
    height: auto
}

@media only screen and (max-width:919px) {
    .dailymotion-page .feature-2-col,
    .facebook-page .feature-2-col {
        text-align: left
    }
    .dailymotion-page .b-android .feature-2-col .col-left,
    .facebook-page .b-android .feature-2-col .col-left {
        text-align: center
    }
    .article-1 .dailymotion-page h1,
    .article-1 .dailymotion-page h2,
    .article-1 .facebook-page h1,
    .article-1 .facebook-page h2,
    .article-2 .dailymotion-page h1,
    .article-2 .dailymotion-page h2,
    .article-2 .facebook-page h1,
    .article-2 .facebook-page h2 {
        font-size: 30px
    }
    .dailymotion-page .feature-2-col .img-box img,
    .facebook-page .feature-2-col .img-box img {
        width: 100%
    }
    .dailymotion-page .text-box--center,
    .facebook-page .text-box--center {
        max-width: 326px
    }
    .dailymotion-page .feature-2-col-margin,
    .facebook-page .feature-2-col-margin {
        justify-content: center;
        flex-wrap: wrap
    }
}

@media screen and (max-width:350px) {
    .dailymotion-page .b-instruction,
    .facebook-page .b-instruction {
        padding: 2.65em 1em 1.7em
    }
    .wrapper .dailymotion-page .wrapper,
    .wrapper .facebook-page .wrapper {
        padding-left: 0;
        padding-right: 0;
        max-width: 100%
    }
}

@media screen and (max-width:575px) {
    .dailymotion-page .b-android .feature-2-col .col-left,
    .facebook-page .b-android .feature-2-col .col-left {
        width: auto !important
    }
    .dailymotion-page .b-android .feature-2-col .col-left img,
    .facebook-page .b-android .feature-2-col .col-left img {
        width: 100%;
        height: auto
    }
    .dailymotion-page .feature-2-col .col-lef,
    .dailymotion-page .feature-2-col .col-right,
    .facebook-page .feature-2-col .col-left,
    .facebook-page .feature-2-col .col-right {
        width: auto !important;
        max-width: 376px
    }
}

@media screen and (min-width:575px) and (max-width:919px) {
    .dailymotion-page .feature-2-col .col-lef,
    .dailymotion-page .feature-2-col .col-right,
    .facebook-page .feature-2-col .col-left,
    .facebook-page .feature-2-col .col-right {
        min-width: 339px
    }
}

@media only screen and (max-width:760px) {
    .dailymotion-page .b-android .feature-2-col,
    .facebook-page .b-android .feature-2-col {
        align-items: flex-end
    }
}

@media only screen and (max-width:720px) {
    .dailymotion-page .b-android .feature-2-col,
    .facebook-page .b-android .feature-2-col {
        flex-direction: column-reverse;
        align-items: center
    }
    .feature-2-col .col-right .text-box div {
        text-align: center
    }
    .dailymotion-page .b-android .feature-2-col .col-left,
    .facebook-page .b-android .feature-2-col .col-left {
        margin: 0
    }
    .dailymotion-page .w-326,
    .dailymotion-page .w-339,
    .dailymotion-page .w-348,
    .dailymotion-page .w-376,
    .dailymotion-page .w-388,
    .dailymotion-page .w-413,
    .facebook-page .w-326,
    .facebook-page .w-339,
    .facebook-page .w-348,
    .facebook-page .w-376,
    .facebook-page .w-388,
    .facebook-page .w-413 {
        max-width: none
    }
    .dailymotion-page .b-android .b-heading p,
    .facebook-page .b-android .b-heading p {
        margin-bottom: 20px !important
    }
}

.b-info {
    background-color: #fffce5;
    padding: 10px;
    border: 1px solid #e8e5cf;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 1em auto
}

@media only screen and (max-width:879px) {
    .b-js-error {
        flex-direction: column
    }
    .b-js-error .t-sf-logo {
        margin: .8em 0 .8em 40px;
        padding-right: 0
    }
}

.b-js-error {
    max-width: 698px
}

.btn_no-border {
    border: none
}

.t-sf-logo {
    display: flex;
    position: relative;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin-left: 60px;
    padding-right: 28px;
    margin-bottom: 0
}

.t-sf-logo:before {
    background: url(/img/logos/sf-logo-icon_31x31.svg) 0 0 no-repeat;
    display: block;
    width: 31px;
    height: 31px;
    position: absolute;
    content: "";
    left: -43px
}

.wrapper .br-10 {
    border-radius: 10px
}

.sf-helper-block {
    padding: 16px
}

.sf-helper-block-heading h2 {
    text-align: left;
    color: #259d1e;
    font-size: 24px;
    line-height: 32px;
    margin: 10px 0;
    font-weight: 700
}

.sf-helper-block-heading p {
    font-size: 16px;
    line-height: 22px;
    font-weight: 700
}

.sf-helper-block-main {
    width: 100%
}

.sf-helper-block-main-logo {
    margin: 32px 0
}

.sf-helper-block-main-logo img {
    width: 264px;
    height: auto
}

@media screen and (min-width:1023px) {
    .sf-helper-block {
        position: relative;
        padding-bottom: 80px;
        margin: auto
    }
    .sf-helper-block-heading {
        text-align: center
    }
    .sf-helper-block-heading h2 {
        text-align: center;
        font-size: 32px;
        line-height: 40px
    }
    .sf-helper-block-heading p {
        font-size: 20px;
        line-height: 26px
    }
    .sf-helper-block-main {
        display: flex;
        flex-wrap: wrap
    }
    .sf-helper-block-main-logo {
        width: 50%;
        order: 2;
        display: flex;
        justify-content: flex-end;
        align-items: center
    }
    .sf-helper-block-main-logo img {
        width: 304px
    }
    .sf-helper-block-main-text {
        width: 50%;
        order: 1
    }
}

.wrapper .yt-with-helper-block {
    background-color: #f1f1f1;
    position: relative;
    z-index: 0;
    margin-bottom: 0;
    padding: 40px 0;
    text-align: center
}

.wrapper .yt-with-helper-block:before {
    z-index: -1;
    left: -100%
}

.wrapper .yt-with-helper-block:after,
.wrapper .yt-with-helper-block:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    background-color: #f1f1f1
}

.wrapper .yt-with-helper-block:after {
    display: block;
    right: -100%
}

.wrapper .yt-with-helper-block-heading h2 {
    color: #333;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700
}

.wrapper .yt-with-helper-block-download {
    margin-top: 32px
}

.wrapper .yt-with-helper-block-download p {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 0
}

.wrapper .yt-with-helper-block-download a {
    background: linear-gradient(180deg, #53c515 -58.93%, #259d1e 208.93%);
    border-radius: 6px;
    padding: 6px 23px;
    color: #fff;
    text-decoration: none
}

.wrapper .yt-with-helper-block-download a span {
    margin-left: 6px;
    font-size: 18px;
    line-height: 25px;
    font-weight: 700
}

.wrapper .yt-with-helper-block-main-step {
    padding: 15px
}

.wrapper .yt-with-helper-block-main-step-img {
    width: 100%;
    height: auto
}

.wrapper .yt-with-helper-block-main-step p {
    padding: 7px;
    text-align: left;
    background-color: #fff;
    border-radius: 4px;
    font-size: 14px;
    line-height: 22px;
    color: #121212
}

.wrapper .yt-with-helper-block-main-step .triangle-center,
.wrapper .yt-with-helper-block-main-step .triangle-right {
    margin-top: 8px;
    margin-bottom: -1px
}

.wrapper .yt-with-helper-block-main-step .triangle-right {
    margin-left: 75%
}

@media screen and (min-width:1023px) {
    .wrapper .yt-with-helper-block {
        padding: 80px 0
    }
    .wrapper .yt-with-helper-block-heading h2 {
        font-size: 32px;
        line-height: 40px
    }
    .wrapper .yt-with-helper-block-download {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        margin-top: 55px
    }
    .wrapper .yt-with-helper-block-download p {
        font-size: 20px;
        line-height: 26px
    }
    .wrapper .yt-with-helper-block-download a {
        margin-left: 34px
    }
    .wrapper .yt-with-helper-block-main {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
    .wrapper .yt-with-helper-block-main-step {
        width: 40%
    }
}

.yt-howto-download {
    margin: 40px 14px;
    text-align: center
}

.yt-howto-download h2 {
    margin: 0;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px
}

.yt-howto-download-step {
    margin-top: 32px
}

.yt-howto-download-step:first-of-type {
    padding-bottom: 28px
}

.yt-howto-download-step h3 {
    margin: 0 0 32px;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px
}

.yt-howto-download-step h3 .green-bold {
    color: #7ebb6a
}

.yt-howto-download-step img,
.yt-howto-download-step picture {
    display: block;
    width: 100%;
    height: auto
}

.yt-howto-download .bottom-text {
    margin-top: 40px
}

@media screen and (min-width:1023px) {
    .yt-howto-download h2 {
        font-size: 32px;
        line-height: 40px
    }
    .yt-howto-download-step {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
    .yt-howto-download-step h3,
    .yt-howto-download-step p {
        text-align: left
    }
    .yt-howto-download-step div,
    .yt-howto-download-step img,
    .yt-howto-download-step picture {
        width: 45%
    }
    .yt-howto-download-step picture img {
        width: 100%
    }
    .yt-howto-download-step:first-of-type {
        border-bottom: 1px solid #e4eaf3
    }
}

.yt-howto-extension {
    display: none
}

@media screen and (min-width:1023px) {
    .yt-howto-extension {
        display: flex;
        flex-wrap: wrap;
        text-align: center;
        border-top: 1px solid #e4eaf3;
        justify-content: center;
        padding: 40px 0
    }
    .yt-howto-extension h2,
    .yt-howto-extension p {
        width: 100%
    }
    .yt-howto-extension h2 {
        font-weight: 700;
        font-size: 20px;
        line-height: 26px
    }
    .yt-howto-extension-step {
        width: 45%;
        margin: 30px 0 40px
    }
    .yt-howto-extension-step img {
        width: auto;
        height: 204px;
        margin-bottom: 20px
    }
    .yt-howto-extension-step p {
        width: 242px;
        margin: auto
    }
    .yt-howto-extension-step p:first-of-type {
        width: 304px
    }
    .yt-howto-extension a {
        display: block;
        margin: auto;
        padding: 22px 38px;
        color: #fff;
        font-size: 20px;
        text-decoration: none;
        background: linear-gradient(170.06deg, #7ae70d -34.7%, #058124 125.07%);
        border-radius: 6px
    }
}

.yt-download-desktop {
    display: none
}

@media screen and (min-width:1023px) {
    .yt-download-desktop {
        display: block;
        text-align: center
    }
    .yt-download-desktop h2 {
        font-size: 32px;
        font-weight: 700;
        line-height: 40px;
        margin-top: 80px
    }
    .yt-download-desktop-text {
        margin: 40px 0
    }
    .yt-download-desktop-best {
        padding: 25px 84px;
        border: 2px solid #299f1d;
        border-radius: 8px
    }
    .yt-download-desktop-step {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        padding: 60px 0;
        justify-content: space-between;
        text-align: left
    }
    .yt-download-desktop-step img,
    .yt-download-desktop-step p {
        width: 40%
    }
    .yt-download-desktop-step img {
        height: auto
    }
    .yt-download-desktop-step:first-of-type,
    .yt-download-desktop-step:nth-of-type(2) {
        border-bottom: 1px solid #e4eaf3
    }
}

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

.advantages {
    margin: 4rem auto
}

.advantages__block {
    display: flex;
    flex-direction: row;
    gap: 30px
}

.advantages__block_reverse {
    flex-direction: row-reverse
}

@media (max-width:900px) {
    .advantages__block_reverse {
        flex-direction: column-reverse
    }
}

@media (max-width:900px) {
    .advantages__block {
        gap: 40px;
        flex-direction: column
    }
}

.advantages__row {
    flex-direction: row
}

.advantages__block-text {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.advantages__block-text h4 {
    margin: 0;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px
}

.advantages__block-text p {
    font-family: Roboto, sans-serif;
    opacity: 1;
    color: #000;
    max-width: -moz-max-content;
    max-width: max-content;
    margin-bottom: 10px;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px
}

.advantages__block-text p:last-child {
    margin: 0
}

@media (max-width:750px) {
    .advantages__block-text h4 {
        font-size: 18px;
        line-height: 24px
    }
}

.advantages__block-benefit {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
    padding: 0 30px
}

@media (max-width:750px) {
    .advantages__block-benefit {
        padding: 0
    }
}

.advantages__block-benefit__text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 6px
}

.advantages__block-img {
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width:900px) {
    .advantages__block-img img {
        width: 100%
    }
}

.feature-instagram ol li {
    display: block;
    margin-bottom: 1rem;
    opacity: 1
}

.feature-instagram ol li:last-child {
    margin-bottom: 0
}

.feature-instagram h3 {
    color: #fff;
    font-weight: 600;
    text-align: start
}

.feature-tiktok ol li {
    display: block;
    margin-bottom: 1rem;
    opacity: 1
}

.feature-tiktok ol li:last-child {
    margin-bottom: 0
}

.feature-tiktok h3 {
    color: #fff;
    font-weight: 600
}

.feature-instruction {
    margin: 80px auto !important
}

@media (max-width:768px) {
    .feature-instruction {
        margin: 40px auto !important
    }
}

.fw-600 {
    font-weight: 600 !important
}

@media screen and (max-width:500px) {
    .display-none-max-500 {
        display: none
    }
}

@media screen and (min-width:500px) {
    .display-none-min-500 {
        display: none
    }
}

.text-box:has(.link--ellipsis) {
    overflow: hidden
}

.text-box .link--ellipsis {
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (max-width:919px) {
    .dailymotion-page .google-button,
    .facebook-page .google-button {
        max-width: 300px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 15px;
        padding: 15px 10px;
        margin: 0 auto
    }
    .dailymotion-page .google-button:before,
    .facebook-page .google-button:before {
        position: static;
        top: inherit;
        left: inherit;
        right: inherit;
        transform: inherit
    }
}

.features {
    padding: 50px 0;
    margin-bottom: 0 !important
}

.btn-2 {
    position: relative;
    display: inline-block;
    margin: 0;
    border: none;
    outline: none;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: middle;
    transition: opacity .2s
}

.btn-2_yellow {
    font-size: 18px;
    line-height: 50px;
    padding: 0 10px;
    color: #333;
    text-shadow: 0 1px hsla(0, 0%, 100%, .5);
    background-color: #fcdb00;
    background-image: -o-linear-gradient(top, #ffe241, #fcdb00);
    border-radius: 4px;
    background-clip: padding-box;
    box-shadow: 0 3px #e0ba05, inset 0 -1px #ffeb79;
    opacity: .9
}

.btn-2_yellow:hover {
    color: inherit;
    opacity: 1
}

.btn-2_yellow:active {
    box-shadow: none;
    top: 3px
}

.install-btn {
    border: 1px solid #000;
    border-radius: 5px;
    display: inline-block;
    font-size: 20px;
    padding: 15px 23px;
    text-decoration: none
}

.install-btn.green {
    border-color: #84bd07;
    color: #84bd07
}

.install-btn.blue {
    border-color: #1f8cff;
    color: #1f8cff
}

.install-btn.red {
    border-color: #ff0523;
    color: #ff0523
}

.install-btn:hover {
    opacity: .6;
    transition: .5s
}

.install-btn img {
    margin-left: 20px;
    vertical-align: top
}

.menu-btn {
    background: url(/img/menu.svg?v=1) no-repeat 50%;
    display: none;
    position: absolute;
    top: 50%;
    left: 10px;
    width: 24px;
    height: 24px;
    padding: 4px;
    overflow: hidden;
    cursor: pointer;
    opacity: .8;
    margin-top: -12px;
    z-index: 2
}

.menu-btn:hover {
    opacity: 1
}

.button2 {
    display: inline-block;
    border: none;
    outline: none;
    border-radius: 4px;
    text-decoration: none;
    position: relative
}

.button2_theme_green {
    color: #fff;
    background-color: #84bd07;
    box-shadow: 0 3px #6b9c00
}

a.button2_theme_green,
a.button2_theme_green:hover,
a.button2_theme_green:visited {
    color: #fff !important
}

.button2_theme_uvd {
    border-radius: 3px
}

.button2_theme_simple {
    border: 1px solid
}

.button2_simple_black {
    color: #000;
    border-color: #000
}

.button2_simple_black:active,
.button2_simple_black:hover,
.button2_simple_black:visited {
    color: #000
}

.button2_simple_green {
    color: #6b9c00;
    border-color: #6b9c00
}

.button2_size_m {
    font-size: 20px;
    font-weight: 700;
    padding: 15px 17px
}

.button2_size_l {
    font-size: 24px;
    font-weight: 400;
    padding: 20px 50px
}

.button2_size_xs {
    font-size: 12px;
    padding: 6px 9px
}

.button2__text {
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap
}

.opera12 .button2:after,
.opera12 .button2__text {
    display: inline-block
}

.button2:active {
    box-shadow: none;
    top: 3px
}

.button2_hide_yes {
    display: none
}

.ext-advice {
    margin: 20px 0
}

.ext-advice__icon {
    width: 49px;
    height: 73px;
    background: url(/img/ext-advice/ext-advice__icon.png) no-repeat 50%
}

.ext-advice__icon,
.ext-advice__icon-desc {
    display: inline-block;
    vertical-align: middle
}

.ext-advice__icon-desc {
    margin-left: 5px;
    color: #84bd07;
    font-size: 20px
}

.ext-advice__text {
    font-size: 18px
}

.ext-advice__icon-yabro {
    display: inline-block;
    background: url(/img/ext-advice/ext-advice__icon-yabro.png) no-repeat 50%;
    width: 22px;
    height: 22px;
    margin: 0 5px
}

.ext-advice__right {
    text-align: right
}

.ext-advice__btn {
    margin-right: 10px
}

.downloader-container-left.downloader-container-left-second .downloader-2.downloader-2-part1 {
    padding-top: 0
}

.downloader-2 {
    margin-bottom: 20px
}

.downloader-2.downloader-2-part1:not(:has(>.search-panel__container,
>.search-panel__mobile__header-not-main)) {
    padding-top: 130px
}

@media (max-width:768px) {
    .downloader-2.downloader-2-part1:not(:has(>.search-panel__container,
    >.search-panel__mobile__header-not-main)) {
        padding-top: 50px
    }
}

.downloader-2 .link-form {
    white-space: nowrap;
    color: #000;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 0;
    position: relative;
    margin: 26px auto;
    width: 700px;
    z-index: 4
}

.downloader-2 .link-form .submit {
    color: #c7c7c7;
    background: url(/img/arrows_v3.png) no-repeat #fff;
    background-position: 50% 6px;
    border: 1px solid #dadada;
    outline: none;
    width: 80px;
    height: 38px;
    box-shadow: 0 1px 0 0 #e9e9e9
}

.downloader-2 .link-form .submit:hover {
    border-color: #1f8cff
}

.downloader-2 .link-form .box {
    margin: 26px 0 0
}

.downloader-2 .link-form .checkbox {
    display: block;
    float: right;
    padding-right: 30px;
    position: relative
}

.downloader-2 .link-form .checkbox i {
    top: 50%;
    right: 0;
    margin-top: -9px
}

.downloader-2 .link-form .checkbox input {
    display: block;
    float: left;
    margin: 1px 6px 0 0;
    padding: 0;
    height: 16px
}

.downloader-2 .link-form .l-box {
    box-sizing: border-box;
    padding-right: 0;
    margin-right: 0;
    width: 100%
}

.downloader-2 .link-form .l-box,
.downloader-2 .link-form .r-box {
    display: inline-block;
    vertical-align: top;
    white-space: normal;
    font-size: 15px
}

.downloader-2 .tarea-wrap {
    background: #fff;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    padding: 0;
    width: 100%;
    position: relative
}

.downloader-2 .tarea-wrap .btn {
    background-color: #fcfcfc;
    background-image: -o-linear-gradient(top, #fcfcfc, #f5f5f5);
    border: 1px solid #b8b8b8;
    border-radius: 3px;
    background-clip: padding-box;
    display: block;
    margin: 0;
    padding: 0;
    width: 26px;
    height: 27px;
    position: absolute;
    top: 4px;
    right: 4px;
    cursor: pointer
}

.downloader-2 .tarea-wrap .btn:before {
    content: url(/img/sprite_v2.png);
    position: absolute;
    top: -65px;
    left: 9px;
    clip: rect(65px, 8px, 91px, 0)
}

.downloader-2 .tarea-wrap input,
.downloader-2 .tarea-wrap textarea {
    color: #242424;
    background: #fff;
    border: 2px solid #1f8cff;
    border-radius: 0;
    outline: none;
    font-size: 15px;
    display: block;
    box-sizing: border-box;
    padding: 0 40px 0 16px;
    width: 100%;
    height: 38px;
    resize: none;
    box-shadow: 0 1px 0 0 #e9e9e9
}

.downloader-2 .tarea-wrap input::-ms-clear,
.downloader-2 .tarea-wrap textarea::-ms-clear {
    display: none
}

.downloader-2 .tarea-wrap input:-webkit-autofill,
.downloader-2 .tarea-wrap textarea:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset, 0 1px 0 0 #e9e9e9
}

.downloader-2 .tarea-wrap input::-moz-placeholder,
.downloader-2 .tarea-wrap textarea::-moz-placeholder {
    color: #727272
}

.downloader-2 .tarea-wrap input::placeholder,
.downloader-2 .tarea-wrap textarea::placeholder {
    color: #727272
}

.downloader-2 .tarea-wrap textarea.auto-height {
    height: auto;
    overflow: auto
}

.downloader-2 .tarea-wrap .clear-btn {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAiklEQVR42mNgGDTA2dm5G4hPu7m5aeBSY29vL+Hi4rIfiJdjM+A8UOI/ED/HZghIM1DNdaia1xgGgDSBNGMzBE3zZyC2wepEbIYQrRmXISRpxmEIaZqx+BlnwBKj+TOugCVWsw2+2CGomZgoRk5Ih/EFGJoh9zEMACVPUArDF9pQQ+4DLTs+eDIhAMKRi14HFlWOAAAAAElFTkSuQmCC") 50% 50% no-repeat;
    display: none;
    position: absolute;
    top: 50%;
    right: 16px;
    margin-top: -8px;
    width: 16px;
    height: 16px;
    overflow: hidden;
    opacity: .5;
    transition: all .02s
}

.downloader-2 .tarea-wrap .clear-btn:hover {
    opacity: .8
}

.downloader-2 .link-form.ready input,
.downloader-2 .link-form.result input {
    border: 1px solid #dadada;
    border-right-color: #fff;
    padding-top: 1px;
    padding-bottom: 1px
}

.downloader-2 .link-form.ready .submit {
    color: #fff;
    background-color: #1f8cff;
    background-position: 50% -36px;
    border-color: #1f8cff
}

.downloader-2 .link-form.result .submit {
    color: #c7c7c7;
    background-color: #fff;
    background-position: 50% -78px;
    border-color: #dadada
}

.downloader-2 .link-form.result .submit:hover {
    border-color: #1f8cff
}

.downloader-2 .link-form.invalid input {
    color: #ff5253;
    border-color: #ff5253
}

#sf_indicator_box {
    text-align: center
}

#sf_frame {
    border: 0;
    overflow: hidden;
    width: 100%
}

@media only screen and (max-width:360px) {
    .downloader-2.downloader-2-part1 {
        margin-bottom: 0
    }
    .downloader-2 .link-form {
        margin: 20px auto
    }
}

.terms__string {
    font-size: 14px;
    padding-top: 4px;
    white-space: normal
}

@media (max-width:980px) {
    .terms__string {
        text-align: center;
        padding: 10px
    }
}

.thumb-272,
.thumb-272 .clip,
.thumb-272 .clip .thumb {
    width: 272px
}

.thumb-272,
.thumb-272 .clip {
    height: 153px
}

.thumb-272 .clip .thumb {
    top: -25px
}

.thumb-272 .clip .thumb.wide {
    top: 0
}

.downloader-2 .file-result,
.downloader-2 .media-result {
    margin-bottom: 20px;
    *zoom: 1
}

.downloader-2 .file-result:after,
.downloader-2 .file-result:before,
.downloader-2 .media-result:after,
.downloader-2 .media-result:before {
    display: table;
    content: ""
}

.downloader-2 .file-result:after,
.downloader-2 .media-result:after {
    clear: both
}

.downloader-2 .result-box.valid .title {
    color: #333
}

.downloader-2 .result-box.disabled .file-box,
.downloader-2 .result-box.disabled .size-box,
.downloader-2 .result-box.disabled .title,
.downloader-2 .result-box.invalid .file-box,
.downloader-2 .result-box.invalid .size-box,
.downloader-2 .result-box.invalid .title {
    color: #777
}

.downloader-2 .result-box.disabled .info,
.downloader-2 .result-box.invalid .info {
    color: #a00000 !important
}

.downloader-2 .result-box.disabled,
.downloader-2 .result-box.invalid {
    background-color: #fcfcfc
}

.downloader-2 .result-box.attempt {
    background: url(/img/bg_diagonals.png)
}

.downloader-2 .result-box.attempt-success {
    background-color: #f3fcf3
}

.downloader-2 .result-box.attempt-fail {
    background-color: #fff6f6
}

.downloader-2 .result-box.simple {
    box-sizing: border-box;
    padding: 18px
}

.downloader-2 .result-box.simple.error {
    color: #ff5253
}

.downloader-2 .result-box.simple.warning {
    background-color: #fffce5;
    border-color: #e8e5cf
}

.downloader-2 .result-box.simple .message {
    text-align: center
}

html:not(.touch) .downloader-2 .result-box.unsupported {
    font-family: Open Sans, Arial, sans-serif;
    font-size: 16px;
    text-align: left;
    color: #fa5655;
    border: none;
    box-shadow: none;
    padding: 0 0 0 16px;
    margin-top: -8px;
    margin-bottom: 0
}

.downloader-2 .result-box {
    border: 1px solid #dadada;
    clear: both;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 28px;
    width: 698px;
    box-shadow: 0 1px 0 0 #e9e9e9;
    *zoom: 1
}

.downloader-2 .result-box:after,
.downloader-2 .result-box:before {
    display: table;
    content: ""
}

.downloader-2 .result-box:after {
    clear: both
}

.downloader-2 .result-box .thumb-box {
    border: none;
    float: left;
    position: relative;
    margin-left: -1px;
    margin-top: -1px;
    margin-bottom: -1px;
    width: 272px;
    padding: 0
}

.downloader-2 .result-box .thumb-box .play-btn {
    background: url(/img/media_btn.png) 0 0 no-repeat;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 999;
    width: 32px;
    height: 32px;
    margin-top: -16px;
    margin-left: -16px;
    opacity: .3;
    cursor: pointer;
    transition: all .02s
}

.downloader-2 .result-box .thumb-box .play-btn.active {
    background-position: -34px 0
}

.downloader-2 .result-box .thumb-box .clip {
    background-color: #f9f9f9;
    display: block;
    text-decoration: none;
    cursor: pointer
}

.downloader-2 .result-box .thumb-box .clip:hover .play-btn {
    opacity: .5
}

.downloader-2 .result-box .thumb-box.empty {
    border: 1px solid #dadada;
    border-right-color: #e3e3e3;
    width: 270px
}

.downloader-2 .result-box .thumb-box.empty .clip {
    background: url(/img/video-thumb.png) 50% 50% no-repeat
}

.downloader-2 .result-box .info-box {
    border: none;
    float: left;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-weight: 300;
    position: relative;
    padding: 18px 26px;
    width: 375px;
    min-height: 115px
}

.downloader-2 .result-box .meta {
    color: #3e3e3e;
    min-height: 46px
}

.downloader-2 .result-box .meta .row {
    color: #a5a5a5;
    margin-top: 0;
    margin-bottom: 4px
}

.downloader-2 .result-box .meta .title {
    color: #3e3e3e;
    white-space: nowrap;
    width: 375px;
    overflow: hidden;
    text-overflow: ellipsis
}

.downloader-2 .result-box .link-box {
    font-size: 17px
}

.downloader-2 .result-box .link-box .def-btn-box a {
    line-height: 34px
}

.downloader-2 .result-box .link-box .drop-down-box .def-btn-name {
    line-height: 34px;
    height: 34px
}

.downloader-2 .result-box .link-box .def-file-info {
    line-height: 38px
}

.downloader-2 .result-box .link-box .second-btn-box,
.downloader-2 .result-box .link-box .second-btn-box .link {
    line-height: 34px;
    height: 34px
}

.downloader-2 .result-box .link-box {
    font-weight: 400;
    margin-top: 32px;
    *zoom: 1
}

.downloader-2 .result-box .link-box:after,
.downloader-2 .result-box .link-box:before {
    display: table;
    content: ""
}

.downloader-2 .result-box .link-box:after {
    clear: both
}

.downloader-2 .result-box .link-box .def-btn-box {
    color: #fff;
    background-color: #00a129;
    border: 2px solid #00a129;
    display: block;
    float: left;
    padding: 0 10px;
    margin: 0
}

.downloader-2 .result-box .link-box .def-btn-box a {
    color: #fff;
    display: inline-block;
    text-decoration: none
}

.downloader-2 .result-box .link-box .def-btn-box a .subname {
    color: #fff;
    margin-left: .5em
}

.downloader-2 .result-box .link-box .drop-down-box {
    display: block;
    float: left;
    position: relative
}

.downloader-2 .result-box .link-box .drop-down-box .def-btn-name {
    color: #00a129;
    background-color: #fff;
    border: 2px solid #00a129;
    position: relative;
    overflow: hidden;
    padding: 0 33px 0 10px;
    margin: 0;
    cursor: pointer
}

.downloader-2 .result-box .link-box .drop-down-box .def-btn-name .subname {
    margin-left: .3em
}

.downloader-2 .result-box .link-box .drop-down-box .def-btn-name:after {
    content: "";
    background-image: url(/img/arrows_v3.png);
    background-position: 50% -126px;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -11px;
    width: 22px;
    height: 22px
}

.downloader-2 .result-box .link-box .drop-down-box .list {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    margin-bottom: 0;
    padding: 0;
    z-index: 99;
    min-width: 100%
}

.downloader-2 .result-box .link-box .drop-down-box .list .links {
    color: #00a129;
    background-color: #fff;
    border: 2px solid #00a129;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .42)
}

.downloader-2 .result-box .link-box .drop-down-box .list .links .link-group .link {
    text-align: left
}

.downloader-2 .result-box .link-box .def-file-info {
    color: #a5a5a5;
    font-weight: 300;
    display: block;
    float: left
}

.downloader-2 .result-box .link-box .second-btn-box {
    float: right;
    color: #333;
    background-color: #fff;
    border: 2px solid #cbcbcb;
    overflow: hidden;
    padding: 0;
    margin: 0;
    cursor: pointer
}

.downloader-2 .result-box .link-box .second-btn-box:hover {
    border-color: #00a129
}

.downloader-2 .result-box .link-box.single .drop-down-box .def-btn-name {
    color: #fff;
    background-color: #00a129;
    padding-right: 10px;
    padding-left: 0
}

.downloader-2 .result-box .link-box.empty .def-btn-box,
.downloader-2 .result-box .link-box.single .drop-down-box .def-btn-name:after {
    display: none
}

.downloader-2 .result-box .link-box.expand .drop-down-box .list {
    display: block;
    z-index: 99
}

.downloader-2 .result-box .link-box .hidden {
    display: block;
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s
}

.downloader-2 .result-box .link-box.showall .hidden {
    border-top: 1px solid #fff;
    display: block;
    max-height: 800px
}

.downloader-2 .result-box .link-box .link-group.hidden {
    margin-bottom: 0
}

.downloader-2 .result-box .link-box .link-group.hidden .link {
    display: none
}

.downloader-2 .result-box .link-box .more-links a {
    color: #00a129;
    display: block;
    position: relative;
    line-height: 30px;
    padding: 1px 12px;
    text-decoration: none
}

.downloader-2 .result-box .link-box .more-links a:after {
    content: "";
    background-image: url(/img/arrows_v3.png);
    background-position: 50% -126px;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    top: 50%;
    right: 8px;
    width: 22px;
    height: 22px;
    margin-top: -11px
}

.downloader-2 .result-box .link-box .more-links a:hover,
.downloader-2 .result-box .link-box.showall .more-links a {
    border-top: 1px solid #00a129;
    border-bottom: 1px solid #00a129;
    padding-top: 0;
    padding-bottom: 0
}

.downloader-2 .result-box .link-box.showall .more-links a:after {
    background-position: 50% -168px
}

.downloader-2 .result-box .link-box .list .link {
    color: #00a129;
    display: block;
    position: relative;
    line-height: 32px;
    height: 32px;
    padding: 0 12px;
    margin: 0;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.downloader-2 .result-box .link-box .list .link.subname {
    min-width: 180px
}

.downloader-2 .result-box .link-box .list .link .subname {
    color: #a4a4a4;
    display: block;
    position: absolute;
    top: 0;
    right: 12px
}

.downloader-2 .result-box .link-box .list .link:hover {
    color: #fff;
    background-color: #00a129
}

.downloader-2 .result-box .link-box .list .link:hover .subname {
    color: #fff
}

.downloader-2 .result-box .link-box .list .link.disabled {
    color: #a5a5a5
}

.downloader-2 .result-box .link-box .list .link.disabled:hover {
    color: #a5a5a5;
    background-color: #fff
}

.downloader-2 .result-box .link-box .list .link.disabled:hover .subname {
    color: #a5a5a5
}

.downloader-2 .result-box .link-box .list .link.no-audio .subname {
    background-image: url(/img/no_audio_red.png);
    background-position: 0 50%;
    background-repeat: no-repeat;
    padding-left: 20px
}

.downloader-2 .result-box .link-box .list .link i {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 3;
    display: none;
    padding: 0;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    background: url(/img/sprite_v2.png) no-repeat 0 -107px
}

.downloader-2 .result-box .link-box .list .link:hover i,
.downloader-2 .result-box .link-box .list .link i.active {
    display: block
}

.downloader-2 .result-box .link-box .list .link.no-file-info:hover i {
    display: none
}

.downloader-2 .result-box .link-box .list .link.qm i {
    background: url(/img/sprite_v2.png) no-repeat 0 -177px;
    display: block;
    opacity: .6
}

.downloader-2 .result-box .link-box .list .link.qm i:hover {
    opacity: 1
}

.downloader-2 .result-box .link-box .actions {
    margin-top: 12px
}

.downloader-2 .result-box .link-box .actions .link {
    color: #1f8cff
}

.downloader-2 .result-box .link-box .actions .link:hover {
    color: #fff;
    background-color: #1f8cff
}

.downloader-2 .result-box .link-box.no-links .actions {
    margin-top: 0
}

.downloader-2 .result-box .link-box.show-all .link-group.hidden {
    margin-bottom: 10px
}

.downloader-2 .result-box .link-box.show-all .more-links {
    margin-top: 10px
}

.downloader-2 .result-box .link-box.show-all .more-links a:after {
    top: -94px;
    clip: rect(99px, 10px, 107px, 0)
}

.downloader-2 .result-box .link-box .file-name {
    color: #006caa;
    border: 1px solid #bbbdbf;
    border-radius: 3px;
    background-clip: padding-box;
    height: 20px;
    margin: 5px 0 0;
    padding: 0 3px
}

.downloader-2 .result-box .media-info {
    border-top: 1px dashed #e0e0e0;
    margin-top: 10px;
    padding-top: 10px
}

.downloader-2 .result-box .media-info .title {
    font-size: 90%;
    font-weight: 700;
    margin-bottom: 2px
}

.downloader-2 .result-box .video-player-box {
    background-color: #000;
    position: relative;
    margin-top: 10px;
    text-align: center;
    width: 960px
}

.downloader-2 .result-box .video-player-box.error object {
    visibility: hidden
}

.downloader-2 .result-box .video-player-box .video_player_msg {
    color: #fff;
    background-color: #000;
    position: absolute;
    z-index: 9999;
    top: 50%;
    left: 0;
    right: 0;
    height: 40px;
    line-height: 40px;
    margin-top: -20px
}

.downloader-2 .link-plus {
    margin-top: 20px;
    font-weight: 700;
    font-size: 150%;
    text-align: center
}

.downloader-2 .link-plus a {
    color: #00a129
}

.result-box.video .thumb-box .clip {
    background-color: #222
}

.result-box.audio .thumb-box {
    border: 1px solid #dadada;
    border-right-color: #e3e3e3;
    width: 270px;
    text-align: center
}

.result-box.audio .thumb-box .clip,
.result-box.audio .thumb-box.empty .clip {
    background: #f9f9f9 url(/img/audio-thumb.png) 50% 50% no-repeat
}

.result-box.audio .thumb-box .audio-player-box {
    display: block;
    position: relative;
    margin: 0 auto;
    width: 0;
    height: 0
}

.result-box.audio .thumb-box .audio-player-box .vjs-loading-spinner {
    width: 16px;
    height: 16px;
    margin: -32px 0 0 -8px
}

.result-box.audio .link-box .def-btn-box {
    background-color: #fc5059;
    border-color: #fc5059
}

.result-box.audio .link-box .drop-down-box {
    display: block;
    float: left;
    position: relative
}

.result-box.audio .link-box .drop-down-box .def-btn-name {
    color: #fc5059;
    border-color: #fc5059
}

.result-box.audio .link-box .drop-down-box .def-btn-name:after {
    background-position: 50% -210px
}

.result-box.audio .link-box .drop-down-box .list .links {
    color: #fc5059;
    border-color: #fc5059
}

.result-box.audio .link-box.single .drop-down-box .def-btn-name {
    background-color: #fc5059
}

.result-box.audio .link-box .more-links a {
    color: #fc5059
}

.result-box.audio .link-box .more-links a:after {
    background-position: 50% -210px
}

.result-box.audio .link-box .more-links a:hover,
.result-box.audio .link-box.showall .more-links a {
    border-top-color: #fc5059;
    border-bottom-color: #fc5059
}

.result-box.audio .link-box.showall .more-links a:after {
    background-position: 50% -252px
}

.result-box.audio .link-box .list .link {
    color: #fc5059
}

.result-box.audio .link-box .list .link:hover {
    background-color: #fc5059
}

.result-box.file .thumb-box {
    background-color: #f9f9f9;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url(/img/file-thumb.png);
    border: 1px solid #dadada;
    border-right-color: #e3e3e3;
    width: 270px;
    text-align: center
}

.result-box.file .thumb-box.filefactory_com {
    background-image: url(/img/favicons/thumb/filefactory_com.png)
}

.result-box.file .thumb-box.sendspace_com {
    background-image: url(/img/favicons/thumb/sendspace_com.png)
}

.result-box.file .link-box .def-btn-box {
    background-color: #1f8cff;
    border-color: #1f8cff
}

.result-box.file .link-box .drop-down-box {
    display: block;
    float: left;
    position: relative
}

.result-box.file .link-box .drop-down-box .def-btn-name {
    color: #1f8cff;
    border-color: #1f8cff
}

.result-box.file .link-box .drop-down-box .def-btn-name:after {
    background-position: 50% -294px
}

.result-box.file .link-box .drop-down-box .list .links {
    color: #1f8cff;
    border-color: #1f8cff
}

.result-box.file .link-box.single .drop-down-box .def-btn-name {
    background-color: #1f8cff
}

.result-box.file .link-box .more-links a {
    color: #1f8cff
}

.result-box.file .link-box .more-links a:after {
    background-position: 50% -294px
}

.result-box.file .link-box .more-links a:hover,
.result-box.file .link-box.showall .more-links a {
    border-top-color: #1f8cff;
    border-bottom-color: #1f8cff
}

.result-box.file .link-box.showall .more-links a:after {
    background-position: 50% -336px
}

.result-box.file .link-box .list .link {
    color: #1f8cff
}

.result-box.file .link-box .list .link:hover {
    background-color: #1f8cff
}

.downloader-2.simple .result-box .link-box .drop-down-box .list {
    display: block;
    position: relative
}

.downloader-2 .second-btn-box .link {
    color: inherit;
    display: inline-block;
    font-size: 90%;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none
}

.downloader-2 .extra {
    border: 1px solid #dadada;
    padding: 18px 26px;
    box-shadow: 0 1px 0 0 #e9e9e9;
    width: 646px;
    margin: 18px auto
}

.downloader-2 .extra.download-hint {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    background: #fffce5;
    border-color: #e8e5cf
}

.downloader-2 .extra.download-hint b {
    font-weight: 500
}

.downloader-2 .extra.download-hint .hint1 {
    font-weight: 500;
    margin-bottom: .3em
}

.downloader-2 .extra.download-hint .hint2 {
    margin-bottom: 0
}

.downloader-2 .ummy-link {
    position: relative;
    padding-left: 12px;
    padding-right: 12px
}

.downloader-2 .ummy-link:after {
    content: url(/img/ummy_icon_16.png);
    display: block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    overflow: visible;
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -8px
}

.downloader-2 .ummy-link.wait:after {
    content: url(/img/wait.gif)
}

.downloader-2 .second-btn-box .ummy-link {
    padding-left: 31px
}

.downloader-2 .second-btn-box .ummy-link:after {
    left: 10px;
    right: auto
}

.result-box .extra {
    border: none;
    padding: 0;
    box-shadow: none;
    width: auto;
    margin: 0
}

.copy-box {
    max-width: 480px
}

.copy-box .input-wrap {
    background-color: #fff;
    border: 1px solid #dadada;
    padding: 0 10px;
    margin: 15px 0
}

.copy-box .input-wrap input {
    background: none;
    border: none;
    padding: 5px 0;
    width: 100%;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-weight: 300
}

.copy-box .buttons {
    text-align: right
}

.subtitles {
    margin-top: 10px
}

.subtitles .scroll-box {
    border: 1px solid #e0e0e0;
    background-color: #f0f0f0;
    margin-top: 0;
    padding: 3px 5px;
    width: auto;
    height: 160px
}

.subtitles .scroll-box a {
    color: #555;
    display: block;
    margin: 2px 0
}

.downloader-2 .promo {
    background-color: #fff;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    padding: 0 45px;
    width: 608px;
    *zoom: 1
}

.downloader-2 .promo:after,
.downloader-2 .promo:before {
    display: table;
    content: ""
}

.downloader-2 .promo:after {
    clear: both
}

.downloader-2 .promo .icon {
    background: url(/img/extension/icon_new_174_2.png) 50% 50% no-repeat;
    float: left;
    width: 174px;
    height: 160px;
    z-index: 1
}

.downloader-2 .promo .icon a {
    border: none;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0
}

.downloader-2 .promo .text {
    float: right;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-weight: 400;
    text-align: center;
    max-width: 424px;
    z-index: 2
}

.downloader-2 .promo .text .text-cnt {
    display: table-cell;
    vertical-align: middle;
    height: 160px;
    width: 100%
}

.downloader-2 .promo .text p {
    font-size: 24px;
    margin-bottom: 0
}

.downloader-2 .promo .text p.button {
    margin-top: 30px;
    font-size: 17px;
    text-align: center
}

.downloader-2 .promo .text p.button a {
    color: #fff;
    background-color: #00a129;
    display: inline-block;
    height: 38px;
    line-height: 38px;
    padding: 0 20px;
    text-decoration: none
}

.downloader-2 .promo.uvd .icon {
    background-image: url(/img/uvd/icon_174_2.png)
}

.downloader-2 .promo.vdp .icon {
    background-image: url(/img/vdp/icon_72.png);
    height: 100px
}

.downloader-2 .promo.vdp .text .text-cnt {
    height: 100px
}

.downloader-2 .promo.vdp .text .text-cnt p {
    font-size: 22px;
    line-height: 1.1
}

.downloader-2 .promo.vdp .text .text-cnt a {
    color: #21b2d1;
    font-weight: 700;
    text-decoration: none
}

html:not(.touch) .downloader-2 .promo.vdp.unsupported {
    position: relative;
    width: 700px;
    padding: 0
}

html:not(.touch) .downloader-2 .promo.vdp.unsupported:before {
    content: "";
    position: absolute;
    left: 16px;
    top: -10px;
    width: 57px;
    height: 71px;
    background: url(/img/download-result/arrow_view_extra.png) no-repeat 50% 50%
}

html:not(.touch) .downloader-2 .promo.vdp.unsupported .icon {
    width: 72px;
    margin-left: 100px
}

html:not(.touch) .downloader-2 .promo.vdp.unsupported .text {
    font-family: Open Sans, Arial, sans-serif;
    font-size: 22px;
    float: none;
    max-width: none
}

.downloader-2 .promo.tz {
    background: #fff url(/img/televzr/get-tz-app-bg.png) no-repeat 0 0;
    border: none
}

.downloader-2 .promo.tz .icon {
    background-image: url(/img/televzr/get-tz-app-icon-tz.svg)
}

html:not(.touch) .downloader-2 .promo.tz.unsupported {
    position: relative;
    width: 700px;
    padding: 0
}

html:not(.touch) .downloader-2 .promo.tz.unsupported:before {
    content: "";
    position: absolute;
    left: 26px;
    top: -14px;
    width: 24px;
    height: 46px;
    background: url(/img/televzr/arrow_view_extra-tz.svg) 50% 50% no-repeat
}

html:not(.touch) .downloader-2 .promo.tz.unsupported .icon {
    width: 181px;
    margin-left: 182px;
    margin-right: -48px
}

html:not(.touch) .downloader-2 .promo.tz.unsupported .text {
    display: flex;
    align-items: center;
    font-family: Open Sans, Arial, sans-serif;
    font-size: 14px;
    float: none;
    max-width: none;
    height: 100px;
    margin: 0;
    text-align: left
}

html:not(.touch) .downloader-2 .promo.tz.unsupported .text-tz-block {
    margin-right: 20px
}

html:not(.touch) .downloader-2 .promo.tz.unsupported .text-tz-block-title {
    font-family: Fira Sans, sans-serif;
    font-weight: 700;
    line-height: normal;
    font-size: 28px;
    color: #214061
}

html:not(.touch) .downloader-2 .promo.tz.unsupported .text-tz-block-text {
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    font-size: 14px;
    color: #214061
}

html:not(.touch) .downloader-2 .promo.tz.unsupported .btn {
    background: linear-gradient(90deg, #1398d7 1.04%, #68d2ff 97.62%);
    border-radius: 118px;
    font-family: Fira Sans, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    padding: 5px 29px;
    text-align: center;
    color: #fff;
    text-shadow: 0 0 2px rgba(0, 0, 0, .12);
    line-height: 26px;
    display: inline-block
}

html:not(.touch).de .downloader-2 .promo.tz.unsupported .text-tz-block {
    margin-right: 10px
}

html:not(.touch).de .downloader-2 .promo.tz.unsupported .btn {
    padding: 5px 22px
}

html:not(.touch).de .downloader-2 .promo.tz.unsupported .text-tz-block-title {
    font-size: 17px
}

html:not(.touch).de .downloader-2 .promo.tz.unsupported .text-tz-block-text {
    font-size: 12px
}

html:not(.touch).es .downloader-2 .promo.tz.unsupported .text-tz-block {
    margin-right: 16px
}

html:not(.touch).es .downloader-2 .promo.tz.unsupported .btn {
    padding: 5px 14px
}

html:not(.touch).es .downloader-2 .promo.tz.unsupported .text-tz-block-title {
    font-size: 18px
}

html:not(.touch).es .downloader-2 .promo.tz.unsupported .text-tz-block-text {
    font-size: 13px
}

html:not(.touch).fr .downloader-2 .promo.tz.unsupported .text-tz-block {
    margin-right: 10px
}

html:not(.touch).fr .downloader-2 .promo.tz.unsupported .btn {
    padding: 5px 18px
}

html:not(.touch).fr .downloader-2 .promo.tz.unsupported .text-tz-block-title {
    font-size: 22px
}

html:not(.touch).fr .downloader-2 .promo.tz.unsupported .text-tz-block-text {
    font-size: 12px
}

html:not(.touch).id .downloader-2 .promo.tz.unsupported .icon {
    margin-left: 174px
}

html:not(.touch).id .downloader-2 .promo.tz.unsupported .text-tz-block {
    margin-right: 14px
}

html:not(.touch).id .downloader-2 .promo.tz.unsupported .btn {
    padding: 5px 16px
}

html:not(.touch).id .downloader-2 .promo.tz.unsupported .text-tz-block-title {
    font-size: 18px
}

html:not(.touch).id .downloader-2 .promo.tz.unsupported .text-tz-block-text {
    font-size: 11px
}

html:not(.touch).it .downloader-2 .promo.tz.unsupported .text-tz-block {
    margin-right: 9px
}

html:not(.touch).it .downloader-2 .promo.tz.unsupported .btn {
    padding: 5px 16px;
    font-size: 11px
}

html:not(.touch).it .downloader-2 .promo.tz.unsupported .text-tz-block-title {
    font-size: 22px
}

html:not(.touch).it .downloader-2 .promo.tz.unsupported .text-tz-block-text {
    font-size: 11px
}

html:not(.touch).pt .downloader-2 .promo.tz.unsupported .text-tz-block {
    margin-right: 25px
}

html:not(.touch).pt .downloader-2 .promo.tz.unsupported .btn {
    padding: 5px 24px
}

html:not(.touch).pt .downloader-2 .promo.tz.unsupported .text-tz-block-title {
    font-size: 21px
}

html:not(.touch).pt .downloader-2 .promo.tz.unsupported .text-tz-block-text {
    font-size: 14px
}

html:not(.touch).pt .downloader-2 .promo.tz.unsupported .icon {
    margin-left: 184px;
    margin-right: -42px
}

html:not(.touch).tr .downloader-2 .promo.tz.unsupported .text-tz-block {
    margin-right: 16px
}

html:not(.touch).tr .downloader-2 .promo.tz.unsupported .btn {
    padding: 5px 21px;
    font-size: 12px
}

html:not(.touch).tr .downloader-2 .promo.tz.unsupported .text-tz-block-title {
    font-size: 19px
}

html:not(.touch).tr .downloader-2 .promo.tz.unsupported .text-tz-block-text {
    font-size: 12px
}

html:not(.touch).uk .downloader-2 .promo.tz.unsupported .text-tz-block {
    margin-right: 10px
}

html:not(.touch).uk .downloader-2 .promo.tz.unsupported .btn {
    padding: 5px 22px
}

html:not(.touch).uk .downloader-2 .promo.tz.unsupported .text-tz-block-title {
    font-size: 18px
}

html:not(.touch).uk .downloader-2 .promo.tz.unsupported .text-tz-block-text {
    font-size: 13px
}

html:not(.touch).uk .downloader-2 .promo.tz.unsupported .icon {
    margin-left: 176px
}

html:not(.touch).ru .downloader-2 .promo.tz.unsupported .text-tz-block {
    margin-right: 12px
}

html:not(.touch).ru .downloader-2 .promo.tz.unsupported .btn {
    padding: 5px 17px
}

html:not(.touch).ru .downloader-2 .promo.tz.unsupported .text-tz-block-title {
    font-size: 25px;
    line-height: 1.1em
}

html:not(.touch).ru .downloader-2 .promo.tz.unsupported .text-tz-block-text {
    font-size: 12px;
    line-height: 1.1em
}

.simple-promobox-ss__image {
    padding: 5px 0 7px;
    font-weight: 700
}

.simple-promobox-ss__image span {
    vertical-align: sub;
    position: relative;
    top: 1px;
    left: 5px
}

.simple-promobox-ss__image img {
    width: 25px
}

@media only screen and (max-width:720px) {
    html:not(.touch) .downloader-2 .promo.tz.unsupported {
        position: relative;
        width: auto;
        padding: 0;
        overflow: hidden
    }
}

@media only screen and (max-width:680px) {
    html:not(.touch) .downloader-2 .promo.tz.unsupported .icon {
        padding: 0
    }
    html:not(.touch) .downloader-2 .promo.tz.unsupported .text {
        width: 100%;
        padding: 10px;
        height: auto;
        box-sizing: border-box
    }
}

@media only screen and (max-width:360px) {
    html:not(.touch) .downloader-2 .promo.tz.unsupported {
        overflow: hidden
    }
}

@media only screen and (max-width:360px) {
    .downloader-2 .result-box.video {
        margin-top: 28px
    }
    .downloader-2 .result-box.video:first-child {
        margin-top: 0;
        margin-bottom: 0
    }
    .downloader-2 .extra {
        margin-top: 0
    }
    html:not(.touch) .downloader-2 .promo.tz.unsupported .icon {
        display: block
    }
}

.mobile .no-mobile,
.tablet .no-tablet {
    display: none
}

.mobile .header_v2 .header__left {
    position: relative;
    width: 100%
}

.mobile .header_v2 .menu-btn {
    display: block
}

.mobile .header_v2 .logo {
    float: none;
    display: block;
    margin-bottom: 4px;
    width: auto;
    text-align: center;
    position: relative
}

.mobile .header_v2 .logo__img {
    display: block;
    margin: 0 auto
}

.mobile .header_v2 #nav_top {
    display: none;
    background: none;
    padding: 0;
    margin: 0 0 0 10px
}

.mobile .header_v2 #nav_top .right {
    text-align: left;
    margin-top: 20px
}

.mobile .header_v2 #nav_top .nav-top-2__item {
    display: block;
    border: 0;
    margin: 10px 0
}

.mobile .header_v2 #nav_top .nav-top-2__item:hover,
.mobile .header_v2 #nav_top .nav-top-2__item_active {
    text-decoration: underline
}

.mobile .header_v2 #nav_top.active {
    display: block;
    border: 0
}

.mobile .nav-sub.page-width-inner {
    text-align: center
}

.mobile .nav-sub.page-width-inner .nav-sub__item {
    margin: 0 10px
}

@media only screen and (max-width:360px) {
    .header_v2 {
        padding-top: 2px;
        padding-bottom: 2px
    }
    #main {
        margin-top: 0
    }
}

@media only screen and (max-width:1059px) {
    .downloader-2 .result-box.video .link-box .link {
        text-align: left
    }
    #share42 {
        display: none !important
    }
}

@media only screen and (max-width:979px) {
    body,
    html {
        min-width: 100%
    }
    .page-width,
    .wrapper {
        max-width: 96%;
        padding-left: 2%;
        padding-right: 2%
    }
    .downloader .result-box .video-player-box {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }
    .ox7 {
        width: 100%;
        overflow: hidden;
        overflow-x: auto
    }
    .informer {
        width: 100%;
        max-width: none;
        overflow: hidden
    }
    .partners {
        margin-left: 8%;
        width: 84%
    }
    footer nav.f-nav .f-nav-column.f-nav-pages ul {
        flex-direction: column
    }
    footer nav.f-nav .f-nav-column.f-nav-pages ul li {
        flex-basis: auto
    }
    .download-box .info {
        max-width: 40%
    }
    .download-box .info h3 {
        font-size: 30px
    }
    .download-box .button-box {
        max-width: 40%
    }
    .feature h2 {
        font-size: 23px
    }
    .feature p {
        line-height: 1;
        margin-bottom: .5em
    }
    .top-message-bar .content-box {
        color: #000;
        position: relative;
        height: auto;
        line-height: 1.5;
        overflow: visible
    }
    .header_v2 {
        width: 100%
    }
    .supported-services_v3 li {
        width: 40%;
        margin-right: 10%;
        text-align: left;
        margin-top: 10px;
        margin-bottom: 10px
    }
    .other-services h3 {
        font-weight: 700
    }
    .other-services ul {
        margin: 0
    }
    .supported-services_v3.important-services {
        justify-content: space-between
    }
    .supported-services_v3.important-services li {
        width: 50%;
        margin-right: 0;
        text-align: left;
        margin-top: 10px;
        margin-bottom: 10px
    }
    .supported-services_v3.important-services li.service-youtube_com a,
    .supported-services_v3.important-services li.service-youtube_com span,
    .supported-services_v3.important-services li a,
    .supported-services_v3.important-services li span {
        padding-left: 68px
    }
}

@media only screen and (max-width:919px) {
    .feature-2-col {
        text-align: center
    }
    .feature-2-col .col-left,
    .feature-2-col .col-right {
        float: none;
        margin: 0 auto
    }
    .feature-2-col .col-right {
        margin-top: 20px
    }
    .feature-2-col .img-box img {
        position: static
    }
    .download-box .icon {
        display: none
    }
    .download-box .info {
        max-width: 50%
    }
    .download-box .button-box {
        max-width: 45%
    }
    .download-box .button-box .download-btn a {
        font-size: 24px
    }
}

@media only screen and (max-width:879px) {
    .profile .load {
        display: none
    }
    .article-1,
    .article-2 {
        font-size: 90%
    }
    .article-1 h1,
    .article-2 h1 {
        font-size: 23px
    }
    .feature {
        display: block;
        text-align: center
    }
    .feature .img img {
        max-width: 100%;
        height: auto
    }
    .feature .text {
        flex: auto;
        margin: 1em auto 0;
        width: 425px;
        text-align: left;
        max-width: 100%
    }
    .feature-slider {
        padding-bottom: 25px
    }
    .thumb-160,
    .thumb-160 .clip,
    .thumb-160 .clip .thumb {
        width: 128px
    }
    .thumb-160,
    .thumb-160 .clip {
        height: 72px
    }
    .thumb-160 .clip .thumb {
        top: -12px
    }
    .site-info-tabs {
        width: 100%
    }
    .how-to-use-v2 li .how-to-use-middle-text .install-helper-button {
        font-size: 20px;
        line-height: 24px;
        padding: 22px 18px
    }
}

@media (max-width:1000px) {
    .important-services,
    .other-services,
    .supported-services {
        margin: 50px auto
    }
}

@media (max-width:920px) {
    .col-left:has(.img-box) {
        order: 3
    }
    .col-left:has(img) {
        order: 3
    }
    .col-left img,
    .col-right img {
        max-width: 400px;
        width: 100%;
        height: auto;
        margin: 0 auto
    }
    .feature-instagram img {
        margin: 30px auto 0 !important
    }
}

@media (max-width:768px) {
    .main-supported-services {
        padding: 0
    }
    .feature-2-col img {
        max-width: 300px;
        width: 100%;
        margin: 0 auto
    }
    .b-install {
        flex-direction: column;
        gap: 20px
    }
    .b-install .b-text-emphasis,
    .b-install a {
        text-align: center
    }
    .b-install a {
        max-width: 360px;
        width: 100%;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
        box-sizing: border-box
    }
}

@media only screen and (max-width:720px) {
    header {
        background-repeat: repeat
    }
    header .box {
        height: auto
    }
    header .slogan {
        height: auto;
        white-space: normal
    }
    header .g-row .g-col {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }
    header .slogan {
        display: block;
        width: 100%
    }
    header .auth-reg,
    header .profile {
        float: none;
        line-height: 1.2;
        margin-top: 10px
    }
    header .profile .load {
        display: block
    }
    .downloader .link-form .tarea-wrap input {
        font-size: 15px
    }
    .downloader-2 .link-form {
        width: 100%
    }
    .downloader-2 .result-box {
        box-sizing: border-box;
        width: 100%
    }
    .downloader-2 .result-box .thumb-box,
    .downloader-2 .result-box .thumb-box .clip {
        width: 160px;
        height: 120px
    }
    .downloader-2 .result-box .thumb-box .clip .thumb {
        top: 0;
        width: 160px
    }
    .downloader-2 .result-box .thumb-box .clip .thumb.wide {
        top: 15px
    }
    .downloader-2 .result-box .thumb-box.empty {
        width: 158px
    }
    .downloader-2 .result-box .info-box {
        box-sizing: border-box;
        width: 100%;
        padding: 10px 10px 10px 171px;
        margin-left: -161px;
        min-height: 98px
    }
    .downloader-2 .result-box .meta .title {
        width: 100%
    }
    .downloader-2 .result-box .link-box {
        margin-top: 10px
    }
    .downloader-2 .extra {
        box-sizing: border-box;
        width: 100%
    }
    .downloader-2 .promo {
        width: 100%;
        padding-left: 4%;
        padding-right: 4%
    }
    .downloader-2 .promo .icon {
        background-image: url(/img/extension/icon_new_100.png);
        width: 100px;
        height: 100px;
        margin-right: -100px
    }
    .downloader-2 .promo.uvd .icon {
        background-image: url(/img/uvd/icon_100.png)
    }
    .downloader-2 .promo .text {
        max-width: 75%
    }
    .downloader-2 .promo .text .text-cnt {
        height: 100px
    }
    .downloader-2 .promo .text p.button {
        margin-top: 10px
    }
    li .green-btn-2,
    p .green-btn-2 {
        margin-top: 5px
    }
    .steps-2 .step .note {
        display: none
    }
    .partners {
        margin-left: 0;
        width: 100%
    }
    .download-box {
        margin-top: 3em
    }
    .download-box .info {
        clear: both;
        float: none;
        max-width: 75%;
        margin-left: auto;
        margin-right: auto;
        text-align: center
    }
    .download-box .info h3 {
        text-align: center
    }
    .download-box .button-box {
        clear: both;
        float: none;
        max-width: 100%;
        margin-top: 1em
    }
    .download-box .button-box .target-info.empty {
        display: none
    }
    .downloader .result-box .link-box i.file-info-btn {
        display: block;
        opacity: .5
    }
    .downloader .result-box .link-box i.file-info-btn.active,
    .downloader .result-box .link-box i.file-info-btn:hover {
        opacity: 1
    }
    .downloader .result-box .link-box.no-file-info:hover i.file-info-btn {
        display: none
    }
    .downloader .result-box .link-box .qm i {
        opacity: .3
    }
    .downloader .media-result .result-hdr {
        display: none
    }
    .downloader .media-result .thumb-box {
        margin-left: 0
    }
    .downloader .media-result .info-box {
        padding-right: 0;
        margin-right: 0;
        padding-left: 158px;
        margin-left: -138px;
        margin-bottom: 1em
    }
    .downloader .media-result .link-box {
        clear: both;
        float: left;
        margin-left: 138px;
        padding-right: 0;
        margin-right: 0;
        max-width: 100%;
        width: 100%
    }
    .downloader .media-result .link-box .link {
        font-size: 125%
    }
    .downloader .media-result .link-box .link.no-file-info {
        font-size: 100%
    }
    .downloader .media-result .link-box .link.no-file-info .disabled {
        font-size: 125%
    }
    .downloader .media-result .audio .info-box {
        padding-left: 20px;
        margin-left: 0
    }
    .downloader .media-result .audio .link-box {
        margin-left: 15px
    }
    .downloader .media-result .audio.player .info-box {
        padding-left: 80px
    }
    .downloader .media-result .audio.player .link-box {
        padding-left: 40px
    }
    .tbl-form-webmaster td {
        display: block;
        width: auto;
        padding-left: 0;
        padding-right: 0
    }
    .tbl-form-webmaster td:first-child {
        font-weight: 700;
        opacity: .8
    }
    .header_v2 .page-width-inner {
        width: 100%
    }
    .header_v2 .nav-top-2__item {
        font-size: .9em
    }
    .nav-sub.page-width-inner {
        box-sizing: border-box;
        padding: 0 10px;
        width: 100%
    }
    .site-info-tabs .other-services {
        overflow: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
        width: auto
    }
    .site-info-tabs .other-services::-webkit-scrollbar {
        display: none
    }
    .site-info-tabs .other-services .supported-services_v3 li {
        box-sizing: border-box;
        width: 100%;
        margin-right: 0;
        max-width: 210px
    }
    .site-info-tabs .show-mobile-only {
        display: block
    }
    .site-info-tabs .supported-services-link-note {
        margin-bottom: 32px;
        font-family: Roboto, sans-serif;
        font-style: normal
    }
    .site-info-tabs .supported-services-link-note p {
        font-weight: 300;
        font-size: 14px;
        line-height: 16px
    }
    .site-info-tabs .supported-services-link-note img {
        width: 30px;
        height: 30px;
        margin-right: 4px
    }
    .how-to-use-v2 {
        font-size: 16px;
        line-height: 24px
    }
    .how-to-use-v2 .mb-100 {
        margin-bottom: 80px
    }
    .how-to-use-v2 ol {
        background: none;
        padding: 0
    }
    .how-to-use-v2 li.how-to-step-2,
    .how-to-use-v2 li.how-to-step-3,
    .how-to-use-v2 li.how-to-step-apk,
    .how-to-use-v2 li.how-to-step-helper {
        display: flex
    }
    .how-to-use-v2 li.how-to-step-2 p:before,
    .how-to-use-v2 li.how-to-step-3 p:before,
    .how-to-use-v2 li.how-to-step-apk p:before,
    .how-to-use-v2 li.how-to-step-helper p:before {
        margin-left: 0
    }
    .how-to-use-v2 li.how-to-step-apk p:before {
        content: "1."
    }
    .how-to-use-v2 li.how-to-step-1 {
        display: none
    }
    .how-to-use-v2 li .how-to-use-middle-text {
        width: 100%;
        font-size: 16px;
        line-height: 24px
    }
    .how-to-use-v2 li .how-to-use-middle-text p {
        margin-bottom: 24px;
        width: auto;
        margin-left: 0
    }
    .how-to-use-v2 li .how-to-use-middle-text .install-helper-button {
        display: none
    }
    .how-to-use-v2 li picture {
        width: 100%
    }
    .how-to-use-v2 li .left-picture {
        order: 2
    }
    .how-to-use-v2 li .how-to-use-middle-arrow {
        display: none
    }
    .how-to-use-v2 .how-to-use-bottom {
        margin-top: 40px
    }
    .how-to-use-v2 .how-to-use-bottom:first-of-type {
        margin-top: 10px
    }
    .how-to-use-v2 .how-to-use-bottom .how-to-use-bottom-text {
        width: 100%
    }
    .how-to-use-v2 .how-to-use-bottom .how-to-use-bottom-text h2 {
        margin-bottom: 24px
    }
    .how-to-use-v2 .how-to-use-bottom img {
        margin-top: 24px;
        width: 100%
    }
}

@media only screen and (max-width:768px) {
    header .g-row .g-col,
    header .slogan {
        text-align: center
    }
    header .slogan {
        font-size: 13px;
        text-overflow: ellipsis
    }
    nav,
    nav li {
        float: none
    }
    nav li {
        font-size: 90%;
        display: inline-block;
        margin-right: 10px
    }
    footer .f-nav-box {
        flex-direction: column
    }
    footer .f-nav-box .copyright-box {
        flex-basis: auto;
        padding-right: 0;
        text-align: center
    }
    footer .f-nav-box .copyright-box .copyright {
        margin-top: .5em
    }
    .downloader .link-form {
        margin-top: 0
    }
    .downloader .link-form .submit {
        display: inline-block
    }
    .downloader .link-form .l-box {
        float: none;
        padding: 0;
        margin: 0;
        width: 100%
    }
    .downloader .link-form .r-box {
        float: none;
        width: 100%;
        margin-top: 10px;
        text-align: center
    }
    .downloader #url_rotator_box {
        display: none
    }
    ul.supported-services li {
        width: 100%
    }
    ul.supported-services li.fir3 {
        margin-left: 5%
    }
    ul.supported-services li.fir2 {
        margin-left: 0
    }
    .download-box {
        margin-top: 1em
    }
    .download-box .info {
        max-width: 100%
    }
    .feature .img img {
        box-shadow: none
    }
    .feature-slider {
        padding-bottom: 25px
    }
    #lm.center {
        text-align: left
    }
    .downloader-2 .second-btn-box,
    .downloader .result-box .extra,
    .downloader .result-box .meta table:first-child td.name {
        display: none
    }
    .downloader-2 .promo {
        padding-left: 2%;
        padding-right: 2%
    }
    .downloader-2 .promo .icon {
        background-image: url(/img/extension/icon_new_64.png);
        width: 64px;
        height: 64px;
        margin-right: -64px;
        padding-top: 18px;
        padding-bottom: 18px
    }
    .downloader-2 .promo.uvd .icon {
        background-image: url(/img/uvd/icon_64.png)
    }
    .downloader-2 .promo .text {
        max-width: 80%
    }
    .downloader-2 .promo .text p {
        font-size: 21px
    }
    .header_v2 .menu-btn {
        display: block
    }
    .header_v2 .header__left {
        position: relative;
        width: 100%
    }
    .header_v2 .logo {
        float: none;
        display: block;
        margin-bottom: 4px;
        width: auto;
        text-align: center;
        position: relative
    }
    .header_v2 #nav_top {
        display: none;
        background: none;
        padding: 0;
        margin: 0 0 0 10px
    }
    .header_v2 #nav_top .right {
        text-align: left;
        margin-top: 20px
    }
    .header_v2 #nav_top .nav-top-2__item {
        display: block;
        border: 0;
        margin: 10px 0
    }
    .header_v2 #nav_top .nav-top-2__item:hover,
    .header_v2 #nav_top .nav-top-2__item_active {
        text-decoration: underline
    }
    .header_v2 #nav_top.active {
        display: block;
        border: 0
    }
    .nav-sub.page-width-inner {
        text-align: center
    }
    .nav-sub.page-width-inner .nav-sub__item {
        margin: 0 10px
    }
    .supported-services_v3.important-services li {
        width: 100%;
        margin-right: 0;
        text-align: left;
        padding: 0 3px
    }
}

@media only screen and (max-width:460px) {
    header {
        border-bottom: 1px solid #d0d0d0
    }
    header .menu-btn {
        display: block
    }
    header .logo {
        margin-bottom: 4px
    }
    .nav-top-1,
    header .slogan {
        display: none
    }
    .nav-top-1 {
        background-color: #395d85;
        background-image: -o-linear-gradient(top, #446e9e, #2e4c6c);
        height: auto;
        padding: 0 2%
    }
    .nav-top-1.active,
    nav {
        display: block
    }
    nav {
        float: none;
        height: auto;
        width: auto;
        padding-top: 5px;
        padding-bottom: 5px
    }
    nav ul {
        display: block;
        clear: both;
        list-style: none;
        white-space: nowrap;
        line-height: 2
    }
    nav li {
        display: block;
        float: none;
        font-size: 100%;
        position: relative;
        padding-left: 0;
        text-align: left
    }
    .working nav li.active:after,
    nav li.active:after {
        display: none
    }
    .article-1 .thumbnail,
    .downloader .link-form .submit {
        display: block;
        width: 100%
    }
    .feature-2-col {
        text-align: left
    }
    .feature-2-col .col-left,
    .feature-2-col .col-right {
        padding: 0;
        width: 100%
    }
    .feature-2-col .img-box {
        width: 100%;
        height: auto
    }
    .feature-2-col .img-box img {
        box-shadow: none;
        display: block;
        width: 100%
    }
    .feature {
        background-color: transparent;
        border-top: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0;
        border-radius: 0;
        padding-left: 0;
        padding-right: 0
    }
    .feature .text {
        padding-left: 5px;
        padding-right: 5px
    }
    .downloader .media-result .thumb-box {
        float: none
    }
    .downloader .media-result .info-box {
        float: none;
        padding-left: 0;
        margin-left: 0;
        margin-top: 1em
    }
    .downloader .media-result .link-box {
        float: none;
        margin-left: 0
    }
    .downloader .media-result .link-box .link {
        padding-left: 0;
        padding-right: 25px
    }
    .downloader .media-result .link-box .link i {
        left: auto;
        right: 0
    }
    .downloader .media-result .audio.player .link-box .link {
        padding-left: 25px
    }
    .downloader-2 .result-box .info-box,
    .downloader-2 .result-box .link-box {
        font-size: 17px
    }
    .downloader-2 .result-box .link-box .def-btn-box a {
        line-height: 34px
    }
    .downloader-2 .result-box .link-box .drop-down-box .def-btn-name {
        line-height: 34px;
        height: 34px
    }
    .downloader-2 .result-box .link-box .def-file-info {
        line-height: 38px
    }
    .downloader-2 .result-box .link-box .second-btn-box,
    .downloader-2 .result-box .link-box .second-btn-box .link {
        line-height: 34px;
        height: 34px
    }
    .downloader-2 .result-box.video {
        border: none;
        box-shadow: none
    }
    .downloader-2 .result-box.video .thumb-box {
        float: none;
        width: 100%;
        height: 43%;
        margin: 0
    }
    .downloader-2 .result-box.video .thumb-box .clip {
        width: 100%;
        height: 0;
        padding-top: 22%;
        padding-bottom: 21%;
        box-sizing: border-box
    }
    .downloader-2 .result-box.video .thumb-box .clip .thumb {
        position: absolute;
        width: 100%;
        top: -33%
    }
    .downloader-2 .result-box.video .thumb-box .clip .thumb.wide {
        top: 0
    }
    .downloader-2 .result-box.video .info-box {
        border: 1px solid #dadada;
        border-top: none;
        float: none;
        width: 100%;
        height: auto;
        padding: 20px 10px;
        margin-left: 0;
        min-height: 0;
        box-shadow: 0 1px 0 0 #e9e9e9
    }
    .downloader-2 .result-box.video .info-box .meta {
        min-height: 0
    }
    .downloader-2 .result-box.video .info-box .meta .row {
        display: none
    }
    .downloader-2 .result-box.video .info-box .meta .row.title {
        display: block;
        text-align: center
    }
    .downloader-2 .result-box.video .link-box {
        margin-top: 20px;
        text-align: center
    }
    .downloader-2 .result-box.video .link-box .def-btn-box {
        float: none;
        display: inline-block;
        vertical-align: top
    }
    .downloader-2 .result-box.video .link-box .drop-down-box {
        float: none;
        display: inline-block;
        vertical-align: top;
        text-align: left
    }
    .downloader-2 .result-box.video .link-box .drop-down-box .list {
        font-size: 17px;
        position: relative;
        top: -38px;
        margin-bottom: -38px;
        vertical-align: top
    }
    .downloader-2 .result-box.video .link-box .drop-down-box .list .link {
        text-align: left
    }
    .downloader-2 .result-box.video .link-box .def-file-info {
        display: inline-block;
        vertical-align: top
    }
    .downloader-2 .result-box.audio,
    .downloader-2 .result-box.file {
        border-width: 1px
    }
    .downloader-2 .result-box.audio .thumb-box,
    .downloader-2 .result-box.file .thumb-box {
        border: none;
        width: 48px;
        height: 48px;
        margin: 0
    }
    .downloader-2 .result-box.audio .thumb-box .clip,
    .downloader-2 .result-box.file .thumb-box .clip {
        background-color: transparent;
        width: 48px;
        height: 48px
    }
    .downloader-2 .result-box.audio .thumb-box .clip .thumb,
    .downloader-2 .result-box.file .thumb-box .clip .thumb {
        width: 48px
    }
    .downloader-2 .result-box.audio .thumb-box.empty,
    .downloader-2 .result-box.file .thumb-box.empty {
        width: 46px
    }
    .downloader-2 .result-box.audio .info-box,
    .downloader-2 .result-box.file .info-box {
        border: none;
        padding-left: 59px;
        margin-left: -49px;
        height: auto
    }
    .downloader-2 .result-box.audio .meta,
    .downloader-2 .result-box.file .meta {
        min-height: 0
    }
    .downloader-2 .result-box.audio .meta .row,
    .downloader-2 .result-box.file .meta .row {
        display: none
    }
    .downloader-2 .result-box.audio .meta .row.title,
    .downloader-2 .result-box.file .meta .row.title {
        display: block
    }
    .downloader-2 .result-box.audio .link-box,
    .downloader-2 .result-box.file .link-box {
        margin-top: 10px
    }
    .downloader-2 .result-box.audio .thumb-box .clip,
    .downloader-2 .result-box.audio .thumb-box.empty .clip {
        background-image: none
    }
    .downloader-2 .result-box.file .thumb-box {
        background-image: url(/img/file-thumb-32.png)
    }
    .downloader-2 .result-box.file .thumb-box.filefactory_com {
        background-image: url(/img/favicons/thumb/32/filefactory_com.png)
    }
    .downloader-2 .result-box.file .thumb-box.sendspace_com {
        background-image: url(/img/favicons/thumb/32/sendspace_com.png)
    }
    .downloader-2 .extra {
        padding: 10px
    }
    .downloader-2 .promo .icon {
        background-image: url(/img/extension/icon_new_32.png);
        width: 32px;
        height: 32px;
        margin-right: -32px;
        padding-top: 16px;
        padding-bottom: 16px
    }
    .downloader-2 .promo.uvd .icon {
        background-image: url(/img/uvd/icon_32.png)
    }
    .downloader-2 .promo .text {
        max-width: 85%
    }
    .downloader-2 .promo .text .text-cnt {
        height: 64px;
        padding: 0
    }
    .downloader-2 .promo .text p {
        font-size: 17px
    }
    .downloader-2 .promo .text p.button {
        margin-top: 7px;
        font-size: 15px
    }
    .downloader-2 .promo .text p.button a {
        height: 31px;
        line-height: 31px
    }
    .working .partners {
        display: none
    }
}

@media only screen and (max-width:360px) {
    ul.supported-services li {
        float: none;
        margin-left: 0;
        width: 100%
    }
    ul.supported-services li.fir2,
    ul.supported-services li.fir3 {
        margin-left: 0
    }
    footer .lang-box .lang,
    footer .lang-box div {
        left: 0;
        right: auto
    }
    .downloader .result-box .media-info,
    .downloader .result-box .media-info td,
    .downloader .result-box .media-info tr {
        display: block
    }
    .downloader-2 .link-form .submit {
        width: 50px
    }
    .downloader-2 .promo .icon {
        display: none
    }
    .downloader-2 .promo .text {
        float: none;
        max-width: 100%
    }
    .downloader-2 .promo .text .text-cnt {
        display: block;
        height: auto
    }
    .share42_h24 {
        height: auto;
        overflow: visible
    }
    .share42_h24 .share42 a {
        padding-bottom: 5px
    }
}

@media only screen and (max-width:300px) {
    .downloader-2 .result-box .info-box,
    .downloader-2 .result-box .link-box {
        font-size: 17px
    }
    .downloader-2 .result-box .link-box .def-btn-box a {
        line-height: 34px
    }
    .downloader-2 .result-box .link-box .drop-down-box .def-btn-name {
        line-height: 34px;
        height: 34px
    }
    .downloader-2 .result-box .link-box .def-file-info {
        line-height: 38px
    }
    .downloader-2 .result-box .link-box .second-btn-box,
    .downloader-2 .result-box .link-box .second-btn-box .link {
        line-height: 34px;
        height: 34px
    }
    .downloader-2 .extra {
        display: none
    }
}

.sfApp #message,
.sfApp #nav_top,
.sfApp .f-nav,
.sfApp .ox7,
.sfApp .partners,
.sfApp .result-box .extra,
.sfApp .result-box .link .disabled,
.sfApp .result-box .thumb-box .play-btn,
.sfApp .result-box .ummy-link {
    display: none
}

.sfApp header {
    border-bottom: 1px solid #d0d0d0
}

.downloader-container {
    background: linear-gradient(135deg, #376f9d, #66cdcc) #376f9d;
    margin-top: -11px;
    padding-bottom: 20px;
    color: #fff
}

.downloader-container .wrapper {
    display: flex;
    flex-wrap: wrap
}

.downloader-container .breadcrumbs-wrapper {
    width: 100%;
    margin-bottom: 20px;
    order: 0
}

.downloader-container .breadcrumb {
    font-family: Arial, sans-serif;
    font-size: 16px;
    line-height: 22px;
    color: #fff
}

.downloader-container .breadcrumb ol {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap
}

.downloader-container .breadcrumb li {
    margin-right: 10px;
    position: relative
}

.downloader-container .breadcrumb li:not(:last-child):after {
    content: ">";
    margin-left: 10px;
    color: #fff
}

.downloader-container .breadcrumb a {
    text-decoration: none
}

.downloader-container .breadcrumb span {
    color: #fff
}

.downloader-container .downloader-2 .link-form {
    width: auto;
    margin-top: 0
}

.downloader-container .downloader-2 .link-form .submit {
    color: #fff;
    background: #85be07;
    border: none;
    margin: 2px;
    width: 42px;
    height: 56px;
    box-shadow: none;
    border-radius: 0 3px 3px 0;
    font-size: 24px;
    position: relative
}

.downloader-container .downloader-2 .link-form .submit:before {
    content: "";
    background: url(/img/arrow-right-new.png) no-repeat;
    width: 14px;
    height: 21px;
    background-size: cover;
    position: absolute;
    left: 15px;
    top: 17px
}

.downloader-container .downloader-2 .link-form .l-box {
    padding-left: 0;
    margin-left: 0
}

.downloader-container .downloader-2 .link-form .r-box {
    position: absolute;
    right: 0;
    top: 0
}

.downloader-container .downloader-2 .tarea-wrap {
    border-radius: 5px
}

.downloader-container .downloader-2 .tarea-wrap input {
    background: #fff;
    border-color: #fff;
    border-radius: 5px;
    padding: 0 46px 0 25px;
    width: 100%;
    height: 60px;
    box-shadow: none
}

.downloader-container-left,
.downloader-container-right {
    float: left
}

.downloader-container-left-first {
    order: 1
}

.downloader-container-left-second {
    order: 3
}

.downloader-container-right-first {
    order: 2
}

.downloader-container-right-second {
    order: 4
}

.downloader-container-left {
    margin-right: 5%;
    width: 45%
}

.downloader-container-left .downloader-container-left-title {
    font-size: 24px;
    font-weight: 300;
    line-height: 30px;
    margin: 12px 60px 16px 0;
    word-wrap: break-word
}

.downloader-container-right {
    position: relative;
    width: 50%
}

.downloader-container-right .downloader-container-right-title {
    font-size: 24px;
    font-weight: 300;
    line-height: 30px;
    margin: 12px 0 16px;
    word-wrap: break-word
}

.downloader-container-right .button2_theme_green {
    font-size: 30px;
    font-weight: 300;
    box-shadow: 0 4px 0 #6c9b01;
    line-height: 60px;
    padding: 0 24px;
    vertical-align: middle;
    white-space: nowrap
}

.downloader-container-right .button2_theme_green:active {
    top: 4px;
    box-shadow: none
}

.downloader-container-right .promo__install-prefix {
    font-size: 17px;
    margin-left: 10px
}

.downloader-container-right .browser,
.downloader-container-right .os_type_os_windows {
    display: inline-block;
    color: #fff;
    font-size: 17px;
    margin: 12px 0 0
}

.ja .downloader-container-right .button2_theme_green {
    font-size: 24px
}

.downloader-span-or {
    position: absolute;
    left: -20%;
    top: 26px;
    font-size: 21px;
    width: 50px
}

html.ja .downloader-span-or {
    width: 3em
}

.downloader-container .downloader-2 .link-form.invalid input {
    color: #ff5253;
    border-color: #ff5253
}

.de .downloader-container-left .downloader-container-left-title,
.de .downloader-container-right .downloader-container-right-title,
.es .downloader-container-left .downloader-container-left-title,
.es .downloader-container-right .downloader-container-right-title,
.fr .downloader-container-left .downloader-container-left-title,
.fr .downloader-container-right .downloader-container-right-title,
.ja .downloader-container-left .downloader-container-left-title,
.ja .downloader-container-right .downloader-container-right-title {
    font-size: 21px
}

.open-link-form-all-block #link-form-old-cont form {
    display: none
}

.open-link-form-new #link-form-old-cont form,
.open-link-form-old #link-form-old-cont form {
    display: block
}

.open-link-form-new #link-form-old-cont {
    margin-bottom: 30px
}

.open-link-form-new .main-form__wrapper,
.open-link-form-new .search-panel__mobile__header {
    display: none
}

.open-link-form-new #sf_submit {
    font-size: 0
}

.open-link-form-new .terms__string {
    color: #fff
}

@media only screen and (max-width:979px) {
    .downloader-container-left .downloader-container-left-title,
    .downloader-container-right .downloader-container-right-title {
        font-size: 21px;
        font-weight: 300;
        line-height: 26px;
        margin: 6px 0 14px
    }
    .downloader-container-left .downloader-container-left-title {
        margin-right: 60px
    }
}

@media only screen and (max-width:820px) {
    .downloader-container-left .downloader-container-left-title,
    .downloader-container-right .downloader-container-right-title {
        min-height: 78px;
        margin-bottom: 2px
    }
}

@media only screen and (max-width:720px) {
    .downloader-container-left,
    .downloader-container-right {
        float: none;
        width: auto;
        margin: 0
    }
    .downloader-container-left .downloader-container-left-title br {
        display: none
    }
    .downloader-container-left .downloader-container-left-title,
    .downloader-container-right .downloader-container-right-title {
        min-height: 0;
        margin-bottom: 12px;
        font-size: 23px;
        line-height: 28px;
        margin-right: 0
    }
    .downloader-span-or {
        position: static;
        font-size: 23px;
        width: auto;
        margin-bottom: 10px;
        display: inline-block
    }
    .downloader-container .wrapper {
        display: block
    }
    .downloader-container .breadcrumbs-wrapper {
        margin-bottom: 15px
    }
}

.p-e5 #js-install-now,
.p-e5 .partners_v1,
.p-e5 .site-info-tabs,
.p-e5 header {
    display: none
}

.p-e5 .media-result .extra.sf-helper,
.p-e5 .media-result .extra.uvd {
    display: none !important
}

.h70-e .partners_v1,
.h70-e .site-info-tabs,
.h70-e .wrapper #sfHelperDownloadBox .download-box,
.h70-e .wrapper article.article-1 {
    display: none
}

.h70-e .media-result .extra.sf-helper,
.h70-e .media-result .extra.uvd {
    display: none !important
}

.es .h70-e .install-now .install-btn {
    padding-left: 20px;
    padding-right: 20px
}

.yt-article_screenshot-box {
    position: relative;
    margin: 60px auto 20px 0;
    width: 610px
}

.yt-article_screenshot-box .yt-article_screenshot-text {
    color: #fff;
    background: url(/img/sf-helper-round.png) 0 0 no-repeat;
    position: absolute;
    width: 229px;
    height: 229px;
    top: -39px;
    right: -57px;
    z-index: 2;
    line-height: 229px;
    vertical-align: middle;
    text-align: center
}

.yt-article_screenshot-box .yt-article_screenshot-text span {
    display: inline-block;
    font-size: 21px;
    line-height: 1.2;
    vertical-align: middle
}

.yt-article_screenshot-box .yt-article_screenshot-text:lang(ar),
.yt-article_screenshot-box .yt-article_screenshot-text:lang(ar) span {
    transform: scaleX(-1)
}

.yt-article_install-btn-box {
    width: 100%;
    display: flex;
    justify-content: center
}

.yt-article_install-btn {
    display: inline-block;
    border: none;
    outline: none;
    border-radius: 4px;
    text-decoration: none;
    color: #fff;
    background-color: #4f9a0b;
    box-shadow: 0 3px #3c7808;
    font-size: 24px;
    line-height: 1.3;
    font-weight: 700;
    padding: 10px;
    text-align: center;
    min-width: 700px;
    text-shadow: -1px 1px 0 rgba(0, 0, 0, .35)
}

.yt-article_install-btn:hover {
    color: #fff;
    background-color: #488c0a;
    box-shadow: 0 3px #356a07
}

.yt-article_install-btn:active {
    color: #fff;
    box-shadow: 0 3px #488c0a
}

.yt-article_install-btn span {
    display: block
}

@media only screen and (max-width:750px) {
    .yt-article_install-btn {
        min-width: auto;
        width: 100%;
        box-sizing: border-box
    }
}

@media only screen and (max-width:680px) {
    .yt-article_screenshot-box {
        width: 100%
    }
    .yt-article_screenshot-box img {
        width: 100%;
        height: auto
    }
    .yt-article_screenshot-box .yt-article_screenshot-text {
        background-size: auto 100%;
        width: 29%;
        height: 60%;
        bottom: 34%;
        left: 70%;
        top: auto;
        line-height: normal;
        display: flex
    }
    .yt-article_screenshot-box .yt-article_screenshot-text span {
        width: 100%;
        font-size: 3vw;
        display: flex;
        justify-content: center;
        flex-direction: column;
        text-align: center
    }
}

.youtube-download-app-page h1,
.youtube-download-app-page h2 {
    font-size: 2rem;
    margin-bottom: .6em
}

.youtube-download-app-page p {
    opacity: .7;
    font-size: 1rem;
    line-height: 2
}

.youtube-download-app-page .ytdapp-center-block {
    margin: 0 auto;
    max-width: 555px;
    text-align: center;
    padding-bottom: 2.3em
}

.youtube-download-app-page .ytdapp-center-block p {
    font-size: 1.125rem
}

.youtube-download-app-page .ytdapp-section {
    padding-top: 5.3em;
    padding-bottom: 6.7em;
    margin-bottom: 0
}

.youtube-download-app-page .ytdapp-container {
    display: flex;
    margin: 0 -15px
}

.youtube-download-app-page .ytdapp-col {
    padding: 0 15px
}

.youtube-download-app-page .ytdapp-android-wrapper {
    max-width: 410px
}

.youtube-download-app-page .ytdapp-android-wrapper.clone {
    margin: 0 auto 2.3em
}

.youtube-download-app-page .ytdapp-android-b {
    font-size: 1.375rem;
    text-align: center
}

.youtube-download-app-page .ytdapp-android-img {
    margin-right: 16px
}

.youtube-download-app-page .ytdapp-img {
    box-shadow: 0 0 6px 2px hsla(0, 0%, 74.1%, .5)
}

.youtube-download-app-page .ytdapp-img__no-shadow {
    box-shadow: none
}

.youtube-download-app-page .list__bold-numbers {
    margin-bottom: 3em
}

.youtube-download-app-page .list__bold-numbers li {
    opacity: .7;
    line-height: 2;
    margin-bottom: 1.7em
}

.youtube-download-app-page .list__arrow-right li {
    line-height: 2;
    margin-bottom: 0
}

.youtube-download-app-page .header-margin {
    margin-bottom: 1.6em
}

.youtube-download-app-page .p-margin {
    margin-bottom: 2em
}

.youtube-download-app-page .install-btn.green {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    padding: 29px 23px;
    border-width: 2px;
    display: block;
    margin-bottom: .5em;
    line-height: 1;
    font-size: 1.875rem
}

.youtube-download-app-page .install-btn-android {
    background: radial-gradient(50% 50% at 50% 50%, #76b541 0, #5db115 41.67%, #76d624 100%);
    border-radius: 10px;
    line-height: 1;
    font-size: 1.675rem;
    width: 100%;
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    text-align: center;
    padding: 20px 0;
    color: #fff;
    font-style: normal;
    font-weight: 700;
    text-decoration: none
}

.youtube-download-app-page .install-btn-android img,
.youtube-download-app-page .install-btn-android span {
    align-self: center
}

.youtube-download-app-page .ytdapp-center-block .ytdapp-android-wrapper {
    margin: 1.5em auto 0
}

.ytdapp-center-block .android-info__store {
    justify-content: center;
    margin: 18px auto 36px
}

@media (max-width:768px) {
    .ytdapp-center-block .android-info__store {
        margin: 18px auto 34px
    }
}

.youtube-download-app-page .android-info__store {
    grid-template-columns: 164px
}

@media (max-width:768px) {
    .youtube-download-app-page .android-info__store {
        grid-template-columns: 164px;
        justify-content: center
    }
}

.android-info__store {
    display: grid;
    gap: 18px;
    list-style-type: none;
    margin: 18px auto 0
}

.android-info__store-link {
    background: #fff;
    border-radius: 4px;
    padding: 10px 12px;
    display: flex;
    text-decoration: none;
    gap: 8px;
    transition: background-color .7s ease;
    border: 1px solid #76d624;
    filter: drop-shadow(6px 6px 10px rgba(45, 65, 0, .12))
}

.android-info__store-link:hover {
    background: hsla(0, 0%, 100%, .5)
}

.android-info__store-img {
    max-width: 36px;
    width: 100%
}

.android-info__store-text {
    display: flex;
    flex-direction: column;
    font-family: Arial, sans-serif;
    text-align: left;
    font-style: normal;
    line-height: 100%;
    color: #231f20;
    gap: 4px
}

.android-info__store-text span:first-child {
    font-weight: 400;
    font-size: 12px
}

@media (max-width:800px) {
    .android-info__store-text span:first-child {
        font-size: 12px
    }
}

.android-info__store-text span:last-child {
    font-weight: 700;
    font-size: 20px
}

@media (max-width:800px) {
    .android-info__store-text span:last-child {
        font-weight: 600;
        font-size: 16px
    }
}

@media only screen and (max-width:768px) {
    .youtube-download-app-page h1,
    .youtube-download-app-page h2 {
        font-size: 2.5rem;
        font-weight: 700;
        line-height: 1.2
    }
    .youtube-download-app-page .header-margin {
        margin-bottom: 1.4em
    }
    .youtube-download-app-page .list__bold-numbers {
        margin-bottom: 4em
    }
    .youtube-download-app-page .ytdapp-center-block .install-btn-android {
        margin-top: 1.5em
    }
    .youtube-download-app-page .ytdapp-center-block p {
        font-size: 1.4375rem;
        line-height: 1.65
    }
    .youtube-download-app-page .ytdapp-section {
        padding-top: 3.8em;
        padding-bottom: 5.5em
    }
    .youtube-download-app-page .ytdapp-container {
        align-items: center;
        flex-direction: column;
        margin: 0 -8px
    }
    .youtube-download-app-page .ytdapp-container .ytdapp-img {
        width: 100%;
        margin-bottom: 3.4em
    }
    .youtube-download-app-page .ytdapp-container .ytdapp-img__no-margin {
        margin-bottom: 0
    }
    .youtube-download-app-page .ytdapp-container .ytdapp-img__1 {
        max-width: 262px;
        height: auto
    }
    .youtube-download-app-page .ytdapp-container .ytdapp-img__2 {
        max-width: 450px
    }
    .youtube-download-app-page .ytdapp-container .ytdapp-img__3 {
        max-width: 262px
    }
    .youtube-download-app-page .ytdapp-container .ytdapp-img__4 {
        max-width: 450px
    }
    .youtube-download-app-page .ytdapp-container__reversed {
        flex-direction: column-reverse
    }
    .youtube-download-app-page .ytdapp-android-wrapper {
        max-width: 450px;
        margin: 0 auto
    }
}

.b-full {
    position: relative;
    z-index: 0
}

.b-full:after,
.b-full:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    display: block
}

.b-full:before {
    left: -100%
}

.b-full:after {
    right: -100%
}

.b-full__gray,
.b-full__gray:after,
.b-full__gray:before {
    background-color: #eef2f3
}

.list__bold-numbers {
    font-weight: 700
}

.list__bold-numbers li {
    font-size: 1rem
}

.list__bold-numbers span {
    font-weight: 400
}

.list__arrow-right {
    position: relative;
    list-style: none
}

.list__arrow-right li {
    font-size: 1rem
}

.list__arrow-right li:before {
    content: "";
    background: url(/img/right-arrow.svg) 50% no-repeat;
    position: relative;
    height: 13px;
    display: inline-block;
    width: 11px;
    margin-right: 5px
}

.list__arrow-right span {
    opacity: .7
}

.opacity-1 {
    opacity: 1 !important
}

.sf_container {
    padding: 0 10px
}

.sf_container,
.sf_faq {
    display: flex;
    flex-direction: column
}

.sf_faq {
    position: relative;
    align-items: center;
    width: 100%;
    margin: 28px auto 20px;
    padding-bottom: 63px
}

.sf_faq_title {
    margin-bottom: 30px
}

.sf_faq_title span {
    font-size: 14px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #333;
    display: block;
    text-align: center
}

.sf_faq_title h2 {
    font-size: 32px;
    text-align: center;
    color: #333;
    margin-top: 6px
}

.faq_item {
    width: 100%;
    margin: 0 0 12px;
    max-width: 636px
}

.faq_item.active .faq_item_title:before {
    transform: rotate(0deg)
}

.faq_item.active .faq_item_content {
    grid-template-rows: 1fr
}

.faq_item_title {
    cursor: pointer;
    padding: 16px 100px 16px 20px;
    background: rgba(238, 242, 243, .6);
    position: relative
}

.faq_item_title:hover {
    background: rgba(232, 236, 239, .6)
}

.faq_item_title:before {
    content: "";
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='13' viewBox='0 0 20 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.991 1.426l8.029 8.023.87.87-1.782 1.7-.87-.87-7.21-7.206-7.375 7.033-.891.85L.02 10.085l.891-.85 8.214-7.832.891-.85.052.052.052-.05.871.87z' fill='%23333'/%3E%3C/svg%3E");
    width: 20px;
    height: 13px;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    transform: rotate(180deg);
    transition: transform .4s ease-out
}

.faq_item_title span {
    font-size: 15px;
    color: #333;
    font-weight: 600
}

.faq_item_title h3 {
    font-weight: 700;
    text-align: left;
    color: #333;
    line-height: 1;
    margin-bottom: 0
}

.faq_item_content {
    display: grid;
    grid-template-rows: 0fr;
    overflow: hidden;
    transition: grid-template-rows .3s ease-out;
    font-size: 15px;
    line-height: 25px;
    color: #333;
    max-width: 436px
}

.faq_item_content>div {
    overflow: hidden;
    min-height: 0
}

.faq_item_content>div>* {
    padding: 0 20px
}

.faq_item_content>div>:first-child {
    padding-top: 10px
}

.faq_item_content>div>:last-child {
    padding-bottom: 10px
}

@media (max-width:919px) {
    .adaptive-picture {
        display: flex
    }
}

.adaptive-picture img {
    height: auto
}

@media (max-width:919px) {
    .adaptive-picture img {
        margin: 0 auto
    }
}

@media (max-width:500px) {
    .adaptive-picture img {
        width: 100%
    }
}

@media print {
    * {
        background: transparent !important;
        box-shadow: none !important;
        color: #000 !important;
        text-shadow: none !important;
        filter: none !important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: " (" attr(href) ")"
    }
    abbr[title]:after {
        content: " (" attr(title) ")"
    }
    .ir a:after,
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: ""
    }
    blockquote,
    pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }
    thead {
        display: table-header-group
    }
    img,
    tr {
        page-break-inside: avoid
    }
    img {
        max-width: 100% !important
    }
    @page {
        margin: .5cm
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
}

.page a {
    color: #84bd07
}

.page a:hover {
    color: #f90
}

.page a.link_external_yes {
    position: relative;
    padding-right: 2em
}

.page a.link_external_yes:after {
    content: "";
    position: absolute;
    right: .5em;
    top: 50%;
    transform: translateY(-50%);
    width: 1em;
    height: 1em;
    background: url(/img/link-external.svg) no-repeat 0 0;
    background-size: 100% 100%
}

body.page {
    overflow-x: hidden;
    font: 16px/22px Open Sans, sans-serif
}

body.page,
body.page #main {
    background-color: #f2f2f2
}

.page h1,
.page h2,
.page h3,
.page h4,
.page h5,
.page h6 {
    margin: 0 0 1.3em;
    font-weight: 900
}

.page h1 {
    font-size: 28px;
    font-weight: 600
}

.page h2 {
    font-size: 25px
}

.page h3 {
    font-size: 23px
}

.page h4 {
    font-size: 19px
}

.page .main-block_v2 {
    margin-top: 0
}

.download-box-top {
    margin-bottom: 50px !important
}

.header2 {
    margin-top: 20px;
    margin-bottom: 30px;
    padding: 0 !important;
    position: relative;
    z-index: 1
}

.installerTip {
    width: 329px;
    height: 300px;
    position: fixed;
    z-index: 1000;
    bottom: 15px;
    left: 30px
}

.installerTip__content {
    width: 329px;
    height: 116px;
    background: #fff;
    box-sizing: border-box;
    border-radius: 10px;
    filter: drop-shadow(8px 12px 16px rgba(35, 35, 35, .16))
}

.installerTip__content p {
    margin: 5px 0 0 10px
}

.installerTip__content span {
    font-weight: 900
}

.installerTip__info {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    line-height: 28px
}

.installerTip__close {
    position: relative;
    left: 310px;
    cursor: pointer
}

.installerTip__flag {
    height: 0;
    width: 0;
    position: relative;
    left: 40px;
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: 28px 12px 0
}

.installerTip__finger {
    position: relative;
    top: -40px;
    left: 210px;
    animation-name: tipsAnimation;
    animation-duration: 2s;
    animation-delay: 1.5s
}

@keyframes tipsAnimation {
    0% {
        top: -40px
    }
    50% {
        top: 0
    }
    to {
        top: -40px
    }
}

.logo2 {
    text-decoration: none;
    display: inline-block;
    background: url(/img/logo_small3.png?v=1) 50% 50% no-repeat;
    background-size: 167px 40px;
    width: 167px;
    height: 40px;
    opacity: .85;
    text-indent: -9999px
}

html.svg .logo2 {
    background: url(/img/logo_small2.svg) 50% 50% no-repeat
}

.user2 .promo {
    position: relative;
    z-index: 2
}

.user2 .promo:before {
    z-index: 2;
    content: "";
    position: absolute;
    left: -20%;
    top: -20px;
    width: 140%;
    height: 460px;
    background-color: #f9f9f9;
    border-bottom: 10px solid #eaeaea;
    transform: rotate(-4deg)
}

.user2 .promo__content {
    min-height: 460px;
    padding-top: 40px;
    position: relative;
    z-index: 2;
    box-sizing: border-box;
    padding-left: 410px
}

.user2 .promo__content:after {
    z-index: -1;
    content: "";
    position: absolute;
    left: -95px;
    top: 25px;
    width: 100%;
    height: 482px;
    background-image: url(/img/promo_en.png);
    background-repeat: no-repeat;
    background-position: 0 100%
}

html[lang=ru] .user2 .promo__content:after,
html[lang=uk] .user2 .promo__content:after {
    background-image: url(/img/promo_ru.png)
}

html[lang=ar] .user2 .promo__content:after {
    background-image: url(/img/promo_ar.png)
}

.user2 .promo__content .last-version {
    color: #84bd07;
    margin-top: 5px
}

.user2 .promo__title {
    margin-bottom: 25px;
    line-height: 37px
}

.user2 .promo__mark {
    display: inline-block;
    position: relative;
    padding-left: 35px
}

.user2 .promo__mark:before {
    content: "";
    width: 27px;
    height: 25px;
    background: url(/img/extension/icon_32.png) 50% 50% no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 4px;
    top: 9px
}

.user2 .promo__desc {
    font-size: 20px;
    margin-bottom: 30px
}

.user2 .promo__install {
    white-space: nowrap;
    margin-bottom: 15px
}

.user2 .promo__install .browser,
.user2 .promo__install .button2,
.user2 .promo__install .os {
    display: inline-block;
    vertical-align: middle;
    white-space: normal
}

.user2 .promo__install .browser,
.user2 .promo__install .os {
    max-width: 50%
}

.user2 .promo__install .button2 {
    margin-right: 25px
}

.user2 .promo__install-prefix {
    vertical-align: middle
}

.user2 .promo__upgrade {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    margin: 99px auto 43px;
    box-shadow: 2px 6px 15px rgba(35, 35, 35, .1);
    box-sizing: border-box;
    border-radius: 16px;
    width: 940px;
    max-width: 100%;
    padding: 32px 30px 31px;
    background-color: #ffb23f
}

.user2 .promo__upgrade__icon {
    flex: 0 0 auto;
    margin: -5px 20px 0 8px;
    width: 56px;
    height: 56px
}

.user2 .promo__upgrade__text {
    margin: 0;
    font-weight: 500;
    letter-spacing: -.005em;
    color: #191919
}

.user2 .promo__upgrade__button,
.user2 .promo__upgrade__text {
    font-family: Roboto, sans-serif;
    font-size: 25px;
    line-height: 36px
}

.user2 .promo__upgrade__button {
    flex: 0 0 auto;
    margin-left: 20px;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 9px 16px;
    min-width: 164px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    color: #fff;
    background-color: #191919
}

.user2 .promo__upgrade__button:hover {
    color: #fff
}

@media (max-width:768px) {
    .user2 .promo__upgrade {
        flex-direction: column;
        margin-top: 0;
        margin-bottom: 0
    }
    .user2 .promo__upgrade__icon {
        margin: 0 0 20px
    }
    .user2 .promo__upgrade__text {
        text-align: center
    }
    .user2 .promo__upgrade__button {
        margin: 20px 0 0
    }
}

.user2 .promo__upgrade.hidden {
    display: none
}

.button2_icon_install:after {
    content: "";
    width: 24px;
    height: 24px;
    background: url(/img/install-btn-white.png) 100% 50% no-repeat;
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px
}

.button2.btn-2 .btn-2__icon {
    display: none
}

.button2.btn-2:after {
    display: inline-block;
    vertical-align: bottom
}

.browser,
.os {
    position: relative;
    color: #999;
    font-size: 20px;
    padding-left: 40px
}

.browser:before,
.os:before {
    content: "";
    width: 31px;
    height: 31px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -16px
}

.browser.empty,
.os.empty {
    padding-left: 0
}

.browser.empty :before,
.os.empty :before {
    display: none
}

.browser_type_chrome:before,
.browser_type_google:before {
    background-image: url(/img/browser/chrome.png)
}

.browser_type_chromium:before {
    background-image: url(/img/browser/chromium.png)
}

.browser_type_firefox:before {
    background-image: url(/img/browser/firefox.png)
}

.browser_type_opera:before {
    background-image: url(/img/browser/opera_v2.png)
}

.browser_type_opera_webkit:before {
    background-image: url(/img/browser/opera_webkit.png)
}

.browser_type_safari:before {
    background-image: url(/img/browser/safari.png)
}

.browser_type_yandex:before {
    background-image: url(/img/browser/yandex.png)
}

.browser_type_edge_chromium:before {
    background-image: url(/img/browser/edge-chromium.png)
}

.os_type_os_windows:before {
    background-image: url(/img/os/windows.png)
}

.antivirus {
    font-size: 13px;
    color: #666;
    position: relative
}

.antivirus:link,
.antivirus:visited,
.antivirus__link,
.antivirus__link:link,
.antivirus__link:visited {
    color: #666
}

.icon-next {
    display: block;
    z-index: 2;
    width: 82px;
    height: 82px;
    border-radius: 50%;
    border: 1px solid #ccc;
    position: relative;
    margin: 0 auto
}

.icon-next:before {
    transform: rotate(-45deg);
    border: 2px solid #a2a2a2;
    border-top: none;
    border-right: none;
    width: 36px;
    height: 36px;
    content: "";
    position: absolute;
    left: 50%;
    top: 40%;
    margin: -18px 0 0 -18px
}

.features2 {
    padding: 50px 0
}

.feature2 {
    position: relative;
    margin: 100px auto 0;
    text-align: center
}

.feature2__title-picture,
.feature2__title-text {
    display: inline-block;
    vertical-align: middle
}

.feature2__title-text {
    white-space: normal
}

.feature2__title {
    padding-top: 15px;
    box-sizing: border-box;
    position: relative;
    white-space: nowrap
}

h2.feature2__title {
    margin-bottom: 20px
}

.feature2__title_icon-pos_left .feature2__title-text {
    padding-left: 15px
}

.feature2__desc {
    margin-bottom: 20px
}

.feature2__desc-image {
    display: inline-block !important;
    width: auto !important;
    margin-bottom: 15px
}

.feature2__screenshot {
    border-radius: 4px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    overflow: hidden
}

.feature2__screenshot-image {
    width: 100%;
    height: auto
}

.feature2__install {
    position: absolute;
    right: -14px;
    bottom: 5px;
    width: 205px;
    text-align: left
}

.feature2__install .button2 {
    margin-bottom: 5px
}

.feature2__safety {
    position: absolute;
    left: 0;
    bottom: 25px;
    width: 205px
}

.feature2__safety .antivirus {
    font-size: 12px;
    line-height: 1.4;
    text-align: left
}

.feature2__next-icon {
    margin-bottom: 10px
}

body .feature2 h4 {
    margin-top: 1.3em
}

.main-block .feature2.wrapper {
    padding-top: 0
}

.wrapper2 {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 660px
}

.wrapper2_wide_yes {
    width: 820px
}

.feature2 .wrapper2 {
    padding: 0
}

.promo-bottom {
    padding-top: 100px;
    text-align: center
}

.promo-bottom__title {
    margin-bottom: 50px
}

.promo-bottom__desc {
    font-size: 20px;
    margin-bottom: 30px
}

.promo-bottom__button {
    margin-bottom: 10px
}

.promo-bottom__antivirus {
    margin-bottom: 50px
}

.promo-bottom .antivirus {
    display: inline-block
}

.install__list {
    white-space: nowrap;
    box-sizing: border-box;
    margin-bottom: 45px
}

.install__browser {
    display: inline-block;
    vertical-align: top;
    white-space: normal;
    width: 14.5%
}

.install__browser-logo {
    margin-bottom: 10px
}

.install__browser-logo-image {
    width: 56px;
    height: 56px
}

.install__browser-name {
    line-height: 1.3;
    margin-bottom: 5px
}

.install__browser-links {
    font-size: 12px;
    line-height: 1.3
}

.install__userscript {
    padding-bottom: 70px
}

.install__userscript-text {
    position: relative;
    padding-left: 30px;
    display: inline-block
}

.install__userscript-text:before {
    content: "";
    position: absolute;
    left: 0;
    top: -1px;
    width: 24px;
    height: 27px;
    background: url(/img/browser/user-js.png) 0 50% no-repeat
}

.footer2 {
    color: #ccc;
    text-align: center;
    font-size: 15px;
    padding-top: 50px;
    padding-bottom: 60px
}

.note-block-box {
    margin-top: 0;
    margin-bottom: 2em;
    padding-top: 0 !important
}

.user2 .extension-menu .text,
.user2 .extension-menu .text p {
    padding-top: 0
}

.user2 .extension-menu__features {
    padding-right: 450px
}

.extension-features {
    text-align: center
}

@media only screen and (max-width:959px) {
    body.page {
        min-width: 320px
    }
    body.page .wrapper,
    body.page .wrapper2,
    body.page .wrapper2_wide_yes {
        width: auto;
        max-width: 96%;
        padding-left: 3%;
        padding-right: 3%
    }
    body.page .feature2 .wrapper2 {
        padding: 0
    }
    body.page .feature2__title {
        white-space: normal;
        margin-bottom: .7em;
        padding-top: 0
    }
    body.page .feature2__title-picture {
        display: block;
        margin-bottom: 20px
    }
    body.page .feature2__desc {
        margin-bottom: 20px;
        font-size: 14px
    }
    body.page .feature2__screenshot {
        margin-bottom: 20px
    }
    body.page .feature2__install {
        text-align: center;
        right: 0
    }
    body.page .feature2__install,
    body.page .feature2__safety {
        position: relative;
        bottom: 0;
        margin: 0 auto
    }
    body.page .icon-next {
        display: none
    }
    body.page .promo-bottom__title {
        padding-top: 30px;
        font-size: 20px;
        line-height: 1.2
    }
    body.page .promo-bottom__antivirus {
        margin: 0 auto 50px;
        width: 205px
    }
    body.page .install__list {
        margin-top: 30px;
        margin-bottom: 20px;
        white-space: normal
    }
    body.page .install__browser {
        display: inline-block;
        vertical-align: top;
        white-space: normal;
        width: 33%;
        margin-bottom: 20px
    }
    body.page .install__userscript-text {
        padding-left: 0;
        padding-top: 35px;
        width: 70%
    }
    body.page .install__userscript-text:before {
        left: 50%;
        margin-left: -12px
    }
    body.page .antivirus {
        padding-left: 0;
        padding-top: 30px;
        text-align: center
    }
    body.page .antivirus:before {
        margin-top: 0;
        margin-left: -11px;
        top: 0;
        left: 50%
    }
    body.page .last-version {
        text-align: center
    }
    body.page .user2 .promo {
        margin-bottom: 100px
    }
    body.page .user2 .promo:before {
        width: 100%;
        height: 100%;
        transform: none;
        left: 0;
        top: 0;
        border-top: 5px solid #eaeaea
    }
    body.page .user2 .promo__content {
        min-height: 700px
    }
    body.page .user2 .promo__content:after {
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-size: contain;
        background-position: 40% 50% !important;
        opacity: .05
    }
    body.page .user2 .promo__desc,
    body.page .user2 .promo__title {
        text-align: center
    }
    body.page .user2 .promo__install {
        text-align: center;
        margin-left: auto
    }
    body.page .user2 .promo__install-prefix {
        display: none
    }
    body.page .user2 .promo__install .button2 {
        margin-right: 0
    }
    body.page .user2 .promo .antivirus {
        padding-bottom: 20px;
        width: 220px;
        margin: 0 auto 20px
    }
    body.page .logo2 {
        display: block;
        margin: 0 auto
    }
    body.page .main-block_v2 {
        margin-top: 0
    }
    body.page .header2 {
        margin: 15px 0
    }
}

@media only screen and (max-width:435px) {
    body.page .install__browser {
        width: 49%
    }
    body.page .install__userscript-text {
        width: 85%
    }
    body.page .user2 .promo__install {
        margin-bottom: 0
    }
    body.page .user2 .promo__install .browser {
        display: block;
        text-align: center;
        padding-top: 40px;
        padding-left: 0;
        margin: 20px auto
    }
    body.page .user2 .promo__install .browser:before {
        top: 0;
        left: 50%;
        margin-left: -15px;
        margin-top: 0
    }
}

.page_theme_chameleon .wrapper {
    padding: 0
}

.page_theme_chameleon .chameleon {
    margin-top: 40px
}

.chameleon {
    text-align: left
}

h1.chameleon__title {
    font-size: 28px;
    text-align: center;
    line-height: 1.3
}

h2.chameleon__subtitle {
    margin-top: 60px;
    font-size: 24px
}

.chameleon__chrome-info {
    text-align: center;
    margin-top: 20px
}

.chameleon__title-inner {
    position: relative
}

.chameleon__title-inner:before {
    content: "";
    width: 64px;
    height: 62px;
    background: url(/img/extension/icon_64_2.png) no-repeat 50% 50%;
    position: absolute;
    left: -80px;
    top: 50%;
    margin-top: -31px
}

.chameleon-item {
    margin-bottom: 50px
}

.chameleon-item:last-child {
    margin-bottom: 0
}

.chameleon-item__top-header {
    display: inline-flex;
    align-items: center
}

.chameleon-item__number {
    border-radius: 50%;
    background-color: #5385da;
    color: #fff;
    font-size: 36px;
    width: 1.45em;
    height: 1.45em;
    display: table
}

.chameleon-item__number-text {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

h4.chameleon-item__title {
    display: block;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.4;
    text-align: left;
    margin: 0 10px
}

.chameleon-item__mark {
    color: #5385da
}

.chameleon-item__mark_black {
    color: #000 !important
}

.chameleon-item__button {
    font-family: Roboto, sans-serif;
    display: inline-block;
    vertical-align: middle;
    background-color: #89c335;
    text-decoration: none;
    font-weight: 700;
    font-size: 16px;
    padding: 12px 24px;
    white-space: nowrap;
    color: #fff !important;
    border-radius: 3px;
    line-height: 18px;
    margin-left: 20px;
    transition: all .1s ease-out
}

.chameleon-item__button:hover {
    transform: scale(1.05)
}

.chameleon-item__text {
    font-size: 14px;
    margin: 20px 0 14px;
    max-width: 600px;
    padding-left: 60px
}

.chameleon-item__label-input {
    bottom: 0 !important;
    width: 20px;
    height: 20px
}

.chameleon-item__label {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-left: 60px;
    margin: 20px 0 4px
}

.chameleon-item__label-text {
    margin: 0;
    font-size: 16px
}

.chameleon-item__text--with-checkbox {
    margin: 0 0 14px
}

.chameleon-item__image {
    border-radius: 4px;
    box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    max-width: 600px;
    margin-left: 60px
}

@media (max-width:768px) {
    .chameleon-item__image {
        margin: 0 auto;
        max-width: 100%;
        width: 100%
    }
}

.chameleon-link {
    text-align: center
}

.tm .chameleon__title {
    margin-bottom: 62px
}

.tm .chameleon-item__image {
    border-radius: 6px;
    box-shadow: 2px 6px 16px rgba(35, 35, 35, .1)
}

.tm .chameleon-item__number {
    display: flex;
    align-items: center;
    border-radius: 0;
    width: auto;
    height: auto;
    font-family: Roboto, sans-serif;
    font-weight: 900;
    font-size: 18px;
    line-height: 21px;
    color: #1b1b1b;
    background-color: transparent
}

.tm .chameleon-item__number:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 27px;
    height: 39px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='35' viewBox='0 0 24 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.8419 14.9034C18.9448 15.8397 18.9448 17.5416 17.8419 18.478L8.86213 26.1022C7.33908 27.3954 5 26.3129 5 24.3149L5 9.06644C5 7.06846 7.33908 5.98598 8.86214 7.27912L17.8419 14.9034Z' fill='url(%23paint0_linear)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear' x1='18.9194' y1='5.11044' x2='0.120027' y2='14.1009' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23B6EF1F'/%3E%3Cstop offset='1' stop-color='%2382BA06'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.tm .chameleon-item__number-text {
    display: inline-block;
    margin-left: 5px
}

.tm .chameleon-item__mark {
    color: #78ae2e
}

.tm .chameleon-item__button {
    background-color: #89c335
}

.tm .chameleon-item__button:hover {
    background-color: #89c335 !important
}

.tm .chameleon-item__button--disabled {
    background: #ddd;
    cursor: not-allowed
}

.tm .chameleon-item__button--disabled:hover {
    transform: scale(1);
    background-color: #ddd !important
}

.tm .chameleon-item__store-button {
    border-radius: 4px;
    padding: 12px 24px;
    font-family: Roboto, sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    text-transform: none;
    transition: all .1s ease-out;
    background-color: #89c335
}

.tm .chameleon-item__store-button:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin: -3px 13px 0 -6px;
    width: 16px;
    height: 18px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAhCAYAAADK6cvnAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAL8SURBVHgB7ZZdSBRRGIbfMzPu7LrWurqsCWklioKCVFAggVJgUDfhRWolFgQRXUR3dVHgRT8QdVVSkF4kQnRhBUZJ/lVUFOQWlVhaiOu6tsGu7q/7MzudmS1FVmcmWxeCHhh2Zufle2bOnO/MAGmG2O32GqQRjmGYAaQRBmmG0xKKx+NaYqCjpZpRFUaj0W6/33+KFotC+aLMJpPpBM0dVcoRh8MhKgWCwWBFSUnJJ2jAZrNlW61Wj1JGdQz0er0VGrFYLIVqGdU7pDgEQeglhDiVQnQos+hPI91y8ZfClJL2tvgv/PeFmpY2MRhAZOgNhG9jiPtmIXpn6Z90cut4sNZ14MrKwRYVg7Wot+zybUELhl89Q3jwCWKfhxMCtasvLgW/sxZ8VY3UmEsLnU5nUqXo8AcE2lsRd01jJTD0Tg11B8DvqE4Wut3ueaEYiyHQdg3hvh6kAr56F4xHjoNkGpOFcY8bvsstiI19QSrh1hdizdkLYMyJFU8eaDEUhLfldMplErHJCVr7DES/b0Hov3UdwpQdq4VU23vxnPTSBDf99DEynvdjtYmNjiD08B6YRk8ffBkr6H/xz7fQndvgxsUA2suzcfKdW7E+YzLDULtXnuqsKQfEkAEmMgU2PArdTBeY6HdogZjaGkSG2jt6HCj1RJYMZe7ZB2NDMwRDJmzjBPYZAkEANlpEVBaI0LECeHcneE+XqlBe2uIEuLo5Fzf7k1/qxv1NMNY34fVXoHWAgXeOLDpvXQvUbSHYXdEsl+M9dxWF8w/vbZ4eL/INi06yeflUeAgPbMClR2ySTMLlBW4Msuh+TxDOPYiYoRKahBLnt1sgkIWiaw4fg8vH4P6Q+qTqeEkwSdeQcE69dqHLwNEJZJL3iTELum1VGBgBZkIEakQEgt5h+mwN5RA5szahRGeZCT+omNuwST7+6FCX/cY2kSgn6Iq0C/20J69spdOeYeXjOcXv7cX45n69BwivXSjRW2CELSMo71uytH9F5mcnRoPEvctmfgIBfxX3LkQyMAAAAABJRU5ErkJggg==");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.tm .chameleon-item__store-button:hover {
    transform: scale(1.05)
}

.tm .chameleon__video {
    margin-bottom: 40px
}

.chameleon__video {
    text-align: center;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 60px
}

@media (max-width:768px) {
    .chameleon__video {
        max-width: 100%;
        height: auto
    }
}

.chameleon__video video {
    border: 1px solid #e9e9e9;
    border-radius: 10px
}

@media (max-width:768px) {
    .chameleon__video video {
        max-width: 100%;
        height: auto
    }
}

@media only screen and (max-width:959px) {
    .chameleon {
        padding: 0 2%
    }
    .page_theme_chameleon .chameleon {
        margin-top: 15px
    }
    h1.chameleon__title {
        font-size: 24px
    }
    h2.chameleon__subtitle {
        font-size: 20px
    }
    .chameleon__title-inner {
        padding-top: 70px;
        display: block
    }
    .chameleon__title-inner:before {
        left: 50%;
        top: 0;
        margin-left: -32px;
        margin-top: 0
    }
}

@media only screen and (max-width:435px) {
    h1.chameleon__title {
        font-size: 20px
    }
    h2.chameleon__subtitle {
        font-size: 18px
    }
    h4.chameleon-item {
        padding-left: 50px
    }
    h4.chameleon-item__title {
        font-size: 17px
    }
    h4.chameleon-item__number {
        font-size: 25px
    }
}

.search-panel .main-form__header {
    margin: 0 auto -.3rem;
    text-align: center;
    max-width: 650px;
    font-family: Roboto, sans-serif;
    font-weight: 900;
    font-size: 2.25rem;
    padding-top: 3.8rem
}

.search-panel .downloader-2 .link-form {
    max-width: 650px
}

.search-panel .downloader-2 .tarea-wrap input {
    border: 5px solid #7ed214;
    height: 50px;
    padding-left: 12px;
    font-family: Roboto, sans-serif;
    font-size: .875rem
}

.search-panel .downloader-2 .link-form.invalid input {
    border: 5px solid #ff272d;
    color: #ff272d
}

.search-panel .downloader-2 .link-form .submit {
    background: none #7ed214;
    border: none;
    box-shadow: none;
    font-family: Roboto, sans-serif;
    color: #fff;
    font-size: .875rem;
    font-weight: 700;
    width: auto;
    height: 50px;
    padding-left: 29px;
    padding-right: 29px
}

.search-panel .downloader-2 .link-form .submit:active,
.search-panel .downloader-2 .link-form .submit:hover {
    opacity: .8
}

.search-panel .downloader-2 .link-form .l-box {
    padding-left: 0;
    margin-left: 0;
    max-width: 650px
}

.search-panel .main-form__wrapper {
    text-align: center;
    margin-top: 1.7rem;
    margin-bottom: 1rem
}

.search-panel .main-form__watch {
    font-family: Inter, sans-serif;
    display: inline-flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center
}

.search-panel .main-form__watch img {
    cursor: pointer
}

.search-panel .main-form__watch span {
    cursor: pointer;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 15px;
    color: rgba(67, 67, 67, .4)
}

@media (max-width:768px) {
    .search-panel .main-form__watch span {
        line-height: 17px
    }
}

.search-panel .main-form__button {
    color: #0075ff;
    text-decoration: underline;
    font-size: 14px;
    line-height: 15px;
    font-weight: 400;
    border: none;
    background: none;
    padding: 0 4px 0 9px
}

@media (max-width:768px) {
    .search-panel .main-form__button {
        font-weight: 700;
        font-size: 16px;
        line-height: 19px
    }
}

.search-panel .main-form__button:hover {
    color: #f90
}

.search-panel .main-form__video {
    display: none
}

.search-panel .search-result-video {
    width: 100%;
    max-width: 570px
}

@media only screen and (max-width:630px) {
    .search-panel .downloader-2 .link-form {
        width: 100%;
        max-width: none
    }
    .search-panel .main-form__header {
        padding-bottom: 2rem
    }
}

.form-block {
    display: grid;
    grid-template-columns: 1fr max-content
}

@media (max-width:768px) {
    .form-block {
        padding: 0 2px
    }
}

.search-panel__mobile__header {
    display: block;
    width: auto
}

.search-panel__mobile__header,
.search-panel__mobile__header-not-main {
    font-family: Roboto, sans-serif;
    font-weight: 700;
    color: #434343;
    font-size: 1.875rem;
    text-align: center;
    line-height: 1.2
}

.search-panel__mobile__header-not-main {
    margin: 0 auto;
    padding: 44px 10px 33px;
    max-width: 730px
}

.search-panel__mobile__text-not-main {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 23px;
    text-align: center
}

.search-panel__container__arrow {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #7ed20c;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 10px
}

.search-panel__container {
    min-height: 60px;
    display: flex;
    justify-content: center;
    align-items: center
}

.search-panel__container .search-panel__mobile__header {
    margin: 0
}

.search-panel__mobile .downloader-2 .tarea-wrap input,
.search-panel__mobile .downloader-2 .tarea-wrap textarea {
    border: 5px solid #7ed214;
    height: 66px;
    font-family: Roboto, sans-serif;
    font-size: 1.125rem;
    padding: 0 40px 0 5px
}

.search-panel__mobile .downloader-2 .link-form .submit {
    border: 5px solid #7ed214;
    background-color: #7ed214;
    height: 66px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    width: 70px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAADSCAYAAABQBAAqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAz9JREFUeNrsm19oTmEcx8/7TutdkiS2pJX8GXLlggu1TNrFTIQNF66RC0kmZUWvf41IXje4kNrVrDApSki5U3KDxDssksbElr97fX/O79Sz03nP3vec56zG91ef7ZzzPu/5nOffOev89qQKhYKTZKSdhIMCCiiggAIKKKCAAjcmyI+WluVRvlsPtoC3eqGXwPNAQcSoBBvBOxV8BKdsNtEdcA/MA3PASdBsU/AbrAZPjWNXQJ3tTm4ytivALZCxKciDDcZ+Lbhhe5h2g+PGfgPImaNoN2gFPyIKvgVc7A7pH0+wRLEdZ8ZmJiMe6ViOM2SleZf5jq/1BEeVOJH1CQ6Bq7aaqBHsN/avg3Zbw7RaZ7AXvWC9zXkgk6rK2F9pDve4gk6w2OxU8MLW7VqeB6vAGyCvCy5Ip/oLpfgqgQIKKKCAAgoooIACCiiggAIKKKCAAgr+L0HUt44lZaDiCErKQP0Nea0ZgQrQUxgZzUFlowo8nhiCX6DOtmCWrxavQMYsE3cUhWag4vSBnw5fTXLeZzKKEstAgZwIEstAgb6kZ3K/1CCxDBS4b6uTs75OztqaB0Kj7+Q9NidaNRgyTp4HlTYnWmgGKu5E6/Q1zRqbN7t6MABe6/2nvVhZZqEooIACCiiggAIKKKCAAgoooIACCij4twQjMiAhC35WOO6SixrwARx23LRKYHR13Q0WhMRUx13+IjWeBKbbbiJ5ffxTt+W15ZBtgb9cIWnBsG1BaixrUEiiBmlfLYbHXSenku7k9Ljp5IxjLFYrcx5U6b1qYtgX14EDYGaZ80CyWAfBEbAgTLAI7AUdYHbIMDUFC8FpsMdxE36hNRjU35sddxFPQ8BJ5cb33aixrKZr0mPvHTf1WFTQBz7r9lJwXh4TelXeHfQLmAy26TNivh6X9PsDlRR9HlwD08AuMEOb6QQYMMqKbKd+7j0X8tr+3Vq2qOCTnrBXvzDXcXPEtUaZKYoXj0EbuFnOPLis/XB7lGEu685ai518tIn2EGzVfhj0fSb9cRZsB89KfugHhCz92gdearvXaCfKvzic0yZ14ggk+sEx8BVsAhf1L4qSMuhM1FFAAQUUUEABBRS48UeAAQAIIUP8NQ3fBwAAAABJRU5ErkJggg==");
    background-position: 50% -6px
}

.search-panel__mobile .downloader-2 .link-form.ready .submit {
    background-position: 50% -76px
}

.search-panel__mobile .downloader-2 .link-form.result .submit {
    background-position: 50% -146px
}

.downloader-2.downloader-2-part2 .search-panel__mobile__header {
    padding-top: 0
}

.container_arrow_new {
    padding-top: 44px;
    padding-bottom: 33px
}

@media (max-width:768px) {
    .container_arrow_new {
        padding: 0
    }
}

.downloader-2-part2 .container_arrow_new,
.downloader-2-part2 .search-panel__mobile__header-not-main {
    padding: 0
}

.norton {
    display: flex;
    align-items: baseline;
    justify-content: space-evenly;
    width: 230px;
    height: 22px;
    margin: 2vh auto;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-end
}

.norton p {
    white-space: nowrap;
    color: #000;
    height: 14px;
    font-size: 1em
}

.norton sup {
    font-size: .5em;
    z-index: -1
}

@media (max-width:618px) {
    .search-panel__container__arrow {
        display: none
    }
    .search-panel__container .search-panel__mobile__header {
        padding: 0 20px
    }
    .search-panel__mobile__header,
    .search-panel__mobile__header-not-main {
        font-size: 22px
    }
}

.how-to-install-popup {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1001;
    display: none;
    width: 100vw;
    height: 100vh
}

.how-to-install-popup--show {
    display: flex;
    flex-direction: column
}

.how-to-install-popup__background {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .35)
}

.how-to-install-popup__content {
    position: relative;
    top: 30px;
    overflow-y: auto;
    margin: 0 auto;
    box-sizing: border-box;
    border-radius: 2px;
    padding: 20px 0;
    width: 95vw;
    max-width: 480px;
    max-height: calc(100vh - 90px);
    background: #fff
}

.how-to-install-popup__close {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px
}

.how-to-install-popup__head {
    font-weight: 700;
    font-style: normal;
    font-size: 22px;
    line-height: 44px;
    text-align: center
}

.how-to-install-popup__step {
    padding: 15px 20px 0;
    font-size: 16px
}

.how-to-install-popup__step__img {
    margin-top: 15px;
    padding: 0 5px
}

.how-to-install-popup__step__img img {
    display: block;
    width: 100%
}

.how-to-install-popup--v2 {
    align-items: center;
    justify-content: center
}

.how-to-install-popup--v2 .how-to-install-popup__background {
    background-color: rgba(0, 0, 0, .85)
}

.how-to-install-popup--v2 .how-to-install-popup__content {
    top: 0;
    max-height: 100vh;
    background: none
}

.how-to-install-popup--v2 .how-to-install-popup__head {
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    color: #e4e4e4
}

.how-to-install-popup--v2 .how-to-install-popup__head svg {
    vertical-align: middle;
    margin-right: 10px
}

.how-to-install-popup--v2 .how-to-install-popup__head span {
    vertical-align: middle
}

.how-to-install-popup--v2 .how-to-install-popup__text {
    margin: 64px 0 0;
    font-weight: 500;
    font-size: 20px;
    line-height: 23px;
    text-align: center;
    color: #fff
}

.how-to-install-popup--v2 .how-to-install-popup__instruction {
    position: relative;
    margin: 42px auto 0;
    width: 247px;
    height: 139px
}

.how-to-install-popup--v2 .how-to-install-popup__instruction__image {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    border-radius: 10px;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    visibility: hidden
}

.how-to-install-popup--v2 .how-to-install-popup__instruction__image.active {
    z-index: 2;
    visibility: visible
}

.how-to-install-popup--v2 .how-to-install-popup__instruction__hand {
    position: absolute;
    z-index: 3;
    width: 43px;
    height: 42px;
    background: url(/img/android/hand.png) 0 0 no-repeat;
    background-size: contain
}

.how-to-install-popup--v2 .how-to-install-popup__instruction[data-step="1"] .how-to-install-popup__instruction__hand {
    right: 14px;
    bottom: -54px
}

.how-to-install-popup--v2 .how-to-install-popup__instruction[data-step="1"] .how-to-install-popup__instruction__image:first-child {
    z-index: 2;
    visibility: visible
}

.how-to-install-popup--v2 .how-to-install-popup__instruction[data-step="2"] .how-to-install-popup__instruction__hand {
    right: 14px;
    bottom: -30px
}

.how-to-install-popup--v2 .how-to-install-popup__instruction[data-step="2"] .how-to-install-popup__instruction__image:nth-child(2) {
    z-index: 2;
    visibility: visible
}

.how-to-install-popup--v2 .how-to-install-popup__instruction[data-step="3"] .how-to-install-popup__instruction__hand {
    right: 8px;
    bottom: -46px
}

.how-to-install-popup--v2 .how-to-install-popup__instruction[data-step="3"] .how-to-install-popup__instruction__image:nth-child(3) {
    z-index: 2;
    visibility: visible
}

.how-to-install-popup--v2 .how-to-install-popup__instruction[data-step="4"] .how-to-install-popup__instruction__hand {
    right: 8px;
    bottom: -31px
}

.how-to-install-popup--v2 .how-to-install-popup__instruction[data-step="4"] .how-to-install-popup__instruction__image:nth-child(4) {
    z-index: 2;
    visibility: visible
}

.how-to-install-popup--v2 .how-to-install-popup__button {
    display: block;
    box-sizing: border-box;
    margin: 72px auto 0;
    border: none;
    border-radius: 5px;
    padding: 21px 10px;
    width: 100%;
    max-width: 304px;
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    background: #7ed214
}

.how-to-install-popup--v2 .how-to-install-popup__button:hover {
    color: #fff
}

@keyframes fade-in {
    0% {
        opacity: 0
    }
}

@keyframes slide-up {
    0% {
        transform: translateY(10%)
    }
}

.a11y-dialog {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9999;
    overflow: auto
}

.a11y-dialog[aria-hidden=true] {
    display: none
}

.a11y-dialog-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(43, 46, 56, .9);
    animation: fade-in .2s both
}

.a11y-dialog-content {
    background-color: #fff;
    margin: auto;
    z-index: 2;
    position: relative;
    animation: fade-in .4s .2s both, slide-up .4s .2s both;
    padding: 15px;
    max-width: 90%;
    width: auto;
    border-radius: 2px
}

.a11y-dialog-close {
    position: absolute;
    top: 10px;
    right: 10px;
    border: 0;
    padding: 0;
    background-color: transparent;
    font-weight: 700;
    font-size: 17px;
    width: 20px;
    height: 20px;
    text-align: center;
    cursor: pointer;
    transition: .15s
}

.a11y-dialog h1 {
    margin: 0;
    font-size: 17px
}

.a11y-dialog-no-close-button .a11y-dialog-content {
    padding: 10px
}

.a11y-dialog-no-close-button .a11y-dialog-close {
    display: none
}

.notyf {
    z-index: 99999 !important
}

@keyframes ig-stories-loader-dot-animation {
    0%,
    30% {
        background-color: #7ed338
    }
    60%,
    to {
        background-color: #c4c4c4
    }
}

.ig-stories {
    margin: 60px 0;
    padding: 0 30px
}

.ig-stories__loader {
    position: relative;
    padding-top: 32px
}

.ig-stories__loader:not(:last-child) {
    margin-bottom: 60px
}

.ig-stories__loader__dot {
    position: absolute;
    left: 50%;
    top: 0;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    background-color: #c4c4c4;
    transform: translateX(-50%);
    animation-name: ig-stories-loader-dot-animation;
    animation-direction: normal;
    animation-duration: .6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.ig-stories__loader__dot:first-child {
    margin-left: -28px;
    animation-delay: 0s
}

.ig-stories__loader__dot:nth-child(2) {
    animation-delay: .2s
}

.ig-stories__loader__dot:nth-child(3) {
    margin-left: 28px;
    animation-delay: .4s
}

.ig-stories__loader__text {
    font-family: Roboto, sans-serif;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #353535
}

.ig-stories__container {
    margin: 0 auto;
    max-width: 650px
}

.ig-stories__user {
    position: relative
}

.ig-stories__user__photo {
    position: relative;
    margin: 0 auto;
    border-radius: 50%;
    width: 84px;
    height: 84px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.ig-stories__user__photo:before,
.ig-stories__user__photo img {
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    transform: translate(-50%, -50%)
}

.ig-stories__user__photo:before {
    content: "";
    display: none;
    width: 76px;
    height: 76px;
    background-color: #fff
}

.ig-stories__user__photo img {
    width: 72px;
    height: 72px
}

.ig-stories__user__notification {
    position: absolute;
    left: 50%;
    top: 7px;
    display: none;
    overflow: hidden;
    margin-left: 16px;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    line-height: 24px;
    white-space: nowrap;
    color: #fff;
    background-color: #e6010f;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: default;
    pointer-events: none;
    touch-action: none
}

.ig-stories__user__name,
.ig-stories__user__notification {
    font-family: Roboto, sans-serif;
    font-size: 16px;
    text-align: center
}

.ig-stories__user__name {
    margin: 8px 0 0;
    line-height: 20px;
    color: #000
}

.ig-stories__user--has-stories .ig-stories__user__photo {
    background: linear-gradient(45deg, #efac59, #f7a34b 14.98%, #a11392 96.54%)
}

.ig-stories__user--has-stories .ig-stories__user__notification,
.ig-stories__user--has-stories .ig-stories__user__photo:before {
    display: block
}

.ig-stories__user--clickable .ig-stories__user__photo {
    cursor: pointer
}

.ig-stories__highlight-slider {
    position: relative;
    overflow: hidden;
    margin: 19px -30px 0;
    padding: 0 30px;
    height: 87px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.ig-stories__highlight-slider__button {
    position: absolute;
    top: 32px;
    margin-top: -12px;
    border: none;
    padding: 0;
    width: 24px;
    height: 24px;
    font-size: 0;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAAt0lEQVR42pWUPQrDMAyFv7FQsO8QOuQEJvQGXXwCnyDgjh1EwDp6IUupYg16b7Pfk4X1g0Gm0OgIQqdRyLhIVAZqOKgkJlgR1KGwYrCZ2JaD7S+6kU8tv1eSScajkDhRp9c7Cx9zVgEyYyq/A8slrQzFld/ZUcMCLSBXGvSAXOmYH3qf8psjV8QaDh4AvHxDRwOWDg0NWBoUNGAppnDG8rwWzm+NY3Jew80Xbe/4AMVHNL4EwmvmC0sl0Qsr+vphAAAAAElFTkSuQmCC");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: transparent;
    opacity: 0;
    visibility: hidden;
    transition: opacity .15s, visibility .15s;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.ig-stories__highlight-slider__button:focus {
    outline: none
}

.ig-stories__highlight-slider__button--prev {
    left: 2px
}

.ig-stories__highlight-slider__button--next {
    right: 2px;
    transform: scaleX(-1)
}

.ig-stories__highlight-slider--scrollable-to-left .ig-stories__highlight-slider__button--prev,
.ig-stories__highlight-slider--scrollable-to-right .ig-stories__highlight-slider__button--next {
    opacity: 1;
    visibility: visible
}

.ig-stories__highlights {
    overflow-x: scroll;
    overflow-y: hidden;
    scroll-behavior: smooth;
    list-style-type: none;
    margin: 0;
    padding: 0 0 30px;
    font-size: 0;
    text-align: center;
    white-space: nowrap
}

.ig-stories__highlight {
    display: inline-block;
    vertical-align: top;
    margin-right: 19px;
    width: 64px;
    cursor: pointer
}

.ig-stories__highlight:last-child {
    margin-right: 0
}

.ig-stories__highlight__image {
    position: relative;
    margin: 0 auto;
    width: 64px;
    height: 64px
}

.ig-stories__highlight__image:before,
.ig-stories__highlight__image img,
.ig-stories__highlight__image span {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    overflow: hidden;
    border-radius: 50%;
    width: 54px;
    height: 54px;
    transform: translate(-50%, -50%)
}

.ig-stories__highlight__image:before {
    display: none;
    background: linear-gradient(45deg, #efac59, #f7a34b 14.98%, #a11392 96.54%)
}

.ig-stories__highlight__title {
    overflow: hidden;
    margin-top: 5px;
    font-family: Roboto, sans-serif;
    font-size: 13px;
    line-height: 18px;
    text-overflow: ellipsis;
    text-align: center;
    white-space: nowrap;
    color: #353535
}

.ig-stories__highlight--active .ig-stories__highlight__image:before {
    display: block
}

.ig-stories__highlight--active .ig-stories__highlight__image span {
    width: 46px;
    height: 46px
}

.ig-stories__highlight--active .ig-stories__highlight__title {
    font-weight: 500
}

.ig-stories__header {
    overflow: hidden;
    margin: 20px 0 36px;
    border-bottom: 1px solid #c4c4c4;
    padding: 16px 0;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #353535
}

.ig-stories__list {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    margin: 0 -10px -36px;
    padding: 0
}

.ig-stories__list--simple-mode {
    justify-content: center
}

.ig-stories__card {
    flex: 0 0 auto;
    box-sizing: border-box;
    margin-bottom: 36px;
    padding: 0 10px;
    width: 25%;
    height: -moz-max-content;
    height: max-content
}

.ig-stories__card__preview {
    position: relative;
    cursor: pointer
}

.ig-stories-test .ig-stories__card__preview {
    height: 100%
}

.ig-stories__card__preview:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(27, 27, 27, .4);
    opacity: 0;
    transition: opacity .15s
}

.ig-stories__card__preview img {
    display: block;
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover
}

.ig-stories__card__preview svg {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    width: 40px;
    height: 40px;
    fill: hsla(0, 0%, 97.6%, .8);
    opacity: 0;
    transform: translate(-50%, -50%);
    transition: opacity .15s
}

.ig-stories__card--video .ig-stories__card__preview:after,
.ig-stories__card--video .ig-stories__card__preview svg {
    opacity: 1
}

.ig-stories__card__button {
    display: block;
    box-sizing: border-box;
    overflow: hidden;
    margin-top: 18px;
    border: none;
    padding: 10px;
    width: 100%;
    height: 36px;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #353535;
    background: #7ed338;
    transition: color .15s;
    cursor: pointer
}

.ig-stories__card__button:hover {
    color: #000
}

.ig-stories__message {
    font-family: Roboto, sans-serif;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #000
}

.ig-stories__message:not(:last-child) {
    margin-bottom: 36px
}

.ig-stories__modal {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 50001;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 30px 60px;
    width: 100%;
    height: 100%;
    background-color: rgba(47, 47, 47, .95);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.ig-stories__modal__container {
    flex: 0 0 auto;
    width: calc(56.57371vh - 123.33068px);
    min-width: 284px;
    max-width: 100%
}

.ig-stories__modal__header {
    display: flex;
    justify-content: space-between
}

.ig-stories__modal__challenge__form {
    display: flex;
    flex-direction: column
}

.ig-stories__modal__challenge__img__ctr {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    background-color: #fff
}

.ig-stories__modal__challenge__input__ctr {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    margin-top: 16px;
    font-size: 16px
}

.ig-stories__modal__user {
    display: flex;
    flex: 0 1 auto;
    overflow: hidden;
    margin-right: 5px;
    text-decoration: none;
    text-overflow: ellipsis;
    color: #fff
}

.ig-stories__modal__user__photo {
    flex: 0 0 auto;
    margin-right: 10px
}

.ig-stories__modal__user__photo img {
    border-radius: 50%;
    width: 24px;
    height: 24px
}

.ig-stories__modal__user__name {
    flex: 0 1 auto;
    overflow: hidden;
    width: calc(100% - 34px);
    text-overflow: ellipsis;
    white-space: nowrap
}

.ig-stories__modal__date,
.ig-stories__modal__user__name {
    padding: 5px 0;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    line-height: 14px;
    color: #fff
}

.ig-stories__modal__date {
    flex: 0 0 auto;
    margin-left: 5px
}

.ig-stories__modal__progress {
    display: flex;
    margin-top: 16px;
    transform: translateZ(0)
}

.ig-stories__modal__progress__line {
    flex: 1 0 auto;
    overflow: hidden;
    margin-right: 2px;
    border-radius: 1px;
    height: 2px;
    background-color: hsla(0, 0%, 100%, .3)
}

.ig-stories__modal__progress__line:last-child {
    margin-right: 0
}

.ig-stories__modal__progress__line span {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    transform: scaleX(0);
    transform-origin: 0 0
}

.ig-stories__modal__progress__line--filled span {
    transform: scaleX(1)
}

.ig-stories__modal__slider {
    position: relative;
    margin: 16px auto 0;
    height: calc(100vh - 218px);
    max-width: calc(100vw - 78px);
    min-height: 300px
}

.ig-stories__modal__slider__button {
    position: absolute;
    top: 50%;
    border: none;
    padding: 0;
    margin-top: -17px;
    width: 34px;
    height: 34px;
    background: none;
    transition: opacity .15s;
    cursor: pointer
}

.ig-stories__modal__slider__button:disabled {
    opacity: .1;
    cursor: default
}

.ig-stories__modal__slider__button:focus {
    outline: none
}

.ig-stories__modal__slider__button svg {
    display: block;
    width: 100%;
    height: 100%
}

.ig-stories__modal__slider__button--prev {
    left: -48px;
    margin-left: -17px
}

.ig-stories__modal__slider__button--next {
    right: -48px;
    margin-right: -17px;
    transform: scaleX(-1)
}

.ig-stories__modal__slide {
    width: 100%;
    height: 100%;
    background-color: #000
}

.ig-stories__modal__slide__header {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    display: flex;
    justify-content: flex-end;
    box-sizing: border-box;
    padding: 20px 16px;
    width: 100%;
    height: 80px;
    background: linear-gradient(180deg, rgba(38, 38, 38, .8), rgba(38, 38, 38, 0))
}

.ig-stories__modal__slide__header button {
    border: none;
    padding: 8px;
    background: none;
    cursor: pointer
}

.ig-stories__modal__slide__header button:focus {
    outline: none
}

.ig-stories__modal__photo {
    width: 100%;
    height: 100%
}

.ig-stories__modal__photo img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.ig-stories__modal__video {
    width: 100%;
    height: 100%
}

.ig-stories__modal__video video {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.ig-stories__modal__button {
    display: block;
    box-sizing: border-box;
    overflow: hidden;
    margin-top: 16px;
    border: none;
    padding: 14px;
    width: 100%;
    height: 52px;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #000;
    background: #7ed338;
    cursor: pointer
}

.ig-stories__modal__challenge__button {
    font-size: 16px;
    height: 32px;
    line-height: 24px;
    padding: 4px
}

.ig-stories__modal__button:hover {
    color: #000
}

.ig-stories__modal__close {
    display: block;
    margin: 12px auto 0;
    border: none;
    padding: 5px;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: hsla(0, 0%, 100%, .6);
    background: none;
    cursor: pointer
}

.ig-stories__modal__close:focus {
    outline: none
}

@media (min-width:1024px) {
    .ig-stories-test .ig-stories__card__button {
        position: absolute;
        left: 20px;
        right: 20px;
        bottom: 10px;
        border-radius: 6px;
        width: auto;
        opacity: 0;
        transition: color .15s, opacity .15s
    }
    .ig-stories-test .ig-stories__card:hover .ig-stories__card__button,
    .ig-stories-test .ig-stories__card:hover .ig-stories__card__preview:after {
        opacity: 1
    }
}

@media (max-height:518px) {
    .ig-stories__modal {
        align-items: flex-start;
        overflow-y: scroll
    }
}

@media (max-width:768px) {
    .ig-stories__list {
        margin-right: auto;
        margin-left: auto;
        width: 504px
    }
    .ig-stories__card {
        width: 33.33%
    }
}

@media (max-width:584px) {
    .ig-stories__list {
        margin-right: -10px;
        margin-left: -10px;
        width: auto
    }
}

@media (max-width:530px) {
    .ig-stories__highlight-slider {
        margin-right: -15px;
        margin-left: -15px
    }
    .ig-stories__list {
        margin-right: auto;
        margin-left: auto;
        width: 336px
    }
    .ig-stories__card {
        width: 50%
    }
    .ig-stories__modal__slider__button--prev {
        left: -20px
    }
    .ig-stories__modal__slider__button--next {
        right: -20px
    }
}

@media (max-width:396px) {
    .ig-stories__list {
        margin-right: -10px;
        margin-left: -10px;
        width: auto
    }
}

@media (max-width:350px) {
    .ig-stories__card__button {
        font-size: 12px
    }
}

.captcha-dialog__document {
    background: transparent
}

.captcha-dialog__container {
    flex: 0 0 auto;
    width: calc(56.57371vh - 123.33068px);
    min-width: 284px;
    max-width: 100%
}

.captcha-dialog__form {
    display: flex;
    flex-direction: column
}

.captcha-dialog__img__ctr {
    background-color: #fff
}

.captcha-dialog__img__ctr,
.captcha-dialog__input__ctr {
    display: flex;
    justify-content: space-between;
    flex-direction: column
}

.captcha-dialog__button,
.captcha-dialog__input__ctr {
    margin-top: 16px;
    font-size: 16px
}

.captcha-dialog__button {
    display: block;
    box-sizing: border-box;
    overflow: hidden;
    border: none;
    padding: 4px;
    width: 100%;
    height: 32px;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #000;
    background: #7ed338;
    cursor: pointer
}

.captcha-dialog__button:hover {
    color: #000
}

.captcha-dialog__close {
    display: block;
    margin: 12px auto 0;
    border: none;
    padding: 5px;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: hsla(0, 0%, 100%, .6);
    background: none;
    cursor: pointer
}

.captcha-dialog__close:focus {
    outline: none
}

#c-ui-popup {
    box-sizing: border-box;
    margin: 0;
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-family: Roboto, sans-serif;
    line-height: 1.2;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999999999;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .8)
}

.c-ui-popup {
    margin: 0 auto;
    padding: 40px 80px;
    background-color: #fff;
    color: #333;
    text-align: center;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    border-radius: 10px;
    position: relative;
    overflow: auto
}

.c-ui-popup-btn-close {
    position: absolute;
    top: 20px;
    right: 20px;
    background-color: transparent;
    border: none;
    cursor: pointer
}

.c-ui-popup-content {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.c-ui-popup-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0 0 10px
}

.c-ui-popup-subtitle {
    font-size: 24px;
    margin: 0 0 30px
}

.c-ui-progress-bar {
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 10px;
    height: 14px
}

.c-ui-progress {
    height: 100%;
    border-radius: 20px;
    transition: width .4s ease
}

.c-ui-progress-text {
    width: 100%;
    align-self: flex-start;
    font-size: 14px;
    font-weight: 400;
    color: #8a8a8a;
    margin: 0 0 18px;
    text-align: left
}

.c-ui-download-button {
    padding: 14px 60px;
    margin: 10px 0 40px;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    border-radius: 10px;
    border: none;
    cursor: pointer
}

.c-ui-televzr-button {
    display: flex;
    align-items: center;
    padding: 22px 30px;
    margin: 2px auto 40px;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    color: #f9f9f9;
    background: linear-gradient(263.67deg, #35bffb 6.28%, #00a7ee 86.68%), #7ed338;
    border-radius: 10px;
    text-decoration: none;
    cursor: pointer
}

.c-ui-televzr-button:active,
.c-ui-televzr-button:hover {
    color: #f9f9f9
}

.c-ui-apk-button {
    display: flex;
    align-items: center;
    padding: 18px 30px;
    margin: 4px auto 40px;
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    background: #11bb36;
    border-radius: 80px;
    text-decoration: none;
    cursor: pointer
}

.c-ui-apk-button:active,
.c-ui-apk-button:hover {
    color: #fff
}

.c-ui-apk-button svg {
    vertical-align: middle;
    margin-right: 12px
}

.c-ui-video-info {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 600px;
    height: 200px
}

.c-ui-video-thumbnail {
    max-width: 250px;
    max-height: 187px;
    width: 250px;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    margin-right: 40px;
    border-radius: 4px
}

.c-ui-video-details {
    text-align: left
}

.c-ui-video-title {
    font-size: 20px;
    color: #636363;
    margin: 0 0 5px
}

.c-ui-video-duration {
    font-size: 18px;
    margin: 0 0 20px;
    color: #d9d9d9
}

.c-ui-video-quality {
    display: flex;
    align-items: center;
    gap: 10px
}

@media (max-width:480px) {
    .c-ui-popup {
        padding: 30px 20px
    }
    .c-ui-popup-btn-close {
        top: 1px;
        right: 1px
    }
    .c-ui-popup-title {
        font-size: 20px
    }
    .c-ui-popup-subtitle {
        font-size: 16px;
        margin-bottom: 20px
    }
    .c-ui-progress-text {
        font-size: 13px
    }
    .c-ui-download-button {
        font-size: 18px;
        padding: 10px 40px;
        margin: 0 0 20px
    }
    .c-ui-televzr-button {
        font-size: 18px;
        padding: 10px 30px;
        margin: 0 0 20px
    }
    .c-ui-video-info {
        flex-direction: column;
        height: auto
    }
    .c-ui-video-thumbnail {
        margin-right: 0;
        margin-bottom: 20px
    }
    .c-ui-video-details {
        text-align: center
    }
    .c-ui-video-title {
        font-size: 16px
    }
    .c-ui-video-duration {
        font-size: 14px;
        margin-bottom: 10px
    }
    .c-ui-video-quality {
        font-size: 14px;
        justify-content: center
    }
}

.exp-bc {
    padding: 10px 0 13px !important
}

.breadcrumb {
    max-width: 970px;
    margin: 10px auto;
    padding: 10px 0 13px 15px;
    font-size: 14px;
    line-height: 1.5;
    color: #333
}

.breadcrumb ol {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start
}

.breadcrumb li {
    margin-right: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    align-items: center
}

.breadcrumb li:not(:last-child):after {
    content: ">";
    margin-left: 8px;
    color: #333;
    font-weight: 400;
    margin-right: 8px
}

.breadcrumb a {
    text-decoration: none
}

.breadcrumb a,
.breadcrumb span {
    color: #333;
    font-weight: 400
}

@media (max-width:450px) {
    .breadcrumb {
        font-size: 12px;
        padding: 8px 0 8px 10px
    }
    .breadcrumb ol {
        flex-wrap: wrap
    }
    .breadcrumb li {
        margin-right: 5px;
        margin-bottom: 5px;
        overflow: visible;
        text-overflow: clip;
        white-space: normal
    }
    .breadcrumb li:not(:last-child):after {
        margin-left: 5px;
        margin-right: 5px
    }
}

.login-wrapper {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 50px
}

.mail-form-verify {
    display: none
}

.mail-form-auth,
.mail-form-verify {
    max-width: 558px;
    width: 100%;
    padding: 30px 49px;
    background: #fff;
    border-radius: 8px
}

.login-form__title {
    font-family: Inter;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.375;
    color: #1f2020;
    margin-bottom: 0
}

.login-form__text {
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #1f2020;
    margin: 32px 0
}

.login-form__email {
    display: flex;
    flex-direction: column
}

.login-form__email.error span {
    color: #d90000
}

.login-form__email.error input {
    border-color: #d90000
}

.login-form__code span,
.login-form__email span {
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #1f2020;
    margin-bottom: 8px
}

.login-form__email input {
    outline: none;
    background: none;
    border: 1px solid hsla(0, 0%, 42.4%, .30196078431372547);
    padding: 8px 10px;
    border-radius: 4px;
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #1f2020
}

.login-form__code {
    display: flex;
    flex-direction: column
}

.login-form__code.error span {
    color: #d90000
}

.login-form__code.error input {
    border-color: #d90000
}

.login-form__code.error .login-form__code-input span {
    color: #1f2020
}

.login-form__code-input {
    display: flex;
    align-items: center;
    gap: 4px;
    border: 1px solid hsla(0, 0%, 42.4%, .30196078431372547);
    padding-right: 10px;
    border-radius: 4px;
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #1f2020
}

.login-form__code-input input {
    border: none;
    outline: none;
    background: none;
    padding: 8px 10px;
    flex-grow: 1;
    height: 100%
}

.login-form__code-input span {
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #1f2020;
    margin: 0;
    opacity: .5
}

.login-form__bottom {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 32px
}

.login-form__button {
    outline: none;
    border: none;
    background: #007bff;
    padding: 10px 89.5px;
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #fff;
    border-radius: 4px;
    cursor: pointer
}

.login-form__code-resend {
    z-index: 10;
    outline: none;
    border: none;
    cursor: pointer;
    background: transparent
}

.pro-text {
    color: #007bff;
    font-weight: 700
}

.logo-wrapper {
    display: flex;
    align-items: center;
    justify-content: center
}

.logo {
    margin: auto;
    width: auto;
    position: relative
}

.logo .logo-img {
    width: 134px;
    height: 32px;
    margin-left: -16px;
    margin-right: 16px
}

@media (max-width:768px) {
    .logo .logo-img {
        width: 100px;
        height: 24px;
        margin-right: 16px
    }
}

.logo .pro-img {
    position: absolute;
    width: 24px;
    height: 16px;
    right: -16px
}

.pinterest-page .advantages__block-text p {
    font-size: 16px;
    color: #333;
    opacity: .7
}

.pinterest-page .advantages__block-text h4 {
    font-size: 18px
}

.pinterest-page .b-instruction .b-heading p {
    margin-bottom: 0
}

.pinterest-page .b-instruction-col h3 {
    font-size: 18px
}

.pinterest-page .text-box p:last-child {
    margin-bottom: 0
}

.pinterest-page .check-list-intro,
.pinterest-page ul.check-list {
    max-width: 636px;
    margin-left: auto;
    margin-right: auto
}

.pinterest-page ul.check-list {
    list-style: none;
    padding-inline-start: 0
}

.pinterest-page ul.check-list li {
    position: relative;
    padding-inline-start: 32px;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 10px;
    color: rgba(51, 51, 51, .7)
}

.pinterest-page ul.check-list li strong {
    color: #333
}

.pinterest-page ul.check-list li:before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    top: 3px;
    width: 20px;
    height: 20px;
    background: url(/img/articles/benefit/check.svg) no-repeat 50%/contain
}

.pinterest-page .b-instruction {
    padding-top: 48px;
    padding-bottom: 48px
}

.pinterest-page .advantages__block--media {
    align-items: center
}

.pinterest-page .tips-heading {
    margin-top: 0
}

.pinterest-page ul.tips-list {
    list-style: none;
    padding-inline-start: 0;
    max-width: 636px;
    margin-left: auto;
    margin-right: auto
}

.pinterest-page ul.tips-list li {
    position: relative;
    padding-inline-start: 32px;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 10px;
    color: rgba(51, 51, 51, .7)
}

.pinterest-page ul.tips-list li:before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    top: 3px;
    width: 20px;
    height: 20px;
    background: url(/img/articles/benefit/star.svg) no-repeat 50%/contain
}

.pinterest-page .other-services .main-favicon {
    font-size: 16px;
    background-size: 26px 26px
}

.pinterest-page .icon-pinterest_com {
    background-image: url(/img/main/icons/pinterest.svg)
}

.pinterest-page .other-services .icon-facebook_com {
    background-image: url(/img/main/icons/facebook.svg)
}

.pinterest-page .other-services .icon-instagram_com {
    background-image: url(/img/main/icons/instagram.svg)
}

.pinterest-page .other-services .icon-tiktok_com {
    background-image: url(/img/main/icons/tiktok.svg)
}

.pinterest-page .other-services .icon-twitter_com {
    background-image: url(/img/main/icons/twitter.svg)
}

.pinterest-page .other-services .icon-youtube_com {
    background-image: url(/img/main/icons/youtube.svg)
}

.pinterest-page .other-services .icon-mov {
    background-image: url(/img/main/icons/mov.svg)
}

.pinterest-page .sf_faq {
    padding-bottom: 30px
}

@media (min-width:920px) {
    .pinterest-page .advantages__block.reverse-desktop {
        flex-direction: row-reverse
    }
}

@media only screen and (max-width:919px) {
    .pinterest-page .b-instruction-col:last-child {
        margin-bottom: 0
    }
    .pinterest-page .other-services .main-favicon {
        font-size: 18px;
        height: 40px;
        line-height: 40px;
        background-position: 0
    }
    .pinterest-page .b-instruction-col h3,
    .pinterest-page .b-instruction-col p {
        text-align: center
    }
    .pinterest-page .b-instruction-col:last-child p:last-child {
        margin-bottom: 0
    }
    .pinterest-page .b-instruction {
        padding-bottom: 30px
    }
}

.pinterest-page .sf_faq .faq_item_content {
    max-width: none
}

.pinterest-page .sf_faq .faq_item_content>div>* {
    box-sizing: border-box
}