/***
    fhs-multiOP3 - stylesheet
    A Multi OnePage Template for CMSimple_XH v. 1.7.3 [www.cmsimple-xh.org]
    2020/09 - Frank H. Seidel [www.fhseidel.de]
***/

/*  Bootstrap v3.4.1 (https://getbootstrap.com/)  */
@import url(bootstrap.min.css);

/*  fonts  */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	src: local('Roboto Light'), local('Roboto-Light'), url('fonts/roboto-v20-latin-ext_cyrillic-ext-300.woff2') format('woff2'), url('fonts/roboto-v20-latin-ext_cyrillic-ext-300.woff') format('woff');
}
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 300;
	src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url('fonts/roboto-v20-latin-ext_cyrillic-ext-300italic.woff2') format('woff2'), url('fonts/roboto-v20-latin-ext_cyrillic-ext-300italic.woff') format('woff');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: local('Roboto'), local('Roboto-Regular'), url('fonts/roboto-v20-latin-ext_cyrillic-ext-regular.woff2') format('woff2'), url('fonts/roboto-v20-latin-ext_cyrillic-ext-regular.woff') format('woff');
}
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 400;
	src: local('Roboto Italic'), local('Roboto-Italic'), url('fonts/roboto-v20-latin-ext_cyrillic-ext-italic.woff2') format('woff2'), url('fonts/roboto-v20-latin-ext_cyrillic-ext-italic.woff') format('woff');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	src: local('Roboto Bold'), local('Roboto-Bold'), url('fonts/roboto-v20-latin-ext_cyrillic-ext-700.woff2') format('woff2'), url('fonts/roboto-v20-latin-ext_cyrillic-ext-700.woff') format('woff');
}
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 700;
	src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url('fonts/roboto-v20-latin-ext_cyrillic-ext-700italic.woff2') format('woff2'), url('fonts/roboto-v20-latin-ext_cyrillic-ext-700italic.woff') format('woff');
}
@font-face {
	font-family: 'Roboto Slab';
	font-style: normal;
	font-weight: 400;
	src: local(''), url('fonts/roboto-mono-v12-latin-ext_cyrillic-ext-regular.woff2') format('woff2'), url('fonts/roboto-mono-v12-latin-ext_cyrillic-ext-regular.woff') format('woff');
}
@font-face {
	font-family: 'Roboto Slab';
	font-style: normal;
	font-weight: 700;
	src: local(''), url('fonts/roboto-mono-v12-latin-ext_cyrillic-ext-regular.woff2') format('woff2'), url('fonts/roboto-mono-v12-latin-ext_cyrillic-ext-regular.woff') format('woff');
}
@font-face {
	font-family: 'Roboto Mono';
	font-style: normal;
	font-weight: 400;
	src: local(''), url('fonts/roboto-mono-v12-latin-ext_cyrillic-ext-regular.woff2') format('woff2'), url('fonts/roboto-mono-v12-latin-ext_cyrillic-ext-regular.woff') format('woff');
}
@font-face {
	font-family: 'Roboto Mono';
	font-style: italic;
	font-weight: 400;
	src: local(''), url('fonts/roboto-mono-v12-latin-ext_cyrillic-ext-italic.woff2') format('woff2'), url('fonts/roboto-mono-v12-latin-ext_cyrillic-ext-italic.woff') format('woff');
}
b, strong {
	font-weight: 400;
}

/*************************
    TEMPLATE CONFIGURATION
    S T A R T
**************************/

