.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: #eeefed;	
}

.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: 400;
	
}

.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 {
	text-align: center;
    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;
      }
    }

    @media (min-width: 768px) {
      .top-bar .justify-content-end .search-form {
        margin-left: auto;
      }
    }
.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;
    }
}