/*
Style.css
Theme Name: ridego
*/

@import url('css/style-wp.css');
@import url('libs/bootstrap/bootstrap.css'); 

@import url('css/font-awesome.min.css');
@import url('fontawesome/css/all.min.css');
@import url('css/fonts.css');
/*@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');*/
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i|Roboto:300,300i,400,400i,500,500i,700,700i&display=swap&subset=cyrillic');
/*=================================================
==================================================*/
/* --------------------------------------
    1. General Styles
    -------------------------------------- */


html, body {
overflow-x: hidden !important;
  padding: 0 !important;
  margin-right: 0 !important;
}

body {
   color: #303030;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  line-height: 1.5;
  /*line-height: clamp(1.2rem, 1.057rem + 0.381vw, 1.4rem);
  /*font-size: clamp(0.875rem, 0.818rem + 0.287vw, 1.063rem);*/
  font-size: clamp(0.875rem, 0.786rem + 0.238vw, 1rem); 
  padding: 0 !important;
  margin-right: 0 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Roboto', sans-serif;
}
/*h1, .h1 {
  font-size: 1.75rem;
}
*/
a[href^=tel] {
  color: inherit;
  text-decoration: none; 
}
a[href^=mailto] {
  color: inherit;
  text-decoration: none; 
}

a {
    color: #f7931a;
  text-decoration: underline;
}
a:visited {
  color: inherit;
  text-decoration: none;
}


a:hover,
a:focus,
a:visited {
  outline: none !important;  
   -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  text-decoration: none;
  color: inherit;
}
a:hover {
  text-decoration: underline;
}
input {
  outline: none !important; 
}
/*:focus {
    outline: transparent auto 0px;
}*/
button:focus {
  outline: none !important; 
}


p {
    margin-top: 0;
    margin-bottom: 0.5rem;
}
img {
  max-width: 100%;
  height: auto;
}
.divider {
  display: block;
  float: left;
  margin: 0 0 20px;
  text-align: center;
  width: 100%; 
}

.divider i {
  border-radius: 50%;
  font-size: 30px;
  height: 50px;
  left: 48.5%;
  line-height: 50px;
  margin-top: -25px;
  position: absolute;
  text-align: center;
  width: 50px; 
}

hr {
    background: #303030;
    border: 0 none;
    clear: both;
    height: 1px;
    margin: 5px auto 10px;
    padding: 0;
    position: relative;
    width: 300px;
    max-width: 30%;
}
hr.left {
margin: 5px;  
}
hr.hr-icon {
  margin-bottom: 0;
  margin-top: 5px;
  width: 25%; 
}


