/*
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i&subset=latin,cyrillic);
@import url(https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin,cyrillic);
@import url(https://fonts.googleapis.com/css?family=Poppins:300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin,cyrillic);

*/



/*
@import url(/fonts/PT-Root-UI/PT-Root-UI_Regular.css);
@import url(/fonts/PT-Root-UI/PT-Root-UI_Bold.css);

*/


@import url(/fonts/Unbounded/Unbounded-Regular.css);
@import url(/fonts/Unbounded/Unbounded-Medium.css);
@import url(/fonts/Unbounded/Unbounded-Light.css);

/*
font-family: 'Unbounded-Light';
font-family: 'Unbounded-Regular';
font-family: 'Unbounded-Medium';
*/

@import url(/fonts/golos/golostext.css);

@import url(/fonts/forum/forum.css);

/*@import url('https://fonts.googleapis.com/css2?family=Forum&display=swap');*/

:root,[data-bs-theme=light]{
	
	/* #f7f4f0  Бежевый */
	/* background: rgba(247, 244, 240, 1); */
	
	--bs-body-font-size: 1rem;
	
	--va-color-text: #000000;
	
	--va-btn-primary-color: #251c1a;
	
	--va-btn-primary-color-text: #ffffff;
	
	
	--va-btn-primary-hover: #F7F4F0;
	--va-btn-primary-color-text-hover: #ffffff;
	
	
	--va-btn-outline-primary: #251c1a;
	--va-btn-outline-primary-hover:#F7F4F0;
	--va-btn-outline-primary-color-text-hover:#ffffff;
	
	
	
	--va-btn-outline-secondary-hover:#F7F4F0;
	
	
	--va-color-a: #000000;
	--va-color-ahover: #808080;
	
	--va-color-primary: #ca944f;
	
	--va-color-bg: #ffffff;
	
	--va-color-bg-09: rgba(255, 255, 255, 0.9);	
	--va-color-bg-05: rgba(255, 255, 255, 0.5);
	
	
	--va-color-bg2: #f7f4f0;
	
	
	--va-color-bg-footer: #251c1a;
	
	--va-border-radius: 10px;
	
	--va-card-background-color:#fff;


}


[data-bs-theme=dark],
.dark-theme, .dark-mode {
	
	--bs-body-font-size: 1rem;
	
	--va-color-text: #ffffff;
	
	--va-btn-primary-color: #fff;
	
	--va-btn-primary-color-text: #000;
	
	
	--va-btn-primary-hover: #251c1a;
	--va-btn-primary-color-text-hover: #ffffff;
	
	
	--va-btn-outline-primary: #251c1a;
	--va-btn-outline-primary-hover:#F7F4F0;
	--va-btn-outline-primary-color-text-hover:#251c1a;

	
	--va-btn-outline-secondary-hover:#F7F4F0;
	
	
	--va-color-a: #ffffff;
	--va-color-ahover: rgba(255, 255, 255, 0.5);	
	
	--va-color-primary: #ca944f;
	
	
	
	--va-color-bg: #251c1a; 	
	--va-color-bg-09: rgba(37, 28, 26, 0.9);	
	--va-color-bg-05: rgba(37, 28, 26, 0.5); 
	
	--va-color-bg2: #342f2e;
	
	--va-color-bg-footer: #251c1a;
	
	
	--va-card-background-color:#000;

	
	/* #251c1a   тёмный */
	/* rgba(37, 28, 26, 0.9); */
	/* rgba(37, 28, 26, 0.5);  */
		
}






@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1900px!important;
    	padding-left:30px;
	padding-right:30px; 
  }
}








/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
	
	background: var(--va-color-bg);
	color: var(--va-color-text);
	
	font-family: 'golostext';
	
	/*font-family: 'PT-Root-UI_Regular', sans-serif;*/
	
	font-weight: 400;
	font-size: var(--bs-body-font-size);
	
}

/*
.bodyfonbold{
	font-family: 'PT-Root-UI_Bold', sans-serif; 
}
*/

a {
	color: var(--va-color-a)  ;
	text-decoration: none;
	transition: 0.5s;
}

a:hover, a:active, a:focus {
	color: var(--va-color-ahover);
	outline: none;
	text-decoration: none;
}

p {
	padding: 0;
	margin: 0 0 20px 0;
}

h1, .h1 {
	font-family: 'Unbounded-Regular';
	
	margin: 0 0 20px 0;
	padding: 0;
	
}
.textup,.fontup{
	text-transform: uppercase;
}
 
h2, h3, h4, h5, h6, .h2, .h3, .h4, .h5, .h6  {
	
	
	font-family: 'Unbounded-Regular'; 
	
	font-weight: 400;
	
	margin: 0 0 20px 0;
	padding: 0;
	line-height:100%;
}

.font2{ 
	font-family: 'Unbounded-Regular';
}

.fs-0 {
	font-size: calc(1.4rem + 2vw) !important;
}

.padding{
	padding:30px;
}



.uppercase{
	text-transform: uppercase;
}



.color1{color:#251C1A;} 
.color90{color:#909090;} 

 
.YmapGrey  {
	
	filter: grayscale(1);
	-webkit-filter: grayscale(1);
	
}

 

.color2{color:#ca944f !important;} /*коричневый ; hover; db9946 */

.color3{color:#fecd80 !important;}  /*yellow */



.plashka1{
	background:#86786b;
	color:#fff;
	text-align:center;
	padding:15px;
	border-radius:2px;
	margin-bottom:1em;	
	box-shadow: 0px 4px 0px #fecd80;
}

.plashka2{
	background:#6a6a6a;
	color:#fff;
	text-align:center;
	padding:15px;
	border-radius:2px;
	margin-bottom:1em;
	box-shadow: 0px 4px 0px #fecd80;
}



	.color31{color:#ff9f08 !important;}  /*yellow 2 */

	.color4{color:#ba7639 !important;} /*orange */

	.white{color:white !important;}


.bg-primary{background-color: var(--va-color-primary) !important;}
.text-primary{color: var(--va-color-primary) !important;}




.podimg{
	overflow:hidden; 
	border-radius:var(--va-border-radius);
	aspect-ratio: 1 / 1;
}








/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
	position: fixed;
	visibility: hidden;
	opacity: 0;
	right: calc(50% - 20px);
	bottom: 15px;
	z-index: 996;
	background: #ca944f;
	width: 40px;
	height: 40px;
	border-radius: 50px;
	transition: all 0.4s;
}
.back-to-top i {
	font-size: 28px;
	color: #fff;
	line-height: 0;
}
.back-to-top:hover {
	background: var(--va-btn-primary-hover);
	color: #fff;
}
.back-to-top.active {
	visibility: visible;
	opacity: 1;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
	height: 100px;
	z-index: 997;
	transition: all 0.5s;
	
	background: var(--va-color-bg-);
	
	color:var(--va-color-text);
}
#header.headermain {	
	background: var(--va-color-bg-09);
}
#header.header-scrolled {
	height: 70px;
	background: var(--va-color-bg); 
	
	/* box-shadow:0px 4px 0px #fecd80 ; */  /* желтая полоска */
}
#header .logo A  {
	
	margin: 0;
	padding: 0;
	font-weight: 400; 
	/*font-style:italic;*/
	
	display:flex;
	align-items:center;	
	
	line-height:100%;
}
#header .logo IMG {
	min-height:80px;
	margin:0px 0px 0px 0px;
	transition: 0.3s;  
	max-height:80px;
}
#header.header-scrolled  .logo IMG {
	min-height:50px;
}
 
 #header .logo A  {
	color: #ffffff; 
	/*text-shadow:0px 0px 30px #7dc5ff;*/

}
 #header .logo A:hover {
	color: #fff; 
}
#header .logo SPAN{
	
}

