/*!
Theme Name: virthubtheme
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: virthubtheme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

virthubtheme is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
    - Normalize
    - Box sizing
# Base
    - Typography
    - Elements
    - Links
    - Forms
## Layouts
# Components
    - Navigation
    - Posts and pages
    - Comments
    - Widgets
    - Media
    - Captions
    - Galleries
# plugins
    - Jetpack infinite scroll
# Utilities
    - Accessibility
    - Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
     ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

/* CUSTOM STYLES /////////*/

/* НАСТРОЙКИ ПО УМОЛЧАНИЮ........................................................................ */

html,
body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-size: 10px;
	font-weight: 300;
	background-color: #0a0a0a;
	position: relative;
}
ul {
	margin: 0;
	padding-left: 0;
}
ul li {
	list-style: none;
}
input,
textarea,
button:focus {
	outline: none;
	border: none;
}
textarea {
	resize: none;
}
button {
	border: none;
	background: none;
}
p {
	margin: 0;
}
a,
a:hover {
	text-decoration: none;
	color: #fff;
}
::placeholder {
	color: #796e6e;
	opacity: 1;
}
:focus::placeholder {
	color: transparent;
}

.container {
	width: 96%;
	margin: 0 auto;
	padding: 0;
}
h1{
    color: #00aef3;
    font-family: 'Marck Script';
}

/* HEADER  ################################################## */
/* ########################################################## */

.header{
    position: fixed;
    /* top: 0; */
    height: 3rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    background-color: rgba(34, 37, 46, 0.85);
    z-index: 99;
}
.header__menu{
    position: relative;
    display: flex;
    align-items: center;
}

.mobile-btn {
    position: relative;
	cursor: pointer;
	z-index: 99;
}

/*  */
.menu__line-1 {
	display: block;
	width: 30px;
	height: 2px;
	background: #fdfeff;
	transition: 1000ms;
} /*линии для бургер меню*/

.menu__line-2 {
	display: block;
	width: 30px;
	height: 2px;
	margin-top: 8px;
	background: #fdfeff;
	transition: 1000ms;
} /*линии для бургер меню*/

.menu__line-3 {
	display: block;
	width: 30px;
	height: 2px;
	margin-top: 8px;
	background: #fdfeff;
	transition: 1000ms;
} /*линии для бургер меню*/

/*  */
.menu__line-1--pending {
	width: 33px;
	height: 3px;
	transform: rotate(45deg);
	transition: 1000ms;
} /*линии для бургер меню после нажатия*/

.menu__line-2--pending {
	width: 33px;
	height: 3px;
	margin-top: -3px;
	transform: rotate(-45deg);
	transition: 1000ms;
} /*линии для бургер меню после нажатия*/

.menu__line-3--pending {
	display: none;
} /*линии для бургер меню после нажатия*/

/*  */
.menu-wrapper--active {
	display:block;
	position:fixed;
	top:3rem;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,.8);
	z-index:9;
	background-color: rgba(0, 0, 0, 0.8);
    
} /*темная подложка под мобильное меню*/

/*  */
.menu-mobile {
	display: flex;
	flex-direction: column;
	position: fixed;
	top: 8rem;
	left: -60rem;
	width: 25rem;
	padding: 1rem !important;
	background: #302f2f;
	z-index: 9;
	transition: 1000ms;
} /* мобильное меню */

/*  */
.menu-mobile--active {
	left: 2rem;
	transition: 800ms;
} /* класс для скрытия мобильного меню */

/*  */
.menu-mobile__item {
	font-family: 'SegoeUILight', sans-serif;
	font-size: 1.7rem;
	margin-bottom: 0.2rem;
	padding: 0 !important;
	background-color: #3b3a3a;
	cursor: pointer;
} /* пункты мобильного меню */

.menu-mobile__item a {
	display: block;
	width: 100%;
	padding: 1rem;
}

.top-menu{
    margin-left: 1rem;
    display: flex;
}

/*  */
.logo {
	font-family: 'SegoeUIRegular', sans-serif;
	padding: 0.5rem 0 0.5rem 1rem;
	font-size: 1.5rem;
	color: #fff;
} /* Логотип базовый */