blockquote {
  background: #f5f5f5 ;
  border: 1px solid #F7931A;
  border-left: 5px solid #b9ac93;
  border-radius: 20px;
  clear: both;
  font-size: 1.1em;
  line-height: 1.5em;
  margin: 15px 20px;
  padding: 20px 10px 20px 55px; 
  font-weight: 500;
}
ul, ol {
margin: 0;
}
::marker {
    color: #303030;
}
.collapsing { 
height: 0; 
overflow: hidden;   
-webkit-transition: height 0.7s ease-in;
    -moz-transition: height 0.7s ease-in;
    -o-transition: height 0.7s ease-in;
    transition: height 0.7s ease-in;


}
.dropdown-menu { 
height: auto;    
-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.fullscreen-block {
    height: 100vh;
}
.main-content {
  padding: 30px 0; 
}
.sec-box {
padding-top: 30px;
padding-bottom: 30px;
padding: clamp(0.625rem, calc(0.208rem + 1.852vw), 1.875rem) 0;
}
.sec-px {
  padding-left: 15px;
  padding-right: 15px;
   padding-left:clamp(0rem, -1.071rem + 2.232vw, 0.938rem);
   padding-right:clamp(0rem, -1.071rem + 2.232vw, 0.938rem);
}
.sec-title {
  padding-bottom: 30px;
  padding-bottom: clamp(0.625rem, calc(0.208rem + 1.852vw), 1.875rem);
  font-family: 'Roboto Condensed', sans-serif;
  line-height: 1;
  margin: 0;
}
.sec-title.center {
  text-align: center;
}
.sec-title .sub-title { 
   font-size: 26px;
    font-size: clamp(1.125rem, 0.768rem + 0.952vw, 1.625rem);
  clear: both;
 line-height: 1.1;
  font-weight: 500;
  color: #303030;
  font-family: 'Roboto condensed';
}

.sec-title__title {
  font-size: 30px;
  font-size: clamp(1.125rem, 0.875rem + 1.111vw, 1.875rem);
  letter-spacing: 0.5px;
    font-weight: 500;
    font-family: 'Roboto condensed';
    color: #f7931a;
    margin: 0;
    /* letter-spacing: 1px; */
    text-transform: uppercase;
    line-height: 1.2;
    padding-bottom: 5px;
}
.sec-title.center hr {
  width: 300px;
  max-width: 30%;
}
/*.row {
  margin-left: 0;
  margin-right: 0;
}
*/
.sec-bg-gray {
  background: #f4f4f4;
  padding: 24px;
  padding: clamp(0.625rem, calc(0.333rem + 1.296vw), 1.5rem);
}
.sec-bg-white {
    background: #fff;
    padding: 24px;
    padding: clamp(0.625rem, calc(0.333rem + 1.296vw), 1.5rem);
}
/* --------------------------------------
    1. Header 
    -------------------------------------- */
.bg-body-tertiary {
    background-color: transparent !important;
}
header.header-sec {
    width: 100%;
    margin-top: 1px; 
  position: relative;
  border-bottom: 1px solid #f1c793;

}
.header-wrap { 
/*height: 160px;
height: clamp(3.75rem, -0.417rem + 11.574vw, 10rem);*/   
width: 100%;
} 
/* --------------------------------------
    2.  Top Header 
    -------------------------------------- */
    /*=========================*/
 

.header-top-line {
    align-items: center;
    display: flex;
     width: 100%; 
    justify-content: space-between;
    padding: 10px 0;
}

a.st-btn:hover .st-btn__item {
color:#fff;
}
.header-top-box {
justify-content: flex-end;
}
.box-logo {
  display: flex;
}
  .navbar-brand {
  display: inline-flex;
  text-align: left;
}

.navbar-brand img {
  max-height: 60px;
  width: auto;
    height: auto;
    max-width: 100%;
  -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.header-top-contact {
  align-items: center;
    justify-content: space-between;
}
/* ---------header-top-contact -------------*/


.st-btn__icon i {
    font-size: 25px;
    font-size: clamp(1.125rem, 0.906rem + 0.729vw, 1.563rem);
    margin-right: 10px;
    margin-right: clamp(0.313rem, 0.156rem + 0.521vw, 0.625rem);
    float: left;
    font-weight: 400;
    color: #F7931A;
    width: 20px;
    width: clamp(1.125rem, 0.906rem + 0.729vw, 1.563rem);
}

.fa-instagram {
font-weight: 600;  
}

.st-btn__icon:hover,
.st-btn:hover a {
  color:#303030;
  opacity: 0.7;
}

/* =========MENU============*/

.bot-header {
  align-items: center;
      min-width: 100%;
    justify-content: space-between;
  }
.navbar ul {
  margin-left: 0;
}

.navbar .navbar-nav > li:hover > a,
.navbar .navbar-nav > li> a.active,
.dropdown-menu li a:hover {
  color: #F7931A;
}
.dropdown-item:hover, 
.dropdown-item:focus {
    color: #F7931A;
    background-color: transparent;
}

/* --------------------------------------
    3. Header bottom - Navigation 
    -------------------------------------- */
.bot-menu .dropdown-menu a {
    font-size: 14px;
    display: block;
    width: 100%;
    padding: 0.35rem 0.75rem;
    clear: both;
    font-weight: 400;
    color: #303030;
    white-space: pre-wrap;
    background-color: transparent;
    border: 0;
    line-height: 1.2;
    text-align: left;
}


.bot-menu {
 width: 100%;
 padding: 0; 
}
.bot-menu .navbar-nav {
  justify-content: space-evenly;
  width: 100%;
}

.nav > li > a:focus,
.nav > li > a:hover {
  background: none; 
}
.navbar {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.navbar-nav {
list-style: none; 
padding: 0; 
}
.navbar .navbar-nav > li {
  padding: 8px 0;
}

.navbar .navbar-nav > li > a {
    color: #303030;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    font-size: clamp(0.875rem, 0.5rem + 0.625vw, 1.063rem);
    text-decoration: none; 
        cursor: pointer;
    line-height: 1.2;
    text-transform: uppercase;
}

.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li > a:focus,
.navbar .navbar-nav > li > a:active {
  background-color: transparent !important;
  border-bottom: 0px;
  color: #F7931A;
  -webkit-transition: 0.3s ease-in;
  -moz-transition: 0.3s ease-in;
  -o-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
  text-decoration: none;
   }
   .navbar .navbar-nav > li.dropdown:hover .dropdown-menu,
   .canvas-menu .navbar-nav > li.dropdown:hover .dropdown-menu {
    display: block;
    position: absolute;
}
.navbar .navbar-nav li:last-child.dropdown .dropdown-menu {
    right: 0;
    left: auto;
}
.dropdown:hover .dropdown-menu {
  transform: translateY(0);
}
.dropdown-menu {
    font-size: 1rem;
    color: #303030;
    background-color: #fff;
    border: 1px solid #f4f4f4;
    border-radius: 4px; 
    padding: 15px 0;    
    margin-top: 10px;
    width: max-content;
    min-width: 220px;
  }


.dropdown-menu a {
    font-size: 15px;
    display: block;
    width: 100%;
    padding: 0.25rem 1rem;
    clear: both;
    font-weight: 400;
    color: #303030;
    background-color: transparent;
    border: 0;
    line-height: 1.2;
    text-decoration: none;
}

.header-sec .dropdown-toggle:after {
  display: none;
}

.dropdown-toggle:after {
    border: none!important;
    font-family: 'FontAwesome';
    font-size: 11px ;
    content: "\f078";
    vertical-align: 0;
    margin-left: 5px;

}
.dropdown-toggle.show:after {
      border: none!important;
     font-family: 'FontAwesome';
    font-size: 11px ;
    content: "\f077";
    vertical-align: 0;
    margin-left: 5px;
}
.dropdown.show .dropdown-toggle:after {
    border: none!important;
     font-family: 'FontAwesome';
    font-size: 11px ;
    content: "\f078";
    vertical-align: 0;
    margin-left: 5px;
}

.box-iconbars {
    max-width: fit-content;
    margin-left: 10px;
    margin-left: clamp(0.313rem, 0.156rem + 0.521vw, 0.625rem);
    align-items: center;
}

.header-wrap.sticky-menu {
     position: relative;
}

.sticky-menu .top-header-wrap.sticky.is-sticky {
  background: #fff;
  position: fixed;
  top: 0px;
  display: block;
  z-index: 6;
    border-bottom: 1px solid #f1c793;
      -webkit-transition: opacity 0.2s 0s;
    -moz-transition: opacity 0.2s 0s;
    transition: opacity 0.2s 0s;

}
.sticky.is-sticky { 
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 2;
  width: 100%; }

.sticky.is-sticky .header-top-line {
  padding: 5px 0;
}

.sticky.is-sticky .navbar {
  padding: 0;
  width: 100%;
}
.sticky.is-sticky .navbar-nav {
     min-width: 100%;
    font-family: 'Roboto';
}
.sticky.is-sticky .navbar .navbar-nav > li {
  padding: 5px 0;
}
.sticky.is-sticky .header-top-contact {
    padding: 2px 0;
    align-items: center;
}
.sticky.is-sticky .navbar-brand img,
.sticky.is-sticky .navbar-brand object {
 max-height: 45px;
    margin: 0;
    width: auto;
    height: 100%;
}


.sticky.is-sticky .header-top-box {
font-family: 'Roboto';
}
.sticky.is-sticky .st-btn__icon i {
font-size:16px;
font-size: clamp(1rem, 0.866rem + 0.357vw, 1.188rem);
}

nav.navbar.sticky.is-sticky {
    top: 0;
    height: auto;
}
.sticky .navbar-nav > .active > a {
  color: #f7931a; 
  text-decoration: none;
}

.sticky.is-sticky .navbar .navbar-nav > li > a {
  font-size: 15px;
  font-size: clamp(0.75rem, 0.375rem + 0.625vw, 0.938rem);
  font-weight: normal;
  font-family: 'Roboto';
}

.sticky.is-sticky .navbar-nav > li > a:hover,
.sticky.is-sticky .navbar-nav > .active > a {
  color: #f7931a;
}
/* =========trans============*/
.top-transl {
  text-align: right;
  margin-right: 0px;
}
.top-transl.widget {
  margin-bottom: 0;
  
}
.top-transl ul {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  float: right;
  min-width: fit-content;
}

.top-transl li,
.qtranxs_widget ul li {
  margin-right: 5px;
  width: 25px;
  width: clamp(1.125rem, 0.906rem + 0.729vw, 1.563rem);
}

.top-transl li > a > span,
.qtranxs_widget ul li a {
  width: 100%;
}

.top-transl li.active > a > span,
.qtranxs_widget ul li.active a {
  opacity: 1;
}

.top-transl ul img {
 width: 100%;
    height: auto;
    object-fit: cover;
    border: 1px solid #333;
}

/* --------------------------------------
  Menu offcanvas
    -------------------------------------- */
    .offcanvas {
      background: #303030;
      color:#fff;
    }
    .offcanvas-header {
    padding-bottom: 10px;
    border-bottom: 1.5px solid #F7931A;
  }
.offcanvas-header .navbar-brand img {
max-height: 30px;
  }

.offcanvas-body{
  padding-top: 0;
    }
    .offcanvas-body .header-top-contact {
      justify-content: space-around;
    }
   .offcanvas-body .btn.st-btn {
    margin: 0;
   }
  .offcanvas .contacts-foot__social {
    margin-bottom: 0;
    justify-content: space-around;

  }
.offcanvas .contacts-foot__img {
    height: 25px;
    width: 25px;
    margin-right: 5px;
    background: #fff;
    color: #F7931A;
    font-size: 20px;
  }
  .offcanvas .contacts-foot__img:hover {
    opacity: 0.8;
  }
.canvas-menu .navbar-nav {
    padding: 10px;
}
.canvas-menu .dropdown-toggle:after {
    border: none!important;
    font-family: 'Font Awesome 6 Pro';
    font-size: 12px;
    content: "\f078";
    vertical-align: 0;
    position: absolute;
    right: 10px;
    width: 17px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    border-radius: 2px;
    /*background: #f4f4f4;*/
}

.canvas-menu .dropdown-menu {
  position: absolute;
    border-radius: 4px;
    padding: 10px 0;
    margin-top: 0;
    min-width: 100%;
}
.canvas-menu .nav-link {
    padding: 5px 0;
    font-size: 15.5px;
}
.canvas-menu .navbar-nav li:hover .nav-link,
.canvas-menu .navbar-nav li .nav-link.active {
    color: #F7931A;
}
.box-iconbars a {
    text-decoration: none;
    align-items: center;
    font-size: 24px;
    color: #303030;
}
.box-iconbars a:hover {
    color: #f7931a;
}
.text-iconbars {
    font-weight: 400;
    font-size: 14px;
}

.offcanvas .st-btn__icon i {
  font-size: 20px;
  width: 20px;
  font-weight: 200;
}

/* --------------------------------------
    4. Main Section
    -------------------------------------- */

/* ---- Slider ---- */
#home-slider .sec-px {
padding: 0 32px;
}
.big-slider {
  top: 0;
  width: 100%;
  overflow: hidden;
  position: relative;
  /*height: clamp(12.5rem, calc(-5.357rem + 37.202vw), 28.125rem);*/
}

.swiper-slide-active {
  z-index: 100; 
}

.big-slider .swiper-wrapper {
  align-items: stretch;
}
.big-slider .swiper-slide {
    height: auto;
     overflow: hidden;
}
.big-slider .container-slider {
  height: 100%;
  display: flex;
}
.big-slider .slider-caption {
  align-items: stretch;
    height: 100%;
  }

.big-slider.slider-image {
height:  clamp(15.625rem, 11.458rem + 18.519vw, 28.125rem);
max-height: 450px;
min-height: 250px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
background-size: cover;
}
.serv-page .big-slider.slider-image {
height: calc(100vh);
min-height: 150px;
max-height: 250px;
max-height: clamp(9.375rem, 6.25rem + 10.417vw, 15.625rem);
}
.single-page .big-slider.slider-image {
min-height: 150px;
max-height: max-content; 
}


.swiper-slide.slider-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: relative;
    z-index: 2;
}
.big-slider .swiper-slide:before {
    background: #000000a3 url(images/fon-sl.png) no-repeat center;/* url(images/fon-sl-r3.pn) no-repeat right top*/
    background-size: cover;
    height: 100%;
    width: 100%;
    display: block;
    content: '';
    overflow: hidden;
    z-index: 2;
    position: absolute;
    top: 0;
    opacity: 0.5;
}
.big-slider .slider-caption {
/*background: #3e3e40;*/
  z-index: 15;
  align-items: stretch;    
 /*height: clamp(12.5rem, calc(-5.357rem + 37.202vw), 28.125rem);*/
 height: 100%;
/*max-height: max-content;*/
  overflow: hidden;
  padding: 15px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.big-slider .slider-bg {  
    color: #fff;
    border-radius: 0;
    height: 100%;
    flex-direction: column;
    align-items: baseline;
    justify-content: center;
    display: flex; 
    gap: 8px;   
    /*max-width: 360px;*/
}
.big-slider .sub-sl-title {
  font-size: 26px;
  font-size: clamp(1.125rem, 0.768rem + 0.952vw, 1.625rem);
  font-weight: 400;
  font-family: 'Roboto Condensed';
  color: #ed890f;
  margin: 0;
  /*letter-spacing: 1px;*/
  text-transform: uppercase;
  text-shadow: 0px 0px 6px rgba(0,0,0);
  line-height: 1.2;
  padding-bottom: 5px;

}
.big-slider .sl-title {
  font-size: 40px;
  font-size: clamp(1.625rem, 1.188rem + 1.458vw, 2.5rem);
  font-weight: bold;
  font-family: 'Roboto';
  color: #fff;
  margin: 0;
  letter-spacing: 1px;
  text-transform: none;
  text-shadow: 0px 0px 6px rgba(0,0,0);
  line-height: 1.2;
  padding-bottom: 5px;

}
.big-slider .sl-title span {
 color: #ed890f;
}

.big-slider .sl-descr {
  color: #fff;
  padding-bottom: 5px;
  font-size: 18px;
  /*font-size: clamp(1.25rem, 1.097rem + 0.765vw, 1.75rem);*/
  font-size: clamp(0.938rem, 0.865rem + 0.288vw, 1.125rem);

  line-height: 1.2;
}

.big-slider .sl-wrap {
    margin-top: -20px;
    margin-left: 20%;
}

.swiper-slide .container-slider {
    width: 100%;
    display: flex;
    height: 100%;
}
/* ---- Previous & Next Slider buttons ---- */

.swiper-container {
    overflow-x: hidden;
}


.big-slider .swiper-button-prev,
.big-slider .swiper-button-next {
        width: 40px;
    height: 40px;
    width: clamp(2.5rem, 5vw, 3.75rem);
    height: clamp(2.5rem, 5vw, 3.75rem);
 
  background-color: transparent;
    opacity: .7;
    transition: .1s; 
    color: #f7931a;
    margin: 0 2%;
}
.big-slider .swiper-button-next:before, 
.big-slider .swiper-button-prev:before{
  color:#f7931a;
  font-size: 45px;
font-size: clamp(2.813rem, 2.143rem + 1.786vw, 3.75rem);
}

.big-slider .swiper-button-prev:hover,
.big-slider .swiper-button-next:hover {
opacity: 1;
}
.swiper-nav .swiper-button-prev,
.swiper-nav .swiper-button-next {
  cursor: pointer;
    position: absolute;
    z-index: 2;
   /* border-radius: 100%;*/
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    top: 50%;
    transform: translateY(-50%);
}
.swiper-button-next:after, 
.swiper-button-prev:after{
  display: none;
}
.swiper-button-prev,
.swiper-button-next {
  cursor: pointer;
    position: absolute;
    z-index: 2;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background-color: #f4f4f4;
    top: 50%;
    transform: translateY(-50%);


}


.swiper-button-next:before, 
.swiper-button-prev:before {
content: '';
position: absolute;
font-weight: lighter;
font-size: 32px;
font-size: clamp(1.375rem, 0.661rem + 1.488vw, 2rem);
 font-family: 'Font Awesome 6 Pro';
 line-height: 1;
 color: #f7931a;
 
}
.swiper-button-prev:before  {
    content: "\f104";
}
.swiper-button-next:before {
      content: "\f105";
  }

.swiper-button-prev:hover::before,
.swiper-button-next:hover::before {
  color: #fff;
}

.swiper-pagination-fraction {
  color: #a2a2a2;
    top: 0;
    left: 30px;
    width: auto;
    font-family: 'Roboto';
    letter-spacing: -1px;
    display: none;
}
span.swiper-pagination-current {
    font-size: 46px;
    position: absolute;
    top: -10px;
    margin-left: -25px;
    font-weight: bold;
}

/* ---- Previous & Next Slider buttons ---- */
.swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  border: 2px solid #ffa332;
  background: none;
  opacity: 0.8; 
}

.swiper-pagination-bullet-active {
  width: 14px;
  height: 14px;
  border: none;
  background: #ed890f;
  opacity: 1; 
}
.big-slider .slider-caption .btn-lg-wrap {
  display: flex;
}
.big-slider .btn-lg {
  text-transform: uppercase;
}
.big-slider .btn-lg:hover {
    transform: translateY(-2px);
    background: #F7931A;
    color: #fff;
}
.big-slider strong,
.big-slider b {
  color: #F7931A;
}





/* --------------------------------------
    2. produkts 
    -------------------------------------- */
  .produkts-box {

}
.produkt__row {
 flex-wrap: wrap;
 list-style-type: none;
    display: flex;
    flex-wrap: wrap;
}
.produkt__item_wrap {
margin-bottom: 30px;
margin: 0 0 clamp(0.938rem, calc(0.625rem + 1.389vw), 1.875rem);
  text-decoration: none;
  float: left;
  padding-top: 5px;
  overflow: hidden;
}
.produkt__item {
  text-decoration: none;
  justify-content: space-between;
   flex-direction:column;
   transition: .3s;
       width: 100%;
       border-radius: 10px;
       border-radius: clamp(0.25rem, 0.051rem + 0.638vw, 0.625rem);
    overflow: hidden;
    border: 1px solid #f7931a;
}
.produkt__item a.btn-lg.trans {
      border-radius: 0;
}
.produkt__card a {
    text-decoration: none;
}
.produkt__card a:hover .produkt__card_title {
   color: #f7931a;
}
.produkt__card {
  flex-direction:column;
  background: #f4f4f4;
 border-radius: 0;
height: 100%;
    cursor: pointer;  
    padding: 26px; 
  padding: clamp(0.438rem, -0.411rem + 2.262vw, 1.625rem);
      padding-bottom: 0;
  }


.produkt__card_content {
    height: 100%;
    display: flex;
    flex-direction: column;  
justify-content: space-between;
}
.produkt__card_title {
font-size: 19px;
font-size: clamp(0.875rem, 0.652rem + 0.595vw, 1.188rem);
/*line-height: 1.1;*/
margin: 0;
padding: 0;
font-weight: 700;
text-align: center;
color: #303030;
text-transform: uppercase;
}

.produkt__card_descr {
color: #f7931a;
    font-size: 22px;
    font-size: clamp(1rem, 0.732rem + 0.714vw, 1.375rem);
    line-height: 1.1;
    font-weight: 600;
    margin: 0;
    padding: 0;
    margin-block: 0;
    padding-top: 10px;
    text-transform: uppercase;
}

.produkt__card_img {
    width: 100%;
    overflow: hidden;
    height: auto;
    max-height: 350px;
    aspect-ratio: 4 / 3;
    padding-bottom: 26px;
    padding-bottom: clamp(0.438rem, -0.411rem + 2.262vw, 1.625rem);
}
.produkt__card_img img {
    object-fit: cover;
    object-position: top;
    height: 100%;
    width: 100%;
    /*aspect-ratio: 2 / 3;*/
    overflow: hidden;
    border: 1px solid #ccc;
}

@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-100% - 20px));
  }
}

