/* <label class="custom-checkbox"><input type="checkbox" id="acord1"><span class="checkmark"></span> <span class="checkbox-label">Am citit și sunt de acord cu regulamentul campaniei.</span></label> */

html,body {
	margin: 0;
	padding: 0;
	font-family: "IBM Plex Sans", sans-serif;
	background-color:#F8FBFA;
}

h1,h2,h3 {
	color:#fff;
	font-family: "IBM Plex Sans", sans-serif;
	font-size:70px;
}

h2 {
	font-size:48px
	
}

h3 {
	font-size:40px;
	color:#232323;
	font-weight: bold;
}

.container-sub-wave p {
	font-size:24px;
}

p {
	font-size:20px;
}

img {
	max-width: 100%;
}

* {
	box-sizing: border-box;
}

.container-alb {
	background-color:#fff;
	box-shadow: 0px 3px 40px #00000029;
border-radius: 25px;
	width:100%;
	height:100%;
	padding:45px 35px 35px 35px;
	text-align: center;
}

.container-alb img {
	margin-bottom:30px;
}

.container-alb p {
	font-weight: bold;
}

.spatiu-sub {
	position: relative;
	bottom:-150px;
	margin-bottom:250px;
	margin-top:-50px;
}

.buton-alb, .buton-alb:hover, .buton-alb:visited {
	text-decoration: none;
	color:#0050C8;
	background-color:#fff;
	border-radius:15px;
	padding:6px 40px;
	display: inline-block;
	font-size:24px;
	font-weight: bold;
}

.buton-albastru, .buton-albastru:hover, .buton-albastru:visited {
	text-decoration: none;
	color:#fff;
	background-color:#0050C8;
	border-radius:15px;
	padding:6px 40px;
	display: inline-block;
	font-size:24px;
	font-weight: bold;
}

.buton-albastru-mic, .buton-albastru-mic:hover, .buton-albastru-mic:visited {
	text-decoration: none;
	color:#fff;
	background-color:#0050C8;
	border-radius:15px;
	padding:5px 30px;
	display: inline-block;
	font-size:18px;
	font-weight: bold;
}

.container {
	max-width:1540px;
}

header {
	background: transparent linear-gradient(180deg, #000000 0%, #80808000 100%) 0% 0% no-repeat padding-box;
	padding:20px 0;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	z-index: 100;
}

.kv {
	height:75vh;
	width:100%;
	background-image:url('../images/pozaHeader.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size:cover;
}

.kv2 {
	min-height:75vh;
	width:100%;
	background-image:url('/wp-content/uploads/2025/08/fundal.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size:cover;
}

.wave {
	transform:translateY(-50%);
}

.wave2 {
	transform:translateY(-70%);
}

.container-sub-wave {
	top:-120px;
}

.bluebg {
	background: transparent linear-gradient(128deg, #0050C8 0%, #009BFA 100%) 0% 0% no-repeat padding-box;
	width:100%;
}

.bluebg2 {
	background: transparent linear-gradient(128deg, #0050C8 0%, #009BFA 100%) 0% 0% no-repeat padding-box;
	width:100%;
	padding-top:250px;
}

.linie-program {
	border: 1px solid #FFFFFF;
	border-radius: 25px;
	padding:20px;
	width:100%;
	color:#fff;
	font-size:20px;
	margin-top:15px;
}

.linie-program2 {
	border: 1px solid #0066D6;
	border-radius: 25px;
	padding:20px;
	width:100%;
	color:#fff;
	background-color:#0066D6;
	font-size:20px;
	margin-top:15px;
}

.map-container {
	overflow: hidden;
	border-radius:25px;
    top: 0;
    left: 0;
    width: 100%;
	aspect-ratio:1 / 1;
	border:2px solid #0066D6;
}

.kv2 h1 {
	font-size:45px; 
	font-weight:bold; 
	color: #FFFFFF;
	text-shadow: 0px 3px 19px #00000082;
}

iframe {
    width: 100%;
    height: 100%;
    border: none;
}

footer {
	background: #0649A2 0% 0% no-repeat padding-box;
	padding:150px 0 40px 0;
	color:#fff;
}

footer a, footer a:visited, footer a:hover {
	color:#fff;
	text-decoration: none;
	font-size:24px;
	display: block;
}

#nav-icon3 {
  width: 45px;
  height: 45px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  position: absolute;
  /*top:25px;*/
  right:15px;
}

#nav-icon3 span {
  display: block;
  position: absolute;
  height: 5px;
  width: 100%;
  background: #fff;
  border-radius: 7px;
  border:0px solid white;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
  
}

#nav-icon3 span:nth-child(1) {
  top: 0px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 14px;
}

#nav-icon3 span:nth-child(3) {  

}

#nav-icon3 span:nth-child(4) {
  top: 28px;
}

