@font-face {
	font-family: 'Jost';
	font-style: normal;
	font-weight: 300;
	src: local(''),
		url('/assets/font/jost-v1-latin-300.woff2') format('woff2'),
		url('/assets/font/jost-v1-latin-300.woff') format('woff'),
		url('/assets/font/jost-v1-latin-300.ttf') format('truetype'),
		url('/assets/font/jost-v1-latin-300.svg#Jost') format('svg');
}
@font-face {
	font-family: 'Jost';
	font-style: normal;
	font-weight: 400;
	src: local(''),
		url('/assets/font/jost-v1-latin-regular.woff2') format('woff2'),
		url('/assets/font/jost-v1-latin-regular.woff') format('woff'),
		url('/assets/font/jost-v1-latin-regular.ttf') format('truetype'),
		url('/assets/font/jost-v1-latin-regular.svg#Jost') format('svg');
}
@font-face {
	font-family: 'Jost';
	font-style: normal;
	font-weight: 500;
	src: local(''),
		url('/assets/font/jost-v1-latin-500.woff2') format('woff2'),
		url('/assets/font/jost-v1-latin-500.woff') format('woff'),
		url('/assets/font/jost-v1-latin-500.ttf') format('truetype'),
		url('/assets/font/jost-v1-latin-500.svg#Jost') format('svg');
}
@font-face {
	font-family: 'Jost';
	font-style: normal;
	font-weight: 600;
	src: local(''),
		url('/assets/font/jost-v1-latin-600.woff2') format('woff2'),
		url('/assets/font/jost-v1-latin-600.woff') format('woff'),
		url('/assets/font/jost-v1-latin-600.ttf') format('truetype'),
		url('/assets/font/jost-v1-latin-600.svg#Jost') format('svg');
}




/**********************************************************************************************/




::selection {
	background: rgb( 240, 86, 86 );
	color: rgb( 22, 27, 41 );
}

*, ::after, ::before {
	box-sizing: border-box;
}

.clearfix:before, .clearfix:after{
	content:" ";
	display:table

}

.clearfix:after{
	clear:both

}




/**********************************************************************************************/




body {
	font-family: 'Jost', sans-serif;
	background-color: rgb( 243, 243, 243 );
	color: rgba( 22, 27, 41 );
	overflow-x: hidden;
	font-size: 18px;
	line-height: 24px;
	min-width: 320px;
	font-weight: 400;
	margin: 0;
}
body.bdy-fxd {
	overflow: hidden;
}
img, svg {
	vertical-align: middle;
}
ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
li {
	display: inline-block;
}
p {
	margin: 0;
}
a {
	outline: none;
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
	transition: all 0.2s ease-in-out;
}
button {
	font:inherit;
	outline: none;
	border: none;
	background-color: inherit;
	-webkit-tap-highlight-color: transparent;
	transition: all 0.2s ease-in-out;
	cursor: pointer;
	padding: 0;
	margin: 0;
}
section {
	 display: block;
}
h1{
	color: rgb( 22, 27, 41 );
	font-size: 64px;
	line-height: 68px;
	margin: 0;
	font-weight: 600;
	letter-spacing: -1px;
}
h2 {
	color: rgb( 22, 27, 41 );
	font-size: 42px;
	line-height: 48px;
	margin: 0;
	font-weight: 500;
}
h3 {
	color: rgb( 22, 27, 41 );
	font-size: 24px;
	line-height: 32px;
	margin: 0;
	font-weight: 500;
}
h4 {
	color: rgb( 240, 86, 86 );
	font-weight: 600;
	font-size: 14px;
	line-height: 16px;
	margin: 0;
}

@media screen and ( max-width: 1200px ) { 
	h1 {
		font-size: 56px;
		line-height: 60px;
		letter-spacing: -1.5px;
	}
	h2 {
		font-size: 38px;
		line-height: 44px;
	}
}
@media screen and ( max-width: 992px ) { 
	h1 {
		font-size: 48px;
		line-height: 52px;
		letter-spacing: -1px;
	}
	h2 {
		font-size: 34px;
		line-height: 40px;
	}
}
@media screen and ( max-width: 768px ) { 
	h1 {
		font-size: 38px;
		line-height: 40px;
		letter-spacing: -0.5px;
	}
	h3 {
		font-size: 20px;
		line-height: 24px;
		letter-spacing: 0;
	
	}
}




