* {
  margin: 0;
  padding: 0;
}

.nplm {
	background: url(0bgrppsse.png) no-repeat center center fixed;
	background-size: cover;
}
.plm {
	background-color: #f9f1fe;
}

.centered {
	margin: auto;
	max-width: 1023px;
}

.flecs {
	display: flex;
}

main {
	height: 100%;
}
/* footer*/
.fa {
  padding: 10px;
  width: 15px;
  height: 15px;
  text-align: center;
  text-decoration: none;
  border-radius: 50%;
  background: #ffffff;
  margin: 15px;
  color: #581845;
}

footer {
	background-color: #581845;
	bottom: 0;
	width: 100%;
	position: fixed;
}

.media-footer {
	text-align: center;
}

.filler {
	height: 60px;
}

/*header menu*/
header {
	width: 100%;
	background-color: #581845;
}

.header-content {
	max-width: 1024px;
	background-color: #581845;
	color: #ffffff;
	font-family: calibri;
	font-size: 15px;
	letter-spacing: 1px;
	padding: 10px 10px;
	margin: auto;
	box-sizing: border-box;
	overflow: auto;
}
.logo {
	display: inline-block;
	padding-left: 1em;
	float: left;
	width: 50px;
	cursor: default;
}
nav ul{
	position:relative;
	top: 0.5em;
	float: right;
}

nav ul a {
  color: white;
  font: strong;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  vertical-align: middle;	
  margin: 0.3em;
}

nav ul a:hover {
	font-weight: bold;
	text-decoration: none;
	display: inline-block;
	text-align: center;
	vertical-align: middle;	
  }
nav li {
	display: inline;
	margin-right: 0.5em;
}
.dropdown {

	display: inline-block;
}

.dropbtn {
	border: none;
	cursor: pointer;
	width: 2em;
	height: 2em;
	background-color: Transparent;
	float: right;
	position: absolute;
	right: 5em;
	top: 2.5em;
}

.burger {
	width: 2.5em;
}

.burger:hover {
	width:3em;
}

.dropdown:hover .dropdown-content {
	display: block;
} 

.dropdown-content {
  display: none;
  position: absolute;
  min-width: 160px;
  background-color: #581845;
  z-index: 1;
  right: 0;
}

.dropdown-content a {
  color: white;
  padding: 10px 10px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {
	font-weight: bold;
}
  /*resize-uri*/
  
@media screen and (max-width: 1023px){
	.listamenu {
		display: none;
	}
	.Bvideo {
	width: 100%;
	}
}
@media screen and (min-width: 1024px){
	.dropdown {
		display: none;
	}
}
/*homepage*/	
.splash {
	max-width: 1023px;		
	margin: auto;
	cursor: pointer;
}

.splimg {
	box-sizing: border-box;
	overflow: auto;
	max-width:100%;
	max-height: auto;
	margin: auto;
	padding: 35px;
}

.hButton {
	min-width: 45px;
	min-height: 15px;
	color: #581845;
	font-size: 22pt;
	padding: 15px;
	margin: auto;
	border: 0;
	cursor: pointer;
	background-color: #ffffff;
}

.hButt {
	flex-wrap: wrap;
	justify-content: space-around;	
}

.haiden {
	display: none;
}

.houm {
	margin: auto;
	max-width: 400px;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	top: 5em;
	background-color: #ffffff;
	padding: 1em;
	font-size: 18pt;
	text-align: justify; 
	opacity: 90%;
	font-family: calibri;
}

/* partea de video*/

.Bvideo {
	margin: 0;
	padding: 3em;
	width: 1000px;
	height: 600px;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
	
}
.container1 {
	justify-content: center;
}

.Vthumb {
	padding: 1em;
	width: 12em;
	height: 8em;
	cursor: pointer;
}

 
.container2 {
	flex-wrap: wrap;
	justify-content: space-around;
}

/* galeria foto */

.splash2 {
	max-width: 1023px;		
	margin: auto;
	position: relative;
	text-align: center;
}

.Gthumb {
	padding: 1em;
	width: 15.9em;
	height: 11em;
	cursor: pointer;
	box-sizing: border-box;
}

.container3 {
	position: relative;
	display: grid;		
	grid-template-columns: auto auto auto auto;
	justify-content: space-evenly;
	overflow: auto;
	height: 45em;
	margin-top: 2em;
}

.container3::-webkit-scrollbar-button {
	display: none;
}

.container3::-webkit-scrollbar {
    width: 12px;
}
 
.container3::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px pink; 
    border-radius: 10px;
}
 
