@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans+Extra+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans+Extra+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Noto+Serif+Display:ital,wght@0,100..900;1,100..900&display=swap');
body {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	background-color: #fff;
	color: #111;
	font-family: "Mulish", sans-serif;
	
  font-optical-sizing: auto;
  font-style: normal;
	font-size: auto;
	letter-spacing: normal;
	background: rgb(255,255,255);
	
	accent-color: black;
	scroll-behavior: smooth;
	/*font-family: "Fira Sans Extra Condensed", sans-serif;*/
  font-weight: 100;
}
* {
	/*outline: 1px solid red !important;*/
 }
* {
  box-sizing: border-box;
}
main {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}
.rozdil {
	width: 70%;
	size:1px;
	border-bottom:1px solid #ececec;
	margin: 4vh auto;
}
a {
	color:royalblue;
	font-weight: 600;
}
p {
	width: 99%;
	padding: 20px;
	border-radius: 10px;
	box-sizing: border-box;
	margin: 30px auto;
}
html {
	scroll-behavior: smooth;
	scroll-padding-top: 110px;
}
.payment {
	display: flex;
	justify-content: space-between;
	align-content: center;
	flex-direction: row;
	gap:1vw;
	width: 100%;
	height: 8vh;
	max-height: 46px;
	/*border:1px solid #F1F1F1;*/
	background-color: #f1f1f1;
	margin: 3vh auto;
	overflow-x: scroll;
	padding: 5px 0;
	scroll-snap-align: left;

}
.payment img {
	object-fit: contain;
	max-height: 100%;
	max-width: 100%;
	height: auto;
	width: auto;
	
}
.payment::-webkit-scrollbar {
  width: 0;
	height:4px;
	
}

.payment::-webkit-scrollbar-track {
  background: #fff;
	width: 0;
	height:4px;
}

.payment::-webkit-scrollbar-thumb {
  background-color: #3b0459;
	width:0;
	height:4px;
	border-radius: 2px;
} 
@media (width <= 700px) {
	.payment::-webkit-scrollbar {
  width: 0;
	height:0;
}

.payment::-webkit-scrollbar-track {
	width: 0;
	height:0;
}

.payment::-webkit-scrollbar-thumb {
	width:0;
	height:0;
} 
}
.window {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	width: 100%;
	height: 100%;
margin: 0 auto;
	box-sizing: border-box;
	padding: 0;
}
.window1 {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	margin: 0 auto;
	flex:2;
	min-width: 350px;
}
.window2 {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	padding: 0 0 0 10px;
	box-sizing: border-box;
	flex:4;
	min-width: 350px;
	background-color: black;
}
@media (width <= 700px) {
	.window2 {
		padding: 0 0 0 0;
	}
	.window {
		flex-direction: column-reverse;
	}
}
.forh2 {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: row;
	font-size: 250%;
	font-weight: 300;
	color: black;
	position: relative;
	padding-left: 20px;
	
}
.cam_bot {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding-bottom: 25px;
	box-sizing: border-box;
	z-index: 0;
}
.cam_bot a {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: center;
	height: 100%;
	width: auto;
	/*border:1px solid #777;*/
	
	position: relative;
	
	z-index: 0;
}
.cam_bot  video, img {
	object-fit: cover;
	object-position: left center;
	width: 100%;
	height: 100%;
	z-index: 0;
}
.cam_bot1 {
	display: flex;
	flex-direction: row;
	justify-content:center;
	align-items: center;
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	margin-bottom: -20px;
	background-color: white;
	
	z-index: 0;
}

.img_logo {
	height: auto;
	display: flex;
		justify-content: space-between;
	align-items: stretch;
	flex-direction: row;
	flex-wrap: wrap;
	gap:20px;
	position: relative;
	margin: 30px 0 10px;
}
@media (width <= 600px) {
	.img_logo {
	flex-wrap: wrap;

		overflow-x: scroll;
		white-space: nowrap;
		gap:10px;
		margin: 30px 0;
	padding: 15px 0;
		height: 110px;
}
	.img_logo2 {
	padding: 0;
		height: 40px;
	}
	
}
.img_logo::-webkit-scrollbar {
  width: 3px;
	height:0;
}

.img_logo::-webkit-scrollbar-track {
  background: #D1D1CC;
	width: 3px;
}

.img_logo::-webkit-scrollbar-thumb {
  background-color: #3b0459;
	background-color: #D70101;
	width: 3px;
	border-radius: 1.5px;
} 
.img_logo2  {
	height: 40px;
	width: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	flex-wrap: nowrap;
	white-space: wrap;
	position: relative;
	padding: 0 10px;
}

.img_logo2 span  {
	font-size: 70%;
	width: 100%;
	justify-content: flex-start;
	align-items: center;
	color: #111;
	display: none;
	white-space: nowrap;
	font-weight: 500;
	overflow: visible;
}
.img_logo2:hover  span{
	display: flex;
	position: absolute;
	bottom: 0;
	transform: translateY(100%);
	left: 0;
	background: white;
}
.img_logo2 img  {
	height: 100%;
	width: auto;
}

.vstanovlenoX {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: auto;
	margin: 0 auto 20px;
	background-color: white;
	border: 1px solid #D2D2D2;
}


.vstanovlenoX img {
	object-fit: contain;
	width: 60%;
	height: 80%;
}
.vstanovlenoX #lefta {
	display: flex;
	flex-direction: column;
	justify-content:flex-start;
	align-items: flex-start;
	height: auto;
	width: 96%;
	min-width: 300px;
	color: #454444;
	text-decoration: none;
	padding-bottom: 5px;
}
.vstanovlenoX #righta {
	display: flex;
	flex-direction: row;
	justify-content:center;
	align-items: center;
	height: auto;
	width: 96%;
	min-width: 300px;
	color: #454444;
	text-decoration: none;
	padding: 15px 0 0 0;
}
.vstanovlenoX a {
	display: flex;
	flex-direction: row;
	justify-content:flex-start;
	align-items: center;
	height: 100%;
	width: 100%;
	font-size: 80%;
	color: #525151;
	text-decoration: none;
	font-weight: 500;
	border: 2px solid transparent;
	box-sizing: border-box;
	padding: 5px ;
	margin-bottom: 2px;
	border-radius: 3px;
}
.vstanovlenoX a:hover {
	color: #000;
	border: 2px solid #000;
	transition: all 0.5s ease
}
.vstanovleno_up {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: stretch;
	width: 100%;
	font-weight: 500;
	font-size: 85%;
	gap:3px;
	color: black;
	letter-spacing: 1px;
	box-sizing: border-box;
}
.vstanovlenoX span1 {
	font-size: 110%;
	color: #000;
	font-weight: 700;
}
.vstanovlenoX span1x, span2x, span3x, span4x, span5x, span6x {
	display: flex;
	flex-direction: row;
	justify-content:flex-start;
	align-items: center;
	height: 100%;
	padding: 6px 0;
	width: auto;
}
.vstanovlenoX  span6x {
	display:inline-flex;
	flex-direction: row;
	justify-content:flex-start;
	align-items: center;
	white-space: nowrap;
	width: 25%;
	height: auto;
	font-weight: 500;
	color: black;
	font-size: 140%;
}
.vstanovlenoX  span61x {
	display:inline-flex;
	flex-direction: row;
	justify-content:flex-start;
	align-items: center;
	white-space: wrap;
	width: 75%;
	height: auto;
	font-weight: 500;
	color: black;
	font-size: 100%;
}
.vstanovlenoX  span62x {
	display:inline-flex;
	flex-direction: row;
	justify-content:flex-start;
	align-items: center;
	white-space: nowrap;
	width: 25%;
	height: auto;
	font-weight: 700;
	color: black;
	font-size: 140%;
	padding: 5px;
}
.vstanovlenoX span8 {
	display: flex;
	flex-direction: row;
	justify-content:center;
	align-items: center;
	height: 100%;
	width: 100%;
	padding: 6px ;
	font-size: 190%;
	font-weight: 500;
	color: #111;
}


.magnitola1s {
	display: flex;
	width: 98%;
	height: auto;
	box-sizing: border-box;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 0px;
	line-height: 100%;
	border-radius: 6px;
	overflow: hidden;
	gap:0;
}
.magnitola1sd {
	display: flex;
	width: 100%;
	height: auto;
	box-sizing: border-box;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 5px;
	line-height: 100%;
	overflow: hidden;
	gap:0;
	margin-bottom: 20px;
}
.magnitola1sd img {
	height: auto;
	width: 25%;
}
.magnitola1sd strong {
		font-size: clamp(1rem,4vh,3rem);
font-weight: 400;
}
.magnitola1sd span7t {
		font-size: clamp(0.9rem,1vh,2rem);
font-weight: 200;
	width: 75%;
}
.magnitola1s img {
	height: auto;
	width: auto;
	object-fit: contain;
	max-width: 100%;
	max-height: 100%;
}
.magnitola1s  a{
	display: inline-flex;
	width: 100%;
	height: auto;
	box-sizing: border-box;
	padding: 0px;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	color: #000;
	margin: 0;
	padding: 2px;
	position: relative;
	line-height: 100%;
	font-size: clamp(0.9rem,2vw,1.1rem);
	font-weight: 300;
	border-radius: 4px;
	gap:0;
}
.magnitola1s  a:hover{
	background-color: #E7E7E7;
}
.magnitola1s  spanimg{
	display: flex;
	width: 15%;
	height: auto;
	box-sizing: border-box;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	margin: 0 0;
	padding: 0;
}
.magnitola1s  spanleft{
	display: flex;
	width: 100%;
	height: auto;
	box-sizing: border-box;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	text-decoration: none;
	margin: 0 0;
}
.magnitola1s  spanright{
	display: flex;
	width: auto;
	height: 100%;
	white-space: nowrap;
	
	box-sizing: border-box;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	margin: 0 0;
	font-weight: 600;
	padding: 2px 10px;
}
.magnitola1s  spancenter{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	font-weight: 300;
	font-size: 1.4rem;
	padding: 10px;
	margin-bottom: 20px;
	border-bottom:1px solid #626262;
}
.vstanovleno2   {
	color: #111;
	font-size: 100%;
	text-decoration:none;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	
}
.vstanovleno2 span1 {
	font-size: 130%;
	color:#111;
	font-weight: 700;
background: none;
	padding: 0 0.5%;
	margin-left: 5px;
}
.vstanovleno2 span1:hover {
	color:#555;
}
.vstanovleno2 span2 {
	font-size: 80%;
	color:#444;
	font-weight: 300;
background: none;
	padding: 0 0.5%;
}
.vstanovleno2 span3 {
	font-size: 75%;
	color:#444;
	font-weight: 300;
background: none;
	padding: 0 0.5%;
}
.vstanovleno3 {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	overflow-x: scroll;
	scroll-snap-align: left;
}
.vstanovleno3 img {
	object-fit: contain;
	max-height: 100%;
	max-width: 100%;
	width: auto;
	height: auto;
}
.vstanovleno3::-webkit-scrollbar {
  width: 3px;
	height:4px;
}

.vstanovleno3::-webkit-scrollbar-track {
  background: #D1D1CC;
	width: 3px;
}

