:root {
	--globalMaxWidth: 1900px;
	--containerWidth: 90%;
	
	--BaseImgWidth: 530px;
	--BaseImg2Width: 380px;
	--BaseImg3Width: 225px;

	--BaseBlockWidth: 545px
}


/* Site Frame */
	/* SuperHeader - Always on screen, no scrolling */
	.SuperHeaderWrapper {
		position: relative;
		width: 100% !important;
		max-width: 1900px;
		max-width: var(--globalMaxWidth);
		height: auto;
		background: transparent;
		padding-top: 110px
	}

	.SuperHeader {
		position: fixed;
		top: 0px;
		width: 100% !important;
		max-width: 1900px;
		max-width: var(--globalMaxWidth);
		height: auto;
		background: #FFFFFF;
		display: flex;
		flex-wrap: nowrap;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		z-index: 98000
	}

	.SuperHeaderCont {
		width: var(--containerWidth);
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: flex-end;
		align-items: center;
		margin: 10px 0px
	}


	/* SupAHeader - On top of screen, scrolling*/
	.SupAHeaderWrapper {
		width: 100% !important;
		max-width: 1900px;
		max-width: var(--globalMaxWidth);
		height: auto;
		background: transparent;
	}

	.SupAHeader {
		width: 100% !important;
		max-width: 1900px;
		max-width: var(--globalMaxWidth);
		height: auto;
		background: #FFFFFF;
		display: flex;
		flex-wrap: nowrap;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}

	.SupAHeaderCont {
		width: var(--containerWidth);
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: flex-end;
		align-items: center;
		margin: 10px 0px
	}


	/* Header */
	.HeaderMain {
		width: 100% !important;
		max-width: 1900px;
		max-width: var(--globalMaxWidth);
		height: 100px;
		background: #E4FFD9;
		display: flex;
		flex-wrap: nowrap;
		flex-direction: row;
		justify-content: center;
		align-items: center
	}

	.Header {
		width: 90%;
		width: var(--containerWidth);
		display: flex;
		flex-wrap: nowrap;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center
	}

	.HQRcont {
		width: 70px;
		height: 70px;
		margin-left: auto;
		margin-right: 10px;
		border: 0px solid #E4FFD9;
		background: transparent;
		overflow: hidden;
		display: flex;
		flex-wrap: nowrap;
		flex-direction: row;
		justify-content: center;
		align-items: center
	}

	/* Menu */
	.MenuMain {
		width: 100% !important;
		max-width: 1900px;
		max-width: var(--globalMaxWidth);
		height: auto;
		background: #208501;
		position: static;
		display: flex;
		flex-wrap: nowrap;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		z-index: 9000
	}

	.Menu {
		width: 90%;
		width: var(--containerWidth);
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center
	}

	.MenuButton {
		width: auto;
		height: 60px;
		color: #FFFFFF;
		background: transparent;
		padding: 0px 20px 0px 20px;
		font-family: MenuFont;
		font-size: 125%;
		font-weight: normal;
		font-style: normal;
		text-align: center;
		letter-spacing: 0.02em;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		cursor: pointer
	}

	.MenuButtonHover {
		color: #FFFFFF;
		background: #FF8915
	}

	.MenuButtonActive {
		color: #000000;
		background: #E4FFD9
	}

	.MenuDist {
		width: 1px;
		height: 60px;
		color: #FFFFFF;
		background: transparent;
		background-image: url(../images/menu_spacer.png);
		background-position: top left;
		background-repeat: no-repeat;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: center;
		align-items: center
	}

	.SubMenuContainer {
		width: auto;
		height: auto;
		background: #208501;
		background-image: url(../images/menu_shadow.png);
		background-position: top left;
		background-repeat: repeat-x;
		position: fixed;
		left: 0;
		top: 0;
		display: none;
		flex-wrap: wrap;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		border-bottom-left-radius: 8px;
		border-bottom-right-radius: 8px;
		z-index: 9001;
	}
		.SubMenuContainer div:last-child {
			border-bottom-left-radius: 8px;
			border-bottom-right-radius: 8px;
		}

	.SubMenuItem {
		box-sizing: border-box;
		width: 100%;
		max-width: 300px;
		height: auto;
		color: #FFFFFF;
		background: transparent;
		padding: 10px 20px;
		font-family: SubMenuFont;
		font-size: 115%;
		font-weight: normal;
		font-style: normal;
		text-align: left;
		letter-spacing: 0.01em;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		cursor: pointer;
		/* transition-property: color,background;
		transition-duration: 50ms;
		transition-timing-function: linear;
		transition-delay: 0s */
	}
		.SubMenuItem:hover {
			color: #000000;
			background: #FF8915
		}


	/* Inner menu */
	.IMenuMain {
		width: 100% !important;
		max-width: 1900px;
		max-width: var(--globalMaxWidth);
		height: auto;
		background: #FF8915;
		background-image: url(../images/menu_shadow.png);
		background-position: top left;
		background-repeat: repeat-x;
		color: #FFFFFF;
		font-family: SubMenuFont;
		font-size: 110%;
		font-weight: normal;
		font-style: normal;
		text-align: center;
		position: static;
		display: flex;
		flex-wrap: nowrap;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}

	.IMenu {
		width: 90%;
		width: var(--containerWidth);
		display: flex;
		flex-wrap: nowrap;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center
	}

	.IMenuTitle {
		font-family: MenuFont;
		color: #FFE1C4;
		padding-left: 20px;
		pointer-events: none
	}

	.IMenuScroll {
		display: flex;
		flex-wrap: nowrap;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		overflow: auto;
		white-space: nowrap
	}

	.IMenuItem {
		width: auto;
		color: #FFFFFF;
		background: transparent;
		margin: 10px;
		letter-spacing: 0.02em;
	}
		.IMenuItem:hover {
			color: #774819
		}
		.IMenuItemActive {
			color: #000000;
			pointer-events: none
		}

	.IMenuDist {
		color: #FFE1C4;
		font-size: 80%
	}


	/* Content frame */
	.ContentMain {
		width: 100% !important;
		height: auto;
		background: #FFFFFF;
		display: flex;
		flex-wrap: nowrap;
		flex-direction: row;
		justify-content: center;
		align-items: center
	}

	.Content {
		width: 90% !important;
		width: var(--containerWidth) !important;
		height: auto;
		background: #FFFFFF;
		margin-bottom: 40px
	}


	/* Footer */
	.SupFooterMain {
		width: 100% !important;
		max-width: 1900px;
		max-width: var(--globalMaxWidth);
		height: auto;
		background: #208501;
		display: flex;
		flex-wrap: nowrap;
		flex-direction: row;
		justify-content: center;
		align-items: center
	}

	.FooterMain {
		width: 100% !important;
		max-width: 1900px;
		max-width: var(--globalMaxWidth);
		height: auto;
		background: #165C00;
		display: flex;
		flex-wrap: nowrap;
		flex-direction: row;
		justify-content: center;
		align-items: center
	}

	.Footer {
		width: 90%;
		width: var(--containerWidth);
		color: #FFFFFF;
		font-family: SubMenuFont;
		font-size: 100%;
		line-height: 1.9em;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: flex-start;
		align-items: flex-start;
		padding: 12px 0px
	}

	.FootLeft {
		width: 30%;
		text-align: left;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: flex-start;
		align-items: flex-start
	}

	.FootRight {
		width: 70%;
		text-align: right;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: flex-end;
		align-items: flex-start
	}

	/* Scroll to top */

	.scrollToTop {
		position: fixed;
		bottom: 7px;
		right: 10px;
		display: none
	}
		.scrollToTop:hover {
			text-decoration: none
		}

	.scrollTopBut {
		width: 40px;
		height: 40px;
		color: #FFFFFF;
		background: #208501;
		border: 1px solid #000000;
		border-radius: 8px;
		opacity: 0.3;
		transition-property: all;
		transition-duration: 200ms;
		transition-timing-function: linear;
		transition-delay: 0s;
	}
		.scrollTopBut:hover {
			background: #EF7600;
			border: 1px solid #B35B06;
			opacity: 0.7
		}

	/* Pop-up */

	.PopUpD {
		width: 50% !important;
		min-width: 530px !important;
		max-width: 1600px !important;
		background-color: #F6FFF3 !important;
		border-radius: 8px !important;
	}