.b-produkts .produkt__item:hover {
    transform: translateY(-5px);
 border: 1px solid #303030;
}


.b-produkts .produkt__item:hover .btn.trans, .b-produkts .produkt__item:hover .btn-lg.trans {
    background: #303030;
    transform: translateY(0px);
    color: #fff;
}
/* ===== reklama__sec   ===== */

.rekl__sec_img img {
border: 1px solid #f7931a;
margin-bottom: 0px;
   /* aspect-ratio: 3 / 2;*/
    height: 100%;
    max-height: 450px;
    width: 100%;
    object-fit: contain;
    border-radius: 0px;
/*border-radius: clamp(0.25rem, 0.051rem + 0.638vw, 0.625rem);*/
}
/* ===== about__sec   ===== */
.about__sec_item,
.control__sec_item {
  align-items: center;
   flex-wrap:wrap;

}
.about__sec_img img,
.control__sec_img img {
border: 1px solid #f7931a;
margin-bottom: 15px;
    aspect-ratio: 3 / 2;
    height: auto;
    max-height: 320px;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
border-radius: clamp(0.25rem, 0.051rem + 0.638vw, 0.625rem);
}
.about__sec_content,
.control__sec_content {
gap: 15px;
flex-direction: column;
}




/* ===== Start Banner  ===== */
section .b-find-cost_wrap {
  background: url(images/world.png) no-repeat fixed center;
  background-size: 70%;
  color: #f6f6f6;
 padding: 30px 0;
 padding: clamp(0.625rem, -0.268rem + 2.381vw, 1.875rem) 0;
  text-align: center;
  font-family: 'Roboto Condensed', sans-serif;

  width: 100%;

}
section .b-find-cost_wrap:before {
  content: "";
  background-color: rgb(247 147 26 / 88%);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0; }

.b-find-cost_wrap {
    position: relative;
    display: flex;
    background: #f7931a;
  }

.b-find-cost {
  content: "";
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    padding: 25px;
    padding:clamp(0.313rem, -0.313rem + 2.083vw, 1.563rem);
    display: flex;
    justify-content: space-between;
    width: 100%;


}

.b-find-cost .find-cost__line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;  
    justify-content: space-between;
}
.b-find-cost .find-cost__title {
  display: flex;
    line-height: 1.1;
    padding: 0;
    max-width: fit-content;
    font-size: 45px;
    font-size: clamp(1.875rem, 1.563rem + 1.389vw, 2.813rem);
    font-weight: 500;
    color: #fff;
    text-shadow: 1px 1px 3px #303030;
    z-index: 1;
text-align: center;
    padding: 0 7%;
}

.b-find-cost .find-cost__linkbox {
    display: flex;
    justify-content: center;
    z-index: 1;

}

.b-find-cost .find-cost__link {
  display: flex;
  justify-content: center;
   align-items:center;
    max-width: 240px;
    width: 100%;
    box-sizing: border-box;
    text-decoration: none;
    background-color: #303030;
    border-color: #303030;
    border-radius: 10px;
border-radius: clamp(0.25rem, 0.051rem + 0.638vw, 0.625rem);
    color: #fff;
    text-transform: uppercase;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
     transition: .25s;
}
.b-find-cost .find-cost__link:hover {
     background-color: #fff;
    border: 1px solid #303030; 
    color: #f7931a;
}

/*=======================================*/
/* =====  Start callback ===== */
/*=======================================*/

.b-callback {
    width: 100%;
    height: 100%;
    border-radius: 2px;
    background-color: #303030;
    padding: 60px 40px;
    padding: clamp(1.25rem, calc(0.417rem + 3.704vw), 3.75rem) clamp(0.625rem, calc(0rem + 2.778vw), 2.5rem);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 15px;
    line-height: 1.2;
}

.b-callback_wrap {
max-width: 320px;
    flex-direction: column;
    gap:20px;
}
.b-callback .callback__title {
    font-size: 26px;
    font-size: clamp(1.375rem, 1.196rem + 0.476vw, 1.625rem);
    line-height: 1.1;
    margin: 0;
    padding: 0;
    color: #fff;
    font-weight: 700;
}
.b-callback .btn-lg {
  background: #F7931A;
  color: #fff;
  max-width: 320px;
  max-height: 42px;
}
.b-callback .btn-lg:hover {
  transform: translateY(-2px);
  background: #F7931A;
  color: #303030;
}