@media (max-width: 991px) {
	
	
	#header  .tel span {
	/*	display:none;*/
	}
	
	#header .logo  {
		
	}
	#header {
		height: 70px;
	}
	#header  .logo IMG {
		min-height:50px;
	}
}

@media (max-width: 574px) {
	#header .logo{
		
		
	}
	
}
#header .logo img {
	padding: 0;
	max-height: 26px;
}

.lenta9maya2{
	background:url(/pictures/9maya2.png) no-repeat -14%  -3px  ;
	background-size:auto 160%;
}
.lenta9maya3{
	background:url(/pictures/9mayalenta0.png) no-repeat 25% 0px  ;
	background-size:auto 50%;
}
.lenta9maya{
	background:url(/pictures/9maya.png) no-repeat 100% bottom ;
	background-size:70% 27% ;
}


#header .tel{
	font-size:20px;
	margin:0px 0px 0px 0px;
	transition: 0.4s;
	padding: 5px 18px 5px 18px ;
	border-radius:20px;
	color: #000;
}

@media (max-width: 768px) {
	#header .tel{ 
		padding: 5px 5px 5px 5px ;
		margin:0px 5px 0px 5px;
	}
}
@media (max-width: 400px) {

	
	#header .tel .minitel{
		
	}
	
}



.hero-waves {
	display: block;
	width: 100%;
	height: 60px;
	position: relative;
	
}

.wave1 use {
	animation: move-forever1 40s linear infinite;
	animation-delay: -8s;
}

.wave2 use {
	animation: move-forever2 32s linear infinite;
	animation-delay: -8s;
}

.wave3 use {
	animation: move-forever3 24s linear infinite;
	animation-delay: -8s;
}

@keyframes move-forever1 {
  0% {
    transform: translate(85px, 0%);
  }

  100% {
    transform: translate(-90px, 0%);
  }
}

@keyframes move-forever2 {
  0% {
    transform: translate(-90px, 0%);
  }

  100% {
    transform: translate(85px, 0%);
  }
}

@keyframes move-forever3 {
  0% {
    transform: translate(-90px, 0%);
  }

  100% {
    transform: translate(85px, 0%);
  }
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
header{
	
}
.navbar {
	padding: 0; 
	
}
.navbar ul {
	margin: 0;
	padding: 0;
	display: flex;
	list-style: none;
	align-items: center;
}
.navbar li {
	position: relative;
}
.navbar a, .navbar a:focus {
	display: flex;
	align-items: center;
	justify-content: space-between;
	  
	
	
	color: var(--va-color-text);
	
	font-weight: 500;
	white-space: nowrap;
	/*transition: 0.3s;*/
	
	/*border-bottom: 3px solid rgba(254,205,128,0);*/
 
 
}
.navbar.navbar-mobile a, .navbar.navbar-mobile a:focus{
	border:0px;
}



.navbar a i, .navbar a:focus i {
	font-size: 12px;
	line-height: 0;
	margin-left: 5px;
}
.navbar a:hover , .navbar li:hover > a {
	color: #74b7ff;
	
}

 .navbar .active, .navbar .active:focus {
	color: var(--va-color-ahover);
}
.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a {
	
	color: var(--va-color-ahover);
	border-bottom: 1px solid var(--va-color-ahover);
	
}








.navbar.navbar-mobile a:hover, .navbar.navbar-mobile .active, .navbar.navbar-mobile .active:focus, .navbar.navbar-mobile li:hover > a {
	border-bottom: 0px;
}

.navbar .dropdown ul {
	display: block;
	position: absolute;
	left: 14px;
	top: calc(100% + 30px);
	margin: 0;
	padding: 10px 0;
	z-index: 99;
	opacity: 0;
	visibility: hidden;
	background: #fff;
	box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
	transition: 0.3s;

}
.navbar .dropdown ul li {
	min-width: 200px;
}
.navbar .dropdown ul a {
	padding: 10px 20px;
	font-size: 18px;
	text-transform: none;
 
	border: none;
}
.navbar .dropdown ul a i {
	font-size: 12px;
}
.navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover > a {
	color: #777;
}
.navbar .dropdown:hover > ul {
	opacity: 1;
	top: 100%;
	visibility: visible;
}
.navbar .dropdown .dropdown ul {
	top: 0;
	left: calc(100% - 30px);
	visibility: hidden;
}
.navbar .dropdown .dropdown:hover > ul {
	opacity: 1;
	top: 0;
	left: 100%;
	visibility: visible;
}
@media (max-width: 1366px) {
	.navbar .dropdown .dropdown ul {
		left: -90%;
	}
	.navbar .dropdown .dropdown:hover > ul {
		left: -100%;
	}
}

/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
	color: #000;
	background:#fff;
	font-size: 28px;
	cursor: pointer;
	display: none;
	line-height: 0;
	transition: 0.5s;
	border:1px solid #000;
	border-radius:50px;
	padding:4px;
	margin-left:auto; 
}
.mobile-nav-toggle.bi-x {
	color: #000;
}

@media (max-width: 991px) {
	.mobile-nav-toggle {
		display: block;
	}

	.navbar ul {
		display: none;
	}
}
.navbar-mobile {
	position: fixed;
	overflow: hidden;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background: rgba(23, 35, 46, 0.9);
	transition: 0.3s;
	z-index: 999;
}
.navbar-mobile .mobile-nav-toggle {
	position: absolute;
	top: 15px;
	right: 15px;
}
.navbar-mobile ul {
	display: block;
	position: absolute;
	top: 55px;
	right: 15px;
	bottom: 15px;
	left: 15px;
	padding: 10px 0;
	background-color: #fff;
	overflow-y: auto;
	transition: 0.3s;
}
.navbar-mobile a, .navbar-mobile a:focus {
	padding: 10px 20px;
	
	color: #000;

}
.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a {
	color: #777;
}
.navbar-mobile .dropdown ul {
	position: static;
	display: none;
	margin: 10px 20px;
	padding: 10px 0;
	z-index: 99;
	opacity: 1;
	visibility: visible;
	background: #fff;
	box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}
.navbar-mobile .dropdown ul li {
	min-width: 200px;
}
.navbar-mobile .dropdown ul a {
	padding: 10px 20px;
}
.navbar-mobile .dropdown ul a i {
 
}
.navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover > a {
	color: #777;
}
.navbar-mobile .dropdown > .dropdown-active {
	display: block;
}




