/*
Style.css
Theme Name: ekipazh
*/

@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');
/*=================================================
==================================================*/
/* --------------------------------------
    1. General Styles
    -------------------------------------- */
html, body {
overflow-x: hidden !important;
  padding: 0 !important;
  margin-right: 0 !important;
}

body {
   color: #3e3e40;
  font-family: 'Source Sans 3', sans-serif;
  font-size: 16px;
  line-height: 1.2;
  /*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: 'Source Sans 3', sans-serif;
}
h1, .h1 {
  font-size: 1.75rem;
  font-size: clamp(1.25rem, 0.893rem + 0.952vw, 1.75rem);
  font-weight: 600;
}

a[href^=tel] {
  color: inherit;
  text-decoration: none; 
}
a[href^=mailto] {
  color: inherit;
  text-decoration: none; 
}

a {
    color: #ff7814;
  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; 
}

button:focus {
  outline: none !important; 
}

:focus {
    outline: transparent auto 0px;
}
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: #e6e6e6;
  border: 0 none;
  clear: both;
  height: 1px;
  margin: 20px auto;
  padding: 0;
  position: relative;
  width: 100%; 
}

hr.hr-icon {
  margin-bottom: 0;
  margin-top: 5px;
  width: 25%; 
}


blockquote {
  background: #f5f5f5 url("../images/blockquote.png") no-repeat scroll 10px center;
  border: 1px solid #9CC862;
  border-left: 5px solid #9CC862;
  border-radius: 20px;
  clear: both;
  font-size: 1.1em;
  line-height: 1.5em;
  margin: 15px 20px;
  padding: 20px 10px 20px 55px; 
}
ul, ol {
margin: 0;
}
::marker {
    color: #ff7814;
}
.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;
}

.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(0.313rem, 0rem + 1.042vw, 0.938rem);
   padding-right:clamp(0.313rem, 0rem + 1.042vw, 0.938rem);
}
.sec-title {
  padding-bottom: 30px;
  padding-bottom: clamp(0.625rem, calc(0.208rem + 1.852vw), 1.875rem);
  font-family: 'Source Sans 3', sans-serif;
  line-height: 1;
  margin: 0;
}
.sec-title.center {
  text-align: center;
}
.sec-title__title { 
  font-size: 30px;
  font-size: clamp(1.125rem, 0.875rem + 1.111vw, 1.875rem);
  letter-spacing: 0.5px;
  clear: both;
 line-height: 1.1;
  font-weight: 600;
}

.sec-title__sub-title {
  font-size: 18px; 
  font-size: clamp(0.875rem, 0.804rem + 0.357vw, 1.125rem);
  font-weight: normal;
  letter-spacing: 0.5px;
  line-height: 1.2;
}

.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);
}
/* --------------------------------------
    2. Header 
    -------------------------------------- */
   /*=========================*/
  .header-action {
    background: #000;
    display: flex;
    top: 0;
    left: 0;
    width: 100%;
    height: 30px;
    align-items:center;
    justify-content: center;
    z-index: 999; 
    text-align: center;
    color: #fff;
  }  
  .nav-header-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .top-location,
  .nav-top {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    font-size: 14px;

}

.top-location a {  
  text-decoration: none; 
  color: #fff;   
  margin-left: 10px;
  margin-right: 20px;
      font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.5px;
}
  .location_icon {
    font-size: 14px;
    margin-right: 5px;
  }


/*top-menu*/


.navbar ul {
  margin-left: 0;
}
.top-menu.navbar {
    padding: 0;
}
.top-menu.navbar .navbar-nav > li {
  position: relative;
    justify-content: center;
    width: 100%;
    min-width: max-content;
}
.top-menu.navbar .navbar-nav > li {
  padding: 10px 0;
}
.top-menu.navbar .navbar-nav li:last-child a:link {
    padding-right: 10px;
    text-align: right;
}
.top-menu.navbar .navbar-nav > li > a {
  display: block;
 font-family: 'Source Sans 3', sans-serif;
    font-size: 14px; 
    color: #f4f4f4;
}
.top-menu.navbar .navbar-nav > li > a, 
.top-menu.navbar .navbar-nav > li > a:active, 
.top-menu.navbar .navbar-nav > li > a:visited {
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-transform: none;
    text-align: center;
}
.top-menu.navbar .navbar-nav > li:hover > a,
.top-menu.navbar .navbar-nav > li > a.active {
  color: #fff;
  text-decoration: underline;
}

/*top-transl*/
  .top-transl {
  text-align: right;
  padding-left: 15px;
  margin: 0 10px;
  min-width: max-content;

}

.top-transl ul {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  float: right;
}
.top-transl ul li {
  opacity: 1;
  margin-right: 5px;
}
.top-transl ul li a {
  color: #3c3e40;;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  margin-left: 0;
}


.top-transl ul li.active a {
  color: #c9c9c9;
}
.top-transl ul li:hover a,
.top-location a:hover {
    text-decoration: underline;
  }

.top-transl ul img {
  display: none;
}


/* --------------------------------------
    2.  Top Header 
    -------------------------------------- */
    /*=========================*/
.bg-body-tertiary {
    background-color: transparent !important;
}
header.header-sec {
    width: 100%;
    margin-top: 30px; 
  position: relative;
}
.header-wrap { 
/*height: 160px;
height: clamp(3.75rem, -0.417rem + 11.574vw, 10rem);*/   
width: 100%;
}  

.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: 50px;
  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 -------------*/
.header-top-contact {
    align-items: center;
}

.btn.st-btn {
  margin: 0 10px;
  float: left;
  align-items: center;
  min-width: max-content;
  background: #f4f4f4;
  border: #f4f4f4;
  max-height: 38px;
} 
.btn.st-btn:hover {
  background: #ff7814;
  border: none;
}
.st-btn__icon {
    font-size: 16px;
    margin-right: 10px;
    float: left;
    font-weight: 300;
    color: #3e3e40;
    width: 16px;
}
.st-btn__item {   
  line-height: 1.2;
  display: flex;
  max-width: min-content;
  min-width: 60px;

}
.st-btn__item,
.top-time__item,
.top-time__item a {
    font-weight: 600;
    font-size: 11px;
    color: #3e3e40;
    text-align: left;
    letter-spacing: 0.25px;
}

.top-time__item {
font-size: 13px;
line-height: 1.2;
letter-spacing: 0.5px;
    max-width: max-content;
    width: max-content;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
.top-time__item a {
font-size: 19px;
font-weight: 700;
}
.top-time__item:hover a {
  text-decoration: underline;
}
.st-btn:hover .st-btn__icon,
.st-btn:hover a {
  color:#fff;
}


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


.navbar ul {
  margin-left: 0;
}
.top-menu.navbar {
    padding: 0;
}
.top-menu.navbar .navbar-nav > li {
  position: relative;
    justify-content: center;
    width: 100%;
    min-width: max-content;
}
.top-menu.navbar .navbar-nav > li {
  padding: 10px 0;
}
.top-menu.navbar .navbar-nav li:last-child a:link {
    padding-right: 10px;
    text-align: right;
}
.top-menu.navbar .navbar-nav > li > a {
  display: block;
 font-family: 'Source Sans 3', sans-serif;
    font-size: 14px; 
    color: #f4f4f4;
}
.top-menu.navbar .navbar-nav > li > a, 
.top-menu.navbar .navbar-nav > li > a:active, 
.top-menu.navbar .navbar-nav > li > a:visited {
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-transform: none;
    text-align: center;
}
.top-menu.navbar .navbar-nav > li:hover > a,
.top-menu.navbar .navbar-nav > li > a.active {
  color: #fff;
  text-decoration: underline;
}

.navbar .navbar-nav > li:hover > a,
.navbar .navbar-nav > li> a.active,
.dropdown-menu li a:hover {
  color: #ed890f;
}
.dropdown-item:hover, 
.dropdown-item:focus {
    color: #ed890f;
    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: #1c1c1b;
    white-space: pre-wrap;
    background-color: transparent;
    border: 0;
    line-height: 1.2;
    text-align: left;
}

.bot-header {
  align-items: center;
      min-width: 100%;
    justify-content: space-between;
  }
.bot-menu {
 width: 100%;
 padding: 0; 
}
.bot-menu .navbar-nav {
  justify-content: space-between;
  width: 100%;
}
.bot-menu .dropdown-menu {
  border-top: 1px solid #ccc; 
  background: #fff;
    min-width:220px;
    margin: 0 auto;
    padding: 10px;
    top: 60px;
}



.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:last-child {
    float: right;
    margin-right: 0;
    margin-left: auto;
}
.navbar-nav .dropdown-menu > li:last-child {
  float: auto;
}
.navbar .navbar-nav > li > a {
    color: #1c1c1b;
    font-weight: 600;
    font-family: 'Source Sans 3', sans-serif;
    font-size: 17px;
    text-decoration: none; 
        cursor: pointer;
    line-height: 1.2;
}

.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: #ff7814;
  -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: #3e3e40;
    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: #1c1c1b;
    background-color: transparent;
    border: 0;
    line-height: 1.2;
    text-decoration: none;
}

.dropdown-menu a img {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    transition: filter .25s;
  margin-right: 5px;
  filter: grayscale(100%) brightness(170%);
}
li.dropdown a:hover img {
 filter: invert(68%) sepia(91%) saturate(4197%) hue-rotate(351deg) brightness(103%) contrast(101%);
}
.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;
}

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

