body {
	font-family: 'PT sans', sans-serif;
	font-size: 18px;
	color: #2f2f2f;
	/* background: #f4fafe; */
}

a,
a:hover,
a:active {
	color: inherit;
}

.underline {
	text-decoration: underline;
}

.container {
	max-width: 1140px;
}

.navbar {
	margin-bottom: 0.1rem;
}

/*.navbar li {*/
	/*list-style: none;*/
	/*padding: 0;*/
/*}*/

/*.navbar li a {*/
	/*color: #1f4e66;*/
	/*text-decoration: none;*/
	/*transition: 0.2s all ease;*/
	/*margin-right: 20px;*/
	/*display: block;*/
	/*height: 32px;*/
/*}*/

h3 {
	font-weight: 700;
}

.fz16 {
	font-size: 16px;
}

.blue {
	color: #1f4e66;
}

.yellow {
	color: #ffd512;
}

.white{
	color: white !important;
}

.tdn:hover {
	text-decoration: none;
}


/*Шапка*/
/*Меню*/
.header {
	background: #f4fafe;
}

.firstline {
	padding-top: 20px;
	max-width: 100%;
}

.nav-link {
	color: #1f4e66;
	text-decoration: none;
	transition: 0.2s all ease;
}

.nav-link:hover {
	text-decoration: none;
	color: #1f4e66;
	border-bottom: 3px #1f4e66 solid;
}

.nav-link.active {
	border-bottom: 3px #1f4e66 solid;
}

.icons__item {
	font-size: 18px;
	color: #b0cfe1;
	display: block;
	width: 35px;
	height: 35px;
	padding-top: 5px;
	text-align: center;
	border-radius: 30px;
	transition: 0.2s all ease;
}

.icons__item:hover {
	color: #1f4e66;
	/*opacity: 0.5;*/
	background: #fcfdfe;
}

.icons__item::before {
	content: "";
	position: absolute;
	display: block;
	border: 1px #b0cfe1 solid;
	border-radius: 31px;
	width: 35px;
	height: 35px;
	margin-top: -4px;
}

.icons__item:focus::before {
	border-color: #1f4e66;
}


.menu_big {
	padding-top: 5px;
}


.form-control {
	border: 1px #b0cfe1 solid;
	border-radius: 50px;
	color: grey;
	height: 35px;
	background: #f4fafe;
	transition: 0.2s all ease;
	padding-right: 30px;
}

@media screen and (max-width: 767px) {
	.form-control {
		padding-right: 60px;
	}
}

.form-control:hover {
	background: #f8fcfe;
}

.form-control:focus {
	background: #fff;
	border-color: #1f4e66;
	box-shadow: none;
}

.search-area::-ms-clear {
	display: none;
}

.icons,
.nav-item {
	list-style: none;
	padding: 0;
}

.icons {
	justify-content: space-around;
}

.search-btn {
	border: 0;
	z-index: 500;
	color: #1f4e66;
	position: absolute;
	right: 24px;
	bottom: 2px;
	transition: 0.1s all ease;
}

.search-btn:hover {
	font-size: 17px;
	color: #1f4e66;
}


.search-btn:focus {
	box-shadow: none;
}

.search-area {
	/* width: 20rem; */
	margin-left: 7px;
	margin-top: -1px;
}

.main-menu {
	margin-top: 10px;
	margin-left: -7px;
}

.nav-link {
	padding: 0.2rem;
}

.slider {
	position: absolute !important;
	left: -160px;
	background: #f4fafe;
	color: #1f4e66;
	font-size: 18px;
	box-shadow: 0px 11px 33px -17px;
	border: 1px #fff solid;
	border-top: 0;
}

.dropdown-item {
	text-align: right;
	padding-top: 10pxd;
	padding-bottom: 10px;
}


.dropdown-item:hover {
	background: #fff;
}

.logo {
	width: 100%;
}

@media screen and (max-width: 950px) {
	.search-area {
		/* width: auto; */
	}
}

/*Мобильное меню*/
.mobile-logo {
	width: 48px;
}

.icon-sizer {
	font-size: 24px;
}

.m-menu {
	background: #f4fafe;
	transition: 0.2s all ease;
	font-weight: 700;
	font-size: 18px;
}

