@font-face {
	 font-family: AsgardTrial;	
src:  url('../fonts/AsgardTrial.woff2') format('woff2');
font-weight: 400;
font-style: normal;
}
@font-face {
	 font-family: RFDewi-Bold;	
src:  url('../fonts/RFDewi-Bold.woff2') format('woff2');
font-weight: 400;
font-style: normal;
}
@font-face {
	 font-family: Inter-Italic;	
src:  url('../fonts/Inter-Italic.woff2') format('woff2');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Dewi';

src: url('../fonts/RFDewiExtended-Regular.woff2') format('woff2');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Dewi Bold';
src:  url('../fonts/RFDewiExtended-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}	

 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	 margin: 0;
	 padding: 0;
	 border: 0;
	 outline: 0;
	 font-size: 100%;
	 vertical-align: baseline;
	 background: transparent;
}
 body {
	 text-align: left;
	 font-family: 'Dewi', Arial, sans-serif;
	 background:  #131313;
	 color: #fff;
	 font-size: 20px;
	 box-sizing: border-box;
	 overflow-x: hidden;
}
button:active, button:focus {
  outline: none;
}
button::-moz-focus-inner {
  border: 0;
}
.header {
	width: 100%; 
	float: left;	
}
@media (max-width: 765px) {
	.header {
		position: relative;
		background:  #131313;
		z-index: 11;
		
	}
.header.fixed {
	position: fixed; 
	top:0; 
	left: 0;
	z-index: 11;
}
}
.header__list {
	display: flex;	
	align-items: center;	
	position: relative;	
}
 .wrapper {
	 max-width: 1200px;
	 margin: 0 auto;
	 padding: 0 10px;
}
@media (max-width: 1100px) {
	.header__list {
		padding-top: 10px;
		padding-bottom: 10px;
	}
}
@media (max-width: 765px) {
	.header__list {
		padding-top: 12px;
		padding-bottom: 12px;
	}
}
.header__list--item-burger {
	display: none;
	cursor:pointer;
}
@media (max-width: 1100px) {
	.header__list--item-burger {
		display: block;
		width: 60px;
	}
}
@media (max-width: 765px) {
	.header__list--item-burger {		
		width: calc(50% - 20px);
		z-index: 12;
		height: 44px;
	}
}
@media (max-width: 765px) {
	.header__list--item-burger span {	
		background: url('../images/menu-icon.svg') top left no-repeat;
		width: 44px;
		height: 44px;
		display: inline-block;
	}
	.header__list--item-burger.open span {		
		background: url('../images/close.svg') top left no-repeat;
		width: 18px;
		height: 18px;
		background-size: cover;
		margin-left: 10px;
		margin-top: 10px;
	}
}
.header__list--item-logo {
	width: 80px;
}

@media (max-width: 765px) {
	.header__list--item-logo {
		width: 30px;
		z-index: 12
	}
}
.header__list--item-logo a {
	display: block;
	background: url('../images/logo.svg') top left no-repeat;
	width: 40px;
	height: 48px;	
	background-size: cover;
}
@media (max-width: 765px) {
	.header__list--item-logo a {
		width: 30px; 
		height: 36px;
		background-size: cover;
	}
}
.header__desktop-menu {
	list-style: none;	
	width: calc(100% - 260px);
	height: 80px;
}
@media (max-width: 1100px) {
	.header__desktop-menu {
		display: none;
	}
}
.header__desktop-menu-item {
	float: left;
}
.header__desktop-menu-item--catalog{
	padding: 0 20px;
	line-height: 80px;
	cursor: pointer;
	font-size: 16px;
}
.header__desktop-menu-item a {
	display: block;	
	color: #fff;
	text-decoration: none;	
	padding: 0 20px;
	line-height: 80px;
	font-size: 16px;
}
.header__desktop-menu-item--catalog span {
	margin-left: 5px;
	width: 10px;
	height:10px;
	display: inline-block;
	background: url('../images/down-arrow.svg') center center no-repeat;
	transition: all ease-in 0.1s
}
.header__desktop-menu-item--catalog.active span {
	 transform: rotate(180deg);
	 transition: all ease-in 0.1s
}
.header__desktop-submenu {
	position: fixed;
	z-index: 11;
	width: 100%;	
	left: 0;
	top: 80px;
	background:  #131313;
	display: none;
	transition: all ease-in 0.3s
}
.header__desktop-menu-item--catalog.active .header__desktop-submenu{
	display: block;
	transition: all ease-in 0.3s
}
.header__desktop-submenu-container {
	display: flex;
	justify-content: space-between;	
	border-top: 1px solid #fff;		
	padding-top: 54px;
	margin-left: 100px;
}
.header__desktop-submenu-content {
	width: 68%;	
}
.header__desktop-submenu-content ul {
	list-style: none;
	display: grid; 
	grid-template-rows:  auto auto;
	grid-template-columns: 50% 50%;	
}
.header__desktop-submenu-content ul li {	
	padding-bottom: 40px;
	line-height: normal;
}
.header__desktop-submenu-content ul li a {
	
	font-size: 18px;
	line-height: normal;
	padding: 0;
	position: relative;
	display: inline;
}
.header__desktop-submenu-content ul li a:hover {
	font-family: 'Dewi Bold', Arial, sans-serif;
}
.header__desktop-submenu-content ul li a:hover:after {
	content: "";
	width: 100%;
	height: 2px;
	
	position: absolute;
	left: 0;
	bottom: -10px;
	display: block;
}
.header__desktop-submenu-img {
	width:32%
}
.header__desktop-submenu-img img{
	width: 100%;
	height: auto;
	padding: 0;
}
.header__icons-list {
	list-style: none;
	width: 180px;	
}
@media (max-width: 765px) {
	.header__icons-list {
		width: 30px;
		position: absolute;
		right: 0px;
	}
	
	.header__icons-list li:nth-child(2), 
	.header__icons-list li:nth-child(1){
		display: none;
	}
}
.header__icons-list li {
	float: left;
	padding: 0  0 0  36px;
}
@media (max-width: 1100px) {
	.header__icons-list li img{
		width: 40px;
		height: auto;		
	}
}
@media (max-width: 765px) {
.header__icons-list li {
		padding: 0;		
	}
	.header__icons-list li img{
		width: 30px;
		z-index: 12;
		position: relative
	}
}

/*               mobile menu   */
.header__mobile-menu {
	position: fixed;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;	
	background-color: #131313;	
	height: 100vh;
	
	display: none;
	
}
.header__mobile-menu-wrapper {
	padding: 0 16px;
}
@media (max-width: 765px) {
	.header__mobile-menu-wrapper {
	
	padding: 0 16px 0px 16px;
	overflow: auto;
	height: calc(100vh - 60px);
}
}
.header__mobile-menu-header {
	font-size: 24px;
	font-family:  'Dewi Bold', Arial, sans-serif;
	padding: 142px 0 42px 0;
}
@media (max-width: 765px) {
	.header__mobile-menu-header {
		padding-top: 78px;
		font-size: 18px;
	}
}
.header__mobile-submenu1 {
	list-style: none;
	
}
.header__mobile-submenu1 li a {
	color: var(--black-color);
	text-decoration: none;
	
	font-size: 20px;
	padding: 10px 0 10px 20px;
	display: block;
}
@media (max-width: 765px) {
	.header__mobile-submenu1 li a {
		font-size: 16px;
	}
}
.header__mobile-submenu2 {
	list-style: none;
	padding: 48px 0 35px 0;
}
@media (max-width: 765px) {
	.header__mobile-submenu2 {		
		padding: 18px 0 30px 0;
	}
}
.header__mobile-submenu2  li a {
	font-size: 18px;
	color: #fff;
	text-decoration: none;
	font-family:  'Dewi Bold', Arial, sans-serif;
	display: block;
	padding: 16px 0;
}
.main-container {
	width: 100%; 
	float:left; 
	padding: 90px 15px 30px 15px;
	box-sizing: border-box;
}
@media (max-width: 765px) {
	.main-container {
		padding: 50px 15px 50px 15px;
	}
}
.item {
	border: 2px solid #fff;
	border-radius: 40px;
	background: radial-gradient(50% 6536.03% at 50% 50%, rgba(255, 255, 255, 0.09) 0%, rgba(19, 19, 19, 0) 100%);	
	width: 100%;
	max-width: 792px;
	cursor: pointer;
	margin: 0 auto 42px auto;
	transition: all ease-in 0.3s
}
@media (max-width: 765px) {
	.item {
		margin: 0 auto 25px auto;
		max-width: 100%
	}
}
.item.active,
.item:hover {
	border: 2px solid #3FDF37;
	background: radial-gradient(47.19% 6620.64% at 50% 50%, rgba(63, 223, 55, 0.23) 0%, rgba(19, 19, 19, 0) 100%)
}
@media (max-width: 765px) {
	.item:hover {
		border: 2px solid #ffffff;
		background: radial-gradient(50% 6536.03% at 50% 50%, rgba(255, 255, 255, 0.09) 0%, rgba(19, 19, 19, 0) 100%);		
	}
	.item.active:hover {
	border: 2px solid #3FDF37;
	background: radial-gradient(47.19% 6620.64% at 50% 50%, rgba(63, 223, 55, 0.23) 0%, rgba(19, 19, 19, 0) 100%)
}
}
.item__header {
	font-family: AsgardTrial, Arial, sans-serif;
	font-size: 29px;
	line-height: 64px;
	text-align: center;
	transition: all ease-in 0.3s
}
@media (max-width: 765px) {
	.item__header {	
		font-size: 16px;
		line-height: normal;
		padding: 15px 0;
	}
}
.active .item__header,
.item:hover .item__header{
	color: #3FDF37;
	transition: all ease-in 0.3s
}
@media (max-width: 765px) {
	.item:hover .item__header{
		color: #ffffff;
	}
	.active .item__header:hover,
.active .item__header	{
		color: #3FDF37;
	}
	.active .item__header	{
		color: #3FDF37 !important;
	}
}
.item__text {
	padding:25px 30px 25px 30px;
	display: none;	
}
@media (max-width: 765px) {
	.item__text {
	padding:15px 20px 15px 20px;
	}
}

.item__text p,
.item__text ul {
	font-size: 21px;
	font-family: RFDewi-Bold, Arial, sans-serif;
}
@media (max-width: 765px) {
	.item__text p,
	.item__text ul {
		font-size: 16px;
	}
}
.item__text p {
	padding-bottom: 20px;
}
.item__text ul  {
	margin-left: 0px;
	list-style: none;
}
.item__text ul li {
	position: relative;
	padding-left: 30px;
}
.item__text ul li:before {
	position: absolute;
	content: "";
	width: 5px; 
	height: 5px;
	border-radius: 50%;
	background: #fff;
	top: 10px; 
	left: 12px;
}
.item__text ul li a {
	color: #fff
}
.item__text ul li span {
	color: #3FDF37
}
.item__text p a {
	color: #fff;
}
.item__link{
	display: block;
	background: #3FDF37;
	width: 254px;
	height: 45px;
	line-height: 45px;
	margin: 45px auto 35px auto;
	text-align: center;
	font-size: 24px;
	color: #131313;
	font-family: RFDewi-Bold, Arial, sans-serif;
	text-decoration: none;
}
@media (max-width: 765px) {
	.item__link{
		text-decoration: none;
		font-size: 16px;
		margin: 20px auto 15px auto;
		height: 30px;
		line-height: 30px;
	}
}
.item__info-text {
	font-family: Inter-Italic, Arial, sans-serif;
	font-size: 14px;
}
@media (max-width: 765px) {
	.item__info-text {
		font-size: 12px;
	}
}
.item__info-text2 {
	font-family: Inter-Italic, Arial, sans-serif;
	font-size: 18px;
}
@media (max-width: 765px) {
	.item__info-text2 {
		font-size: 14px;
	}
}