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/bulleteccb.png);
  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/SiteiOSc81e.jpg) 50% 0 no-repeat;
}
.tl_main_download_image__android {
  margin: -150px 0 0 -152px;
  width: 304px;
  height: 240px;
  background: url(../img/SiteAndroidc81e.jpg) 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/SiteDesktopc81e.jpg) 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(../../external.html?link=http://telegram.org/img/SiteIconApple.svg);
}
.icon-android {
  background-image: url(../../external.html?link=http://telegram.org/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(../../external.html?link=http://telegram.org/img/app_icon_android.svg);
}
.app-icon-ios {
  background-image: url(../../external.html?link=http://telegram.org/img/app_icon_ios.svg);
}
.app-icon-macos {
  background-image: url(../../external.html?link=http://telegram.org/img/app_icon_macos.svg);
}
.app-icon-desktop {
  background-image: url(../../external.html?link=http://telegram.org/img/app_icon_desktop.svg);
}
.app-icon-webk {
  background-image: url(../../external.html?link=http://telegram.org/img/app_icon_webk.svg);
}
.app-icon-webz {
  background-image: url(../../external.html?link=http://telegram.org/img/app_icon_webz.svg);
}
.app-icon-weba {
  background-image: url(../../external.html?link=http://telegram.org/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 {
  vertical-align: top;
  -webkit-user-drag: none;
  user-drag: none;
  cursor: text;
}
.dev_page_bread_crumbs .breadcrumb {
  margin-bottom: 10px;
  border-radius: 0;
}
#dev_page_title {
  position: static;
}

.dev_page_head .dev_page_head_logo {
  margin-left: 0;
}
#dev_page_content_wrap blockquote {
  padding: 5px 17px;
}
#dev_page_content_wrap pre {
  overflow-x: auto;
  border-radius: 0;
}

#dev_page_content_wrap pre::-webkit-scrollbar {
  visibility: visible;
  display: block;
  height: 15px;
}
#dev_page_content_wrap pre::-webkit-scrollbar-track:horizontal {
  background: rgba(93, 144, 177, 0.2);
  border-radius: 0;
  height: 15px;
}
#dev_page_content_wrap pre::-webkit-scrollbar-thumb:horizontal {
  background: rgba(93, 144, 177, 0.4);
  border-radius: 0;
  height: 15px;
}

#dev_page_content_wrap .richcode {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;

  color: #546172;
  background: #ecf3f8;

  font-family: Monaco,Menlo,Consolas,"Courier New",monospace;
}
#dev_page_content_wrap .richcode code {
  background: #FFF;
}
.richcode p:last-child {
  margin-bottom: 0;
}

#dev_page_content_wrap pre code {
  overflow-wrap: normal;
  white-space: pre;
}
#dev_page_content_wrap a.current_page_link {
  color: #468847;
  text-decoration: underline;
}

#dev_page_content_wrap a.nonexisting_page_link {
  color: #FF0000;
  text-decoration: underline;
}

.dev_side_image {
  max-width: 200px;
  float: right;
  padding: 0 0 0 20px;
}
.dev_side_image img {
  max-width: 180px;
}
.dev_side_image picture {
  max-width: 180px;
}