.sticky-menu .top-header-wrap.sticky.is-sticky {
  background: #fff;
  position: fixed;
  top: 30px;
  display: block;
      -webkit-transition: opacity 0.2s 0s;
    -moz-transition: opacity 0.2s 0s;
    transition: opacity 0.2s 0s;
    z-index: 6;
}
.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 .top-phone__item,
.sticky.is-sticky .top-time__item {
  font-size: 11px;
}

.sticky.is-sticky .st-btn__item a, 
.sticky.is-sticky .top-time__item, 
.sticky.is-sticky .top-time__item a {
line-height: 1;
}

.sticky.is-sticky .top-phone__item a span {
    font-weight: 400;
    margin-right: 15px;
    font-family: 'Source Sans 3';
}


.sticky.is-sticky .navbar {
  padding: 0;
  width: 100%;
}
.sticky.is-sticky .navbar-nav {
     min-width: 100%;
    font-family: 'Source Sans 3';
}
.sticky.is-sticky .navbar .navbar-nav > li {
  padding: 10px 0;
}
.sticky.is-sticky .header-top-contact {
    padding: 2px 0;
}
.sticky.is-sticky .navbar-brand img,
.sticky.is-sticky .navbar-brand object {
 max-height: 30px;
    margin: 0;
    width: auto;
    height: 100%;
}


.sticky.is-sticky .header-top-box {
font-family: 'Source Sans 3';
}

  .qtranxs_widget ul li.active {
    color: #222;
  }
.sticky.is-sticky .top-transl li > a > span, 
.sticky.is-sticky .qtranxs_widget ul li {
    color: #fff;
  }

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

.sticky.is-sticky .navbar-nav > li > a {
  font-size: 14px;
  font-weight: normal;
  font-family: 'Source Sans 3';
}

.sticky.is-sticky .navbar-nav > li > a:hover,
.sticky.is-sticky .navbar-nav > .active > a {
  color: #ff7814;
}

/* --------------------------------------
  Menu offcanvas
    -------------------------------------- */
    .offcanvas-header {
    padding-bottom: 10px;
  }
.offcanvas-header .navbar-brand img {
max-height: 30px;
  }
.offcanvas-header .top-phone__icon {
  font-size: 18px;
}
 .offcanvas-header .top-phone__item a span {
    font-size: 14px;
    color: #1c1c1b;
    font-weight: 600;
    line-height: 1;
    font-family: 'Source Sans 3';
}
.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;
  }
.offcanvas .contacts-foot__img {
    height: 25px;
    width: 25px;
    margin-right: 5px;
    background: #fff;
    color: #000;
    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;
}
.offcanvas-header .top-time__item {
    font-size: 12px;
    letter-spacing: 0;
  }
  .offcanvas-header .top-time__item a {
    font-size: 16px;
    font-weight: 700;
}
.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: #ff7814;
}
.box-iconbars a {
    text-decoration: none;
    align-items: center;
    font-size: 24px;
    color: #3e3e40;
}
.text-iconbars {
    font-weight: 400;
    font-size: 14px;
}


