目錄 大字 小字 背景 關燈

Advertisements

test

Advertisements

jogar futebol livre - jogar futebol livre-

html,

body,

div,

span,

let,

object,

iframe,

h1,

h2,

h3,

h4,

h5,

h6,

p,

blockquote,

pre,

a,

abbr,

acronym,

address,

big,

cite,

code,

del,

dfn,

em,

img,

ins,

kbd,

q,

s,

samp,

small,

strike,

strong,

sub,

sup,

tt,

var,

b,

u,

i,

center,

dl,

dt,

dd,

ol,

ul,

li,

fieldset,

form,

label,

legend,

table,

caption,

tbody,

tfoot,

thead,

tr,

th,

td,

article,

aside,

canvas,

details,

embed,

figure,

figcaption,

footer,

header,

hgroup,

menu,

nav,

output,

ruby,

section,

summary,

time,

mark,

audio,

video {

margin: 0;

padding: 0;

border: 0;

font: inherit;

vertical-align: baseline

}

html {

overflow-x: hidden

}

#inf_bnr_1 #ll img {

ma

Advertisements

Advertisements

adding-right: 25px

}

.menu_wrer {

left: 0;

top: 64px;

width: 100%

}

.header_block:first-child {

padding-right: 0;

flex-direction: column;

align-items: center;

height: 64px;

margin: 0

}

body {

padding-left: 10px;

padding-right: 10px;

font-size: 16px

}

.footer_links {

width: calc(100% 20px);

margin-left: -10px;

box-sizing: border-box;

border-radius: 0

}

.footer .copy {

text-align: center

}

.p-captcha .burger_shown .tabs,

.p-suggest .burger_shown .tabs,

.p-article .burger_shown .tabs,

.p-articles_list .burger_shown .tabs,

.p-download_index .burger_shown .tabs,

.p-dmca .burger_shown .tabs,

.p-tags .burger_shown .tabs,

.p-tag .burger_shown .tabs {

width: 100%;

box-sizing: border-box;

padding: 15px 50px 15px 10px;

top: 64px;

left: 0

}

.p-captcha .burger_shown .header_block.l::before,

.p-suggest .burger_shown .header_block.l::before,

.p-article .burger_shown .header_block.l::before,

.p-articles_list .burger_shown .header_block.l::before,

.p-download_index .burger_shown .header_block.l::before,

.p-dmca .burger_shown .header_block.l::before,

.p-tags .burger_shown .header_block.l::before,

.p-tag .burger_shown .header_block.l::before {

left: auto;

right: 14px;

top: 92px

}

.form_h1 {

font-size: 32px;

margin-bottom: 20px

}

.name_top_prog {

width: 100%;

text-overflow: ellipsis;

overflow: hidden

}

}

@media screen and (max-width:380px) {

.left_col,

.content .relative>a,

.content .relative>div,

.ab1 {

margin-bottom: 10px

}

.right_container .aaa3 {

min-height: 150px

}

}

@media screen and (max-width:356px) {

.ab320,

.adv_wrap_336,

.adv_wrap_336>ins {

width: 300px;

max-width: 100%

}

}

@media (max-height:700px) {

#mdl-general .mdl-container {

top: 10px;

max-height: calc(100% - 20px)

}

#mdl-general .mdl-close {

top: 25px;

right: 25px

}

}

@media not all and (min-resolution:.001dpcm) {

@supports (-webkit-earance:none) {

.tabs {

margin-bottom: -2px

}

@media (min-width:651px) and (max-width:1100px) {

.right_container>.relative {

display: -webkit-box;

display: -webkit-flex;

display: -moz-box;

display: -ms-flexbox;

display: flex;

-webkit-flex-wrap: wrap;

-ms-flex-wrap: wrap;

flex-wrap: wrap;

justify-content: center

}

.right_container .fdm_block.th {

max-width: 50%

}

}

@media (max-width:760px) and (max-height:400px) {

.suggest_modal .mdl-container {

position: fixed;

top: 0;

bottom: 0;

right: 0;

margin: 0;

left: 0;

width: 100%;

height: 100%;

box-sizing: border-box

}

}

@media (min-width:501px) and (max-width:950px) {

.header {

height: 64px

}

}

}

}

.lang {

flex-shrink: 0

}

.lang_slct {

position: relative;

padding-left: 42px;

padding-right: 4px;

color: #fff;

cursor: pointer;

font-size: 16px;

font-family: "Roboto Medium", "Helvetica Neue", "Helvetica", "Arial", sans-serif

}

.lang_slct:before {

content: '';

display: block;

width: 30px;

height: 30px;

position: absolute;

left: 0;

top: -5px;

border-radius: 2px

}

.lang_slct.en:before,

.lang_dd a.en:before {

background: url('data:image/svg xml;charset=utf-8,') no-repeat

}

.lang_slct.ru:before,

.lang_dd a.ru:before {

background: url('data:image/svg xml;charset=utf-8,') no-repeat

}

.lang_slct.de:before,

.lang_dd a.de:before {

background: url('data:image/svg xml;charset=utf-8,') no-repeat

}

.lang_slct.fr:before,

.lang_dd a.fr:before {

background: url('data:image/svg xml;charset=utf-8,') no-repeat

}

.lang_slct.es:before,

.lang_dd a.es:before {

background: url('data:image/svg xml;charset=utf-8,') no-repeat

}

.lang_slct.pt:before,

.lang_dd a.pt:before {

background: url('data:image/svg xml;charset=utf-8,') no-repeat

}

.lang_dd {

position: absolute;

right: -7px;

top: 30px;

width: 80px;

background-color: #fff;

border: 1px solid #e5e5e5;

border-radius: 6px;

z-index: 100000

}

.lang_dd a {

display: block;

padding-left: 40px;

line-height: 28px;

color: #4e6680;

position: relative

}

.lang_dd a:hover {

color: #188ACA

}

.lang_dd a:before {

content: '';

display: block;

position: absolute;

left: 7px;

top: 50%;

width: 20px;

height: 20px;

transform: translate(0, -50%);

border-radius: 2px

}

.lang_dd {

top: 73px

}

@media (max-width:950px) {

.lang_dd {

top: 63px

}

}

@media (max-width:500px) {

.lang_dd {

top: 39px

}

}

