@font-face {
  font-family: 'Graphik';
  font-weight: 300;
  src: url('/fonts/Graphik-Light-Web.woff2') format('woff2'),
       url('/fonts/Graphik-Light-Web.woff') format('woff');
}
@font-face {
  font-family: 'Graphik';
  font-weight: 400;
  src: url('/fonts/Graphik-Regular-Web.woff2') format('woff2'),
       url('/fonts/Graphik-Regular-Web.woff') format('woff');
}
@font-face {
  font-family: 'Graphik';
  font-weight: 500;
  src: url('/fonts/Graphik-Medium-Web.woff2') format('woff2'),
       url('/fonts/Graphik-Medium-Web.woff') format('woff');
}
@font-face {
  font-family: 'Graphik';
  font-weight: 600;
  src: url('/fonts/Graphik-Semibold-Web.woff2') format('woff2'),
       url('/fonts/Graphik-Semibold-Web.woff') format('woff');
}
@font-face {
  font-family: 'Graphik';
  font-weight: 700;
  src: url('/fonts/Graphik-Bold-Web.woff2') format('woff2'),
       url('/fonts/Graphik-Bold-Web.woff') format('woff');
}

:root {
	--color1: #FDC531;
	--color2: #1B355E;
}
body {
	margin: 0px;
	font-family: 'Graphik';
	font-size  : 16px;
}
.center {
	max-width: 1280px;
	margin: 0px auto 0px auto;
}
@media (max-width: 767px) {
	.center {
		width : calc(100% - 40px);
	}
}
@media (min-width: 768px) {
	.center {
		width : calc(100% - 60px);
	}
}



@media (max-width: 1023px) {
	.header_wrap {
		position: relative;
		height: 128px;
		background: #FFFFFF;
		z-index: 100;
	}
	.header_wrap:after {
		content: '';
		position: absolute;
		bottom: 0px;
		left  : 0px;
		right : 0px;
		height: 48px;
		background: #F4F4F4;
		z-index: 1;
	}
	.header_cont {
		position: relative;
		height: 100%;
	}
	.header_cont .logo {
		position: absolute;
		top   : 20px;
		left  : 0px;
		width : auto;
		height: 40px;
	}


	.lang_menu {
		position: absolute;
		top   : 10px;
		right : 0px;
		margin : 0px;
		padding: 0px;
		list-style: none;
	}
	.lang_menu li {
		display: inline-block;
		margin : 0px;
		padding: 0px;
	}
	.lang_menu li:after {
		content: ' | ';
	}
	.lang_menu li:last-child:after {
		content: unset;
	}
	.lang_menu a {
		color: inherit;
		text-decoration: none;
	}
	.lang_menu span {
		font-weight: 600;
	}

	.mobile_ham {
		position: absolute;
		top   : 50px;
		right : 0px;
	}

	.webs_menu {
		display: flex;
		gap: 20px;
		align-items: center;
		justify-content: center;
		position: absolute;
		bottom: 0px;
		left  : 0px;
		right : 0px;
		height: 48px;
		margin : 0px;
		padding: 0px;
		list-style: none;
		z-index: 5;
	}
	.webs_menu li {
		margin : 0px;
		padding: 0px;
	}
	.webs_menu img {
		display: block;
		width : auto;
		height: 25px;
	}

	.main_menu {
		 visibility: hidden;
	}
	.menumob .main_menu {
		 visibility: visible;
	}

	.main_menu {
		visibility: hidden;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		gap: 20px;
		position: absolute;
		top   : 129px;
		left  : -20px;
		right : -20px;
		margin : 0px;
		padding: 50px 0px;
		list-style: none;
		background: #F4F4F4;
	}
	.menumob .main_menu {
		visibility: visible;
	}
	.main_menu li {
		margin : 0px;
		padding: 0px;
		font-size  : 15px;
		font-weight: 500;
		text-transform: uppercase;
	}
	.main_menu a {
		color: inherit;
		text-decoration: none;
	}
	.main_menu {
		opacity: 0;
		transition: opacity 250ms linear;
	}
	.menumob .main_menu {
		visibility: visible;
		opacity: 1;
	}
	.main_menu li {
		opacity: 0;
		transform: translateY(-25px);
		transition: opacity 250ms linear, transform 250ms linear;
	}
	.menumob .main_menu li {
		visibility: visible;
		opacity: 1;
		transform: translateY(0px);
	}
}
@media (min-width: 1024px) {
	.header_wrap {
		position: fixed;
		top   : 0px;
		left  : 0px;
		right : 0px;
		height: 128px;
		background: #FFFFFF;
		z-index: 100;
	}
	.header_wrap:after {
		content: '';
		position: absolute;
		bottom: 0px;
		left  : 0px;
		right : 0px;
		height: 48px;
		background: #F4F4F4;
		z-index: 1;
	}
	.header_cont {
		position: relative;
		height: 100%;
	}
	.header_cont .logo {
		position: absolute;
		top   : 20px;
		left  : 0px;
		width : auto;
		height: 60px;
	}

	.lang_menu {
		position: absolute;
		top   : 10px;
		right : 0px;
		margin : 0px;
		padding: 0px;
		list-style: none;
	}
	.lang_menu li {
		display: inline-block;
		margin : 0px;
		padding: 0px;
	}
	.lang_menu li:after {
		content: ' | ';
	}
	.lang_menu li:last-child:after {
		content: unset;
	}
	.lang_menu a {
		color: inherit;
		text-decoration: none;
	}
	.lang_menu span {
		font-weight: 600;
	}

	.mobile_ham {
		display: none;
	}

	.webs_menu {
		display: flex;
		gap: 20px;
		position: absolute;
		bottom: 58px;
		right : 0px;
		margin : 0px;
		padding: 0px;
		list-style: none;
	}
	.webs_menu li {
		margin : 0px;
		padding: 0px;
	}
	.webs_menu img {
		display: block;
		width : auto;
		height: 25px;
	}

	.main_menu {
		 display: flex;
		 gap: 20px;
		 justify-content: center;
		 position: absolute;
		 bottom: 0px;
		 left  : 0px;
		 right : 0px;
		 height: 48px;
		 margin: 0px;
		 padding: 8px 0px;
		 box-sizing: border-box;
		 font-weight: 600;
		 line-height: 32px;
		 list-style: none;
		 z-index: 2;
	}
	.main_menu li {
		margin : 0px;
		padding: 0px;
		font-size  : 15px;
		font-weight: 500;
		text-transform: uppercase;
	}
	.main_menu a {
		color: inherit;
		text-decoration: none;
	}

	.sticktrick {
		margin-top: 128px;
	}
}