/* Base rules */
	/* Global */ 
	html {
		margin: 0 auto;
		max-width: 1900px;
		max-width: var(--globalMaxWidth);
		background: #F2F2F2;
	}

	html * {
		max-height: 1000000px
	}

	body {
		background: #FFFFFF;
		margin: 0px;
		font-size: medium
	}

	.CustomScroll {
		/* IE */
		scrollbar-face-color: #B35B06;
		scrollbar-shadow-color: #FF8915;
		scrollbar-track-color: #FF8915;
		scrollbar-arrow-color: #B35B06;
		/* Firefox */
		scrollbar-width: thin; /* auto, thin, none */
		scrollbar-color: #B35B06 #FF8915;
	}
		/* WebKit */
		.CustomScroll::-webkit-scrollbar {
			height: 8px;
			background: #FF8915;
		}
		.CustomScroll::-webkit-scrollbar-button {
			color: #000000;
			display: none;
		}
			.CustomScroll::-webkit-scrollbar-button:decrement:start {
			  background: red;
			}
			.CustomScroll::-webkit-scrollbar-button:increment:start {
			  background: green;
			}
			div::-webkit-scrollbar-button:decrement:end {
			  background: yellow;
			}

			div::-webkit-scrollbar-button:increment:end {
			  background: blue;
			}
		.CustomScroll::-webkit-scrollbar-track {
			-webkit-border-radius: 2px;
			border-radius: 2px;
		}
		.CustomScroll::-webkit-scrollbar-thumb {
			-webkit-border-radius: 4px;
			border-radius: 4px;
			background: #B35B06;
		}
			.CustomScroll::-webkit-scrollbar-thumb:hover {
				background: #DD720A;
			}


	p {
		color: #222222;
		font-family: BaseFont;
		font-weight: normal;
		font-style: normal;
		letter-spacing: 0.02em;
		line-height: 1.5em;
		margin: 0px
	}

	div {
		border: 0px solid #FFFFFF;
	}

	a {
		text-decoration: none;
		color: inherit
	}

	input {
		font-size: medium;
	}


	/* Fonts */
	@font-face {
	   font-family: BaseFont;
	   src: url(./fonts/FiraSans-4.3-BGR/WEB/Normal/Roman/FiraSansBGR-Regular.woff)
	}

	@font-face {
	   font-family: HeadFont;
	   src: url(./fonts/hkgrotesk-medium.woff)
	}

	@font-face {
	   font-family: MenuFont;
	   src: url(./fonts/hkgrotesk-semibold.woff)
	}

	@font-face {
	   font-family: SubMenuFont;
	   src: url(./fonts/hkgrotesk-regular.woff)
	}

	@font-face {
	   font-family: CaptionsFont;
	   src: url(./fonts/cuprum-variablefont_wght.ttf)
	}

	@font-face {
	   font-family: FixedFont;
	   src: url(./fonts/ubuntumono-bold.ttf)
	}

	.clearfix::after {
		content: "";
		clear: both;
		display: table;
	}


	/* Base text */

	@media screen and (min-width: 1002px) {
		.BT {
			color: #222222;
			font-family: BaseFont;
			font-size: 100%;
			font-weight: normal;
			font-style: normal;
			text-align: left;
			letter-spacing: 0.02em;
			line-height: 1.5em
		}
	}
	
	@media screen and (max-width: 1001px) {
		.BT {
			color: #222222;
			font-family: BaseFont;
			font-size: 140%;
			font-weight: normal;
			font-style: normal;
			text-align: left;
			letter-spacing: 0.02em;
			line-height: 1.5em
		}
	}
	
	.StdTxt {
		color: #222222;
		font-family:  BaseFont;
		font-size: 100%;
		font-weight: normal;
		font-style: normal;
		letter-spacing: 0.02em;
		line-height: 1.5em
	}

	.Just {
		text-align: justify;
	}

	.Break {
		word-wrap: break-word;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto
	}

	.PsP {
		display: block;
		text-indent: 30px;
		margin: 0px 0px 10px 0px
	}

	.PsHead {
		display: block;
		font-size: 140%;
		font-weight: bold;
		letter-spacing: 0.01em;
		text-align: left;
		text-indent: 30px;
		margin: 30px 0px 25px 0px
	}

	.PsSubhead {
		display: block;
		font-size: 110%;
		font-weight: bold;
		letter-spacing: 0.05em;
		text-align: left;
		text-indent: 30px;
		margin: 35px 0px 25px 0px
	}

	.Navigation {
		width: 100%;
		color: #333333;
		font-family: SubMenuFont;
		font-size: 100%;
		text-align: right;
		margin-top: 1em
	}

	.BNote {
		color: #222222;
		font-family:  BaseFont;
		font-weight: normal;
		font-style: italic;
		text-align: left;
		letter-spacing: 0.03em;
		line-height: 1.5em
	}
	
	.BFix {
		color: #198400;
		font-family: FixedFont;
		font-weight: normal;
		letter-spacing: 0em;
		line-height: 1em
	}

	.BRemark {
		color: #747B74;
		font-family:  BaseFont;
		font-weight: normal;
		font-style: normal;
		text-align: left;
		letter-spacing: 0em;
		line-height: 1em
	}

	.RemarkBullets {
		list-style: none;	
	}
		.RemarkBullets li::before {
			content: "\25CB";
			color: #747B74;
			font-weight: bold;
			display: inline-block;
			width: 1em;
			margin-left: -1em
		}
		
	.HLtxt {
		color: #FF8915;
	}

	.GreenText {
		color: #198400;	
	}

	.RedText {
		color: #AA0000;	
	}

	.CaptTxt {
		color: #222222;
		font-family: CaptionsFont;
		font-size: 100%;
		font-weight: normal;
		font-style: normal;
		letter-spacing: 0.02em;
		line-height: 1.2em;
	}

	.RequiredField {
		color: #FF0000
	}

	.Invisible {
		color: #FFFFFF;
		font-family:  BaseFont;
		font-size: 1px;
		font-weight: normal;
		font-style: normal;
		letter-spacing: 0.02em;
		line-height: 1.5em
	}

	/* Base links */
	.BL {
		color: #198400;
		transition-property: color;
		transition-duration: 200ms;
		transition-timing-function: linear;
		transition-delay: 0s
	}
		.BL:hover {
			color: #EF7600;
			text-decoration: underline
		}

	.BL1 {
		color: #198400;
		transition-property: color;
		transition-duration: 200ms;
		transition-timing-function: linear;
		transition-delay: 0s
	}
		.BL1:hover {
			color: #EF7600;
			text-decoration: none
		}

	.BLw {
		color: #FFFFFF;
		transition-property: color;
		transition-duration: 200ms;
		transition-timing-function: linear;
		transition-delay: 0s
	}
		.BLw:hover {
			color: #D4FFB7;
			text-decoration: underline
		}

	.NavLink {
		color: #198400;
		transition-property: color;
		transition-duration: 200ms;
		transition-timing-function: linear;
		transition-delay: 0s
	}
		.NavLink:hover {
			color: #EF7600;
			text-decoration: underline
		}

	.FootLink {
		color: #FFFFFF;
		transition-property: color;
		transition-duration: 200ms;
		transition-timing-function: linear;
		transition-delay: 0s
	}
		.FootLink:hover {
			color: #D4FFB7;
			text-decoration: none
		}


	/* Base dividers */
	.HDiv {
		width: 100%;
		height: 1px;
		background: transparent;
		border-top: 1px solid #C0C9C0;
		box-sizing: content-box;
		margin: 10px 0px 0px 0px
	}


	/* Base image */
	.BImgCnt {
		width: 530px;
		width: var(--BaseImgWidth);
		margin: 20px 0px;
		line-height: 0
	}

	.ImgPic {
		width: 530px;
		width: var(--BaseImgWidth);
		margin: 0px;
		border: 0px solid #FFFFFF;
		border-radius: 8px
	}

	.BImgVert {
		width: 360px;
	}

	.BImg2Cnt {
		width: 380px;
		width: var(--BaseImg2Width);
		margin: 20px 0px;
		line-height: 0
	}

	.Img2Pic {
		width: 380px;
		width: var(--BaseImg2Width);
		margin: 0px;
		border: 0px solid #FFFFFF;
		border-radius: 8px
	}

	.BImg2Vert {
		width: 260px;
	}

	.BImg3Cnt {
		width: 225px;
		width: var(--BaseImg3Width);
		margin: 20px 0px;
		line-height: 0
	}

	.Img3Pic {
		width: 225px;
		width: var(--BaseImg3Width);
		margin: 0px;
		border: 0px solid #FFFFFF;
		border-radius: 8px
	}

	.BImg3Vert {
		width: 150px;
	}

	.NImgCnt {
		margin: 20px 0px;
		line-height: 0;
		text-align: center
	}

	.NImgPic {
		max-width: 380px;
		max-height: 250px;
		width: auto;
		height: auto;
		margin: auto;
		border: 0px solid #FFFFFF;
		border-radius: 8px
	}
	
	.BImgL {
		float: left;
		margin-right: 40px
	}

	.BImgR {
		float: right;
		margin-left: 40px
	}

	.BImg-thumb {
		margin: 20px;
		border: 0px solid #FFFFFF;
		border-radius: 8px;
		transition: all 0.2s linear
	}
		.BImg-thumb:hover {
			transform: scale(1.03,1.03);
			box-shadow: 0px 0px 10px 1px #555555
		}

	.ImgCapt {
		box-sizing: border-box;
		width: 100%;
		display: block;
		padding: 5px;
		background: #E4FFD9;
		text-align: center;
		font-family: CaptionsFont;
		font-weight: normal;
		line-height: 1.2em;
		border-bottom-left-radius: 8px;
		border-bottom-right-radius: 8px
	}
	
	.ImgThumbContainer {
		width: 100%;
		border: 0px solid #FFFFFF;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: center;
		align-items: flex-start
	}

	.ImgPic-thumb {
		width: 225px;
		width: var(--BaseImg3Width);
		margin: 20px;
		border: 0px solid #FFFFFF;
		border-radius: 8px;
		transition: all 0.2s linear
	}
		.ImgPic-thumb:hover {
			transform: scale(1.01,1.01);
			box-shadow: 0px 0px 10px 1px #555555;
		}

	.ImgPicN-thumb {
		max-width: 225px;
		max-height: 150px;
		margin: 20px;
		border: 0px solid #FFFFFF;
		border-radius: 8px;
		transition: all 0.2s linear
	}
		.ImgPicN-thumb:hover {
			transform: scale(1.01,1.01);
			box-shadow: 0px 0px 10px 1px #555555;
		}


	/* Base input */
	.BInputsBlock {
		box-sizing: border-box;
		width: 100%;
		height: auto;
		background: #E4FFD9;
		border-radius: 8px;
		overflow: auto;
		display: flex;
		flex-wrap: nowrap;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		padding: 10px 20px 15px 20px;
	}
	
	.BInput {
		box-sizing: border-box;
		font-family:  BaseFont;
		font-weight: normal;
		padding: 4px 6px;
		background: #EFFFEA;
		color: #222222;
		border: 1px solid #165C00;
		border-radius: 4px
	}
		.BInput:disabled {
			background: #EFEFEF;
			color: #555555;
			border: 1px solid #777777;
		}

	.BButton {
		box-sizing: border-box;
		font-family:  BaseFont;
		font-weight: normal;
		padding: 4px 8px;
		background: #208501;
		color: #FFFFFF;
		border: 1px solid #165C00;
		border-radius: 4px;
		cursor: pointer;
	}
		.BButton:hover {
			background: #FF8915;
			border: 1px solid #B35B06
		}
		.BButton:focus {
			background: #208501;
			border: 1px solid #165C00;
			outline: none
		}
		.BButton:disabled {
			background: #EFEFEF;
			color: #555555;
			border: 1px solid #777777;
		}

	.DivBut {
		display: inline-block;
		width: 20px;
		height: 20px;
		color: #198400;
		border: 1px solid #198400;
		border-radius: 3px;
		text-align: center;
		vertical-align: middle;
		line-height: 20px;
		margin-right: 10px;
		transition-property: all;
		transition-duration: 200ms;
		transition-timing-function: linear;
		transition-delay: 0s

	}
		.DivBut:hover {
			color: #FF8915;
			border: 1px solid #FF8915;
		}

	/* Base checkbox */
	.chkBoxCon {
	  display: block;
	  position: relative;
	  padding-left: 30px;
	  margin-bottom: 0px;
	  cursor: pointer;
	  -webkit-user-select: none;
	  -moz-user-select: none;
	  -ms-user-select: none;
	  user-select: none;
	}

	.chkBoxCon input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
		height: 0;
		width: 0;
	}

	.chkMark {
		position: absolute;
		top: 0;
		left: 0;
		height: 20px;
		width: 20px;
		background-color: #EFFFEA;
		border: 1px solid #165C00;
		border-radius: 4px;
		transition-property: all;
		transition-duration: 200ms;
		transition-timing-function: linear;
		transition-delay: 0s
	}

	.chkBoxCon:hover input ~ .chkMark {
		background-color: #FFFFFF;
		border: 1px solid #B35B06;
	}

	.chkBoxCon input:checked ~ .chkMark {
		background-color: #208501;
	}

	.chkMark:after {
		content: "";
		position: absolute;
		display: none;
	}

	.chkBoxCon input:checked ~ .chkMark:after {
		display: block;
	}

	.chkBoxCon .chkMark:after {
		left: 6px;
		top: 2px;
		width: 6px;
		height: 10px;
		border: solid white;
		border-width: 0 3px 3px 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	} 

	/* Base switch */
	.BSwitch {
	  position: relative;
	  display: inline-block;
	  width: 44px;
	  height: 22px;
	}

	.BSwitch input { 
	  opacity: 0;
	  width: 0;
	  height: 0;
	}

	.BSslider {
	  position: absolute;
	  cursor: pointer;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background: #E4FFD9;
	  border: 1px solid #165C00;
	  -webkit-transition: .4s;
	  transition: .4s;
	}

	.BSslider:before {
	  position: absolute;
	  content: "";
	  height: 20px;
	  width: 20px;
	  left: -1px;
	  bottom: -1px;
	  background: #208501;
	  border: 1px solid #165C00;
	  -webkit-transition: .4s;
	  transition: .4s;
	}

	input:checked + .BSslider {
	  background: #E4FFD9;
	  border: 1px solid #165C00;
	}

	input:focus + .BSslider {
	  box-shadow: 0 0 0px #165C00;
	}

	input:checked + .BSslider:before {
	  -webkit-transform: translateX(22px);
	  -ms-transform: translateX(22px);
	  transform: translateX(22px);
	}

		/* Rounded sliders */
		.BSslider.BSround {
		  border-radius: 22px;
		}

		.BSslider.BSround:before {
		  border-radius: 50%;
		}


	/* Base blocks */
	.StdBlockHead {
		box-sizing: border-box;
		width: 100%;
		min-width: 530px;
		background: #E4FFD9;
		border: 0px solid #888888;
		border-radius: 8px;
		padding: 15px;
		margin: 15px 0px;
		font-weight: bold
	}

	.StdBlock {
		box-sizing: border-box;
		width: 100%;
		min-width: 530px;
		background: #F8F8F8;
		border: 0px solid #888888;
		border-radius: 8px;
		padding: 15px;
		margin: 15px 0px;
		display: flex;
		flex-wrap: nowrap;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		break-inside: avoid
	}
	
		.StdBlockPicCont {
			margin-right: 20px;
			flex: 0 0 90px
		}

		.StdBlockPic {
			display: block;
			border: 0px solid #FFFFFF;
			border-radius: 5px;
		}

		.StdBlockTxt {
			flex: 1;
		}


	.StdBlockTextOnly {
		display: table;
		box-sizing: border-box;
		width: 100%;
		min-width: 530px;
		background: #F8F8F8;
		border: 0px solid #888888;
		border-radius: 8px;
		padding: 15px;
		margin: 15px 0px;
		break-inside: avoid
	}


	.ContactBlock {
		width: 100%;
		display: inline-block;
		border: 0px solid #C0C9C0;
		margin-bottom: 30px;
		break-inside: avoid
	}

		.ContactBlockHead {
			box-sizing: border-box;
			width: 100%;
			background: #E4FFD9;
			font-weight: bold;
			text-align: center;
			border-radius: 8px;
			padding: 10px 20px
		}

		.ContactBlockText {
			box-sizing: border-box;
			width: 100%;
			padding: 10px 20px
		}

		.ContactBlockText .BRemark {

		}


	.SectionBlocksContainer {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: center;
		align-items: flex-start
	}

	.SectionBlock {
		box-sizing: border-box; 
		width: 530px;
		width: var(--BaseImgWidth);
		height: auto;
		margin: 15px;
		padding: 15px;
		background: #EFFFEA;
		border: 1px solid #888888;
		border-radius: 8px;
		transition: all 0.2s linear
	}
		.SectionBlock:hover {
			transform: scale(1.01,1.01);
			box-shadow: 0px 0px 10px 0px #AAAAAA;
		}

	.SectionBlockStatic {
		box-sizing: border-box; 
		width: 530px;
		width: var(--BaseImgWidth);
		height: auto;
		margin: 15px;
		padding: 15px;
		background: #EFFFEA;
		border: 1px solid #888888;
		border-radius: 8px;
		transition: all 0.2s linear
	}

	.FBShareBlock {
		text-align: center;
		background: transparent;
		border: 0px solid #FFFFFF;
		margin-top: 6px;
	}


	/* Doc link blocks */
	.DocLinkBlock {
		box-sizing: border-box; 
		overflow: auto;
		width: 100%;
		margin: 25px 0px 15px 0px;
		padding: 15px;
		color: #198400;
		text-decoration: none;
		background: #FFFFFF;
		border: 1px solid #888888;
		border-radius: 8px;
		transition: all 0.2s linear
	}
		.DocLinkBlock:hover {
			transform: scale(1.01,1.01);
			box-shadow: 0px 0px 10px 0px #AAAAAA;
			color: #EF7600;
			text-decoration: underline
		}
		.DocLinkBlock:hover .DocLinkCont .DocText span {
			color: #EF7600;
		}

		.DocLinkCont {
			display: flex;
			flex-wrap: nowrap;
			flex-direction: row;
			justify-content: flex-start;
			align-items: center;
			font-weight: bold
		}

		.DocBullet {
			margin-right: 12px;
			line-height: 0em
		}
			.IcoWRD svg, .IcoXLS svg, .IcoPPT svg, .IcoARH svg, .IcoIMG svg {
				display: none;
			}
			
			.IcoWRD:before, .IcoXLS:before, .IcoPPT:before, .IcoARH:before, .IcoIMG:before {
				display: block;
				width: 25px;
				height: 34px;
			}

			.IcoWRD:before {
				content: url('../images/icoWRD.svg');
			}
			.IcoXLS:before {
				content: url('../images/icoXLS.svg');
			}
			.IcoPPT:before {
				content: url('../images/icoPPT.svg');
			}
			.IcoARH:before {
				content: url('../images/icoARH.svg');
			}
			.IcoIMG:before {
				content: url('../images/icoIMG.svg');
			}

		.DocText {

		}

	.BlockSlim {
		 border-radius: 7px;
		 padding: 8px 15px
	}