@font-face {

font-family: 'Roboto';

src: url(https://api.123icons.com/template/company/blog8/static/font/Roboto-Regular.ttf);

font-display: swap

}

@font-face {

font-family: 'Roboto Medium';

src: url(https://api.123icons.com/template/company/blog8/static/font/Roboto-Medium.ttf);

font-display: swap

}

@font-face {

font-family: 'Roboto Condensed';

src: url(https://api.123icons.com/template/company/blog8/static/font/RobotoCondensed-Regular.ttf);

font-display: swap

}

@font-face {

font-family: 'Roboto Condensed Light';

src: url(https://api.123icons.com/template/company/blog8/static/font/RobotoCondensed-Light.ttf);

font-display: swap

}

@font-face {

font-family: 'Roboto Condensed Medium';

src: url(https://api.123icons.com/template/company/blog8/static/font/roboto-condensed-medium.ttf);

font-display: swap

}

.ab1 {

border-radius: 0 0 6px 6px

}

.column_content {

padding: 0 30px;

clear: both;

margin-bottom: 40px

}

.column_content.specs {

clear: none

}

.wrer .left_col {

display: flex;

flex-direction: column

}

.update_info {

color: #888;

margin: auto 0 0;

padding: 0 30px 22px;

font-size: 14px

}

div.ad_strip_noline {

padding-top: 18px;

text-align: center;

margin: 3px auto 0;

background: url(https://api.123icons.com/template/company/blog8/static/image/ad_strip_noline.png) center top 3px no-repeat

}

.ab1 .adv_wrap.ad_strip_noline {

width: 100%;

max-width: 100%;

border-radius: 0 0 6px 6px

}

#inf_bnr_0 {

background-color: #fff;

border-radius: 0 0 6px 6px

}

.ab1 .adv_wrap.ad_strip_noline>ins {

width: 100%;

max-width: 100%

}

.ab320,

#inf_bnr_1 {

flex-shrink: 0;

float: right;

margin-right: 30px;

margin-left: 30px;

margin-bottom: 20px;

text-align: center

}

body.p-program #inf_bnr_1 {

margin-top: 30px

}

.fdm_block {

background-color: #fff;

border-radius: 6px;

width: 100%;

display: block;

margin-bottom: 20px;

box-sizing: border-box

}

.fdm_block:last-child {

margin-bottom: 0;

border-bottom-right-radius: 0;

border-bottom-left-radius: 0

}

.fdm_block.download_block {

border-radius: 6px;

overflow: hidden

}

.fdm_block .h3 {

background-color: #0e2a40;

color: #fff;

border-radius: 6px 6px 0 0;

font-size: 24px;

font-weight: 400;

padding: 16px 20px 12px;

letter-spacing: 0.2px;

font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", "Arial", sans-serif

}

.fdm_block .software_item {

border-bottom: 1px solid #DEE5EA;

padding: 10px 20px;

width: 100%;

display: flex;

align-items: center;

box-sizing: border-box

}

.fdm_block .software_item__link {

display: flex;

align-items: center

}

.fdm_block .software_item__link:hover {

text-decoration: none

}

.fdm_block .software_item__link span:hover {

text-decoration: underline

}

.fdm_block .software_item:last-child {

border-bottom: none

}

.fdm_block .icon60 {

margin-right: 15px

}

.fdm_block a {

color: #188ACA;

letter-spacing: 0.4px;

word-break: break-word

}

.latest_software_block.fdm_block a:hover {

text-decoration: underline

}

.fdm_block p {

color: #888888;

font-size: 14px;

margin-top: 7px

}

.fdm_block .software_item div {

width: 100%

}

.fdm_block .latest_download_button {

display: block;

width: 24px;

height: 24px;

background: url('data:image/svg xml;charset=utf-8,xml version="1.0" encoding="UTF-8"?>

') no-repeat center center;

float: right;

margin-top: 2px;

margin-left: 5px

}

.fdm_block .latest_download_button:hover {

background: url('data:image/svg xml;charset=utf-8,xml version="1.0" encoding="UTF-8"?>

') no-repeat

}

.latest_software_block.fdm_block .icon60 {

cursor: pointer

}

.th {

display: block;

border: 4px solid #fbdc69;

padding: 11px 16px 16px;

background: #fdf99f url(https://api.123icons.com/template/company/blog8/static/image/th_bg.png) no-repeat right;

background-size: cover

}

.th:hover {

text-decoration: none

}

a.th.fdm_block .h3 {

color: #333;

text-shadow: 0 5px 5px #fdf99f, 5px 0 5px #fdf99f, 0 -5px 5px #fdf99f;

position: relative;

padding: 0;

background-color: transparent;

font-size: 36px;

line-height: 42px;

margin-bottom: 20px;

font-family: "Roboto Condensed Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif

}

a.th.fdm_block .h3 span {

position: relative;

z-index: 1

}

a.th.fdm_block .h3:before {

content: '';

position: absolute;

width: 100%;

height: 120%;

background-color: #fdf99f;

top: 0;

left: 0;

opacity: .3;

filter: blur(7px);

z-index: 0

}

html[lang=es] a.th.fdm_block .h3 {

font-size: 27px;

line-height: 32px;

margin-right: 69px

}

html[lang=pt] a.th.fdm_block .h3 {

margin-right: 90px

}

html[lang=fr] a.th.fdm_block .h3 {

font-size: 33px;

line-height: 38px

}

a.th.fdm_block:hover .software_item span {

color: #bc260d

}

.fdm_block.th .software_item {

padding: 0 50px 0 0;

align-items: start

}

.fdm_block.th .software_item span {

text-shadow: 0 5px 5px #fdf99f, 5px 0 5px #fdf99f, 0 -5px 5px #fdf99f;

display: -webkit-box;

-webkit-box-orient: vertical;

-moz-box-orient: vertical;

-ms-box-orient: vertical;

-o-box-orient: vertical;

-webkit-line-clamp: 2;

-moz-line-clamp: 2;

-ms-line-clamp: 2;

-o-line-clamp: 2;

overflow: hidden;

color: #4785bc;

font-size: 19px;

line-height: 24px;

font-family: "Roboto Medium", "Helvetica Neue", "Helvetica", "Arial", sans-serif

}

.fdm_block.th .software_item p {

text-shadow: 0 5px 5px #fdf99f, 5px 0 5px #fdf99f, 0 -5px 5px #fdf99f;

margin-top: 2px

}

.right_container .fdm_block.th {

border-bottom: 4px solid #fbdc69

}

.th .icon72 {

width: 72px;

height: 72px;

margin-right: 17px

}

.related_suggestions .software_item {

border-bottom: none;

padding-bottom: 0

}

.related_suggestions .software_item:last-child {

padding-bottom: 16px

}

.fdm_block.related_suggestions .h3 .software_item {

padding-top: 16px

}

.related_suggestions a {

position: relative;

display: table;

padding-left: 20px

}

.related_suggestions a:before {

content: '';

display: block;

width: 9px;

height: 9px;

position: absolute;

top: 5px;

left: 5px;

background: url('data:image/svg xml;charset=utf-8,') no-repeat

}

.main_title {

padding: 17px 30px 20px;

background-color: #0e2a40

}

.main_title .wrer_prog_name {

display: flex;

align-items: center;

position: relative

}

.main_title .icon72 {

margin-right: 27px

}

.wrer_prog_name .icon72.lazy {

background-color: #fff

}

.main_title h1 {

font: 40px/47px "Roboto Condensed", "Helvetica Neue", "Helvetica", "Arial", sans-serif;

color: #fff;

margin-bottom: 4px;

word-break: break-word

}

.main_title .by_dev {

color: #DEE5EA;

font-size: 18px;

line-height: 21px;

letter-spacing: -0.4px

}

.wrer_prog_info {

display: flex;

border-bottom: 1px solid #DEE5EA;

margin-bottom: 18px

}

.wrer_prog_info .item {

width: 33.33%;

display: flex;

justify-content: center;

align-items: center;

padding: 29px 20px 26px;

border-right: 1px solid #DEE5EA;

box-sizing: border-box

}

.wrer_prog_info .item:first-child {

padding-left: 30px;

background-color: #EFF3F6;

justify-content: start

}

.wrer_prog_info .item:first-child:not(.item_gone) {

cursor: pointer

}

.wrer_prog_info .item:first-child:not(.item_gone):hover:before {

content: '';

display: block;

position: absolute;

top: 0;

bottom: 0;

left: 0;

right: 0;

background-color: #139255;

z-index: 0

}

.wrer_prog_info .item:first-child:hover {

position: relative

}

.wrer_prog_info .item:first-child:hover .prog_download {

position: relative;

z-index: 1

}

.item:hover .prog_download:not(.gone) a,

.item:hover .prog_download:not(.gone) div {

color: #fff

}

.item:hover .prog_download:not(.gone):before {

background: url('data:image/svg xml;charset=utf-8,xml version="1.0" encoding="UTF-8"?>') no-repeat

}

.wrer_prog_info .item:last-child {

border-right: none;

padding-right: 30px

}

.prog_download {

display: flex;

align-items: center;

justify-content: center;

box-sizing: border-box;

transition: color .2s linear

}

.wrer_prog_info .item.removed:first-child:not(.item_gone):hover:before {

background-color: #8D9CAC

}

.removed .prog_download a,

.removed .prog_download div {

color: #424242

}

.removed .prog_download:before,

.removed .prog_download.removed.gone:before {

background: url('data:image/svg xml;charset=utf-8,xml version="1.0" encoding="UTF-8"?>') no-repeat

}

.prog_download:before,

.prog_download.removed.gone:before {

content: '';

width: 36px;

height: 36px;

flex-shrink: 0;

position: static;

transform: none;

margin-right: 28px;

background: url('data:image/svg xml;charset=utf-8,xml version="1.0" encoding="UTF-8"?>') no-repeat

}

.prog_download.removed.gone:before,

.prog_download.removed:before {

filter: grayscale(1) opacity(0.5)

}

.prog_download.gone,

.prog_download.gone:hover {

cursor: default

}

.prog_download.gone:before {

background: url('data:image/svg xml;charset=utf-8,') no-repeat center

}

.prog_download.gone div {

color: #a2aeb7

}

.prog_download a,

.prog_download div {

color: #139255;

font: 28px/24px "Roboto Condensed Medium", "Helvetica Neue", "Helvetica", "Arial", sans-serif

}

.prog_download a:hover {

text-decoration: none

}

.prog_download.removed a,

.prog_download.removed div {

color: #a2aeb7

}

.prog_download span {

display: block;

margin-top: 7px;

font-size: 14px;

line-height: 16px;

font-family: 'Roboto', "Helvetica Neue", "Helvetica", "Arial", sans-serif

}

.wrer_prog_info p {

background-image: url("https://api.123icons.com/template/company/blog8/static/image/text_sprite.svg");

background-repeat: no-repeat

}

html[lang=de] .wrer_prog_info p {

background-image: url("https://api.123icons.com/template/company/blog8/static/image/text_sprite_de.svg")

}

html[lang=es] .wrer_prog_info p {

background-image: url("https://api.123icons.com/template/company/blog8/static/image/text_sprite_es.svg")

}

html[lang=fr] .wrer_prog_info p {

background-image: url("https://api.123icons.com/template/company/blog8/static/image/text_sprite_fr.svg")

}

html[lang=pt] .wrer_prog_info p {

background-image: url("https://api.123icons.com/template/company/blog8/static/image/text_sprite_pt.svg")

}

html[lang=ru] .wrer_prog_info p {

background-image: url("https://api.123icons.com/template/company/blog8/static/image/text_sprite_ru.svg")

}

.user_rate {

background-position: 0 0;

width: 86px;

height: 19px;

flex-shrink: 0;

float: left;

margin: 0 26px 7px 0

}

html[lang=de] .user_rate {

width: 135px;

margin-right: 10px

}

html[lang=fr] .user_rate {

width: 163px

}

html[lang=pt] .user_rate {

width: 165px

}

.prog_averagerate .rate_wrap,

.prog_rate .rate_wrap {

float: left;

margin-right: 0;

margin-bottom: 7px

}

.rate_it {

background-position: 0 -30px;

width: 54px;

height: 19px;

float: left;

margin: 0 26px 7px 0

}

html[lang=de] .rate_it {

width: 73px

}

html[lang=es] .rate_it {

width: 79px

}

html[lang=fr] .rate_it {

width: 81px

}

html[lang=pt] .rate_it {

width: 88px

}

html[lang=ru] .rate_it {

width: 107px;

margin-right: 10px

}

.prog_averagerate .rate_info,

.prog_rate .rate_info {

font-size: 14px;

color: #888;

clear: both;

position: relative;

top: -1px

}

.prog_averagerate {

display: block

}

.prog_content {

display: block;

width: 100%;

margin-bottom: 20px

}

.quick_specs {

overflow: hidden;

margin-bottom: 17px;

display: table;

max-width: 492px

}

.quick_specs>div {

position: relative;

width: 100%;

display: flex;

border-bottom: 1px solid #DEE5EA;

justify-content: space-between

}

.quick_specs span,

.quick_specs .dev_link {

padding: 17px 0 18px 18px

}

.quick_specs .dev_link span {

padding: 0;

display: inline;

border: none

}

.quick_specs .head {

width: auto;

min-width: 216px;

font-size: 17px;

color: #666;

box-sizing: border-box;

position: relative;

z-index: 2;

padding-left: 0

}

.os_list {

word-break: break-word

}

.quick_specs .head span {

text-align: right

}

.prog_averagerate .rate_wrap,

.prog_averagerate .rate_wrap div,

.ref-items .rate_wrap,

.ref-items .rate_wrap div,

.prog_rate .rate_wrap,

.prog_rate .rate_wrap div,

.prog_rate .rate_fill,

.stars,

.stars>span,

.prog_rate .rate_blue {

width: 105px;

height: 16px

}

.prog_averagerate .rate_wrap,

.ref-items .rate_wrap {

background: url('data:image/svg xml;charset=utf-8,xml version="1.0" encoding="UTF-8"?>

') no-repeat;

position: relative;

margin-right: 10px;

flex-shrink: 0

}

.prog_averagerate .rate_wrap div,

.rate_wrap span:hover,

.prog_rate .rate_fill,

.row_review .rate_wrap div,

.stars span:hover,

.prog_rate .rate_blue,

.ref-items .rate_wrap div {

position: absolute;

background: url('data:image/svg xml;charset=utf-8,xml version="1.0" encoding="UTF-8"?>

') no-repeat

}

.stars {

background: url('data:image/svg xml;charset=utf-8,') no-repeat;

position: relative

}

.prog_rate .rate_wrap,

.row_review .rate_wrap {

background: url('data:image/svg xml;charset=utf-8,') no-repeat;

position: relative

}

.stars-rating:hover .rate_blue {

display: none

}

.rate_wrap span {

cursor: pointer;

display: block;

height: 16px;

width: 18px;

left: 0;

position: absolute;

top: 0;

background-size: cover

}

.rate_wrap .s1,

.stars span.st1 {

width: 20px

}

.rate_wrap .s2,

.stars span.st2 {

width: 42px

}

.rate_wrap .s3,

.stars span.st3 {

width: 64px

}

.rate_wrap .s4,

.stars span.st4 {

width: 86px

}

.rate_wrap .s5,

.stars span.st5 {

width: 105px

}

.report_ {

cursor: pointer;

font-size: 14px;

color: #888;

padding-left: 22px;

margin-top: 3px;

margin-bottom: 20px;

background: url('data:image/svg xml;charset=utf-8,') no-repeat;

background-size: 16px;

white-space: nowrap

}

.wrer_screenshots {

overflow-x: auto;

width: 100%;

white-space: nowrap;

margin-bottom: 30px

}

.one_screen .wrer_screenshots {

margin-bottom: 0

}

.wrer_screenshots img {

display: inline-block;

border-radius: 10px;

margin-right: 15px;

margin-bottom: 0;

object-fit: cover;

cursor: pointer;

border: 1px solid #DEE5EA;

height: 160px;

box-sizing: border-box

}

.wrer_screenshots img:last-child {

margin-right: 0

}

.one_screen {

float: left;

margin-right: 20px;

max-width: 100%;

width: 32%;

text-align: center;

position: relative;

margin-bottom: 20px

}

.one_screen .wrer_screenshots {

margin: 0;

overflow: hidden

}

.one_screen .wrer_screenshots img {

margin: 0 auto;

max-width: 100%;

width: 100%;

height: 160px;

object-position: top

}

.one_screen .screen_text {

font-size: 14px;

position: absolute;

bottom: 5px;

width: 100%;

background-color: rgba(0, 0, 0, .3);

color: #fff;

height: 23px;

line-height: 23px;

border-radius: 0 0 6px 6px

}

.one_screen #imgtd {

display: none

}

.one_screen .pub_descr {

margin-top: -6px

}

h3,

h2 {

font-size: 24px;

line-height: 28px;

margin-bottom: 20px;

letter-spacing: .3px;

font-family: "Roboto Condensed Medium", "Helvetica Neue", "Helvetica", "Arial", sans-serif

}

.pub_descr {

line-height: 26px;

margin-bottom: 30px

}

.pub_descr p {

margin-bottom: 15px

}

.from_dev,

.special_block {

padding: 20px 20px 4px;

background-color: #EFF3F6;

border-radius: 6px;

margin-bottom: 20px;

overflow: hidden;

clear: both

}

.en-desc-control {

margin-bottom: 10px

}

.en-desc-control .goog-te-sectional-gadget-link-text {

font-family: "Roboto Medium", "Helvetica Neue", "Helvetica", "Arial", sans-serif;

font-weight: 500

}

.special_block {

padding-bottom: 20px

}

.assets_link {

margin-bottom: 20px;

margin-top: 20px

}

.notice {

background-color: #fbf9d6;

padding: 14px 20px;

font-weight: 400;

font-size: 16px;

line-height: 1.4

}

strong {

font-weight: 700

}

.assets_link a {

color: #139255;

position: relative;

padding-left: 34px;

word-break: break-word;

overflow: hidden;

font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", "Arial", sans-serif

}

.assets_link .prog_download__hf,

.assets_link a {

font-size: 17px;

line-height: 1.5em;

font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif

}

.assets_link a:before {

content: '';

display: block;

width: 24px;

height: 24px;

position: absolute;

top: -2px;

left: 0;

background: url('data:image/svg xml;charset=utf-8,xml version="1.0" encoding="UTF-8"?>') no-repeat

}

.wrer_tutorials {

margin-bottom: 50px;

background-color: #EFF3F6;

border-radius: 6px;

padding: 30px 30px 20px

}

.wrer_tutorials h3 {

margin-bottom: 24px

}

.prog_articles {

display: flex;

flex-wrap: wrap

}

.article_item {

width: 49%;

display: flex;

margin-right: 2%;

margin-bottom: 20px

}

.article_item .fdm_block {

width: 128px;

height: 128px;

flex-shrink: 0;

margin-right: 16px;

margin-bottom: 0;

background-size: cover;

background-position: center

}

.article_item:nth-child(2n) {

margin-right: 0

}

.article_text h2 {

font-size: 20px;

line-height: 28px;

margin-bottom: 4px;

padding-top: 2px;

font-family: "Roboto Condensed Medium", "Helvetica Neue", "Helvetica", "Arial", sans-serif

}

.article_text p {

line-height: 22px;

display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 3;

overflow: hidden

}

.tutorials {

padding: 0 30px;

margin-bottom: 40px;

display: flex;

flex-wrap: wrap

}

.tutorials__item {

flex: 1;

margin-right: 2%;

margin-bottom: 20px;

background-color: #EFF3F6;

position: relative;

border-radius: 6px;

padding: 16px;

box-sizing: border-box;

color: #424242

}

.tutorials__item:hover {

text-decoration: none

}

.tutorials__item .fdm_block {

width: 100%;

height: 135px;

margin-bottom: 16px;

background-size: cover;

background-position: center

}

.tutorials__title {

font-size: 18px;

line-height: 21px;

font-family: "Roboto Medium", "Helvetica Neue", "Helvetica", "Arial", sans-serif

}

.tutorials__item .featured {

background-color: #40B4F0;

color: #fff;

border-radius: 5px;

padding: 0 17px;

text-transform: capitalize;

font-size: 14px;

font-family: "Roboto Medium", "Helvetica Neue", "Helvetica", "Arial", sans-serif;

position: absolute;

top: 36px;

left: 10px

}

.tutorials__item .featured.green {

background-color: #00b699;

min-width: 55px;

text-align: center

}

.tutorials__item:last-child {

margin-right: 0

}

.wrap_reviews {

margin-bottom: 30px

}

.row_review {

margin: 0 0 30px

}

.row_review .icon72 {

float: left;

margin-right: 10px

}

.row_review a {

font-size: 18px

}

.row_review .prog_title {

margin-bottom: 5px

}

.row_review .prog_rate {

font-size: 14px;

color: #73787c;

margin: 0 0 6px 58px;

width: auto

}

.row_review .rate_wrap {

width: 96px;

height: 15px;

position: relative;

display: inline-block;

margin-right: 5px;

overflow: hidden

}

.row_review .rate_wrap div {

width: 96px;

height: 15px;

background: url('data:image/svg xml;charset=utf-8,xml version="1.0" encoding="UTF-8"?>

') no-repeat

}

.row_review .prog_text {

overflow: hidden;

font-size: 15px;

line-height: 19px;

width: calc(100% - 83px)

}

.row_review .prog_free {

font: 12px/1 'Roboto Medium', sans-serif;

padding: 2px 9px 2px;

margin: 2px 0 0 8px;

height: auto;

position: relative;

color: #fff;

background-color: #139255;

border-radius: 10px;

display: inline;

line-height: 20px;

vertical-align: middle

}

.tips_list {

margin-bottom: 30px;

background-color: #EFF3F6;

border-radius: 6px;

padding: 8px 0

}

.tips_list li {

list-style: none;

display: block;

width: 100%;

padding: 10px 20px;

box-sizing: border-box

}

.tips_list a {

position: relative;

padding-left: 24px;

display: table;

overflow: hidden

}

.tips_list a:before {

content: '';

width: 14px;

height: 13px;

position: absolute;

top: 4px;

left: 0;

background: url('data:image/svg xml;charset=utf-8,') no-repeat

}

.wrer_tips {

margin-bottom: 40px

}

.wrer_tips .item {

margin-bottom: 20px

}

.wrer_tips .item:last-child {

margin-bottom: 0

}

.wrer_tips .title {

font-size: 20px;

font-family: "Roboto Medium", "Helvetica Neue", "Helvetica", "Arial", sans-serif;

display: block;

margin-bottom: 8px;

position: relative;

padding-left: 12px

}

.wrer_tips .title:before {

content: '';

display: block;

width: 7px;

height: 12px;

position: absolute;

top: 6px;

left: -2px;

background: url(data:image/svg xml;charset=utf-8,LINK1) no-repeat

}

.wrer_tips .dscr {

line-height: 26px

}

.suite-programs {

padding: 0 30px;

margin-bottom: 40px

}

.suite-programs__list {

display: flex;

flex-wrap: wrap;

list-style: none;

padding-top: 8px

}

.suite-programs__item {

display: flex;

align-items: center;

width: 49%;

margin-right: 2%;

margin-bottom: 16px

}

.suite-programs__item:nth-child(2n) {

margin-right: 0

}

.icon36 {

width: 36px;

height: 36px

}

.suite-programs__item .icon36 {

margin-right: 10px

}

html[lang=de] .prog_download a,

html[lang=de] .prog_download div,

html[lang=ru] .prog_download a,

html[lang=ru] .prog_download div {

font-size: 22px

}

html[lang=de] .prog_download:before,

html[lang=de] .prog_download.removed.gone:before,

html[lang=fr] .prog_download:before,

html[lang=fr] .prog_download.removed.gone:before,

html[lang=es] .prog_download:before,

html[lang=es] .prog_download.removed.gone:before {

margin-right: 18px

}

@media screen and (max-width:380px) {

html[lang=es] .prog_download a,

html[lang=es] .prog_download div {

font-size: 22px

}

html[lang=de] .prog_download a,

html[lang=de] .prog_download div {

font-size: 19px

}

}

.votes_quantity {

position: relative;

top: 1px

}

@media screen and (max-width:1200px) {

.main_title {

flex-wrap: wrap

}

.content_wrap {

display: flex;

flex-direction: column

}

.articles-nav,

.main_title,

.column_content.specs,

.wrer_prog_info {

order: -1

}

.column_content.specs {

margin-bottom: 20px

}

.quick_specs {

width: 100%;

max-width: 100%

}

.quick_specs .head {

width: 43%;

min-width: 0

}

.ab320,

#inf_bnr_1 {

margin: 0 auto 20px

}

#inf_bnr_1 {

float: none;

display: flex;

justify-content: center

}

.prog_download:before,

.prog_download.removed.gone:before {

margin-right: 20px

}

.prog_download a,

.prog_download div {

font-size: 26px;

line-height: 22px

}

.notice {

margin-bottom: 20px

}

}

@media screen and (min-width:1101px) {

.prog_content .quick_specs {

width: auto

}

.quick_specs>div {

padding: 10px;

display: block

}

.content .quick_specs .head span,

.content .quick_specs .dev_link {

margin-top: 3px;

display: block;

text-align: left;

padding: 0;

position: relative;

z-index: 3

}

}

@media screen and (max-width:1100px) {

.column_content.specs {

margin-bottom: 0

}

.right_container .how_to {

border-radius: 0 0 6px 6px;

overflow: hidden

}

.fdm_block .software_item {

padding: 20px

}

.fdm_block.related_suggestions .software_item {

padding: 8px 20px

}

.fdm_block.related_suggestions .h3 .software_item {

padding-top: 20px

}

.fdm_block.related_suggestions .software_item:last-child {

padding-bottom: 20px

}

.ab320 .adsbygoogle {

height: auto !important

}

}

@media screen and (min-width:951px) {

.header {

margin-bottom: 0

}

.menu_wrer {

display: none

}

}

@media screen and (max-width:950px) {

.header {

margin-bottom: 60px

}

#inf_bnr_0,

.ab1 {

border-radius: 0 !important

}

h3,

h2 {

font-size: 22px;

line-height: 26px;

margin-bottom: 20px

}

.prog_articles {

flex-direction: column

}

.article_item {

width: 100%;

margin-right: 0;

margin-bottom: 20px

}

.article_item:last-child {

margin-bottom: 0

}

.ab1,

.left_col,

.content .relative>a,

.content .relative>div,

.footer .left_col {

margin-bottom: 15px

}

.column_content,

.column_content,

.update_info,

.wrer_tutorials,

.suite-programs,

.tutorials {

padding-left: 20px;

padding-right: 20px

}

.main_title {

padding: 20px

}

.wrer_prog_info .item:first-child {

padding-left: 20px

}

.wrer_prog_info .item:last-child {

padding-right: 20px

}

.main_title h1 {

font-size: 30px;

line-height: 35px

}

.main_title .by_dev {

font-size: 16px;

line-height: 19px

}

.report_ {

order: -1;

margin-right: 0

}

.prog_info__wrap {

flex-wrap: nowrap;

width: 100%

}

.prog_info__wrap>.prog_info {

width: 50%;

margin-right: 0;

border: 1px solid #CACACA;

box-sizing: border-box;

padding: 13px

}

.prog_info.prog_info__user {

border-radius: 6px 0 0 6px;

margin-bottom: 0

}

.prog_info.prog_info__rate {

border-radius: 0 6px 6px 0;

border-left: 0;

margin-bottom: 0

}

.prog_averagerate,

.prog_rate {

flex-wrap: wrap;

justify-content: center

}

.prog_info p {

width: 100%;

margin-right: 0;

background-position-x: center;

margin-bottom: 4px

}

.prog_info.prog_info__user {

padding-bottom: 10px

}

.wrer_screenshots {

margin-bottom: 40px;

margin-top: 0

}

.special_block {

padding: 15px

}

.from_dev {

width: 100%;

margin-left: -20px;

border-radius: 0

}

.assets_link .prog_download__hf,

.assets_link a {

font-size: 16px

}

.assets_link a {

padding-left: 30px

}

.assets_link a:before {

width: 20px;

height: 20px;

left: 0;

top: 0

}

}

@media screen and (max-width:820px) {

.tutorials__item {

flex: inherit;

width: 49%

}

.tutorials__item:nth-child(2n) {

margin-right: 0

}

}

@media screen and (max-width:800px) {

.one_screen {

width: 40%

}

html[lang=de] .prog_download a,

html[lang=de] .prog_download div {

font-size: 19px

}

}

@media screen and (max-width:680px) {

.wrer_prog_info .item {

padding: 20px 20px 15px

}

.prog_download a,

.prog_download div {

font-size: 22px;

line-height: 1

}

.prog_download:before,

.prog_download.removed.gone:before {

width: 25px;

height: 25px;

margin-right: 10px

}

.prog_download span {

font-size: 12px;

margin-top: 2px

}

.prog_averagerate .rate_info,

.prog_rate .rate_info {

font-size: 12px

}

html[lang=de] .user_rate {

margin-right: 0;

width: 124px;

background-size: 124px;

background-position-y: -1px

}

html[lang=fr] .user_rate {

margin-right: 0;

width: 120px;

background-size: 120px;

background-position-y: 3px

}

html[lang=pt] .user_rate {

margin-right: 0;

width: 120px;

background-size: 120px;

background-position-y: 5px

}

html[lang=de] .prog_download:before,

html[lang=de] .prog_download.removed.gone:before,

html[lang=fr] .prog_download:before,

html[lang=fr] .prog_download.removed.gone:before {

margin-right: 12px

}

html[lang=de] .prog_download:before,

html[lang=de] .prog_download.removed.gone:before {

width: 20px;

height: 20px

}

html[lang=de] .prog_download a,

html[lang=de] .prog_download div {

font-size: 17px

}

html[lang=fr] .prog_download a,

html[lang=fr] .prog_download div {

font-size: 19px

}

}

@media screen and (max-width:600px) {

.ab1 {

max-height: 153px

}

.ab1 .adv_wrap.ad_strip_noline>ins {

height: 100px

}

html[lang=de] .prog_download a,

html[lang=de] .prog_download div {

font-size: 13px

}

html[lang=de] .prog_download:before,

html[lang=de] .prog_download.removed.gone:before {

width: 25px;

height: 25px

}

.main_title .icon72 {

margin-top: 10px

}

.suite-programs__item {

width: 100%;

margin-right: 0

}

}

@media screen and (max-width:500px) {

.tutorials__item {

width: 100%;

margin-right: 0

}

}

@media screen and (max-width:570px) {

.quick_specs span,

.quick_specs .dev_link {

padding: 16px 0 16px 16px

}

.quick_specs .head,

.quick_specs>div:after {

width: 160px;

flex-shrink: 0

}

.quick_specs .head,

.quick_specs>div {

font-size: 15px;

align-items: center

}

.main_title {

flex-direction: column

}

.main_title .wrer_prog_name {

margin-right: 0

}

.one_screen {

width: 50%

}

}

@media screen and (max-width:500px) {

html[lang=de] .prog_download a,

html[lang=de] .prog_download div {

font-size: 19px

}

h3,

h2 {

font-size: 22px;

line-height: 26px

}

.ab1,

.left_col,

.content .relative>a,

.content .relative>div,

.footer .left_col {

margin-bottom: 10px

}

.wrer {

margin-bottom: 0

}

.column_content {

border-bottom: 0

}

.prog_averagerate {

flex-wrap: wrap

}

.article_item .fdm_block {

width: 100px;

height: 100px

}

.article_text h2 {

font-size: 18px;

line-height: 22px

}

.main_title {

padding: 20px

}

.main_title h1 {

font-size: 30px;

line-height: 35px;

margin-bottom: 1px

}

.main_title .by_dev {

font-size: 16px;

line-height: 19px

}

.main_title .icon72 {

margin-right: 18px

}

.prog_download {

width: 100%;

border-radius: 6px

}

.wrer_screenshots {

margin-bottom: 30px

}

.pub_descr p {

margin-bottom: 10px

}

.assets_link {

margin-top: 20px;

margin-bottom: 20px

}

.wrer_tutorials {

padding: 20px;

margin-bottom: 20px

}

.wrer_prog_info {

flex-wrap: wrap

}

.wrer_prog_info .item:first-child {

width: 100%;

display: flex;

justify-content: center;

order: 1

}

.wrer_prog_info .item {

width: 50%

}

.prog_averagerate,

.prog_rate {

display: flex;

flex-direction: column

}

.row_review .prog_text {

width: auto;

margin-top: 15px

}

}

@media (max-width:470px) {

.suggest_modal .mdl-container {

left: 10px;

right: 10px;

top: 50%;

transform: translateY(-50%);

margin: 0

}

.mdl-container form {

padding: 20px 20px 30px

}

.modal_input span,

.modal_text span {

padding-bottom: 10px

}

input[type=submit].btn {

margin-left: 0

}

input[type=text].inp_txt,

textarea.inp_txt {

display: block;

width: 100%;

box-sizing: border-box

}

}

@media screen and (max-width:420px) {

.quick_specs span,

.quick_specs .dev_link {

padding: 15px 0 15px 15px

}

.quick_specs .head,

.quick_specs>div:after {

width: 132px

}

}

@media screen and (max-width:380px) {

.articles-nav,

.main_title,

.column_content,

.wrer_tutorials,

.suite-programs {

padding-left: 20px;

padding-right: 20px

}

.main_title .icon72,

.row_review .icon72 {

width: 60px;

height: 60px

}

.main_title .icon72 {

margin-right: 20px

}

.prog_download:before,

.prog_download.removed.gone:before {

margin-right: 20px

}

.row_review .prog_text {

margin-top: 5px

}

}

.program__rating {

color: #474747;

font-family: "Roboto Condensed Medium", sans-serif;

font-size: 36px;

font-weight: 500;

padding-top: 0;

margin-bottom: 4px

}

.prog_averagerate {

display: flex;

align-items: center

}

.wrer_prog_info .item {

width: 50%;

width: auto;

padding-left: 30px;

padding-top: 17px;

padding-bottom: 14px;

justify-content: flex-start

}

.wrer_prog_info .item:first-child {

padding-right: 0

}

.prog_averagerate .rate_wrap {

margin-bottom: 0;

margin-right: 0

}

.prog_averagerate .rate_info {

padding: 5px 0 6px;

position: static;

min-height: 27px;

box-sizing: border-box

}

.rate_it {

margin-bottom: 0

}

.wrer_prog_info,

.quick_specs {

max-width: 552px;

width: 100%;

overflow: hidden

}

.column_content.specs {

padding: 0;

max-width: calc(100% - 396px)

}

.specs .prog_content {

padding-left: 30px;

box-sizing: border-box

}

.ab320 {

margin-top: 30px

}

.wrer_prog_info .item:last-child {

padding-right: 0

}

.wrer_prog_info .item:first-child {

padding-right: 20px

}

@media all and (max-width:1270px) {

.rate_it,

.prog_download:before,

.prog_download.removed.gone:before {

margin-right: 10px

}

}

@media all and (min-width:1281px) {

.wrer_prog_info .item:last-child {

margin-left: auto

}

.wrer_prog_info .item:first-child {

flex: 1;

max-width: 312px

}

}

@media all and (max-width:1280px) {

.content_wrap {

display: flex;

flex-direction: column

}

.articles-nav,

.main_title,

.column_content.specs,

.wrer_prog_info {

order: -1

}

.rate_it,

.prog_download:before,

.prog_download.removed.gone:before {

margin-right: 26px

}

.specs .prog_content {

padding-right: 30px

}

.ab320 {

margin-top: 0px;

margin-left: auto;

margin-right: auto

}

.wrer_prog_info {

max-width: 100%

}

.column_content.specs {

max-width: 100%

}

.quick_specs {

width: 100%;

max-width: 100%

}

.column_content.specs {

margin-bottom: 20px

}

.wrer_prog_info .item:last-child {

margin-left: auto;

margin-right: 30px

}

.wrer_prog_info .item:first-child {

padding-right: 30px

}

#inf_bnr_1 {

float: none;

display: flex;

justify-content: center

}

}

@media all and (max-width:680px) {

.rate_it,

.prog_download:before,

.prog_download.removed.gone:before {

margin-right: 10px

}

.pub_descr {

margin-bottom: 20px

}

}

@media all and (max-width:580px) {

.wrer_prog_info .item:last-child {

margin-right: 0;

margin-left: 0

}

.wrer_prog_info .item:first-child {

padding-right: 20px

}

}

@media all and (max-width:580px) and (min-width:521px) {

html[lang=ru] .wrer_prog_info .item:last-child,

html[lang=es] .wrer_prog_info .item:last-child,

html[lang=fr] .wrer_prog_info .item:last-child {

padding-right: 10px

}

html[lang=ru] .rate_it {

width: 69px;

background-size: 69px;

background-position: 0 -16px

}

html[lang=es] .wrer_prog_info .item,

html[lang=fr] .wrer_prog_info .item {

padding-left: 20px

}

html[lang=es] .rate_it {

width: 58px;

background-size: 130px;

background-position: 0 -19px

}

html[lang=fr] .rate_it {

width: 71px;

background-size: 139px;

background-position: 0 -23px

}

}

@media all and (max-width:520px) {

.wrer_prog_info {

flex-direction: column

}

.wrer_prog_info .item,

.wrer_prog_info .item:first-child,

.wrer_prog_info .item:last-child {

padding-left: 20px;

padding-right: 20px;

justify-content: center;

width: 100%

}

.wrer_prog_info .item:first-child {

order: inherit

}

.prog_averagerate {

flex-direction: row

}

.specs .prog_content {

padding-left: 20px;

padding-right: 20px

}

}

@media (min-width:357px) {

.ab320 {

min-width: 336px

}

}

@media (max-width:356px) {

.ab320 {

width: 100%

}

}

.blue {

color: #009ad7

}

.light_blue {

color: #80e3ff

}

.pink {

color: #d91746

}

.green {

color: #139255

}

.gray {

color: #838c90

}

.comments {

position: relative;

width: 100%;

overflow: hidden;

border-top: none;

-moz-box-shadow: none;

-webkit-box-shadow: none;

box-shadow: none

}

.wrap_comments_nav {

padding-left: 20px;

border-bottom: 1px solid #cfdce2;

height: 45px;

padding-top: 12px;

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

position: relative;

white-space: nowrap

}

.wrap_comments_nav a {

padding: 12px 16px 11px;

font-size: 16px;

position: relative;

bottom: 4px

}

.wrap_comments_nav a.active {

background-color: #f1f7f8;

color: #494949

}

.count {

border-bottom: 1px solid #e9eaed;

margin: 30px 0 0 20px;

padding-bottom: 5px;

font-size: 15px;

font-weight: 600

}

.cmts_title {

overflow: hidden;

padding: 0 30px 20px

}

.link_fb {

padding: 4px 0;

text-align: right

}

.hdr-h3 {

padding: 0;

margin-bottom: 0;

font-size: 24px;

font-family: "Roboto Condensed Medium", "Helvetica Neue", "Helvetica", "Arial", sans-serif;

float: left

}

.comments h2 {

float: left;

margin: 1px 10px 0 0;

font-size: 28px

}

.hdr-h3 {

padding: 0 20px 10px;

position: relative;

font-family: 'Roboto Condensed', sans-serif

}

#comments .hdr-h3,

.fb_wrap {

display: none

}

.cmnt {

padding: 10px 30px 0;

position: relative;

text-align: left;

line-height: 22px

}

.cmnt:last-child {

margin-bottom: 0

}

.cmnt_number {

position: absolute;

left: 18px;

color: #5a6266;

font-size: 15px;

line-height: 24px;

padding: 0 4px 0 8px;

background-color: #e6e9eb;

border-radius: 4px 0 0 4px

}

.cmnt_number:before {

content: '';

width: 0;

height: 0;

position: absolute;

top: 0;

right: -8px;

border-top: 12px solid transparent;

border-left: 8px solid #e6e9eb;

border-bottom: 12px solid transparent

}

#comments_container>.cmnt.is_top:after {

border-bottom-color: #ede9ca

}

.cmnt>.cmnt {

padding-left: 65px;

padding-right: 0;

margin-bottom: 0;

margin-top: 6px;

padding-bottom: 0;

position: relative

}

.cmnt>.cmnt:before {

content: '';

display: block;

width: 16px;

height: 19px;

position: absolute;

left: 37px;

top: 13px;

background: url('data:image/svg xml;charset=utf-8,') no-repeat

}

.cmnt>.cmnt>.cmnt .cmnt_options .link_reply,

.cmnt>.cmnt>.cmnt .separate {

display: none

}

.cmnt p {

line-height: 1.4;

margin: 0 0 7px;

letter-spacing: 0.1px;

max-width: 620px;

word-wrap: break-word

}

.cmnt .cmnt p {

max-width: 560px

}

.cmnt p:last-of-type {

margin-bottom: 0

}

.cmnt a {

margin-bottom: 18px;

display: inline-block

}

.cmnt a.cmnt_date {

margin-bottom: 7px

}

.cmnt_options {

overflow: hidden;

padding-top: 10px;

color: #888;

font-size: 15px

}

.cmnt_options.new {

overflow: visible;

min-height: 26px;

position: relative

}

.cmnt .separate {

padding: 0

}

.cmnt_options .lft {

float: left

}

.cmnt_options .rght {

float: right

}

.cmnt_options.new .lft {

display: flex;

flex-direction: row-reverse;

flex-wrap: wrap;

width: 100%;

justify-content: flex-end

}

.cmnt_options.new .rght {

float: none;

position: absolute;

top: -4px;

right: 0

}

.cmnt_options .rght.no_vote a,

.cmnt_options .rght.no_vote a:hover,

.cmnt_options .rght.no_vote .blue,

.cmnt_options .nowrap.no_vote a,

.cmnt_options .nowrap.no_vote a:hover,

.cmnt_options .nowrap.no_vote .blue {

color: inherit;

cursor: default;

text-decoration: none

}

.cmnt_options.new .btn {

line-height: 30px;

padding: 0 18px;

border: 1px solid #199bd5;

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 5px

}

.cmnt_options.new .btn.original {

color: #fda129;

border-color: #fda129

}

.cmnt_options.new .btn:hover {

background-color: #199bd5;

color: #fff;

text-decoration: none

}

.cmnt_options.new .btn.original:hover {

background-color: #fda129

}

.cmnt_options.new .load {

position: absolute;

top: 4px;

left: -32px

}

.nowrap {

white-space: nowrap;

display: inline-block

}

.wrap_last_comments {

text-align: right;

margin: 20px 0 0

}

.wrap_form {

color: #494949;

font: 16px/26px "Roboto", Arial, sans-serif;

overflow: hidden;

width: 100%

}

.wrap_form.form_reply {

margin-bottom: 20px

}

.wrap_form h2 {

border-bottom: none;

font-size: 24px

}

.wrap_form>div {

margin-left: 30px;

margin-right: 30px;

padding-bottom: 7px;

width: auto;

box-sizing: border-box

}

.p-article .wrap_form.form_reply>div {

padding-bottom: 0

}

.bottom_ab {

margin: 30px 0 20px 50px

}

.wrap_form form .top_wrap {

float: left;

margin-bottom: 20px;

white-space: nowrap;

text-overflow: ellipsis;

overflow: hidden

}

.top_wrap.first {

display: none;

width: 49%;

margin-right: 2%

}

.top_wrap.second {

display: none;

width: 49%

}

.wrap_form form input[type="text"],

.wrap_form form textarea {

border: 1px solid #DEE5EA;

padding: 16px;

height: 50px;

width: 100%;

display: block;

font: inherit;

-moz-box-sizing: border-box;

-webkit-box-sizing: border-box;

box-sizing: border-box;

outline: none;

border-radius: 6px

}

.wrap_form form input[type="text"].error,

.wrap_form form textarea.error {

border-color: #d91746;

color: #d91746

}

form>div.gray {

font-family: Roboto, sans-serif;

font-size: 15px;

margin-bottom: 12px;

display: none

}

.wrap_form form textarea {

resize: vertical;

height: 100px;

margin-bottom: 20px;

min-height: 100px;

padding-top: 12px;

padding-bottom: 12px

}

.wrap_form input[type=submit],

.btn_add,

.subscribe_block input[type=submit].ok_btn {

cursor: pointer;

color: #fff;

line-height: normal;

padding: 0 20px;

border: none;

height: 50px;

min-width: 118px;

letter-spacing: .6px;

background-color: #0e2a40;

border-radius: 6px;

font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif

}

.wrap_form input[type=submit],

.subscribe_block input[type=submit].ok_btn {

font-size: 20px;

font-family: "Roboto Condensed", sans-serif

}

.btn_add {

margin: 20px auto;

display: block;

padding-right: 0;

padding-left: 0;

width: 250px;

text-align: center

}

.btn_add:hover {

color: #fff;

text-decoration: none

}

.form_reply>div {

margin: 0;

padding: 0

}

.form_reply .note {

display: none

}

.fb_wrap {

padding-left: 12px;

padding-right: 12px;

padding-top: 10px;

margin-bottom: 10px;

width: 100%;

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box

}

.comment_form_loading {

display: none;

width: 24px;

height: 24px;

vertical-align: middle;

margin-top: 16px;

background: url(https://api.123icons.com/template/company/blog8/static/image/loader.svg) center no-repeat

}

.cmnt_options .comment_form_loading {

display: inline-block;

margin-top: -5px

}

.comments-replies-notice {

margin: 0 0 15px 0;

line-height: 21px;

display: none

}

.form_reply .comments-replies-notice {

display: block

}

.cmt-actions {

clear: both;

padding-top: 10px

}

.comment_translate {

display: none;

padding-left: 25px

}

.wrap_form.form_reply .object-voting {

display: none

}

.stars {

margin-top: 5px;

float: left;

position: relative

}

.stars>span {

cursor: pointer;

display: block;

position: absolute;

top: 0;

left: 0

}

.stars div {

position: absolute;

width: 107px;

height: 16px;

left: 0;

background: url('data:image/svg xml;charset=utf-8,xml version="1.0" encoding="UTF-8"?>

') no-repeat

}

.vote_program {

font-size: 26px;

color: lightgray;

letter-spacing: -3px;

position: relative;

width: 102px

}

.vote_program .st {

position: absolute;

left: 0;

bottom: 0;

display: inline-block;

color: indianred;

overflow: hidden

}

.rate_thx {

background-color: #fffec3;

padding: 16px 20px 20px 20px;

position: relative;

display: none;

margin: 20px 30px 30px 30px;

border-radius: 6px;

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

line-height: 26px

}

.rate_thx span {

font-weight: bold

}

.rating_title {

float: left;

margin-right: 15px;

font-size: 20px;

font-family: "Roboto Condensed Medium", "Helvetica Neue", "Helvetica", "Arial", sans-serif

}

.g-recaptcha-comments {

margin-bottom: 20px;

float: left;

margin-right: 20px

}

.g-recaptcha-comments:empty {

margin: 0

}

.submit-block.height80 {

height: auto;

display: -webkit-box;

display: -webkit-flex;

display: -moz-box;

display: -ms-flexbox;

display: flex;

-webkit-flex-wrap: wrap;

-ms-flex-wrap: wrap;

flex-wrap: wrap;

-webkit-box-pack: justify;

-webkit-justify-content: space-between;

-moz-box-pack: justify;

-ms-flex-pack: justify;

justify-content: space-between

}

.submit-block.height80 .c-input-submit {}

.submit-block {

height: auto;

overflow: hidden

}

.submit-block .c-voting {

display: -webkit-box;

display: -webkit-flex;

display: -moz-box;

display: -ms-flexbox;

display: flex;

-webkit-box-pack: justify;

-webkit-justify-content: space-between;

-moz-box-pack: justify;

-ms-flex-pack: justify;

justify-content: space-between;

-webkit-flex-wrap: wrap;

-ms-flex-wrap: wrap;

flex-wrap: wrap;

align-items: center

}

.p-article .submit-block .c-voting {

justify-content: flex-end

}

.submit-block .c-voting .object-voting {

margin-right: 20px

}

.c-voting.flright {

float: right

}

.c-input-submit {

float: right;

-webkit-earance: none

}

.wrap_form.form_reply .c-input-submit {

float: none

}

.wrap_form.form_reply .submit-block.height80 {

height: auto

}

.wrap_form.form_reply .c-voting.flright {

float: none

}

.wrap_form.form_reply .g-recaptcha-comments {

float: none

}

.subscribe-wrer {

padding: 0 30px;

width: 100%;

box-sizing: border-box

}

.subscribe-link {

cursor: pointer;

color: #494949;

font-size: 20px;

font-family: "Roboto Medium", "Helvetica Neue", "Helvetica", "Arial", sans-serif;

text-decoration-line: underline

}

.subscribe_block {

display: none;

overflow: hidden;

padding: 20px;

margin-top: 27px;

font-family: inherit;

background-color: #EFF3F6;

border-radius: 6px

}

.wrer_subs {

display: -webkit-box;

display: -ms-flexbox;

display: flex;

width: 100%;

align-items: center;

justify-content: space-between

}

.subscribe_block label {

margin-right: 20px;

display: block;

white-space: nowrap;

padding: 0;

margin-bottom: 0;

font-size: 20px;

font-family: "Roboto Condensed Medium", "Helvetica Neue", "Helvetica", "Arial", sans-serif;

float: left

}

.subscribe_block .inline_block {

display: block;

width: 100%

}

.subscribe_block .inline_block form {

display: flex;

width: 100%

}

.subscribe_block input[type=email].email_filed {

display: block;

width: 100%;

height: 50px;

padding: 0 16px;

outline: none;

font: inherit;

border: none;

border-radius: 6px 0 0 6px;

box-sizing: border-box

}

.subscribe_block input[type=submit].ok_btn {

display: block;

padding: 0;

outline: none;

height: 50px;

width: 20%;

max-width: 63px;

min-width: 0;

background-color: #139255;

border-radius: 0 6px 6px 0

}

.subscribe_msg {

font-size: 14px;

padding-left: 20px;

position: relative;

white-space: nowrap;

padding-top: 10px

}

.subscribe_msg.success {

color: #5a8547

}

.subscribe_msg.fail {

color: #cc0000

}

.subscribe_msg span {

content: '';

display: block;

width: 12px;

height: 12px;

position: absolute;

left: 0;

bottom: 2px

}

.subscribe_msg.success span {

background: url('data:image/svg xml;charset=utf-8,Vector Smart Object71') no-repeat

}

.subscribe_msg.fail span {

background: url('data:image/svg xml;charset=utf-8,error') no-repeat

}

.wc-btn {

display: inline-block;

margin: 5px;

padding: 0.5rem 1rem;

outline: none;

border: medium none;

-webkit-border-radius: 2px;

-moz-border-radius: 2px;

border-radius: 2px;

background-clip: padding-box;

-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

color: #fff;

text-align: center;

text-transform: uppercase;

letter-spacing: 0.5px;

font-size: .8em;

font-weight: 300;

cursor: pointer;

-webkit-transition: 0.2s ease-out;

-moz-transition: 0.2s ease-out;

-ms-transition: 0.2s ease-out;

-o-transition: 0.2s ease-out;

transition: 0.2s ease-out;

background-color: #199bd5;

text-decoration: none

}

.wc-btn:hover {

background-color: #2bbbad;

color: #f5f5f5

}

.dm-overlay {

position: fixed;

top: 0;

left: 0;

background: rgba(0, 0, 0, 0.65);

display: none;

overflow: auto;

width: 100%;

height: 100%;

z-index: 1000

}

.dm-overlay:target {

display: block;

-webkit-animation: fade .6s;

-moz-animation: fade .6s;

animation: fade .6s

}

.dm-table {

display: table;

width: 100%;

height: 100%

}

.dm-cell {

display: table-cell;

padding: 0 1em;

vertical-align: middle;

text-align: center

}

.dm-modal {

display: inline-block;

padding: 20px;

max-width: 50em;

-webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.22), 0 19px 60px rgba(0, 0, 0, 0.3);

-moz-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.22), 0 19px 60px rgba(0, 0, 0, 0.3);

box-shadow: 0 15px 20px rgba(0, 0, 0, 0.22), 0 19px 60px rgba(0, 0, 0, 0.3);

text-align: left;

background: #fff;

z-index: 100

}

.dm-modal img {

width: 100%;

height: auto

}

.pl-left,

.pl-right {

width: 25%;

height: auto

}

.pl-right {

float: right;

margin: 5px 0 5px 15px

}

.pl-left {

float: left;

margin: 5px 15px 5px 0

}

.video {

position: relative;

overflow: hidden;

padding-bottom: 56.25%;

height: 0

}

.video iframe,

.video object,

.video embed {

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%

}

.comments .close {

z-index: 9999;

float: right;

width: 30px;

height: 30px;

text-align: center;

text-decoration: none;

line-height: 26px;

cursor: pointer

}

.comments .close:after {

display: block;

border: 2px solid #cfd8dc;

-webkit-border-radius: 50%;

-moz-border-radius: 50%;

border-radius: 50%;

content: 'X';

-webkit-transition: all 0.6s;

-moz-transition: all 0.6s;

transition: all 0.6s;

-webkit-transform: scale(0.85);

-moz-transform: scale(0.85);

-ms-transform: scale(0.85);

transform: scale(0.85)

}

.green {}

.cyan {

background: #0097a7 !important

}

.teal {

background: #00796b !important

}

@-moz-keyframes fade {

from {

opacity: 0

}

to {

opacity: 1

}

}

@-webkit-keyframes fade {

from {

opacity: 0

}

to {

opacity: 1

}

}

@keyframes fade {

from {

opacity: 0

}

to {

opacity: 1

}

}

.wrap-images {

margin-bottom: 20px

}

.wrap-images img,

.mdl-wrap-images img {

max-width: 100px;

height: auto;

display: inline-block

}

.wrap-images .remove-img,

.mdl-wrap-images .remove-img {

font-size: 14px

}

.wrap-images .img-content,

.mdl-wrap-images .img-content {

display: inline-block;

cursor: pointer;

color: #009ad6

}

.cmnt_options img {

max-width: 200px !important

}

.file_upload {

position: relative;

overflow: hidden;

width: 105px;

height: 70px;

background-color: #f6f6f6;

float: left;

margin-right: 10px

}

.file_upload input[type="file"] {

display: none

}

.file_upload label {

display: block;

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

cursor: pointer;

background: url('data:image/svg xml;charset=utf-8,Vector Smart Object3') no-repeat center

}

.uploads {

overflow-x: auto;

white-space: nowrap;

font-size: 0

}

.upload_wrer {

display: inline-block;

margin-right: 10px;

position: relative

}

.uploads .upload_wrer:last-child {

margin-right: 0

}

.uploads img {

display: block;

width: 105px;

height: 70px;

object-fit: cover

}

.uploads .delete {

display: block;

width: 18px;

height: 18px;

position: absolute;

top: 0;

right: 0;

cursor: pointer;

background: url('data:image/svg xml;charset=utf-8,Vector Smart Object5') no-repeat

}

.no-fb-com .fb_wrap {

display: none

}

.link_via {

position: absolute;

right: 0;

top: 10px;

font-size: 14px;

color: #3b579a;

padding-right: 18px;

line-height: normal;

cursor: pointer

}

.link_via:hover {

text-decoration: underline

}

.link_via:after {

content: '';

display: block;

width: 12px;

height: 12px;

position: absolute;

right: 0;

top: 2px;

background: url('data:image/svg xml;charset=utf-8,if_3_939757') no-repeat

}

.link_fb.with_border {

border-bottom: 1px solid #e5e5e5

}

.link_fb>div {

display: inline-block

}

.link_fb .facebook_text {

margin-right: 6px

}

span.fb_link {

cursor: pointer;

color: #188ACA;

display: inline-block

}

img.fb-loading {

margin: 88px auto;

display: block

}

.author_name {

font-size: 20px;

display: inline;

margin-right: 16px;

margin-bottom: 4px;

font-family: "Roboto Condensed Medium", "Helvetica Neue", "Helvetica", "Arial", sans-serif;

padding-top: 4px;

word-break: break-all

}

.icon50 {

display: block;

width: 50px;

height: 50px;

float: left;

margin-right: 15px;

object-fit: cover;

border-radius: 6px

}

.ava-def {

text-align: center;

background-color: #EFF3F6

}

.icon50.ava-def span {

position: relative;

left: 1px;

font-size: 30px;

line-height: 50px;

color: #188ACA

}

.overflow {

overflow: hidden

}

.cmnt_date {

color: #888;

font-size: 15px

}

#comments_container {

border-bottom: 1px solid #DEE5EA;

margin: 28px 0 18px

}

.p-article #comments_container {

border-bottom: none

}

.votelinks a {

margin-bottom: 0

}

.link_reply {

color: #139255

}

.link_reply:before,

.link_cancel:before {

content: '|';

color: #DCD9D9;

margin: 0 10px 0 -2px;

text-decoration: none

}

.comment-up,

.comment-down {

padding-left: 22px;

margin-right: 10px;

color: #5B5B5B

}

.comment-up {

background: url('data:image/svg xml;charset=utf-8,

') no-repeat left top 2px

}

.comment-up.active {

background: url('data:image/svg xml;charset=utf-8,

') no-repeat left top 2px

}

.comment-down {

background: url('data:image/svg xml;charset=utf-8,

') no-repeat left top 5px

}

.comment-down.active {

background: url('data:image/svg xml;charset=utf-8,

') no-repeat left top 5px

}

@media all and (max-width:950px) {

.cmnt_date,

.subscribe_block input[type=submit].ok_btn,

.wrap_form input[type=submit],

.btn_add,

.votelinks,

.link_reply,

.subscribe_block input[type=submit].ok_btn {

font-size: 14px

}

.subscribe_block input[type=email].email_filed {

font-size: 16px

}

#comments_container {

margin: 10px 0

}

.comments h2 {

font-size: 22px

}

.subscribe-link {

font-size: 16px

}

.cmts_title,

.cmnt,

.hdr-h3,

.subscribe-wrer {

padding-left: 20px;

padding-right: 20px

}

.wrap_form:not(.form_reply)>div,

.rate_thx {

margin-right: 20px;

margin-left: 20px

}

.wrap_form:not(.form_reply)>div {

margin-left: 20px;

margin-right: 20px

}

.cmts_title {

padding-left: 20px;

padding-right: 20px

}

.wrap_form input[type=submit],

.btn_add,

.subscribe_block input[type=submit].ok_btn,

.subscribe_block input[type=email].email_filed {

height: 40px

}

.subscribe_block {

background-color: #EFF3F6;

margin-left: 0;

margin-right: 0;

padding: 20px

}

.subscribe_block label {

color: #424242;

font-size: 16px;

line-height: 19px

}

.cmnt .overflow {

margin-top: -2px;

overflow: unset

}

.author_name {

padding-top: 0;

font-size: 17px

}

.cmnt .cmnt_date {

margin-bottom: 10px

}

.update_info {

padding-bottom: 10px

}

.cmnt_options .link_reply,

.votelinks {

font-size: 14px

}

.votelinks {

display: block

}

.cmts_title {

padding-bottom: 10px

}

.link_fb {

margin-top: 0;

background-color: transparent;

padding: 0

}

}

@media all and (max-width:768px) {

.link_fb {

line-height: 30px

}

.link_fb,

.rating_title,

.cmnt p {

font-size: 16px

}

.subscribe_block input[type=email].email_filed,

.subscribe_block input[type=submit].ok_btn {

height: 40px

}

.subscribe_block label {

line-height: 34px

}

#comments_container {

margin: 20px 0 10px

}

.cmnt p {

line-height: 26px

}

}

@media all and (max-width:670px) {

.comments h2 {

float: none;

margin: 0 0 10px

}

.link_fb {

float: none;

width: auto;

display: inline-flex

}

}

@media all and (max-width:600px) {

.link_fb {

font-size: 15px

}

.cmnt_date {

font-size: 14px

}

.rating_title {

font-size: 15px

}

.cmnt p {

font-size: 16px;

line-height: 19px;

text-align: justify

}

.link_fb {

float: left;

margin-top: 6px

}

.comments {

padding: 0

}

.fb_wrap {

padding-left: 2px;

padding-right: 2px

}

.wrer_subs {

display: block

}

.subscribe_block label {

line-height: normal;

width: 100%;

float: none;

margin-bottom: 9px;

font-size: 20px

}

.icon50 {

width: 40px;

height: 40px;

margin-right: 12px

}

.icon50.ava-def span {

font-size: 25px;

line-height: 40px

}

.author_name {

margin-bottom: 0

}

.cmnt_options.new {

padding-top: 10px;

overflow: hidden

}

.link_fb .facebook_text {

margin-right: 10px

}

.wrap_form form .top_wrap {

float: none;

width: 100%;

margin: 0 0 20px

}

.cmnt>.cmnt {

padding-left: 45px

}

.cmnt>.cmnt:before {

left: 17px

}

}

@media screen and (max-width:520px) {

html[lang=fr] .cmnt_options.new .lft,

html[lang=es] .cmnt_options.new .lft {

display: block

}

html[lang=fr] .cmnt_options.new .nowrap span:first-child,

html[lang=es] .cmnt_options.new .nowrap span:first-child {

white-space: normal

}

}

@media all and (max-width:440px) {

.object-voting {

width: 100%;

overflow: hidden;

margin-bottom: 10px

}

.wrap_form input[type=submit] {

width: 100%;

float: none

}

.wrap_form form textarea {

margin-bottom: 10px

}

.cmnt .overflow {

overflow: visible

}

.wrap_form>div {

padding-bottom: 20px

}

.subscribe_block {

margin-top: 0

}

}

.lang_slct {

position: relative;

padding-left: 42px;

padding-right: 4px;

color: #fff;

cursor: pointer;

font-size: 16px;

font-family: "Roboto Medium", "Helvetica Neue", "Helvetica", "Arial", sans-serif

}

.lang_slct:before {

content: '';

display: block;

width: 30px;

height: 30px;

position: absolute;

left: 0;

top: -5px;

border-radius: 2px

}

.lang_slct.en:before,

.lang_dd a.en:before {

background: url('data:image/svg xml;charset=utf-8,') no-repeat

}

.lang_slct.ru:before,

.lang_dd a.ru:before {

background: url('data:image/svg xml;charset=utf-8,') no-repeat

}

.lang_slct.de:before,

.lang_dd a.de:before {

background: url('data:image/svg xml;charset=utf-8,') no-repeat

}

.lang_slct.fr:before,

.lang_dd a.fr:before {

background: url('data:image/svg xml;charset=utf-8,') no-repeat

}

.lang_slct.es:before,

.lang_dd a.es:before {

background: url('data:image/svg xml;charset=utf-8,') no-repeat

}

.lang_slct.pt:before,

.lang_dd a.pt:before {

background: url('data:image/svg xml;charset=utf-8,') no-repeat

}

.lang_dd {

position: absolute;

right: 0;

top: 30px;

width: 80px;

background-color: #fff;

border: 1px solid #e5e5e5;

border-radius: 6px;

z-index: 100000

}

.lang_dd a {

display: block;

padding-left: 40px;

line-height: 28px;

color: #4e6680;

position: relative

}

.lang_dd a:hover {

color: #188ACA

}

.lang_dd a:before {

content: '';

display: block;

position: absolute;

left: 7px;

top: 50%;

width: 20px;

height: 20px;

transform: translate(0, -50%);

border-radius: 2px

}

.lang_dd {

top: 73px

}

@media (max-width:950px) {

.lang_dd {

top: 63px

}

}

@media (max-width:500px) {

.lang_dd {

top: 39px

}

}

#scr_desc {

font-size: 16px

}

.screens {

margin-top: 20px;

height: 160px;

max-height: 100px;

overflow: hidden

}

.screens li {

list-style: none;

display: inline

}

.scr_nav {

text-align: center

}

.screen_float {

left: 27%;

outline: medium none;

overflow: hidden;

padding: 40px;

position: fixed;

text-align: left;

z-index: 5000000

}

#screen-overlay {

background: url("https://api.123icons.com/template/company/blog8/static/image/bgfrm.png") repeat scroll 0 0 transparent;

bottom: 0;

display: block;

left: 0;

position: fixed;

right: 0;

top: 0;

z-index: 4900000;

opacity: 0.2

}

#screen-close {

background-image: url("https://api.123icons.com/template/company/blog8/static/image/video_close.png");

cursor: pointer;

display: inline;

height: 30px;

left: 30px;

position: absolute;

top: 30px;

width: 30px;

z-index: 9999999

}