/*  */
.logo-main {
	/* position: absolute;
	left: 50%;
	transform: translateX(-50%); */
	font-size: 2.5rem;
	color: #f8f6ef;
}
.logo__excerpt {
	padding: 0 2px;
	margin-left: 5px;
	font-weight: 600;
	color: #000;
	border-radius: 2px 2px 3px 3px;
	background-color: #ff9900; /*|||||||||||||||||||||||||||||||Основной оранжевый*/
} /* Основной логотип спайта */

.top_menu {
	display: flex;
	justify-content: flex-start;
}
.top-menu__item{
    font-family: 'SegoeUIRegular', sans-serif;
	padding: 0.5rem 0 0.5rem 1rem;
	font-size: 1.5rem;
}
.top-menu__item a:hover{
    color:#ff9900;
}


/*  */
.menu__link {
	font-family: 'SegoeUIRegular', sans-serif;
} /* Ссылка класического меню */




.menu-mobile__item:hover {
	background-color: #474545;
} /* эфект при наведении */

/*  */
.control-buttons {
	display: flex;
	justify-content: space-between;
} /* обертка для кнопок управления */

/*  */
.control-button {
	text-align: center;
	flex-grow: 1;
	padding: 0.5rem;
} /* кнопки для входа регистрации и поиска*/

/*  */
.header__search{
    margin-right: 1rem;
}
.search__cat {
	margin-right: 1rem;
	font-size: 2rem;
	color: #fff;
	cursor: pointer;
} /* кнопка категории */
/*  */
.search {
	display: flex;
	align-items: center;
	margin-top: 0.2rem;
} /* бллок с поиском и категориями */

/*  */
.search__form {
	display: flex;
	align-items: center;
} /* форма поиска */

/*  */
.search__input {
    position: relative;
	font-family: 'SegoeUILight', sans-serif;
	font-size: 1.6rem;
	color: #fff;
	width: 16rem;
	padding: 0.5rem;
	margin-right: 1rem;
	margin-bottom: 0;
	background-color: #444040;
} /* поле ввода формы */

/*  */
.search__btn {
	position: absolute;
	right: 4rem;
	font-size: 1.5rem;
	color: #fff;
	cursor: pointer;
} /* кнопка формы */
/*  */
.search__cat--active {
	color: #dc8d4e; /*|||||||||||||||||||||||||||||||Основной оранжевый*/
} /* класс для активной кнопки */

.search-results{
    position: fixed;
    top: 5.5rem;
    right: 1rem;
    width: 17rem;
    display: none;
    z-index: 99;
}
.search-results--active{
    display: flex;
    flex-direction: column;
    
}
.search-results__item{
    font-family: 'SegoeUILight', sans-serif;
	font-size: 1.6rem;
	margin-bottom: 0.2rem;
    padding: 0.5rem;	
	background-color: #3b3a3a;
	cursor: pointer;

}
.search-results__item:hover{
   background-color: #1d1c1c; 
}

/* LOGIN PAGE ......................................... */
.login-page{
	min-height:100vh;
	display:flex;
	align-items:center;
	justify-content:center;
	background:#0a0a0a;
}

.login-page__wrapper{
	width:100%;
	max-width:350px;
	padding:3rem;
	background:#1b1b1b;
	border-radius:8px;
}