#dev_page_content_wrap pre.page_scheme {
  margin: 20px 0 30px;
}
.dev_page_edit_form {
  border-top: 1px solid #DDD;
  padding-top: 50px;
  max-width: 800px;
  margin: 30px auto 0;
  direction: ltr;
}
.dev_page_edit_form .CodeMirror {
  font-size: 14px;
  line-height: 20px;
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
  border: 1px solid #eee;
  height: auto;
  position: relative;

  margin-bottom: 9px;
  color: #555555;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}

.dev_page_edit_form .CodeMirror-focused {
 border-color: rgba(82, 168, 236, 0.8);
 outline: 0;
 outline: thin dotted \9;

 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
         box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

.dev_page_edit_form .CodeMirror-scroll {
  overflow-y: hidden;
  overflow-x: auto;
}

.dev_page_edit_form .CodeMirror pre {
  white-space: pre-wrap;
  word-break: break-all;
  word-wrap: break-word;
}

.dev_page_edit_form #dev_page_diff .CodeMirror {
  font-size: 12px;
  margin-bottom: 0;
}
#dev_page_diff .CodeMirror-merge,
#dev_page_diff .CodeMirror-merge .CodeMirror {
  height: auto;
}
#dev_page_diff .CodeMirror-merge-2pane {
  display: flex;
  border: 0;
  margin-bottom: 9px;
}
#dev_page_diff .CodeMirror-merge-2pane .CodeMirror-merge-pane {
  width: 48%;
}
#dev_page_diff .CodeMirror-merge-2pane .CodeMirror-merge-gap {
  height: auto;
  width: 4%;
}
#dev_page_diff .CodeMirror-merge-pane-rightmost {
  position: static;
  right: auto;
}
#dev_page_diff .CodeMirror-merge-scrolllock-wrap {
  display: none;
}
#dev_page_diff .CodeMirror-merge-left .CodeMirror {
  background: rgba(0,0,0,0.06);
}
#dev_page_diff .CodeMirror-merge-l-inserted,
#dev_page_diff .CodeMirror-merge-l-deleted {
  background: none;
}
#dev_page_diff.dev_page_diff__wcolor .CodeMirror-merge-l-inserted {
  /*background: rgba(0,200,0,0.18);*/
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAYAAACddGYaAAAAGUlEQVQI12MwuCXy3+CWyH8GBgYGJgYkAABZbAQ9ELXurwAAAABJRU5ErkJggg==);
  background-position: bottom left;
  background-repeat: repeat-x;
  background-color: #dfd;
  /*border: 1px solid #4e4;*/
}
#dev_page_diff.dev_page_diff__wcolor .CodeMirror-merge-l-deleted {
  /*background: rgba(200,0,0,0.18);*/
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAYAAACddGYaAAAAGUlEQVQI12M4Kyb2/6yY2H8GBgYGJgYkAABURgPz6Ks7wQAAAABJRU5ErkJggg==);
  background-position: bottom left;
  background-repeat: repeat-x;
  background-color: #fdd;
  /*border: 1px solid #e44;*/
}

.table-msg-schema td {
  text-align: center;
}
.table-msg-schema>thead>tr>th,
.table-msg-schema>tbody>tr>th,
.table-msg-schema>tfoot>tr>th,
.table-msg-schema>thead>tr>td,
.table-msg-schema>tbody>tr>td,
.table-msg-schema>tfoot>tr>td {
  border: 1px solid #d5d5d5;
}

#dev_upload_btn {
  cursor: pointer;
  overflow: hidden;
  position: relative;
}
.dev_upload_input {
  cursor: pointer;
  font-size: 72px !important;
  opacity: 0.01;
  position: absolute;
  z-index: 100;
  margin: 0;
  padding: 0;
  top: 0;
  right: 0;
}


.app_edit_page {
  width: 700px;
  margin: 40px auto;
}
.app_lock_tt {
  padding: 3px;
  display: inline-block;
}
.app_lock_text {
  font-size: 13px;
}

.tg-table-stats {
  font-size: 12px;
}
.tg-table-stats th a.active {
  color: inherit;
}