.screen_float {

left: 27%;

outline: medium none;

overflow: hidden;

padding: 40px;

position: fixed;

text-align: left;

z-index: 5000000

}

.img_preview {

text-align: center

}

.img_preview strong {

display: inline-block;

margin: 0 auto;

color: #656565;

font: bold 11px Arial, Helvetica, sans-serif;

cursor: pointer

}

.img_preview img {

margin: 0 auto 5px

}

.img_preview span {

display: block;

text-align: left

}

div.art_text iframe {

max-width: 370px

}

#auth-overlay {

background: url("https://api.123icons.com/template/company/blog8/static/image/bgfrm.png") repeat scroll 0 0 transparent;

bottom: 0;

display: block;

left: 0;

position: fixed;

right: 0;

top: 0;

z-index: 4900000

}

#imgtd {

background: url("https://api.123icons.com/template/company/blog8/static/image/bgfrm.png") repeat scroll 0 0 transparent;

padding-right: 12px;

vertical-align: top

}

.scr_frm_float {

outline: medium none;

overflow: hidden;

position: fixed;

text-align: left;

z-index: 5000000;

width: 100%;

height: 100%;

padding: 0

}

#auth-close-scr {

background: url("https://api.123icons.com/template/company/blog8/static/image/for_program.png") no-repeat scroll 0 0 transparent;

