html {

}



@font-face{
	font-family:GPBSans;
	src:url(../fonts/Gazprombank-Sans-Normal.otf) format("truetype");
	font-weight:400
}


	
@font-face{
	font-family:Halvar;
	src:url(../fonts/Halvar-Breitschrift-Regular-Desktop.otf) format("truetype");
	font-weight:600
}

html {
			scroll-behavior: smooth;
		}
		
	
body{
	font-family:"GPBSans", Arial, sans-serif;	
	background-color: #000;
	color: #fff;
	font-size: 1.2em;
	  scroll-behavior: smooth !important;
}


h1, h2, h3, h4, h5{
	font-family:"Halvar", Arial, sans-serif;		
}




h1{
	line-height: 50px;
}


h2{
	font-size: 2em;
}

.ppBgMain{
	background-color: #A18A54 !important;
}

.ppBgMain:hover{
	background-color: #B6A274 !important;
}

.ppColorMain{
	color: #A18A54 !important;
}

.hightLight{
	color: #DD42DB !important;
	font-weight: 700;
	text-shadow:
			0 0 1px rgba(221, 66, 219, 0.55),

			0 0 10px rgba(221, 66, 185, 0.6);}

/* moving menu */

#navi {
  position: fixed;
  left: 50%;
  transform: translateX(-50%) translateY(0);
  
  width: 100%;
  background: transparent;
  transition: background 0.3s, width 0.3s, top 0.3s;
  z-index: 10;
  
  border: solid 2px #1918EE;

}

#naviInner {  
  margin: 0 auto;
  padding: 20px 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}


#navi a {
  margin-left: 20px;
  text-decoration: none;
}


#navi.isFixed {
	top: 16px;

	background-color: rgba(16,16,16,0.6);
	width: calc(100% - 40px);	

	backdrop-filter: blur(5px); 
	border-radius: 8px;
/*   animation: headerFadeIn 0.35s forwards; */
}

/* end moving menu */


nav a.active {
			color: #59FFFF;
			font-weight: bold;
			text-decoration: none;
		}


.icon-text {
	display: flex;
	align-items: center; /* Центрируем по вертикали */
	gap: 16px;           /* Расстояние между иконкой и текстом */
	justify-content: center
}

.icon {
	width: 40px;          /* Ширина иконки */
	height: 40px;         /* Высота иконки */
}

.text {
	font-size: 18px;      /* Размер шрифта */
	text-align: left;
}

#header{
	width: 100%;
	background-color: #000;
	/*background-image: url(../img/bg_head2.jpg);*/
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	/*padding-top: 200px;*/

}

.header-video{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
}

.header-content{
	padding-top: 200px;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

#headerInner{
	height: 1000px;	

}


/* ШАПКА Start */
.banner {
	
/* 	margin: 0 auto; */

	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.banner__date {
	text-align: left;
	color: #7FF7FF;
	font-family: Halvar, serif;
	/*font-size: 56px;*/
	font-size: 40px;
	font-weight: 700;
	line-height: 1;
	/*text-transform: uppercase;*/
}

.banner__image {
	display: block;
	max-width: 100%;
	height: auto;
	object-fit: contain;
}

.banner__free {
	position: absolute;
	right: 0;              /* регулируй положение */
	top: 125px;             /* регулируй положение */
	z-index: 3;
	
	color: #DD42DB;
	font-weight: 700;
	font-size: 36px;       /* подгони под макет */
	line-height: 1;
/* 	padding: 10px 18px;
	border-radius: 14px; */
	white-space: nowrap;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.header__hr-top,
.header__hr-bottom {
	position: relative;
	width: 100%;
	/*max-width: 1200px;*/
	margin: 40px auto;
	border: 0;
	height: 2px;
	background: #58fefd;
}
/* Свечение проявляется слева направо */
.header__hr-top::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 4px;
	background: #58fefd;
	box-shadow:
			0 0 6px #58fefd,
			0 0 12px #58fefd,
			0 0 20px #58fefd,
			0 0 40px #58fefd;
	animation: neon-grow 5s linear infinite;
}

@keyframes neon-grow {
	0% {
		width: 0;
		opacity: 1;
	}
	30% {
		width: 100%;
		opacity: 1;
	}
	70% {
		width: 100%;
		opacity: 0;
	}
	100% {
		width: 100%;
		opacity: 0;
	}
}

.header__hr-bottom {
	background: #b82faa;
}

.header__hr-bottom::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 5px;
	opacity: 0;
	background: #b82faa;
	box-shadow:
			0 0 16px #b82faa,
			0 0 16px #b82faa,
			0 0 40px #b82faa,
			0 0 80px #b82faa;
	animation: neon-flash 5s linear infinite;
}

