@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');

	body {
	    font-family: 'Montserrat', sans-serif;
	    font-size: 0.9rem;
/*	    font-weight: 600;*/
	    color: #545454!important;
	}
	body a{

	    color: #545454;
	}


/*-----------------------------HEADER----------------------------*/ 

	.header-container{
		height: auto;
		background: #fff;
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		text-transform: uppercase;
		font-weight: 600;
		position: fixed;
		z-index: 21;
		top: 0rem;
		box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
		transition: all 0.2s;
	}

	.header-scrolled{
		height: auto;
		background: #fff;
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		text-transform: uppercase;
		font-weight: 600;
		position: fixed;
		z-index: 200;
		top: 0rem;
		box-shadow: 0px 0px 26px rgba(0, 0, 0, 0.07);
		transition: all 0.2s;
	}

	.header-scrolled > .first-row > .logo-header{
		width: 5rem;
		transition: all 0.2s;
		opacity: 0;
	}

	.header-scrolled > .first-row > .icons-container{
		margin: 0;
		transition: all 0.2s;
	}

	.header-scrolled > .second-row{
		margin-top: 0;
		transition: all 0.2s;
		position: relative;
		z-index: 100;
		padding: 1rem 0rem;
		padding-bottom: 0rem;
		width: 100%;
		max-width: 43.822rem;
	}
	.header-scrolled > .first-row{
		margin-top: 0.5rem;
		transition: all 0.2s;
	}

	.mobile-only{
		display: none;
	}

	.logo-header{
		width: 9.5rem;
		transition: all 0.2s;
		margin-top: 0.5rem;
		position: relative;
		top: 0.8rem;
		cursor: pointer;
	}

	.icons-container{
		display: flex;
		flex-direction: row;
		gap: 1rem;
		margin-bottom: 0rem;
		transition: all 0.2s;
	}
	.icons-container a.LoginButton {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.icons-container ul.Flags {
		width: auto;
		column-gap: 0.3rem;
	}
	.icons-container ul.Flags li.Flag {
		width: 1.6rem;
	}
	.icons-container ul.Flags li.Flag a img {
		margin: 0 !important;
		width: 1.6rem !important;
		margin-top: 0.2rem !important;
	}
	.icons-container .link-header p#search {
		display: none;
	}

	.first-row .link-header  .icons-container .header-icon {
		margin-left: 0rem !important;
	}
	.first-row .link-header  .icons-container span {
		font-size: 0.8rem;
		margin-top: 0.2rem;
	}

	.first-row{
		display: flex;
    	flex-direction: row;
    	justify-content: space-between;
    	align-items: center;
    	max-width: 67.222rem;
    	width: 100%;
    	margin-top: 0.1rem;
    	transition: all 0.2s;
    	position: fixed;
    }
	.second-row{
		display: flex;
    	flex-direction: row;
    	justify-content: center;
    	align-items: center;
    	width: 100%;
    	margin-top: 6.4rem;
    	transition: all 0.2s;
    	margin-bottom: 1rem;
    }

	.header-icon{
		width: 1.1rem;
		cursor: pointer;
	}

	.icons-mobile{
		display: none;
	}

		




		nav ul {
		    list-style: none;
		    padding:0;
		    margin:0;
		    background-color:#fff;
		    padding-bottom: 0rem;
		}

		nav ul li {
			cursor: pointer;
		    display: inline-block;
	        padding: 0.8rem;
	        margin-right: 0;
	        color: hsl(0, 0%, 33%);
	        font-size: 0.8rem;
		}

		nav ul li a {
		    display: block;
		    padding:0rem;
		    color: #333!important;
		    width: 100%;
		    text-decoration: none;
		    z-index: 9999999;
		}

		nav ul li:hover {
			transition: all 0.3s;
		    color: #9c0034!important;
		}

		nav ul li a:hover {  
			transition: all 0.3s;
		    color: #9c0034!important;
		}

		nav ul li:hover {
		    background-color:#ffffff;
		}

		nav ul li:hover > ul {
		    display: block;
		}

		nav ul ul {
		    display: none;
		    position: absolute;
		    background-color:#fff;
		}

		nav ul li ul li{
			padding: 0.5rem 0.7rem;
			margin: 0;
			/*cursor: pointer;*/
		}

		nav ul ul li {
		    display: block;
		}



		nav ul li:hover > ul {
		    display: block;
		    padding: 0rem; 
		    margin-top: 0.5rem;
		    margin-right: 0rem;
		    margin-left: -1rem;
		}