.vstanovleno3::-webkit-scrollbar-thumb {
  background-color: #3b0459;
/*	background-color: #D70101;*/
	width: 3px;
	border-radius: 1.5px;
} 
@media (width <= 700px) {
	.vstanovleno3::-webkit-scrollbar {
  width: 0;
	height:0;
}

.vstanovleno3::-webkit-scrollbar-track {
	width: 0;
	height:0;
}

.vstanovleno3::-webkit-scrollbar-thumb {
	width: 0;
height:0;
} 
}
.vstanovleno_top {
	box-sizing: border-box;
	border:3px solid #fff;
	color:black;
	overflow: hidden;
	margin: 5px auto;
	background-color: white;
	-webkit-box-shadow: 2px 4px 23px -2px rgba(34, 60, 80, 0.62);
-moz-box-shadow: 2px 4px 23px -2px rgba(34, 60, 80, 0.62);
box-shadow: 2px 4px 23px -2px rgba(34, 60, 80, 0.62);
}
.vstanovleno_top span {
	font-size: 140%;
	color:#111;
	font-weight: 300;
	/*background-color: #f3f2f7;*/
	border-bottom: 1px solid #E9E9E9;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 90%;
	padding: 3px 0.5%;
	margin: 0 auto;
}
.vstanovleno {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	height: 110px;
	margin: 0 auto;
	background-color: white;

	
}
.vstanovleno img {
	height: 100%;
	width: auto;
	margin-right: 1px;
}
.vstanovleno a {
	display: flex;
	flex-direction: column;
	justify-content:flex-end;
	align-items: flex-start;
	overflow: hidden;
	height: 100%;
	width: 100%;
	color: #454444;
	text-decoration: none;
}



.croshki {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-start;
	align-items: center;
	overflow-x:scroll;
	margin: 0 auto 2vh;
	background: #111;
	padding: 10px 0;
	
}
.croshki::-webkit-scrollbar {
  width: 0;
	height: 0;
}

.croshki::-webkit-scrollbar-track {
  background: #f2f2f2;

}

.croshki::-webkit-scrollbar-thumb {
  background-color: #555;
} 
.croshki ul {
	margin: 0;
	font-size: 90%;
	padding:0;
	color: #333;
	width:auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	gap:3px;

}

/*.croshki li {
	list-style-type:"\00BB";
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	white-space: nowrap;
	padding: 7px 0;
	
}
.croshki li:after {
	content: '\00BB';
	padding-right: 5px;
	padding-left: 5px;
}

*/
.croshki ul li img{ 
	height: 85%;
	width: auto;
	margin: 0;
}
.croshki li {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	white-space: nowrap;
	padding: 0;
	border: 1px solid #97A0A0;
	
	border-radius: 0;
	margin-right: 0;
}
.croshki li:hover {
	cursor:pointer;
	color: #000;
	  background: linear-gradient(black, black) padding-box,
              linear-gradient(153deg, rgba(251,2,237,1) 13%, rgba(4,239,249,1) 97%) border-box;
  border-radius: 0;
  border: 1px solid transparent;
	
}
.croshki li:hover a{
	color: #fff;
}
.croshki a{
	color: #ABAAAA;
letter-spacing: normal;
	text-decoration: none;
	white-space: nowrap;
	padding: 2px 9px;
	font-size: 100%;
	font-weight: 700;
	display: flex;
	inside:0;
}
.croshki a:hover {
	text-decoration: none;
}
.croshki span {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	white-space: nowrap;
	padding: 3px 9px 3px 9px;
	background-color: #111;
	color: #f2f2f2;
	font-weight: 700;
	border-radius: 0;
	 /* background: linear-gradient(black, black) padding-box,
              linear-gradient(153deg, rgba(251,2,237,1) 13%, rgba(4,239,249,1) 97%) border-box;
  border-radius: 0;
  border-bottom: 1px solid transparent;*/
}
.main {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	
}
.main header {
	width: 100%;
	margin: 2vh auto;
			padding: 0.5% 3%;
box-sizing: border-box;
	color: #333;
display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 90%;
	font-weight: 500;
	word-break:normal;
	margin: 100px auto;
}
.main header H1 {
	width: 90%;
	font-weight: 300;
	font-size: clamp(2.5rem,2vw,3rem);
	
	display: flex;
	justify-content: center;
	align-items: center;
}
.indxtop {
	width: 100%;height: 100vh;z-index: 1; justify-content: center;align-items: flex-end; display: flex;margin: -60px auto 0;background-color: #000;
}
.indxtop video {
	object-fit: contain;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	margin-top: 60px;
}
.indxcon {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content:center;
	align-items: center;
	height: auto;
	width: 90%;
	gap:15px;
	margin: 15px auto;
	
}
.indxcon a{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	height: 30px;
	width: auto;
	text-decoration: none;
}

.indxcon span{
	margin-left: 5px;
}
.indxcon img {
	object-fit: contain;
	max-height: 100%;
	max-width: 100%;
	height: auto;
	width: auto;
}
@media(width <= 700px) {
	.main header {
	margin: 8vh auto;
	}
	.indxcon {
	border-radius: 10px;
		justify-content: space-between;
	}
	.indxcon img {
	
}
	.indxcon span{
	display: none;
}
	.indxtop {
		width: 100%;
		height: auto;
	}
	.indxcon a{
		background-color: #f8f8f8;
		border-radius: 6px;
		gap:1%;
	width: 20%;
		height: auto;
		aspect-ratio: 1 / 0.6;
		font-size: 1.3rem;
		padding: 5px;
		box-sizing: border-box;
		color: #222;
		font-weight: 200;
		
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

}
.main h1 {
	margin-bottom: 10px;
	font-size: calc(32px + 34 * (100vw / 1280));
	line-height: normal;
	font-weight: 900;
	color: black;

	/*background: rgb(221,2,254);
background: linear-gradient(153deg, rgba(221,2,254,1) 33%, rgba(1,164,253,1) 91%);
	background-size: contain;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;*/
	width: auto;
	display: inline;
}
.mark {
	padding: 3px ;display: flex;justify-content: center;align-items: center;background-color: black;color: white;border:1px solid rgba(229,228,228,1.00);margin: 0 25px 0 0;border-radius: 4px;
font-size: 130%;
}
.mark option {
	line-height: 130%;
	font-size: 100%;
}

.menu{
  list-style-type: none;
  margin: 0; 
  padding: 0;
	display: none;
	 flex-direction: column;
	  justify-content: flex-start;
	  align-items: center;
	font-size: 120%;
	right: -200px;
	transition: all 0.9s ease;
	  top:60px;
    position: absolute;
    background: #3e2597;
	  max-width: 300px;
   width: 100%;
	height: calc(100vh - 60px);
	overflow-y: auto;
	z-index: 999999! ;
}
@media (width <= 600px) {
	.menu {
	width:100%;
		max-width: 100%;
}
}
.menu::-webkit-scrollbar {
  width: 6px;
	height: 0;
}

.menu::-webkit-scrollbar-track {
  background: #000;
	width: 6px;
}

.menu::-webkit-scrollbar-thumb {
  background-color: #4B2DB8;
} 
.menu li a {
  display: none;
  padding: 10px 25px;
  color: #fff;
  text-decoration: none;
	transition: all 0.3s ease;
	width: 100%;
	font-size: 20px;
	font-weight: 300;
}
.menu li img {
	height: 20px;
}

.wrapper{
 max-width: 1200px;
	height: 100%;
  margin: 0 auto;
	box-sizing: border-box;
}


.fornav {
	width: auto;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	padding: 0 20px 0 10px;
}
nav input{
  display: none;
}

nav label{
  padding: 4px 0;
  color: #fff;
  display: block;
	margin-right: 0;
font-size: 130%;
	box-sizing: border-box;
}
nav label:hover{
	cursor: pointer;
}

.modal-open4 {
  text-decoration: none;
  border-radius: 4px;
  transition: .5s;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: auto;
	font-weight: 500;
	height: 90%;
	box-sizing: border-box;
	margin-right: 3px;
	position: relative;
}
.modal-open4 strong {  
	margin-left: 10px;
}
.modal-open4 img {
  height: 24px;
	width: auto;
	margin: 0 10px;
}
  
.modal-open4::after {
display: flex;
	justify-content: center;
	align-items: center;
  content: "\00D7";
  position: absolute;
  top: 0;
  left: 0;
	height: 100%;
	width: 100%;
  cursor: pointer;
  background-color: #1E83c1;
	background-color: #3e2597;
  color: #fff;
  font-size: 30px;
  border-radius: 4px;
	opacity: 0;
  visibility: hidden;
  transform: scale(0);  
}

#menuToggle:checked ~ .modal-open4::after {
   opacity: 1;
   visibility: visible;
   transform: scale(1);
  transition: .5s ease-out .35s;
}
 
#menuToggle:checked ~ .menu{
    display: flex;
	 
	  right: 0;
	  animation: animateMenu 0s;
  }
  .menu li{
    display: flex;
	  flex-direction: column;
	  justify-content: center;
	  align-items: flex-start;
	  width: 100%;
	  position: relative;
  }
.menu li a:hover {
    /*background: rgba(0,0,0,0.4);*/
	padding-left: 28px;
	transition: all 0.3s ease
  }
.menu li a{
    display: block;
  }



/* Добавить анимация */
@keyframes animateMenu {
  from {right: -20px; opacity: 0.6}
  to {right: 0; opacity: 1}
}




















.top {
	display: flex;flex-direction: row;justify-content:center;align-items: center;background: rgba(0,0,0,1); backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);color: #fff;position: sticky; top:0;margin:0 auto;width:100%;height: 60px;z-index: 100;
}


.top #top1 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row;
	width: 200px;
	height: 90%;
	box-sizing: border-box;
	font-size: 22px;
	font-weight: 700;
	color: #D3D3D3;
}
.top #top1 a{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: row;
	width:auto;
	height: 100%;
	padding-left: 15px;
	box-sizing: border-box;
	font-size: 22px;
	font-weight: 700;
	color: #D3D3D3;
	text-decoration: none;
}
.top #top1 img {
	height: 100%;
}

.top #top2 {
	display: flex;
	justify-content:flex-end;
	align-items: center;
	flex-direction: row;
	flex-wrap: nowrap;
	overflow: hidden;
	padding: 10px 0;
	width: 1000px;
	max-width: calc(100% - 200px);
	height: 100%;
	box-sizing: border-box;
}
nav {
	width: 100%;
	display: flex;
	flex-direction: row;
	margin: 0 auto;
	box-sizing: border-box;
}
nav ul {
	width: 50%;
	display: flex;
	flex-direction:column;
	font-size: 140%;
	font-weight: 600;
}
nav ul li a{
	font-size: 80%;
	font-weight: normal;
}