@keyframes neon-flash {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

.header__logo {
	display: block;
	
	margin: 50px auto;
	width: 100%;
}

.header__slogan {
	width: fit-content;
	margin: 10px auto;
	max-width: 1200px;
	text-align: left;
	color: #fff;
	font-family: Halvar, serif;
	font-size: 2.46rem;
	font-weight: 700;
	line-height: 1.2;
	text-transform: uppercase;
}
.header__slogan-accent{
	color: #58fefd;
}

/*.header__bottom-line{*/
/*	display: block;*/
/*	margin: 50px auto;*/
/*}*/

.header__bottom-line {
	width: 100%;
	overflow: hidden;
}

.header__bottom-line-track {
	display: flex;
	width: max-content;
	animation: bottomLineMove 70s linear infinite;
}

.header__bottom-line-track img {
	display: block;
	width: 1281px;
	height: 29px;
	flex: 0 0 1281px;
}

.header__bottom-line-track img + img {
	margin-left: -4px;
}

@keyframes bottomLineMove {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(calc(-1281px + 18px));
	}
}

/* ШАПКА END */



p.eventDate{
	font-size: 20px;
}


#logo{
	position: static; 
}


#logo2{
	position: absolute;

}


h1.title{
	line-height: 1.3em;
	text-align: center;
	text-shadow: 1px 1px 20px black;
	font-size: 280px;
	position: absolute;
	bottom: 164px;
	width: 100%;
	left: 0;
	letter-spacing: 36px;
	display: none;
}


p.description{
	font-family: "GPBSans", serif;
	font-size: 1.4em;
}





#main{
	font-size: 20px;
	margin: 0 auto;

}



.ppWnd{
	padding-top: 48px;
	padding-bottom: 48px;
}


.section{
	margin: 50px 24px;
}

.sectionWithBackground{
	padding: 64px;	

}



.sectionNotFullScreen{
	max-width: 1280px;
	margin: 0 auto;	
	padding-left: 16px;
	padding-right: 16px;
	position: relative;
}



.sectionPad{
	padding-top: 48px;
	padding-bottom: 48px;
}




#sectionAboutEvent{
	padding-top: 80px;
	background-color: #000;
 	background-image: url(../img/dots2.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom right;

}

/* 

ul.ppMarkers li {
	list-style: none; 
	padding: 20px;
	position: relative;
	padding-left: 65px; 
	min-height: 100px;
  
}


ul.ppMarkers li::before {
	content: "";
	position: absolute;
	top: 10px;
	left: 0;
	width: 50px; 
	height: 50px; 
	background-image: url(../img/check_4-1024.png.webp);
	background-size: contain;
	background-repeat: no-repeat;
}


 */

.forWhom {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 34px 34px;
	list-style: none;
	padding: 20px;
	margin: 40px 20px 20px 20px;
	place-items: center;
}

ul.forWhom::after {
	content: "";
	display: table;
	clear: both;
}

ul.forWhom li {
	list-style: none;
	width: 100%;
	height: 130px;
	display: grid;
	padding: 16px;
	text-align: center;
	align-items: center;
	position: relative;
	transition: transform 0.4s ease, filter 0.4s ease;
	filter:
			drop-shadow(0 0 3px rgba(255, 255, 255, 0.84))
			drop-shadow(0 0 9px rgba(255, 255, 255, 0.55))
			drop-shadow(0 0 10px rgba(255, 255, 255, 0.6));
}
ul.forWhom li::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #1918EE;
	clip-path: polygon(0 0, 96% 0, 100% 16%, 100% 100%, 4.5% 100%, 0 83%);
	z-index: -1;
}

ul.forWhom li:hover{
	transform: scale(1.02);
	filter:
			drop-shadow(0 0 calc(3px + 5px) rgba(221, 66, 219, 0.84))
			drop-shadow(0 0 calc(9px + 5px) rgba(221, 66, 219, 0.55))
			drop-shadow(0 0 calc(10px + 5px) rgba(221, 66, 219, 0.6));
}