.arrakis_slider {
	position: relative;
}
.arrakis_slider .wrapper {
	height: 100%;
	overflow: hidden;
}
.arrakis_slider[data-orientation="horiz"] .slides {
	display: flex;
	flex-flow: row;
	position: relative;
	height: 100%;
	will-change: transform;
}
.arrakis_slider[data-orientation="horiz"] .slide {
	flex-grow  : 0;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	width : 100%;
}
.arrakis_slider .prev,
.arrakis_slider .next {
	display: none;
}
.arrakis_slider .prev.active,
.arrakis_slider .next.active {
	display: block;
}

.home_slider {
	position: relative;
	overflow: hidden;
	contain: layout;
	aspect-ratio: 2.0;
}
@media (max-width: 1599px) {
	.home_slider {
	}
}
@media (min-width: 1600px) {
	.home_slider {
	}
}
.home_slider .wrapper {
	height: 100%;
}
.home_slider .slides {
	height: 100%;
}
.home_slider .slide {
	position: relative;
	display: block;
	width : 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
}
.home_slider .slide_bg {
	position: absolute;
	top   : 0%;
	left  : 0%;
	width : 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
}
@media(pointer: fine) {
	.home_slider .prev,
	.home_slider .next {
		position: absolute;
		top   : calc(50% - 24px);
		width : 48px;
		height: 48px;
		cursor: pointer;
		user-select: none;
	}
	.home_slider .prev {
		left  : 16px;
	}
	.home_slider .next {
		right : 16px;
	}
	.home_slider .prev.black {
	}
	.home_slider .next.black {
	}
	.home_slider .prev.white {
	}
	.home_slider .next.white {
	}
	.home_slider .prev svg,
	.home_slider .next svg {
		display: block;
	}
	.home_slider .prev circle,
	.home_slider .next circle {
		fill: var(--color2);
		transition: fill 250ms linear;
		cursor: pointer;
	}
	.home_slider .prev:hover circle,
	.home_slider .next:hover circle {
		fill: var(--color1);
	}
	.home_slider .prev path,
	.home_slider .next path {
		stroke: white;
	}
}
@media(pointer: coarse) {
	.home_slider .prev.active,
	.home_slider .next.active {
		display: none;
	}
}



