:root {
/*
    --allTcolor: #484848
    --bgcolor: #fff;
    --bgHeader: linear-gradient(268.53deg, #00FFF0 31.59%, #5DFF35 54.91%, #00D93D 74.15%);
    --Intro: radial-gradient(153.01% 1666.27% at 7.34% 115.05%, #560CCB 29.26%, #8A54FD 96.11%);
    --H1black: #3C3C3C;
    --H2gray: #8F8F8F;
    --PicBorder: #f0f0f0;
    --MenuLink: #3C3C3C;


*/
    --TopMColor: #3C3C3C;
}

.postodiv img {
    max-width: 350px;
}

.VIpgJd-ZVi9od-aZ2wEe-wOHMyf {
	z-index: -200 !important;
}

#gt_float_wrapper {
	bottom: 6px !important;
  	right: 6px !important;
}

.gt_float_switcher img {
	width: 25px !important;
    margin: 0 !important;
}

span.gt-lang-code {
	font-size: 0 !important;
}

.gt-current-lang {
	padding: 4px 8px !important;
}



.alert a {
    font-size: 14px;
	background: #FAFF06;
  	border-radius: 14px;
  	text-decoration: none;
 	text-align: center;
  	padding: 6px 12px;
  	color: #3C3C3C;
}


body {
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: var(--allTcolor);
    background: var(--bgcolor);
    -webkit-font-smoothing: antialiased;
    transition: all 0.3s ease;
}

.overflow {
  height: 100vh;
  min-height: 100vh;
  overflow: hidden;
}

.login-block {
    height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  overflow: hidden;
  background: #f9f9f9;
  color: #333;
  display: block;
  z-index: 999;
}

.block_top {
    background: var(--Intro);
    height: 50%;
    width: 100%;
    display: flex;
    justify-content: center;
    position: relative;
}

.block__img {
    position: absolute;
    bottom: -50px;
}

.block_bottom {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 50px;
}

.button__block {
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #FAFF06;
  border-radius: 14px;
  text-decoration: none;
  text-align: center;
  padding: 10px 10px;
  color: #3C3C3C;
  width: 350px;
}

*,
*:before,
*:after {
    box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
}

p {
    margin: 0 0 10px;
}

a {
    color: inherit;
    text-decoration: none;
}

hr {
  margin: 10px 0;
  border: 0;
    border-top-color: currentcolor;
    border-top-style: none;
    border-top-width: 0px;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: 0px;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #ffffff;}

.span8 img {
    max-width: 100%;
    height: auto;
}

.title_quote, .quote {
    color: var(--TopMColor);
}

.bb-pane {
    color: var(--TopMColor);
}

.ui-dialog {
    background: var(--bgcolor);
}

/* Для JS Bootstrap */
.fade {
  transition: opacity 0.15s linear;
  opacity: 0;
}
.fade.in {
  opacity: 1;
}

/*searh*/

#fullsearch {
    margin: 0 21px;
    width: 100%;
}

.searchdr {
    position: absolute;
    right: 0px;
    padding: 10px;
    border-bottom-left-radius: 14px;
    background: rgba(1, 1, 1, .6);
}

.searhright {
    height: 36px;
    float: right;
    margin-bottom: 10px;
}

#story {
    border-radius: 14px;
    padding: 5px 10px;
    width: 250px;
    border: none;
}

#story:focus {
    box-shadow: 0px 0px 3px 2px rgba(86, 12, 203, 0.25);
    outline: none;
}

/*modal*/
.modal-open .dropdown-menu {
  z-index: 2050;
}

.modal-open .dropdown.open {
  *z-index: 2050;
}

.modal-open .popover {
  z-index: 2060;
}

.modal-open .tooltip {
  z-index: 2070;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1050;
  overflow: auto;
  width: 450px;
  background-color: #ffffff;
  border-radius: 14px;
}

.modal a:link{ text-decoration: none;}
.modal.fade {
  transition: opacity .3s linear, top .3s ease-out;
  top: -15%;
}

.modal.fade.in {
  top: 10%;
}

.modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 15px;
  background: var(--bgHeader);

}

.modal-header h4 {
  color: #fff;
  font-size: 20px;

}

.modal-header .close {
  color: var(--H1black);
  font-size: 24px;
  cursor: pointer;
    font-weight: 500;

}
.modal-body {
    display:flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    background: var(--bgcolor);
}

.form-inline {
    width: 100%;
}

.input-small {
    border-radius: 14px;
    border: 1px solid var(--H2gray);
    padding: 6px;
    margin-right: 5px;
    width: 150px;
}

.form-inline .btn {
    float: right;
}

.input-small:focus {
    box-shadow: 0px 0px 3px 2px rgba(86, 12, 203, 0.25);
    outline: none;
}

.modal_ava {

}

.modal_foto {
    width: 170px;
    height: 170px;
    border-radius: 50%;
    white-space: nowrap;
    text-indent: -9999px;
    display: inline-block;
    background-size: cover;
}

.modal_menu {
    display:flex;
    flex-direction: column;
    align-items: flex-end;
    width: 100%;
}

.modal_title {
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: 700;
    color: var(--H2gray);
}

.modal-link {
    font-size: 14px;
    color: var(--H1black);
    margin-bottom: 10px;
}

.modal-link:hover {
    border-bottom: 1px solid var(--H2gray);
}


.modal-form {
  margin-bottom: 0;
}

.modal-footer {
  display: flex;
  justify-content: flex-end;
  padding: 14px 15px 15px;
  background: var(--Intro);

}

.modal-footer:before,
.modal-footer:after {
  display: table;
  content: "";

}
.modal-footer:after {
  clear: both;

}

.modal_btngrp {
    display: flex;
}

#dle-content {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -21px;
    min-height: 45vh;
    padding-top: 20px;
}

.span8 {
    padding: 0 21px;
    width: 100%;
}

.span9 {
    padding: 0 21px;
}

/* Profile */

.other-block {
    padding: 0 21px;
    width: 100%;
}

#userinfo {
    width: 96%;
}