/*  The main accent color of the website.
    Default is red : #c00
    All CSS color specifications are possible.
    Unfortunately not all elements can be recolored, for example not the SVG graphics. So, try it out:
*/
:root {
    --mainAccentColor: #666666;
}
/*  default background image
    It must be placed here at this point. 
    Please do not change this rule (except the background position).
*/    
.onepage_page {
	background: var(--defaultBgImageURL) no-repeat;
	background-size: cover !important;
	background-attachment: fixed !important;
	background-position: top center;
}
/*  Background images for single pages
    Here you have to define the desired CSS classes for the background images,
    how they should be used in the editor tab (Multionepage).
    classes, URLs and positions
*/
.bg-example-01 {
	background: url(images/bg-example-01.jpg) no-repeat center center;
}
.bg-example-02 {
	background: url(images/bg-example-02.jpg) no-repeat center center;
}
.bg-example-03 {
	background: url(images/bg-example-03.jpg) no-repeat center center;
}
.bg-example-04 {
	background: url(images/bg-example-04.jpg) no-repeat center center;
}
.bg-example-05 {
	background: url(images/bg-example-05.jpg) no-repeat center center;
}
.bg-example-06 {
	background: url(images/bg-example-06.jpg) no-repeat center center;
}
.bg-example-07 {
	background: url(images/bg-example-07.jpg) no-repeat center center;
}
.bg-example-08 {
	background: url(images/bg-example-08.jpg) no-repeat center center;
}
.bg-example-09 {
	background: url(images/bg-example-09.jpg) no-repeat center center;
}
.bg-example-10 {
	background: url(images/bg-example-10.jpg) no-repeat center center;
}
.bg-example-11 {
	background: url(images/bg-example-11.jpg) no-repeat center center;
}
.bg-example-12 {
	background: url(images/bg-example-12.jpg) no-repeat center center;
}
.bg-example-13 {
	background: url(images/bg-example-13.jpg) no-repeat center center;
}
.bg-example-14 {
	background: url(images/bg-example-14.jpg) no-repeat center center;
}
.bg-example-15 {
	background: url(images/bg-example-15.jpg) no-repeat center center;
}
.bg-example-16 {
	background: url(images/bg-example-16.jpg) no-repeat center center;
}
.bg-example-17 {
	background: url(images/bg-example-17.jpg) no-repeat center center;
}
/*************************
    TEMPLATE CONFIGURATION
    E N D
**************************/

