.head {
	border-bottom: 1px solid #d0d0d0;
}
.top-phone {
	color: #fff;
	background: #2C5559;
	font-weight: 600;
}
.top-phone a{
	color: #b6dbc5;
}
.top-phone a:hover{
	color: #fff;
}

.phone {
	float: left;
	padding: 10px;
}
div.phone-center .phone {
	padding: 0 15px 0 0;
}
.btn {
	border: 1px solid #c5b27b;
    padding: 5px 30px;
    background: #ffd900;
    font-weight: 600;
}
.btn:hover {
	border: 1px solid #fff;
	background-color: #287860;
	color: #fff!important;
	text-decoration: none;
}
.right {
	float: right;
}
.garanty {
	text-align: center;
}
.garanty p {
	margin-top: 0px;
	color: #73978b;
	font-size: 18px !important;
	line-height: 22px;
}

@media (min-width:639px) {
.main-navigation li {
	font-size: 14px;
	margin: 0;
}
a[aria-current='page'] {
	color: #000000;
	background: #ffd900;
	margin-left: -1px!important;
}
a[aria-current='page']:hover {
	margin-left: 0px!important;
}


}
.main-slider {
	border-bottom: 1px solid #d0d0d0;
}
.main-slider div.fw-col-xs-12::before {
    background: url(/images/main.jpg) no-repeat right 50%;
    content: '';
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
}
.main-slider div.fw-col-xs-12 {
    height: 320px;
} 
@media (max-width:1200px) {
	.main-slider div.fw-col-xs-12::before {
    opacity: 0.1;
}	
}

@media (max-width:639px) {
	.comp {
		display: none;
	}
	.right {
		float: center;
}
	p.main {
		font-family: helvetica!important;
		padding-top: 40px!important;
    		font-size: 13pt!important;
    		line-height: 1.9;
}
	p.main strong {
		font-size: 17pt!important;
}
	.main-slider div.fw-col-xs-12 {
    		height: 200px;
} 
}
@media (max-width:340px) {
	h2.fw-special-title:before, h2.fw-special-title:after, .main h1.fw-special-title:before, .main h1.fw-special-title:after {
		display: none!important;
	}
	p.main {
		font-family: helvetica!important;
		padding-top: 54px!important;
		font-size: 11pt!important;
		line-height: 1.9;
	}
	.garanty p {
		font-size: 19px !important;
	}
	.free{
		width: 100%;
		text-align: center;
	}
}
p.main {
	font-size: 21pt;	
	margin: 0;
	padding-top: 100px;
	font-weight: normal;
	margin-top: -1px;
}
p.main strong {
	color: #74998d;
	font-size: 29pt;
	font-weight: normal;
	line-height: 1pt;	
}

h2.main {
	font-size: 28pt;	
	margin: 0;
	padding-top: 90px;
}
h2.main strong {
	color: #74998d;
	font-size: 45pt;
	font-weight: normal;
	line-height: 1pt;	
}
.green {
	background: #f8f9fa;	
}

.fw-iconbox .fw-iconbox-title h3 {
	color: #000;
	font-size: 18px !important;
	line-height: 22px;
	font-weight: 600!important;
	margin: 0;
	padding: 0;
	padding-left: 10px;
}
.fw-iconbox-image {
	width: 50px;
    text-align: center;
}
.popular-exp-line-one a {
    text-decoration: none;
}
.popular-exp-line-one a:hover {
    color: #000;
    text-decoration: underline!important;
}
.popular-exp-line-one p {
	line-height: 1.2;
}

h2.fw-special-title {
	overflow: hidden;
	font-weight: 600;
    color: #1b3d44;
	
}
.custom-price-banner h2.fw-special-title {
    color: #fff;
}

.custom-price-banner h2.fw-special-title:before,
.custom-price-banner h2.fw-special-title:after {
	background: none;
	border: none;
}

section.custom-banner { 
	border-bottom: 1px solid #d0d0d0;
	margin-bottom: 20px; 
}

div.left-menu h3 {
	padding-left: 26px;
	margin-bottom: 10px;
	margin-top: 0;
}
div.left-menu {
	background: #f5f5f5;
	margin: 20px;
	padding: 20px;
}
.free{
	float: right;
	padding-left: 20px;
}

@media (max-width: 425px) {
	.main-navigation ul ul{
		display: none!important;
	}
	div.phone {
		width: 100%;
		text-align: center;
		padding: 1px;
		line-height: 25px;
	}
	.top-menu {
		padding: 10px;
	}
	.top-menu div.right {
		padding-bottom: 16px;
		padding-top: 8px;
	}
	.mobnone  {
		display: none;
	}
}
.work p {
	margin-top: 0;
}
ol li {
	list-style: decimal!important;
}
ol li li {
	list-style: disc!important;
}
ol li ul {
	padding-left: 0!important;;
}
.exp-main a {
	font-size: 130%;
} 
.exp-main p {
	margin-top: 0;
}
.strong {
	font-weight: bold;
}
.strong span {
	color: #443939;
	font-weight: normal;
}
.head .search-submit {
    font-size: 18px;
    background: #427162;
    color: #fff;
    border: 0px;
	margin-left: -5px;
}