.other-title {
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 1.2;
    background: linear-gradient(268.53deg, #00FFF0 31.59%, #5DFF35 54.91%, #00D93D 74.15%);
      background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    text-align: center;
    width: min-content;

}

.profile_info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: radial-gradient(153.01% 1666.27% at 7.34% 115.05%, #560CCB 29.26%, #8A54FD 96.11%);
    position: relative;
    height: 80px;
    margin-bottom: 40px;
    margin-top: 40px;
    padding: 0 50px 0 190px;
    border-radius: 100px;

}

.tab-content.profile {
    padding: 0 10px;
}

.nav_profile {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    font-size: 20px;
    margin: 0;
    list-style: none;
    padding: 0;

}

.nav_profile li:first-child {
    margin-right: 15px;
}

.nav_profile a {
    color: #fff;
    opacity: 0.6;
    font-weight: 600;
    padding: 5px 0;
}

.nav_profile .active a {
    border-bottom: 2px solid #fff;
    opacity: 1;
}

.profile_foto {
    width: 170px;
    height: 170px;
    border-radius: 50%;
    white-space: nowrap;
    text-indent: -9999px;
    display: inline-block;
    background-size: cover;
    position: absolute;
    left: 0;
    top: -50%;
}

.profile_name {
    background: radial-gradient(153.01% 1666.27% at 7.34% 115.05%, #560CCB 29.26%, #8A54FD 96.11%);
}

.profile_title {
    background: linear-gradient(268.53deg, #00FFF0 31.59%, #5DFF35 54.91%, #00D93D 74.15%);
  background-clip: border-box;
background-clip: border-box;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}

.profile_body {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.25;
    color: var(--H2gray);
    padding: 10px;
    margin-bottom: 10px;
}

.profile_body li {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 5px;
    list-style: none;
    border-bottom: 1px solid #EEE;
    padding: 5px;
}

.profile_body span {
    float: right;
    color: var(--H1black);
}

.profile_about {
    color: var(--H2gray);
    border: none;
    margin-top: 10px;
}

.profile_edit {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.profile_edit_item {
    margin-right: 30px;
    margin-bottom: 10px;
}

.profile_edit_item.about {
    width: 100%;
}

.profile_edit_item:last-child {
    margin-right: 0;
}

.profile_edit_item label {
    display: block;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.25;
    color: var(--H2gray);
    margin-bottom: 5px;

}

.form-control {
    border-radius: 14px;
    border: 1px solid var(--H2gray);
    padding: 10px;
    width: 250px;
}

.form-control:focus {
    box-shadow: 0px 0px 3px 2px rgba(86, 12, 203, 0.25);
    outline: none;
}

.form-control.about {
    width: 50%;
}

/* Registration */

#registration {
    width: 100%;
    margin: 0 21px;
}

.regtext {
    font-size: 20px;
    line-height: 1.2;
    font-weight: 400;
    color: var(--H2gray);
}

.ui-form {
    list-style: none;
    margin: 20px 0;
    padding: 0;
}

.form-group {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
}

.ui-form label {
    width: 180px;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.25;
    color: var(--H2gray);
}

.login_check {
    display: flex;
    flex-direction: column;
}

.login_check button {
    margin-top: 10px;
}

#result-registration {
    text-align: center;
    padding: 10px 0;
}

.wide {
    border-radius: 14px;
    border: 1px solid var(--H2gray);
    padding: 10px;
    width: 250px;
}

.wide:focus {
    box-shadow: 0px 0px 3px 2px rgba(86, 12, 203, 0.25);
    outline: none;
}

.form_submit {
    display: flex;
    flex-direction: column;
}

.c-capcha {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.c-capcha a {
    width: 180px;
}

#sec_code {
    border-radius: 14px;
    border: 1px solid var(--H2gray);
    padding: 10px;
    width: 250px;
    height: 37px;
}

.form_submit button {
    margin: 0 auto;
    margin-top: 20px;
}






/* Container */

.container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 15px;
}

/* Header */

.header {
    background: var(--bgHeader);
    position: absolute;
    top: 0px; /* Для нового года 65px так 0 */
    left: 0;
    z-index: 6;
    width: 100%;
}

.header.fixed {
    position: fixed;
   /* top: 0;  /* Для нового года, так не надо */
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}

.header__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
}

.header.fixed .header__inner {
    padding: 5px 0;
}

.topmenu {
    display: flex;
    align-items: center;
}

.topmenu__link {
    margin-left: 20px;
    text-decoration: none;
    color: var(--MenuLink);
    transition: all 0.2s linear;
}

.topmenu__link:first-child {
    margin-left: 0px;
}

.topmenu__link:hover {
    border-bottom: 1px solid var(--MenuLink);
}

.logo1 {
    margin-left: 20px;
    font-size: 36px;
    font-weight: 700;
    color: #fff;
}

.logo2 {
    margin-left: 6px;
    font-size: 24px;
    font-weight: 700;
    color: var(--TopMColor);
}

.header__contact {
    display: flex;
    align-items: center;
}

/* Icons and buttons */

.social {
    margin-left: 20px;
    border: none;
    background: none;
    cursor: pointer;
}

.social:first-child {
    margin-left: 0px;
}

.iconh {
    display: block;
    fill: var(--MenuLink);
    transition: fill 0.1s linear;
}

.iconpanther {
    display: block;
    fill: #3C3C3C;
    transition: fill 0.1s linear;
}

.icon--tele {
    height: 18px;
    width: 23px;
}

.icon--vk {
    height: 18px;
    width: 24px;
}

.icon--search {
    height: 24px;
    width: 24px;
}

.icon--user {
    height: 24px;
    width: 24px;
}

.icon--night {
    height: 24px;
    width: 28px;
}

.button {
    margin-left: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #FAFF06;
    border-radius: 14px;
    text-decoration: none;
    text-align: center;
    padding: 4px 10px;
    color: #3C3C3C;
}

.btn {
    margin-right: 5px;
    background: #FFEF06;
    border-radius: 14px;
    text-decoration: none;
    text-align: center;
    padding: 6px 12px;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: var(--TopMColor);
    border: 1px solid #FFEF06;
    transition: background 0.2s linear;
    cursor: pointer;

}

.btn:hover {
    background-color: #FFF44C;
}
.nav_toggle {
  display: none;
  margin-left: 20px;
  width: 22px;
  position: relative;
/*
  top: 24px;
  right: 24px;
*/
  z-index: 1;
  padding: 10px 0;
  font-size: 0;
  color: transparent;
  border: 0;
  background: none;
  cursor: pointer;
}