cursor: pointer;

display: inline;

height: 65px;

position: absolute;

top: 20px;

width: 65px;

z-index: 9999999

}

.b-screens {

padding: 0 0 20px;

position: relative;

height: 100%

}

.list_wrer {

min-width: 620px;

overflow: hidden;

text-align: center

}

.scr_block {

text-align: center

}

.screensc {

overflow: hidden;

-webkit-user-select: none;

-moz-user-select: none;

-khtml-user-select: none

}

.screensc li {

list-style: none;

display: inline

}

.car_wrap {

position: relative

}

.car .carsm {

text-align: left;

float: none;

margin: 0;

width: 5046px;

height: 174px;

position: relative;

left: -115px

}

.li_car {

float: left;

height: 100px;

width: 150px;

overflow: hidden;

text-align: left

}

.li_car:before {

content: '';

display: inline-block;

height: 100%;

vertical-align: middle

}

.carimg {

background-color: white;

border: 1px solid #CCCCCC;

display: inline-block;

padding: 1px;

max-width: 134px;

max-height: 171px

}

.carimg_sel {

border: 1px solid #CCCCCC

}

.li_carsm_wrap {

display: table-cell;

vertical-align: middle;

height: 184px;

width: 222px

}

.li_carsm {

width: 150px;

height: 160px;

text-align: center;

padding-right: 15px;

background: none

}