.blockborder{
	background:rgba(255,255,255,0.25);
	border: 2px solid rgba(0, 0, 0, 0.3);
	
	height:100%;
	padding:20px;
	border-radius:10px;
	backdrop-filter: blur(20px);
	min-height:100px;
	display:flex;
	flex-direction:column; 
}



/*--------------------------------------------------------------
#  SLIDER Section
--------------------------------------------------------------*/

.slide-bg-white{
	background:rgba(255,255,255,0.25);
	border: 1px solid rgba(255, 255, 255, 0.3);
	
	height:100%;
	padding:20px;
	border-radius:10px;
	backdrop-filter: blur(20px);
	min-height:100px;
	display:flex;
	flex-direction:column; 
}
@media (max-width: 767px) {
	
	.slide-bg-white{
		background:rgba(255,255,255,0.25);
		border: 2px solid rgba(0, 0, 0, 0.3);
	}

}
.mob3h2{
	height:300px ;
}
@media (max-width: 767px) {
	.mob3h2{
		height:200px !important;
	}
}

.w50{
	width:50px;
}
.podicon {
	
	border: 2px solid rgba(255,255,255,0.3);
	background:rgba(0,0,0,0.2);
	border-radius: 8px;
	padding:5px 15px 5px 5px;
	backdrop-filter: blur(20px);
	display:flex;
	align-items:center;
	justify-content:center;
}
@media (max-width: 767px) {
	
	.podicon {		
		border: 2px solid rgba(0,0,0,0.3);
		background:rgba(255,255,255,0.25);
	}
}


.podicon2 {
	
	border: 2px solid rgba(37, 28, 26, 0.3);
	border-radius: 8px;
	padding:10px;
	backdrop-filter: blur(20px);
	display:flex;
	
	align-items:center;
	justify-content:center;
}
.ramka {	
	border: 2px solid rgba(37, 28, 26, 0.3);
	border-radius: 8px;
	padding:10px;
	backdrop-filter: blur(20px);
	display:block-inline;
}


.icongaz{
	background:url(/pictures/icons/gaz.svg) center center no-repeat;
	min-width:23px;
	min-height:29px;
}
.iconsvet{
	background:url(/pictures/icons/svet.svg) center center no-repeat;
	min-width:23px;
	min-height:29px;
}
.iconvoda{
	background:url(/pictures/icons/voda.svg) center center no-repeat;
	min-width:21px;
	min-height:29px;
}

.iconinternet{
	background:url(/pictures/icons/internet.svg) center center no-repeat;
	min-width:30px;
	min-height:22px;
}

@media (max-width: 767px) {

	.icongaz{
		background:url(/pictures/icons/gaz2.svg) center center no-repeat;
		min-width:23px;
		min-height:29px;
	}
	.iconsvet{
		background:url(/pictures/icons/svet2.svg) center center no-repeat;
		min-width:23px;
		min-height:29px;
	}
	.iconvoda{
		background:url(/pictures/icons/voda2.svg) center center no-repeat;
		min-width:21px;
		min-height:29px;
	}
	.iconinternet{
		background:url(/pictures/icons/internet2.svg) center center no-repeat;
		min-width:30px;
		min-height:22px;
	}

	
}

.iconlock{
	background:url(/pictures/icons/lock.svg) center center no-repeat;
	min-width:23px;
	min-height:27px;
}
.iconvideo{
	background:url(/pictures/icons/video.svg) center center no-repeat;
	min-width:33px;
	min-height:27px;
}
.iconsaveg{
	background:url(/pictures/icons/saveg.svg) center center no-repeat;
	min-width:25px;
	min-height:27px;
}


.icondetsad{
	background:url(/pictures/icons/detsad.svg) center center no-repeat;
	min-width:32px;
	min-height:24px;
}
.iconmedic{
	background:url(/pictures/icons/medic.svg) center center no-repeat;
	min-width:25px;
	min-height:27px;
}
.iconcafe{
	background:url(/pictures/icons/cafe.svg) center center no-repeat;
	min-width:25px;
	min-height:27px;
}
.iconmagaz{
	background:url(/pictures/icons/magaz.svg) center center no-repeat;
	min-width:28px;
	min-height:28px;
}
.icondosug{
	background:url(/pictures/icons/dosug.svg) center center no-repeat;
	min-width:28px;
	min-height:28px;
}
.iconapteka{
	background:url(/pictures/icons/apteka.svg) center center no-repeat;
	min-width:28px;
	min-height:28px;
}
.iconsport{
	background:url(/pictures/icons/sport2.svg) center center no-repeat;
	min-width:28px;
	min-height:28px;
}
.icontc{
	background:url(/pictures/icons/tc.svg) center center no-repeat;
	min-width:28px;
	min-height:28px;
}


.iconyahti{
	background:url(/pictures/icons/yahti.svg) center center no-repeat;
	min-width:27px;
	min-height:28px;
}


.iconrestor{
	background:url(/pictures/icons/restor.svg) center center no-repeat;
	min-width:29px;
	min-height:28px;
}

.iconribalka{
	background:url(/pictures/icons/ribalka.svg) center center no-repeat;
	min-width:31px;
	min-height:28px;
}

.iconakvapark{
	background:url(/pictures/icons/akvapark.svg) center center no-repeat;
	min-width:29px;
	min-height:23px;
}

.iconspa{
	background:url(/pictures/icons/spa.svg) center center no-repeat;
	min-width:28px;
	min-height:28px;
}

.iconfest{
	background:url(/pictures/icons/fest.svg) center center no-repeat;
	min-width:20px;
	min-height:29px;
}



.icondetskayaploshadka{
	background:url(/pictures/icons/detskaya_playground.svg) center center no-repeat;
	min-width:26px;
	min-height:26px;
}
.flex-break {
	flex-basis: 100%;
	height: 0;
}


.iconvezdgroup{
	background:url(/pictures/icons/vezd_group.svg) center center no-repeat;
	min-width:25px;
	min-height:25px;
}

.iconglamping{
	background:url(/pictures/icons/glamping.svg) center center no-repeat;
	min-width:28px;
	min-height:22px;
}

.iconglamping{
	background:url(/pictures/icons/glamping.svg) center center no-repeat;
	min-width:28px;
	min-height:22px;
}

.iconbassein{
	background:url(/pictures/icons/bassein.svg) center center no-repeat;
	min-width:27px;
	min-height:21px;
}
.iconpark{
	background:url(/pictures/icons/park.svg) center center no-repeat;
	min-width:25px;
	min-height:25px; 
}


.iconcottadges{
	background:url(/pictures/icons/cottadges.svg) center center no-repeat;
	min-width:30px;
	min-height:20px;
}

.iconsport{
	background:url(/pictures/icons/sport.svg) center center no-repeat;
	min-width:26px;
	min-height:26px;
}

.iconsport2{
	background:url(/pictures/icons/sport2.svg) center center no-repeat;
	min-width:26px;
	min-height:26px;
}

