
.flash_bar {
    width: 100%;
    background: #3f6014;
    text-align: center;
    font-size: 14px;
    line-height: 1.4;
    padding: 0 20px;
    display: flex;
	height:50px;
    gap: 60px;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.9);
	position: relative;
}

.flash_bar * {
    margin: 0;
}


.flash_bar p.titol {
    font-family: var(--poppins);
    font-weight: 600;
    font-size: 16px;
    color: #fff;
	background-image:url(../img/flash.svg);
	padding-left:20px;
	background-size:auto 20px;
	background-position:center left;
	letter-spacing:0.3px;
}



.flash_bar .desc b {
    color: var(--groc1);
    font-weight: 600;
}

.flash_bar .btn {
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    padding: 3px 0;
    transition: border-color 0.2s ease, color 0.2s ease;
    white-space: nowrap;
	font-family: var(--poppins);
	letter-spacing:0.5px;
    font-size: 15px;
	background-image:url(../img/right_white.svg);
	padding-right:18px;
	background-size:auto 12px;
	background-position:center right;
	
}

.flash_bar .btn:hover {
    color: var(--groc1);
    border-bottom-color: var(--groc1);
	background-image:url(../img/right_yellow.svg);
}



.flash_bar .flash_close {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    color: rgba(255, 255, 255, 0.8);
    font-size: 26px;
    line-height: 1;
    cursor: pointer;
    padding: 4px 8px;
    font-family: var(--poppins);
    font-weight: 300;
    transition: color 0.2s ease, transform 0.2s ease;
}

.flash_bar .flash_close:hover {
    color: var(--groc1);
    transform: translateY(-50%) scale(1.15);
}

header.trans {
	top:50px;
}
header.sticky {
	top:0;
}


/* Tablet horit */
@media (max-width: 1199px) {
	.flash_bar {

	}
	header.trans {
		top:40px;
	}
	header.sticky {
		top:0;
	}

}

/* Tablet vert */
@media (max-width: 991px) {
	.mheader {
		top:50px  !important;
	}
	.intranet .mheader {
		top:0px !important;
	}
}


/* Mobil */
@media (max-width: 767px) {
	.mheader {
		top:50px !important;
	}
	.intranet .mheader {
		top:0px !important;
	}

	.flash_bar {
		padding:0 40px 0 15px;
		gap:0;
		justify-content: flex-start;
	}

	.flash_bar p.titol {
		border-right: 1px solid rgba(255, 255, 255, 0.5);
    	padding-right: 15px;
		margin-right: 15px;
		font-size:14px;
		font-weight:500;
		padding-left: 18px;
    	background-size: auto 18px;
	}

	.flash_bar .btn {
		font-weight: 400;
		font-size: 13px;
		padding-right:16px;
		background-size:auto 12px;
		
	}

	

	.flash_bar .flash_close {
		right: 5px;
	}
	
	.flash_bar .desc {
		display:none;
	}
}


/* mobil petit */
@media (max-width: 320px) {

}