/***********************************************************************************************/




.svg-blk {
	fill: rgb( 22, 27, 41 );
}
.svg-clr {
	fill: rgb( 240, 86, 86 );
}
.svg-wht {
	fill: rgb( 255, 255, 255 );
}

.btn-blu {
	display: inline-block;
	background-color: rgb( 240, 86, 86 );
	color: rgb( 255, 255, 255 );
	padding: 0 32px;
	font-size: 18px;
	line-height: 56px;
	font-weight: 500;
	outline: none;
	-webkit-tap-highlight-color: transparent;
	border-radius: 8px;
	box-shadow: 
		0 5px 5px -15px rgba( 240, 86, 86,.3), 
		0 10px 10px -15px rgba( 240, 86, 86,.3), 
		0 20px 20px -15px rgba( 240, 86, 86,.3), 
		0 40px 40px -15px rgba( 240, 86, 86,.3), 
		0 50px 50px -20px rgba( 240, 86, 86,.3), 
		0 70px 70px -25px rgba( 240, 86, 86,.3);
}
.knj-max {
	max-width: 1296px;
	padding: 0 48px;
	margin: auto;
}
.knj-cnt {
	padding: 128px 0;
}
.knj-cnt h3 {
	margin: 16px 0;
}
.knj-cnt h4 {
	margin-bottom: 16px;
}
.p-spc {
	 margin: 40px 0;
}

@media screen and ( max-width: 1200px ) { 
	.knj-cnt {
		padding: 96px 0;
	}
	.p-spc {
		margin: 32px 0;
	}
	.btn-blu {
		line-height: 56px;
	}
	.knj-cnt h4 {
		margin-bottom: 8px;
	}
}
@media screen and ( max-width: 992px ) { 
	.knj-cnt {
		padding: 64px 0;
	}
}
@media screen and ( max-width: 768px ) { 
	.p-spc {
		margin: 24px 0;
	}
}
@media screen and ( max-width: 480px ) { 
	.knj-cnt{
		padding: 48px 0;
	}
	.knj-max {
		padding: 0 24px;
	}
}




/***********************************************************************************************/




#knj-hdr {
	display:block;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 2;
	background-color: rgb( 243, 243, 243 );
	box-shadow: inset 0 0 0 rgb( 255, 255, 255 );
	padding: 12px 0;
	transition: all 0.25s;
}
#knj-hdr.clr-chg {
	background-color: rgb( 255, 255, 255 );
	box-shadow:  inset 0 -1px 0 rgb( 243, 243, 243 );
}
#knj-hdr .hdr-max {
	max-width: 1600px;
	margin: auto;
	padding: 0 24px;
}
#knj-hdr .hdr-log {
	float: left;
}
#knj-hdr .hdr-log svg {
	width: 120px;
	height: 32px;
	margin: 4px 0;
	float: left;
}
#knj-hdr .hdr-btn {
	background-color: rgb( 22, 27, 41 );
	border-radius: 8px;
	text-align: center;
	line-height: 40px;
	font-weight: 500;
	font-size: 16px;
	color: rgb( 255, 255, 255 );
	float: right;
	width: 120px;
}
#knj-hdr .hdr-btn:hover {
	background-color: rgb( 240, 86, 86 );
}
#knj-hdr ul {
	text-align: center;
}
#knj-hdr ul a {
	font-size: 16px;
	color: rgb( 22, 27, 41 );
	line-height: 40px;
	display: block;
	padding: 0 24px;
	font-weight: 500;
}
#knj-hdr ul a:hover {
	color: rgb( 240, 86, 86 );
}