.qform-field__bottom-box_message__error {
	color: red;
	margin-bottom: 15px!important;

}
.qform-field_hint_message p {
	margin: 0;
}
.qform-field__block_box__field-box_input {
	margin-bottom: 5px!important;  
}
.trigger-btn, .trigger-btn-yellow {
	font-weight: 600;
}
.trigger-btn:hover, .trigger-btn:active, .trigger-btn:focus, .trigger-btn-yellow:hover, .trigger-btn-yellow:active, .trigger-btn:focus {
	text-decoration: none!important;	
}
div.emodal-content, div.emodal-content label, .emodal-title {
	color: #000!important;
}
.show-all-exp-btn a {
	background: #0d3f45!important;
}
.menu-maaaaain-container {
    margin-bottom: 20px;
}
.menu-maaaaain-container ul li {
	margin-left: 0;
}
.fw-container.nav {
	background: #0d3f45;
}
.fw-accordion .fw-accordion-content>p {
    padding: 0!important;
	margin: 0;
}
.fw-accordion .fw-accordion-content>p.cat {
    padding: 5px 0 5px 20px!important;
	background-color: #f2f2f2;
}
.custom-footer a[aria-current=page] {
        background: none;
    }
.fw-accordion .fw-accordion-title.ui-state-active {
    background: #eeefed!important;
    color: #000!important;
}
.fw-accordion .fw-accordion-title {
    color: #ffffff!important;
    background: #0d3f45!important;
}
.foogallery.fg-caption-always .fg-item.fg-loaded .fg-caption {
	opacity: 0!important; 
}
.header {
	padding: 0 !important;
}
    :root {
      --main-color: #2c5559;
    }

    /* Верхняя панель */
    .top-bar {
      background-color: var(--main-color);
      color: white;
      font-size: 0.9rem;
    }

    .top-bar a,
    .top-bar .phone span {
      color: white;
      text-decoration: none;
    }

    .top-bar a:hover {
      color: #e0f7fa;
      text-decoration: underline;
    }

    .top-bar .search-form {
      max-width: 280px;
    }

    .top-bar .form-control {
      font-size: 0.875rem;
      padding: 4px 10px;
    }

    .top-bar .btn-search {
      background: rgba(255,255,255,0.2);
      border: none;
      padding: 4px 8px;
      color: white;
    }

    .top-bar .btn-search:hover {
      background: rgba(255,255,255,0.3);
    }

    /* Основной хедер */
    .header {
      padding: 16px 0;
      background-color: white;
    }

    .header-phone {
      color: var(--main-color) !important;
      font-weight: 700;
      text-decoration: none;
    }

    .header-phone:hover {
      color: #1a3a3d !important;
      text-decoration: underline;
    }

    .city-label {
      color: #666;
      font-size: 0.95rem;
    }

    .logo img {
      max-height: 70px;
    }
	a.btn-call:hover, a.btn-call:focus {
		text-decoration: none;
	}
    .btn-call {
      background-color: var(--main-color);
      color: white;
      border: none;
      padding: 6px 14px;
      border-radius: 4px;
      font-weight: 600;
      text-decoration: none;
      display: inline-block;
      margin-top: 4px;
    }

    .btn-call:hover {
      background-color: #224245;
      color: white;
    }

    /* Адаптация для мобильных */
    @media (max-width: 767.98px) {
      .top-bar .phone,
      .top-bar .search-form {
        margin-bottom: 8px;
      }
      .top-bar .row > [class*="col"] {
        text-align: center;
      }
      .header .contact-block {
        margin-top: 16px;
        text-align: center;
      }
      .header .btn-call {
        margin-top: 12px;
        display: inline-block;
      }
	  .logo-footer {  
	  max-width: 200px;
	}
    }

    @media (min-width: 768px) {
      .top-bar .justify-content-end .search-form {
        margin-left: auto;
      }
	.logo-footer {  
	  padding-top: 25px;
	}
    }
