/*
Alex Revutsky.  revutsky07@gmail.com  https://rw-studio.com/

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-ExtraBold.ttf') format('truetype');
  font-weight: 800; 
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
*/
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-SemiBold.ttf') format('truetype');
  font-weight: 600; /* Или 600 */
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Medium.ttf') format('truetype');
  font-weight: 500; /* Или 600 */
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}
/*
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Blackitalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-ExtraBolditalic.ttf') format('truetype');
  font-weight: 800; 
  font-style: italic;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Bolditalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}
*/
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-SemiBolditalic.ttf') format('truetype');
  font-weight: 600; /* Или 600 */
  font-style: italic;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Mediumitalic.ttf') format('truetype');
  font-weight: 500; /* Или 600 */
  font-style: italic;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Regularitalic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Lightitalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-ExtraLightitalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
}

h1, h2, h3, h4, h5, h6 {font-family: 'Montserrat', sans-serif!important;}
p, div, a, button, input, nav, ol, ul, li, td, tr, th {font-family: 'Montserrat', sans-serif!important;}
P {text-indent: 15px; font-size: 14px!important; color: #2b2b2b}
h1 {text-align: center; text-transform: uppercase; font-size: 32px!important; margin: 40px 0; color: #558da5}
h2 {font-size: 28px; font-weight: 500!important}
h3 {font-size: 22px; font-weight: 500!important}
/*--------------- menu ------------*/
#sp-menu {text-transform: uppercase!important;}
#sp-menu ul.sp-dropdown-items {text-transform: none;}

/*----------- header -------------*/
#sp-header {animation: none!important;}
.pvd-home-page .article-full-image {display:none}
/*--------------------- Слайдер -----------------------*/
.kz-home-page #sp-header {border: 1px solid red}
.kz-home-page #sp-slider {  
  /*margin-top: -90px; */
  margin-top:93px; left: 0;
  /*max-height: 600px!important;*/
  overflow: hidden;
}
.ikk-banner-main-block{
    height:  600px!important;
    overflow: hidden;
    background: red;
}
.ikk-banner-main-block .kz-kuznia-name {
  position: absolute;
  top: 10px;
  display: block;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 48px;
  font-weight: 600;
  mix-blend-mode: overlay;
  z-index: 99;
}
@keyframes scale-image {  
  0% { background-size: 100%;}
  50%  { background-size:120% ; }
  100%   { background-size:100% ;}
  }
/*@keyframes block1-up {
  0% {opacity: 0; top: 200px}
  50% {opacity: 0.3; top: 160px}
  100%{opacity: 1; top: 120px}
}*/
@keyframes block-title-up {
  0% {opacity: 0; top: 160px}
  50% {opacity: 0.3; top: 110px}
  100%{opacity: 1; top: 100px}
}
@keyframes block-desc-up {
  0% {opacity: 0; top: 330px}
  50% {opacity: 0.3; top: 300px}
  100%{opacity: 1; top: 240px}
}
/*
@keyframes block-separator-up {
  0% {opacity: 0; top: 400px}
  50% {opacity: 0.3; top: 380px}
  100%{opacity: 1; top: 355px}
}
*/
@keyframes block-slider-btn {
  0% {opacity: 0;}
  50% {opacity: 0.3;}
  100%{opacity: 1;} 
}
.carousel-inner.carousel-main-slider {height: 470px!important;}
.ikk-banner-block  {background: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.8)), url('../images/banner-cat/pv-banercat-1-lg.webp') no-repeat ;}
.ikk-banner-block1 {background: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.8)), url('../images/banner-cat/pv-banercat-2-lg.webp') no-repeat ;}
.ikk-banner-block2 {background: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.8)), url('../images/banner-cat/pv-banercat-3-lg.webp') no-repeat ;}
.ikk-banner-block3 {background: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.8)), url('../images/banner-cat/pv-banercat-4-lg.webp') no-repeat ;}
.ikk-banner-block4 {background: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.8)), url('../images/banner-cat/pv-banercat-5-lg.webp') no-repeat ;}