.login-page__title{
	margin-bottom:2rem;
	text-align:center;
	color:#fff;
    font-family: 'Marck Script', cursive;
    font-size: 3rem;
}
.loginform{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.login-username, .login-password, .login-remember{
    width: 100%;
    display: flex;
    flex-direction: column;
    font-family: 'SegoeUILight', sans-serif;
	font-size: 1.6rem;
	margin-bottom: 0.2rem;
    padding: 0.5rem;	
    color: #fff;
}
.login-username label, .login-password label{
    margin-bottom:5px;
}
.login-remember label{
    margin-bottom: 15px;
}
.input{
    font-family: 'SegoeUILight', sans-serif;
	font-size: 2rem;
    padding: 10px;
    border-radius: 5px;

}
.input:focus{
    outline: 2px solid #dc8d4e;
    box-shadow: 1px 2px 3px #0d0d0e;
}
.login-submit{
    width: 100%;
    padding: 0.5rem;
}
.login-submit input{    
    width: 50%;
    font-size: 2rem;
    padding: 10px;
    border-radius: 5px;
    background-color: #dc8d4e ;
    cursor: pointer;
}
.login-page__links{
    padding: 0.5rem;
    font-family: 'SegoeUILight', sans-serif;
	font-size: 1.6rem;
}
/* MAIN........................................................................ */

.warning {
	padding: 4rem 2rem 7rem 2rem;
	font-family: 'Marck Script', cursive;
	font-size: 3.5rem;
	color: rgb(214, 73, 73);
}

/*  */
.main {
	width: 100%;
	margin: auto;
	background-color: #000;
	padding: 6rem 1rem 0 1rem;
} /* блок маин */

/*  */
.h1 {
	font-family: 'SegoeUIRegular', sans-serif;
	font-size: 2.5rem;
	text-align: center;
	color: #585656;
	text-transform: uppercase;
	margin-bottom: 1rem;
} /* Главный заголовок */


/*  */
.h2 {
	font-family: 'Marck Script', cursive;
	font-size: 2rem;
	font-weight: 300;
	text-align: center;
	color: rgba(230, 111, 42, 0.6);
	margin-top: 0;
	margin-bottom: 5rem;
} /* подзаголовок */

/*  */
.tabs-title {
	display: flex;
	justify-content: flex-start;
} /* блок для табов */

/*  */
.tabs-title__name {
	font-family: 'SegoeUIRegular', sans-serif;
	padding: 1.5rem 3rem;
	font-size: 1.5rem;
	color: #fff;
	cursor: pointer;
} /* заголовки для табов */

/*  */
.tabs-title__name--active {
	position: relative;
	border-top: 2px solid #ff9900; /*|||||||||||||||||||||||||||||||Основной оранжевый*/
	border-right: 1px solid #796e6e;
	border-left: 1px solid #796e6e;
} /* класс для активных заголовков */

/*  */
.tabs-title__name--active:after {
	position: absolute;
	bottom: -3px;
	left: 0;
	content: '';
	width: 100%;
	height: 5px;
	background-color: #000;
} /* визуальное оформление заголовков*/

/*  */
.tabs-tittle__icon {
	padding-right: 0.5rem;
} /* иконки для табов */



.rows-list{
    width: 100%;
	display:grid;
	grid-template-columns:repeat(auto-fill,minmax(310px,1fr));
	gap:1rem;
	padding:5rem 0 0;
	border-top:1px solid #796e6e;
}

/*  */
.tabs-content__inner {
	/* margin: 0 1rem 1rem 0; */
	/* flex-basis: 310px;
	flex-grow: 1; */
} /* обекты внутри табов */

/* КНОПКА ПРОКРУТКИ ВВЕРХ.................*/
figure {
	position: relative;
}

.button-up {
	display: none;
	font-size: 3rem;
	color: #fff;
	position: fixed;
	bottom: 1rem;
	right: 1rem;
	padding: 0.5rem;
	transform: rotate(90deg);
	z-index: 10;
	border: 2px solid #fff;
	border-radius: 50%;
}

/* ************************************** */

/* ПРЕВЬЮ АНКЕТЫ.................................................................. */

/*  */
.profile-preview {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background-color: #424141; /*|||||||||||||||||||||||||||||||\цвет превю анкеты*/
} /* превью анкеты */

/*  */
.logo-min {
	position: relative;
	width: 11rem;
	padding-left: 0 0 0 1.5rem;
	margin: 0;
	background-color: #ff9900; /*|||||||||||||||||||||||||||||||Основной оранжевый*/
} /* логотип для превью */

/*  */
.logo-min:after {
	position: absolute;
	top: 2.5rem;
	left: 0;
	content: '';
	width: 100%;
	height: 8rem;
	background-color: #ff9900; /*|||||||||||||||||||||||||||||||Основной оранжевый*/
} /* визуальное оформление подкладки под логотип */

/*  */
.logo__excerpt-min {
	margin: 0;
	padding: 0;
} /* логотип для превью */

/*  */
.profile-preview__photo {
	position: relative;
	display: flex;
	height: auto;
	margin: 0 1.5rem 0.5rem 1.5rem;
	padding: 0;
	z-index: 2;
} /* фото для превью */

/*  */
.profile-preview__photo:before {
	position: absolute;
	bottom: -8px;
	left: -8px;
	content: '';
	width: 5rem;
	height: 5rem;
	border-left: 2px solid #000;
	border-bottom: 2px solid #000;
}
.profile-preview__photo:after {
	position: absolute;
	top: -8px;
	right: -8px;
	content: '';
	width: 5rem;
	height: 5rem;
	border-right: 2px solid #000;
	border-top: 2px solid #000;
} /* визуальное оформление фото */

.profile-preview__photo img {
	display: block;
	width: 100%;
    height: auto;
	box-shadow: 1px 1px 5px #000;
}

.profile-preview__state {
	font-family: 'SegoeUIRegular', sans-serif;
	position: absolute;
	top: 2px;
	right: 5px;
	font-size: 2rem;
	color: rgb(157, 255, 92);
	text-shadow: 1px 1px 2px #3d3030;
}

/*Анимация заголовка*/
#blink1 {
	-webkit-animation: blink1 3s linear infinite;
	animation: blink1 3s linear infinite;
}
@-webkit-keyframes blink1 {
	0% {
		color: rgba(157, 255, 92, 1);
	}
	50% {
		color: rgba(157, 255, 92, 0.1);
	}
	100% {
		color: rgba(157, 255, 92, 1);
	}
}
@keyframes blink1 {
	0% {
		color: rgba(157, 255, 92, 1);
	}
	50% {
		color: rgba(157, 255, 92, 0.1);
	}
	100% {
		color: rgba(157, 255, 92, 1);
	}
}

