.news-country-img::before, .news-country-img::after {
  content: " ";
  display: table;
  clear: both;
}


.news-country-img .img-wrapper {
  float: left;
  width: 20%;
  box-sizing: border-box;
  padding: 0 1px;
}

.news-country-img{margin:20px 0}
.news-country-img .img-wrapper img{max-width:100%}


.resp-container{position:relative;overflow:hidden;padding-top:56.25%}
.resp-content{position:absolute;top:0;left:0;width:100%;height:100%;border:0}


ul.ftr-list {
	padding-left: 0;
}


body {
	padding-top:74px;
}


.transition,.swiper-arrow-left,.swiper-arrow-right,.sl-post-prev,.sl-post-next,
a,.slide-title-mod span,.button-type-4,.button-type-5,.accordion-title,.nav-tab-item,
.button,.package,.client-slider .swiper-slide a,.add-more,.scroll-top,.arrow-bottom-light,
.post-layer,.post-l-ico,.filter-list li a,.social-box,.portfolio-link,.plus,
.about-link img,.nav-panel,.close-menu,.title-menu,.social-area,.sign-section form span,
.minimal-nav,.sb-submit,.contact-section i,.block-gym h3,.lesson-price,.p-submit,.share-box,
.back:after,.prod-img img,.add-basket span,.contact-us .submit,.flickr-box:after,.sb-form span,
.sb-social a
{
	-webkit-transition:all .4s linear;
	transition:all .4s linear
}


.latest-post-link {
  display: block;
  position: relative;
  /*max-height: 240px;*/
}

.latest-post-link:hover .post-layer {
  opacity: 1;
}

.post-layer {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.24);
  left: 0;
  top: 0;
  opacity: 0;
}

.post-l-ico {
	color:white;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #1f1f1f;
  display: block;
  text-align: center;
  line-height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -21px 0 0 -21px;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  opacity: 0;
}

.latest-post-link:hover .post-l-ico{
	opacity:1;
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0)
}

.post-l-ico:before {
	content: url(../img/list_white.svg);	
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-16px;
	margin-left: -12px;
	width:24px;
	height:24px;
}


.btn-vnz-orange {
	background-color: var(--vnz-orange);
	color: white;
	text-transform: uppercase;
	padding-left: calc( var(--bs-btn-padding-x) * 2 );
	padding-right: calc( var(--bs-btn-padding-x) * 2 );
	padding-top: calc( var(--bs-btn-padding-y) * 2 );
	padding-bottom: calc( var(--bs-btn-padding-y) * 2 );
	border-radius: 30px;
}

.btn-vnz-outline-orange {
	border: 1px solid gray;
	text-transform: uppercase;
	padding-left: calc( var(--bs-btn-padding-x) * 2 );
	padding-right: calc( var(--bs-btn-padding-x) * 2 );
	padding-top: calc( var(--bs-btn-padding-y) * 2 );
	padding-bottom: calc( var(--bs-btn-padding-y) * 2 );
	border-radius: 30px;
}

.btn-vnz-outline-orange:hover {
	background-color: var(--vnz-orange);
	color: white;
}

a.vnz-dark {
	color: var(--bs-body-color);
}

a.vnz-dark:hover {
	color: var(--vnz-green-dark);
}



.orange {color: var(--vnz-orange);}

.form-control {
	border-radius: var(--vnz-border-radius);
}

.form-check-input:checked {
	background-color: var(--vnz-green-light);
	border-color: var(--vnz-green-dark);
}

.btn-outline-success {background-color: white; color: gray; border-color: gray}


/*
.bg.programm-bg {
  position: absolute;
}
*/

.ftr-list {list-style: none;}

.ftr-list li {
  margin-bottom: 13px;
  position: relative;
}

.ftr-list li img {opacity:0.7}

.success-msg {display:none}


.btn-vnz {
	text-transform:uppercase;
	font-size: 0.8rem;
	padding: 0.525rem 1rem;
}

.btn-vnz.btn-lg {
	font-size: 1rem;
	padding: 0.7rem 1.25rem;
}