a[name] {
	position: relative;
	top: -150px;
}
.block {
	margin: 100px auto;
}
.block h2 {
	position: relative;
	color: var(--color1);
	z-index: 2;
	margin : 0px 0px 20px 0px;
	color: var(--color1);
	font-size  : 32px;
	font-weight: 600;
}
.block h3 {
	margin : 0px 0px 20px 0px;
	color: var(--color2);
	font-size  : 24px;
	font-weight: 600;
}
.block p {
	margin : 0px 0px 20px 0px;
	font-size  : 16px;
	line-height: 24px;
}



.bgblur {
	position: relative;
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
}
.block_cont.bgblur {
	padding: 20px 40px;
	box-sizing: border-box;
}
.ourbrands .bgblur {
	background-image: url('/images/home-slider-04.jpg');
}
.whereweare .bgblur {
	background-image: url('/images/home-slider-01.jpg');
}
.somefigures .bgblur {
	background-image: url('/images/home-slider-05.jpg');
}
.contact .bgblur {
	background-image: url('/images/home-slider-06.webp');
}
@media (max-width: 767px) {
	.contact .block_cont.bgblur {
		padding: 20px 20px;
	}
}
.bgblur:before {
	position: absolute;
	top   : 0%;
	left  : 0px;
	right : 0px;
	height: 100%;
	background: rgba(255, 255, 255, 0.90);
	backdrop-filter: blur(10px);
	content: '';
	z-index: 1;
}



.aboutus,
.ourteam {
}
.aboutus_row,
.ourteam_row {
    display: grid;
    grid-gap: 40px;
    margin : 0px 0px 40px 0px;
}
.aboutus_row.solid,
.ourteam.solid {
    padding: 20px;
    background: #F4F4F4;
}
@media (max-width: 767px) {
	.aboutus_row,
	.ourteam_row {
		 grid-template-columns: minmax(1px, 1fr);
		 grid-template-rows: min-content 50vh;
	}
}
@media (min-width: 768px) {
	.aboutus_row,
	.ourteam_row {
   	 grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr);
	}
}
.aboutus_row:nth-child(2) .aboutus_text { order: 1; }
.aboutus_row:nth-child(2) .aboutus_pict { order: 2; }
.aboutus_row:nth-child(3) .aboutus_text { order: 2; }
.aboutus_row:nth-child(3) .aboutus_pict { order: 1; }
.ourteam_row:nth-child(2) .ourteam_text { order: 1; }
.ourteam_row:nth-child(2) .ourteam_pict { order: 2; }
.ourteam_row:nth-child(3) .ourteam_text { order: 2; }
.ourteam_row:nth-child(3) .ourteam_pict { order: 1; }
.aboutus_text,
.aboutus_pict,
.ourteam_text,
.ourteam_pict {
    position: relative;
}
.aboutus h2,
.ourteam h2 {
    margin: 0px 0px 20px 0px;
}
.aboutus h3,
.ourteam h3 {
    margin: 0px;
}
.aboutus p,
.ourteam p {
    margin: 10px 0px 0px 0px;
    line-height: 150%;
}
.aboutus img,
.ourteam img {
    position: absolute;
    inset: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}