#sectionSpeakers{
	background-color : #1918EF;
	color: #fff;
	background-image: url(../img/Flag2.png);
	background-position: bottom right;
	background-size: contain;
	background-repeat: no-repeat;	
	
}


#sectionSpeakers h2 {
	color: #fff;
	font-weight: 600;
}


#sectionSpeakers h3 {
	font-family:"GPBSans", Arial, sans-serif;	
	font-size: 22px;
	 margin-bottom: 0;
 }



#cntScrollBtns{
	display: flex;
	gap: 14px;
	position: absolute;
	right: 10px;
	top: 0;
}

.btnNav{
	width: 56px;
	height: 56px;
	border-radius: 50%;
}

.btnNav {
	width: 64px;
	height: 64px;
	border: 2px solid #63f6ff;
	border-radius: 18px;
	background: #000;
	color: #63f6ff;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	transition:
			transform 0.18s ease,
			box-shadow 0.18s ease,
			border-color 0.18s ease,
			color 0.18s ease;
}

/* .btnNav::before {
	content: "";
	position: absolute;
	inset: -30%;
	background: radial-gradient(circle, rgba(99,246,255,0.45) 0%, rgba(99,246,255,0.18) 35%, rgba(99,246,255,0) 70%);
	opacity: 0;
	transform: scale(0.6);
	transition:
			opacity 0.18s ease,
			transform 0.18s ease;
	pointer-events: none;
} */

.btnNav:hover,
.btnReg:hover{
	transform: scale(1.08);
	background-color: #58FEFE;
	border-color: #58FEFE;
	color: #000;
	box-shadow:
			0 0 12px rgba(99,246,255,0.95),
			0 0 28px rgba(99,246,255,0.75),
			0 0 56px rgba(99,246,255,0.45);
}

.btnReg:hover{
	font-weight: 600;
}

.btnNav:hover::before,
.btnReg:hover:before{
	opacity: 1;
	transform: scale(1.15);
}

.btnNav:active{
	transform: scale(0.96);
	box-shadow:
			0 0 8px rgba(99,246,255,0.9),
			0 0 18px rgba(99,246,255,0.6);
}

.btnReg:active{
	transform: scale(1.05);
	box-shadow:
			0 0 8px rgba(99,246,255,0.9),
			0 0 18px rgba(99,246,255,0.6);
}

.btnNav svg {
	position: relative;
	z-index: 2;
	transition:
			transform 0.18s ease,
			filter 0.18s ease;
}

#btnPrev:hover svg {
	transform: translateX(-4px) scale(1.15);
	filter:
			drop-shadow(0 0 6px rgba(99,246,255,1))
			drop-shadow(0 0 14px rgba(99,246,255,0.9));
}

#btnNext:hover svg {
	transform: translateX(4px) scale(1.15);
	filter:
			drop-shadow(0 0 6px rgba(99,246,255,1))
			drop-shadow(0 0 14px rgba(99,246,255,0.9));
}


#srollBox{

}

.gallery-container {
	overflow-x: auto;
	display: flex;           /* Применяем Flexbox */
	justify-content: center; /* Центрируем горизонтально */
	align-items: stretch;    /* Растягиваем вертикально */
	/*gap: 2rem;               /* Интервал между изображениями */
	gap: 10px;
	
	margin: 20px auto;       /* Отступы и центрирование */
	flex-wrap: nowrap;          /* Перенос элементов на новую строку */
	justify-content: left;	
	
	scrollbar-width: none;
	-ms-overflow-style: none;
	
}

.gallery-container::-webkit-scrollbar {
  display: none;
}


.gallery-container .column{
   flex-basis: calc(50%); /* Ширина каждой картинки */	
   flex-shrink: 0;
}



.cardSvg {
	position: relative;
	height: 250px;
	margin: 30px 10px;
	transition: transform 0.4s ease, filter 0.4s ease;
}


.cardSvg:hover {
	transform: translateY(-7px);
	filter: drop-shadow(4px -3px 3px rgb(221, 66, 219));
	z-index: 3;
}


.borderSvg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
 
}