/* --------------------------------------
    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;
}

.swiper-slide .slider-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: relative;
    z-index: 2;
}

.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 .sl-title {
  font-size: 25px;
  font-size: clamp(1.25rem, 1.146rem + 0.463vw, 1.563rem);
  font-weight: bold;
  font-family: 'Source Sans 3';
  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: 16px;
  /*font-size: clamp(1.25rem, 1.097rem + 0.765vw, 1.75rem);*/
  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;
}
.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;
    background-color: #f4f4f4;
    box-shadow: 0 0 16px rgba(0, 0, 0, .25);
    top: 50%;
    transform: translateY(-50%);


 
}

.big-slider .swiper-button-prev,
.big-slider .swiper-button-next {
    width: clamp(2.5rem, 5vw, 3.75rem);
    height: clamp(2.5rem, 5vw, 3.75rem);
     width: 40px;
    height: 40px;
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 100%;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .2);
    opacity: .2;
    transition: .1s; 
    color: #fff;
    margin: 0 2%;
}
.big-slider .swiper-button-next:before, 
.big-slider .swiper-button-prev:before{
  color:#fff;
}

.big-slider .swiper-button-prev:hover,
.big-slider .swiper-button-next:hover {
opacity: 0.7;
}
.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;
    box-shadow: 0 0 16px rgba(0, 0, 0, .25);
    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, 1.167rem + 0.926vw, 2rem);
 font-family: 'Font Awesome 6 Pro';
 line-height: 1;
 color: #3e3e40;
 
}
.swiper-button-prev:before  {
    content: "\f104";
}
.swiper-button-next:before {
      content: "\f105";
  }

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

.swiper-pagination-fraction {
  color: #a2a2a2;
    top: 0;
    left: 30px;
    width: auto;
    font-family: 'Source Sans 3';
    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 strong,
.big-slider b {
  color: #ed890f;
}

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

}
.produkt__row {
 flex-wrap: wrap;
 list-style-type: none;
    display: flex;
    flex-wrap: wrap;
}

.produkt__item {
margin-bottom: 30px;
margin: 0 0 clamp(0.938rem, calc(0.625rem + 1.389vw), 1.875rem);
}
.win-price-card__content a,
.win-price-card__content a:hover,
.produkt__item a,
.produkt__item a:hover  {
  text-decoration: none;
  color: inherit;
      width: 100%;
}
.produkt__card {
  background: #f4f4f4;
 border-radius: 2px; 
padding: 30px; 
padding: clamp(0.938rem, calc(0.625rem + 1.389vw), 1.875rem);
gap: 10px;
width: 100%;
justify-content: space-between;
min-height: clamp(9.375rem, calc(8.333rem + 4.63vw), 12.5rem);
}
.produkt__card_content {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: fit-content;

}
.produkt__card_title {
font-size: 19px;
font-size: clamp(1rem, 0.938rem + 0.278vw, 1.188rem);
    line-height: 1.1;
    margin: 0;
    padding: 0;
    font-weight: 700;
   
}

.produkt__card_descr {
color: #3e3e40;
    font-size: 15px;
    line-height: 1.1;
    font-weight: 400;
    margin: 0;
    padding: 0;
    padding-top: 10px;
    text-align: left;
}
.produkt__card_price_fix {
    width: fit-content;
    padding: 8px 12px;
    font-size: 16px;
    font-size: clamp(0.875rem, 0.833rem + 0.185vw, 1rem);
    font-weight: 700;
    line-height: 1;
    border-radius: 4px;
    background: #3e3e40;
    color: #fff;
    cursor: grab;
    margin-top:10px;
}

.b-produkts .produkt__card_img {
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.produkt__card_img img {
width: 100%;
    height: 100%;
    object-fit: contain;
  }
.produkt__card.produkt__action {
    position: relative;
    padding: 30px;
    padding: clamp(0.938rem, calc(0.625rem + 1.389vw), 1.875rem);
    height: 100%;
}
.produkt__action .produkt__card_img {
position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    display: block;
}
.produkt__card.produkt__action .produkt__card_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;    
}
.produkt__card.produkt__action .produkt__card_title {
   height: 100%;
    /* justify-content: center; */
    display: flex;
    width: fit-content;
}
.produkt__card.produkt__action a {
  text-decoration: none;
  color: #3e3e40;
}
@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-100% - 20px));
  }
}

.produkt__card {
    transition: .3s;
    cursor: pointer; 
    height: 100%;
    }

.b-produkts .produkt__card:hover {
/*z-index: 2; */
    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);
}
.b-produkts-list .produkt__card:hover .produkt__card_price_fix {
    background-color: #fff;
    color: #3e3e40;
}
/* ===== Start Banner  ===== */
.b-find-cost_wrap {
    position: relative;
    height: 400px;
    height: clamp(15.625rem, 8.929rem + 17.857vw, 25rem);
    display: flex;
  }

.b-find-cost_wrap img {
  height:100%;
  width:100%;
  left:0;
  top:0;
  right:0;
  bottom:0;
  object-fit: cover;
}

.b-find-cost {
  content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    padding: 25px;
    padding:clamp(0.313rem, -0.313rem + 2.083vw, 1.563rem);
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .3));
}

.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: 40px;
    font-size: clamp(1.25rem, -0.179rem + 2.976vw, 2.5rem);
    font-weight: 600;
    color: #fff;
    text-shadow: 1px 1px 5px #000;
    z-index: 1;

}

.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: #ff7814;
    border-color: #ff7814;
    color: #fff;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
     transition: .25s;
}


/*===== Start benefits =====*/
.b-benefits-banner .benefits__row,
.b-benefits-standart .benefits__row {
  background: #f4f4f4;
  position: relative;
    width: 100%;
    overflow: hidden;
    padding: 20px;
    padding: clamp(0.313rem, calc(0rem + 1.389vw), 1.25rem);
}
.benefits__item_wrap {
      margin: 5px 0;
}
.benefits__item {
  flex-direction: column;
  line-height: 1.2;
  background: #f4f4f4;
  padding: 15px;
  width: 100%;
  border-radius: 4px;
}
.benefits__img img {
  margin-bottom:10px; 
}
.benefits__img img {  
    height: 24px;
    width: 24px;
    object-fit:contain;

  }
