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

	--BaseBlockWidth: 545px;

	--BaseColor: #197003;
	--AddColor: #A1CD3F;
}


/* Site Frame */

	.BaseClr {
		color: var(--BaseColor);
	}
	
	/* Header */
	.HeaderMain {
		width: 100% !important;
		max-width: 1900px;
		max-width: var(--globalMaxWidth);
		height: 80px;
		background: #FFFFFF;
		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
	}

	@media screen and (min-width: 1002px) {
		.HeaderTxt0 {
			overflow: hidden;
			padding-left: 8px;
			margin-left: 50%;
			text-align: right;
			color: #222222;
			font-family: BaseFont;
			font-size: 75%;
		}

		.HeaderTxt1 {
			color: #444444;
			font-family: HeadFont;
			font-size: 140%;
			letter-spacing: 0;
			margin: 0px;
			white-space: nowrap;
			line-height: 1.2em
		}

		.HeaderTxt2 {
			color: #444444;
			font-family: HeadFont;
			font-size: 160%;
			letter-spacing: 0;
			margin: 0px 0px 0px 2px;
			white-space: nowrap;
			line-height: 1.2em
		}
	}
	
	@media screen and (max-width: 1002px) {
		.HeaderTxt0 {
			overflow: hidden;
			padding-left: 8px;
			margin-left: 0px;
			text-align: right;
			color: #222222;
			font-family: BaseFont;
			font-size: 80%;
		}

		.HeaderTxt1 {
			color: #444444;
			font-family: HeadFontS;
			font-size: 120%;
			font-weight: bold;
			letter-spacing: 0.05em;
			margin: 0px;
			white-space: nowrap;
			line-height: 1.2em
		}

		.HeaderTxt2 {
			color: #444444;
			font-family: HeadFontS;
			font-size: 150%;
			font-weight: bold;
			letter-spacing: 0.05em;
			margin: 0px 0px 0px 2px;
			white-space: nowrap;
			line-height: 1.2em
		}
	}

	/* Menu */
	.MenuMain {
		width: 100% !important;
		max-width: 1900px;
		max-width: var(--globalMaxWidth);
		height: auto;
		background: #FFFFFF;
		border-bottom: 3px solid var(--BaseColor);
		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: 40px;
		color: #444444;
		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;
		border-top-left-radius: 9px;
		border-top-right-radius: 9px;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		cursor: pointer
	}

	.MenuButtonHover {
		color: #FFFFFF;
		background: var(--BaseColor)
	}

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

	.MenuDist {
		width: 1px;
		height: 40px;
		color: #FFFFFF;
		background: transparent;
		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: #FFFFFF;
		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: 1px solid #D0D0D0;
		border-bottom-left-radius: 9px;
		border-bottom-right-radius: 9px;
		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: #111111;
		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: #FFFFFF;
			background: var(--BaseColor)
		}


	/* Inner menu */
	.IMenuMain {
		width: 100% !important;
		max-width: 1900px;
		max-width: var(--globalMaxWidth);
		height: auto;
		background: var(--AddColor);
		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: #FFFFFF;
		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;
		font-weight: bold;
		color: #187800;
		background: transparent;
		margin: 10px;
		letter-spacing: 0.02em;
	}
		.IMenuItem:hover {
			color: #111111
		}
		.IMenuItemActive {
			color: #111111;
			pointer-events: none
		}

	.IMenuDist {
		color: #FFFFFF;
		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 */
	.FooterMain {
		width: 100% !important;
		max-width: 1900px;
		max-width: var(--globalMaxWidth);
		height: auto;
		background: #333333;
		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: #333333;
		background: #E7E7E7;
		border: 1px solid #555555;
		border-radius: 8px;
		opacity: 0.5;
		transition-property: all;
		transition-duration: 200ms;
		transition-timing-function: linear;
		transition-delay: 0s;
	}
		.scrollTopBut:hover {
			color: #FFFFFF;
			background: var(--BaseColor);
			border: 1px solid #888888;
			opacity: 0.8
		}

	/* 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: #FFFFFF;
	}

	html * {
		max-height: 1000000px
	}

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

	.CustomScroll {
		/* IE */
		scrollbar-face-color: var(--BaseColor);
		scrollbar-shadow-color: var(--AddColor);
		scrollbar-track-color: var(--AddColor);
		scrollbar-arrow-color: var(--BaseColor);
		/* Firefox */
		scrollbar-width: thin; /* auto, thin, none */
		scrollbar-color: var(--BaseColor) var(--AddColor);
	}
		/* WebKit */
		.CustomScroll::-webkit-scrollbar {
			height: 8px;
			background: var(--AddColor);
		}
		.CustomScroll::-webkit-scrollbar-button {
			color: #111111;
			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: var(--BaseColor);
		}
			.CustomScroll::-webkit-scrollbar-thumb:hover {
				background: var(--BaseColor);
			}


	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: HeadFontS;
	   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)
	}

	@font-face {
	   font-family: IcoFont;
	   src: url(./fonts/FiraSans-4.3-BGR/WEB/Condensed/Roman/FiraSansCondensedBGR-Medium.woff)
	}

	.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
		}
	}
	
	.BTm {
		color: #222222;
		font-family: BaseFont;
		font-size: 120%;
		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.01em;
		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: #218C00;
		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;
	}

	.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: #3396D2;
		transition-property: color;
		transition-duration: 200ms;
		transition-timing-function: linear;
		transition-delay: 0s
	}
		.BL:hover {
			color: var(--AddColor);
			text-decoration: underline
		}

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

	.BLw {
		color: #444444;
		transition-property: color;
		transition-duration: 200ms;
		transition-timing-function: linear;
		transition-delay: 0s
	}
		.BLw:hover {
			color: var(--BaseColor);
			text-decoration: underline
		}

	.NavLink {
		color: #3396D2;
		transition-property: color;
		transition-duration: 200ms;
		transition-timing-function: linear;
		transition-delay: 0s
	}
		.NavLink:hover {
			color: var(--AddColor);
			text-decoration: underline
		}

	.FootLink {
		color: #FFFFFF;
		transition-property: color;
		transition-duration: 200ms;
		transition-timing-function: linear;
		transition-delay: 0s
	}
		.FootLink:hover {
			color: var(--AddColor);
			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;
		}


	/* 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: #259B00;
		color: #FFFFFF;
		border: 1px solid #165C00;
		border-radius: 4px;
		cursor: pointer;
	}
		.BButton:hover {
			background: #FF8915;
			border: 1px solid #B35B06
		}
		.BButton:focus {
			background: #259B00;
			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: #218C00;
		border: 1px solid #218C00;
		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: #259B00;
	}

	.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: #259B00;
	  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: #444444;
		text-decoration: none;
		background: #F8F8F8;
		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;
			background: #FFFFFF;
			color: var(--BaseColor);
			text-decoration: underline
		}
		.DocLinkBlock:hover .DocLinkCont .DocText span {
			color: var(--BaseColor);
		}

		.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
		}

		.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;
		border-radius: 4px
	}

	.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: var(--BaseColor);
		font-family: BaseFont;
		font-weight: bold;
		letter-spacing: 0.04em
	}

	.NBlockText {
		margin-top: 10px;
		margin-bottom: 0px;
		color: #222222;
		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: #FFFFFF;
		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: #FFFFFF;
			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: 530px;
			height: 79px;
			background: #FFFFFF;
			color: #222222; 
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			justify-content: flex-start;
			align-items: center;
			border: 1px solid var(--BaseColor);
			border-radius: 8px;
			margin: 0 auto;
		}
/*			.HButton:hover {
				transform: scale(1.01,1.01);
				box-shadow: 0px 0px 10px 0px #AAAAAA;
			}*/

		.HButtonAct {
			box-sizing: border-box;
			width: 100%;
			min-width: 530px;
			height: 79px;
			background: #F8F8F8;
			color: #444444; 
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			justify-content: flex-start;
			align-items: center;
			border: 1px solid var(--BaseColor);
			border-radius: 8px;
			margin: 0 auto;
			cursor: pointer;
			transition: all 0.2s linear
		}
			.HButtonAct:hover {
				box-shadow: 0px 0px 10px 0px #AAAAAA;
				background: #FFFFFF;
				color: var(--BaseColor);
				text-decoration: underline
			}

		.HButton2 {
			box-sizing: border-box;
			width: 100%;
			min-width: 290px;
			max-width: 545px;
			height: 79px;
			color: #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
		}
			.HButton2:hover {
				transform: scale(1.01,1.01);
				box-shadow: 0px 0px 10px 0px #165C00;
			}

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

		.HButIcoCTxt {
			width: 70px;
			height: 79px;
			display: flex;
			flex-wrap: nowrap;
			justify-content: center;
			align-items: center;
			margin-left: 10px;
			color: var(--BaseColor);
			font-family: IcoFont;
			font-size: 34px;
			letter-spacing: 0.05em
		}

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

		@media screen and (min-width: 1002px) {
			.HButTxt {
				width: 100%;
				font-family: BaseFont;
				font-size: 100%;
				font-style: normal;
				text-align: center;
				padding: 0px;
				margin: 10px
			}
		}
		
		@media screen and (max-width: 1002px) {
			.HButTxt {
				width: 100%;
				font-family: BaseFont;
				font-size: 125%;
				font-style: normal;
				text-align: center;
				padding: 0px;
				margin: 10px
			}
		}		

	.HColumn {
		box-sizing: border-box;
		width: 50%;
		min-width: 530px;
		margin: 15px 0px;
		border-left: 2px solid var(--AddColor);
		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: #222222;
		background: #E7E7E7;
		border-radius: 8px;
		padding: 7px 10px;
		transition-property: background;
		transition-duration: 200ms;
		transition-timing-function: linear;
		transition-delay: 0s
	}
		.HColButt:hover {
			color: #FFFFFF;
			background: var(--BaseColor);
		}

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

	.BannerImg {
		width: 240px;
		height: auto;
		margin: 10px;
		border-radius: 3px
	}

	.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: #CCCCCC !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: var(--AddColor) !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: var(--AddColor) !important
		}

	.fancybox-progress {
		background: #259B00 !important
	}

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

	.fancybox-iframe {
		border-radius: 8px !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 #259B00 !important
	}

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