.dev_side_nav_wrap {
  position: relative;
}
.dev_side_nav {
  position: absolute;
  width: 200px;
  right: -200px;
  z-index: 1;
}
.is_rtl .dev_side_nav {
  left: -200px;
  right: auto;
}
.is_rtl .dev_side_nav .nav {
  padding-right: 0;
  padding-left: 0;
  padding-right: 0;
}
.dev_side_nav > ul {
  width: 200px;
  background: none;
  padding: 10px 0 10px;
}
.dev_side_nav > ul::-webkit-scrollbar {
  display: none;
}
.dev_side_nav > ul.affix-top {
  position: relative;
}
.dev_side_nav > ul.affix {
  position: fixed;
  top: 0;
  padding-top: 80px;
  max-height: 100%;
  overflow-y: scroll;
}
.dev_side_nav > ul.affix-bottom {
  position: relative;
  height: auto;
  overflow-y: scroll;
}
.dev_side_nav li {
  float: none !important;
}
.dev_side_nav li a {
  border-left: 2px solid transparent;
  padding: 10px 10px;
  background: none !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.is_rtl .dev_side_nav li a {
  border-right: 2px solid transparent;
  border-left: 0;
}
.dev_side_nav li a {
  display: block;
  font-size: 13px;
  font-weight: 500;
  padding: 4px 20px 4px 18px;
  font-weight: 700;
  background-color: transparent;
}
.is_rtl .dev_side_nav li a {
  padding: 4px 18px 4px 20px;
}
.dev_side_nav li li a {
  padding-left: 15px;
  padding: 1px 18px 1px 30px;
  font-size: 12px;
  font-weight: 400;
}
.is_rtl .dev_side_nav li li a {
  padding: 1px 30px 1px 18px;
}
.dev_side_nav li a:hover {
  border-color: rgba(23, 156, 222, 0.6);
}
.dev_side_nav li.active > a {
  border-color: #179cde;
}
.dev_side_nav li ul {
  display: none;
}
.dev_side_nav li.active ul {
  display: block;
}


/* Core / dev end*/



/* Support */
.support_wrap {
  max-width: 800px;
  background: #FFF;
  margin: 0 auto;
  padding: 20px 0;
}
.support_submit {
}


/* FAQ */
.twitter_timeline_wrap {
  width: 300px;
  padding-top: 14px;
}
.is_rtl .dev_layer_select .dropdown-menu {
  right: auto;
  left: 0;
}

.is_rtl {
  direction: rtl;
}

.is_rtl blockquote {
  padding: 0 15px 0 0;
  margin: 0 0 20px;
  border-left: 0;
  border-right: 5px solid #179cde;
}

.is_rtl .pull-right,
.is_rtl .slightly-pull-right {
  float: left;
}
.is_rtl .pull-left,
.is_rtl .slightly-pull-left {
  float: right;
}

.is_rtl .anchor {
  left: auto;
  right: 0;
}

.top_lang_select.tlb_top_lang_select {
  float: right;
  margin: -4px -5px -4px 0;
}
.lang_rtl .top_lang_select.tlb_top_lang_select {
  float: left;
}
.top_lang_select .dropdown-toggle {
  display: block;
  text-align: center;
  padding-top: 15.5px;
  padding-bottom: 15.5px;
  font-size: 15px;
  line-height: 17px;
}
.top_lang_select.tlb_top_lang_select a.dropdown-toggle {
  padding: 8px 6px 8px 8px;
  border-radius: 6px;
  /*transition: background-color ease-in-out 0.2s, color ease-in-out 0.2s;*/
}
.navbar-tg .top_lang_select.open a.dropdown-toggle:active,
.navbar-tg .top_lang_select.open a.dropdown-toggle:hover,
.navbar-tg .top_lang_select.open a.dropdown-toggle {
  background: transparent;
  color: #0088cc;
}
.top_lang_select.tlb_top_lang_select.open a.dropdown-toggle:hover,
.top_lang_select.tlb_top_lang_select.open a.dropdown-toggle:active,
.top_lang_select.tlb_top_lang_select.open a.dropdown-toggle {
  background-color: #3faee8;
  color: #fff;
}
.dev_top_lang_icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: top;
  line-height: 100%;
  margin-right: 4px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='%230088cc'><path d='M8 0.4C12.2 0.4 15.6 3.8 15.6 8 15.6 12.2 12.2 15.6 8 15.6 3.8 15.6 0.4 12.2 0.4 8 0.4 3.8 3.8 0.4 8 0.4ZM9.63 11.1L6.37 11.1C6.73 13.07 7.4 14.4 8 14.4 8.6 14.4 9.27 13.07 9.63 11.1ZM5.14 11.1L2.4 11.1C3.19 12.52 4.51 13.61 6.09 14.11 5.71 13.41 5.41 12.5 5.21 11.45L5.14 11.1ZM13.6 11.1L10.86 11.1C10.65 12.3 10.33 13.33 9.92 14.11 11.4 13.64 12.66 12.65 13.46 11.35L13.6 11.1ZM4.99 6.1L1.89 6.1C1.7 6.7 1.6 7.34 1.6 8 1.6 8.66 1.7 9.3 1.89 9.9L4.99 9.9C4.94 9.44 4.92 8.97 4.91 8.49L4.9 8 4.9 7.71C4.91 7.16 4.94 6.62 4.99 6.1ZM9.8 6.1L6.2 6.1C6.14 6.7 6.1 7.34 6.1 8 6.1 8.66 6.14 9.3 6.2 9.9L9.8 9.9C9.86 9.3 9.9 8.66 9.9 8 9.9 7.34 9.86 6.7 9.8 6.1ZM14.11 6.1L11.01 6.1C11.07 6.71 11.1 7.34 11.1 8 11.1 8.66 11.07 9.29 11.01 9.9L14.11 9.9C14.3 9.3 14.4 8.66 14.4 8 14.4 7.34 14.3 6.7 14.11 6.1ZM6.08 1.89L6.02 1.91C4.47 2.42 3.18 3.5 2.4 4.9L5.14 4.9C5.33 3.82 5.6 2.87 5.96 2.13L6.08 1.89ZM8 1.6L7.93 1.61C7.35 1.71 6.72 3.01 6.37 4.9L9.63 4.9C9.28 3.01 8.66 1.71 8.08 1.61L8 1.6ZM9.91 1.89L9.97 2C10.36 2.76 10.66 3.76 10.86 4.9L13.6 4.9C12.86 3.56 11.65 2.52 10.19 1.98L9.91 1.89Z'/></svg>") no-repeat 0 0;
}
.lang_rtl .dev_top_lang_icon {
  margin-right: 0;
  margin-left: 4px;
}
.tlb_top_lang_select.open .dev_top_lang_icon {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='%23fff'><path d='M8 0.4C12.2 0.4 15.6 3.8 15.6 8 15.6 12.2 12.2 15.6 8 15.6 3.8 15.6 0.4 12.2 0.4 8 0.4 3.8 3.8 0.4 8 0.4ZM9.63 11.1L6.37 11.1C6.73 13.07 7.4 14.4 8 14.4 8.6 14.4 9.27 13.07 9.63 11.1ZM5.14 11.1L2.4 11.1C3.19 12.52 4.51 13.61 6.09 14.11 5.71 13.41 5.41 12.5 5.21 11.45L5.14 11.1ZM13.6 11.1L10.86 11.1C10.65 12.3 10.33 13.33 9.92 14.11 11.4 13.64 12.66 12.65 13.46 11.35L13.6 11.1ZM4.99 6.1L1.89 6.1C1.7 6.7 1.6 7.34 1.6 8 1.6 8.66 1.7 9.3 1.89 9.9L4.99 9.9C4.94 9.44 4.92 8.97 4.91 8.49L4.9 8 4.9 7.71C4.91 7.16 4.94 6.62 4.99 6.1ZM9.8 6.1L6.2 6.1C6.14 6.7 6.1 7.34 6.1 8 6.1 8.66 6.14 9.3 6.2 9.9L9.8 9.9C9.86 9.3 9.9 8.66 9.9 8 9.9 7.34 9.86 6.7 9.8 6.1ZM14.11 6.1L11.01 6.1C11.07 6.71 11.1 7.34 11.1 8 11.1 8.66 11.07 9.29 11.01 9.9L14.11 9.9C14.3 9.3 14.4 8.66 14.4 8 14.4 7.34 14.3 6.7 14.11 6.1ZM6.08 1.89L6.02 1.91C4.47 2.42 3.18 3.5 2.4 4.9L5.14 4.9C5.33 3.82 5.6 2.87 5.96 2.13L6.08 1.89ZM8 1.6L7.93 1.61C7.35 1.71 6.72 3.01 6.37 4.9L9.63 4.9C9.28 3.01 8.66 1.71 8.08 1.61L8 1.6ZM9.91 1.89L9.97 2C10.36 2.76 10.66 3.76 10.86 4.9L13.6 4.9C12.86 3.56 11.65 2.52 10.19 1.98L9.91 1.89Z'/></svg>") no-repeat 0 0;
}
.navbar-nav > li.top_lang_select > .dropdown-menu,
.top_lang_select.tlb_top_lang_select > .dropdown-menu {
  width: 280px;
  min-width: 280px;
  border-radius: 8px;
  padding: 14px;
  right: 0;
  left: auto;
  margin-top: 4px;
  box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, .10);
  border-color: #e8e8e8;

  transition: transform ease-in-out 0.15s, opacity ease-out 0.15s;
  transform-origin: top right;
  transform: scaleX(0.15) scaleY(0.15);
  display: block;
  opacity: 0;
  pointer-events: none;
}
.lang_rtl .navbar-nav > li.top_lang_select > .dropdown-menu,
.lang_rtl .top_lang_select.tlb_top_lang_select > .dropdown-menu {
  transform-origin: top left;
  right: auto;
  left: 0;
}
body.preload .top_lang_select > .dropdown-menu,
.top_lang_select.tlb_top_lang_select > .dropdown-menu {
  transition: none !important;
}
.navbar-nav > li.top_lang_select.open > .dropdown-menu,
.top_lang_select.tlb_top_lang_select.open > .dropdown-menu {
  transform: scaleX(1.0) scaleY(1.0);
  opacity: 1;
  pointer-events: all;
}
.navbar-nav > li.top_lang_select > .dropdown-menu.dropdown-menu--short,
.top_lang_select.tlb_top_lang_select > .dropdown-menu.dropdown-menu--short {
  width: 155px;
  min-width: 155px;
}
@media (max-width: 640px) {
  .navbar-nav > li.dev_top_lang_select > .dropdown-menu {
    left: 0;
    right: auto;
  }
}
.top_lang_select .dropdown-menu li {
  float: left;
  display: block;
  width: 125px;
}
.lang_rtl .top_lang_select .dropdown-menu li {
  float: right;
  text-align: right;
}

