@charset "utf-8";
/* CSS Document */

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

:root
{
	--roboto: 'Roboto', sans-serif;
	--wx2: #e7e7e7;
	--bx2: #9e9fa3;
	--c1: #096a4b;
	--c2: #de1422;
}

@media only screen
{
	h1
	{
		font-size: 2.24rem;
		font-weight: 700;
	}
	
	h2
	{
		font-size: 1.48rem;
		font-weight: 700;
	}
	
	h3
	{
		font-weight: 700;
	}
	
	body
	{
		font-family: var(--roboto);
		background-color: var(--w);
	}
	
	.logo
	{
		position: absolute;
		top: 1rem;
		left: 2.5rem;
		height: 5rem;
	}
	
	.logo img
	{
		height: 5rem;
	}
	
	.ancc
	{
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		opacity: 0.25;
	}
	
	.anc
	{
		position: absolute;
		top: 0px;
		left: 0px;
	}
	
	nav li > a
	{
		display: inherit;
	}
	
	nav li > a
	{
		line-height: 6rem;
		font-weight: 700;
		padding: 0px 0.75rem;
	}
	
	.grid
	{
		display: grid;
	}
	
	.flex
	{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	.mandala, .mandala2
	{
		width: 30rem;
		position: absolute;
		top: 0px;
		left: -15rem;
		-webkit-animation-duration: 18s;
		-moz-animation-duration: 18s;
		-o-animation-duration: 18s;
		-ms-animation-duration: 18s;
		animation-duration: 18s;
	}
	
	.mandala2
	{
		top: 2rem;
	}
	
	.gi1 .award, .award2, .award3
	{
		position: absolute;
		top: unset;
		left: unset;
		bottom: -0.8125vw;
		right: -0.5vw;
		width: auto;
		height: 50%;
	}
	
	.award2
	{
		height: auto;
		right: 0px;
		width: 9.4rem;
	}
	
	.award3, .g5i2 > div > .award3
	{
		right: calc(100% + 1rem);
		bottom: unset;
		top: calc(8vw + 14rem);
		width: 9.4rem;
		height: unset;
	}
	
	.gi2.flex
	{
		justify-self: stretch;
		flex-direction: column;
	}
	
	.gi2 h1
	{
		color: var(--c1);
		margin: auto 0px 0px;
		text-align: center;
	}
	
	.gi2 img
	{
		max-width: 68%;
		margin: 1.5rem auto 2rem
	}
	
	.g1 > div:not(.gi1):not(.gi2) img, .olx img
	{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	
	.gi2 article
	{  padding-top: 8%;
		text-align: justify;
		line-height: 1.6rem;
	}
	
	.gi6 iframe, .olx, .slx, .olx img
	{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
	}
	
	.olx .owl-stage-outer, .olx .owl-stage
	{
		height: inherit;
	}
	
	.olx .owl-stage
	{
		display: flex;
	}
	
	.olx .owl-item
	{
		height: 100%;
	}
	
	.logoC
	{
		padding: 4rem 0rem 2rem;
	}
	
	.logos
	{
		white-space: nowrap;
	}
	
	.logos img
	{
		margin: 0px 1.5rem;
	}
	
	.g2i4::before
	{
		content: "";
		position: absolute;
		top: 0px;
		left: -2rem;
		width: 0.125rem;
		height: 100%;
		background-color: var(--bx2);
	}
	
	.g2i2 div:not(.grc) input
	{
		width: 48%;
	}
	
	.g2i2 h2
	{   text-align: center;
		color: var(--c2);
		margin: 0px 0px 0.25rem 0px;
	}
	
	.g2i2 input
	{
		line-height: 1.64rem;
		text-indent: 1rem;
		background-color: var(--w);
		border: 0.125rem solid var(--bx2);
		margin: 0.25rem 0rem;
	}
	
	.g2i2 textarea
	{
		width: calc(100% - 2.25rem);
		text-indent: 0px;
		padding: 0.25rem 1rem;
		background-color: var(--w);
		border: 0.125rem solid var(--bx2);
		margin: 0.25rem 0rem 0.5rem;
	}
	
	.g2i2 input[type=submit]
	{
		margin: auto auto 0.125rem 0.5rem;
		text-indent: 0px;
		padding: 0px 1.5rem;
		line-height: 2rem;
		border: none;
		background-color: var(--c2);
		color: var(--w);
	}
	
	.g2i3 img
	{
		width: 68%;
	}
	
	.g2i3 img, .g2i4 img
	{
		margin-bottom: 1.5rem;
	}
	
	.g2i3 address, .g2i4 address
	{
		line-height: 1.48rem;
		padding-bottom: 1rem;
	}
	
	.g3i2
	{
		text-align: center;
		flex-direction: column;
	}
	
	.g3i2 h1
	{
		color: var(--c1);
	}
	
	.g3i2 img
	{
		max-width: 68%;
	}
	
	.g3i2 img:nth-child(2)
	{
		margin: 1.5rem auto 4rem;
	}
	
	.g3i2 img:last-child
	{
		margin: auto;
		padding-bottom: 2rem;
	}
	
	.g3i3 h1
	{   text-align: center;
		font-size: 2.8rem;
		font-weight: 400;
		margin-bottom: 1rem;
	}
	
	.g3i3 article
	{   padding: 0 2rem;
		text-align: justify;
		line-height: 1.6rem;
	}
	
	.g4i2 *
	{
		line-height: 2em;
	}
	
	.g4i2 h2
	{
		margin-top: 1rem;
	}
	
	.g4i3
	{
		background-color: #d3ad6b;
		background-image: url('../imx/jury/pattern.png');
	}
	
	.nm
	{
		background-color: #e5b396;
		background-image: url('../imx/nominations/pattern.png');
	}
	
	.wr
	{
		background-color: transparent;
		background-image: none;
	}
	
	.wr .flex, .wr .flex *:not(img)
	{
		height: 100%;
	}
	
	.wr figure
	{
		margin: auto 0px;
	}
	
	.wr img
	{
		max-width: 100%;
		max-height: 100%;
		-webkit-transform: scale(0.70);
		-moz-transform: scale(0.70);
		-ms-transform: scale(0.70);
		-o-transform: scale(0.70);
		transform: scale(0.70);
	}
	
	.wf1
	{
		justify-content: start;
	}
	
	.wf2
	{
		justify-content: end;
	}
	
	.gp2x
	{
		margin-top: 2rem;
	}
	
	.g4i3 h2
	{
		text-indent: 1.5rem;
		margin-bottom: 1rem;
	}
	
	.g4i3:not(.wr) figure
	{
		width: calc(100%/3 - 2rem);
		min-width: 175px;
		margin: 0px 1rem;
	}
	
	.g4i3:not(.wr) img
	{
		width: 100%;
	}
	
	.g4i3 figcaption
	{
		line-height: 1.48rem;
	}
	
	.g5i2 a
	{
		display: block;
		margin: 1rem 0px;
	}
	
	.g5i2 a img, .g5i3 a img
	{
		width: 100%;
	}
	
	.g5i2 > div
	{
		margin-top: 8vw;
	}
	
	.p0
	{
		font-size: 1.24rem;
		padding: 1rem 0rem 0.75rem;
	}
	
	.p1
	{
		font-size: 2.24rem;
		font-weight: 300;
	}
	
	.g5i3 a
	{
		display: block;
		margin: 0.5rem 1rem 0.5rem 0rem;
		width: calc(100%/3 - 1rem);
	}
	
	footer
	{
		background-color: var(--b);
		color: var(--wx);
		font-weight: 500;
		font-size: 0.84rem;
		line-height: 2rem;
		padding: 0px 1rem;
	}
	
	footer img
	{
		height: 2rem;
	}
}

@media only screen and (min-width: 1200px)
{
	nav
	{
		text-align: right;
		margin-right: 2rem;
	}
	
	nav li
	{
		display: inline-block;
	}
	
	.s1
	{
		margin: 0px 2rem 0rem 0rem;
	}
	
	.g1
	{
		grid-template-columns: 15rem calc(28% - 5rem - 1.25vw) calc(34% - 5rem - 1.25vw) calc(38% - 5rem - 1.25vw);
		grid-template-areas: "flower text timg timg"
			"flower bimg1 bimg2 youtube";
		grid-gap: 1.25vw;
	}
	
	.gi1
	{
		grid-area: flower;
	}
	
	.gi2
	{
		grid-area: text;
	}
	
	.gi3
	{
		grid-area: timg;
	}
	
	.gi4
	{
		grid-area: bimg1;
	}
	
	.gi5
	{
		grid-area: bimg2;
	}
	
	.gi6
	{
		grid-area: youtube;
	}
	
	.alf
	{
		background-color: var(--wx2);
		padding: 2rem 10vw 4rem;
	}
	
	.g2
	{
		grid-template-columns: 1fr 3fr 1.5fr 2fr;
		grid-template-areas: "bbfa contact fc realreel";
		grid-gap: 2.8rem;
	}
	
	.g2i1 img
	{   
		grid-area: bbfa;
		align-self: center;
	}
	
	.g2i2
	{
		grid-area: contact;
	}
	
	.g2i3
	{
		grid-area: fc;
		align-self: center;
	}
	
	.g2i4
	{
		grid-area: realreel;
		align-self: end;
	}
	
	.g3
	{
		grid-template-columns: 20rem 6fr 12fr 5fr;
		grid-template-areas: "flower logo about artifact";
		grid-gap: 4rem;
	}
	
	.g3i1
	{
		grid-area: flower;
	}
	
	.g3i2
	{
		grid-area: logo;
		margin-top: 4rem;
	}
	
	.g3i3
	{
		grid-area: about;
		margin-top: 4rem;
	}
	
	.g3i4
	{
		grid-area: artifact;
		align-self: end;
	}
	
	.s2
	{
		margin: 2rem 0px 0px 0px;
	}
	
	.g4
	{
		grid-template-columns: 20rem 2fr 6fr;
		grid-template-areas: "flower list visual";
		grid-gap: 2rem;
	}
	
	.g4i1
	{
		grid-area: flower;
	}
	
	.g4i2
	{
		grid-area: list;
		align-self: end;
	}
	
	.g4i3
	{
		grid-area: visual;
	}
	
	.g4i3:not(.wr) > div
	{
		margin: 0px 10vw 0px 5vw;
		padding: 1rem 0rem;
	}
	
	.g4i3:not(.wr) > div:first-child::before
	{
		content: "";
		position: absolute;
		top: calc(100% - 0.125rem);
		left: -5vw;
		width: calc(100% + 15vw);
		height: 0.25rem;
		background-color: var(--w);
	}
	
	.jf1, .jf2
	{
		justify-content: start;
		min-height: 22vw;
	}
	
	.jf1
	{
		flex-wrap: wrap;
	}
	
	.g5
	{
		grid-template-columns: 20rem 1fr 2fr;
		grid-template-areas: "flower text gals";
		grid-gap: 1rem;
	}
	
	.g5i1
	{
		grid-area: flower;
	}
	
	.g5i2
	{
		grid-area: text;
	}
	
	.g5i3
	{
		grid-area: gals;
		justify-content: start;
	}
	
}

@media only screen and (max-width:786px){
	.gi2.flex {
		padding-top: 40rem;
	}
	.gi2 article{
		padding: 0 2rem;
	}
	.g3i2.flex{
        padding-top: 40rem;   

	}
	.g3i2 article p {
	    text-align: center;  
		

	}
	.flex.grc.submx {
		align-items: center;
		justify-content: center;
		text-align: center;
	}
	.formv2 input:not([type=submit]):not([type=radio]):not([type=checkbox]), .formv2 textarea, .formv2 select, .formv2 input ~ label, .formv2 textarea ~ label, .formv2 select ~ label{
		padding: 10px 1rem;
	}
	.g2i3{
		padding: 1rem 0;
		align-items: center;
		text-align: center;
		justify-content: center;
	}
	.g2i4{
		align-items: center;
		text-align: center;
		justify-content: center;
	}
	.g2i1 img{
		
		display: none;
	}

	.flex.grc.submx {
		padding-left: 4.5rem;
	}


	.g3i1,.g4i1,.gi1,.g5i1 img {
		margin-top: 25% ;
	}
	.g3i4 img
	{  
		margin-left: 9.5rem;
		max-width: 20%;
	}
	.award2 {
		display: none;

	}

	

    
}


@media only screen and (max-width:1190px){
	.g4i2  {
		padding-left: 15rem;
	}
	.g5i2{
		padding-top: 35rem;
	}
	nav
	{
		text-align: left;
		margin-right: 2rem;
		padding-top: 19%;
		
	
	nav li
	{
		display: inline-block;
		
	}
	}
}
header {
	display: flex;
	justify-content: flex-end;
	
	padding: 10px 20px;
	
}

.main-menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: flex-end; /* Align menu to the right */
}
.main-menu li {
	margin-left: 20px; /* Change from margin-right to margin-left */
}
.main-menu li:first-child {
	margin-left: 0; /* Remove margin from the first child */
}
.main-menu li:last-child {
	margin-right: 0;
}
.hamburger-container {
	display: none;
}
.hamburger {
	display: none;
	flex-direction: column;
	cursor: pointer;
}
.bar {
	width: 25px;
	height: 3px;
	background-color: #000000;
	margin: 3px 0;
}

/* Media query for responsive design */
@media (max-width: 768px) {
	.main-menu {
		display: none;
		flex-direction: column; /* Change menu to column layout */
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		background-color: rgba(255, 255, 255, 0.9);
		text-align: center;
		z-index: 1;
	}
	.main-menu ul {
		flex-direction: column;
		align-items: center;
	}
	.main-menu li {
		margin: 10px 0;
	}
	.hamburger-container {
		display: block;
	}
	.hamburger {
		display: flex;
		padding: 3rem 0;
	}
	/* Hide checkbox */
	#menu-toggle {
		display: none;
		
	}
	/* Show menu when checkbox is checked */
	#menu-toggle:checked + .main-menu {
		display: flex;
	}
	nav li > a {
		line-height:3rem;
	}
}