.nav_toggle_item {
    display: block;
    width: 100%;
    height: 3px;
    background-color: var(--MenuLink);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: all 0.2s linear;
    border-radius: 2px;
}

.nav_toggle_item:before, .nav_toggle_item:after {
    content: "";
    width: 100%;
    height: 3px;
    background-color: var(--MenuLink);
    position: absolute;
    left: 0;
    z-index: 1;
    transition: transform 0.2s linear;
    border-radius: 2px;
}

.nav_toggle_item:after {
    bottom: -6px;
}

.nav_toggle_item:before {
    top: -6px;
}

.nav_toggle_item.open {
    background-color: transparent;
}

.nav_toggle_item.open:after {
    transform: rotate(45deg);
    top: 0;
}

.nav_toggle_item.open:before {
    transform: rotate(-45deg);
    top: 0;
}

/* Intro */

.intro {
    padding-top: 84px;
    background: var(--Intro);
    position: relative; /* для фиксации содержимого */
    z-index: 1;
}

.intro::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/images/snowflakes.png) repeat;
    z-index: -1;
    animation: anim_snow 300s linear infinite;
}

@keyframes anim_snow {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 10000px 10000px;
    }
}

.inro__inner {
   display: flex;
   height: 300px;
}

.intro__logo {
    position: relative;
    width: 30%;
}

.intro__img {
    position: absolute;
    left: 30px;
    top: 18px;
    z-index: 2;
    will-change: transform;
}

.intro__eye1 {
    position: absolute;
    left: 111px;
    top: 143px;
    transition: transform 0.05s linear;
    z-index: 2;
}

.intro__eye2 {
    position: absolute;
    left: 151px;
    top: 132px;
    transition: transform 0.05s linear;
    z-index: 2;
    
}

.intro__pic {
    position: absolute;
    left: 0;
    z-index: -2;
}

.intro__pic2 {    
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    opacity: 0;  /* Начинаем с невидимого состояния */
    transition: opacity 0.15s ease-in-out;
    pointer-events: none; /* Чтобы не мешать кликам */
}

.intro__right {
    height: 100%;
    width: 70%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.intro__banner {

    width: 728px;
    height: 90px;
    margin: 0 auto;
    border-radius: 14px;
    overflow: hidden;
}

.intro__banner img {
}

/*Slider*/

.introSlider {
    position: inherit;
}


.introSlider .slick-dots {
    position: absolute;
    left: 50%;
    bottom: 0;
    padding: 0 0 7px;
    z-index: 2;
    list-style: none;
    margin: 0;
    display: flex;
    justify-content: center;
    transform: translate(-50%);
}

.introSlider .slick-dots li {
    margin: 0 3px;
}

.introSlider .slick-dots button {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff;
    border: 0;
    padding: 0;
    font-size: 0;
    color: transparent;
    opacity: 0.5;
    cursor: pointer;
}

.introSlider .slick-dots .slick-active button {
    opacity: 1;
}

/*columns*/

.columns {
    margin-top: 75px;
    position: relative;
}

.colum_left {
    padding-right: 275px;
}

.colum_right {
    width: 262px;
    position: absolute;
    right: -15px;
    top: 0;
    z-index: 5;
    padding: 15px;
    overflow: auto;
    height: 100%;
    -ms-overflow-style: none;
    scrollbar-width: none;

}

.colum_right.fixed {
    position: fixed;
    right: 0;
    top: 50px;
    overflow: auto;
    height: 95vh;

}

.colum_right::-webkit-scrollbar {
  width: 0;
}



/*navigation*/

.navigation {
/*    margin-bottom: 20px;*/
}


.title {
    font-style: normal;
    font-weight: 500;
    font-size: 34px;
    line-height: 1.2;
    color: var(--H1black);
    margin-bottom: 17px;
}

.subtitle {
    font-size: 20px;
    line-height: 1.2;
    font-weight: 400;
    color: var(--H3light);
}

.navigation__sub {
    text-align: center;
    margin-top: 10px;
    display: flex;
    justify-content: center;
}

.nav__button {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.2;
    color: var(--H3light);
    border-radius: 14px;
    padding: 6px 10px;
    background: none;
    border: none;
    transition: border 0.2s linear;

}

.nav__button:hover {
    border: 1px var(--H3light) solid;
}

.nav__button:after {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-bottom: 2px solid var(--H3light);
    border-left: 2px solid var(--H3light);
    transform: rotate(-45deg);
    transition: all 0.2s linear;
    margin-left: 8px;
}

.nav__button.coll:after {
    transform: rotate(135deg);
}

.nav__button.none {
    display: none;
}



/*nav*/

.nav {
    list-style: none;
    text-decoration: none;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 45px;
    padding: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;

}

.nav a {
    text-decoration: none;
    color: var(--H1black);
    display: flex;
    align-items: baseline;
}

.nav .active a {
    border-bottom: 1px solid var(--H1black);
}

.nav .active a:before {
    box-shadow:0 0 4px;
}

/* bubble */

.bubble {
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}


.bubble:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 5px;
}

.bubble--green:before {
    background: #00D93D;
    color: #00D93D;
}

.bubble--blue:before {
    background: #0077FF;
    color: #0077FF;
}

.bubble--yellow:before {
    background: #FFD600;
    color: #FFD600;
}

.bubble--orange:before {
    background: #FF9900;
    color: #FF9900;
}

.bubble--red:before {
    background: #FF002E;
    color: #FF002E;
}

.bubble--grey:before {
    background: #BABABA;
    color: #BABABA;
}

.bubble--wave:before {
    background: #00FFEF;
    color: #00FFEF;
}

/* tab */


.tab-content {
    margin-top: 50px;
/*
    transition: all 500ms ease;
    overflow: hidden;
*/
}

/*
.tab-content.slideonn {
    height: 322px;

}

.tab-content.slideoff {
    max-height: 10000px;

}
*/

.tab-content.innav {
    margin-top: 30px;
}

.tab-content.minitab {
    margin-top: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}

.tab-content > .active,
.pill-content > .active {
  display: block;
}

.tab__title {
    text-align: justify;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 50px;
    color: var(--H2gray);
}

.tab__news {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -21px;
}