.profile-preview__info {
	display: flex;
	justify-content: space-between;
	height: 3rem;
}

.profile-preview__name {
	font-family: 'Marck Script', cursive;
	align-self: center;
	padding: 0.2rem 0 0.2rem 1rem;
	font-size: 1.7rem;
	color: #fff;
	text-shadow: 1px 1px 2px #1a1818;
}

.profile-preview__social {
	position: relative;
	display: flex;
	justify-content: space-around;
	align-items: center;
	width: 11rem;
	background-color: #ff9900;
}

.profile-preview__social:before {
	position: absolute;
	bottom: 2.5rem;
	left: 0;
	content: '';
	width: 100%;
	height: 8rem;
	background-color: #ff9900; /*|||||||||||||||||||||||||||||||Основной оранжевый*/
}

.profile-preview__icon {
	font-size: 1.2rem;
	font-weight: 600;
	color: rgba(0, 0, 0, 0.2);
	list-style: none;
	/*text-shadow: 1px 1px 1px #000;*/
}

.profile-preview__icon--current {
	font-size: 1.2rem;
	color: rgba(0, 0, 0, 1);
	list-style: none;
}

.page-preview__img {
	display: block;
}

.h3 {
	font-size: 2rem;
	color: #fff;
}

.seo-text {
	position: relative;
	max-height: 150px;
	overflow: hidden;
}

.seo-text--active {
	max-height: 100%;
}

.show_all_text {
	position: absolute;
	bottom: 0;
	right: 20px;
	display: block;
	width: 100%;
	padding: 0.5rem;
	color: #ff9900;
	text-align: right;
	background-color: #000;
	cursor: pointer;
}

.h3 {
	font-size: 2rem;
	color: #fff;
}

.main__text {
	font-family: 'Marck Script', cursive;
	font-size: 1.5rem;
	padding-right: 3rem;
	color: #fff;
}

.main__text:nth-last-child(2) {
	margin-bottom: 2rem;
}

/* АНКЕТА........................................................................ */
/* ***************************************************************************** */
/* **************************************************************************** */

.profile {
	width: 90%;
	margin: 0 auto;
	padding-top: 8rem;
	background-color: #000;
}

.profile__info {
	display: flex;
	justify-content: start;
	padding: 0 2.5rem 0 2rem;
}
.profile__left-sidebar {
	display: flex;
	flex-direction: column;
	min-width: 33%;
	margin: 0 0.5rem 0.5rem 0;
}

.profile__block-info {
	position: relative;
	color: #fff;
	font-size: 2rem;
	padding: 2rem;
	background-color: rgb(66, 65, 65);
	margin-bottom: 0.5rem;
}
.block_addvirt {
	max-height: 150px;
	overflow: hidden;
}
.block_addvirt--active {
	max-height: 100%;
}
.show_addvirt {
	position: absolute;
	bottom: 0;
	right: 0;
	display: block;
	width: 100%;
	padding: 0.3rem;
	color: #ff9900;
	background-color: rgba(66, 65, 65, 0.9);
	cursor: pointer;
	box-shadow: 1px 1px 4px #000;
}

.block-info__title {
	font-family: 'Marck Script', cursive;
	font-size: 2rem;
	margin-bottom: 2rem;
}

.block-info__link {
	display: flex;
	align-items: center;
	padding-bottom: 0.5rem;
}