.benefits__img img {
   filter: invert(52%) sepia(97%) saturate(3776%) hue-rotate(4deg) brightness(106%) contrast(100%);
}

.benefits__title {
  font-size: 19px;
  font-weight: 700;
  color: #ff7814;
  margin-bottom: 10px;
  line-height: 1;
}
.benefits__descr {
  font-size: 15px;
}
.b-benefits .benefits__item {
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 20px;
}
/*.b-benefits .benefits__img {
    margin-bottom: 10px;
}
*/
.b-benefits .benefits__img img { 
    height: 44px;
    width: 44px;
object-fit: contain;
}

.b-benefits .benefits__descr {
    font-size: 14px;
    font-size: clamp(0.625rem, 0.554rem + 0.357vw, 0.875rem);
    line-height: 1.2;
    text-transform: uppercase;
max-width: 360px;

}


/*=======================================*/
/* =====  Start -Windows produkts-list ===== */
/*=======================================*/


.b-produkts-list .produkt__wrap,
.b-produkts-list .produkt__item,
.b-produkts-list .produkt__card_header  {
  flex-direction:column;
  margin-bottom: 0;
}

.b-produkts-list .produkt__card,
.b-produkts-list .produkt__card_header {
    padding: 0 24px;
    padding: 0 clamp(0.625rem, calc(0.333rem + 1.296vw), 1.5rem);
    background-color: #f4f4f4;
    width: 100%;
    /*max-height: 210px;*/
    display: flex;
    border-bottom: 1px solid #6c757d;
}

.b-produkts-list .produkt__card_header {
  display: flex;
  background-color: transparent;
  position: relative;
  border: none;
  padding: 24px;
  padding: clamp(0.625rem, calc(0.333rem + 1.296vw), 1.5rem);
  min-height: 180px;
}


.b-produkts-list .produkt__card_header_fon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    display: block;
}

.b-produkts-list .produkt__card_header_fon img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.b-produkts-list .produkt__card_header_line {
  display: flex;
  position: relative;
  gap:10px;
  flex-direction: column;
}
.b-produkts-list .produkt__card_icons {
  gap:10px;
}
.b-produkts-list .produkt__card_icons .produkt__card_img {
  width: 44px;
  width:clamp(2.125rem, 1.917rem + 0.926vw, 2.75rem);
  height: auto;
}
.b-produkts-list .produkt__card_icons .produkt__card_img img {
  width: 100%;
  height: 100%;
  object-fit: contain;  
}
.b-produkts-list .produkt__card {
    min-height:210px;
}
.b-produkts-list .produkt__card_content {
  padding: 24px 0;
  padding:clamp(0.625rem, 0.375rem + 1.25vw, 1.5rem) 0;
  width: 65%;
  /*min-width: 50%;*/
    gap: 5px;
    min-height: 180px;
}


.b-produkts-list .produkt__card_img {
  width: 35%; 
  text-align: center;
  padding: 10px 0;
}
.b-produkts-list .produkt__card_img img {
    max-height: 210px;
    height: 100%;
    width:auto;
}
.produkt__card_descr ul {
  list-style: none;
  padding-left: 0;
  line-height: 1.1;
}
.produkt__card_descr ul li {
    margin-bottom: 3px;
}
.b-produkts-list .produkt__card:hover  {
  color: #fff;
 background: radial-gradient(#2f2f2f, #1a1a1a);
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
}
.b-produkts-list .produkt__card:hover .produkt__card_descr {
  color: #fff;
}
.b-produkts-list .produkt__card:hover  .produkt__card_price_block {
    background: #fff;
    color: #3e3e40;
}

.b-callback {
    width: 100%;
    height: 100%;
    border-radius: 2px;
    background-color: #ff7814;
    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: #fff;
  color: #3e3e40;
  max-width: 320px;
  max-height: 42px;
}
.b-callback .btn-lg:hover {
  transform: translateY(-2px);
  background: #fff;
  color: #3e3e40;
}

/*===== Start windows Tabs =====*/

.win-price-tab__list {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
    border: none;
    gap:10px;
    font-size: 15px;
    font-weight: 600;
}

.b-win-price-tab {
  padding: 24px;
  padding: clamp(0.625rem, calc(0.333rem + 1.296vw), 1.5rem);
  background: #f4f4f4;
}

.win-price-tab__list li {
    display: flex;
    /*flex-basis: 0;
    flex-grow: 1;*/
    width: max-content;    
    white-space: nowrap;
    margin-bottom: 3px;
}

.win-price-tab__list  .nav-link.active,
.win-price-tab__list  .nav-item.show .nav-link,
.win-price-tab__list  .nav-link.active:hover {
    background-color: #ff7814;
    color: #fff;
}

.win-price-tab__list  .nav-link,
.win-price-tab__list  .nav-link:visited,
.win-price-tab__list  .nav-link:hover {
    display: block;
    text-align: center;
    color: #3e3e40;
    background-color: #ffffff;
    text-decoration: none;
    border-radius: 2px;
    transition: background-color .2s;
    border: none;
}
.win-price-tab__list .nav-link:hover {
   opacity: 0.8;
   color: #ff7814;
}

.tab-slider .swiper-wrapper {
  align-items: stretch;
}
.swiper-slide.win-price-tab__item {
    height: auto;
}


.win-price-card__wrap {
    display: flex;
    flex-direction: column;
    font-size: 16px;
    font-weight: 400;
    height: 100%;
    width: 100%;
    margin-bottom: 10px;
}

.win-price-card__img{
    height: auto;
    width: 100%;
    /*max-height: 360px;*/
    background: radial-gradient(67.11% 67.11% at 33.56% 33.56%, #fff 0, #dedede 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1 / 1;
    height: 100%;
    overflow: hidden;
}
.win-price-card__img img {
   width: 100%;
   height: 100%;
   object-fit:cover;
}

.win-price-card__item {
  flex-direction:column;
  gap: 5px;
  justify-content: space-between;
  padding: 16px;
  background-color: #fff;
  height: 100%;
  max-height: 280px;
}
.win-price-card__content {
   display: flex;
  flex-direction:column;
  gap: 5px;
  line-height: 1.2;
      height: 100%;
}

.win-price-card__content.bl_bot {
    justify-content: end;
    }
.win-price-card__descr {
  display: flex;
  flex-direction:column;
  flex: 1 0 auto;
  font-size: 15px;
  height: max-content;
}

.win-price-card__title {  
    color: #3e3e40;    
}
.win-price-card__title  { 
 font-size: 19px;
 /*font-size: clamp(1rem, 0.938rem + 0.278vw, 1.188rem);*/
 font-weight: 600; 
 color: inherit;
 text-decoration: none;
}
.win-price-card_descr {
 margin-bottom: 10px;
}

.win-price-card__descr ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}
.win-price-card__info {
    display: flex;
    font-size: 15px;
    /*font-size: clamp(0.781rem, 0.729rem + 0.231vw, 0.938rem);*/
    line-height: 1.2;
    font-weight: normal;
    padding-top: 5px;
}
.win-price-card__info-text {
      margin-left: 5px;
    /*font-weight: 600;*/
}

.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;
}
.btn.trans:hover,
.btn-lg.trans:hover {
  background: #ff7814;
  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;
}
/*=======================================*/
/* =====  Start -benefits Advantages ===== */
/*=======================================*/