.shadowSvg {
  position: absolute;
  top: 10px;
  left: -10px;
  width: 100%;
  height: 100%;
  opacity: 0.7;
  filter: blur(4px);
}



.innerСontent {
  position: absolute;
  inset: 0;
 
}

#sectionSpeakers .speakerInfo {
  position: absolute;
  left: 30px;
  top: 30px;
  color: #fff;
}


#sectionSpeakers .speakerInfo h3{
	font-size: 32px;
	line-height: 1em;
    margin-bottom: 35px;
}


#sectionSpeakers .speakerInfo p{
	font-size: 16px;
	max-width: 200px;
	margin: 0;
}


#sectionSpeakers .speakerInfo p.company{
	color: #58FDFD;
	font-size: 14px;	
}



.speakerPhoto {
  position: absolute;
  right: 2px;
  bottom: 2px;
  height: 88%;
}




.speaker{
	padding: 16px 8px;
	display: flex;
	min-height: 180px;
	
}

.speaker img{
	width: 80px;
	height: 80px;
	border-radius: 8px;
	flex-basis: 80px;
	flex-shrink: 0;
}

.speaker .speakerInfo{
	padding-left: 16px;
}

.speaker h3{
	font-weight: 600;
	margin: 0;
}


.speaker p{
	font-size: 16px;
	margin: 0;
}


.speaker p.company{
	color: rgb(103, 110, 121);
	font-size: 14px;	
}



#sectionSchedule{
}


.kvElement{
	position: absolute;
	top: 10px;
	right: 0;
}

#sectionSchedule .speaker{
	padding: 16px 8px;
	display: flex;
	min-height: auto;
}

#sectionSchedule .speaker img{
	width: 80px;
	height: 80px;
	border-radius: 8px;
	flex-basis: 80px;
	flex-shrink: 0;
}

#sectionSchedule .speaker .speakerInfo{
	padding-left: 16px;
}

#sectionSchedule .speaker h3{
	font-weight: 600;
	margin: 0;
	color: #1918EE;
}

#sectionSchedule #track01 .speaker h3{
	color: #58FDFD;
}


#sectionSchedule #track02 .speaker h3{
	color: #DD42DB;
}


#sectionSchedule .speaker p{
	font-size: 16px;
	margin: 0;
}


#sectionSchedule .speaker p.company{
	color: rgb(103, 110, 121);
	font-size: 14px;	
}






.ppTab{
	width: auto;
	background-color: #000;
	color: #fff;
	border-radius: 16px;
	border: solid 2px;
}


.activeTab{
	background-color: #DD42DB;
	color: #fff;
}

#btnTrack01{
	border-color: #58FEFE;
}

#btnTrack02{
	border-color: #DD42DB;
}


#btnTrack01:hover, #btnTrack01.activeTab{
	background-color:  #58FEFE;
	color: #000;
}



#btnTrack02:hover, #btnTrack02.activeTab{
	background-color:  #DD42DB;
}


/*.event{*/
/*	padding: 24px;*/
/*	border-radius: 24px;*/
/*	margin: 8px 0;*/
/*	border: solid 3px #59FFFF;*/

/*}*/

.event {
	
	padding: 32px;
	/*border-radius: 48px;*/
	margin: 16px 0;
	border: 3px solid #59f3ff;
	border-radius: 20px;
	background: #000;
	box-shadow: 0 0 0 rgba(255, 255, 255, 0);
	transition: box-shadow 0.45s ease;
}

.event .title{
	position: relative;
}

.event:hover, .question:hover {

	box-shadow:
			0 0 10px rgba(255, 255, 255, 0.9),
			0 0 24px rgba(255, 255, 255, 0.7),
			0 0 40px rgba(255, 255, 255, 0.45);
}


#cntPlayer{
	margin: 30px 0;
}

#streamPlayer{
	border-radius: 20px;	
}


.player__track01{
	box-shadow:
			0 0 10px rgba(88, 253, 253, 0.9),
			0 0 24px rgba(88, 253, 253, 0.7),
			0 0 40px rgba(88, 253, 253, 0.45);	
}


.player__track02{
	box-shadow:
			0 0 10px rgba(221, 66, 219, 0.9),
			0 0 24px rgba(221, 66, 219, 0.7),
			0 0 40px rgba(221, 66, 219, 0.45);	
}



