@charset "utf-8";

/* CSS Document */

/* The main page */

   .hero-section {

            background: linear-gradient(rgba(0, 86, 179, 0.9), rgba(0, 86, 179, 0.7)), 

                        url('https://images.unsplash.com/photo-1556909114-f6e7ad7d3136?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80');

            background-size: cover;

            background-position: center;

            color: white;

            padding: 120px 0 80px;

            margin-bottom: 0;

        }

        

        .section-title {

            position: relative;

            padding-bottom: 15px;

            margin-bottom: 40px;

            font-weight: 700;

        }

        

        .section-title:after {

            content: '';

            position: absolute;

            bottom: 0;

            left: 0;

            width: 60px;

            height: 3px;

            background: var(--primary-color);

        }

        

        .industry-card {

            transition: transform 0.3s, box-shadow 0.3s;

            border: none;

            border-radius: 12px;

            overflow: hidden;

            height: 100%;

            background: white;

            box-shadow: 0 5px 15px rgba(0,0,0,0.05);

        }

        

        .industry-card:hover {

            transform: translateY(-10px);

            box-shadow: 0 15px 30px rgba(0,0,0,0.1);

        }

        

        .industry-icon {

            width: 80px;

            height: 80px;

            background: var(--primary-color);

            border-radius: 50%;

            display: flex;

            align-items: center;

            justify-content: center;

            margin: 0 auto 20px;

        }

        

        .equipment-card {

            border: 1px solid #e9ecef;

            border-radius: 10px;

            overflow: hidden;

            transition: all 0.3s;

            height: 100%;

        }

        

        .equipment-card:hover {

            border-color: var(--primary-color);

            box-shadow: 0 10px 20px rgba(0,0,0,0.08);

        }

        

        .equipment-img {

            height: 200px;

            object-fit: cover;

            background-color: #f8f9fa;

        }

        

        .advantage-icon {

            width: 60px;

            height: 60px;

            background: rgba(0, 86, 179, 0.1);

            border-radius: 12px;

            display: flex;

            align-items: center;

            justify-content: center;

            margin-bottom: 20px;

        }

        

        .btn-primary {

            background-color: var(--primary-color);

            border-color: var(--primary-color);

            padding: 12px 30px;

            font-weight: 600;

            border-radius: 8px;

        }

        

        .btn-primary:hover {

            background-color: #004494;

            border-color: #004494;

            transform: translateY(-2px);

            transition: all 0.3s;

        }

        

        .btn-outline-primary {

            color: var(--primary-color);

            border-color: var(--primary-color);

            padding: 12px 30px;

            font-weight: 600;

            border-radius: 8px;

        }

        

        .btn-outline-primary:hover {

            background-color: var(--primary-color);

            color: white;

            transform: translateY(-2px);

            transition: all 0.3s;

        }

        

        .stat-number {

            font-size: 3rem;

            font-weight: 800;

            color: var(--primary-color);

            line-height: 1;

        }

        

        .contact-form {

            background: white;

            border-radius: 15px;

            box-shadow: 0 15px 50px rgba(0,0,0,0.1);

            padding: 40px;

        }

        

        .nav-tabs .nav-link.active {

            background-color: var(--primary-color);

            color: white;

            border-color: var(--primary-color);

        }

        

        .nav-tabs .nav-link {

            color: var(--primary-color);

            font-weight: 500;

        }

 /* Contacts */ 
 .contact-hero {
            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
	   background-image: url("https://veles-my.ru/images/form.png");
	 background-size: contain;
	 background-position: right;
	 background-repeat: no-repeat;
	
            padding: 4rem 0;
        }
        .contact-card {
            border: none;
            border-radius: 12px;
            box-shadow: 0 8px 25px rgba(0,0,0,0.08);
            transition: transform 0.3s;
            height: 100%;
        }
        .contact-card:hover {
            transform: translateY(-5px);
        }
        .btn-primary {
            background-color: var(--primary-color);
            border-color: var(--primary-color);
            padding: 12px 30px;
            font-weight: 600;
            border-radius: 8px;
        }
        .btn-primary:hover {
            background-color: #004494;
            transform: translateY(-2px);
        }
        .contact-icon {
            width: 60px;
            height: 60px;
            background: rgba(0, 86, 179, 0.1);
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 20px;
        }
        .map-container {
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
            height: 400px;
        }
        .requisites {
            background-color: #f8f9fa;
            border-radius: 10px;
            padding: 20px;
            font-family: monospace;
            font-size: 0.9em;
        }

 /* Rabota */ 
 .hero-career {
            background: linear-gradient(rgba(0, 86, 179, 0.9), rgba(0, 86, 179, 0.8)), 
                        url('https://images.unsplash.com/photo-1581094794329-c8112a89af12?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80');
            background-size: cover;
            background-position: center;
            color: white;
            padding: 5rem 0;
            text-align: center;
        }
        .vacancy-card {
            border: none;
            border-radius: 12px;
            box-shadow: 0 8px 25px rgba(0,0,0,0.08);
            transition: transform 0.3s, box-shadow 0.3s;
            height: 100%;
            border-left: 4px solid var(--primary-color);
        }
        .vacancy-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 35px rgba(0, 86, 179, 0.15);
        }
        .btn-primary {
            background-color: var(--primary-color);
            border-color: var(--primary-color);
            padding: 10px 25px;
            font-weight: 600;
            border-radius: 8px;
        }
        .benefit-icon {
            width: 70px;
            height: 70px;
            background: rgba(0, 86, 179, 0.1);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 20px;
        }
        .badge-vacancy {
            font-size: 0.85em;
            padding: 6px 12px;
            border-radius: 20px;
        }

 /* Video*/ 
  .video-hero {
            background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), 
                        url('https://images.unsplash.com/photo-1556909114-f6e7ad7d3136?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80');
            background-size: cover;
            background-position: center;
            color: white;
            padding: 5rem 0;
            text-align: center;
        }
        .video-card {
            border: none;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 8px 25px rgba(0,0,0,0.08);
            transition: transform 0.3s, box-shadow 0.3s;
            background: white;
        }
        .video-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 35px rgba(0,0,0,0.15);
        }
        .video-container {
            position: relative;
            padding-bottom: 56.25%; /* 16:9 */
            height: 0;
            overflow: hidden;
            background: #000;
        }
        .video-container iframe,
        .video-container video {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
        .video-play-btn {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: rgba(0, 86, 179, 0.9);
            border: none;
            border-radius: 50%;
            width: 80px;
            height: 80px;
            color: white;
            font-size: 2rem;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.3s;
            z-index: 10;
        }
        .video-play-btn:hover {
            background: var(--primary-color);
            transform: translate(-50%, -50%) scale(1.1);
        }
        .btn-primary {
            background-color: var(--primary-color);
            border-color: var(--primary-color);
            padding: 10px 25px;
            font-weight: 600;
            border-radius: 8px;
        }
        .filter-btn.active {
            background-color: var(--primary-color) !important;
            color: white !important;
        }

 /*Line temporary*/ 
  .section-title {
            position: relative;
            padding-bottom: 15px;
            margin-bottom: 40px;
            font-weight: 700;
        }
        .section-title:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 60px;
            height: 3px;
            background: var(--primary-color);
        }
        .product-card {
            transition: all 0.3s ease;
            border: 1px solid #e9ecef;
            border-radius: 10px;
            overflow: hidden;
            height: 100%;
            background: white;
        }
        .product-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
            border-color: var(--primary-color);
        }
        .product-img {
            height: 200px;
            width: 100%;
            object-fit: cover;
            background-color: #f8f9fa;
            padding: 15px;
        }
        .category-filter-btn {
            transition: all 0.2s;
            border-radius: 50px !important;
            margin: 3px;
        }
        .category-filter-btn.active, .category-filter-btn:hover {
            background-color: var(--primary-color) !important;
            color: white !important;
            border-color: var(--primary-color) !important;
        }
        .btn-outline-primary {
            color: var(--primary-color);
            border-color: var(--primary-color);
        }
        .btn-outline-primary:hover {
            background-color: var(--primary-color);
            color: white;
        }
        .badge-category {
            font-size: 0.75em;
            background-color: rgba(0, 86, 179, 0.1);
            color: var(--primary-color);
        }