#benefits-adv .benefits__item_wrap.d-flex.col-lg {
    min-width: 20%;
    gap:10px;
}

.p-accent {
    text-align: center;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 44px;
    color: #ff7814;
}

/*=======================================*/
/* =====  Swiper Windows Color ===== */
/*=======================================*/

.slider-colorthm-line_wrap {
    padding: 24px 5px;
    padding: clamp(0.625rem, 0.375rem + 1.25vw, 1.5rem);
    background: #e9e9e9;
}
.slider-colorthm-line {
    position: relative;
}

.col-win-caption {
    background: #fff;
    -webkit-box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.15);
    height: 100%;
    position: relative;
    flex-direction: column;
    width: 100%;
}

   .col-win-info {
    padding: 20px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;

}
.col-win__title {
  background: #fff;
    font-family: 'Roboto';
    margin-bottom: 10px;
    min-height: 58px;
    border-bottom: 1px solid #de7a00;
}
.col-win__title span {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.2;
}
.col-win__excerpt {
    font-size: 14px;
    line-height: 1.2;
}
.col-win__wrap.d-flex {
    padding-top: 24px;
}
.col-win__wrap .col-win-img {
    max-height: 350px;
    box-shadow: none;
    width: 100%;
}

.col-win__wrap .col-win-img img{
    object-fit: contain;
    height: 100%;
    width: 100%;
}
.slider-color-thm {
  overflow: hidden;
}
.slider-color-thm .slider_color {
cursor: pointer;
    height: 90%;
    width: 100%;
    max-width: 112px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative; 
    border: 1.5px solid #ccc;
    float: left;
}
.slider-color-thm .slider_color img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  
}
.slider-color-thm .swiper-slide-thumb-active .slider_color {
border: 1.5px solid #de7a00; 
}
.slider-color-thm .swiper-slide-thumb-active .slider_color img{
 

}
.slider-color-thm .swiper-button-prev, 
.slider-color-thm .swiper-button-next {
  margin-top: 0 ;
}

/*===================*/
/* ---- Ansver ---- */
/*===================*/
.ansver-info .section-title span {
  color: #376c9f;
}

.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: 4px;
    -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:#000000;
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: #ff7814;
 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: #ff7814;
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-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;
}

.swiper-navigation.nav-transf .swiper-button-next,
.swiper-navigation.nav-transf .swiper-button-prev {
  background-color: #fff;
    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 #3e3e40;
}
.swiper-navigation.nav-transf .swiper-button-prev:before,
.swiper-navigation.nav-transf .swiper-button-next:before  {
  color: #3e3e40;
}

.nav-transf .swiper-button-next:hover,
.nav-transf .swiper-button-prev:hover  {
  background-color: #3e3e40;
    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;
    border: 1px solid #3e3e40;
    color:#fff;
}
.nav-transf .swiper-button-prev:hover::before,
.nav-transf .swiper-button-next:hover::before  {
  color: #fff;
}



.gallery-sert__img {
 max-height: 300px;
  overflow: hidden;
  display: flex;
}
.gallery-sert__img img {
  height: 100%;
  width: 100%;
  object-fit:contain;
}
/*===========================*/
/*===========swiper-work================*/
/*===========================*/
.sec-title__swiper-wrap {
  display: flex;
  justify-content: space-between;
    margin-bottom: clamp(1.25rem, 1.071rem + 0.893vw, 1.875rem);
    align-items: center;
        display: flex;
    align-items: center;
    height: clamp(2.5rem, 5vw, 3.75rem);
}
.sec-title__swiper-wrap .swiper-navigation {
  position: relative;
} 
.sec-title__swiper-wrap .swiper-button-prev, 
.sec-title__swiper-wrap .swiper-button-next {
  background: transparent;
}
.swiper-work .swiper-slide {
    display: flex !important;
    height: auto !important;
}
.gallery-work__itembox {
  display: flex;
  flex-direction: column;
  height: 100%;
    background-color: #f4f4f4; 
    transition: .3s;
    width: 100%;
}
.gallery-work__itembox:hover {
z-index: 2;
    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);
}
.gallery-work__itembox .gallery-work__img {
  max-height: 300px;
  overflow: hidden;
  width: 100%;
  text-align: center;
      border: 2px solid #ccc;

}
.gallery-work__itembox .gallery-work__img img {
    margin-bottom: 0;
    height: auto;
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
}

.gallery-work__itembox .gallery-work__info {
    text-align: center;
    padding: 20px;
}

.gallery-work__title { 
 text-decoration: none;
    font-size: 18px;
    font-size: clamp(1rem, 0.934rem + 0.213vw, 1.125rem);
    color: #55585b;
    line-height: 1.2;
}