@keyframes borderFlash {
  0% {
    box-shadow: 0 0 0 rgba(255, 255, 255, 0)
  }
  40% {
    box-shadow:
      0 0 10px rgba(255, 255, 255, 0.9),
      0 0 24px rgba(255, 255, 255, 0.7),
      0 0 40px rgba(255, 255, 255, 0.45);
  }
  100% {
    box-shadow:
      0 0 6px rgba(255, 255, 255, 0.45),
      0 0 14px rgba(255, 255, 255, 0.25);
  }
}

.expander{
    position: absolute;
    top: 0;
    right: 0;
    transition: transform 0.3s;
    border: solid 2px;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    padding: 5px 6px;
}


.rotate180{
	transform: rotate(180deg);
}


.event h3, .question h3{
	font-weight: 600;
	font-size: 24px;
	padding-right: 40px;
}

.event p{
	padding-right: 32px;
}



.event .extra{
	font-size: 18px;
	padding-left: 16px;
	transition: all 0.3s;	
}

.time{
	border-radius: 8px;
	background-color: #58FEFE;
	padding: 8px;
	color: #000;
	display: inline;
}

#track02 .event{
	border-color: #DD42DB;
}



#track02 .time{
		background-color: #DD42DB;
}




#sectionMap{
	background-color: #1918EE;
	
	background-image: url(../img/Flag2.png);
	background-position: bottom right;
	background-size: cover;
	background-repeat: no-repeat;	
	
}

#map{
	width: 100%;
	height: 800px;
	margin: 0;
	padding: 0;
	
}



#sectionQA{
	background-color: #000;
	color: #fff;
	
}


.question{
	border: solid 3px #1918EE;
	padding: 24px;
	border-radius: 16px;
	margin: 16px 8px;
	transition: box-shadow 0.45s ease;

}

.question .title{
	position: relative;
}



#sectionRegister{
	background-color: #000;
	background-image: url(../img/bg_head2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center right;	
}


/* 
.plate{
	text-align: center;
	border-radius: 24px;
	border: solid 2px #153B91;
	background: #2355D7;
	background: linear-gradient(53deg,rgba(35, 85, 215, 0.3) 0%, rgba(54, 41, 122, 0.3) 69%);
	padding: 16px;
	min-height: 150px;
	margin: 0 6px;
}

.plate p{
	font-size: 18px;
	font-family:"Halvar", serif;				

}

.plate img{
	width: 50px;
}



#plateWhere{
	background: #2355D7;
	background: linear-gradient(306deg,rgba(35, 85, 215, 0.3) 43%, rgba(54, 41, 122, 0.3) 84%);
} */


#playerContainer{
 position: relative;
  z-index: 1;	
}


.scale-video {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
}

.scale-video iframe, .scale-video video{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
/*   border-radius: 16px; */
}


#sectionLive{
	background-color: #444;	

/* 	text-align: center; */
}


#wndRegister{

}





#sectionFeedback{
}

#wndRegister{
	max-width: 900px;
	margin: 50px auto;
}



.break{
	padding: 20px;
}



#footer{
	background-color: #000;
	text-align: center;
	color: #555;
	padding: 50px 10px;
	font-size: 1rem !important;
}







/* Large desktops and laptops */
@media screen and  (min-width: 1200px) {
	#headerInner{


	}

	#logo{
		width: 255px;
	}

	#logo2{
		width: 200px;		
		right: 50px;
		top: 50px;
	}	
	
	h1.title{
		bottom: 164px;
		
	}
	
	p.description{
		padding-top: 40px;		
	}
	
	
	#btnReg{

	}
	
	#cntScrollBtns{
		display: none;
	}
	
.gallery-container .column{
   flex-basis: calc(33%); /* Ширина каждой картинки */	
}
	

}



/* Portrait tablets and medium desktops */
@media screen and  (min-width: 992px) and (max-width: 1199px) {
	
	#header{
		background-position: bottom 0 right 0;
	}
	
	#headerInner{


	}
	
	.header__slogan{
		padding-left: 50px;
	}

	#logo{
		width: 200px;
		top: 30px;
		left: 30px;
	}

	#logo2{
		width: 200px;
		top: 30px;
		right: 30px;
	}	

	h1.title{
		padding-top: 80px;
	}	
	
	p.description{
		padding-top: 30px;		
	}	
	
	#btnReg{

	}	
	

	
	.gallery-container .column{
	   flex-basis: calc(50%); /* Ширина каждой картинки */	

	}

	.cardSvg{
		max-width: 500px;
	}

	ul.forWhom li{
		width: 100%;
        padding: 8px;
        font-size: 18px;		
	}
	
}



