/* HEADER START / НАЧАЛО НАВИГАЦИОННОГО МЕНЮ */
.header {
	padding: 5px 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background-color: #ffffff;
	z-index: 5;
}

.header_container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0px 30px;

    display: flex;
	justify-content: space-between;
	align-items: center;
    height: 100px;
}

.header_logo { 
    font-family: 'Gilroy';
	font-weight: 900;

	font-size: calc(16px + 6 * (100vw / 1280));
	/*font-size: 18px;*/
	letter-spacing: 1px;
	display: flex;
	align-items: center;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;

	color: #00171F;
	transition: color 0.2s linear;
}

.header_logo:hover {
	color: #00A6FC;
	transition: color 0.2s linear;
}

.header_logo div { 
	margin-left: 70px;
}

.header_logo img { 
	height: 50px;
    position: absolute;
}

.menu_list > li {
    position: relative;
    margin: 0 0 0 20px;
    list-style-type: none;
	right: 100px;
	flex-wrap: wrap;
}

.menu_link {
    display: inline-block;
	vertical-align: top;
	position: relative;
    white-space: nowrap;
	padding: 0 5px;

    font-family: 'Geometria';
	font-weight: 700;
	text-decoration: none;
	font-style: normal;
    font-size: 20px;

	letter-spacing: 0.4px;
	cursor: pointer;

	align-items: center;
	text-align: center;

	color: #00171F;
	transition: color 0.2s linear;
}

.menu_link:hover {
	color: #00A6FC;
}

.menu_link:before, .menu_link:after {
	content: "";
	position: absolute;
	height: 3px;
	top: auto;
	right: 50%;
	bottom: -5px;
	left: 50%;
	background: #00A6FC;
	transition: .8s;
}

.menu_link:hover:before {
	left: 0;
}

.menu_link:hover:after {
	right: 0;
}

.menu_sub_list {
	position: absolute;
	top: 45px;
	right: 0;
	left: 0px;
	padding: 15px;
	width: 180px;
	background-color: #010511;
    list-style-type: none;
    border-radius: 30px;
	border: 1px solid #00A6FC;
}

.menu_sub_link {
    font-family: 'Geometria';
	font-weight: 700;
    white-space: nowrap;
	text-decoration: none;
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	letter-spacing: 1px;
	line-height: 30px;
	cursor: pointer;
	padding: 5px;

	align-items: center;
	text-align: left;

	color: #ffffff;
	transition: color 0.2s linear;
}

.menu_sub_link:hover {
	color: #00A6FC;
}

.menu_arrow {
	display: none;
}

.menu_icon {
	display: none;
}


/*                    */

body._pc .menu_list > li:hover  .menu_sub_list {
	opacity: 1;
	transform: translate(0px, 0px);
	visibility: visible;
	pointer-events: all;
}

body._touch .menu_list > li {
	display: flex;
	align-items: center;
}

body._touch .menu_arrow {
	display: block;
	width: 0;
	height: 0;
	margin-left: 5px;
	transition: transform 0.2s ease 0s;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 12px solid #00A6FC;
}


body._touch .menu_list > li._active .menu_sub_list {
	opacity: 1;
	transform: translate(0px, 0px);
	visibility: visible;
	pointer-events: all;
}

body._touch .menu_list > li._active .menu_arrow {
	transform: rotate(-180deg);
}

#btn--yp {
	box-sizing: content-box;
	position: fixed;
	z-index: 9;
	bottom: 1em;
	right: 1em;
	border: solid 1em transparent;
	width: 4.625em;
	height: 2.25em;
	font: 16px/ 1.25 trebuchet ms, sans-serif;
	text-indent: 200vw;
	text-shadow: none;
	filter: grayscale(1) drop-shadow(0 0 1px #ffffff);
	transition: .5s;
	white-space: nowrap;
}

#btn--yp:before {
	box-sizing: inherit;
	position: absolute;
	left: 0;
	bottom: 100%;
	margin: 1em -.5em;
	padding: .5em;
	width: 100%;
	border-radius: 5px;
	background: #ffffff;
	color: #00171F;
	text-align: center;
	text-decoration: none;
	text-indent: 0vw;
	white-space: normal;
	animation: float 1s ease-in-out infinite alternate;
	content: attr(data-txt);
}
  /*
  #btn--yp:hover, #btn--yp:focus {
	outline: none;
	filter: grayscale(0) drop-shadow(0 0 1px crimson);
  }
  */
@keyframes float {
	to {
	  transform: translateY(0.75em);
	}
}

#time {
	position: absolute;
	right: 100vw;
}

#time + label {
	--i: 0;
	--j: calc(1 - var(--i));
	display: grid;
	grid-gap: 0.5em 0.25em;
	overflow: hidden;
	padding: 0.5em;
	height: 2.0em;
	border-radius: 1.75em;
	background: #00171F;
	color: transparent;
	user-select: none;
	transition: 0.3s;
	cursor: pointer;
}

#time + label:before, #time + label:after {
	width: 2.0em;
	height: 2.0em;
	transition: inherit;
	content: "";
}

#time + label:before {
	transform-origin: 20% 20%;
	transform: translate(calc(var(--i) * (100% + 0.25em))) scale(calc(1 - var(--i) * 0.7));
	background: #00A6FC;
	--poly: polygon(44.13371% 12.96169%, 50% 0%, 55.86629% 12.96169%, 59.70571% 13.77778%, 63.4388% 14.99073%, 67.02464% 16.58726%, 79.38926% 9.54915%, 76.5165% 23.4835%, 79.14297% 26.40049%, 81.45015% 29.57604%, 83.41274% 32.97536%, 97.55283% 34.54915%, 87.03831% 44.13371%, 87.44861% 48.0374%, 87.44861% 51.9626%, 87.03831% 55.86629%, 97.55283% 65.45085%, 83.41274% 67.02464%, 81.45015% 70.42396%, 79.14297% 73.59951%, 76.5165% 76.5165%, 79.38926% 90.45085%, 67.02464% 83.41274%, 63.4388% 85.00927%, 59.70571% 86.22222%, 55.86629% 87.03831%, 50% 100%, 44.13371% 87.03831%, 40.29429% 86.22222%, 36.5612% 85.00927%, 32.97536% 83.41274%, 20.61074% 90.45085%, 23.4835% 76.5165%, 20.85703% 73.59951%, 18.54985% 70.42396%, 16.58726% 67.02464%, 2.44717% 65.45085%, 12.96169% 55.86629%, 12.55139% 51.9626%, 12.55139% 48.0374%, 12.96169% 44.13371%, 2.44717% 34.54915%, 16.58726% 32.97536%, 18.54985% 29.57604%, 20.85703% 26.40049%, 23.4835% 23.4835%, 20.61074% 9.54915%, 32.97536% 16.58726%, 36.5612% 14.99073%, 40.29429% 13.77778%);
	-webkit-clip-path: var(--poly);
	clip-path: var(--poly);
}
  
#time + label:after {
	grid-column: 2;
	border-radius: 50%;
	transform: translatey(calc(var(--i) * (-100% - 0.5em)));
	background: radial-gradient(circle at 19% 19%, rgba(255, 0, 0, 0) 41%, #ffffff 43%);
}

#time:checked + label {
	--i: 1;
}
/* HEADER END / КОНЕЦ НАВИГАЦИОННОГО МЕНЮ */