.m-menu__title {
	font-size: 22px;
	color: #2f2f2f;
}

.nav-item-m {
	height: 43px;
	border-bottom: 2px #fff solid;
	width: 100%;
	display: flex;
	align-items: center;
	padding-left: 24px;
	padding-right: 24px;
	color: #1f4e66;
}

.nav-item-m2 {
	height: 43px;
	border-bottom: 2px #fff solid;
	width: 100%;
}

.nav-link-m {
	width: 100%;
}

.nav-item-m:hover,
.nav-item-m2:hover,
.nav-item-m2:focus {
	background: #fff;
	text-decoration: none;
}

.nav-item-m:active,
.nav-item-m2:active {
	background: #fff;
	text-decoration: none;
}

.nav-item-m0 {
	margin-top: 20px;
	margin-left: 25px;
	display: flex;
	margin: 0 auto;
}


.nav-link-m2 {
	padding-left: 40px;
	width: 100%;
	line-height: 2.5rem;
	display: block;
}

.nav-link-m2.active {
	background: #fff;
	text-decoration: none;
}

.nav-link-m0 {
	margin: 0 auto;
	width: 330%;
	margin-bottom: 10px;
	margin-top: 10px;
	filter: invert(100%);
}

.m-items {
	box-shadow: 0px 11px 20px -17px grey inset;
}

.sub_sub {
	background: #f8fcfe;
	box-shadow: 0px 11px 20px -17px grey inset;
	font-weight: 400;
}

.navbar-toggler:focus,
.navbar-toggler:active {
	box-shadow: none;
	outline: none;
}

/*Мобильный поиск*/
.search-mobile {
	height: 45px;
}

.search__choise {
	padding-bottom: 15px;
}

.search__choise_item {
	padding-right: 7px;
}

.search__choise_dd {
	border-bottom: 2px #1f4e66 dotted;
	padding-bottom: 5px;
}

.dropdown-menu.show {
	background: #f4fafe;
	border: none;
	border-top: none;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	box-shadow: 0px 11px 33px -17px;
}

/*Подменю*/
.subnav {
	background: #f8fcfe;
	margin-bottom: -10px;
}

.paragraph2 {
	font-size: 24px;
	color: #ffd512;
}

.headline,
.subnav__item {
	align-items: baseline;
}

.subnav__item {
	padding-right: 25px;
}

.subnav__title {
	margin-top: 18px;
	margin-left: 38px;
	align-items: center;
}

.subnav__title__name {
	padding-left: 6px;
}

.mail {
	font-size: 20px;
	padding: 10px 10px 0 10px;
}

.email-name {
	color: #1f4e66;
	text-decoration: underline;
}

.subnav__menu {
	padding-left: 42px;
	margin-top: -5px;
}

.subnav__menu__link {
	margin-right: 20px;
	color: #1f4e66;
	display: block;
	height: 32px;
}

.subnav__menu__link.active,
.subnav__menu__link:hover {
	border-bottom: 3px #ffd512 solid;
	color: #1f4e66;

}


.phone {
	font-size: 16px;
	padding-left: 5px;
}

.phone_big {
	font-size: 22px;
	color: #2f2f2f;
}

@media screen and (max-width: 900px) {
	.phone_big {
		font-size: 18px;
	}

	.subnav__title__name {
		font-size: 2.0rem;
	}
}

.subslider {
	right: 10px;
	background: #f8fcfe;
	color: #1f4e66;
}

/*Контtнт*/
.main-title {
	padding-top: 40px;
	margin-left: 42px;
}

/*Карточки соискателя*/
.article-card {
	position: relative;
	box-sizing: border-box;
	margin-bottom: 20px;
	background-color: #f4fafe50;
	border: 1px solid #e9ecef;
	border-radius: 7px;
	min-height: 220px;
	box-shadow: 0 11px 20px -17px #000;
	overflow: hidden;
}

.card-img-box {
    position: relative;
	overflow: hidden;
	min-height: 220px;
}

.card-img {
	border-radius: 0;
	filter: brightness(.8);
	z-index: 1;
	position: absolute;
	height: 100%;
	width: auto;
}

.card-img2 {
	position: absolute;
	bottom: -10%;
	z-index: 0;
	left: -15%;
	filter: blur(11px) brightness(0.8);
	width: 130%;
}