.icontc{
	background:url(/pictures/icons/tc.svg) center center no-repeat;
	min-width:26px;
	min-height:25px;
}
.icontc2{
	background:url(/pictures/icons/tc2.svg) center center no-repeat;
	min-width:26px;
	min-height:25px;
}


.iconplyaj{
	background:url(/pictures/icons/plyaj.svg) center center no-repeat;
	min-width:24px;
	min-height:26px;
}



.iconsettings{
	background:url(/pictures/icons/settings.svg) center center no-repeat;
	min-width:27px;
	min-height:28px;
}
.iconhdd{
	background:url(/pictures/icons/hdd.svg) center center no-repeat;
	min-width:22px;
	min-height:26px;
}
.iconkompas{
	background:url(/pictures/icons/kompas.svg) center center no-repeat;
	min-width:27px;
	min-height:27px;
}





.radius-1, .round-1{
	border-radius: var(--va-border-radius);
}




/* Services Section
--------------------------------*/
.pagesmenu {
	padding: 60px 0 40px 0;
	box-shadow: inset 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
}
.pagesmenu .box {
	padding: 30px;
	position: relative;
	overflow: hidden;
	border-radius: 10px;
	margin: 0 10px 20px 10px;
	background: #fff;
	box-shadow: 0 10px 29px 0 rgba(68, 88, 144, 0.1);
	transition: all 0.3s ease-in-out;
	min-height:120px;
}
.pagesmenu .box:hover {
	transform: translateY(-5px);
}
.pagesmenu .icon {
	position: absolute;
	left: 15px;
	top: 15px;
}
.pagesmenu .icon i {
	font-size: 64px;
	line-height: 0;
	transition: 0.5s; 
}
.pagesmenu .title {
	margin-left: 80px;
	font-weight: 700;
	margin-bottom: 0px; 
	line-height:100%;
}
.pagesmenu a {
	color: #909090;
}
.pagesmenu a:hover {
	color: #ca944f;
}
.pagesmenu .box:hover a {
	color: #ca944f;
}
.pagesmenu .description {
	font-size: 14px;
	margin-left: 80px;
	line-height: 24px;
	margin-bottom: 0;
}







.btn {

	letter-spacing: 1px;
	display: inline-block;
	padding: 10px 30px;
	border-radius: 50px;
	transition: 0.5s;
	margin: 0px;
	
	border-width:1px;
	border-style:solid;
	
	
}

/* ====OLD=====*/

/*
.hero .hero-info .btn-get-started, .hero .hero-info .btn-services, .btn-round , .btn-primary, .btn-outline-primary{
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 1px;
	display: inline-block;
	padding: 10px 32px;
	border-radius: 50px;
	transition: 0.5s;
	margin: 0px;
	color: var(--va-btn-primary-color) ;
}
.hero .hero-info .btn-get-started, .btn-round, .btn-primary {
	background: var(--va-btn-primary-color);
	border: 1px solid var(--va-btn-primary-color);
	color: var(--va-btn-primary-color) ;
	margin: 0px;
}
.hero .hero-info .btn-get-started:hover, .btn-round:hover , .btn-primary:hover , .btn-primary:active , .btn-primary:focus {
	background: var(--va-btn-primary-color-text-hover);
	border-color: var(--va-btn-primary-color-text-hover);
	border: 1px solid var(--va-btn-primary-color-text-hover) !important;
	color:#fff;
}
*/


/* from bootstrap */
.btn-primary {
	color: var(--va-btn-primary-color-text);
	background-color: var(--va-btn-primary-color);
 
	border-width:1px;
	border-style:solid;
	
	border-color: var(--va-btn-primary-color) !important;
}
.btn-primary:hover {
	color: var(--va-btn-primary-color-text-hover);
	background-color: var(--va-btn-primary-color);
	border-color: var(--va-btn-primary-hover);
}

.bg-white.btn-primary {
	color: var(--va-btn-primary-color);
}
.bg-white.btn-primary:hover  {
	color: var(--va-btn-primary-color-hover)!important;
	background-color: var(--va-btn-primary-color)  !important;
	border-color: var(--va-btn-primary-hover);
}



.btn-check:focus + .btn-primary, .btn-primary:focus {
	color: #fff;
	background-color: var(--va-btn-primary-color);
	border-color: var(--va-btn-primary-color);
	box-shadow: none;
}
.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
	color: #fff;
	background-color: var(--va-btn-primary-color);
	border-color: var(--va-btn-primary-color);
}
.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
	box-shadow: none;
}
.btn-primary:disabled, .btn-primary.disabled {
	color: #fff;
	background-color: #ffc250;
	border-color: #ffc250;
}



.btn-outline-primary {
	background-color: transparent;
	color:  var(--va-btn-primary-color-text);
	color: var(--va-btn-primary-color);
	border-color: var(--va-btn-primary-color);
}
.btn-outline-primary:hover {
	color:  var(--va-btn-outline-primary-color-text-hover);
	background-color: var(--va-btn-primary-color);
	border-color: var(--va-btn-primary-color);
}
.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
	box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.5);
}
.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
	color: var(--va-btn-outline-primary-color-text-hover);
	background-color: var(--va-btn-primary-color);
	border-color: var(--va-btn-primary-color);
}
.btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {
	box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.5);
}
.btn-outline-primary:disabled, .btn-outline-primary.disabled {
	color: var(--va-btn-primary-hover);
	background-color: transparent;
}


.form-control:focus{
	border-color: #ffc250;
	box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.25);
}

/* end from bootstrap */















.arrowbutprev, .arrowbutnext {
	padding:10px !important;
	height:50px;
	width:50px;
}