.b-info-text span {
    margin-right: 5px;
    font-weight: 600;
}

.b-info-text {
 line-height: 1.1;
 font-size: 15px;
 margin-top: 20px;
}

a.btn.trans,
a.btn-lg.trans {
color:#fff;
text-transform: uppercase;
border-radius: 10px;
border-radius: clamp(0.25rem, 0.051rem + 0.638vw, 0.625rem);
min-width: 150px;
}
.btn.trans:hover,
.btn-lg.trans:hover {
  background: #303030;
  transform: translateY(-2px);
  color: #fff;
}


.b-baner-call .b-callback {
    width: 100%;
    height: 100%;
    padding: 60px 40px;
    padding: clamp(1.25rem, calc(0.417rem + 3.704vw), 3.75rem) clamp(0.625rem, calc(0rem + 2.778vw), 2.5rem);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
}


.b-baner-call .b-callback_wrap {
      flex-direction: row;
      width: 100%;
      justify-content: space-around;
      align-items: center;
      max-width: max-content;
}


/*===================*/
/* ---- Ansver ---- */
/*===================*/

.ansver-info .card {
    border: none;
    margin: 0;
    padding: 10px 0;
    padding-right: 6rem;
    padding-right: clamp(2.5rem, 1.333rem + 5.185vw, 6rem);
    padding-left: 3rem;
    padding-left: clamp(1rem, 0.333rem + 2.963vw, 3rem);
    border-radius: 6px;
    -webkit-box-shadow: 0px 1px 10px 0px rgba(8, 8, 55, 0.1);
    -moz-box-shadow: 0px 1px 10px 0px rgba(8, 8, 55, 0.1);
    box-shadow: 0px 1px 10px 0px rgba(8, 8, 55, 0.1);
    margin-bottom: 14px;
}

.ansver-info a.btn-link {
  color:#303030;
align-items:center;
background: #fff;
border-color: transparent;
display: flex;
font-size: 18px;
font-size: clamp(1rem, 0.958rem + 0.185vw, 1.125rem);
word-wrap: break-word;
font-weight: 500;
line-height: 1.2;
cursor: pointer;
padding: 1rem 0;
padding: clamp(0rem, -0.333rem + 1.481vw, 1rem) 0;
text-decoration: none;

}
.ansver-info .card:hover a.btn-link  {
  opacity: 0.7;
}
.ansver-info .card:hover a.collapsed:after {
  opacity: 1;
}
.ansver-info .card a.collapsed:after {
  background: #303030;
 color: #fff;
content: " +";
border-radius: 2px;
width: 24px;
height: 24px;
position: absolute;
right: 40px;
right: clamp(0.938rem, 0.417rem + 2.315vw, 2.5rem);
font-size: 20px;
font-family: 'Font Awesome 6 Pro';
text-align: center;
line-height: 1.2;
/* open */
}

.ansver-info .card a:after {
  background: #F7931A;
color: #fff;
content: "-"; 
border-radius: 2px;
/* close */ 
float: right;
width: 24px;
height: 24px;
position: absolute;
right: 40px;
right: clamp(0.938rem, 0.417rem + 2.315vw, 2.5rem);
font-family: 'Font Awesome 6 Pro';
font-size: 20px;
text-align: center;
line-height: 1.2;
font-weight: 500;
}
.ansver-info .card-body {
font-size: 15px;
font-weight: 500;
padding: 0.25rem 0;
}

/*===================*/
/* ---- Ansver Form---- */
/*===================*/
.ansver-form .mail-form {
  padding: 0;
  background: transparent;
}
.ansver-form .form-control {
    background: #f4f4f4;
    border-color: #f4f4f4;
    color: #3e3e40;
}
.ansver-form .sec-box-bg {
  background: #fff;
}
.ansver-form .sec-box-bg {
  justify-content: space-around;
}
/*===========================*/
/*===========swiper-sert================*/
/*===========================*/
.swiper-sert,
.swiper-otz,
.swiper-work,
.swiper-navigation.nav-transf   {
  position: relative;
}

.swiper-navigation.nav-transf   {
  margin-top: 60px;
  margin-top: clamp(2.813rem, 2.5rem + 1.389vw, 3.75rem);
  max-width: 150px;
  max-width: clamp(6.25rem, 5.208rem + 4.63vw, 9.375rem);
  display: flex;
     min-width: 150px;
     min-width: clamp(7.5rem, 6.161rem + 3.571vw, 9.375rem);
    margin-left: auto;
    margin-right: auto;
}

.swiper-navigation.nav-transf .swiper-button-next,
.swiper-navigation.nav-transf .swiper-button-prev  {
  background: #fff;
  color: #f7931a;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    width: clamp(1.875rem, 1.25rem + 2.778vw, 3.75rem);
    height: 40px;
    height: clamp(1.563rem, 1.25rem + 1.389vw, 2.5rem);
    border: none;
    border-radius: 4px;
    border: 1px solid #b1b1b1;
}

.swiper-navigation.nav-transf .swiper-button-next:focus,
.swiper-navigation.nav-transf .swiper-button-prev:focus  {
    outline: #b1b1b1 auto 0px;
    border: 1px solid #b1b1b1;
}
.swiper-navigation.nav-transf .swiper-button-prev:before,
.swiper-navigation.nav-transf .swiper-button-next:before  {
  color: #f7931a;
}
.swiper-navigation.nav-transf .swiper-button-next:focus:before,
.swiper-navigation.nav-transf .swiper-button-prev:focus:before  {
 color: #fff;
}
.nav-transf .swiper-button-next:hover,
.nav-transf .swiper-button-prev:hover    {
  background-color: #f7931a;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    width: clamp(1.875rem, 1.25rem + 2.778vw, 3.75rem);
    height: 40px;
    height: clamp(1.563rem, 1.25rem + 1.389vw, 2.5rem);
    border-radius: 4px;
    color:#fff;
    opacity: 0.7;
}
.nav-transf .swiper-button-prev:hover::before,
.nav-transf .swiper-button-next:hover::before  {
  color: #fff;
}

.nav-transf .swiper-button-prev:focus,
.nav-transf .swiper-button-next:focus {
    background-color: #f7931a;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    width: clamp(1.875rem, 1.25rem + 2.778vw, 3.75rem);
    height: 40px;
    height: clamp(1.563rem, 1.25rem + 1.389vw, 2.5rem);
    border-radius: 4px;
    color:#fff;
 outline: #3e3e40 auto 0.1px; 
 opacity: 1;
}
   


.gallery-otz__img {
    max-height: 300px;
    overflow: hidden;
    /* display: flex; */
    width: 100%;
    border-radius: 10px;
    border-radius: clamp(0.25rem, 0.051rem + 0.638vw, 0.625rem);
    border: 1px solid #f7931a;
	aspect-ratio: 3 / 2;
}
.gallery-otz__img img {
  height: 100%;
  width: 100%;
  object-fit:cover;
  object-position: bottom;
}

/*===================*/
/* ================Form zayavka===========*/
/*===================*/
.mail-form {
  background: #fff;
}
.sec-box-bg {
  border-right: 4px;
  padding: 20px;
  padding: clamp(0.625rem, 0.417rem + 0.926vw, 1.25rem);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-width: 100%;
}
.form__person,
.form-header,
.form-title {
 text-align: left;
}

.form-header {
  font-size: 17px;
  line-height: 1.2;
  margin-bottom: 10px;
} 
.form-title {
  font-size: 22px;
  font-size: clamp(1.125rem, 1rem + 0.417vw, 1.375rem);
     font-weight: bold; 
    font-family: 'Roboto';
    /*letter-spacing: 1px;
    margin-bottom: 10px;*/
    color:#303030;
}
.form-control {
    height: inherit;
    padding: 0.75rem 0.75rem;
    border-radius: 6px;
    margin-bottom: 10px;
    color: #3e3e40;
    font-size: 16px;
    font-size: clamp(0.875rem, 0.833rem + 0.185vw, 1rem);
}
.form__person a:hover {
  text-decoration: underline;
}

.form__checkbox .form__person {
  font-size: 14px;
  font-size: clamp(0.688rem, 0.625rem + 0.278vw, 0.875rem);
  text-align: center;
  margin-top: 10px;
  line-height: 1.2;
}
.b-form-zayavka .mail-form {
  background: #f4f4f4;
  border: 1px solid #f7931a;
  border-radius: 10px;
      max-width: 100%;
    padding: 20px;
    padding: clamp(0rem, -0.625rem + 2.083vw, 1.25rem);
}

.b-form-zayavka .form-group {
  padding: 0 5px;
margin-bottom: 5px;
}
.b-form-zayavka .form-label,
.b-form-zayavka .form-check-label {
        font-weight: bold;
    width: 100%;
    font-size: 16px;
    font-size: clamp(0.875rem, 0.833rem + 0.185vw, 1rem);
}

.b-form-zayavka .people_descr {
    font-size: 14px;
    font-size: clamp(0.75rem, 0.708rem + 0.185vw, 0.875rem);
font-weight: normal;
    line-height: 1.2;
    margin-bottom: 15px;
}

.b-form-zayavka .gr-people label {
  text-align: center;
  font-size: 14px;
  font-size: clamp(0.625rem, 0.542rem + 0.37vw, 0.875rem);
  line-height: 1;
}
.b-form-zayavka .gr-people {
    display: flex;
    flex-direction: column;
    /* height: 100%; */
    justify-content: space-between;
}

.b-form-zayavka .form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: 0.125rem;
    min-width: max-content;
}
/* Изменение цвета выбранного radio button */
.form-check-input:checked {
    background-color: #F7931A; /* Ваш новый цвет фона */
    border-color: #F7931A;      /* Ваш новый цвет рамки */
}