@media screen and (max-width: 575px) {
	.card-img-box {
		border-radius: 0;
		min-height: auto;
	}
	.card-img {
		position: relative;
		width: 100%;
	}
}

.card__texts {
	padding: 20px;
}

.card__description {
	font-family: 'PT serif', serif;
	font-size: 15px;
	line-height: 1.3;
	color: #2f2f2f;
	max-height: 75px;
	overflow: hidden;
}

.article-card__category {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 15px;
	font-family: PT-sans, Arial, sans-serif;
	opacity: 0.6;
}

.article-card__category-link {
	text-decoration: none;
	margin-bottom: -10px;
	opacity: .6;
}

.btn-yellow {
	background: #ffd512;
	border-radius: 30px;
	min-width: 160px;
	height: 45px;
	color: #2f2f2f;
	font-weight: 700;
	box-shadow: 0px 11px 25px -17px #000000;
	margin: 0;
	transition: 0.1s all ease;
}

@media screen and (max-width: 575px) {
	.btn-yellow {
		width: 100%;
		margin: 20px;
	}


}

.btn-yellow:hover {
	box-shadow: 0px 11px 45px -17px #000000;
	color: #2f2f2f;
	padding-bottom: 8px;
}

.btn-yellow:active {
	box-shadow: 0px 11px 25px -17px #000000 inset;
	padding-top: 8px;
}

.btn-yellow:focus {
	box-shadow: 0px 11px 25px -17px #000000 inset;
}

.card__title {
	margin: 0;
	font-size: 20px;
	line-height: 24px;
	color: #2f2f2f;
	text-decoration: none;
	display: block;
	max-height: 75px;
	overflow: hidden;
}

.card__subs {
	color: #2f2f2f;
}

.article-card__author {
	color: #1f4e66;
	font-weight: 700;
	opacity: .8;
	font-size: 17px;
	text-decoration: none;
	max-height: 25px;
}

.plus-big {
	font-size: 75px;
	color: #7f7f7f;
	transition: all .2s ease-in-out;
	border: none;
	text-align: center;
	position: relative;
	display: inline-block;
	background-color: #ffffff;
}

.alm-btn-wrap {
	text-align:center
}

.plus-big:hover {
	transform: scale(1.05);
	color: #2f2f2f;
}

.plus-big:active {
	transform: scale(1);
}