.ikk-banner-block.slide, 
.ikk-banner-block1.slide, 
.ikk-banner-block2.slide, 
.ikk-banner-block3.slide, 
.ikk-banner-block4.slide {
    height:  480px;
    background-attachment: fixed;
    background-position: 0px 70px!important;
    animation: scale-image 20s linear infinite;
    backdrop-filter: brightness(0.5);
}
/*
.ikk-banner-level2-block {
  width: 100%!important;
  opacity: 0;
  position: absolute;
  top: 100px;
  font-size: 32px;
  animation: block1-up 0.3s linear 0s forwards;
}
.ikk-banner-level2-block .ikk-banner-img {height: 140px}
.ikk-banner-level2-block .ikk-banner-img img {
  height:140px;
  width: auto;
  margin-left: auto;
  margin-right: auto;
}
*/
.ikk-banner-title-block {
    width: 86%!important;
    position: absolute;
    left: 7%;
    top: 100px;
    color: #fff;
    font-size: 48px;
    text-align: center;
    /*font-family: 'Gabriela', sans-serif;*/
    font-weight: 500;
    text-decoration: none;
    opacity: 0;
    animation: block-title-up 0.7s linear 0.2s forwards;
}
.ikk-banner-desc-block {
    width: 86%!important;
    position: absolute;
    left: 7%;
    top: 400px;
    color: #fff;
    font-size: 26px;
    text-align: center;
    /*font-family: 'Gabriela', sans-serif;*/
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    text-decoration: none;
    opacity: 0;
    animation: block-desc-up 0.3s linear 0.6s forwards;
}
/*
.ikk-slide-separator {
    width: 100%!important;
    position: absolute;
    top: 340px;
    opacity: 0;
    animation: block-separator-up 0.3s linear 0.4s forwards;
}
.ikk-slide-separator img{
    width: 192px;
    height: 27px;
    margin-left: auto;
    margin-right: auto;
}
*/
.ikk-slider-btn {
    width: 100%!important;
    position: absolute;
    top: 400px;
    opacity: 0;
    text-align: center;
    animation: block-slider-btn 0.5s linear 0.9s forwards;
}
.ikk-slider-btn  a {
  color: #fff;
  font-size: 18px;
  padding: 12px 50px;
  border: 1px solid #fff;
}
#carouselMainSliderControls button.carousel-control-prev .carousel-control-prev-icon {margin-left: -100px!important }
#carouselMainSliderControls button.carousel-control-next .carousel-control-next-icon {margin-right: -100px!important }
.ikk-slider-btn  a:hover {background: rgba( 255, 194, 126, 0.3); border-color: rgba(255,194,126, 0.5); color: #fff}

@media (min-width: 1200px) and (max-width: 1500px) {
  .carousel-inner.carousel-main-slider {height:  380px!important;} 
  .ikk-banner-block.slide, 
  .ikk-banner-block1.slide, 
  .ikk-banner-block2.slide, 
  .ikk-banner-block3.slide, 
  .ikk-banner-block4.slide { background-position: 0px 70px!important;}
  .ikk-banner-block.slide, .ikk-banner-block1.slide, .ikk-banner-block2.slide, .ikk-banner-block3.slide, .ikk-banner-block4.slide { height: 420px!important;}
  .ikk-banner-level2-block .ikk-banner-img {height: 100px}
  .ikk-banner-level2-block .ikk-banner-img img {height:100px;}*/
  .ikk-banner-title-block {font-size: 42px; line-height: 28px}
  .ikk-slider-btn {top: 330px;}
  @keyframes block-title-up {100%{opacity: 1; top: 80px}}
  @keyframes block-separator-up {100%{opacity: 1; top: 310px}}
  @keyframes block-desc-up {100%{opacity: 1; top: 200px}}
  #carouselMainSliderControls button {top: -100px}
}
@media (min-width: 992px) and (max-width: 1199px) {
 .carousel-inner.carousel-main-slider {height:  300px!important;} 
  .ikk-banner-block.slide, .ikk-banner-block1.slide, .ikk-banner-block2.slide, .ikk-banner-block3.slide, .ikk-banner-block4.slide { 
    height: 340px!important;
   background-position: 0px 70px!important;
 }
  .ikk-banner-block   {background: background: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.8)), url('../images/banner-cat/pv-banercat-1-lg-sm.webp');}
  .ikk-banner-block1  {background: background: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.8)), url('../images/banner-cat/pv-banercat-2-lg-sm.webp');}
  .ikk-banner-block2  {background: background: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.8)), url('../images/banner-cat/pv-banercat-3-lg-sm.webp');}
  .ikk-banner-block3  {background: background: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.8)), url('../images/banner-cat/pv-banercat-4-lg-sm.webp');}
  .ikk-banner-block4  {background: background: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.8)), url('../images/banner-cat/pv-banercat-5-lg-sm.webp');}
  .ikk-slider-btn {top: 250px;}
  .ikk-banner-title-block {font-size: 32px;}
  @keyframes block-title-up {100%{opacity: 1; top: 70px}}
  @keyframes block-separator-up {100%{opacity: 1; top: 150px}}
  @keyframes block-desc-up {100%{opacity: 1; top: 130px}}
  #carouselMainSliderControls button {top: -70px}
}
@media (min-width: 767px) and (max-width: 992px) {
  #sp-header {height: 67px!important}
  #sp-logo {margin-top: 8px}
  .carousel-inner.carousel-main-slider {height:  260px!important;} 

  .ikk-banner-block.slide, .ikk-banner-block1.slide, .ikk-banner-block2.slide, .ikk-banner-block3.slide, .ikk-banner-block4.slide {
    height: 380px!important;
    background-position: 0px 67px!important;
  }
  .kz-home-page  #sp-slider {  margin-top:70px; height: 600px; overflow: hidden;}
  .ikk-banner-main-block {height:  400px!important; position: relative;}
  .ikk-banner-block  {background: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.8)), url('../images/banner-cat/pv-banercat-1-md.webp');}
  .ikk-banner-block1  {background: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.8)), url('../images/banner-cat/pv-banercat-2-md.webp');}
  .ikk-banner-block2  {background: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.8)), url('../images/banner-cat/pv-banercat-3-md-3.webp');}
  .ikk-banner-block3  {background: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.8)), url('../images/banner-cat/pv-banercat-4-md.webp');}
  .ikk-banner-block4  {background: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.8)), url('../images/banner-cat/pv-banercat-5-md.webp');}
  .ikk-banner-title-block {font-size: 30px!important}
  .ikk-banner-desc-block {font-size: 20px;}
  .ikk-banner-main-block .kz-kuznia-name {font-size: 36px; top: -5px}
  .ikk-slider-btn {top: 210px;}
  @keyframes block-title-up {100%{opacity: 1; top: 50px}}
  @keyframes block-desc-up {
    0% {opacity: 0; top: 180px}
    50% {opacity: 0.3; top: 150px}
    100%{opacity: 1; top: 120px}
    }
}