.gallery-work__more {
margin-top: 30px;
    display: flex;
    justify-content: center;
}
.gallery-work__more a,
.gallery-work__more a:visited, 
.gallery-work__more a:hover, 
.gallery-work__more a:active {   
    display: inline-block;
    vertical-align: top;
    width: 100%;
    max-width: 124px;
    padding: 11px 0px;
    border-radius: 2px;
    background-color: #a9acae;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 12px;
    color: #fff;
    -webkit-transition: background-color .2s;
    transition: background-color .2s;
}
.gallery-work__more a:hover {
    background-color: #ff7814;
}



/*===================*/
/* ================Form zayavka===========*/
/*===================*/
.b-form-zayavka__img {
    height: 100%;
    min-width: 100%;
    margin: 0;
    overflow: hidden;
  }
.b-form-zayavka__img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.form__checkbox .form__person {
  font-size: 14px;
  text-align: center;
  margin-top: 10px;
}
.b-form-zayavka .mail-form {
  background: #f4f4f4;
}
/*===========================*/
/*==========Start content-menu2==================*/
/*===========================*/

.b-content-menu2 .content-menu2__itembox {
    display: flex;
    flex-wrap: wrap;
}

.b-content-menu2 .content-menu2__item {
    position: relative;
    display: flex;
    align-items: center;
   margin: 7px 0;
    cursor: pointer;
    background-color: #ff7814;
    border-radius: 4px;
    padding: 24px;
    padding: clamp(0.625rem, 0.333rem + 1.296vw, 1.5rem);
    display: flex;
    align-items: center;
    text-decoration: none;
}

.b-content-menu2 .content-menu2__img {
    width: 50px;
    width: clamp(2.188rem, 1.719rem + 1.563vw, 3.125rem);
        height: 50px;
    height: clamp(2.188rem, 1.719rem + 1.563vw, 3.125rem);
    margin-right: 10px;
}

.b-content-menu2 .content-menu2__img img {
    vertical-align: top;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.b-content-menu2 .content-menu2__title a:link,
.b-content-menu2 .content-menu2__title a:active,
.b-content-menu2 .content-menu2__title a:visited,
.b-content-menu2 .content-menu2__title a:hover {
    display: block;
    text-decoration: none;
    font-weight: 600;
    font-size: 17px;
    font-size: clamp(0.875rem, 0.781rem + 0.313vw, 1.063rem);
    line-height: 1.2;
    color: #fff;
}


/*===========================*/
/* ===== Start delivery ===== */
/*===========================*/

.b-delivery {
    display: flex;
    flex-direction: column;
}

.b-delivery .sec-title {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.b-delivery .delivery__pay-title {
    margin: 0;
    margin-right: 95px;
}

.b-delivery .delivery__pay-banner {
    position: relative;
    padding: 11 0 11px;
    background: #ff7814;
    border-color: #ff7814;
    color: #fff;
    height: 50px;
}

.b-delivery .delivery__pay-banner::before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 100%;
    border-width: 25px;
    border-style: solid;
    border-top-color: transparent;
    border-left-color: transparent;
    border-image: initial;
    border-right-color: inherit;
    border-bottom-color: inherit;
    transition: border-color 0.2s ease
}

.b-delivery .delivery__pay-banner::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 100%;
    border-width: 25px;
    border-style: solid;
    border-bottom-color: transparent;
    border-right-color: transparent;
    border-image: initial;
    border-left-color: inherit;
    border-top-color: inherit;
    transition: border-color 0.2s ease
}

.b-delivery .delivery__pay-banner {
    padding: 0;
    font-size: 18px;
    font-size: clamp(1rem, 0.934rem + 0.213vw, 1.125rem);
    color: #ffffff;
    align-items: center;
    display: flex;
}

.b-delivery .delivery__pay-banner span {
    font-size: 30px;
    font-size: clamp(1.375rem, 1.109rem + 0.851vw, 1.875rem);
    margin-right: 22px;
}

.b-delivery .delivery__item-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.b-delivery .delivery__item {
    display: flex;
    align-items: self-start;
    margin: 15px 0;
}

.b-delivery .delivery__imgbox {
    max-width: 150px;
    width: 100%;
    height: 105px;
    margin-right: 25px;
    padding-left: 20px;
    background-image: url('images/1/delivery-bg.png');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
    display: flex;
    flex-direction: column;
    justify-content: center;
    
}

.b-delivery .delivery__imgbox img {
    width: 55px;
    margin-bottom: 10px;
}

.b-delivery .delivery__imgbox p {
    padding: 0;
    line-height: 1.2;
}

.b-delivery .delivery__contentbox {
    padding-top: 30px;
}

.b-delivery .delivery__contentbox p {
    padding: 0;
    margin-bottom: 5px;
}

.b-delivery .delivery__link {
    text-decoration: none;
}

.b-delivery .delivery__link:hover {
    text-decoration: underline;
}

.b-delivery .delivery__paysys {
    width: 100%;
    display: flex;
}

.b-delivery .delivery__paysys img {
    height: 35px;
    margin-right: 20px;
}

.b-delivery .delivery__more {
    margin-left: auto;
}



/*===========================*/
/*===========b-tasks================*/
/*===========================*/
.b-tasks {
    font-size: 14px;
    line-height: 1.2;
}
.b-tasks .tasks__row {
  display: flex;
}
.b-tasks .tasks__item {
    font-size: 16px;
    font-size: clamp(0.875rem, 0.809rem + 0.213vw, 1rem);
    line-height: 1.2;
    color: #1a1a1b;
}
.b-tasks .tasks__item.col {
  position: relative;
    width: 20%;
    flex: 1 0 20%;
    /* width: calc(100% / 5 - 50px); */
    flex-direction: column;
    text-align: center;
}
.b-tasks .tasks__title {
  font-size: 18px;
font-size: clamp(1rem, 0.934rem + 0.213vw, 1.125rem);
    margin-bottom: 10px;
    font-weight: 500;
}
.b-tasks .tasks__img {   
    text-align: center;
    width: 70%;
    max-width: 120px;
    height: auto; 
    margin:auto;
    margin-bottom: 30px;
}