.container-1{
	text-align: center;
	width: 100%;
}

.dropdown{
	display: inline-block;
	width: 20%;

	background-color: white;
	border-radius: 5px;
	text-align:left;
	padding: 20px 20px;
	line-height: 120%;
	box-shadow: 8px 4px 8px 0px rgba(34, 60, 80, 0.2);
	font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
	font-size: 15px;
}
.dropdown p{
margin-left: 20px;		
}


.dropdown p:hover{
	text-decoration: underline;
	transition: width 0.5s ease-out;
	text-decoration-color:#00a650;
	
}


.catalog-line{
	display: inline-block;
	border: 2px solid white;
	border-radius: 5px;
	width: 15%;
	height: auto;
	vertical-align: top;
	margin-left: 15px;
	font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
	font-size: calc(0.4rem + 0.4vw);
	word-wrap: break-word;
	background-color: white;
	padding: 10px;
	box-shadow: 0px 5px 5px -5px rgba(34, 60, 80, 0.6);
}
.catalog-line:hover{
	transform: scale(1.1);
	transition: all 0.3s linear;
	border: 0.5px solid green;
	box-shadow: 0px 5px 5px -5px rgba(34, 60, 80, 0.6);
}
.content-line{
	display: inline-block;
	text-align: center;
	width: 50%;
	border: 2px solid black;
		}

 /* Catalog*/ 
   .product-hero {
            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
            padding: 3rem 0;
        }
        .product-card {
            border: none;
            border-radius: 15px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.08);
            overflow: hidden;
            transition: transform 0.3s;
        }
        .product-card:hover {
            transform: translateY(-5px);
        }
        .btn-primary {
            background-color: var(--primary-color);
            border-color: var(--primary-color);
            padding: 12px 30px;
            font-weight: 600;
            border-radius: 8px;
        }
        .btn-primary:hover {
            background-color: #004494;
            transform: translateY(-2px);
            transition: all 0.3s;
        }
        .specs-table td {
            padding: 12px 15px;
            border-color: #dee2e6;
        }
        .specs-table tr:nth-child(even) {
            background-color: #f8f9fa;
        }
        .badge-custom {
            font-size: 0.9em;
            padding: 6px 12px;
            background-color: rgba(0, 86, 179, 0.1);
            color: var(--primary-color);
        }
        @media (max-width: 768px) {

            .hero-section {

                padding: 80px 0 50px;

            }

            

            .display-3 {

                font-size: 2.2rem;

            }

            

            .contact-form {

                padding: 25px;

            }
			 .contact-hero {
	   background-image: none;

        }
			        }