.top_lang_select .dropdown-menu li.divider {
  float: none;
  clear: left;
  width: auto;
  margin: 6px 0;
}
.top_lang_select .dropdown-menu li a {
  display: inline-block;
  font-size: 13px;
  max-width: 125px;
  padding: 9px 10px;
  border-radius: 4px;
  white-space: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 15px;
  margin: 0;
}
.top_lang_select .dropdown-menu li.long a {
  font-size: 12px;
}
.top_lang_select .dropdown-menu li.missing a {
  color: #777;
}
.navbar-nav > .top_lang_select .dropdown-menu li a:hover {
  background: #e8f3fa;
  color: #0088cc;
}
.top_lang_select.tlb_top_lang_select .dropdown-menu li a:hover {
  background: #3faee8;
  color: #fff;
}
.top_lang_select .dropdown-menu li.chosen a,
.top_lang_select .dropdown-menu li.chosen a:hover {
  color: #000;
  background: #fff;
}
.top_lang_select .minicaret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.lang_rtl .top_lang_select .minicaret {
  margin-left: 0;
  margin-right: 2px;
}

#login_widget_config {
  margin: 40px auto;
}
.form-group .dropdown + .dropdown {
  margin-left: 15px;
}
.dropdown-label {
  margin-right: 7px;
  display: inline-block;
  max-width: 300px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: top;
}
.dropdown-label .muted {
  color: #999;
}