/* News blocks */
	.NBlocksOutContainer {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: center;
		align-items: flex-start
	}
	
	.NBlocksContainer {
		width: 98%; /* blocks width */
	}

	.NewsBlock {
		box-sizing: border-box; 
		overflow: auto;
		width: 100%;
		margin: 15px 0px;
		padding: 15px;
		background: #F8F8F8;
		border: 1px solid #888888;
		border-radius: 8px;
		transition: all 0.2s linear
	}
		.NewsBlock:hover {
			transform: scale(1.01,1.01);
			box-shadow: 0px 0px 10px 0px #AAAAAA;
		}

	.NewsBlock1 {
		box-sizing: border-box; 
		overflow: auto;
		width: 530px;
		margin: 15px;
		padding: 15px;
		background: #F8F8F8;
		border: 1px solid #888888;
		display: flex;
		flex-wrap: nowrap;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		border-radius: 8px;
		transition: all 0.2s linear
	}
		.NewsBlock1:hover {
			transform: scale(1.01,1.01);
			box-shadow: 0px 0px 10px 0px #AAAAAA;
		}

	.NBlockImgFr {
		width: 225px;
		height: auto;
		text-align: center;
		margin: 5px 15px 0px 0px;
		float: left
	}

	.NBlockImg {
		/* width: 225px;
		height: 150px;
		object-fit: contain; */
		max-width: 225px;
		max-height: 150px;
		width: auto;
		height: auto;
	}

	.NBlockIcoFr {
		width: 68px;
		height: 68px;
		text-align: center;
		margin: 0px 15px 0px 0px;
		float: left
	}

	.NBlockIco {
		width: 68px;
		height: 68px;
	}
	
	.NBlockDate {
		margin-top: 0px;
		margin-bottom: 0px;
		color: #198400;
		font-family: CaptionsFont;
		font-weight: bold;
		letter-spacing: 0.08em
	}

	.NBlockText {
		margin-top: 10px;
		margin-bottom: 0px;
		color: #444444;
		text-align: left;
		font-weight: bold;

	}


	/* Base tables */
	.StdTable {
		width: 530px;
		width: var(--BaseImgWidth);
		text-align: center;
		border: 1px hidden #747B74;
		box-shadow: 0 0 0 1px #747B74;
		border-radius: 8px;
		border-collapse: collapse;
	}
		
	.StdTable td {
		border: 1px solid #747B74;
		padding: 1px 5px
	}

	.StdTable td.Pad {
			padding: 10px 10px
		}
	.StdTable td.Pad2 {
			padding: 5px 5px
		}
	
	.StdTable tr:first-child td:first-child {
		border-top-left-radius: 8px
	}
	.StdTable tr:first-child td:last-child {
		border-top-right-radius: 8px
	}
	.StdTable tr:last-child td:first-child {
		border-bottom-left-radius: 8px
	}
	.StdTable tr:last-child td:last-child {
		border-bottom-right-radius: 8px
	}


	.StdTableNB {
		width: 530px;
		width: var(--BaseImgWidth);
		text-align: center;
		border: 0px solid #747B74;
		border-collapse: collapse;
	}

	.StdTableNB td {
		border-bottom: 1px solid #747B74;
		padding: 1px 5px
	}

	.StdTableNB td.Pad {
		padding: 10px 10px;
		vertical-align: top
	}
	.StdTableNB td.Pad2 {
		padding: 5px 5px;
		vertical-align: top
	}


	.TblL {
		float: left;
		margin: 10px 20px 10px 0px
	}
	.TblR {
		float: right;
		margin: 10px 0px 10px 20px
	}

	.TblHead {
		background: #E4FFD9
	}

	.TblG {
		background: #F8F8F8
	}

	.TblHover tr td {
		
	}
		.TblHover tr:hover td:not(.TblHead) {
		  background: #F8F8F8;
		}

	.w5 {width: 5%}
	.w8 {width: 8%}
	.w10 {width: 10%}
	.w12 {width: 12%}
	.w15 {width: 15%}
	.w16 {width: 16%}
	.w20 {width: 20%}
	.w24 {width: 24%}
	.w25 {width: 25%}
	.w30 {width: 30%}
	.w35 {width: 35%}
	.w40 {width: 40%}
	.w45 {width: 45%}
	.w50 {width: 50%}
	.w55 {width: 55%}
	.w60 {width: 60%}
	.w70 {width: 70%}
	.w80 {width: 80%}
	.w90 {width: 90%}
	.w100 {width: 100%}


