@charset "utf-8";
@import url("arhiva-noua.css");



@font-face{
	font-family: "NunitoSans-Regular";
	src: url(  "../font/NunitoSans-Regular.ttf")
}

@font-face{
	font-family: "NunitoSans-Bold";
	src: url( "../font/NunitoSans-Bold.ttf")
}
@font-face{
	font-family: "NunitoSans-Light";
	src: url( "../font/NunitoSans-Light.ttf")
}

@font-face{
	font-family: "NunitoSans-Black";
	src: url( "../font/NunitoSans-Black.ttf")
}
@font-face{
	font-family: "Acumin-Pro-Wide- Book", sans-serif;
	src: url("../font/Acumin-Pro-Wide-Book.ttf")
}
@font-face{
	font-family: "Acumin Pro Wide ExtraLight";
	src: url("../font/Acumin-Pro-Wide-ExtraLight.ttf")
}

@font-face { 
	src: url("../font/TitlingGothicFB Cond Bold.ttf")
	
}
@font-face { 
	font-family:VictoriaSC;
	src: url( "../font/VictoriaSC.ttf")
	
}

body {
  margin: 0;
  font-size: 16px!important;
  line-height: 28px!important;
  color: #3F3F3F;
  text-align: left;
  background-color: #f2f2f2;
	
	
}

html, body, p, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, a, li, span, div{
font-family: "Open Sans",sans-serif;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
margin-top: 0;
}

 

p {
	font-size:16px; 
	margin: 0 0 20px!important;
	-webkit-text-size-adjust: 100%;
	vertical-align: baseline;
	-webkit-font-smoothing: antialiased;
	width: auto;
	text-rendering: optimizeLegibility;
	   
		
}
b, strong{
	font-weight:700;
	word-spacing: 0px;
	font-variant: normal;
	letter-spacing:normal;
}

a {
	color: #454545!important;
	
}

a:hover {
	color: #e40521;
	text-decoration: none;
}

html{
	font-family:Sans-serif;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%
 }
p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
p:not(:last-child) {
    margin-bottom: 2rem;
}
.my-header {
    color:#e40521;
    font-size: 12px;
    line-height: normal;
	display: block;
    margin-bottom: 0px;
    font-weight: 300;
    background-color: #FFFFFF;
    padding-top: 4px;
    min-height: 50px;
    margin-top: 0px;
    margin-left: -12.5px;
    margin-right: -12.5px;
    z-index: 150;
    position: relative;
    padding-right:0px;
    padding-bottom: 0px;
    padding-left: 0px;
	
}
.my-header1{
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    font-weight: 200;
    color: #fff;
    background-color:#ea0b18;
    padding-top: 10px;
    padding-right: 25px;
    padding-left: 25px;
    padding-bottom: 10px;
	
}
.panou-header{
    display: flex; 
	align-items: center;
	align-content: center;
	justify-content: space-around;
	line-height:16px; 
	font-weight: 300;
	width: 100%;
	max-width: 1400px;
	padding-left: 10px;
	padding-right: 10px;
	text-size-adjust:100%;
}

.chenar{
	width: 100%;
	background-color: #f2f2f2;
	font-size: 15px !important;
	font-weight: normal;
	line-height: 23px;
	padding:50px 50px!important;
	border: 1px solid #e0e0e0;
	margin-top: 30px;
	margin-bottom:30px; 
	text-align: justify!important;
	clear:both;
	border-bottom-right-radius:100px; 
	
}
.titleR {
	color: #E41E2F!important;
	line-height: normal;
	}

.titleBleo {
	color: #044380;
}

.title-fond {
    background-color: #ea0b18;
    padding-right: 10px;
    padding-left: 30px;
    color: #FFFFFF;
    line-height: normal;
	
	
	
	}
.title-fond-bleo {
	background-color: #004b93;
	padding-top: 10px;
	padding-right: 14px;
	padding-bottom: 10px;
	padding-left: 14px;
	color: #FFFFFF;
	list-style-image: none;
	list-style-type: none;
}

.hr {
border: 0.15rem solid #EFEFEF!important;
margin-top: 30px!important;
margin-bottom: 30px!important;
}
.toptitlu-subiect{
font-family:VictoriaSC,sans-serif!important;
	line-height: 32px;
	color:#ea0b18;
	font-size: 20px;
	letter-spacing: 0;
 }

.titlu-subiect{
font-family: VictoriaSC,  sans-serif;
font-size: 55px!important;
line-height: 60px!important;
color:#ea0b18;
text-transform: uppercase;	
margin: 0 0 40px 0;
text-decoration: none!important;
list-style-image: none;
list-style-type: none;
}
.datare{	
display:flex;

justify-content: center;
text-transform: uppercase;
font-family: "NunitoSans Regular", sans-serif;
font-size: 12px!important;
color: #919191;
padding-top: 0px;
padding-right: 0;
padding-left: 0;
padding-bottom: 10px;
word-spacing: 7px;  
	
}
.autor{
	display:inline-flex;
	font-family: "NunitoSans Regular",sans-serif;
	padding-right: 10px;
	color: #4B4B4B;
	font-weight:600!important;
	
}
.autor-data{
	display: inline-flex;
font-family: "NunitoSans Regular",sans-seri;justify-content: end;	
white-space: normal;
	margin-right: 10px;
}
.subtitlu-subiect{
	font-family: "NunitoSans-Light",sans-serif;
	line-height: 30px;
	font-weight: 600!important;
	color:#3F3F3F;
	font-size: 22px;
	letter-spacing: 0;
	margin-bottom:20px; 
}

.galerie-foto img {
	width:1664px;
	height:auto;
	-o-object-fit: cover;
	-o-object-position: center;
	object-position: center;
	transition: transform .3s;
	backface-visibility: hidden;
			
}


.imagearticl1e{
	width:1664px!important;
	height: 936px!important;
	clear: both;
	display: block;
	padding-top: 1.8rem!important;
	padding-bottom: 2.6rem;
	position: relative;
	aspect-ratio: 16/9;
	 overflow: hidden;
	object-fit: cover;
	border-radius:4px; 
	}

.fluid-image {
    max-width: 100%;
    height: auto;
    display: block;
}


.imagearticle .caption {
	
	font-family: "NunitoSans Regular",sans-serif!important;
    font-size: 13px!important;
	font-weight: 300!important;
    line-height: 1.384;
    caption-side:bottom;
    color: #666;
    display: block;
	background: rgba(248,248,248,1.00);
    margin-top: 0px;
	padding: 15px;
}
/*---foto style---*/
.foto-style {
	
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	transition: transform .3s;
	backface-visibility: hidden;
	border-bottom-right-radius: 80px;			
}

.foto-styleS {
	
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	transition: transform .3s;
	backface-visibility: hidden;
	border-bottom-left-radius: 80px;			
}
/*---ENDfoto style---*/
.imagearticle .caption .attribution {
	font-size: 14px!important;
    color: #000;
    padding-right: .8rem;
	}
.anul{
	text-align: center;
}
.prima-denumire{
	text-align: center;
}
.telefon{
	text-align:right;
}
.panou-header2{
	display: flex;
	height: auto;
	align-items: center;
	justify-content: space-around;
	padding-top: 5px;
	padding-bottom: 5px;

}
.shell {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto!important;
    margin-right: auto!important;
	padding: 0;
    max-width: 1490px;
    width:auto;
   
}

.nav-tabs {
  border-bottom: 1.5px solid #D3D3D3;
}
.active{
color: #e40521!important;

	
}
.logo-sezoane{
    font-weight: 600;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 10px;
    text-align: center;
}

.text-logo-csvz{
	text-align: center;
	color: #e40521;
	padding-bottom: 0px;
	padding-left: 25px;
	padding-right: 25px;
	font-size: 10px;
	font-weight: bold;
}