.container3::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px #581845; 
}



.container4 {
	position: relative;
	top: 1em;
	padding: 1em;
	display: none;
}

.closebtn {
  position: absolute;
  top: 3rem;
  right: 3rem;
  color: white;
  font-size: 35px;
  cursor: pointer;
}

/* log in/sign up */

.form_container {
	margin: auto;
	max-width: 1023;
	position: relative;
	top: 3em;
	font-family: calibri;
	font-size: 18pt;
	justify-content: center;
	flex-flow: column nowrap;
	align-items: center; 
}

.form1 {
	box-sizing: border-box;
	margin: auto;
}

.buton {
    font: inherit;
	padding: 3px;
}

/* traineri si participanti*/

.container5 {
	position: relative;
	padding: 0 1em 0 0;
	height: 100%;
	overflow: auto;
	top: 2em;
	cursor: pointer;
}

.container6 {
	max-width: 1024px;
	height: 50em;
	overflow: hidden;
	margin: auto;
	display: grid;
	grid-row-gap: 5em;
	grid-column-gap: 1em;
	grid-template-columns: 70% auto;
	justify-content: space-evenly;
}

.Pthumb {
	width: 9em;
	height: 10em;
	object-fit: cover;
}

.tableaux {
	background-color: #f9f1fe;
	margin: 2em 0 0 0;
	border-radius: 2%;
	position: relative;	
	overflow: auto;
	width: 43em;
}

.part_pic_container {
	width: 9em;
	height: 10em;
}

.Ppar {
	font-family: calibri;
	padding: 0.5em 0 1em 0;
	font-weight: bold;
	color: #581845;
}

.container5::-webkit-scrollbar-button {
	display: none;
}

.container5::-webkit-scrollbar {
    width: 12px;
}
 
.container5::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px pink; 
    border-radius: 10px;
}
 
.container5::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px #581845; 
}

.part_pic_mare {
	padding: 3em;
	float: left;
	width: 15em;
	height: 20em;
	position: relative;
}

.part_par_mare {
	position: relative;
	font-family: calibri;
	font-size: 16pt;
	bottom: 0;
	padding: 2em;
}

.par_poza_mare {
	object-fit: cover;
	width: 15em;
	height: 20em;
}

.left_container {
	grid-row: 1 / 3;
	overflow: auto;
}
/* parteneri*/

.parte {
	width: 20%;
	height: auto;
	padding: 1em;
	border: 1px pink solid;
	border-radius: 16px;
	max-height: 45em;
	text-align: left;
}

.parte_logo {
	object-fit: cover;
	margin: auto;
	max-height: 90%;
	max-width: 100%;
	vertical-align: middle;
	padding: 1em 0 0 0;
}

.parte_foto {
	object-fit: cover;
	height: 25%;
	width: auto;
	margin: auto;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
}

.container7 {
	flex-flow: row no-wrap;
	justify-content: space-around;
	padding: 2em 0 0 0;
}

.parte_logo1 {
	object-fit: cover;
	margin: auto;
	max-height: 80%;
	width: 70%;
	padding: 5em 0 0 0;
}

.parte_text {
	font-family: calibri;
	font-size: 13pt;
	max-height: 50em;
	padding: 2em 0 0 0;
}

/*povesti scrise*/



.container8 {
	position: relative;
	padding: 0 1em 0 0;
	width: 10em;
	height: 35em;
	overflow: auto;
	top: 2em;
	cursor: pointer;
}

.Scristhumb {
	width: 9em;
	height: 12em;
	object-fit: cover;
	padding: 0 0 3em 0;
	margin: 0 auto;
}

.scris_pic_container {
	width: 9em;
	height: 12em;
	padding: 0 0 1em 0;
	text-align: center;
	margin: 0 auto;
}

.Spar {
	font-family: calibri;
	padding: 0.3em;
	color: #ffffff;
	font-size: 14pt;
	text-align: center;
	border-radius: 9px;
	width: 4em;
	height: 1.3em;
	margin: auto;
	background-color: #581845;
	text-decoration: none;
}