.btn-call {
  background: linear-gradient(135deg, #2c5559 0%, #3a6b6f 100%);
  color: white !important;
  border: none;
  padding: 10px 24px;
  border-radius: 10px;
  font-weight: 600;
  font-size: 1rem;
  white-space: nowrap;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 4px 12px rgba(44, 85, 89, 0.3);
  transition: all 0.3s ease;
}

.btn-call:hover {
  background-color: #FFD166; /* Жёлтый при наведении */
  background-image: none;    /* Отключаем градиент */
  color: #2c5559 !important; /* Текст — в тон основному цвету */
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(255, 209, 102, 0.5);
}

.btn-call i {
  font-size: 1.1rem;	
  transition: color 0.3s ease;
}

.btn-call:hover i {
  color: #224245 !important; /* Иконка темнее для контраста */
}
.contact-block {
  /*flex-wrap: wrap; */
}

.contact-item {
  transition: all 0.2s ease;
}

.contact-item:hover {
  background-color: #f8f9fa;
  transform: translateY(-3px);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}

.header-phone:hover {
  color: #0d6efd; /* синий Bootstrap */
}
.top-bar a:hover {
	color: #ffcc00!important;
}
.fa-15x {
	font-size: 1.7rem!important;
}
nav.fixed-top {
	background-color: rgba(13, 63, 69, .8) !important;
    backdrop-filter: blur(5px);
	}
#offcanvasMenu li {	
	list-style: none;
}

/* Контейнер */
.fw-media {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

/* caption */
.fw-media .wp-caption {
    width: 225px !important;
    margin: 0;
    text-align: center;
}

/* одинаковая высота картинок */
.fw-media .wp-caption img {
    width: 100%;
    height: 300px;              /* фиксированная высота */
    object-fit: cover;          /* обрезка без искажений */
    display: block;
}

/* подпись */
.fw-media .wp-caption-text {
    font-size: 14px;
    line-height: 1.4;
    margin-top: 8px;
}

/* 📱 мобильная версия */
@media (max-width: 768px) {
    .fw-media {
        flex-direction: column;
        align-items: center;
    }

    .fw-media .wp-caption {
        width: 100% !important;
        max-width: 100%;
    }

    .fw-media .wp-caption img {
        width: 100%;
        height: auto;            /* на мобиле без обрезки */
        max-height: 70vh;
    }
}
.custom-footer hr {
	color: #fff;
}
#menu-maaaaain a{
	font-size: 130%;
	text-decoration: none;
}
#menu-maaaaain a:hover{
	text-decoration: underline;
}

.stat-card{
    background:#f8f9fa;
    border:1px solid #edf1f2;
    border-radius:18px;
    padding:20px 20px;
    transition:.35s;
    height:100%;
	text-align: center;
}

.stat-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 50px rgba(44,85,89,.12);
    border-color:#2c5559;
}

.stat-icon{
    width:72px;
    height:72px;
    margin:0 auto 5px;
    color:#2c5559;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:32px;
}

.stat-number{
    font-size:45px;
    font-weight:700;
    color:#2c5559;
    line-height:1;
    margin-bottom:5px;
}

.stat-title{
    font-size:18px;
    font-weight:600;
    color:#222;
    margin-bottom:5px;
}

.stat-text{
    color:#6c757d;
    line-height:1.7;
    font-size:14px;
}

.hero-actions{
    display:flex;
    align-items:center;
    gap:38px;
    margin-top:45px;
    flex-wrap:wrap;
}

.hero-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    height:58px;
    padding:0 34px;

    background:#D8A54A;
    color:#fff;

    border:none;
    border-radius:12px;

    font-weight:600;
    font-size:17px;

    transition:
        background .2s ease,
        transform .18s ease,
        box-shadow .2s ease;

    box-shadow:
        0 8px 18px rgba(216,165,74,.18);
}

.hero-btn:hover{
    background:#E0AE55;
    transform:translateY(-2px);
    box-shadow:
        0 16px 32px rgba(216,165,74,.25);
	text-decoration: none;
}

.hero-btn:active{

    transform:translateY(0);

    box-shadow:
        0 3px 10px rgba(216,165,74,.18);

}
.hero-link{
    position:relative;
    display:inline-flex;
    align-items:center;

    color:#fff;
    text-decoration:none;

    font-size:17px;
    font-weight:600;

    transition:.3s;
}

.hero-link::after{
    content:"";
    width:18px;
    height:18px;
    margin-left:10px;

    background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='M13 6l6 6-6 6'/%3E%3C/svg%3E");

    transition:transform .3s ease;
}

.hero-link:hover{
    color:#fff;
}

.hero-link:hover::after{
    transform:translateX(6px);
}


.trigger-btn{
display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 16px 34px;
    min-height: 56px;
    background: #1c1e26;
    color: #fff !important;
    border: 1px solid #48484800;
    border-radius: 14px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .01em;
    text-decoration: none;
    transition: background-color .25s ease, border-color .25s ease, transform .2s ease, box-shadow .25s ease;
    box-shadow: 0 6px 18px rgb(28 30 38);
}

.trigger-btn:hover{
	background: #464646;
    color: #fff !important;
    transform: translateY(-2px);
    box-shadow: 0 14px 32px rgb(70 70 70);
}