/*Правая колонка*/
.r-column {
	min-width: 260px;
	height: auto;
	border-radius: 3px;
	padding: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.r-box {
	padding: 20px;
	background: #fcfeff;
    border: 1px solid #e6edf2;
    border-radius: 7px;
	width: 100%;
}



.buttons__r {
	width: 100%;
	height: 45px;
	border-radius: 25px;
	box-shadow: 0px 11px 20px -17px #000000;
	font-weight: 700;
	transition: 0.1s all ease;
}

.buttons__r:hover {
	box-shadow: 0px 11px 35px -17px #000000;
	padding-bottom: 8px;
}

.buttons__r:focus {
	padding-top: 8px;
	box-shadow: 0px 11px 33px -17px #000000 inset;
}

.button_y {
	background: #ffd512;
	color: #2f2f2f;
}

.btn-subs {
	font-size: 16px;
	text-align: center;
	line-height: 1.2rem;
	margin-top: 15px;
}

.card {
	position: relative;
	box-sizing: border-box;
	margin-bottom: 20px;
	background-color: #fffdf7;
	border: 1px solid #e6edf2;
	border-radius: 3px;
	min-height: 220px;
	height: 440px;
}

.card__description {
	font-family: 'PT serif', serif;
	font-size: 15px;
	line-height: 1.3;
	color: #2f2f2f;
	max-height: 95px;
	overflow: hidden;
	margin-bottom: 0;
}

.article-card__category {
	margin-top: 10px;
	margin-bottom: 0;
	color: #2f2f2f;
	font-size: 15px;
	font-family: PT-sans, Arial, sans-serif;
	opacity: 0.8;
}

.article-card__category-link {
	/* color: #1f4e66; */
	text-decoration: none;
	margin-bottom: -10px;
}

.article-card__author {
	color: #1f4e66;
	font-weight: 700;
	opacity: .8;
	font-size: 17px;
	text-decoration: none;
}

.plus-big {
	font-size: 75px;
	color: #7f7f7f;
	transition: all .2s ease-in-out;
	cursor: pointer;
}

.plus-big:hover {
	transform: scale(1.05);
	color: #2f2f2f;
}

.plus-big:active {
	transform: scale(1);
}

.subscription-block__title {
	margin: 0 0 10px;
	font-family: PT-sans, Arial, sans-serif;
	font-size: 20px;
	line-height: 24px;
	font-weight: 400;
}

.subscription-block__descr {
	margin-bottom: 18px;
	font-size: 16px;
	line-height: 19px;
	color: #2f2f2f;
}

.subscription-form-aside__input {
	margin-bottom: 12px;
	padding: 7px 14px;
	width: 100%;
	font-size: 16px;
	line-height: 20px;
	color: #1f4e66;
	border: 1px solid #e6edf2;
	border-radius: 3px;
}


.buttons__r {
	width: 100%;
	height: 45px;
	border-radius: 25px;
	box-shadow: 0px 11px 20px -17px #000000;
	font-weight: 700;
	transition: 0.1s all ease;
}

.buttons__r:hover {
	box-shadow: 0px 11px 35px -17px #000000;
	padding-bottom: 8px;
}

.buttons__r:focus {
	padding-top: 8px;
	box-shadow: 0px 11px 33px -17px #000000 inset;
}

.button_y {
	background: #ffd512;
	color: #2f2f2f;
	max-width: 265px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.button_g {
	background: #009936;
	color: #fff;
}

.button_g:focus,
.button_g:hover {
	color: #fff;
}

.button_w {
	border: 1px #2f2f2f solid;
	color: #2f2f2f;
}

.btn-subs {
	font-size: 16px;
	text-align: center;
	line-height: 1.2rem;
	margin-top: 15px;
}

.allready {
	text-align: center;
}

.allready__text {
	font-size: 16px;
	line-height: 1.2rem;
}

.allready__num {
	font-size: 2.5rem;
	margin: 0;
}

.donations__line {
	width: 220px;
}

.donations__line__time {
	font-size: 16px;
	color: grey;
}

.news-box {
	width: 250px;
}

.r-icon {
	font-size: 28px;
	color: #b0cfe1;
	padding: 5px;
}

.r-title {
	font-size: 16px;
	padding-left: 10px;
	padding-bottom: 0;
	display: block;
	line-height: 1.2rem;
	max-width: 250px
}

.r-date {
	font-size: 12px;
	color: grey;
	padding-left: 10px;
	display: block;
	margin-bottom: 10px;
}

.r-more {
	font-size: 16px;
	text-decoration: underline;
	display: block;
}

@media screen and (max-width: 767px) {
	.r-more {
		border: 1px #b0cfe1 solid;
		border-radius: 30px;
		padding: 10px;
		margin-top: 10px;
	}
}

.r-one-pay {
	font-size: 13px;
	color: grey;
	margin: 10px 0;
	width: 250px;
}

.r-summ {
	font-size: 18px;
	color: #2f2f2f;
}

.r-comm {
	margin-top: -15px;
}

li.current-menu-item a {
	border-bottom: 3px #1f4e66 solid;
}

.nav-toggle {
	display: none;
	overflow: hidden;
	width: 33px;
	height: 28px;
	padding: 0;
	border: none;
	outline: none;
	cursor: pointer;
	text-indent: -9999px;
	background-color: transparent;
	transition: .3s ease background;
	position: absolute;
	top:60px;
	right: 10px;
	z-index: 20;
}

/*Футер*/
.footer{
	background: #1f4e66;
	height: auto;
	color: #fff;
	font-size: 14px;
	padding-bottom: 40px;
}

.footer__logoline{
	padding-top: 40px;
	margin-left: 0px;
}

.footer__title{
	margin-left: 20px;
}

.footer__content{
	padding-top: 20px;
	padding-bottom: 15px;
}

.footer__content_item{
	width: 230px;
	color: #fff;
	padding: 15px;
	line-height: 1.2rem;
}

.footer__content_item:hover,.footer__copy_link{
	color: #fff;
	text-decoration: underline;
}
/*Футер*/

.subscription-block {
	box-sizing: border-box;
	margin-bottom: 20px;
	padding: 15px 22px 7px;
	background-color: #fffdf7;
	border: 1px solid #e6edf2;
	border-radius: 3px;
	overflow: hidden;
}
.subscription-block__title, .social-widget__title {
	margin: 0 0 10px;
	font-family: PT-sans,Arial,sans-serif;
	font-size: 20px;
	line-height: 24px;
	font-weight: 400;
}
.subscription-block__descr {
	margin-bottom: 18px;
	font-size: 16px;
	line-height: 19px;
	color: #2f2f2f;
}

  .btn-white {
	background: #f4fafe;
	border-radius: 30px;
	min-width: 165px;
	width: 100%;
	max-width: 265px;
	height: 45px;
	color: #2f2f2f;
	font-weight: 700;
	box-shadow: 0px 11px 20px -17px #000000;
	transition: 0.2s all ease;
	padding: 8px;
	font-size: 18px;
	margin-bottom: -5px;
	position: relative;
	z-index: 2;
  }
  
  .btn-white:hover{
	background: #fff;
  }
  
  
  
  .btn:hover {
	box-shadow: 0px 11px 30px -17px #000000;
	padding: 7px;
  }
  
  .btn:active {
	box-shadow: 0px 11px 20px -17px #000000 inset;
	padding: 9px;
  }
  
  .card {
	width: 265px;
	position: relative;
	border-radius: 7px;
	margin: 10px;
	overflow: hidden;
	box-shadow: 0px 11px 30px -17px #000000;
	border: none;
	z-index: 0;
  }
  
  .card-header {
	width: 100%;
	height: 170px;
	overflow: hidden;
	padding: 0;
	position: relative;
	border: none;
  
  }
  
  .card-img-top {
	top: 50%;
	left: 50%;
	position: relative;
	transform: translate(-50%, -50%) scale(1.05);
	filter: brightness(.6);
  }
  
 
  .paragraph {
	position: absolute;
	z-index: 2;
	padding: 7px 20px;
  }
  
  .paragraph-sign {
	color: #ffd512;
	font-size: 16px;
  }
  
  .paragraph-name {
	color: #fff;
	font-size: 16px;
  }
  
  .boomark-link {
	display: block;
	position: absolute;
	z-index: 2;
	top: -5px;
	color: #fff;
	right: 0;
	width: 40px;
	height: 40px;
	opacity: .65;
	text-align: center;
	transition: all .1s ease-in-out;
  }
  
  .boomark-link:hover {
	transform: scale(1.1);
	opacity: 1;
	color: #fff;
  }
  
  .boomark-link:active {
	color: #ffd512;
  }
  
    
  .card-icon {
	font-size: 72px;
	position: absolute;
	z-index: 2;
	bottom: 0px;
	left: 20px;
	margin-bottom: -10px;
  }
 
  .bg-black {
	background-color: #000000 !important;
  }
  
   
  .card-title {
	font-weight: 700;
	font-size: 20px;
	margin-top: -3px;
	position: relative;
	z-index: 2;
  }
  
  

  .card-img-big {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	filter: brightness(0.6);
  }
  

   
  .card-text-big {
	font-family: PT serif, serif;
	font-size: 14px;
	line-height: 18px;
	max-height: 74px;
	overflow: hidden;
	position: relative;
	z-index: 2;
  }
  
  @media screen and (max-width: 576px) {
	.card-text-big {
	  max-height: 56px;
	}
  }

.menu-top-menu-container ul ul {
	display: none;
}

.menu-top-menu-container ul li:hover > ul {
	display: block;
}

.menu-top-menu-container li  {
	position: relative;
}

.menu-top-menu-container ul ul {
	position: absolute !important;
	left: -220px;
	background: #f4fafe;
	color: #1f4e66;
	font-size: 18px;
	box-shadow: 0px 11px 33px -17px;
	border: 1px #fff solid;
	border-top: 0;
	text-decoration: none;
}

/* Поделиться */
.social-item {
	border-radius: 3px;
	text-align: center;
	padding: 0;
	list-style-type: none;
	border: 1px solid grey;
	transition: .2s ease;
}

.social-item-link {
	display: block;
	font-size: 22px;
	padding: 7px;
	width: 100%;
}

#fb {
	color: #3b5998;
	border: 1px solid #3b5998;
}

#fb:hover {
	background: #3b5998;
	color: #fff;
}