.img-responsive{
	display: block;
	max-width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

.popover-header {
font-family: "NunitoSans Regular",sans-serif!important;
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size:13px;
	font-weight: 600;
  text-align: center;
  color:#FFFFFF; 
  background-color:#e40521;
  border-bottom: 1px solid #e40521!important;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px); 
}

.popover-body{
	font-size: 12px;
	line-height:16px; 
}
.continutContainer{
    max-width:1664px; 
	margin: auto;
    padding-top:40px;
	padding-bottom: 100px;
	padding-left:10px;
	padding-right: 10px;
}

.continutSubiect{
    max-width:70%; 
	margin: auto;
    padding-top:10px;
	padding-bottom: 100px;
	padding-left:10px;
	padding-right: 10px;
}

@media (max-width:576px){
	
	.logo-sezoane{
		display: none;
	}
	.text-logo-csvz{
		display: none;
	}
    .logo-csvz{
    width: 100%;
    }
	.panou-header2{
	
	justify-content: center;
	}
	.anul{
	text-align: center;
	font-weight: bold;	
	}
    .prima-denumire{
	display: none;
    }
    .telefon{
	display: none;
    }

    }
.my-container {
	display: block;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 30px;
	padding-bottom: 100px;
	min-height: 950px;
	max-width: 1560px;
	width: 100%;
	background-color:transparent;
}
.sticky, navbar{
  position: fixed;
  top: 0;
  width: 100%;
  }


.scrollToTop {
	width: 70px;
	height: 85px;
	padding: 0px;
	text-align: center;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position: fixed;
	right: 20px;
	display: none;
	background-repeat: no-repeat;
	background-image: url( "../imagini/arrow_up.png");
	bottom: 45px;
	z-index: 200;
	background-position: center center;
	background-size: 70% auto;
}

.scrollToTop:hover{
	background-image: url( "../imagini/arrow_up2.png");	
	
}
.footer {
	position: relative;
    display: flex; 
	align-items: center;
	align-content: center;
	flex-direction: column;
	background-color:#ea0b18;
	color: #FFFFFF!important;
	font-weight: 600;
	padding-bottom: 50px;
	
}
.spatiu-orizontal{
    height: 0px;
    max-width: 1500px;
    min-height: 0px;
    border-bottom: 1px solid #ffffff;
    margin-bottom: -20px;
}
/*---fondStyle---*/
.fondStyle{
background-color:#F3F5F6; 
padding: 50px;
margin-bottom: 50px;
margin-left: -15px;
margin-right: -15px;	
border-bottom-right-radius: 80px;	
}

.fondStyleS{
background-color:#F3F5F6;
padding: 50px;
margin-bottom: 50px;	
margin-left: -15px;
margin-right: -15px;	
border-bottom-left-radius: 80px;	
}
/*---ENDfondStyle---*/

.footernav ul {
    margin-top: 0;
    margin-bottom: 0;
    padding: 20px 0 20px 0;
    list-style-type: none;
    list-style-image: none;
    margin-left: auto;
    margin-right: auto;
    max-width: 1500px;
}

.eveniment{
	
	position: absolute; 
	color: #fff; 
	top: 20px; 
	font-size: 30px;
	left: 20px;
	z-index:50;
}
.footernav li {
	display: inline;
	
}
.footernav a {
text-decoration:none!important;
list-style-image: none!important;
list-style-type: none!important;
color:#ffffff!important;
display: inline-block;
font-size: 16px;
font-weight: 600;
padding-left: 30px;
padding-right: 30px;	
}
.footernav a:hover {
color: #FFAFAF!important;
	
}
.topBara_footer{
	background-color: #fff;
	margin-left: -15px;
	margin-right: -15px;
	margin-bottom: 0; 
	text-align: center;
	padding: 20px;
	display: block;
}
.bara_footer {
	width: 100%;
	max-width:1500px; 
	display: flex!important;
	align-items: center;
	align-content: center;
	flex-wrap: nowrap!important;
	justify-content: space-between!important;
	padding: 20px!important;
	margin-right:auto;
	margin-left: auto;
	color:  #fff;
	font-size: 14px;
	font-weight: 300;
	text-align: left;

}

.image-dreapta {
	
    margin-left: 20px!important;
    margin-top: 5px;
    margin-bottom: 5px!important;
    float: right;
    height: auto;
   
}
.image-stanga {
	margin-right: 20px!important;
	margin-top: 5px;
	margin-bottom: 5px!important;
	float: left;
	height: auto;
	
}

.chenar-img-text{
background-color: #fff;
display: inline-block;
border: 1px solid #ddd;
border-radius: 4px;
padding: 10px;
margin-bottom: 30px;
	
}


/*--Stire noua--*/	
	
	.stire-noua{
 position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	min-height:  480px;
	text-decoration: none;
	list-style-image: none;
	list-style-type: none;
	background-color: #fff!important;
	margin-bottom: 30px!important;	
		
		
	}	
	.stire-noua a {
	color:#4E4E4E;
	display: block;
	text-decoration: none;
	line-height: 1em;
	list-style-image: none;
	list-style-type: none;
	border-bottom: 1px solid #fff;
	
	}
	
	.stire-noua-image {
    background-color: #c8c7c7;
	object-fit: cover;
    opacity: 1;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
        vertical-align: top;
        padding: 0px;
   width: 100%;
   height:inherit; 
	
	
	}

	.stire-noua a:hover .stire-noua-image  {
	opacity: 0.9;
	-ms-transform: scale(1.2); /* IE 9 */
	-webkit-transform: scale(1.2); /* Safari 3-8 */
	transform: scale(1.2) rotate(-2deg);
	transition: transform .8s cubic-bezier(0,0,.18,.71), -webkit-transform .8s cubic-bezier(0,0,.18,.71);
		  
	padding-top: 0px;
	

}
	.stire-noua-link {
		font-family: "NunitoSans Black", sans-serif;
	text-transform: uppercase;
	padding-top: 0px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
	font-size: 22px;
		font-weight: 800;
	height:auto!important;
	max-height: 72px!important;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3!important;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	box-sizing: border-box;
	line-height: 25px;	
	text-decoration: none;
	list-style-image: none;
	list-style-type: none;
	margin-bottom: 5px;
	word-spacing: normal;
	letter-spacing: normal;
	}
.stire-noua a:hover {
	color: #E30513!important;
	list-style-image: none;
	list-style-type: none;
	text-decoration: none;
	
	
}
	
.stire-noua-data {
	
	position: relative;
	botton:auto!important;
	
	
}
.stire-noua-data {
	color:#e30513;
	font-size:13px;
	font-weight: 400;
	height:33px;
	line-height:14px;
	padding-top: 15px;
	padding-left: 15px!important;
	padding-right: 15px!important;
	padding-bottom: 5px;
	
}	
.stire-noua-text {
font-size: 16px;
color: #000;
line-height: 22px;
padding-left: 15px;
padding-right: 15px;
	 
list-style-image: none;
list-style-type: none;
text-decoration: none;
overflow: hidden!important;
text-overflow: ellipsis!important;
-webkit-line-clamp: 4!important;
display: -webkit-box;
-webkit-box-orient: vertical;
box-sizing: border-box;
height: 70px!important;
margin-top: 15px;
margin-bottom:25px;	
	}
.stire-noua-caption{
width: 100%;
height: 240px!important;
overflow: hidden;
aspect-ratio: auto 450 / 450!important;
border-bottom-right-radius:60px; 
	
}
.stire-noua-top {
    display: inline-block;
    color: #fff;
	margin-top: 15px;
	margin-bottom: 10px;
    font-size: 10px;
    line-height: 1.4;
    font-weight: 700;
    background: #e30513;
    padding: 0 5px;
    margin-right: 15px;
	margin-left: 15px;
    text-transform: uppercase;
}
	
/*--End.stire noua--*/	
	
.image-fill {
	width: 100%!important;
	
}	




/*------copertaIMG------*/
/*--Coperta Imagine cu title--*/
.captionIMG{
	background-image: linear-gradient(to bottom,transparent,#000);
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: auto;
	padding-top: 20px;
	padding-right: 40px;
	padding-left: 40px;
	padding-bottom: 20px;
	text-shadow: 1px 1px 5px rgba(0,0,0,0.62);
}
.titleIMG{
	color: #fff;
	font-size: 60px;
	font-family: 'Khand Bold';
	line-height: 65px;
	letter-spacing: 1px;
}
.top-titleIMG{
	color: #fff;
	font-size: 22px;
	font-family: Roboto;
	margin-bottom: 0px;
	
}
.copertaIMG{
	display: block;
	margin:0 auto!important;
	 background-color: rgba(203,202,202,1.00);
	position: relative; 
	 
	
}


@media (max-width:767px){
	.titleIMG{
	font-size: 24px!important;
	line-height: 30px!important;
	
}
.top-titleIMG{
	font-size: 18px!important;
	line-height: 24px!important;
	
}

}
.aside {
background-color:#f2f2f2;
padding: 1em;
}

/*---Social----*/
.top-social {
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	width: 100%;
	text-align: right;
	display: inline-block;
}
.social-facebook{
	background-color: #3c569a;
	color: #fff!important;
	background-image: url( " ../imagini/imagini-social/facebook.svg");
	background-position: center center;
	background-repeat: no-repeat;
}

.social-twitter{
	background-color: #00aaef;
	color: #fff;
	background-image: url("../imagini/imagini-social/twitter.svg");
	background-position: center center;
	background-repeat: no-repeat;
}

.social:hover{
   opacity: 0.8;
}
.social {
    text-align: center;
    cursor: pointer;
    padding: 10px;
    display: inline-flex;
    margin: 0 8px;
   width: 40px!important;
	height: 40px!important; 
    border-radius: 50%;
}
/*---Social end----*/

/*----ARTICOL NOU-------------*/

.articol_nou {
	padding:0px;
	width: 100%;
	
	
}
.articol_nou a {
	display: block;
	text-decoration: none!important;
	line-height: 1em;
	height: inherit;
	overflow: hidden;
	padding: 0px!important;
	list-style-image: none;
	list-style-type: none;
	box-shadow: 0px 0px;
	background-image: url( "../arhiva/imagini-arhiva/logo-home.png");
	background-position: right bottom;
	background-repeat: no-repeat;
	background-color: #FFFFFF; 
	color: #000;
	margin-bottom:20px; 
	

}
.articol_nou a:hover  {
	background-color: #EAEAEA;
	color: #da0000!important;
	list-style-image: none;
	list-style-type: none;
	text-decoration: none;
	

}
.articol_nou_data {
	color: #454545;
	display: inline-flex;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: normal;
	line-height: 16px;
	padding-bottom: 0px;
	margin-top: 0px;
	padding-right: 5px;
	padding-left: 5px;
	margin: inherit;
	word-spacing: 3px;
}
.cadru_image{
	height: 200px;
	width: 320px;
	text-align: center;
	overflow: hidden;
	float: left;
	margin-right: calc(3em - 4px);
	border-bottom-right-radius:60px; 
	
}

.imageCadru{
	max-height: 936px;
	max-width: 1664px;
	width: 100%;
	padding:0;
	text-align: center;
	overflow: hidden;
	object-fit: cover;
	border-radius: 6px;
	background-size: cover;	
}
.articol_nou_image {
	opacity: 0.8;
	background-color: #c8c7c7;
	padding: 0;
	 object-fit: cover;
	 transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease,-webkit-transform .5s ease;
	margin-top: 0;
	width:100%;
	height:inherit;
	
	
}



.articol_nou a:hover .articol_nou_image {
	opacity: 1;
	 -webkit-transform: scale(1.2) rotate(1deg);
   transform: scale(1.2) rotate(-2deg);
  

}


.articol_nou, .text_wrap {
        vertical-align: top;
	display: block;
	font-weight: 300;
	padding-top: 10px!important;
	
}
.articol_nou.text_wrap .articol_nou_link, .articol_nou .text_wrap .articol_nou_sh {
	line-height: 1.3em;
	padding-top: 10px;
	
	
}
 
.articol_nou_sh {
    color: #58585a;
    list-style-image: none;
    list-style-type: none;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    box-sizing: border-box;
    font-size: 14px!important;
	line-height:22px!important; 
    padding-right: 15px;
	
}
.articol_nou .text_wrap .articol_nou_link {
font-family: "Lato"; 
	font-size: 1.2em;
	line-height: 1.25;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	padding-right:15px;
	padding-top:6px; 
	font-weight:900;
}
/*----End.ARTICOL NOU-------------*/
@media(max-width: 480px){

    /* Poza sus, textul sub ea */
    .cadru_image {
        float: none;
        width: 100%;
        height: auto;
        margin: 0 0 20px 0;
    }

    .articol_nou_image {
        height: auto;
    }

    p {
        font-size: 19px !important;
    }

    .titlu-subiect {
        font-size: 26px !important;
        line-height: 30px !important;
    }

    .continutContainer {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
		
	.continutSubiect{
    max-width:100%; 
	margin: auto;
	margin-top: -20px;
	padding-left:10px;
	padding-right:10px; 
    padding-top:0px;
	padding-bottom:0px;
	
}

    .my-container {
        padding: 0 !important;
    }
}


/*----End.ARTICOL NOU-------------*/

/*--ARHIVA-------*/

.baraArhiva {
	
	font-size: 16px;
	font-weight: 700;
	color: #655610;
	line-height: 20px;
	padding-left: 20px;
	background-repeat: repeat-x;
	background-position: bottom;
	margin-top: 0px;
	max-height: 60px!important;
	background-image: url( "../arhiva/image-arhiva/bgArhiva.jpg");
	padding-top: 17px;
	padding-bottom: 25px;
	padding-right: 20px;
}

/*--End.ARHIVA-------*/
::selection {
    background-color: #e40521;
    color: #fff;
}

.bara-title {
    min-height: 40px;
    color: #FFFFFF;
    font-size: 18px;
    padding-left: 17px;
	padding-right: 17px;
    font-style: normal;
    text-shadow: 1px -1px -2px #cc0000;
    text-transform: uppercase;
    padding-top: 9px;
	padding-bottom: 9px;
    font-weight: 600;
    line-height: 25px;
    width: auto;
    background-color: #e30613;
    border-bottom: 1px solid #9F0000;
    background-image: -webkit-linear-gradient(270deg,rgba(255,174,174,1.00) 2.42%,rgba(255,0,0,1.00) 8.98%,rgba(255,0,0,1.00) 81%,rgba(204,0,0,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(255,174,174,1.00) 2.42%,rgba(255,0,0,1.00) 8.98%,rgba(255,0,0,1.00) 81%,rgba(204,0,0,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(255,174,174,1.00) 2.42%,rgba(255,0,0,1.00) 8.98%,rgba(255,0,0,1.00) 81%,rgba(204,0,0,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(255,174,174,1.00) 2.42%,rgba(255,0,0,1.00) 8.98%,rgba(255,0,0,1.00) 81%,rgba(1,0,0,0.10) 100%);
}

/*--CLASAMENT NOU--*/
*{
    box-sizing:border-box;
}

/* CONTAINER */
.clasament{
    width:100%;
    max-width:1200px;
    margin:auto;
    overflow:hidden;
   
}

/* TITLU */
.titluClasament {
	min-height: 40px;
	height: 100%;
	padding-left: 20px;
	padding-bottom: 13px;
	padding-top: 15px;
	background-image: url("http://www.victoriazabrani.ro/arhiva/image-arhiva/bgArhiva.jpg");
	background-repeat: repeat-x;
	background-position: bottom;
	
}

.titluClasament img{
    height:40px;
    vertical-align:middle;
}

.titluClasament strong{
    font-size:20px!important;
    vertical-align:middle;
}

/* HEADER + RAND */
.header,.rand{
    display:grid;
    grid-template-columns:
    45px minmax(120px,1fr) 50px 50px 50px 60px 80px 70px 50px;
    align-items:center;
}

/* HEADER */
.header{
    background:#e70101;
    color:#fff;
    font-weight:bold;
    text-transform:uppercase!important;
}

/* CELULE */
.header div,
.rand div{
	padding: 8px!important;
	
	text-align: center;
	white-space: nowrap;
}

/* RANDURI */
.rand:nth-child(even){
    background:#EFEFEF;
}

.rand:nth-child(odd){
    background:#DCDCDC;
}

.rand:hover{
    background:#d7d7d7;
}

/* ECHIPA */
.echipa{
    display:flex;
    align-items:center;
    gap:10px;
    text-align:left !important;
    overflow:hidden;
}

.echipa span{
    display:block;
    font-weight:600;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

/* STEMA */
.stema{
    width:34px;
    height:34px;
    min-width:34px;
    object-fit:contain;
    display:block;
}

/* RAND SPECIAL */
.csvz{
    background:#f00000 !important;
    color:#fff;
  
    font-weight:bold;
}
.pct{
	font-size: 17px;
	font-weight: 600;
	
}
 .m {
	font-weight: normal; 
	 
}

/* ========================= */
/* TABLETA */
/* ========================= */

@media(max-width:900px){

    .header, .rand{
    grid-template-columns: 40px minmax(150px,1fr) 40px 40px 40px 60px;
    }

    .g, .difg {
        display:none !important;
    }

    .echipa span{
        font-size:13px;
    }
}

/* ========================= */
/* MOBIL */
/* ========================= */

@media(max-width:600px){

    .header,
    .rand{
        grid-template-columns:
            35px
            minmax(120px,1fr)
            35px
            35px;
    }

    /* ASCUNDEM */
    .v,
    .e,
    .i,
    .g,
    .difg{
        display:none !important;
    }

    .header div,
    .rand div{
        padding:8px 4px;
        font-size:12px;
    }

    .echipa{
        gap:6px;
    }

    .stema{
        width:26px;
        height:26px;
        min-width:26px;
    }

    .echipa span{
        font-size:12px;
        max-width:100%;
    }

    .titluClasament strong{
        font-size:20px;
    }
}

/* EXTRA SMALL */
@media(max-width:420px){

    .header div,
    .rand div{
        font-size:10px;
        padding:6px 3px;
    }

    .stema{
        width:22px;
        height:22px;
        min-width:22px;
    }

    .echipa span{
        font-size:11px;
    }
}
/*----End clasament---*/

.figure {
  margin: 0;
}
.baraj{
background: #E4E4E4;
border-bottom: 1px solid #ebebeb;	
	
}
.retrogr{
background: #D7D7D7;
border-bottom: 1px solid #ebebeb;
	 
}


@media (max-width:480px){

body {
 
  font-size: 18px!important;
  line-height: 1.4!important;
	
}
/*--CLASAMENT NOU--*/
	


.clasamentul  {
	min-height: 400px;
	background-color: #ffffff;
	font-family:'NunitoSans-Regular',sans-serif!important;
	font-size: 16px;
	

}

.csvz {
background: #fff!important;
}

tbody tr.csvz.csvz td {
border:2px solid #EE7C7C;	
color:#e40521!important;	
border-left:none;
border-right:none;

}

 .clasamentul table tr td,table tr th{
	text-align:center;
	border-right:3px solid #fff;
	padding:0 1em;
	line-height:1.5;
	height: 60px;
	}

.clasamentul table thead tr th{
	font-size:16px!important; 
	text-transform:uppercase;
	background:#e40521!important;
	padding:0 1em;
	line-height:1.2;
	height: 70px;
	
	}
/*---Efectul table zebra---*/
	.clasamentul, table tr:nth-child(even){
	background:#e2e3e4;
	}
	.clasamentul, table  tr:nth-child(odd){
	background:#ecedee;
	}
/*---Efectul Hover la border---*/	
	table tbody tr:hover,table tbody tr:focus,table tbody tr .csvz{
	background:#fff;
	}
	table tbody tr:hover td,table td,table tbody tr td .csvz{
	border-color:#ecedee;
	}
	
/*----Anularea border-right----*/
	table tr td :last-child, table tr th:last-child{
	border-right:none!important;
	
	}
	table tbody tr td, span {
		font-size:14px; 
		
	}
.headerClasament th{
	background-color: #e70101!important;
	min-height: 40px;
	color: #ffffff;
	border-bottom: 1px solid #ffffff!important;
	text-transform: uppercase;
	font-weight: 600!important;
	font-size: 18px!important;
}

	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
 
padding-left:2px;
padding-right: 2px;	
}

}

/*--End Clasament nou--*/
.buton_active{
	display:inline-flex;
	align-content: center;
	align-items: center;
	flex-wrap:wrap;
	justify-content:center;
	background-color: #D50407;
	color: #FFFFFF!important;
	width: 35px!important;
	height: 35px!important;
	border-radius: 50%!important;
	margin-left: 4px;
	margin-right: 4px;
	font-weight: 700;
	text-decoration: none!important;
	list-style-image: none!important;
	list-style-type: none!important; 
	
}
.evidentiat {
	padding: 0px 25px;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0px;
	margin-bottom: 20px;
	border-left: 6px solid #E4E4E4;
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
}
/*------team------*/

.profile-team {
	background-color: #E5E6E7;
	opacity: 1; 
    height: auto;
	width: auto;
	position: relative;
	text-align: center;
	margin-bottom: 30px;
		
	}		
	
	.number-team-member {
    display: block;
    border-radius: 50%;
    border: 3px solid #961432;
    width: 40px;
    height: 40px;
    background-color: #fff;
    font-family: "Roboto Condensed";
    font-size: 20px;
	font-weight: 700;
    line-height: 25px;
    text-align: center;
    padding-top: 5px;
    position: absolute;
    z-index: 1;
    top: 15px;
    left: 15px;
	color: #961432;/*------team------*/
    }
	.img-member{
	display: block;
	transition: transform .8s;
	
	} 	
	.img-member:hover{
	background-color: #ffffff;
	transform-origin: center center 2%;
	transition: transform .8s cubic-bezier(0,0,.18,.71), -webkit-transform .8s cubic-bezier(0,0,.18,.71);		  
	flex-shrink: 0; 
    bottom: -78%;
		   
		}
.img-member:hover{
	transform: scale(1.5);
}
	img {
  
    bottom: -78%;
    -webkit-transform-origin: 25% 3%;
    -moz-transform-origin: 25% 3%;
    -ms-transform-origin: 25% 3%;
    -o-transform-origin: 25% 3%;
    transform-origin: 25% 3%;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
	}

/*------ENDteam------*/

button:focus {
  outline:none!important;
	margin-radius; 8px;

}
button:hover{
background-color:#ea0b18;
	color: #fff!important;
	
}
/*---carousel---*/
.mySwiper {
    max-width: 100%;
    height: auto;
    position: relative;
	
}

.swiper-slide img {
    width: 100%;
    display: block;

}

.caption1 {
	display: flex;
    flex-direction: column;
    position: absolute;
    bottom: 12%;
    left: 0;
    max-width: 65%;
    transform: rotate(-6deg) scale(0.85);
    transition: 0.3s;
}

.caption1 {
    position: absolute;
    bottom: 12%;
    left: 0;
    max-width: 65%;
    transform: rotate(-6deg) scale(0.85);
    transition: 0.3s;
    display: flex;
    flex-direction: column; /* AICI e magia */
    gap: 6px; /* spațiu între topline și mainline */
}


.swiper-slide:hover .caption {
    transform: rotate(-5deg) scale(0.9) translateX(4%);
}
/* Stilizare butoane Next / Prev */
.swiper-button-next,
.swiper-button-prev {
    color: #fff;          /* alb */
    font-weight: 900;     /* bold */
    text-shadow: 0 0 6px rgba(0,0,0,0.4); /* opțional, pentru vizibilitate pe imagini */
}

/* Mărim puțin săgețile pentru impact */
.swiper-button-next::after,
.swiper-button-prev::after {
    font-size: 50px;      /* mai mare decât default */
    font-weight: 900;     /* bold real */
}

.topline {
	 
    font-family: "NunitoSans-Black", sans-serif;
    background: #fff;
    color: #dc0714;
    font-size:22px;
    padding: 10px 20px;
    margin-bottom: 6px;
    display: inline-block;
    width: fit-content;/* fundal exact cât textul */
	max-width:60%; 
	
}
.topline {
    display: inline-flex;
    align-items: center;
    width: fit-content;
}


.mainline {
    font-family: VictoriaSC, sans-serif;
    background: #dc0714;
    color: #fff;
    font-size: 60px;
	line-height: 65px;
    padding: 10px 20px;
    text-transform: uppercase;
    display: inline-block;
	
}

/* Pagination bullets */
.swiper-pagination-bullet {
    background: #fff;
    opacity: 0.8;
	border:1px solid #fff;
	height: 11px;
	width: 11px;
}

.swiper-pagination-bullet-active {
    background: #e40521;
    opacity: 1;
	border:1px solid #fff;
	height: 12px;
	width: 12px;
}

/* Responsive */
@media (max-width: 768px) {

    .caption {
        position: relative;
        bottom: 0;
        left: 0;
        max-width: 100%;
        transform: none;
        background: #e40521;
        padding: 10px;
       
    }

    .topline {
		
       
        color: #e40521;
        font-size: 11px;
        padding: 5px;
        margin-bottom: 0px;
		
    }
	.topline {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    .mainline {
        font-size: 18px;
        padding: 8px 8px;
		line-height:24px;
		margin-bottom:10px; 
    }

    .swiper-button-next,
    .swiper-button-prev {
        display: none;
    }
}

/*--- carousel nou---*/

    .hero-slider{
      width:100%;
      height:100vh;
	max-height:1036px;
      position:relative;
    }

    .swiper-slide{
      position:relative;
      overflow:hidden;
    }

    /* IMAGE */

    .slide-bg{
      position:absolute;
      inset:0;

      width:100%;
      height:100%;

      background-size:cover;
      background-position:center;
      background-repeat:no-repeat;

      transform:scale(1);
      transition:transform 7s ease;
    }

    /* ZOOM ACTIVE */

    .swiper-slide-active .slide-bg{
      transform:scale(1.12);
    }

    /* OVERLAY */

    .overlay{
      position:absolute;
      inset:0;
      z-index:1;

    background: linear-gradient(25deg, rgb(221, 7, 65) -1.75%, rgba(220, 7, 65, 0.99) 1.7%, rgba(217, 7, 64, 0.96) 5.15%, rgba(211, 7, 62, 0.92) 8.6%, rgba(202, 7, 60, 0.85) 12.05%, rgba(192, 8, 56, 0.77) 15.5%, rgba(179, 8, 53, 0.67) 18.95%, rgba(165, 8, 49, 0.56) 22.4%, rgba(151, 9, 44, 0.44) 25.85%, rgba(137, 9, 40, 0.33) 29.3%, rgba(124, 9, 37, 0.23) 32.75%, rgba(114, 10, 33, 0.15) 36.2%, rgba(105, 10, 31, 0.08) 39.65%, rgba(99, 10, 29, 0.04) 43.1%, rgba(96, 10, 28, 0.01) 46.55%, rgba(95, 10, 28, 0) 50%);

      
    }

    /* RED LIGHT */

    .overlay::before{
      content:"";

      position:absolute;
      inset:0;

      background:
      radial-gradient(
        circle at left center,
        rgba(227,6,19,.30) 0%,
        rgba(227,6,19,.14) 25%,
        transparent 65%
      );
    }

    /* CONTENT */

    .content{
      position:absolute;
      z-index:5;

      left:15%;
      bottom:12%;

      max-width:850px;

      opacity:0;
      transform:translateY(40px);

      transition:
      opacity 1s ease,
      transform 1s ease;
    }

    .swiper-slide-active .content{
      opacity:1;
      transform:translateY(0);
    }

    .subtitle{
      color:#fff;
      font-size:20px;
      font-weight:600;
      letter-spacing:3px;
      text-transform:uppercase;

      margin-bottom:16px;
    }

    .titleC{
		font-family: 'VictoriaSC', open-sans;  
      color:white;
      font-size:60px!important;
      line-height:1.1;
      text-transform:uppercase;
      margin-bottom:24px;
    }

    .desc{
      color:#fff;

      font-size:18px;
      line-height:1.2;

      margin-bottom:34px;

      max-width:520px;
    }

    .btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;

      padding:16px 16px;

      background:#fff;
      color:#e30613;

      text-decoration:none;
      text-transform:uppercase;

      font-size:15px;
      font-weight:800;

      letter-spacing:0px;
      transition:.3s;
		border-radius:6px; 
    }

    .btn:hover{
      background:#e30613;
		color: #fff!important;
     
   }

    /* PAGINATION */

    .swiper-pagination{
     right:70px !important;
      bottom:40px !important;
      width:auto !important;
    }

    .swiper-pagination-bullet{
      width:10px;
      height:8px;

      border-radius:50px;

      background:white;
      opacity:.25;
    }

    .swiper-pagination-bullet-active{
      opacity:1;
      background:#e30613;
		width:30px; 
    }

    /* ARROWS */

    .swiper-button-next,
    .swiper-button-prev{
      width:62px;
      height:62px;

      color:white;

      border:1px solid rgba(255,255,255,.18);

      backdrop-filter:blur(6px);
    }

    .swiper-button-next::after,
    .swiper-button-prev::after{
      font-size:18px;
      font-weight:900;
    }

    /* RESPONSIVE */

    @media(max-width:768px){

      .content{
        left:22px;
        right:22px;
        bottom:12%;
      }

      .title{
		  margin-top: 0px;
        font-size:18px!important;
      }

      .desc{
        font-size:14px;
      }

      .btn{
        width:100%;
      }

      .swiper-button-next,
      .swiper-button-prev{
        display:none;
      }

      .swiper-pagination{
        left:22px !important;
      }

      .swiper-slide-active .slide-bg{
        transform:scale(1.05);
      }
    }
  


/*--Program Competitii--*/

.tablestyle1{
border-collapse: collapse;
border-spacing: 0;
width:100%;	
font-size:16px!important;
color:#58585a;
	margin-bottom: 60px;
}	
.tablestyle1 tr td, .tablestyle1 tr th{
	text-align:center;
	border-right:0.17em solid #fff;
	padding:0 1em;
	line-height:1.5;
	height: 70px;

}
	.tablestyle1 thead tr th{
	font-family: "NunitoSans-Regular",sans-serif;	
	font-size:20px; 
	font-weight:600!important;	
	text-transform:uppercase;
	background-color:#cccccc;
	padding:0 1em;
	line-height:1.5;
	
		}
	/*---Efectul table zebra---*/
	table tr:nth-child(even){
	background:#e2e3e4;
	}
	table  tr:nth-child(odd){
	background:#ecedee;
	}
	/*---Efectul Hover la border---*/	
	table tbody tr:hover,table tbody tr:focus,table tbody tr .highlight{
	background:#fff;
	}
	table tbody tr:hover td,table td,table tbody tr td .highlight{
	border-color:#ecedee;
	}
		/*----Anularea border-right----*/
	table tr td:last-child,table tr th:last-child{
	border:none;
	}
	.meciul{
		font-size:16px!important; 
	padding: 0;
	margin: 0;
	display: flex!important;	
	flex-wrap:nowrap!important;
	align-items: center!important;
	justify-content: center!important;
    text-decoration: none;
	list-style-image: none;
	list-style-type: none;
	color: #58585a;
	width:auto!important;
	border-right:0!important; 
	}
	
	.scor{
	font-size: 20px!important;
	font-family:"NunitoSans-Black" !important;
	font-weight: normal!important;
	width: auto!important;
	text-align: center!important;
	
	}
	.echipa{
	padding: 0;
	margin: 0;
	height: auto;
	width: 100%;
	display: inline-flex;
	align-items: center;
	/* [disabled]font-size: 0px; */
	
	}


	.vs{ 
	font-weight:600;
	padding: 0;
	margin: 0;
	}
	.rez{
		width: 10%;

	}
	.comp{
		width: 10%;

	}
	.et{
		width: 5%;
	}
	.data{
		font-size: 16px;
		width:15%; 
	}
	.gazde{
	justify-content:flex-end!important;
	}
	.oaspeti{
	justify-content:flex-start!important;
	}
	a{
	text-decoration: none!important;	
	}
	a:hover{
		text-decoration:none!important;
	}
/*--Tableta--*/	
	@media (max-width:760px){
		.scor{
			font-size: 20px!important;
		}
		.tablestyle1 tbody tr td{
		font-size:12px; 	
		}
		.tablestyle thead tr th{
		font-size:12px; 	
		}
		.logoTeam{
			height:25px; 
		}
	}
/*--Mobil--*/	
	
	@media (max-width:480px){
		.scor{
			font-size: 16px!important;
		}
		.tablestyle1 tbody tr td{
		font-size:12px; 	
		}
		.tablestyle1 thead tr th{
		font-size:10px; 	
		}
		.echipa{
			font-size: 0px!important;
		}
		.logoTeam{
			height:30px; 
		}
		.comp{
			display: none;
		}
	}
/*--End Program Competitii--*/

 
   
  /* GRID */
    .news-grid {
		background-color:transparent; 
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
      gap: 25px!important;
      width: 100%;
      max-width: 1470px;
      padding: 20px;
	border-radius: 10px;
		margin:0 auto;
		
    }

    /* CARD */
    .card {
      background-color: #fff;
      border-radius: 5px;
      overflow: hidden;
      text-decoration: none;
      color: inherit;
      transition: transform 0.35s ease, box-shadow 0.35s ease, background 0.3s ease;
      box-shadow:
        0 1px 3px rgba(0, 0, 0, 0.06),
        0 0px 1px rgba(0, 0, 0, 0.04);

      display: flex;
      flex-direction: column;
      height: 100%;
      cursor: pointer;
    }

    .card:hover {
      box-shadow:
        0 3px 6px rgba(0, 0, 0, 0.10),
        0 1px 2px rgba(0, 0, 0, 0.08);
    }

    /* IMAGINE */
    .image-wrapper {
      width: 100%;
      height: 200px;
      overflow: hidden;
    }

    .image-wrapper img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.45s ease;
		margin-bottom: 0px;
    }

    .card:hover .image-wrapper img {
      transform: scale(1.08);
    }

    /* CONTENT */
    .card-content {
      padding: 20px;
      display: flex;
      flex-direction: column;
      flex: 1;
    }

    .card-headtop {
      display:flex;
      align-items: center;
      font-size: 12px;
      color: #888;
		border: none;
    }

    .card-headtop {
	background-color: transparent;
	width: auto;
	color: #888;
	text-transform: uppercase;     
    
    }


    .card-title {
      font-size: 17px;
      line-height: 1.4;
      font-weight: 700;
      color: #222;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      transition: color 0.3s ease;
    }

    .card:hover .card-title {
      color: #e60000;
    }

    .card-message {
      font-size: 13px;
      color: #555;
      line-height: 1.3;
      margin: 12px 0 18px;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }

    .card-footer-data {
      font-size: 11px;
      color: #777;
      margin-top: auto;
		
    }

    /* ----------------------------- */
    /* RESPONSIVE                    */
    /* ----------------------------- */

    /* TELEFOANE MARI (480–767px) */
    @media (min-width: 480px) and (max-width: 767px) {
      .news-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
      }
      .image-wrapper {
        height: 200px;
      }
    }

    /* TABLETĂ (768–1024px) */
    @media (min-width: 768px) and (max-width: 1024px) {

      body {
        padding: 25px;
      }

      .news-grid {
        grid-template-columns: repeat(2, 1fr); /* 2 coloane fixe */
        gap: 25px;
      }

      .image-wrapper {
        height: 220px;
      }

      .card-title {
        font-size: 18px;
        line-height: 1.45;
      }

      .card-message {
        font-size: 14px;
        line-height: 1.35;
      }

      .card-footer-data {
        font-size: 12px;
      }
    }

    /* MOBIL MIC (sub 480px) */
    @media (max-width: 480px) {
      .image-wrapper {
        height: 200px;
      }
      .card-title {
        font-size: 18px;
      }
    }


/* CONTAINER CLASAMENT */
.clasament{
    width:100%;
    max-width:1250px;
    margin:auto;
    overflow:hidden;
    border-radius:10px;
}

/* TITLU */
.titluClasament{
    text-align:center;
    margin-bottom:15px;
}

.titluClasament img{
    height:40px;
    vertical-align:middle;
}

.titluClasament strong{
    font-size:28px;
    color:#333;
}

/* HEADER + RAND */
.header,
.rand{
    display:grid;
    grid-template-columns:
  50px minmax(250px,1fr)50px 50px 50px 50px 80px 50px 50px;
 align-items:center;
}

/* HEADER */
.header{
    background:#e70101;
    color:#fff;
    font-weight:bold;
    text-transform:uppercase;
    min-height:40px;
}

/* CELULE */
.header div,
.rand div{
    padding:14px 10px;
    text-align:center;
}

/* RANDURI */
.rand:nth-child(even){
    background:#e2e3e4;
}

.rand:nth-child(odd){
    background:#ecedee;
}

.rand:hover{
    background:#d7d7d7;
}

/* ECHIPA */
.echipa{
    display:flex;
    align-items:center;
    gap:15px;
    text-align:left !important;
}

/* STEMA */
.stema{
    width:40px;
    height:40px;
    min-width:40px;
    object-fit:contain;
    display:block;
}

/* ZABRANI */
.csvz{
    background:#f00000!important;
    color:#fff;
    font-weight:bold;
}

/* ========================= */
/* MOBILE */
/* ========================= */

@media(max-width:600px){

    .header,
    .rand{
 grid-template-columns:45px minmax(170px,1fr)
            45px
            45px;
    }

    /* ASCUNDEM COLOANELE */
	
    .v,
    .e,
    .i,
    .g,
    .difg{
        display:none !important;
    }

    .header div,
    .rand div{
        padding:10px 5px;
        font-size:13px;
    }

    .echipa{
        gap:10px;
    }

    .stema{
        width:32px;
        height:32px;
        min-width:32px;
    }

    .titluClasament strong{
        font-size:22px;
    }
}

/*----ARTICOL NOU-------------*/

.articol_nou {
    padding: 0;
    width: 100%;
}

.articol_nou a {
    display: block;
    text-decoration: none;
    line-height: 1em;
    overflow: hidden;
    padding: 0 !important;
    background-image: url("../arhiva/imagini-arhiva/logo-home.png");
    background-position: right bottom;
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    color: #000;
    margin-bottom: 30px;
}

.articol_nou a:hover {
    background-color: #f5f5f5;
    color: #da0000 !important;
}

/* DATA */
.articol_nou_data {
    color: #454545;
    display: inline-flex;
    font-size: 13px;
    text-transform: uppercase;
    padding: 0 5px;
    word-spacing: 3px;
}

/* CADRU IMAGINE */
.cadru_image {
    height: 200px;
    width: 320px;
    text-align: center;
    overflow: hidden;
    float: left;
    margin-right: calc(3em - 4px);

    /* COLȚURI DREPTE */
    border-radius: 0 !important;
}

/* IMAGINE */
.articol_nou_image {
    opacity: 0.8;
    background-color: #c8c7c7;
    object-fit: cover;
    width: 100%;
    height: inherit;
    transition: transform .5s ease;
    border-radius: 0 !important; /* colțuri drepte */
}

.articol_nou a:hover .articol_nou_image {
    opacity: 1;
    transform: scale(1.2) rotate(-2deg);
}

/* TEXT */
.text_wrap {
    display: block;
    padding-top: 10px !important;
}

.articol_nou_sh {
    color: #58585a;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-size: 16px !important;
    line-height: 22px !important;
    padding-right: 15px;
}

.articol_nou_link {
    font-family: "Nunito Sans",sans-serif!important;
    font-size: 1.5em;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    padding-right: 15px;
    padding-top: 6px;
    font-weight: 600!important;
}

/*------------------ MOBIL ------------------*/
@media(max-width: 480px){

    /* Poza sus, textul sub ea */
    .cadru_image {
        float: none;
        width: 100%;
        height: auto;
        margin: 0 0 20px 0;
    }

    .articol_nou_image {
        height: auto;
    }

    p {
        font-size: 19px !important;
    }

    .titlu-subiect {
        font-size: 26px !important;
        line-height: 30px !important;
    }

    .continutContainer {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .my-container {
        padding: 0 !important;
    }
}

/*----ARTICOL NOU-------------*/

.articol_nou {
    padding: 0;
    width: 100%;
}

.articol_nou a {
    display: block;
    text-decoration: none;
    line-height: 1em;
    overflow: hidden;
    padding: 0 !important;
    background-image: url("../arhiva/imagini-arhiva/logo-home.png");
    background-position: right bottom;
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    color: #000;
    margin-bottom: 30px;
}

.articol_nou a:hover {
    background-color: #f5f5f5;
    color: #da0000 !important;
}

/* DATA */
.articol_nou_data {
    color: #454545;
    display: inline-flex;
    font-size: 13px;
    text-transform: uppercase;
    padding: 0 5px;
    word-spacing: 3px;
}

/* CADRU IMAGINE */
.cadru_image {
    height: 200px;
    width: 320px;
    text-align: center;
    overflow: hidden;
    float: left;
    margin-right: calc(3em - 4px);

    /* COLȚURI DREPTE */
    border-radius: 0 !important;
}

/* IMAGINE */
.articol_nou_image {
    opacity: 0.8;
    background-color: #c8c7c7;
    object-fit: cover;
    width: 100%;
    height: inherit;
    transition: transform .5s ease;
    border-radius: 0 !important; /* colțuri drepte */
}

.articol_nou a:hover .articol_nou_image {
    opacity: 1;
    transform: scale(1.2) rotate(-2deg);
}

/* TEXT */
.text_wrap {
    display:block;
    padding:25px 10px 10px !important;
	align-content: center!important;
	
}

.articol_nou_sh {
    color: #58585a;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-size: 16px !important;
    line-height: 22px !important;
    padding-right: 15px;
}

.articol_nou_link {
    font-family: "Lato";
    font-size: 1.5em;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    padding-right: 15px;
    padding-top: 6px;
    font-weight: 900;
}

/*------------------ MOBIL ------------------*/
@media(max-width: 600px){

    /* Poza sus, textul sub ea */
    .cadru_image {
        float: none;
        width: 100%;
        height: auto;
        margin: 0 0 20px 0;
    }
	.text_wrap{
		padding-right:20px!important;
		padding-top:1px!important; 
		
		}

    .articol_nou_image {
        height: auto;
    }

    p {
        font-size: 18px !important;
    }

    .titlu-subiect {
        font-size: 26px !important;
        line-height: 30px !important;
    }

    .continutContainer {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .my-container {
        padding: 0 !important;
    }
}

/*----End.ARTICOL NOU-------------*/


/*---Tabel sezoane cu meciuri---*/

.fixture-card2 {
  width: 100%;
 
  margin: 0 auto;
  background:#E3E3E3!important;
 overflow: hidden;
}

.fixture-header {
  background:#EEEEEE;
  padding: 12px 16px;
  border-bottom: 1px solid var(--border);
}

.fixture-title {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--text-muted);
}

.fixture-subtitle {
  font-size: 17px;
  font-weight: 600;
}

.fixture-season {
  font-size: 11px;
  color: #38bdf8;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

table.fixture-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.fixture-table thead {
  background-color: #C92527!important;
}

.fixture-table2 th {
  padding: 10px 12px;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color:#fff;
  background-color: #C92527!important;
}

.fixture-table td {
  padding: 10px 12px!important;
  
}

.fixture-table tbody tr:nth-child(even) {
  background: #f2f2f2;
}

.fixture-table tbody tr:hover {
  background:#fff;
}

/* AJF badge */
.compe-logo {
  width: 35px;
  height: 35px;
  object-fit: contain;
}

/* Rezultat */
.rez-badge {
 
  padding: 4px 10px;
  border-radius: 20px;
  font-weight: 900;
  font-size: 16px;
}

.rez-win { color: #393939}
.rez-loss { color:#393939}
.rez-draw { color: #393939}

/* Team logos */
.team-logo {
  width: 40px;
  height: 40px;
  object-fit: contain;
  padding: 0px;
}

/* =============================== */
/*      DESKTOP ALIGNMENT FIX      */
/* =============================== */

.match-cell {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
}

.team-side {
  display: flex;
  flex-direction: row;
  align-items: center;     /* aliniere verticală perfectă */
  gap: 8px;
  width: 50%;
}

.team-side.home {
  justify-content: flex-end;   /* numele în stânga, stema după */
}

.team-side.away {
  justify-content: flex-start; /* stema în stânga, numele după */
}

/* ROW AS LINK */
.row-link {
  display: table-row;
  color: inherit;
  text-decoration: none;
}

.row-link:hover {
  background: var(--bg-hover);
}

/* =============================== */
/*            MOBILE               */
/* =============================== */
@media (max-width: 768px) {

  /* ASCUNDE LOGO AJF, ETAPA, DATA/ORA */
  td:nth-child(1),
  td:nth-child(2),
  td:nth-child(3) {
  display: none!important;
  }

  .fixture-table thead {
    display: none;
  }

  .fixture-table,
  .fixture-table tbody,
  .fixture-table tr,
  .fixture-table td {
    display: block;
    width: 100%;
  }

  .fixture-table tr {
    padding: 14px 0;
  }

  /* Linia cu cele două echipe + rezultat */
  .match-cell {
    display: flex;
    flex-direction: row;
    justify-content: space-between; /* aliniere perfectă pe 3 coloane */
    align-items: center;
    gap: 0;
  }

  /* Blocurile echipelor */
  .team-side.home,
  .team-side.away {
    display: flex;
    flex-direction: column !important; /* SIMETRIC: stema sus, numele jos */
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 33.33%;
    gap: 4px;
  }

  /* =============================== */
  /*     ORDINEA ELEMENTELOR         */
  /* =============================== */

  /* Stema sus la ambele echipe */
  .team-side img.team-logo {
    order: 1;
  }

  /* Numele jos la ambele echipe */
  .team-side .team-name {
    order: 2;
  }

  /* Ascundem ":" */
  .separator {
    display: none;
  }

  /* Rezultatul între echipe */
  .col-rez {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 33.33%;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    margin: 0;
  }
}

/*---End Tabel sezoane cu meciuri---*/


    .cont-date {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 10px;
        flex-wrap: wrap;
    }

    /* STÂNGA */
    .left-group {
        display: flex;
        align-items: center;
        gap: 15px;
    }

    .left-group img {
        height: 50px;
    }

    .text-block {
        display: flex;
        flex-direction: column;
    }

    .title {
        font-size: 16px;
        font-weight:600;
       
    }

    .details {
	
	color: #555;
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 13px!important;
	font-weight: 400;
	flex-wrap: wrap;
	word-spacing: 2px;
	letter-spacing: 1px;
	
    }

    .divider {
        border-left: 0.11em solid #555;
        height: 12px;
    }

    /* DREAPTA */
    .right {
        display: flex;
        align-items: center;
    }

    .right img {
        height: 25px;
        margin-left: 10px;
        cursor: pointer;
    }

    /* RESPONSIVE */
    @media (max-width: 600px) {
        .container {
            flex-direction: column;
            align-items: flex-start;
            gap: 10px;
        }
	
        .right {
            align-self: flex-end;
        }

        .title {
            font-size: 16px;
        }

        .details {
			margin-top:0px;
            font-size: 14px;
        }

        .left-group img {
            height: 50px;
        }
    }

.logo-container {
    display: flex;
    align-items: center;
	align-content: center;
    width: 100%;
	height: 65px;
	margin:100px 0px

}

.line {
    flex: 1;
    height: 0.08em;
    background-color: #d00000;
	
}

.logo {
	align-content: center;
	align-items: center;
    margin: 0 15px;
	width: 60px;
	height: 60px;
	
}

.logo img {
    width: 55px;
    height: 55px;;
    display: block;

}

/*----Stiri conexe----*/
 .related-news-section {
      max-width: 1664px;
      margin: 20px auto;
      
    }

    .related-news-title {
		display: inline-flex;
		background-color:#ea0b18;
		color: #fff;
		padding:5px 20px; 
      font-size: 22px;
      font-weight: 900;
      margin-bottom: 20px;
      text-transform: uppercase;
		border-radius:4px; 
		
    }

    .related-news-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 16px;
    }

    /* CARD */
    .news-card {
      background: #ffffff;
      border-radius: 6px;
      overflow: hidden;
      text-decoration: none;
      color: #000;
      display: flex;
      flex-direction: column;
      --shadow-primary-color: rgba(0, 0, 0, 0.14);
      --shadow-secondary-color: rgba(0, 0, 0, 0.12);

box-shadow: 0px 1px 2px var(--shadow-primary-color), 0px 0px 2px var(--shadow-secondary-color);
      transition: box-shadow 0.25s ease;
    }

    .news-card:hover {
      box-shadow: rgb(0 0 0 / 10%) 0px 0px 2px 2px;
		
    }

    /* IMAGINE + ZOOM */
    .news-card-image-wrapper {
      position: relative;
      width: 100%;
      padding-top: 56.25%;
      overflow: hidden;
    }

    .news-card-image-wrapper img {
      position: absolute;
      top: 0; left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.35s ease;
    }

    .news-card:hover .news-card-image-wrapper img {
      transform: scale(1.06);
    }

    /* LOGO */
    .news-card-logo {
      position: absolute;
      bottom: 8px;
      left: 8px;
      background: rgba(255,255,255,0.9);
      padding: 4px 8px;
      border-radius: 4px;
      font-size: 11px;
      font-weight: 700;
      text-transform: uppercase;
    }

    /* TEXT */
    .news-card-content {
      padding: 12px 14px 16px;
      display: flex;
      flex-direction: column;
      gap: 4px;
    }

    .news-card-tag {
      font-size: 11px;
      font-weight: 700;
      color: #ed0037;
      text-transform: uppercase;
    }

    .news-card-title {
      font-size: 14px;
      font-weight: 600;
      line-height: 1.3;
    }

    /* RESPONSIVE */
    @media (max-width: 992px) {
      .related-news-grid {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    @media (max-width: 576px) {
      .related-news-grid {
        grid-template-columns: 1fr;
      }
    }

/* === PATCH PENTRU CLASAMENT — BLOCARE REGULI GLOBALE === */

/* Oprește Bootstrap și style.css să modifice tabelele clasamentului */
.table-clasament,
.table-clasament * {
    all: unset;
    display: revert;
    box-sizing: border-box;
}

/* Reaplicăm comportamentul normal de tabel */
.table-clasament {
    display: table !important;
    width: 100% !important;
    border-collapse: collapse !important;
    white-space: normal !important;
}

.table-clasament tr {
    display: table-row !important;
}

.table-clasament td,
.table-clasament th {
    display: table-cell !important;
    white-space: normal !important;
    vertical-align: middle !important;
}

/* Oprim orice transformare globală pe mobil */
@media(max-width: 768px) {
    .table-clasament td,
    .table-clasament th {
        display: table-cell !important;
        width: auto !important;
    }
}

/* =========================
   Program sezoane
========================= */


.fixture-list{
    width:100%;
	max-width:1250px; 
	margin: 0 auto;
	background-color: #fff;
	padding: 15px;
}
	
	.titlu-sezon{
	font-family: 'VictoriaSC', sans-serif; 
	font-size: 36px!important;
	line-height: 30px!important;
	color:#E30613;
	margin-bottom:15px; 
			
	}
	.sub-titlu-sezon{
	font-size: 20px!important;
	line-height: 30px!important;
	color: #E30613;
	text-transform: uppercase;
		padding:24px  0 ;
			
	}

/* =========================
   HEADER
========================= */

.fixture-head{
	display: grid;
	grid-template-columns: 120px 100px 190px 1fr;
	color: #fff;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 18px;
	background-image: -webkit-linear-gradient(270deg,rgba(215,33,36,1.00) 8.29%,rgba(252,61,61,1.00) 46.29%,rgba(255,38,38,1.00) 71.50%,rgba(255,39,39,1.00) 93.96%,rgba(115,1,1,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(215,33,36,1.00) 8.29%,rgba(252,61,61,1.00) 46.29%,rgba(255,38,38,1.00) 71.50%,rgba(255,39,39,1.00) 93.96%,rgba(115,1,1,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(215,33,36,1.00) 8.29%,rgba(252,61,61,1.00) 46.29%,rgba(255,38,38,1.00) 71.50%,rgba(255,39,39,1.00) 93.96%,rgba(115,1,1,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(215,33,36,1.00) 8.29%,rgba(252,61,61,1.00) 46.29%,rgba(255,38,38,1.00) 71.50%,rgba(255,39,39,1.00) 93.96%,rgba(115,1,1,1.00) 100%);
}

.fixture-head div{
	padding-top: 25px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 25px;
	border-right: 3px solid #e9e9e9;
	text-align: center;
}

.fixture-head div:last-child{
    border-right:none;
}

/* =========================
   ROW
========================= */

.fixture-row{
    display:grid;
    grid-template-columns:120px 100px 190px 1fr;
    align-items:center;
    background:#e2e3e4;
    transition:0.3s;
	padding: 0;
}

.fixture-row:nth-child(even){
    background:#ecedee;
}

.fixture-row:hover{
    background:#fff;
}

.fixture-row > div{
	padding-top: 10px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 10px;
	border-right: 3px solid #fff;
	text-align: center;
}

.fixture-row > div:last-child{
    border-right:none;
}

/* =========================
   LOGO AJF
========================= */

.comp-logo{
    width:40px;
}

/* =========================
   MATCH
========================= */

.match{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:25px;
}

.team.home{
    justify-content:flex-end;
}

/* =========================
   TEAMS
========================= */

.team{
    display:flex;
    align-items:center;
    gap:12px;
    width:250px;
}

.team.away{
    justify-content:flex-start;
}

.team img{
    width:40px;
    height:40px;
    object-fit:contain;
    flex-shrink:0;
}

/* =========================
   SCORE
========================= */

.score{
    font-size:18px;
    font-weight:bold;
    color:#444;
}

/* =========================
   LINKS
========================= */

.match-link{
    text-decoration:none;
    color:inherit;
    display:block;
}

/* =========================
   TABLETĂ
========================= */

@media (max-width: 992px){

    .fixture-list{
        overflow-x:auto;
    }

    .fixture-head,
    .fixture-row{
        min-width:950px;
    }

    .team{
        width:220px;
    }

    .team span{
        font-size:14px;
    }

    .team img{
        width:38px;
        height:38px;
    }

    .fixture-head div,
    .fixture-row > div{
        padding:15px 10px;
    }
}


/* =========================
   MOBIL
========================= */

@media (max-width: 768px){

    body{
        padding:10px;
    }

    .fixture-head{
        display:none;
    }

    .comp-logo{
        display:none;
    }

    .top-info.mobile-only{
        display:none;
    }

    .fixture-list{
        display:flex;
        flex-direction:column;
        gap:15px;
        overflow:visible;
    }

    .fixture-row{
        display:flex;
        flex-direction:column;
        min-width:100%;
        border-radius:14px;
        overflow:hidden;
    }

    .fixture-row > div{
        width:100%;
        border-right:none;
        border-bottom:1px solid #e7e7e7;
    }

    .fixture-row > div:last-child{
        border-bottom:none;
    }

    /* =========================
       MATCH MOBILE
    ========================= */

    .match{
        flex-direction:row;
        align-items:center;
        justify-content:center;
        gap:35px;
        padding:10px 15px;
    }

    /* ascunde numele echipelor */

    .team span{
        display:none;
    }

    .team{
        width:auto;
        display:flex;
        align-items:center;
        justify-content:center !important;
    }

    .team img{
        width:40px;
        height:40px;
        object-fit:contain;
    }

    .score{
        font-size:18px;
        font-weight:bold;
        color:#000;
        min-width:70px;
        text-align:center;
    }

    /* ascunde scorul de jos */

    .result{
        display:none;
    }
}

/* =========================
   MOBILE / DESKTOP VISIBILITY
========================= */

.mobile-only{
    display:none;
}

.desktop-only{
    display:block;
}

@media(max-width:768px){

    .mobile-only{
        display:flex;
    }

    .desktop-only{
        display:none;
    }
	   .match{
       
        gap:15px;
        padding:10px 15px;
    }
}

/* =========================
   End Program sezoane
========================= */

/*----Social----*/

.socials{
    display:flex;
    align-items:center;
    gap:18px;
}

/* BUTON GENERAL */
.social{
    width:68px;
    height:68px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:all .35s ease;
    box-shadow:0 6px 18px rgba(0,0,0,.25);
}

/* ICONURI */
.social svg{
    width:38px;
    height:38px;
    fill:#ffffff;
    transition:.3s;
}

/* FACEBOOK */
.facebook{
    background:#1877f2;
}

.facebook:hover{
    transform:translateY(0px) scale(1.12);
    
}

/* X / TWITTER */
.twitter{
    background:#000000;
}

.twitter:hover{
    transform:translateY(0px) scale(1.12);
    
}