.trigger-btn:active{
	transform: translateY(0);
    box-shadow: 0 4px 12px rgb(0 0 0 / 18%);
}

.trigger-btn:focus-visible{
    outline:none;
    box-shadow: 0 4px 12px rgb(0 0 0 / 18%);
}

.service {
	padding: 40px 0;
}
.service h2.fw-special-title, .sertification h2.fw-special-title, .work h2.fw-special-title {
	margin-top: 0;
}
.service .fw-col-xs-12,
.service .fw-col-sm-15{
    display:flex;
}

.service-card{
    display:flex;
    flex-direction:column;
    width:100%;
    height:100%;
}
.service-card{
    position:relative;
    height:100%;
    border-radius:18px;
    transition:.3s ease;
	display:flex;
    flex-direction:column;
    width:100%;
	text-align: center;
}

.service-card:hover .service-icon{
    transform:translateY(-6px);
}

.service-icon{
    height:64px;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:#f3f8f8;
    border-radius:16px;
    transition:.3s ease;
}

.service-card:hover .service-icon::before{
    filter:brightness(0) invert(1);
}
.icon-exp{
    background:no-repeat center/70px url(https://a-aspect.ru/images/icon/icon-exp.png);
}
.icon-rew{
    background:no-repeat center/65px url(https://a-aspect.ru/images/icon/icon-rew.png);
}
.icon-ot{
    background:no-repeat center/80px url(https://a-aspect.ru/images/icon/icon-ot.png);
}
.icon-slab{
    background:no-repeat center/75px url(https://a-aspect.ru/images/icon/icon-slab.png);
}
.icon-lab{
    background:no-repeat center/70px url(https://a-aspect.ru/images/icon/icon-lab.png);
}
.service-card h3{
    margin:0 0 10px;
    font-size:18px;
    font-weight:700;
    color:#222;
}

.service-card p{
    margin:0;
    color:#6d757c;
    line-height:1.2;
}

.service-link{
    display:inline-flex;
    align-items:center;
    margin-top:28px;
    color:#2c5559;
    font-weight:600;
    text-decoration:none;
}

.service-link::after{
    content:"→";
    margin-left:8px;
    transition:.25s;
}

.service-card:hover .service-link::after{
    transform:translateX(6px);
}
.service-card{
    position:relative;
}

.card-overlay{
    position:absolute;
    inset:0;
    z-index:5;
}
.service-card{
    position: relative;
    display:flex;
    flex-direction:column;
}

.service-text{
    flex:1;
    margin-bottom:25px;
}

.service-link{
    margin-top:auto;
    display:inline-flex;
    align-items:center;

    color:#2c5559;
    font-weight:600;
}

@media(min-width:765px){
	.hero-panel{
    max-width:380px;
    padding:25px;
    border-radius:18px;
    background:rgba(27, 61, 68,.50);
    backdrop-filter:blur(4px);
    -webkit-backdrop-filter:blur(4px);
}
}
.hero-panel{
    color:#fff;
}

.hero-panel-item{
    padding:18px 0;
    border-bottom:1px solid rgba(255,255,255,.12);
}

.hero-panel-item:last-of-type{
    margin-bottom:25px;
}

.hero-panel-item span{
    display:block;
    color:rgba(255,255,255,.7);
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:.12em;
    margin-bottom:8px;
}

.hero-panel-item strong{
    display:block;
    font-size:32px;
    line-height:1;
    font-weight:700;
    color:#fff;
}

.hero-panel-list{
    margin:0 0 30px;
    padding:0;
    list-style:none;
}

.hero-panel-list li{
    position:relative;
    padding-left:26px;
    margin-bottom:14px;
    font-size:16px;
    color: #ffffff;
}

.hero-panel-list li:before{
    content:"✓";
    position:absolute;
    left:0;
    top:0;
    color: #ffffff;
    font-weight:700;
}
.main-slide .hero-btn{
	width:100%	
}

@media(max-width:765px){
	.main-slide .fw-col-sm-8{
		padding: 8% 8% 0 8%;
	}	
	.main-slide .hero-actions{
		display:none;	
	}
	.main-slide .hero-panel-list{
		display: table-cell;
	}
	.hero-panel-item:last-of-type {
		margin-bottom: 10px;
	}	
	.main-slide ul li{
        list-style: none;
	}
    .hero-panel{
		max-width: 100% !important;
        padding: 0 8%;
        border-radius: 0;
    }
	.main-slide .fw-row:last-child{
		display: block;
	}
	.hero-panel-item {
		width: 50%;
		float: left;
	}
	.hero-panel-item strong {
		font-size: 25px;
	}
	.main-slide div.fw-col-xs-12.fw-col-sm-8 p {
	    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
	}
	.main-slide .fw-row:first-child img {
    min-height: 900px;
}
}