/* Home page */
	.HBBlock {
		box-sizing: border-box;
		width: 100%;
		margin-top: 20px;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: center;
		align-items: flex-start
	}

	.HPicCont {
		width: 530px;
		height: 297px;
		background: #E4FFD9;
		border-radius: 8px;
		margin: 15px;
		flex-grow: 0;
		flex-shrink: 0;
		flex-basis: 530px
	}

		.trCont {
			display: block;
			position: relative;
			left: 0px;
			top: 0px;
			width: 530px;
			height: 297px;
			background: #E4FFD9;
			border-radius: 8px;
		}

		.trImage {
			display: block;
			position: absolute;
			left: 0px;
			top: 0px;
			width: 530px;
			height: 297px;
			border: 0px solid #FFFFFF;
			border-radius: 8px;
			z-index: 1
		}

		.trActive {
			z-index: 3
		}

	.HButCont {
		box-sizing: border-box;
		min-width: 530px;
		max-width: 100%;
		height: 297px;
		padding: 0px;
		margin: 15px;
		flex: 1
	}

	.HButCont2 {
		box-sizing: border-box;
		height: 297px;
		padding: 0px;
		margin: 0px;
	}

		@media screen and (min-width: 1271px) {
			.HButsCntW {
				width: 100%;
			}
		}
		@media screen and (max-width: 1270px) {
			.HButsCntW {
				width: 530px;
			}
		}	
		
		.HButsTbl {
			min-width: 530px;
			max-width: 100%;
			height: 297px;
			border: 0px solid #FFFFFF;
			table-layout: fixed;
			border-collapse: collapse;
			margin: 0px auto;
		}
		
		.HButsTbl td{
			width: calc(50% - 15px);
			height: 79px;
			border: 0px solid #FFFFFF;
			padding: 0px
		}

		.HButsTbl2 {
			min-width: 290px;
			max-width: 545px;
			height: 297px;
			border: 0px solid #FFFFFF;
			table-layout: fixed;
			border-collapse: collapse;
		}
		
		.HButsTbl2 td{
			width: 100%;
			height: 79px;
			border: 0px solid #FFFFFF;
			padding: 0px
		}

		.HButton {
			box-sizing: border-box;
			width: 100%;
			min-width: 225px;
			max-width: 545px;
			height: 79px;
			background: #FFFFFF; 
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			justify-content: flex-start;
			align-items: center;
			border-radius: 8px;
			margin: 0 auto;
			cursor: pointer;
			transition: all 0.2s linear
		}
			.HButton:hover {
				transform: scale(1.01,1.01);
				box-shadow: 0px 0px 10px 0px #AAAAAA;
			}

		.HButton2 {
			box-sizing: border-box;
			width: 100%;
			min-width: 290px;
			max-width: 545px;
			height: 79px;
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			justify-content: flex-start;
			align-items: center;
			border-radius: 8px;
			margin-left: auto;
			margin-right: 0px;
			cursor: pointer;
			transition: all 0.2s linear
		}
			.HButton2:hover {
				transform: scale(1.01,1.01);
				box-shadow: 0px 0px 10px 0px #165C00;
			}
		
			.HButton2A {
				color: #FEF4A3;
				background: #1A7100;
				border: 2px solid #FEF4A3;
			}

			.HButton2B {
				color: #FFDEB4;
				background: #1A7100;
				border: 2px solid #FFDEB4;
			}

			.HButton2C {
				color: #FBD5CD;
				background: #1A7100;
				border: 2px solid #FBD5CD;
			}

		.HButIcoC {
			width: 79px;
			height: 79px;
			display: flex;
			flex-wrap: nowrap;
			justify-content: center;
			align-items: center
		}

		.HButIco {
			display: block;
			width: 45px;
			height: 45px;
			margin: auto
		}

		.HButTxt {
			font-family: MenuFont;
			font-size: 125%;
			font-weight: bold;
			font-style: normal;
			padding-right: 5px
		}

	.HColumn {
		box-sizing: border-box;
		width: 50%;
		min-width: 530px;
		margin: 15px 0px;
		border-left: 1px solid #C0C9C0;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: center;
		align-items: flex-start
	}

	.HColTitle {
		width: 100%;
		height: auto;
	}

	.HColName {
		float: left;
		font-size: 140%;
		font-weight: bold;
		letter-spacing: 0.01em;
		text-align: left
	}

	.HColLink {
		float: right
	}

	.HColButt {
		line-height: 1em;
		color: #FFFFFF;
		background: #208501;
		border-radius: 4px;
		padding: 7px 10px;
		transition-property: background;
		transition-duration: 200ms;
		transition-timing-function: linear;
		transition-delay: 0s
	}
		.HColButt:hover {
			background: #EF7600;
		}

	.BannersCont {
		box-sizing: border-box;
		width: 100%;
		margin-top: 15px;
		padding-top: 10px;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: center;
		align-items: flex-start
	}

	.BannerImg {
		width: 240px;
		height: auto;
		margin: 10px
	}

	.HColumn2 {
		box-sizing: border-box;
		width: calc(50% - 30px);
		min-width: 530px;
		margin: 15px;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: flex-start;
		align-items: flex-start
	}

	.HFootDiv {
		color: #FFFFFF
	}