.case {
	width: 100%;
	margin: 60px auto;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	box-sizing: border-box;
	border-radius: 15px;
}
.case h2 {
	font-size: 300%;
}
.case #case3 {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	width: 100%;
}
.case #case1 {
	display: flex;
	flex-direction: row;
	font-weight: 700;
	flex:3;
	font-size: calc(16px + 4 * (100vw / 1280));
	justify-content: flex-end;
	align-items: center;
	padding: 5px;
	text-align: right;
	text-transform: uppercase;
}
.case #case4 {
	display: flex;
	flex-direction: row;
	font-weight: 900;
	font-size: 300%;
	justify-content: center;
	align-items: center;
	color: #838282;
	color: #3e2597;
	padding: 0 20px;
}
.case #case2 {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	font-weight: normal;
	flex: 5;
	font-size: 100%;
	justify-content: flex-start;
	text-align: justify;
	align-items: center;
	padding: 0 15px 0 0;
}
@media (width <= 700px) {
	
	.case #case2 {
		flex: 6;
	}
	.case #case1 {
		color: #3e2597;
		flex: 4;
		flex-direction: column-reverse;
		
	}
	.case #case4 {
		width: 100%;
	}
}



.mult22i {
	width: 100%;display: flex;flex-direction: row;justify-content: space-around;align-items: center;margin: 1vh auto;
}
.mult22i a {
	width: auto;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;text-decoration: none;padding-bottom: 3px;transition: all 0.9s ease;border-bottom: 2px solid transparent;

}
.mult22i a:hover {
	border-bottom: 2px solid #fff;
transition: all 0.3s ease;
}
.mult22i a > span {
	display: flex;flex-direction: row;justify-content:space-around;align-items: center;color: #f4f4f4;font-weight: 700;letter-spacing: 1px;font-size: 50%;
}
.mult22i img {
	width: 50%;height: 100%;object-fit: contain;margin-bottom: 5px;
}
.forPhone {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	width: 100%;
}
.forPhone img {
	width: auto;height: 70%;object-fit: contain;margin-right: 5px;
}
.forPhone a{
	text-decoration: none;
	color: white;
	font-size: 80%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: row;
	height: 40px;
	width: 100%;
	padding-left: 25px;
	box-sizing: border-box;
transition: all 0.9s ease;
}
.poslugi {
	width: 100%;
	margin: 20px auto 100px;
}
.mediaMenu {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content:space-between;
	align-items: center;
	align-content: stretch;
	width: 100%;
	row-gap: 0.5vw;
	padding: 30px 15px;
	border-radius: 15px;
}


.mediaMenu h2 {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 90%;
	padding: 8px;
	font-size: calc(11px + 4 * (100vw / 1340));
	color:#000;		
	font-weight: 700;
	text-transform: uppercase;
	position: absolute;
	letter-spacing: 1px;
	background-color: darkgray;
	border:3px solid black;
	border-radius: 4px;
	box-shadow: 0px 0px 3px 0px #000;
	margin-bottom: -16px;
}


@media (max-width: 810px) {
	.mediaMenu h2 {	font-size:13px;	}
}
@media (max-width: 600px) {
	
	.mediaMenu h2 {
	font-size:11px;
	}
	}


.galeryShapka {
	height: auto;width: 100%;display: flex;flex-direction: column;flex-wrap: wrap;margin: 0 auto ;overflow: hidden;padding-left: 30px;box-sizing: border-box;line-height: 80%;
}
.galery {
	height: auto;
	width: 98%;
	display: flex;
	flex-direction: row;flex-wrap: nowrap;justify-content: flex-start;
	margin: 15px auto;
	border-radius: 6px;
	overflow: hidden;
	gap:5px;
	padding: 10px 0;
}
.galery1 {
	width:20%;
	min-width: 150px;
	height: 40vh;
	overflow: hidden;
	border-radius: 6px;
}
@media (width < 900px) {
	.galery {
		overflow-x: scroll;
		
	}
	.galery1 {
	min-width:50%;
		height: 30vh;
}

}
.galery1 a{
	width:100%;height:100%;
	display: flex;
	position: relative;
}
.galery1 img {
	object-fit: cover;
	object-position: 40% 100% ;
	max-width: 100%;
	max-height: 100%;
}
.galery2 {
	position: absolute;
	bottom:0;
	left: 0;
	background: rgba(0,0,0,0.9);
	color: white;
	width: 100%;
	height: auto;
	padding: 10px;
	box-sizing: border-box;
	font-weight: 700;
	text-transform: uppercase;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}
.galery2 span {
	font-size: 70%;
	display: flex;
	width: 100%;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.galery2 spanO {
	display: none;
}

.logoikon {
	display: none;
}
.logoikon img {
	object-fit: contain;
	filter: invert(100%);
	
}
.galery1:hover .galery2 {
	background: rgba(0,0,0,0.7);
	animation: toTop 0.3s;
	height:100%;
	align-items: center;
	justify-content: center;
	text-align: center;
		  backdrop-filter:blur(2px);
  -webkit-backdrop-filter:blur(2px);
}
.galery1:hover .logoikon {
	display: block;
}
.galery1:hover .galery2 spanO {
	display: block;
}
.galery1:hover .galery2 span {
	justify-content: center;
	font-size: 130%;
	transition: all 0.3s ease;
}
@keyframes toTop {
from {	background: rgba(0,0,0,0.2);
	height:900%;
}
  to {	background: rgba(0,0,0,0.7);
	  height: 100%;
	  width: 100%;
}
}
.forForm {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
padding: 5px 15px;
	box-sizing: border-box;
	background:  #111;
	margin: 0 auto;
	color: #E0E0E0;
	border-radius: 0 0 6px 6px;
	overflow: hidden;
}
.forForm form {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
	flex-wrap: nowrap;
}
.forForm input {
	background: rgb(26,218,229);
	background: linear-gradient(30deg, rgba(26,218,229,1) 0%, rgba(211,107,228,1) 100%);
	border:0px solid transparent;
	padding: 5px 15px;
	margin: 0 auto;
}
.forGrafic1 {
	display: flex;
	flex-direction: column;
	margin: 0 auto;
}
.forGrafic {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-between;
	padding-top: 30px;
}
.shapkaGrafica {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	font-size: 140%;
	font-weight: 800;
}
.grafic td {
	text-align: center;
	font-weight: 800;
	text-decoration: none;
}
.grafic a {
	text-align: center;
	font-weight: 800;
	text-decoration: none;
}
.grafic a:hover {
	text-decoration: underline;
}
.shapkaGrafica a {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	font-size: 100%;
	font-weight: 600;
	text-decoration: none;
}
.grafic9 {
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
	font-weight: 400;
	color: #111;
}
.grafic1 {
	width: 40%;
	min-width: 400px;
	padding: 0 10px;
	box-sizing: border-box;
}
.grafic2 {
	width: 60%;
	min-width: 500px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	padding-left: 10px;
	box-sizing: border-box;
}
.grafic3 {
	width:100%;
	height: 25px;;
	display:flex; 
	flex-direction: row;
  justify-content: space-between;
	align-items: stretch;
	padding:0 ;
	margin:1vh auto 1vh;
	border-bottom:1px solid #ccc;
}
.grafic4Nom {
	width:80px;
	height: 100%;
	display:flex; 
	flex-direction: row;
  justify-content: center;
	align-items: center;
	font-weight: 800;
}
.grafic4Nom img {
	width:auto;
	height: 100%;
	
}
.grafic5Vremia {
	width:100px;
	height: 100%;
	display:flex; 
	flex-direction: row;
  justify-content: flex-start;
	align-items: center;
	font-weight: 600;
}
.grafic6Auto {
	width:calc(100% - 280px);
	height: 100%;
	display:flex; 
	flex-direction: row;
  justify-content: flex-start;
	align-items: center;
	font-weight: 600;
}
.grafic8Zapis {
	width:100px;
	height: 100%;
	display:flex; 
	flex-direction: row;
  justify-content: flex-start;
	align-items: center;
	font-weight: 600;
	font-size: 70%;
}
.grafic7 {
	width:100%;
	height: 40px;
	display:flex; 
	flex-direction: row;
  justify-content: flex-start;
	align-items: center;
	font-weight: 900;
	font-size: 120%;
	box-sizing: border-box;
}
.grafic10 {
	width:100%;
	height: auto;
	display:flex; 
	flex-direction: row;
	flex-wrap: wrap;
  justify-content: flex-start;
	align-items: stretch;
	font-weight: 500;
	font-size: 120%;
	padding: 5px 15px;
	position: relative;
	margin: 15px auto 0 3px;
	border:1px solid #F0EFEF;
	border-radius: 4px;
	box-sizing: border-box;
}
.grafic10first {
	width: 110px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-weight: 600;
	margin-top: -12px;
	margin-left: 10px;
	position: absolute;
	background: white;
	background: #F0EFEF;
	color: black;
	border-radius: 3px;
	font-size: 60%;
	padding-left: 10px;
	box-sizing: border-box;
}
.grafic10 a {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	text-decoration: none;
	margin: auto 15px;
	padding: 3px 0;
	border-bottom: 1px solid transparent;
	
}
.grafic10 a:hover {
	border-bottom: 1px solid royalblue;
	
}
.grafic10 img {
	height: 20px;
	margin-right: 10px;
}
/* ------------------------------------------------------------------------- Каталог Штатних Магнітол --------------------------------------------------------------------------------------*/
.main2 {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	color: #222;
	z-index: 0;

}
.main2 header {
	width: 100%;
	margin: 20px auto;
			padding: 1% 2%;
box-sizing: border-box;

}
.main2 header span {
	font-size: calc(14px + 6 * (100vw / 1280));
	margin-top: 0;
}
.main2 h1 {
	margin-bottom: 0;
	font-size: calc(26px + 6 * (100vw / 1280));
	line-height: 110%;
	font-weight: 900;
}
.toptel {
	color: white;
	text-decoration: none;
	padding: 0 10px;
}
.toptel2 {
	color: white;
	text-decoration: none;
	padding: 0 10px;
	height: 100%;
}
.toptel2 img {
	height: 75%;
}
@media (width <= 600px) {
	.toptel {display: none;}
}
.viborAuto1 {
	display: flex;
	width: 100%;
	height: auto;
	align-items: stretch;
	justify-content: flex-start;
	flex-direction: row;
	flex-wrap: wrap;
	box-sizing: border-box;
	margin: 10px auto;
}
.viborAuto1 a {
	display: flex;
	width: calc(100%/8);
	height: 100px;
	align-items: center;
	justify-content: center;
	padding: 5px;
	box-sizing: border-box;
	border: 	1px solid #f2f2f2;
}
.viborAuto1 img {
	object-fit: contain;
	object-position: center;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}
.viborAuto2 {
	display: flex;
	width: 100%;
	max-width: 700px;
	align-items: stretch;
	justify-content: flex-start;
	flex-direction: row;
	flex-wrap: wrap;
	box-sizing: border-box;
	padding: 0;
	position: sticky;
	top:60px;
	z-index: 0;
	height: auto;
	border-radius: 2px;
	overflow: hidden;
}

.viborAuto2 form {
	display: flex;
	width: 100%;
	height: auto;
	align-items: stretch;
	justify-content: flex-start;
	flex-direction: row;
	flex-wrap: wrap;
	box-sizing: border-box;
	margin-left: 0;
	background: white;
	border-radius: 4px;
	z-index: 110;
}
.viborAuto2 input, .viborAuto2 select {
	display: flex;
	width: auto;
	height: auto;
	align-items: center;
	justify-content: flex-start;
	padding: 10px 20px;
	box-sizing: border-box;
	border:1px solid transparent;
	border-bottom: 1px solid #D2D2D2;
	font-size: calc(14px + 4 * (100vw / 1280));
	font-weight: 700;
	margin: 0 5px 0 0;
	background: white;
	z-index: 110;
}

	
@media (max-width:1000px) {
	
	.viborAuto1 a {

	width: calc(100%/7);
}
}
@media (max-width:1000px) {
	.viborAuto2 {
		top:60px;
	}
	.viborAuto1 a {
	width: calc(100%/4);
}
	
}
@media (max-width:600px) {
	.viborAuto2 {
		width:100%;
		box-sizing: border-box;
	}
	.viborAuto1 a {
	width: calc(100%/3);
}
	.viborAuto2 input, .viborAuto2 select {
	width: 48%;
		min-width: 48%;
		padding: 15px;
	}
}
	


.viborAuto2 a {
	display: flex;
	width: auto;
	height: auto;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	text-decoration: none;
	border: 1px solid transparent;
	color: crimson;
	margin: 0  0 0 5px;
	padding: 0 15px;
	font-size: 190%;
	font-weight: 700;
	border-radius: 2px;
}
.viborAuto2 a:hover {
border: 1px solid crimson;
}
.totalcatalog {
	display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;align-items: stretch;width: 100%;height: auto;margin: 20px auto;gap:1px;background-color: #d3cec8;
}
.catalog {
	 box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: stretch; 
	text-decoration: none;
	flex-wrap:nowrap;
	width: calc((100% - 3px)/4);
	height: auto;
	text-transform: none;
	background: rgba(255,255,255,1);
	margin: 0;
	border-radius: 0;
	padding:20px;
	color: #000000;
	/*box-shadow: 0 2px 3px 0 rgba(0,0,0,0.1),0 4px 8px 0 rgba(0,0,0,0.1);*/
}
.catalog a {
	color: black;
}
@media (max-width:600px) {
	.catalog {
	 width: calc((100% - 3px)/2);
	}
}

.catalogA5 span {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background-color: white;
}
.catalogA5 img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center; 
}
.catalogA5 {
	width: 100%;
	height: 70%;
	box-sizing: content-box;
	display: flex;
	justify-content:flex-start;
	align-items: center;
	flex-direction: column;
	padding: 0 ;
}
.catalogA5:hover span {
	opacity: 0;
	transition: all 0.3s ease
}
.catalogA2 {
	width: 50%;
	box-sizing: content-box;
	display: flex;
	justify-content:flex-start;
	align-items: flex-end;
	flex-direction:column;
	font-size: 100%;

}
.catalogMemPrice {
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: space-between;
	align-items: stretch;
	border-bottom: 1px solid #f2f2f2;
	text-decoration: none;

}
.catalogMemPrice:hover {
	background-color: #dedede;
}
.catalogMemPrice #mem1 {
	display: flex;
	width: 35%;
	justify-content: flex-start;
	align-items: center;
	box-sizing: border-box;
	text-transform: capitalize;
	padding-left: 5px;
	color: #000;
}
.catalogMemPrice #mem2 {
	display: flex;
	width: 35%;
	justify-content: flex-start;
	align-items: center;
	padding: 4px 0;
	box-sizing: border-box;
	text-transform: lowercase;
	color: #000;
}
.catalogMemPrice #mem3 {
	display: flex;
	width: 30%;
	justify-content: flex-start;
	align-items: center;
	padding: 4px 0;
	font-size: 85%;
	box-sizing: border-box;
	color:#00a046;
	text-transform: lowercase;
}