.graybox {
	background-color: var(--vnz-gray-light);
	border-radius: var(--vnz-border-radius);
}

.gray {color:gray}


.brownbox {
	background-color: var(--vnz-brown-light);
	border: 1px dashed var(--bs-gray-600);
	border-radius: var(--vnz-border-radius);
}

.upper {text-transform:uppercase}


#left_news h6 a {color:var(--bs-body-color)}
#left_news h6 a:hover {color: var(--vnz-green-dark)}
#left_news img {}


.post-img-link{overflow:hidden;margin-bottom:28px;display:block}
.post-img-link img{max-width:100%;display:block;height:auto;-webkit-transition:-webkit-transform 3s ease;transition:transform 3s ease;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.post-img-link:hover img{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}


.h1, h1 { font-size: calc(1.375rem + 0.4vw); }
.h2, h2 { font-size: calc(1.325rem + 0.3vw); }
.h3, h3 { font-size: calc(1.2rem + 0.2vw); }
.h4, h4 { font-size: calc(1.1rem + 0.05vw); }
.h5, h5 { font-size: 1.075rem; }
.h6, h6 { font-size: 1rem; }

/*
	h1 {font-size: 1.7rem}
	h2 {font-size: 1.5rem}
	h3 {font-size: 1.4rem}
	h4 {font-size: 1.15rem}
	h5 {font-size: 1.075rem}
	h6 {font-size: 1.0rem}
*/


.nav-link,
.dropdown-item,
h1, h2, h3, h4, h5, h6
{
	text-transform:uppercase;
}


.dropdown-menu-dark .dropdown-item {
	color: #9c9c9c;
	font-weight:500;
}

.dropdown-menu-dark .dropdown-item:hover {
	color: var(--bs-link-color);
}


.dropdown-menu li {margin-bottom:10px;margin-top:10px;}


#navbarNav .nav-link {
	font-size: 0.9rem;
	font-weight:600;
}

#navbarNav .dropdown-item {
	font-size: 0.8rem;
}

#navbarNav .dropdown-item .postfix {
	color: red;
	font-size: 80%;
	font-weight: bold;
	position: absolute;
	margin-left: 5px;
	transform: rotate(-10deg);
	margin-top: -3px;
}


#navbarNav .dropdown-menu {
	margin-top: 15px;
	border-radius:2px;
}

nav.bg-light {
	background-color: white !important;
	box-shadow: 0 0 5px rgba(0,0,0,0.4);
}


#offcanvasNavbar {}

#offcanvasNavbar .dropdown-menu { 
	width:100%;
}

#offcanvasNavbar .dropdown-item { 
	white-space:normal;
	font-size: 0.8rem;
}

#offcanvasNavbar .dropdown-item .postfix {
	color: red;
	font-size: 80%;
	font-weight: bold;
	position: absolute;
	margin-left: 5px;
	transform: rotate(-10deg);
	margin-top: -3px;
}


.banner-template {
  min-height: 370px;
  position: relative;
  background-size: cover;
  background-position: center;
}

.title-header {
  text-align: center;
  color: white;
  padding-top: calc(80px + 4vw);
  position: relative;
  z-index: 5;
}


.article-detail-descr {
	margin-bottom: 0.8rem;
	text-align: justify;
}

.header-sub-title {
	color: #fff;
	text-transform: none;
	margin-top: 0.5rem;
}


.mouse {
  width: 14px;
  height: 23px;
  border: 2px solid #c2c1c0;
  display: inline-block;
  cursor: pointer;
  position: absolute;
  left: 50%;
  bottom: 25px;
  margin-left: -7px;
  border-radius: 10px;
  -webkit-animation: mouse 2s infinite;
  animation: mouse 2s infinite;
  z-index: 555;
}

.mouse span {
  height: 4px;
  width: 2px;
  background: #c2c1c0;
  display: inline-block;
  position: absolute;
  left: 50%;
  margin-left: -1px;
  top: 5px;
  -webkit-animation: mouse-inner 2s infinite;
  animation: mouse-inner 2s infinite;
}