.ourhistory {
	position: relative;
	padding: 50px 0px;
	background-image: url('/images/aboutus-timeline.png');
	background-size:  cover;
	background-attachment: fixed;
	background-position: left center;
}
.ourhistory:before {
	position: absolute;
	top   : 0%;
	left  : 0px;
	right : 0px;
	height: 100%;
	background: rgba(255, 255, 255, 0.90);
	content: '';
	z-index: 1;
}
.history_cont {
	position: relative;
	z-index: 5;
}
.history_cont h2 {
    margin: 0px 0px 0px 0px;
}
@media (max-width: 767px) {
	.history_cont {
		margin: 0px -20px 0px 0px;
	}
}
@media (min-width: 768px) {
}
.history_linex {
	position: absolute;
	top   : 0%;
	width : 2px;
	height: 100%;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='8' viewBox='0 0 4 4'%3E%3Crect width='2' height='4' fill='black'/%3E%3Crect x='2' y='2' width='2' height='2' fill='black'/%3E%3C/svg%3E");
	border-radius: 1px;
	z-index: 2;
}
.history_liner {
	position: absolute;
	top   : 0px;
	width : 2px;
	height: 0px;
	background: var(--color1);
	border-radius: 4px;
	transition: height 250ms linear;
	z-index: 3;
}
@media (max-width: 767px) {
	.history_linex {
		right: 23px;
	}
	.history_liner {
		right: 23px;
	}
}
@media (min-width: 768px) {
	.history_linex {
		left  : calc(50% - 1px);
	}
	.history_liner {
		left  : calc(50% - 1px);
	}
}
.history_dots {
	position: relative;
	margin : 52px 0px 0px 0px;
	padding: 50px 0px 25px 0px;
}
.history_dots:before {
	position: absolute;
	top   : -42px;
	width : 36px;
	height: 32px;
	background: url('images/chrono-x.png');
	content: '';
}
@media (max-width: 767px) {
	.history_dots {
		margin: -10px 0px 0px 0px;
	}
	.history_dots:before {
		 right: 5px;
	}
}
@media (min-width: 768px) {
	.history_dots:before {
		left  : calc(50% - 18px);
	}
}
.history_dot {
	position: relative;
	max-width: 400px;
	box-sizing: border-box;
	z-index: 4;
}
.history_dot:nth-child(odd) {
}
.history_dot:nth-child(even) {
}
@media (max-width: 767px) {
	.history_dot {
		width: auto;
	}
	.history_dot:nth-child(odd),
	.history_dot:nth-child(even) {
		 margin: 50px 23px 50px auto;
		 padding: 0px 40px 0px 0px;
		text-align: right;
	}
}
@media (min-width: 768px) {
	.history_dot {
		width: 50%;
	}
	.history_dot:nth-child(odd) {
		margin: 50px 50% 50px auto;
		padding: 0px 40px 0px 0px;
		text-align: right;
	}
	.history_dot:nth-child(even) {
		margin: 50px auto 50px 50%;
		padding: 0px 0px 0px 40px;
	}
}
.history_dot:first-child {
	margin-top   : 0px;
}
.history_dot:last-child {
	margin-bottom: 0px;
}
.history_dot:before {
	position: absolute;
	top   : -6px;
	width : 30px;
	height: 30px;
	background: var(--color2);
	border-radius: 32px;
	content: '';
}
@media (max-width: 767px) {
	.history_dot:nth-child(even):before,
	.history_dot:nth-child(odd):before {
		right : calc(-30px / 2);
	}
}
@media (min-width: 768px) {
	.history_dot:nth-child(even):before {
		left  : calc(-30px / 2);
	}
	.history_dot:nth-child(odd):before {
		right : calc(-30px / 2);
	}
}
.history_year {
	margin: 0px 0px 10px 0px;
	color: var(--color2);
	font-size  : 24px;
	font-weight: 600;
}
.history_event {
	margin: 0px;
	font-weight: 400;
	line-height: 24px;
}

.history_dot.active:before {
	background: var(--color1);
}
.history_event {
	opacity: 0.0;
	transform: translateY(50px);
	transition: transform 500ms ease-out, opacity 500ms linear;
	will-change: transform;
}
.history_dot.active .history_event {
	opacity: 1.0;
	transform: translateY(0px);
}
.history_event strong {
    font-weight: 500;
}



.sentence {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px 0px;
	box-sizing: border-box;
	background: #F4F4F4;
}
.sentence div {
}
.sentence p {
	margin : 0px;
	font-size  : 24px;
	font-weight: 600;
	text-align : center;
	text-wrap  : balance;
	line-height: 32px;
}
.sentence p:has(strong) {
	font-weight: 400;
}