/* FancyBox */
	.fancybox-bg {
		background: #C8CCC8 !important
	}
	.fancybox-is-open .fancybox-bg {
		opacity: 0.85 !important
	}

	.fancybox-infobar {
		mix-blend-mode: normal !important;
		color: #000000 !important;
		color: rgba(0,8,0,0.7) !important;
		font-family:  BaseFont;
		font-size: medium !important;
		font-weight: normal !important;
		font-style: normal !important;
		text-align: center !important;
		letter-spacing: 0.02em !important;
		line-height: 1.5em !important
	}

	.fancybox-button {
		background: #676D67 !important;
		background: rgba(0,8,0,0.5) !important;
		color: #D0D3D0 !important;
	}
		.fancybox-button:hover {
			color: #FF8915 !important;
		}

	.fancybox-button[disabled] {
		color: #9A9A9A !important
	}
		.fancybox-button[disabled]:hover {
			color: #9A9A9A !important
		}
	
	.fancybox-button--arrow_left {
		background-clip: content-box !important;
		padding-left: 0px !important;
	}
	.fancybox-button--arrow_left-body {
		padding: 3px !important;
	}

	.fancybox-button--arrow_right {
		background-clip: content-box !important;
		padding-right: 0px !important;
	}
	.fancybox-button--arrow_right-body {
		padding: 3px !important;
	}

	.fancybox-close-small {
		color: #000000 !important;
		background: transparent !important
	}
		.fancybox-close-small:hover {
			color: #FF8915 !important
		}

	.fancybox-progress {
		background: #208501 !important
	}

	.fancybox-content {
		box-shadow: 0px 0px 15px 1px #222222 !important
	}

	.fancybox-caption {
		font-size: 100% !important;
		background: transparent !important;
		padding: 75px 0px 0px 0px !important;
	}

	.fancybox-caption-body {
		background: #676D67;
		background: rgba(0,8,0,0.7);
		padding: 20px 40px;
		color: #FFFFFF;
		font-weight: normal;
		font-style: normal;
		text-align: center;
		letter-spacing: 0.02em;
		line-height: 1.5em
	}

	.fbcBL {
		pointer-events: all !important;
		color: #D4FFB7 !important;
		transition-property: color !important;
		transition-duration: 200ms !important;
		transition-timing-function: linear !important;
		transition-delay: 0s !important
	}
		.fbcBL:hover {
			color: #EF7600 !important;
			text-decoration: underline !important
		}

	.fancybox-thumbs__list a::before {
		border: 3px solid #208501 !important
	}

	.fancybox-share {
		background: #F2F2F2 !important;
		font-family:  BaseFont !important
	}

	.fBoxIframeCustomBack {
		display: flex;
		justify-content: center;
	    align-items: center;
		position: fixed;
		top: 10px;
		right: 10px;
		width: 24px;
		height: 24px;
		padding: 10px;
		color: #D0D3D0;
		background: #676D67;
		background: rgba(0,8,0,0.5);
	}
		.fBoxIframeCustomBack:hover {
			color: #FF8915
		}


/* JqueryUI */
	.ui-autocomplete {
		background: #EFFFEA !important;
		border: 1px solid #165C00 !important;
		border-radius: 4px !important
	}

	.ui-menu-item-wrapper {
		border-radius: 4px !important
	}

	.ui-button {
		font-size: medium !important
	}