.mouse:hover{-webkit-animation-play-state:paused;animation-play-state:paused}

@keyframes mouse {
	0%{bottom:25px}
	50%{bottom:20px}
	100%{bottom:25px}
}

@keyframes mouse-inner {
	0%{top:5px;opacity:1}
	50%{top:10px;opacity:.6}
	100%{top:5px;opacity:.4}
}



.clip {
  clip: rect(auto,auto,auto,auto);
  height: 100%;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}

.bg {
  position: absolute;
  left: 0;
  top: 74px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.bg-bg {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: scroll;
  -ms-background-size: cover;
  background-size: cover;
  position: fixed;
  background-image: url(../img/static_bg.jpg.webp);
}

.overlay {
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0,0,0,0.6);
  width: 100%;
  height: 100%;
}

/*
.section {
  padding: 84px 0 65px;
}
*/

a:hover {
  text-decoration: none;
}

a {text-decoration:none}

.img-caption {
  text-align: center;
  color: #969696;
  font-size: 80%;
}


.title::after {
  content: '';
  width: 29px;
  height: 2px;
  background: #697279;
  display: block;
  margin: 15px auto 0;
}



.footer {
  background: #1f1f1f;
  padding: 60px 0;
	color: silver;
}

.footer a {
  display: inline-block;
  color: #fff;
}

.footer a:hover {
  color: #22b24c;
  text-decoration: none;
}


.footer_programm_menu h4 {
  color: white;
  font-weight: 600;
  margin-bottom: 10px;
  font-size: 90%;
}

.footer_programm_menu ul {
  margin: 0 0 20px 0;
  padding: 0;
  list-style: none;
}

.footer_programm_menu li {
  font-size: 80%;
  margin-bottom: 5px;
  text-transform: uppercase;
	line-height: 20px;
}


.footer_programm_menu a { color: silver; }
.footer_programm_menu a:hover { color: #22b24c; }


.footer_programm_menu a .postfix {
	color: red;
	font-size: 80%;
	font-weight: bold;
	position: absolute;
	margin-left: 5px;
	transform: rotate(-10deg);
	margin-top: -3px;
}


.navbar-expand-lg .navbar-nav .dropdown-menu {
  z-index:99;
}


.scroll-top{display:inline-block;width:42px;height:42px;border-radius:50%;border:2px solid #dbd6d2;color:#dbd6d2;
	position:fixed;right:30px;bottom:60px;font-size:20px;
	opacity:0;
	-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);
	visibility:hidden;
	text-align:center;
}
.scroll-top svg{position:relative;}
.scroll-top.active{
	visibility:visible;opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)
}