.tab__news .slick-dots {
    width: 100%;
    overflow: hidden;
    position: absolute;
    bottom: 15px;
    padding: 0 0 7px;
    z-index: 2;
    list-style: none;
    margin: 0;
    display: flex;
    justify-content: center;
}

.tab__news .slick-dots li {
    margin: 0 5px;
}

.tab__news .slick-dots button {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #CFCFCF;
    border: 0;
    padding: 0;
    font-size: 0;
    color: transparent;
    cursor: pointer;
}

.tab__news .slick-dots .slick-active button {
    background: var(--ActDots);
}

.slick-arrow:focus {
  outline: 0;
}

.tab__news .slick-arrow{
    position: absolute;
    z-index: 1;
    top: 15%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 0;
    background-color: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    font-size: 0;
    color: transparent;
    box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
    transition: background 0,2s linear;
}

.tab__news .slick-arrow:hover {
    background-color: rgba(255, 255, 255, 1);
}

.tab__news .slick-arrow:hover .tab__news .slick-arrow:after{
    border-color: #fff;
}

.tab__news .slick-arrow:after {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    border-top: 2px solid rgba(75, 75, 75, 1);
    border-right: 2px solid rgba(75, 75, 75, 1);
}

.tab__news .slick-next {
    right: 7px;
    padding-right: 9px;
}

.tab__news .slick-next:after {
    transform: rotate(45deg);
}

.tab__news .slick-prev {
    left: 7px;
    padding-left: 9px;
}

.tab__news .slick-prev:after {
    transform: rotate(-135deg);
}


/* news */

.news {
    height: 275px;
    width: 25%;
    margin-bottom: 40px;
    padding: 0 21px;
}

.news__container {
    max-width: 247px;
}

.news__picture {
    display: flex;
    justify-content: center;
    height: 122px;
    max-width: 247px;
    border-radius: 14px;
    overflow: hidden;
    position: relative;
    border: 1px solid var(--PicBorder);

}

/*страховка*/
.insurance {
    position: absolute;
    bottom: 0px;
    left: 0px;
    background-color: #000;
    background: rgba(1, 1, 1, 0.7);
    width: 100%;
    display: flex;
}

.insurance_text {
    font-weight: bold;
    padding: 2px 10px;
    font-size: 14px;
    background: linear-gradient(268.53deg, #00FFF0 31.59%, #5DFF35 54.91%, #00D93D 74.15%);
      background-clip: border-box;
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.insurancemin_text {
    font-weight: bold;
    padding: 1px 10px;
    font-size: 12px;
    color: #FFE606;
}


.refback {
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: #000;
    background: rgba(1, 1, 1, 0.7);
    border-bottom-left-radius: 14px;
}

.refback_text {
    display: block;
    font-weight: bold;
    padding: 2px 10px;
    font-size: 14px;
    color: #FFE606;
}

.news__img {
    height: 122px;
    width: 247px;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    -webkit-transition: all 1s ease-out;
}

.news__img:hover {
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -o-transform: scale(1.4);
 }

.news__title {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    height: 40px;
    transition: all 200ms ease-out;
}

.news__name {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.25;
    color: var(--H1black);
    text-transform: uppercase;
    text-decoration: underline 1px rgba(60, 60, 60, 0);
      transition: text-decoration-color 300ms;

}

.news__name:hover {
    text-decoration-color: var(--TitleHover);
}

.news__name.incomment {
    margin-bottom: 10px;
}

.news__info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-weight: 400;
    font-size: 10px;
    line-height: 1.2;
    margin-top: 2px;
}

.news__agregators {
    display: flex;
    justify-content: flex-end;
}

.news__agregators a:last-child {
    margin-left: 10px;
}

.news__icons {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-weight: 400;
    font-size: 10px;
    line-height: 1.2;
    margin-top: 2px;
    width: max-content;
    color: var(--H3light);
}

.news__icon {
    fill: var(--H3light);
    margin: 0 5px;
}

.icon--eye {
    height: 8px;
    width: 12px;
}

.icon--plus {
    height: 8px;
    width: 8px;
}

.news__text {
    margin-top: 9px;
    text-align: justify;
    height: 68px;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.2;
    overflow: hidden;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    color: var(--H2gray);

}

.news__subtitle {
    margin-top: 9px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--H2gray);
}

.news__deposit {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.2;
    background: linear-gradient(268.53deg, #00FFF0 31.59%, #5DFF35 54.91%, #00D93D 74.15%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.news__status {
    display: flex;
    align-items: baseline;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.2;
    color: var(--H2gray);
}

/* banner_innews */

.banner_innews {
    margin: 10px 0 50px;
    padding: 19px;
    display: flex;
    justify-content: space-between;
    background: linear-gradient(268.53deg, #00FFF0 31.59%, #5DFF35 54.91%, #00D93D 74.15%);
}

.banner_innews a {
    max-width: 49%;

}

.banner_innews img {
    border-radius: 14px;
    border: 1px solid #FAFF06;
    max-width: 100%;

}

.banner_innews a:first-child {
    margin-right: 19px;
}

/* Rmenu */

.rmenu{
    margin-bottom: 25px;
}

.rmenu.ip {
    display: none;
}

.rmenu__title {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: var(--H1black);
    padding: 0 0 7.5px 0;
    cursor: pointer;
    border: 0;
    background: none;
}

.rmenu__title h2 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
}

.rmenu__title:after {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-bottom: 2px solid var(--H1black);
    border-left: 2px solid var(--H1black);
    transform: rotate(-45deg);
    transition: all 0.2s linear;
    margin-left: 8px;
}

.rmenu__title.rm_open:after {
    transform: rotate(135deg);
}

.rmenu__subtitle {
    display: flex;
    align-items: center;
    padding: 7.5px 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: var(--H2gray);
    border: 0;
    background: none;
    cursor: pointer;
}

.rmenu__subtitle h3 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
}

.rmenu__subtitle:after {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-bottom: 2px solid var(--H2gray);
    border-left: 2px solid var(--H2gray);
    transform: rotate(-45deg);
    transition: all 0.2s linear;
    margin-left: 8px;
}

.rmenu__subtitle.rm_open:after {
    transform: rotate(135deg);
}

.rmenu_item {
    display: none;
}

.rmenu__link {
    display: flex;
    align-items: baseline;
    padding: 7.5px 0;
    width: fit-content;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-decoration: none;
    color: var(--H2gray);
    transition: all 0.2s linear;
}