#vk {
	color: #4c75a3;
	border: 1px solid #4c75a3;
}

#vk:hover {
	background: #4c75a3;
	color: #fff;
}

#tw {
	color: #00aced;
	border: 1px solid #00aced;
}

#tw:hover {
	background: #00aced;
	color: #fff;
}

#ok {
	color: #ed812b;
	border: 1px solid #ed812b;
}

#ok:hover {
	background: #ed812b;
	color: #fff;
}

#link {
	color: grey;
	border: 1px solid grey;
}

#link:hover {
	background: grey;
	color: #fff;
	cursor: pointer;
}

#tg {
	background: #0088CC;
	color: #fff;
	border: 1px solid #0088CC;
	border-radius: 25px;
}


#zen {
	background: grey;
	color: #fff;
	border: 1px solid grey;
	border-radius: 25px;
}

#tg:hover,
#zen:hover {
	box-shadow: 0px 11px 35px -17px #000000;
}

#tg:active,
#zen:active {
	box-shadow: 0px 11px 35px -17px #000000 inset;
}

.btn-icon-img {
	width: 25px;
	height: 25px;
}

/* Фидбек реакции */
.bg-blue {
	background: #f4fafe;
	border-radius: 7px;
}

.feedback {
	--normal: #eceaf3;
	--normal-shadow: #d9d8e3;
	--normal-mouth: #9795a4;
	--normal-eye: #595861;
	--active: #f8da69;
	--active-shadow: #f4b555;
	--active-mouth: #f05136;
	--active-eye: #313036;
	--active-tear: #76b5e7;
	--active-shadow-angry: #e94f1d;
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
}