/* Удаление стандартной синей тени при фокусе и замена ее на вашу */
.form-check-input:focus {
    border-color: #F7931A;
    box-shadow: 0 0 0 0.25rem rgba(249,224,141,1); /* Цвет тени должен совпадать с основным */
}
/*===========================*/
/*===========Footer================*/
/*===========================*/
.l-footerbox {
    background: #303030;
      color: #fff;
    font-size: 14px;
  }
.l-footerbox .footerbox__wrap {
    margin: 0;
    width: 100%;
    z-index: 10;
    position: relative;
}


.footer__logo {
  margin-bottom: 10px;
  margin-bottom:clamp(0.313rem, 0.146rem + 0.532vw, 0.625rem);
}
.footer__logo img {
    float: left;
    width: 100%;
    height: auto;
    width: auto; 
    max-height: 55px;
    max-height: clamp(2.5rem, 2.001rem + 1.596vw, 3.438rem);
}

.b-footer-top .footer__content {
    overflow: hidden;
    text-align: right;
        display: flex;
}

.b-footer-top .btn-lg {
     padding: 10px 5px;
    min-width: max-content;
}
.b-footer-top .footer__btn i {
margin-right: 5px;
}

.b-footer-bot,
.b-menu-foot {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
}
.menu-foot__col {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-bottom: 10px;
}

.b-menu-foot ul li {
  margin-bottom: 2px;
  font-size: 14px;
   /* font-size: clamp(0.688rem, 0.588rem + 0.319vw, 0.875rem);*/
  font-size: clamp(0.875rem, 0.813rem + 0.278vw, 1.063rem);
  font-weight: 300;
}
.b-menu-foot ul li > a, 
.b-menu-foot ul li > a:visited,
.b-footer-copy a,
.b-footer-copy a:visited {
    text-decoration: none;
    color: #fff;
    padding: 0;
    font-size: clamp(0.688rem, 0.588rem + 0.319vw, 0.875rem);
}
.b-footer-copy a:hover {
  text-decoration: underline;
}

.contacts-foot__social {
    margin-bottom: 0px;
    font-size: 30px;
    font-size: clamp(0.875rem, 0.435rem + 1.6vw, 1.875rem);
    color: #fff;
    line-height: 1.2;
    justify-content: center;
    text-align: center;
}

.contacts-foot__social a,
.b-form-social a {
  text-decoration: none;
}
.b-contacts-foot .contacts-foot__icon:hover {
  opacity: 0.8;
}
.contacts-foot__img {
    height: 40px;
    width: 40px;
    margin: 5px;
    background: #F7931A;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;

}
.contacts-foot__img i {
     color: #fff;
    font-size: 20px;
    font-weight: 300;
}
.b-footer-copy{
  display: flex;
  align-items:end;
  padding: 20px 0;
  justify-content: space-between;
}

.b-copyright, .b-copyright-2 {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.footer__logo_txt,
.f-link a {
   font-size:14px;
  font-size: clamp(0.625rem, 0.492rem + 0.426vw, 0.875rem);
}
.vr {
    display: inline-block;
    width: 1px;
    min-height: 1em;
    opacity: .5;
    background-color: #222;
    margin: 0 20px;
    height: 2.5rem;
}
@media only screen and (max-width: 1920px) and (min-width: 767px) {
.info_price span {
    font-size: calc(30px + 14 * (100vw / 1920));
}
}
/* --------------------------------------
 Footer
    -------------------------------------- */

/* ---- Copyright Section ---- */
.copyright {
  background: #180f00;
  color: #fff;
  font-family: 'Roboto', sans-serif;
  text-align: center;
  padding: 20px 0;
  width: 100%; 
  display: flex;
}

/* ------------ TOTOP STARTS ------------------ */
#scrollup span:before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  *margin-right: .3em;
  text-indent: 0 !important; 
}
#scrollup a,
#scrollup a:hover {
  text-decoration: none;
}
#scrollup {
  position: fixed;
  bottom: 70px;
  z-index: 99;
  right: 30px;
  display: block;
  width: 52px;
  height: 52px; 
}

#scrollup span {
  display: block;
  text-align: center;
  background: #8a8a8a;
  text-transform: uppercase;
  color: #fff;
  font-size: 20px;
  height: 100%;
  padding: 12px 0;
  opacity: 0.9; 
}

#scrollup span:before {
  content: "\f077";
  display: block; 
}

#scrollup:hover span {
  opacity: 0.5;
  color: #fff; 
}

#scrollup span {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

/* ------------ TOTOP ENDS ------------------ */

@media only screen and (max-width: 1920px) and (min-width: 767px) {
.stat-item__title {
    font-size: calc(16px + 6 * (100vw / 1920));
}
.stat-item__value {
    font-size: calc(40px + 30 * (100vw / 1920));
}
.stat-item__text {
    font-size: calc(14px + 2 * (100vw / 1920));
}
}


.content-post, 
.content-category {
    padding: 40px 0;
    padding: clamp(1.25rem, 0.357rem + 2.381vw, 2.5rem) 0;
}

.content-post h2, 
.content-page h2 {
  color: #1c1c1b;
  display: inline-block;
  font-family: "Roboto";
  width: 100%;
  clear: both; 
}
.content-post h3, .content-page h3 {
  color: #1c1c1b;
  font-family: "Roboto";
  clear: both; 
}
.content-post ul li::marker,
.content-post ol li::marker {
    color: #ff7814;
}
.content-post p, .content-page p {
  margin-bottom: 10px; 
}



/* Хлебные крошки */
.breadcrumb,
.breadcrumbs{
    list-style: none;
    border-radius: 0;
    background: transparent;
    font-family: "Roboto";
    font-size: 15px;
    font-size: clamp(0.75rem, 0.656rem + 0.313vw, 0.938rem);
    margin-left: 0;
   color: #b4b4b4;
    border-radius: 4px;
    padding: 6px 10px;
    /*padding: clamp(0.25rem, 0.125rem + 0.417vw, 0.5rem);*/
    /*background-color: #f4f4f4;*/
    list-style: none;
   display: flex;
       flex-wrap: wrap;
    align-items: center;
    max-width: max-content;
  
}
.breadcrumbs.l-home {
  padding-left: 12px;
}
.breadcrumb a,
.breadcrumbs a {
  color: #b4b4b4;
  text-decoration: none;
 
}
.breadcrumb li:hover a,
.breadcrumbs a.breadcrumbs__link:hover {
  text-decoration: underline;
  color:#ff7814; 
   
}
.breadcrumb > li {
  display: inline-block; }

.breadcrumb > li + li:before,
.breadcrumbs__separator {
  content: "\f054";
  padding: 0 3px;
  color: #b4b4b4;
  font-size: 10px;
  font-size: clamp(0.375rem, 0.292rem + 0.37vw, 0.625rem);
  font-family: 'Font Awesome 6 Pro';
}

.breadcrumb > .active {
      color: #b4b4b4;}
  
span.breadcrumbs__current {
        color: #b4b4b4;
}
.subheader__breadcrumb {
  margin-bottom: 15px;
  margin-bottom: clamp(0.313rem, 0.104rem + 0.926vw, 0.938rem);
}


/*----------------- Пагинация ------------*/
.cat-pagination {
  clear: both;
  color: #999999;
  float: left;
  font-family: "Roboto";
  font-size: 24px;
  margin: 55px 0 20px;
  margin: clamp(1.375rem, -0.098rem + 3.929vw, 3.438rem) 0 20px 0;
  text-align: center;
  width: 100%; }

.cat-pagination a, .cat-pagination span {
  padding: 3px 7px; }

.cat-pagination span {
  background: none repeat  0 0 #ff7814;
  color: #fff; }

.cat-pagination a {
  color: #565757; }

.cat-pagination a:hover {
  color: #ccc;
  text-decoration: none; }

/* ==========================================
   Page Door/Balkony
  ========================================== */
  .b-page-top__inner {
    border: 1px solid #ececec;
}
  .b-page-top__item {
    padding:40px 45px;
  }
  .b-page-top__item.item-left {
    border-right: 1px solid #ececec;
  }
.page-box__img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.b-page-top__img {
  flex: 1 0 auto;    
    height: auto;
    width: 100%;
    max-height: 400px;
    max-width: 100%;
    overflow: hidden;
    aspect-ratio: 1/1;
}
.b-page-top .b-page-top__text {
    margin-bottom: 15px;
}

/* ==========================================
   Page Usluga
  ========================================== */
#big-slider-page .slider-caption {
 max-height: max-content;
}
.b-page-top .b-page-top__adv ul {
 padding-left: 30px;
 font-size: 15px;
}
.b-page-top .b-page-top__adv li {
    position: relative;
    padding-bottom: 5px;
    list-style-type: none;
}
.b-page-top .b-page-top__adv li:after {
    display: block;
    content: '\f058';
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0px;
    /*font-size: 20px;*/
    left: -30px;
    font-family: 'Font Awesome 6 Pro';
    color: #fff;
    font-weight: 300;
    /*background: url(images/1/spisok.png) no-repeat;
    background-size: cover;*/
}
.b-page-top .produkt__card_price_fix {
    width: fit-content;
    padding: 8px 12px;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    border-radius: 4px;
    background: #fff;
    color: #3e3e40;
    /* cursor: grab; */
    margin-bottom: 10px;
}

/*=======================================*/
/* =====  Start -benefits Prof ===== */
/*=======================================*/

#benefits-prof .p-accent {
    text-align: center;
    font-size: 26px;
    font-size: clamp(1.063rem, 0.902rem + 0.804vw, 1.625rem);
    font-style: normal;
    font-weight: 600;
    line-height: 1.2;
    color: #3e3e40;
    margin-top: 10px;
}
#benefits-prof .benefits__item {
  background: #fff;
  padding: 0;
}