.li_carsm_f {

width: 150px;

height: 160px;

text-align: center;

padding-top: 2px;

padding-right: 15px;

background: none

}

.carimgsm {

background: none;

margin: 4px;

max-width: 150px;

max-height: 140px;

cursor: pointer;

display: inline-block

}

.carimgsm_sel {

background: none;

margin: 0;

border: 4px solid #6ad;

width: 130px;

height: 114px;

cursor: pointer

}

.carimgsm_pre {

background: none;

margin: 4px;

max-width: 150px;

max-height: 171px

}

.carimgsm_sel_pre {

background: none;

margin: 0

}

.car_points {

font-size: 11px;

height: 25px;

line-height: 25px;

padding: 0 10px;

position: relative;

top: 10px;

display: inline-block

}

.car_points_ul {

list-style: none outside none

}

.car_point_li {

display: inline;

float: left;

margin-right: 10px;

margin-bottom: 10px

}

.car_point_sel {

display: block;

width: 12px;

line-height: 18px;

background: url(https://api.123icons.com/template/company/blog8/static/image/content1.png) no-repeat scroll -23px -577px transparent;

z-index: 300;

cursor: pointer

}

.car_point {

display: block;

width: 10px;

line-height: 18px;

background: url(https://api.123icons.com/template/company/blog8/static/image/content1.png) no-repeat scroll 3px -575px transparent;

z-index: 300;

cursor: pointer

}

.car_point:hover {

background: url(https://api.123icons.com/template/company/blog8/static/image/content1.png) no-repeat scroll -51px -577px transparent

}

.car_point_vid_sel {

display: block;

width: 18px;

line-height: 18px;

background: url(https://api.123icons.com/template/company/blog8/static/image/points.png) no-repeat scroll 0 -25px transparent;

z-index: 300;

cursor: pointer

}

.car_point_vid {

display: block;

width: 18px;

line-height: 18px;

background: url(https://api.123icons.com/template/company/blog8/static/image/points.png) no-repeat scroll 0 3px transparent;

z-index: 300;

cursor: pointer

}

.car_point:hover,

.car_point_sel:hover,

.car_point_vid:hover,

.car_point_vid_sel:hover {

text-decoration: none

}

.car_video_play {

background: url("https://api.123icons.com/template/company/blog8/static/image/new_play.png");

cursor: pointer;

height: 72px;

left: 48px;

opacity: 0.65;

position: relative;

top: -113px;

width: 72px;

z-index: 350;

overflow: hidden;

display: block

}

.car_video_play_sm {

background: url("https://api.123icons.com/template/company/blog8/static/image/new_play.png");

cursor: pointer;

height: 72px;

left: 78px;

opacity: 0.85;

position: relative;

top: -91px;

width: 72px;

z-index: 350

}

.car_leftw,

.car_rightw {

cursor: pointer;

width: 42px;

z-index: 300;

padding: 6px;

color: #0d80bc

}

.car_leftw:hover,

.car_rightw:hover {

color: #bc260d

}

.car_left {

height: 12px;

left: 0;

position: relative;

top: 0;

width: 42px;

z-index: 300

}

.car_right {

height: 12px;

position: relative;

top: 0;

width: 42px;

z-index: 300

}

.car_left:after,

.car_right:after {

display: block;

left: 0;

position: absolute;

top: 0;

font-size: 11px;

line-height: 1

}

.car_right:after {

content: 'Next 鈥?

}

.car_left:after {

content: '鈥 Prev'

}

.scr_big {

border: 1px solid #AAAABB;

position: absolute;

max-width: 1400px;

max-height: 800px

}

#video_tut {}

.prog_soc li {

display: inline;

width: 95px;

float: left;

padding: 0 0 10px 0

}

.prog_soc li.gg_share {

padding-left: 15px

}

img#spin_img {

margin: 0 auto

}

#auth-close-scr {

right: 20px !important;

left: auto !important

}

@media all and (max-width:639px) {

#loader {

left: 0 !important

}

}

.onexit_block {

position: fixed;

top: 0;

bottom: 0;

left: 0;

right: 0;

z-index: 5000000;

overflow-y: auto;

background-color: rgba(3, 3, 3, .73);

display: -webkit-box;

display: -ms-flexbox;

display: flex;

-webkit-box-align: center;

-ms-flex-align: center;

align-items: center;

-webkit-box-pack: center;

-ms-flex-pack: center;

justify-content: center

}

.onexit_block .onexit_container {

width: 100%;

max-width: 880px;

position: relative

}

.onexit_block .border-r {

border-radius: 6px;

overflow: hidden

}

.onexit_block .onexit_container:before {

content: '';

display: block;

width: 212px;

height: 513px;

background: url(https://api.123icons.com/template/company/blog8/static/image/onexit_man_2.svg) no-repeat;

background-size: contain;

position: absolute;

bottom: 5px;

left: -110px;

z-index: 5

}

.onexit_block .onexit_short.onexit_container:before {

bottom: -90px

}

.top_title {

font: 400 24px "Roboto", "Open Sans", "Helvetica Neue", "Arial", sans-Serif;

text-align: center;

color: #fff;

background-color: #139255;

padding: 9px 30px 10px;

border-radius: 0 0 6px 0

}

.title_block {

padding: 0;

position: relative;

overflow: hidden;

box-sizing: border-box;

background-color: #eff3f5;

flex-shrink: 0;

display: flex;

justify-content: space-between;

align-items: center

}

.title_block .logo {

display: none;

width: 129px;

height: 37px

}

.close_btn {

cursor: pointer;

width: 40px;

height: 40px;

float: right;

margin-right: 6px;

margin-top: -3px;

background: url('data:image/svg xml;charset=utf-8,1') no-repeat;

filter: grayscale(1) brightness(0.5)

}

.close_btn:hover {

opacity: .7

}

.onexit_data {

max-width: 880px;

width: 100%;

margin: 0 auto;

position: relative;

box-sizing: border-box;

background: #EFF3F5 url(https://api.123icons.com/template/company/blog8/static/image/bg_onexit.png) no-repeat center;

background-size: cover;

padding: 40px 10% 0;

overflow: hidden

}

.onexit_data>div,

.onexit_data>a {

position: relative;

z-index: 1

}

.title_set {

color: #000;

line-height: normal;

margin-bottom: 27px

}

.title_set .big {

font-weight: 600;

font-size: 35px;

line-height: 1.2;

color: #272727;

font-family: 'Roboto Condensed', 'Roboto', sans-serif

}

.wrer_programs {

margin: 0 auto 15px;

display: flex;

flex-wrap: wrap

}

.onexit_data .item {

margin: 0 0 20px;

width: 50%;

padding-right: 20px;

box-sizing: border-box;

flex-shrink: 0

}

.onexit_data .item .icon72 {

width: 60px;

height: 60px;

display: block;

float: none;

margin: 0 15px 0 0

}

.onexit_data .item a {

font-size: 20px;

line-height: 1.4;

color: #474747;

display: inline-flex;

align-items: center

}

.onexit_data .item a span {

display: -webkit-box;

-webkit-box-orient: vertical;

-moz-box-orient: vertical;

-ms-box-orient: vertical;

-o-box-orient: vertical;

-webkit-line-clamp: 2;

-moz-line-clamp: 2;

-ms-line-clamp: 2;

-o-line-clamp: 2;

overflow: hidden

}

.onexit_data .item a:hover {

color: #233d5e

}

.onexit_block .btn {

display: flex;

justify-content: center;

align-items: center;

text-align: center;

font-size: 24px;

font-weight: 400;

min-height: 56px;

color: #fff;

border-radius: 6px;

background-color: #139255;

margin-bottom: 50px;

position: relative;

transition: background-color .2s linear;

box-sizing: border-box;

padding: 7px 20px;

font-family: 'Roboto', sans-serif

}

.btn:hover {

background-color: #233d5e;

text-decoration: none

}

@media (max-height:680px) {

.onexit_block {

align-items: start

}

.onexit_block .onexit_container {

margin-top: 75px

}

}

@media (max-height:740px) {

.onexit_block .onexit_container {

height: auto;

max-height: 80%;

margin-top: 60px;

overflow-y: auto

}

.onexit_block .border-r {

display: flex;

flex-direction: column

}

.onexit_block .onexit_container:before {

display: none

}

.onexit_data {

overflow-y: auto

}

.onexit_block .onexit_container {

margin-right: 20px;

margin-left: 20px

}

.onexit_block .onexit_container:before {

display: none

}

.onexit_data .item a {

font-size: 17px

}

.title_set .big {

font-size: 30px

}

}

@media (max-height:780px) {

.onexit_block .onexit_container:before {

bottom: 0

}

}

@media all and (max-width:1170px) {

.onexit_block .onexit_container {

margin-right: 20px;

margin-left: 20px

}

.onexit_block .onexit_container:before {

display: none

}

.onexit_data .item a {

font-size: 17px

}

.title_set .big {

font-size: 30px

}

}

@media all and (max-width:690px) {

.title_block .logo {

width: 100px;

height: 28px

}

.onexit_data {

padding: 20px

}

.onexit_block .btn,

.wrer_programs {

margin-bottom: 0

}

.title_set .big {

font-size: 30px

}

.title_set {

margin-bottom: 20px

}

.onexit_data .item .icon72 {

margin-right: 20px

}

.onexit_block .btn {

font-size: 20px;

min-height: 50px

}

.top_title {

font-size: 20px

}

}

@media all and (max-width:540px) {

.wrer_programs {

flex-direction: column

}

.onexit_data .item {

width: 100%;

padding-right: 0

}

}

Advertisements

Advertisements

_prog_info .item:first-child {

padding-right: 20px

}

}

@media all and (max-width:580px) and (min-width:521px) {

html[lang=ru] .wrer_prog_info .item:last-child,

html[lang=es] .wrer_prog_info .item:last-child,

html[lang=fr] .wrer_prog_info .item:last-child {

padding-right: 10px

}

html[lang=ru] .rate_it {

width: 69px;

background-size: 69px;

background-position: 0 -16px

}

html[lang=es] .wrer_prog_info .item,

html[lang=fr] .wrer_prog_info .item {

padding-left: 20px

}

html[lang=es] .rate_it {

width: 58px;

background-size: 130px;

background-position: 0 -19px

}

html[lang=fr] .rate_it {

width: 71px;

background-size: 139px;

background-position: 0 -23px

}

}

@media all and (max-width:520px) {

.wrer_prog_info {

flex-direction: column

}

.wrer_prog_info .item,

.wrer_prog_info .item:first-child,

.wrer_prog_info .item:last-child {

padding-left: 20px;

padding-right: 20px;

justify-content: center;

width: 100%

}

.wrer_prog_info .item:first-child {

order: inherit

}

.prog_averagerate {

flex-direction: row

}

.specs .prog_content {

padding-left: 20px;

padding-right: 20px

}

}

@media (min-width:357px) {

.ab320 {

min-width: 336px

}

}

@media (max-width:356px) {

.ab320 {

width: 100%

}

}

.blue {

color: #009ad7

}

.light_blue {

color: #80e3ff

}

.pink {

color: #d91746

}

.green {

color: #139255

}

.gray {

color: #838c90

}

.comments {

position: relative;

width: 100%;

overflow: hidden;

border-top: none;

-moz-box-shadow: none;

-webkit-box-shadow: none;

box-shadow: none

}

.wrap_comments_nav {

padding-left: 20px;

border-bottom: 1px solid #cfdce2;

height: 45px;

padding-top: 12px;

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

position: relative;

white-space: nowrap

}

.wrap_comments_nav a {

padding: 12px 16px 11px;

font-size: 16px;

position: relative;

bottom: 4px

}

.wrap_comments_nav a.active {

background-color: #f1f7f8;

color: #494949

}

.count {

border-bottom: 1px solid #e9eaed;

margin: 30px 0 0 20px;

padding-bottom: 5px;

font-size: 15px;

font-weight: 600

}

.cmts_title {

overflow: hidden;

padding: 0 30px 20px

}

.link_fb {

padding: 4px 0;

text-align: right

}

.hdr-h3 {

padding: 0;

margin-bottom: 0;

font-size: 24px;

font-family: "Roboto Condensed Medium", "Helvetica Neue", "Helvetica", "Arial", sans-serif;

float: left

}

.comments h2 {

float: left;

margin: 1px 10px 0 0;

font-size: 28px

}

.hdr-h3 {

padding: 0 20px 10px;

position: relative;

font-family: 'Roboto Condensed', sans-serif

}

#comments .hdr-h3,

.fb_wrap {

display: none

}

.cmnt {

padding: 10px 30px 0;

position: relative;

text-align: left;

line-height: 22px

}

.cmnt:last-child {

margin-bottom: 0

}

.cmnt_number {

position: absolute;

left: 18px;

color: #5a6266;

font-size: 15px;

line-height: 24px;

padding: 0 4px 0 8px;

background-color: #e6e9eb;

border-radius: 4px 0 0 4px

}

.cmnt_number:before {

content: '';

width: 0;

height: 0;

position: absolute;

top: 0;

right: -8px;

border-top: 12px solid transparent;

border-left: 8px solid #e6e9eb;

border-bottom: 12px solid transparent

}

#comments_container>.cmnt.is_top:after {

border-bottom-color: #ede9ca

}

.cmnt>.cmnt {

padding-left: 65px;

padding-right: 0;

margin-bottom: 0;

margin-top: 6px;

padding-bottom: 0;

position: relative

}

.cmnt>.cmnt:before {

content: '';

display: block;

width: 16px;

height: 19px;

position: absolute;

left: 37px;

top: 13px;

background: url('data:image/svg xml;charset=utf-8,') no-repeat

}

.cmnt>.cmnt>.cmnt .cmnt_options .link_reply,

.cmnt>.cmnt>.cmnt .separate {

display: none

}

.cmnt p {

line-height: 1.4;

margin: 0 0 7px;

letter-spacing: 0.1px;

max-width: 620px;

word-wrap: break-word

}

.cmnt .cmnt p {

max-width: 560px

}

.cmnt p:last-of-type {

margin-bottom: 0

}

.cmnt a {

margin-bottom: 18px;

display: inline-block

}

.cmnt a.cmnt_date {

margin-bottom: 7px

}

.cmnt_options {

overflow: hidden;

padding-top: 10px;

color: #888;

font-size: 15px

}

.cmnt_options.new {

overflow: visible;

min-height: 26px;

position: relative

}

.cmnt .separate {

padding: 0

}

.cmnt_options .lft {

float: left

}

.cmnt_options .rght {

float: right

}

.cmnt_options.new .lft {

display: flex;

flex-direction: row-reverse;

flex-wrap: wrap;

width: 100%;

justify-content: flex-end

}

.cmnt_options.new .rght {

float: none;

position: absolute;

top: -4px;

right: 0

}

.cmnt_options .rght.no_vote a,

.cmnt_options .rght.no_vote a:hover,

.cmnt_options .rght.no_vote .blue,

.cmnt_options .nowrap.no_vote a,

.cmnt_options .nowrap.no_vote a:hover,

.cmnt_options .nowrap.no_vote .blue {

color: inherit;

cursor: default;

text-decoration: none

}

.cmnt_options.new .btn {

line-height: 30px;

padding: 0 18px;

border: 1px solid #199bd5;

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 5px

}

.cmnt_options.new .btn.original {

color: #fda129;

border-color: #fda129

}

.cmnt_options.new .btn:hover {

background-color: #199bd5;

color: #fff;

text-decoration: none

}

.cmnt_options.new .btn.original:hover {

background-color: #fda129

}

.cmnt_options.new .load {

position: absolute;

top: 4px;

left: -32px

}

.nowrap {

white-space: nowrap;

display: inline-block

}

.wrap_last_comments {

text-align: right;

margin: 20px 0 0

}

.wrap_form {

color: #494949;

font: 16px/26px "Roboto", Arial, sans-serif;

overflow: hidden;

width: 100%

}

.wrap_form.form_reply {

margin-bottom: 20px

}

.wrap_form h2 {

border-bottom: none;

font-size: 24px

}

.wrap_form>div {

margin-left: 30px;

margin-right: 30px;

padding-bottom: 7px;

width: auto;

box-sizing: border-box

}

.p-article .wrap_form.form_reply>div {

padding-bottom: 0

}

.bottom_ab {

margin: 30px 0 20px 50px

}

.wrap_form form .top_wrap {

float: left;

margin-bottom: 20px;

white-space: nowrap;

text-overflow: ellipsis;

overflow: hidden

}

.top_wrap.first {

display: none;

width: 49%;

margin-right: 2%

}

.top_wrap.second {

display: none;

width: 49%

}

.wrap_form form input[type="text"],

.wrap_form form textarea {

border: 1px solid #DEE5EA;

padding: 16px;

height: 50px;

width: 100%;

display: block;

font: inherit;

-moz-box-sizing: border-box;

-webkit-box-sizing: border-box;

box-sizing: border-box;

outline: none;

border-radius: 6px

}

.wrap_form form input[type="text"].error,

.wrap_form form textarea.error {

border-color: #d91746;

color: #d91746

}

form>div.gray {

font-family: Roboto, sans-serif;

font-size: 15px;

margin-bottom: 12px;

display: none

}

.wrap_form form textarea {

resize: vertical;

height: 100px;

margin-bottom: 20px;

min-height: 100px;

padding-top: 12px;

padding-bottom: 12px

}

.wrap_form input[type=submit],

.btn_add,

.subscribe_block input[type=submit].ok_btn {

cursor: pointer;

color: #fff;

line-height: normal;

padding: 0 20px;

border: none;

height: 50px;

min-width: 118px;

letter-spacing: .6px;

background-color: #0e2a40;

border-radius: 6px;

font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif

}

.wrap_form input[type=submit],

.subscribe_block input[type=submit].ok_btn {

font-size: 20px;

font-family: "Roboto Condensed", sans-serif

}

.btn_add {

margin: 20px auto;

display: block;

padding-right: 0;

padding-left: 0;

width: 250px;

text-align: center

}

.btn_add:hover {

color: #fff;

text-decoration: none

}

.form_reply>div {

margin: 0;

padding: 0

}

.form_reply .note {

display: none

}

.fb_wrap {

padding-left: 12px;

padding-right: 12px;

padding-top: 10px;

margin-bottom: 10px;

width: 100%;

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box

}

.comment_form_loading {

display: none;

width: 24px;

height: 24px;

vertical-align: middle;

margin-top: 16px;

background: url(https://api.123icons.com/template/company/blog8/static/image/loader.svg) center no-repeat

}

.cmnt_options .comment_form_loading {

display: inline-block;

margin-top: -5px

}

.comments-replies-notice {

margin: 0 0 15px 0;

line-height: 21px;

display: none

}

.form_reply .comments-replies-notice {

display: block

}

.cmt-actions {

clear: both;

padding-top: 10px

}

.comment_translate {

display: none;

padding-left: 25px

}

.wrap_form.form_reply .object-voting {

display: none

}

.stars {

margin-top: 5px;

float: left;

position: relative

}

.stars>span {

cursor: pointer;

display: block;

position: absolute;

top: 0;

left: 0

}

.stars div {

position: absolute;

width: 107px;

height: 16px;

left: 0;

background: url('data:image/svg xml;charset=utf-8,xml version="1.0" encoding="UTF-8"?>

') no-repeat

}

.vote_program {

font-size: 26px;

color: lightgray;

letter-spacing: -3px;

position: relative;

width: 102px

}

.vote_program .st {

position: absolute;

left: 0;

bottom: 0;

display: inline-block;

color: indianred;

overflow: hidden

}

.rate_thx {

background-color: #fffec3;

padding: 16px 20px 20px 20px;

position: relative;

display: none;

margin: 20px 30px 30px 30px;

border-radius: 6px;

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

line-height: 26px

}

.rate_thx span {

font-weight: bold

}

.rating_title {

float: left;

margin-right: 15px;

font-size: 20px;

font-family: "Roboto Condensed Medium", "Helvetica Neue", "Helvetica", "Arial", sans-serif

}

.g-recaptcha-comments {

margin-bottom: 20px;

float: left;

margin-right: 20px

}

.g-recaptcha-comments:empty {

margin: 0

}

.submit-block.height80 {

height: auto;

display: -webkit-box;

display: -webkit-flex;

display: -moz-box;

display: -ms-flexbox;

display: flex;

-webkit-flex-wrap: wrap;

-ms-flex-wrap: wrap;

flex-wrap: wrap;

-webkit-box-pack: justify;

-webkit-justify-content: space-between;

-moz-box-pack: justify;

-ms-flex-pack: justify;

justify-content: space-between

}

.submit-block.height80 .c-input-submit {}

.submit-block {

height: auto;

overflow: hidden

}

.submit-block .c-voting {

display: -webkit-box;

display: -webkit-flex;

display: -moz-box;

display: -ms-flexbox;

display: flex;

-webkit-box-pack: justify;

-webkit-justify-content: space-between;

-moz-box-pack: justify;

-ms-flex-pack: justify;

justify-content: space-between;

-webkit-flex-wrap: wrap;

-ms-flex-wrap: wrap;

flex-wrap: wrap;

align-items: center

}

.p-article .submit-block .c-voting {

justify-content: flex-end

}

.submit-block .c-voting .object-voting {

margin-right: 20px

}

.c-voting.flright {

float: right

}

.c-input-submit {

float: right;

-webkit-earance: none

}

.wrap_form.form_reply .c-input-submit {

float: none

}

.wrap_form.form_reply .submit-block.height80 {

height: auto

}

.wrap_form.form_reply .c-voting.flright {

float: none

}

.wrap_form.form_reply .g-recaptcha-comments {

float: none

}

.subscribe-wrer {

padding: 0 30px;

width: 100%;

box-sizing: border-box

}

.subscribe-link {

cursor: pointer;

color: #494949;

font-size: 20px;

font-family: "Roboto Medium", "Helvetica Neue", "Helvetica", "Arial", sans-serif;

text-decoration-line: underline

}

.subscribe_block {

display: none;

overflow: hidden;

padding: 20px;

margin-top: 27px;

font-family: inherit;

background-color: #EFF3F6;

border-radius: 6px

}

.wrer_subs {

display: -webkit-box;

display: -ms-flexbox;

display: flex;

width: 100%;

align-items: center;

justify-content: space-between

}

.subscribe_block label {

margin-right: 20px;

display: block;

white-space: nowrap;

padding: 0;

margin-bottom: 0;

font-size: 20px;

font-family: "Roboto Condensed Medium", "Helvetica Neue", "Helvetica", "Arial", sans-serif;

float: left

}

.subscribe_block .inline_block {

display: block;

width: 100%

}

.subscribe_block .inline_block form {

display: flex;

width: 100%

}

.subscribe_block input[type=email].email_filed {

display: block;

width: 100%;

height: 50px;

padding: 0 16px;

outline: none;

font: inherit;

border: none;

border-radius: 6px 0 0 6px;

box-sizing: border-box

}

.subscribe_block input[type=submit].ok_btn {

display: block;

padding: 0;

outline: none;

height: 50px;

width: 20%;

max-width: 63px;

min-width: 0;

background-color: #139255;

border-radius: 0 6px 6px 0

}

.subscribe_msg {

font-size: 14px;

padding-left: 20px;

position: relative;

white-space: nowrap;

padding-top: 10px

}

.subscribe_msg.success {

color: #5a8547

}

.subscribe_msg.fail {

color: #cc0000

}

.subscribe_msg span {

content: '';

display: block;

width: 12px;

height: 12px;

position: absolute;

left: 0;

bottom: 2px

}

.subscribe_msg.success span {

background: url('data:image/svg xml;charset=utf-8,Vector Smart Object71') no-repeat

}

.subscribe_msg.fail span {

background: url('data:image/svg xml;charset=utf-8,error') no-repeat

}

.wc-btn {

display: inline-block;

margin: 5px;

padding: 0.5rem 1rem;

outline: none;

border: medium none;

-webkit-border-radius: 2px;

-moz-border-radius: 2px;

border-radius: 2px;

background-clip: padding-box;

-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

color: #fff;

text-align: center;

text-transform: uppercase;

letter-spacing: 0.5px;

font-size: .8em;

font-weight: 300;

cursor: pointer;

-webkit-transition: 0.2s ease-out;

-moz-transition: 0.2s ease-out;

-ms-transition: 0.2s ease-out;

-o-transition: 0.2s ease-out;

transition: 0.2s ease-out;

background-color: #199bd5;

text-decoration: none

}

.wc-btn:hover {

background-color: #2bbbad;

color: #f5f5f5

}

.dm-overlay {

position: fixed;

top: 0;

left: 0;

background: rgba(0, 0, 0, 0.65);

display: none;

overflow: auto;

width: 100%;

height: 100%;

z-index: 1000

}

.dm-overlay:target {

display: block;

-webkit-animation: fade .6s;

-moz-animation: fade .6s;

animation: fade .6s

}

.dm-table {

display: table;

width: 100%;

height: 100%

}

.dm-cell {

display: table-cell;

padding: 0 1em;

vertical-align: middle;

text-align: center

}

.dm-modal {

display: inline-block;

padding: 20px;

max-width: 50em;

-webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.22), 0 19px 60px rgba(0, 0, 0, 0.3);

-moz-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.22), 0 19px 60px rgba(0, 0, 0, 0.3);

box-shadow: 0 15px 20px rgba(0, 0, 0, 0.22), 0 19px 60px rgba(0, 0, 0, 0.3);

text-align: left;

background: #fff;

z-index: 100

}

.dm-modal img {

width: 100%;

height: auto

}

.pl-left,

.pl-right {

width: 25%;

height: auto

}

.pl-right {

float: right;

margin: 5px 0 5px 15px

}

.pl-left {

float: left;

margin: 5px 15px 5px 0

}

.video {

position: relative;

overflow: hidden;

padding-bottom: 56.25%;

height: 0

}

.video iframe,

.video object,

.video embed {

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%

}

.comments .close {

z-index: 9999;

float: right;

width: 30px;

height: 30px;

text-align: center;

text-decoration: none;

line-height: 26px;

cursor: pointer

}

.comments .close:after {

display: block;

border: 2px solid #cfd8dc;

-webkit-border-radius: 50%;

-moz-border-radius: 50%;

border-radius: 50%;

content: 'X';

-webkit-transition: all 0.6s;

-moz-transition: all 0.6s;

transition: all 0.6s;

-webkit-transform: scale(0.85);

-moz-transform: scale(0.85);

-ms-transform: scale(0.85);

transform: scale(0.85)

}

.green {}

.cyan {

background: #0097a7 !important

}

.teal {

background: #00796b !important

}

@-moz-keyframes fade {

from {

opacity: 0

}

to {

opacity: 1

}

}

@-webkit-keyframes fade {

from {

opacity: 0

}

to {

opacity: 1

}

}

@keyframes fade {

from {

opacity: 0

}

to {

opacity: 1

}

}

.wrap-images {

margin-bottom: 20px

}

.wrap-images img,

.mdl-wrap-images img {

max-width: 100px;

height: auto;

display: inline-block

}

.wrap-images .remove-img,

.mdl-wrap-images .remove-img {

font-size: 14px

}

.wrap-images .img-content,

.mdl-wrap-images .img-content {

display: inline-block;

cursor: pointer;

color: #009ad6

}

.cmnt_options img {

max-width: 200px !important

}

.file_upload {

position: relative;

overflow: hidden;

width: 105px;

height: 70px;

background-color: #f6f6f6;

float: left;

margin-right: 10px

}

.file_upload input[type="file"] {

display: none

}

.file_upload label {

display: block;

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

cursor: pointer;

background: url('data:image/svg xml;charset=utf-8,Vector Smart Object3') no-repeat center

}

.uploads {

overflow-x: auto;

white-space: nowrap;

font-size: 0

}

.upload_wrer {

display: inline-block;

margin-right: 10px;

position: relative

}

.uploads .upload_wrer:last-child {

margin-right: 0

}

.uploads img {

display: block;

width: 105px;

height: 70px;

object-fit: cover

}

.uploads .delete {

display: block;

width: 18px;

height: 18px;

position: absolute;

top: 0;

right: 0;

cursor: pointer;

background: url('data:image/svg xml;charset=utf-8,Vector Smart Object5') no-repeat

}

.no-fb-com .fb_wrap {

display: none

}

.link_via {

position: absolute;

right: 0;

top: 10px;

font-size: 14px;

color: #3b579a;

padding-right: 18px;

line-height: normal;

cursor: pointer

}

.link_via:hover {

text-decoration: underline

}

.link_via:after {

content: '';

display: block;

width: 12px;

height: 12px;

position: absolute;

right: 0;

top: 2px;

background: url('data:image/svg xml;charset=utf-8,if_3_939757') no-repeat

}

.link_fb.with_border {

border-bottom: 1px solid #e5e5e5

}

.link_fb>div {

display: inline-block

}

.link_fb .facebook_text {

margin-right: 6px

}

span.fb_link {

cursor: pointer;

color: #188ACA;

display: inline-block

}

img.fb-loading {

margin: 88px auto;

display: block

}

.author_name {

font-size: 20px;

display: inline;

margin-right: 16px;

margin-bottom: 4px;

font-family: "Roboto Condensed Medium", "Helvetica Neue", "Helvetica", "Arial", sans-serif;

padding-top: 4px;

word-break: break-all

}

.icon50 {

display: block;

width: 50px;

height: 50px;

float: left;

margin-right: 15px;

object-fit: cover;

border-radius: 6px

}

.ava-def {

text-align: center;

background-color: #EFF3F6

}

.icon50.ava-def span {

position: relative;

left: 1px;

font-size: 30px;

line-height: 50px;

color: #188ACA

}

.overflow {

overflow: hidden

}

.cmnt_date {

color: #888;

font-size: 15px

}

#comments_container {

border-bottom: 1px solid #DEE5EA;

margin: 28px 0 18px

}