.block-info__icons {
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
	margin-top: 2rem;
}
.block-info__icon {
	font-size: 2.1rem;
	color: #fff;
	margin-right: 0.5rem;
}

.viber-custom {
	color: #7d51a0;
	text-shadow: 1px 1px #000;
}
.telegram-custom {
	color: #158dc0;
	text-shadow: 1px 1px #000;
}

.whatsapp-custom {
	color: #169b0c;
	text-shadow: 1px 1px #000;
}

.skype-custom {
	color: #00aef3;
	text-shadow: 1px 1px #000;
}

.block-info__text {
	font-family: 'SegoeUILight', sans-serif;
	font-size: 1.8rem;
	color: #dacfcf;
	margin-left: 1rem;
	margin-bottom: 0.5rem;
}

.block-info__area {
	/* margin-left: 0; */
	color: #ff9900;
}

.last-block {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex-grow: 1;
	margin: 0;
}

.profile__right-sidebar {
	display: flex;
	flex-direction: column;
	min-width: 67%;
}

.profile-slider {
	position: relative;
}

.profile-slider__title {
	position: absolute;
	top: 2rem;
	left: 5rem;
	max-width: 50%;
}
.profile-slider__name {
	font-family: 'Marck Script', cursive;
	font-size: 5rem;
	color: #fff;
	margin-bottom: 1rem;
	text-shadow: 2px 2px 3px #111111;
}

.profile-slider__cat {
	font-family: 'Marck Script', cursive;
	font-size: 2rem;
	color: #dc8d4e; /*|||||||||||||||||||||||||||||||Основной оранжевый*/
	margin-bottom: 1rem;
	text-shadow: 2px 2px 3px #0f0f0f;
	overflow: hidden;
}

.arrow-left {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	position: absolute;
	top: 0;
	width: 50%;
	height: 100%;
	left: 0.5rem;
	font-size: 2rem;
	color: #fff;
	padding: 1rem;
	cursor: pointer;
	text-shadow: 2px 2px 3px #0c0b0b;
}
.arrow-right {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	position: absolute;
	top: 0;
	right: 0.5rem;
	width: 50%;
	height: 100%;
	font-size: 2rem;
	color: #fff;
	padding: 1rem;
	cursor: pointer;
	text-shadow: 2px 2px 3px #000000;
}

.profile-slider__photo {
	display: none;
	margin-bottom: 0.5rem;
}
.profile-slider__photo--active {
	display: block;
}
.profile-slider__photo img {
	width: 100%;
}

.h3 {
	font-family: 'SegoeUIRegular', sans-serif;
}

.profile__main-text {
	font-family: 'Marck Script', cursive;
	flex-grow: 1;
	font-size: 1.7rem;
	color: #e0d8d8;
	background-color: #575353;
	padding: 0.5rem;
	margin-bottom: 0.5rem;
}

.profile__photos {
	display: flex;
	flex-wrap: wrap;
	padding: 0 2rem;
}

.profile__img {
	display: block;
	flex-grow: 1;
	width: 32%;
	max-width: 33%;
	margin: 0 0.5rem 0.5rem 0;
}

.block-info__social {
	display: flex;
	justify-content: start;
}

/* |||||||||GROOPS|||||||||| */
.groups{
    /* position: relative; */
}
.groups-wrap {
	display: flex;
	/* height: 700px; */
	width: 99%;
	padding: 2rem;
}

.groups-title {
	font-family: 'SegoeUILight', sans-serif;
	font-size: 4rem;
	letter-spacing: 3px;
	color: #fff;
	text-transform: uppercase;
	padding-left: 6rem;
    padding-top: 10rem;
}

.groups-previous {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: start;
	padding-top: 3rem;
}

.groups-line {
	position: absolute;
	top: 0;
	left: 13rem;
	width: 2px;
	height: 100%;
	background-color: #fff;
	z-index: 0;
}

.groups-previous__item {
	font-family: 'SegoeUIRegular', sans-serif;
	font-size: 3rem;
	color: #fff;
	width: 6rem;
	height: 6rem;
	margin-bottom: 2rem;
	margin-left: 10rem;
	border: 2px solid #fff;
	background-color: #0d0d0e;
	/*overflow: hidden;*/
	z-index: 1;
	box-shadow: 2px 2px 5px #363433;
}