.whereweare_wrap {
}
.whereweare_pict {
	position: relative;
	z-index: 5;
}
.whereweare_pict > img {
	display: block;
	width : 100%;
	height: auto;
}
@media (max-width: 767px) {
	.whereweare_ph {
		position: absolute;
		--icon-size  : 12px;
		--ball-size  : 20px;
		--coco-size  : 10px;
		--line-height: 25px;
		--timing: 650ms;
	}
	.ph4 {
		--line-height: 50px;
	}
}
@media (min-width: 768px) {
	.whereweare_ph {
		position: absolute;
		--icon-size  : 24px;
		--ball-size  : 32px;
		--coco-size  : 20px;
		--line-height: 90px;
		--timing: 650ms;
	}
	.ph5,
	.ph7,
	.ph8,
	.ph9 {
		--line-height: 45px;
	}
}
.whereweare_ph .dotbig {
	display: flex;
	align-items: center;
	justify-content: center;
	width : var(--ball-size);
	height: var(--ball-size);
	background: #FFFFFF;
	border: 2px solid var(--color1);
	border-radius: 40px;
}
.whereweare_ph .dotbig img {
	display: block;
	width : var(--icon-size);
	height: var(--icon-size);
}
.whereweare_ph .line {
	display: block;
	width : 2px;
	height: var(--line-height);
	margin: 0px auto;
	background: var(--color1);
}
.whereweare_ph .dotsml {
	display: block;
	width : 0px;
	height: 0px;
	margin: 0px auto;
	border: 6px solid var(--color1);
	border-radius: 40px;
}
.ph0 { bottom: 59.5%; left: calc(17.5% - var(--coco-size)); } .ph0 .line { height: 0px; }
.ph1 { bottom: 62.4%; left: calc(48.1% - var(--coco-size)); } .ph1 .line { height: 0px; }
.ph2 { bottom: 45.8%; left: calc(67.1% - var(--coco-size)); } .ph2 .line { height: 0px;  }
.ph3 { bottom: 53.0%; left: calc(25.2% - var(--coco-size)); } .ph3 .line { height: 0px; }
.ph4 { top   : 45.8%; left: calc(45.8% - var(--coco-size)); } .ph4 .line { height: 0px; }
.ph5 { top   : 41.0%; left: calc(50.5% - var(--coco-size)); } .ph5 .line { height: 0px; }
.ph6 { top   : 49.5%; left: calc(61.5% - var(--coco-size)); } .ph6 .line { height: 0px; }
.ph7 { top   : 42.0%; left: calc(45.5% - var(--coco-size)); } .ph7 .line { height: 0px; }
.ph8 { top   : 38.6%; left: calc(47.5% - var(--coco-size)); } .ph8 .line { height: 0px; }
.ph9 { bottom: 62.0%; left: calc(49.8% - var(--coco-size)); } .ph9 .line { height: 0px; }
.phA { top   : 40.6%; left: calc(52.5% - var(--coco-size)); } .phA .line { height: 0px; }

.whereweare_ph .dotbig { transform: scale(0); transform-origin: center bottom; transition: transform 325ms linear; transition-delay: var(--timing); }
.whereweare_ph .line   { height: 0px; transition: height var(--timing) linear; transition-delay: 0ms; }
.animate .whereweare_ph .dotbig { transform: scale(1); }
.animate .whereweare_ph .line   { height: var(--line-height); }
















.ourteam_list {
	display: grid;
	grid-gap: 40px 60px;
	margin : 0px 0px 40px 0px;
}
@media (max-width: 767px) {
	.ourteam_list {
		 grid-template-columns: 1fr;
	}
}
@media (min-width: 768px) {
	.ourteam_list {
		grid-template-columns: 1fr 1fr;
	}

}
.ourteam_card {
	position: relative;
}
.ourteam_card_pict {
	position: relative;
	background: #FFFFFF;
}