@media (max-width: 767px) {
  #sp-header {height: 77px!important}
  #sp-logo {margin-top: 12px}
  .kz-home-page  #sp-slider {  margin-top:130px; height: 450px; overflow: hidden;}
  .carousel-inner.carousel-main-slider {height:  380px!important;} 
  .ikk-banner-block.slide, .ikk-banner-block1.slide, .ikk-banner-block2.slide, .ikk-banner-block3.slide, .ikk-banner-block4.slide 
  { height: 450px!important;}
  .ikk-banner-main-block .kz-kuznia-name {font-size: 32px; top: -5px}
  .ikk-banner-main-block{height:  650px!important;}
  .ikk-banner-block  {background: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.8)), url('../images/banner-cat/pv-banercat-1-sm.webp');}
  .ikk-banner-block1  {background: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.8)), url('../images/banner-cat/pv-banercat-2-sm.webp');}
  .ikk-banner-block2 {background: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.8)), url('../images/banner-cat/pv-banercat-3-sm.webp');}
  .ikk-banner-block3 {background: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.8)), url('../images/banner-cat/pv-banercat-4-sm.webp');}
  .ikk-banner-block4 {background: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.8)), url('../images/banner-cat/pv-banercat-5-sm.webp');}
  /*.ikk-banner-level2-block .ikk-banner-img {height: 100px}
  .ikk-banner-level2-block .ikk-banner-img img {height:100px;}*/
  .ikk-banner-title-block {font-size: 28px!important}
  .ikk-banner-desc-block {font-size: 18px;}
  .ikk-slider-btn {top: 320px;}
  @keyframes block-title-up {100%{opacity: 1; top: 60px}}
  @keyframes block-separator-up {100%{opacity: 1; top: 280px}}
  @keyframes block-desc-up {100%{opacity: 1; top: 180px}}
  #carouselMainSliderControls button.carousel-control-prev .carousel-control-prev-icon {margin-left: -45px!important; top:-50px }
  #carouselMainSliderControls button.carousel-control-next .carousel-control-next-icon {margin-right: -45px!important }
}