.p-article #comments_container {

border-bottom: none

}

.votelinks a {

margin-bottom: 0

}

.link_reply {

color: #139255

}

.link_reply:before,

.link_cancel:before {

content: '|';

color: #DCD9D9;

margin: 0 10px 0 -2px;

text-decoration: none

}

.comment-up,

.comment-down {

padding-left: 22px;

margin-right: 10px;

color: #5B5B5B

}

.comment-up {

background: url('data:image/svg xml;charset=utf-8,

') no-repeat left top 2px

}

.comment-up.active {

background: url('data:image/svg xml;charset=utf-8,

') no-repeat left top 2px

}

.comment-down {

background: url('data:image/svg xml;charset=utf-8,

') no-repeat left top 5px

}

.comment-down.active {

background: url('data:image/svg xml;charset=utf-8,

') no-repeat left top 5px

}

@media all and (max-width:950px) {

.cmnt_date,

.subscribe_block input[type=submit].ok_btn,

.wrap_form input[type=submit],

.btn_add,

.votelinks,

.link_reply,

.subscribe_block input[type=submit].ok_btn {

font-size: 14px

}

.subscribe_block input[type=email].email_filed {

font-size: 16px

}

#comments_container {

margin: 10px 0

}

.comments h2 {

font-size: 22px

}

.subscribe-link {

font-size: 16px

}

.cmts_title,

.cmnt,

.hdr-h3,

.subscribe-wrer {

padding-left: 20px;

padding-right: 20px

}

.wrap_form:not(.form_reply)>div,

.rate_thx {

margin-right: 20px;

margin-left: 20px

}

.wrap_form:not(.form_reply)>div {

margin-left: 20px;

margin-right: 20px

}

.cmts_title {

padding-left: 20px;

padding-right: 20px

}

.wrap_form input[type=submit],

.btn_add,

.subscribe_block input[type=submit].ok_btn,

.subscribe_block input[type=email].email_filed {

height: 40px

}

.subscribe_block {

background-color: #EFF3F6;

margin-left: 0;

margin-right: 0;

padding: 20px

}

.subscribe_block label {

color: #424242;

font-size: 16px;

line-height: 19px

}

.cmnt .overflow {

margin-top: -2px;

overflow: unset

}

.author_name {

padding-top: 0;

font-size: 17px

}

.cmnt .cmnt_date {

margin-bottom: 10px

}

.update_info {

padding-bottom: 10px

}

.cmnt_options .link_reply,

.votelinks {

font-size: 14px

}

.votelinks {

display: block

}

.cmts_title {

padding-bottom: 10px

}

.link_fb {

margin-top: 0;

background-color: transparent;

padding: 0

}

}

@media all and (max-width:768px) {

.link_fb {

line-height: 30px

}

.link_fb,

.rating_title,

.cmnt p {

font-size: 16px

}

.subscribe_block input[type=email].email_filed,

.subscribe_block input[type=submit].ok_btn {

height: 40px

}

.subscribe_block label {

line-height: 34px

}

#comments_container {

margin: 20px 0 10px

}

.cmnt p {

line-height: 26px

}

}

@media all and (max-width:670px) {

.comments h2 {

float: none;

margin: 0 0 10px

}

.link_fb {

float: none;

width: auto;

display: inline-flex

}

}

@media all and (max-width:600px) {

.link_fb {

font-size: 15px

}

.cmnt_date {

font-size: 14px

}

.rating_title {

font-size: 15px

}

.cmnt p {

font-size: 16px;

line-height: 19px;

text-align: justify

}

.link_fb {

float: left;

margin-top: 6px

}

.comments {

padding: 0

}

.fb_wrap {

padding-left: 2px;

padding-right: 2px

}

.wrer_subs {

display: block

}

.subscribe_block label {

line-height: normal;

width: 100%;

float: none;

margin-bottom: 9px;

font-size: 20px

}

.icon50 {

width: 40px;

height: 40px;

margin-right: 12px

}

.icon50.ava-def span {

font-size: 25px;

line-height: 40px

}

.author_name {

margin-bottom: 0

}

.cmnt_options.new {

padding-top: 10px;

overflow: hidden

}

.link_fb .facebook_text {

margin-right: 10px

}

.wrap_form form .top_wrap {

float: none;

width: 100%;

margin: 0 0 20px

}

.cmnt>.cmnt {

padding-left: 45px

}

.cmnt>.cmnt:before {

left: 17px

}

}

@media screen and (max-width:520px) {

html[lang=fr] .cmnt_options.new .lft,

html[lang=es] .cmnt_options.new .lft {

display: block

}

html[lang=fr] .cmnt_options.new .nowrap span:first-child,

html[lang=es] .cmnt_options.new .nowrap span:first-child {

white-space: normal

}

}

@media all and (max-width:440px) {

.object-voting {

width: 100%;

overflow: hidden;

margin-bottom: 10px

}

.wrap_form input[type=submit] {

width: 100%;

float: none

}

.wrap_form form textarea {

margin-bottom: 10px

}

.cmnt .overflow {

overflow: visible

}

.wrap_form>div {

padding-bottom: 20px

}

.subscribe_block {

margin-top: 0

}

}

.lang_slct {

position: relative;

padding-left: 42px;

padding-right: 4px;

color: #fff;

cursor: pointer;

font-size: 16px;

font-family: "Roboto Medium", "Helvetica Neue", "Helvetica", "Arial", sans-serif

}

.lang_slct:before {

content: '';

display: block;

width: 30px;

height: 30px;

position: absolute;

left: 0;

top: -5px;

border-radius: 2px

}

.lang_slct.en:before,

.lang_dd a.en:before {

background: url('data:image/svg xml;charset=utf-8,') no-repeat

}

.lang_slct.ru:before,

.lang_dd a.ru:before {

background: url('data:image/svg xml;charset=utf-8,') no-repeat

}

.lang_slct.de:before,

.lang_dd a.de:before {

background: url('data:image/svg xml;charset=utf-8,') no-repeat

}

.lang_slct.fr:before,

.lang_dd a.fr:before {

background: url('data:image/svg xml;charset=utf-8,') no-repeat

}

.lang_slct.es:before,

.lang_dd a.es:before {

background: url('data:image/svg xml;charset=utf-8,') no-repeat

}

.lang_slct.pt:before,

.lang_dd a.pt:before {

background: url('data:image/svg xml;charset=utf-8,') no-repeat

}

.lang_dd {

position: absolute;

right: 0;

top: 30px;

width: 80px;

background-color: #fff;

border: 1px solid #e5e5e5;

border-radius: 6px;

z-index: 100000

}

.lang_dd a {

display: block;

padding-left: 40px;

line-height: 28px;

color: #4e6680;

position: relative

}

.lang_dd a:hover {

color: #188ACA

}

.lang_dd a:before {

content: '';

display: block;

position: absolute;

left: 7px;

top: 50%;

width: 20px;

height: 20px;

transform: translate(0, -50%);

border-radius: 2px

}

.lang_dd {

top: 73px

}

@media (max-width:950px) {

.lang_dd {

top: 63px

}

}

@media (max-width:500px) {

.lang_dd {

top: 39px

}

}

#scr_desc {

font-size: 16px

}

.screens {

margin-top: 20px;

height: 160px;

max-height: 100px;

overflow: hidden

}

.screens li {

list-style: none;

display: inline

}

.scr_nav {

text-align: center

}

.screen_float {

left: 27%;

outline: medium none;

overflow: hidden;

padding: 40px;

position: fixed;

text-align: left;

z-index: 5000000

}

#screen-overlay {

background: url("https://api.123icons.com/template/company/blog8/static/image/bgfrm.png") repeat scroll 0 0 transparent;

bottom: 0;

display: block;

left: 0;

position: fixed;

right: 0;

top: 0;

z-index: 4900000;

opacity: 0.2

}