@media (max-width: 767px) {
	.ourteam_card_pict {
		padding-top: 75px;
	}
}
@media (min-width: 768px) {
}
.ourteam_card_pict img {
	display: block;
	margin: 0px 0px 0px auto;
    object-fit: contain;
    object-position: right;
}
.ourteam_card_tit {
	position: absolute;
	top   : 10px;
	left  : 10px;
	margin : 0px;
	padding: 0px 0px 0px 42px;
}
.ourteam_card_tit strong {
	display: block;
	margin : 4px 0px 2px 0px;
	padding: 0px 0px 4px 0px;
	font-size  : 20px;
	font-weight: 600;
	border-bottom: 1px solid var(--color1);
}
.ourteam_card_tit span {
	font-size  : 14px;
	font-weight: 600;
}
.ourteam_card_tit:before {
	position: absolute;
	top   : 0px;
	left  : 0px;
	width : 36px;
	height: 32px;
	background: url('images/card-x.png');
	content: '';
}
.ourteam_card_text {
}
.ourteam_card_text p {
	margin : 10px 10px 0px 10px;
	font-size  : 16px;
	line-height: 24px;
}

.ourteam_card_tit {
	opacity: 0;
	transform: translateY(15px);
	transition: transform 750ms linear, opacity 750ms linear;
}
.animate .ourteam_card_tit {
	opacity: 1;
	transform: translateY(0px);
}






.ourbrands_list {
	position: relative;
	display: grid;
	grid-gap: 40px;
	margin-bottom: 40px;
	z-index: 5;
}
@media (max-width: 767px) {
	.ourbrands_list {
		grid-template-columns: 1fr;
	}
}
@media (min-width: 768px) {
	.ourbrands_list {
		grid-template-columns: 1fr 1fr 1fr;
	}
}
.ourbrands_card {
	display: flex;
	flex-flow: column;
}
.ourbrands_logo {
	display: block;
	padding: 15% 20%;
}
.ourbrands_text {
	flex-grow: 1;
}
.ourbrands_text h3 {
	color: var(--color2);
	font-size  : 18px;
	font-weight: 600;
	text-align: center;
	text-wrap : balance;
}
.ourbrands_text p {
	font-weight: 400;
	line-height: 24px;
}
.ourbrands_link {
	position: relative;
	margin: 20px 0px 0px 0px;
	color: inherit;
	font-weight: 600;
	text-align: right;
	text-decoration: none;
	border-bottom: 1px solid var(--color2);
	overflow: hidden;
}
.ourbrands_link:hover {
	color: var(--color1);
}
.ourbrands_link span {
	display: block;
	transform: translateY(100%);
	transition: transform 500ms linear;
}
.animate .ourbrands_link span {
	transform: translateY(0%);
}



.figures_items {
	display: grid;
	grid-gap: 40px 20px;
	position: relative;
	text-align: center;
	text-wrap: balance;
	z-index: 5;
}
@media (max-width: 767px) {
	.figures_items {
		grid-template-columns: 1fr 1fr;
	}
}
@media (min-width: 768px) {
	.figures_items {
		grid-template-columns: 1fr 1fr 1fr;
	}
}
.figures_item {
	flex-grow  : 0;
	flex-shrink: 0;
	margin : 0px;
}
@media (max-width: 767px) {
	.figures_items {
		flex-wrap: wrap;
		margin: 100px 0px 0px 0px;
	}
	.figures_item {
		flex-basis: calc(33% - 15px);
	}
}
@media (min-width: 768px) {
	.figures_items {
		margin: 100px 0px;
	}
	.figures_item {
		flex-basis : 11.00%;
		flex-basis : 18.00%;
	}
}
.figures_items .ico {
	display: block;
	width : 64px;
	height: 64px;
	margin : 0px auto 10px auto;
	background-image: url('images/sprites-figures.svg');
}
.ico_fig1 { background-position: -6px -6px; }
.ico_fig2 { background-position: -70px -6px; }
.ico_fig3 { background-position: -134px -6px; }
.ico_fig4 { background-position: -198px -6px; }
.ico_fig5 { background-position: -264px -6px; }
.ico_fig6 { background-position: -328px -6px; }
.ico_fig7 { background-position: -392px -6px; }
.ico_fig8 { background-position: -456px -6px; }
.figures_num {
	display: block;
	margin : 0px 0px 0px 0px;
	font-size  : 32px;
	font-weight: 600;
	font-style : normal;
}
.figures_txt {
	display: block;
	height: 2em;
	font-weight: 400;
	line-height: 24px;
}

.figures_items {
	position: relative;
	max-width: 800px;
	margin: 50px auto 50px auto;
}
@media (max-width: 767px) {
}
@media (min-width: 768px) {
	.figures_items:before {
		position: absolute;
		top   : 50%;
		left  : 0px;
		right : 0px;
		height: 1px;
		background: var(--color1);
		content: '';
	}
}