.arrowbutnext {
	background-image:url(/pictures/arrow.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-size:20px 14px;
}
.arrowbutnext:hover {
	background-image:url(/pictures/arroww.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-size:20px 14px;
}
.arrowbutprev{
	background-image:url(/pictures/arrowl.svg);
	background-repeat:no-repeat;
	background-position: center center;	
	background-size:20px 14px;
}
.arrowbutprev:hover{
	background-image:url(/pictures/arrowlw.svg);
	background-repeat:no-repeat;
	background-position: center center;	
	background-size:20px 14px;
}




.arrow, .btn-primary.arrow, .btn-outline-primary.arrow {
	padding-right:50px ;
	transition: background 0.2s ease;
}
.arrow {
	background-image:url(/pictures/arrow.svg);
	background-repeat:no-repeat;
	background-position: right 20px   center;
	background-size:20px 14px;
}

.btn-primary.arrow , .dark-theme .btn-outline-primary.arrow{
	background-image:url(/pictures/arroww.svg);
	background-repeat:no-repeat;
	background-position: right 20px   center;
	background-size:20px 14px;
	
}
.dark-theme .btn-primary.arrow, .bg-white.btn-primary.arrow {
	background-image:url(/pictures/arrow.svg);
	background-repeat:no-repeat;
	background-position: right 20px   center;
	background-size:20px 14px;
}




.arrow:hover{
	background-image:url(/pictures/arroww.svg);
	background-repeat:no-repeat;
	background-position: right 10px center;

}

.btn-primary.arrow:hover{
	background-image:url(/pictures/arroww.svg);
	background-repeat:no-repeat;
	background-position: right 10px center;

}

.dark-theme .btn-primary.arrow:hover, .dark-theme .btn-outline-primary.arrow:hover{
	background-image:url(/pictures/arrow.svg);
	background-repeat:no-repeat;
	background-position: right 10px center;

}


.btn-outline-primary:hover, .btn-outline-primary:active, .btn-outline-primary:focus {


	
}
.btn-outline-primary.btn-round, .btn-outline-secondary{
	background: none;
	
	border-radius: 50px;
}



.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
	color: #fff !important;
	background-color: #251c1a;
}
.nav-pills .nav-link:hover, .nav-pills .nav-link:focus{
	color: #000 !important;
	background-color: #909090 !important;
}

.nav-link {
	color: var(--va-color-a);
}
@media (max-width: 1200px) and (min-width: 993px) {
	.nav-link {
		padding: .5rem .5rem;
		text-align:center;
		
		line-height:100%;
	}
	
	.nav-link SPAN{ 
		white-space: nowrap;
	}
	
	
	.navbar UL LI:first-child .nav-link SPAN { 
		white-space: nowrap;
	}
	
}
.nav-link:hover, a.nav-link:hover,  a.nav-link:focus {
	color: var(--va-color-a) !important;
	background-color:var(--va-btn-primary-hover) !important;
}
.nav-link.active {
	color: var(--va-color-a) !important;
	
	background-color:var(--va-btn-primary-hover) ;
}

.nav-tabs  .nav-link, 
.nav-tabs .nav-link.active {
	background-color: none !important;
	
}
.nav-tabs .nav-link {
	color: var(--va-color-ahover) !important;
}
.nav-tabs .nav-link.active {
	color: var(--va-color-a) !important;
}


/*--------------------------------------------------------------
# Sections
--------------------------------------------------------------*/
section {
	overflow: hidden;
	padding: 30px 0 30px 0;
}


.volnagold3 {
	background:url(/pictures/volnagold3.png)  right bottom no-repeat;
	background-size: auto 100%; 
}


.about-details{
	padding:0px;
}
.about-details .swiper-slide{
	text-align:center;
	max-height:500px;
	overflow:hidden;
	align-items:center;
	display:flex;
}
.about-details .swiper-slide IMG{
	width:100%; 
} 
	 
/* Section with background
--------------------------------*/
.section-bg, .background2 {
	background-color: var(--va-color-bg2); /*#ffffff;*/
	color:var(--va-color-text); /* #000000; */
}
.volnagold2 {
	background-image:url(/pictures/volnagold1.png), url(/pictures/volnagold2.png);
	background-position: left bottom, right top;
	background-repeat: no-repeat, no-repeat;
	background-size: 25% auto, 20% auto; 
}

@media (max-width: 1900px) {

}
@media (max-width: 1900px) and (min-width: 993px) {


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


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

 
}

/* Sections Header
--------------------------------*/
.section-header h1,.section-header h2,.section-header h3, .section-header .h1,.section-header .h2,.section-header .h3 {
	
	
	color:#AA8051;
	
	text-align: center; 
	position: relative;
	
}
.section-header.left h3{
	text-align: left;
}
.section-header h1  {
	line-height:100%;
}
.section-header h2  {
	line-height:100%;
}
.section-header h3  {
	line-height:100%;
}
.section-header h1 A,.section-header h2 A,.section-header h3 A {
	
	color:#ca944f;
}
.section-header h1 A:hover,.section-header h2 A:hover,.section-header h3 A:hover {
	color:#db9946;
}


.section-header p {
	text-align: center;
	margin: auto;
	font-size: 16px;
	padding-bottom: 60px;
	color: #ca944f;
	width: 50%;
}
@media (max-width: 767px) {
	.section-header p {
		width: 100%;
	}
}



/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/


.path , .path A{
	color:#999;
}
.path B { 
	font-weight:normal;
	font-family: 'Forum-Regular';
	margin:0px 8px 0px 8px;
}
.path A{ 

}


.breadcrumbs {
	font-size: 80%;
	padding: 10px 0;
	color:#999;	
	margin-bottom:20px;
}
@media (max-width: 992px) {
	.breadcrumbs {
		
	}
}

.breadcrumbs ol {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 14px;
}
.breadcrumbs ol li + li {
	padding-left: 10px;
}
.breadcrumbs ol li + li::before {
	display: inline-block;
	padding-right: 10px;
	color: #777;
	content: "/";
}
@media (max-width: 768px) {
	.breadcrumbs .d-flex {
		display: block !important;
	}
	.breadcrumbs ol {
		display: block;
	}
	.breadcrumbs ol li {
		display: inline-block;
	}
}

/* About Us Section
--------------------------------*/
.about {
	background: #fff;
	padding: 60px 0;
}


 .about-extra h1,
 .about-extra h2,
 .about-extra h3 {
	color:#ca944f; /* yellow2 */
	/*font-family: 'stixtwotext',  'times new roman';*/
	 
}


.about-extra h1 {
	font-size:50px !important;
	line-height:100%;
}


 .about-extra h2 {
	font-size:42px !important;
	line-height:100%;
	
}


.about-extra p {
	
	/*font-family: 'times new roman';*/
	/*font-size:28px !important;*/
}


/*
.color3{color:#fecd80 !important;}  
.color31{color:#ff9f08 !important;}  

.color4{color:#ba7639 !important.}   */



.about .about-container .background {
	margin: 20px 0;
}
.about .about-container .content {
	background: #fff;
}
.about .about-container .title {
	color: #333;
	font-weight: 700;
	font-size: 32px;
}
.about .about-container p {
	line-height: 26px;
}
.about .about-container p:last-child {
	margin-bottom: 0;
}
.about .about-container .icon-box {
	background: #fff;
	background-size: cover;
	padding: 0 0 30px 0;
}
.about .about-container .icon-box .icon {
	float: left;
	background: #fff;
	width: 64px;
	height: 64px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	border: 2px solid #ca944f;
	transition: all 0.3s ease-in-out;
}
.about .about-container .icon-box .icon i {
	color: #ca944f;
	font-size: 24px;
	line-height: 0;
}
.about .about-container .icon-box:hover .icon {
	background: #ca944f;
}
.about .about-container .icon-box:hover .icon i {
	color: #fff;
}
.about .about-container .icon-box .title {
	margin-left: 80px;
	font-weight: 600;
	margin-bottom: 5px;
	font-size: 18px;
}
.about .about-container .icon-box .title a {
	color: #283d50;
}
.about .about-container .icon-box .description {
	margin-left: 80px;
	line-height: 24px;
	font-size: 14px;
}
.about .about-extra {
	padding-top: 60px;
}
.about .about-extra h4 {
	font-weight: 600;
	font-size: 24px;
}




.swiper-pagination {
	margin-top: 20px;
	position: relative;
}
.swiper-pagination .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	background-color: #fff;
	opacity: 1;
	border: 1px solid #ca944f;
}
.swiper-pagination .swiper-pagination-bullet-active {
	background-color: #ca944f;
}