.groups-previous__item img {
	width: 100%;
}
.groups-previous__item--active {
	width: 11rem;
	height: 11rem;
	border: 3px solid #ff9900;
}

.block-info__social {
	display: flex;
	justify-content: start;
	margin-top: 16rem;
}

.social__icon {
	font-size: 2.5rem;
	padding: 1rem;
	margin-left: 0.5rem;
	color: #fff;
	border-radius: 50%;
}

.social__icon:hover {
	box-shadow: 0px 0px 5px #fb6c1a;
	cursor: pointer;
}

.groups-content {
	margin-top: 3rem;
	margin-left: 4rem;
}
.groups-content__item {
	display: flex;
	flex-direction: column;
	padding-right: 19rem;
}
.groups-content__item:nth-child(2) {
	margin-top: 8rem;
}
.groups-content__item:nth-child(3) {
	margin-top: 16rem;
}

.groups-content__text {
	font-family: 'Marck Script', cursive;
	font-size: 1.8rem;
	color: #fff;
}
.groups-content__btn {
	align-self: flex-end;
	font-family: 'Marck Script', cursive;
	font-size: 2rem;
	color: #fb6c1a;
	margin: 2rem 0;
	padding: 1rem;
}
.groups-content__btn:hover {
	box-shadow: 0px 0px 5px #fb6c1a;
	cursor: pointer;
}

/* ........................... */

/* ||||||||||КОНТАКТЫ|||||||||| */
.contacts {
	font-size: 14px;
	padding: 4em;
}
.contacts__title {
	font-size: 2.5em;
	font-family: 'Roboto-Regular', sans-serif;
	color: #c5c1c1;
}
.contacts__content {
	margin: 2em 0 3em 0;
	display: flex;
	flex-direction: column;
}
.contacts__link {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 1em 2em;
	font-size: 1.6em;
	font-family: 'Roboto-Regular', sans-serif;
	color: #f89860;
	border-top: 1px solid #d6a98b;
}
.contacts__link p {
	color: #fff;
}
.contacts__link:last-child {
	border-bottom: 1px solid #d6a98b;
}
/* ........................... */

/* ||||||||||ОТЗЫВЫ|||||||||| */
#rcl-tabs {
	padding: 0 1.7rem;
}

#rcl-office .recall_content_block {
	font-family: 'SegoeUIRegular', sans-serif;
	font-size: 1.6rem;
	color: #fff;
	background: #424141;
}

.wprecallblock .recall_block .otziv textarea {
	font-family: 'SegoeUIRegular', sans-serif;
	font-size: 1.6rem;
	background: rgba(236, 240, 241, 0.7);
}

#tab-recall .recall0 {
	background: rgba(241, 236, 238, 0.1);
}
#tab-recall .recall0 a {
	color: #fb6c1a;
}

.recall-button {
	color: #000 !important;
	background: #d48655 !important;
}

.author-avatar {
	width: 60px;
}

/* ........................... */

/* ||||||||||||||FOOTER|||||||||| */
.footer {
	display: flex;
	justify-content: space-around;
	width: 100%;
	margin: auto;
	padding: 1rem;
	background-color: #1f1e1e;
}

.footer-item {
	display: block;
	flex-direction: column;
	flex-grow: 1;
	flex-basis: 33%;
	padding: 0 2rem 1rem 2rem;
	margin: 0.2rem;
	background-color: #272626;
}

.footer-item__title {
	font-family: 'SegoeUIRegular', sans-serif;
	font-size: 1.5rem;
	margin: 1rem 0 1rem 0;
	color: #c5c1c1;
}

.footer-item__content li {
	font-family: 'SegoeUILight', sans-serif;
	font-size: 1.5rem;
	margin-bottom: 0.5rem;
	color: #ff9900; /*|||||||||||||||||||||||||||||||Основной оранжевый*/
}
.footer-item__content a {
	font-family: 'SegoeUILight', sans-serif;
	font-size: 1.7rem;	
	color: #ff9900; /*|||||||||||||||||||||||||||||||Основной оранжевый*/
}

.footer__contacts {
	background-color: #272626;
	height: 30px;
}


.line-contacts {
	display: flex;
	align-items: center;
	padding: 10px;
	flex-wrap: wrap;
	margin-left: 20px;
}
.line-contacts__link,
.line-contacts__title {
	font-family: 'SegoeUILight', sans-serif;
	font-size: 14px;
	padding: 0 10px;
	color: #ff9900;
}
.line-contacts__link span {
	color: #f4f5f7 !important;
}