/*  classes for editor  */
div.row {}
div.col-md-6 {}
p.text-right, div.text-right {}
p.text-left, div.text-left {}
p.text-center, div.text-center {}
p.text-justify, div.text-justify {}
p.text-nowrap, div.text-nowrap {}
/* span.text-lowercase, p.text-lowercase, div.text-lowercase {}  */
span.text-uppercase, p.text-uppercase, div.text-uppercase {}
span.text-capitalize, p.text-capitalize, div.text-capitalize {}
a.scrollTo {}
span.small, p.small, div.small {}
div.noBackgroundImg {}
div.pageNavOff {}
span.coloredTxt, p.coloredTxt, div.coloredTxt {
	color: var(--mainAccentColor, #c00);
}
p.lead, div.lead {
	font-weight: 400;
}
img.img-responsive {}
p.pictureCaptionleft {
	font-style: italic;
	font-weight: 400;
	font-size: .85em;
	text-align: left;
	margin: -1em 0 1em 0;
}
p.pictureCaptionRight {
	font-style: italic;
	font-weight: 400;
	font-size: .85em;
	text-align: right;
	margin: 0 0 1em 0;
}
p.pictureCaptionCenter {
	font-style: italic;
	font-weight: 400;
	font-size: .85em;
	text-align: center;
	margin: 0 0 1em 0;
}
p.noMargin, div.noMargin {
	margin: 0;
}
div.flexi {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
div.box {
	margin: 15px 0;
}
div.boxContent {
	background: #f6f6f6;
	border: 1px solid #ccc;
	border-radius: 15px;
	padding: .5em 1em;
	font-size: .9em;
	height: 100%;
}
div.boxContent h3, div.boxContent h4 {
	font-size: 1.25em;
}
div.boxContent code, div.boxContent pre, div.demo code, div.demoBox code {
	background: #fff;
}

/*  tables responsive / horiz. scrollable  */
table.respTable {
	font-family: inherit !important;
	font-size: .85em;
	font-weight: 300;
	line-height: normal;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	max-width: 100%;
	overflow-x: auto;
	white-space: nowrap;
	border-collapse: collapse;
	border-spacing: 0;
	margin: .5em 0;
	background: #fff;
}
.respTable {
	-webkit-overflow-scrolling: touch;
}
.respTable thead th {
	text-align: left;
	background: #666;
	color: #fff;
	font-weight: 400;
	vertical-align: bottom;
}
.respTable tbody th {
	text-align: left;
	background: #f6f6f6;
	color: #333;
	border: 1px solid #aaa;
}
.respTable th {
	padding: .25em .75em;
	border: 1px solid #fff;
	vertical-align: top;
	font-weight: 300;
}
.respTable td {
	padding: .25em .75em;
	border: 1px solid #ccc;
	vertical-align: top;
}
.respTable tr:nth-of-type(2n+1) {
	/* background: #f3f3f3; */
}

/*  list ordered  */
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-alpha;
}

/*  list unordered  */
ul.listUnordered, ul.xh_search_results {
	list-style: none inside;
	margin: 0 0 .75em 1em;
	padding: 0;
}
ul.listUnordered ul, ul.xh_search_results ul {
	margin: 0 0 0 1em;
	list-style: none;
	padding: 0;
}
ul.listUnordered li::before, ul.xh_search_results li::before {
	content: '»';
	margin-left: -1em;
	width: 1em;
	display: inline-block;
	font-weight: 400;
}
ul.listUnordered ul li:before {
	content: '›';
	margin-left: -1em;
	width: 1em;
	display: inline-block;
	font-weight: 400;
}
ul.listUnordered ul ul li:before {
	content: '•';
	margin-left: -1em;
	width: 1em;
	display: inline-block;
	font-weight: 400;
}

/*  body  */
body {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}
/*  type  */
body, input, select, textarea {
	color: #000;
	font-family: "Roboto", sans-serif;
	font-size: 20px;
	font-weight: 300;
	line-height: 1.5;
}
@media screen and (max-width: 1680px) {
body, input, select, textarea {
	font-size: 20px;
}
}
@media screen and (max-width: 1280px) {
body, input, select, textarea {
	font-size: 19px;
}
}
@media screen and (max-width: 768px) {
body, input, select, textarea {
	font-size: 18px;
}
}
h1, h2, h3, h4, h5, h6 {
	color: #000;
	font-family: "Roboto Slab", serif !important;
	font-weight: 700;
	line-height: normal;
	margin: 0.75em 0 .25em 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: inherit;
	text-decoration: none;
	border-bottom: 0;
}
h1 {
	font-size: 3em;
	text-transform: uppercase;
	margin-top: 0;
	color: var(--mainAccentColor, #c00);
}
h2 {
	font-size: 1.8em;
}
.onepage_page_inner h2:first-of-type {
	margin-top: 0;
}
h3 {
	font-size: 1.5em;
}
h4 {
	font-size: 1.3em;
}
h5 {
	font-size: 1.2em;
}
h6 {
	font-size: 1.1em;
}
.roll body {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}
hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 1px dotted var(--mainAccentColor, #c00);
}
hr.thick {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 10px solid var(--mainAccentColor, #c00);
}

/*  Overlay menu  */
body::before {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 4;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0s 0.3s;
	transition: opacity 0.3s, transform 0s 0.3s;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
}
code {
	font-family: 'Roboto Mono';
	font-style: normal;
	font-weight: 400;
	font-size: .85em;
	color: var(--mainAccentColor, #c00);
	background-color: #f6f6f6;
	border-radius: 4px;
	word-break: break-all;
	word-wrap: break-word;
}
pre {
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	font-size: .85em;
	line-height: inherit;
	font-style: normal;
	font-weight: 400;
	color: var(--mainAccentColor, #c00);
	word-break: break-all;
	word-wrap: break-word;
	background-color: #f6f6f6;
	border: 0;
	border-radius: 4px;
}
blockquote {
	padding: 10px 20px;
	margin: 0 0 20px;
	font-size: .9em;
	border-left: 10px solid var(--mainAccentColor, #c00);
}
a {
	border: none;
	color: var(--mainAccentColor, #c00);
	text-decoration: none;
}
a:hover, a:active, a:focus {
	color: var(--mainAccentColor, #c00);
}
a[target="_blank"]::after {
	content: "\00a0\f08e";
	font: 0.5em FontAwesome;
	margin-right: .25em;
}

/*  miscellaneous stuff  */
.miscStuff {
	background: #666;
	color: #111;
	padding: 5px 60px 5px 10px;
}
.miscStuff a {
	background: transparent;
	padding: 2px 5px;
	margin: 0 3px 0px 0;
	font-size: 24px;
	line-height: normal;
	color: inherit;
}
.miscStuff a:hover {
	background: var(--mainAccentColor, #c00);
}
.homeLink, .langMenu {
	display: inline-block;
}
a.homeLink .fa {
	font-size: 24px;
	height: 24px;
	width: 32px;
	text-align: center;
	background: #fff;
}
.langMenu img {
	vertical-align: -12%;
}
.miscStuff2 {
	background: #666;
	color: #111;
	padding: 5px 10px;
	overflow: auto;
	font-size: 0.85em;
	line-height: 1;
}

/*  search  */
.searchBox {
}
#searchbox {
}
#searchbox input[type="search"] {
	padding: 0px 3px;
	margin: 2px 0 2px 5px;
	border: 0;
	font-size: .85em;
	height: 24px;
	float: left;
	line-height: 1;
}
#searchbox input[type="submit"] {
	padding: 0px 5px;
	font-size: .85em;
	margin: 2px 0;
	border: 0;
	height: 24px;
	line-height: 1;
	float: left;
	background: #222;
	color: #fff;
}
#searchbox input[type="submit"]:hover, #searchbox input[type="submit"]:focus {
	background: var(--mainAccentColor, #c00);
	color: #fff;
}

/*  menu  */
#nav {
	position: fixed;
	top: 30px;
	right: 10px;
	text-align: left;
	z-index: 5;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.menu-button {
	position: absolute;
	right: 10px;
	top: 15px;
	z-index: 10;
	cursor: pointer;
	background: var(--mainAccentColor, #c00);
	line-height: 0;
	text-align: center;
	border-radius: 50%;
	padding: 10px;
}
.menu-wrap {
	position: absolute;
	right:0;
	top:30%;
	width:0;
	height:0;
	background: #fff;
	z-index: 9;
	-webkit-transition: width 0.3s, height 0.3s;
	transition: width 0.3s, height 0.3s;
	max-height: calc(100vh - 30px);
	overflow: auto;
}

/*  main menu  */
.menu {
	height: 100%;
	opacity: 0;
	text-align: left;
	-webkit-filter:inherit;
	filter:inherit;
}
.link-list {
	padding: 20px 0 10px 0;
	min-height: 150px;
	font-weight: 300;
	font-size: .9em;
}
.link-list a {
	display: block;
	color: #000;
	padding: 3px 10px;
	border-left: 10px solid transparent;
	-webkit-transition: all .3s;
	transition: all .3s;
	text-decoration: none;
}
.link-list a:hover, .link-list a:focus {
	border-left: 10px solid #999;
	text-decoration: none;
}
.link-list a:active, .link-list a:focus {
	border-bottom: none;
	text-decoration: none;
}
.link-list span {
	display: block;
	color: var(--mainAccentColor, #c00);
	font-weight: 400;
	padding: 3px 10px;
	border-left: 10px solid var(--mainAccentColor, #c00);
}
ul.menulevel1 {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.menulevel1 li {
	margin: 0;
	padding: 0;
	list-style: none;
}

/*  page navigation  */
.pageNav {
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 3;
	background: var(--footerBgColor, #111);
	padding: 5px 80px;
	width: 100vw;
	font-size: 15px;
	line-height: 30px;
	text-align: center;
}
.pageNav:empty {
	display: none;
}
.pageNavBtn {
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 4;
	-webkit-transition: all .3s;
	transition: all .3s;
	cursor: pointer;
	background: var(--footerBgColor, #111);
	color: #fff;
	padding: 5px;
	width: 37px;
	text-align: center;
	font-size: 15px;
	line-height: 30px;
}
.pnClosed::after {
	content: "\f0d8\00a0\f142";
	font-family: FontAwesome;
}
.pnOpen::after {
	content: "\f0d7\00a0\f142";
	font-family: FontAwesome;
}
.pageNav ul {
	width: calc(100vw - 130px);
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;
}
.pageNav ul.onepage_menu li {
	display: inline;
}
.pageNav a {
	color: #222;
	padding: .25em .5em;
	background: #fff;
	-webkit-transition: all .3s;
	transition: all .3s;
	white-space: nowrap;
	text-decoration: none;
}
.pageNav a:hover {
	color: #222;
	background: #f8e414;
	text-decoration: none;
        font-weight: bolder;
}
a.onepage_current, a.onepage_current:hover {
	color: #222;
	/* background: var(--mainAccentColor, #c00); */
        background: #f8e414;
        font-weight: bolder;
}

/* top link */
.topLink {
}
#onepage_toplink {
	position: fixed;
	z-index: 100;
	bottom: 20px;
	right: 20px;
	display: none;
	background: rgba(255,255,255,1.0);
	border-radius: 50%;
	height: 50px;
	width: 50px;
	font-size: 50px;
	line-height: 50px;
	text-align: center;
}
a#onepage_toplink {
	color: var(--mainAccentColor, #c00);
}
a#onepage_toplink:active, a#onepage_toplink:focus {
	border: none;
}

/*  shown menu  */
body.show-menu::before {
	opacity: 1;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.show-menu .menu-wrap {
	width: 280px;
	height: auto;
	-webkit-animation: anim-jelly 0.8s linear forwards;
	animation: anim-jelly 0.8s linear forwards;
}
.show-menu .menu {
	opacity: 1;
	-webkit-transition: opacity 0.3s 0.3s;
	transition: opacity 0.3s 0.3s;
}

/*  sections  */
.wrapper {
	overflow: hidden;
}
.first-section {
	position: relative;
	width:100%;
	min-height:20em;
	margin-bottom: -50px;
	background: #000 var(--defaultBgImageURL) no-repeat top center fixed;
	-webkit-background-size: cover;
	background-size: cover;
}
.first-section:before {
	position: absolute;
	content:"";
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background: url(images/pattern.png) repeat fixed;
}
.first-section .onepage_page-wrapper {
	background: none;
	padding: 160px 0px 60px 0px;
}
.first-section .onepage_page-wrapper:before {
	content: none;
}
.first-section .onepage_page_inner {
	min-height: 15vh !important;
}
.first-section .onepage_page_inner .firstTitle {
	font-size: 3em;
	font-weight: 700;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,.7);
	margin: 0;
}
.first-section .onepage_page_inner p {
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,.7);
	font-family: "Roboto Slab", serif !important;
	font-weight: 400;
	font-size: 1.25em;
	margin: 0;
}
.onepage_page {
	position: relative;
	width:100%;
	padding-bottom: 33vh;
	padding-bottom: var(--bgImgVisibleHeight);
}
.onepage_page.noBackgroundImg {
	padding-bottom: 0;
	z-index: 2;
}
.onepage_page.noBackgroundImg .onepage_page_inner {
	padding-bottom: 0;
}
.onepage_page:after {
	content:"";
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background: var(--logoLightURL) fixed no-repeat 15px 30px;
	-webkit-background-size: 77px 100px;
	background-size: 77px 100px;
}
.onepage_page-wrapper {
	position: relative;
	bottom:0;
	left:0;
	width:100%;
	z-index:1;
	background:white;
	text-align: center;
}
.onepage_page-wrapper::before {
	position: absolute;
	content: "";
	top: -100px;
	left: 10%;
	width: 100%;
	height: 100px;
	background: url(images/bg-before.svg) no-repeat;
	z-index: -1;
}
.onepage_page-wrapper::after {
	content:"";
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background: var(--logoDarkURL) fixed no-repeat 15px 30px;
	-webkit-background-size: 77px 100px;
	background-size: 77px 100px;
	z-index:-1;
}
.first-section .onepage_page-wrapper::after {
	content:"";
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
    background: var(--logoLightURL) fixed no-repeat 15px 30px;
	-webkit-background-size: 77px 100px;
	background-size: 77px 100px;
	z-index:-1;
	-webkit-transition:all .3s ease;
	transition:all .3s ease;
}
.first-section.big .onepage_page-wrapper::after {
	content:"";
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
    background: var(--logoLightURL) fixed no-repeat 15% 30px;
	-webkit-background-size: 200px 200px;
	background-size: 200px 200px;
	z-index:-1;
	-webkit-transition:all .3s ease;
	transition:all .3s ease;
}
.first-section .onepage_page_inner {
	position: relative;
	display: inline-block;
	width: 70%;
	text-align: left;
	padding: 4em 0;
}
.onepage_page_inner {
	position: relative;
	display: inline-block;
	width: 70%;
	text-align: left;
	padding: 2em 0 4em 0;
}
.onepage_page:before {
	content:"";
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background: url(images/pattern.png) repeat fixed;
}

/*  Contact  */
form.xh_mailform input[type="submit"] {
	display: inline-block;
	padding: .25em .5em;
	margin: 1em .5em .5em 0;
	font-size: 1em;
	font-weight: 400;
	line-height: normal;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid var(--mainAccentColor, #c00);
	border-radius: .25em;
	background: var(--mainAccentColor, #c00);
	color: #fff;
	width: 5em !important;
}
form.xh_mailform input[type="submit"]:hover {
	background: #fff;
	color: var(--mainAccentColor, #c00);
}
form.xh_mailform label {
	display: inline-block;
	max-width: 100%;
	margin: 1em 0 0 0;
	font-weight: 400;
	font-size: .85em;
	color: #666;
}
form.xh_mailform input[type="text"], form.xh_mailform input[type="email"], form.xh_mailform input[type="tel"], form.xh_mailform textarea {
	-webkit-appearance: none;
	appearance: none;
	background: #fff;
	border-radius: .25em;
	border: none;
	border: solid 1px #ccc;
	color: inherit;
	display: block;
	outline: 0;
	padding: .25em .5em;
	text-decoration: none;
	width: 100%;
}
form.xh_mailform textarea {
	margin: 1em 0;
}
form.xh_mailform p {
	margin: 0 0 .5em 0;
}
input[name="cap"] {
	color: inherit !important;
	padding: .25em .5em !important;
	width: 5em !important;
	text-align: center !important;
	display: inline-block !important;
	box-sizing: border-box !important;
	border: 1px solid #ccc !important;
	border-radius: 0 .25em .25em 0 !important;
	line-height: normal;
}
span.captcha, span.xh_captcha_code {
	color: #fff !important;
	background: #999 !important;
	border: 1px solid transparent;
	padding: .25em .5em !important;
	width: 5em !important;
	text-align: center !important;
	display: inline-block !important;
	box-sizing: border-box !important;
	border-radius: .25em 0 0 .25em !important;
}
span.xh_captcha_code {
	float: left !important;
	padding: .25em .5em !important;
	line-height: normal;
}

/*  footer  */
footer {
	background: var(--footerBgColor, #111);
	padding: 2.5em 1em 5em 1em;
	color: #fff;
	border-top: 10px solid var(--mainAccentColor, #c00);
}
footer h1, footer h2, footer h3 {
	color: #fff;
}
footer .fa {
	color: var(--mainAccentColor, #c00);
}
.footer1, .footer3{
	text-align: right;
}
.footer5 {
	text-align: center;
	border-top: 1px dotted #fff;
	margin: 1em 0;
	padding: 1em 0 0 0;
}
 @media screen and (max-width: 991px) {
.footer1, .footer3{
	text-align: left;
}
}
footer p {
	margin: 0 0 5px 0;
}
footer a {
	color: #fff;
	border-bottom: 1px dotted #666;
	text-decoration: none;
	font-weight: 300;
}
footer a:hover {
	color: #fff;
	background: rgba(255,255,255,.25);
	text-decoration: none;
	border-bottom: 1px dotted #fff;
}
 @-webkit-keyframes anim-jelly {
 0% {
-webkit-transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 3.333333% {
-webkit-transform: matrix3d(0.32778, 0, 0, 0, 0, 0.32778, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.32778, 0, 0, 0, 0, 0.32778, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 6.666667% {
-webkit-transform: matrix3d(0.69875, 0, 0, 0, 0, 0.69875, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.69875, 0, 0, 0, 0, 0.69875, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 10% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 13.333333% {
-webkit-transform: matrix3d(1.1815, 0, 0, 0, 0, 1.1815, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.1815, 0, 0, 0, 0, 1.1815, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 16.666667% {
-webkit-transform: matrix3d(1.24402, 0, 0, 0, 0, 1.24402, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.24402, 0, 0, 0, 0, 1.24402, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 20% {
-webkit-transform: matrix3d(1.21871, 0, 0, 0, 0, 1.21871, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.21871, 0, 0, 0, 0, 1.21871, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 23.333333% {
-webkit-transform: matrix3d(1.14702, 0, 0, 0, 0, 1.14702, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.14702, 0, 0, 0, 0, 1.14702, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 26.666667% {
-webkit-transform: matrix3d(1.06589, 0, 0, 0, 0, 1.06589, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.06589, 0, 0, 0, 0, 1.06589, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 30% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 33.333333% {
-webkit-transform: matrix3d(0.9603, 0, 0, 0, 0, 0.9603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.9603, 0, 0, 0, 0, 0.9603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 36.666667% {
-webkit-transform: matrix3d(0.94663, 0, 0, 0, 0, 0.94663, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.94663, 0, 0, 0, 0, 0.94663, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 40% {
-webkit-transform: matrix3d(0.95217, 0, 0, 0, 0, 0.95217, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.95217, 0, 0, 0, 0, 0.95217, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 43.333333% {
-webkit-transform: matrix3d(0.96784, 0, 0, 0, 0, 0.96784, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.96784, 0, 0, 0, 0, 0.96784, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 46.666667% {
-webkit-transform: matrix3d(0.98559, 0, 0, 0, 0, 0.98559, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.98559, 0, 0, 0, 0, 0.98559, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 50% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 53.333333% {
-webkit-transform: matrix3d(1.00868, 0, 0, 0, 0, 1.00868, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00868, 0, 0, 0, 0, 1.00868, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 56.666667% {
-webkit-transform: matrix3d(1.01167, 0, 0, 0, 0, 1.01167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.01167, 0, 0, 0, 0, 1.01167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 60% {
-webkit-transform: matrix3d(1.01046, 0, 0, 0, 0, 1.01046, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.01046, 0, 0, 0, 0, 1.01046, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 63.333333% {
-webkit-transform: matrix3d(1.00703, 0, 0, 0, 0, 1.00703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00703, 0, 0, 0, 0, 1.00703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 66.666667% {
-webkit-transform: matrix3d(1.00315, 0, 0, 0, 0, 1.00315, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00315, 0, 0, 0, 0, 1.00315, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 70% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 73.333333% {
-webkit-transform: matrix3d(0.9981, 0, 0, 0, 0, 0.9981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.9981, 0, 0, 0, 0, 0.9981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 76.666667% {
-webkit-transform: matrix3d(0.99745, 0, 0, 0, 0, 0.99745, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99745, 0, 0, 0, 0, 0.99745, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 80% {
-webkit-transform: matrix3d(0.99771, 0, 0, 0, 0, 0.99771, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99771, 0, 0, 0, 0, 0.99771, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 83.333333% {
-webkit-transform: matrix3d(0.99846, 0, 0, 0, 0, 0.99846, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99846, 0, 0, 0, 0, 0.99846, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 86.666667% {
-webkit-transform: matrix3d(0.99931, 0, 0, 0, 0, 0.99931, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99931, 0, 0, 0, 0, 0.99931, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 90% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 93.333333% {
-webkit-transform: matrix3d(1.00042, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00042, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 96.666667% {
-webkit-transform: matrix3d(1.00056, 0, 0, 0, 0, 1.00056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00056, 0, 0, 0, 0, 1.00056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 100% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
}
 @keyframes anim-jelly {
 0% {
-webkit-transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 3.333333% {
-webkit-transform: matrix3d(0.32778, 0, 0, 0, 0, 0.32778, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.32778, 0, 0, 0, 0, 0.32778, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 6.666667% {
-webkit-transform: matrix3d(0.69875, 0, 0, 0, 0, 0.69875, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.69875, 0, 0, 0, 0, 0.69875, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 10% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 13.333333% {
-webkit-transform: matrix3d(1.1815, 0, 0, 0, 0, 1.1815, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.1815, 0, 0, 0, 0, 1.1815, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 16.666667% {
-webkit-transform: matrix3d(1.24402, 0, 0, 0, 0, 1.24402, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.24402, 0, 0, 0, 0, 1.24402, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 20% {
-webkit-transform: matrix3d(1.21871, 0, 0, 0, 0, 1.21871, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.21871, 0, 0, 0, 0, 1.21871, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 23.333333% {
-webkit-transform: matrix3d(1.14702, 0, 0, 0, 0, 1.14702, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.14702, 0, 0, 0, 0, 1.14702, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 26.666667% {
-webkit-transform: matrix3d(1.06589, 0, 0, 0, 0, 1.06589, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.06589, 0, 0, 0, 0, 1.06589, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 30% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 33.333333% {
-webkit-transform: matrix3d(0.9603, 0, 0, 0, 0, 0.9603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.9603, 0, 0, 0, 0, 0.9603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 36.666667% {
-webkit-transform: matrix3d(0.94663, 0, 0, 0, 0, 0.94663, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.94663, 0, 0, 0, 0, 0.94663, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 40% {
-webkit-transform: matrix3d(0.95217, 0, 0, 0, 0, 0.95217, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.95217, 0, 0, 0, 0, 0.95217, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 43.333333% {
-webkit-transform: matrix3d(0.96784, 0, 0, 0, 0, 0.96784, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.96784, 0, 0, 0, 0, 0.96784, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 46.666667% {
-webkit-transform: matrix3d(0.98559, 0, 0, 0, 0, 0.98559, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.98559, 0, 0, 0, 0, 0.98559, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 50% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 53.333333% {
-webkit-transform: matrix3d(1.00868, 0, 0, 0, 0, 1.00868, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00868, 0, 0, 0, 0, 1.00868, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 56.666667% {
-webkit-transform: matrix3d(1.01167, 0, 0, 0, 0, 1.01167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.01167, 0, 0, 0, 0, 1.01167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 60% {
-webkit-transform: matrix3d(1.01046, 0, 0, 0, 0, 1.01046, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.01046, 0, 0, 0, 0, 1.01046, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 63.333333% {
-webkit-transform: matrix3d(1.00703, 0, 0, 0, 0, 1.00703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00703, 0, 0, 0, 0, 1.00703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 66.666667% {
-webkit-transform: matrix3d(1.00315, 0, 0, 0, 0, 1.00315, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00315, 0, 0, 0, 0, 1.00315, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 70% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 73.333333% {
-webkit-transform: matrix3d(0.9981, 0, 0, 0, 0, 0.9981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.9981, 0, 0, 0, 0, 0.9981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 76.666667% {
-webkit-transform: matrix3d(0.99745, 0, 0, 0, 0, 0.99745, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99745, 0, 0, 0, 0, 0.99745, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 80% {
-webkit-transform: matrix3d(0.99771, 0, 0, 0, 0, 0.99771, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99771, 0, 0, 0, 0, 0.99771, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 83.333333% {
-webkit-transform: matrix3d(0.99846, 0, 0, 0, 0, 0.99846, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99846, 0, 0, 0, 0, 0.99846, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 86.666667% {
-webkit-transform: matrix3d(0.99931, 0, 0, 0, 0, 0.99931, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99931, 0, 0, 0, 0, 0.99931, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 90% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 93.333333% {
-webkit-transform: matrix3d(1.00042, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00042, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 96.666667% {
-webkit-transform: matrix3d(1.00056, 0, 0, 0, 0, 1.00056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00056, 0, 0, 0, 0, 1.00056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 100% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
}
 @media screen and (max-width: 600px) {
.pageNav, .pageNavBtn {
	display: none;
}
.first-section .onepage_page-wrapper::after {
    background: var(--logoLightURL) fixed no-repeat 15% 30px;
	-webkit-background-size: 200px 200px;
	background-size: 200px 200px;
}
.onepage_page-wrapper::after {
	background: transparent;
}
.onepage_page:after {
	background: transparent;
}
}
body.mce-content-body {
	padding: 1em .5em;
}
.mce-menu {
	box-shadow: 5px 5px 5px rgba(0, 0, 0, .25) !important;
}
#noJS {
	position: fixed;
	top: 0;
	right: 20px;
	z-index: 5;
	padding: 1em;
	width: 10em;
	background: var(--mainAccentColor, #c00);
	color: #fff;
	font-size: .9em;
	font-weight: 400;
}
#noJS a {
	color: #fff;
	text-decoration: underline;
}

/*  demo classes  */
div.demo {
	background: #f3f3f3;
	text-align: center;
	border: 1px solid #fff;
	padding: .5em 1em;
}
div.demoBox {
	background: #f6f6f6;
	border: 1px solid #ccc;
	border-radius: 15px;
	padding: .5em 1em;
	font-size: .9em;
	height: 100%;
	margin: 0 0 1em 0;
}

/*  others  */
.dlcounter_button {
	display: inline-block;
	padding: .25em .5em;
	margin: 1em .5em .5em 0;
	font-size: 1em;
	font-weight: 400;
	line-height: normal;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid var(--mainAccentColor, #c00);
	border-radius: .25em;
	background: var(--mainAccentColor, #c00);
	color: #fff;
}
.dlcounter_button:hover {
	border: 1px solid var(--mainAccentColor, #c00);
	background: #fff;
	color: var(--mainAccentColor, #c00);
}
.dlcounter_count {
	font-weight: 300;
	display: block;
	font-size: .85em;
}
button.dlcounter_button span:nth-child(1):before {
	content: "\f019\ ";
	font-family: "FontAwesome";
}