#nav-icon3.open span {
	background:#fff;
	box-shadow:none;
}

#nav-icon3.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
    border:none;
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
    border:none;
}

#nav-icon3.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
  border:none;
}

/* Customize the checkbox appearance */
.custom-checkbox {
  display: inline-block;
  position: relative;
  padding-left: 40px;
  margin-bottom: 15px;
  margin-top:15px;
  cursor: pointer;
  font-size: 16px;
  line-height: 1.5;
}

/* Style the checkbox input */
.custom-checkbox input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.custom-checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  border: 3px solid #fff;
  border-radius: 5px;
  margin-right:10px;
  background-color:#fff;
}

/* Style the checkmark icon */
.custom-checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 9px;
  top: 5px;
  width: 6px;
  height: 13px;
  border: solid #000;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

/* Style the checked state */
.custom-checkbox input[type="checkbox"]:checked + .checkmark:after {
  display: block;
}

.meniu {
	color:#fff;
}

.language-switcher {
	font-size:24px;
}

.language-switcher .active {
	font-weight: bold;
}

.meniu { display:flex; }

.meniu a, .meniu a:visited, .meniu a:hover {
	color:#fff;
	text-decoration: none;
	font-size:22px;
}

.container-speaker {
	background: transparent linear-gradient(131deg, #46D7E9 0%, #004CBD 100%) 0% 0% no-repeat padding-box;
	width:100%;
	position:relative;
	border-radius:25px;
	margin-top:25px;
	padding:20px;
	cursor:pointer;
}

.popupspeaker {
	width:100%;
	max-width:1100px;
	padding:max(20px, 4vw);
}

.container-speaker > img {
	width:100%;
	position:relative;
	left:-20px;
	top:-50px
}

.nume-speaker {
	position:relative; 
	top:-30px;
	color:#fff; 
	font-weight:bold; 
	font-size: 20px;
}

.buton-detalii-speaker {
	color:#fff; 
	font-size:16px; 
	position:relative; 
}

.buton-detalii-speaker:after {
	content:'';
	height:22px; 
	display:inline-block;
	margin-left:10px; 
	top:5px;
	position:relative;
	width:22px; 
	background-size:contain; 
	background-position:center; 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23fff' d='M16 3C8.832 3 3 8.832 3 16s5.832 13 13 13s13-5.832 13-13S23.168 3 16 3m0 2c6.087 0 11 4.913 11 11s-4.913 11-11 11S5 22.087 5 16S9.913 5 16 5m.72 4.594L15.28 11l4 4H9v2h10.28l-4 4l1.44 1.406l5.686-5.687l.72-.72l-.72-.72l-5.687-5.686z' stroke-width='1' stroke='%23fff'/%3E%3C/svg%3E");
}

@media only screen and (max-width:1570px) {

}	

@media only screen and (max-width:850px) {
	.kv2 h1 { font-size:30px; }
	.bluebg2 { padding-top:150px; }
	h1 { font-size:36px; }
	h2 { font-size:30px; }
	h3 { font-size:26px; }
	p { font-size:16px; }
	.container-sub-wave p { font-size:20px; }
	.linie-program { font-size:14px; padding:10px; }
	footer { padding-top:100px; }
	.meniu { flex-direction: column; display:none }
	header.open { background:#0050C8; }
	header.open .meniu { display:block; margin-top:20px; }
	.meniu > a { display:block; padding-left:20px; padding-right:50px; margin:10px auto; }
	.language-switcher { right:15px; bottom:15px; position:absolute; display:flex; }
	.language-switcher a { margin:0 10px; }
}