.catalogA {
	display: flex;
	width: 100%;
	text-decoration: none;
	justify-content: flex-end;
	align-items: flex-end;
	flex-direction: row;
	flex-wrap: wrap;
	box-sizing: border-box;
	margin-bottom: 5px;
}

.catalogA1 {
	width: 50%;
	box-sizing: content-box;
	display: flex;
	justify-content:flex-start;
	align-items: center;
	flex-direction:row;
	flex-wrap: wrap;
	font-size: 130%;
	position: relative;
	color: #111;
	line-height: 120%;
	font-weight: 800;
}
.catalogA1 span {
	width: 100%;
	display: flex;
}
.catalogA1 img {
	max-height: 20px;
	height: 20px;
	width: auto;
	display: block;
}
.catalogA1 em {
	padding: 3px 9px;
	background: #333;
	color: #f2f2f2;
	font-size: 60%;
	font-weight: 700;
	margin-right: 10px;
	border-radius: 4px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.catalogA3 {
	width: 100%;
	box-sizing: content-box;
	display: flex;
	justify-content:flex-start;
	align-items: stretch;
	flex-direction:row;
	flex-wrap: wrap;
}
.catalogA3 span{
	width: auto;
	box-sizing: content-box;
	display: flex;
	justify-content:flex-start;
	align-items: stretch;
	flex-direction:row;
	flex-wrap: wrap;
	font-size: 50%;
	font-weight: 500;
	color: royalblue;
	background: #E8F2F9;
	margin: 0 3px 3px 0;
	padding: 2px 4px;
}


.catalogA42 {
	width: 60%;
	min-width: 500px; 
	height: 100%;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	background-color: rgba(255,255,255,0);
	padding:0 0 0 2%;
}


.mag1 {
	display: flex;
	width: 100%;
	height:auto;
	justify-content: center;
	align-items: stretch;
	flex-direction: row;
	flex-wrap: wrap;
	box-sizing: border-box;
}
.left {
	display: flex;
	flex-direction: column;
	width: 50%;
	min-width: 300px;
	height: auto;
	box-sizing: border-box;
	border:1px solid #f2f2f2;
	justify-content: flex-start;
	align-items: center;
}
.left img{
	object-fit: contain;
	max-height: 100%;
	max-width: 100%;
	height: auto;
	width: auto;
	
}
.right {
	display: flex;
	width: 50%;
	min-width: 380px;
	height: auto;
	box-sizing: border-box;
	border:1px solid #f2f2f2;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
	padding: 0 10px;
	position: sticky;
}
@media (max-width: 880px) {
	.left {width: 100%;}
	.right {width: 100%;box-sizing: border-box;}
	
}
.topup {
	width: 100%;
	background-color: white;
	display: flex;
	justify-content: flex-start;
	align-items:stretch;
	padding: 0 15px;
	overflow: auto;
	display: none;
}
.topup a {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 5px 10px;
	margin-right: 5px;
	text-decoration: none;
	color: #000;
	font-weight: 300;
	font-size: 85%;
	white-space: nowrap;
}
.main3 {
	max-width: 1350px;
	width: 100%;
	margin: 0 auto;
	
}
.main3 header {
	width: 96%;
	margin: 0 auto;
			padding: 0;
box-sizing: border-box;
	position: sticky;
	top:50px;
	
}
.main3 h1 {
	font-size: calc(20px + 6 * (100vw / 1280));
	line-height: 120%;
	font-weight: 700;
	margin: 2vh auto 0;
	letter-spacing: normal;
color: #111;
}
.main3 h2 {
	font-size: calc(20px + 6 * (100vw / 1280));
	line-height: 120%;
	font-weight: 600;
	margin: 15vh auto 2vh;
	letter-spacing: normal;
	width: 96%;

}
.right1 {
	display: flex;
	width: 100%;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	padding: 0;
	position: relative;
	box-sizing: border-box;
	margin-top: 5px;
	font-size: 100%;
}
.right1 img {
	height: 3vh;
	width: auto;
}
.right1 strong {
	margin-right: 15px;
	
}
.right1 strong:before {
	content:"\2022";
	margin-right: 10px;
}
.right1 #r1 {
	display: flex;
	width: auto;
	padding: 3px 9px;
	border-radius: 2px;
	color: #00a046;
	background-color: #f0faf4;
	font-weight: 500;
}
.right2 {
	display: flex;
	width: 100%;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	padding-bottom: 5px;
	position: relative;
	box-sizing: border-box;
	font-size: 90%;
	font-weight: 700;
	color: #111;
	text-transform: uppercase;
	margin: 25px 0 0 0;
	border-radius: 0;
	/*border-bottom: 1px solid #E5E5E5;*/
	
}
.right2 #r1 {
	display: flex;
	width: auto;
	padding: 3px 9px;
	border-radius: 2px;
	color: #00a046;
	background-color: #f0faf4;
	font-weight: 500;
	margin-right: 0;
	margin-top: 0;
	font-size: 80%;
}
.right2 #r0 {
	display: flex;
	width: auto;
	padding: 3px 9px;
	border-radius: 2px;
	color: #A00000;
	background-color: #FAF0F0;
	font-weight: 500;
	margin-right: 0;
	margin-top: 0;
	font-size: 80%;
}
.right2 #r2 {
	display: flex;
	width: auto;
	padding: 3px 4px 0 0;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	box-sizing: border-box;
	border-radius: 0;
	gap:5px;
/*border-bottom:1px solid #000;*/
}
.right2 #r4 {
	display: flex;
	width: auto;
	padding: 3px 9px;
	border-radius: 2px;
	color: #6A6A6A;
	background-color: #EDEBED;
	font-weight: 500;
	margin-right: 5px;
	margin-top: 0;
	font-size: 80%;
}
.right2 span {
	display: flex;
	width: 100%;
	padding: 0;
	border-radius: 0;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
	margin: 0 auto;
	margin-left: 0;
	margin-top: 0;
	font-size: 100%;
	/*font-weight: 500;*/
	/*color: #434343;*/
	color: #898989;
	font-weight: 800;
	text-transform: none;
}
.right2 #r2 a {
	display: flex;
	width: auto;
	padding: 4px 10px;
	align-items: center;
	justify-content: center;
	margin:0;
	box-sizing: border-box;
	font-size: 110%;
	text-decoration: none;
	color: #555;
	font-weight: 500;
	border-radius:5px;
	white-space: nowrap;
	overflow: hidden;