.footer-feedback{
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
.footer-feedback input{
    font-family: 'SegoeUILight', sans-serif;
	font-size: 1.5rem;
	color: #fff;
	width: 95%;
	max-height: 80px;
	margin-bottom: 1rem;
	padding: 1rem;
	background-color: #272626;
	border: 1px solid #9c9797;
}
.footer-feedback textarea {
	font-family: 'SegoeUILight', sans-serif;
	font-size: 1.5rem;
	color: #fff;
	width: 95%;
	max-height: 80px;
	margin-bottom: 1rem;
	padding: 1rem;
	background-color: #272626;
	border: 1px solid #9c9797;
}

.footer-feedback button {
	font-family: 'SegoeUIRegular', sans-serif;
	color: #aaa5a5;
	width: 30%;
	padding: 0.5rem;
	background-color: #272626;
	border: 1px solid #9c9797;
}

.footer-feedback button:hover {
	border-color: #dc8d4e;
	cursor: pointer;
}
.footer-feedback__success{
	font-family: 'SegoeUILight', sans-serif;
	font-size: 1.5rem;
	margin-bottom: 0.5rem;
	color: #ff9900;
}
.wpcf7-response-output {
	color: #fff;
	font-size: 1.5rem;
}

/* Вывод  пользователей по категориям  */
.my_category {
	display: flex;
	justify-content: start;
	align-content: flex-start;
	flex-flow: row wrap;
	padding: 5rem 0 0 0;
}

/* Страница 404 */
.error-404 {
	margin: 8rem 0 10rem 0;
}
.title-404 {
	font-family: 'Marck Script';
	font-weight: 300;
	font-size: 60rem;
	text-align: center;
	color: #dc8d4e; /*|||||||||||||||||||||||||||||||Основной оранжевый*/
	margin: 0 auto;
	line-height: 40rem;
}
.text-404 {
	font-family: 'Marck Script';
	font-size: 7rem;
	text-align: center;
	color: #dc8d4e; /*|||||||||||||||||||||||||||||||Основной оранжевый*/
}

/*Chat*/

.rcl-chat.chat-general {
	position: fixed;
	bottom: 0;
	left: 0;
}

.rcl-chat .message-box {
	background-color: inherit !important;
}

.rcl-chat .nth .message-box .author-name {
	color: #e28710;
}
.rcl-chat .nth .message-box .message-time {
	color: #e28710 !important;
}

.rcl-chat .chat-messages .chat-message {
	padding-bottom: 1rem;
	padding-left: 1rem;
	border-bottom: 2px solid #181717;
}

.rcl-chat .chat-messages {
	background: #312f2f;
	border: 1px solid rgb(63, 60, 60);
	box-sizing: border-box;
	max-height: 800px;
	min-height: 200px;
	overflow-x: hidden;
	padding: 10px 10px 30px;
}
.rcl-chat .chat-messages .anons-message {
	display: block;
	padding: 20px;
	text-align: center;
}
.rcl-chat .chat-messages .chat-message {
	animation-duration: 0.5s;
	margin: 10px 0;
	overflow: hidden;
	position: relative;
}
.rcl-chat .chat-message .message-meta {
	font-size: 12px;
}
.rcl-chat .chat-message .author-name {
	font-family: 'Marck Script', cursive;
	color: #b4b2ae;
	display: inline-block;
	font-size: 2rem;
	margin: 0 0 5px;
}
.rcl-chat .chat-message .message-time {
	font-family: 'SegoeUIRegular', sans-serif;
	color: #b4b2ae;
	float: right;
	font-size: 11px;
}
.user-avatar {
	width: 50px;
	height: 50px;
}

.rcl-chat .chat-messages .chat-message .message-box {
	font-family: 'SegoeUILight', sans-serif;
	font-size: 1.5rem;
	color: #f8f7f7;
	line-height: 1;
	padding: 5px 5px 5px 10px;
	position: relative;
}

.rcl-chat .message-box::before {
	display: none;
}

.rcl-chat.chat-general {
	background: #181717;
	box-shadow: 0 0 1px 1px #000000;
}

.rcl-chat .chat-form textarea,
#rcl-office .rcl-chat .chat-form textarea {
	font-family: 'SegoeUILight', sans-serif;
	font-size: 1.6rem;
	background: #252323;
	border: 1px solid #9c9797;
	box-shadow: none;
	box-sizing: border-box;
	color: #f3efef;
	height: auto;
	line-height: 1.4;
	margin: 0;
	max-width: 100%;
	min-height: 95px;
	outline: none;
	padding: 3px 30px 3px 5px;
	width: 100%;
}