.textfield-item input.form-control,
.form-control-dropdown-select,
.form-control-static-item,
.textfield-item-placeholder {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
}
.textfield-item input.form-control,
.form-control-dropdown-select {
  padding: 11px 0 10px;
  border: none;
  height: auto;
  resize: none;
  color: inherit;
  background: transparent;
  border-bottom: 1px solid #e0e0e0;
  box-shadow: none;
}
.textfield-item input.form-control:focus {
  box-shadow: none;
}
.form-control-static-item {
  padding: 11px 0;
}

.textfield-item {
  display: block;
  position: relative;
}
.textfield-item-underline {
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  right: 50%;
  height: 2px;
  background: #39ade7;
  transition: opacity .2s ease-out, left 0s .2s linear, right 0s .2s linear;
  opacity: 0;
}
.textfield-item input.form-control:focus ~ .textfield-item-underline {
  transition: left .2s ease-out, right .2s ease-out;
  left: 0;
  right: 0;
  opacity: 1;
}
.textfield-item-placeholder {
  bottom: 0;
  color: #ccc;
  color: rgba(0,0,0,.26);
  left: 0;
  right: 0;
  pointer-events: none;
  position: absolute;
  display: block;
  top: 11px;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-align: left
}

.textfield-item input.form-control::-webkit-input-placeholder {
  color: #999;
  color: rgba(0,0,0,.42);
}
.textfield-item input.form-control::-moz-placeholder {
  color: #999;
  color: rgba(0,0,0,.42);
}
.textfield-item input.form-control:-ms-input-placeholder {
  color: #999;
  color: rgba(0,0,0,.42);
}
.textfield-item input.form-control:focus::-webkit-input-placeholder {
  color: #ccc;
  color: rgba(0,0,0,.26);
}
.textfield-item input.form-control:focus::-moz-placeholder {
  color: #ccc;
  color: rgba(0,0,0,.26);
}
.textfield-item input.form-control:focus:-ms-input-placeholder {
  color: #ccc;
  color: rgba(0,0,0,.26);
}
.textfield-item-error {
  color: #d45a58;
  position: absolute;
  font-size: 14px;
  line-height: 19px;
  min-height: 19px;
  margin: 5px 0 -19px;
  background: #fff;
  width: 100%;
  padding-bottom: 7px;
  visibility: hidden;
  display: block;
}
.textfield-item.is-invalid .textfield-item-error {
  visibility: visible
}
.textfield-item.is-invalid input.form-control {
  border-bottom: 1px solid #d50000;
}
.textfield-item.is-invalid .textfield-item-underline {
  background: #d50000;
}
.control-label-item,
.form-telegram .control-label {
  text-align: right;
  margin-bottom: 0;
  line-height: 20px;
  padding-top: 11px;
}
.form-telegram .help-block {
  font-size: 13px;
  color: #808080;
  margin-top: 10px;
  margin-bottom: 5px;
}
.form-telegram .form-group {
  margin-bottom: 20px;
}
.form-telegram textarea.form-control {
  margin-top: 7px;
}
.form-telegram .form-control[readonly] {
  cursor: text;
  background: #fff;
}
.form-telegram .form-control[readonly]:focus {
  border: 1px solid #ccc;
  box-shadow: none;
}
.form-control-dropdown {
  position: relative;
}
.form-control-dropdown.has-items:before {
  content: '';
  position: absolute;
  display: inline-block;
  margin: 16px 10px 0;
  width: 14px;
  height: 9px;
  background: url(../img/rc_iconsc4ca.png) 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_iconsc4ca.png) 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_iconsc4ca.png) 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(../../external.html?link=http://telegram.org/img/Widget_Share.svg?1);
}
.dev_page_widget_thumb_post {
  background-image: url(../../external.html?link=http://telegram.org/img/Widget_Post.svg?1);
}
.dev_page_widget_thumb_login {
  background-image: url(../../external.html?link=http://telegram.org/img/Widget_Login.svg?1);
}
.dev_page_widget_thumb_comments {
  background-image: url(../../external.html?link=http://telegram.org/img/Widget_Comments.svg?1);
}
.dev_page_widget_title {
  font-size: 15px;
  line-height: 1.5;
  margin: 12px 0 0;
  font-weight: bold;
  text-align: center;
}
@media (min-width: 670px) {
  .dev_page_widgets_list {
    margin-right: -36px;
  }
  .dev_page_widget_item {
    float: left;
    margin-left: 0;
    margin-right: 36px;
  }
  .dev_page_widget_title {
    margin-top: 17px;
  }
}

/* Contest */

.tl_contest_page_wrap {
  padding: 0 0 20px;
  max-width: 600px;
  margin: 0 auto;
}
.tl_contest_intro {
  margin: 0;
}
.tl_contest_side_image_wrap {
  position: relative;
}
.tl_contest_side_image {
  margin: 50px 0 0 -180px;
  width: 160px;
  height: 160px;
  position: absolute;
}
.tl_contest_side_image2 {
  margin-top: 0px;
}
.tl_contest_side_image3 {
  margin-top: 10px;
}
.tl_contest_page_wrap .tl_main_share {
  margin: 0 0 20px;
  text-align: left;
}
.lang_rtl .tl_contest_page_wrap .tl_main_share {
  text-align: right;
}
.tl_contest_page_wrap #dev_page_title {
  font-size: 24.5px;
  line-height: 33px;
  margin: 20px 0 10px 0;
}
.tl_contest_dl_btn {
  padding: 0;
}
#traffic_log_wrap {
  min-height: 300px;
  /*max-height: 600px;*/
  /*overflow: auto;*/
  overflow-wrap: normal;
  white-space: pre;
}

.tl_contest_log {
  padding-top: 10px;
}
.tl_contest_log h3 {
  margin-top: 0;
}

/* Blog */
.blog_side_image_wrap {
  position: relative;
  direction: ltr;
}
.lang_rtl .blog_side_image_wrap {
  direction: rtl;
}
.blog_side_image {
  margin: -41px 0 0 -180px;
  width: 160px;
  height: 160px;
  position: absolute;
}
.lang_rtl .blog_side_image {
  margin: -41px -180px 0 0;
}

.blog_side_centered_image_wrap {
  position: relative;
}
a.blog_side_cetered_image,
a.blog_side_centered_image {
  display: block;
  width: 160px;
  height: 160px;
  margin: 10px auto 20px;
}
img.blog_side_cetered_image,
img.blog_side_centered_image {
  width: 160px;
  height: 160px;
}

.tlb_blog_page .blog_side_image_wrap {
  display: none;
}
.tlb_blog_page .blog_side_image {
  display: block;
  margin: 20px auto;
  width: 160px;
  height: 160px;
  position: static;
}

.blog_wide_image img {
  width: 100%;
  padding-bottom: 20px;
}
.blog_image_wrap {
  width: 275px;
  margin: 10px auto 20px;
}
.blog_image_wrap a {

}
.blog_image_wrap img {
  width: 275px;
  padding: 10px 5px;
}
.blog_medium_image_wrap,
.blog_medium_image_wrap img {
  width: 400px;
}

.blog_wide_image_wrap,
.blog_wide_image_wrap img {
  width: 100%;
  max-width: auto;
}
#dev_page_content .blog_image_wrap p,
.tlb_page_wrap .tl_contest_page_wrap #dev_page_content .blog_image_wrap p {
  text-align: center;
  color: #808080;
  font-size: 12px;
  margin: 10px 0 0;
  line-height: 150%;
  padding: 0 10px;
}
.blog_footer {
  font-style: italic;
}