text-overflow: ellipsis;
	border:2px solid #ececec;
}
.right2 #r2 a:hover {
	/*background-color: #E8E8E8;*/
	border:2px solid #111;
}
.right2 #r3 {
	display: flex;
	justify-content: center;
	align-content: center;
	word-break: keep-all;
	padding: 0;
	font-size: 200%;
	font-weight: 800;
	color: black;
	width: calc(48% + 6px);
}
.razom {
	margin: 5vh auto;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
	width: 100%;
	font-size: 120%;
	font-weight: 700;
	border:2px solid #333;
	color: #111;
	padding: 2% 0;
	border-radius: 4px;
	
}
.razom span6{
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	width: 96%;
	color: #222;
	font-size: 200%;
	font-weight: 600;
}
.razom span61{
	background-color: white;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	width: auto;
	color: #1E8CBE;
	font-weight: 700;
	padding: 0 9px;
	border: 2px solid #1E8CBE;
	margin-left: 10px;
	border-radius: 4px;
	font-size: 70%;
	letter-spacing: 0.5px;
}
.razom div {
	margin: 5px auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	width: 96%;
	color: #222;
	font-weight: 500;
	padding: 0;
	border-bottom: 1px solid white;
}
.razom a {
	height: 100%;
	width: auto;
	display: flex;
	flex-direction: row;
	word-break: keep-all;
	justify-content: flex-start;
	align-items: center;
	text-align: left;
	flex-wrap: nowrap;
	box-sizing: border-box;
	padding: 0;
	font-size: 90%;
	flex: 1;
	color: #222;
	font-weight: 700;
}
.razom span3{
	font-size: 70%;
	font-weight: 300;
	flex:2;
	height: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	color: #333;
}
.razom span4{
	font-size: 80%;
	font-weight: 500;
	margin: 0 10px;
	color: #222;
	text-decoration:line-through;
	height: 100%;
	flex:0.5;
	height: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	display: none;
}
.razom span5{
	font-size: 100%;
	font-weight: 500;
	height: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	color: #000;
	flex:1;
}
.right3 {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-direction: row;
	flex-wrap: wrap;
	height: auto;
	width: 100%;
	padding: 0;
	margin: 18px 0;
}
.right3 #r3 {
	display: flex;
	justify-content: center;
	align-content: center;
	word-break: keep-all;
	padding: 0;
	font-size: 200%;
	font-weight: 700;
	color: black;
	width:auto;
	margin-right: 15px;
}
.right a {
	display: flex;
	justify-content: center;
	align-items: center;
	word-break: keep-all;
	padding: 5px;
	margin: 0 5px 5px 0;
}
.right4 {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
	font-weight: 300;
	width: 100%;
}
.right41 {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: row;
	width: 100%;
	margin: 3vh auto 0;
}
.right41 img{
	display: flex;
	width: 10%;
	height: 10%;
	max-width: 90px;
	min-width: 50px;
	margin: 0 auto;
}
.right42 {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
	width: 85%;
	margin: 0 auto;
	padding: 5px 15px;
	font-size: 90%;
	color: #333;
}
.right42 span {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: row;
	width: 100%;
	font-size: 120%;
	font-weight: 600;
	margin-bottom: 10px;
	color: #111;
}
.opisBig {
	width: 100%;
	margin: 10px auto;
	padding: 20px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	color: #222;
	box-sizing: border-box;
}
.opisBig h2{
	width: auto;
	border-bottom: 2px solid #222;
	padding: 0 10px;
	
}
.opisBig h3{
	width: auto;
	border-bottom: 2px solid #222;
	padding:40px 10px 0;
	
}
.opisBig p{
	width: 100%;
	padding: 30px;
	background-color: #fff;
	border-radius: 0;
	margin: 0 auto;
}
.opisBig img {
	width: 100%;
	border-radius: 0;
	margin: 10px auto 30px;
}
.opisBig iframe {
	width: 100%;
	border-radius: 0;
	margin: 10px auto 30px;
	
}
.video_item {
	width: 100%;
	border-radius: 0;
	margin: 10px auto 30px 0;
	
}
.benefits {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	margin: 0 auto;
	width: 96%;
	box-sizing: border-box;
}
.benefits div {
	display: flex;
	flex-direction: row;
	justify-content:flex-start;
	align-items: center;
	width: 20%;
	font-size: 100%;
	font-weight: 300;
	color: #9696A6;
	overflow: hidden;
}
.benefits div img {
	width: 30%;
	height: 100%;
}
.benefits div span {
	width: 70%;
	height: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	color: #777;
	font-weight: 500;
	padding: 10px;
	box-sizing: border-box;
	text-align: left;
}
@media (max-width: 900px) {
	.benefits div {width: 25%;}
}
@media (max-width: 700px) {
	.benefits div {width: 33.333%;}
}
@media (max-width: 500px) {
	.benefits div {width: 50%;}
}



.for-modal {
	height: auto;
	width: auto;
}
.modal-open {
  padding: 8px 16px;
  text-decoration: none;
  color: #fff;
  border-radius: 8px;
  transition: .5s;
	display: flex;
	justify-content: center;
	align-items: center;
	width: auto;
	font-weight: 500;
	height: 100%;
	margin: 0 6px;
}
.modal-open img {
  height: 100%;
	width: auto;
	margin: 0 auto;
}
.modal-open:hover {
  box-shadow: 0 5px 10px rgb(1, 61, 98, 59%);
}
.modal-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255,255,255,1);
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  opacity: 0; 
  transition: .3s ease-in;
  z-index: 200;
}
.modal-content {
  background-color: #fff;
max-width: 400px;
width:400px;
	min-width: 400px;
  max-height: 80vh;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  padding: 20px;
  border-radius: 8px;
  transform: perspective(500px) translateY(-100%) rotateX(45deg);
  transition: transform .3s ease-out;
}
.modal-text img {
  height: auto;
	width: 70%;
	margin-bottom: 5px;
}
.modal-text {
	display: flex;
  flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	height: 100%;
}
#modal-toggle {
   display: none;
}
#modal-toggle:checked ~ .modal-wrapper {
  visibility: visible;
  opacity: 1;
}
#modal-toggle:checked ~ .modal-wrapper .modal-content{
  transform: translateY(0) rotate(0);
}
.modal-open::after {
  content: "\00D7"; 
  position: fixed;
  top: 70px;
  right: 10px;
  cursor: pointer;
  background-color: #1E83c1;
	background: #111;
  color: #fff;
	padding: 5px 15px;
  font-size: 26px;
  font-weigth: bold;
  border-radius: 6px;
  z-index: 210;
  opacity: 0;
  visibility: hidden;
  transform: scale(0);  
}
#modal-toggle:checked + .modal-open::after {
   opacity: 1;
   visibility: visible;
   transform: scale(1);
  transition: .5s ease-out .35s;
}
.modalA {
	font-size: 70%;
	display: flex;
	padding: 10px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 25%;
	min-width: 50px;
	font-weight: 600;
	text-decoration: none;
	margin: 0 ;
	border-radius: 6px;
}
.modalA:hover {
	cursor: pointer;
	box-shadow: 0 5px 10px rgb(1, 61, 98, 59%);
}
.modalA:active {
	background: #C2C3C3;
}








.for-modal2 {
	height: auto;
	margin: 0 3px;
	padding: 0;
}
.modal-open2 {
  padding: 8px 20px;
  text-decoration: none;
  background-color: #1E8CBE;
  color: #fff;
  border-radius: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: auto;
	font-weight: 700;
	font-size: 95%;
	letter-spacing: 0.1vw;
	height: 100%;
	animation: knopka 1s linear;
	background: rgb(251,2,237);
background: linear-gradient(153deg, rgba(251,2,237,1) 13%, rgba(4,239,249,1) 97%);
	box-shadow: 1px 2px 4px 1px rgb(1, 61, 98, 59%);
	
}
@keyframes knopka {
	to {background: rgb(251,2,237);
background: linear-gradient(28deg, rgba(251,2,237,1) 0%, rgba(4,239,249,1) 100%);}
}
.modal-open2 img {
  height: 24px;
	width: auto;
	margin: 0 10px;
}
.modal-open2:hover {
  background: rgb(221,2,254);
background: linear-gradient(153deg, rgba(221,2,254,1) 33%, rgba(1,164,253,1) 91%);
	transition: all 0.9s ease;
}
.modal-wrapper2 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,.8);
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  opacity: 0; 
  transition: all 0.3s ease;
  z-index: 200;
}
.modal-content2 {
  background-color: #fff;
	
max-width: 400px;
width:400px;
	min-width: 400px;
  max-height: 80vh;
	height: 80vh;
	min-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  padding: 20px;
  border-radius: 8px;
  transform: perspective(500px) translateY(-100%) rotateX(45deg);
  transition: transform .3s ease-out;

}
.modal-text2 img {
  height: auto;
	width: 70%;
	margin-bottom: 5px;
}
.modal-text {
	display: flex;
  flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	height: 100%;
}
#modal-toggle2 {
   display: none;
}
#modal-toggle2:checked ~ .modal-wrapper2 {
  visibility: visible;
  opacity: 1;
}
#modal-toggle2:checked ~ .modal-wrapper2 .modal-content2{
  transform: translateY(0) rotate(0);
}
.modal-open2::after {
  content: "\00D7"; 
  position: fixed;
	top: calc(10vh + 10px);
  left: calc(50% + 145px);
  cursor: pointer;
  background-color: #1E83c1;
	background: #A40003;
  color: #fff;
	padding: 5px 15px;
  font-size: 26px;
  font-weigth: bold;
  border-radius: 6px;
  z-index: 210;
  opacity: 0;
  visibility: hidden;
  transform: scale(0);  
}
#modal-toggle2:checked + .modal-open2::after {
   opacity: 1;
   visibility: visible;
   transform: scale(1);
  transition: .5s ease-out .35s;
}
.modalA2 {
	font-size: 70%;
	display: flex;
	padding: 10px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 25%;
	min-width: 50px;
	font-weight: 600;
	text-decoration: none;
	margin: 0 ;
	border-radius: 6px;
}
.modalA2:hover {
	cursor: pointer;
	box-shadow: 0 5px 10px rgb(1, 61, 98, 59%);
}
.modalA2:active {
	background: #C2C3C3;
}



.for-modal3 {
	height: auto;
	margin: 20px auto 0;
	padding: 3px ;
	width: 100%;
	display: flex;
	flex-direction: row;
	box-sizing: border-box;
	flex-wrap: nowrap;
	white-space: nowrap;
	overflow-x: auto;
	position: sticky;
	top:60px;
	background: rgba(255,255,255,0.8);
	
	
}
@media (width <= 850px) {
	.for-modal3 {
	padding: 5px;
}
}
.for-modal3::-webkit-scrollbar {
  width: 0;
	height: 0;
}

.for-modal3::-webkit-scrollbar-track {
  background: #212120;
	border-radius: 0;
}

.for-modal3::-webkit-scrollbar-thumb {
  background-color: #545455;
	border-radius: 0;
} 
.modal-open3 {
  padding: 8px 12px;
  text-decoration: none;
	background-color: #E70104;
	background-color: #333;
	border-bottom: 2px solid #000;
	  color: #f2f2f2;
  border-radius: 4px;
  transition: .5s;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: auto;
	font-weight: 500;
	height: 100%;
	box-sizing: border-box;
	margin-right: 3px;
}
.modal-open3 strong {  
	margin-left: 10px;
}
.modal-open3 img {
  height: 24px;
	width: auto;
	margin: 0 10px;
}

.modal-wrapper3 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
	inherit:0;
  background-color: rgba(0,0,0,.3);
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  opacity: 0; 
  transition: .3s ease-in;
  z-index: 990;
	 backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
	overscroll-behavior:none;
}
.modal-content3 {
  background-color: #fff;
max-width: 900px;
width:100%;
	min-width: 400px;
  max-height: 90vh;
	height: 90vh;
	min-height: 200px;
  position: absolute;
top: 5vh;
  padding: 20px 0;
  border-radius: 4px;
  transform: perspective(500px) translateY(-100%) rotateX(45deg);
  transition: transform .3s ease-out;
overflow: hidden;
	 overflow-y: scroll;
	overscroll-behavior:none;
}
.modal-content3::-webkit-scrollbar {
  width: 0;
}
.modal-content3::-webkit-scrollbar-track {
  background: #FFFFFF;
	border-radius: 0 4px 4px 0;
}