.feedback li {
	position: relative;
	border-radius: 50%;
	background: var(--sb, var(--normal));
	box-shadow: inset 3px -3px 4px var(--sh, var(--normal-shadow));
	transition: background 0.4s, box-shadow 0.4s, transform 0.3s;
	-webkit-tap-highlight-color: transparent;
}

.feedback li:hover {
	transform: scale(1.05);
}

.feedback li:not(:last-child) {
	margin-right: 20px;
}

.feedback li div {
	width: 40px;
	height: 40px;
	position: relative;
	transform: perspective(240px) translateZ(4px);
}

.feedback li div svg,
.feedback li div:before,
.feedback li div:after {
	display: block;
	position: absolute;
	left: var(--l, 9px);
	top: var(--t, 13px);
	width: var(--w, 8px);
	height: var(--h, 2px);
	transform: rotate(var(--r, 0deg)) scale(var(--sc, 1)) translateZ(0);
}

.feedback li div svg {
	fill: none;
	stroke: var(--s);
	stroke-width: 2px;
	stroke-linecap: round;
	stroke-linejoin: round;
	transition: stroke 0.4s;
}

.feedback li div svg.eye {
	--s: var(--e, var(--normal-eye));
	--t: 17px;
	--w: 7px;
	--h: 4px;
}

.feedback li div svg.eye.right {
	--l: 23px;
}

.feedback li div svg.mouth {
	--s: var(--m, var(--normal-mouth));
	--l: 11px;
	--t: 23px;
	--w: 18px;
	--h: 7px;
}

.feedback li div:before,
.feedback li div:after {
	content: "";
	z-index: var(--zi, 1);
	border-radius: var(--br, 1px);
	background: var(--b, var(--e, var(--normal-eye)));
	transition: background 0.4s;
}

.feedback li.angry {
	--step-1-rx: -24deg;
	--step-1-ry: 20deg;
	--step-2-rx: -24deg;
	--step-2-ry: -20deg;
}

.feedback li.angry div:before {
	--r: 20deg;
}

.feedback li.angry div:after {
	--l: 23px;
	--r: -20deg;
}

.feedback li.angry div svg.eye {
	stroke-dasharray: 4.55;
	stroke-dashoffset: 8.15;
}

.feedback li.angry.active {
	animation: angry 1s linear;
}

.feedback li.angry.active div:before {
	--middle-y: -2px;
	--middle-r: 22deg;
	animation: toggle 0.8s linear forwards;
}