.blog_2images_wrap,
.blog_3images_wrap {
  width: 564px;
  margin: 20px auto 20px;
}
.blog_3images_wrap {
  width: 575px;
}
.blog_2images_wrap:before,
.blog_2images_wrap:after,
.blog_3images_wrap:before,
.blog_3images_wrap:after {
  content: " ";
  display: table;
}
.blog_2images_wrap:after,
.blog_3images_wrap:after {
  clear: both;
}
.blog_2images_wrap .blog_image_wrap,
.blog_3images_wrap .blog_image_wrap {
  float: left;
  margin-left: 0;
  margin-right: 14px;
}
.blog_3images_wrap .blog_image_wrap {
  margin-right: 10px;
}
.blog_2images_wrap .blog_image_wrap:last-child,
.blog_3images_wrap .blog_image_wrap:last-child {
  margin-right: 0;
}


.blog_video_player_wrap {
  max-width: 640px;
  margin: 10px auto 20px;
}
.blog_video_player {
  width: 100%;
}


/* My page */
.my_page_wrap {
  margin-top: 50px;
  font-size: 14px;
  line-height: 20px;
}
.my_page_wrap .container {
  max-width: 570px;
}

.my_page_wrap .tl_main_card {
  margin: 0;
}
#my_login_form_wrap {
  max-width: 400px;
}
.my_login_form_details {
  margin: 10px 0 20px;
}


