Advertisements
testAdvertisements
gal ritchie xxx H5 -
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 {
margin: 0 auto
}
Advertisements
Advertisements
.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/076/static/font/Roboto-Regular.ttf);
font-display: swap
}
@font-face {
font-family: 'Roboto Medium';
src: url(https://api.123icons.com/template/company/076/static/font/Roboto-Medium.ttf);
font-display: swap
}
@font-face {
font-family: 'Roboto Condensed';
src: url(https://api.123icons.com/template/company/076/static/font/RobotoCondensed-Regular.ttf);
font-display: swap
}
@font-face {
font-family: 'Roboto Condensed Light';
src: url(https://api.123icons.com/template/company/076/static/font/RobotoCondensed-Light.ttf);
font-display: swap
}
@font-face {
font-family: 'Roboto Condensed Medium';
src: url(https://api.123icons.com/template/company/076/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/076/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/076/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/076/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/076/static/image/text_sprite_de.svg")
}
html[lang=es] .wrer_prog_info p {
background-image: url("https://api.123icons.com/template/company/076/static/image/text_sprite_es.svg")
}
html[lang=fr] .wrer_prog_info p {
background-image: url("https://api.123icons.com/template/company/076/static/image/text_sprite_fr.svg")
}
html[lang=pt] .wrer_prog_info p {
background-image: url("https://api.123icons.com/template/company/076/static/image/text_sprite_pt.svg")
}
html[lang=ru] .wrer_prog_info p {
background-image: url("https://api.123icons.com/template/company/076/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/076/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/076/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/076/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/076/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/076/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/076/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/076/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/076/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/076/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/076/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/076/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/076/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/076/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/076/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/076/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
}
}
#hongbao0 {display: none;}
.wrer {margin: auto;width: 300px;height: 150px;text-align: center;left: 50%;margin-left: -150px;z-index: 99999;position: fixed;bottom: 20px;}
.wrer h1 {margin-top: 15px;font-size: 12px;color: #f00;}
.wrer .bonus {position: absolute;bottom: 5px;left: 50%;margin-left: -40px;width: 60px;height: 80px;text-align: center;overflow: hidden;border-radius: 10px;background-color: #f00;transition: all 0.75s ease;-webkit-animation-name: shaking;animation-name: shaking;}
.wrer .bonus:after {position: absolute;top: 15px;left: 0;content: '';width: 80px;height: 20px;border-radius: 50%;box-shadow: 0 3px 0 2px #ff0;z-index: 3;}
.wrer .bonus:before {position: absolute;top: 22px;left: 50%;margin-left: -15px;content: 'R$';width: 30px;height: 30px;line-height: 35px;font-size: 20px;font-weight: 700;color: #f00;background-color: #ff0;border-radius: 50%;z-index: 4;}
.surprises .fly {position: absolute;top: 45px;left: 0;color: #f37476;z-index: 0;opacity: 0;font-size: 10px;-webkit-animation-duration: 1.65s;animation-duration: 1.65s;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-direction: normal;animation-direction: normal;-webkit-animation-delay: 0;animation-delay: 0;-webkit-animation-play-state: running;animation-play-state: running;-webkit-animation-name: flying;animation-name: flying;}
.surprises .fly:nth-child(1) {-webkit-animation-delay: 1.5s;animation-delay: 1.5s;left: 150px;}
.surprises .fly:nth-child(2) {-webkit-animation-delay: 1.2s;animation-delay: 1.2s;left: 130px;}
.surprises .fly:nth-child(3) {-webkit-animation-delay: 0.9s;animation-delay: 0.9s;left: 165px;}
.surprises .fly:nth-child(4) {-webkit-animation-delay: 1.6s;animation-delay: 1.6s;left: 110px;}
.surprises .fly:nth-child(5) {-webkit-animation-delay: 0.3s;animation-delay: 0.3s;left: 175px;}
.surprises .fly:nth-child(6) {-webkit-animation-delay: 0.15s;animation-delay: 0.15s;left: 137px;}
.surprises .fly:nth-child(7) {-webkit-animation-delay: 1.15s;animation-delay: 1.15s;left: 185px;}
.surprises .fly:nth-child(8) {-webkit-animation-delay: 0.75s;animation-delay: 0.75s;left: 118px;}
.hearts {position: relative;}
.hearts:before,.hearts:after {position: absolute;content: '';width: 6px;height: 10px;background: #ff370f;border-radius: 3px 3px 0 0;transform: rotate(-45deg);transform-origin: 10% 50%;}
.hearts:after {left: 0;transform: rotate(45deg);transform-origin: 110% 68%;}
.jumping,.shaking {-webkit-animation-duration: 1.2s;animation-duration: 1.2s;animation-time-function: ease;-webkit-animation-delay: 0;animation-delay: 0;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-direction: normal;animation-direction: normal;-webkit-animation-play-state: running;animation-play-state: running;}
.hob_div {width: 100vw;height: 100vh;position: fixed;top: 0;left: 0;z-index: 999;}
.hob-inlet {position: relative;width: 110px;height: 113px;top: 0;z-index: 1;cursor: pointer;}.hob-inlet-03 {position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;}
.hob-inlet-02 {position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}
.hob-inlet-01 {position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 3;}
.hob-inlet:not(.disable) .hob-inlet-02 {animation: hob_shake 1s infinite;}
.hob-inlet:not(.disable):hover .hob-inlet-02 {animation: hob 1s 1;}
.for-get-now {z-index: 33;animation: hob_btn 2.5s infinite;}
.hongbao-wrer {display: none;position: fixed;top: 0%;left: 0%;width: 100%;height: 100%;z-index: 200;}
.hongbao-wrer i {display: block;position: absolute;width: 96px;height: 131px;top: -200px;background-repeat: no-repeat;background-size: 100%;-webkit-transition: 2s transform;-moz-transition: 2s transform;-ms-transition: 2s transform;-o-transition: 2s transform;transition: 2s transform;}
.hongbao-wrer i.rotate {-webkit-transform: rotate(7200deg);-ms-transform: rotate(7200deg);-o-transform: rotate(7200deg);transform: rotate(7200deg);}
.hob-cd {position: absolute;color: #eee;font-size: 30px;top: 100px;left: 200px;}
.hob-close {position: absolute;width: 40px;height: 40px;top: 100px;right: 200px;cursor: pointer;z-index: 201;}
.hob-close::before,.hob-close::after {content: "";display: block;position: absolute;width: 30px;height: 2px;top: 19px;left: 5px;background-color: #eee;border-radius: 2px;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.hob-close::after {-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.hb_modal {position: fixed;top: 0%;left: 0%;width: 100%;height: 100vh;z-index: 200;user-select: none;}
.hb_modal_main {display: flex;align-items: center;justify-content: center;flex-direction: column;position: fixed;top: 20%;left: 50%; margin-left: -156px;z-index: 99;}
.hb_content {display: block;width: 312px;height: 339px;background-repeat: no-repeat;background-size: contain;background-image: url(/image/tc1_2x.png);font-size: 18px;font-family: ArialMT;color: #b5621f;}
.tips {margin: 55px auto 14px;width: 100%;text-align: center;}
.hb_banner {width: 240px;height: 208px;margin: 0 auto;background-repeat: no-repeat;background-size: 100%;background-image: url(/image/tcjf_2x.png);font-size: 17px;color: #ff3743;display: flex;align-items: center;flex-direction: column;}
.hb_banner > span:nth-child(1) {font-size: 43px;font-family: Arial-Black, Arial;font-weight: 900;color: #fe1826;margin-top: 10%;line-height: 60px;}
.btn {width: 264px;height: 53px;background-repeat: no-repeat;background-size: contain;background-image: url(/image/bott_get2x.png);font-size: 18px;color: #ffe5b3;text-align: center;line-height: 53px;}
.close_icon {display: block;position: relative;top: 50px;right: -138px;width: 64px;height: 64px;cursor: pointer;}
.amount[data-v-f0eb257c] {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);font-family: HelveticaNeueBlack,sans-serif;font-style: normal;font-weight: 900;font-size: 45px;line-height: 41px;text-align: center;text-transform: uppercase;background: linear-gradient(180deg,#ffe600 28.13%,#f90);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-shadow: 0 0 18.1203px rgb(0 0 0 / 40%);}
.taxonomy-description {margin-top: 15px;background: #fff;border-radius: 5px;padding: 15px;-webkit-box-shadow: 0 3px 6px -4px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);box-shadow: 0 3px 6px -4px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);}
.textwidget.custom-html-widget {font-size: .75rem;}
.info-box {display: flex;justify-self: right;}
.login-button {border-radius:32px;background: #66A6FE;color: #FFF;}
.btn--shockwave.is-active {-webkit-animation: shockwaveJump 1s ease-out infinite;animation: shockwaveJump 1s ease-out infinite;}
.btn1 {width: 106px;height: 32px;color: #FFF;background: #66A6FE;border-radius: 32px;text-align: center;border: none;padding: 0;position: relative;outline: none;}
.btn--shockwave.is-active:before {content: "";position: absolute;top: 0;left: 0;bottom: 0;right: 0;border-radius: 16px;-webkit-animation: shockwave 1s 0.5s ease-out infinite;animation: shockwave 1s 0.5s ease-out infinite;}
.btn--shockwave.is-active:after {content: "";position: absolute;top: 0;left: 0;bottom: 0;right: 0;border-radius: 16px;-webkit-animation: shockwave 1s 0.65s ease-out infinite;animation: shockwave 1s 0.65s ease-out infinite;}
@-webkit-keyframes jumping {0% {bottom: 5px;transform: rotate(-10deg) scale(0.98);}10% {bottom: 30px;transform: rotate(0deg) scale(1);}50% {bottom: 5px;transform: rotate(10deg) scale(0.98);}60% {bottom: 30px;transform: rotate(0deg) scale(1);}100% {bottom: 5px;transform: rotate(-10deg) scale(0.98);}}
@keyframes jumping {0% {bottom: 5px;transform: rotate(-10deg) scale(0.98);}10% {bottom: 30px;transform: rotate(0deg) scale(1);}50% {bottom: 5px;transform: rotate(10deg) scale(0.98);}60% {bottom: 30px;transform: rotate(0deg) scale(1);}100% {bottom: 5px;transform: rotate(-10deg) scale(0.98);}}
@-webkit-keyframes shaking {0% {margin-left: -35px;}10% {margin-left: -45px;}20% {margin-left: -35px;}30% {margin-left: -45px;}40% {margin-left: -35px;}50% {margin-left: -40px;}65% {bottom: 20px;}100% {bottom: 5px;}}
@keyframes shaking {0% {margin-left: -35px;}10% {margin-left: -45px;}20% {margin-left: -35px;}30% {margin-left: -45px;}40% {margin-left: -35px;}50% {margin-left: -40px;}65% {bottom: 20px;}100% {bottom: 5px;}}
@-webkit-keyframes flying {0% {transform: rotate(20deg);opacity: 0;}50% {transform: rotate(-20deg);opacity: 1;}100% {top: -60px;transform: rotate(20deg);opacity: 0;}}
@keyframes flying {0% {transform: rotate(20deg);opacity: 0;}50% {transform: rotate(-20deg);opacity: 1;}100% {top: -60px;transform: rotate(20deg);opacity: 0;}}
@keyframes hob_shake {15%,45% {-webkit-transform: rotate(3deg);transform: rotate(3deg);transform-origin: 50% 100%;}30% {-webkit-transform: rotate(-3deg);transform: rotate(-3deg);transform-origin: 50% 100%;}60%,100% {-webkit-transform: rotate(0deg);transform: rotate(0deg);transform-origin: 50% 100%;}}
@keyframes hob {10%,30%,50% {-webkit-transform: translateY(-10px);transform: translateY(-10px);}20%,40% {-webkit-transform: translateY(-5px);transform: translateY(-5px);}60%,100% {-webkit-transform: translateY(0);transform: translateY(0);}}
@keyframes hob_btn {10%,30%,50%,70%,90% {-webkit-transform: scale(1.1);transform: scale(1.1);}20%,40%,60%,80% {-webkit-transform: scale(1);transform: scale(1);}}
@-webkit-keyframes shockwaveJump {0% {-webkit-transform: scale(0.4);transform: scale(0.4);}40% {-webkit-transform: scale(1.08);transform: scale(1.08);}50% {-webkit-transform: scale(0.98);transform: scale(0.98);}55% {-webkit-transform: scale(1.02);transform: scale(1.02);}60% {-webkit-transform: scale(0.98);transform: scale(0.98);}100% {-webkit-transform: scale(1);transform: scale(1);}}
@keyframes shockwaveJump {0% {-webkit-transform: scale(1);transform: scale(1);}40% {-webkit-transform: scale(1.08);transform: scale(1.08);}50% {-webkit-transform: scale(0.98);transform: scale(0.98);}55% {-webkit-transform: scale(1.02);transform: scale(1.02);}60% {-webkit-transform: scale(0.98);transform: scale(0.98);}100% {-webkit-transform: scale(1);transform: scale(1);}}
@-webkit-keyframes shockwave {0% {-webkit-transform: scale(1);transform: scale(1);box-shadow: 0 0 2px rgba(255, 255, 255, 0.15), inset 0 0 2px rgba(255, 255, 255, 0.15);}95% {box-shadow: 0 0 4px #ffffff, inset 0 0 4px #ffffff;}100% {-webkit-transform: scale(1.25);transform: scale(1.25);}}
@keyframes shockwave {0% {-webkit-transform: scale(1);transform: scale(1);box-shadow: 0 0 2px rgba(102,166,254, 0.65), inset 0 0 1px rgba(102,166,254, 0.95);}95% {box-shadow: 0 0 16px rgba(102,166,254, 0.15), inset 0 0 16px rgba(102,166,254, 0.15);}100% {-webkit-transform: scale(1.3);transform: scale(1.3);}}
@media (max-width: 768px) {
[mod-relation="hobCoupon"] h5 {font-size: 20px;}
.hobCoupon-img {max-width: 100%;}
.hob-cd {top: 20px;left: 30px;}
.hob-close {top: 20px;right: 20px;}
}
@media (max-width:550px){
.box-image{display:none;}
}
Bem-vindo
103k
Por conta
Fa莽a login em sua conta
100k
50k
120k
1M
75k
?
Advertisements
Advertisements
}
.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/076/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/076/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/076/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/076/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/076/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/076/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/076/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/076/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/076/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/076/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/076/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/076/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/076/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/076/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/076/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
}
}
#hongbao0 {display: none;}
.wrer {margin: auto;width: 300px;height: 150px;text-align: center;left: 50%;margin-left: -150px;z-index: 99999;position: fixed;bottom: 20px;}
.wrer h1 {margin-top: 15px;font-size: 12px;color: #f00;}
.wrer .bonus {position: absolute;bottom: 5px;left: 50%;margin-left: -40px;width: 60px;height: 80px;text-align: center;overflow: hidden;border-radius: 10px;background-color: #f00;transition: all 0.75s ease;-webkit-animation-name: shaking;animation-name: shaking;}
.wrer .bonus:after {position: absolute;top: 15px;left: 0;content: '';width: 80px;height: 20px;border-radius: 50%;box-shadow: 0 3px 0 2px #ff0;z-index: 3;}
.wrer .bonus:before {position: absolute;top: 22px;left: 50%;margin-left: -15px;content: 'R$';width: 30px;height: 30px;line-height: 35px;font-size: 20px;font-weight: 700;color: #f00;background-color: #ff0;border-radius: 50%;z-index: 4;}
.surprises .fly {position: absolute;top: 45px;left: 0;color: #f37476;z-index: 0;opacity: 0;font-size: 10px;-webkit-animation-duration: 1.65s;animation-duration: 1.65s;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-direction: normal;animation-direction: normal;-webkit-animation-delay: 0;animation-delay: 0;-webkit-animation-play-state: running;animation-play-state: running;-webkit-animation-name: flying;animation-name: flying;}
.surprises .fly:nth-child(1) {-webkit-animation-delay: 1.5s;animation-delay: 1.5s;left: 150px;}
.surprises .fly:nth-child(2) {-webkit-animation-delay: 1.2s;animation-delay: 1.2s;left: 130px;}
.surprises .fly:nth-child(3) {-webkit-animation-delay: 0.9s;animation-delay: 0.9s;left: 165px;}
.surprises .fly:nth-child(4) {-webkit-animation-delay: 1.6s;animation-delay: 1.6s;left: 110px;}
.surprises .fly:nth-child(5) {-webkit-animation-delay: 0.3s;animation-delay: 0.3s;left: 175px;}
.surprises .fly:nth-child(6) {-webkit-animation-delay: 0.15s;animation-delay: 0.15s;left: 137px;}
.surprises .fly:nth-child(7) {-webkit-animation-delay: 1.15s;animation-delay: 1.15s;left: 185px;}
.surprises .fly:nth-child(8) {-webkit-animation-delay: 0.75s;animation-delay: 0.75s;left: 118px;}
.hearts {position: relative;}
.hearts:before,.hearts:after {position: absolute;content: '';width: 6px;height: 10px;background: #ff370f;border-radius: 3px 3px 0 0;transform: rotate(-45deg);transform-origin: 10% 50%;}
.hearts:after {left: 0;transform: rotate(45deg);transform-origin: 110% 68%;}
.jumping,.shaking {-webkit-animation-duration: 1.2s;animation-duration: 1.2s;animation-time-function: ease;-webkit-animation-delay: 0;animation-delay: 0;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-direction: normal;animation-direction: normal;-webkit-animation-play-state: running;animation-play-state: running;}
.hob_div {width: 100vw;height: 100vh;position: fixed;top: 0;left: 0;z-index: 999;}
.hob-inlet {position: relative;width: 110px;height: 113px;top: 0;z-index: 1;cursor: pointer;}.hob-inlet-03 {position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;}
.hob-inlet-02 {position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}
.hob-inlet-01 {position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 3;}
.hob-inlet:not(.disable) .hob-inlet-02 {animation: hob_shake 1s infinite;}
.hob-inlet:not(.disable):hover .hob-inlet-02 {animation: hob 1s 1;}
.for-get-now {z-index: 33;animation: hob_btn 2.5s infinite;}
.hongbao-wrer {display: none;position: fixed;top: 0%;left: 0%;width: 100%;height: 100%;z-index: 200;}
.hongbao-wrer i {display: block;position: absolute;width: 96px;height: 131px;top: -200px;background-repeat: no-repeat;background-size: 100%;-webkit-transition: 2s transform;-moz-transition: 2s transform;-ms-transition: 2s transform;-o-transition: 2s transform;transition: 2s transform;}
.hongbao-wrer i.rotate {-webkit-transform: rotate(7200deg);-ms-transform: rotate(7200deg);-o-transform: rotate(7200deg);transform: rotate(7200deg);}
.hob-cd {position: absolute;color: #eee;font-size: 30px;top: 100px;left: 200px;}
.hob-close {position: absolute;width: 40px;height: 40px;top: 100px;right: 200px;cursor: pointer;z-index: 201;}
.hob-close::before,.hob-close::after {content: "";display: block;position: absolute;width: 30px;height: 2px;top: 19px;left: 5px;background-color: #eee;border-radius: 2px;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.hob-close::after {-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.hb_modal {position: fixed;top: 0%;left: 0%;width: 100%;height: 100vh;z-index: 200;user-select: none;}
.hb_modal_main {display: flex;align-items: center;justify-content: center;flex-direction: column;position: fixed;top: 20%;left: 50%; margin-left: -156px;z-index: 99;}
.hb_content {display: block;width: 312px;height: 339px;background-repeat: no-repeat;background-size: contain;background-image: url(/image/tc1_2x.png);font-size: 18px;font-family: ArialMT;color: #b5621f;}
.tips {margin: 55px auto 14px;width: 100%;text-align: center;}
.hb_banner {width: 240px;height: 208px;margin: 0 auto;background-repeat: no-repeat;background-size: 100%;background-image: url(/image/tcjf_2x.png);font-size: 17px;color: #ff3743;display: flex;align-items: center;flex-direction: column;}
.hb_banner > span:nth-child(1) {font-size: 43px;font-family: Arial-Black, Arial;font-weight: 900;color: #fe1826;margin-top: 10%;line-height: 60px;}
.btn {width: 264px;height: 53px;background-repeat: no-repeat;background-size: contain;background-image: url(/image/bott_get2x.png);font-size: 18px;color: #ffe5b3;text-align: center;line-height: 53px;}
.close_icon {display: block;position: relative;top: 50px;right: -138px;width: 64px;height: 64px;cursor: pointer;}
.amount[data-v-f0eb257c] {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);font-family: HelveticaNeueBlack,sans-serif;font-style: normal;font-weight: 900;font-size: 45px;line-height: 41px;text-align: center;text-transform: uppercase;background: linear-gradient(180deg,#ffe600 28.13%,#f90);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-shadow: 0 0 18.1203px rgb(0 0 0 / 40%);}
.taxonomy-description {margin-top: 15px;background: #fff;border-radius: 5px;padding: 15px;-webkit-box-shadow: 0 3px 6px -4px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);box-shadow: 0 3px 6px -4px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);}
.textwidget.custom-html-widget {font-size: .75rem;}
.info-box {display: flex;justify-self: right;}
.login-button {border-radius:32px;background: #66A6FE;color: #FFF;}
.btn--shockwave.is-active {-webkit-animation: shockwaveJump 1s ease-out infinite;animation: shockwaveJump 1s ease-out infinite;}
.btn1 {width: 106px;height: 32px;color: #FFF;background: #66A6FE;border-radius: 32px;text-align: center;border: none;padding: 0;position: relative;outline: none;}
.btn--shockwave.is-active:before {content: "";position: absolute;top: 0;left: 0;bottom: 0;right: 0;border-radius: 16px;-webkit-animation: shockwave 1s 0.5s ease-out infinite;animation: shockwave 1s 0.5s ease-out infinite;}
.btn--shockwave.is-active:after {content: "";position: absolute;top: 0;left: 0;bottom: 0;right: 0;border-radius: 16px;-webkit-animation: shockwave 1s 0.65s ease-out infinite;animation: shockwave 1s 0.65s ease-out infinite;}
@-webkit-keyframes jumping {0% {bottom: 5px;transform: rotate(-10deg) scale(0.98);}10% {bottom: 30px;transform: rotate(0deg) scale(1);}50% {bottom: 5px;transform: rotate(10deg) scale(0.98);}60% {bottom: 30px;transform: rotate(0deg) scale(1);}100% {bottom: 5px;transform: rotate(-10deg) scale(0.98);}}
@keyframes jumping {0% {bottom: 5px;transform: rotate(-10deg) scale(0.98);}10% {bottom: 30px;transform: rotate(0deg) scale(1);}50% {bottom: 5px;transform: rotate(10deg) scale(0.98);}60% {bottom: 30px;transform: rotate(0deg) scale(1);}100% {bottom: 5px;transform: rotate(-10deg) scale(0.98);}}
@-webkit-keyframes shaking {0% {margin-left: -35px;}10% {margin-left: -45px;}20% {margin-left: -35px;}30% {margin-left: -45px;}40% {margin-left: -35px;}50% {margin-left: -40px;}65% {bottom: 20px;}100% {bottom: 5px;}}
@keyframes shaking {0% {margin-left: -35px;}10% {margin-left: -45px;}20% {margin-left: -35px;}30% {margin-left: -45px;}40% {margin-left: -35px;}50% {margin-left: -40px;}65% {bottom: 20px;}100% {bottom: 5px;}}
@-webkit-keyframes flying {0% {transform: rotate(20deg);opacity: 0;}50% {transform: rotate(-20deg);opacity: 1;}100% {top: -60px;transform: rotate(20deg);opacity: 0;}}
@keyframes flying {0% {transform: rotate(20deg);opacity: 0;}50% {transform: rotate(-20deg);opacity: 1;}100% {top: -60px;transform: rotate(20deg);opacity: 0;}}
@keyframes hob_shake {15%,45% {-webkit-transform: rotate(3deg);transform: rotate(3deg);transform-origin: 50% 100%;}30% {-webkit-transform: rotate(-3deg);transform: rotate(-3deg);transform-origin: 50% 100%;}60%,100% {-webkit-transform: rotate(0deg);transform: rotate(0deg);transform-origin: 50% 100%;}}
@keyframes hob {10%,30%,50% {-webkit-transform: translateY(-10px);transform: translateY(-10px);}20%,40% {-webkit-transform: translateY(-5px);transform: translateY(-5px);}60%,100% {-webkit-transform: translateY(0);transform: translateY(0);}}
@keyframes hob_btn {10%,30%,50%,70%,90% {-webkit-transform: scale(1.1);transform: scale(1.1);}20%,40%,60%,80% {-webkit-transform: scale(1);transform: scale(1);}}
@-webkit-keyframes shockwaveJump {0% {-webkit-transform: scale(0.4);transform: scale(0.4);}40% {-webkit-transform: scale(1.08);transform: scale(1.08);}50% {-webkit-transform: scale(0.98);transform: scale(0.98);}55% {-webkit-transform: scale(1.02);transform: scale(1.02);}60% {-webkit-transform: scale(0.98);transform: scale(0.98);}100% {-webkit-transform: scale(1);transform: scale(1);}}
@keyframes shockwaveJump {0% {-webkit-transform: scale(1);transform: scale(1);}40% {-webkit-transform: scale(1.08);transform: scale(1.08);}50% {-webkit-transform: scale(0.98);transform: scale(0.98);}55% {-webkit-transform: scale(1.02);transform: scale(1.02);}60% {-webkit-transform: scale(0.98);transform: scale(0.98);}100% {-webkit-transform: scale(1);transform: scale(1);}}
@-webkit-keyframes shockwave {0% {-webkit-transform: scale(1);transform: scale(1);box-shadow: 0 0 2px rgba(255, 255, 255, 0.15), inset 0 0 2px rgba(255, 255, 255, 0.15);}95% {box-shadow: 0 0 4px #ffffff, inset 0 0 4px #ffffff;}100% {-webkit-transform: scale(1.25);transform: scale(1.25);}}
@keyframes shockwave {0% {-webkit-transform: scale(1);transform: scale(1);box-shadow: 0 0 2px rgba(102,166,254, 0.65), inset 0 0 1px rgba(102,166,254, 0.95);}95% {box-shadow: 0 0 16px rgba(102,166,254, 0.15), inset 0 0 16px rgba(102,166,254, 0.15);}100% {-webkit-transform: scale(1.3);transform: scale(1.3);}}
@media (max-width: 768px) {
[mod-relation="hobCoupon"] h5 {font-size: 20px;}
.hobCoupon-img {max-width: 100%;}
.hob-cd {top: 20px;left: 30px;}
.hob-close {top: 20px;right: 20px;}
}
@media (max-width:550px){
.box-image{display:none;}
}
Bem-vindo
103k
Por conta
Fa莽a login em sua conta
100k
50k
120k
1M
75k
?