.feedback li.angry.active div:after {
	--middle-y: 1px;
	--middle-r: -18deg;
	animation: toggle 0.8s linear forwards;
}

.feedback li.sad {
	--step-1-rx: 20deg;
	--step-1-ry: -12deg;
	--step-2-rx: -18deg;
	--step-2-ry: 14deg;
}

.feedback li.sad div:before,
.feedback li.sad div:after {
	--b: var(--active-tear);
	--sc: 0;
	--w: 5px;
	--h: 5px;
	--t: 15px;
	--br: 50%;
}

.feedback li.sad div:after {
	--l: 25px;
}

.feedback li.sad div svg.eye {
	--t: 16px;
}

.feedback li.sad div svg.mouth {
	--t: 24px;
	stroke-dasharray: 9.5;
	stroke-dashoffset: 33.25;
}

.feedback li.sad.active div:before,
.feedback li.sad.active div:after {
	animation: tear 0.6s linear forwards;
}

.feedback li.ok {
	--step-1-rx: 4deg;
	--step-1-ry: -22deg;
	--step-1-rz: 6deg;
	--step-2-rx: 4deg;
	--step-2-ry: 22deg;
	--step-2-rz: -6deg;
}

.feedback li.ok div:before {
	--l: 12px;
	--t: 17px;
	--h: 4px;
	--w: 4px;
	--br: 50%;
	box-shadow: 12px 0 0 var(--e, var(--normal-eye));
}

.feedback li.ok div:after {
	--l: 13px;
	--t: 26px;
	--w: 14px;
	--h: 2px;
	--br: 1px;
	--b: var(--m, var(--normal-mouth));
}

.feedback li.ok.active div:before {
	--middle-s-y: 0.35;
	animation: toggle 0.2s linear forwards;
}

.feedback li.ok.active div:after {
	--middle-s-x: 0.5;
	animation: toggle 0.7s linear forwards;
}

.feedback li.good {
	--step-1-rx: -14deg;
	--step-1-rz: 10deg;
	--step-2-rx: 10deg;
	--step-2-rz: -8deg;
}

.feedback li.good div:before {
	--b: var(--m, var(--normal-mouth));
	--w: 5px;
	--h: 5px;
	--br: 50%;
	--t: 22px;
	--zi: 0;
	opacity: 0.5;
	box-shadow: 16px 0 0 var(--b);
	filter: blur(2px);
}

.feedback li.good div:after {
	--sc: 0;
}

.feedback li.good div svg.eye {
	--t: 15px;
	--sc: -1;
	stroke-dasharray: 4.55;
	stroke-dashoffset: 8.15;
}

.feedback li.good div svg.mouth {
	--t: 22px;
	--sc: -1;
	stroke-dasharray: 13.3;
	stroke-dashoffset: 23.75;
}

.feedback li.good.active div svg.mouth {
	--middle-y: 1px;
	--middle-s: -1;
	animation: toggle 0.8s linear forwards;
}

.feedback li.happy div {
	--step-1-rx: 18deg;
	--step-1-ry: 24deg;
	--step-2-rx: 18deg;
	--step-2-ry: -24deg;
}

.feedback li.happy div:before {
	--sc: 0;
}

.feedback li.happy div:after {
	--b: var(--m, var(--normal-mouth));
	--l: 11px;
	--t: 23px;
	--w: 18px;
	--h: 8px;
	--br: 0 0 8px 8px;
}

.feedback li.happy div svg.eye {
	--t: 14px;
	--sc: -1;
}

.feedback li.happy.active div:after {
	--middle-s-x: 0.95;
	--middle-s-y: 0.75;
	animation: toggle 0.8s linear forwards;
}

.feedback li:not(.active) {
	cursor: pointer;
}

.feedback li:not(.active):active {
	transform: scale(0.925);
}

.feedback li.active {
	--sb: var(--active);
	--sh: var(--active-shadow);
	--m: var(--active-mouth);
	--e: var(--active-eye);
}

.feedback li.active div {
	animation: shake 0.8s linear forwards;
}