/* --------------------------------------
             Page
   -------------------------------------- */


#prof-big-slider.big-slider .slider-image:before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .7;*/
     opacity: .5;
    background: #000;
}
#prof-big-slider.big-slider  .swiper-slide .slider-image img {
    width: 95%;
    height: 95%;
    object-fit: contain;
    position: relative;
    z-index: 2;
}

.page-usl-img__box {
    display: flex;
    margin-bottom: 35px;
    margin-bottom: clamp(1rem, 0.406rem + 1.979vw, 2.188rem);
}
.page-usl-img__itembox  {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
        justify-content: space-between;
    background: #f4f4f4;
    padding: 20px;
    border-radius: 6px;
}
.page-usl-img__itembox .page-usl-img__img {
max-height: 400px;
}
.page-usl-img__itembox .page-usl-img__img img {
    margin-bottom: 0;
    height: 100%;
    width: 100%;
    object-position: center;
    -o-object-fit: contain;
    object-fit: contain;
     overflow: hidden;
    aspect-ratio: 1.5 / 1;
}
.page-usl-img__info {
   /*text-align: center;*/
   background: #f4f4f4;
       display: flex;
    flex-direction: column;
    padding: 20px;
    gap: 10px;
    height: 100%;
    justify-content: space-between;
}
.page-usl-img__title {
  font-size: 19px;
 font-weight: 700;
}
.page-usl-img__descr ul {
  list-style: none;
  padding-left: 0;
}

.page-usl-img__bot {
  justify-content: space-between;
  align-items: center;
}
.page-usl-img__itembox:hover {
  z-index: 3;
    transform: translateY(-5px);
    box-shadow: 0 -20px 80px rgba(23, 58, 105, .07), 0 81.0185px 46.8519px rgba(23, 58, 105, .05), 0 48.1481px 25.4815px rgba(23, 58, 105, .04), 0 25px 13px rgba(23, 58, 105, .04), 0 10.1852px 6.51852px rgba(23, 58, 105, .03), 0 2.31481px 3.14815px rgba(23, 58, 105, .02);
    transition: .3s;
  }
.page-usl-img__box .produkt__card_price_fix {
    cursor: default;
  }
/*===================*/
/* ================Form zayavka Page Uslyga===========*/
/*===================*/
form a {
  color: inherit;
}
.b-form-zayavka__page {
    position: relative;
    z-index: 1;
    height: 100%;
    margin: 0;
    overflow: hidden;
    background-position: 50% 0;
    background-repeat: no-repeat;
    color: #fff;
    background: url('images/1/form-zayavka-bg.jpg');
    background-size: cover;
background-position: right;
    }

.b-form-zayavka__page a:link,
.b-form-zayavka__page a:visited,
.b-form-zayavka__page .b-form-social i,
.b-form-zayavka__page .b-form-social a {
    color: #fff;
}
.b-form-zayavka__page.b-form-social {
  display: flex;
}
.b-form-zayavka__page .b-form-social a {
display: flex;
margin-right: 10px;
font-size: 18px;
min-width: fit-content;
font-weight: 500;
}
.b-form-zayavka__page.b-form-social i {
  font-size: 25px;
  margin-right: 5px;
}
.b-form-zayavka__page .b-form-social a:hover {
opacity: 0.7;
}
.b-form-zayavka__page h2 {
    margin-bottom: 53px;
    color: #fff;
}
.b-form-zayavka__page .form-control {
     padding-left: 45px;
}
.b-form-zayavka__page .form-zayavka__input-name {
    background: #fff url('images/1/forms-icon-name.png') 15px 50%/18px auto no-repeat;
  }
.b-form-zayavka__page .form-zayavka__input-phone {
    background: #fff url('images/1/forms-icon-phone.png') 15px 50%/18px auto no-repeat;
  }
.b-form-zayavka__page .form-zayavka__textarea-address {
    background: #fff url('images/1/forms-icon-adress.png') 15px 12px/16px auto no-repeat;
}
.b-form-zayavka__page .form-zayavka__inner {
    width: 100%;
}
.b-form-zayavka__page .form-zayavka__cols-wrap {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
}
.b-form-zayavka__page .form-zayavka__cols {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}
.b-form-zayavka__page .form-zayavka__cols-1-2 {
    width: 50%;
}
.b-form-zayavka__page .form-zayavka__cols--btn {
    padding-top: 10px;
    text-align: right;
}
.b-form-zayavka__page .form-zayavka__cols--flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.b-form-zayavka__page .btn-lg:hover {
    background-color: #fff;
    color: #ff7814;
}
.b-form-zayavka__page .btn-lg:focus {
    outline: none;
}

.b-form-zayavka__page .sec-title__title {
  position: relative;
} 
.b-form-zayavka__page .free-mark {
    position: absolute;
    text-transform: uppercase;
    background: url(images/bg-txt-2.png) no-repeat center;
    /*font-size: 26px;*/
    right: 30px;
    background-size: 100%;
    width: 320px;
    height: 100%;
    text-align: center;
    line-height: 2.2;
}
.b-form-zayavka__page .form__cptch_country,
.b-topform .form__cptch_country {
    display: none !important;
}

.b-form-zayavka__page label.error {
    font-size: 16px;
}

.b-form-zayavka__page .form__checkbox .form__inputwrap {
    float: left;
    width: 25px;
    position: relative;
}
.b-form-zayavka__page .form__checkbox .form__person {
  font-size: 12px;
}
.b-form-zayavka__page .b-form-social {
    display: flex;
}
.b-form-zayavka__page .b-form-social i {
    font-size: 25px;
    margin-right: 5px;
}


/* --------------------------------------
 Category uslugi
   -------------------------------------- */
.cat-usl__box {
    display: flex;
    margin-bottom: 35px;
}
.cat-usl__itembox  {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    background: #f4f4f4;
    padding: 20px;
    border-radius: 6px;
    width: 100%;
}

.cat-usl__itembox .cat-usl__img img {
    margin-bottom: 0;
    height: auto;
    width: 100%;
    aspect-ratio: 1.5/1;
    object-position: center;
    -o-object-fit: cover;
    object-fit: cover;
     overflow: hidden;
     max-height: 400px;
}

.cat-usl__img.prof_img img {
     -o-object-fit: contain;
    object-fit: contain;
}
.cat-usl__info {
   /*text-align: center;*/
   background: #f4f4f4;
       display: flex;
    flex-direction: column;
    padding: 20px;
    gap: 10px;
    height: 100%;
    justify-content: space-between;
    padding-bottom: 10px;
}
.cat-usl__title {
  font-size: 19px;
 font-weight: 700;
 
}
.cat-usl__title a {
color: inherit; 
text-decoration: none; 
}
.cat-usl__title a:hover {
  text-decoration: underline;
}
.cat-usl__descr ul {
  list-style: none;
  padding-left: 0;
}
.cat-usl__info .btn-lg {
  padding: 11px 24px;
  font-size: 14px;
}

.btn-more {
  background-color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 36px;
    border: none;
    border-radius: 6px;
    border: 1px solid #3e3e40;
}

.btn-more:before {
  content: "\f105";
    position: absolute;
    font-weight: lighter;
    font-size: 28px;
    /* font-size: clamp(2.5rem, 1.786rem + 1.905vw, 3.5rem); */
    font-family: 'Font Awesome 6 Pro';
    line-height: 1;
    color: #3e3e40;
}
.cat-usl__bot {
  justify-content: space-between;
  align-items: center;
}
.cat-usl__itembox:hover {
  z-index: 3;
    transform: translateY(-5px);
    box-shadow: 0 -20px 80px rgba(23, 58, 105, .07), 0 81.0185px 46.8519px rgba(23, 58, 105, .05), 0 48.1481px 25.4815px rgba(23, 58, 105, .04), 0 25px 13px rgba(23, 58, 105, .04), 0 10.1852px 6.51852px rgba(23, 58, 105, .03), 0 2.31481px 3.14815px rgba(23, 58, 105, .02);
    transition: .3s;
  }
.btn-more:hover {
  border: 1px solid #ff7814;
}
.btn-more:hover::before {
  color: #ff7814;
}

/* ==========================================
   Page Akcija & Single Post Page
  ========================================== */


.content-post__first-img_wrap {
      position: relative;
    height: 250px;
    height: clamp(12.5rem, 10.938rem + 5.208vw, 15.625rem);
    display: flex;
   /* margin-bottom: 25px;
    margin-bottom: clamp(0.625rem, 0.156rem + 1.563vw, 1.563rem);*/
}
.content-post__first-img {
 display: flex;  
   width: 100%;
   height: 100%;
  position: relative;
}


.content-post__first-img:before  {
    background: #000000a3 url(images/fon-sl.png) no-repeat center;
    background-size: cover;
    height: 100%;
    width: 100%;
    display: block;
    content: '';
    overflow: hidden;
    z-index: 2;
    position: absolute;
    top: 0;
    opacity: 0.8;
    z-index: 0;
}
.content-post__first-img img {
 width: 100%;
 height: 100%;
  object-fit:cover;
}
.first-title__wrap {
  display: flex;
width: 100%;
    content: "";
    position: absolute;
    bottom: 0;
    padding: 25px;
    padding: clamp(0.625rem, 0.156rem + 1.563vw, 1.563rem);
    align-items: flex-end;
    justify-content: space-between;
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .3));
    align-items: center;
    z-index: 1;
}
.first-img__title {
    display: flex;
    line-height: 1.1;
    font-size: clamp(1.25rem, 0.868rem + 1.912vw, 2.5rem);
    font-weight: 600;
    color: rgb(255, 255, 255);
    padding: 0px;
    text-shadow: 1px 1px 5px #000;
        z-index: 1;
  }
  .first-img__title .title {
    font-size:40px;
    font-size: clamp(1.625rem, 1.188rem + 1.458vw, 2.5rem);
  }
  .first-img__linkbox {
    display: flex;
    justify-content: center;
        z-index: 1;
}