#my_login_form_wrap .btn {
  box-shadow: none;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  border: 0;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  text-shadow: none;
}
#my_login_form_wrap .btn-primary {
  color: #fff;
  background-color: #428bca;
  border-color: #357ebd;
}
#my_login_form_wrap .btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
#my_login_form_wrap .btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.modal-header h4 {
  position: static;
}

.my_email_confirmation_result_wrap {
  margin-top: 40px;
}
.my_email_confirmation_result_text {
  padding: 10px;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
}


.smartphone_video_player_wrap {
  width: 270px;
  height: 555px;
  margin: 20px auto;
  position: relative;
  background: #000 url(../img/iPhone6.png) 0 0 no-repeat;
  background-size: 270px 555px;
}
.smartphone_video_player_iphone {
  position: absolute;
  margin-top: 69px;
  margin-left: 18px;
  border-radius: 3px;
  overflow: hidden;
  line-height: 0;
}
video.smartphone_video_player {
  cursor: pointer;
  width: 234px;
  height: 416px;
  line-height: 0;
  margin: 0;
  vertical-align: top;
}


.smarphone_device_nexus {
  margin: 40px auto;
  padding: 45px 14px 45px 14px;
  width: 290px;
  height: 514px;
  background: #1e1e1e;
  border-radius: 18.125px;
  display: block;
  position: relative;
  box-sizing: content-box;
}
.smarphone_device_nexus:before {
  -webkit-border-radius: 540px / 45px;
  border-radius: 540px / 45px;
  background: inherit;
  content: '';
  top: 0;
  position: absolute;
  height: 103.1%;
  width: calc(100% - 23px);
  top: 50%;
  left: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  box-sizing: content-box;
}
.smarphone_device_nexus .top-bar {
  width: calc(100% - 7px);
  height: calc(100% - 5px);
  position: absolute;
  top: 3px;
  left: 4px;
  -webkit-border-radius: 18px;
  border-radius: 18px;
  background: #181818;
  box-sizing: content-box;
}
.smarphone_device_nexus .top-bar:before {
  -webkit-border-radius: 540px / 45px;
  border-radius: 540px / 45px;
  background: inherit;
  content: '';
  top: 0;
  position: absolute;
  height: 103.0%;
  width: calc(100% - 26px);
  top: 50%;
  left: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  box-sizing: content-box;
}
.smarphone_device_nexus .bottom-bar{
  display: none;
  box-sizing: content-box;
}
.smarphone_device_nexus .sleep {
  width: 3px;
  position: absolute;
  left: -3px;
  top: 99px;
  height: 90px;
  background: inherit;
  -webkit-border-radius: 2px 0px 0px 2px;
  border-radius: 2px 0px 0px 2px;
  box-sizing: content-box;
}
.smarphone_device_nexus .volume {
  width: 3px;
  position: absolute;
  right: -3px;
  top: 63px;
  height: 45px;
  background: inherit;
  -webkit-border-radius: 0px 2px 2px 0px;
  border-radius: 0px 2px 2px 0px;
  box-sizing: content-box;
}
.smarphone_device_nexus .camera {
  background: #3c3d3d;
  width: 9px;
  height: 9px;
  position: absolute;
  top: 18px;
  left: 50%;
  z-index: 3;
  margin-left: -5px;
  border-radius: 100%;
  box-sizing: content-box;
}
.smarphone_device_nexus .camera:before {
  background: #3c3d3d;
  width: 6px;
  height: 6px;
  content: '';
  display: block;
  position: absolute;
  top: 2px;
  left: -90px;
  z-index: 3;
  border-radius: 100%;
  box-sizing: content-box;
}
.smarphone_device_nexus .screen {
  position: relative;
  box-sizing: content-box;
}
.smarphone_device_nexus video {
  display: block;
  width: 290px;
  height: 514px;
  margin: 0 auto;
}