/*-------------- Bottom -------------*/
#sp-bottom3 a {color: #eee; font-weight: 300!important; font-size: 13px; line-height: 18px}
#sp-bottom3 a:hover {color: #b8d4dd}
#sp-bottom3 ul li {padding: 0!important; margin-bottom: 10px!important}
.pvd-phone-bottom {font-weight: 300}
.pvd-phone-bottom a{color: #ddd!important}
.pvd-phone-bottom a:hover {color: #fff!important}
#sp-bottom p {color: #fff}

/*------------- Загальне ------------*/
.pvd-site-page h1 {text-align: center; text-transform: uppercase; font-weight: 400!important; color: #558da5}
#sp-page-title {height: 0!important; display: none!important;}
#sp-main-body {padding-top: 15px!important}
@media (min-width: 1000px) {
  #sp-main-body .container { padding: 0!important}
  #sp-component {padding: 0!important}
}
.pvd-btn {margin-left: auto; margin-right: auto; text-align: center; width: 100%; border: none!important;}
.pvd-btn a {
  background: #558da5; 
  color: #fff; 
  padding: 7px 30px; 
  text-transform: uppercase;
  border-radius: 3px!important;
  border: 1px solid #558da5;
  letter-spacing: 1px;
}
.pvd-btn a:hover {background: #fff; color:  #558da5}

/*------------ контакти сторінка --------------*/

.kr-about-address.row h3 {margin-bottom: 20px}
.kr-about-address.row a {color: #2b2b2b}
.kr-about-address.row a:hover {color: #a12620}
.pvd-cont-page h2 {margin: 100px 0 40px 0; text-transform: uppercase; text-align: center; color: #558da5;}
.kr-about-address {text-align: center;}
.pvd-cont-page .kr-about-address.row,
.pvd-cont-page .kr-about-crew.row {margin-top: 0px!important}
.kz-cont-wedal-call-mod {margin-bottom: 25px}
.kz-cont-wedal-call-mod input, .kz-cont-wedal-call-mod textarea {border-color: #4ca6cb!important; border-radius: 3p}
.kz-cont-wedal-call-mod .controls label {display: none}
.kz-cont-wedal-call-mod .modal-header {border: none;}
.kz-cont-wedal-call-mod .modal-header span {display: block; width:100%; text-align: center!important;}
.wjcallbackform.embeddedform .modal-footer button.btn {
  background: #558da5; 
  color: #fff; 
  margin-left: auto; 
  margin-right: auto; 
  padding: 7px 30px; 
  text-transform: uppercase;
  border-radius: 3px!important;
  border: 1px solid #558da5;
  letter-spacing: 3px;
}
.wjcallbackform.embeddedform .modal-footer button.btn:hover {background: #fff; color: #558da5}
.wjcallbackform {top: 15%; background: transparent!important;}
.wjcallbackform .modal-dialog {z-index: 9999; border-radius: 8px; overflow: hidden; background: #fff}
.wjcallbackform .modal-dialog .modal-header .form-header {margin-top: 25px}
.wjcallbackform .modal-dialog .modal-header .form-header .modal-title {font-size: 22px; font-weight: 500; color: #a12620}
.wjcallbackform .modal-dialog .modal-header .close {position: relative; top: -15px!important}
.wjcallbackform .modal-dialog .modal-footer button.btn {
  width: 100%; 
  background: #558da5; 
  color: #fff; 
  text-transform: uppercase; 
  border-top: 1px solid #558da5;
  font-weight: 500;
}
.wjcallbackform .modal-dialog .modal-footer button.btn:hover {background: #fff; color: #558da5;}
.wjcallbackform .modal-dialog .modal-body input,
.wjcallbackform .modal-dialog .modal-body textarea {border-color: #4ca6cb!important; border-radius: 3px}
.wjcallbackform .modal-dialog .warning-star {font-size: 13px; font-style: italic; color: #2b2b2b; margin: -10px 0 10px 0}

/*---------- Зворотный зв`язок спливаюча форма ---------*/
.pvd-callback-modal-mod {}
a.pvd-callback-btn {
  position: fixed;
  display: block;
  bottom: 125px;
  right: 30px;
  padding: 6px 11px;
  background: #b8d4dd;
  border-radius: 50%;
  z-index: 999;
  color: #558da5;
}
a.pvd-callback-btn:hover {background: #558da5; color: #fff}
.wjcallbackform .modal-content .modal-header .form-header .modal-title {color: #558da5!important; text-transform: uppercase;}
.wjcallbackform .modal-content .modal-body .informtext {font-size: 13px!important; color: #2b2b2b!important; overflow-wrap: break-word}
.wjcallbackform .modal-content .modal-footer button.btn {border-radius: 0 0 3px 3px}
/*------- Блок переваг на головній -----------*/
.pvd-advantages-block {margin-top: 100px; margin-bottom: 60px}
.pvd-advantages-block .pvd-first-txt .img {margin-bottom: 25px!important}
.pvd-advantages-block .pvd-first-txt .img img {border-radius: 25px}
.pvd-advantages-block .pvd-advantages-why-block h2 {
  margin-top: 80px;
  text-align: center;
  text-transform: uppercase;
  color: #558da5;
}
@media (min-width: 767px) { .pvd-advantages-txt-mob{display: none;}}
@media (max-width: 766px) { .pvd-advantages-txt-1 {display: none;}}

.pvd-advantages-block .pvd-advantages-list {margin-top: 60px}
.pvd-advantages-icon img {width: 50%; height: auto; margin-right: auto; margin-left: auto; margin-bottom: 25px}
.pvd-advantages-title {text-align: center; font-size: 22px; font-weight: 500; color: #558da5; margin-bottom: 15px}
.pvd-advantages-txt {font-size: 14px; font-weight: 300; color: #2b2b2b; text-align: justify;}
.pvd-advant-icon-block {margin-bottom: 25px}

/*------------- Глоловна стаття ----------*/
#sp-component h3 {font-size: 22px!important; font-weight: 500!important; color: #558da5; margin-top: 35px; margin-bottom: 20px}
.pvd-sand-artezian-main-block h4 {font-size: 20px!important; font-weight: 500!important; color: #558da5; text-align: center; margin: 25px 0 }
.pvd-main-txt .image img {border-radius: 22px}
.pvd-main-txt .image {margin-bottom: 25px}
.pvd-main-txt-1 {border-left: 5px solid #558da5; padding-left: 25px; font-size: 17px; color: #2b2b2b; line-height: 36px}
h2.pvd-main-txt-title {
  text-align: center;
  text-transform: uppercase;
  color: #558da5;
  padding-top: 100px; padding-bottom: 60px; 
  font-weight: 500!important;
}
.pvd-main-service-row {min-height: 200px; margin-bottom: 30px}
.pvd-main-service-row .image {
  border-radius: 20px; 
  overflow: hidden;
  background-size: cover;
  background-position: bottom!important;
  min-height: 200px;
}
.pvd-main-service-row .image-1 { background: url('../images/pvd-main-service-1-575.webp') ; }
.pvd-main-service-row .image-2 { background: url('../images/pvd-main-service-2-575.webp') ; }
.pvd-main-service-row .image-3 { background: url('../images/pvd-main-service-3-575.webp') ; }
.pvd-main-service-row .image-4 { background: url('../images/pvd-main-service-4-575.webp') ; }
.pvd-main-service-row .image-5 { background: url('../images/pvd-main-service-5-575.webp') ; }
.pvd-main-service-row .image-6 { background: url('../images/pvd-main-service-6-575.webp') ; }

#sp-component .pvd-main-service-row .txt-block-inner {margin-left: 20px; border-left: 5px solid #FFC27E; padding-left: 15px; height: 100%; position: relative;}
#sp-component .pvd-main-service-row .txt-block {}
#sp-component .pvd-main-service-row .txt-block .title h3 {margin-top: 0px; margin-bottom: 20px; font-size: 24px; color: #558da5}
.pvd-main-service-row .txt-block-inner .btn-more {text-align: center; position: absolute; bottom: 10px; width: 100%}
.pvd-main-service-row .txt-block-inner .btn-more a {
  background: #558da5; 
  color: #fff; 
  padding: 7px 30px; 
  text-transform: uppercase;
  border-radius: 3px!important;
  border: 1px solid #558da5;
  letter-spacing: 1px;
  font-size: 12px;
}
.pvd-main-service-row .txt-block-inner .btn-more a:hover {background: #fff; color:  #558da5}
@media (max-width: 766px){
  .pvd-main-service-row .image {border-radius: 0; margin-bottom: 15px}
  .pvd-main-service-row {margin-bottom: 60px}
  #sp-component .pvd-main-service-row .txt-block-inner {margin-left: 0px}
  .pvd-main-service-row .txt-block-inner .btn-more {position: inherit; margin: 25px 0 0 15px}
}
/*відгуки*/

.rd-testimon-mod {margin-top: 100px; margin-bottom: 80px; min-height: 500px}
.rd-testimon-mod .carousel-inner .carousel-item {margin-left: 20%; width: 60%}
.rd-testimon-mod .testimon-img {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  border: 1px solid #205668;
  padding: 5px;
  margin-left: auto; margin-right: auto;
  margin-bottom: 10px;
}
.rd-testimon-mod .testimon-img img {border-radius: 50%; margin-left: auto; margin-right: auto;}
.rd-testimon-mod h2 {font-size: 26px; margin-bottom: 15px}

.rd-testimon-mod .carousel-control-prev,
.rd-testimon-mod .carousel-control-next {background: #fff!important; filter: opacity(100%)!important;}
.rd-testimon-mod p {text-indent: 0}
.rd-testimon-mod .testimon-txt p {text-align: justify!important;}
.rd-testimon-mod .testimon-title .name {font-size: 22px!important; text-align: center; margin-top: 25px; font-weight: 500!important; margin-bottom: 0px}
.rd-testimon-mod .testimon-title .position {font-size: 17px; font-weight: 500; text-align: center; margin-bottom: 25px}
@media (max-width: 991px) {
  .rd-testimon-mod .carousel-inner .carousel-item {margin-left: 10%; width: 80%}
  .rd-testimon-mod button.carousel-control-prev .carousel-control-prev-icon {margin-left: -100px!important }
  .rd-testimon-mod button.carousel-control-next .carousel-control-next-icon {margin-right: -100px!important }
  .rd-testimon-mod .carousel-control-prev, .rd-testimon-mod .carousel-control-next {background: transparent!important;}
}
@media (max-width: 766px) {
  .rd-testimon-mod .carousel-inner .carousel-item {margin-left: 5%; width: 90%; }
  .kz-top-prod-main-mod {margin-top: 0px!important}
}

.rd-testimon-mod h2 {margin: 100px 0 40px 0; text-transform: uppercase; text-align: center; color: #558da5;}
.rd-testimon-mod button.carousel-control-prev, .rd-testimon-mod button.carousel-control-next {background: transparent!important}

/*------------- Статті послуг ------------------*/
.pv-service-page h2, .pv-service-page .article-details h2 {color: #558da5; text-align: center; margin: 40px 0}
.pv-service-page .article-details h3 {color: #558da5;}
.pv-service-page .article-details p {font-size: 16px!important}
.pvd-sand-artezian-main-block.sand {}
.pvd-sand-artezian-main-block.sand .img {text-align: left;}
.pvd-sand-artezian-main-block.sand img {width: 70%;}
.pvd-character-table td {border: 1px solid #4ca6cb; padding-left: 5px}
.pvd-character-table .title-td {font-weight: 500; color: #205668}

.green-plus h4, .red-minus h4 {font-size: 20px; font-weight: 500; color: #558da5; text-align: center; margin-bottom: 15px}
.green-plus .green-plus, .red-minus .red-minus {
  padding: 15px 10px;
  border-radius: 25px;
  box-shadow: 7px 7px 7px rgba(85, 141, 165, 0.4);
}
.green-plus .green-plus {background: #b9f19b; margin-bottom: 25px}
.red-minus .red-minus {background: #f4c5be;}
li span.artezian-accent {font-weight: 500; color: #205668; font-size: 1.1em; padding-top: 10px;}
.perevaga-artezian li {margin-top: 10px}
.pvd-cesson-image-2 {width: 350px; margin-right: 60px!important}
.pvd-cesson-type {background: #b8d4dd; border-radius: 25px; padding: 15px; box-shadow: 7px 7px 7px rgba(85, 141, 165, 0.4); margin-bottom: 25px}
.pvd-cesson-type h4 {color: #205668; text-align: center; font-size: 20px; font-weight: 500; margin-bottom: 15px}
.pvd-cesson-type .image img {margin-left: auto; margin-right: auto; border-radius: 15px}
.pvd-adapter-img {margin: 15px 35px 15px 0px; border-radius: 20px; float: left; box-shadow: 7px 7px 7px rgba(85, 141, 165, 0.4);}
.pvd-water-com-perevaga-block .image img {width: 30%; height: auto; margin-right: auto; margin-left: auto; margin-bottom: 15px; display: block;}
.pvd-water-com-perevaga-block .block { margin-bottom: 40px;}
.pvd-water-com-perevaga-block .block h4 {margin: 15px 0; text-align: center; font-size: 22px; color: #FFC27E}
.pvd-water-com-perevaga-block .block .desc {text-align: justify; font-size: 15px; line-height: 20px}
.pvd-water-comm-accent {color: #558da5; font-size: 1.1em; font-weight: 500}
.pvd-septic-list-block {margin-top: 40px}
.pvd-septic-list-block .list-block {
  margin-bottom: 25px;
  background: #dadada;
  padding: 10px 10px;
  border-radius: 25px;
  box-shadow: 7px 7px 7px rgba(85, 141, 165, 0.4);
}
.pvd-service-banner {position: relative;}
.pvd-service-banner .title {
  position: absolute; 
  top:30%; 
  width: 100%; 
  text-align: center;   
  background: rgba(32, 86, 104, 0.65);
  padding:0!important;
  box-shadow: 0 0 5px rgba(32, 86, 104, 0.8);
  padding: 40px 0;
}
.pvd-service-banner .title h1 { 
  color: #b8d4dd;  
  margin: 15px 0!important;
}

@media (max-width: 766px) {
  .pvd-cesson-image-2 {width: 100%; padding-bottom: 40px; padding: 0; display: block;}
  .pvd-sand-artezian-main-block.sand img,
  .pvd-sand-artezian-main-block.artezian img {margin-left: auto; margin-right: auto; width: 85%; margin-bottom: 25px}
  .green-plus h4, .red-minus h4, .pv-service-page .article-details h2, .pv-service-page .article-details h3 {text-align: center;}
  .pvd-water-com-perevaga-block .image img {width: 50%;}
}

/*--------------- Блог -----------------*/
.view-category.pvd-blog-page .article-list .article { border-radius: 15px; overflow: hidden; transition: 0.6s; border: 1px solid transparent;}
.view-category.pvd-blog-page .article-list .article:hover { box-shadow: 7px 7px 7px rgba(85, 141, 165, 0.4); transition: 0.6s; border: 1px solid #b8d4dd}
.view-category.pvd-blog-page .article-list .article-header h2 a {color: #558da5!important;}
.view-category.pvd-blog-page .article-list .article-header h2 a:hover {color: #205668!important}
.view-category.pvd-blog-page .article-list .article-header h2 {text-align: center;}
.view-category.pvd-blog-page .article-list .article .article-intro-image {overflow: hidden;}
.view-category.pvd-blog-page .article-list .article .article-intro-image img {transition: 0.7s}
.view-category.pvd-blog-page .article-list .article .article-intro-image img:hover {filter: grayscale(80%); scale: 1.1; transition: 2s}
.view-category.pvd-blog-page .article-list .article .readmore {width: 100%; text-align: center; background: color: #558da5;}
.view-category.pvd-blog-page .article-list .article .readmore a {
  background: transparent; 
  border: 1px solid #558da5; 
  color: #558da5;
  border-radius: 8px;
  padding: 8px 40px;
}
.view-category.pvd-blog-page .article-list .article .readmore a:hover {  background: #558da5; color: #fff;}
.view-article.pvd-blog-page .article-full-image img {display: block; margin-right: auto; margin-left: auto;}
.view-article.pvd-blog-page .page-header h2 {text-align: center; color: #558da5; font-weight: 500!important; font-size: 24px!important}
.view-article.pvd-blog-page h1 {font-weight: 500; font-size: 28px!important}
.view-article.pvd-blog-page .pvd-articlebody h2 {text-align: center; color: #558da5; font-weight: 500!important; font-size: 28px!important; margin: 25px 0}
.view-article.pvd-blog-page .pvd-articlebody h3 {color: #558da5; font-weight: 500!important; font-size: 24px!important}
.view-article.pvd-blog-page .pvd-articlebody p {font-size: 16px!important; color: #2b2b2b!important}