#hdr-mnu {
	 display: none;
	 float: right;
	 padding: 8px;
	 position: fixed;
	 z-index: 4;
	 right: 24px;
	 top: 12px;
	 background-color: transparent;
}
#hdr-mnu svg {
	height: 24px;
	width: 24px;
	display: block;
	opacity: 1;
	transition: opacity 0.25s;
}
#hdr-mnu svg.mnu-svg {
	opacity: 0;
	 position: absolute;
	 top: 8px;
}
#hdr-mnu.mnu-shw svg {
	opacity: 0;
}
#hdr-mnu.mnu-shw svg.mnu-svg {
	opacity: 1;
}
@media screen and ( max-width: 992px ) { 
	#knj-hdr ul a {
		padding: 0 16px;
	}
}
@media screen and ( max-width: 768px ) { 
	#knj-hdr .hdr-btn {
		display: none;
	}
	#knj-hdr ul {
		display: none;
	}
	#hdr-mnu {
		display: block;
	}
}




/***********************************************************************************************/




#knj-mnu {
	position: fixed;
	 background-color: rgb( 240, 86, 86 );
	 color: rgb( 255, 255, 255 );
	 font-size: 14px;
	 z-index: 3;
	 display: none;
	 height: 100%;
	 width: 100%;
	 overflow: auto;
	 font-weight: 400;
}
#knj-mnu .mnu-mid {
	display: table;
	 width: 100%;
	 text-align: center;
	 height: 100%;
	 padding: 24px 0;
}
#knj-mnu .mnu-tbl {
	 display: table-cell;
	 vertical-align: middle;
}
#knj-mnu .mnu-mid li {
	display: block;
}
#knj-mnu .mnu-rsi {
	margin-top: 24px;
}
#knj-mnu .mnu-rsi li {
	display: inline-block;
}
#knj-mnu svg {
	width: 24px;
	height: 24px;
}
#knj-mnu a {
	display: block;
	color: rgb( 255, 255, 255 );
	 padding: 12px;
	 font-size: 18px;
	 font-weight: 400;
}




/***********************************************************************************************/




#knj-bnr {
	padding-top: 64px;
}
#knj-bnr .knj-max {
	display: table;
	padding-right: 0;
}
#knj-bnr .bnr-lft {
	 display: table-cell;
	width: 50%;
}
#knj-bnr .bnr-rgt {
	width: 50%;
	 display: table-cell;
	 position: relative;
}
#knj-bnr h4 {
	color: rgb( 22, 27, 41 );
}
#knj-bnr p {
	padding-right: 16%;
}
#knj-bnr span {
	position: relative;
	padding-right: 72px;
}
#knj-bnr span svg {
	height: 24px;
	width: 24px;
	position: absolute;
	right: 32px;
	top: 14px;
}

#knj-bnr span svg.svg-dwn {
	display: none;
}

@media screen and ( max-width: 1200px ) { 
	#knj-bnr span svg {
		top: 15px;
	}
}
@media screen and ( max-width: 768px ) { 
	#knj-bnr .knj-max {
		display: block;
		padding: 0 48px;
	}
	#knj-bnr .bnr-lft {
		padding-top: 48px;
		padding-bottom: 0;
		text-align: center;
		width: 100%;
		display: block;
	}
	#knj-bnr .bnr-rgt{
		width: 100%;
		display: block;
		height: 300px;
	}
	#knj-bnr p {
		padding: 0 8%;
	}
	#knj-bnr span svg {
		display: none;
	}
	#knj-bnr span svg.svg-dwn {
		display: block;
	}
}

@media screen and ( max-width: 480px ) { 
	#knj-bnr .bnr-lft{
		padding-top: 24px;
	}
	#knj-bnr .bnr-rgt{
		height: 240px;
	}
	#knj-bnr .knj-max {
		padding: 0 24px;
	}
	#knj-bnr p {
		padding: 0;
	}
}




/***********************************************************************************************/




.knj-gry {
	background-color: rgb( 255, 255, 255 );
	text-align: center;
}
.knj-gry .knj-max {
	padding: 0 16px;
}
.knj-gry .knj-tri {
	width: 33.33%;
	padding: 0 32px;
	float: left;
	margin-top: 64px;
}
.knj-gry svg {
	height: 72px;
	width: 72px;
}
.knj-gry .btn-blu {
	margin-top: 64px;
}