.Cpar {
	font-family: calibri;
	font-size: 13pt;
	color: #581845;
	padding: 0 0 1em 0;
}

/* blog */

.accordion {
	cursor: pointer;
	padding: 18px;
	width: 100%;
	text-align: left;
	background-color: #f9f1fe;
	border: none;
	border-top: 1px pink solid;
	font-size: 18pt;
	font-weight: bold;
	font-family: calibri;
	color: #581845;
}

.panel {
  padding: 0 18px;
  background-color: #f9f1fe;
  display: none;
  overflow: hidden;
}

.left_container2 {
	grid-row: 1 / 3;
	overflow: auto;
	margin: 2em 0 0 0;
	padding: 0 1em 2em 0;
}

.accordion:after {
  content: "\2796"; /* Unicode character for "plus" sign (+) */
  font-size: 10px;
  font-family: calibri !important;
  font-weight: light;
  color: pink !important;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: '\02795'; /* Unicode character for "minus" sign (-) */
}

.left_container2::-webkit-scrollbar-button {
	display: none;
}

.left_container2::-webkit-scrollbar {
    width: 12px;
}
 
.left_container2::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px pink; 
    border-radius: 10px;
}
 
.left_container2::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px #581845; 
}
.blog_autor {
	font-family: calibri;
	font-size: 15pt;
	color: grey;
}

.blog_text {
	font-family: calibri;
	font-size: 13.5pt;
	text-indent: 30pt;
	padding: 0 0 2em 0;
	text-align: justify;
}

/* The blackification Easter egg*/

.tplm {
	background-color: black;	
	overflow: hidden;
}

.bfooter {
	background-color: black;
	bottom: 0;
	width: 100%;
	position: fixed;
	border-top: solid 1px grey;
}

.bfa {
  padding: 10px;
  width: 15px;
  height: 15px;
  text-align: center;
  text-decoration: none;
  border-radius: 50%;
  background: #ffffff;
  margin: 15px;
  color: black;
}

.bheader {
	width: 100%;
	background-color: #black !important;
	border-bottom: solid 1px grey;

}

.bheader-content {
	max-width: 1024px;
	background-color: black;
	color: #ffffff;
	font-family: calibri;
	font-size: 15px;
	letter-spacing: 1px;
	padding: 10px 10px;
	margin: auto;
	box-sizing: border-box;
	overflow: auto;
}

.blackpic {
	margin: 0 auto;
	padding: 4em 0 0 0;
}

.bText {
	color: #ffc909;
	font-size: 40pt;
	font-family: Roboto;
	padding: 1em 0;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}


.wrapper {
	display: none;
	height: 100%;
	width: 80%;
	margin: 12% auto 0 auto;
	perspective: 450px;
}

.scroll-text {
	color: #ffc909;
	font-size: 3vw;
	font-family: Roboto;
	line-height: 1.5em;
	text-align: justify;
	font-weight: bold;
	position: relative;
	animation: scroll 100s linear forwards;
}

h1, h2 {
	text-align: center;
	font-family: roboto;
	padding: 0 0 1em 0;
}

@keyframes scroll {
	from {top: 0; transform: translateZ(0px) rotateX(10deg)}
	to {top: -7500px; transform: translateZ(-1500px) rotateX(11deg)}
}


/*contact*/

.CCpar {
	padding: 1em 0 0 0;
	font-family: calibri;
	font-size: 13pt;
	color: #581845;

}

.harta {
	width: 16em;
	height: 28em;
	margin: 0 auto;
	position: relative;
	padding: 3px; 
}

.input_text {
	font-family: calibri;
	font-size: 14pt;
	padding: 3px;
}

.contact {
	margin: 0 0 0 5em;
	padding: 3 em;
	max-width: 25em;
}

.cpar {
	font-family: calibri;
	font-size: 16pt;
	padding: 2px;
}

.tableaux3 {
	background-color: #f9f1fe;
	margin: 0 0 0 0;
	border-radius: 2%;
	position: relative;	
	overflow: auto;
	width: 43em;
	height: 37em;
}

.CCpar2 {
	padding: 2em 0 1em 4.5em;
	font-family: calibri;
	font-size: 13pt;
	color: #581845;
}

.txtr {
	display: none;
}

.form2 {
	overflow: auto;
}