.rmenu__link.mob {
     display: none;
}

.rmenu__link.greengrad {
    background: linear-gradient(268.53deg, #00FFF0 31.59%, #5DFF35 54.91%, #00D93D 74.15%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.rmenu__link:hover {
    border-bottom: 1px solid var(--H2gray);
}

/* Mininav */


.mininav {
    list-style: none;
    text-decoration: none;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: var(--H2gray);
}

.mininav a {
    text-decoration: none;
    color: var(--H2gray);
    display: flex;
    align-items: center;
}

.mininav li {
    margin-right: 40px;
}

.mininav li:last-child {
    margin-right: 0;
}

.mininav .active a {
    border-bottom: 1px solid var(--H1black);
    color: var(--H1black);

}

.mininav .active a:before {
    box-shadow:0 0 4px;
}

.mininav__news {
    margin-top: 25px;
}

.mininews__top {
    display: flex;
    justify-content: space-between;
}

.mininews__picture {
    display: flex;
    justify-content: center;
    height: 50px;
    width: 102px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    border: 1px solid var(--PicBorder);
}

.mininews__img {
    height: 50px;
    width: 102px;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    -webkit-transition: all 1s ease-out;
}

.mininews__img:hover {
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -o-transform: scale(1.4);
}

.mininews__title {
    width: 122px;
    justify-content: space-between;
}

.mininews__name {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: var(--H1black);
}

.mininews__name span {
    text-transform: uppercase;
}

.mininews__date {
    font-size: 11px;
    line-height: 12px;
    color: var(--H3light);
    margin-top: 5px;
}

.mininews__date.red {
    color: #FF002E;
}

.mininews__subtitle {
    margin-top: 10px;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.1;
    color: var(--H2gray);
    overflow: hidden;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

/* Comment Right*/

.rcomment {
    margin-bottom: 25px;
}

.rcom_info {
    display: flex;
    align-items: center;
}

.ravatar {
    margin-right: 13px;
}

.ravatar .cover {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    white-space: nowrap;
    text-indent: -9999px;
    display: flex;
    background-size: cover;
}

.rcom_autor {
    font-weight: 500;
    font-size: 12px;
    line-height: 1.25;
    color: var(--H1black);
}

.rcom_date {
    font-weight: 400;
    font-size: 10px;
    line-height: 1.2;
    display: flex;
    margin-top: 5px;
    color: var(--H2gray);
}

.rcom_date_date {
    margin-left: 14px;
}

.heart {
    width: 14px;
    height: 12px;
    fill: #5DFF35;
    margin-right: 5px;
}

.rcom_project {
    font-weight: 500;
    font-size: 12px;
    line-height: 1.25;
    color: var(--H1black);
    text-transform: uppercase;
    margin: 10px 0;
}

.rcom_text {
    font-weight: 400;
    font-size: 10px;
    line-height: 1.5;
    color: var(--H1black);
    word-wrap: break-word;
    max-width: 242px;
}

.rcom_text img {
    max-width: 100%;
}

.com_payinfo {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dark {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 4;
    background-color: #000000;
    opacity: 0.1;
    transition: all 0.2s linear;
}

.dark.show {
    display: block;
}

.dark.show.op {
    opacity: 0.7;
}

/* footer*/

.footermain {
    background: var(--Intro);
    padding: 15px 0 0;
    margin-top: 10px;
}

.footer__inner {
    display: flex;
    justify-content: space-between;
}

.footer__item {
    width: 90%;
    background-color: rgba(0,0,0,0.50);
    border-radius: 10px;
}

.footer__text {
    padding: 10px;
    transition: all 0.3s ease;
    text-align: justify;
    color: #8F8F8F;
}

.footer__text.left, .footer__text.right {
    color: var(--MenuLink);
}

.footer__inner .footer__text:hover {
    color: #fff;
}

.footer__subtitle {
    background: var(--bgHeader);
    margin-top: 15px;
}

.footer__label {
    display: flex;
    justify-content: space-between;
    color: var(--H1black);
}

.footer__text.right {
    text-align: right;
}

.footer__text.left {
    text-align: left;
}

/* counters */

.counters88x31 {
    margin-left: 10px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.overfl {
    overflow: hidden;
}

/* FullStory */

.full__img {
    max-width: 100%;
    height: auto;
    border-radius: 14px;
    border: 1px solid var(--PicBorder);
}

.full_title {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 5px;
}

.full_projname {
    display: flex;
    align-items: end;
    margin-bottom: 10px;
}

.projname {
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 1.2;
    color: var(--H1black);
    text-transform: uppercase;
}

.projname a {
    text-decoration: none;
    color: var(--H1black);
}

.infavorite {
    margin-left: 10px;
}

.favor {
    width: 24px;
    height: 24px;
    fill: var(--H1black);
}

.favor.on {
    fill: #00D93D;
}

.full__status {
    display: flex;
    align-items: baseline;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.2;
}

.news__icons.full {
    font-size: 14px;
}

.full_content {
    margin-top: 25px;
}

.full_content .quote {
    border-left: 5px solid #FFE606;
}

.full_dep {
    margin-top: 25px;
    width: fit-content;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.25;
    background: linear-gradient(268.53deg, #00FFF0 31.59%, #5DFF35 54.91%, #00D93D 74.15%);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.full_button {
    display: inline-block;
    margin-top: 25px;
    cursor: pointer;
    border: 0;
    background: linear-gradient(268.53deg, #00FFF0 31.59%, #5DFF35 54.91%, #00D93D 74.15%);
    border-radius: 14px;
    padding: 13px 17px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.2;
    color: rgba(0, 0, 0, 0.75);
}

.full_button.red {
    background: linear-gradient(268.53deg, #FD7364 31.59%, #FF3329 54.91%, #FF321E 74.15%);
}

.full_vpn {
    display: block;
    margin-top: 20px;
    text-decoration: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.2;
    color: var(--H2gray);
}

.informers {
    display: flex;
    flex-wrap: wrap;
}

.informers_inf {
    margin-right: 20px;
}

.informers_hmall {
    flex-grow: 1;
}

.informers_title {
    margin-bottom: 10px;
}

.informers_code {
    width: 100%;
    display: inline-table;
    margin-bottom: 20px;
    height: 100px;
}

.informers_hm {
    max-width: 100%;
    height: auto;
}

/* Комментарии: Оформление блока со списком комментариев */

/*[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("../img/glyphicons-halflings.png");
  background-position: 14px 14px;
  background-repeat: no-repeat;
  *margin-right: .3em;
}
[class^="icon-"]:last-child,
[class*=" icon-"]:last-child {
    *margin-left: 0;
}*/

.comments_box { background-color: #95c00e; padding: 13px; position: relative; }
    .comments_box_in {
        border-radius: 8px;
        background-color: #fff;
        padding: 37px;
        box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
        position: relative;
    }
    .comments_box_in:after, .comments_box:after { content: ""; position: absolute; top: 0; left: 0; margin-left: 288px; border: solid transparent; border-width: 0 31px 31px 0; }
    .comments_box:after { margin-top: -31px; border-bottom-color: #95c00e; }
    .comments_box_in:after { margin-top: -13px; border-bottom-color: #fff; }
    .comments_box_in .block { padding: 0; margin-top: 37px; margin-bottom: 0; }

    .comments_box_in > .title { text-transform: uppercase; margin-top: 0; }

/* Комментарии: Оформление */
    .comment { margin-bottom: 30px; position: relative; }
    .comments_box_in .comment { margin-top: 37px; margin-bottom: 0; }

    /* Аватарка */
    .avatar { display: inline-block; }
    .avatar .cover {
        width: 100px; height: 100px;
        border-radius: 50%;
        white-space: nowrap;
        text-indent: -9999px;
        display: inline-block;
        background-size: cover;
    }

    /* Верхняя часть комментария */

    .rating {
        margin-bottom: 10px;
}

.grey.date {
    color: var(--H2gray);

}


    .com_info {
        border: 1px solid #eaeaea;
        height: 39px;
        border-radius: 21px;
        margin-bottom: 1.5em;
        background: var(--bgcolor);
        position: relative;
    }
        .com_info:after { clear: both; display: block; content: ""; }

        .com_info .avatar { float: left; margin: -6px 15px 0 -6px; }
        .com_info .avatar .cover { width: 60px; height: 60px; }

        .com_user { float: left; margin-top: 9px; }
        .com_user > .name { margin-right: 20px; }
        .com_user > .name a { color: inherit; }

        .com_info > .rate { float: right; margin: 2px 10px 0 0; }
        .com_info > .rate .rate_stars { margin: 5px 2px 0 0; }
        .rate_like > a, .rate_like-dislike {
            float: left;
            height: 23px; line-height: 23px;
            padding: 6px;
            text-decoration: none !important;
            font-weight: bold;
            color: #999;
            -webkit-transition: all ease .2s; transition: all ease .2s;
        }
        .rate_like .icon { width: 15px; height: 14px; margin: -2px .3em 0 0; vertical-align: middle;}
        .rate_like > a { color: #95c00e; }
        .rate_like > a .icon { fill: #5DFF35; }
        .rate_like > a:hover { opacity: .8; }

        .rate_like-dislike > a {
            display: inline-block;
            width: 23px; height: 23px;
            text-align: center;
            opacity: .6;
        }
        .rate_like-dislike > a:hover { opacity: 1; }
        .rate_like-dislike .ratingplus { color: #95c00e; }
        .rate_like-dislike .ratingminus { color: #e75820; }
        .rate_like-dislike > span { vertical-align: middle; cursor: default; padding: 2px; }

        .comment .status {
            position: absolute;
            left: 0;
            margin: 17px 0 0 -24px;
            overflow: hidden;
            text-indent: -9999px;
            background-color: #95c00e;
            width: 7px; height: 7px;
            border-radius: 50%;
        }
        .status.offline { background-color: #e75820; }
        .comment.online .status.offline, .status.online { display: none; }
        .comment.online .status.online, .status.offline { display: block; }

        .com_tools { margin: 1.5em 0 0 0; font-size: .9em; }
        .com_tools .edit_btn, .com_tools .mass { float: right; margin-top: -3px; }
        .com_tools .mass input { margin: 4px 0 0 10px; }
        .com_tools_links { display: inline; }
        .com_tools_links > a { margin: 0 2em 0 0; }
        .com_tools_links > a > .icon { margin: -3px 8px 0 0; vertical-align: middle;}

    /* Древовидные комментарии */
    .comments-tree-list { padding: 0; margin: 0; list-style: none; position: relative; }
        .comments-tree-list .comment { position: static; margin: 0; }
        .comments-tree-list .comment:before {
            content: "";
            position: absolute;
            left: 0;
            width: 100%; height: 3px;
            background: #bababa;
            margin: 19px 0 0 0;
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAGBAMAAABDdsEYAAAAD1BMVEX///+6urrZ2dm/v7/9/f2Xp6s6AAAAHUlEQVQI12NwMlZhwACKgkKYgoaCwjgFCWvHahEArAICZfxDRiQAAAAASUVORK5CYII=);
            background-size: auto 3px;
            z-index: -2px;
        }
        .comments-tree-list .comments-tree-list { padding-left: 20px; position: static; }
        .comments-tree-list > li { margin-top: 37px; }

        /* Управление комментариями */
        .mass_comments_action { text-align: right; border-top: 2px dashed #efefef; padding: 20px 50px 0 50px; margin-top: 50px; }
        .block .mass_comments_action { padding-left: 0; padding-right: 0; }
        .comments_box_in .mass_comments_action { padding-left: 0; padding-right: 0; margin-top: 37px; }
        .mass_comments_action > select { padding: 5px; width: 200px; margin-left: 1em; }

/* иконки управления */

.com_tools_links .icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 14px;
    vertical-align: text-top;
    opacity: .4;
}

/* Текст коммента */
.text {
    word-wrap: break-word;
}

/* Кнопка "Редактировать" */
    .edit_btn > a { position: relative; overflow: hidden; }
        .edit_btn > a > i, .edit_btn > a:after, .edit_btn > a:before {
            padding-top: 3px;
            width: 19px; height: 0;
            background-color: #1a1a1a;
            overflow: hidden;
            display: block;
            border-radius: 2px;
            margin: 3px 0 0 6px;
            opacity: .4;
            -webkit-transition: all ease .2s; transition: all ease .2s;
        }
        .edit_btn > a:before { margin-top: 2px; }
        .edit_btn > a:after, .edit_btn > a:before { content: ""; }
        .edit_btn > a:hover > i, .edit_btn > a:hover:after, .edit_btn > a:hover:before {
            opacity: 1;
        }
        .edit_btn > a:hover > i { margin-left: 0; }

.com_foot {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-top: 5px;
    margin-bottom: 25px;
}

.com_foot {
    display: none;
}

.grey.date.foot  {
    display: none;
}

.rate_comsf {
    display: none;
}

/* Dark Mode */

.body_dark {
    background: linear-gradient(to top right, #373E4B, #676E7E);
    color: #fff;
}

.colum_right_dark {
    background: none;
}

.title_dark {
    color: #fff !important;
    border-color: #fff !important;
}

.title_dark:after {
    border-color: #fff;
}

.subtitle_dark {
    color: #c5c5c5;
/*    opacity: 0.7;*/
}

.subtitle_dark:after {
    border-color: #c5c5c5 !important;
}

.subsubtitle_dark {
    color: #a9a9a9;
/*    opacity: 0.5;*/
}

.news__icon_dark {
    fill: #a9a9a9;
}

.news__picture_dark {
    border: none;
}

.dots_dark {
    background: #FFF !important;
    opacity: 1 !important;
}

.border_dark {
    border-color: #fff !important;
}

.quote_dark {
    background: none !important;
}

/* telegram */
.tele_modal {
    overflow: hidden;
    width: 472px;
    background: var(--bgcolor);
}


.avatar_container {
    position: relative;
    width: 150%;
    height: 245px;
    left: -38px;
    padding: 10px 10px;
}

.avatarka {
    width: 225px;
    height: 225px;
    border-radius: 50%;
    position: absolute;
    cursor: pointer;
    transition: transform 0.5s ease-in-out, opacity 0.25s ease-in-out;
    transform-style: preserve-3d;
}

.avatar_test {
    width: 225px;
    height: 225px;
    border-radius: 50%;
    position: absolute;
    cursor: pointer;
    backface-visibility: hidden;
}

.back {
    transform: rotateY(180deg);
 }

#avatar1 { transform: translateX(0) scale(0.67); opacity: 0.7;}
#avatar2 { transform: translateX(150px) scale(1); }
#avatar3 { transform: translateX(300px) scale(0.67); opacity: 0.7;}


.centered {
    z-index: 1;
}

.desc_inner {
    display: none;
    height: 140px;
    opacity: 0;
    transition: opacity 1s ease-in-out;
    justify-content: space-between;
    flex-direction: column;

}

.chanel_descrip {
    color: var(--allTcolor);
    padding: 10px;
}

.desc_view {
    display: flex;
}

.desc_opacity {
    opacity: 1;
}

.telebtn {
    display: block;
    margin-bottom: 10px;
    width: 96%;
    margin: 10px auto;
    border: none;
    font-weight: 500;
}

.tbgreen {
    background: linear-gradient(268.53deg, #00FFF0 31.59%, #5DFF35 54.91%, #00D93D 74.15%);
}

.tblilac {
    background: radial-gradient(153.01% 1666.27% at 7.34% 115.05%, #560CCB 29.26%, #8A54FD 96.11%);
    color: #fff;
}

.tbyellow {
	background: radial-gradient(153.01% 1666.27% at 7.34% 115.05%, #2AABEE 29.26%, #229ED9 96.11%);
    color: #fff;
}




/* media*/

@media (max-width: 1300px) {



}

@media (max-width: 1190px) {

    /* Header*/

     .topmenu__link.done {
        display: none;
    }

    .news {
        width: 33.33333%;
    }

    /* Profile */

    .form-control {
        width: 200px;
    }
}

@media (max-width: 1100px) {

    /* Baner */

    .intro__banner {

        max-width: 90%;
        max-height: 90px;
        height: auto;
        margin: 0 auto;
        border-radius: 14px;
        overflow: hidden;
    }

    .intro__banner img {
        max-width: 100%;
        height: auto;

    }

    .intro__img {
        scale: 0.92;
        top: 4px;
    }

    .inro__inner {
        height: 278px;
    }



}

@media (max-width: 991px) {



    /* Для нового года, так нету*/
 /*   .header {
        top: 70px;
    } */

    .header__inner {
        padding: 15px 0;
    }

    .topmenu__link {
        display: none;
    }

    .topmenu__link.notdone {
        display: block;
    }

    .colum_right {
        display: none;
        -webkit-box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
        -moz-box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
        box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
        top: 0;
        right: 0;
        position: fixed;
        overflow: scroll;
        height: 100vh;
        -ms-overflow-style: none;
        scrollbar-width: none;
        padding-top: 80px;
        background: var(--bgcolor);

    }

    .colum_right_dark {
          background: -webkit-linear-gradient(bottom left, #373E4B, #676E7E);
          background: -o-linear-gradient(bottom left, #373E4B, #676E7E);
          background: linear-gradient(to top right, #373E4B, #676E7E);
    }

    .colum_left {
        padding-right: 0;
    }

    .rmenu.ip {
        display: block;
    }

    .intro__img {
        scale: 0.8;
        top: -15px;
        left: -20px;
    }

    .nav_toggle {
         display: block;
    }

    .inro__inner {
        height: 245px;
    }

    .news {
        width: 25%;
    }

    .tab__news {
        margin: 0 -14px;
    }

    #dle-content {
    margin: 0 -14px;
    }

    #registration, #fullsearch {
    margin: 0 14px;
    }

    .span8 {
    padding: 0 14px;
    }
    
    .span9 {
    padding: 0 14px;
    }

    .other-block {
        padding: 0 14px;
    }


    .news {
        padding: 0 14px;
        margin-bottom: 28px;
    }

    .tab__news .slick-dots {
        bottom: 0;
    }

    .modal {
        transform: translateX(-50%);
    }


}

@media (max-width: 910px) {

    .news {
        width: 33.33333%;
    }


}

@media (max-width: 810px) {

   /* Baner */

    .inro__inner {
        flex-direction: column-reverse;
    }

    .intro__logo {
        width: 100%;
    }

    .intro__right {
        height: 100%;
        width: 100%;
        justify-content: flex-start;
    }

    .intro__banner {
        max-width: 100%;
    }

    .intro__img {
        bottom: -32px;
        top:auto;
    }


    .intro__img {
        scale: 0.64;
        top: -228px;
        left: 0;
    }

    /* Colums */

    .columns {
        margin-top: 45px;
    }

    .title {
        font-size: 30px;
    }

    .subtitle {
        font-size: 18px;
    }

    .tab-content {
        margin-top: 25px;
    }

    .tab__title {
        margin-top: -20px;
    }

    .banner_innews {
        margin: 10px 0 25px;
        padding: 19px 9px;
    }

    .banner_innews a:first-child {
        margin-right: 8px;
    }

    .nav {
        margin-top: 30px;
    }

    .nav li {
        margin-right: 10px;
        margin-bottom: 10px;
    }

    /*News*/

    .insurance_text, .refback_text {
        font-size: 12px;
    }

    /*Profile*/

    .profile_info {
        height: 60px;
        padding: 0 30px 0 130px;
    }

    .profile_foto {
        width: 120px;
        height: 120px;
        top: -50%;
    }

    .other-title {
        font-size: 24px;
    }

    .nav_profile {
        font-size: 16px;
    }

    .nav_profile a {
        text-transform: none;
    }

    .form-control {
        width: 160px;
    }

}

@media (max-width: 610px) {

    .intro__banner {
        max-height: 72px;
    }

    .news {
        width: 50%;
    }

    .banner_innews {
        flex-wrap: wrap;
        padding: 10px;
    }

    .banner_innews a {
        max-width: 100%;
        margin: 0 auto;

    }

    .banner_innews a:first-child {
        margin-right: auto;
        margin-bottom: 10px;
    }

    .banner_innews img {

    }


    .text {
        max-width: 93vw;
    }

    .projname {
        font-size: 20px;
    }

    /* profile */

    #userinfo {
        width: 92%;
    }

    .profile_edit {
        align-items: normal;
        flex-direction: column;
    }

    .profile_edit_item:last-child {
        margin-right: 30px;
    }

    .profile_edit_item.about {
        width: auto;
    }

    .form-control {
        width: 100%;
    }

    .form-control.about {
        width: 100%;
    }

}

@media (max-width: 560px) {

    /* Для нового года, так нету*/
 /*    .header {
        top: 75px;
    } */

    /* Header*/

    .intro__banner {
        max-height: 66px;
    }

    .header__inner {
        padding: 10px 0;
    }

    .logo1 {
        margin-left: 10px;
        font-size: 32px;
    }

    .logo2 {
        font-size: 22px;
    }

    .social {
        display: none;
    }

    .button {
        font-size: 12px;
    }

    .colum_right {
        padding-top: 70px;
    }

    .rmenu__link.mob {
        display: flex;
    }

    /*profile*/

    .profile_info {
        justify-content: flex-end;
    }

    .other-title {
        position: absolute;
        right: 30px;
        top: -40px;
    }

    /*searh*/

    #story {
        width: 150px;
        border: 1px solid var(--H2gray);
    }

    /* comments */

    .grey.date {
        display: none;
    }

    .com_foot {
        display: flex;
    }

    .grey.date.foot {
        display: block;
    }

}

@media (max-width: 480px) {

    /* Telegram */

    .avatar_container {
        height: 185px;
        left: -33px;
    }

    .desc_inner {
        height: 180px;
    }

    .avatarka {
        width: 169px;
        height: 169px;
    }

    .avatar_test {
        width: 169px;
        height: 169px;
    }

    #avatar1 { transform: translateX(0) scale(0.67);}
    #avatar2 { transform: translateX(113px) scale(1);}
    #avatar3 { transform: translateX(226px) scale(0.67);}

    .tele_modal {
        width: 350px;
     }

}

@media (max-width: 450px) {
    
    .ui-form label {
    	text-align: center;
        margin-bottom: 10px;
    }
      

    .intro__banner {
        max-height: 52px;
    }

    .logo1 {
        font-size: 26px;
    }

    .logo2 {
        font-size: 17px;
    }

    .nav_toggle {
        margin-left: 14px;
    }

    .button {
          margin-left: 14px;
    }

     /* Colums */

    .columns {
        margin-top: 35px;
    }

    .title {
        font-size: 26px;
        margin-bottom: 10px;
    }

    .subtitle {
        font-size: 16px;

    }

    .tab__title {
        margin-top: -30px;
    }

    /* News */

    .news {
        height: auto;
    }

    .news__picture {
        height: 95px;
        max-width: 196px;
    }

    .news__img {
        height: 95px;
        width: 196px;
    }

    .news__title {
        height: 56px;
        flex-direction: column;
    }

    .news__name {
        font-size: 14px;
    }

    .news__info {
        flex-direction: row-reverse;
    }

    .news__text {
        height: 58px;
        font-size: 12px;
    }

    .news__subtitle {
        margin-top: 5px;
    }

    .news__deposit, .news__status {
        font-size: 13px;
    }

    .news__deposit span {
        display: none;
    }

    .tab__news .slick-arrow {
        top: 10%;
    }

    .insurance_text, .refback_text {
        font-size: 10px;
    }


    /* footer */

    .footer__inner {
        flex-wrap: wrap;
    }

    .footer__item {
        width: 100%;
    }

    .counters88x31 {
        flex-direction: unset;
        width: 100%;
        margin-top: 10px;
    }

    .counter88x31 {
        margin-left: 10px;
    }

    .com_tools_links > a {
          margin-right: 5px;
    }

    .projname {
          font-size: 18px;
    }

    /* Modal */

    .modal {
        width: 350px;
    }

    .input-small {
        margin-bottom: 10px;
        width: 200px;
    }

    .modal_foto {
        width: 110px;
        height: 110px;
    }

    .modal-body {
        padding-bottom: 5px;
    }


    /* profile */

    .other-block {
        margin-top: 20px;
    }

    .profile_foto {
      width: 100px;
      height: 100px;
      top: -30%;
    }

    /* comments */
    .rate_coms {
        display: none;
    }

    .rate_comsf {
        display: block;
    }
}

@media (max-width: 400px) {
    .button {
          margin-left: 8px;
    }

    .logo2 {
          font-size: 16px;
    }

    .notdone {
        font-size: 12px;
    }

}