.modal-content3::-webkit-scrollbar-thumb {
  background-color: #3e2597;
	border-radius: 0;
} 
.modal-text3 img {
  height: auto;
	width: 70%;
	margin-bottom: 5px;
}
.modal-header3 {
	display: flex;
  flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	height: auto;
	padding: 10px;
	white-space:normal;
}
.modal-header3 h2 {
	display: flex;
  flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	padding: 10px;
}
.modal-text3 {
	display: flex;
  flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	height: 100%;
	white-space:normal;
}
#modal-toggle3 {
   display: none;
}
#modal-toggle3:checked ~ .modal-wrapper3 {
  visibility: visible;
  opacity: 1;
}
#modal-toggle3:checked ~ .modal-wrapper3 .modal-content3{
  transform: translateY(0) rotate(0);
}

.modal-open3::after {
  content: "\00D7"; 
  position: fixed;
	top: 70px;
  right: 10px;
  cursor: pointer;
  background-color: #1E83c1;
	background: #A40003;
  color: #fff;
	padding: 5px 15px;
  font-size: 26px;
  font-weigth: bold;
  border-radius: 6px;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  transform: scale(0);  
}
#modal-toggle3:checked + .modal-open3::after {
   opacity: 1;
   visibility: visible;
   transform: scale(1);
  transition: .5s ease-out .35s;
}
.modal-open3in {
  padding: 8px 12px;
  text-decoration: none;
	border-bottom: 2px solid #333;
  color: #333;
  border-radius: 0;
  transition: .5s;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: auto;
	max-width: 300px;
	font-weight: 500;
	height: 100%;
	margin-right: 3px;
	background-color: #EBEBEB;
}
.smallopis {
	padding: 15px 10px;
	margin: 0 auto;
	background-color: #EBEBEB;
	line-height: 140%;
	z-index: 1;
}
.smallopis li {
	line-height: 200%;
}


.modal-open31 {
  padding: 8px 12px;
  text-decoration: none;
	background-color: #E70104;
	background-color: #333;
	border-bottom: 2px solid #000;
	  color: #f2f2f2;
  border-radius: 4px;
  transition: .5s;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: auto;
	font-weight: 500;
	height: 100%;
	box-sizing: border-box;
	margin-right: 3px;
	white-space:normal;
	
}
.modal-open31 strong {  
	margin-left: 10px;
}
.modal-open31 img {
  height: 24px;
	width: auto;
	margin: 0 10px;
}

.modal-wrapper31 {
  position: fixed;
width: 100%;
	height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
	inset: 0;
  background-color: rgba(0,0,0,.8);
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  opacity: 0; 
  transition: .3s ease-in;
 z-index: 990;
	 backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
	white-space:normal;;
}
.modal-content31 {
  background-color: #fff;
max-width: 900px;
width:100%;
	min-width: 400px;
	height: 100vh;
  position: absolute;
top: 0;
  padding: 20px 0;
  border-radius: 4px;
  transform: perspective(500px) translateY(-100%) rotateX(45deg);
  transition: transform .3s ease-out;
overflow: hidden;
	 overflow-y: scroll;
	white-space:normal;
	 
}
.modal-content31::-webkit-scrollbar {
  width: 0;
}
.modal-content31::-webkit-scrollbar-track {
  background: #FFFFFF;
	border-radius: 0 4px 4px 0;
}

.modal-content31::-webkit-scrollbar-thumb {
  background-color: #3e2597;
	border-radius: 0;
} 

.modal-header31 {
	display: flex;
  flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	height: auto;
	padding: 10px;
}
.modal-text31 {
	display: flex;
  flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	height: 100%;
}
#modal-toggle31 {
   display: none;
}
#modal-toggle31:checked ~ .modal-wrapper31 {
  visibility: visible;
  opacity: 1;
}
#modal-toggle31:checked ~ .modal-wrapper31 .modal-content31{
  transform: translateY(0) rotate(0);
}
.modal-open31::after {
  content: "\00D7"; 
  position: fixed;
	top: 70px;
  right: 10px;
  cursor: pointer;
  background-color: #1E83c1;
	background: #A40003;
  color: #fff;
	padding: 5px 15px;
  font-size: 26px;
  font-weigth: bold;
  border-radius: 6px;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  transform: scale(0);  
}
#modal-toggle31:checked + .modal-open31::after {
   opacity: 1;
   visibility: visible;
   transform: scale(1);
  transition: .5s ease-out .35s;
}










.modal-open32 {
  padding: 8px 12px;
  text-decoration: none;
	background-color: #E70104;
	background-color: #333;
	border-bottom: 2px solid #000;
	  color: #f2f2f2;
  border-radius: 4px;
  transition: .5s;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: auto;
	font-weight: 500;
	height: 100%;
	box-sizing: border-box;
	margin-right: 3px;
}
.modal-open32 strong {  
	margin-left: 10px;
}
.modal-open32 img {
  height: 24px;
	width: auto;
	margin: 0 10px;
}

.modal-wrapper32 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
	inherit:0;
  background-color: rgba(0,0,0,.3);
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  opacity: 0; 
  transition: .3s ease-in;
  z-index: 200;
	 backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
	overscroll-behavior:none;
}
.modal-content32 {
  background-color: #fff;
max-width: 900px;
width:100%;
	min-width: 400px;
  max-height: 90vh;
	height: 90vh;
	min-height: 200px;
  position: absolute;
top: 5vh;
  padding: 20px 0;
  border-radius: 4px;
  transform: perspective(500px) translateY(-100%) rotateX(45deg);
  transition: transform .3s ease-out;
overflow: hidden;
	 overflow-y: scroll;
	overscroll-behavior:none;
}
.modal-content32::-webkit-scrollbar {
  width: 0;
}
.modal-content32::-webkit-scrollbar-track {
  background: #FFFFFF;
	border-radius: 0 4px 4px 0;
}

.modal-content32::-webkit-scrollbar-thumb {
  background-color: #3e2597;
	border-radius: 0;
} 

.modal-header32 {
	display: flex;
  flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	height: auto;
	padding: 10px;
	white-space:normal;
}
.modal-header32 h2 {
	display: flex;
  flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	padding: 10px;
}
.modal-text32 {
	display: flex;
  flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	height: 100%;
	white-space:normal;
}
.modal-text32 img {
  height: auto;
	width: 70%;
	margin-bottom: 5px;
}
#modal-toggle32 {
   display: none;
}
#modal-toggle32:checked ~ .modal-wrapper32 {
  visibility: visible;
  opacity: 1;
}
#modal-toggle32:checked ~ .modal-wrapper32 .modal-content32{
  transform: translateY(0) rotate(0);
}

.modal-open32::after {
  content: "\00D7"; 
  position: fixed;
	top: 70px;
  right: 10px;
  cursor: pointer;
  background-color: #1E83c1;
	background: #A40003;
  color: #fff;
	padding: 5px 15px;
  font-size: 26px;
  font-weigth: bold;
  border-radius: 6px;
  z-index: 210;
  opacity: 0;
  visibility: hidden;
  transform: scale(0);  
}
#modal-toggle32:checked + .modal-open32::after {
   opacity: 1;
   visibility: visible;
   transform: scale(1);
  transition: .5s ease-out .35s;
}
.footer1 {
	display: flex;
	flex-direction: row;
	justify-content:space-around;
	align-items: stretch;
	margin: 25px auto;
	max-width: 1200px;
	width: 96%;
	flex-wrap: wrap;
	gap:10px;
}
.footer1 a {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
	padding: 10px;
	text-decoration: none;
	border-radius: 4px;
	border:1px solid #d3cec8;
	color: #111;
	background-color: white;
	font-size: 70%;
	flex:1;
}

.footer1 strong {
	color: #000;
	font-size: 130%;
}
.footer2 {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: stretch;
	margin: 0 auto;
	width: 100%;
	background-color: #000;
	color: #fff;
	padding: 25px 0;
	font-weight: 500;
	box-sizing: border-box;
}
.footer2 div {
	padding: 10px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	box-sizing: border-box;
}
.footer2 a {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	padding: 11px 0 6px 0;
	max-width: 250px;
	/*border-bottom:1px solid #999;*/
	text-decoration: none;
}
.footer2 img {
	max-width: 300px;
	width: 100%;
	height: auto;
	
}

.galeryM {
	height: auto;width: 100%;display: flex;flex-direction: row;flex-wrap: wrap;margin: 15px auto 0;border-radius: 6px 6px 0 0;overflow: hidden;gap:2px;
}
.galery1M {
	width:calc((100% / 5) - 2px);
	height: 250px;
}
@media (max-width:900px) {
	.galery1M {
	width:calc((100% / 3) - 2px);
}
	.galeryM {
		border-radius: 0px;
	}
}
@media (max-width:600px) {
	.galery1M {
	width:calc((100% / 2) - 1px);
}
	
}
.galery1M a{
	width:100%;
	height:100%;
	display: flex;
	position: relative;
	margin: 0;
	padding: 0;
}
.galery1M img {
	object-fit: cover;
	object-position: center;
	width: 100%;
	height: 100%;
}
.galery2M {
	position: absolute;
	bottom:0;
	left: 0;
	background: rgba(0,0,0,0.5);
	color: white;
	width: 100%;
	height: auto;
	padding: 10px;
	box-sizing: border-box;
	font-weight: 700;
	text-transform: uppercase;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}
.galery2M span1 {
	font-size: 50%;
	display: block;
}
.galery1M:hover .galery2M {
	background: rgba(0,0,0,1);
	animation: toTopM 0.5s;
}
@keyframes toTopM {
from {	background: rgba(0,0,0,0.5);
}
  to {	background: rgba(0,0,0,1);
}
}
.block1 {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
}
.block1 h1 {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: auto;
	margin: 0 auto 15px;
	font-weight: 300;
	font-size: 28px;
	
}
.block1 img {
	display: flex;
	width: 100%;
	
}
.block1 span2 {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: auto;
	position: relative;

}
.block1 span {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	height: auto;
	position: absolute;
	left:0;
	bottom:0;
	padding: 15px;
	background: rgb(0,0,0,0.7);
	z-index: 2;
	color: white;
}
.block2 {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
	flex-wrap: wrap;
margin: 10px auto;
	
	gap:0;
}
.block2 img {
	object-fit: contain;
	display: flex; 
}

.block2 #one {
	width: 100%;
	padding: 0;
	position: relative;
}
.block2 #two {
	width: 40%;
	height: auto;
	padding: 0 ;
	margin: 0;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	position: absolute;
	left: 0;
	bottom: 0;
	color: white;
	background: rgb(0,0,0,0.7);
	z-index: 3;
}

	
.block2 p {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	border-radius: 0;
	margin: 0;
	color: white;
	z-index: 3;
	font-size: 100%;
}
.block2 strong {
	width: 100%;
	display: flex;
	border-radius: 0;
	margin: 0;
	color: white;
	z-index: 3;
	font-size: 140%;
	font-weight: 700;
}
@media ( width < 800px) {
	.block2 #two { 
		width: 100%;
		height: auto;
			background: rgb(0,0,0,1);
position:inherit;
		white-space:normal;
	}
	
}
.vstanovlenomag {
	width: 50%;
	max-height: 20vh;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}
