body {
font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif;
/*-webkit-font-smoothing: antialiased;*/
}
html.native_fonts body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
html.lang_rtl {
direction: rtl;
}
body,
html.theme_dark body.bg_light {
--text-color: #000;
--second-text-color: #7d7f81;
--accent-btn-color: #2481cc;
--accent-color-hover: #1a8ad5;
--body-bg: #fff;
--box-bg: #fff;
--box-bg-blured: rgba(255, 255, 255, .84);
--tme-logo-color: #363b40;
--accent-link-color: #2481cc;
--icon-verified: url('data:image/svg+xml,%3Csvg height="26" viewBox="0 0 26 26" width="26" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m14.378741 1.509638 1.818245 1.818557c.365651.365716.861601.571194 1.378741.571259l2.574273.000312c1.01361.000117 1.846494.773578 1.940861 1.762436l.008905.187798-.000312 2.5727c-.000065.517322.205439 1.013454.571259 1.379222l1.819649 1.819337c.714441.713427.759174 1.843179.134563 2.609139l-.134797.148109-1.819181 1.8182502c-.365963.3657823-.571558.8620196-.571493 1.3794456l.000312 2.5737972c.000559 1.0136048-.772668 1.846676-1.7615 1.9412861l-.188266.0084786-2.573792-.0003107c-.517426-.0000624-1.013675.2055248-1.379456.5714956l-1.818245 1.8191823c-.71331.7145515-1.843049.7594886-2.609113.1349998l-.148135-.1347645-1.8193435-1.8196542c-.3657628-.3658252-.8618987-.5713214-1.3792103-.571259l-2.5727052.0003107c-1.0136048.0001222-1.846676-.7731321-1.9412861-1.761968l-.0089492-.1877967-.0003107-2.5742678c-.0000624-.5171478-.2055495-1.0130926-.571259-1.3787397l-1.8185622-1.8182515c-.7139886-.713869-.758706-1.843647-.1340846-2.609607l.1338493-.148109 1.8190328-1.81935c.3655665-.365625.5709613-.861471.5710237-1.378494l.0003107-2.573181c.0006006-1.076777.8734635-1.949636 1.9502353-1.950234l2.5731758-.000312c.5170321-.000065 1.0128768-.205452 1.3785044-.571025l1.8193448-1.819038c.761592-.761449 1.996254-.761345 2.757716.000247zm3.195309 8.047806c-.426556-.34125-1.032655-.306293-1.417455.060333l-.099151.108173-4.448444 5.55815-1.7460313-1.74707-.1104961-.096564c-.4229264-.32188-1.0291801-.289692-1.4154413.096564-.3862612.386269-.4184492.992511-.0965653 1.41544l.0965653.1105 2.5999987 2.5999987.109876.0961467c.419874.320359 1.015131.2873897 1.397071-.0773773l.098579-.107692 5.2-6.4999961.083772-.120484c.273208-.455884.174278-1.054885-.252278-1.396122z" fill="%231c93e3" fill-rule="evenodd"/%3E%3C/svg%3E');
}
html.theme_dark body,
html body.bg_dark {
--text-color: #fff;
--accent-btn-color: #1c93e3;
--body-bg: #000;
--box-bg: #1e1e1e;
--box-bg-blured: rgba(34, 34, 34, .84);
--tme-logo-color: #fff;
--accent-link-color: #3ca1eb;
--icon-verified: url('data:image/svg+xml,%3Csvg height="26" viewBox="0 0 26 26" width="26" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m14.378741 1.509638 1.818245 1.818557c.365651.365716.861601.571194 1.378741.571259l2.574273.000312c1.01361.000117 1.846494.773578 1.940861 1.762436l.008905.187798-.000312 2.5727c-.000065.517322.205439 1.013454.571259 1.379222l1.819649 1.819337c.714441.713427.759174 1.843179.134563 2.609139l-.134797.148109-1.819181 1.8182502c-.365963.3657823-.571558.8620196-.571493 1.3794456l.000312 2.5737972c.000559 1.0136048-.772668 1.846676-1.7615 1.9412861l-.188266.0084786-2.573792-.0003107c-.517426-.0000624-1.013675.2055248-1.379456.5714956l-1.818245 1.8191823c-.71331.7145515-1.843049.7594886-2.609113.1349998l-.148135-.1347645-1.8193435-1.8196542c-.3657628-.3658252-.8618987-.5713214-1.3792103-.571259l-2.5727052.0003107c-1.0136048.0001222-1.846676-.7731321-1.9412861-1.761968l-.0089492-.1877967-.0003107-2.5742678c-.0000624-.5171478-.2055495-1.0130926-.571259-1.3787397l-1.8185622-1.8182515c-.7139886-.713869-.758706-1.843647-.1340846-2.609607l.1338493-.148109 1.8190328-1.81935c.3655665-.365625.5709613-.861471.5710237-1.378494l.0003107-2.573181c.0006006-1.076777.8734635-1.949636 1.9502353-1.950234l2.5731758-.000312c.5170321-.000065 1.0128768-.205452 1.3785044-.571025l1.8193448-1.819038c.761592-.761449 1.996254-.761345 2.757716.000247zm3.195309 8.047806c-.426556-.34125-1.032655-.306293-1.417455.060333l-.099151.108173-4.448444 5.55815-1.7460313-1.74707-.1104961-.096564c-.4229264-.32188-1.0291801-.289692-1.4154413.096564-.3862612.386269-.4184492.992511-.0965653 1.41544l.0965653.1105 2.5999987 2.5999987.109876.0961467c.419874.320359 1.015131.2873897 1.397071-.0773773l.098579-.107692 5.2-6.4999961.083772-.120484c.273208-.455884.174278-1.054885-.252278-1.396122z" fill="%2364b5ef" fill-rule="evenodd"/%3E%3C/svg%3E');
}
body {
background: var(--body-bg);
}
.no_transition,
.no_transition * {
transition: none !important;
}
a,
a:hover {
color: #0088cc;
}
a:focus {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
@media (min-width: 1200px) {
.container {
width: 1170px;
}
}
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
.row {
margin-left: -15px;
margin-right: -15px;
}
.container:before {
content: " ";
display: table;
}
.container:after {
content: " ";
display: table;
clear: both;
}
@media (min-width: 1px) {
.lang_rtl .navbar-nav,
.lang_rtl .navbar-nav > li {
float: right;
}
.lang_rtl .navbar-right {
float: left !important;
}
}
.tl_page_head,
.dev_page_head {
position: fixed;
top: 0;
left: 0;
right: 0;
background: #fff;
margin-bottom: 0;
}
@supports(-webkit-backdrop-filter: blur(0px)) {
.tl_page_head,
.dev_page_head {
background: rgba(255, 255, 255, .84);
-webkit-backdrop-filter: blur(25px);
}
}
@supports(backdrop-filter: blur(0px)) {
.tl_page_head,
.dev_page_head {
background: rgba(255, 255, 255, .84);
backdrop-filter: blur(25px);
}
}
.navbar-tg .navbar-inner {
box-shadow: none;
-webkit-box-shadow: none;
border-bottom: 1px solid #e8e8e8;
}
.navbar-tg .nav a {
color: #0088cc;
}
.navbar-tg .nav a:hover,
.navbar-tg .nav .active a {
color: #0088cc;
}
.navbar-tg .nav > .active > a,
.navbar-tg .nav > .open > a,
.navbar-tg .nav > li > a:hover {
position: relative;
}
.navbar-tg .nav > li > a:after {
display: block;
height: 3px;
background: #179cde;
position: absolute;
border-radius: 2px 2px 0 0;
content: "";
left: 4px;
right: 4px;
opacity: 0;
bottom: -1px;
-webkit-transition: opacity .2s ease-in-out, transform .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out, transform .2s ease-in-out;
-ms-transition: opacity .2s ease-in-out, transform .2s ease-in-out;
transform-origin: bottom;
transform: scaleX(0.3) scaleY(0);
}
.navbar-tg .nav > .active > a:after,
.navbar-tg .nav > .open > a:after,
.navbar-tg .nav > li > a:hover:after {
opacity: 1;
transform: scaleX(1.0) scaleY(1.0);
}
.navbar-tg .nav > li > a,
.navbar-tg .nav > li > a:hover,
.navbar-tg .nav > li > a:focus {
background-color: transparent;
}
.nav {
color: #a2a2a2;
font-size: 15px;
padding-left: 0;
padding-right: 0;
}
.caret {
display: inline-block;
background: url(../img/dropdown_1x.png) -2px -5px no-repeat;
border: 0;
width: 14px;
height: 6px;
margin-left: 2px;
vertical-align: middle;
}
.nav-pills > li > a {
font-size: 15px;
padding: 8px 17px;
border-radius: 0;
}
.nav > li > a:hover,
.nav > li > a:focus {
background-color: #f0f6fa;
text-decoration: none;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus,
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
box-shadow: none;
background-color: #1e98d4;
color: #FFF;
border: 0;
}
.nav .open > a .caret,
.nav .open > a:hover .caret,
.nav .open > a:focus .caret {
background-position: -2px -15px;
}
.dropdown-menu {
min-width: 177px;
padding: 0;
margin: 7px 0 0 0;
list-style: none;
font-size: 13px;
text-align: left;
background-color: #fff;
border-radius: 0;
border: 1px solid rgba(29,92,123,0.3);
box-shadow: 0 1px 1px rgba(20,60,83,0.1);
-webkit-box-shadow: 0 1px 1px rgba(20,60,83,0.1);
}
.dropdown-menu > li > a {
padding: 8px 18px;
margin: 0 -1px;
color: #08c;
}
.dropdown-menu > li > a:first-child {
margin-top: -1px;
padding-top: 9px;
}
.dropdown-menu > li > a:last-child {
margin-bottom: -1px;
padding-bottom: 9px;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > li.active > a {
text-decoration: none;
color: #FFF;
background-color: #1e98d4;
}
#dev_page_content > ul:not(.nav),
#dev_page_content ul.bulleted,
#dev_page_content > ul:not(.nav) ul:not(.nav),
#dev_page_content > ol:not(.nav) ul:not(.nav),
#dev_page_content ul.bulleted ul.bulleted {
list-style-type: none;
padding-left: 10px;
}
.is_rtl #dev_page_content > ul:not(.nav),
.is_rtl #dev_page_content ul.bulleted,
.is_rtl #dev_page_content > ul:not(.nav) ul:not(.nav),
.is_rtl #dev_page_content > ol:not(.nav) ul:not(.nav),
.is_rtl #dev_page_content ul.bulleted ul.bulleted {
padding-right: 10px;
padding-left: 0;
}
#dev_page_content > ol {
padding-left: 25px;
}
#dev_page_content > ol > li {
padding-left: 5px;
}
#dev_page_content > ul:not(.nav) li,
#dev_page_content > ol:not(.nav) ul:not(.nav) li,
#dev_page_content ul.bulleted li {
background-image: url(../img/bullet.png?3);
background-repeat: no-repeat;
background-position: 0px 8px;
padding-left: 20px;
}
.is_rtl #dev_page_content > ul:not(.nav) li,
.is_rtl #dev_page_content > ol:not(.nav) ul:not(.nav) li,
.is_rtl #dev_page_content ul.bulleted li {
background-position: 100% 8px;
padding-left: 0;
padding-right: 20px;
}
.breadcrumb > li {
text-shadow: none;
}
.breadcrumb > li > .divider {
color: #c1d3e4;
}
pre, code {
border: 0;
}
pre {
font-size: 13px;
color: #546172;
background: #ecf3f8;
border-radius: 0;
}
code {
background: #feeae4;
color: #c61717;
padding: 3px 5px;
border-radius: 0;
}
blockquote {
border-left-color: #179cde;
}
blockquote p {
font-size: 14px;
font-weight: normal;
line-height: 20px;
margin-bottom: 10px;
}
ul ul, ol ul, ul ol, ol ol {
margin-bottom: 8.5px;
}
.table td, .table th {
border-top-color: #eee;
}
h1, h2, h3, h4, h5, h6 {
font-weight: bold;
margin: 20px 0 10px 0;
position: relative;
}
h1 {
font-size: 20px;
margin-top: 32px;
margin-bottom: 12px;
}
h2 {
font-size: 20px;
margin-top: 32px;
margin-bottom: 12px;
}
h3 {
font-size: 20px;
margin-top: 32px;
margin-bottom: 10px;
}
h4 {
font-size: 16px;
margin-top: 29px;
margin-bottom: 7px;
}
h5 {
font-size: 16px;
margin-top: 29px;
margin-bottom: 7px;
}
mark {
padding: .2em .4em;
}
a.btn,
button.btn {
border-radius: 0;
}
.form-control {
border-radius: 0;
box-shadow: none;
}
a.anchor {
text-decoration: none;
line-height: 1;
margin-left: -22px;
cursor: default;
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
border-top: 60px solid transparent;
margin-top: -60px;
-webkit-background-clip:padding-box;
-moz-background-clip:padding;
background-clip:padding-box;
outline: 0;
}
.is_rtl a.anchor {
margin-right: -22px;
margin-left: 0;
}
a.anchor i.anchor-icon {
display: inline-block;
width: 18px;
height: 20px;
margin-top: 2px;
line-height: 14px;
vertical-align: text-top;
background: url(../img/link-icon.png) 0 0 no-repeat;
background-size: 17px 18px;
opacity: 0;
cursor: pointer;
padding: 0;
position: relative;
z-index: 10;
-webkit-transition: opacity .15s ease-in-out;
-moz-transition: opacity .15s ease-in-out;
-ms-transition: opacity .15s ease-in-out;
-o-transition: opacity .15s ease-in-out;
transition: opacity .15s ease-in-out;
}
h1 a.anchor i.anchor-icon {margin-top: 2px;}
h2 a.anchor i.anchor-icon {margin-top: 2px;}
h3 a.anchor i.anchor-icon {margin-top: 2px;}
h4 a.anchor i.anchor-icon {margin-top: 0px;}
h1:hover a.anchor i.anchor-icon,
h2:hover a.anchor i.anchor-icon,
h3:hover a.anchor i.anchor-icon,
h4:hover a.anchor i.anchor-icon,
h5:hover a.anchor i.anchor-icon,
h6:hover a.anchor i.anchor-icon {
opacity: 0.6;
}
i.anchor-icon:hover {
opacity: 1 !important;
}
.breadcrumb {
background-color: #ecf3fa;
}
.breadcrumb {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.breadcrumb li {
display: inline-block;
float: none;
white-space: nowrap;
text-overflow: ellipsis;
}
.breadcrumb > li + li:before {
padding: 0;
content: "";
}
.icon-breadcrumb-divider {
display: inline-block;
background: url(../img/breadcrumb_divider_1x.png) 0 50% no-repeat;
width: 5px;
height: 18px;
line-height: 18px;
margin: 0 8px;
vertical-align: top;
}
.slightly-pull-right {
float: right;
}
.slightly-pull-left {
float: left;
}
.back_to_top_wrap {
display: block;
pointer-events: none;
cursor: default;
position: fixed;
left: 0;
top: 50px;
bottom: 0;
outline: none;
box-shadow: none;
opacity: 0;
/*display: none;*/
transition: opacity ease-in-out 0.2s;
-webkit-transition: opacity ease-in-out 0.2s;
direction: ltr;
}
.back_to_top_wrap.is_rtl {
left: auto;
right: 0;
direction: rtl;
}
.back_to_top_wrap.back_to_top_shown {
cursor: pointer;
pointer-events: all;
/*display: block;*/
opacity: 1;
}
.back_to_top_wrap:hover {
text-decoration: none;
}
.back_to_top {
font-size: 15px;
width: 120px;
text-align: center;
padding: 18px 15px 18px 7px;
transition: background ease-in-out 0.2s;
-webkit-transition: background ease-in-out 0.2s;
}
.back_to_top_wrap:hover .back_to_top {
background: #ecf3f8;
background: rgba(174, 198, 215, 0.2);
}
.icon-to-top {
display: inline-block;
background: url(../img/back_to_top_1x.png) 0 50% no-repeat;
width: 16px;
height: 7px;
margin-right: 12px;
margin-top: 7px;
vertical-align: text-top;
}
.back_to_top_wrap.is_rtl .icon-to-top {
margin-left: 12px;
margin-right: 0;
}
.navbar-tg .navbar-twitter a {
padding-top: 14.5px;
padding-bottom: 14.5px;
}
.tl_page_container,
.dev_page {
margin-top: 50px;
}
.tl_main_page_container {
padding: 0;
}
.tl_main_wrap {
margin-top: 17px;
}
.tl_main_wrap h3 {
color: #222222;
font-size: 23px;
font-weight: 500;
}
.tl_main_award {
width: 100px;
height: 100px;
display: block;
background: url(../img/SiteAward.gif) 0 0 no-repeat;
margin: 2px;
}
.tl_main_card_animated {
width: 160px;
margin: 0 auto;
}
.tl_main_card_animated div {
padding-top: 100%;
}
.no_access_wrap {
color: #999;
padding: 100px 40px;
text-align: center;
font-size: 18px;
}
.side_blog_wrap {
background: #ecf3fa;
padding: 15px 20px 20px;
font-size: 12px;
width: 200px;
}
.tl_blog_side_blog .side_blog_wrap {
width: 180px;
}
.side_blog_header {
display: block;
color: #0088cc;
font-weight: bold;
font-size: 16px;
margin-bottom: 15px;
}
a.side_blog_entry {
display: block;
margin-top: 10px;
}
a.side_blog_entry:hover {
text-decoration: none;
}
.side_blog_date {
color: #000;
font-weight: bold;
}
.side_blog_title {
color: #0088cc;
}
a.side_blog_entry:hover .side_blog_title {
text-decoration: underline;
}
.side_tour_entry .side_blog_title {
font-size: 14px;
}
.tl_main_bottom_blog,
.tl_blog_bottom_blog {
display: none;
}
.tl_main_side_blog {
position: relative;
}
.tl_main_side_blog .side_blog_wrap {
position: absolute;
margin-top: 20px;
right: 137px;
}
.lang_rtl .tl_main_side_blog .side_blog_wrap {
left: 137px;
right: auto;
}
.tl_main_bottom_blog {
margin: 0px 15px 20px;
}
.side_blog_wrap {
background: none;
padding: 5px 17px 5px 0;
margin: 0 0 17px 26px;
display: flex;
flex-wrap: nowrap;
flex-direction: row;
justify-content: start;
align-items: stretch;
align-content: start
}
.tl_blog_bottom_blog .side_blog_wrap {
margin: 0 0 0 10px;
}
.tl_blog_side_blog {
position: relative;
}
.tl_blog_side_blog .side_blog_wrap {
position: absolute;
margin-top: 50px;
right: -200px;
}
.lang_rtl .tl_blog_side_blog .side_blog_wrap {
left: -200px;
right: auto;
}
.side_blog_wrap:before {
content: ' ';
display: block;
width: 5px;
background: #179cde;
border-radius: 5px;
overflow: hidden;
flex: 0 0 auto;
margin: 0 17px 0 0;
}
.lang_rtl .side_blog_wrap:before {
margin: 0 0 0 17px;
}
.tl_main_logo_wrap {
max-width: 400px;
margin: 0 auto;
padding: 20px 0 20px;
}
a.tl_main_logo {
display: block;
line-height: 0;
text-decoration: none !important;
}
svg.tl_main_logo,
image.tl_main_logo,
img.tl_main_logo {
display: block;
width: 128px;
height: 128px;
margin: 0 auto;
}
div.tl_main_logo {
display: block;
width: 144px;
height: 144px;
margin: -8px auto;
animation: 500ms steps(30) both;
background-repeat: no-repeat;
background-size: cover;
}
div.tl_main_logo.play {
animation-name: t-logo-play;
}
@-webkit-keyframes t-logo-play {
from { background-position: 0% 0%; }
to { background-position: 100% 0%; }
}
@keyframes t-logo-play {
from { background-position: 0% 0%; }
to { background-position: 100% 0%; }
}
.tl_main_logo_title,
.tl_main_logo_title:hover {
font-size: 34px;
color: #222222;
text-align: center;
margin-top: 18px;
margin-bottom: 6px;
font-weight: normal;
letter-spacing: -2px;
}
.tl_main_logo_title_image {
display: block;
width: 144px;
height: 36px;
margin: 18px auto 6px;
}
.tl_main_logo_lead {
font-size: 20px;
line-height: 148%;
max-width: 285px;
margin: 0 auto;
color: #8c8c8c;
text-align: center;
padding: 1px 0 10px;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Light", Helvetica, Arial , Verdana, sans-serif;
font-weight: 300;
}
.tl_main_head_download {
margin: 6px auto 35px;
max-width: 798px;
text-align: center;
}
.tl_main_download_btn {
display: inline-block;
color: #FFF;
font-size: 16px;
background: #a19481;
border-radius: 4px;
padding: 10px 15px;
line-height: 35px;
overflow: hidden;
width: 220px;
margin: 5px 8px;
text-align: center;
}
.tl_main_download_btn:hover {
background-color: #a99d8b;
color: #FFF;
text-decoration: none;
}
.tl_main_download_btn:active {
background-color: #998e7e;
}
.tl_main_download_mobile {
text-align: center;
max-width: 1028px;
margin: 0 auto;
}
.tl_main_download_link {
text-align: center;
display: inline-block;
height: 300px;
padding-top: 262px;
padding-bottom: 20px;
margin: 40px 0;
font-size: 15px;
max-width: 100%;
position: relative;
}
a.tl_main_download_link:hover {
text-decoration: none;
}
a.tl_main_download_link:after {
display: block;
height: 3px;
background: #179cde;
position: absolute;
border-radius: 2px;
content: "";
left: 4px;
right: 4px;
opacity: 0;
bottom: -1px;
-webkit-transition: opacity .2s ease-in-out, transform .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out, transform .2s ease-in-out;
-ms-transition: opacity .2s ease-in-out, transform .2s ease-in-out;
transform-origin: bottom;
transform: scaleX(0.3) scaleY(0);
}
a.tl_main_download_link:hover:after {
opacity: 1;
transform: scaleX(1.0) scaleY(1.0);
}
.tl_main_download_link_android {
width: 28.210116857923%;
min-width: 245px;
}
.tl_main_download_link_ios {
width: 42.9961%;
min-width: 350px;
}
.tl_main_download_link_tdesktop {
display: none;
min-width: 320px;
background: url(../img/SiteTDesktop.jpg) 50% 0 no-repeat;
}
.tl_main_download_image__ios,
.tl_main_download_image__android {
display: block;
position: absolute;
top: 50%;
left: 50%;
transform-origin: 50% 50%;
opacity: 1.0;
pointer-events: none;
-webkit-transition: opacity .1s ease-in-out;
-moz-transition: opacity .1s ease-in-out;
-ms-transition: opacity .1s ease-in-out;
padding: 0;
border: 0;
}
.tl_main_download_image__ios {
margin: -150px 0 0 -152px;
width: 304px;
height: 240px;
background: url(../img/SiteiOS.jpg?2) 50% 0 no-repeat;
}
.tl_main_download_image__android {
margin: -150px 0 0 -152px;
width: 304px;
height: 240px;
background: url(../img/SiteAndroid.jpg?2) 50% 0 no-repeat;
}
.tl_main_video_player {
display: block;
position: absolute;
top: 50%;
left: 50%;
transform-origin: 50% 50%;
opacity: 0;
pointer-events: none;
-webkit-transition: opacity .1s ease-in-out;
-moz-transition: opacity .1s ease-in-out;
-ms-transition: opacity .1s ease-in-out;
padding: 0;
border: 0;
}
.tl_main_video_player.video__init_retina {
display: none;
}
.tl_main_video_player__android {
margin: -150px 0 0 -96px;
width: 192px;
height: 240px;
}
.tl_main_video_player__ios {
margin: -150px 0 0 -152px;
width: 304px;
height: 240px;
}
.video_play .tl_main_video_player {
opacity: 1;
}
.tl_main_download_more_btn {
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 0;
white-space: nowrap;
padding: 10px 16px;
font-size: 15px;
line-height: 1.33;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #ffffff;
background-color: #318fd3;
margin-top: 5px;
display: none;
border-radius: 3px;
}
.tl_main_download_more_btn:hover {
color: #FFF;
}
.icon-arrow-more {
display: inline-block;
vertical-align: baseline;
width: 6px;
height: 11px;
background: url(../img/tl_arrow.png) 0 0 no-repeat;
margin-left: 10px;
}
.tl_main_download_desktop_header {
text-align: center;
}
.tl_main_download_desktop_wrap1 {
height: 291px;
overflow: hidden;
}
.tl_main_download_desktop_wrap {
position: absolute;
left: 0;
right: 0;
}
.tl_main_download_desktop {
position: absolute;
left: 0;
right: 0;
min-width: 804px;
background: url(../img/SiteDesktop.jpg?2) 50% 19px no-repeat;
/*overflow: hidden;*/
}
.tl_main_download_desktop_links {
width: 595px;
margin: 0 auto;
}
.tl_main_download_desktop_link {
text-align: center;
display: inline-block;
padding: 270px 0 20px;
font-size: 15px;
vertical-align: top;
-webkit-transition: box-shadow .2s ease-in-out;
-moz-transition: box-shadow .2s ease-in-out;
-ms-transition: box-shadow .2s ease-in-out;
position: relative;
float: left;
}
.tl_main_download_desktop_link:hover {
text-decoration: none;
}
a.tl_main_download_desktop_link:hover {
text-decoration: none;
}
a.tl_main_download_desktop_link:after {
display: block;
height: 3px;
background: #179cde;
position: absolute;
border-radius: 2px;
content: "";
left: 4px;
right: 4px;
opacity: 0;
bottom: -1px;
-webkit-transition: opacity .2s ease-in-out, transform .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out, transform .2s ease-in-out;
-ms-transition: opacity .2s ease-in-out, transform .2s ease-in-out;
transform-origin: bottom;
transform: scaleX(0.3) scaleY(0);
}
a.tl_main_download_desktop_link:hover:after {
opacity: 1;
transform: scaleX(1.0) scaleY(1.0);
}
.tl_main_download_link_td {
width: 52%;
padding-left: 20px;
padding-right: 20px;
}
.tl_main_download_link_osx {
width: 48%;
}
.tl_main_body {
margin-top: 40px;
padding-top: 5px;
}
.tl_main_body_header {
text-align: center;
margin-top: 0;
padding-top: 20px;
}
.icon-android,
.icon-ios {
display: inline-block;
vertical-align: text-top;
width: 25px;
height: 27px;
background: 0 0 no-repeat;
margin-right: 10px;
margin-top: -6px;
}
.lang_rtl .icon-android,
.lang_rtl .icon-ios {
margin-right: 0;
margin-left: 10px;
}
.icon-ios {
background-image: url(../img/SiteIconApple.svg);
}
.icon-android {
background-image: url(../img/SiteIconAndroid.svg);
}
.icon {
display: inline-block;
}
.icon-twitter {
width: 21px;
height: 17px;
vertical-align: text-top;
background: url(../img/twitter.png) 0 0 no-repeat;
opacity: 0.9;
}
a:hover .icon-twitter {
opacity: 0.99;
}
.app-icon {
display: inline-block;
width: 30px;
height: 30px;
line-height: 30px;
margin-right: 7px;
vertical-align: -9px;
background: no-repeat left;
background-size: cover;
}
.is_rtl .app-icon {
margin-right: 0;
margin-left: 7px;
}
.app-icon-android {
background-image: url(/img/app_icon_android.svg);
}
.app-icon-ios {
background-image: url(/img/app_icon_ios.svg);
}
.app-icon-macos {
background-image: url(/img/app_icon_macos.svg);
}
.app-icon-desktop {
background-image: url(/img/app_icon_desktop.svg);
}
.app-icon-webk {
background-image: url(/img/app_icon_webk.svg);
}
.app-icon-webz {
background-image: url(/img/app_icon_webz.svg);
}
.tl_main_cards {
max-width: 950px;
margin: 18px auto 0;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.tl_main_card_cell {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
flex: 0 1 auto;
width: 100%;
}
@media (min-width: 768px) {
.tl_main_card_cell {
width: 50%;
}
}
@media (min-width: 992px) {
.tl_main_card_cell {
width: 33.33333%;
}
}
.tl_main_card_wrap {
max-width: 260px;
margin: 0 auto;
padding: 20px 0 9px;
}
.tl_main_card {
background: url(../img/tl_card_fast.gif) 0 0 no-repeat;
background-size: 160px 160px;
width: 160px;
height: 160px;
margin: 0 auto;
}
.tl_main_card_fast {
background-image: url(../img/tl_card_fast.gif);
}
.tl_main_card_powerful {
background-image: url(../img/tl_card_powerful.gif);
}
.tl_main_card_free {
background-image: url(../img/tl_card_free.gif);
}
.tl_main_card_secure {
background-image: url(../img/tl_card_secure.gif);
}
.tl_main_card_cloud {
background-image: url(../img/tl_card_cloud.gif);
}
.tl_main_card_private {
background-image: url(../img/tl_card_private.gif);
}
.tl_main_card_decentralized {
background-image: url(../img/tl_card_decentralized.gif);
}
.tl_main_card_open {
background-image: url(../img/tl_card_open.gif);
}
.tl_main_card_wecandoit {
background-image: url(../img/tl_card_wecandoit.gif);
}
.tl_main_card_connect {
background-image: url(../img/tl_card_connect.gif);
}
.tl_main_card_coordinate {
background-image: url(../img/tl_card_coordinate.gif);
}
.tl_main_card_synchronize {
background-image: url(../img/tl_card_synchronize.gif);
}
.tl_main_card_build {
background-image: url(../img/tl_card_build.gif);
}
.tl_main_card_encrypt {
background-image: url(../img/tl_card_encrypt.gif);
}
.tl_main_card_send {
background-image: url(../img/tl_card_send.gif);
}
.tl_main_card_process {
background-image: url(../img/tl_card_process.gif);
}
.tl_main_card_destruct {
background-image: url(../img/tl_card_destruct.gif);
}
.tl_main_card_store {
background-image: url(../img/tl_card_store.gif);
}
h3.tl_main_card_header {
color: #a19679;
text-align: center;
margin: 15px 0 6px;
font-size: 26px;
font-weight: normal;
letter-spacing: -1px;
}
.tl_main_cards_animated_wrap h3.tl_main_body_header {
padding: 0 10px;
}
.tl_main_cards_animated_wrap h3.tl_main_card_header {
color: #0088cc;
}
.tl_main_cards_animated_wrap {
padding-bottom: 20px;
}
.tl_main_card_lead {
font-size: 15px;
line-height: 158%;
text-align: center;
}
.tl_main_share {
margin: 24px auto 40px;
/*padding-bottom: 30px;*/
max-width: 330px;
text-align: center;
}
.lang_rtl .tl_main_share {
max-width: none;
}
.tl_main_noshare {
height: 50px;
}
.tl_main_twitter_widget_wrap {
/*float: left;*/
display: inline-block;
}
.tl_main_facebook_widget_wrap {
/*float: left;*/
margin-right: 20px;
display: inline-block;
}
.fb_iframe_widget span {
vertical-align: baseline !important;
}
.tl_blog_comments_widget {
margin: 0 -8px 40px;
}
.tl_blog_comments_widget iframe {
max-width: 100%;
}
.tl_main_gplus_widget_wrap {
/*float: left;*/
display: inline-block;
}
.tl_twitter_share_btn {
display: inline-block;
border-radius: 16px;
background-color: #54a9eb;
cursor: pointer;
margin-right: 15px;
padding: 7px 17px;
color:#FFF;
font-weight: bold;
}
.lang_rtl .tl_twitter_share_btn {
margin-right: 0;
margin-left: 15px;
}
.tl_twitter_share_btn:hover,
.tl_twitter_share_btn:active,
.tl_twitter_share_btn:focus {
text-decoration: none;
color: #FFF;
outline: none;
}
.tl_twitter_share_cnt {
display: none;
color: #c4e3fb;
}
.tl_blog_list_page_wrap {
max-width: 800px;
margin: 0 auto;
}
.tl_blog_list_page_wrap.tl_main_recent_news_wrap {
margin-top: 22px;
margin-bottom: 20px;
}
.tl_main_recent_news_header {
font-size: 16px;
font-weight: bold;
text-align: center;
margin-top: 42px;
}
.tlb_other_news_wrap .tl_main_recent_news_header {
margin-top: 22px;
font-size: 18px;
}
.tl_main_wrap .tl_main_recent_news_header {
margin-top: 66px;
}
.tl_main_download_mobile + .tl_main_recent_news_wrap .tl_main_recent_news_header,
.tl_main_download_mobile + .tl_main_recent_news_wrap {
margin-top: 12px;
}
.dev_blog_card_link_wrap:nth-child(odd) {
clear: left;
}
.dev_blog_card_link_wrap {
display: block;
max-width: 50%;
float: left;
padding: 15px 10px;
}
@media (max-width: 640px) {
.dev_blog_card_link_wrap {
max-width: 100%;
}
}
@media (min-width: 801px) {
.tl_main_recent_news_cards {
margin: 0 -15px;
}
}
.tlb_blog_page .dev_blog_card_link_wrap {
padding: 15px 0;
}
a.dev_blog_card_link_wrap:hover,
a.dev_blog_card_link_wrap:active,
a.dev_blog_card_link_wrap:focus {
text-decoration: none;
}
.dev_blog_card_image {
display: block;
max-width: 100%;
height: auto;
max-height: 220px;
margin: 0 auto;
-webkit-transition: opacity .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out;
-ms-transition: opacity .2s ease-in-out;
opacity: 1;
}
.preload .dev_blog_card_image {
height: 220px;
max-height: initial;
}
a:hover .dev_blog_card_image {
opacity: 0.9;
}
.dev_blog_card_title {
margin: 12px 0 2px;
padding: 0 15px;
font-size: 16px;
line-height: 160%;
}
a.dev_blog_card_link_wrap:hover .dev_blog_card_title {
text-decoration: underline;
}
.dev_blog_card_lead {
color: #333;
font-size: 14px;
line-height: 160%;
padding: 0 15px;
}
.dev_blog_card_date {
margin-top: 4px;
font-size: 14px;
color: #888;
padding: 0 15px;
}
.tlb_blog_page .dev_blog_card_title,
.tlb_blog_page .dev_blog_card_lead,
.tlb_blog_page .dev_blog_card_date {
padding: 0 5px;
}
.pager_wrap {
margin-top: 40px;
clear: both;
}
.footer_wrap {
border-top: 1px solid #e8e8e8;
max-width: 925px;
margin: 10px auto 0;
padding: 28px 0 34px;
}
.footer_columns_wrap {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
margin: 0 auto;
max-width: 800px;
padding-left: 0;
}
.footer_mobile {
display: none;
}
.footer_column {
flex: 0 1 auto;
align-self: auto;
}
.footer_column_telegram {
flex: 0 1 290px;
}
.footer_column:last-child {
padding-right: 0;
}
.footer_column:first-child {
padding-left: 0;
}
.footer_column h5 {
font-size: 14px;
margin-top: 0;
margin-bottom: 9px;
}
.footer_column h5 a {
color: inherit;
}
.footer_column ul,
.footer_column ul li {
list-style: none;
margin: 0;
padding: 0;
}
.footer_column ul li {
font-size: 14px;
line-height: 23px;
}
.footer_privacy_description {
padding-top: 3px;
font-size: 13px;
line-height: 160%;
}
.footer_privacy_description p {
margin-bottom: 6px;
}
.footer_telegram_description {
font-size: 13px;
}
.tl_mission_wrap #dev_page_content,
.tl_mission_wrap #dev_page_content p {
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Light", Helvetica, Arial , Verdana, sans-serif;
font-weight: 300;
line-height: 160%;
font-size: 16px;
}
/* Team */
#dev_page_content.tl_team_wrap,
#dev_page_content.tl_team_wrap p {
line-height: 1.6;
}
.tl_team_lead {
margin-bottom: 30px;
}
.tl_team_member {
min-height: 120px;
position: relative;
margin-bottom: 30px;
}
.tl_team_member_photo_wrap {
position: absolute;
// float: left;
// margin-right: 25px;
}
.tl_team_member_photo {
width: 120px;
height: 120px;
display: block;
background: url('../img/team-sprite.png') 0 0 no-repeat;
background-size: 120px 1810px;
}
.tl_team_member_pavel .tl_team_member_photo {
background-position: 0 0;
}
.tl_team_member_nikolay .tl_team_member_photo {
background-position: 0 -130px;
}
.tl_team_member_aliaksei .tl_team_member_photo {
background-position: 0 -260px;
}
.tl_team_member_vitalik .tl_team_member_photo {
background-position: 0 -390px;
}
.tl_team_member_arseny .tl_team_member_photo {
background-position: 0 -520px;
}
.tl_team_member_igor .tl_team_member_photo {
background-position: 0 -650px;
}
.tl_team_member_drklo .tl_team_member_photo {
background-position: 0 -780px;
}
.tl_team_member_peter .tl_team_member_photo {
background-position: 0 -910px;
}
.tl_team_member_john .tl_team_member_photo {
background-position: 0 -1040px;
}
.tl_team_member_kolar .tl_team_member_photo {
background-position: 0 -1170px;
}
.tl_team_member_ilya .tl_team_member_photo {
background-position: 0 -1300px;
}
.tl_team_member_igor1 .tl_team_member_photo {
background-position: 0 -1690px;
}
.tl_team_member_mike .tl_team_member_photo {
background-position: 0 -1560px;
}
.tl_team_member_grisha .tl_team_member_photo {
background-position: 0 -1430px;
}
.tl_team_member_name {
margin-left: 146px;
}
.tl_team_member_body {
margin-left: 146px;
}
.tl_team_member_name {
margin-top: 5px;
font-size: 17px;
}
.tl_team_member_awards {
margin-top: 20px;
margin-bottom: 18px;
color: #0088cc;
font-size: 15px;
}
.tl_team_member_experience,
.tl_team_member_awards_list {
line-height: 1.8;
}
.tl_team_member_description {
margin-top: 20px;
}
/* Core / dev */
.dev_page {
background: #FFF;
min-height: 500px;
}
#dev_page_content_wrap {
padding: 20px 0;
max-width: 800px;
margin: 0 auto;
direction: ltr;
}
#dev_page_content_wrap.is_rtl {
direction: rtl;
}
#dev_page_content,
#dev_page_content p {
font-size: 14px;
line-height: 1.5;
}
#dev_page_content p img.icon {
width: auto;
height: 20px;
}
#dev_page_content p img.icon,
#dev_page_content img.emoji {
vertical-align: top;
-webkit-user-drag: none;
user-drag: none;
cursor: text;
}
.dev_page_bread_crumbs .breadcrumb {
margin-bottom: 10px;
border-radius: 0;
}
#dev_page_title {
position: static;
}
.dev_page_head .dev_page_head_logo {
margin-left: 0;
}
#dev_page_content_wrap blockquote {
padding: 5px 17px;
}
#dev_page_content_wrap pre {
overflow-x: auto;
border-radius: 0;
}
#dev_page_content_wrap pre::-webkit-scrollbar {
visibility: visible;
display: block;
height: 15px;
}
#dev_page_content_wrap pre::-webkit-scrollbar-track:horizontal {
background: rgba(93, 144, 177, 0.2);
border-radius: 0;
height: 15px;
}
#dev_page_content_wrap pre::-webkit-scrollbar-thumb:horizontal {
background: rgba(93, 144, 177, 0.4);
border-radius: 0;
height: 15px;
}
#dev_page_content_wrap .richcode {
display: block;
padding: 9.5px;
margin: 0 0 10px;
font-size: 13px;
line-height: 20px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #546172;
background: #ecf3f8;
font-family: Monaco,Menlo,Consolas,"Courier New",monospace;
}
#dev_page_content_wrap .richcode code {
background: #FFF;
}
.richcode p:last-child {
margin-bottom: 0;
}
#dev_page_content_wrap pre code {
overflow-wrap: normal;
white-space: pre;
}
#dev_page_content_wrap a.current_page_link {
color: #468847;
text-decoration: underline;
}
#dev_page_content_wrap a.nonexisting_page_link {
color: #FF0000;
text-decoration: underline;
}
.dev_side_image {
max-width: 200px;
float: right;
padding: 0 0 0 20px;
}
.dev_side_image img {
max-width: 180px;
}
.dev_side_image picture {
max-width: 180px;
}
#dev_page_content_wrap pre.page_scheme {
margin: 20px 0 30px;
}
.dev_page_edit_form {
border-top: 1px solid #DDD;
padding-top: 50px;
max-width: 800px;
margin: 30px auto 0;
direction: ltr;
}
.dev_page_edit_form .CodeMirror {
font-size: 14px;
line-height: 20px;
font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
border: 1px solid #eee;
height: auto;
position: relative;
margin-bottom: 9px;
color: #555555;
border: 1px solid #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
transition: border linear 0.2s, box-shadow linear 0.2s;
}
.dev_page_edit_form .CodeMirror-focused {
border-color: rgba(82, 168, 236, 0.8);
outline: 0;
outline: thin dotted \9;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
.dev_page_edit_form .CodeMirror-scroll {
overflow-y: hidden;
overflow-x: auto;
}
.dev_page_edit_form .CodeMirror pre {
white-space: pre-wrap;
word-break: break-all;
word-wrap: break-word;
}
.dev_page_edit_form #dev_page_diff .CodeMirror {
font-size: 12px;
margin-bottom: 0;
}
#dev_page_diff .CodeMirror-merge,
#dev_page_diff .CodeMirror-merge .CodeMirror {
height: auto;
}
#dev_page_diff .CodeMirror-merge-2pane {
display: flex;
border: 0;
margin-bottom: 9px;
}
#dev_page_diff .CodeMirror-merge-2pane .CodeMirror-merge-pane {
width: 48%;
}
#dev_page_diff .CodeMirror-merge-2pane .CodeMirror-merge-gap {
height: auto;
width: 4%;
}
#dev_page_diff .CodeMirror-merge-pane-rightmost {
position: static;
right: auto;
}
#dev_page_diff .CodeMirror-merge-scrolllock-wrap {
display: none;
}
#dev_page_diff .CodeMirror-merge-left .CodeMirror {
background: rgba(0,0,0,0.06);
}
#dev_page_diff .CodeMirror-merge-l-inserted,
#dev_page_diff .CodeMirror-merge-l-deleted {
background: none;
}
#dev_page_diff.dev_page_diff__wcolor .CodeMirror-merge-l-inserted {
/*background: rgba(0,200,0,0.18);*/
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAYAAACddGYaAAAAGUlEQVQI12MwuCXy3+CWyH8GBgYGJgYkAABZbAQ9ELXurwAAAABJRU5ErkJggg==);
background-position: bottom left;
background-repeat: repeat-x;
background-color: #dfd;
/*border: 1px solid #4e4;*/
}
#dev_page_diff.dev_page_diff__wcolor .CodeMirror-merge-l-deleted {
/*background: rgba(200,0,0,0.18);*/
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAYAAACddGYaAAAAGUlEQVQI12M4Kyb2/6yY2H8GBgYGJgYkAABURgPz6Ks7wQAAAABJRU5ErkJggg==);
background-position: bottom left;
background-repeat: repeat-x;
background-color: #fdd;
/*border: 1px solid #e44;*/
}
.table-msg-schema td {
text-align: center;
}
.table-msg-schema>thead>tr>th,
.table-msg-schema>tbody>tr>th,
.table-msg-schema>tfoot>tr>th,
.table-msg-schema>thead>tr>td,
.table-msg-schema>tbody>tr>td,
.table-msg-schema>tfoot>tr>td {
border: 1px solid #d5d5d5;
}
#dev_upload_btn {
cursor: pointer;
overflow: hidden;
position: relative;
}
.dev_upload_input {
cursor: pointer;
font-size: 72px !important;
opacity: 0.01;
position: absolute;
z-index: 100;
margin: 0;
padding: 0;
top: 0;
right: 0;
}
.app_edit_page {
width: 700px;
margin: 40px auto;
}
.app_lock_tt {
padding: 3px;
display: inline-block;
}
.app_lock_text {
font-size: 13px;
}
.tg-table-stats {
font-size: 12px;
}
.tg-table-stats th a.active {
color: inherit;
}
.dev_side_nav_wrap {
position: relative;
}
.dev_side_nav {
position: absolute;
width: 200px;
right: -200px;
z-index: 1;
}
.is_rtl .dev_side_nav {
left: -200px;
right: auto;
}
.is_rtl .dev_side_nav .nav {
padding-right: 0;
padding-left: 0;
padding-right: 0;
}
.dev_side_nav > ul {
width: 200px;
background: none;
padding: 10px 0 10px;
}
.dev_side_nav > ul::-webkit-scrollbar {
display: none;
}
.dev_side_nav > ul.affix-top {
position: relative;
}
.dev_side_nav > ul.affix {
position: fixed;
top: 0;
padding-top: 80px;
max-height: 100%;
overflow-y: scroll;
}
.dev_side_nav > ul.affix-bottom {
position: relative;
height: auto;
overflow-y: scroll;
}
.dev_side_nav li {
float: none !important;
}
.dev_side_nav li a {
border-left: 2px solid transparent;
padding: 10px 10px;
background: none !important;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.is_rtl .dev_side_nav li a {
border-right: 2px solid transparent;
border-left: 0;
}
.dev_side_nav li a {
display: block;
font-size: 13px;
font-weight: 500;
padding: 4px 20px 4px 18px;
font-weight: 700;
background-color: transparent;
}
.is_rtl .dev_side_nav li a {
padding: 4px 18px 4px 20px;
}
.dev_side_nav li li a {
padding-left: 15px;
padding: 1px 18px 1px 30px;
font-size: 12px;
font-weight: 400;
}
.is_rtl .dev_side_nav li li a {
padding: 1px 30px 1px 18px;
}
.dev_side_nav li a:hover {
border-color: rgba(23, 156, 222, 0.6);
}
.dev_side_nav li.active > a {
border-color: #179cde;
}
.dev_side_nav li ul {
display: none;
}
.dev_side_nav li.active ul {
display: block;
}
/* Core / dev end*/
/* Support */
.support_wrap {
max-width: 800px;
background: #FFF;
margin: 0 auto;
padding: 20px 0;
}
.support_submit {
}
/* FAQ */
.twitter_timeline_wrap {
width: 300px;
padding-top: 14px;
}
.is_rtl .dev_layer_select .dropdown-menu {
right: auto;
left: 0;
}
.is_rtl {
direction: rtl;
}
.is_rtl blockquote {
padding: 0 15px 0 0;
margin: 0 0 20px;
border-left: 0;
border-right: 5px solid #179cde;
}
.is_rtl .pull-right,
.is_rtl .slightly-pull-right {
float: left;
}
.is_rtl .pull-left,
.is_rtl .slightly-pull-left {
float: right;
}
.is_rtl .anchor {
left: auto;
right: 0;
}
.top_lang_select.tlb_top_lang_select {
float: right;
margin: -4px -5px -4px 0;
}
.lang_rtl .top_lang_select.tlb_top_lang_select {
float: left;
}
.top_lang_select .dropdown-toggle {
display: block;
text-align: center;
padding-top: 15.5px;
padding-bottom: 15.5px;
font-size: 15px;
line-height: 17px;
}
.top_lang_select.tlb_top_lang_select a.dropdown-toggle {
padding: 8px 6px 8px 8px;
border-radius: 6px;
/*transition: background-color ease-in-out 0.2s, color ease-in-out 0.2s;*/
}
.navbar-tg .top_lang_select.open a.dropdown-toggle:active,
.navbar-tg .top_lang_select.open a.dropdown-toggle:hover,
.navbar-tg .top_lang_select.open a.dropdown-toggle {
background: transparent;
color: #0088cc;
}
.top_lang_select.tlb_top_lang_select.open a.dropdown-toggle:hover,
.top_lang_select.tlb_top_lang_select.open a.dropdown-toggle:active,
.top_lang_select.tlb_top_lang_select.open a.dropdown-toggle {
background-color: #3faee8;
color: #fff;
}
.dev_top_lang_icon {
display: inline-block;
width: 16px;
height: 16px;
vertical-align: top;
line-height: 100%;
margin-right: 4px;
background: url("data:image/svg+xml;utf8,") no-repeat 0 0;
}
.lang_rtl .dev_top_lang_icon {
margin-right: 0;
margin-left: 4px;
}
.tlb_top_lang_select.open .dev_top_lang_icon {
background: url("data:image/svg+xml;utf8,") no-repeat 0 0;
}
.navbar-nav > li.top_lang_select > .dropdown-menu,
.top_lang_select.tlb_top_lang_select > .dropdown-menu {
width: 280px;
min-width: 280px;
border-radius: 8px;
padding: 14px;
right: 0;
left: auto;
margin-top: 4px;
box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, .10);
border-color: #e8e8e8;
transition: transform ease-in-out 0.15s, opacity ease-out 0.15s;
transform-origin: top right;
transform: scaleX(0.15) scaleY(0.15);
display: block;
opacity: 0;
pointer-events: none;
}
.lang_rtl .navbar-nav > li.top_lang_select > .dropdown-menu,
.lang_rtl .top_lang_select.tlb_top_lang_select > .dropdown-menu {
transform-origin: top left;
right: auto;
left: 0;
}
body.preload .top_lang_select > .dropdown-menu,
.top_lang_select.tlb_top_lang_select > .dropdown-menu {
transition: none !important;
}
.navbar-nav > li.top_lang_select.open > .dropdown-menu,
.top_lang_select.tlb_top_lang_select.open > .dropdown-menu {
transform: scaleX(1.0) scaleY(1.0);
opacity: 1;
pointer-events: all;
}
.navbar-nav > li.top_lang_select > .dropdown-menu.dropdown-menu--short,
.top_lang_select.tlb_top_lang_select > .dropdown-menu.dropdown-menu--short {
width: 155px;
min-width: 155px;
}
@media (max-width: 640px) {
.navbar-nav > li.dev_top_lang_select > .dropdown-menu {
left: 0;
right: auto;
}
}
.top_lang_select .dropdown-menu li {
float: left;
display: block;
width: 125px;
}
.lang_rtl .top_lang_select .dropdown-menu li {
float: right;
text-align: right;
}
.top_lang_select .dropdown-menu li.divider {
float: none;
clear: left;
width: auto;
margin: 6px 0;
}
.top_lang_select .dropdown-menu li a {
display: inline-block;
font-size: 13px;
max-width: 125px;
padding: 9px 10px;
border-radius: 4px;
white-space: normal;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
line-height: 15px;
margin: 0;
}
.top_lang_select .dropdown-menu li.long a {
font-size: 12px;
}
.top_lang_select .dropdown-menu li.missing a {
color: #777;
}
.navbar-nav > .top_lang_select .dropdown-menu li a:hover {
background: #e8f3fa;
color: #0088cc;
}
.top_lang_select.tlb_top_lang_select .dropdown-menu li a:hover {
background: #3faee8;
color: #fff;
}
.top_lang_select .dropdown-menu li.chosen a,
.top_lang_select .dropdown-menu li.chosen a:hover {
color: #000;
background: #fff;
}
.top_lang_select .minicaret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px solid;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
.lang_rtl .top_lang_select .minicaret {
margin-left: 0;
margin-right: 2px;
}
#login_widget_config {
margin: 40px auto;
}
.form-group .dropdown + .dropdown {
margin-left: 15px;
}
.dropdown-label {
margin-right: 7px;
display: inline-block;
max-width: 300px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
vertical-align: top;
}
.dropdown-label .muted {
color: #999;
}
.textfield-item input.form-control,
.form-control-dropdown-select,
.form-control-static-item,
.textfield-item-placeholder {
font-size: 14px;
line-height: 20px;
font-weight: normal;
}
.textfield-item input.form-control,
.form-control-dropdown-select {
padding: 11px 0 10px;
border: none;
height: auto;
resize: none;
color: inherit;
background: transparent;
border-bottom: 1px solid #e0e0e0;
box-shadow: none;
}
.textfield-item input.form-control:focus {
box-shadow: none;
}
.form-control-static-item {
padding: 11px 0;
}
.textfield-item {
display: block;
position: relative;
}
.textfield-item-underline {
display: block;
position: absolute;
bottom: 0;
left: 50%;
right: 50%;
height: 2px;
background: #39ade7;
transition: opacity .2s ease-out, left 0s .2s linear, right 0s .2s linear;
opacity: 0;
}
.textfield-item input.form-control:focus ~ .textfield-item-underline {
transition: left .2s ease-out, right .2s ease-out;
left: 0;
right: 0;
opacity: 1;
}
.textfield-item-placeholder {
bottom: 0;
color: #ccc;
color: rgba(0,0,0,.26);
left: 0;
right: 0;
pointer-events: none;
position: absolute;
display: block;
top: 11px;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-align: left
}
.textfield-item input.form-control::-webkit-input-placeholder {
color: #999;
color: rgba(0,0,0,.42);
}
.textfield-item input.form-control::-moz-placeholder {
color: #999;
color: rgba(0,0,0,.42);
}
.textfield-item input.form-control:-ms-input-placeholder {
color: #999;
color: rgba(0,0,0,.42);
}
.textfield-item input.form-control:focus::-webkit-input-placeholder {
color: #ccc;
color: rgba(0,0,0,.26);
}
.textfield-item input.form-control:focus::-moz-placeholder {
color: #ccc;
color: rgba(0,0,0,.26);
}
.textfield-item input.form-control:focus:-ms-input-placeholder {
color: #ccc;
color: rgba(0,0,0,.26);
}
.textfield-item-error {
color: #d45a58;
position: absolute;
font-size: 14px;
line-height: 19px;
min-height: 19px;
margin: 5px 0 -19px;
background: #fff;
width: 100%;
padding-bottom: 7px;
visibility: hidden;
display: block;
}
.textfield-item.is-invalid .textfield-item-error {
visibility: visible
}
.textfield-item.is-invalid input.form-control {
border-bottom: 1px solid #d50000;
}
.textfield-item.is-invalid .textfield-item-underline {
background: #d50000;
}
.control-label-item,
.form-telegram .control-label {
text-align: right;
margin-bottom: 0;
line-height: 20px;
padding-top: 11px;
}
.form-telegram .help-block {
font-size: 13px;
color: #808080;
margin-top: 10px;
margin-bottom: 5px;
}
.form-telegram .form-group {
margin-bottom: 20px;
}
.form-telegram textarea.form-control {
margin-top: 7px;
}
.form-telegram .form-control[readonly] {
cursor: text;
background: #fff;
}
.form-telegram .form-control[readonly]:focus {
border: 1px solid #ccc;
box-shadow: none;
}
.form-control-dropdown {
position: relative;
}
.form-control-dropdown.has-items:before {
content: '';
position: absolute;
display: inline-block;
margin: 16px 10px 0;
width: 14px;
height: 9px;
background: url(/img/rc_icons.png?1) no-repeat -3px -144px;
right: 0;
top: 0;
}
.form-control-dropdown .form-control-dropdown-search {
position: absolute;
top: 0;
left: 0;
right: 0;
visibility: hidden;
opacity: 0;
}
.form-control-dropdown.open .form-control-dropdown-search {
visibility: visible;
opacity: 1;
}
.form-control-dropdown.open .form-control-dropdown-select {
visibility: hidden;
opacity: 0;
}
.form-control-dropdown-select {
color: #ccc;
color: rgba(0,0,0,.26);
cursor: pointer;
position: relative;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.form-control-dropdown-select:focus {
outline: none;
}
.form-control-dropdown-select.is-dirty {
color: inherit;
}
.form-control-dropdown-button {
position: absolute;
display: inline-block;
transition: all .2s ease;
border: none;
padding: 0;
background: none !important;
visibility: hidden;
opacity: 0;
top: 0;
right: 0;
}
.form-control-dropdown-button:active {
box-shadow: none !important;
}
.form-control-dropdown-button:before {
content: '';
display: inline-block;
margin: 16px 10px;
width: 14px;
height: 9px;
background: url(/img/rc_icons.png?1) no-repeat -3px -144px;
vertical-align: top;
}
.form-control-dropdown-list {
position: absolute;
left: -15px;
right: -15px;
margin: -2px 0;
background: #fff;
text-align: left;
padding: 7px 0;
box-shadow: 0 0 2px 1px rgba(0, 0, 0, .15);
border: none;
transition: all .2s ease;
visibility: hidden;
opacity: 0;
max-height: 220px;
overflow: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
z-index: 10;
}
.form-control-dropdown.has-items .form-control-dropdown-button,
.form-control-dropdown.has-items.open .form-control-dropdown-list {
visibility: visible;
opacity: 1;
}
.form-control-dropdown-list-item,
.form-control-dropdown-list-no-results {
font-size: 14px;
line-height: 18px;
padding: 8px 15px;
cursor: pointer;
}
.form-control-static-item .small,
.form-control-dropdown-select .small,
.form-control-dropdown-list-item .small {
font-size: 13px;
line-height: 16px;
color: #a8a8a8;
padding-left: 8px;
}
.form-control-dropdown-search .form-control-dropdown-list-item:hover {
background: none;
}
.form-control-dropdown-search .form-control-dropdown-list-item.selected,
.form-control-dropdown-list-item:hover {
background: #f2f2f2;
}
.form-control-dropdown-list-no-results {
color: #a8a8a8;
cursor: auto;
}
.form-control-dropdown-select,
.form-control-dropdown input.form-control {
padding-right: 33px;
}
.help-block-item {
display: block;
font-size: 14px;
line-height: 18px;
margin-top: 5px;
margin-bottom: 0;
color: #a8a8a8;
}
.help-block-item a {
color: #76bfeb;
}
.radio-item,
.checkbox-item {
display: inline-block;
vertical-align: top;
margin-bottom: 0;
font-size: 14px;
line-height: 20px;
font-weight: normal;
}
.radio-item-block,
.checkbox-item-block {
display: block;
margin: 6px 0 1px;
padding: 5px 0;
line-height: 20px;
}
.radio-item-block + .radio-item-block,
.checkbox-item-block + .checkbox-item-block {
margin-top: 1px;
}
.radio-item input.radio,
.checkbox-item input.checkbox {
position: absolute;
left: -5000px;
}
body.rtl .radio-item input.radio,
body.rtl .checkbox-item input.checkbox {
right: -5000px;
left: auto;
}
.radio-item input.radio ~ .radio-label,
.checkbox-item input.checkbox ~ .checkbox-label {
display: inline-block;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
max-width: calc(100% - 31px);
}
.radio-item .radio-input,
.checkbox-item .checkbox-input {
display: inline-block;
vertical-align: top;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
transition: opacity 0.12s linear;
}
.radio-item .radio-input + .radio-label,
.checkbox-item .checkbox-input + .checkbox-label {
margin-left: 11px;
}
body.rtl .radio-item .radio-input + .radio-label,
body.rtl .checkbox-item .checkbox-input + .checkbox-label {
margin-right: 11px;
margin-left: 0;
}
.radio-item .radio-input-icon,
.checkbox-item .checkbox-input-icon {
display: inline-block;
content: '';
width: 20px;
height: 20px;
border: 2px solid #b3b3b3;
background: #fff;
border-radius: 10px;
vertical-align: top;
padding: 0;
cursor: pointer;
position: relative;
}
.radio-item .radio-input-icon:before,
.checkbox-item .checkbox-input-icon:before {
display: inline-block;
content: '';
position: absolute;
width: 20px;
height: 20px;
border: 2px solid #54a9eb;
border-radius: 10px;
top: -2px;
left: -2px;
transition: opacity 0.12s linear;
opacity: 0;
}
.radio-item .radio-input-icon:after {
display: inline-block;
content: '';
position: absolute;
width: 10px;
height: 10px;
background: #54a9eb;
border-radius: 5px;
top: 3px;
left: 3px;
transition: transform 0.12s linear;
transform: scale3d(0, 0, 1);
}
.radio-item input.radio:checked + .radio-input .radio-input-icon:before,
.checkbox-item input.checkbox:checked + .checkbox-input .checkbox-input-icon:before {
opacity: 1;
}
.radio-item input.radio:checked + .radio-input .radio-input-icon:after {
transform: scale3d(1, 1, 1);
}
.checkbox-item .checkbox-input-icon,
.checkbox-item .checkbox-input-icon:before {
width: 18px;
height: 18px;
margin: 1px;
border-radius: 3px;
}
.checkbox-item .checkbox-input-icon:before {
margin: 0;
background: #54a9eb url('data:image/svg+xml,%3Csvg height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"%3E%3Cg fill="%23fff" fill-rule="evenodd"%3E%3Crect height="6" rx="1" transform="matrix(.70710678 -.70710678 .70710678 .70710678 -6.746804 8.368629)" width="2" x="5.728427" y="9.328427"/%3E%3Crect height="11.5" rx="1" transform="matrix(.70710678 .70710678 -.70710678 .70710678 10.712311 -5.169417)" width="2" x="10.596194" y="4.596194"/%3E%3C/g%3E%3C/svg%3E') no-repeat center;
}
.radio-item input.radio:disabled + .radio-input,
.checkbox-item input.checkbox:disabled + .checkbox-input {
cursor: default;
pointer-events: none;
opacity: .65;
}
.button-item {
font-size: 14px;
font-weight: 500;
line-height: 18px;
color: #fff;
background: #4ca3e2;
border-radius: 19px;
display: inline-block;
padding: 10px 26px;
text-transform: uppercase;
text-align: center;
vertical-align: middle;
border: none;
transition: background-color .2s ease;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.button-item-flat {
color: #1385d8;
background: transparent;
}
.button-item:hover {
background: #4199d9;
}
.button-item-flat:hover {
background: #e7f4fd;
}
.button-item-label {
display: inline-block;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: top;
position: relative;
z-index: 1;
}
.button-item.ripple-handler,
.button-nostyle-item.ripple-handler {
position: relative;
}
.ripple-mask {
position: absolute;
left: 0; right: 0;
top: 0; bottom: 0;
transform: translateZ(0);
overflow: hidden;
pointer-events: none;
}
.radio-item .ripple-mask,
.checkbox-item .ripple-mask {
width: 32px;
height: 32px;
left: -6px;
top: -6px;
border-radius: 16px;
}
.button-nostyle-item .ripple-mask,
.button-item .ripple-mask {
border-radius: 19px;
}
.radio-item .ripple,
.checkbox-item .ripple {
position: absolute;
width: 80px;
height: 80px;
left: -24px;
top: -24px;
border-radius: 50%;
background-color: rgba(179, 179, 179, .2);
transition: transform .65s ease-out, opacity .65s ease-out, background-color .65s ease-out;
opacity: 0;
}
.radio-item input.radio:checked + .radio-input .ripple,
.checkbox-item input.checkbox:checked + .checkbox-input .ripple {
background-color: rgba(84, 169, 235, .2);
}
.button-nostyle-item .ripple,
.button-item .ripple {
position: absolute;
width: 200%;
left: 50%; top: 50%;
margin: -100% 0 0 -100%;
padding-top: 200%;
border-radius: 50%;
background-color: #3790cf;
transition: transform .65s ease-out, opacity .65s ease-out, background-color .65s ease-out;
opacity: 0;
}
.button-nostyle-item .ripple,
.button-item-flat .ripple {
background-color: #d9ebf7;
}
.radio-item input.radio + .radio-label:before,
.checkbox-item input.checkbox + .checkbox-label:before {
display: inline-block;
content: '';
width: 20px;
height: 20px;
vertical-align: top;
margin-right: 11px;
padding: 0;
background: url(/img/rc_icons.png?1) no-repeat;
cursor: pointer;
}
.radio-item input.radio + .radio-label:before {
background-position: 0 0;
}
.radio-item input.radio:checked + .radio-label:before {
background-position: 0 -30px;
}
.checkbox-item input.checkbox + .checkbox-label:before {
background-position: 0 -60px;
}
.checkbox-item input.checkbox:checked + .checkbox-label:before {
background-position: 0 -88px;
}
.radio-item-justified .radio-input {
float: left;
}
.radio-item-justified .radio-label {
float: left;
margin-right: 16px;
}
.radio-item-justified .radio-label:after {
content: ':';
opacity: 0;
transition: opacity .2s ease;
}
.radio-item-justified .justified-wrap {
display: block;
padding: 5px 0;
margin: -5px 0;
overflow: hidden;
opacity: 0;
transition: opacity .2s ease;
}
.radio-item-justified .justified-wrap input.form-control {
cursor: inherit;
}
.radio-item-justified input.radio:checked ~ .justified-wrap,
.radio-item-justified input.radio:checked ~ .radio-label:after {
opacity: 1;
}
.radio-item-justified input.radio:checked ~ .justified-wrap input.form-control {
cursor: auto;
}
.radio-item-justified .textfield-item {
margin: -5px 0;
}
.radio-item-justified input.form-control {
padding: 5px 0 4px;
}
.bgcolor0 { background: #e17076; }
.bgcolor1 { background: #faa774; }
.bgcolor2 { background: #a695e7; }
.bgcolor3 { background: #7bc862; }
.bgcolor4 { background: #6ec9cb; }
.bgcolor5 { background: #65aadd; }
.bgcolor6 { background: #ee7aae; }
.dots-animated:after {
display: inline-block;
animation: dotty steps(1, end) 1s infinite;
content: '...';
position: absolute;
}
@-webkit-keyframes dotty {
0%, 100% { content: ''; }
25% { content: '.'; }
50% { content: '..'; }
75% { content: '...'; }
}
@keyframes dotty {
0%, 100% { content: ''; }
25% { content: '.'; }
50% { content: '..'; }
75% { content: '...'; }
}
.widget_container {
padding: 10px 20px;
margin: -10px 0;
text-align: center;
}
.widget_container.dark {
background: #15202b;
}
.widget_container iframe {
vertical-align: top;
}
button.dropdown-toggle:focus,
button.dropdown-toggle:active:focus {
outline: none;
}
.embed_code {
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
white-space: pre-wrap;
word-break: break-all;
word-wrap: break-word;
text-align: left;
-webkit-appearance: none;
}
.dev_page_nav_wrap > p > a:first-child {
color: #333;
}
#dev_page_content .dev_page_nav_wrap ul {
list-style-type: none;
margin: 0;
padding: 0 0 20px;
}
#dev_page_content .dev_page_nav_wrap ul + h4 {
margin-top: 4px;
}
#dev_page_content .dev_page_nav_wrap ul li {
background: none;
padding-left: 0;
padding-top: 1px;
padding-bottom: 2px;
}
.dev_page_image {
display: block;
max-width: 800px;
margin: 0 auto;
padding: 10px 0px 5px;
}
.tl_contest_page_wrap .dev_page_image {
max-width: 600px;
}
.dev_page_tgsticker {
position: relative;
display: block;
max-width: 256px;
}
.dev_page_tgsticker img,
.dev_page_tgsticker canvas {
position: absolute;
top: 0; bottom: 0;
left: 0; right: 0;
width: 100%;
height: 100%;
}
.dev_page_widget_item {
display: block;
width: 300px;
vertical-align: top;
max-width: 100%;
margin: 30px auto 10px;
}
.dev_page_widget_thumb {
display: inline-block;
vertical-align: top;
width: 100%;
padding-top: 66.6667%;
border-radius: 12px;
background: #f7f7f7 no-repeat center;
background-size: 100%;
-webkit-filter: brightness(100%);
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-o-transition: all .2s ease;
-ms-transition: all .2s ease;
transition: all .2s ease;
}
.dev_page_widget_thumb:hover {
-webkit-filter: brightness(94%);
}
.dev_page_widget_thumb_share {
background-image: url(/img/Widget_Share.svg?1);
}
.dev_page_widget_thumb_post {
background-image: url(/img/Widget_Post.svg?1);
}
.dev_page_widget_thumb_login {
background-image: url(/img/Widget_Login.svg?1);
}
.dev_page_widget_thumb_comments {
background-image: url(/img/Widget_Comments.svg?1);
}
.dev_page_widget_title {
font-size: 15px;
line-height: 1.5;
margin: 12px 0 0;
font-weight: bold;
text-align: center;
}
@media (min-width: 670px) {
.dev_page_widgets_list {
margin-right: -36px;
}
.dev_page_widget_item {
float: left;
margin-left: 0;
margin-right: 36px;
}
.dev_page_widget_title {
margin-top: 17px;
}
}
/* Contest */
.tl_contest_page_wrap {
padding: 0 0 20px;
max-width: 600px;
margin: 0 auto;
}
.tl_contest_intro {
margin: 0;
}
.tl_contest_side_image_wrap {
position: relative;
}
.tl_contest_side_image {
margin: 50px 0 0 -180px;
width: 160px;
height: 160px;
position: absolute;
}
.tl_contest_side_image2 {
margin-top: 0px;
}
.tl_contest_side_image3 {
margin-top: 10px;
}
.tl_contest_page_wrap .tl_main_share {
margin: 0 0 20px;
text-align: left;
}
.lang_rtl .tl_contest_page_wrap .tl_main_share {
text-align: right;
}
.tl_contest_page_wrap #dev_page_title {
font-size: 24.5px;
line-height: 33px;
margin: 20px 0 10px 0;
}
.tl_contest_dl_btn {
padding: 0;
}
#traffic_log_wrap {
min-height: 300px;
/*max-height: 600px;*/
/*overflow: auto;*/
overflow-wrap: normal;
white-space: pre;
}
.tl_contest_log {
padding-top: 10px;
}
.tl_contest_log h3 {
margin-top: 0;
}
/* Blog */
.blog_side_image_wrap {
position: relative;
direction: ltr;
}
.lang_rtl .blog_side_image_wrap {
direction: rtl;
}
.blog_side_image {
margin: -41px 0 0 -180px;
width: 160px;
height: 160px;
position: absolute;
}
.lang_rtl .blog_side_image {
margin: -41px -180px 0 0;
}
.blog_side_centered_image_wrap {
position: relative;
}
a.blog_side_cetered_image,
a.blog_side_centered_image {
display: block;
width: 160px;
height: 160px;
margin: 10px auto 20px;
}
img.blog_side_cetered_image,
img.blog_side_centered_image {
width: 160px;
height: 160px;
}
.tlb_blog_page .blog_side_image_wrap {
position: static;
}
.tlb_blog_page .blog_side_image {
display: block;
margin: 20px auto;
width: 160px;
height: 160px;
position: static;
}
.blog_wide_image img {
width: 100%;
padding-bottom: 20px;
}
.blog_image_wrap {
width: 275px;
margin: 10px auto 20px;
}
.blog_image_wrap a {
}
.blog_image_wrap img {
width: 275px;
padding: 10px 5px;
}
.blog_medium_image_wrap,
.blog_medium_image_wrap img {
width: 400px;
}
.blog_wide_image_wrap,
.blog_wide_image_wrap img {
width: 100%;
max-width: auto;
}
#dev_page_content .blog_image_wrap p,
.tlb_page_wrap .tl_contest_page_wrap #dev_page_content .blog_image_wrap p {
text-align: center;
color: #808080;
font-size: 12px;
margin: 10px 0 0;
line-height: 150%;
padding: 0 10px;
}
.blog_footer {
font-style: italic;
}
.blog_2images_wrap,
.blog_3images_wrap {
width: 564px;
margin: 20px auto 20px;
}
.blog_3images_wrap {
width: 575px;
}
.blog_2images_wrap:before,
.blog_2images_wrap:after,
.blog_3images_wrap:before,
.blog_3images_wrap:after {
content: " ";
display: table;
}
.blog_2images_wrap:after,
.blog_3images_wrap:after {
clear: both;
}
.blog_2images_wrap .blog_image_wrap,
.blog_3images_wrap .blog_image_wrap {
float: left;
margin-left: 0;
margin-right: 14px;
}
.blog_3images_wrap .blog_image_wrap {
margin-right: 10px;
}
.blog_2images_wrap .blog_image_wrap:last-child,
.blog_3images_wrap .blog_image_wrap:last-child {
margin-right: 0;
}
.blog_video_player_wrap {
max-width: 640px;
margin: 10px auto 20px;
}
.blog_video_player {
width: 100%;
}
/* My page */
.my_page_wrap {
margin-top: 50px;
font-size: 14px;
line-height: 20px;
}
.my_page_wrap .container {
max-width: 570px;
}
.my_page_wrap .tl_main_card {
margin: 0;
}
#my_login_form_wrap {
max-width: 400px;
}
.my_login_form_details {
margin: 10px 0 20px;
}
#my_login_form_wrap .btn {
box-shadow: none;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 1.428571429;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
border: 0;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
text-shadow: none;
}
#my_login_form_wrap .btn-primary {
color: #fff;
background-color: #428bca;
border-color: #357ebd;
}
#my_login_form_wrap .btn-danger {
color: #fff;
background-color: #d9534f;
border-color: #d43f3a;
}
#my_login_form_wrap .btn-success {
color: #fff;
background-color: #5cb85c;
border-color: #4cae4c;
}
.modal-header h4 {
position: static;
}
.my_email_confirmation_result_wrap {
margin-top: 40px;
}
.my_email_confirmation_result_text {
padding: 10px;
font-size: 24px;
font-weight: bold;
line-height: 1.2;
text-align: center;
}
.smartphone_video_player_wrap {
width: 270px;
height: 555px;
margin: 20px auto;
position: relative;
background: #000 url(../img/iPhone6.png) 0 0 no-repeat;
background-size: 270px 555px;
}
.smartphone_video_player_iphone {
position: absolute;
margin-top: 69px;
margin-left: 18px;
border-radius: 3px;
overflow: hidden;
line-height: 0;
}
video.smartphone_video_player {
cursor: pointer;
width: 234px;
height: 416px;
line-height: 0;
margin: 0;
vertical-align: top;
}
.smarphone_device_nexus {
margin: 40px auto;
padding: 45px 14px 45px 14px;
width: 290px;
height: 514px;
background: #1e1e1e;
border-radius: 18.125px;
display: block;
position: relative;
box-sizing: content-box;
}
.smarphone_device_nexus:before {
-webkit-border-radius: 540px / 45px;
border-radius: 540px / 45px;
background: inherit;
content: '';
top: 0;
position: absolute;
height: 103.1%;
width: calc(100% - 23px);
top: 50%;
left: 50%;
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
box-sizing: content-box;
}
.smarphone_device_nexus .top-bar {
width: calc(100% - 7px);
height: calc(100% - 5px);
position: absolute;
top: 3px;
left: 4px;
-webkit-border-radius: 18px;
border-radius: 18px;
background: #181818;
box-sizing: content-box;
}
.smarphone_device_nexus .top-bar:before {
-webkit-border-radius: 540px / 45px;
border-radius: 540px / 45px;
background: inherit;
content: '';
top: 0;
position: absolute;
height: 103.0%;
width: calc(100% - 26px);
top: 50%;
left: 50%;
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
box-sizing: content-box;
}
.smarphone_device_nexus .bottom-bar{
display: none;
box-sizing: content-box;
}
.smarphone_device_nexus .sleep {
width: 3px;
position: absolute;
left: -3px;
top: 99px;
height: 90px;
background: inherit;
-webkit-border-radius: 2px 0px 0px 2px;
border-radius: 2px 0px 0px 2px;
box-sizing: content-box;
}
.smarphone_device_nexus .volume {
width: 3px;
position: absolute;
right: -3px;
top: 63px;
height: 45px;
background: inherit;
-webkit-border-radius: 0px 2px 2px 0px;
border-radius: 0px 2px 2px 0px;
box-sizing: content-box;
}
.smarphone_device_nexus .camera {
background: #3c3d3d;
width: 9px;
height: 9px;
position: absolute;
top: 18px;
left: 50%;
z-index: 3;
margin-left: -5px;
border-radius: 100%;
box-sizing: content-box;
}
.smarphone_device_nexus .camera:before {
background: #3c3d3d;
width: 6px;
height: 6px;
content: '';
display: block;
position: absolute;
top: 2px;
left: -90px;
z-index: 3;
border-radius: 100%;
box-sizing: content-box;
}
.smarphone_device_nexus .screen {
position: relative;
box-sizing: content-box;
}
.smarphone_device_nexus video {
display: block;
width: 290px;
height: 514px;
margin: 0 auto;
}
/* Telegram Me */
.tgme_page_wrap {
font-family: 'Roboto', sans-serif;
color: var(--text-color);
}
.tgme_background_wrap {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: -1;
background: var(--body-bg);
}
.tgme_background {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.tgme_background.default {
}
.tgme_background.motion {
left: -10px;
top: -10px;
width: calc(100% + 20px);
height: calc(100% + 20px);
animation: bg-motion 10s linear infinite;
}
.tgme_background_pattern {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
mix-blend-mode: overlay;
background: center repeat;
background-size: 420px auto;
background-image: var(--pattern-url, none);
opacity: var(--pattern-intensity, 1);
}
.tgme_background_pattern.default {
opacity: 0.3;
background-image: url('/img/tgme/pattern.svg');
}
html.theme_dark .tgme_background,
body.bg_dark .tgme_background {
-webkit-mask: center repeat;
-webkit-mask-size: 420px auto;
-webkit-mask-image: var(--pattern-url, none);
opacity: var(--pattern-intensity, 1);
}
html.theme_dark .tgme_background.default,
body.bg_dark .tgme_background.default {
opacity: 0.3;
-webkit-mask-image: url('/img/tgme/pattern.svg');
}
body.bg_light .tgme_background,
body.bg_light .tgme_background.default {
-webkit-mask: none;
opacity: 1;
}
html.theme_dark .tgme_background_pattern,
body.bg_dark .tgme_background_pattern {
display: none;
}
body.bg_light .tgme_background_pattern {
display: block;
}
@-webkit-keyframes bg-motion {
20% { transform: translateX(0px); }
25% { transform: translateX(-10px); }
35% { transform: translateX(10px); }
40% { transform: translateX(0px); }
}
@keyframes bg-motion {
20% { transform: translateX(0px); }
25% { transform: translateX(-10px); }
35% { transform: translateX(10px); }
40% { transform: translateX(0px); }
}
.tgme_head_wrap {
position: fixed;
left: 0;
right: 0;
top: 0;
height: 54px;
padding: 10px 16px;
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
background: var(--box-bg-blured);
-webkit-backdrop-filter: blur(25px);
backdrop-filter: blur(25px);
z-index: 1;
}
.tgme_head {
display: flex;
justify-content: space-between;
}
.tgme_head_brand {
display: inline-block;
vertical-align: top;
}
.tgme_logo {
display: inline-block;
vertical-align: top;
}
a.tgme_head_right_btn {
display: inline-block;
font-size: 14px;
line-height: 17px;
font-weight: bold;
-webkit-font-smoothing: antialiased;
text-transform: uppercase;
color: #fff;
background: var(--accent-btn-color);
padding: 9px 16px;
height: 34px;
border-radius: 17px;
text-align: center;
transition: all .15s ease .15s;
}
a.tgme_head_right_btn:hover,
a.tgme_head_right_btn:active {
text-decoration: none;
color: #fff;
background: var(--accent-color-hover);
}
a.tgme_head_dl_button {
display: block;
font-size: 16px;
line-height: 100%;
color: #FFF;
background: #32afed;
padding: 2px 15px 0 16px;
height: 45px;
line-height: 43px;
text-align: center;
}
.tlb_page_wrap a.tgme_head_dl_button {
color: #FFF;
}
a.tgme_head_dl_button:hover,
a.tgme_head_dl_button:active,
.tlb_page_wrap a.tgme_head_dl_button:hover,
.tlb_page_wrap a.tgme_head_dl_button:active {
color: #FFF;
background: #32afed;
text-decoration: none;
}
.tgme_icon_arrow {
display: inline-block;
background: url(/img/tgme/Arrow_1x.png) 0 0 no-repeat;
width: 8px;
height: 12px;
background-size: 8px 12px;
vertical-align: top;
margin-top: 15px;
margin-left: 9px;
}
.tgme_body_wrap {
padding: 70px 16px 40px;
}
.tgme_page {
position: relative;
margin: 16px auto;
padding: 32px 0;
max-width: 400px;
background: var(--box-bg);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
border-radius: 16px;
transition: all .15s ease .15s;
}
.tgme_page a {
color: var(--accent-link-color);
}
.tgme_page_post {
max-width: 500px;
padding: 3px 0 0;
margin: 0 auto;
background: transparent;
box-shadow: none;
border-radius: 0;
}
.tgme_page_icon {
text-align: center;
margin-bottom: 20px;
}
.tgme_icon_user,
.tgme_icon_group,
.tgme_icon_stickers,
.tgme_icon_share,
.tgme_icon_invoice {
display: inline-block;
width: 48px;
height: 48px;
vertical-align: top;
background: center no-repeat;
}
.tgme_icon_user {
background-image: url('data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20width%3D%2248%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m40%204h-32c-2.2%200-4%201.8-4%204v31.1716c0%201.7818%202.15428%202.6741%203.41421%201.4142l4.58579-4.5858h28c2.2%200%204-1.8%204-4v-24c0-2.2-1.8-4-4-4zm-22%2016c0%201.1046-.8954%202-2%202-1.1046%200-2-.8954-2-2%200-1.1046.8954-2%202-2%201.1046%200%202%20.8954%202%202zm8%200c0%201.1046-.8954%202-2%202-1.1046%200-2-.8954-2-2%200-1.1046.8954-2%202-2%201.1046%200%202%20.8954%202%202zm8%200c0%201.1046-.8954%202-2%202-1.1046%200-2-.8954-2-2%200-1.1046.8954-2%202-2%201.1046%200%202%20.8954%202%202z%22%20fill%3D%22%231c93e3%22%2F%3E%3C%2Fsvg%3E');
}
.tgme_icon_group {
background-image: url('data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20width%3D%2248%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m32%2022c3.32%200%205.98-2.68%205.98-6s-2.66-6-5.98-6-6%202.68-6%206%202.68%206%206%206zm-16%200c3.32%200%205.98-2.68%205.98-6s-2.66-6-5.98-6-6%202.68-6%206%202.68%206%206%206zm0%204c-4.66%200-14%202.34-14%207v3c0%201.1.9%202%202%202h24c1.1%200%202-.9%202-2v-3c0-4.66-9.34-7-14-7zm16%200c-.58%200-1.24.04-1.94.1.04.02.06.06.08.08%202.28%201.66%203.86%203.88%203.86%206.82v3c0%20.7-.14%201.38-.36%202h10.36c1.1%200%202-.9%202-2v-3c0-4.66-9.34-7-14-7z%22%20fill%3D%22%231c93e3%22%2F%3E%3C%2Fsvg%3E');
}
.tgme_icon_stickers {
background-image: url('data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20width%3D%2248%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20clip-rule%3D%22evenodd%22%20d%3D%22m43.9851%2024.7787c.0099-.2583.0149-.5179.0149-.7787%200-4-3.9635-8.3925-7.5-12-3.6298-3.70272-8.5-8-12.5-8-.9492%200-1.883.06613-2.797.19403-.0628.00879-.1255.01787-.1881.02724-9.6298%201.44112-17.0149%209.74753-17.0149%2019.77873%200%2011.0457%208.9543%2020%2020%2020%2010.7849%200%2019.576-8.5365%2019.9851-19.2213zm-4.0143.1953c-.5033%208.383-7.4613%2015.026-15.9708%2015.026-8.8366%200-16-7.1634-16-16%200-7.9024%205.7289-14.46671%2013.2601-15.76631%201.492%209.17801%209.2306%2016.25971%2018.7107%2016.74031z%22%20fill%3D%22%231c93e3%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
}
.tgme_icon_share {
background-image: url('data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20width%3D%2248%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m34%2014h-6c-1.1%200-2%20.9-2%202s.9%202%202%202h6c3.3%200%206%202.7%206%206s-2.7%206-6%206h-6c-1.1%200-2%20.9-2%202s.9%202%202%202h6c5.52%200%2010-4.48%2010-10s-4.48-10-10-10zm-18%2010c0%201.1.9%202%202%202h12c1.1%200%202-.9%202-2s-.9-2-2-2h-12c-1.1%200-2%20.9-2%202zm4%206h-6c-3.3%200-6-2.7-6-6s2.7-6%206-6h6c1.1%200%202-.9%202-2s-.9-2-2-2h-6c-5.52%200-10%204.48-10%2010s4.48%2010%2010%2010h6c1.1%200%202-.9%202-2s-.9-2-2-2z%22%20fill%3D%22%231c93e3%22%2F%3E%3C%2Fsvg%3E');
}
.tgme_icon_invoice {
background-image: url('data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20width%3D%2248%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m23.6%2021.8c-4.54-1.18-6-2.4-6-4.3%200-2.18%202.02-3.7%205.4-3.7%202.84%200%204.26%201.08%204.78%202.8.24.8.9%201.4%201.74%201.4h.6c1.32%200%202.26-1.3%201.8-2.54-.84-2.36-2.8-4.32-5.92-5.08v-1.38c0-1.66-1.34-3-3-3s-3%201.34-3%203v1.32c-3.88.84-7%203.36-7%207.22%200%204.62%203.82%206.92%209.4%208.26%205%201.2%206%202.96%206%204.82%200%201.38-.98%203.58-5.4%203.58-3.3%200-5-1.18-5.66-2.86-.3-.78-.98-1.34-1.8-1.34h-.56c-1.34%200-2.28%201.36-1.78%202.6%201.14%202.78%203.8%204.42%206.8%205.06v1.34c0%201.66%201.34%203%203%203s3-1.34%203-3v-1.3c3.9-.74%207-3%207-7.1%200-5.68-4.86-7.62-9.4-8.8z%22%20fill%3D%22%231c93e3%22%2F%3E%3C%2Fsvg%3E');
}
.tgme_page_photo {
text-align: center;
padding-bottom: 16px;
}
.tgme_page_photo_image {
width: 122px;
height: 122px;
border-radius: 61px;
}
.tgme_page_title {
font-size: 26px;
line-height: 32px;
font-weight: bold;
text-align: center;
max-width: 340px;
padding: 0 10px;
margin: 0 auto;
color: var(--text-color);
overflow: hidden;
text-overflow: ellipsis;
}
.verified-icon {
display: inline-block;
width: 1em;
height: 1em;
padding: 1px;
text-indent: -10em;
overflow: hidden;
background: var(--icon-verified) no-repeat 0 0;
background-size: 100%;
vertical-align: -4px;
margin-left: 8px;
}
.tgme_page_extra {
font-size: 15px;
line-height: 18px;
text-align: center;
padding: 6px 16px 0;
color: var(--second-text-color);
}
.tgme_page_desc_header,
.tgme_page_description,
.tgme_page_additional {
font-size: 16px;
line-height: 25px;
text-align: center;
margin: 10px 16px 0;
padding: 0;
overflow: hidden;
text-overflow: ellipsis;
}
.tgme_page_additional strong {
-webkit-font-smoothing: antialiased;
}
.tgme_page_desc_header,
.tgme_page_description {
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
max-height: 125px;
word-break: break-word;
}
.tgme_page_desc_header {
font-size: 19px;
line-height: 23px;
font-weight: bold;
max-height: 69px;
-webkit-line-clamp: 3;
}
.tgme_page_long_description {
max-height: none;
-webkit-line-clamp: unset;
}
.tgme_page_additional {
display: none;
font-size: 14px;
line-height: 23px;
margin-top: 32px;
color: #808080;
}
a.tgme_username_link,
a.tgme_username_link:hover,
a.tgme_username_link:active {
text-decoration: none;
}
.tgme_page_action {
text-align: center;
margin-top: 24px;
line-height: 0;
}
a.tgme_action_button,
a.tgme_action_button_new {
font-size: 14px;
line-height: 17px;
font-weight: bold;
-webkit-font-smoothing: antialiased;
color: #FFF;
background: #5dc390;
border-radius: 22px;
overflow: hidden;
display: inline-block;
padding: 13px 24px;
height: 42px;
text-transform: uppercase;
vertical-align: top;
}
a.tgme_action_button:hover,
a.tgme_action_button:active,
a.tgme_action_button_new:hover,
a.tgme_action_button_new:active {
color: #FFF;
background: #4bbc87;
text-decoration: none;
}
a.tgme_action_button_new {
background-color: var(--accent-btn-color);
}
a.tgme_action_button_new.shine {
background-image: linear-gradient(270deg, rgba(100, 181, 239, 0) 48.44%, #64b5ef 75.52%, rgba(100, 181, 239, 0) 100%);
background-repeat: no-repeat;
animation: bg-move linear 5s infinite;
}
a.tgme_action_button_new:hover,
a.tgme_action_button_new:active {
background-color: var(--accent-color-hover);
}
@-webkit-keyframes bg-move {
0% { background-position: -500px 0; }
100% { background-position: 1000px 0; }
}
@keyframes bg-move {
0% { background-position: -500px 0; }
100% { background-position: 1000px 0; }
}
.tgme_page_web_action {
margin-top: 18px;
}
.tgme_page_web_action a.tgme_action_button_new {
color: var(--accent-btn-color);
background: transparent;
box-shadow: inset 0 0 0 2px var(--accent-btn-color);
}
.tgme_page_web_action a.tgme_action_button_new:hover,
.tgme_page_web_action a.tgme_action_button_new:active {
color: var(--accent-btn-color);
background: transparent;
text-decoration: none;
}
.tgme_action_privacy_action {
margin-top: 12px;
}
.tgme_action_privacy_action a.tgme_action_privacy_button {
color: var(--accent-btn-color);
background: #fff;
border: 0;
padding: 13px 25px 11px;
font-size: 12px;
}
.tgme_action_privacy_action a.tgme_action_privacy_button:hover,
.tgme_action_privacy_action a.tgme_action_privacy_button:active {
color: var(--accent-btn-color);
background: #FFF;
text-decoration: none;
}
.tgme_footer {
margin: 0 auto 50px;
border-top: 1px solid #e0e0e0;
max-width: 424px;
padding-top: 38px;
}
.tgme_footer_description {
font-size: 17px;
line-height: 27px;
text-align: center;
max-width: 330px;
padding: 0 10px;
margin: 0 auto 0;
}
.tgme_footer_action {
text-align: center;
margin-top: 28px;
line-height: 0;
}
a.tgme_footer_dl_button {
background: #32afed;
}
a.tgme_footer_dl_button:hover,
a.tgme_footer_dl_button:active {
background: #1ca4e7;
}
.tgme_page_widget {
margin: 0 -10px;
}
.tgme_page_widget iframe {
vertical-align: top;
max-width: 100%;
color-scheme: normal;
}
.tgme_page_widget_action {
text-align: center;
line-height: 0;
}
.tgme_page_widget_actions_wrap {
padding: 14px 0 0;
}
.tgme_page_widget_actions {
position: relative;
padding: 16px 0;
background-color: var(--box-bg);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-webkit-backdrop-filter: blur(25px);
backdrop-filter: blur(25px);
border-radius: 16px;
max-width: 500px;
margin: 0 auto;
transition:
border-radius .15s ease-in-out,
max-width .15s ease-in-out,
background-color 0s linear;
}
.fixed_actions .tgme_page_widget_actions_wrap,
.sticky_actions .tgme_page_widget_actions_wrap {
position: fixed;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
}
.sticky_actions .tgme_page_widget_actions_wrap {
position: sticky;
}
.sticky_actions .tgme_page_widget_actions_wrap.stuck {
margin: 0 -16px;
}
.fixed_actions .tgme_page_widget_actions,
.sticky_actions .tgme_page_widget_actions_wrap.stuck .tgme_page_widget_actions {
background-color: var(--box-bg-blured);
border-radius: 0;
max-width: 100%;
transition-delay: 0s, 0s, .15s;
}
@media (min-width: 800px) {
.fixed_actions .tgme_page_widget_actions,
.sticky_actions .tgme_page_widget_actions_wrap.stuck .tgme_page_widget_actions {
max-width: 600px;
border-radius: 16px 16px 0 0;
}
.sticky_actions .tgme_page_widget_actions_wrap.stuck .tgme_page_widget_actions {
margin: 0 auto;
}
}
.tgme_page_widget_actions_cont {
max-width: 500px;
margin: 0 auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.tgme_page_widget_actions .tgme_page_action {
position: relative;
margin: 0 auto;
}
.tgme_page_widget_action_right,
.tgme_page_widget_action_left {
width: 120px;
flex-grow: 2;
text-align: center;
}
.tgme_page_widget_action_right {
float: right;
order: 1;
}
.tgme_page_widget_action_left {
float: left;
}
.tgme_page_widget_actions a.tgme_action_web_button {
border: none;
background: none;
padding: 15px 10px 13px;
}
.tgme_page_widget_actions .tgme_page_web_action {
margin-top: 0;
text-align: inherit;
}
.tgme_page_context_action {
margin-top: 8px;
}
.tgme_page_context_action a.tgme_action_button_new {
font-weight: normal;
text-transform: none;
}
.tgme_page_embed_action {
text-align: center;
margin: 16px 16px 0;
display: none;
order: 3;
flex-basis: 100%;
}
.embed_opened .tgme_page_embed_action {
display: block;
}
.tgme_page_embed_btn {
line-height: 0;
}
.tgme_page_copy_action {
text-align: center;
margin: 7px 0 -9px;
}
.tgme_page_embed_btn a.tgme_action_button_new,
.tgme_page_context_btn a.tgme_action_button_new,
.tgme_page_copy_action a.tgme_action_button_new,
.tgme_page_widget_actions a.tgme_action_web_button {
color: #7D7F81;
padding: 13px 10px;
background: none;
box-shadow: none;
cursor: pointer;
}
.tgme_page_widget_actions a.tgme_action_web_button:hover,
.tgme_page_widget_actions a.tgme_action_web_button:active {
color: #7D7F81;
background: none;
}
.tgme_page_widget_actions a.tgme_action_button_new .tgme_action_button_icon.web_icon .icon_body {
animation-duration: 300ms;
animation-timing-function: steps(18);
}
.tgme_page_widget_actions a.tgme_action_button_new:hover .tgme_action_button_icon.web_icon .icon_body {
animation-name: play18;
}
@-webkit-keyframes play18 {
0% { transform: translateX(0px); }
100% { transform: translateX(-432px); }
}
@keyframes play18 {
0% { transform: translateX(0px); }
100% { transform: translateX(-432px); }
}
.tgme_action_button_new .tgme_action_button_icon {
display: inline-block;
width: 24px;
height: 24px;
margin: -7px 7px -7px 0;
}
.tgme_action_button_new .tgme_action_button_icon .icon_body {
stroke: #7D7F81;
animation-duration: 500ms;
animation-timing-function: steps(30);
}
.tgme_page_additional,
.tgme_page_context_link_wrap {
font-size: 14px;
line-height: 16px;
text-align: center;
padding: 0 16px;
margin: 20px 0 0;
color: var(--second-text-color);
}
.tgme_page_additional {
margin-top: 24px;
}
.tgme_page_context_link_wrap a.tgme_page_context_link {
color: #7d7f81;
cursor: pointer;
}
.embed_opened .tgme_page_embed_btn a.tgme_action_button_new {
color: var(--accent-btn-color);
}
.embed_opened .tgme_page_embed_btn .tgme_action_button_new .tgme_action_button_icon .icon_body {
stroke: var(--accent-btn-color);
animation-name: play30;
}
@-webkit-keyframes play30 {
0% { transform: translateX(0px); }
100% { transform: translateX(-720px); }
}
@keyframes play30 {
0% { transform: translateX(0px); }
100% { transform: translateX(-720px); }
}
.tgme_page_embed_action a.tgme_action_button_new:hover,
.tgme_page_embed_action a.tgme_action_button_new:active,
.tgme_page_copy_action a.tgme_action_button_new:hover,
.tgme_page_copy_action a.tgme_action_button_new:active {
color: #7D7F81;
text-decoration: none;
background: none;
}
.tgme_page_copy_action .tgme_action_button_new.pressed .tgme_action_button_icon .icon_body {
animation-name: play30;
}
.tgme_page_embed_code {
font-size: 13px;
color: #546172;
background: rgba(125, 127, 129, 0.1);
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
width: 100%;
padding: 11px 17px;
border: 1px solid rgba(125, 127, 129, 0.3);
border-radius: 10px;
white-space: pre-wrap;
word-break: break-all;
word-wrap: break-word;
text-align: left;
-webkit-appearance: none;
vertical-align: top;
}
html.theme_dark .tgme_page_embed_code {
color: #fff;
}
.tgme_page_embed_code:focus {
outline: none;
}
@media (max-width: 595px) {
.tgme_page_widget_action_right,
.tgme_page_widget_action_left {
text-align: center;
width: 20%;
}
.tgme_page_widget_actions .tgme_action_button_label {
display: none;
}
.tgme_page_widget_actions a.tgme_action_web_button:before {
display: inline-block;
}
.tgme_page_embed_btn a.tgme_action_button_new:before {
margin-right: 0;
}
.tgme_page_embed_action {
margin-top: 20px;
margin-left: 10px;
margin-right: 10px;
}
.tgme_page_copy_action {
margin-top: 8px;
}
#embed_code {
margin-top: 24px;
}
}
.tgme_page_bg {
margin: 0;
max-width: none;
}
.tgme_bg_wrap {
height: 100%;
height: calc(100vh - 104px);
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.tgme_bg_image_wrap {
position: absolute;
width: 100%;
height: 100%;
height: calc(100vh - 104px);
overflow: hidden;
}
.tgme_bg_image {
width: 110%;
width: calc(100vw + 40px);
height: 110%;
height: calc(100vh - 104px + 40px);
margin: -20px;
background-repeat: no-repeat;
background-size: cover;
z-index: 1;
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
filter: blur(5px);
}
.tgme_bg_wrap_pattern1 .tgme_bg_image {
-webkit-filter: blur(8px);
-moz-filter: blur(8px);
-o-filter: blur(8px);
-ms-filter: blur(8px);
filter: blur(8px);
}
.tgme_bg_wrap_full .tgme_bg_image {
-webkit-filter: none;
-moz-filter: none;
-o-filter: none;
-ms-filter: none;
filter: none;
}
.tgme_bg {
position: relative;
z-index: 2;
}
.tgme_bg_popup_wrap {
background: #fff;
border-radius: 10px;
flex: 1 0 auto;
padding: 40px 40px 30px;
margin: 0 40px;
max-width: 390px;
text-align: center;
}
.tgme_bg_title {
font-size: 18px;
font-weight: bold;
margin: 0 0 10px;
}
.tgme_bg_size {
color: #64686B;
font-size: 14px;
margin: 10px 0 17px;
}
#tgme_frame_cont {
position: absolute;
left: -10000px;
top: -10000px;
}
/* New mobile blog */
.tlb_page_wrap {
font-family: 'Roboto', sans-serif;
}
.tlb_page_wrap a,
.tlb_page_wrap a:hover,
.tlb_page_wrap a:active {
color: #1497d9;
}
.tlb_page_head {
background: #FFF;
height: 47px;
padding: 12px 12px;
}
.tlb_blog_logo {
display: inline-block;
background: url(/img/blog/BlogLogo1x.png?1) 0 0 no-repeat;
width: 146px;
height: 20px;
background-size: 146px 20px;
line-height: 0;
margin-top: 2px;
}
.tlb_head_home {
float: right;
display: inline-block;
line-height: 24px;
height: 24px;
vertical-align: top;
font-size: 14px;
}
a.tlb_blog_head_more_link {
display: block;
font-size: 15px;
color: #FFF;
background: #3faee8;
padding: 0 15px 0 15px;
height: 42px;
line-height: 42px;
}
a.tlb_blog_head_more_link:hover,
a.tlb_blog_head_more_link:active {
color: #FFF;
background: #3faee8;
text-decoration: none;
}
a.tlb_blog_head_more_link .tlb_head_more_active,
.tlb_blog_head_recent_active a.tlb_blog_head_more_link .tlb_head_more_inactive,
.tlb_head_more_entries {
display: none;
}
.tlb_blog_head_recent_active a.tlb_blog_head_more_link .tlb_head_more_active,
.tlb_blog_head_recent_active .tlb_head_more_entries {
display: block;
}
.tlb_head_more_icon_wrap {
float: right;
vertical-align: top;
margin-top: 15px;
line-height: 0;
}
.lang_rtl .tlb_head_more_icon_wrap {
float: left;
}
.tlb_head_more_icon {
display: inline-block;
border: 2px solid #FFF;
border-left: 0;
border-bottom: 0;
width: 10px;
height: 10px;
-moz-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
-o-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
/*-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
-ms-transition: all linear 0.2s;
-o-transition: all linear 0.2s;
transition: all linear 0.2s;*/
}
.tlb_blog_head_recent_active .tlb_head_more_icon_wrap {
margin-top: 18px;
}
.tlb_blog_head_recent_active .tlb_head_more_icon {
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.tlb_page_wrap .side_blog_wrap {
margin: 22px 0 0 16px;
padding: 0 10px 0 0;
font-size: 13px;
}
.tlb_page_wrap .side_blog_wrap:before {
width: 4px;
background: #3faee8;
border-radius: 4px;
margin: 0 15px 0 0;
}
.lang_rtl .tlb_page_wrap .side_blog_wrap:before {
margin: 0 0 0 15px;
}
.tlb_page_wrap .side_blog_header {
font-size: 15px;
font-weight: bold;
}
.tlb_page_wrap .side_blog_entry {
margin-top: 12px;
}
.tlb_page_wrap .side_blog_date {
color: #444;
font-size: 14px;
}
.tlb_page_wrap .side_blog_title {
margin-top: 2px;
font-size: 15px;
}
.tlb_page_wrap #dev_page_title a,
.tlb_page_wrap #dev_page_title a:hover,
.tlb_page_wrap #dev_page_title a:active {
color: #444;
}
.tlb_page_wrap .tl_contest_page_wrap #dev_page_title {
text-align: center;
max-width: 250px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}
.tlb_page_wrap .tl_contest_page_wrap #dev_page_title,
.tlb_page_wrap .tl_contest_page_wrap h4 {
color: #444;
font-size: 18px;
line-height: 25px;
}
.tlb_page_wrap .tl_contest_page_wrap #dev_page_content,
.tlb_page_wrap .tl_contest_page_wrap #dev_page_content p {
color: #333333;
font-size: 15px;
}
.tlb_page_wrap .tl_contest_page_wrap #dev_page_content p {
margin-bottom: 15px;
}
.tlb_page_wrap .tl_contest_page_wrap #dev_page_content blockquote p:last-child {
margin-bottom: 0;
}
.tlb_page_wrap a.tl_twitter_share_btn {
background: #3faee8;
color: #FFF;
font-size: 14px;
line-height: 18px;
border-radius: 17px;
padding-top: 8px;
}
.tlb_page_wrap span.tl_twitter_share_cnt {
color: #c2eaff;
}
.tlb_page_wrap a.tl_twitter_share_btn:hover,
.tlb_page_wrap a.tl_twitter_share_btn:active {
color: #c2eaff;
}
.tl_telegram_share_btn {
display: inline-block;
border-radius: 16px;
background-color: #54a9eb;
cursor: pointer;
line-height: 22px;
margin-right: 10px;
padding: 5px 17px 5px 11px;
color: #FFF;
font-weight: bold;
}
.tl_telegram_share_btn:hover,
.tl_telegram_share_btn:active,
.tl_telegram_share_btn:focus {
text-decoration: none;
color: #FFF;
outline: none;
}
.lang_rtl .tl_telegram_share_btn {
margin-right: 0;
margin-left: 10px;
}
i.tl_telegram_share_icon {
display: inline-block;
width: 20px;
height: 20px;
background: url('data:image/svg+xml,%3Csvg height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m1.77404283 9.58769086c4.67714245-1.99564845 7.79596997-3.31130205 9.35648257-3.9469608 4.4555806-1.81493491 5.381412-2.13020854 5.984856-2.14061906.1327219-.0022897.4294781.02992311.6217044.18267827.162312.12898346.2069705.30322179.2283411.42551228.0213705.12229049.047982.40087134.0268279.61854631-.2414495 2.48450744-1.2861975 8.51375174-1.817706 11.29644264-.2249011 1.1774608-.6709749 1.4294697-1.0996928 1.4681058-.9317032.0839651-1.6359598-.4602232-2.5383599-1.0395344-1.412078-.9065075-1.9311138-1.1506648-3.30178003-2.0352487-1.58404193-1.0222898-.71982554-1.5573792.18291533-2.4756292.23625159-.2403103 4.3705401-3.98382431 4.4499945-4.31554914.0099371-.04148774-.12607-.45629906-.2198814-.53795815s-.2322689-.05373486-.3321837-.03152647c-.1416262.03147972-2.397439 1.49167812-6.76743852 4.38059516-.64030496.4305972-1.22027332.6403987-1.73990507.6294043-.5728523-.0121204-1.67479033-.3172064-2.49396798-.5779863-1.00475474-.3198572-1.37564449-.4704946-1.30610794-1.013711.03621894-.2829407.29151946-.57846124.76590154-.88656154z" fill="%23fff" fill-rule="evenodd"/%3E%3C/svg%3E') 0 0 no-repeat;
margin-right: 11px;
vertical-align: top;
}
.lang_rtl i.tl_telegram_share_icon {
margin-right: 0;
margin-left: 11px;
}
.tl_telegram_share_label {
line-height: 21px;
vertical-align: top;
display: inline-block;
/*margin-top: 1px;*/
}
.tlb_page_wrap a.tl_telegram_share_btn {
background: #3faee8;
color: #FFF;
font-size: 14px;
border-radius: 17px;
padding: 6px 12px 5px 6px;
}
.tlb_page_wrap a.tl_telegram_share_btn:hover,
.tlb_page_wrap a.tl_telegram_share_btn:active {
color: #c2eaff;
}
/* Telegram Desktop */
.td_btn_hidden,
.td_all_shown .td_show_all_platforms {
display: none;
}
.td_all_shown span.td_btn_hidden {
display: inline;
}
.td_all_shown div.td_btn_hidden {
display: block;
}
.td_content_wrap {
width: 420px;
margin: 0 auto;
font-size: 16px;
}
.td_content_title {
font-size: 28px;
color: #383a3b;
text-align: center;
margin-top: 32px;
margin-bottom: 14px;
font-weight: normal;
letter-spacing: -1px;
}
.tl_content_title_link,
.tl_content_title_link:hover {
text-decoration: none;
}
.td_screenshot {
background: url(../img/td_laptop.png) 50% 0 no-repeat;
background-size: contain;
padding-top: 58%;
margin-top: 48px;
}
.td_download_wrap,
.td_download_wrap_low {
margin: 0 -130px;
width: 680px;
text-align: center;
}
.td_download_wrap_low {
margin-bottom: 30px;
}
.td_download_icon {
display: inline-block;
vertical-align: top;
width: 25px;
height: 30px;
background: url(../img/td_icons.png) 0 2px no-repeat;
background-size: 25px 105px;
margin: -2px 5px 0 0;
}
.td_osx .td_download_icon {
background-position: 0 -33px;
}
.td_linux .td_download_icon {
background-position: 0 -68px;
}
.td_download_add_wrap {
width: 680px;
margin: 0 -130px 10px;
text-align: center;
}
.td_download_add {
min-width: 256px;
padding: 0 15px 20px;
margin: 5px 10px;
text-align: center;
display: inline-block;
cursor: pointer;
}
.td_download_btn {
display: inline-block;
vertical-align: top;
font-weight: normal;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #fff;
border-color: #357ebd;
padding: 10px 14px;
min-width: 266px;
font-size: 15px;
line-height: 2;
border-radius: 30px;
background-color: #1d98dc;
margin: 5px 10px;
}
.td_download_btn_wrap {
display: inline-block;
vertical-align: top;
}
.td_download_btn_wrap .td_download_btn,
.td_download_btn_wrap .td_download_add {
display: block;
}
.td_download_btn_wrap .td_download_add {
margin-top: 10px;
}
.td_download_divider {
font-size: 9px;
color: #777;
margin: 0 4px;
vertical-align: text-bottom;
}
.td_download_btn:hover {
outline: 0px;
text-decoration: none;
color: #fff;
background-color: #0e8ed4;
}
.td_download_btn:active,
.td_download_btn:focus {
outline: 0px;
text-decoration: none;
color: #fff;
}
.td_about_license {
font-size: 14px;
color: #67696a;
text-align: center;
margin-top: 50px;
margin-bottom: 30px;
line-height: 170%;
}
#td_versions {
opacity: 1;
-webkit-transition: opacity 200ms linear;
-moz-transition: opacity 200ms linear;
-o-transition: opacity 200ms linear;
transition: opacity 200ms linear;
}
#td_versions.td_hidden {
opacity: 0.1;
}
#td_about_osx {
font-size: 20px;
color: #525252;
padding: 9px 0 5px;
font-weight: normal;
}
#td_about_osx {
position: absolute;
width: 600px;
opacity: 0;
margin-top: -32px;
text-align: center;
-webkit-transition: opacity 200ms linear;
-moz-transition: opacity 200ms linear;
-o-transition: opacity 200ms linear;
transition: opacity 200ms linear;
}
#td_about_osx.td_shown {
opacity: 1;
}
#td_about_tdesktop,
#td_open_from_desktop {
font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Light', Helvetica, Arial , Verdana, sans-serif;
line-height: 148%;
text-align: center;
}
#td_about_tdesktop {
font-size: 17px;
margin: 0 auto;
color: #67696a;
margin: 14px 10px 24px;
font-weight: 300;
}
#td_open_from_desktop {
font-size: 17px;
color: #0088cc;
border: 1px solid #179cde;
border-radius: 10px;
padding: 13px 24px;
margin: 24px 0 40px;
}
.td_changelog_wrap {
padding: 0 15px;
}
.td_changelog_wrap h3 {
margin-top: 20px;
font-size: 16px;
font-weight: normal;
}
.td_changelog_wrap h3 strong {
color: #999;
font-size: 14px;
font-weight: normal;
}
.td_screenshot_macos {
background: url(https://osx.telegram.org/updates/site/artboard.png) 50% 0 no-repeat;
background-size: 420px 280px;
height: 280px;
}
.td_screenshot_tdirect {
background: url(/img/tdirect.jpg?1) 50% 0 no-repeat;
background-size: 300px 360px;
height: 360px;
margin: 40px 20px;
}
.td_content_tdirect_title {
font-size: 26px;
color: #383a3b;
text-align: center;
margin-top: 32px;
margin-bottom: 14px;
font-weight: 600;
letter-spacing: -1px;
}
.td_about_tdirect {
font-size: 14px;
margin: 14px 10px 24px;
line-height: 1.5;
text-align: center;
}
.td_download_btn.td_tdirect {
border-radius: 5px;
font-weight: bold;
margin: 10px;
}
.td_howto_install_wrap {
text-align: center;
margin: 50px 0 40px;
}
.td_about_tdirect_store {
margin-top: 60px;
}
.td_download_store_wrap {
margin: 20px 0 10px;
text-align: center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
.caret {
background-image: url(../img/dropdown.png);
background-size: 18px 26px;
}
.icon-twitter {
background-image: url(../img/twitter_2x.png);
background-size: 21px 17px;
}
.icon-breadcrumb-divider {
background-image: url(../img/breadcrumb_divider.png);
background-size: 5px 10px;
}
.icon-to-top {
background-image: url(../img/back_to_top.png);
background-size: 16px 7px;
}
.tl_main_award {
background-image: url(../img/SiteAward_2x.gif);
background-size: 100px 100px;
}
.icon-arrow-more {
background-image: url(../img/tl_arrow_2x.png);
background-size: 6px 11px;
}
.tl_main_download_desktop {
background-image: url(../img/SiteDesktop_2x.jpg?2);
background-size: 1246px 260px;
}
.tl_main_download_image__android {
background-image: url(../img/SiteAndroid_2x.jpg?2);
background-size: 290px 270px;
}
.tl_main_download_image__ios {
background-image: url(../img/SiteiOS_2x.jpg?2);
background-size: 442px 270px;
}
.tl_main_download_link_tdesktop {
background-image: url(../img/SiteTDesktop_2x.jpg?1);
background-size: 320px 157px;
}
#dev_page_content > ul:not(.nav) li,
#dev_page_content > ol:not(.nav) ul:not(.nav) li {
background-image: url(../img/bullet_2x.png?3);
background-size: 7px 7px;
}
.tgme_icon_arrow {
background-image: url(/img/tgme/Arrow_2x.png);
}
.tgme_page_widget_actions a.tgme_action_web_button:before {
background-image: url(/img/tgme/web_icon_2x.png);
background-size: 24px 24px;
}
.tgme_page_copy_action a.tgme_action_button_new:before {
background-image: url(/img/tgme/embed_copy_2x.png);
background-size: 24px 24px;
}
.tlb_blog_logo {
background-image: url(/img/blog/BlogLogo2x.png?1);
background-size: 146px 20px;
}
.radio-item input.radio + .radio-label:before,
.checkbox-item input.checkbox + .checkbox-label:before,
.form-control-dropdown-button:before {
background-image: url(/img/rc_icons_2x.png?1);
background-size: 20px 152px;
}
.form-control-dropdown.has-items:before {
background-image: url(/img/rc_icons_2x.png?1);
background-size: 20px 152px;
}
.td_screenshot_macos {
background-image: url(https://osx.telegram.org/updates/site/artboard_2x.png);
background-size: 420px 280px;
height: 280px;
}
.td_screenshot_tdirect {
background-image: url(/img/tdirect_2x.jpg?1);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 2.5), only screen and (min-device-pixel-ratio: 2.5) {
.tlb_blog_logo {
background-image: url(/img/blog/BlogLogo3x.png);
background-size: 146px 20px;
}
}
@media (max-width: 1200px) {
.dev_side_nav_wrap {
display: none;
}
}
/* Mobile */
@media (max-width: 1000px) {
a.anchor {
margin-left: -19px;
}
.footer_wrap {
padding: 16px 0 16px;
padding-bottom: calc(max(16px, env(safe-area-inset-bottom)));
}
.footer_desktop {
display: none;
}
.footer_mobile {
display: flex;
justify-content: center;
}
.footer_columns_wrap {
text-align: center;
}
.footer_column {
margin: 0 6px;
}
.footer_column h5 {
color: #08c;
font-size: 12px;
font-weight: normal;
text-transform: uppercase;
margin: 0;
}
.blog_side_image_wrap {
position: static;
}
.blog_side_image {
display: block;
margin: 20px auto;
width: 160px;
height: 160px;
position: static;
}
.blog_side_image.js-tgsticker_image {
position: relative;
}
.tl_blog_side_blog {
display: none;
}
.tl_blog_bottom_blog {
display: block;
}
.tl_main_side_blog .side_blog_wrap {
position: static;
margin: 22px 0 0 16px;
padding: 0 10px 0 15px;
border-width: 4px;
border-color: #3faee8;
}
.side_blog_wrap {
width: auto;
}
.tl_main_side_blog .side_blog_header {
font-size: 14px;
}
.tl_main_side_blog a.side_blog_entry {
margin-top: 12px;
}
.tl_main_side_blog .side_blog_date {
color: #444;
font-size: 13px;
}
.tl_main_side_blog .side_blog_title {
font-size: 14px;
margin-top: 2px;
}
}
@media (max-width: 640px) {
a:hover {
text-decoration: none;
}
h1 {
font-size: 19px;
}
h2 {
font-size: 19px;
}
h3 {
font-size: 16px;
}
h4 {
font-size: 16px;
}
h5 {
font-size: 14px;
}
.dropdown-menu {
min-width: 210px;
}
.dropdown-menu > li > a {
white-space: normal;
}
.tl_main_body {
margin-top: 25px;
padding-top: 5px;
}
.tl_main_body_header {
font-size: 20px;
}
.tl_main_download_mobile {
padding: 0 20px;
}
.tl_main_download_link {
width: auto;
min-width: 0;
display: block;
margin-top: 20px;
margin-bottom: 30px;
}
a.tl_main_download_link:after {
display: none;
}
.tl_main_download_link_ios/*,
.tl_main_download_link_tdesktop*/ {
padding-top: 210px;
height: 245px;
padding-bottom: 15px;
}
.tl_main_download_image__ios {
margin: -123px 0 0 -121px;
background-size: 360px 220px;
width: 248px;
height: 198px;
}
.tl_main_video_player__ios {
margin: -124px 0 0 -121px;
width: 248px;
height: 198px;
}
.tl_main_download_link_tdesktop {
display: block;
padding-top: 156px;
height: 188px;
}
.tl_main_download_desktop_section,
.tl_main_download_desktop_wrap1 {
display: none;
}
.tl_main_download_more_btn {
display: inline-block;
}
.dev_page_bread_crumbs .breadcrumb {
margin-bottom: 15px;
}
#dev_page_content_wrap {
padding-top: 12px;
}
#dev_page_title {
margin-top: 10px;
margin-bottom: 21px;
}
.nav-pills > li > a {
padding: 8px 10px;
}
.dev_page_nav_wrap {
margin-top: 25px;
}
.dev_page_nav_wrap > p {
margin-bottom: 3.5px;
}
.dev_page_nav_wrap > p > a:first-child {
font-size: 15px;
}
#dev_page_content .dev_page_nav_wrap ul li {
padding: 3px 0 4px;
}
#dev_page_content .dev_page_nav_wrap ul li a:first-child {
font-size: 14px;
display: inline-block;
line-height: 22px;
padding: 2px 6px 1px;
margin-left: -6px;
}
#dev_page_content .dev_page_nav_wrap ul li a:first-child:hover {
border-radius: 2px;
background: #e6f1f7;
}
#dev_page_content .dev_page_nav_wrap hr {
display: none;
}
.dev_faq_page h4 {
font-size: 15px;
line-height: 140%;
margin-top: 26px;
margin-bottom: 5px;
}
.dev_page_image,
.tl_contest_page_wrap .dev_page_image {
max-width: 100%;
max-height: 400px;
margin: 0 auto;
}
.dev_page_image img,
.tl_contest_page_wrap .dev_page_image img {
max-width: 100%;
max-height: 400px;
}
.tl_main_download_link:hover,
.tl_main_download_desktop_link:hover {
box-shadow: none;
}
.dev_side_image {
width: auto;
max-width: none;
float: none;
text-align: center;
padding: 0;
}
.dev_side_image img {
display: block;
margin: 20px auto;
width: 180px;
}
.tl_team_member_photo_wrap {
margin-bottom: 10px;
}
.tl_team_member_photo {
width: 60px;
height: 60px;
background-size: 60px 905px;
}
.tl_team_member_pavel .tl_team_member_photo {
background-position: 0 0;
}
.tl_team_member_nikolay .tl_team_member_photo {
background-position: 0 -65px;
}
.tl_team_member_aliaksei .tl_team_member_photo {
background-position: 0 -130px;
}
.tl_team_member_vitalik .tl_team_member_photo {
background-position: 0 -195px;
}
.tl_team_member_arseny .tl_team_member_photo {
background-position: 0 -260px;
}
.tl_team_member_igor .tl_team_member_photo {
background-position: 0 -325px;
}
.tl_team_member_drklo .tl_team_member_photo {
background-position: 0 -390px;
}
.tl_team_member_peter .tl_team_member_photo {
background-position: 0 -455px;
}
.tl_team_member_john .tl_team_member_photo {
background-position: 0 -520px;
}
.tl_team_member_kolar .tl_team_member_photo {
background-position: 0 -585px;
}
.tl_team_member_ilya .tl_team_member_photo {
background-position: 0 -650px;
}
.tl_team_member_igor1 .tl_team_member_photo {
background-position: 0 -845px;
}
.tl_team_member_mike .tl_team_member_photo {
background-position: 0 -780px;
}
.tl_team_member_grisha .tl_team_member_photo {
background-position: 0 -715px;
}
.tl_team_member_name {
margin-top: 20px;
margin-left: 80px;
margin-bottom: 40px;
}
.tl_team_member_body {
margin-left: 0;
}
}
@media (max-width: 480px) {
.navbar-tg .container {
padding: 0;
}
h3 a.anchor i.anchor-icon {margin-top: 1px;}
a.anchor {
margin-left: -16px;
}
.tl_main_award {
display: none;
}
.tl_main_logo_wrap {
padding-top: 10px;
padding-bottom: 2px;
}
svg.tl_main_logo,
image.tl_main_logo,
img.tl_main_logo {
width: 85px !important;
height: 85px !important;
}
div.tl_main_logo {
width: 100px !important;
height: 100px !important;
margin: -5px auto;
}
.tl_main_logo_title,
.tl_main_logo_title:hover {
font-size: 23px;
margin-top: 15px;
margin-bottom: 5px;
letter-spacing: -1px;
}
.tl_main_logo_lead {
font-size: 16px;
max-width: 224px;
}
.tl_main_head_download {
margin-bottom: 10px;
}
.tl_main_download_btn {
max-width: 200px;
width: auto;
padding: 6px 9px;
line-height: 20px;
font-size: 13px;
margin: 5px 10px;
}
.tl_main_cards {
margin-top: 10px;
}
.tl_main_card_header {
margin: 10px 0 6px;
font-size: 21px;
font-weight: normal;
letter-spacing: -1px;
}
.tl_main_card_lead {
font-size: 15px;
}
.smartphone_video_player_wrap {
/*display: none;*/
}
.td_content_wrap {
width: auto;
font-size: 14px;
margin: 0 20px;
}
.td_screenshot {
margin-top: 26px;
}
.td_content_title {
font-size: 22px;
margin-top: 21px;
margin-bottom: 10px;
}
.td_download_wrap,
.td_download_wrap_low {
margin: 0 auto;
width: 320px;
}
.td_download_wrap_low {
margin-bottom: 30px;
}
.td_download_add_wrap {
width: 280px;
margin: 0 auto 10px;
}
#td_about_osx {
width: 320px;
font-size: 16px;
}
.td_about_osx_team {
display: none;
}
.td_about_license {
font-size: 12px;
}
#td_about_tdesktop {
font-size: 16px;
margin: 10px 15px 24px;
}
.td_screenshot_tdirect {
background-size: 225px 270px;
height: 270px;
margin: 40px 20px 20px;
}
.td_content_tdirect_title {
font-size: 20px;
margin-top: 21px;
margin-bottom: 10px;
letter-spacing: 0;
}
/* Telegram.me */
.tgme_page_photo_image {
width: 110px;
height: 110px;
border-radius: 55px;
}
.tgme_page {
margin-top: 0;
}
.tgme_page_additional {
display: block;
}
.tgme_footer {
display: none;
}
.blog_2images_wrap,
.blog_3images_wrap,
.blog_medium_image_wrap,
.blog_medium_image_wrap img,
.blog_image_wrap,
.blog_image_wrap img {
width: auto;
max-width: 275px;
}
.blog_2images_wrap,
.blog_3images_wrap {
margin: 20px auto 20px;
}
.blog_2images_wrap .blog_image_wrap,
.blog_3images_wrap .blog_image_wrap {
float: none;
margin: 20px 0 20px;
}
}
@media (max-width: 340px) {
.tl_main_download_image__android {
margin: -109px 0 0 -101px;
background-size: 196px 183px;
width: 205px;
height: 162px;
}
.tl_main_download_image__ios {
margin: -103px 0 0 -101px;
background-size: 300px 183px;
width: 206px;
height: 165px;
}
.tl_main_video_player__android {
margin: -109px 0 0 -101px;
width: 205px;
height: 162px;
}
.tl_main_video_player__ios {
/*margin: -103px 0 0 -101px;*/
margin: -104px 0 0 -101px;
width: 206px;
height: 165px;
}
}
@media (max-width: 320px) {
#td_about_tdesktop {
font-size: 14px;
}
#td_open_from_desktop {
font-size: 15px;
padding: 13px 18px;
}
}
.tl_contest_page_wrap + .pager_wrap {
max-width: 600px;
margin: 0 auto;
}