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%20fill%3D%22none%22%20height%3D%2226%22%20viewBox%3D%220%200%2026%2026%22%20width%3D%2226%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m6%206h12v12h-12z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20clip-rule%3D%22evenodd%22%20d%3D%22m14.38%201.51%201.82%201.82c.37.37.86.57%201.38.57h2.57c1.01%200%201.85.77%201.94%201.76l.01.19v2.57c0%20.52.21%201.01.57%201.38l1.82%201.82c.71.71.76%201.84.13%202.61l-.13.15-1.82%201.82c-.37.37-.57.86-.57%201.38v2.57c0%201.01-.77%201.85-1.76%201.94l-.19.01h-2.57c-.52%200-1.01.21-1.38.57l-1.82%201.82c-.71.71-1.84.76-2.61.13l-.15-.13-1.82-1.82c-.37-.37-.86-.57-1.38-.57h-2.57c-1.01%200-1.85-.77-1.94-1.76l-.01-.19v-2.57c0-.52-.21-1.01-.57-1.38l-1.82-1.82c-.71-.71-.76-1.84-.13-2.61l.13-.15%201.82-1.82c.37-.37.57-.86.57-1.38v-2.57c0-1.08.87-1.95%201.95-1.95h2.57c.52%200%201.01-.21%201.38-.57l1.82-1.82c.76-.76%202-.76%202.76%200zm3.2%208.05c-.43-.34-1.03-.31-1.42.06l-.1.11-4.45%205.56-1.75-1.75-.11-.1c-.42-.32-1.03-.29-1.42.1s-.42.99-.1%201.42l.1.11%202.6%202.6.11.1c.42.32%201.02.29%201.4-.08l.1-.11%205.2-6.5.08-.12c.27-.46.17-1.05-.25-1.4z%22%20fill%3D%22%231c93e3%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%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;
}
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);
}
.app-icon-weba {
background-image: url(/img/app_icon_weba.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 img.icon {
vertical-align: top;
width: auto;
height: 20px;
}
#dev_page_content img.emoji {
width: 1.285em !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
vertical-align: text-bottom;
}
#dev_page_content img.icon,
#dev_page_content img.emoji {
-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,