/*----------------------------------------------------------------------------------------MOBILE----------------------*/




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

		.header-container{
			position: fixed;
			height: 5.5rem;

		}

		.first-row{
			margin: 0;
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			align-items: center;
			max-width: 80%;
			width: 100%;
			margin-top: 0.1rem;
			transition: all 0.2s;
			position: fixed;
		}
		#header > div > a.link-header:first-child {
			display: none;
		}


		.logo-header{
			width: 8rem;
			padding: 1rem 0 1rem 0;
			transition: all 0.2s;
			margin-top: 0rem;
			top: 0rem !important;
			position: relative;
			cursor: pointer;

		}


		.second-row{
			display: none;
		}



		.second-row-active{
			height: 100vh;
	        position: fixed;
	        background: #fff;
	        top: 5.4rem;
	        width: 100%;
	        display: flex;
	        flex-direction: column;
	        align-content: center;
	        justify-content: flex-start;
	        align-items: flex-start;
	        overflow-y: scroll;
	        height: 100%;
		}

		nav ul{
			list-style: none;
		    padding: 0;
		    margin: 0;
		    background-color: #fff;
		    display: flex;
		    flex-direction: column;
		    width: 100%;
		}

		.mobile-only{
			display: block;
		}

		.riga-submenu{
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			padding-right: 2.5rem;
			align-items: center;
			height: 2rem;
			font-size: 1.2rem;
		}

		nav ul li {
		    display:inline-block;
		    padding: 1rem;
		    margin-right: 10.9rem;
		    width: 100%;
		    border-bottom: 1px solid #ccc;
		    font-size: 1.5rem;
		}


		nav ul li ul li{
			padding: 0.7rem;
			margin: 0;
			color: #6c0634;
			
		}

		.header-icon-mobile{
			width: 2rem;
		}

		.icons-mobile{
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: center;
			gap: 2rem;
		}
		
		#second-row > ul.mobile-only > a > li > div > img {
			width: 5vw;
		}


		nav ul li {
		    display: inline-block;
	        padding: 0.8rem;
	        margin-right: 0;
	        color: hsl(0, 0%, 33%);
	        height: 2rem;
	        font-size: 1.2rem !important;
	        line-height: 2.3rem;
		}
		nav ul li:visited {
			color: hsl(0, 0%, 33%) !important;
		}
		nav ul li a {
		    display: block;
		    padding:0rem;
		    color: #333 !important;
		    width: 100%;
		    text-decoration: none;
		    z-index: 9999999;
		}

		nav ul li ul li{
			padding: 0.5rem 0.7rem;
			margin: 0;
			cursor: pointer;
			color: #333 !important;
			font-size: 1rem !important;
			padding-left: 2rem;
		}
		ul.Flags li.Flag a {
			color: hsl(0, 0%, 33%) !important;
		}
		ul.Flags li.Flag a img.flag {
			width: 1.5rem;
			margin-left: 0.8rem !important;
			margin-right: 0.5rem !important;
		}
		ul.Flags li.Flag a img {
			width: 1.5rem;
			margin-left: 0.8rem !important;
			margin-right: 0.5rem !important;
		}





	}

#google_translate_element{
			display: none !important;
		}

		.skiptranslate{
			display: none !important;
		}

		.Flags{
			list-style: none;
			display: inline-flex;
			align-items: center;
			padding: 0;
		}

		.flag{
			width: 1.5rem;
			margin-left: 0.3rem;
		}

		.link-header{
			text-decoration: none;
			color: #545454!important;
			display: flex;
		    flex-direction: row;
		    gap: 0.6rem;
		}