@media (width >= 600px) {
	.vstanovlenomag {
		width:100%;}
	
	
}
.vstanovlenomag a  {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	
}
.vstanovlenomag img {
	object-fit: contain;
	
}
.testimonials {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
	position: relative;
}
.scrollmenu2 {
	scroll-snap-type: x mandatory;
	overflow-x: scroll;
}
div.scrollmenu2 {
  overflow:scroll;
  white-space:nowrap;
	width: 100%;
	box-sizing: border-box;
	height: 450px;
	position: relative;
	vertical-align: middle;
}

div.scrollmenu2 a {
  display: inline-flex;
  color: #222;;
	vertical-align: bottom;
	width: 100%;	
	height: 100%;
	text-decoration: none;
	overflow: hidden;
	box-sizing: border-box;
	scroll-snap-align: center;
	white-space:normal;
	text-align: center;
	align-items: center;
	justify-content: center;
	position: relative;

}
div.scrollmenu2 img, iframe, video {
		width:100%;
	height:75%;
	object-fit:contain;
	object-position: center;
}

@media (max-width: 600px) {
	div.scrollmenu2 img {
		width:100%;
	height:100%;
	object-fit:contain;
	object-position: center;
}
	div.scrollmenu2  iframe, video {
		width:100%;
	height:55%;
	object-fit:contain;
	object-position: center;
}
	
}
.divinscroll  {
	display: flex;flex-direction: row;justify-content: center;align-items: stretch;
	width: 100%;
	gap:6px;
	position: absolute;
	bottom:15px;
	left: 0;
	z-index: 190;
	border-radius: 6px;
	padding: 0;
}
.img_logo3  {
	display: flex;flex-direction: row;justify-content: space-between;align-items: stretch;
	font-size: calc(11px + 4*(100vw / 1200));
	white-space: nowrap;
	flex-wrap: nowrap;
	background: rgba(255,255,255,0.4);
	
	padding: 5px;
	border:1px solid #F0F0F0;
}
.divinscroll2  {
	display: flex;flex-direction: row;justify-content: center;align-items: stretch;flex-wrap: wrap;
	width: 100%;
	gap:4px;
	background: rgba(255,255,255,0.4);
	border-radius: 0;
	padding: 4px 0;
	z-index: 190;
}
@media (width <= 850px) {
	.divinscroll2  {
		top: 0;
		gap:12px;
	}
}
div.scrollmenu2::-webkit-scrollbar {
	height: 3px;
	width: 0;
	
}
div.scrollmenu2:hover > div.scrollmenu2::-webkit-scrollbar {
	height: 12px;
}

div.scrollmenu2::-webkit-scrollbar-track {
  background: #D1D1CC;
}

div.scrollmenu2::-webkit-scrollbar-thumb {
  background-color: #3b0459;
	border-radius: 1.5px;
} 
.btn.prev  {
	width: 8%;
	height: 10%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: rgba(255,255,255,1);
	font-weight: 700;
	font-size: 3vh;
	border-radius: 2px;
	padding: 3px;
	background:rgba(0,0,0,0.4);
	position: absolute;
	left:0;
	bottom:50%;
	border:1px solid #fff;
}
.btn.prev:hover {
	cursor:pointer;
	background:rgba(0,0,0,0.8);
		transition: all 0.3s ease;
}
.btn.next  {
	width: 8%;
	height: 10%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: rgba(255,255,255,1);
	font-weight: 900;
	font-size: 4vh;
	background:rgba(0,0,0,0.4);
	border-radius: 2px;
	padding: 3px;
	position: absolute;
	right:0;
	bottom:50%;
	border:1px solid #fff;
}
.btn.next:hover {
	cursor:pointer;
	background:rgba(0,0,0,0.8);
		transition: all 0.3s ease;

}
@media (width <= 600px) {
	.btn.next  { display: none;}
	.btn.prev  { display: none;}
}
.nomtelbuy {
	display: flex;
	justify-content: space-around;
	align-items: stretch;
	width: 100%;
	max-width: 400px;
	height: auto;
	margin: 20px auto;
	font-size: 120%;
}
.nomtelbuy2 {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 70%;
	height: auto;
	padding: 10px;
	font-size: 105%;
	letter-spacing: 2px;
}
.nomtelbuy3 {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 28%;
	height: auto;
	padding: 10px;
	font-size: 105%;
}
.cenu0 {
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: stretch;
	gap:10px;
	flex-direction: row;
	flex-wrap: wrap;
	margin-top: 40px;
	
}
.cenu0 span{
	font-size: 120%;
	font-weight: 800;
	display: flex;
	width: 100%;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 10px;
}
.cenu0 span2{
	font-size: 85%;
	display: flex;
	width: 100%;
	justify-content: flex-start;
	align-items: center;
}
.cenu1c {
	display: flex;
	width: 100%;
	min-width: 400px;
	max-width: 500px;
	justify-content:space-between;
	align-items: flex-start;
	flex-direction: row;
	flex-wrap: nowrap;
	font-size: 90%;
	color: #444;
	padding:  5px 0;
	line-height: 120%;
	font-weight: 400;
	box-sizing: border-box;
}

.cenu5c {
	display: flex;
	width: auto;
	box-sizing: content-box;
	justify-content: flex-start;
	align-items: stretch;
	flex-direction: row;
	flex:4;
}
.cenu2c {
	display: flex;
	box-sizing: content-box;
	justify-content: flex-start;
	align-items: flex-end;
	flex-direction: row;
	white-space: nowrap;
	padding: 0 8px 0 0;
}

.cenu4c {
	display: flex;
	width: 100%;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: row;
	border-bottom: dotted 2px #ccc;
}
.cenu4c:after {
	content: ' ';
}
.cenu3c {
	display: flex;
	width: 300px;
	justify-content: flex-start;
	align-items: flex-end;
	flex-direction: row;
	flex-wrap: wrap;
	white-space: wrap;
	flex:3;
	padding: 0 0 0 8px;
}