@media screen and ( max-width: 1200px ) { 
	.knj-gry .btn-blu {
		margin-top: 56px;
	}
	.knj-gry .knj-tri {
		margin-top: 56px;
	}
}
@media screen and ( max-width: 992px ) { 
	.knj-gry .knj-tri {
		padding: 0 24px;
	}
}
@media screen and ( max-width: 768px ) { 
	.knj-gry .knj-tri {
		width: 100%;
		padding: 0 15%;
		margin-top: 48px;
	}
	.knj-gry .btn-blu {
		margin-top: 48px;
	}
}
@media screen and ( max-width: 480px ) { 
	.knj-gry .btn-blu {
		margin-top: 40px;
	}
	.knj-gry .knj-tri {
		width: 100%;
		padding: 0 5%;
		margin-top: 40px;
	}
	.knj-gry svg {
		width: 64px;
		height: 64px;
	}
}




/***********************************************************************************************/




#knj-bnf p {
	padding-right: 10%; 
}

#knj-bnf li{
	display: block;
	margin-top: 16px;
}

#knj-bnf .knj-max {
	display: table;
}

#knj-bnf .knj-lft {
	 width: 60%;
	 padding-right: 5%;
	 display: table-cell;
	 vertical-align: middle;
}

#knj-bnf .knj-lft svg {
	width: 16px;
	height: 16px;
	margin: 4px 16px 4px 0;
	float: left;
}

#knj-bnf .knj-rgt {
	 width: 40%;
	 display: table-cell;
	 vertical-align: middle;
	 text-align: right;
}

#knj-bnf .knj-rgt svg {
	 width: 78%;
	 height: auto;
}

@media screen and ( max-width: 1200px ) { 
	#knj-bnf .knj-rgt svg {
		width: 86%;
	}
}
@media screen and ( max-width: 992px ) { 
	#knj-bnf .knj-rgt svg {
		width: 100%;
	}
}
@media screen and ( max-width: 768px ) { 
	#knj-bnf p{
		padding: 0;
	}
	#knj-bnf .knj-max {
		display: block;
	}
	#knj-bnf .knj-lft {
		width: 100%;
		display: block;
		padding: 0;
	}
	#knj-bnf .knj-rgt{
		width: 100%;
		display: block;
		text-align: center;
	}
	#knj-bnf .knj-rgt svg {
		width: 200px;
	}
	#knj-bnf ul {
		margin-bottom: 32px;
	}
}
@media screen and ( max-width: 480px ) { 
	#knj-bnf {
		text-align: center;
	}
	#knj-bnf .knj-lft svg {
		float: none;
	}
	#knj-bnf .knj-rgt svg {
		width: 160px;
	}
}




/***********************************************************************************************/



#knj-ctc {
	background-color: rgb( 22, 27, 41 );
	color: rgb( 255, 255, 255 );
	font-weight: 300;
}
#knj-ctc .knj-lft {
	float: left;
	width: 45%;
}
#knj-ctc .knj-rgt {
	float: right;
	width: 45%;
}
#knj-ctc h2 {
	color: rgb( 255, 255, 255 );
}
#knj-ctc h4 {
	font-weight: 500;
}
#knj-ctc p {
	padding-right: 48px; 
}
#knj-ctc p + p + p {
	margin-top: 40px; 
}
#knj-ctc span {
	color: rgb( 255, 255, 255 );
	font-weight: 500;
}
#knj-ctc ul {
	float: left; 
}
#knj-ctc li {
	float: left;
	margin-bottom: 24px;
	width: 45%;
}
#knj-ctc li.ctc-one {
	width: 100%;
}
#knj-ctc li.ctc-two {
	width: 60%;
}
#knj-ctc li.ctc-tri {
	float: right;
	width: 35%;
}
#knj-ctc label {
	font-size: 16px;
	display: block;
	margin-bottom: 8px; 
}
#knj-ctc input {
	color: inherit;
	font:inherit;
	font-size: 16px;
	width: 100%;
	background-color: rgba( 255, 255, 255, 0.06 );
	border-radius: 8px;
	line-height: 24px;
	outline: none;
	padding: 12px;
	display: block;
	border: none;
	box-shadow: inset 0 0 0 1px rgba( 255, 255, 255, 0 );
}
#knj-ctc input:focus {
	box-shadow: inset 0 0 0 1px rgb( 240, 86, 86 );
}
#knj-ctc textarea {
	color: inherit;
	font:inherit;
	font-size: 16px;
	height: 96px;
	resize: none;
	width: 100%;
	background-color: rgba( 255, 255, 255, 0.06 );
	border-radius: 8px;
	line-height: 20px;
	outline: none;
	padding: 12px;
	display: block;
	border: none;
	box-shadow: inset 0 0 0 1px rgba( 255, 255, 255, 0 );
}
#knj-ctc textarea:focus {
	box-shadow: inset 0 0 0 1px rgb( 240, 86, 86 );
}