.contact_wrap {
	display: grid;
	grid-gap: 40px;
	grid-template-columns: 2fr 1fr;
}
@media (max-width: 767px) {
	.contact_wrap {
		grid-template-columns: 1fr;
	}
}
@media (min-width: 768px) {
}
.contact_text {
	position: relative;
	z-index: 5;
}
.contact_text h3 {
	margin: 0px 0px 20px 0px;
	color: var(--color2);
	font-size  : 24px;
	font-weight: 600;
}
.contact_pict {
	position: relative;
	z-index: 5;
}
@media (max-width: 767px) {
	.contact_pict {
		display: block;
		position: relative;
		width : 100%;
		height: auto;
		margin-top: 30px;
		aspect-ratio: 1;
	}
}
@media (min-width: 768px) {
	.contact_pict {
		position: absolute;
		top   : 0px;
		right : 0px;
		width : 33%;
		height: 100%;
	}
}
@keyframes rotate-hue {
	0% {
		filter: hue-rotate(0deg);
	}
	100% {
		filter: hue-rotate(360deg);
	}
}



.form_form {
	display: block;
}
.form_form.hidden {
	display: none;
}
.form_fback {
	display: none;
}
.form_fback.shown {
	display: block;
}
.form_form > p {
/*	font-weight: 300; */
	line-height: 140%;
}
.form_fields {
	display: grid;
	grid-gap: 20px 40px;
}
@media (max-width: 767px) {
	.form_fields {
		grid-template-columns: 1fr;
	}
}
@media (min-width: 768px) {
	.form_fields {
		grid-template-columns: 1fr 1fr;
	}
}
.form_fields > p {
	margin: 0px;
}
.form_fields a {
	color: var(--color2);
}
.form_fields textarea,
.form_fields [type="text"],
.form_fields [type="email"],
.form_fields [type="phone"],
.form_fields select,
.form_fields option {
	width: 100%;
	font-family: inherit;
	font-size  : inherit;
	font-weight: inherit;
	padding: 0px 10px;
	box-sizing: border-box;
	line-height: 30px;
	border: 1px solid #DBDBDB;
	border-radius: 2px;
}
.form_fields textarea {
	height: 5em;
}
.form_field {
}
.form_field.pripol,
.form_field.captcha,
.form_field.action {
}
@media (max-width: 767px) {
	.g-recaptcha {
		width : max-content;
		margin : 0px auto;
	}
}
@media (min-width: 768px) {
}
.form_fields [type="checkbox"] + label {
	cursor: pointer;
	user-select: none;
}
.form_fields button {
	justify-self: baseline;
	padding: 0px 25px;
	color: #FFFFFF;
	line-height: 32px;
	text-transform: uppercase;
	letter-spacing: 1px;
	background: var(--color2);
	border: unset;
	cursor: pointer;
}
@media (max-width: 767px) {
	.form_fields button {
		width : 100%;
	}
}
@media (min-width: 768px) {
}
.form_fields button:hover {
	background: var(--color1);
}
button:focus,
button:disabled {
	background: #999999;
}
@media (max-width: 767px) {
}
@media (min-width: 768px) {
	.form_field.firstname {
		grid-row: 1 / 2;
		grid-column: 1 / 2;
	}
	.form_field.lastname {
		grid-row: 1 / 2;
		grid-column: 2 / 3;
	}
	.form_field.email {
		grid-row: 2 / 3;
		grid-column: 1 / 2;
	}
	.form_field.country {
		grid-row: 2 / 3;
		grid-column: 2 / 3;
	}
	.form_field.address {
		grid-row: 3 / 4;
		grid-column: 1 / 2;
	}
	.form_field.message {
		grid-row: 3 / 4;
		grid-column: 2 / 3;
	}
	.form_field.pripol,
	.form_field.captcha,
	.form_field.action {
		grid-column: span 2;
	}
}



.go_next {
	position: fixed;
	bottom: 10px;
	right : 10px;
	z-index: 100;
}



footer {
	padding: 5px 20px;
	background: var(--color1);
}
footer p {
	margin : 10px;
}