@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}details,main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}

/* ---------------------------------------------------------------------------------------------------- */

:root
{
	--color-default: #497a36;
}

/* ---------------------------------------------------------------------------------------------------- */

body
{
	font-family: "Source Sans 3", sans-serif;
	font-optical-sizing: auto;
	font-size: 18px;
	line-height: 1.5;
	background-color: #ccc;
	color: #333;
}

body.night-mode 
{
	background-color: #333;
}

a
{
	color: var(--color-default);
}

h1,
h2,
h3,
h4,
h5,
h6
{
	margin: 0 0 40px 0;
}

h1
{
	font-size: 64px;
	font-weight: 200;
	color: var(--color-default);
}

h2
{
	font-size: 48px;
	font-weight: 400;
	color: var(--color-default);
}

h3
{
	font-size: 32px;
	font-weight: 200;
	color: var(--color-default);
}

h4
{
	font-size: 24px;
	font-weight: 400;
	color: var(--color-default);
}

h5
{
	font-size: 16px;
}

/* ---------------------------------------------------------------------------------------------------- */

.text-default
{
	color: var(--color-default);
}

.delimiter
{
	position: relative;
	max-width: 1600px;
	margin: 0 auto;
}

.delimiter-stretched
{
	position: relative;
}

.delimiter-stretched.delimiter-stretched-gray
{
	background: #666;
}

.btn
{
	position: relative;
	border: none;
	background: none;
	padding: 0;
	margin: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 14px;
	background: var(--color-default);
	text-decoration: none;
	font-weight: 400;
	font-size: 18px;
	color: white;
	vertical-align: middle;
	cursor: pointer;
	text-align: center;
	outline: none;
	max-width: 100%;
	touch-callout: none;
	-webkit-touch-callout: none; /* Watch */
	user-select: none; 
	-webkit-user-select: none; /* Watch */
	-moz-user-select: none; /* Watch */
	user-drag: none;
	-webkit-user-drag: none;  /* Watch */
	-moz-user-drag: none; /* Watch */
	-o-user-drag: none; /* Watch */
	-webkit-app-region: no-drag; /* Watch */
	border-radius: 0px;
	text-shadow: none !important;
}

	.btn:hover
	{
		background: #333;
	}

	.btn > .fa
	{
		margin-right: 10px;
	}

	.delimiter-stretched.delimiter-stretched-gray .btn
	{
		background-color: var(--color-default) !important;
		color: #fff !important;
	}

	.delimiter-stretched.delimiter-stretched-gray .btn:hover
	{
		background-color: #333 !important;
		color: #fff !important;
	}

/* ---------------------------------------------------------------------------------------------------- */

header
{
	background: linear-gradient(90deg, #497a36, #63a84b);
	height: 150px;
}

	header .container
	{
		height: 150px;
		backdrop-filter: blur(10px);
		display: grid;
		grid-template-columns: auto 1fr;
		grid-gap: 40px;
		align-items: center;
		padding: 0 40px;
	}

		header h1
		{
			margin: 0;
		}

		header .logo
		{
			display: inline-block;
			background-image: url(../img/logo-white.png);
			background-size: cover;
			background-repeat: no-repeat;
			text-indent: -9999px;
			width: 300px;
			height: auto;
			aspect-ratio: 240/50;
		}

		header nav
		{
			width: 100%;
			display: grid;
			grid-gap: 0px;
			direction: rtl;
			grid-auto-flow: dense;
			align-content: right;
			grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
		}

			header nav a
			{
				display: inline-block;
				text-align: center;
				font-size: 30px;
				font-weight: 300;
				text-decoration: none;
				color: white;
				letter-spacing: -1px;
				padding: 10px 2px;
				background-color: transparent;
				text-overflow: ellipsis;
				overflow: hidden;
				white-space: nowrap;
			}

				header nav a:hover
				{
					text-decoration: none !important;
				}

				body.night-mode header nav a
				{
					color: #fff;
				}

				header nav a .fa
				{
					margin-left: 10px;
				}

			header nav a.selected
			{
				background-color: #fff;
				color: var(--color-default);
			}

			header nav a:first-child
			{
				background-color: var(--color-default);
				color: white;
			}

			header nav a:hover
			{
				background-color: #fff;
				color: var(--color-default);
			}

/* ---------------------------------------------------------------------------------------------------- */

main
{
	position: relative;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto 1fr auto;
}

	main:before
	{
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-color: #fff;
	}

	body.night-mode main:before
	{
		opacity: 0.2;
	}

	main > section.content
	{
		min-height: 1200px;
	}

		main > section.content .delimiter-stretched
		{
			display: grid;
			background-color: #ddd;
			background-size: cover;
		}

			main > section.content .delimiter-stretched .container
			{
				display: inline-block;
				width: 100%;
				max-width: 1600px;
				margin: 0 auto;
				padding: 60px 40px;
			}

		main > section.content .container
		{
			padding: 40px;
		}

			body.night-mode main > section.content .container
			{
				background-color: rgba(0,0,0,0.6);
			}

		main > section.content .container > *:last-child
		{
			margin-bottom: 0 !important;
		}

/* ---------------------------------------------------------------------------------------------------- */

footer
{
	border-bottom: 10px solid var(--color-default);
	background-color: var(--color-default);
	border-top: 1px solid #ccc;
	padding: 20px;
}

	footer .logo
	{
		display: inline-block;
		background-image: url(../img/logo-white.png);
		background-size: cover;
		background-repeat: no-repeat;
		text-indent: -9999px;
		width: 260px;
		height: auto;
		aspect-ratio: 240/50;
	}

	body.night-mode footer
	{
		background-color: #222;
	}

	footer .footer-items
	{
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	}

	footer .footer-items .footer-item
	{
		font-size: 18px;
		line-height: 1.2;
		color: white;
	}

		body.night-mode footer .footer-items .footer-item
		{
			color: #fff;
		}

		footer .footer-items .footer-item h5
		{
			font-size: 28px;
			font-weight: 300;
			margin: 0 0 20px 0;
			letter-spacing: -1px;
			color: white;
		}

			footer .footer-items .footer-item h5 .fa
			{
				opacity: 0.5;
			}

		footer .footer-items .footer-item a
		{
			font-weight: normal;
			color: white;
		}

		footer .footer-items .footer-item p
		{
			margin: 0;
		}

		footer .footer-items .footer-item ul
		{
			margin: 0;
			padding: 0;
		}

			footer .footer-items .footer-item ul li
			{
				list-style: none;
				margin: 0 0 5px 0;
			}

		footer .footer-items .footer-item .phone
		{
			font-size: 32px;
			font-weight: 600;
			text-decoration: none;
		}

			footer .footer-items .footer-item .phone a
			{
				text-decoration: none;
				color: white;
				font-weight: 600;
			}

	footer .footer-items .footer-item:nth-child(1)
	{
		
	}

		footer .footer-items .footer-item:nth-child(1) img
		{
			width: 240px;
		}

	footer .copyright
	{
		margin-top: 20px !important;
		font-size: 14px;
		line-height: 1;
		opacity: 0.5;
	}