/* Telegram Me */
.tgme_page_wrap {
  font-family: 'Roboto', sans-serif;;
  color: #2b2d2e;
}
.tgme_page_wrap a,
.tgme_page_wrap a:hover,
.tgme_page_wrap a:active {
  color: #3ca2d9;
}

.tgme_head_wrap {
  background: #FFF;
  height: 59px;
  padding: 14px 16px;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15);
  -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15);
  box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15);
}
.tgme_logo {
  display: inline-block;
  background: url(/public/img/social/telegram.png) 0 0 no-repeat;
  width: 131px;
  height: 32px;
  background-size: 131px 32px;
}
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;
}
a.tgme_head_dl_button:hover,
a.tgme_head_dl_button:active {
  color: #FFF;
  background: #32afed;
  text-decoration: none;
}

.tgme_page {
  position: relative;
  margin: 52px auto 50px;
  max-width: 424px;
}
.tgme_page_post {
  max-width: 455px;
  padding: 52px 0 50px;
  margin: 0 auto;
}
.tgme_page_icon {
  text-align: center;
  margin-bottom: 20px;
}

.tgme_page_photo {
  text-align: center;
  margin-top: -15px;
  margin-bottom: 15px;
}
.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: #333;
}
.tgme_page_extra {
  font-size: 15px;
  line-height: 27px;
  text-align: center;
  margin-bottom: 6px;
  color: #808080;
}
.tgme_page_description,
.tgme_page_additional {
  font-size: 16px;
  line-height: 25px;
  text-align: center;
  max-width: 340px;
  padding: 0 10px;
  margin: 0 auto;
}
.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_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: 32px;
  line-height: 0;
}
a.tgme_action_button,
a.tgme_action_button_new {
  font-size: 14px;
  font-weight: bold;
  line-height: 100%;
  color: #FFF;
  background: #5dc390;
  border-radius: 22px;
  overflow: hidden;
  display: inline-block;
  padding: 15px 27px 13px;
  text-transform: uppercase;
}
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: #33d684;
}
a.tgme_action_button_new:hover,
a.tgme_action_button_new:active {
  background: #28c979;
}

.tgme_page_web_action {
  margin-top: 18px;
}
.tgme_page_web_action a.tgme_action_button {
  color: #5dc390;;
  background: #fff;
  border: 2px solid #5dc390;
  padding: 13px 25px 11px;
}
.tgme_page_web_action a.tgme_action_button:hover,
.tgme_page_web_action a.tgme_action_button:active {
  color: #5dc390;;
  background: #FFF;;
  text-decoration: none;
}

.tgme_footer {
  margin: 0 auto 50px;
  border-top: 1px solid #e0e0e0;
  max-width: 424px;
  padding-top: 38px;
}

.tgme_footer_description {
  font-size: 17px;
  line-height: 27px;
  text-align: center;
  max-width: 330px;
  padding: 0 10px;
  margin: 0 auto 0;
}
.tgme_footer_action {
  text-align: center;
  margin-top: 28px;
  line-height: 0;
}
a.tgme_footer_dl_button {
  background: #32afed;
}
a.tgme_footer_dl_button:hover,
a.tgme_footer_dl_button:active {
  background: #1ca4e7;
}

.tgme_page_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;
}