* {padding: 0;margin: 0;}
a:active,a:focus {outline: none;}
input,textarea {outline: none;}
input:active,textarea:active {outline: none;}
:focus {outline: none;}
a:hover {text-decoration: none;}
a {text-decoration: none;}
@font-face {
	src: url("../img/font/Raleway-ExtraBold.ttf");
	font-family: "Raleway";
}
html,body {
	box-sizing: border-box;
	height: 100%;
	width: auto;
	font-size: 100%;
	font-size: 16px;
	/* font-family: "Raleway"; */
}
.container-fluid{
	padding-left: 0;
	padding-right: 0;
}

/* ---------------------------  Burger ------------------------------------------ */

.visuallyHidden {
	position: absolute;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
}
.burger {
	z-index: 19;
	display: none;
	margin-right: 30px;
	align-items: center;
	
}
.hamburger {
	margin: 0 auto;
	/* margin-top: 6px; */
	width: 30px;
	height: 30px;
	position: relative;
	cursor: pointer;
}
.hamburger .bar {
	padding: 0;
	width: 30px;
	height: 4px;
	background-color: white;
	display: block;
	border-radius: 4px;
	transition: all 0.4s ease-in-out;
	position: absolute;
}
.bar1 {top: 0;}
.bar2,.bar3 {top: 13.5px;}
.bar3 {right: 0;}
.bar4 {bottom: 0;}

.checkbox2:checked + label > .hamburger > .bar1 {
	transform: translateX(40px);
	background-color: transparent;
}
.checkbox2:checked + label > .hamburger > .bar2 {
	transform: rotate(45deg);
}
.checkbox2:checked + label > .hamburger > .bar3 {
	transform: rotate(-45deg);
}
.checkbox2:checked + label > .hamburger > .bar4 {
	transform: translateX(-40px);
	background-color: transparent;
}

/* ----------------------------------- Cursor мигает for type ------------ */
.typed-cursor {
	opacity: 1;
	-webkit-animation: blink 0.7s infinite;
	-moz-animation: blink 0.7s infinite;
	animation: blink 0.7s infinite;
	color: white;
	font-size: 1.5rem;
}
@keyframes blink {
	0% {opacity: 1;}
	50% {opacity: 0;}
	100% {opacity: 1;}
}
@-webkit-keyframes blink {
	0% {opacity: 1;}
	50% {opacity: 0;}
	100% {opacity: 1;}
}
@-moz-keyframes blink {
	0% {opacity: 1;}
	50% {opacity: 0;}
	100% {opacity: 1;}
}
/* ----------------------------------------------- */