/* Contact Section
--------------------------------*/
#contact {
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
  padding: 60px 0;
  overflow: hidden;
}
.contact .section-header {
  padding-bottom: 30px;
}
.contact .contact-about h3 {
  font-size: 36px;
  margin: 0 0 10px 0;
  padding: 0;
  line-height: 1;

  font-weight: 300;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #ca944f;
}
.contact .contact-about p {
  font-size: 14px;
  line-height: 24px;
  
  color: #888;
}
.contact .social-links {
  padding-bottom: 20px;
}
.contact .social-links a {
  font-size: 18px;
  display: inline-block;
  background: #fff;
  color: #ca944f;
  line-height: 1;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 50%;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
  border: 1px solid #ca944f;
}
.contact .social-links a:hover {
  background: #ca944f;
  color: #fff;
}
.contact .info {
  color: #283d50;
}
.contact .info i {
  font-size: 32px;
  color: #ca944f;
  float: left;
  line-height: 0;
}
.contact .info p {
  padding: 0 0 10px 36px;
  line-height: 28px;
  font-size: 14px;
}
.contact .php-email-form .error-message {
  display: none;
  color: #fff;
  background: #ed3c0d;
  text-align: left;
  padding: 15px;
  font-weight: 600;
}
.contact .php-email-form .error-message br + br {
  margin-top: 25px;
}
.contact .php-email-form .sent-message {
  display: none;
  color: #fff;
  background: #18d26e;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}
.contact .php-email-form .loading {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
}
.contact .php-email-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid #18d26e;
  border-top-color: #eee;
  -webkit-animation: animate-loading 1s linear infinite;
  animation: animate-loading 1s linear infinite;
}
.contact .php-email-form input, .contact .php-email-form textarea {
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
}
.contact .php-email-form input:focus, .contact .php-email-form textarea:focus {
	border-color: #ca944f;
}
.contact .php-email-form input {
  padding: 10px 15px;
}
.contact .php-email-form textarea {
  padding: 12px 15px;
}
.contact .php-email-form button[type=submit] {
	background: #ca944f;
	border: 0;
	border-radius: 20px;
	padding: 8px 30px;
	color: #fff;
	transition: 0.3s;
}
.contact .php-email-form button[type=submit]:hover {
	background: var(--va-btn-primary-hover);
	cursor: pointer;
}
@-webkit-keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
	background-color:var(--va-color-bg-footer);
	
	
	padding: 0 0 30px 0;
	color: #fff;
	font-size: 14px;
	
	
}
.print  #footer{
	background: #fff;
	padding: 0 0 30px 0;
	color: #000;
	font-size: 1rem;
	
	
	box-shadow: none;
}
#footer p {
	margin:15px 0px 15px 0px;
}

#footer a {
	color: #fff;
}
.print  #footer a {
	color: #000;
}
#footer a:hover {
	color: #fecd80;
}


.bg-footer{
	background: var(--va-color-bg-footer);
}
#footer .footer-top {
	background-color:var(--va-color-bg-footer);
	/*background: linear-gradient(180deg, rgba(42, 79, 133, 0) 50%, rgba(42, 79, 133, 1) 100%), url(/pictures/footer1_1.jpg) no-repeat center top #2a4f85;*/
	
	background-size:cover;
	padding: 30px 0 30px 0;
	
	/*border-top:1px solid #b69d6a;*/
	border-bottom:0px solid #bbb;
}
.print #footer .footer-top {
	background-color:#fff; 
	padding: 0;
}


#footer .copyright {
	text-align: left;
	padding-top: 30px;
}
#footer .credits {
	text-align: center;
	font-size: 13px;
	color: #f1f7ff;
}
#footer .credits a {
	color: #bfddfe;
}
#footer .credits a:hover {
	color: #f1f7ff;
}





.inner-page{
	
	margin-top: 100px;
	min-height:300px; 
	padding-bottom:30px;
}
@media (max-width: 992px) {
	.inner-page {
		margin-top: 60px;
	}
}

.inner-page h1, .inner-page h2, .inner-page h3, .inner-page h4, .inner-page h5, .inner-page h6 {

}





/* Карусель */

#carouselCaptions{
	width:100%;
	/*min-height: calc(100vh );*/
	margin:0 auto ;  
	background:var(--va-color-bg);
}
#carouselCaptions .carousel-inner{
	width:100%;
	height:100vh;
	margin:0px auto;
	
}
#carouselCaptions .carousel-item{
	/*box-shadow:inset 0px 0px 100px 100px rgba( 0, 123, 255, 0.5); */
	
	background-size:contain;
	width:100%;
	height:100vh;
	
	color:#fff;
}
#carouselCaptions .carousel-item H2{
	color:#fff;
}
#carouselCaptions .carousel-item .video-wrapper{
	display:flex;
	justify-content:center;
	
	width:100%;
	height:auto;
}
#carouselCaptions .carousel-item .video-wrapper VIDEO {
	
	width:100%;
	height:auto;
	
}

#carouselCaptions .carousel-item .video-wrapper {
	background-size:100% auto;
}	
@media (max-width: 574px) {
	
	#carouselCaptions .carousel-item .video-wrapper VIDEO {		
		width:auto;
		height:100%;		
	}
	#carouselCaptions .carousel-item .video-wrapper {
		background-size:auto 100%;
	}	
}




.sdate{
	color:#fff;
	background:#98c834;
	border-radius:5px;
	padding:2px 10px 2px 10px;
	margin:5px 0px 10px 0px;
	display:inline-block;
	font-size:80%; 
	
}
.page-link{
	height:40px !important; 
	min-width:50px;
	text-align:center;
	border-radius:2px;
	color:#6d9617; 
}
.page-link:hover{
	color: #98C834;
}
.page-item.active .page-link{
	background-color: #98C834;
	border-color: #98C834;
}
/*цвета #262626   #17431F   #98C834 #6d9617*/

.page-link .bi::before{
	margin-top:-10px;
	position:absolute;
}
.page-link I.bi-arrow-right-short{
	margin:4px 0px 0px -20px;
	position:absolute;
}
.page-link I.bi-arrow-left-short{
	margin:4px 0px 0px -20px;
	position:absolute;
}


A.toforwd {
	padding-right:36px;
}
A.toback {
	padding-left:40px;
	font-size:1rem;
}
.toback .bi::before{ 
	margin-left:-30px;
}

.toforwd .bi::before, .toback .bi::before{ 
	font-size:33px;
	line-height:0px;
	margin-top: 12px;
	position:absolute;
}


.w100{width:100%;}
.flr{float:right;}
.fll{float:left;}

.licheck.ml50 {
	margin-left:50px;
}


.licheck {
	margin:20px 0px 20px 0px;
}
.licheck.ml70 {
	margin-left:70px;
}



.liround {list-style: none;}
.liround li::before {
	content: "\2022"; 
	color: #bac8cf;
	margin:4px  15px 0px -30px;
	font-size:20px;
}