/* ==========================================
   Category Akcii & news
  ========================================== */
.b-news_list {
    margin-bottom: 0;
    padding: 0;
}
.b-news_list .news-wrap {
    min-height: 220px;
    margin-bottom: 40px;
}
.b-news_list .news__item {  
    display: flex;
    min-height: 220px;
    padding: 20px;
    width: 100%;
    background: #f4f4f4;
    justify-content: space-between;
}
.b-news_list .news__imgbox img {
    float: left;
    width: 160px;
}
.b-news .news__imgbox {
    padding-right: 10px;
    margin-bottom: 10px;
}
.b-news .news__linkback {
    font-size: 14px;
}
.b-news_list .news__content {
    padding: 20px;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.b-news_list .news__title {
    font-size: 20px;
    font-weight: 500;
}
.b-news .news__title a, 
.b-news .news__title a:visited {
    text-decoration: none;
    color: #3e3e40;
}
.b-news .btn-lg {
  text-transform: uppercase;
  font-weight: 400;
   font-size: 14px;
   color: #fff;

}
.b-news .news__date {
    font-size: 14px;
    color: #999999;
}
.news__info,
.b-news_list .news__title,
.b-news .news__date {
  margin-bottom: 10px;
}


/* --------------------------------------
   404
   -------------------------------------- */
#not-found.content-wrap {
  margin-top: 140px; }



/* ==========================================
   Page Contacts
  ========================================== */

.b-contacts {
    margin-bottom: 40px;
    margin-bottom: clamp(1.25rem, 0.357rem + 2.381vw, 2.5rem);
    font-size: 16px;
    font-size: clamp(0.75rem, 0.667rem + 0.37vw, 1rem);
}
.b-contacts .contacts__item {
    padding: 40px 0;
    padding: clamp(1.25rem, 0.357rem + 2.381vw, 2.5rem) 0;
    border-width: 1px 0;
}
.b-form {
    border: 1px solid #f7931a;
    background-color: #f0f0f0;
    border-radius: 10px;
    padding: 25px;
    padding: clamp(0.625rem, 0.313rem + 1.389vw, 1.563rem);
}
.b-form textarea, 
.b-form textarea:focus {
    width: 100%;
    height: 100px;
    margin: 0;
    min-height: 100px;
    resize: vertical;
}
.b-form .form__agreed-link,
.b-form .form__agreed-link a {
  color: #1a1a1b;
  font-size: 14px;
}


/* --------------------------------------
 Buttons
    -------------------------------------- */

.btn, .submit, .button{
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  /*border: 2px solid #;*/
  background: #F7931A;
  color: #fff;
  line-height: 1;
  outline: none;
  position: relative;
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 400;
  text-transform: none;
  text-decoration: none;
}
.btn a, .btn:hover a, .btn a:hover,
a.btn , a.btn:hover  {
  text-decoration: none; 
}
.btn:hover, 
.submit:hover, 
.button:hover  {
 background: #303030;
 color: #fff;
 /*border: 2px solid #;*/
 text-decoration: none;
}
.btn:visited,
.submit:visited, 
.button:visited {
  color: #fff;
}
.btn:focus, 
.btn.focus, 
.submit:focus, 
.button:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
:focus-visible {
    outline: 0px;
}

.btn:first-child:active,
.btn.active {
  background: #F7931A;
  border-color:#F7931A;
  color: #fff;
}
.btn.bg-white:first-child:active,
.btn.bg-white.active {
  background: #fff;
  border-color:#fff;
  color: #3e3e40;
}

.btn-lg-wrap {
  margin-top: 10px;
  width: 100%;
  display: flex;
}
.btn-lg {
  color: #fff;
  border-radius: 6px;
  padding: 13px 24px;
  padding: clamp(0.5rem, 0.334rem + 0.532vw, 0.813rem) clamp(1rem, 0.734rem + 0.851vw, 1.5rem);
  line-height: 1;
  font-size: 15px;
  font-size: clamp(0.75rem, 0.6759rem + 0.3704vw, 1rem);
  font-family: "Roboto"; 
  
  font-weight: 500;
  max-height: 45px;
}
.bg-white, .bg-white a,
.bg-white:hover {
  background: #fff;
  color: #000;
  }

.btn-lg:hover,
.btn-lg-white:hover {
  transform: translateY(-2px);
  -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.readmore {
  position: relative;
  margin-left: 10px;
  margin-right: 5px;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

button:focus:not(:focus-visible) {
    outline: 0; 
    box-shadow: none;
}

.btn-100 {
  width: 100%;
}

@media only screen and (max-width: 1920px) and (min-width: 767px) {

}


/* ---- Contact Form ----*/ 

.modal-content {
  background: transparent;
  border: none;
}
.modal-body {
padding: 20px 10px;
    background: #f0f0f0;
}
.modal .close {
    padding: 0;
    background: transparent;
    border: 0;
    float: right;
    font-size: 3rem;
    font-weight: lighter;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
    position: absolute;
    right: 40px;
    top: 25px;
    z-index: 2;
}
.modal-form .btn-lg-wrap {
    margin: -25px auto 10px;
    width: 100%;
    text-align: center;
    justify-content: center;
}
.modal-form .btn-lg-wrap .btn-lg {
  min-width: 50%;
}

.modal-form.mail-form {
  background: #fff;
 font-size: 14px; 
 padding: 20px;
}
.modal-form.mail-form .sec-box-bg {
    padding: 30px 30px 40px;
}
.modal-form .form-header {
 text-align: center;
}
.modal-form .form-title {
    text-transform: uppercase;    
    text-align: center;
}

input[type="text"], input[type="email"], input[type="url"], 
input[type="password"], input[type="search"], 
input[type="number"], input[type="tel"], 
input[type="range"], input[type="date"], 
input[type="month"], input[type="week"], 
input[type="time"], input[type="datetime"], 
input[type="datetime-local"], 
input[type="color"], 
textareainput[type="text"], 
input[type="email"], 
input[type="url"], 
input[type="password"], 
input[type="search"], 
input[type="number"], 
input[type="tel"], 
input[type="range"], 
input[type="date"], 
input[type="month"], 
input[type="week"], 
input[type="time"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="color"], 
textarea,



input[type="text"], 
input[type="email"], 
input[type="url"], 
input[type="password"], 
input[type="search"], 
input[type="number"], 
input[type="tel"],
.form-control {
height: inherit;
padding: 0.45rem 0.65rem;
padding: clamp(0.25rem, 0.183rem + 0.296vw, 0.45rem) clamp(0.45rem, 0.383rem + 0.296vw, 0.65rem);
border-radius: 6px;
margin-bottom: 7px;
}
input[type="text"]:focus, 
input[type="email"]:focus, 
input[type="url"]:focus, 
input[type="password"]:focus, 
input[type="search"]:focus, 
input[type="number"]:focus, 
input[type="tel"]:focus,
.form-control:focus,
.form-select:focus,
.form-select:focus-visible {
    color: #222;
    background-color: #fff;
    border-color: #efb00794;
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 0 0 0rem #efb00794;
    box-shadow: 0 0 0 0rem #efb00794;
}

option:not(:checked) { 
    background-color: white !important; 
    color:#000;
}
.form-mail-cont select {
    margin-left: -3px;
    width: 100%;
    line-height: 1.5;
    padding: 5px 0;
    font-size: 17px;
}
.form-control::-moz-placeholder {
  color: #ccc; 
  font-size: 14px;
  font-size: clamp(0.75rem, 0.708rem + 0.185vw, 0.875rem);
}

.form-control::-webkit-input-placeholder {
  color: #ccc; 
  font-size: 14px;
  font-size: clamp(0.75rem, 0.708rem + 0.185vw, 0.875rem);
}

.form-control:-moz-placeholder {
  color: #ccc; 
  font-size: 14px;
  font-size: clamp(0.75rem, 0.708rem + 0.185vw, 0.875rem);
}

.form-control:-ms-input-placeholder {
  color: #ccc; 
  font-size: 14px;
  font-size: clamp(0.75rem, 0.708rem + 0.185vw, 0.875rem);
}



/*------------------*/
.b-form-zayavka .wpcf7-form-control-wrap,
.b-form-zayavka input#datetimepicker_input {
    width: 100%;
}
.b-form-zayavka .form-check-input {
  background-color: transparent;
  border: none;
      width: 100%;
    display: flex;
    flex-wrap: wrap;

}
.b-form-zayavka .form-check-input .wpcf7-list-item.first,
.b-form-zayavka .form-check-input .wpcf7-list-item.last  {
min-width: 50%;
margin-bottom: 5px;
margin-left: 0;
}




/*==========*/

/* Базовий контейнер для радіокнопок, який створює Contact Form 7 */
 .wpcf7-form-control-wrap .wpcf7-radio{
    display: flex !important;
    flex-wrap: wrap;
    width: 100%;
	height: 100%;
   /* justify-content: space-evenly;*/
/* gap: 15px; Відстань між Route 1 та Route 2 */

}

/* Окремий елемент списку (базова обгортка для кожної кнопки від CF7) */
.wpcf7-radio .wpcf7-list-item {
    align-items: center;
    margin-left: 0;
    padding-left: 0;
    cursor: pointer;
    min-width: 50%;
}

/* Стилізація базового круглого інпуту радіокнопки */
.wpcf7-radio input[type="radio"] {
    -webkit-appearance: none;
    appearance: none;
    background-color: #ffffff;
    margin: 0 6px 0 0; /* Базовий відступ до тексту */
    width: 13px; /* ОРИГІНАЛЬНИЙ БАЗОВИЙ РОЗМІР БРАУЗЕРА */
    height: 13px; /* ОРИГІНАЛЬНИЙ БАЗОВИЙ РОЗМІР БРАУЗЕРА */
    border: 1px solid #cccccc; /* Стандартна товщина обідка в 1px */
    border-radius: 50%;
    display: inline-grid;
    place-content: center;
    cursor: pointer;
    float: none; /* Скидання дефолтних обтікань Bootstrap */
    flex-shrink: 0; /* Захист кружечка від деформації на смартфонах */
    transition: border-color 0.2s ease, background-color 0.2s ease;
    vertical-align: middle;
}

/* Поведінка базової кнопки при наведенні курсору */
.wpcf7-radio .wpcf7-list-item input[type="radio"]:hover {
    border-color: #F7931A;
}

/* Стан Checked (Коли базова кнопка обрана — круг стає #F7931A) */
.wpcf7-radio .wpcf7-list-item input[type="radio"]:checked {
    border-color: #F7931A;
    background-color: #F7931A;
}

/* Маленька біла точка всередині обраного помаранчевого інпуту */
.wpcf7-radio .wpcf7-list-item input[type="radio"]::before {
    content: "";
    width: 5px; /* Пропорційно зменшений розмір внутрішньої точки */
    height: 5px;
    border-radius: 50%;
    transform: scale(0);
    transition: 0.15s transform ease-in-out;
    background-color: #ffffff;
}

/* Показуємо білу точку всередині, коли кнопка активна */
.wpcf7-radio .wpcf7-list-item input[type="radio"]:checked::before {
    transform: scale(1);
}

/* Базовий текст назви маршруту (тег span, що створює CF7) */
.wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label {
    font-size: 1rem;
    font-weight: 500;
    color: #333333;
    cursor: pointer;
    user-select: none;
    margin-left: 0;
    line-height: 1.4;
    width: 100%;
}
/* Стандартний стан чекбокса згоди (Колір рамки) */
#cf7-acceptance-block input[type="checkbox"].form-check-input {
    border-color: #F7931A !important;
    background-color: #ffffff !important;
    cursor: pointer;
}