/* Telegram Me */
.tgme_page_wrap {
  font-family: 'Roboto', sans-serif;
  color: var(--text-color);
}

.tgme_background_wrap {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: -1;
  background: var(--body-bg);
}
.tgme_background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.tgme_background.default {
}
.tgme_background.motion {
  left: -10px;
  top: -10px;
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  animation: bg-motion 10s linear infinite;
}
.tgme_background_pattern {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  mix-blend-mode: overlay;
  background: center repeat;
  background-size: 420px auto;
  background-image: var(--pattern-url, none);
  opacity: var(--pattern-intensity, 1);
}
.tgme_background_pattern.default {
  opacity: 0.3;
  background-image: url('../../external.html?link=http://telegram.org/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('../../external.html?link=http://telegram.org/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/BlogLogo1xc4ca.png) 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(../../osx.telegram.org/updates/site/artboard.png) 50% 0 no-repeat;
  background-size: 420px 280px;
  height: 280px;
}

.td_screenshot_tdirect {
  background: url(../img/tdirectc4ca.jpg) 50% 0 no-repeat;
  background-size: 300px 360px;
  height: 360px;
  margin: 40px 20px;
}
.td_content_tdirect_title {
  font-size: 26px;
  color: #383a3b;
  text-align: center;
  margin-top: 32px;
  margin-bottom: 14px;
  font-weight: 600;
  letter-spacing: -1px;
}
.td_about_tdirect {
  font-size: 14px;
  margin: 14px 10px 24px;
  line-height: 1.5;
  text-align: center;
}
.td_download_btn.td_tdirect {
  border-radius: 5px;
  font-weight: bold;
  margin: 10px;
}
.td_howto_install_wrap {
  text-align: center;
  margin: 50px 0 40px;
}
.td_about_tdirect_store {
  margin-top: 60px;
}
.td_download_store_wrap {
  margin: 20px 0 10px;
  text-align: center;
}







@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .caret {
    background-image: url(../img/dropdown.png);
    background-size: 18px 26px;
  }
  .icon-twitter {
    background-image: url(../img/twitter_2x.png);
    background-size: 21px 17px;
  }
  .icon-breadcrumb-divider {
    background-image: url(../img/breadcrumb_divider.png);
    background-size: 5px 10px;
  }
  .icon-to-top {
    background-image: url(../img/back_to_top.png);
    background-size: 16px 7px;
  }
  .tl_main_award {
    background-image: url(../img/SiteAward_2x.gif);
    background-size: 100px 100px;
  }
  .icon-arrow-more {
    background-image: url(../img/tl_arrow_2x.png);
    background-size: 6px 11px;
  }
  .tl_main_download_desktop {
    background-image: url(../img/SiteDesktop_2xc81e.jpg);
    background-size: 1246px 260px;
  }

  .tl_main_download_image__android {
    background-image: url(../img/SiteAndroid_2xc81e.jpg);
    background-size: 290px 270px;
  }
  .tl_main_download_image__ios {
    background-image: url(../img/SiteiOS_2xc81e.jpg);
    background-size: 442px 270px;
  }
  .tl_main_download_link_tdesktop {
    background-image: url(../img/SiteTDesktop_2xc4ca.jpg);
    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_2xeccb.png);
    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/BlogLogo2xc4ca.png);
    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_2xc4ca.png);
    background-size: 20px 152px;
  }

  .form-control-dropdown.has-items:before {
    background-image: url(../img/rc_icons_2xc4ca.png);
    background-size: 20px 152px;
  }
  .td_screenshot_macos {
    background-image: url(../../osx.telegram.org/updates/site/artboard_2x.png);
    background-size: 420px 280px;
    height: 280px;
  }
  .td_screenshot_tdirect {
    background-image: url(../img/tdirect_2xc4ca.jpg);
  }
}

@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;
}