.scroll-top:hover{border-color:#10783e}

.programm-menu ul {list-style:none; margin:0; padding:0}

.programm-menu .dropdown-item {white-space: normal;}
.programm-menu .dropdown-header {font-weight:600; white-space: normal;color:white}


.middle-title{color:#35383c;font-size:14px;text-transform:uppercase;}
.middle-title:after{content:'';width:18px;height:2px;background:#dfdfdf;display:block;margin-top:15px}


.widget-list {
  padding-left: 0;
  margin-bottom: 2rem;
}

.widget-list li {
	font-size: 15px;
	line-height: 20px;
	list-style: none;
	display: block;
}



#addRating{width:128px;height:23px;overflow:hidden;padding:0 1px;margin-bottom:5px;background:url(../img/article-votes.png);background-repeat:no-repeat;background-position:0 0}
.rating-title{float:left;margin-right:5px}
.average-rating{margin-bottom:20px;color:grey}
#addRating.star-1{background-position:0 -24px}
#addRating.star-2{background-position:0 -48px}
#addRating.star-3{background-position:0 -72px}
#addRating.star-4{background-position:0 -96px}
#addRating.star-5{background-position:0 -120px}
#addRating a{width:25px;display:block;float:left}
#addRating:before,#addRating:after{content:" ";display:table;clear:both}



.middle-title_center::after {
    margin-left: auto;
    margin-right: auto;
}

.mp-video-block {
  display: block;
  overflow: hidden;
  position: relative;
	border-top: 1px solid silver;
	border-right: 1px solid silver;
	border-left: 1px solid silver;

}

.mp-video-block:before{
	content:" ";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	display:block;
	/*background:rgba(0,0,0,0.2);*/
	background:rgba(34,178,76,0.2);
	z-index:1
}


.mp-video-block:hover:before{
	content:" ";
	position:absolute;
	top:50%;
	left:50%;
	height:36px;
	width:36px;
	margin-top:-18px;
	margin-left:-18px;
	border-radius:50%;
	display:block;
	background:black;
	z-index:1
}


.mp-video-block:after{
	content:url("../img/play.svg");
	position:absolute;
	top:50%;
	left:50%;
	height:40px;
	width:40px;
	margin-top:-20px;
	margin-left:-20px;
	border-radius:50%;
	display:block;
	/*background:#fff;*/
	z-index:2;
	opacity:0.7;

	-webkit-transition:all .4s linear;
	transition:all .4s linear

}

.mp-video-block:hover:after{
	content:url("../img/play.svg");
	position:absolute;
	top:50%;
	left:50%;
	height:40px;
	width:40px;
	margin-top:-20px;
	margin-left:-20px;
	border-radius:50%;
	display:block;
	z-index:2;
	opacity:1;
	box-shadow: 0 0 1px black;
}


/*

.mp-video-block svg 
{
  position: absolute;
	width: 40px;
	height: 40px;
  top: 50%;
  margin-top: -20px;
  left: 50%;
  margin-left: -20px;
  z-index: 3;
}


a.mp-video-block svg {fill:rgba(255,255,255,0.7)}
a.mp-video-block:hover svg {fill:var(--vnz-green-dark)}
*/


.mp-video-link {
	text-transform: uppercase;
	text-align: center;
	border: 1px solid silver;
	padding: 1rem;
	overflow:hidden;
	height: 6rem;
}

.mp-video-link a {
	color: var(--bs-body-color);
}

.mp-video-link a:hover {
	color: var(--vnz-green-dark);
}


.contact-section .title::after {
  margin-left: 0;
}


#pd_agreed {
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 20px;
  background-color: #ffffff;
  z-index: 100;
  line-height: normal;
  box-shadow: 0 -2px 0 #d9d9d9;
  border-top: 2px solid #fff;
}

#pd_agreed .btn_wrapper {
  display: flex;
  justify-content: space-evenly;
  padding-top: 6px;
}

@media (min-width: 1200px) {

	h1 {font-size: 1.7rem}
	h2 {font-size: 1.5rem}
	h3 {font-size: 1.4rem}
	h4 {font-size: 1.15rem}
	h5 {font-size: 1.075rem}
	h6 {font-size: 1.0rem}

	.programm-menu {
		width: 1200px;
		left: -300px !important;
	}

}


@media (max-width: 1199px) { /* lg */
}


@media (max-width: 1080px) { /* ipad */
/*	#slide0 {top: 0; position: relative;}*/
	.bg { top: 0; }
	.bg-bg { position: relative; }

	

}



@media (max-width: 991px) { /* md */
}


@media (max-width: 767px) { /* sm */
	.banner .title-header div {font-size: 26px; line-height: 30px;}
}


@media (max-width: 575px) { /* xs */
	.footer_programm_menu {padding: 0 10px;}
}


@media (max-width: 479px) {
	.scroll-top { display:none }
	.title-header {
		min-height: 200px;
		display: flex;
		align-items: center;
		justify-content: center;
		padding-top: 0px;
		padding-bottom:40px;
	}
	.banner .title-header div {font-size: 20px; line-height: 26px;}
	.banner-template { min-height: 200px;}
	/*.section { padding: 44px 0 25px; }*/
	.footer { padding: 30px 0; }
}


@media (max-width: 375px) {
	.navbar .messangers {display:block}
}