/* Стан чекбокса при наведенні миші (Трохи темніший помаранчевий для ефекту) */
#cf7-acceptance-block input[type="checkbox"].form-check-input:hover {
    border-color: #d6790e !important; 
}

/* Активний стан чекбокса, коли ГАЛОЧКА ВСТАВЛЕНА */
#cf7-acceptance-block input[type="checkbox"].form-check-input:checked {
    background-color: #F7931A !important; /* Помаранчевий фон */
    border-color: #F7931A !important;     /* Помаранчева рамка */
}

/* Світіння навколо чекбокса при кліку/фокусі (Помаранчева легка тінь) */
#cf7-acceptance-block input[type="checkbox"].form-check-input:focus {
    border-color: #F7931A !important;
    box-shadow: 0 0 0 0.25rem rgba(247, 147, 26, 0.25) !important; 
}
input#soglasen {
    display: none !important;
}
.b-form-zayavka .form__checkbox [type="checkbox"],
.modal-body input.form__inputwrap  {
    display: none;
}
/**/
input[type="submit"] {
    color: #fff;
    background: #F7931A;
  border-radius: 6px;
  padding: 13px 24px;
  padding: clamp(0.5rem, 0.334rem + 0.532vw, 0.813rem) clamp(1rem, 0.734rem + 0.851vw, 1.5rem);
  line-height: 1;
  font-size: 15px;
  font-size: clamp(0.75rem, 0.6759rem + 0.3704vw, 1rem);
  font-family: "Roboto";   
  font-weight: 500;
  max-height: 45px;
}
.wpcf7-spinner {
  display: none;
}



div.wpcf7-mail-sent-ok {
  border: none; }

div.wpcf7-response-output {
  margin: 0; }

span.wpcf7-not-valid-tip {
     font-size: 12px;
    position: absolute;
    margin-top: -10px;
}

.wpcf7 input[type="acceptance"],
.wpcf7-list-item-label {
    display: inline!important;
    width: 18px;
}
.wpcf7-acceptance .wpcf7-list-item{
    /* box-sizing: border-box; */
    margin-left: 0;
    font-size: 14px;
    font-size: clamp(0.625rem, 0.446rem + 0.476vw, 0.875rem);
}
/*span.wpcf7-list-item {
    display: inline-block;
    margin: 0;
}*/
.wpcf7 form .wpcf7-response-output {
    margin: 0;
    padding: 0.2em 1em;
    border: 2px solid #00a0d2;
    font-size: 13px;
}
.wpcf7 form.failed .wpcf7-response-output, 
.wpcf7 form.aborted .wpcf7-response-output {
    border: #fb3b00 1px solid;
    background: #fff;
position: absolute;
}


/*==========   ==========*/




/*========== 17.  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width: 1400px) {

  }
@media only screen and (max-width: 1366px) {

.top-menu .dropdown-menu {
  margin-top: 0;
}
.bot-menu .dropdown-menu {
    top: 10px;
}

.dropdown-toggle:after {
    font-size: 10px;
}

  .navbar .navbar-nav > li > a {
    font-size: 15px;
  } 

   .navbar .navbar-nav > li > a {
        font-size: 14px;
    }


}

  
/* Large Devices, Wide Screens */
@media only screen and (max-width: 1280px) {
    .navbar .navbar-nav > li > a {
    font-size: 14px;
  }
}

/* Large Devices, Wide Screens */
@media only screen and (max-width: 1200px) {
.navbar {
  padding: 0;
}


}

/* Medium Devices, Desktops */
@media only screen and (max-width: 1024px) {
.header-action a {
  font-size: 13px;
  }
  .top-transl {
    right: 5%;

}
.header-top .top-time__item a {
    font-size: 17px;
}
.dropdown-toggle:after {
    font-size: 10px;
}
.top-menu.navbar .navbar-nav > li {
    padding: 10px 0;
}
.sticky.is-sticky .navbar-brand img {
    max-height: 25px;
}
#home-slider .sec-px{
padding-left: 0;
padding-right: 0;
}

}
/* Medium Devices, Desktops */
@media only screen and (max-width: 991px) {

  /*Collapse 992px*/

#scrollup {
    position: fixed;
    bottom: 40px;
    z-index: 99;
    right: 20px;
    display: block;
    width: 45px;
    height: 45px;
}
#scrollup span {
    padding: 8px 0;
}

.sticky.is-sticky .top-phone__item a span {
    font-size: 14px;
    }

 .sticky.is-sticky .top-social {
    width: 60%;
    justify-content: space-around;
}
.canvas-btn .b-btn-calc a::before {
  display: none;
}

.header-top .top-time__item a {
    font-size: 16px;
}



.b-contacts-foot-wrap,
  .b-contacts-foot.contacts-foot__left{
    display: flex;
    flex-wrap: wrap;
     margin-bottom: 0px;
     max-height: max-content;
    justify-content: center;
} 


}

@media only screen and (max-width: 812px) {


}

/* Small Devices, Tablets */
@media only screen and (max-width: 767px) {

.b-menu-foot ul li {
    margin-bottom: 5px;
    }
    .footerbox-bot__wrap span,
    .b-footer-copy {
    font-weight: 300;
}

.contacts-foot__img {
    height: 30px;
    width: 30px;
    }
    .b-form-zayavka__page .free-mark {
      width: 250px;
    }
.header-top .st-btn__item {
  display: none;
}


}
@media only screen and (max-width: 639.9px) {

  
  .header-top .top-time__item .text-none,
  .top-location .text-none,
  .slider-color-thm .swiper-button-prev, 
  .slider-color-thm .swiper-button-next,
  .b-form-zayavka__page .top-social__icon span  {
display: none;
    }
/*.header-top .st-btn__icon {
    margin-right: 0;
  }*/
.navbar-brand img {
    max-height: 35px;
  }
    .b-find-cost .find-cost__line,
    .first-title__wrap {
    justify-content: center;
    flex-direction: column;
}
.b-find-cost .find-cost__title,
.b-find-cost .find-cost__linkbox,
.first-img__title,
.first-img__linkbox {
  margin-bottom: 10px;
 min-width: fit-content;
 text-align: center;
 align-items:center;
 justify-content: center;
}

}
/* Small Devices, Tablets */
@media only screen and (max-width: 575.9px) {
.b-copyright-2 {
    justify-content: center;
    margin-top: 5px;
}
.b-footer-top .btn-lg {
    font-size: 13px;
}
.b-news_list .news__imgbox {
  display: none;
}
    .b-form-zayavka__page .free-mark {
        width: 200px;
        right: 0;
    }
     .b-form-zayavka__page {
    background-position: left;
  }

.b-baner-call .b-callback_wrap {
    flex-direction: column;
    width: 320px;
    }

}
/* Small Devices, Tablets */
@media only screen and (max-width: 480px) {
  .b-footer-top .btn-lg {
    font-size: 12px;
}
    .b-form-zayavka__page .free-mark {
        width: 170px;
        font-size: 15px;
        line-height: 2.5;
    }

}

/* Custom, iPhone Retina */
@media only screen and (max-width: 414px) {
  
}
/* Custom, iPhone Retina */
@media only screen and (max-width: 389.9px) {
.b-form-zayavka__page .sec-title__title {

    text-align: center;
}
      .b-form-zayavka__page .free-mark {
        width: 140px;
        font-size: 13px;
        line-height: 3.2;
        display: none;
    }
}
/* Custom, iPhone Retina */
/*======================================*/

/* Custom, iPhone Retina */
@media only screen and (max-width: 360px) {

        .header-top .top-time__item a {
        font-size: 14px;
    }



}