/*===========================*/
/*===========Footer================*/
/*===========================*/
.l-footerbox {
    background: #000;
      color: #fff;
    font-size: 14px;
  }
.l-footerbox .footerbox__wrap {
    margin: 0;
    width: 100%;
    z-index: 10;
    position: relative;
}


.b-footer-top {
  display: flex;
  align-items: center;
}
.footer__logo {
  margin-right: 20px;
}
.footer__logo img {
    float: left;
    width: 100%;
    height: auto;
    width: 55px; 
}

.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%;
}
.menu-foot__col {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-bottom: 10px;
}
.b-menu-foot .menu-foot__title {
    margin-bottom: 20px;
}
.b-menu-foot ul li {
  margin-bottom: 7px;
  font-size: 17px;
  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;
}
.b-menu-foot ul li:hover > a,
.b-footer-copy a:hover {
  text-decoration: underline;
}
.b-menu-foot .menu-foot__title,
.b-menu-foot .menu-foot__title > a:link, 
.b-menu-foot .menu-foot__title > a:visited {
    font-weight: 500;
    font-size: 22px;
    font-size: clamp(1.125rem, 1.042rem + 0.37vw, 1.375rem);
    color: #fff;
    text-decoration: none;
}

.b-contacts-foot .contacts-foot__phone,
.contacts-foot__social {
    margin-bottom: 10px;
    font-size: 30px;
    font-size: clamp(0.875rem, 0.435rem + 1.6vw, 1.875rem);
    color: #fff;
    line-height: 1.2;
}
.b-contacts-foot .contacts-foot__phone:hover {
  text-decoration: underline;
}
.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-right: 10px;
    background: #fff;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-size: 20px;
}
.contacts-foot__adress,
.foot-time__item {
    font-size: 16px;
    font-size: clamp(0.813rem, 0.69rem + 0.345vw, 1rem);
    line-height: 1.2;
}
.b-footer-copy{
  display: flex;
  align-items:end;
  padding: 20px 0;
  justify-content: space-between;
}

.b-copyright {
  display: flex;
  align-items: center;
}
.b-copyright-2 {
  display: flex;
  justify-content: flex-end;
}
.vr {
    display: inline-block;
    /*align-self: stretch;*/
    width: 1px;
    min-height: 1em;
    /*background-color: currentColor;*/
    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: 'Source Sans 3', 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: "Source Sans 3";
  width: 100%;
  clear: both; 
}
.content-post h3, .content-page h3 {
  color: #1c1c1b;
  font-family: "Source Sans 3";
  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: "Source Sans 3";
    font-size: 15px;
    font-size: clamp(0.75rem, 0.616rem + 0.357vw, 0.938rem);
    margin-left: 0;
   color: #b4b4b4;
    padding: 8px 12px;
    padding: clamp(0.25rem, 0.071rem + 0.476vw, 0.5rem) clamp(0.375rem, 0.107rem + 0.714vw, 0.75rem);
    background-color: #f4f4f4;
    list-style: none;
    display: flex;
    align-items: center;
    max-width: max-content;
    gap:8px;
    padding-left: 0;
}
.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 5px;
  color: #b4b4b4;
  font-size: 10px;
  font-family: 'Font Awesome 6 Pro';
}

.breadcrumb > .active {
      color: #b4b4b4;}
  
span.breadcrumbs__current {
        color: #b4b4b4;
}
.subheader__breadcrumb {
  margin-bottom: 15px;
}


/*----------------- Пагинация ------------*/
.cat-pagination {
  clear: both;
  color: #999999;
  float: left;
  font-family: "Source Sans 3";
  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%;
    /*background: linear-gradient(90deg, rgba(0, 0, 0, .85) 50.78%, rgba(255, 255, 255, 0) 63.06%);
    mix-blend-mode: darken;
    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;
	display: none;
}

.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 clamp(0.313rem, -0.357rem + 1.786vw, 1.25rem);
    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: 400px;
    height: clamp(15.625rem, 8.929rem + 17.857vw, 25rem);
    display: flex;
}
.content-post__first-img {
 display: flex;
  margin-bottom: 30px;
   width: 100%;
   height: auto;
  position: relative;
     height: 400px;
    height: clamp(15.625rem, 8.929rem + 17.857vw, 25rem);
}
.content-post__first-img:before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .4;
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .3));
}
.content-post__first-img img {
 width: 100%;
 height: 100%;
/* max-height: 400px;*/
  object-fit:cover;
}
.first-title__wrap {
  display: flex;
width: 100%;
    content: "";
    position: absolute;
    bottom: 0;
    padding: 25px;
    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__linkbox {
    display: flex;
    justify-content: flex-end;
        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;
    /*background: #e8e8e8 url(images/1/news-item-bg2.png) 0 0 no-repeat;*/
}
.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;
}
.b-contacts .contacts__item {
    margin-top: -1px;
    padding: 40px 0;
    padding: clamp(1.25rem, 0.357rem + 2.381vw, 2.5rem) 0;
    border: solid #e2e2e2;
    border-width: 1px 0;
}

.b-contacts .contacts__adress,
.b-contacts .contacts__email,
.b-contacts .contacts__work,
.b-contacts .contacts__soc {
    position: relative;
    margin-bottom: 18px;
}
.b-contacts .contacts__phonebox {
    position: relative;
    margin-bottom: 18px;
}
.b-contacts .contacts__phone {
    font-weight: bold;
    font-size: 20px;
}
.b-contacts .contacts__soc {
margin-left: 40px;
 font-size: 30px;
}
.b-contacts i {
  font-size: 20px;
  margin-right: 15px;
  color: #ff7814;
  text-decoration: none;
}
.b-contacts .contacts__soc i {
  font-size: 30px;
  margin-right: 15px;
  text-decoration: none;
}
.b-contacts .cont-social__icon:hover {
  text-decoration: none;
  opacity: 0.8;
}
.b-iframe-adaptive {
    margin-bottom: 1.5em;
}
.b-iframe-adaptive .iframe-adaptive__iframe-container {
    position: relative;
    padding-bottom: 56.17%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.b-iframe-adaptive .iframe-adaptive__iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.b-contacts .map__wrap  {
  position: relative;
  height: 280px;
  overflow: hidden;
}
.b-contacts div#map {
    width: 100%;
    height: 420px;
    margin-top: -120px;
}
.b-form {
    border: 1px solid #f0f0f0;
    background-color: #f0f0f0;
    padding: 25px;
    margin-top: 30px;
}
.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;
}

