/*!
Theme Name: WebHat
Theme URI: https://webhat.by
Version: 1.0
Description: Webhat - is the most powerful theme for geshtalt terapists from Belarus.
Author: Michael Vait
Author URI: https://webhat.by
Tags: responsive-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, rtl-language-support, theme-options, threaded-comments
License: WebHat License v2
License URI: https://webhat.by/license/
*/
/* Comforter */
@import url('offsets.css');
@font-face {
    font-family: 'Comforter';
    font-style: normal;
    font-weight: 400;
    src: url('inc/fonts/comforter/comforter-regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/* Только woff2 — для браузеров последних 5 лет */
@font-face {
    font-family: 'Roboto';
    src: url('inc/fonts/Roboto/Roboto-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('inc/fonts/Roboto/Roboto-Italic.woff2') format('woff2');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('inc/fonts/Roboto/Roboto-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('inc/fonts/Roboto/Roboto-BoldItalic.woff2') format('woff2');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('inc/fonts/Roboto/Roboto-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('inc/fonts/Roboto/Roboto-MediumItalic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('inc/fonts/Roboto/Roboto-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('inc/fonts/Roboto/Roboto-LightItalic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}
:root {
  --color-green-all:#219756;
  --color-green-hover: #2abb6b;
  --color-contact-span: #33647f;
}
html {
  scroll-behavior: smooth;
}
/* Запрещаем горизонтальный скролл на мобильных */
html, body {
    max-width: 100%;
    overflow-x: hidden;
}
body{
	margin:0;
	font-family: 'Roboto', sans-serif;
    font-size: 16px;
	background: #fff;
}
body a{
	text-decoration:none;
	outline-style: none;
    transition: 0.3s all;
}
h1,h2,h3,h4,h5,h6{
	margin:0;  
	font-family: 'Roboto', sans-serif;

}
p{
	margin:1em;
}
.news p{margin:1.2em 0;text-indent: 20px;}
ul,label{
	margin:0;
	padding:0;
    
}

ul { list-style-position:inside;}
body a:hover, body a:focus{
	text-decoration:none;
	outline-style: none;
}
blockquote {
    display: inline-block;
    background-color: #33647f;
    color: #fff;
    margin: 15px;
    font-size: 14.5px;
    border-left: 5px solid var(--color-green-all);
    font-style: italic;
    font-weight: 400;
    letter-spacing: .5px;
    
}

figure::after, figure::before {
  content: " ";
  display: table;
  clear: both;
}

a{color:#333;}
a:hover {
    color: var(--color-green-hover);
}
h1 small { color: #fff;}
.h6_for_tags {
  margin-top: 0;
  margin-bottom: 0.6rem;
  font-weight: 500;
  line-height: 1.3;
  font-size: 14px;
}
.h6_for_tags:hover .highlight{ background-image: linear-gradient(to top, #e0002d 0.1em, transparent 1.9em);color:#fff}
.one_string { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.highlight {
  background-image: linear-gradient(to top, #1D9C43B8 0.2em, transparent 0.5em);
  padding: 0.13em 0;
  transition:.3s;
}

.seagreen{color:var(--color-green-all);}
.red{color:red;border-bottom:solid 1px red;cursor: pointer;}
.popover.top > .arrow::after {
    border-top-color: red;
}
.popover {
    background: red;
	color:#fff;
	font-weight: bold;	
}
.wp-post-image{display:block;max-width:100%;height:auto; }
/*-- top-nav --*/
.navbar{min-height:53px;}
.top-nav {
    text-align: center;
    background-color: #33647f; 
}
.navbar-brand{letter-spacing: 1px;color: #000;font-size: 1em;font-weight: 600;}
.navbar-brand:hover{}
.logo-head a{display: inline-block;}
.logo-head object{pointer-events: none;}
.navbar-header .logo-head{color: #fff;margin-top: 7px;margin-left: 15px;} 
.logo-head a{letter-spacing: 1px;color: #fff;font-size: 1em;font-weight: 600;}
.logo-head a:hover{color: #cecece;}
.ddot{display:inline-block;position:relative; color: var(--color-green-all);padding-right: 1px;font-size: 10px;bottom:2px;}
nav.navbar-default {
    background-color: inherit;
    border: none;
    margin: 0;
}	
ul.nav.navbar-center li {
    display: inline-block;
}
.navbar-default > li > a:hover, .navbar-default > li > a:focus, .navbar-default li a.active {
    color:#cecece !important;
    background-color:transparent;
}
/* Effect 11: text fill based on Lea Verou's animation http://dabblet.com/gist/6046779 */
.top-nav ul li a {
    text-decoration: none;
    letter-spacing: 1px;
    font-size: 1em;
    padding: 16px 20px;
	color:#fff;
	font-weight: 400;
	text-transform: uppercase;
}
.top-nav ul li a:hover, .top-nav ul li a:focus {
    outline: none;
    background:transparent;
    color: #cecece;
}
.cl-effect-15 a::before {
	color: #fff;
	content: attr(data-hover);
	position: absolute;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
} 
.cl-effect-15 a:hover::before,
.cl-effect-15 a:focus::before {
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	transform: scale(0.9);
	opacity: 0;
}
.top-nav ul li.active a {color: #cecece;}
.icon-online { color: var(--color-green-all);}
.icon-cloud_online { position: absolute;top:0;color: var(--color-green-all);}
.icon-complit { position: absolute;top:0;color: var(--color-green-all);}
.icon-complit-off { position: absolute;top:0;color: #757575;}
.icon-online-off { position: relative; left: 5px; top: 5px;}
#rcl-office p{padding:8px;font-size:18px;}
#rcl-office p strong{color:#33647f;}
body .rcl-bttn{padding: 4px 0;}
.rcl-manage-blacklist,.feed-callback{display:flex !important;}

ul.nav.navbar-center li {
    display: inline-block;
}

.detail-aut {
    float: right;

}

.detail-aut ul li {
    display: inline-block;
    font-size: 1em;
    color: #fff;
	
}
.top-nav ul li.detail-aut a{padding: 15px 0;text-transform: none;}


.top-nav-mid{text-align: center;background-color: #fff;}

.top-nav-mid ul li a {
    text-decoration: none;
    letter-spacing: 1px;
    font-size: 1em;
    padding: 10px 20px;
    margin-top:5px;
    color:#000;
    font-weight: 500;
}
.top-nav-mid ul li a:hover, .top-nav-mid ul li a:focus {
    outline: none;
    background:transparent;
    color: #000;
    text-decoration: underline;text-decoration-color:#4D4D4D;text-decoration-style: solid;-webkit-text-decoration-color: #4D4D4D;
}
.top-nav-mid .cl-effect-15 a::before {
	background-color: #fff;
	padding: 0 1px;
	color: #000;
	content: attr(data-hover);
	position: absolute;
	font-weight: 500;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
} 
.top-nav-mid .active a{color: #4D4D4D !important;text-decoration: underline !important;}

.mid_p{color: #333;font-size: 1.5em !important;}

.div-center {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}


/*-- //top-nav --*/

.jumbotron{background: #eee url(img/bg-head.jpg) no-repeat;background-size:cover; height:480px;margin-bottom:0; }
.jumbotron h1,.jumbotron p {
    margin-top: 2em;
    font-size: 5em;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: .05em;    
    }
/*.jumbotron p{color: #cecece;}*/
h1.normal{text-transform: none;font-weight:500; letter-spacing:2px;}
.single_partners{line-height:0.55;}
.head-name{font-size:.42em;}


      /* ---------- style end ----------- */   
/*-- search form --*/
.search-top-nav-mid input[type="text"]{width:80%;}
.search-top-nav-mid input[type="submit"]{width:20%;}
.search-top-nav-mid input:hover[type="submit"]{background-color: #33647f;color:#fff;border-color: var(--color-green-hover); }

  /*--search--*/
.seeking{display:inline-block;float:left;margin-left:2.5em;margin-top:5px;}
.cd-main-header {
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  will-change: transform;
}
.cd-main-header {
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
.cd-main-content.nav-is-visible, .cd-main-header.nav-is-visible {
	-webkit-transform: translateX(-260px);
	-moz-transform: translateX(-260px);
	-ms-transform: translateX(-260px);
	-o-transform: translateX(-260px);
	transform: translateX(-260px);
}
.nav-on-left .cd-main-content.nav-is-visible, .nav-on-left .cd-main-header.nav-is-visible {
	-webkit-transform: translateX(260px);
	-moz-transform: translateX(260px);
	-ms-transform: translateX(260px);
	-o-transform: translateX(260px);
	transform: translateX(260px);
}
.cd-header-buttons {
    position: absolute;
    display: inline-block;
    top: 0px;
    right: 0%;
}
.cd-header-buttons li {
	display: inline-block;
}
.cd-search-trigger, .cd-nav-trigger {
	position: relative;
	display: block;
	width: 44px;
	height: 44px;
	overflow: hidden;
	white-space: nowrap;
	color: transparent;
	z-index: 3;
}
.cd-search-trigger::before, .cd-search-trigger::after {
	/* search icon */
	content: '';
	position: absolute;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	transition: opacity 0.3s;
	/* Force Hardware Acceleration in WebKit */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.cd-search-trigger::before {
	/* lens */
	top: 11px;
	left: 11px;
	width: 18px;
	height: 18px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 2px solid #000;
}
.cd-search-trigger::after {
	/* handle */
	height: 3px;
	width: 8px;
	background: #000;
	bottom: 14px;
	right: 11px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.cd-search-trigger span {
	/* container for the X icon */
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}
.cd-search-trigger span::before, .cd-search-trigger span::after {
	/* close icon */
	content: '';
	position: absolute;
	display: inline-block;
	height: 2px;
	width: 22px;
	top: 50%;
	margin-top: -2px;
	left: 50%;
	margin-left: -11px;
	background: #000;
	opacity: 0;
	/* Force Hardware Acceleration in WebKit */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
}
.cd-search-trigger span::before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.cd-search-trigger span::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.cd-search-trigger.search-is-visible::before, .cd-search-trigger.search-is-visible::after {
	/* hide search icon */
	-moz-opacity: 0;
	opacity: 0;
}
.cd-search-trigger.search-is-visible span::before, .cd-search-trigger.search-is-visible span::after {
	/* show close icon */
	-moz-opacity: 1;
	opacity: 1;
}
.cd-search-trigger.search-is-visible span::before {
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}
.cd-search-trigger.search-is-visible span::after {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.cd-search {
	position: absolute;
	width: 100%;
	top: 100%;
	left: 0;
	z-index: 3;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity .3s 0s, visibility 0s .3s;
	-moz-transition: opacity .3s 0s, visibility 0s .3s;
	transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-search input {
    border-radius: 0;
    border: none;
    background:#fff;
    width: 100%;
  -webkit-box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05);
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    font-size: 1em;
    padding: 15px 45px;
    color: #000;
}
.cd-search input::-webkit-input-placeholder {
	color: #000 !important;
}
.cd-search input::-moz-placeholder {
	color: #000 !important;
}
.cd-search input:-moz-placeholder {
	color: #000 !important;
}
.cd-search input:-ms-input-placeholder {
	color: #000 !important;
}
.cd-search input:focus {
	outline: none;
}
.cd-search.is-visible {
	-moz-opacity: 1;
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity .3s 0s, visibility 0s 0s;
	-moz-transition: opacity .3s 0s, visibility 0s 0s;
	transition: opacity .3s 0s, visibility 0s 0s;
}
/*--//search--*/
/*-- end search --*/
.team1 {
   padding:0 10px;
}


hr {
    margin: 15px 0;
    border: 0;
    border-top: 1px solid #DCDCDC;
}

.section{font-size: 16px;}
.section h2{margin-top:2em;}
.section,.section-0,.section-1,.section-4,.section-5,.section-6,.section-7,.section-8,.section-9,.section-10{padding: 1em 0;}
.section-6 a.btn-success:hover,.section-7 a.btn-success:hover{color: #fff;background-color: var(--color-green-all);border-color: var(--color-green-all);}
.section-6 button,.section-7 button,.section-10 button,.section-7 input,.section-6 input,.section-7 a.btn-success,.section-6 a.btn-success{margin-top:1em;color:var(--color-green-all);background:transparent;border-color:var(--color-green-all);border-radius:0;}
.section-0 button,.section-0 a.btn-success,.section-0 input,.section-8 button{border-radius:0;}
.section-0 input,.section-0 a.btn-success {font-size:1em;}
/*.section-9 a{color: var(--color-green-all);}*/
.section-0{padding:2em 0;margin-top:20px;}
.section-1 h4,.section-2 h4,.section-3 h4,.section-4 h4,.section-5 h4,
.section-6 h4,.section-7 h4,.section-8 h4,.section-9 h4,h4 a
{color:#333;}
.section-0 h2,.section-1 h2,.section-2 h2,.section-3 h2,.section-4 h2,.section-5 h2,.section-6 h2,.section-7 h2,.section-8 h2,.section-9 h2,.section-10 h2{font-weight: 400;}
.section-9 div.caption h4{min-height: 64px;}
.section-9 h4 a {color: #333;padding:0;margin:0;}
/*
.section-1 h4 span,.section-2 h4 span,.section-3 h4 span,.section-4 h4 span,.section-5 h4 span,
.section-6 h4 span,.section-7 h4 span,.section-8 h4 span,.section-9 h4 span{color: #4D4D4D;font-weight: normal;}
*/
.section-1 h4:hover,.section-2 h4:hover,.section-3 h4:hover,.section-4 h4:hover,
.section-5 h4:hover,.section-6 h4:hover,.section-7 h4:hover,.section-8 h4:hover,.section-9 h4:hover,
h4 a:hover {color:var(--color-green-hover);}
.section-1 h4 span:hover,.section-2 h4 span:hover,.section-3 h4 span:hover,
.section-4 h4 span:hover,.section-5 h4 span:hover,.section-6 h4 span:hover,
.section-7 h4 span:hover,.section-8 h4 span:hover,.section-9 h4 span:hover{color: var(--color-green-hover);}
.struct h4 {margin-top:10px;}.queans .caption{margin-top:15px; }.journal .caption{margin-top:-20px; }
.struct div.caption h4{min-height:30px;height:100%;}
/** Parthers **/
.single-partners{overflow: hidden;background-color:#fff;padding: 10px;}
.single-partners h2{margin:0 0 1em 0;}
.partners-specialists{margin:1em 0;}
.partners-list{list-style: square inside;}
.single-partners .show-profile-fields .rcl-custom-fields{margin:20px 0;}
.rcl-cf-type-textarea span.rcl-cf-title{display:block;margin-bottom:2px;font-size:22px;}


/*-- album section --*/
.album{}
.album h4{ margin:0;}
.album-all{margin:2em 0;}
.album-all button{background-color:transparent;margin:2em 0; color:var(--color-green-all);border-radius:0;border-color: var(--color-green-all);}
.album-all button:hover{color: #ffffff;background-color: var(--color-green-hover);border-color: var(--color-green-hover);}



.portfolio-grids {
    padding: 0;
}

.portfolio-grids_left {
    padding: 0;
}

.portfolio-grids a img {
    max-width: 100%;
  border:.2px solid #fff;

  -webkit-transition: -webkit-transform .15s ease;
  -moz-transition: -moz-transform .15s ease;
  -o-transition: -o-transform .15s ease;
  -ms-transition: -ms-transform .15s ease;
  transition: transform .15s ease;
  position: relative;
}
.portfolio-grids a:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  z-index: 5;
}

.portfolio-grid_left {
    padding: 0;
}


.clear {
  clear: both;
  float: none;
  width: 100%;
}
/* line 32, ../sass/demo.scss */
.gallery a img {
  float: left;
  width: 20%;
  height: auto;
  border: 2px solid #fff;
  -webkit-transition: -webkit-transform .15s ease;
  -moz-transition: -moz-transform .15s ease;
  -o-transition: -o-transform .15s ease;
  -ms-transition: -ms-transform .15s ease;
  transition: transform .15s ease;
  position: relative;
}
/* line 46, ../sass/demo.scss */
.gallery a:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  z-index: 5;
}
/* line 57, ../sass/demo.scss */
.gallery a.big img {
  width: 40%;
}

/* line 65, ../sass/demo.scss */
.align-center {
  text-align: center;
}

/*-- /album section --*/




div.webhat{margin:20px 0;}
.webhat span {
    align-items: center;
    box-sizing: border-box;
    flex-basis: 100%;
    flex-grow: 1;
    padding: .4em .6em;
    position: relative;
    font-weight:bold;
}
.crop-height {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow-y: hidden;
}

.crop_data {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow-y: hidden;
}

.oslo{height: 510px;position: relative;padding:0;}
.oslo1{height: 530px;position: relative;}
.oslo-botom{position:absolute; bottom:0;}
.section-bl{background-color: #fff;border: 1px solid #ddd;}
.spec-title-o {display:block;padding: 15px 0; font-size:12px;}
.spec-title-o div{display:inline-block;}
.spec-title-o i{padding-right: 15px;}
.one{display: block;float: left;width: 60%;}
.two{display: block;}
.section-bl{background-color: #fff;border: 1px solid #ddd;}
.section-bl-1{background-color:#fff;padding:0 15px;}
.section-bl-2{background-color:#f8f8f8;padding: 15px;}
.color-bl-1 {background: #f8f8f8;padding: 0;}
.spec-title {display:block;position: relative;top:-19px;min-height:20px;/*height:100%;*/font-size:12px;}
.spec-title-off { background-color: rgb(113, 113, 113) !important;}
.spec-title div { display:inline-block;padding: 0 2px;border-radius: 3px; background-color: rgb(224, 0, 45); color: #fff;}
/*.spec-title i{padding-right: 15px;}*/
.spec-title-bl-1{color: #929292;color: #929292;min-height: 148px;height: 100%;}
.spec-title-bl-1 div{display:block; color: #333;}
.spec-title-dat{padding:8px 0;font-size:13px;}
.spec-title-data{display:block;position:absolute;/*min-height:50px;height:100%;*/ padding-top:2px;margin-top: -20px;font-size:14px;line-height: 1.3;}
.spec-title-data span.seagreen { font-size: 14px;}
.spec-title-person{display:block; color:#878787;font-size: .9em;}
/*.spec-title-h{display:block;min-height:150px;height:100%; color: #929292;}*/
.spec-title-n {
	overflow: hidden;
	position: relative;
	height: 45px;
}
.spec-title-h {
	overflow: hidden;
	position: relative;
	height: 96px;
}
.spec-title-h:after {
	content: "";
	text-align: right;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 60%;
	height: 1.2em;
/*	background: linear-gradient(to right, rgba(255, 255, 255, 0), white 100%);*/
	pointer-events: none;
}
.spec-title-h div{display: block;color: #333;}
.spec-title-hb{color:#878787;margin-bottom: -10px; font-size: .8em;text-transform: uppercase;}
.with{margin-top: 10px;}
.spec-title-with{display: inline-block;background: #fff;color: #000;font-size:.9em; padding: 3px 10px;margin-top:20px; margin-right: 10px;text-transform: uppercase;}
.spec-title-with:hover{background: #5D7990; color: #fff;} 
.spec-title-reco{display: inline-block;padding:2px 10px;margin-right:10px; color:#d68675;border:1px solid #d68675; border-radius:3px;}
.spec-title-reco a{color:#d68675;}
.spec-title-reco:hover{background-color:#e0002d;color:#fff;}
.spec-title-reco a:hover{color:#fff;}
.spec-title-rec{display:inline-block;float:right;padding:0 10px;color:#d68675;border:1px solid #d68675; border-radius:3px;background-color: rgba(224, 0, 45, 0.66);
color: #fff;}
.rec-pos{margin-top: 1em;}
.spec-title-rec:hover{background-color:#e0002d;color:#fff;}
.spec-title-rec-off{padding:0 10px;float:right;color:#929292;border:1px solid #929292; border-radius:3px;}
.spec-prog-off{display: inline-block;position:relative;top: -2px;transform: translateX(0%);padding:0 10px;color:#929292;text-align:center;border:1px solid #929292; border-radius:3px;}
.spec-title .spec-title-rec1{display:none;}
.spec-title-rec_new,.spec-title-rec_stop{display: inline-block;float:left;padding:0 10px;color:#d68675;border:1px solid #d68675; border-radius:3px;}
.spec-title-record{display: inline-block;float:left;padding:0 10px;color:var(--color-green-all);border:1px solid var(--color-green-all); border-radius:3px;}
.cloud_cat{display:inline-block; background-color:#fff; margin:10px 2px;padding:5px 10px;border:1px solid #DCDCDC;}
.cloud_cat a{color:#929292;}.cloud_cat a:hover{color:#333;}
.obuchenie{margin-top:4em;}
.webhat-single p{margin:.5em 0;}
.webhat-single ul{display: inline;}
.webhat-single ol {position: relative;left: 20px;top: 5px;}
.webhat-single h1{margin-bottom:1em}
.webhat-single h2,.webhat-single h3,.webhat-single h4,.webhat-single h5{margin:1em 0}
.attachment-webhat-featured-image{float:left;margin: 0 20px 10px 0;}
div.caption h4{min-height:80px;/*height:100%;*/margin-top: 1.1em;}
div.caption h4.names{min-height:64px;/*height:100%;*/}
div.spec-title-hb p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.thumbnail img {display: block;height: auto;max-width: 100%;}
/* Затемнение для завершённых программ */
.thumbnail.completed img,
.thumbnail.completed .img-responsive {
    filter: grayscale(80%);
    transition: filter 0.3s ease;
}

.thumbnail.completed:hover img,
.thumbnail.completed:hover .img-responsive {
    filter: grayscale(40%);
}
.thumbnail.completed {
    position: relative;
}

.thumbnail.completed::after {
    content: "Завершена";
    position: absolute;
    top: 10px;
    right: 10px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 4px 12px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.pagination {display: flex;justify-content: center;}
.pagination .current{background-color: var(--color-green-all);color: #fff;padding: 4px 10px;border-radius: 15px;}
.pagination .page-numbers{margin:0 7px;}
.specy{list-style:none;color: #696969;}
/*-- left side --*/

.leftul li {
    list-style: none; /* Скрываем маркеры списка */
    text-indent: -2em; /* Сдвигаем элементы списка влево */
   }
.leftul  li::before {
    
    content: '\25ba'; /* Добавляем маркер в шестнадцатеричном формате*/
    font-size:16px;
    
    padding-right: 12px; /* Расстояние от маркеров до текста */
    color: red; /* Маркеры красного цвета */
   }
ol .lefto{
  counter-reset: myCounter;
}

.lefto li{
  list-style: none;
}

.lefto li:before {
  counter-increment: myCounter;
  content:counter(myCounter);
  color: white;
  background: #2980B9;
  display: inline-block;
  text-align: center;
  margin: 5px 10px;
  line-height: 40px;
  width: 40px;
  height: 40px;
}
.leftor{
    padding:0;
   
}   
ol.leftor{
        counter-reset:myCounter;
        margin-left:-30px;
        color: rgb(100,100,100);
      }

.leftor li {
        position: relative;
        padding-left: 2.5em;
        margin-bottom:2em;
        list-style: none;
        line-height: 1.8em;
        /* cursor: pointer; */
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
      }

/*.leftor li:hover {
        color: rgb(0,0,0);
      }*/

.leftor li:before {
        content:counter(myCounter);
        counter-increment:myCounter;
        position:absolute;
        top:0;
        left:0;
        width: 1.8em;
        height: 1.8em;
        line-height: 1.8em;
        padding:0px;
        color:#777;
        background:#f3f3f3;
        font-weight:bold;
        text-align:center;
        border:1px solid #777;
        border-radius: 1em;
/*        box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.3);*/
        z-index: 1;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
      }

/*.leftor li:hover:before {
        background-color: var(--color-green-all);
      }*/

.leftor li li:before{
        background-color: #3498db;
      }

.leftor li li {
        font-size: 0.8em;
      }



.assosiation-side-left{font-size: .9em;color:#878787}
.assosiation-side-left ul{list-style:none;font-weight:400;color:#000000;line-height:2;}
.assosiation-side-left ul li{font-weight:500;}
.assosiation-side-left hr{ width:20px;float:left; border: 0;border-bottom: 2px solid #000;}
.assosiation-side-left h3{padding-top:2em;color:#000000;}

.assosiation{background-color:#FFFFFF; }
.assosiation h2,.assosiation h4{margin:1.5em 0;font-size: 30px; }
.assosiation h3{margin:1em 0;}
.assosiation ul{margin:1em 0 1em 1em;}
.assosiation-in{margin:0 20px; font-size:16px;}
.wp-caption{display:block;max-width:100%;height:auto; }
.wp-caption-text{ text-align: left;margin: 10px 40px;font-size:.9em; }
.wp-caption-text-photo{color:#878787;text-align: left;margin: -10px 40px 10px;font-size:.9em;}
.assosiation-foot{display:inline-block;float:left;}
.assosiation .social{display:inline-block;color:#bbb; margin:0 20px;text-align:left;}
.assosiation .social ul li a i.fa.fa-facebook, .assosiation .social ul li a i.fa.fa-twitter, .assosiation .social ul li a i.fa.fa-instagram, .assosiation .social ul li a i.fa.fa-vk {
    background: none;
    font-size: 1.5em;
    line-height: 37px;
    color: #bbbbbb;
	margin-right:10px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

.thumbnail-cat {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    -webkit-transition: border 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out;
    transition: border 0.2s ease-in-out;
}
.taxonomy-description{font-size:13px;}

.kdmfi-featured-image {
	display: block;
	height: auto;
	max-width: 100%;
    padding-bottom:1.5em;
}
/* Right Side */
.cabinet_sidebar ul {list-style:none;}
/* forms events */

.webhat_request{margin-left:15px;}
.webhat_request textarea{width:100%;}
.webhat_request input[name="your-subject"]{width:100%;}
.webhat_request input[name="text-237"]{width:100%;}
.webhat_request input[name="text-242"]{width:100%;}
.webhat_request input[name="text-66"]{width:100%;}
.webhat_request input[type="date"]{height:25px;}
.webh label{margin:10px 0;}
.wpcf7-date{width:200px; height:18px;}
.webhat_request input[type="submit"]{
    color: #FFFFFF;
    background-color: #d7533f;
    border: 1px solid #ac4232;
    padding:0.3em 1em;
    font-size: 17px;
    line-height: 34px;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    text-shadow: none;
    -moz-text-shadow: none;
    -webkit-text-shadow: none;
}
.webhat_request input[disabled],.webhat_request input[disabled]:hover,.webhat_request input[disabled]:active {cursor: default;background:#EDEDED;color:#888;border: 1px solid #DCDCDF;box-shadow:none;text-shadow:none;padding:0.3em 1em;}
.werwe{opacity:0;z-index: -1;}
.uploadButton {
    display: block;
    width: 150px;
    padding:.8em 1em;
    color: #ac4232;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    border: 2px solid #ac4232;
    border-radius: 0;
    cursor: pointer;
}
.uploadButton:hover {
    background: #d7533f;
    color:#fff;
}


/*-- footer --*/
.footer{
    background: #cecece url(img/bg-footer.jpg) no-repeat;
    background-size: cover;
    padding: 5em 0;
    margin-top: 2em;
}
.footer-menu li{display: inline-block;color: #fff;font-size:1.2em; padding: 0 1em;margin-top: 1em;}
.footer-menu li a{color: #fff;}
.footer-menu li a:hover{color: #cecece;}
.footer-menu li.active a{color: #cecece;}
.social {
    margin: 1em 0 0 0;
    text-align: center;
}
.social ul{
	padding:0;
	margin:0;
}
.social ul li{
	display:inline-block;
}
.social ul li a {
	color: #333;
    text-align: center;
}
.social ul li a i.fa.fa-facebook,.social ul li a i.fa.fa-twitter,.social ul li a i.fa.fa-instagram,.social ul li a i.fa.fa-vk{
    background: none;
    font-size: 2em;
    line-height: 37px;
    color: #FFF;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.social ul li a i.fa.fa-facebook:hover,.social ul li a i.fa.fa-twitter:hover,.social ul li a i.fa.fa-instagram:hover,.social ul li a i.fa.fa-vk:hover{
	 color: #cecece;
    line-height: 37px;

}
a.instagram:hover {
  background-image: linear-gradient(45deg, #feda77, #f58529, #dd2a7b, #8134af, #515bd4);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  transition: all 0.3s ease; /* Плавное появление градиента */
}
.contact-span { color:#33647f;font-weight: 500;}
.social ul li:nth-child(2){
	margin:0 .5em;
}
.social ul li:nth-child(3){
	margin:0 .5em 0 0;
}
.border {
	border-bottom: solid 1px #FFFFFF;
    width: 20%;
    margin: 2em auto;
}
.webhat-copyright p{
   color: #FFFFFF;
    font-size: 1em;
    margin: 0;
    letter-spacing: 1px;
    text-align: center;
}
.webhat-copyright p a{
	color:#000000;
	text-decoration:none;
}
.webhat-copyright p a:hover{
	color:#FFFFFF;
}
/*-- //footer --*/
/*-- Go-To-Top-Button --*/


#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 20px;
    right: 2%;
    overflow: hidden;
    z-index: 999;
    width: 40px;
    height: 40px;
    border: none;
    text-indent: 100%;
    background: url(../images/to-top.png) no-repeat 0px 0px;
}
#toTopHover {
    width: 40px;
    height: 40px;
    display: block;
    overflow: hidden;
    float: right;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
}


/*-- //Go-To-Top-Button --*/

/*-- Стили для нравится не нравится --*/
.likes {
	display: flex;
}

.likes__item {
	list-style: none;
}

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

.likes__item a {
	padding: 10px 15px;
	display: inline-block;
	border-bottom: 2px solid;
	border-radius: 3px;
	box-shadow: none;
	background: #f5f5f5;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 100%;
}

.likes__item a:hover {
	color: #fff;
}

.likes__item--like a {
	border-bottom-color: var(--color-green-all);
	color: var(--color-green-all);
}

.likes__item--dislike a {
	border-bottom-color: #ba6547;
	color: #ba6547;
}

.likes__item--like a:hover {
	background: var(--color-green-hover);
}

.likes__item--dislike a:hover {
	background: #ba6547;
}

.hidden{display: none;}

.uch-com{max-width:100%;min-width:100%;}

.qr_position { text-align: left;}
/*-- /responsive design --*/
.sidebar img{display:block;max-width:100%;height:auto; }

@media(max-width:1440px){
.header ul.nav.navbar-nav.navbar-left {
    margin-left: 8%;
	}
.jumbotron{height:380px; }	
}
@media(max-width:1366px){

}
@media(max-width:1280px){
.jumbotron h1,.jumbotron p  {margin-top: 2em;font-size: 3.5em;}
.head-name {
    font-size: .9em;
    line-height: 2em;
}
}
@media(max-width:1080px){
.jumbotron h1 {margin-top: 2em;font-size: 3em;}
}
@media(max-width:1024px){

}
@media(max-width:991px){
.jumbotron{height:300px; }	
.jumbotron h1,.jumbotron p  {margin-top: 2em;font-size: 2.8em;}
.top-nav ul li a { padding: 1em;}
.top-nav-mid ul li a{padding: 1em;}
.section{
    padding: 2em 0;
}
.single-partners h2 {
    margin: .5em 0 1em 0;
}
.thumbnail a img.photo {width:710px;height:710px;}
.qr_position { text-align: center;}
}

@media(max-width:860px){
.oslo{display: none;}
.clear_typo{display:none;}
}
@media(max-width:780px){
.leftor{display:none}
}
@media(max-width:768px){
.navbar-header .logo-head {margin-top: 15px;}	
.jumbotron{display: none; height:120px; }
.jumbotron h1,.jumbotron p {margin-top: 1em; font-size: 1.2em;}
ul.nav.navbar-center li {display: block;}
.detail-aut {float: none;margin: 1em 0;}
.oslo{display: block;}
.seeking{margin-left:0em !important;}
.clear_typo{display:inline;}
.thumbnail a img.photo {max-width:100%;height:auto;}
.row {margin-right: -10px; margin-left: -10px;}
}
@media(max-width:736px){

}
@media(max-width:667px){

}
@media(max-width:640px){

}
@media(max-width:600px){

}
@media(max-width:568px){
.cd-search input {padding: 15px;}	
}
@media(max-width:480px){
/* .jumbotron{display:none;height:100px; } */
.section-0,.alignnone,.taxonomy-description,.preambula {display:none;}
.section-1 {margin-top:-3em;}
.jumbotron h1,.jumbotron p {margin-top: .5em; font-size: 1.2em;}
.webhat-single{margin-top:2em;}
}
@media(max-width:414px){
.spec-title div {
  padding: 0;
  font-size: 10px;}
.spec-title-data {
    font-size: 1rem;
  }
.icon-cloud_online {
  width: 20px;
  margin-left: 2px;
}
}
@media(max-width:384px){

}
@media(max-width:375px){
.jumbotron h1 {font-size: .9em;}
.search-top-nav-mid input[type="text"]{width:78%;}
.search-top-nav-mid input[type="submit"]{width:22%;}

}
@media(max-width:320px){

}
/*-- /responsive design --*/
/* -- Cabinet -- */
#lk-conteyner span.rcl-cover-icon {display:none !important;}
/*#rcl-office{margin-top:-1em;}*/
#lk-conteyner {
background-image:none !important;
}
#rcl-office {
    background: rgba(236, 240, 241, 0.0) !important;
    box-shadow: 0 0 1px 1px rgba(219, 219, 219, 0.0) !important;
    color: #333;
}
.cab_lt_line {
    background: rgba(51, 100, 127, 0.99)!important;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.0) !important;	
}
.cab_lt_line {
    background: rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.5);
    display: table;
    height: 55px;
    line-height: 1.4;
    margin: 15px 0 0 !important;
    width: 100%;
}
.wprecallblock #lk-conteyner {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 auto;
    max-width: 1280px;
    min-height: 80px !important;
    padding: 0;
}
#rcl-office .recall_content_block {
    background: rgba(255, 255, 255, 0.0) !important;
    display: none;
    overflow: hidden;
    padding: 4px 5px;
    position: relative;
}
.rcl-notice__type-info.rcl-notice__border {
    border-color: rgba(51, 100, 127, 0.06) !important
}
.rcl-notice__type-info {
    background-color: rgba(51, 100, 127, 0.09) !important;
    color: #56562a;
}
.lk-sidebar .lk-avatar {
    display: block;
    height: 255px;
    width: 255px;
}
.cab_lt_sidebar {
    float: left;
    width: 255px;
}
.cab_lt_sidebar #lk-menu {
    width: 255px;
}

/** Стилизация списка участников **/
ol.bays  {
        counter-reset:myCounter;
        margin-left:0;
        padding-left:15px;
        color: rgb(100,100,100);
		-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;
      }

ol.bays li {
        position: relative;
        padding-left: 2.1em;
        margin-bottom: .8em;
        list-style: none;
        line-height: 2em;
        cursor: pointer;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
      }

ol.bays li:hover {
        color: rgb(0,0,0);
      }

ol.bays li:before {
        content:counter(myCounter);
        counter-increment:myCounter;
        position:absolute;
        top:0;
        left:0;
        width: 2em;
        height: 2em;
        line-height: 2em;
        font-size: .95em;
        color:#fff;
        background:#33647f;
        font-weight:bold;
        text-align:center;
        border-radius: 50%;
        box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.3);
        z-index: 1;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
      }

ol.bays li:hover:before {
        background-color: var(--color-green-hover);
      }
ol.bays li a {
    color: #33647f;
	font-weight:bold;
	margin-left:5px;
}
ol.bays li:hover a{
    color: rgb(46, 204, 113);
	/*text-decoration-line: underline;*/
}

@media (max-width: 1024px) {
ol.bays  {
		-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;
      }
}
@media (max-width: 574px) {
ol.bays  {
		-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;
      }
}
.alignleft{float:left;margin-right:15px;margin-bottom: 10px;}
.alignright{float:right;margin-left:15px;margin-bottom: 10px;}

/*личный кабинет*/
#lk-conteyner {
    background-color: rgb(243, 243, 243);
    overflow: hidden;
    position: relative;
}
.cab_lt_line {
    background: rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.5);
    display: table;
    height: 55px;
    line-height: 1.4;
    margin: 15px 0 0 !important;
    width: 100%;
}

span.avatar-image img {width:480px;height:auto;}
.wprecallblock #lk-conteyner {
	width: 100%;
}
.cab_lt_line {
    background: rgb(243, 243, 243) !important;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.0) !important;
}
.wprecallblock .cab_lt_title h2 {
    color: rgb(51, 100, 127);
    font-size: 24px;
    line-height: 1.1;
    padding: 0;
}
.wprecallblock .rcl-action {
    color: #000;
    font-size: 13px;
}
.cab_bttn_lite .rcl-tab-button a > span {
    color: #000;
    display: table;
    text-align: center;
}
.cab_bttn_lite .rcl-tab-button span span {
    background: transparent;
    color: #000;
    display: table-caption;
    font-size: 20px;
    font-weight: bold;
    padding: 0;
    text-align: center;
}
.rcli.fa-angle-double-right::before {
    content: 'меню';
    font-family:Roboto, sans-serif;
	font-size: 24px;
	line-height: 40px;
}
@media screen and (max-width: 768px) {
.cab_lt_sidebar, .cab_lt_sidebar #lk-menu, .cab_lt_sidebar .lk-sidebar {
    width: 255px;
}
#rcl-tabs {
    width: 40%;
}
}

@media screen and (max-width: 480px) {
    .wprecallblock #lk-conteyner {
        width: calc(100% - 0px);
    }

    .cab_lt_sidebar,
    .cab_lt_sidebar #lk-menu,
    .cab_lt_sidebar .lk-sidebar {
        width: 100%;
    }

    .lk-sidebar .lk-avatar {
        width: 100%;height: auto;
    }

    .cab_lt_sidebar .recall-button span {
        font-size: 13px;
        hyphens: auto;
    }
 .cab_lt_line {
    background: rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.5);
    display: table;
    height: 55px;
    line-height: 1.4;
    margin: 0 !important;
    width: 100%;
}
.rcl-data-filters {
    margin: 10px 0;
    display: none;
}
#rcl-tabs {
    width: 100%;
}
}

/*С Новым Годом*/
h1.new_year {
position: relative;font-family: 'Comforter', cursive;color: #ec43d2;margin-top: .6em;text-transform: unset;font-size:8em;text-shadow: 1px 1px 2px black, 0 0 1em #06c5ff;z-index:1;
}
h1.new_year span { /*display: none;*/
font-size: 16px;
color: #fff;
font-family: 'Roboto', sans-serif;
letter-spacing: 1px;
}

@media (max-width: 1440px) {
	
	h1.new_year {font-size:6em;margin-top: .6em;}
}
@media (max-width: 991px) {
	
	h1.new_year {font-size:6em;margin-top: -.4em;}
}
@media (max-width: 764px) {
	
	h1.new_year {color:#fff;font-size:3em;margin-top: -.6em;}
}
@media (max-width: 360px) {
	
	h1.new_year {color:#fff;font-size:2.6em;margin-top: -.4;}
}
/*Бан пользователей*/
/*div[data-user-id="203"] { display:none !important; }*/
.main_background {
    position: fixed;
    height: 100%;
    opacity: 0.25;
    left: -223px;
    z-index: -1;	
}
.user_registered {
	display: block;
	position: absolute;
	color: #929292;
	margin-left: 9px;
}

.thumbnail a > img.avatar,.thumbnail > img,.thumbnail a > img, .thumbnail picture img {aspect-ratio: 1;object-fit: cover;}


.block-center {
    display: flex;
    justify-content: center !important;
    flex-wrap: wrap;
}

/*Стили для mailpoet*/

form.mailpoet-manage-subscription .mailpoet_text_label, 
form.mailpoet-manage-subscription .mailpoet_select_label, 
form.mailpoet-manage-subscription .mailpoet_segment_label{
    display: block;
    font-weight:bold;
}
form.mailpoet-manage-subscription .mailpoet_select, 
form.mailpoet-manage-subscription .mailpoet_text{
	width: 50%;
	padding: 12px;
}
form.mailpoet-manage-subscription .mailpoet_paragraph{
	margin-bottom:20px
}
form.mailpoet-manage-subscription .mailpoet_submit{
    padding: 20px 20px;
    width: 50%;
    font-weight: bold;
    font-size: 11pt;
}

/*Страница входа  надпись Начните пользоваться возможностями своего личного кабинета*/
.rcl_cab_guest_message {margin:30px 0 !important;text-align:center !important;text-transform: uppercase;color: #33647f;}

.wp-block-loginout {padding:15px 0;}
.wp-block-loginout a {padding: 10px 30px; background: red; color: #fff; border-radius: 1px;}
.wp-block-loginout a:hover {background:#c60101}

.faq {
background: #33647f;
color: #fff;
padding: 5px;
margin-bottom: -1em !important;
}

h3.cab_title_before {
margin-top: 15px;
margin-left: 15px;
color: #33647f;
font-weight: bold;   
    
}

h4.rcl_cab_guest_message:after {
content: "регистрация возможна только для членов РОО ОППГП";
display: block;
color: #f00;
margin-top: 5px;
}
.reys {display:none;}
.section-1 .col-md-3,
.section-2 .col-md-3,
.section-4 .col-md-3,
.section-6 .col-md-3,
.section-7 .col-md-3,
.section-9 .col-md-3 {
    padding-left: 10px;
    padding-right: 10px;
}
@media(max-width:1200px){.section-2 .col-md-3{padding-left: 5px;padding-right: 5px;}}
@media(max-width:991px){
[class*="col-md-"]{ padding-left: 5px;padding-right: 5px;}
.section-2 {margin-top:50px;}
.section-2 .col-md-3{width:50% !important;padding-left: 1px;padding-right: 1px;}
.section-4 .col-md-3,
.section-6 .col-md-3,
.section-7 .col-md-3,
.section-9 .col-md-3{padding-left: 1px;padding-right: 1px;}
.section-2 .col-md-3 .spec-title {font-size: 0.64em;}
.section-2 .col-md-3 .spec-title i { padding-right: 1px; }
.section-2 .col-md-3 .spec-title-rec { padding: 0 2px;}
/*.section-2 .col-md-3 .spec-title-data {font-size: 10px;}*/
.section-2 .col-md-3 .spec-title-h {font-size: 14px;}
.thumbnail a img.photo { max-width: 100%; height: auto; }
.plmd {margin-bottom:40px;padding-left:20px}
.block-news { display: none;}
.section-1 .col-md-4 .section-bl-2 {display: none;}
.section-1 .col-md-4:before {  
content:'Новые мероприятия'; 
display: block;
background: #ff3019; /* Old browsers */
background: -moz-linear-gradient(45deg,  #ff3019 0%, #cf0404 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  #ff3019 0%,#cf0404 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  #ff3019 0%,#cf0404 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
padding: 8px;
text-align: center;
text-transform: uppercase;
color: #fff;
font-weight: bold;
position: absolute;
z-index: 99999999;
width: 100%;
top:20px;
left: 0;
}
.page-header {
  padding-bottom: 9px;
  margin: 40px 20px;
  border-bottom: 1px solid #eee;
}
.single-partners .col-md-8,.spartner .col-md-3 {padding-left:15px;}
.webhat-single{ margin:5px;}
.reys {display:inline-block;color:var(--color-green-all);border-bottom:2px solid var(--color-green-all)}
.reys:hover {border-bottom:2px solid var(--color-green-hover)}
.partners-list { margin-top: 20px;}
.norow {margin-right: -5px;margin-left: -5px;}
}
#movetop {
    display: none;
    position: fixed;
    bottom: 90px;
    right: 20px;
    z-index: 99;
    border: none;
    outline: none;
    cursor: pointer;
    width: 42px;
    height: 42px;
    background: var(--color-green-all);
    padding: 0;
    opacity: 1;
    transition: 0.3s ease;
    border-radius: 5px;
    font-size: 24px;
    color: #fff;
}
@media(max-width:860px) {  #movetop {bottom: 15px;}}
.imgThumbnail {
/*  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;*/
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.bio-image {
 --bio-image-border-width:2px
}
.bio-image__large .bio-image {
 --bio-image-border-width:6px
}
.bio-image,
.bio-image *,
.bio-image :after,
.bio-image :before {
 box-sizing:border-box
}
.bio-image {
 padding:0;
 margin:0;
 display:block;
 width:auto;
 height:auto;
 border-radius:5px;
 position:relative
}
.bio-image::before {
 display:block;
 content:"";
 height:90%;
 width:160%;
 position:absolute;
 background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAI8AAAASCAYAAABim40OAAACuElEQVRogc1XUZJjIQjEzN7/yMl8ucP0dkNjXrKh6pWAqERaICveR+vD96vo8cazOvoYX54NwOl6Z52ycc907E4C4a45DfKrwHH5vpPgd7aTYKNOyUvYKL7zRZG6WNRP5cne7pxrMwHLEbCqS3aDMglwpcvjMmTGVz4wejQ86lDfjZ0OeSY/az/VMaJ2XQZA/QQQChSKV99N8OpjvuHvUsGt+ErX2bI9q7Hy0dE580pnZ0R1uTi/eSVX2SLrbmKeAeQG34qIL2KDozo/kwosBv4Ouk5WOheMyrfK5t1Z8K++Ak9XVjK/ZRW8LnMgYDZQtpx5lBFoERxI//z40EFmQLgn2R27PZkP0fDVGmaj5thdoE7JEREPBR6nFJ1+CCAFgq9mVF91dhUcBRgGHMWjju0TZN7xi+nVGmaH8wG2IeaUHH+ibyqRTuxZCVGyAhgrZQi0KrtlYgHYAV1JXvET8IjfF7jnb4mPpMtg2TZbr0rpSnwQO9SzjLAauxV83Zj2j1FU9QtX0fQMfD1VM6zWn9D00agz3fOr866OwRF1mUe9EmaDL8d9HflF5jS/M8Yd1rHzsWzt87HMdr0D+sB6HixPXV/EyqH6QvCqBOE9qPXMTsmMqI3TMG9eNc7P9EJYYvK/KdUsZz0raZF06Hu+DCxBD+BZv1L1RKeAcXsZpnNtgtiEmEOeyRHx0zBvchtnHBWAUFa66q86ggltuj5HZU73pVdAcMHhAEX5xHys/Ge/j43IO/IvfZdxmM4FVDdOs1X1Twr3YWciTYPjZopXZILOxgWElVGIjs5V/Yw752QrxU/A1fGdL4yciz551U45qILa+fbsOmeutekud2I7BeJJhmPr3L07KlN0Y/eMzpmb2JzYntgfXfIr9nLWXgl0RuPLO1xzxdqPOPNK8FxJn+rXhP4HON5K31PHDhmjlm6fAAAAAElFTkSuQmCC);
 background-size:100% auto;
 background-repeat:no-repeat;
 top:89%;
 left:-30%;
 right:0;
 transform-origin:30% 50%;
 pointer-events:none;
 opacity:1;
 transition:opacity .3s ease-in-out
}
.single-partners .bio-image::before {
 display:block;
 content:"";
 height:90%;
 width:160%;
 position:absolute;
 background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAI8AAAASCAYAAABim40OAAACuElEQVRogc1XUZJjIQjEzN7/yMl8ucP0dkNjXrKh6pWAqERaICveR+vD96vo8cazOvoYX54NwOl6Z52ycc907E4C4a45DfKrwHH5vpPgd7aTYKNOyUvYKL7zRZG6WNRP5cne7pxrMwHLEbCqS3aDMglwpcvjMmTGVz4wejQ86lDfjZ0OeSY/az/VMaJ2XQZA/QQQChSKV99N8OpjvuHvUsGt+ErX2bI9q7Hy0dE580pnZ0R1uTi/eSVX2SLrbmKeAeQG34qIL2KDozo/kwosBv4Ouk5WOheMyrfK5t1Z8K++Ak9XVjK/ZRW8LnMgYDZQtpx5lBFoERxI//z40EFmQLgn2R27PZkP0fDVGmaj5thdoE7JEREPBR6nFJ1+CCAFgq9mVF91dhUcBRgGHMWjju0TZN7xi+nVGmaH8wG2IeaUHH+ibyqRTuxZCVGyAhgrZQi0KrtlYgHYAV1JXvET8IjfF7jnb4mPpMtg2TZbr0rpSnwQO9SzjLAauxV83Zj2j1FU9QtX0fQMfD1VM6zWn9D00agz3fOr866OwRF1mUe9EmaDL8d9HflF5jS/M8Yd1rHzsWzt87HMdr0D+sB6HixPXV/EyqH6QvCqBOE9qPXMTsmMqI3TMG9eNc7P9EJYYvK/KdUsZz0raZF06Hu+DCxBD+BZv1L1RKeAcXsZpnNtgtiEmEOeyRHx0zBvchtnHBWAUFa66q86ggltuj5HZU73pVdAcMHhAEX5xHys/Ge/j43IO/IvfZdxmM4FVDdOs1X1Twr3YWciTYPjZopXZILOxgWElVGIjs5V/Yw752QrxU/A1fGdL4yciz551U45qILa+fbsOmeutekud2I7BeJJhmPr3L07KlN0Y/eMzpmb2JzYntgfXfIr9nLWXgl0RuPLO1xzxdqPOPNK8FxJn+rXhP4HON5K31PHDhmjlm6fAAAAAElFTkSuQmCC);
 background-size:100% auto;
 background-repeat:no-repeat;
 top:89%;
 left:-15%;
 right:0;
 transform-origin:30% 50%;
 pointer-events:none;
 opacity:1;
 transition:opacity .3s ease-in-out
}
.bio-image:hover::before {
 opacity:0
}
.bio-image--white {
 --bio-image-border-color:#fff
}
.bio-image--white a {
 color:#fff;
 -webkit-text-decoration-line:underline;
 text-decoration-line:underline;
 -webkit-text-decoration-color:#fff;
 text-decoration-color:#fff;
 padding:10px 0;
 transition:color .1s ease-out
}
a.bio-image-link {
 background:0 0;
 text-shadow:none;
 color:inherit;
 padding:0;
 display:block;
 border-radius:5px;
 width:auto;
 height:auto
}
a.bio-image-link::before {
 display:block;
 content:"";
 height:120%;
 width:120%;
 position:absolute;
 top:-10%;
 left:-12%
}
.bio-image-wrapper {
 background:var(--bio-image-background-color,var(--bio-image-border-color,#446971));
 border:solid var(--bio-image-border-width,8px) var(--bio-image-border-color,#446971);
 border-radius:5px;
 transform:scale(.84) translateX(15%) rotateZ(calc(-1 * (11 * 1deg)));
 transform-origin:0 100%;
 transition:transform .2s ease-out;
 overflow:hidden;
 width:auto;
 height:auto
}
@media(max-width:991px) {.bio-image-wrapper { margin-left: 25px;} }
@media(max-width:480px) {.bio-image-wrapper { margin-left: 15px;} }
.bio-image-image {
 width:100%;
/*  height:100%; */
 aspect-ratio: 1;
 -o-object-fit:cover;
 object-fit:cover;
 display:block;
 transform:scale(1.2) rotateZ(calc(11 * 1deg));
 transition:transform .2s ease-out
}
.bio-image-link:active .bio-image-wrapper,
.bio-image-link:focus .bio-image-wrapper,
.bio-image:hover .bio-image-wrapper {
 transform:scale(.84) translateX(15%) rotateZ(0)
}
.bio-image-link:active .bio-image-image,
.bio-image-link:focus .bio-image-image,
.bio-image:hover .bio-image-image {
 transform:scale(1.2) rotateZ(0)
}
.bio-image-dop {border: solid 2px #446971;
  border-radius: 50%;}
.bio-image-dop:hover { animation: swing .3s ease; animation-iteration-count: 1; }
@keyframes swing {
    15% { transform: translateX(5px) rotateZ(calc(12 * 1deg)) translateY(-15px); }
    30% { transform: translateX(-5px) rotateZ(calc(-12 * 1deg)) translateY(15px); }
    50% { transform: translateX(3px) rotateZ(calc(8 * 1deg)) translateY(-5px); }
    65% { transform: translateX(-3px) rotateZ(calc(-8 * 1deg)) translateY(5px); }
    80% { transform: translateX(2px) rotateZ(calc(4 * 1deg)) translateY(0); }
    100% { transform: translateX(0) rotateZ(0) translateY(0); }
}

.link { color:var(--color-green-all);}
.link:hover { color: red;}

.hidden { display: none !important;}
.viber { position: relative;top: 5px;width: 32px;height:32px;transition:.3s ease-out;}
.viber:hover { fill:#7137c8;}
.telegram:hover { color:#1a8ad5;}
.facebook:hover {color:#0866ff;}
.whatsapp:hover { color:#25d366;}
#bs-top-2 { box-shadow: 0px 1px 4px 0px rgba(34, 60, 80, 0.2);}

/* Спиннер загрузки */
.loader {
        transform: rotateZ(45deg);
        perspective: 1000px;
        border-radius: 50%;
        width: 48px;
        height: 48px;
        color: #fff;
      }
        .loader:before,
        .loader:after {
          content: '';
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          width: inherit;
          height: inherit;
          border-radius: 50%;
          transform: rotateX(70deg);
          animation: 1s spin linear infinite;
        }
        .loader:after {
          color: #FF3D00;
          transform: rotateY(70deg);
          animation-delay: .4s;
        }

      @keyframes rotate {
        0% {
          transform: translate(-50%, -50%) rotateZ(0deg);
        }
        100% {
          transform: translate(-50%, -50%) rotateZ(360deg);
        }
      }

      @keyframes rotateccw {
        0% {
          transform: translate(-50%, -50%) rotate(0deg);
        }
        100% {
          transform: translate(-50%, -50%) rotate(-360deg);
        }
      }

      @keyframes spin {
        0%,
        100% {
          box-shadow: .2em 0px 0 0px currentcolor;
        }
        12% {
          box-shadow: .2em .2em 0 0 currentcolor;
        }
        25% {
          box-shadow: 0 .2em 0 0px currentcolor;
        }
        37% {
          box-shadow: -.2em .2em 0 0 currentcolor;
        }
        50% {
          box-shadow: -.2em 0 0 0 currentcolor;
        }
        62% {
          box-shadow: -.2em -.2em 0 0 currentcolor;
        }
        75% {
          box-shadow: 0px -.2em 0 0 currentcolor;
        }
        87% {
          box-shadow: .2em -.2em 0 0 currentcolor;
        }
      }
.new-post {
    opacity: 0;
    transition: opacity 0.5s ease;
}

.new-post.loaded {
    opacity: 1;
}
.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}

.spinner-grow,
.spinner-border {
  display: inline-block;
  width: var(--bs-spinner-width);
  height: var(--bs-spinner-height);
  vertical-align: var(--bs-spinner-vertical-align);
  border-radius: 50%;
  animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg) /* rtl:ignore */;
  }
}
.spinner-border {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-border-width: 0.25em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-border;
  border: var(--bs-spinner-border-width) solid currentcolor;
  border-right-color: transparent;
}

.spinner-border-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
  --bs-spinner-border-width: 0.2em;
}

@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-grow;
  background-color: currentcolor;
  opacity: 0;
}

.spinner-grow-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
}

@media (prefers-reduced-motion: reduce) {
  .spinner-border,
  .spinner-grow {
    --bs-spinner-animation-speed: 1.5s;
  }
}
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.visually-hidden:not(caption),
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
  position: absolute !important;
}

.position-absolute {
  position: absolute !important;
}
.position-relative {
  position: relative !important;
}
.start-50 {
  left: 50% !important;
}
.top-50 {
  top: 50% !important;
}
.translate-middle {
  transform: translate(-50%, -50%) !important;
}

    #load-more {
        min-width: 120px; /* Фиксированная ширина для избежания "прыжков" */
        transition: all 0.3s ease;
    }
    #load-more:disabled {
        opacity: 0.7;
    }
    #loading-indicator {
        display: none;
    }

.load-more-container {
    text-align: center;
    margin-top: 1rem;
}

.load-more-button {
    position: relative;
    padding: 1rem 1.5rem;
    background-color: var(--color-green-all);
    color: white;
    border: none;
    border-radius: 4px;
    font-size: 1.5rem;
    cursor: pointer;
    min-width: 120px;
    transition: all 0.3s ease;
}

.load-more-button:hover {
    background-color: var(--color-green-hover);
}

.load-more-button.loading {
    opacity: 0.7;
    pointer-events: none;
}

.loading-spinner {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 25px;
    height: 25px;
    border: 2px solid rgba(255,255,255,0.3);
    border-radius: 50%;
    border-top-color: white;
    animation: spin 1s ease-in-out infinite;
}

.load-more-button.loading .load-text {
    visibility: hidden;
}

.load-more-button.loading .loading-spinner {
    display: block;
}

.error-message, .no-more-message {
    display: none;
    margin-top: 1rem;
    padding: 0.5rem;
    border-radius: 4px;
}

.error-message {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

.no-more-message {
    background-color: #d1ecf1;
    color: #0c5460;
    border: 1px solid #bee5eb;
}

@keyframes spin {
    to { transform: translate(-50%, -50%) rotate(360deg); }
}
.rcl-user-details #ssi-modalWrapper {
  max-width: 900px !important;
}
.webhat-single img[class*="wp-image-"] {
  border-radius: 5px;
  border: 3px solid #446971;

}
/*.qr-partners {
  min-width: 100%;
  height: auto;
}*/


a.linker,
a.linker:hover,
a.linker:focus,
a.linker:active {
  text-decoration-line: underline; /* один раз для всех состояний */
}

a.linker {
  text-decoration-thickness: 1px;
  color: #1a5fb4;
  transition: color 0.3s, text-decoration-thickness 0.3s;
}

a.linker:hover,
a.linker:focus {
  text-decoration-skip-ink: none;
  text-decoration-thickness: 3px;
  color: var(--color-green-hover);
}

div.wpforms-container-full .wpforms-form .wpforms-one-fifth {
  width: 22.8%;
}
div.wpforms-container-full .wpforms-form .wpforms-one-half, div.wpforms-container-full .wpforms-form .wpforms-three-sixths, div.wpforms-container-full .wpforms-form .wpforms-two-fourths {
  width: 49%;
}

div.wpforms-container-full .wpforms-form .wpforms-five-sixths, div.wpforms-container-full .wpforms-form .wpforms-four-sixths, div.wpforms-container-full .wpforms-form .wpforms-four-fifths, div.wpforms-container-full .wpforms-form .wpforms-one-fifth, div.wpforms-container-full .wpforms-form .wpforms-one-fourth, div.wpforms-container-full .wpforms-form .wpforms-one-half, div.wpforms-container-full .wpforms-form .wpforms-one-sixth, div.wpforms-container-full .wpforms-form .wpforms-one-third, div.wpforms-container-full .wpforms-form .wpforms-three-fourths, div.wpforms-container-full .wpforms-form .wpforms-three-fifths, div.wpforms-container-full .wpforms-form .wpforms-three-sixths, div.wpforms-container-full .wpforms-form .wpforms-two-fourths, div.wpforms-container-full .wpforms-form .wpforms-two-fifths, div.wpforms-container-full .wpforms-form .wpforms-two-sixths, div.wpforms-container-full .wpforms-form .wpforms-two-thirds {
  float: left;
  margin-left: 1%;
  clear: none;
}

/* Плавающий блок */
.floating-share {
    position: fixed;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999;
    opacity: 0;
    animation: floatFadeIn 0.5s ease forwards 0.5s;
}
.floating-share a:hover { color:#fbff8e;}

.floating-share-inner {
    background: white;
    border-radius: 50px;
    padding: 15px 8px;
    box-shadow: 0 5px 25px rgba(0,0,0,0.15);
    display: flex;
    flex-direction: column;
    gap: 12px;
    backdrop-filter: blur(5px);
    background: rgba(255,255,255,0.95);
    border: 1px solid rgba(0,0,0,0.05);
}

.floating-share h4 {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    font-size: 12px;
    margin: 0 auto;
    color: #999;
    font-weight: 400;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.float-btn {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    transition: all 0.25s cubic-bezier(0.2, 0, 0, 1);
    border: none;
    cursor: pointer;
    padding: 0;
    box-shadow: 0 3px 10px rgba(0,0,0,0.1);
    position: relative;
}

.float-btn:hover {
    transform: scale(1.15) translateX(5px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}

/* Счетчики */
.share-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background: #33647f;
    color: white;
    font-size: 10px;
    font-weight: bold;
    min-width: 18px;
    height: 18px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    border: 2px solid white;
    transition: all 0.2s ease;
}

/* Анимация при увеличении */
.share-count.pop {
    transform: scale(1.3);
    background: #ff6b81;
}

/* Цвета кнопок */
.float-btn.fb { background: #3b5998; }
.float-btn.tw { background: #000000; }
.float-btn.in { background: #0077b5; }
.float-btn.tg { background: #229ED9; }
.float-btn.vk { background: #4a76a8; }
.float-btn.wa { background: #25D366; }
.float-btn.vb { background: #665cac; }
.float-btn.pt { background: #BD081C; }
.float-btn.em { background: #7f7f7f; }
.float-btn.copy { background: #6c757d; }

/* Тултипы */
.float-btn::before {
    content: attr(title);
    position: absolute;
    left: 120%;
    background: rgba(0,0,0,0.8);
    color: white;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 12px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: all 0.2s ease;
    transform: translateX(-10px);
    z-index: 1000;
}

.float-btn:hover::before {
    opacity: 1;
    transform: translateX(0);
}

/* Тосты */
.copy-toast {
    position: fixed;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%) translateY(100px);
    background: rgba(0,0,0,0.9);
    color: white;
    padding: 12px 24px;
    border-radius: 50px;
    font-size: 14px;
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    z-index: 9999;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}

.copy-toast.show {
    transform: translateX(-50%) translateY(0);
    opacity: 1;
}

/* Анимация появления */
@keyframes floatFadeIn {
    from {
        opacity: 0;
        transform: translateY(-30px);
    }
    to {
        opacity: 1;
        transform: translateY(-50%);
    }
}

/* Адаптив для мобилок */
@media (max-width: 768px) {
    .floating-share {
        left: 10px;
    }

    .float-btn {
        width: 36px;
        height: 36px;
    }

    .float-btn svg {
        width: 16px;
        height: 16px;
    }

    .floating-share h4 {
        font-size: 10px;
    }

    .share-count {
        font-size: 8px;
        min-width: 16px;
        height: 16px;
    }
}

/* Если экран слишком маленький - прячем */
@media (max-width: 480px) {
    .floating-share {
        display: none;
    }
}

/* Когда пост популярный - подсветка */
.floating-share-inner {
    position: relative;
    overflow: visible;
}

/* Эффект пульсации для топовых кнопок */
@keyframes popularPulse {
    0% { box-shadow: 0 0 0 0 rgba(255, 71, 87, 0.7); }
    70% { box-shadow: 0 0 0 10px rgba(255, 71, 87, 0); }
    100% { box-shadow: 0 0 0 0 rgba(255, 71, 87, 0); }
}

.float-btn[data-social] .share-count[data-count="high"] {
    animation: popularPulse 2s infinite;
    background: #ff3838;
}

.size-full { width:100%;}

.section-4 h4 {min-height: 42px !important;
  display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;}
.section-4 p {min-height: 92px;   overflow: hidden;
  text-overflow: ellipsis;}
.section-9 .post-meta {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;}
@media(max-width:768px) { .section-3 picture{display:none;}.section-3 .caption { margin-top: 0px;color:#fff;background-color:var(--color-green-all);} .section-3 .queans.thumbnail {background-color:var(--color-green-all);margin-bottom: 0px;}}

/* ===== ФИЛЬТР ПО ГОРОДАМ ===== */
.city-filter {
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid #eee;
}

.city-filter h4 {
    font-size: 15px;
    font-weight: 600;
    margin-left: 2px;
    margin-bottom: 8px;
    color: #333;
}

.city-filter-form .city-select {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fff;
    font-size: 14px;
    color: #333;
    cursor: pointer;
}

.city-filter-form .city-select:hover {
    border-color: #aaa;
}

.city-filter-form .city-select:focus {
    border-color: #1976d2;
    outline: none;
    box-shadow: 0 0 0 2px rgba(25, 118, 210, 0.2);
}

/* ===== ВСЕ МЕРОПРИЯТИЯ ===== */
.cat-item a {
    display: block;
    padding: 4px 0;
    color: #333;
    text-decoration: none;
    transition: color 0.2s;
}

.cat-item a:hover {
    color: var(--color-green-all);
}

.cat-item.current-cat a {
    color: var(--color-green-all);
    font-weight: 600;
}

/* ===== Новый вид заголовка в шаблоне ===== */
.single_partners {
    color: #2f3a3b;
    font-size: 2.2rem;
    line-height: 1.2;
}

.single_partners .head-name:before {
    content: "▸ ";
    color: #f6f5f4;
    display: inline-block;
    font-size: 0.85em;      /* чуть мельче */
    vertical-align: middle;
    transform: translateY(-5px); /* подберите: -1px, -2px, -3px */
    margin-right: 4px;
}

.single_partners .prefix {
    display: block;
    font-size: 0.5em;
    font-weight: 400;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 4px;
}

.single_partners .head-name {
    display: block;
    font-weight: 700;
}

.event-categories {
    margin: 15px 0;
    padding: 10px 15px;
    background: #f8f9fa;
    border-radius: 4px;
    border-left: 3px solid #446971;
}

.categories-label {
    font-weight: 600;
    margin-right: 8px;
    color: #333;
}

.category-link {
    color: #0073aa;
    text-decoration: none;
    transition: color 0.2s;
}

.category-link:hover {
    color: #005a87;
    text-decoration: underline;
}

.category-count {
    font-size: 12px;
    color: #999;
}

/* Альтернативный вариант - бейджи */
.category-badge {
    display: inline-block;
    padding: 2px 10px;
    margin: 2px 4px;
    background: #e9ecef;
    border-radius: 12px;
    font-size: 12px;
    color: #495057;
    transition: all 0.2s;
}

.category-badge:hover {
    background: #0073aa;
    color: #fff;
    text-decoration: none;
}