.rcl-chat .chat-form .chat-submit {
	font-family: 'SegoeUIRegular', sans-serif;
	background-color: #2c2b2b;
	padding: 0.3rem;
	float: right;
	margin: 5px 0;
	border: 1px solid #9c9797;
}

.rcl-chat .important-manager {
	position: absolute;
	bottom: -15.2rem;
	right: 12rem;
}

.rcl-chat .important-manager .important-shift {
	background-color: #9c9797;
	padding: 0.4rem;
}

.rcl-chat .rcl-smiles > i {
	font-size: 22px;
	line-height: 1.4;
	color: #9e9a9a;
}

.rcl-chat .chat-messages-box {
	margin-top: 4rem;
	animation-duration: 0.5s;
}

/* Баннер приглашения в телеграмм */
.banner_wrapper {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100dvh;
	padding: 0;
	margin: 0;
	background-color: rgba(21, 21, 20, 0.7);
	z-index: 50;
}

.banner_wrapper-active {
	display: block;
}

.banner {
	display: flex;
	justify-content: space-around;
	align-items: center;    
    width: 100%;
	height: 100%;
}
.banner__inner{
    padding: 10px;
}

.banner__content {
	position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
	max-width: 700px;	
    padding: 20px;
	color: #fff;
	background-color: #eceeec;
    border-radius: 5px;
	-webkit-box-shadow: 0px 3px 45px -14px rgba(207, 129, 27, 1);
	-moz-box-shadow: 0px 3px 45px -14px rgba(207, 129, 27, 1);
	box-shadow: 0px 3px 45px -14px rgba(207, 129, 27, 1);
}

.banner__close {
	
}
.banner__img{
    max-width: 700px;
    width: 100%;
    margin-bottom: 30px;
}
.banner__caution{
    font-size: 22px;    
    font-family: 'Marck Script', sans-serif;
    font-weight: 500;
    color:#0a0a0a;
    margin-bottom: 40px;
    text-align: center;
}
.banner__buttons{
    display: flex;
    justify-content: center;
}
.banner__button{
    display: flex;
    align-items: center;
    padding: 10px 25px;
    margin-right: 20px;
    font-size: 16px;    
    font-family: 'SegoeUIRegular', sans-serif;
    color:#f7f7f7;
    background-color: #e28710;
    box-sizing: border-box;
    border-radius: 10px;
    box-shadow: 1px 2px 15px #7f7f83;
    cursor: pointer;
    
}
.banner__button span{
    margin-top: 3px;
    font-size: 14px;
    margin-right: 5px;
}
.banner__button:last-child{
    margin-right: 0;
}
.banner__button--outline{
    background-color: #eceeec;
    box-sizing: border-box;
    color: #e28710;
    border: 1px solid #e28710; 
}
.banner__button--outline:hover{
    background-color: #eceeec;
    box-sizing: border-box;
    color: #e28710;
    border: 1px solid #e28710; 
}

.invite {
	position: fixed;
	top: -100px;
	left: 0;
	width: 100%;
	font-size: calc(12px + (16 - 12) * ((100vw - 320px) / (1400 - 320)));
	z-index: 99;
}
.invite--active {
	top: 40px;
	transition: 1s;
}
.invite__content {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	max-width: 1180px;
	margin: 0 auto;
	padding: 0.5em 1em;
	background-color: #157299;
	box-shadow: 1px 2px 3px #1f1e1e;
	border-radius: 5px;
}
.invite__text {
	font-family: 'SegoeUIRegular', sans-serif;
	font-size: 1em;
	color: #fff;
}
.invite__button {
	margin-right: 1em;
	font-family: 'SegoeUIRegular', sans-serif;
	font-weight: 600;
	font-size: 1em;
	color: #fff;
	background-color: #022d40;
	border: 1px solid #fff;
	box-shadow: 1px 2px 6px #1f1e1e;
	padding: 0.3em 3em;
	border-radius: 5px;
	cursor: pointer;
}
.invite__button:hover,
.invite__button:visited {
	color: #fff;
}