/* ==========================================
   Page nashi-raboty & Sertifikaty
  ========================================== */
.work-page .gallery-work__itembox .gallery-work__img img {
    margin-bottom: 0;
    height: auto;
    width: 100%;
    aspect-ratio: 1.5 / 1;
    object-position: top;
    object-fit: cover;
}

.work-page .gallery-work__itembox .gallery-work__info {
    text-align: center;
    padding: 15px;
}
.work-page__box {
  margin-bottom: 25px;
}
.page-sertifikaty .work-page .gallery-work__itembox .gallery-work__img img {
  aspect-ratio: 3/4;
}


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

.btn, .submit, .button {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  /*border: 2px solid #ff7814;*/
  background: #ff7814;
  color: #fff;
  line-height: 1;
  outline: none;
  position: relative;
  font-family: "Source Sans 3";
  font-size: 12px;
  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: #ff7814;
 color: #fff;
 /*border: 2px solid #ff7814;*/
 text-decoration: none;
}
.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: #ff7814;
  border-color:#ff7814;
  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: 2px;
  padding: 13px 24px;
  line-height: 1;
  /*font-size: clamp(0.75rem, 0.6759rem + 0.3704vw, 1rem);*/
  font-family: "Source Sans 3"; 
  font-size: 15px;
  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) {
.btn-lg {
    font-size: calc(13px + 4 * (100vw / 1920));
}
}
.fab {
    font-family: "Font Awesome 5 Brands";
}
/*Video Youtube content*/

.post-video .video {
  display: flex;
  width: 100%;
  height: 100%;
    position: relative;
    aspect-ratio: 3 / 1.25;
}
.post-video .video video,
.post-video .video iframe {
  width: 100%;
  object-fit:cover;
  height: 100%;
}
#yt-enhancement-panel {
    display: none !important;
}

/*Video Youtube content*/
iframe {
  background: transparent;
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 0;
  border: none;
  clear: both;
  width: 100%;
}
iframe .videoyoutube, 
.videoyoutube object, 
.videoyoutube embed {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 90%;
  height: 90%;
  margin: 0 auto;
  padding: 10px 0;
  text-align: center; 
}


    .embed-container { 
        position: relative; 
        padding-bottom: 56.25%;
        overflow: hidden;
        max-width: 100%;
        height: auto;
    } 

    .embed-container iframe,
    .embed-container object,
    .embed-container embed { 
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
/* ---- Contact Form ----*/ 

.modal-content {
  background: transparent;
  border: none;
}
.modal-body {
    padding: 0;
    background: #fff;
}
.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%;
}
.mail-form {
  background: #fff;
}
.sec-box-bg {
  border-right: 4px;
  padding: 20px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.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;
}
.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-weight: bold; 
    font-family: 'Source Sans 3';
    letter-spacing: 1px;
    margin-bottom: 10px;
}
.form-control {
    height: inherit;
    padding: 0.75rem 0.75rem;
    border-radius: 4px;
    margin-bottom: 10px;
    color: #3e3e40;
    font-size: 16px;
}
.form__person a:hover {
  text-decoration: underline;
}

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.55rem 0.75rem;
border-radius: 5px;
margin-bottom: 10px;
}
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: 2px;
    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-control::-moz-placeholder {
  color: #ccc; 
  font-size: 14px;
}

.form-control::-webkit-input-placeholder {
  color: #ccc; 
  font-size: 14px;
}

.form-control:-moz-placeholder {
  color: #ccc; 
  font-size: 14px;
}

.form-control:-ms-input-placeholder {
  color: #ccc; 
  font-size: 14px;
}



/*------------------*/



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

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

span.wpcf7-not-valid-tip {
  font-size: 0.9rem; }

.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;
}
/*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: 7px;
     max-height: max-content;
} 
.btn.st-btn {
    margin: 0 5px;
    padding: 5px 10px;
}
.st-btn__icon {
    margin-right: 5px;
}

}

@media only screen and (max-width: 812px) {
.header-top .st-btn__item {
  display: none;
}

}

/* Small Devices, Tablets */
@media only screen and (max-width: 767px) {
  .swiper-slide .container-slider {
flex-direction: column;
height: 100%;
justify-content: space-between;
background: #3e3e40;
}
.btn.st-btn {
    margin: 0 3px;
    padding: 5px 7px;
    }

    .win-price-tab__list {
    gap: 5px;
    font-size: 12px;
}
.big-slider .slider-bg {
  max-width: 100%;
  justify-content: space-around;          
    
}
#page-big-slider.big-slider .slider-bg {
  max-height: max-content;
}
.b-menu-foot ul li {
    margin-bottom: 5px;
    }
    .footerbox-bot__wrap span,
    .b-footer-copy {
    font-size: 12px;
    font-weight: 300;
}

.contacts-foot__img {
    height: 30px;
    width: 30px;
    }
    .b-form-zayavka__page .free-mark {
      width: 250px;
    }



}
@media only screen and (max-width: 639.9px) {
.sec-px {
padding-left: 0;
padding-right: 0;
}
.btn.st-btn {
margin: 0 3px;
padding: 5px;
}
  
  .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;
    }
.header-top .top-time__item a {
font-size: 14px;
    }
}
/* 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;
    }
.header-top .top-time__item a {
font-size: 13.5px;
    }
    .post-video .video {
    aspect-ratio: 3 / 2;
}
}

/* 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: 375px) {

.header-top .top-time__item a {
font-size: 13px;
    }
 .b-produkts-list .produkt__card {
flex-direction: column;
}
 .b-produkts-list .produkt__card_content,
 .b-produkts-list .produkt__card_img {
  width: 100%;
  align-items: center;
 }
 .b-produkts-list .produkt__card_title {
     text-align: center;
 }
}