/* JqueryUI */
	@media screen and (min-width: 1002px) {
		.ui-widget {
			font-family: BaseFont !important;
			font-size: 93% !important;
			font-style: normal;
			letter-spacing: 0.02em;
		}
	}
	
	@media screen and (max-width: 1001px) {
		.ui-widget {
			font-family: BaseFont !important;
			font-size: 120% !important;
			font-style: normal;
			letter-spacing: 0.02em;
		}
	}

	.ui-widget-content {
		background: #FFFFFF !important;
		border: 1px solid #D0D0D0 !important;
		color: #222222 !important;
	}

	.ui-corner-all {
		border-bottom-left-radius: 8px !important;
		border-bottom-right-radius: 8px !important;
		border-top-left-radius: 8px !important;
		border-top-right-radius: 8px !important;
	}

	.ui-corner-top {
		border-top-left-radius: 8px !important;
		border-top-right-radius: 8px !important;
	}

	.ui-corner-bottom {
		border-bottom-left-radius: 8px !important;
		border-bottom-right-radius: 8px !important;
	}

	.ui-button {
		background: #E7E7E7 !important;
		border: 1px solid #D0D0D0 !important;
		color: #222222 !important;
		font-weight: normal !important;
		padding: 0.2em 0.5em !important;
	}
		.ui-button:hover {
			background: var(--BaseColor) !important;
			border: 1px solid #004400 !important;
			color: #FFFFFF !important;
		}
	
			.ui-button:hover .ui-icon {
				background-image: url(../images/arrow-down-w.svg) !important;
			}

		.ui-button:focus {
			background: var(--BaseColor) !important;
			border: 1px solid #004400 !important;
			color: #FFFFFF !important;
		}

			.ui-button:focus .ui-icon {
				background-image: url(../images/arrow-down-w.svg) !important;
			}

		.ui-state-active {
			background: var(--BaseColor) !important;
			color: #FFFFFF !important;
			font-weight: normal !important;
			border: 1px solid var(--BaseColor) !important;
		}

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

		.ui-icon {
			background-image: url(../images/arrow-down.svg) !important;
			background-size: 10px 10px !important;
		}

		.ui-icon-triangle-1-s {
			background-position: center bottom !important;
		}