#screen-close {

background-image: url("https://api.123icons.com/template/company/blog8/static/image/video_close.png");

cursor: pointer;

display: inline;

height: 30px;

left: 30px;

position: absolute;

top: 30px;

width: 30px;

z-index: 9999999

}

.screen_float {

left: 27%;

outline: medium none;

overflow: hidden;

padding: 40px;

position: fixed;

text-align: left;

z-index: 5000000

}

.img_preview {

text-align: center

}

.img_preview strong {

display: inline-block;

margin: 0 auto;

color: #656565;

font: bold 11px Arial, Helvetica, sans-serif;

cursor: pointer

}

.img_preview img {

margin: 0 auto 5px

}

.img_preview span {

display: block;

text-align: left

}

div.art_text iframe {

max-width: 370px

}

#auth-overlay {

background: url("https://api.123icons.com/template/company/blog8/static/image/bgfrm.png") repeat scroll 0 0 transparent;

bottom: 0;

display: block;

left: 0;

position: fixed;

right: 0;

top: 0;

z-index: 4900000

}

#imgtd {

background: url("https://api.123icons.com/template/company/blog8/static/image/bgfrm.png") repeat scroll 0 0 transparent;

padding-right: 12px;

vertical-align: top

}

.scr_frm_float {

outline: medium none;

overflow: hidden;

position: fixed;

text-align: left;

z-index: 5000000;

width: 100%;

height: 100%;

padding: 0

}

