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/td_laptop.png?2) 50% 19px no-repeat;
    background-size: auto 230px;
    /*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: 100%;
    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: 220px;
    width: 100%;
    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;
    object-fit: cover;
    border-radius: 10px;
}

.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%;
    overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

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;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;

}

.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 {
    width: auto;
    height: 20px;
}

#dev_page_content 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,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='%230088cc'><path d='M8 0.4C12.2 0.4 15.6 3.8 15.6 8 15.6 12.2 12.2 15.6 8 15.6 3.8 15.6 0.4 12.2 0.4 8 0.4 3.8 3.8 0.4 8 0.4ZM9.63 11.1L6.37 11.1C6.73 13.07 7.4 14.4 8 14.4 8.6 14.4 9.27 13.07 9.63 11.1ZM5.14 11.1L2.4 11.1C3.19 12.52 4.51 13.61 6.09 14.11 5.71 13.41 5.41 12.5 5.21 11.45L5.14 11.1ZM13.6 11.1L10.86 11.1C10.65 12.3 10.33 13.33 9.92 14.11 11.4 13.64 12.66 12.65 13.46 11.35L13.6 11.1ZM4.99 6.1L1.89 6.1C1.7 6.7 1.6 7.34 1.6 8 1.6 8.66 1.7 9.3 1.89 9.9L4.99 9.9C4.94 9.44 4.92 8.97 4.91 8.49L4.9 8 4.9 7.71C4.91 7.16 4.94 6.62 4.99 6.1ZM9.8 6.1L6.2 6.1C6.14 6.7 6.1 7.34 6.1 8 6.1 8.66 6.14 9.3 6.2 9.9L9.8 9.9C9.86 9.3 9.9 8.66 9.9 8 9.9 7.34 9.86 6.7 9.8 6.1ZM14.11 6.1L11.01 6.1C11.07 6.71 11.1 7.34 11.1 8 11.1 8.66 11.07 9.29 11.01 9.9L14.11 9.9C14.3 9.3 14.4 8.66 14.4 8 14.4 7.34 14.3 6.7 14.11 6.1ZM6.08 1.89L6.02 1.91C4.47 2.42 3.18 3.5 2.4 4.9L5.14 4.9C5.33 3.82 5.6 2.87 5.96 2.13L6.08 1.89ZM8 1.6L7.93 1.61C7.35 1.71 6.72 3.01 6.37 4.9L9.63 4.9C9.28 3.01 8.66 1.71 8.08 1.61L8 1.6ZM9.91 1.89L9.97 2C10.36 2.76 10.66 3.76 10.86 4.9L13.6 4.9C12.86 3.56 11.65 2.52 10.19 1.98L9.91 1.89Z'/></svg>") 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,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='%23fff'><path d='M8 0.4C12.2 0.4 15.6 3.8 15.6 8 15.6 12.2 12.2 15.6 8 15.6 3.8 15.6 0.4 12.2 0.4 8 0.4 3.8 3.8 0.4 8 0.4ZM9.63 11.1L6.37 11.1C6.73 13.07 7.4 14.4 8 14.4 8.6 14.4 9.27 13.07 9.63 11.1ZM5.14 11.1L2.4 11.1C3.19 12.52 4.51 13.61 6.09 14.11 5.71 13.41 5.41 12.5 5.21 11.45L5.14 11.1ZM13.6 11.1L10.86 11.1C10.65 12.3 10.33 13.33 9.92 14.11 11.4 13.64 12.66 12.65 13.46 11.35L13.6 11.1ZM4.99 6.1L1.89 6.1C1.7 6.7 1.6 7.34 1.6 8 1.6 8.66 1.7 9.3 1.89 9.9L4.99 9.9C4.94 9.44 4.92 8.97 4.91 8.49L4.9 8 4.9 7.71C4.91 7.16 4.94 6.62 4.99 6.1ZM9.8 6.1L6.2 6.1C6.14 6.7 6.1 7.34 6.1 8 6.1 8.66 6.14 9.3 6.2 9.9L9.8 9.9C9.86 9.3 9.9 8.66 9.9 8 9.9 7.34 9.86 6.7 9.8 6.1ZM14.11 6.1L11.01 6.1C11.07 6.71 11.1 7.34 11.1 8 11.1 8.66 11.07 9.29 11.01 9.9L14.11 9.9C14.3 9.3 14.4 8.66 14.4 8 14.4 7.34 14.3 6.7 14.11 6.1ZM6.08 1.89L6.02 1.91C4.47 2.42 3.18 3.5 2.4 4.9L5.14 4.9C5.33 3.82 5.6 2.87 5.96 2.13L6.08 1.89ZM8 1.6L7.93 1.61C7.35 1.71 6.72 3.01 6.37 4.9L9.63 4.9C9.28 3.01 8.66 1.71 8.08 1.61L8 1.6ZM9.91 1.89L9.97 2C10.36 2.76 10.66 3.76 10.86 4.9L13.6 4.9C12.86 3.56 11.65 2.52 10.19 1.98L9.91 1.89Z'/></svg>") 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 {
    display: none;
}

.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?1');
}

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?1');
}

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: none;
    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: none;
    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: none;
    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 .tl_page_container {
    margin-top: 0;
}

.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 {
    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-image: url(../img/td_laptop.png?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;
}