@media screen and ( max-width: 1200px ) { 
	#knj-ctc .knj-rgt {
		width: 50%;
	}
}
@media screen and ( max-width: 992px ) { 
	#knj-ctc p + p + p {
		margin-top: 32px; 
	}
}
@media screen and ( max-width: 768px ) { 
	#knj-ctc .knj-lft {
		width: 100%;
	}
	#knj-ctc p{
		padding: 0;
	}
	#knj-ctc p + p {
		margin: 0;
		width: 50%;
		float: left;
	}
	#knj-ctc p + p + p{
		margin: 0;
	}
	#knj-ctc .knj-rgt {
		text-align: center;
		margin-top: 24px;
		width: 100%;
	}
	#knj-ctc ul {
		text-align: left;
	}
}
@media screen and ( max-width: 480px ) { 
	#knj-ctc {
		text-align: center;
	}
	#knj-ctc p + p {
		width: 100%;
	}
	#knj-ctc p + p + p {
		margin-top: 24px;
	}
	#knj-ctc li.ctc-two {
		width: 100%;
	}
	#knj-ctc li.ctc-tri {
		width: 100%;
	}
}




/***********************************************************************************************/


#knj-top {
	 position: fixed;
	 right: 24px;
	 bottom: 12px;
	 z-index: 2;
	 opacity: 0;
	 transition: opacity 0.2s ease-in-out;
	 pointer-events: none;
}
#knj-top.top-shw {
	 opacity: 1;
	 pointer-events: all;
}
#knj-top svg {
	 background-color: rgb( 240, 86, 86 );
	 padding: 16px;
	 border-radius: 8px;
	 width: 48px;
	 height: 48px;
}




/***********************************************************************************************/




footer {
	background-color: rgb( 255, 255, 255 );
	display:block;
	font-size: 14px;
	padding: 48px 0;
}
footer ul {
	width: 100%;
}
footer ul a {
	display: inline-block;
	color: rgb( 22, 27, 41 );
}
footer ul a:hover {
	color: rgb( 22, 27, 41 );
}
footer .lst-spc {
	float: right;
	margin-left: 16px;
}
footer .lst-spc a {
	float: left;
}
footer .lst-dsh:before {
	 content: "|";
	 padding: 0 8px;
}
footer svg {
	display: block;
	height: 24px;
	width: 24px;
}

@media screen and ( max-width: 768px ) {
	footer {
		text-align: center;
	}
	footer .knj-max {
		padding: 0;
	}
	footer .ftr-lgl {
		width: 100%;
		margin-bottom: 16px;
	}
	footer .lst-spc {
		float: none;
	}
	footer .lst-dsh.ftr-hde:before {
		content: "";
		padding: 0;
	}
	footer .lst-spc.ftr-hde {
		margin: 0;
	}
}
@media screen and ( max-width: 480px ) {
	footer {
		padding: 24px 0;
	}
}
#test1 {
    position: fixed;
    bottom: 16px;
    left: 49%;
    z-index: 7;
    padding: 4px 16px;
    background-color: rgb(200 200 200);
}