@media (width <= 700px) {
	.cenu0 {
	width: 94%;
	margin: 40px auto 0;
		letter-spacing: normal;
		border-bottom: 2px solid #5C5757;
		padding-bottom: 15px;
}
	.cenu1c {
	width: 100%;
		min-width: 150px;
		max-width: 1200px;
		box-sizing: border-box;
}
	.cenu2c {
	white-space:nowrap;
		text-overflow: ellipsis;
}
}
.mult1 {
	display: flex;flex-direction: column;align-items: flex-start;justify-content:flex-start;width: 100%;height: 100%; margin: 0 auto;
	font-family: 'Open Sans', sans-serif;background-color: white;padding: 0;box-sizing: border-box;
}
.manual_1 {
	display: flex;
	width: 96%;
	height:auto;
	background-color: white;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
	margin: 10px auto;
	padding: 10px;
	box-sizing: border-box;
	border: 2px solid #000;
}
.manual_11 {
	display: flex;
	background-color: white;
	flex-direction: column;
	height: 100%;
	width: 32%;
	box-sizing: border-box;
	padding: 1%;
}
.manual_11 img {
	height: auto;
	width: 98%;
}
.manual_12 {
	display: flex;
	background-color: white;
	flex-direction: column;
	height: 100%;
	box-sizing: border-box;
	width: 5%;
}
.manual_12 div {
	display: flex;
	background-color: white;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	padding: 5px;
	font-weight: 900;
	box-sizing: border-box;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 100%;
	font-size: 12px;
	border-bottom: 1px solid #CCCCCC;
}
.manual_14 {
	display: flex;
	background-color: white;
	flex-direction: column;
	height: 100%;
	box-sizing: border-box;
	width: 10%;
}
.manual_14 div {
	display: flex;
	background-color: white;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	padding: 5px;
	font-weight: 900;
	box-sizing: border-box;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 100%;
	font-size: 12px;
	border-bottom: 1px solid #CCCCCC;
}
.manual_13 {
	display: flex;
	background-color: white;
	flex-direction: column;
	height: 100%;
	box-sizing: border-box;
    width: 48%;
}
.manual_13 div {
	display: flex;
	background-color: white;
	align-items: flex-start;
	justify-content: flex-start;
	border-bottom: 1px solid #CCCCCC;
	padding: 10px;
	font-weight: 500;
	box-sizing: border-box;
	overflow-y:scroll;
	text-overflow: ellipsis;
	height: 100%;
	font-size: 12px;
	line-height: 110%;
	width: 100%;
}
.googl {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	gap:8px;
	justify-content: space-between;
	align-items: stretch;
	padding: 0;
	margin: 50px 0;
	width: 98%;
	height: auto;
	overflow-x: scroll;
	padding: 10px 0;
}
.googl strong {
	display: flex;
	width: 100%;
	justify-content: flex-start;
	align-items: center;
	font-size: 120%;
	font-weight: 800;
	padding: 5% 10%;
}
.googl2 a {
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: flex-start;
	align-items: center;
	font-size: 100%;
	font-weight: 800;
	margin: 0 auto;
	padding: 30px;
}
.googl2 {
	min-width:  25%;
	aspect-ratio: 1 / 1;
	height: auto;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.googl2 img {
	width:  100%;
	height: auto;
}
.googl::-webkit-scrollbar {
  width: auto;
	height:9px;
	border-radius: 3px;
	overflow:hidden;
}

.googl::-webkit-scrollbar-track {
  background: #D1D1CC;
	height: 9px;
}

.googl::-webkit-scrollbar-thumb {
	background-color: #FBC300;
	height: 9px;
	border-radius: 1.5px;
} 
@media (width <= 950px) {
	.googl::-webkit-scrollbar {
		display: none;
	}
	.googl2 {
		min-width:  35%;
	height: auto;
}
}
@media (width <= 650px) {
	.googl2 {
		min-width:  55%;
	height: auto;
}
}

.sitemaps nav {
	font-size: 80%;
}
.sitemaps nav ul {
	font-size: 100%;
}
.sitemaps nav ul li {
	font-size: 100%;
}
.sitemaps nav ul li ul {
	font-size: 100%;
	width: 100%;
}
.sitemaps nav ul li a {
	font-size: 100%;
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.rowun {
	flex-direction:row;
	align-items:stretch;
	justify-content: flex-start;
	height: auto;
	width: 100%;
	gap:20px;
	overflow-x: scroll;
	overflow-y: hidden;
	display: inline-flex;
	margin: 0 auto;
	padding: 5px;
	box-sizing: border-box;
	/*box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;*/
}
.rowun a {
	display: flex;
	flex-direction: column;
	position: relative;
	min-width: 650px;
	height: 95%;
	overflow: hidden;
	background: #fff;
	border-radius: 9px;
/*	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;*/
	font-size: 1rem;
	font-weight: 100;
	color: black;
	text-decoration: none;
}
div.rowun1 {
	width: 100%;
	height: 290px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	overflow: hidden;
}
.rowun11 {
	width: 60%;
	height: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.rowun11 img {
	object-fit: contain;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}
.rowun12 {
	width: 40%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

.rowuntm {
	font-weight: 600;
	line-height: 120%;
}
.rowuntm2 {
	font-weight: 600;
	line-height: 120%;
	font-size: 1.5rem;
}
.rowuntm3 {
	font-weight: 200;
	line-height: 170%;
	font-size: 0.9rem;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	height: auto;
	width: 100%;
	margin: 1px auto;
}
div.rowun2 {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	font-size: 1.1rem;
	font-weight: 200;
	padding-left: 25px;
}
.rowun1 #x1 { 
	padding: 5px 0;
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
div.rowun a:nth-child(1) {
    margin: 0 auto;
}
div.rowun a:nth-last-child(1) {
    margin: 0 auto;
}
.rowun::-webkit-scrollbar {
  width: 100%;
	height:12px;
	padding: 2px;
}

.rowun::-webkit-scrollbar-track {
  background: #ededed;
}

.rowun::-webkit-scrollbar-thumb {
  background-color: #555;
	border-radius: 3px;
} 
.indxcat {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	height: auto;
	gap:10px;
	box-sizing: border-box;
	overflow-x:hidden;
	position: relative;
	padding: 5px;
}
@media(width<=700px) {
	.indxcat {
	overflow-x:scroll;
		justify-content: flex-start;
	width: 98%;
		margin: 0 auto;
}
	.mediaMenu {
		width: 98%;
		margin: 0 auto;
	}
	.indxcat::-webkit-scrollbar {
  width: 100%;
	height:0;
	padding:0;
		display: none;
}

.indxcat::-webkit-scrollbar-track {
  background: #ededed;
}

.indxcat::-webkit-scrollbar-thumb {
  background-color: #555;
	border-radius: 3px;
} 
}
.indxcat a {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	min-width: 80px;
	width: 80px;
	height: 80px;
	border-radius: 4px;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
	background-color: #f8f8f8;
	transition: all 0.9s ease;
}
.indxcat a:hover {
	background-color: #ededed;
	transition: all 0.3s ease;
}
.indxcat img {
	object-fit: contain;
	max-height: 100%;
	max-width: 100%;
	height: auto;
	width: auto;
	padding: 5px;
}
@media(width <= 700px) {
	.mediaMenu {
	margin: 10vh auto;
	}
}
@media(width <= 700px) {
	.rowun1 {
	flex-direction:column;
		display: flex;
}
	
}
.indxjump {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	height: 40px;
}
.indxjump select {
	width: auto;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	border: 1px solid transparent;
	border-radius: 6px;
	color: #000;
	background-color: #f8f8f8;
	font-size: 1.1rem;
	font-family: "Mulish", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
	font-size: auto;
	letter-spacing: normal;
}
.indxcam {
	width: 100%;
	height: auto;
	display: inline-flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	overflow-x:scroll;
	margin: 0 auto;
	padding: 10px 0;
	gap:10px;
	
}
.indxcam span01 {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	margin: 0 auto;
	position: absolute;
	bottom:0;
	left:0;
	font-size: 1rem;
	padding: 10px;

}
.indxcam span08 {
	-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
-ms-line-clamp: 1;
-webkit-line-clamp: 1;
line-clamp: 1;
display: -webkit-box;
display: box;
word-wrap: break-word;
-webkit-box-orient: vertical;
box-orient: vertical;
}

.indxcam span02 {
	color: #000;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 5px;
	padding-right: 15px;
	font-weight: 600;
	line-height: 120%;
	font-size: 1.5rem;
}
.indxcam span03 {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;
	margin: 0 auto;
	position: absolute;
	bottom:0;
	left:0;
	font-size: 1rem;
	color: #fff;
	padding: 10px;
	background: #000;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 1) 89%, rgba(0, 0, 0, 1) 100%);
}
.indxcam span05 {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	position: absolute;
	text-transform: uppercase;
	letter-spacing: 1px;
	top:20px;
	right:0;
	font-size: 0.9rem;
	color: #fff;
	padding: 10px;
	background: #833AB4;
background: linear-gradient(90deg, rgba(131, 58, 180, 0.85) 0%, rgba(253, 29, 29, 0.85) 50%, rgba(252, 176, 69, 0.85) 100%);
}
.indxcam span06 {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	margin: 0 auto;
	font-size: 0.9rem;
	color: #000;
	text-transform: capitalize;
}
.indxcam span09 {
	width: 70%;
	height: 2px;
	background: #833AB4;
background: linear-gradient(90deg, rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 1) 50%, rgba(252, 176, 69, 1) 100%);
}

.indxcam a {
	min-width: 20%;
	aspect-ratio: 1 / 1.5;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	text-decoration: none;
	color: #3c0386;
	border-radius: 6px;
	overflow: hidden;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
	position: relative;
}

.indxcam img {
	margin-top: 10px;
	object-fit: contain;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}
.indxcam video {
	bottom: 0;
	position: absolute;
	width: 100%;
	height: auto;
}
.indxcam::-webkit-scrollbar {
  width: 0;
	height: 10px;
}

.indxcam::-webkit-scrollbar-track {
  background: #f2f2f2;

}

.indxcam::-webkit-scrollbar-thumb {
  background-color: #555;
	border-radius: 3px;
} 
@media (width < 700px){
	.indxcam a {
		min-width: 260px;
	}
	.indxcam::-webkit-scrollbar {
  width: 0;
	height: 3px;
}

.indxcam::-webkit-scrollbar-track {
  background: #ededed;

}

.indxcam::-webkit-scrollbar-thumb {
  background-color: #000;
} 
}
.indxcen {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: stretch;
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin-top: 15px;
}

.indxcena {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: auto;
	margin-bottom: 15px;
	overflow: hidden;
	box-sizing: border-box;
}
.indxcena a {
	text-decoration: none;
	color: #3c0386;
}
.indxcena a:hover {
	text-decoration: underline;
}
.indxcena2 {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: auto;
	border-radius: 4px;
	overflow: hidden;
	
	margin-left: 10px;
}
.indxcena3 {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	width: auto;
	height: auto;
	padding: 2px 10px 2px 20px;
	font-size: 2rem;
	border-radius: 4px;
	/*background-color: #3c0386;*/
	background-color: black;
	color: white;
	white-space: nowrap;
	clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 15% 100%, 0% 50%);
}
.indxcena3 spanG {
		font-size: 1.3rem;
	margin: 3px;
	
}
.indxcena23 {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: 100%;
}
.indxcena21 {
	width: auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	height: auto;
	white-space: nowrap;
	padding-left: 10px;
	font-weight: 600;
	font-style: italic;
	color: #3c0386;
}
.indxcena22 {
	width: auto;
	min-width: 100px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	height: auto;
	white-space: nowrap;
	padding-left: 10px;
}
.indxcena24 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	height: auto;
	box-sizing: border-box;
	font-size: 0.7rem;
	width: 70%;
}
.indxcena24 #x1 {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	width: auto;
	height: auto;
	white-space: nowrap;
	padding-left: 10px;
}
.indxcen_left {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 4%;
	height: 100%;
	overflow: hidden;
}
.indxcen_right {
	display: flex;
	flex-direction: column;
	justify-content:flex-start;
	align-items: center;
	width: 96%;
	height: 100%;
}
.lineika {
	width: 100%;
	height: 50px;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
}
.lineika1 {
	width: 96%;
	height: 10px;
	border-top: 1px solid #000;
}
.lineika2 {
	width: 50%;
	height: 10px;
	border-top: 1px solid #000;
}
@media (width < 900px) {
	.indxcena24 {
	display: none;
}
	.indxcena23 {
	overflow-x: scroll;
}
	.indxcena21 {
	
	white-space: nowrap;
	padding: 5px 20px;
	
}
	.indxcen_left {
	width: 6%;
}
.indxcen_right {
	width: 94%;
}
	.indxcena23::-webkit-scrollbar {
  width: 0;
	height: 1px;
}

.indxcena23::-webkit-scrollbar-track {
  background: #ededed;

}

.indxcena23::-webkit-scrollbar-thumb {
  background-color: #000;
} 
}









.cssSlider {
	display: block;
	position: relative;
	width: 100%;
	max-width: 700px;
	overflow: hidden;
	margin: 0 auto;
	overflow: hidden;
}
.cssSlider .slides {
	overflow: hidden;
	width: 100%;
	height: 70vmin;
	margin: 0;
	padding: 0;
	list-style: none;
}

.cssSlider .slides > li {
	width: 100%;
	height: 70vmin;
	position: absolute;
	z-index: 1;
	overflow: hidden;
	border-radius: 2px;
	border:3px solid #fefefe;
	display: flex;
	justify-content: center;
}
.cssSlider .slides > li > span {
	width: 100%;
	height: auto;
	background: rgba(0,0,0,0.8);
	color: #fff;
	font-weight: 500;
	font-size: 1rem;
	position: absolute;
	padding: 15px;
	left:0;
	bottom: 0;
	z-index: 2;
	overflow: hidden;
}
.cssSlider .slides > li > img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	object-position: center;
	border-radius: 3px;
}

.cssSlider .slides > li:first-child:not(:target) {
	z-index: 1;
	-webkit-transform: translateY(0%);
	        transform: translateY(0%);
}
.cssSlider .thumbnails {
	display: flex;
	position: relative;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	justify-content: center;
	height: 100px;
}
.cssSlider .thumbnails > li {
	float: left;
	width: 150px;
	padding: 4px 2px;
	height: 100%;
}
.cssSlider .thumbnails > li > a {
	display: flex;
	height: 100%;
}
.cssSlider .thumbnails > li > a > img {
	width: 100%;
	height: auto;
	border-radius: 6px;
	padding: 2px;
	object-fit: cover;
}
.cssSlider .thumbnails > li > a > img:hover {
	border:2px solid red;
	padding: 0;
}

.cssSlider .slides li:target {
	z-index: 3;
	-webkit-animation: slide 0.5s 1;
	background-color: white;
}
.cssSlider .slides li:not(:target) {
	-webkit-animation: hidden 0.5s 1;
}
@-webkit-keyframes slide {
	0% {
		-webkit-transform: translateX(-100%);
		        transform: translateX(-100%);
	}
	100% {
		-webkit-transform: translateX(0%);
		        transform: translateX(0%);
	}
}
@keyframes slide {
	0% {
		-webkit-transform: translateX(-100%);
		        transform: translateX(-100%);
	}
	100% {
		-webkit-transform: translateX(0%);
		        transform: translateX(0%);
	}
}
@-webkit-keyframes hidden {
	0% {
		z-index: 2;
		-webkit-transform: translateX(0%);
		        transform: translateX(0%);
	}
	100% {
		z-index: 2;
		-webkit-transform: translateX(100%);
		        transform: translateX(100%);
	}
}
@keyframes hidden {
	0% {
		z-index: 2;
		-webkit-transform: translateX(0%);
		        transform: translateX(0%);
	}
	100% {
		z-index: 2;
		-webkit-transform: translateX(100%);
		        transform: translateX(100%);
	}
}