body { font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif; /*-webkit-font-smoothing: antialiased;*/ } html.native_fonts body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } html.lang_rtl { direction: rtl; } body, html.theme_dark body.bg_light { --text-color: #000; --second-text-color: #7d7f81; --accent-btn-color: #2481cc; --accent-color-hover: #1a8ad5; --body-bg: #fff; --box-bg: #fff; --box-bg-blured: rgba(255, 255, 255, .84); --tme-logo-color: #363b40; --accent-link-color: #2481cc; --icon-verified: url('data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20height%3D%2226%22%20viewBox%3D%220%200%2026%2026%22%20width%3D%2226%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m6%206h12v12h-12z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20clip-rule%3D%22evenodd%22%20d%3D%22m14.38%201.51%201.82%201.82c.37.37.86.57%201.38.57h2.57c1.01%200%201.85.77%201.94%201.76l.01.19v2.57c0%20.52.21%201.01.57%201.38l1.82%201.82c.71.71.76%201.84.13%202.61l-.13.15-1.82%201.82c-.37.37-.57.86-.57%201.38v2.57c0%201.01-.77%201.85-1.76%201.94l-.19.01h-2.57c-.52%200-1.01.21-1.38.57l-1.82%201.82c-.71.71-1.84.76-2.61.13l-.15-.13-1.82-1.82c-.37-.37-.86-.57-1.38-.57h-2.57c-1.01%200-1.85-.77-1.94-1.76l-.01-.19v-2.57c0-.52-.21-1.01-.57-1.38l-1.82-1.82c-.71-.71-.76-1.84-.13-2.61l.13-.15%201.82-1.82c.37-.37.57-.86.57-1.38v-2.57c0-1.08.87-1.95%201.95-1.95h2.57c.52%200%201.01-.21%201.38-.57l1.82-1.82c.76-.76%202-.76%202.76%200zm3.2%208.05c-.43-.34-1.03-.31-1.42.06l-.1.11-4.45%205.56-1.75-1.75-.11-.1c-.42-.32-1.03-.29-1.42.1s-.42.99-.1%201.42l.1.11%202.6%202.6.11.1c.42.32%201.02.29%201.4-.08l.1-.11%205.2-6.5.08-.12c.27-.46.17-1.05-.25-1.4z%22%20fill%3D%22%231c93e3%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E'); } html.theme_dark body, html body.bg_dark { --text-color: #fff; --accent-btn-color: #1c93e3; --body-bg: #000; --box-bg: #1e1e1e; --box-bg-blured: rgba(34, 34, 34, .84); --tme-logo-color: #fff; --accent-link-color: #3ca1eb; } body { background: var(--body-bg); } .no_transition, .no_transition * { transition: none !important; } a, a:hover { color: #0088cc; } a:focus { text-decoration: none; } a:hover { text-decoration: underline; } .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .row { margin-left: -15px; margin-right: -15px; } .container:before { content: " "; display: table; } .container:after { content: " "; display: table; clear: both; } @media (min-width: 1px) { .lang_rtl .navbar-nav, .lang_rtl .navbar-nav > li { float: right; } .lang_rtl .navbar-right { float: left !important; } } .tl_page_head, .dev_page_head { position: fixed; top: 0; left: 0; right: 0; background: #fff; margin-bottom: 0; } @supports(-webkit-backdrop-filter: blur(0px)) { .tl_page_head, .dev_page_head { background: rgba(255, 255, 255, .84); -webkit-backdrop-filter: blur(25px); } } @supports(backdrop-filter: blur(0px)) { .tl_page_head, .dev_page_head { background: rgba(255, 255, 255, .84); backdrop-filter: blur(25px); } } .navbar-tg .navbar-inner { box-shadow: none; -webkit-box-shadow: none; border-bottom: 1px solid #e8e8e8; } .navbar-tg .nav a { color: #0088cc; } .navbar-tg .nav a:hover, .navbar-tg .nav .active a { color: #0088cc; } .navbar-tg .nav > .active > a, .navbar-tg .nav > .open > a, .navbar-tg .nav > li > a:hover { position: relative; } .navbar-tg .nav > li > a:after { display: block; height: 3px; background: #179cde; position: absolute; border-radius: 2px 2px 0 0; content: ""; left: 4px; right: 4px; opacity: 0; bottom: -1px; -webkit-transition: opacity .2s ease-in-out, transform .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, transform .2s ease-in-out; -ms-transition: opacity .2s ease-in-out, transform .2s ease-in-out; transform-origin: bottom; transform: scaleX(0.3) scaleY(0); } .navbar-tg .nav > .active > a:after, .navbar-tg .nav > .open > a:after, .navbar-tg .nav > li > a:hover:after { opacity: 1; transform: scaleX(1.0) scaleY(1.0); } .navbar-tg .nav > li > a, .navbar-tg .nav > li > a:hover, .navbar-tg .nav > li > a:focus { background-color: transparent; } .nav { color: #a2a2a2; font-size: 15px; padding-left: 0; padding-right: 0; } .caret { display: inline-block; background: url(../img/dropdown_1x.png) -2px -5px no-repeat; border: 0; width: 14px; height: 6px; margin-left: 2px; vertical-align: middle; } .nav-pills > li > a { font-size: 15px; padding: 8px 17px; border-radius: 0; } .nav > li > a:hover, .nav > li > a:focus { background-color: #f0f6fa; text-decoration: none; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus, .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { box-shadow: none; background-color: #1e98d4; color: #FFF; border: 0; } .nav .open > a .caret, .nav .open > a:hover .caret, .nav .open > a:focus .caret { background-position: -2px -15px; } .dropdown-menu { min-width: 177px; padding: 0; margin: 7px 0 0 0; list-style: none; font-size: 13px; text-align: left; background-color: #fff; border-radius: 0; border: 1px solid rgba(29,92,123,0.3); box-shadow: 0 1px 1px rgba(20,60,83,0.1); -webkit-box-shadow: 0 1px 1px rgba(20,60,83,0.1); } .dropdown-menu > li > a { padding: 8px 18px; margin: 0 -1px; color: #08c; } .dropdown-menu > li > a:first-child { margin-top: -1px; padding-top: 9px; } .dropdown-menu > li > a:last-child { margin-bottom: -1px; padding-bottom: 9px; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li.active > a { text-decoration: none; color: #FFF; background-color: #1e98d4; } #dev_page_content > ul:not(.nav), #dev_page_content ul.bulleted, #dev_page_content > ul:not(.nav) ul:not(.nav), #dev_page_content > ol:not(.nav) ul:not(.nav), #dev_page_content ul.bulleted ul.bulleted { list-style-type: none; padding-left: 10px; } .is_rtl #dev_page_content > ul:not(.nav), .is_rtl #dev_page_content ul.bulleted, .is_rtl #dev_page_content > ul:not(.nav) ul:not(.nav), .is_rtl #dev_page_content > ol:not(.nav) ul:not(.nav), .is_rtl #dev_page_content ul.bulleted ul.bulleted { padding-right: 10px; padding-left: 0; } #dev_page_content > ol { padding-left: 25px; } #dev_page_content > ol > li { padding-left: 5px; } #dev_page_content > ul:not(.nav) li, #dev_page_content > ol:not(.nav) ul:not(.nav) li, #dev_page_content ul.bulleted li { background-image: url(../img/bullet.png?3); background-repeat: no-repeat; background-position: 0px 8px; padding-left: 20px; } .is_rtl #dev_page_content > ul:not(.nav) li, .is_rtl #dev_page_content > ol:not(.nav) ul:not(.nav) li, .is_rtl #dev_page_content ul.bulleted li { background-position: 100% 8px; padding-left: 0; padding-right: 20px; } .breadcrumb > li { text-shadow: none; } .breadcrumb > li > .divider { color: #c1d3e4; } pre, code { border: 0; } pre { font-size: 13px; color: #546172; background: #ecf3f8; border-radius: 0; } code { background: #feeae4; color: #c61717; padding: 3px 5px; border-radius: 0; } blockquote { border-left-color: #179cde; } blockquote p { font-size: 14px; font-weight: normal; line-height: 20px; margin-bottom: 10px; } ul ul, ol ul, ul ol, ol ol { margin-bottom: 8.5px; } .table td, .table th { border-top-color: #eee; } h1, h2, h3, h4, h5, h6 { font-weight: bold; margin: 20px 0 10px 0; position: relative; } h1 { font-size: 20px; margin-top: 32px; margin-bottom: 12px; } h2 { font-size: 20px; margin-top: 32px; margin-bottom: 12px; } h3 { font-size: 20px; margin-top: 32px; margin-bottom: 10px; } h4 { font-size: 16px; margin-top: 29px; margin-bottom: 7px; } h5 { font-size: 16px; margin-top: 29px; margin-bottom: 7px; } mark { padding: .2em .4em; } a.btn, button.btn { border-radius: 0; } .form-control { border-radius: 0; box-shadow: none; } a.anchor { text-decoration: none; line-height: 1; margin-left: -22px; cursor: default; display: block; position: absolute; top: 0; left: 0; bottom: 0; border-top: 60px solid transparent; margin-top: -60px; -webkit-background-clip:padding-box; -moz-background-clip:padding; background-clip:padding-box; outline: 0; } .is_rtl a.anchor { margin-right: -22px; margin-left: 0; } a.anchor i.anchor-icon { display: inline-block; width: 18px; height: 20px; margin-top: 2px; line-height: 14px; vertical-align: text-top; background: url(../img/link-icon.png) 0 0 no-repeat; background-size: 17px 18px; opacity: 0; cursor: pointer; padding: 0; position: relative; z-index: 10; -webkit-transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -ms-transition: opacity .15s ease-in-out; -o-transition: opacity .15s ease-in-out; transition: opacity .15s ease-in-out; } h1 a.anchor i.anchor-icon {margin-top: 2px;} h2 a.anchor i.anchor-icon {margin-top: 2px;} h3 a.anchor i.anchor-icon {margin-top: 2px;} h4 a.anchor i.anchor-icon {margin-top: 0px;} h1:hover a.anchor i.anchor-icon, h2:hover a.anchor i.anchor-icon, h3:hover a.anchor i.anchor-icon, h4:hover a.anchor i.anchor-icon, h5:hover a.anchor i.anchor-icon, h6:hover a.anchor i.anchor-icon { opacity: 0.6; } i.anchor-icon:hover { opacity: 1 !important; } .breadcrumb { background-color: #ecf3fa; } .breadcrumb { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .breadcrumb li { display: inline-block; float: none; white-space: nowrap; text-overflow: ellipsis; } .breadcrumb > li + li:before { padding: 0; content: ""; } .icon-breadcrumb-divider { display: inline-block; background: url(../img/breadcrumb_divider_1x.png) 0 50% no-repeat; width: 5px; height: 18px; line-height: 18px; margin: 0 8px; vertical-align: top; } .slightly-pull-right { float: right; } .slightly-pull-left { float: left; } .back_to_top_wrap { display: block; pointer-events: none; cursor: default; position: fixed; left: 0; top: 50px; bottom: 0; outline: none; box-shadow: none; opacity: 0; /*display: none;*/ transition: opacity ease-in-out 0.2s; -webkit-transition: opacity ease-in-out 0.2s; direction: ltr; } .back_to_top_wrap.is_rtl { left: auto; right: 0; direction: rtl; } .back_to_top_wrap.back_to_top_shown { cursor: pointer; pointer-events: all; /*display: block;*/ opacity: 1; } .back_to_top_wrap:hover { text-decoration: none; } .back_to_top { font-size: 15px; width: 120px; text-align: center; padding: 18px 15px 18px 7px; transition: background ease-in-out 0.2s; -webkit-transition: background ease-in-out 0.2s; } .back_to_top_wrap:hover .back_to_top { background: #ecf3f8; background: rgba(174, 198, 215, 0.2); } .icon-to-top { display: inline-block; background: url(../img/back_to_top_1x.png) 0 50% no-repeat; width: 16px; height: 7px; margin-right: 12px; margin-top: 7px; vertical-align: text-top; } .back_to_top_wrap.is_rtl .icon-to-top { margin-left: 12px; margin-right: 0; } .navbar-tg .navbar-twitter a { padding-top: 14.5px; padding-bottom: 14.5px; } .tl_page_container, .dev_page { margin-top: 50px; } .tl_main_page_container { padding: 0; } .tl_main_wrap { margin-top: 17px; } .tl_main_wrap h3 { color: #222222; font-size: 23px; font-weight: 500; } .tl_main_award { width: 100px; height: 100px; display: block; background: url(../img/SiteAward.gif) 0 0 no-repeat; margin: 2px; } .tl_main_card_animated { width: 160px; margin: 0 auto; } .tl_main_card_animated div { padding-top: 100%; } .no_access_wrap { color: #999; padding: 100px 40px; text-align: center; font-size: 18px; } .side_blog_wrap { background: #ecf3fa; padding: 15px 20px 20px; font-size: 12px; width: 200px; } .tl_blog_side_blog .side_blog_wrap { width: 180px; } .side_blog_header { display: block; color: #0088cc; font-weight: bold; font-size: 16px; margin-bottom: 15px; } a.side_blog_entry { display: block; margin-top: 10px; } a.side_blog_entry:hover { text-decoration: none; } .side_blog_date { color: #000; font-weight: bold; } .side_blog_title { color: #0088cc; } a.side_blog_entry:hover .side_blog_title { text-decoration: underline; } .side_tour_entry .side_blog_title { font-size: 14px; } .tl_main_bottom_blog, .tl_blog_bottom_blog { display: none; } .tl_main_side_blog { position: relative; } .tl_main_side_blog .side_blog_wrap { position: absolute; margin-top: 20px; right: 137px; } .lang_rtl .tl_main_side_blog .side_blog_wrap { left: 137px; right: auto; } .tl_main_bottom_blog { margin: 0px 15px 20px; } .side_blog_wrap { background: none; padding: 5px 17px 5px 0; margin: 0 0 17px 26px; display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: start; align-items: stretch; align-content: start } .tl_blog_bottom_blog .side_blog_wrap { margin: 0 0 0 10px; } .tl_blog_side_blog { position: relative; } .tl_blog_side_blog .side_blog_wrap { position: absolute; margin-top: 50px; right: -200px; } .lang_rtl .tl_blog_side_blog .side_blog_wrap { left: -200px; right: auto; } .side_blog_wrap:before { content: ' '; display: block; width: 5px; background: #179cde; border-radius: 5px; overflow: hidden; flex: 0 0 auto; margin: 0 17px 0 0; } .lang_rtl .side_blog_wrap:before { margin: 0 0 0 17px; } .tl_main_logo_wrap { max-width: 400px; margin: 0 auto; padding: 20px 0 20px; } a.tl_main_logo { display: block; line-height: 0; text-decoration: none !important; } svg.tl_main_logo, image.tl_main_logo, img.tl_main_logo { display: block; width: 128px; height: 128px; margin: 0 auto; } div.tl_main_logo { display: block; width: 144px; height: 144px; margin: -8px auto; animation: 500ms steps(30) both; background-repeat: no-repeat; background-size: cover; } div.tl_main_logo.play { animation-name: t-logo-play; } @-webkit-keyframes t-logo-play { from { background-position: 0% 0%; } to { background-position: 100% 0%; } } @keyframes t-logo-play { from { background-position: 0% 0%; } to { background-position: 100% 0%; } } .tl_main_logo_title, .tl_main_logo_title:hover { font-size: 34px; color: #222222; text-align: center; margin-top: 18px; margin-bottom: 6px; font-weight: normal; letter-spacing: -2px; } .tl_main_logo_title_image { display: block; width: 144px; height: 36px; margin: 18px auto 6px; } .tl_main_logo_lead { font-size: 20px; line-height: 148%; max-width: 285px; margin: 0 auto; color: #8c8c8c; text-align: center; padding: 1px 0 10px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Light", Helvetica, Arial , Verdana, sans-serif; font-weight: 300; } .tl_main_head_download { margin: 6px auto 35px; max-width: 798px; text-align: center; } .tl_main_download_btn { display: inline-block; color: #FFF; font-size: 16px; background: #a19481; border-radius: 4px; padding: 10px 15px; line-height: 35px; overflow: hidden; width: 220px; margin: 5px 8px; text-align: center; } .tl_main_download_btn:hover { background-color: #a99d8b; color: #FFF; text-decoration: none; } .tl_main_download_btn:active { background-color: #998e7e; } .tl_main_download_mobile { text-align: center; max-width: 1028px; margin: 0 auto; } .tl_main_download_link { text-align: center; display: inline-block; height: 300px; padding-top: 262px; padding-bottom: 20px; margin: 40px 0; font-size: 15px; max-width: 100%; position: relative; } a.tl_main_download_link:hover { text-decoration: none; } a.tl_main_download_link:after { display: block; height: 3px; background: #179cde; position: absolute; border-radius: 2px; content: ""; left: 4px; right: 4px; opacity: 0; bottom: -1px; -webkit-transition: opacity .2s ease-in-out, transform .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, transform .2s ease-in-out; -ms-transition: opacity .2s ease-in-out, transform .2s ease-in-out; transform-origin: bottom; transform: scaleX(0.3) scaleY(0); } a.tl_main_download_link:hover:after { opacity: 1; transform: scaleX(1.0) scaleY(1.0); } .tl_main_download_link_android { width: 28.210116857923%; min-width: 245px; } .tl_main_download_link_ios { width: 42.9961%; min-width: 350px; } .tl_main_download_link_tdesktop { display: none; min-width: 320px; background: url(../img/SiteTDesktop.jpg) 50% 0 no-repeat; } .tl_main_download_image__ios, .tl_main_download_image__android { display: block; position: absolute; top: 50%; left: 50%; transform-origin: 50% 50%; opacity: 1.0; pointer-events: none; -webkit-transition: opacity .1s ease-in-out; -moz-transition: opacity .1s ease-in-out; -ms-transition: opacity .1s ease-in-out; padding: 0; border: 0; } .tl_main_download_image__ios { margin: -150px 0 0 -152px; width: 304px; height: 240px; background: url(../img/SiteiOS.jpg?2) 50% 0 no-repeat; } .tl_main_download_image__android { margin: -150px 0 0 -152px; width: 304px; height: 240px; background: url(../img/SiteAndroid.jpg?2) 50% 0 no-repeat; } .tl_main_video_player { display: block; position: absolute; top: 50%; left: 50%; transform-origin: 50% 50%; opacity: 0; pointer-events: none; -webkit-transition: opacity .1s ease-in-out; -moz-transition: opacity .1s ease-in-out; -ms-transition: opacity .1s ease-in-out; padding: 0; border: 0; } .tl_main_video_player.video__init_retina { display: none; } .tl_main_video_player__android { margin: -150px 0 0 -96px; width: 192px; height: 240px; } .tl_main_video_player__ios { margin: -150px 0 0 -152px; width: 304px; height: 240px; } .video_play .tl_main_video_player { opacity: 1; } .tl_main_download_more_btn { margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 0; white-space: nowrap; padding: 10px 16px; font-size: 15px; line-height: 1.33; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #ffffff; background-color: #318fd3; margin-top: 5px; display: none; border-radius: 3px; } .tl_main_download_more_btn:hover { color: #FFF; } .icon-arrow-more { display: inline-block; vertical-align: baseline; width: 6px; height: 11px; background: url(../img/tl_arrow.png) 0 0 no-repeat; margin-left: 10px; } .tl_main_download_desktop_header { text-align: center; } .tl_main_download_desktop_wrap1 { height: 291px; overflow: hidden; } .tl_main_download_desktop_wrap { position: absolute; left: 0; right: 0; } .tl_main_download_desktop { position: absolute; left: 0; right: 0; min-width: 804px; background: url(../img/SiteDesktop.jpg?2) 50% 19px no-repeat; /*overflow: hidden;*/ } .tl_main_download_desktop_links { width: 595px; margin: 0 auto; } .tl_main_download_desktop_link { text-align: center; display: inline-block; padding: 270px 0 20px; font-size: 15px; vertical-align: top; -webkit-transition: box-shadow .2s ease-in-out; -moz-transition: box-shadow .2s ease-in-out; -ms-transition: box-shadow .2s ease-in-out; position: relative; float: left; } .tl_main_download_desktop_link:hover { text-decoration: none; } a.tl_main_download_desktop_link:hover { text-decoration: none; } a.tl_main_download_desktop_link:after { display: block; height: 3px; background: #179cde; position: absolute; border-radius: 2px; content: ""; left: 4px; right: 4px; opacity: 0; bottom: -1px; -webkit-transition: opacity .2s ease-in-out, transform .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, transform .2s ease-in-out; -ms-transition: opacity .2s ease-in-out, transform .2s ease-in-out; transform-origin: bottom; transform: scaleX(0.3) scaleY(0); } a.tl_main_download_desktop_link:hover:after { opacity: 1; transform: scaleX(1.0) scaleY(1.0); } .tl_main_download_link_td { width: 52%; padding-left: 20px; padding-right: 20px; } .tl_main_download_link_osx { width: 48%; } .tl_main_body { margin-top: 40px; padding-top: 5px; } .tl_main_body_header { text-align: center; margin-top: 0; padding-top: 20px; } .icon-android, .icon-ios { display: inline-block; vertical-align: text-top; width: 25px; height: 27px; background: 0 0 no-repeat; margin-right: 10px; margin-top: -6px; } .lang_rtl .icon-android, .lang_rtl .icon-ios { margin-right: 0; margin-left: 10px; } .icon-ios { background-image: url(../img/SiteIconApple.svg); } .icon-android { background-image: url(../img/SiteIconAndroid.svg); } .icon { display: inline-block; } .icon-twitter { width: 21px; height: 17px; vertical-align: text-top; background: url(../img/twitter.png) 0 0 no-repeat; opacity: 0.9; } a:hover .icon-twitter { opacity: 0.99; } .app-icon { display: inline-block; width: 30px; height: 30px; line-height: 30px; margin-right: 7px; vertical-align: -9px; background: no-repeat left; background-size: cover; } .is_rtl .app-icon { margin-right: 0; margin-left: 7px; } .app-icon-android { background-image: url(/img/app_icon_android.svg); } .app-icon-ios { background-image: url(/img/app_icon_ios.svg); } .app-icon-macos { background-image: url(/img/app_icon_macos.svg); } .app-icon-desktop { background-image: url(/img/app_icon_desktop.svg); } .app-icon-webk { background-image: url(/img/app_icon_webk.svg); } .app-icon-webz { background-image: url(/img/app_icon_webz.svg); } .app-icon-weba { background-image: url(/img/app_icon_weba.svg); } .tl_main_cards { max-width: 950px; margin: 18px auto 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; } .tl_main_card_cell { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; flex: 0 1 auto; width: 100%; } @media (min-width: 768px) { .tl_main_card_cell { width: 50%; } } @media (min-width: 992px) { .tl_main_card_cell { width: 33.33333%; } } .tl_main_card_wrap { max-width: 260px; margin: 0 auto; padding: 20px 0 9px; } .tl_main_card { background: url(../img/tl_card_fast.gif) 0 0 no-repeat; background-size: 160px 160px; width: 160px; height: 160px; margin: 0 auto; } .tl_main_card_fast { background-image: url(../img/tl_card_fast.gif); } .tl_main_card_powerful { background-image: url(../img/tl_card_powerful.gif); } .tl_main_card_free { background-image: url(../img/tl_card_free.gif); } .tl_main_card_secure { background-image: url(../img/tl_card_secure.gif); } .tl_main_card_cloud { background-image: url(../img/tl_card_cloud.gif); } .tl_main_card_private { background-image: url(../img/tl_card_private.gif); } .tl_main_card_decentralized { background-image: url(../img/tl_card_decentralized.gif); } .tl_main_card_open { background-image: url(../img/tl_card_open.gif); } .tl_main_card_wecandoit { background-image: url(../img/tl_card_wecandoit.gif); } .tl_main_card_connect { background-image: url(../img/tl_card_connect.gif); } .tl_main_card_coordinate { background-image: url(../img/tl_card_coordinate.gif); } .tl_main_card_synchronize { background-image: url(../img/tl_card_synchronize.gif); } .tl_main_card_build { background-image: url(../img/tl_card_build.gif); } .tl_main_card_encrypt { background-image: url(../img/tl_card_encrypt.gif); } .tl_main_card_send { background-image: url(../img/tl_card_send.gif); } .tl_main_card_process { background-image: url(../img/tl_card_process.gif); } .tl_main_card_destruct { background-image: url(../img/tl_card_destruct.gif); } .tl_main_card_store { background-image: url(../img/tl_card_store.gif); } h3.tl_main_card_header { color: #a19679; text-align: center; margin: 15px 0 6px; font-size: 26px; font-weight: normal; letter-spacing: -1px; } .tl_main_cards_animated_wrap h3.tl_main_body_header { padding: 0 10px; } .tl_main_cards_animated_wrap h3.tl_main_card_header { color: #0088cc; } .tl_main_cards_animated_wrap { padding-bottom: 20px; } .tl_main_card_lead { font-size: 15px; line-height: 158%; text-align: center; } .tl_main_share { margin: 24px auto 40px; /*padding-bottom: 30px;*/ max-width: 330px; text-align: center; } .lang_rtl .tl_main_share { max-width: none; } .tl_main_noshare { height: 50px; } .tl_main_twitter_widget_wrap { /*float: left;*/ display: inline-block; } .tl_main_facebook_widget_wrap { /*float: left;*/ margin-right: 20px; display: inline-block; } .fb_iframe_widget span { vertical-align: baseline !important; } .tl_blog_comments_widget { margin: 0 -8px 40px; } .tl_blog_comments_widget iframe { max-width: 100%; } .tl_main_gplus_widget_wrap { /*float: left;*/ display: inline-block; } .tl_twitter_share_btn { display: inline-block; border-radius: 16px; background-color: #54a9eb; cursor: pointer; margin-right: 15px; padding: 7px 17px; color:#FFF; font-weight: bold; } .lang_rtl .tl_twitter_share_btn { margin-right: 0; margin-left: 15px; } .tl_twitter_share_btn:hover, .tl_twitter_share_btn:active, .tl_twitter_share_btn:focus { text-decoration: none; color: #FFF; outline: none; } .tl_twitter_share_cnt { display: none; color: #c4e3fb; } .tl_blog_list_page_wrap { max-width: 800px; margin: 0 auto; } .tl_blog_list_page_wrap.tl_main_recent_news_wrap { margin-top: 22px; margin-bottom: 20px; } .tl_main_recent_news_header { font-size: 16px; font-weight: bold; text-align: center; margin-top: 42px; } .tlb_other_news_wrap .tl_main_recent_news_header { margin-top: 22px; font-size: 18px; } .tl_main_wrap .tl_main_recent_news_header { margin-top: 66px; } .tl_main_download_mobile + .tl_main_recent_news_wrap .tl_main_recent_news_header, .tl_main_download_mobile + .tl_main_recent_news_wrap { margin-top: 12px; } .dev_blog_card_link_wrap:nth-child(odd) { clear: left; } .dev_blog_card_link_wrap { display: block; max-width: 50%; float: left; padding: 15px 10px; } @media (max-width: 640px) { .dev_blog_card_link_wrap { max-width: 100%; } } @media (min-width: 801px) { .tl_main_recent_news_cards { margin: 0 -15px; } } .tlb_blog_page .dev_blog_card_link_wrap { padding: 15px 0; } a.dev_blog_card_link_wrap:hover, a.dev_blog_card_link_wrap:active, a.dev_blog_card_link_wrap:focus { text-decoration: none; } .dev_blog_card_image { display: block; max-width: 100%; height: auto; max-height: 220px; margin: 0 auto; -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -ms-transition: opacity .2s ease-in-out; opacity: 1; } .preload .dev_blog_card_image { height: 220px; max-height: initial; } a:hover .dev_blog_card_image { opacity: 0.9; } .dev_blog_card_title { margin: 12px 0 2px; padding: 0 15px; font-size: 16px; line-height: 160%; } a.dev_blog_card_link_wrap:hover .dev_blog_card_title { text-decoration: underline; } .dev_blog_card_lead { color: #333; font-size: 14px; line-height: 160%; padding: 0 15px; } .dev_blog_card_date { margin-top: 4px; font-size: 14px; color: #888; padding: 0 15px; } .tlb_blog_page .dev_blog_card_title, .tlb_blog_page .dev_blog_card_lead, .tlb_blog_page .dev_blog_card_date { padding: 0 5px; } .pager_wrap { margin-top: 40px; clear: both; } .footer_wrap { border-top: 1px solid #e8e8e8; max-width: 925px; margin: 10px auto 0; padding: 28px 0 34px; } .footer_columns_wrap { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; margin: 0 auto; max-width: 800px; padding-left: 0; } .footer_mobile { display: none; } .footer_column { flex: 0 1 auto; align-self: auto; } .footer_column_telegram { flex: 0 1 290px; } .footer_column:last-child { padding-right: 0; } .footer_column:first-child { padding-left: 0; } .footer_column h5 { font-size: 14px; margin-top: 0; margin-bottom: 9px; } .footer_column h5 a { color: inherit; } .footer_column ul, .footer_column ul li { list-style: none; margin: 0; padding: 0; } .footer_column ul li { font-size: 14px; line-height: 23px; } .footer_privacy_description { padding-top: 3px; font-size: 13px; line-height: 160%; } .footer_privacy_description p { margin-bottom: 6px; } .footer_telegram_description { font-size: 13px; } .tl_mission_wrap #dev_page_content, .tl_mission_wrap #dev_page_content p { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Light", Helvetica, Arial , Verdana, sans-serif; font-weight: 300; line-height: 160%; font-size: 16px; } /* Team */ #dev_page_content.tl_team_wrap, #dev_page_content.tl_team_wrap p { line-height: 1.6; } .tl_team_lead { margin-bottom: 30px; } .tl_team_member { min-height: 120px; position: relative; margin-bottom: 30px; } .tl_team_member_photo_wrap { position: absolute; // float: left; // margin-right: 25px; } .tl_team_member_photo { width: 120px; height: 120px; display: block; background: url('../img/team-sprite.png') 0 0 no-repeat; background-size: 120px 1810px; } .tl_team_member_pavel .tl_team_member_photo { background-position: 0 0; } .tl_team_member_nikolay .tl_team_member_photo { background-position: 0 -130px; } .tl_team_member_aliaksei .tl_team_member_photo { background-position: 0 -260px; } .tl_team_member_vitalik .tl_team_member_photo { background-position: 0 -390px; } .tl_team_member_arseny .tl_team_member_photo { background-position: 0 -520px; } .tl_team_member_igor .tl_team_member_photo { background-position: 0 -650px; } .tl_team_member_drklo .tl_team_member_photo { background-position: 0 -780px; } .tl_team_member_peter .tl_team_member_photo { background-position: 0 -910px; } .tl_team_member_john .tl_team_member_photo { background-position: 0 -1040px; } .tl_team_member_kolar .tl_team_member_photo { background-position: 0 -1170px; } .tl_team_member_ilya .tl_team_member_photo { background-position: 0 -1300px; } .tl_team_member_igor1 .tl_team_member_photo { background-position: 0 -1690px; } .tl_team_member_mike .tl_team_member_photo { background-position: 0 -1560px; } .tl_team_member_grisha .tl_team_member_photo { background-position: 0 -1430px; } .tl_team_member_name { margin-left: 146px; } .tl_team_member_body { margin-left: 146px; } .tl_team_member_name { margin-top: 5px; font-size: 17px; } .tl_team_member_awards { margin-top: 20px; margin-bottom: 18px; color: #0088cc; font-size: 15px; } .tl_team_member_experience, .tl_team_member_awards_list { line-height: 1.8; } .tl_team_member_description { margin-top: 20px; } /* Core / dev */ .dev_page { background: #FFF; min-height: 500px; } #dev_page_content_wrap { padding: 20px 0; max-width: 800px; margin: 0 auto; direction: ltr; } #dev_page_content_wrap.is_rtl { direction: rtl; } #dev_page_content, #dev_page_content p { font-size: 14px; line-height: 1.5; } #dev_page_content img.icon { width: auto; height: 20px; } #dev_page_content img.icon, #dev_page_content img.emoji { width: 1.285em !important; height: auto !important; margin: 0 !important; padding: 0 !important; vertical-align: text-bottom; -webkit-user-drag: none; user-drag: none; cursor: text; } .dev_page_bread_crumbs .breadcrumb { margin-bottom: 10px; border-radius: 0; } #dev_page_title { position: static; } .dev_page_head .dev_page_head_logo { margin-left: 0; } #dev_page_content_wrap blockquote { padding: 5px 17px; } #dev_page_content_wrap pre { overflow-x: auto; border-radius: 0; } #dev_page_content_wrap pre::-webkit-scrollbar { visibility: visible; display: block; height: 15px; } #dev_page_content_wrap pre::-webkit-scrollbar-track:horizontal { background: rgba(93, 144, 177, 0.2); border-radius: 0; height: 15px; } #dev_page_content_wrap pre::-webkit-scrollbar-thumb:horizontal { background: rgba(93, 144, 177, 0.4); border-radius: 0; height: 15px; } #dev_page_content_wrap .richcode { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #546172; background: #ecf3f8; font-family: Monaco,Menlo,Consolas,"Courier New",monospace; } #dev_page_content_wrap .richcode code { background: #FFF; } .richcode p:last-child { margin-bottom: 0; } #dev_page_content_wrap pre code { overflow-wrap: normal; white-space: pre; } #dev_page_content_wrap a.current_page_link { color: #468847; text-decoration: underline; } #dev_page_content_wrap a.nonexisting_page_link { color: #FF0000; text-decoration: underline; } .dev_side_image { max-width: 200px; float: right; padding: 0 0 0 20px; } .dev_side_image img { max-width: 180px; } .dev_side_image picture { max-width: 180px; } #dev_page_content_wrap pre.page_scheme { margin: 20px 0 30px; } .dev_page_edit_form { border-top: 1px solid #DDD; padding-top: 50px; max-width: 800px; margin: 30px auto 0; direction: ltr; } .dev_page_edit_form .CodeMirror { font-size: 14px; line-height: 20px; font-family: Monaco, Menlo, Consolas, "Courier New", monospace; border: 1px solid #eee; height: auto; position: relative; margin-bottom: 9px; color: #555555; border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -ms-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; } .dev_page_edit_form .CodeMirror-focused { border-color: rgba(82, 168, 236, 0.8); outline: 0; outline: thin dotted \9; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); } .dev_page_edit_form .CodeMirror-scroll { overflow-y: hidden; overflow-x: auto; } .dev_page_edit_form .CodeMirror pre { white-space: pre-wrap; word-break: break-all; word-wrap: break-word; } .dev_page_edit_form #dev_page_diff .CodeMirror { font-size: 12px; margin-bottom: 0; } #dev_page_diff .CodeMirror-merge, #dev_page_diff .CodeMirror-merge .CodeMirror { height: auto; } #dev_page_diff .CodeMirror-merge-2pane { display: flex; border: 0; margin-bottom: 9px; } #dev_page_diff .CodeMirror-merge-2pane .CodeMirror-merge-pane { width: 48%; } #dev_page_diff .CodeMirror-merge-2pane .CodeMirror-merge-gap { height: auto; width: 4%; } #dev_page_diff .CodeMirror-merge-pane-rightmost { position: static; right: auto; } #dev_page_diff .CodeMirror-merge-scrolllock-wrap { display: none; } #dev_page_diff .CodeMirror-merge-left .CodeMirror { background: rgba(0,0,0,0.06); } #dev_page_diff .CodeMirror-merge-l-inserted, #dev_page_diff .CodeMirror-merge-l-deleted { background: none; } #dev_page_diff.dev_page_diff__wcolor .CodeMirror-merge-l-inserted { /*background: rgba(0,200,0,0.18);*/ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAYAAACddGYaAAAAGUlEQVQI12MwuCXy3+CWyH8GBgYGJgYkAABZbAQ9ELXurwAAAABJRU5ErkJggg==); background-position: bottom left; background-repeat: repeat-x; background-color: #dfd; /*border: 1px solid #4e4;*/ } #dev_page_diff.dev_page_diff__wcolor .CodeMirror-merge-l-deleted { /*background: rgba(200,0,0,0.18);*/ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAYAAACddGYaAAAAGUlEQVQI12M4Kyb2/6yY2H8GBgYGJgYkAABURgPz6Ks7wQAAAABJRU5ErkJggg==); background-position: bottom left; background-repeat: repeat-x; background-color: #fdd; /*border: 1px solid #e44;*/ } .table-msg-schema td { text-align: center; } .table-msg-schema>thead>tr>th, .table-msg-schema>tbody>tr>th, .table-msg-schema>tfoot>tr>th, .table-msg-schema>thead>tr>td, .table-msg-schema>tbody>tr>td, .table-msg-schema>tfoot>tr>td { border: 1px solid #d5d5d5; } #dev_upload_btn { cursor: pointer; overflow: hidden; position: relative; } .dev_upload_input { cursor: pointer; font-size: 72px !important; opacity: 0.01; position: absolute; z-index: 100; margin: 0; padding: 0; top: 0; right: 0; } .app_edit_page { width: 700px; margin: 40px auto; } .app_lock_tt { padding: 3px; display: inline-block; } .app_lock_text { font-size: 13px; } .tg-table-stats { font-size: 12px; } .tg-table-stats th a.active { color: inherit; } .dev_side_nav_wrap { position: relative; } .dev_side_nav { position: absolute; width: 200px; right: -200px; z-index: 1; } .is_rtl .dev_side_nav { left: -200px; right: auto; } .is_rtl .dev_side_nav .nav { padding-right: 0; padding-left: 0; padding-right: 0; } .dev_side_nav > ul { width: 200px; background: none; padding: 10px 0 10px; } .dev_side_nav > ul::-webkit-scrollbar { display: none; } .dev_side_nav > ul.affix-top { position: relative; } .dev_side_nav > ul.affix { position: fixed; top: 0; padding-top: 80px; max-height: 100%; overflow-y: scroll; } .dev_side_nav > ul.affix-bottom { position: relative; height: auto; overflow-y: scroll; } .dev_side_nav li { float: none !important; } .dev_side_nav li a { border-left: 2px solid transparent; padding: 10px 10px; background: none !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .is_rtl .dev_side_nav li a { border-right: 2px solid transparent; border-left: 0; } .dev_side_nav li a { display: block; font-size: 13px; font-weight: 500; padding: 4px 20px 4px 18px; font-weight: 700; background-color: transparent; } .is_rtl .dev_side_nav li a { padding: 4px 18px 4px 20px; } .dev_side_nav li li a { padding-left: 15px; padding: 1px 18px 1px 30px; font-size: 12px; font-weight: 400; } .is_rtl .dev_side_nav li li a { padding: 1px 30px 1px 18px; } .dev_side_nav li a:hover { border-color: rgba(23, 156, 222, 0.6); } .dev_side_nav li.active > a { border-color: #179cde; } .dev_side_nav li ul { display: none; } .dev_side_nav li.active ul { display: block; } /* Core / dev end*/ /* Support */ .support_wrap { max-width: 800px; background: #FFF; margin: 0 auto; padding: 20px 0; } .support_submit { } /* FAQ */ .twitter_timeline_wrap { width: 300px; padding-top: 14px; } .is_rtl .dev_layer_select .dropdown-menu { right: auto; left: 0; } .is_rtl { direction: rtl; } .is_rtl blockquote { padding: 0 15px 0 0; margin: 0 0 20px; border-left: 0; border-right: 5px solid #179cde; } .is_rtl .pull-right, .is_rtl .slightly-pull-right { float: left; } .is_rtl .pull-left, .is_rtl .slightly-pull-left { float: right; } .is_rtl .anchor { left: auto; right: 0; } .top_lang_select.tlb_top_lang_select { float: right; margin: -4px -5px -4px 0; } .lang_rtl .top_lang_select.tlb_top_lang_select { float: left; } .top_lang_select .dropdown-toggle { display: block; text-align: center; padding-top: 15.5px; padding-bottom: 15.5px; font-size: 15px; line-height: 17px; } .top_lang_select.tlb_top_lang_select a.dropdown-toggle { padding: 8px 6px 8px 8px; border-radius: 6px; /*transition: background-color ease-in-out 0.2s, color ease-in-out 0.2s;*/ } .navbar-tg .top_lang_select.open a.dropdown-toggle:active, .navbar-tg .top_lang_select.open a.dropdown-toggle:hover, .navbar-tg .top_lang_select.open a.dropdown-toggle { background: transparent; color: #0088cc; } .top_lang_select.tlb_top_lang_select.open a.dropdown-toggle:hover, .top_lang_select.tlb_top_lang_select.open a.dropdown-toggle:active, .top_lang_select.tlb_top_lang_select.open a.dropdown-toggle { background-color: #3faee8; color: #fff; } .dev_top_lang_icon { display: inline-block; width: 16px; height: 16px; vertical-align: top; line-height: 100%; margin-right: 4px; background: url("data:image/svg+xml;utf8,") no-repeat 0 0; } .lang_rtl .dev_top_lang_icon { margin-right: 0; margin-left: 4px; } .tlb_top_lang_select.open .dev_top_lang_icon { background: url("data:image/svg+xml;utf8,") no-repeat 0 0; } .navbar-nav > li.top_lang_select > .dropdown-menu, .top_lang_select.tlb_top_lang_select > .dropdown-menu { width: 280px; min-width: 280px; border-radius: 8px; padding: 14px; right: 0; left: auto; margin-top: 4px; box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, .10); border-color: #e8e8e8; transition: transform ease-in-out 0.15s, opacity ease-out 0.15s; transform-origin: top right; transform: scaleX(0.15) scaleY(0.15); display: block; opacity: 0; pointer-events: none; } .lang_rtl .navbar-nav > li.top_lang_select > .dropdown-menu, .lang_rtl .top_lang_select.tlb_top_lang_select > .dropdown-menu { transform-origin: top left; right: auto; left: 0; } body.preload .top_lang_select > .dropdown-menu, .top_lang_select.tlb_top_lang_select > .dropdown-menu { transition: none !important; } .navbar-nav > li.top_lang_select.open > .dropdown-menu, .top_lang_select.tlb_top_lang_select.open > .dropdown-menu { transform: scaleX(1.0) scaleY(1.0); opacity: 1; pointer-events: all; } .navbar-nav > li.top_lang_select > .dropdown-menu.dropdown-menu--short, .top_lang_select.tlb_top_lang_select > .dropdown-menu.dropdown-menu--short { width: 155px; min-width: 155px; } @media (max-width: 640px) { .navbar-nav > li.dev_top_lang_select > .dropdown-menu { left: 0; right: auto; } } .top_lang_select .dropdown-menu li { float: left; display: block; width: 125px; } .lang_rtl .top_lang_select .dropdown-menu li { float: right; text-align: right; } .top_lang_select .dropdown-menu li.divider { float: none; clear: left; width: auto; margin: 6px 0; } .top_lang_select .dropdown-menu li a { display: inline-block; font-size: 13px; max-width: 125px; padding: 9px 10px; border-radius: 4px; white-space: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 15px; margin: 0; } .top_lang_select .dropdown-menu li.long a { font-size: 12px; } .top_lang_select .dropdown-menu li.missing a { color: #777; } .navbar-nav > .top_lang_select .dropdown-menu li a:hover { background: #e8f3fa; color: #0088cc; } .top_lang_select.tlb_top_lang_select .dropdown-menu li a:hover { background: #3faee8; color: #fff; } .top_lang_select .dropdown-menu li.chosen a, .top_lang_select .dropdown-menu li.chosen a:hover { color: #000; background: #fff; } .top_lang_select .minicaret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; } .lang_rtl .top_lang_select .minicaret { margin-left: 0; margin-right: 2px; } #login_widget_config { margin: 40px auto; } .form-group .dropdown + .dropdown { margin-left: 15px; } .dropdown-label { margin-right: 7px; display: inline-block; max-width: 300px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; vertical-align: top; } .dropdown-label .muted { color: #999; } .textfield-item input.form-control, .form-control-dropdown-select, .form-control-static-item, .textfield-item-placeholder { font-size: 14px; line-height: 20px; font-weight: normal; } .textfield-item input.form-control, .form-control-dropdown-select { padding: 11px 0 10px; border: none; height: auto; resize: none; color: inherit; background: transparent; border-bottom: 1px solid #e0e0e0; box-shadow: none; } .textfield-item input.form-control:focus { box-shadow: none; } .form-control-static-item { padding: 11px 0; } .textfield-item { display: block; position: relative; } .textfield-item-underline { display: block; position: absolute; bottom: 0; left: 50%; right: 50%; height: 2px; background: #39ade7; transition: opacity .2s ease-out, left 0s .2s linear, right 0s .2s linear; opacity: 0; } .textfield-item input.form-control:focus ~ .textfield-item-underline { transition: left .2s ease-out, right .2s ease-out; left: 0; right: 0; opacity: 1; } .textfield-item-placeholder { bottom: 0; color: #ccc; color: rgba(0,0,0,.26); left: 0; right: 0; pointer-events: none; position: absolute; display: block; top: 11px; width: 100%; overflow: hidden; white-space: nowrap; text-align: left } .textfield-item input.form-control::-webkit-input-placeholder { color: #999; color: rgba(0,0,0,.42); } .textfield-item input.form-control::-moz-placeholder { color: #999; color: rgba(0,0,0,.42); } .textfield-item input.form-control:-ms-input-placeholder { color: #999; color: rgba(0,0,0,.42); } .textfield-item input.form-control:focus::-webkit-input-placeholder { color: #ccc; color: rgba(0,0,0,.26); } .textfield-item input.form-control:focus::-moz-placeholder { color: #ccc; color: rgba(0,0,0,.26); } .textfield-item input.form-control:focus:-ms-input-placeholder { color: #ccc; color: rgba(0,0,0,.26); } .textfield-item-error { color: #d45a58; position: absolute; font-size: 14px; line-height: 19px; min-height: 19px; margin: 5px 0 -19px; background: #fff; width: 100%; padding-bottom: 7px; visibility: hidden; display: block; } .textfield-item.is-invalid .textfield-item-error { visibility: visible } .textfield-item.is-invalid input.form-control { border-bottom: 1px solid #d50000; } .textfield-item.is-invalid .textfield-item-underline { background: #d50000; } .control-label-item, .form-telegram .control-label { text-align: right; margin-bottom: 0; line-height: 20px; padding-top: 11px; } .form-telegram .help-block { font-size: 13px; color: #808080; margin-top: 10px; margin-bottom: 5px; } .form-telegram .form-group { margin-bottom: 20px; } .form-telegram textarea.form-control { margin-top: 7px; } .form-telegram .form-control[readonly] { cursor: text; background: #fff; } .form-telegram .form-control[readonly]:focus { border: 1px solid #ccc; box-shadow: none; } .form-control-dropdown { position: relative; } .form-control-dropdown.has-items:before { content: ''; position: absolute; display: inline-block; margin: 16px 10px 0; width: 14px; height: 9px; background: url(/img/rc_icons.png?1) no-repeat -3px -144px; right: 0; top: 0; } .form-control-dropdown .form-control-dropdown-search { position: absolute; top: 0; left: 0; right: 0; visibility: hidden; opacity: 0; } .form-control-dropdown.open .form-control-dropdown-search { visibility: visible; opacity: 1; } .form-control-dropdown.open .form-control-dropdown-select { visibility: hidden; opacity: 0; } .form-control-dropdown-select { color: #ccc; color: rgba(0,0,0,.26); cursor: pointer; position: relative; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .form-control-dropdown-select:focus { outline: none; } .form-control-dropdown-select.is-dirty { color: inherit; } .form-control-dropdown-button { position: absolute; display: inline-block; transition: all .2s ease; border: none; padding: 0; background: none !important; visibility: hidden; opacity: 0; top: 0; right: 0; } .form-control-dropdown-button:active { box-shadow: none !important; } .form-control-dropdown-button:before { content: ''; display: inline-block; margin: 16px 10px; width: 14px; height: 9px; background: url(/img/rc_icons.png?1) no-repeat -3px -144px; vertical-align: top; } .form-control-dropdown-list { position: absolute; left: -15px; right: -15px; margin: -2px 0; background: #fff; text-align: left; padding: 7px 0; box-shadow: 0 0 2px 1px rgba(0, 0, 0, .15); border: none; transition: all .2s ease; visibility: hidden; opacity: 0; max-height: 220px; overflow: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; z-index: 10; } .form-control-dropdown.has-items .form-control-dropdown-button, .form-control-dropdown.has-items.open .form-control-dropdown-list { visibility: visible; opacity: 1; } .form-control-dropdown-list-item, .form-control-dropdown-list-no-results { font-size: 14px; line-height: 18px; padding: 8px 15px; cursor: pointer; } .form-control-static-item .small, .form-control-dropdown-select .small, .form-control-dropdown-list-item .small { font-size: 13px; line-height: 16px; color: #a8a8a8; padding-left: 8px; } .form-control-dropdown-search .form-control-dropdown-list-item:hover { background: none; } .form-control-dropdown-search .form-control-dropdown-list-item.selected, .form-control-dropdown-list-item:hover { background: #f2f2f2; } .form-control-dropdown-list-no-results { color: #a8a8a8; cursor: auto; } .form-control-dropdown-select, .form-control-dropdown input.form-control { padding-right: 33px; } .help-block-item { display: block; font-size: 14px; line-height: 18px; margin-top: 5px; margin-bottom: 0; color: #a8a8a8; } .help-block-item a { color: #76bfeb; } .radio-item, .checkbox-item { display: inline-block; vertical-align: top; margin-bottom: 0; font-size: 14px; line-height: 20px; font-weight: normal; } .radio-item-block, .checkbox-item-block { display: block; margin: 6px 0 1px; padding: 5px 0; line-height: 20px; } .radio-item-block + .radio-item-block, .checkbox-item-block + .checkbox-item-block { margin-top: 1px; } .radio-item input.radio, .checkbox-item input.checkbox { position: absolute; left: -5000px; } body.rtl .radio-item input.radio, body.rtl .checkbox-item input.checkbox { right: -5000px; left: auto; } .radio-item input.radio ~ .radio-label, .checkbox-item input.checkbox ~ .checkbox-label { display: inline-block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; max-width: calc(100% - 31px); } .radio-item .radio-input, .checkbox-item .checkbox-input { display: inline-block; vertical-align: top; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; transition: opacity 0.12s linear; } .radio-item .radio-input + .radio-label, .checkbox-item .checkbox-input + .checkbox-label { margin-left: 11px; } body.rtl .radio-item .radio-input + .radio-label, body.rtl .checkbox-item .checkbox-input + .checkbox-label { margin-right: 11px; margin-left: 0; } .radio-item .radio-input-icon, .checkbox-item .checkbox-input-icon { display: inline-block; content: ''; width: 20px; height: 20px; border: 2px solid #b3b3b3; background: #fff; border-radius: 10px; vertical-align: top; padding: 0; cursor: pointer; position: relative; } .radio-item .radio-input-icon:before, .checkbox-item .checkbox-input-icon:before { display: inline-block; content: ''; position: absolute; width: 20px; height: 20px; border: 2px solid #54a9eb; border-radius: 10px; top: -2px; left: -2px; transition: opacity 0.12s linear; opacity: 0; } .radio-item .radio-input-icon:after { display: inline-block; content: ''; position: absolute; width: 10px; height: 10px; background: #54a9eb; border-radius: 5px; top: 3px; left: 3px; transition: transform 0.12s linear; transform: scale3d(0, 0, 1); } .radio-item input.radio:checked + .radio-input .radio-input-icon:before, .checkbox-item input.checkbox:checked + .checkbox-input .checkbox-input-icon:before { opacity: 1; } .radio-item input.radio:checked + .radio-input .radio-input-icon:after { transform: scale3d(1, 1, 1); } .checkbox-item .checkbox-input-icon, .checkbox-item .checkbox-input-icon:before { width: 18px; height: 18px; margin: 1px; border-radius: 3px; } .checkbox-item .checkbox-input-icon:before { margin: 0; background: #54a9eb url('data:image/svg+xml,%3Csvg height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"%3E%3Cg fill="%23fff" fill-rule="evenodd"%3E%3Crect height="6" rx="1" transform="matrix(.70710678 -.70710678 .70710678 .70710678 -6.746804 8.368629)" width="2" x="5.728427" y="9.328427"/%3E%3Crect height="11.5" rx="1" transform="matrix(.70710678 .70710678 -.70710678 .70710678 10.712311 -5.169417)" width="2" x="10.596194" y="4.596194"/%3E%3C/g%3E%3C/svg%3E') no-repeat center; } .radio-item input.radio:disabled + .radio-input, .checkbox-item input.checkbox:disabled + .checkbox-input { cursor: default; pointer-events: none; opacity: .65; } .button-item { font-size: 14px; font-weight: 500; line-height: 18px; color: #fff; background: #4ca3e2; border-radius: 19px; display: inline-block; padding: 10px 26px; text-transform: uppercase; text-align: center; vertical-align: middle; border: none; transition: background-color .2s ease; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .button-item-flat { color: #1385d8; background: transparent; } .button-item:hover { background: #4199d9; } .button-item-flat:hover { background: #e7f4fd; } .button-item-label { display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; vertical-align: top; position: relative; z-index: 1; } .button-item.ripple-handler, .button-nostyle-item.ripple-handler { position: relative; } .ripple-mask { position: absolute; left: 0; right: 0; top: 0; bottom: 0; transform: translateZ(0); overflow: hidden; pointer-events: none; } .radio-item .ripple-mask, .checkbox-item .ripple-mask { width: 32px; height: 32px; left: -6px; top: -6px; border-radius: 16px; } .button-nostyle-item .ripple-mask, .button-item .ripple-mask { border-radius: 19px; } .radio-item .ripple, .checkbox-item .ripple { position: absolute; width: 80px; height: 80px; left: -24px; top: -24px; border-radius: 50%; background-color: rgba(179, 179, 179, .2); transition: transform .65s ease-out, opacity .65s ease-out, background-color .65s ease-out; opacity: 0; } .radio-item input.radio:checked + .radio-input .ripple, .checkbox-item input.checkbox:checked + .checkbox-input .ripple { background-color: rgba(84, 169, 235, .2); } .button-nostyle-item .ripple, .button-item .ripple { position: absolute; width: 200%; left: 50%; top: 50%; margin: -100% 0 0 -100%; padding-top: 200%; border-radius: 50%; background-color: #3790cf; transition: transform .65s ease-out, opacity .65s ease-out, background-color .65s ease-out; opacity: 0; } .button-nostyle-item .ripple, .button-item-flat .ripple { background-color: #d9ebf7; } .radio-item input.radio + .radio-label:before, .checkbox-item input.checkbox + .checkbox-label:before { display: inline-block; content: ''; width: 20px; height: 20px; vertical-align: top; margin-right: 11px; padding: 0; background: url(/img/rc_icons.png?1) no-repeat; cursor: pointer; } .radio-item input.radio + .radio-label:before { background-position: 0 0; } .radio-item input.radio:checked + .radio-label:before { background-position: 0 -30px; } .checkbox-item input.checkbox + .checkbox-label:before { background-position: 0 -60px; } .checkbox-item input.checkbox:checked + .checkbox-label:before { background-position: 0 -88px; } .radio-item-justified .radio-input { float: left; } .radio-item-justified .radio-label { float: left; margin-right: 16px; } .radio-item-justified .radio-label:after { content: ':'; opacity: 0; transition: opacity .2s ease; } .radio-item-justified .justified-wrap { display: block; padding: 5px 0; margin: -5px 0; overflow: hidden; opacity: 0; transition: opacity .2s ease; } .radio-item-justified .justified-wrap input.form-control { cursor: inherit; } .radio-item-justified input.radio:checked ~ .justified-wrap, .radio-item-justified input.radio:checked ~ .radio-label:after { opacity: 1; } .radio-item-justified input.radio:checked ~ .justified-wrap input.form-control { cursor: auto; } .radio-item-justified .textfield-item { margin: -5px 0; } .radio-item-justified input.form-control { padding: 5px 0 4px; } .bgcolor0 { background: #e17076; } .bgcolor1 { background: #faa774; } .bgcolor2 { background: #a695e7; } .bgcolor3 { background: #7bc862; } .bgcolor4 { background: #6ec9cb; } .bgcolor5 { background: #65aadd; } .bgcolor6 { background: #ee7aae; } .dots-animated:after { display: inline-block; animation: dotty steps(1, end) 1s infinite; content: '...'; position: absolute; } @-webkit-keyframes dotty { 0%, 100% { content: ''; } 25% { content: '.'; } 50% { content: '..'; } 75% { content: '...'; } } @keyframes dotty { 0%, 100% { content: ''; } 25% { content: '.'; } 50% { content: '..'; } 75% { content: '...'; } } .widget_container { padding: 10px 20px; margin: -10px 0; text-align: center; } .widget_container.dark { background: #15202b; } .widget_container iframe { vertical-align: top; } button.dropdown-toggle:focus, button.dropdown-toggle:active:focus { outline: none; } .embed_code { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; white-space: pre-wrap; word-break: break-all; word-wrap: break-word; text-align: left; -webkit-appearance: none; } .dev_page_nav_wrap > p > a:first-child { color: #333; } #dev_page_content .dev_page_nav_wrap ul { list-style-type: none; margin: 0; padding: 0 0 20px; } #dev_page_content .dev_page_nav_wrap ul + h4 { margin-top: 4px; } #dev_page_content .dev_page_nav_wrap ul li { background: none; padding-left: 0; padding-top: 1px; padding-bottom: 2px; } .dev_page_image { display: block; max-width: 800px; margin: 0 auto; padding: 10px 0px 5px; } .tl_contest_page_wrap .dev_page_image { max-width: 600px; } .dev_page_tgsticker { position: relative; display: block; max-width: 256px; } .dev_page_tgsticker img, .dev_page_tgsticker canvas { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; } .dev_page_widget_item { display: block; width: 300px; vertical-align: top; max-width: 100%; margin: 30px auto 10px; } .dev_page_widget_thumb { display: inline-block; vertical-align: top; width: 100%; padding-top: 66.6667%; border-radius: 12px; background: #f7f7f7 no-repeat center; background-size: 100%; -webkit-filter: brightness(100%); -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transition: all .2s ease; transition: all .2s ease; } .dev_page_widget_thumb:hover { -webkit-filter: brightness(94%); } .dev_page_widget_thumb_share { background-image: url(/img/Widget_Share.svg?1); } .dev_page_widget_thumb_post { background-image: url(/img/Widget_Post.svg?1); } .dev_page_widget_thumb_login { background-image: url(/img/Widget_Login.svg?1); } .dev_page_widget_thumb_comments { background-image: url(/img/Widget_Comments.svg?1); } .dev_page_widget_title { font-size: 15px; line-height: 1.5; margin: 12px 0 0; font-weight: bold; text-align: center; } @media (min-width: 670px) { .dev_page_widgets_list { margin-right: -36px; } .dev_page_widget_item { float: left; margin-left: 0; margin-right: 36px; } .dev_page_widget_title { margin-top: 17px; } } /* Contest */ .tl_contest_page_wrap { padding: 0 0 20px; max-width: 600px; margin: 0 auto; } .tl_contest_intro { margin: 0; } .tl_contest_side_image_wrap { position: relative; } .tl_contest_side_image { margin: 50px 0 0 -180px; width: 160px; height: 160px; position: absolute; } .tl_contest_side_image2 { margin-top: 0px; } .tl_contest_side_image3 { margin-top: 10px; } .tl_contest_page_wrap .tl_main_share { margin: 0 0 20px; text-align: left; } .lang_rtl .tl_contest_page_wrap .tl_main_share { text-align: right; } .tl_contest_page_wrap #dev_page_title { font-size: 24.5px; line-height: 33px; margin: 20px 0 10px 0; } .tl_contest_dl_btn { padding: 0; } #traffic_log_wrap { min-height: 300px; /*max-height: 600px;*/ /*overflow: auto;*/ overflow-wrap: normal; white-space: pre; } .tl_contest_log { padding-top: 10px; } .tl_contest_log h3 { margin-top: 0; } /* Blog */ .blog_side_image_wrap { position: relative; direction: ltr; } .lang_rtl .blog_side_image_wrap { direction: rtl; } .blog_side_image { margin: -41px 0 0 -180px; width: 160px; height: 160px; position: absolute; } .lang_rtl .blog_side_image { margin: -41px -180px 0 0; } .blog_side_centered_image_wrap { position: relative; } a.blog_side_cetered_image, a.blog_side_centered_image { display: block; width: 160px; height: 160px; margin: 10px auto 20px; } img.blog_side_cetered_image, img.blog_side_centered_image { width: 160px; height: 160px; } .tlb_blog_page .blog_side_image_wrap { 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, #dev_page_content .blog_video_player_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: block; font-size: 15px; color: #FFF; background: #3faee8; padding: 0 15px 0 15px; height: 42px; line-height: 42px; } a.tlb_blog_head_more_link:hover, a.tlb_blog_head_more_link:active { color: #FFF; background: #3faee8; text-decoration: none; } a.tlb_blog_head_more_link .tlb_head_more_active, .tlb_blog_head_recent_active a.tlb_blog_head_more_link .tlb_head_more_inactive, .tlb_head_more_entries { display: none; } .tlb_blog_head_recent_active a.tlb_blog_head_more_link .tlb_head_more_active, .tlb_blog_head_recent_active .tlb_head_more_entries { display: block; } .tlb_head_more_icon_wrap { float: right; vertical-align: top; margin-top: 15px; line-height: 0; } .lang_rtl .tlb_head_more_icon_wrap { float: left; } .tlb_head_more_icon { display: inline-block; border: 2px solid #FFF; border-left: 0; border-bottom: 0; width: 10px; height: 10px; -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); -o-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); /*-webkit-transition: all linear 0.2s; -moz-transition: all linear 0.2s; -ms-transition: all linear 0.2s; -o-transition: all linear 0.2s; transition: all linear 0.2s;*/ } .tlb_blog_head_recent_active .tlb_head_more_icon_wrap { margin-top: 18px; } .tlb_blog_head_recent_active .tlb_head_more_icon { -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .tlb_page_wrap .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_about_tdirect_builds { font-size: 13px; margin: 60px 0; } .td_download_store_wrap { margin: 20px 0 10px; text-align: center; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { .caret { background-image: url(../img/dropdown.png); background-size: 18px 26px; } .icon-twitter { background-image: url(../img/twitter_2x.png); background-size: 21px 17px; } .icon-breadcrumb-divider { background-image: url(../img/breadcrumb_divider.png); background-size: 5px 10px; } .icon-to-top { background-image: url(../img/back_to_top.png); background-size: 16px 7px; } .tl_main_award { background-image: url(../img/SiteAward_2x.gif); background-size: 100px 100px; } .icon-arrow-more { background-image: url(../img/tl_arrow_2x.png); background-size: 6px 11px; } .tl_main_download_desktop { background-image: url(../img/SiteDesktop_2x.jpg?2); background-size: 1246px 260px; } .tl_main_download_image__android { background-image: url(../img/SiteAndroid_2x.jpg?2); background-size: 290px 270px; } .tl_main_download_image__ios { background-image: url(../img/SiteiOS_2x.jpg?2); background-size: 442px 270px; } .tl_main_download_link_tdesktop { background-image: url(../img/SiteTDesktop_2x.jpg?1); background-size: 320px 157px; } #dev_page_content > ul:not(.nav) li, #dev_page_content > ol:not(.nav) ul:not(.nav) li { background-image: url(../img/bullet_2x.png?3); background-size: 7px 7px; } .tgme_icon_arrow { background-image: url(/img/tgme/Arrow_2x.png); } .tgme_page_widget_actions a.tgme_action_web_button:before { background-image: url(/img/tgme/web_icon_2x.png); background-size: 24px 24px; } .tgme_page_copy_action a.tgme_action_button_new:before { background-image: url(/img/tgme/embed_copy_2x.png); background-size: 24px 24px; } .tlb_blog_logo { background-image: url(/img/blog/BlogLogo2x.png?1); background-size: 146px 20px; } .radio-item input.radio + .radio-label:before, .checkbox-item input.checkbox + .checkbox-label:before, .form-control-dropdown-button:before { background-image: url(/img/rc_icons_2x.png?1); background-size: 20px 152px; } .form-control-dropdown.has-items:before { background-image: url(/img/rc_icons_2x.png?1); background-size: 20px 152px; } .td_screenshot_macos { background-image: url(https://osx.telegram.org/updates/site/artboard_2x.png); background-size: 420px 280px; height: 280px; } .td_screenshot_tdirect { background-image: url(/img/tdirect_2x.jpg?1); } } @media only screen and (-webkit-min-device-pixel-ratio: 2.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 2.5), only screen and (min-device-pixel-ratio: 2.5) { .tlb_blog_logo { background-image: url(/img/blog/BlogLogo3x.png); background-size: 146px 20px; } } @media (max-width: 1200px) { .dev_side_nav_wrap { display: none; } } /* Mobile */ @media (max-width: 1000px) { a.anchor { margin-left: -19px; } .footer_wrap { padding: 16px 0 16px; padding-bottom: calc(max(16px, env(safe-area-inset-bottom))); } .footer_desktop { display: none; } .footer_mobile { display: flex; justify-content: center; } .footer_columns_wrap { text-align: center; } .footer_column { margin: 0 6px; } .footer_column h5 { color: #08c; font-size: 12px; font-weight: normal; text-transform: uppercase; margin: 0; } .blog_side_image_wrap { position: static; } .blog_side_image { display: block; margin: 20px auto; width: 160px; height: 160px; position: static; } .blog_side_image.js-tgsticker_image { position: relative; } .tl_blog_side_blog { display: none; } .tl_blog_bottom_blog { display: block; } .tl_main_side_blog .side_blog_wrap { position: static; margin: 22px 0 0 16px; padding: 0 10px 0 15px; border-width: 4px; border-color: #3faee8; } .side_blog_wrap { width: auto; } .tl_main_side_blog .side_blog_header { font-size: 14px; } .tl_main_side_blog a.side_blog_entry { margin-top: 12px; } .tl_main_side_blog .side_blog_date { color: #444; font-size: 13px; } .tl_main_side_blog .side_blog_title { font-size: 14px; margin-top: 2px; } } @media (max-width: 640px) { a:hover { text-decoration: none; } h1 { font-size: 19px; } h2 { font-size: 19px; } h3 { font-size: 16px; } h4 { font-size: 16px; } h5 { font-size: 14px; } .dropdown-menu { min-width: 210px; } .dropdown-menu > li > a { white-space: normal; } .tl_main_body { margin-top: 25px; padding-top: 5px; } .tl_main_body_header { font-size: 20px; } .tl_main_download_mobile { padding: 0 20px; } .tl_main_download_link { width: auto; min-width: 0; display: block; margin-top: 20px; margin-bottom: 30px; } a.tl_main_download_link:after { display: none; } .tl_main_download_link_ios/*, .tl_main_download_link_tdesktop*/ { padding-top: 210px; height: 245px; padding-bottom: 15px; } .tl_main_download_image__ios { margin: -123px 0 0 -121px; background-size: 360px 220px; width: 248px; height: 198px; } .tl_main_video_player__ios { margin: -124px 0 0 -121px; width: 248px; height: 198px; } .tl_main_download_link_tdesktop { display: block; padding-top: 156px; height: 188px; } .tl_main_download_desktop_section, .tl_main_download_desktop_wrap1 { display: none; } .tl_main_download_more_btn { display: inline-block; } .dev_page_bread_crumbs .breadcrumb { margin-bottom: 15px; } #dev_page_content_wrap { padding-top: 12px; } #dev_page_title { margin-top: 10px; margin-bottom: 21px; } .nav-pills > li > a { padding: 8px 10px; } .dev_page_nav_wrap { margin-top: 25px; } .dev_page_nav_wrap > p { margin-bottom: 3.5px; } .dev_page_nav_wrap > p > a:first-child { font-size: 15px; } #dev_page_content .dev_page_nav_wrap ul li { padding: 3px 0 4px; } #dev_page_content .dev_page_nav_wrap ul li a:first-child { font-size: 14px; display: inline-block; line-height: 22px; padding: 2px 6px 1px; margin-left: -6px; } #dev_page_content .dev_page_nav_wrap ul li a:first-child:hover { border-radius: 2px; background: #e6f1f7; } #dev_page_content .dev_page_nav_wrap hr { display: none; } .dev_faq_page h4 { font-size: 15px; line-height: 140%; margin-top: 26px; margin-bottom: 5px; } .dev_page_image, .tl_contest_page_wrap .dev_page_image { max-width: 100%; max-height: 400px; margin: 0 auto; } .dev_page_image img, .tl_contest_page_wrap .dev_page_image img { max-width: 100%; max-height: 400px; } .tl_main_download_link:hover, .tl_main_download_desktop_link:hover { box-shadow: none; } .dev_side_image { width: auto; max-width: none; float: none; text-align: center; padding: 0; } .dev_side_image img { display: block; margin: 20px auto; width: 180px; } .tl_team_member_photo_wrap { margin-bottom: 10px; } .tl_team_member_photo { width: 60px; height: 60px; background-size: 60px 905px; } .tl_team_member_pavel .tl_team_member_photo { background-position: 0 0; } .tl_team_member_nikolay .tl_team_member_photo { background-position: 0 -65px; } .tl_team_member_aliaksei .tl_team_member_photo { background-position: 0 -130px; } .tl_team_member_vitalik .tl_team_member_photo { background-position: 0 -195px; } .tl_team_member_arseny .tl_team_member_photo { background-position: 0 -260px; } .tl_team_member_igor .tl_team_member_photo { background-position: 0 -325px; } .tl_team_member_drklo .tl_team_member_photo { background-position: 0 -390px; } .tl_team_member_peter .tl_team_member_photo { background-position: 0 -455px; } .tl_team_member_john .tl_team_member_photo { background-position: 0 -520px; } .tl_team_member_kolar .tl_team_member_photo { background-position: 0 -585px; } .tl_team_member_ilya .tl_team_member_photo { background-position: 0 -650px; } .tl_team_member_igor1 .tl_team_member_photo { background-position: 0 -845px; } .tl_team_member_mike .tl_team_member_photo { background-position: 0 -780px; } .tl_team_member_grisha .tl_team_member_photo { background-position: 0 -715px; } .tl_team_member_name { margin-top: 20px; margin-left: 80px; margin-bottom: 40px; } .tl_team_member_body { margin-left: 0; } } @media (max-width: 480px) { .navbar-tg .container { padding: 0; } h3 a.anchor i.anchor-icon {margin-top: 1px;} a.anchor { margin-left: -16px; } .tl_main_award { display: none; } .tl_main_logo_wrap { padding-top: 10px; padding-bottom: 2px; } svg.tl_main_logo, image.tl_main_logo, img.tl_main_logo { width: 85px !important; height: 85px !important; } div.tl_main_logo { width: 100px !important; height: 100px !important; margin: -5px auto; } .tl_main_logo_title, .tl_main_logo_title:hover { font-size: 23px; margin-top: 15px; margin-bottom: 5px; letter-spacing: -1px; } .tl_main_logo_lead { font-size: 16px; max-width: 224px; } .tl_main_head_download { margin-bottom: 10px; } .tl_main_download_btn { max-width: 200px; width: auto; padding: 6px 9px; line-height: 20px; font-size: 13px; margin: 5px 10px; } .tl_main_cards { margin-top: 10px; } .tl_main_card_header { margin: 10px 0 6px; font-size: 21px; font-weight: normal; letter-spacing: -1px; } .tl_main_card_lead { font-size: 15px; } .smartphone_video_player_wrap { /*display: none;*/ } .td_content_wrap { width: auto; font-size: 14px; margin: 0 20px; } .td_screenshot { margin-top: 26px; } .td_content_title { font-size: 22px; margin-top: 21px; margin-bottom: 10px; } .td_download_wrap, .td_download_wrap_low { margin: 0 auto; width: 320px; } .td_download_wrap_low { margin-bottom: 30px; } .td_download_add_wrap { width: 280px; margin: 0 auto 10px; } #td_about_osx { width: 320px; font-size: 16px; } .td_about_osx_team { display: none; } .td_about_license { font-size: 12px; } #td_about_tdesktop { font-size: 16px; margin: 10px 15px 24px; } .td_screenshot_tdirect { background-size: 225px 270px; height: 270px; margin: 40px 20px 20px; } .td_content_tdirect_title { font-size: 20px; margin-top: 21px; margin-bottom: 10px; letter-spacing: 0; } /* Telegram.me */ .tgme_page_photo_image { width: 110px; height: 110px; border-radius: 55px; } .tgme_page { margin-top: 0; } .tgme_page_additional { display: block; } .tgme_footer { display: none; } .blog_2images_wrap, .blog_3images_wrap, .blog_medium_image_wrap, .blog_medium_image_wrap img, .blog_image_wrap, .blog_image_wrap img { width: auto; max-width: 275px; } .blog_2images_wrap, .blog_3images_wrap { margin: 20px auto 20px; } .blog_2images_wrap .blog_image_wrap, .blog_3images_wrap .blog_image_wrap { float: none; margin: 20px 0 20px; } } @media (max-width: 340px) { .tl_main_download_image__android { margin: -109px 0 0 -101px; background-size: 196px 183px; width: 205px; height: 162px; } .tl_main_download_image__ios { margin: -103px 0 0 -101px; background-size: 300px 183px; width: 206px; height: 165px; } .tl_main_video_player__android { margin: -109px 0 0 -101px; width: 205px; height: 162px; } .tl_main_video_player__ios { /*margin: -103px 0 0 -101px;*/ margin: -104px 0 0 -101px; width: 206px; height: 165px; } } @media (max-width: 320px) { #td_about_tdesktop { font-size: 14px; } #td_open_from_desktop { font-size: 15px; padding: 13px 18px; } } .tl_contest_page_wrap + .pager_wrap { max-width: 600px; margin: 0 auto; }