:root {
	
	/* Genaral */
	--border-width: 0.125rem;
	
	--color_1: #0c3859;
	--color_2: #f8f196;
	--color_3: ;
	--gray: #727272;
	--light-gray: #f4f4f4;
	--white: #ffffff;
	--black: #0c3859;
	
	
	/* Font system */
	--font_1: Lato;
	--font_2: Lato;
	
	--font_default_size_value: 20;
	--font_default_size: 20px;
	--font_default_line_height: 1.5;
	--font_default_weight: 400;
	
	--button_font_size: 1rem;
	--button_font_family: Lato;
	--button_line_height: 1.2;
	--button_text_transform: none;
	--button_font_weight: 700;
	
	--more_font_size: 1rem;
	--more_font_family: Lato;
	--more_line_height: 1.2;
	--more_text_transform: none;
	--more_font_weight: 700;
	
	

		--h1_font_size: 4.25rem;
		--h1: 900 var(--h1_font_size)/1.1 Lato;
		--h1_text_transform: uppercase;
		--h1_line_height: 1.1;

		--h2_font_size: 2.75rem;
		--h2: 900 var(--h2_font_size)/1.2 Lato;
		--h2_text_transform: uppercase;
		--h2_line_height: 1.2;

		--h3_font_size: 1.75rem;
		--h3: 900 var(--h3_font_size)/1.2 Lato;
		--h3_text_transform: none;
		--h3_line_height: 1.2;

		--h4_font_size: 1.1rem;
		--h4: 900 var(--h4_font_size)/1.4 Lato;
		--h4_text_transform: uppercase;
		--h4_line_height: 1.4;

		--h5_font_size: 1.2rem;
		--h5: 500 var(--h5_font_size)/1.2 Lato;
		--h5_text_transform: none;
		--h5_line_height: 1.2;

		--h6_font_size: 1.1rem;
		--h6: 500 var(--h6_font_size)/1.2 Lato;
		--h6_text_transform: none;
		--h6_line_height: 1.2;}
	
	.color-1, .color-1:before, .color-1:after  {
		background-color: #ffffff;
		color: #0c3859;
	}
	.color-1.overlay .section-background:before, 
	.color-1 .images-filter-overlay.section-media:after,
	[class*="color-"] .color-1 .images-filter-overlay.section-media:after,
	[class*="color-"] .color-1 .images-filter-overlay.section-media:after {
		background-color: #ffffff;
	}
	.color-1 *, [class*="color-"] .color-1 * {
		border-color: #0c3859;
	}
	
	.color-1 h1,
	.color-1 h2,
	.color-1 h3,
	.color-1 h4,
	.color-1 h5,
	.color-1 h6 
	[class*="color-"] .color-1 h1,
	[class*="color-"] .color-1 h2,
	[class*="color-"] .color-1 h3,
	[class*="color-"] .color-1 h4,
	[class*="color-"] .color-1 h5,
	[class*="color-"] .color-1 h6 {
		color: #0c3859;
	}
	
	.color-1 a:not(.card):not([class*="button"]):not(.tag) {
		color: #01648e;
		border-color: #01648e;
	}
	.color-1 a:not(.card):not([class*="button"]):hover {
		color: rgba(#01648e, 0.8);
	}
	.color-1 a.card, [class*="color-"] a.card.color-1 {
		color: #0c3859;
	}
	
		
		.color-1 [class*="button"], .color-1 [type=submit], .color-1 button, .color-1 .tag,
		[class*="color-"] .color-1 [class*="button"], [class*="color-"] .color-1 [type=submit], [class*="color-"] .color-1 button, [class*="color-"] .color-1 .tag {
			color: #f8f196;
			background-color: #f8f196;
			border-color: #f8f196;
		}
		.color-1 [class*="button"]:hover, .color-1 [type=submit]:hover, .color-1 button:hover, .color-1 .tag:hover, .color-1 .tag.active,
		[class*="color-"] .color-1 [class*="button"]:hover, [class*="color-"] .color-1 [type=submit]:hover, [class*="color-"] .color-1 button:hover, [class*="color-"] .color-1 .tag:hover, [class*="color-"] .color-1 .tag.active {
			background-color: #f8f196;
			border-color: #f8f196;
			color: #f8f196;
		}
		
		
	.color-1 .button-outlined {
		color: #f8f196;
		border-color: #f8f196;
	}
	.color-1 input[type=text],
	.color-1 input[type=number],
	.color-1 input[type=tel],
	.color-1 input[type=email],
	.color-1 input[type=search],
	.color-1 input[type=date],
	.color-1 input[type=url],
	.color-1 input[type=password],
	.color-1 select,
	.color-1 textarea {
		color: #0c3859;
		border-color: #0c3859;
	}
	.color-1 ::placeholder {
		color: #0c3859;
	}
	.color-1 .button-outlined:hover {
		color: #f8f196;
		border-color: #f8f196;
		background-color: #f8f196;
	}
	.color-1 [class*="button"].button-filled {
		color: #f8f196;
		background-color: #f8f196;
	}
	.color-1 [class*="button"].button-filled:hover {
		background-color: #f8f196;
		border-color: #f8f196;
		color: #f8f196;
	}
	.color-1 .more, [class*="color-"] .color-1 .more, [class*="color-"] [class*="color-"] .color-1 .more {
		color: #01648e;
	}
	.color-1 .more:before {
		background-color: #01648e;
	}
	.color-1 .more:hover:before {
		background-color: #c7c178;
	}
	.underline:before, .underline:after {
		background-color: #01648e;
		border-color: #01648e;
	}
	.color-1:not(.has-image, .border-bottom, .hero.style-2)+.color-1:not(.has-image, .border-bottom),
	.color-1:not(.has-image, .border-bottom, .hero.style-2)+.color-1:not(.has-image, .border-bottom) > .browsy-container {
		padding-top: 0;
	}
	.color-1 .overlay:before {
		background-color: #ffffff;
	}
	.border-color-1, .color-1 hr, .color-1 .border,
	[class*="color-"] .color-1 hr, [class*="color-"] .color-1.border {
		border: var(--border-width) solid #0c3859;
	}
	input[type=text],
	input[type=number],
	input[type=tel],
	input[type=email],
	input[type=search],
	input[type=date],
	input[type=url],
	input[type=password],
	select,
	textarea {
		border: var(--border-width) solid #0c3859;
	}
	::placeholder {
		color: #0c3859;
	}
	.tcolor-1 {
		color: #ffffff;
	}
	
	
	.color-2, .color-2:before, .color-2:after  {
		background-color: #0c3859;
		color: #c3dce7;
	}
	.color-2.overlay .section-background:before, 
	.color-2 .images-filter-overlay.section-media:after,
	[class*="color-"] .color-2 .images-filter-overlay.section-media:after,
	[class*="color-"] .color-2 .images-filter-overlay.section-media:after {
		background-color: #0c3859;
	}
	.color-2 *, [class*="color-"] .color-2 * {
		border-color: #f8f196;
	}
	
	.color-2 h1,
	.color-2 h2,
	.color-2 h3,
	.color-2 h4,
	.color-2 h5,
	.color-2 h6 
	[class*="color-"] .color-2 h1,
	[class*="color-"] .color-2 h2,
	[class*="color-"] .color-2 h3,
	[class*="color-"] .color-2 h4,
	[class*="color-"] .color-2 h5,
	[class*="color-"] .color-2 h6 {
		color: #ffffff;
	}
	
	.color-2 a:not(.card):not([class*="button"]):not(.tag) {
		color: #ffffff;
		border-color: #ffffff;
	}
	.color-2 a:not(.card):not([class*="button"]):hover {
		color: rgba(#ffffff, 0.8);
	}
	.color-2 a.card, [class*="color-"] a.card.color-2 {
		color: #c3dce7;
	}
	
		
		.color-2 [class*="button"], .color-2 [type=submit], .color-2 button, .color-2 .tag,
		[class*="color-"] .color-2 [class*="button"], [class*="color-"] .color-2 [type=submit], [class*="color-"] .color-2 button, [class*="color-"] .color-2 .tag {
			color: #f8f196;
			background-color: ;
			border-color: ;
		}
		.color-2 [class*="button"]:hover, .color-2 [type=submit]:hover, .color-2 button:hover, .color-2 .tag:hover, .color-2 .tag.active,
		[class*="color-"] .color-2 [class*="button"]:hover, [class*="color-"] .color-2 [type=submit]:hover, [class*="color-"] .color-2 button:hover, [class*="color-"] .color-2 .tag:hover, [class*="color-"] .color-2 .tag.active {
			background-color: #f8f196;
			border-color: ;
			color: ;
		}
		
		
	.color-2 .button-outlined {
		color: #f8f196;
		border-color: ;
	}
	.color-2 input[type=text],
	.color-2 input[type=number],
	.color-2 input[type=tel],
	.color-2 input[type=email],
	.color-2 input[type=search],
	.color-2 input[type=date],
	.color-2 input[type=url],
	.color-2 input[type=password],
	.color-2 select,
	.color-2 textarea {
		color: #c3dce7;
		border-color: #f8f196;
	}
	.color-2 ::placeholder {
		color: #c3dce7;
	}
	.color-2 .button-outlined:hover {
		color: #f8f196;
		border-color: ;
		background-color: ;
	}
	.color-2 [class*="button"].button-filled {
		color: #f8f196;
		background-color: ;
	}
	.color-2 [class*="button"].button-filled:hover {
		background-color: #f8f196;
		border-color: ;
		color: ;
	}
	.color-2 .more, [class*="color-"] .color-2 .more, [class*="color-"] [class*="color-"] .color-2 .more {
		color: #ffffff;
	}
	.color-2 .more:before {
		background-color: #ffffff;
	}
	.color-2 .more:hover:before {
		background-color: #00;
	}
	.underline:before, .underline:after {
		background-color: #ffffff;
		border-color: #ffffff;
	}
	.color-2:not(.has-image, .border-bottom, .hero.style-2)+.color-2:not(.has-image, .border-bottom),
	.color-2:not(.has-image, .border-bottom, .hero.style-2)+.color-2:not(.has-image, .border-bottom) > .browsy-container {
		padding-top: 0;
	}
	.color-2 .overlay:before {
		background-color: #0c3859;
	}
	.border-color-2, .color-2 hr, .color-2 .border,
	[class*="color-"] .color-2 hr, [class*="color-"] .color-2.border {
		border: var(--border-width) solid #f8f196;
	}
	input[type=text],
	input[type=number],
	input[type=tel],
	input[type=email],
	input[type=search],
	input[type=date],
	input[type=url],
	input[type=password],
	select,
	textarea {
		border: var(--border-width) solid #f8f196;
	}
	::placeholder {
		color: #f8f196;
	}
	.tcolor-2 {
		color: #0c3859;
	}
	
	
	.color-3, .color-3:before, .color-3:after  {
		background-color: #f8f196;
		color: #0c3859;
	}
	.color-3.overlay .section-background:before, 
	.color-3 .images-filter-overlay.section-media:after,
	[class*="color-"] .color-3 .images-filter-overlay.section-media:after,
	[class*="color-"] .color-3 .images-filter-overlay.section-media:after {
		background-color: #f8f196;
	}
	.color-3 *, [class*="color-"] .color-3 * {
		border-color: #0c3859;
	}
	
	.color-3 h1,
	.color-3 h2,
	.color-3 h3,
	.color-3 h4,
	.color-3 h5,
	.color-3 h6 
	[class*="color-"] .color-3 h1,
	[class*="color-"] .color-3 h2,
	[class*="color-"] .color-3 h3,
	[class*="color-"] .color-3 h4,
	[class*="color-"] .color-3 h5,
	[class*="color-"] .color-3 h6 {
		color: #a8a350;
	}
	
	.color-3 a:not(.card):not([class*="button"]):not(.tag) {
		color: #0c3859;
		border-color: #0c3859;
	}
	.color-3 a:not(.card):not([class*="button"]):hover {
		color: rgba(#0c3859, 0.8);
	}
	.color-3 a.card, [class*="color-"] a.card.color-3 {
		color: #0c3859;
	}
	
		
		.color-3 [class*="button"], .color-3 [type=submit], .color-3 button, .color-3 .tag,
		[class*="color-"] .color-3 [class*="button"], [class*="color-"] .color-3 [type=submit], [class*="color-"] .color-3 button, [class*="color-"] .color-3 .tag {
			color: #f8f196;
			background-color: #0c3859;
			border-color: #0c3859;
		}
		.color-3 [class*="button"]:hover, .color-3 [type=submit]:hover, .color-3 button:hover, .color-3 .tag:hover, .color-3 .tag.active,
		[class*="color-"] .color-3 [class*="button"]:hover, [class*="color-"] .color-3 [type=submit]:hover, [class*="color-"] .color-3 button:hover, [class*="color-"] .color-3 .tag:hover, [class*="color-"] .color-3 .tag.active {
			background-color: #f8f196;
			border-color: #0c3859;
			color: #0c3859;
		}
		
		
	.color-3 .button-outlined {
		color: #f8f196;
		border-color: #0c3859;
	}
	.color-3 input[type=text],
	.color-3 input[type=number],
	.color-3 input[type=tel],
	.color-3 input[type=email],
	.color-3 input[type=search],
	.color-3 input[type=date],
	.color-3 input[type=url],
	.color-3 input[type=password],
	.color-3 select,
	.color-3 textarea {
		color: #0c3859;
		border-color: #0c3859;
	}
	.color-3 ::placeholder {
		color: #0c3859;
	}
	.color-3 .button-outlined:hover {
		color: #f8f196;
		border-color: #0c3859;
		background-color: #0c3859;
	}
	.color-3 [class*="button"].button-filled {
		color: #f8f196;
		background-color: #0c3859;
	}
	.color-3 [class*="button"].button-filled:hover {
		background-color: #f8f196;
		border-color: #0c3859;
		color: #0c3859;
	}
	.color-3 .more, [class*="color-"] .color-3 .more, [class*="color-"] [class*="color-"] .color-3 .more {
		color: #0c3859;
	}
	.color-3 .more:before {
		background-color: #0c3859;
	}
	.color-3 .more:hover:before {
		background-color: #0a2d48;
	}
	.underline:before, .underline:after {
		background-color: #0c3859;
		border-color: #0c3859;
	}
	.color-3:not(.has-image, .border-bottom, .hero.style-2)+.color-3:not(.has-image, .border-bottom),
	.color-3:not(.has-image, .border-bottom, .hero.style-2)+.color-3:not(.has-image, .border-bottom) > .browsy-container {
		padding-top: 0;
	}
	.color-3 .overlay:before {
		background-color: #f8f196;
	}
	.border-color-3, .color-3 hr, .color-3 .border,
	[class*="color-"] .color-3 hr, [class*="color-"] .color-3.border {
		border: var(--border-width) solid #0c3859;
	}
	input[type=text],
	input[type=number],
	input[type=tel],
	input[type=email],
	input[type=search],
	input[type=date],
	input[type=url],
	input[type=password],
	select,
	textarea {
		border: var(--border-width) solid #0c3859;
	}
	::placeholder {
		color: #0c3859;
	}
	.tcolor-3 {
		color: #f8f196;
	}
	

.material-symbols-outlined {
	font-variation-settings:
	'FILL' 1,'wght'200,
	'GRAD' 0,
	'opsz' 24
}