.licheck li , .liround li{
	list-style: none;
	margin:0px 0px 10px 0px;
	padding:0px;
	/*list-style-image:url(/images/icons/check.svg);
	list-style-position:outside;*/
	
}
.licheck li::before {
	content: '';
	
	position:absolute;
	display: inline-block;
	height: 20px;
	width: 20px;
	margin:4px  15px 0px -30px;
	background-image: url(/pictures/checkg.svg);
	background-size:20px 20px;
	background-position:left bottom;
	background-repeat:no-repeat;
}
.licheck li.opa0::before{
	background:none;
}


.cursor{
	cursor:pointer;
}
.clear{
	clear:both;
}

.right{ text-align:right!important;}
.center{ text-align:center!important;}
.left{ text-align:left;}

.mob{display:none;}
.mobi{display:none;}
.nomob{display:block;}
.nomobi{display:inline-block;}
@media (max-width: 768px) {
	.mob{display:block;}
	.mobi{display:inline-block;}
	.nomob{display:none !important;}
	.nomobi{display:none;}
}



.dpage{
	
}
.imgstyle{
	box-shadow: 5px -5px 0px #fecd80;
	border-radius:2px;
}
.lh100{line-height:100%;}
.lh80{line-height:80%;}


.mini{
	font-size:80%;
}
.bold{
	font-weight:bold;
}

.card-char{
	font-size:100%;
}
.card-char DIV{
	border-bottom:1px solid   #f0f0f0;
	margin-top:4px;
	margin-bottom:4px;
}
.card-char DIV SPAN{
	background-color: #fff;
	
}

HR { 
	 border:0px;
	 border-bottom:1px solid #909090;
}


.ymaps-2-1-79-ground-pane , .grayscale1, .YmapGrey{
	filter: grayscale(1);
	-webkit-filter: grayscale(1);
}




.brad25, .brd25{
	border-radius:25px !important;
}

.brad5, .brd5, .fotorama__stage{
	border-radius:5px;
}

.imgright{
	border-radius:5px;
	float:right;
	margin: 6px 0px 20px 20px;
	max-width:calc(30% - 20px);
	
}
@media (max-width: 400px) {
	
	.imgright {
		max-width:100%;
		float:none;
	}
}

.imgleft {
	float:left;
	margin: 0px 20px 20px 0px;
	border-radius:5px;
}
.imgmini {
	margin: 0px 20px 20px 0px;
	border-radius:5px;
	max-width:100%; 
}
.card .imgmini {
	margin: 0px auto 10px auto;
	max-width:auto !important;
	max-height:200px;
	border-radius:5px ;
}
.card .card-img-top{
	width:100%; 
}

.card{
	height:calc(100% - 24px); 
	padding:20px !important;
	
	border-radius:var(--va-border-radius);
	background-color:var(--va-card-background-color);
	border:0px;
}
.card IMG{
	border-radius:var(--va-border-radius); 
	margin-bottom:1.5rem;
}
.card .row {
	margin-bottom:1.5rem;
}



.imgmid{
	max-height:300px;
}

.imgleft {
	max-width:calc(50% - 20px);
}

@media (max-width: 400px) {
	.bg-green{
		padding: 10px 20px 10px 20px ;
	}
	.imgleft {
		max-width:100%;
		float:none;
	}
}



.sdate{
	color:#fff;
	background:#ca944f;
	border-radius:2px;
	padding:2px 10px 2px 10px;
	margin:5px 0px 10px 0px;
	display:inline-block;
	font-size:80%; 
	
}
.page-link{
	height:40px !important; 
	min-width:50px;
	text-align:center;
	border-radius:2px;
	color:#ca944f; 
}
.page-link:hover{
	color: var(--va-btn-primary-hover);
}
.page-item.active .page-link{
	background-color: #ca944f;
	border-color: #ca944f;
}
/*цвета  var(--va-btn-primary-hover) #ca944f*/

.page-link .bi::before{
	margin-top:-10px;
	position:absolute;
}
.page-link I.bi-arrow-right-short{
	margin:4px 0px 0px -20px;
	position:absolute;
}
.page-link I.bi-arrow-left-short{
	margin:4px 0px 0px -20px;
	position:absolute;
}

.red{
	color:red;
}
.ok{
	background:green;
	color:#fff;
	font-weight:bold;
	padding:2px 4px 2px 4px;
	text-align:center;
}
.error{
	background:red;
	color:#fff;
	font-weight:bold;
	padding:2px 4px 2px 4px;
	text-align:center;
}

.brd0 {
	border:0px;
}



#but_sendzayavka, #but_ozvonok{
	
	width:230px;
	height:40px;
	border-radius:20px 0px 0px 20px;
	
	bottom:120px;
	
	padding: 5px 0px 5px 50px;
	background:url("/pictures/callw.svg") 10px center no-repeat #ca944f;
	background-size:32px 32px;
	position:fixed;
	right:-180px;
	color:#fff;
	font-weight:bold;
	font-size:18px;
	cursor:pointer;
	
	
	transition: 0.5s;
	z-index:100;
}

#but_ozvonok:hover, .but_ozvonok:hover  {
	right:0px;
	background:url("/pictures/callw.svg") 10px center no-repeat  #ca944f;
	background-size:32px 32px;
}


#but_sendzayavka{
	bottom:60px;
	padding: 5px 0px 5px 10px;
	background: #ca944f;
}
#but_sendzayavka .bi{
	width:40px;
	height:40px;
	float:left;
	text-align:center;
	font-size:22px;
}

#but_sendzayavka:hover {
	right:0px; 
}


@media (max-width: 768px) {
	
	#but_ozvonok{
	 
	}
	
}



#preload {
	
	position: fixed;
	top: 0;
	bottom:0;
	left: 0;
	width: 100%; 
	height:100vh;
	text-align: center;
	display:flex;
	z-index: 1000;
	align-items:center;
	justify-content:center;
	
	flex-direction: column;
	
	transition: all 2s ease;
	
	
	background: var(--va-color-bg);
	color:#fff;
	/*background:url("/pictures/logo_gv.png") center center no-repeat #202020;
	background-size:250px auto;*/
	
}
#preload .logopreload{
	width:300px;
	height:auto;
}
#preload .logopreloadva{
	width:400px;
	height:auto;	
}
#preload IMG, #preload DIV{
	opacity:0;
	transition: all 1.5s ease;
}

 #preload.slideup {
	transform: translateY(-200%);
	transition: all 3s ease;
}

#preload.show IMG, #preload.show DIV {

	opacity:1;
}

@media (max-width: 1366px) {
	
	#preload {
				
		/*background:url("/pictures/logo_gv.png") center center no-repeat #202020;
		background-size:200px auto;*/
		
	}
	#preload .logopreload{
		width:300px;
	}
	#preload .logopreloadva{
		width:300px;
	}
	
}
@media (max-width: 768px) {
		
	#preload {
		/*background:url("/pictures/logo_gv.png") center center no-repeat #202020;
		background-size:150px auto;*/
	}
	#preload .logopreload{
		width:200px;
	}
	#preload .logopreload1{
		width:200px;
	}
	
}