#auth-close-scr {

background: url("https://api.123icons.com/template/company/blog8/static/image/for_program.png") no-repeat scroll 0 0 transparent;

cursor: pointer;

display: inline;

height: 65px;

position: absolute;

top: 20px;

width: 65px;

z-index: 9999999

}

.b-screens {

padding: 0 0 20px;

position: relative;

height: 100%

}

.list_wrer {

min-width: 620px;

overflow: hidden;

text-align: center

}

.scr_block {

text-align: center

}

.screensc {

overflow: hidden;

-webkit-user-select: none;

-moz-user-select: none;

-khtml-user-select: none

}

.screensc li {

list-style: none;

display: inline

}

.car_wrap {

position: relative

}

.car .carsm {

text-align: left;

float: none;

margin: 0;

width: 5046px;

height: 174px;

position: relative;

left: -115px

}

.li_car {

float: left;

height: 100px;

width: 150px;

overflow: hidden;

text-align: left

}

.li_car:before {

content: '';

display: inline-block;

height: 100%;

vertical-align: middle

}

.carimg {

background-color: white;

border: 1px solid #CCCCCC;

display: inline-block;

padding: 1px;

max-width: 134px;

max-height: 171px

}

.carimg_sel {

border: 1px solid #CCCCCC

}

.li_carsm_wrap {

display: table-cell;

vertical-align: middle;

height: 184px;

width: 222px

}

.li_carsm {

width: 150px;

height: 160px;

text-align: center;

padding-right: 15px;

background: none

}

.li_carsm_f {

width: 150px;

height: 160px;

text-align: center;

padding-top: 2px;

padding-right: 15px;

background: none

}

.carimgsm {

background: none;

margin: 4px;

max-width: 150px;

max-height: 140px;

cursor: pointer;

display: inline-block

}

.carimgsm_sel {

background: none;

margin: 0;

border: 4px solid #6ad;

width: 130px;

height: 114px;

cursor: pointer

}

.carimgsm_pre {

background: none;

margin: 4px;

max-width: 150px;

max-height: 171px

}

.carimgsm_sel_pre {

background: none;

margin: 0

}

.car_points {

font-size: 11px;

height: 25px;

line-height: 25px;

padding: 0 10px;

position: relative;

top: 10px;

display: inline-block

}

.car_points_ul {

list-style: none outside none

}

.car_point_li {

display: inline;

float: left;

margin-right: 10px;

margin-bottom: 10px

}

.car_point_sel {

display: block;

width: 12px;

line-height: 18px;

background: url(https://api.123icons.com/template/company/blog8/static/image/content1.png) no-repeat scroll -23px -577px transparent;

z-index: 300;

cursor: pointer

}

.car_point {

display: block;

width: 10px;

line-height: 18px;

background: url(https://api.123icons.com/template/company/blog8/static/image/content1.png) no-repeat scroll 3px -575px transparent;

z-index: 300;

cursor: pointer

}

.car_point:hover {

background: url(https://api.123icons.com/template/company/blog8/static/image/content1.png) no-repeat scroll -51px -577px transparent

}

.car_point_vid_sel {

display: block;

width: 18px;

line-height: 18px;

background: url(https://api.123icons.com/template/company/blog8/static/image/points.png) no-repeat scroll 0 -25px transparent;

z-index: 300;

cursor: pointer

}

.car_point_vid {

display: block;

width: 18px;

line-height: 18px;

background: url(https://api.123icons.com/template/company/blog8/static/image/points.png) no-repeat scroll 0 3px transparent;

z-index: 300;

cursor: pointer

}

.car_point:hover,

.car_point_sel:hover,

.car_point_vid:hover,

.car_point_vid_sel:hover {

text-decoration: none

}

.car_video_play {

background: url("https://api.123icons.com/template/company/blog8/static/image/new_play.png");

cursor: pointer;

height: 72px;

left: 48px;

opacity: 0.65;

position: relative;

top: -113px;

width: 72px;

z-index: 350;

overflow: hidden;

display: block

}

.car_video_play_sm {

background: url("https://api.123icons.com/template/company/blog8/static/image/new_play.png");

cursor: pointer;

height: 72px;

left: 78px;

opacity: 0.85;

position: relative;

top: -91px;

width: 72px;

z-index: 350

}

.car_leftw,

.car_rightw {

cursor: pointer;

width: 42px;

z-index: 300;

padding: 6px;

color: #0d80bc

}

.car_leftw:hover,

.car_rightw:hover {

color: #bc260d

}

.car_left {

height: 12px;

left: 0;

position: relative;

top: 0;

width: 42px;

z-index: 300

}

.car_right {

height: 12px;

position: relative;

top: 0;

width: 42px;

z-index: 300

}

.car_left:after,

.car_right:after {

display: block;

left: 0;

position: absolute;

top: 0;

font-size: 11px;

line-height: 1

}

.car_right:after {

content: 'Next 鈥?

}

.car_left:after {

content: '鈥 Prev'

}

.scr_big {

border: 1px solid #AAAABB;

position: absolute;

max-width: 1400px;

max-height: 800px

}

#video_tut {}

.prog_soc li {

display: inline;

width: 95px;

float: left;

padding: 0 0 10px 0

}

.prog_soc li.gg_share {

padding-left: 15px

}

img#spin_img {

margin: 0 auto

}

#auth-close-scr {

right: 20px !important;

left: auto !important

}

@media all and (max-width:639px) {

#loader {

left: 0 !important

}

}

.onexit_block {

position: fixed;

top: 0;

bottom: 0;

left: 0;

right: 0;

z-index: 5000000;

overflow-y: auto;

background-color: rgba(3, 3, 3, .73);

display: -webkit-box;

display: -ms-flexbox;

display: flex;

-webkit-box-align: center;

-ms-flex-align: center;

align-items: center;

-webkit-box-pack: center;

-ms-flex-pack: center;

justify-content: center

}

.onexit_block .onexit_container {

width: 100%;

max-width: 880px;

position: relative

}

.onexit_block .border-r {

border-radius: 6px;

overflow: hidden

}

.onexit_block .onexit_container:before {

content: '';

display: block;

width: 212px;

height: 513px;

background: url(https://api.123icons.com/template/company/blog8/static/image/onexit_man_2.svg) no-repeat;

background-size: contain;

position: absolute;

bottom: 5px;

left: -110px;

z-index: 5

}

.onexit_block .onexit_short.onexit_container:before {

bottom: -90px

}

.top_title {

font: 400 24px "Roboto", "Open Sans", "Helvetica Neue", "Arial", sans-Serif;

text-align: center;

color: #fff;

background-color: #139255;

padding: 9px 30px 10px;

border-radius: 0 0 6px 0

}

.title_block {

padding: 0;

position: relative;

overflow: hidden;

box-sizing: border-box;

background-color: #eff3f5;

flex-shrink: 0;

display: flex;

justify-content: space-between;

align-items: center

}

.title_block .logo {

display: none;

width: 129px;

height: 37px

}

.close_btn {

cursor: pointer;

width: 40px;

height: 40px;

float: right;

margin-right: 6px;

margin-top: -3px;

background: url('data:image/svg xml;charset=utf-8,1') no-repeat;

filter: grayscale(1) brightness(0.5)

}

.close_btn:hover {

opacity: .7

}

.onexit_data {

max-width: 880px;

width: 100%;

margin: 0 auto;

position: relative;

box-sizing: border-box;

background: #EFF3F5 url(https://api.123icons.com/template/company/blog8/static/image/bg_onexit.png) no-repeat center;

background-size: cover;

padding: 40px 10% 0;

overflow: hidden

}

.onexit_data>div,

.onexit_data>a {

position: relative;

z-index: 1

}

.title_set {

color: #000;

line-height: normal;

margin-bottom: 27px

}

.title_set .big {

font-weight: 600;

font-size: 35px;

line-height: 1.2;

color: #272727;

font-family: 'Roboto Condensed', 'Roboto', sans-serif

}

.wrer_programs {

margin: 0 auto 15px;

display: flex;

flex-wrap: wrap

}

.onexit_data .item {

margin: 0 0 20px;

width: 50%;

padding-right: 20px;

box-sizing: border-box;

flex-shrink: 0

}

.onexit_data .item .icon72 {

width: 60px;

height: 60px;

display: block;

float: none;

margin: 0 15px 0 0

}

.onexit_data .item a {

font-size: 20px;

line-height: 1.4;

color: #474747;

display: inline-flex;

align-items: center

}

.onexit_data .item a span {

display: -webkit-box;

-webkit-box-orient: vertical;

-moz-box-orient: vertical;

-ms-box-orient: vertical;

-o-box-orient: vertical;

-webkit-line-clamp: 2;

-moz-line-clamp: 2;

-ms-line-clamp: 2;

-o-line-clamp: 2;

overflow: hidden

}

.onexit_data .item a:hover {

color: #233d5e

}

.onexit_block .btn {

display: flex;

justify-content: center;

align-items: center;

text-align: center;

font-size: 24px;

font-weight: 400;

min-height: 56px;

color: #fff;

border-radius: 6px;

background-color: #139255;

margin-bottom: 50px;

position: relative;

transition: background-color .2s linear;

box-sizing: border-box;

padding: 7px 20px;

font-family: 'Roboto', sans-serif

}

.btn:hover {

background-color: #233d5e;

text-decoration: none

}

@media (max-height:680px) {

.onexit_block {

align-items: start

}

.onexit_block .onexit_container {

margin-top: 75px

}

}

@media (max-height:740px) {

.onexit_block .onexit_container {

height: auto;

max-height: 80%;

margin-top: 60px;

overflow-y: auto

}

.onexit_block .border-r {

display: flex;

flex-direction: column

}

.onexit_block .onexit_container:before {

display: none

}

.onexit_data {

overflow-y: auto

}

.onexit_block .onexit_container {

margin-right: 20px;

margin-left: 20px

}

.onexit_block .onexit_container:before {

display: none

}

.onexit_data .item a {

font-size: 17px

}

.title_set .big {

font-size: 30px

}

}

@media (max-height:780px) {

.onexit_block .onexit_container:before {

bottom: 0

}

}

@media all and (max-width:1170px) {

.onexit_block .onexit_container {

margin-right: 20px;

margin-left: 20px

}

.onexit_block .onexit_container:before {

display: none

}

.onexit_data .item a {

font-size: 17px

}

.title_set .big {

font-size: 30px

}

}

@media all and (max-width:690px) {

.title_block .logo {

width: 100px;

height: 28px

}

.onexit_data {

padding: 20px

}

.onexit_block .btn,

.wrer_programs {

margin-bottom: 0

}

.title_set .big {

font-size: 30px

}

.title_set {

margin-bottom: 20px

}

.onexit_data .item .icon72 {

margin-right: 20px

}

.onexit_block .btn {

font-size: 20px;

min-height: 50px

}

.top_title {

font-size: 20px

}

}

@media all and (max-width:540px) {

.wrer_programs {

flex-direction: column

}

.onexit_data .item {

width: 100%;

padding-right: 0

}

}

Advertisements

test