/* Portrait tablets and small desktops */
@media screen and  (min-width: 768px) and (max-width: 991px) {
	
	
	#header{
		background-position: bottom 0 right 0;
	}
		
	
	#headerInner{


	}

	#logo{
		width: 150px;
		top: 30px;
		left: 30px;
	}

	#logo2{
		width: 150px;
		top: 30px;
		right: 30px;
	}	

	
	h1.title{
		padding-top: 26px;
		line-height: 1.2em;
		max-width: 485px;
	}	
	
	p.description{
		padding-top: 15px;	
	}	
	
	#btnReg{
		margin-top: 20px;
	}		


	.gallery-container .speaker{
	   flex-basis: calc(33%); /* Ширина каждой картинки примерно треть ширины */	

	}	



	.speaker p{

	}
  
	ul.forWhom{
	    grid-template-columns: repeat(2, 1fr);
	}
  
}




/* Landscape phones and portrait tablets */
@media screen and  (max-width: 767px) {
	
	body{
		font-size: 1.5em;
	}

	.ppHideMobile{
		display: none;
	}
	
	
	#headerInner{

	}

	#logo{
		width: 150px;
		top: 20px;
		left: 20px;
	}

	#logo2{
		width: 150px;
		top: 20px;
		right: 20px;
	}		
		
		
		
	.header__slogan{
		padding-left: 50px;
	}
	
	h1.title{
		padding-top: 20px;
		line-height: 1.1em;
		max-width: 485px;		
	}	
	
	
	p.description{
		padding-top: 10px;		
	}	
	
	#btnReg{
		margin-top: 10px;
	}		
	
	ul.forWhom{
	    grid-template-columns: repeat(2, 1fr);
	}	

	ul.twoColumns {
		grid-template-columns: 1fr; 
	}


	ul.forWhom{
		
	    grid-template-columns: repeat(1, 1fr);
        margin: 0;
        padding: 10px 0 10px 16px;
	}	
	
	ul.forWhom li{
		width: 100%;
	}
	

	.gallery-container .column{
	   flex-basis: calc(100%); /* Ширина каждой картинки примерно треть ширины */	

	}	

	.kvElement{
		display: none;
	}  
  
	#liveStream{
		margin-left: 0;
		margin-right: 0;
		padding: 0;

	}
	
	#liveStream iframe{
		border-radius: 0;
	}  
  
 
  
}