@keyframes shake {
	30% {
		transform: perspective(240px) rotateX(var(--step-1-rx, 0deg)) rotateY(var(--step-1-ry, 0deg)) rotateZ(var(--step-1-rz, 0deg)) translateZ(10px);
	}

	60% {
		transform: perspective(240px) rotateX(var(--step-2-rx, 0deg)) rotateY(var(--step-2-ry, 0deg)) rotateZ(var(--step-2-rz, 0deg)) translateZ(10px);
	}

	100% {
		transform: perspective(240px) translateZ(4px);
	}
}

@keyframes tear {
	0% {
		opacity: 0;
		transform: translateY(-2px) scale(0) translateZ(0);
	}

	50% {
		transform: translateY(12px) scale(0.6, 1.2) translateZ(0);
	}

	20%,
	80% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		transform: translateY(24px) translateX(4px) rotateZ(-30deg) scale(0.7, 1.1) translateZ(0);
	}
}

@keyframes toggle {
	50% {
		transform: translateY(var(--middle-y, 0)) scale(var(--middle-s-x, var(--middle-s, 1)), var(--middle-s-y, var(--middle-s, 1))) rotate(var(--middle-r, 0deg));
	}
}

@keyframes angry {
	40% {
		background: var(--active);
	}

	45% {
		box-shadow: inset 3px -3px 4px var(--active-shadow), inset 0 8px 10px var(--active-shadow-angry);
	}
}

/*Контент*/
.article-title {
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 20px;
}

.article-text {
	position: relative;
	z-index: 0;
	max-width: 660px;
	font-family: PT Serif, serif;
	font-size: 19px;
}

.article-text a {
	color: #1A74B0;
}

.article-img {
	width: 720px;
}

.article-img-box {
	margin-top: 20px;
	margin-bottom: 20px;
}

.article-subtitle {
	font-size: 22px;
	margin: 25px;
}

blockquote {
	font-size: 19px;
	margin: 25px;
	line-height: inherit;
	font-style: inherit;
}

/*аватарка на странице поста*/

.author-img-box {
	width: 85px;
	height: 85px;
	border-radius: 50px;
	overflow: hidden;
}

.article-autor-img {
	width: 100%;
}

.article-card__date {
	padding: 10px;
	font-size: 16px;
	opacity: .8;
	padding-left: 0;
}

.article-tag {
	display: block;
	padding: 8px;
	border-radius: 7px;
	background: #fffdf7;
	border: 1px solid #e6edf2;
	font-size: 16px;
	width: fit-content;
	margin: 0 10px 10px 0;
	height: 40px;
	color: #1f4e66;
	opacity: 0.5;
	transition: .2s ease;
}

.article-tag:hover {
	opacity: 1;
	text-decoration: none;
}

.article-card__author {
	color: #1f4e66;
	font-weight: 700;
	opacity: .8;
	font-size: 17px;
	text-decoration: none;
}


.visuallyhidden{position:absolute;clip:rect(1px,1px,1px,1px)}
.copybutton{background-color:#fff;border:0;outline:0;cursor:pointer;opacity:1;position:absolute;width:40px;height:40px;z-index:9;border-radius:24px}
.button-tooltip-container {
	display: flex;
	align-items: center;
	margin-top: 16px;
	min-height: 30px;

}
#custom-tooltip {
	display: flex;
	margin-left: 40px;
	padding: 5px 12px;
	background-color: #000000df;
	border-radius: 4px;
	color: #fff;
}

.app {
	height: 35px;
}

.app:hover {
	box-shadow: 0px 7px 10px -5px #00000090;
	margin-top: -2px;
}

.app:active {
	box-shadow: 0px 7px 10px -5px #00000090 inset;
}


.app-img {
	width: 120px;
	border-radius: 4px;
}

.app-img:hover {
	box-shadow: 0px 7px 10px -5px #00000050;
	margin-top: -2px;
	background: #fff;
}

.app-img:active {
	box-shadow: 0px 7px 10px -5px #00000050 inset;
}

.wp-block-image img {
	width: 100%;
	max-width: 720px;
	height: auto;
}

.article-text img {
	width: 100%;
	height: auto;
}

@media (min-width: 768px) {
    .col-md-10 {
        -ms-flex: 0 1 83.333333%;
        flex: 0 1 83.333333%;
        max-width: 83.333333%;
    }
}

.active__item {
	border-bottom: 3px #ffd512 solid;
	color: #1f4e66;
}