@media (max-width: 600px) {
	body {
		zoom: 0.7;
	}
}

 body {

            font-family: 'Roboto', sans-serif;
            color: #333;
        }
		.line{
			border-top: 1px solid white;
			width: 40px;
			display: inline-block;
			position: relative;
			top: -4px;
			margin-right: 10px;
		}
		.logotype div{display:flex;}
		.logotype img{
			height: 77px;
		}
		  
		.bg-sales{
background: linear-gradient(180deg, #3D3D3D 0%, #838383 100%);

/*background: linear-gradient(90deg, #FFB200 0%, #FFB918 100%);*/

/*background: linear-gradient(143.34deg, #FDAC00 6.07%, #EEBC02 93.93%);*/

		}
		.bg-spare-parts,
        .gradient-bg {
            background: #FFB916;
        }
		
		.gradient-bg section::before {
			content: '';
			position: absolute;
			bottom: -10px;
			left: 0;
			width: 100%;
			height: 143px;
			background: linear-gradient(to bottom right, transparent 50%, white 51%) 0 0, linear-gradient(to bottom left, transparent 50%, white 51%) 0 0;
			background-size: 100%;
			background-repeat: repeat-x;
			margin-bottom: -12px;
		}
		.bg-effect-2{position:relative;padding-bottom:150px;}
		.bg-effect-2::after {
			content: '';
			position: absolute;
			bottom: -23px;
			left: 0;
			width: 100%;
			height: 221px;
			background-size: 100%;
			background-repeat: repeat-x;
			/* margin-bottom: -130px; */
			z-index: 1;
			transform: rotate(180deg);
			background: linear-gradient(143.34deg, #FDAC00 6.07%, #EEBC02 93.93%);
			mask: linear-gradient(to bottom right, transparent 49.5%, white 50.5%) 0 0, linear-gradient(to bottom left, transparent 49.5%, white 50.5%) 0 0;
			mask-size: 100% 100%;
			mask-repeat: no-repeat;
			transform: perspective(0px);
		}
        .light-bg {
            background: linear-gradient(143.34deg, #FDAC00 6.07%, #EEBC02 93.93%);
        }
        
        .dark-bg {
            background-color: #131313;
        }
        
        .yellow-bg {
            background-color: rgba(255,185,22,1);
        }
        
        .yellow-gradient {
            background: linear-gradient(rgba(255,178,0,1), rgba(255,185,24,1));
        }
        
        .section-title {
            font-family: 'Tektur', sans-serif;
            font-weight: 600;
            font-size: 40px;
            margin-bottom: 30px;
        }
        
        .card-title {
            font-family: 'Tektur', sans-serif;
            font-weight: 700;
            font-size: 24px;
        }
        
        .logo-text {
            font-family: 'Inter', sans-serif;
            font-weight: 900;
            font-size: 48px;
            color: white;
        }
        
        @media (max-width: 768px) {
            .logo-text {
                font-size: 36px;
            }
            
            .section-title {
                font-size: 32px;
            }
        }
        
        .service-card {
            height: 100%;
            box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
            border-radius: 10px;
            overflow: hidden;
            transition: transform 0.3s;
        }
        
        .service-card:hover {
            transform: translateY(-5px);
        }
        
        .service-card img {
            width: 100%;
            height: 180px;
            object-fit: cover;
        }
        
        .service-card .overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.4);
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            text-align: center;
            padding: 15px;
        }
        
        .product-card {
            border: 0.5px solid #797979;
            border-radius: 10px;
            overflow: hidden;
            height: 100%;
			background-color: #FFFFFF;
        }
        
        .product-card img {
            width: 100%;
            height: 265px;
            object-fit: cover;
			background-repeat:no-repeat;
			background-size:cover;
        }
		
        
        .btn-yellow {
            background: linear-gradient(rgba(255,178,0,1), rgba(255,185,24,1));
            border: none;
            border-radius: 10px;
            color: #000;
            font-weight: 600;
            padding: 10px 20px;
        }
        
        .btn-outline-dark {
            border: 1px solid #505050;
            border-radius: 10px;
            color: #505050;
            padding: 10px 20px;
        }
        
        .language-switcher {
            display: flex;
        }
        
        .lang-btn {
            padding: 5px 10px;
            border: 1px solid white;
            background: white;
            color: black;
            font-family: 'Inter', sans-serif;
            font-weight: 600;
            font-size: 12px;
        }
        
        .lang-btn:first-child {
            border-top-left-radius: 2px;
            border-bottom-left-radius: 2px;
        }
        
        .lang-btn:last-child {
            border-top-right-radius: 2px;
			border-bottom-right-radius: 2px;
		}
		.lang-btn:not(.active){
            background: transparent;
            color: #FFFFFF;
        }
        
        .phone-number {
            font-family: 'Inter', sans-serif;
            font-weight: 700;
            font-size: 16px;
            color: rgba(254,179,2,1);
        }
        
        .phone-icon {
            width: 9px;
            height: 9px;
            background: rgba(254,179,2,1);
            border-radius: 50%;
            display: inline-block;
            margin-right: 10px;
        }
        
        .blog-date {
            color: #ffffff;
            font-size: 14px;
        }
        
        .blog-title {
            font-family: 'Roboto', sans-serif;
            font-weight: 600;
            font-size: 32px;
            margin: 15px 0;
        }
        
        .blog-text {
            color: #505050;
            font-size: 14px;
        }
		.blog-title a{
			color:#000000;
			text-decoration:none;
		}
		.text-header{
			position: absolute;
			width: 336px;
			height: 32px;
			left: calc(50% - 336px/2 + 287px);
			top: -20px;

			font-family: 'Marck Script';
			font-style: normal;
			font-weight: 400;
			font-size: 26px;
			line-height: 32px;
			text-align: center;
			text-decoration-line: underline;

			color: #000000;

			transform: rotate(-7.25deg);
		}
		.header-circle-item {
			position: relative;
			display: flex;
			justify-content: center;
			align-items: center;
			cursor: pointer;
			transition: transform 0.3s ease;
			flex-shrink: 0;   
			width: 367px;
			height: 259px;
			margin-right: 10px;
			margin-left: 10px;
			margin-bottom: -20px;
		}
		.header-circle-item:nth-child(2),.header-circle-item:nth-child(5){
			width: 435px;
			height: 339px;
		}
		
		.header-circle-item > div:not(.header-image-circle,.header-outer-circle){
			    position: absolute;
				width: 100%;
				height: 100%;
				border-radius: 50%;
		}
		
		.header-outer-circle {
			position: absolute;
			width: 100%;
			height: 100%;
			border-radius: 50%;
			background: linear-gradient(180deg, #FF3532 0%, #520A07 100%);
			box-shadow: 0px 10px 7.3px rgba(143, 0, 0, 0.57);
			z-index: 1;
		}
		.header-image-circle,
		.header-circle-item img
		{
			position: absolute;
			width: 85%;
			height: 85%;
			border-radius: 50%;
			background-color: #2a2a2a;
			background-size: cover;
			background-position: center;
			border: 6px solid #FFFFFF;
			z-index: 2;
		}
		.header-overlay,
		.header-circle-item p{
			position: absolute;
			width: 100%;
			height: 100%;
			border-radius: 50%;
			background: rgba(0, 0, 0, 0.5);
			z-index: 3;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			padding: 10px;
			
		}
		.header-circle-item > div > img{
			top: 7%;
			left: 7%;
		}
		.header-circle-item > div > p{
			
		}
		.header-circle-item > span,
		.header-circle-item > div > span
		{
			content:'';
			position: absolute;
			top: 10%;
			left: 10%;
			width: 80%;
			height: 80%;
			border-radius: 50%;
			background: rgba(0, 0, 0, 0.5);
			z-index:3;
		}
		.header-circle-item > div > span{
		    top: 9%;
			left: 9%;
			width: 82%;
			height: 82%;
		}
		.header-circle-item p {
			position: absolute;
			width: 90%;
			top: 10%;
			height: 90%;
			border-radius: 50%;
			background: rgba(0, 0, 0, 0.5);
			z-index: 3;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			padding: 10px;
			font-family: 'Tektur';
			font-style: normal;
			font-weight: 700;
			font-size: 24px;
			line-height: 31px;
			text-transform: uppercase;
			color: #FFFFFF;
			flex-wrap: wrap;
			text-align: center;
			background: linear-gradient(98.17deg, #E39E06 0.77%, #FFD57B 30.16%, #E39E06 97.79%);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
			background-clip: text;
		}
		.header-circle-item p span {
			font-family: 'Tektur';
			font-style: normal;
			font-weight: 700;
			font-size: 15px;
			line-height: 20px;
			display: flex;
			align-items: center;
			text-align: center;
			text-transform: uppercase;
			color: #FFFFFF;
		}
		.header-circle-item:nth-child(2) p,.header-circle-item:nth-child(5) p {
			width: 81%;
			height: 81%;
		}
		.sphere-item{			
			width: 316px;
			height: 122px;
			filter: drop-shadow(1px 1px 8px rgba(0, 0, 0, 0.3));
			position:relative;
		}
		.sphere-item img{
			display:block;
			position:relative;
			width: 100%;
			height: 100%;
			background: url(image 59.png);
			border-radius: 10px;
		}
		.sphere-item p{
			position: absolute;
			top: 0;
			left: 0;
			padding: 10px;
			font-family: 'Tektur';
			font-style: normal;
			font-weight: 700;
			font-size: 24px;
			line-height: 31px;
			display: flex;
			width: 100%;
			height: 100%;
			align-items: center;
			text-transform: uppercase;
			color: #FFFFFF;
			flex-wrap: wrap;
			align-content: center;
			justify-content: center;
			text-align: center;
			background: rgba(0, 0, 0, 0.4);
		}
		.sphere-item span{
			font-family: 'Tektur';
			font-style: normal;
			font-weight: 700;
			font-size: 15px;
			line-height: 20px;
			display: flex;
			align-items: center;
			text-align: center;
			text-transform: uppercase;
			color: #FFFFFF;
		}
		.advantage-title{
			padding:2rem 0;
			font-family: 'Roboto';
			font-style: normal;
			font-weight: 600;
			font-size: 32px;
			line-height: 38px;
			text-align: center;
			color: #000000;
		}
        .advantage-item{
			width: 316px;
			height: 125px;
		}
		
		.container-mini{
			width:1000px;
			max-width:100%;
			margin:0 auto;
		}
        .advantage-item {
            text-align: center;
            margin-bottom: 30px;
			margin: 0 auto 15px;
			border-radius: 10px;
			position:relative;
        }
        
        .advantage-icon {/* Rectangle 428 */
			width: 96px;
			height: 82px;
			border-radius: 10px;
			opacity: 0.8;
			margin: 0 auto;
			margin-bottom: 10px;
        }
        .advantage-icon img{
			max-width: 100%;
			max-height: 100%;
			border-radius: 10px;
		}
        .advantage-text {
			height: 30px;
			font-family: 'Roboto';
			font-style: normal;
			font-weight: 500;
			font-size: 16px;
			line-height: 19px;
			text-align: center;
			color: #FFB916;
        }
        .advantage-text p{
			font-family: 'Tektur';
			font-style: normal;
			font-weight: 700;
			font-size: 15px;
			line-height: 20px;
			display: flex;
			align-items: center;
			text-align: center;
			text-transform: uppercase;
			color: #FFFFFF;
		}
		.blog-scroll{
			max-height:60vh;
			height: 1200px;
			min-height:600px;
			overflow-y:scroll;
			padding-right: 2rem;
			padding-left: 2rem;
			
		}
		.blog-item{
			border-bottom:0.5px solid #343434;
		}
		.blog-image img{max-width:100%; height:271px;}
		.blog-video > div{width:100%;}
		.blog-video .video-js{ width: auto !important;}
		.section-list{
			display: flex;
			flex-wrap: wrap;
			align-content: center;
			justify-content: center;
			align-items: center;
			gap: 10px;
		}
		.section-item a{
			height: 55px;
			border: 0.5px solid #000000;
			border-radius: 10px;
			font-family: 'Tektur';
			font-style: normal;
			font-weight: 700;
			font-size: 24px;
			line-height: 31px;
			display: flex;
			align-items: center;
			text-align: center;
			text-transform: uppercase;
			color: #000000;
			padding:0 2rem;
			background: linear-gradient(143.34deg, #FDAC00 6.07%, #EEBC02 93.93%);
		}
		.section-item a{
			text-transform: uppercase;
			text-decoration:none;
			color: #000000;
		}
        .application-card {
            border: 0.5px solid #797979;
            border-radius: 10px;
            box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.25);
            overflow: hidden;
            height: 100%;
			background: #FFFFFF;
        }
        .btn-aplication{
			width: 219px;
			height: 42px;
			background: linear-gradient(90deg, #FFB200 0%, #FFB918 100%);
			border-radius: 10px;
			font-family: 'Roboto';
			font-style: normal;
			font-weight: 600;
			font-size: 16px;
			line-height: 19px;
			color: #000000;
		}
        .application-card img {
            width: 100%;
            height: 190px;
            object-fit: cover;
        }
        
        .application-title {
            font-weight: 600;
            font-size: 18px;
            text-align: center;
            margin: 15px 0;
        }
        
        .footer {
            background: #131313;
            color: white;
            padding: 50px 0;
        }
        
        .order-call {
            transform: rotate(-90deg);
            position: fixed;
            right: -35px;
            top: 50%;
            z-index: 100;
            background: rgba(0,0,0,0.7);
            padding: 10px 15px;
            border-radius: 5px;
        }
        
        .order-call a {
            color: white;
            font-weight: 700;
            font-size: 14px;
            text-decoration: none;
        }
.btn-menu {
  position:relative;
  display:block;
  width: 80px;
  height: 80px;
  cursor: pointer;
  border-radius: 50%;
  border: none;
  outline: none;
}
.btn-menu span {
  position: absolute;
  width: 50px;
  height: 4px;
  top: 50%;
  left: 50%;
  background: #000000;
  border-radius: 2px;
  overflow: hidden;
  transition: all 0.3s linear;
}
.btn-menu span::before {
  content: "";
  position: absolute;
  width: 0;
  height: 100%;
  top: 0;
  right: 0;
  background: #000000;
  transition: all 0.3s linear;
}
.btn-menu span:nth-child(1) {
  animation: span-first-off 0.5s ease-in-out;
  animation-fill-mode: forwards;
}
.btn-menu span:nth-child(2) {
  animation: span-second-off 0.5s ease-in-out;
  animation-fill-mode: forwards;
}
.btn-menu span:nth-child(3) {
  animation: span-third-off 0.5s ease-in-out;
  animation-fill-mode: forwards;
  width: 40px;
  left: 35px;
}

.btn-menu.on:hover span::before {
  width: 100%;
  transition: all 0.3s linear;
}
.btn-menu.on span:nth-child(1) {
  animation: span-first-on 0.5s ease-in-out;
  animation-fill-mode: forwards;
}
.btn-menu.on span:nth-child(2) {
  animation: span-second-on 0.5s ease-in-out;
  animation-fill-mode: forwards;
}
.btn-menu.on span:nth-child(3) {
  animation: span-third-on 0.5s ease-in-out;
  animation-fill-mode: forwards;
  width: 50px;
  left: 40px;
}

@keyframes span-first-on {
  0% {
    transform: translate(-50%, -300%);
  }
  30% {
    transform: translate(-50%, -50%);
  }
  100% {
    transform: translate(-50%, -50%) rotate(-45deg);
  }
}
@keyframes span-first-off {
  0% {
    transform: translate(-50%, -50%) rotate(-45deg);
  }
  30% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -300%);
  }
}
@keyframes span-second-on {
  0% {
    transform: translate(-50%, -50%);
  }
  25% {
    background: gray;
  }
  50% {
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    transform: translate(-150%, -50%) scale(0);
  }
}
@keyframes span-second-off {
  0% {
    transform: translate(-150%, -50%) scale(0);
  }
  25% {
    background: gray;
  }
  50% {
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    transform: translate(-50%, -50%);
  }
}
@keyframes span-third-on {
  0% {
    transform: translate(-50%, 200%);
  }
  30% {
    transform: translate(-50%, -50%);
  }
  100% {
    transform: translate(-50%, -50%) rotate(45deg);
  }
}
@keyframes span-third-off {
  0% {
    transform: translate(-50%, -50%) rotate(45deg);
  }
  30% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, 200%);
  }
}
.contact-form .modal-content{
	background:#F2B701;
}
.contact-form .modal-dialog{
	width: 922px !important;
	max-width: 100% !important;
}
.contact-form .modal-body{
	padding:50px 140px;
}
.contact-form .close-modal{
    padding: 10px;
    background: white;
    z-index: 1111;
    position: absolute;
    right: 0;
    top: 0;
}
.contact-form .modal-title{color:#000000;}
.contact-form .modal-content{
	background:#F2B701;
}
.contact-form .modal-dialog{
	width: 922px !important;
	max-width: 100% !important;
}
.contact-form .modal-body{
	padding:50px 140px;
}
.contact-form .close-modal{
    padding: 10px;
    background: white;
    z-index: 1111;
    position: absolute;
    right: -1px;
    top: -1px;
}
.contact-form .close-modal:hover{
	background:#666;
	color:#FFFFFF
}
.contact-form .close-modal:hover svg line{stroke:white;}
.contact-form .modal-title{color:#000000;}
.contact-form {
}

.contact-form h2 {
    text-align: center;
    margin-bottom: 30px;
    color: #333;
}

.contact-form .form-group {
    margin-bottom: 20px;
    position: relative;
}

.contact-form .form-row {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
}

.contact-form .form-group-half {
    flex: 1;
    min-width: 0;
}

/* Стили для плавающих лейблов */
.contact-form .floating-label label,
.contact-form .floating-label-textarea label {
    position: absolute;
    left: 12px;
    background: white;
    padding: 0 5px;
    color: #666;
    font-weight: 400;
    transition: all 0.3s ease;
    pointer-events: none;
}

.contact-form .floating-label label {
    top: 50%;
    transform: translateY(-50%);
}

.contact-form .floating-label .form-control {
    padding: 16px 12px 4px 12px;
}

.contact-form .floating-label .form-control:focus + label,
.contact-form .floating-label .form-control:not(:placeholder-shown) + label {
    top: 2px;
    left: 8px;
    font-size: 12px;
    color: #666;
    transform: translateY(0);
}

.contact-form .floating-label-textarea label {
    top: 16px;
}

.contact-form .floating-label-textarea textarea {
    padding: 24px 12px 8px 12px;
    min-height: 100px;
    resize: vertical;
}

.contact-form .floating-label-textarea textarea:focus + label,
.contact-form .floating-label-textarea textarea:not(:placeholder-shown) + label {
    top: 2px;
    left: 8px;
    font-size: 12px;
    color: #666;
}

.contact-form .floating-label-select label {
    position: absolute;
    top: 8px;
    left: 8px;
    font-size: 12px;
    color: #666;
    background: white;
    padding: 0 5px;
    font-weight: 400;
    pointer-events: none;
}

.contact-form .floating-label-select select {
    padding: 16px 12px 4px 12px;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23333'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 16px;
}

/* Остальные стили остаются без изменений */
.contact-form .form-control {
    width: 100%;
    border: 2px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    transition: border-color 0.3s;
}

.contact-form .form-control:focus {
    outline: none;
    border-color: #666;
    box-shadow: 0 0 0 3px rgba(0,123,255,0.1);
}

.contact-form .form-check {
    display: flex;
    align-items: center;
    
    border-radius: 6px;
    transition: border-color 0.3s;
    margin-bottom: 20px;
}

.contact-form .form-check:hover {
    border-color: #666;
}

.contact-form .form-check-input {
    margin-right: 10px;
    width: 18px;
    height: 18px;
}

.contact-form .form-check-label {
    font-weight: normal;
    margin: 0;
}

.contact-form .form-check-label a {
    color: #666;
    text-decoration: none;
}

.contact-form .form-check-label a:hover {
    text-decoration: underline;
}

.contact-form .btn {
    width: 100%;
    padding: 15px;
    border: 1px solid #666;
    background: #666;
    color: white;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.3s;
}
.contact-form .form-check-input:checked {
    background-color: #666;
    border-color: #666;
}
.contact-form .btn:hover {
	background: #ffffff;
    color: #666;
}

@media (max-width: 768px) {
    .contact-form .form-row {
        flex-direction: column;
        gap: 20px;
    }
    
    .contact-form .form-group-half {
        width: 100%;
    }
    
    .contact-form .contact-form {
        padding: 20px;
        margin: 10px;
    }
	
}
.menu {
	width: 234px;
	height: 80px;
	opacity: 1;
	top: -40px;
	left:0;
	position: absolute;
	overflow: hidden;
	z-index:9;
  padding-left: 20px;
  padding-right: 20px;
}
.menu.active{
  width: 378px;
  height: 765px;
}
.menu.active::before{
	content:'';
	width: 378px;
	height: 713px;
	opacity: 1;
	top: 0;
	right:0;
	position: absolute;
	overflow: hidden;
	background:rgba(255,255,255,1);
}
.menu.active .btn-menu span {
  background: #000000;
}
.menu.active .btn-menu span::before {
  background: #000000;
}
.menu:not(.active) > div{display:none;} 
.menu.active > div{position:relative;} 
.contact-list p {
	color: rgba(54,54,54,1);
	font-family: Roboto;
	font-weight: Regular;
	font-size: 10px;
	opacity: 1;
	text-align: left;
}
.contact-list span{
	color: rgba(54, 54, 54, 1);
    font-family: Roboto;
    font-weight: Regular;
    font-size: 10px;
    opacity: 1;
    text-align: left;
}
footer ul{margin:0;padding:0;}
footer a{
	text-decoration:none;
	color: #CDCDCD;
}

 footer a:hover {
	 color: #CDCDCD;
 }

footer h4{
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 21px;
	text-transform: uppercase;
	color: #FFFFFF;
}
footer li,
footer li a{
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 16px;
	display: flex;
	align-items: center;
	text-transform: uppercase;
	color: #CDCDCD;
	padding-top:5px;
	padding-bottom:5px;
}
.footer-info > p{
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 14px;
	color: #CDCDCD;
}
/* Офис компании: */
.contact-list p{
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 14px;
	color: #FFFFFF;
}

.contact-list p span{
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 14px;
	color: #CDCDCD;
}
.socials li{
	display:inline-block;
}
.d-flex-block > div{
	display:flex;
	justify-content:space-between;
    text-align: center;
    width: 100%;
}
.order-block .section-title{
	border-bottom: 2px solid  #FFB916;
	width: fit-content;
}
header .menu-list ul{
	list-style: none;
  margin: 0;
  padding: 0;
}
header .menu-list ul li{
  margin-bottom: 10px;
}

header .menu-list ul li a::before{
	content:'';
	/*width:35px;*/
	height:4px;
	/*margin-right:10px;*/
}
header .menu-list ul li a:hover::before,
header .menu-list ul li.active a::before{
	border-top: 2px solid #000000;
}
header .menu-list ul li a{
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 16px;
	display: flex;
	align-items: center;
	text-transform: uppercase;
	color: #000000;
	text-decoration:none;
	padding:5px 0;
}
header .contact-list{
	margin-top: 10px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
  padding-top: 10px;
}
header .contact-list p{
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	color: #373737;
	margin-bottom:0.5rem;
}
header .contact-list p span{
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 14px;
	color: #000000;
}
header .socials ul{
	margin: 0;
    display: flex;
    justify-content: flex-start;
    padding: 0;
	margin-top:10px;
	margin-bottom:10px;
}
header .socials ul li{
	margin-right:5px;
}
header .socials ul img{
	width:26px;
	height:26px;
}
header .menu-phone p{
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 21px;
	color: #000000;
}
@media (max-width: 991px) {
	.text-header{
		left: calc(50% - 345px / 2 + 1px);
	}
	footer .copyright{flex-wrap: wrap;}
}