#header.bannerlineshift{
	top:36px !important;
}
#main.bannerlineshift{
	padding-top:36px !important;
} 


.bannerline{
	background:#ca944f;
	color:#fff !important;
	
	text-align:center;
	width:100%;
	height:36px; 
	line-height:36px;
	font-size:22px;
	position:fixed;
	top:0px;
	left:0px;
	z-index:103;
	overflow:hidden;
}
.bannerline A{
	color:#fff !important;
}
@media (max-width: 768px) {		
	.marquee{
		white-space: nowrap;
		animation: marquee 15s infinite linear; 
	}
	@keyframes marquee{
		0% {
			transform: translateX(100%)
		}
		100% {
			transform: translateX(-200%)
		}
	}
}





.dico_wp{
	background: url(/pictures/ico_whatsapp.png) 0px 0px no-repeat;
	background-size:100% 100%;
	
	display:inline-block;
	width:30px;
	height:30px;
	margin:0px 10px 0px 10px;
	
}
.dico_telega{
	
	background: url(/pictures/ico_telegram.png) 0px 0px no-repeat;
	background-size:100% 100%;
	
	display:inline-block;
	width:30px;
	height:30px;
	margin:0px 10px 0px 10px;
	
}
.dico_vk{
	
	background: url(/pictures/ico_vk.png) 0px 0px no-repeat;
	background-size:100% 100%;
	
	display:inline-block;
	width:30px;
	height:30px;
	margin:0px 10px 0px 10px;
	
}

@media (max-width: 766.98px) {	
	
	.dico_wp, .dico_telega, .dico_vk {		
		width:22px;
		height:22px;
		margin:5px;		
	}

}


@media ( (min-width: 992px)  AND (max-width: 1280px) ) {
	.mmenu-lg-none{
		display:none;
	}
}


@media (min-width: 576px) {
	.modal-dialog {
		margin: 15vh auto;
	}
}


.logo_winner.firstpage{
	opacity:0;
	transition: all 0.5s ease-in-out;
}
.header-scrolled .logo_winner.firstpage{
	opacity:1;
}

.logo_winner{
	background:url(/images/poselok_goda_2025_winner.png) no-repeat right 8px top;
	background-size:contain; 
	position:fixed;
	width:140px;
	height:180px;
	right:0px;
	top:90px;
}
.bannerlineshift .logo_winner{
	top:calc(90px + 36px);
}
@media(max-width: 2000px)  {

	.logo_winner{ 
		background:url(/images/poselok_goda_2025_winner.png) no-repeat right 8px top;
		background-size:contain; 
 		top:90px;
		height:110px; 
	}
	
	
}

@media(max-width: 1000px)  {

	.logo_winner{ 
		background:url(/images/poselok_goda_2025_winner.png) no-repeat right 8px top;
		background-size:contain; 
 		top:70px; 
		height:70px;
		width:55px;
	}
	
	.bannerlineshift .logo_winner{
		top:calc(70px + 36px);
	}

}





#cookiealert {

	width: calc(100% - 40px);
	position:fixed;
	bottom:0px;
	background:#fff;
	color:#000;
	box-shadow:0px 0px 10px #777;

	padding:15px  ;
	border-top:1px solid #ddd;
	border-radius:10px;
	z-index:100000000001;
	opacity:0.8;
	margin:20px 20px 5px 20px ;
}
#cookie-accept{ 
}
@media (max-width: 767.98px) {
	#cookiealert {
		width: 100%;
		padding:10px 10px 10px 10px;
		margin:0px;
		border-radius:0px;
	}
	
	.modal-dialog {
		margin: 0px auto;
	}
	.modal-body h2{
		margin:0px !important;
	}
	
}




/*== Новогодний подарок ==*/

.popup_podarok {
	background:url(/images/podarok.png) no-repeat center center;	
	position:fixed;
	width:350px;
	height:200px;
	left:-100px;
	bottom:-30px;
	z-index:100;
	color:#000; 
}
.popup_podarok .closepodarok{
	position:absolute;
	box-shadow:0px 0px 20px rgba(0,0,0,0.2);	
	background: rgba(255,255,255,0.8);
	display:block;
	margin: 80px 0px 0px 595px;
	padding:0px;
	text-align:center;
	border-radius:20px;
	
	width:20px;
	height:20px;
	font-size:100%; 
	line-height:100%;
	cursor:pointer;
}

.popup_podarok #butpodarok{
	position:absolute;
	box-shadow:0px 0px 20px rgba(0,0,0,0.2);
	background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 10%);
	display:block;
	margin: 100px 0px 0px 282px;
	padding:15px 30px 15px 60px;
	
	border-radius:0px 50px 50px 0px;
	font-weight:bold;
	width:320px;
	font-size:130%;
	line-height:100%;
	cursor:pointer;
	color:#9a5e11;
}
.popup_podarok #butpodarok:hover{
	color:#FFA100;
}

@media(max-width: 1200px)  {
	
	
	.popup_podarok {
		background:url(/images/podarok.png) no-repeat center center;	
		background-size:cover;
		width:200px;
		height:150px;
		left:-120px;
	}
	.popup_podarok #butpodarok{
		position:absolute;
		
		margin: 70px 0px 0px 150px;
		padding:8px 20px 8px 40px;
		
		border-radius:0px 50px 50px 0px;
		font-weight:bold;
		width:240px;
		font-size:100%;
	}
	
	.popup_podarok .closepodarok{
		position:absolute;
		margin: 50px 0px 0px 380px;
		padding:0px;
		border-radius:20px;
		
	}
	
	
}

.div_podarok{

	background-color: rgba(0, 0, 0, 0.5);  
	background-image: url(/images/banners/4winter1.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-blend-mode: darken; /* или multiply, overlay */
	background-size: cover;
	
	text-shadow:2px 2px 10px #000;
	
	position:relative;
	margin:-16px -16px -16px -16px;
	height:100%;
	width:calc(100% + 32px);
	border-radius:0px 0px 4px 4px;
	padding:10px;
}

.colorh2 {
	color:#FFA100 !important;
	text-shadow: 2px 2px 5px rgba(0,0,0,0.5);
}


.sendpodarok{
	background:rgba(0,0,0,0.6);
	padding:20px;
	color:#fff;
	border-radius:20px;
	max-width:400px;
	margin:0px auto;
}
.div_podarok .btn-primary {
	background-color:#FFA100; 
	line-height:100%;
	
	width:100%:
}
.div_podarok .form-control   {
	background:rgba(0,0,0,0.6);
	color:#fff;
	border-radius:20px;
	border-color:rgba(0,0,0,0.6);
	padding-left:20px;
}



.divtime{
	background:rgba(0,0,0,0.6);
	padding:50px;
	border-radius:20px;
	width:120px;
	height:120px;
	display:flex;
	flex-column:row;
	align-items:center;
	justify-content:center;
	flex-direction: column;
	margin:0px 20px 20px 0px; 
	color:#fff;
	text-align:center;
	font-weight:bold;
	font-size:140%; 
}
.divtime div.time{
	font-size:200%; 
	height:50px;
}