/* Landscape phones and smaller */
@media screen and  (max-width: 480px) {
	
	
	.ppHideMobile{
		display: none;
	}
	
	body{
		font-size: 1.2em;
	}
	
	#header{
		background-image: none;
	}
	
	#headerInner{
		height: calc(100vh - 200px);

	}
	
	
	.header-video{
		width: 400%;
	}

	#logo{
		width: 200px;
		top: 10px;
		left: 10px;
	}

	#logo2{
		width: 100px;
		top: 10px;
		right: 10px;
	}			
	
	#navi.isFixed{
		border: 0;
		border-bottom: solid 2px #1918EE;
		top: 0;
		width: 100%;
		border-radius: 0;
	}
	
	#naviInner{
		padding: 20px 10px;
	}
	
	#headerInner .banner{
		display: block;
	}

	.banner__date{
		font-size: 22px;
		margin-bottom: 20px;
		text-align: center;
	}
	
	
	.banner__image{
		margin: 0 auto;
	}

	.banner__free {
		font-size: 24px;
		top: 160px;
		padding: 8px 12px;
		border-radius: 10px;
	}
	
	.header__slogan{
		font-size: 1.6rem;
		padding-left: 8px;
	}

	

	

	img.banner__image{

	}
	
	h1.title{
		padding-top: 300px;
		line-height: 1.2em;
		font-size: 28px;
	}	
		
	p.description{
		display: none;
	}
		
	#btnReg{
		margin-top: 20px;
	}		
	
	h2{
		font-size: 2.3rem;
		line-height: 1.2em;
	}
		
	.section{
		padding: 20px;
		margin: 8px 16px;
	}
	
	
	#divDescCol{
		padding-right: 0;
	}

	
	#main{
		background-position: left;	
		font-size: 16px;
	}


	#divSpeakerCol{
		border-left: 0;
		padding-left: 0;
	}
		
	
	#sectionAboutEvent	{
		padding-top: 40px;
	}
		
		
	
	#sectionAboutEvent p, #sectionAboutEvent ul{
		padding: 20px 0 0 0;
		
	}
	
	
	.kvElement{
		display: none;
	}
	
	.event{
		padding: 16px;
	}
	
	.event h3{
		font-size: 20px;
		line-height: 1em;
	}
	
	.expander{
		width: 36px;
		height: 36px;
		padding: 0px 0px;		
	}
	
	.event .extra{	
		font-size: 14px;
	}
	
	#sectionSpeakers .speakerInfo h3{
		font-size: 30px;	
	}


	.btnNav{
		width: 50px;
		height: 50px;
	}

	#sectionSchedule .speaker p{
		font-size: 14px;
		padding: 5px 0 0 0;
	}


	ul.twoColumns {
		grid-template-columns: 1fr; 
	}

	ul.forWhom{
		
	    grid-template-columns: repeat(2, 1fr);
        margin: 0;
        padding: 10px 0 10px 16px;
	}	
	
	ul.forWhom li{
		width: 100%;
        padding: 16px;
        font-size: 14px;		
	}
	
	
	#sectionWhenWhere{
		margin:  0;
	}
	
	
	.plate{
		padding-left: 20px;
		padding-right: 20px;
		margin: 10px;
	}
		
	.plate img{
		width: 30px;
	}
	
	
	.plate p{
		font-size: 14px;
	}
	
	
	#liveStream{
		margin-left: 0;
		margin-right: 0;
		padding: 0;

	}
	
	#liveStream iframe{
		border-radius: 0;
	}
	
	.scale-video {
	/*  padding-top: 800px;*/
	}	
	
	.gallery-container .column{
	   flex-basis: calc(100%); /* Ширина каждой картинки примерно треть ширины */	

	}	
 
	#sectionSpeakers .speakerInfo p {
		font-size: 0.8em;
        max-width: 160px;		
	}
	
	.question h3{
		line-height: 1em;
	}
 
	#sectionRegister{
		padding-top: 0;
		padding-bottom: 150px;
	}
}







/*register*/
label {
	margin-top: 10px;
	padding-left: 10px;
	
}

input[type="text"],
input[type="email"],
input[type="password"],
textarea {
	width: 100%;
	padding: 10px 20px;
	margin-bottom: 20px;
	border: 1px solid #ddd;
	border-radius: 5px;
	outline: none;
}


input[type="checkbox"] {
  accent-color: #A18A54; /* Your desired color */
}


#loginBtn{
	width: 100%;	

}



.max400{
	max-width: 400px;
}

#reloginBtn{
	width: 150px;
}

#cancelBtn{
	width: 150px;
}


/*buttons*/

button, .ppButton {
	border: solid 2px #59FEFE;
	background-color: #000;
	color: #fff;
	width: 100%;
	padding: 12px 16px;
	cursor: pointer;
	border-radius: 16px;
	transition: all 0.2s ease-in-out;
	/*font-size: 1.1em;*/
}

button:hover, .ppButton:hover {
	background-color: #59FFFF;
	color: #000;

}



.ppError{
	color: #ff0000;
	font-weight: bold;
	padding-top: 16px;
}


.ppBorder{
	border-radius: 0px;
	padding: 16px;

}


.shake {
	animation: shake-effect 0.5s cubic-bezier(.36,.07,.19,.97) both;
}


@keyframes shake-effect {
	10%, 90% { transform: translateX(-1px); }
	20%, 80% { transform: translateX(2px); }
	30%, 50%, 70% { transform: translateX(-3px); }
	40%, 60% { transform: translateX(3px); }

}




.fadeIn {
	animation: fadeIn-effect 0.3s ease-in forwards;
}


@keyframes fadeIn-effect {
  from {
	opacity: 0;
  }
  to {
	opacity: 1;
  }
}