/* Start:/about/style.css?175343418611418*/
.hero-section{
	background-image:url(/about/images/mainbanner.jpg); background-repeat:no-repeat; background-size:center center; background-size: auto 100%; 
	padding: 60px 0; position: relative
}
.hero-content .mainzag{font-size: 46px; font-weight: bold; color: #3B3B3B; margin-bottom: 10px; line-height: 1.2}
.hero-content .mainzag span{display: block;font-size: 32px;color: #3B3B3B;margin-bottom: 30px;line-height: 1.1em;font-weight: 400;}

.hero-description{font-size: 16px; color: #3B3B3B; line-height: 1.3em; margin-bottom: 40px}
.btn-primary-custom{background-color: #ef0026; border: none; padding:0; font-size: 16px; font-weight: bold; 
	text-transform: uppercase; border-radius: 0; color:#fff; text-decoration: none; transition: all 0.3s ease;
	display: flex; flex-wrap:wrap; align-items:center; justify-content:flex-start; height:56px; max-width:280px
}
.btn-primary-custom span.btntxt{color: #fff;font-size: 20px;line-height: 130%;letter-spacing: 0%;text-transform: uppercase;padding: 10px 20px;display: block;margin: 0 auto}
.btn-primary-custom span.btnarr{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;height: 56px;width: 56px;background: #fff}
.btn-primary-custom:hover{opacity:0.8; color:#fff; text-decoration: none}

.advantages-section{background-color: #fff; padding:50px 0}
.section-title{text-align: center; font-size: 36px; font-weight: bold; color: #3b3b3b; margin-bottom:30px; text-transform: uppercase}
.advantage-item{text-align: center; margin-bottom: 50px}
.advantage-icon{width:112px; height: 112px; border-radius: 50%; margin: 0 auto 20px; display: flex; flex-wrap:wrap; align-items: center; justify-content: center; font-size: 32px; color: white; background-color: #F1961F}
.advantage-icon img{width:auto;height:auto; max-height:67px;}

.advantage-title{font-weight: 700;font-size: 20px;line-height: 1.3em; text-transform: uppercase;color: #3B3B3B;text-align: center;margin: 0 auto 10px;display: block}
.advantage-title a{color:#F1961F}
.advantage-description{font-size: 16px;line-height: 130%;letter-spacing: 0%;text-align: center}

.equipment-section{background:#f3f3f3; padding-top:60px; padding-bottom:60px; }
.equiptitle{text-align: center; font-size: 36px; font-weight: bold; color: #3b3b3b; margin-bottom:30px; text-transform: uppercase}
.equipment-card{background:#fff; border-radius: 1px; padding: 30px 25px; box-shadow: 0 2px 5px rgba(0,0,0,0.05); text-align: left; height: 100%; transition: transform 0.3s ease}
.equipment-card:hover{transform: translateY(-5px)}
.equipment-image{width: 100%; height: 200px; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; margin-bottom:20px; padding: 10px}
.equipment-image img{width:auto;height:auto; max-height:180px; display:block; margin:0 auto}
.equipment-title{font-size:20px; font-weight: 700; color: #3b3b3b; margin-bottom: 20px; line-height: 1.25; height:56px;}
.equipment-list{list-style: none; padding: 0; margin: 0; min-height:190px;}
.equipment-list li{font-size: 16px;line-height: 1.25;margin-bottom: 5px}
.equipment-list li a{color:#3b3b3b; text-decoration:none; display:block}
.equipment-list li a:hover{color: ##F1961F}

.catalog-btn{background-color: #fff;border: none;padding: 0;font-size: 16px;font-weight: bold;text-transform: uppercase;border-radius: 0;color: #3b3b3b;text-decoration: none;
	transition: all 0.3s ease;display: flex;flex-wrap: wrap;align-items: center;
	justify-content: flex-start;height: 56px;max-width: 320px; margin: 30px auto;
}
.catalog-btn span.btntxt{color: #3b3b3b;font-size: 20px;line-height: 130%;letter-spacing: 0%;text-transform: uppercase;padding: 10px 20px;display: block;margin: 0 auto}
.catalog-btn span.btnarr{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;height: 56px;width: 56px;background: #e1e1e1}

.catalog-btn:hover{background: linear-gradient(135deg, #ccc 0%, #bbb 100%); transform: translateY(-2px); text-decoration: none}

.equipment-slider{position:relative}
.equipment-slider .swiper-button-next,
.equipment-slider .swiper-button-prev{width: 50px;height: 50px;margin-top: -25px;background-color: #e1e1e1; box-shadow: 0 2px 5px rgba(0,0,0,0.05);transition: all 0.3s ease;}
.equipment-slider .swiper-button-next{right: -20px}
.equipment-slider .swiper-button-prev{left: -20px}
.equipment-slider .swiper-button-disabled {opacity: 0.3;cursor: not-allowed;pointer-events: none}
.equipment-slider .swiper-button-next:hover:not(.swiper-button-disabled),
.equipment-slider .swiper-button-prev:hover:not(.swiper-button-disabled){transform: scale(1.05)}

.view-catalog-btn{background-color: #6c757d; color: white; padding: 12px 30px; border: none; border-radius: 4px; font-size: 14px; font-weight: bold; text-transform: uppercase; margin-top: 30px; cursor: pointer}

.projectcycle{background-color: #fff; padding: 80px 0}
.projtitle{text-align: center; font-size: 36px; font-weight: bold; color: #3b3b3b; margin-bottom:30px; text-transform: uppercase}
.row.cyclegrid{margin-left:-5px; margin-right:-5px;}
.row.cyclegrid .col-lg-4,
.row.cyclegrid .col-lg-12{padding-left:5px; padding-right:5px;}
.cycle-item{background: #F3F3F3;padding: 20px 60px 20px 20px;border-radius: 1px;font-size: 14px;color: #333;text-align: left;min-height: 90px;margin-bottom: 10px;position: relative;display: flex;align-items: center;
	justify-content: flex-start;flex-wrap: wrap;
	color:#3b3b3b; font-size: 20px; line-height:1.2em;
}
.cyclenum{font-size: 70px; line-height: 1em;text-align: center;text-transform: uppercase;color: rgba(59, 59, 59, 0.1);position: absolute;top: 10px;right: 10px;display: block;height: 70px;font-weight: 700}


.capabilities-banner{
	background-image:url(/about/images/vozmozhnosti.jpg); background-repeat:no-repeat; background-size:center center; background-size: auto 100%; 
	padding: 60px 0; position: relative
}
.captitle{font-size: 36px;font-weight: bold;color: #3b3b3b;margin-bottom: 30px;text-transform: uppercase}
.capabilities-banner ul{margin:20px 0; padding: 0; list-style:none; }
.capabilities-banner ul li{padding-left:36px; position:relative; font-size: 20px;line-height:1.3em; margin-bottom:20px}
.capabilities-banner ul li:before{content:''; background-image:url(/about/images/redcheck.svg); width:20px; height:20px; background-size:contain; background-repeat:no-repeat; position:absolute; left:0; top:4px}

.lab-worker-image{position: absolute; right: 5%; top: 50%;transform: translateY(-50%); width: 400px; height: 300px; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300"><rect fill="%23e8f4f8" width="400" height="300"/><rect x="50" y="50" width="300" height="200" fill="%23ffffff" opacity="0.9" rx="10"/><circle cx="150" cy="120" r="25" fill="%2334495e"/><rect x="120" y="140" width="60" height="80" fill="%2327ae60" rx="5"/><rect x="200" y="80" width="120" height="140" fill="%23ecf0f1" rx="8"/></svg>') no-repeat center; background-size: cover; border-radius: 10px}
.why-choose-section{padding: 80px 0; background: #ffffff}
.row.advantage-grid{margin-left:-5px; margin-right:-5px}
.row.advantage-grid .col-lg-4{padding-left:5px; padding-right:5px;}
.advantage-card{background: #ffffff; transition: transform 0.3s ease, box-shadow 0.3s ease; margin-bottom:10px;}
.advantage-card img{width:auto;height:auto;max-width:100%}
.advantage-card .advtitle{color:#3b3b3b; background:#F3F3F3; padding: 20px; 
	font-size:20px; line-height:1.2em; min-height:160px;
}
.advantage-card:hover{transform: translateY(-5px); box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05)}
img.advantage-image{width:auto; height:auto; margin-bottom: 0; border-radius: 0; }


.consultation-section{background-color: #F3F3F3}
.consultation-wrapper{display: flex; align-items: center; background-image:url(/about/images/konsultacia.png); background-size:auto 100%; background-repeat:no-repeat; padding: 80px 0}
.consultation-title{font-weight: 700;font-size:36px;line-height: 100%;text-transform: uppercase; margin-bottom:20px;}
.consultation-description{font-size: 22px;line-height: 130%}
.contact-form{max-width: 400px}

.form-input{width: 100%; padding: 15px 20px; border: 1px solid #ddd; border-radius:1px; font-size: 16px; margin-bottom: 20px; background: #ffffff; color: #3b3b3b}
.form-input:focus{outline: none; border-color: #3498db; box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.05)}
.form-input::placeholder{color: #999}
.submit-button{
	width: 100%; background: #EF0026; color: #ffffff; border: none; padding: 18px 20px; font-size: 16px; font-weight: bold; text-transform: uppercase; 
	border-radius:1px; cursor: pointer; transition: background 0.3s ease
}
.submit-button:hover{background: #FF1036}
.submit-button:disabled{opacity:0.7}
.contact-form .soglasie{margin-top:20px;}
@media (min-width: 992px){
	.captitle.mob{display:none}
}
@media (max-width:991.98px){
	.captitle.desc{display:none}
	.lab-worker-image{display: none}
	.advantage-grid{grid-template-columns: repeat(2, 1fr)}
	.consultation-wrapper{flex-direction: column; text-align: center}
	.consultant-image{width: 280px; height: 320px}
}
@media (max-width: 768px){
	.equipment-card{padding: 20px}
	.equipment-title{font-size: 18px}
	.main-section{padding: 40px 0}
	
	.capabilities-header,
	.section-title,.captitle,
	.equiptitle,.projtitle,
	.consultation-title{font-size: 28px;text-align: center;max-width:84%;margin: 0 auto 20px;line-height: 1.25em}
	.swiper-slide .equipment-image img{max-height:190px}
	.consultation-wrapper{gap: 30px}
	
	.hero-section {background-position: right top;background-size: auto 298px; margin: 120px 0 0 0;position: relative;padding: 300px 0 60px}
	.hero-section .container{position:relative;z-index:2}
	.hero-section:before{content:''; position:absolute; top:0; left: 0; width:100%; height:300px; z-index:1;
		background: #FFF;
		background: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	}
	.hero-content .mainzag {font-size: 28px}
	.hero-content .mainzag span {font-size: 24px}
	.catalog-btn,
	.btn-primary-custom{max-width:100%}

	.advantage-title {font-weight: 700;font-size: 15px}
	.advantage-description {font-size: 14px}
	.advantage-card .advtitle {padding: 15px;font-size: 12px;line-height: 1.2em;min-height: 112px}
	
	.cyclenum {font-size: 40px;line-height: 1em;top: 10px;right: auto;display: block;height: 40px;left: 0; font-size: 40px;letter-spacing: -5px;}
	.cycle-item {padding: 15px 10px 5px 50px;font-size: 14px;min-height: 60px;margin-bottom: 5px;position: relative;display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap; background:#fff}

	.capabilities-banner {background-color:#f3f3f3; background-position:60% bottom;background-size: auto 300px;padding: 60px 0 300px;position: relative}
	.capabilities-banner ul li {padding-left: 36px;font-size: 16px;line-height: 1.3em;margin-bottom: 10px}
	
	.row.consultation-wrapper {padding-top: 400px;background-size: 340px auto;position: relative}
	.row.consultation-wrapper:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 380px;
        z-index: 1;
        background: rgba(243, 243, 243, 1);
        background: linear-gradient(180deg, rgba(243, 243, 243, 0) 0%, rgba(243, 243, 243, 1) 100%);
    }
}
}
/* End */
/* /about/style.css?175343418611418 */