body {
  font-family: "Open Sans", sans-serif;
  color: #4d4643;
}

a {
  color: #8fc04e;
  text-decoration: none;
}

a:hover {
  color: #fd5c28;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Muli", sans-serif;
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 60px;
  z-index: 996;
  background: #1bbd36;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: all 0.4s;
}
.back-to-top i {
  font-size: 28px;
  color: #fff;
  line-height: 0;
}
.back-to-top:hover {
  background: #8fc04e;
  color: #fff;
}
.back-to-top.active {
  visibility: visible;
  opacity: 1;
}

/*--------------------------------------------------------------
# Disable AOS delay on mobile
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  [data-aos-delay] {
    transition-delay: 0 !important;
  }
}
/*--------------------------------------------------------------
# Top Bar
--------------------------------------------------------------*/
#topbar {
    background: #5c5b5b;
  padding: 10px 0;
  font-size: 14px;
}
#topbar .contact-info i {
  font-style: normal;
    color: #1bbd36;
}
#topbar .contact-info i a, #topbar .contact-info i span {
  padding-left: 5px;
    color: whitesmoke
}
#topbar .contact-info i a {
  line-height: 0;
  transition: 0.3s;
}
#topbar .contact-info i a:hover {
  color: #f03c02;
}
#topbar .contact-info ul {
    padding: 0;
    margin: 0;
    display: flex;
}
#topbar .contact-info ul li {   list-style: none;}
#topbar .contact-info .lang{margin-left: 40px;    background: whitesmoke;}
#topbar .contact-info .lang li a{padding: 0 10px;display: block;}
#topbar .contact-info .lang li a.active{    background: #fd5c28;color: WHITE;font-weight: 700;}
#topbar .social-links ul{margin: 0;}
#topbar .social-links li{list-style: none;}
#topbar .social-links  a {font-size: 18px;
  color: #ffffff;
  line-height: 0;
  transition: 0.3s;
  margin-left: 15px;
}
#topbar .social-links a:hover {
  color: #f03c02;
}

@media (max-width: 470px) {
#topbar .contact-info i:first-child {display: none!important;}
#topbar .contact-info i span{font-size: 17px;}  
#topbar .contact-info i li{margin: 0 7px;}
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  height: 70px;
  transition: all 0.5s;
  z-index: 997;
  transition: all 0.5s;
  background: #fff;
}
#header.fixed-top {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
#header .logo h1 {
  font-size: 28px;
  margin: 0;
  padding: 10px 0;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase;
}
#header .logo h1 a, #header .logo h1 a:hover {
  color: #2b2320;
  text-decoration: none;
}
#header .logo img {
  padding: 0;
  margin: 0;
/*  max-height: 40px;*/
}

.scrolled-offset {
  margin-top: 70px;
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.navbar {
  padding: 0;
}
.navbar ul {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  align-items: center;
}
.navbar li {
  position: relative;
}
a.frm_fancybox,.addfeed,.frm_fancybox.green:hover{    padding: 8px 25px!important;
    margin-left: 12px;
    border-radius: 4px;
    font-weight: 400!important;
    font-family: "Poppins",sans-serif;
    color: #fff!important;
    background: #fd5c28;}
 a.frm_fancybox:hover,.addfeed:hover,.frm_fancybox.green{   background: #4CAF50;} 

.navbar a, .navbar a:focus {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0 10px 20px;
    font-size: 14px;
    font-weight: 600;
  color: #65534c;
  white-space: nowrap;
  text-transform: uppercase;
  transition: 0.3s;
}
.navbar a i, .navbar a:focus i {
  font-size: 12px;
  line-height: 0;
  margin-left: 5px; 
}
.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a {
    color: #1bbd36;
}
.navbar .getstarted, .navbar .getstarted:focus {
  background: #f03c02;
  padding: 8px 20px;
  margin-left: 30px;
  border-radius: 4px;
  color: #fff;
}
.navbar .getstarted:hover, .navbar .getstarted:focus:hover {
  color: #fff;
  background: #fd490f;
}
.navbar .dropdown ul {
  display: block;
  position: absolute;
  left: 14px;
  top: calc(100% + 30px);
  margin: 0;
  padding: 10px 0;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: 0.3s;
}
.navbar .dropdown ul li {
  min-width: 200px;
}
.navbar .dropdown ul a {
  padding: 10px 20px;
  font-size: 13px;
  text-transform: none;
  font-weight: 500;
    color: #000000;
}
.navbar .dropdown ul a.active{ color: #ff5722;}
.navbar .dropdown ul a i {
  font-size: 12px;
}
.navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover > a {
  color: #f03c02;
}
.navbar .dropdown:hover > ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}
.navbar .dropdown .dropdown ul {
  top: 0;
  left: calc(100% - 30px);
  visibility: hidden;
}
.navbar .dropdown .dropdown:hover > ul {
  opacity: 1;
  top: 0;
  left: 100%;
  visibility: visible;
}
@media (max-width: 1366px) {
  .navbar .dropdown .dropdown ul {
    left: -90%;
  }
  .navbar .dropdown .dropdown:hover > ul {
    left: -100%;
  }
}

/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
  color: #2b2320;
  font-size: 28px;
  cursor: pointer;
  display: none;
  line-height: 0;
  transition: 0.5s;
}
.mobile-nav-toggle.bi-x {
  color: #fff;
}

@media (max-width: 991px) {
  .mobile-nav-toggle {
    display: block;
  }
.header__cart{margin-right: 30px;}

  .navbar ul {
    display: none;
  }
  a.frm_fancybox {
    text-align: center;
    display: inline-block!important;
}
}
.navbar-mobile {
  position: fixed;
  overflow: hidden;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(14, 11, 10, 0.9);
  transition: 0.3s;
  z-index: 999;
}
.navbar-mobile .header__cart{display: none;}
.navbar-mobile .mobile-nav-toggle {
  position: absolute;
  top: 15px;
  right: 15px;
}
.navbar-mobile ul {
  display: block;
  position: absolute;
  top: 55px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  padding: 10px 0;
  background-color: #fff;
  overflow-y: auto;
  transition: 0.3s;
}
.navbar-mobile a, .navbar-mobile a:focus {
  padding: 10px 20px;
  font-size: 15px;
  color: #581601;
}
.navbar-mobile ul.dropdown-active li ul.dropdown-active li{visibility: visible;box-shadow: 0 0 30px rgba(127, 137, 161, 0.25);}

.navbar-mobile i.bi-chevron-down{ padding: 7px 10px;
    background: #8BC34A;
    position: absolute;  right: 10px;  top: 0;
    color: white;}
.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a {
  color: #f03c02;
}
.navbar-mobile .getstarted, .navbar-mobile .getstarted:focus {
  margin: 15px;
}
.navbar-mobile .dropdown ul {
  position: static;
  display: none;
  margin: 10px 20px;
  padding: 10px 0;
  z-index: 99;
  opacity: 1;
  visibility: visible;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}
.navbar-mobile .dropdown ul li {
  min-width: 200px;
}
.navbar-mobile .dropdown ul a {
  padding: 10px 20px;
}
.navbar-mobile .dropdown ul a i {
  font-size: 12px;
}
.navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover > a {
  color: #f03c02;
}
.navbar-mobile .dropdown > .dropdown-active {
  display: block;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
  width: 100%;
  height: 70vh;
  overflow: hidden;
  position: relative;
  padding: 0;
}
#hero .carousel, #hero .carousel-inner, #hero .carousel-item, #hero .carousel-item::before {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
#hero .carousel-container {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  position: absolute;
  bottom: 60px;
  top: 110px;
  left: 50px;
  right: 50px;
}
#hero .carousel-content {
  background: rgba(28, 23, 21, 0.7);
  padding: 20px;
  color: #fff;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
    border-top: 5px solid #4CAF50;
}
#hero .carousel-content h2 {
  color: #fff;
  margin-bottom: 30px;
  font-size: 28px;
  font-weight: 700;
}
#hero .btn-get-started {
  font-family: "Muli", sans-serif;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 12px 32px;
  border-radius: 4px;
  transition: 0.5s;
  line-height: 1;
  margin: 10px;
  color: #fff;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  border: 2px solid #f03c02;
}
#hero .btn-get-started:hover {
  background: #f03c02;
  color: #fff;
  text-decoration: none;
}
#hero .carousel-inner .carousel-item {
  transition-property: opacity;
}
#hero .carousel-inner .carousel-item,
#hero .carousel-inner .active.carousel-item-start,
#hero .carousel-inner .active.carousel-item-end {
  opacity: 0;
}
#hero .carousel-inner .active,
#hero .carousel-inner .carousel-item-next.carousel-item-start,
#hero .carousel-inner .carousel-item-prev.carousel-item-end {
  opacity: 1;
  transition: 0.5s;
}
#hero .carousel-inner .carousel-item-next,
#hero .carousel-inner .carousel-item-prev,
#hero .carousel-inner .active.carousel-item-start,
#hero .carousel-inner .active.carousel-item-end {
  left: 0;
  transform: translate3d(0, 0, 0);
}
#hero .carousel-control-prev, #hero .carousel-control-next {
  width: 10%;
}
#hero .carousel-control-next-icon, #hero .carousel-control-prev-icon {
  background: none;
  font-size: 48px;
  line-height: 1;
  width: auto;
  height: auto;
}
#hero .carousel-indicators li {
  cursor: pointer;
}
@media (min-width: 1024px) {
  #hero .carousel-content {
    width: 60%;
  }
  #hero .carousel-control-prev, #hero .carousel-control-next {
    width: 5%;
  }
}
@media (max-width: 992px) {
  #hero {
    height: calc(100vh - 70px);
  }
  #hero .carousel-content h2 {
    margin-bottom: 15px;
    font-size: 22px;
  }
  #hero .carousel-content p {
    font-size: 15px;
  }
}
@media (max-height: 500px) {
  #hero {
    height: 120vh;
  }
}

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
  padding: 30px 0;
  overflow: hidden;
}

.section-bg { background-color: #8fc04e;}
.section-bgsmoke{ background-color: #f5f5f5;}

.section-title {
  padding-bottom: 30px;
  text-align: center;
}
.section-title h2 {
    color: #000000;
    font-size: 32px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 20px;
    padding-bottom: 20px;
    position: relative;
}
.section-title h2::after {
    content: "";
    position: absolute;
    display: block;
    width: 50px;
    height: 3px;
    background: #1bbd36;
    bottom: 0;
    left: calc(50% - 25px);
}
.section-title h2 strong {
  font-weight: 700;
}
.section-title p {
  margin-bottom: 0;
}

/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs {
    padding: 15px 0;
    background: #4caf50;
    min-height: 40px;
    background: linear-gradient( 
-45deg,#8bc34a,#4caf50,#8bc34a,#8bc34a);
 
}
.breadcrumbs h2,.breadcrumbs h1 {
  font-size: 26px;
  font-weight: 300;    text-shadow: 1px 1px 2px black, 0 0 1em #4caf50;
  color: #fff;
}
.breadcrumbs ol {
  display: flex;    color: #ffffff;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;    font-style: italic;
    text-shadow: 1px 1px 2px black, 0 0 1em #8bc34a;
}
.breadcrumbs ol a {
  color: #fe825a;
}
.breadcrumbs ol .starttext {
    color: whitesmoke;
    padding-right: 7px;;
}
.breadcrumbs ol .del{
    display: inline-block;
    padding: 0 7px;
    color: #ffffff;
}
@media (max-width: 768px) {
  .breadcrumbs .d-flex {
    display: block !important;
  }
  .breadcrumbs ol {
    display: block;
  }
  .breadcrumbs ol li {
    display: inline-block;
  }
}

/*--------------------------------------------------------------
# Cta
--------------------------------------------------------------*/
.cta {
    background: #F3F6FA;
  padding: 60px 0;
  color: #574741;
}
.cta h3 {
  font-size: 28px;
  font-weight: 700;
}
.cta h3 span {
    color: #4CAF50;
}
.cta p {
  padding: 0;
  margin: 0;
}
.cta-btn {
    font-family: "Poppins",sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 10px 25px;
    transition: 0.4s;
    border-radius: 4px;
    border: 1px solid #ffffff;
    color: #ffffff;
    background: #303030;
    max-width: 300px;
    width: 100%;
    margin: 20px auto 0;
}
.cta-btn:hover {
background: #f8fff9;
    border: 1px solid #fd5c28;
    color: #fd5c28;
}
.cta.new .cta-btn{font-family: "Poppins", sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 10px 25px;
    border-radius: 2px;
    transition: 0.4s;
    margin: 10px;
    border-radius: 4px;
    border: 2px solid #f03c02;
    color: #f03c02!important;
    background: #fff;}
.cta.new .cta-btn:hover {
    background: #f03c02;
    color: #fff!important;
}
@media (max-width: 1024px) {
  .cta {
    background-attachment: scroll;
  }
}
@media (min-width: 769px) {
  .cta .cta-btn-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
}

/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.servis .box span {
    display: block;
    font-size: 28px;
    font-weight: 700;
    color: #8fc04e;
}
.servis .box {
    padding: 25px 30px;
    box-shadow: 0px 2px 15px rgb(0 0 0 / 10%);
    transition: all ease-in-out 0.3s;    margin-bottom: 15px;
}
.servis .box:hover {
    background: #8fc04e;
    padding: 15px 15px 60px 15px;
    box-shadow: 10px 15px 30px rgb(0 0 0 / 18%);
}
.servis .box.even{    background: #8fc04e;}
    
.servis .box.even h4,.servis .box.even span{  color: #fff;}  
.servis .box.even:hover {background: #fff;}

.servis .box h4 {
    font-size: 24px;
    font-weight: 600;
    padding: 0;
    margin: 22px 0;
    color: #353535;min-height: 60px;
}


.servis .box:hover span, .servis .box:hover h4 {
    color: #fff;
}
.servis .box.even:hover span, .servis .box.even:hover h4 {
 color: #353535;
}


.services{background: whitesmoke url(/images/window.png) no-repeat left center;}
.services .icon-box {
    padding: 45px 15px;
    margin-top: 35px;
    margin-bottom: 25px;
    text-align: center;
    height: 130px;
    position: relative;
    border: 1px solid #e5f0d5;
    background: #ffffffe6;transition: ease-in-out 0.3s;
}
.services .icon-box:hover{    border-color: #fff;
    box-shadow: 0px 0 25px 0 rgb(0 0 0 / 10%);}
.services .icon {
    position: absolute;
    top: -36px;
    left: calc(50% - 36px);
    transition: 0.2s;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 72px;
    height: 72px;
    border: 1px solid #d6e8bf;
    background: #f3f8ec;
}
.services .icon i {
    color: #4CAF50;
  font-size: 24px;
  line-height: 0;
}



.services .title {
    font-weight: 600;
    color: black;
    margin-bottom: 15px;
    font-size: 14px;
}
.services .title a {
  color: #343a40;
}
.services .icon-box:hover .icon {
  background: #fff;
  border: 2px solid #5c9f24;
}
.services .icon-box:hover .icon i {
  color: #8fc04e;
}
.services .icon-box:hover .title a {
  color: #f03c02;
}
.services .description {
  line-height: 24px;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
.services .title { font-size: 18px;} 
.servis .box h4 {
    font-size: 20px;
    margin: 22px 0;
}
.servis .box{ padding: 30px 15px;}
.servis .box:hover,.servis .box.even:hover, {padding: 30px 30px 70px 30px;}


}
/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/
.portfolio #portfolio-flters {
  padding: 0;
  margin: 0 auto 20px auto;
  list-style: none;
  text-align: center;
}
.portfolio #portfolio-flters li {
  cursor: pointer;
  display: inline-block;
  padding: 8px 20px 10px 20px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
  color: #4d4643;
  transition: all 0.3s;
  border-radius: 50px;
}
.portfolio #portfolio-flters li a{color: #4d4643;}
#portfolio-flters li.filter-active a,.portfolio #portfolio-flters li:hover a{    color: #fff;}
#portfolio-flters li.allobject{border: 1px #FF5722 solid;}
.portfolio #portfolio-flters li:hover, .portfolio #portfolio-flters li.filter-active {
  color: #fff;
  background: #f03c02;
}
.portfolio #portfolio-flters li:last-child {
  margin-right: 0;
}
.portfolio .portfolio-item {
  margin-bottom: 30px;
}
.portfolio .portfolio-item .portfolio-info {
  opacity: 1;
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: 0;
  z-index: 3;
  transition: all ease-in-out 0.3s;
  background: rgba(255, 255, 255, 0.9);
  padding: 15px;
}
.portfolio .portfolio-item .portfolio-info h4 {
  font-size: 18px;
  color: #fff;
  font-weight: 600;
  color: #2b2320;
}
.portfolio .portfolio-item .portfolio-info p {
  color: #65534c;
  font-size: 14px;
  margin-bottom: 0;
}
.portfolio .portfolio-item .portfolio-info p i,.portfolio-info.detail i{margin-right: 14px;}
.portfolio .portfolio-item .portfolio-info .preview-link, .portfolio .portfolio-item .portfolio-info .details-link {
  position: absolute;
  right: 40px;
  font-size: 24px;
  top: calc(50% - 18px);
  color: #483b36;
}
.portfolio .portfolio-item .portfolio-info .preview-link:hover, .portfolio .portfolio-item .portfolio-info .details-link:hover {
  color: #f03c02;
}
.portfolio .portfolio-item .portfolio-info .details-link {
  right: 10px;
}
.portfolio .portfolio-item .portfolio-links {
  opacity: 0;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 3;
  position: absolute;
  transition: all ease-in-out 0.3s;
}
.portfolio .portfolio-item .portfolio-links a {
  color: #fff;
  margin: 0 2px;
  font-size: 28px;
  display: inline-block;
  transition: 0.3s;
}
.portfolio .portfolio-item .portfolio-links a:hover {
  color: #fe825a;
}
.portfolio .portfolio-item:hover .portfolio-info {
  opacity: 1;
  bottom: 20px;
}
.portfolio-item.pagination span{background: orangered;margin: 0 7px;}
.portfolio-item.pagination span.current{background: #06811d;}
.portfolio-item.pagination span a{    color: white; font-weight: 600; padding: 7px 14px;display: block;}    
/*--------------------------------------------------------------
# Portfolio Details
--------------------------------------------------------------*/
.portfolio-details {
  padding-top: 40px;
}
.portfolio-details .portfolio-details-slider img {
  width: 100%;    height: auto;
}
.portfolio-details .portfolio-details-slider .swiper-pagination {
  margin-top: 20px;
  position: relative;
}
.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid #f03c02;
}
.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active {background-color: #4CAF50;}
.portfolio-details .portfolio-info {
  padding: 30px;
  box-shadow: 0px 0 30px rgba(43, 35, 32, 0.08);
}
.portfolio-details .portfolio-info h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}
.portfolio-details .portfolio-info ul {
  list-style: none;
  padding: 0;
  font-size: 15px;
}
.portfolio-details .portfolio-info ul li + li {
  margin-top: 10px;
}
.portfolio-details .portfolio-description {
  padding-top: 30px;
}
.portfolio-details .portfolio-description h2 {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 20px;
}
.portfolio-details .portfolio-description .desc {
  padding: 0;
}

.relatedprod{}
.relatedprod h4{font-size: 16px;}
.portfolio-details .vidos{    position: relative;}
.portfolio-details .vidos a{display: flex;}
.portfolio-details .vidos i {    font-size: 3em;
    background: #19181885;
    padding: 15px;
    border: 1px #CDDC39 solid;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: inline-table;}
.pagenextprev a    {    border: 2px solid #139e30;
    color: #000;
    transition: .3s ease-in-out;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    padding: 8px 15px;
    border-radius: 28px;
    font-weight: 600;
    white-space: nowrap;}
.pagenextprev a :hover{    border: 2px solid #FF5722;}    
/*--------------------------------------------------------------
# Clients
--------------------------------------------------------------*/
.clients .clients-wrap {
  border-top: 1px solid #f1eeed;
  border-left: 1px solid #f1eeed;
      margin-top: 7px;
}
.clients .client-logo {
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-right: 1px solid #f1eeed;
  border-bottom: 1px solid #f1eeed;
  overflow: hidden;
  background: #fff;
  height: 100px;
}
.clients .client-logo img {
  transition: all 0.3s ease-in-out;
  height: 70px;
  filter: grayscale(100%);
}
.clients .client-logo:hover img {
  filter: none;
  transform: scale(1.1);
}

/*--------------------------------------------------------------
# About Us
--------------------------------------------------------------*/
.content ul { padding-left: 2rem;}
.content li{ list-style: none;}
.content li:before {
     font-family: bootstrap-icons !important;
      content: "\f26e";
    font-size: 22px;
    color: #1bbd36;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    margin: 2px 10px 0 0;
    line-height: 1;
    display: block;
    float: left;
}
.about-us .content {
  padding: 30px 0;
}
.about-us .content h3 {
  font-weight: 700;
  font-size: 34px;
}
.about-us .content p {
  margin-bottom: 0;
}
.about-us .content .icon-box {
  margin-top: 25px;
}
.about-us .content .icon-box h4 {
  font-size: 20px;
  font-weight: 700;
  margin: 5px 0 10px 60px;
}
.about-us .content .icon-box i {
  font-size: 48px;
  float: left;
  color: #f03c02;
}
.about-us .content .icon-box p {
  font-size: 15px;
  color: #90847f;
  margin-left: 60px;
}
.about-us .image {
  background: url("../img/about.jpg") center center no-repeat;
  background-size: cover;
  min-height: 400px;
}
@media (max-width: 991px) {
  .about-us .image {
    text-align: center;
  }
  .about-us .image img {
    max-width: 80%;
  }
}
@media (max-width: 667px) {
  .about-us .image img {
    max-width: 100%;
  }
}

/*--------------------------------------------------------------
# Our Team
--------------------------------------------------------------*/
.team{      background-color: #F3F6FA;}

.team .member {
  margin-bottom: 20px;
  overflow: hidden;
  text-align: center;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}
.team .member .member-img {
  position: relative;
  overflow: hidden;
}
.team .member .member-img img{width: 100%;
    height: auto;    transition: all ease-in-out 0.4s;}
.team .member .social {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 40px;
  opacity: 0;
  transition: ease-in-out 0.3s;
  background: rgba(255, 255, 255, 0.85);
  display: flex;
  align-items: center;
  justify-content: center;
}
.team .member .social a {
  transition: color 0.3s;
  color: #2b2320;
  margin: 0 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.team .member .social a:hover {
  color: #f03c02;
}
.team .member .social i {
  font-size: 18px;
  line-height: 0;
}
.team .member .member-info {
  padding: 25px 15px;
}
.team .member .member-info h4 {
  font-weight: 700;
  margin-bottom: 5px;
  font-size: 18px;
  color: #2b2320;
}
.team .member .member-info span {
  display: block;
  font-size: 13px;
  font-weight: 400;
  color: #b4aca8;
}
.team .member .member-info a{font-family: "Poppins", sans-serif;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 12px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 10px 12px;
    transition: 0.4s;
    margin: 10px 0;
    border-radius: 4px;
    border: 1px #4CAF50 solid;
    background: #f3f6fa;
    color: #4CAF50;
}
.team .member .member-info p {
  font-style: italic;
  font-size: 14px;
  line-height: 26px;
  color: #847872;
}
.team .member:hover .social {
  opacity: 1;
}

/*--------------------------------------------------------------
# Our Skills
--------------------------------------------------------------*/
.skills .progress {
  height: 50px;
  display: block;
  background: none;
}
.skills .progress .skill {
  padding: 0;
  margin: 0 0 6px 0;
  text-transform: uppercase;
  display: block;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  color: #2b2320;
}
.skills .progress .skill .val {
  float: right;
  font-style: normal;
}
.skills .progress-bar-wrap {
  background: #ded5d2;
}
.skills .progress-bar {
  width: 1px;
  height: 10px;
  transition: 0.9s;
  background-color: #f03c02;
}

/*--------------------------------------------------------------
# Features
--------------------------------------------------------------*/
.features .icon-box {
  display: flex;
  align-items: center;
  padding: 20px;
  background: #fff;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  transition: ease-in-out 0.3s;
}
.features .icon-box i {
  font-size: 32px;
  padding-right: 10px;
  line-height: 1;
}
.features .icon-box h3 {
  font-weight: 700;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-size: 16px;
}
.features .icon-box h3 a {
  color: #111;
  transition: ease-in-out 0.3s;
}
.features .icon-box h3 a:hover {
  color: #1bbd36;
}
/*--------------------------------------------------------------
# Testimonials
--------------------------------------------------------------*/
.testimonials .testimonials-carousel, .testimonials .testimonials-slider {
  overflow: hidden;
}
.testimonials .testimonial-item {
  box-sizing: content-box;    margin-bottom: 15px;
  padding: 30px;
box-shadow: 0 2px 12px rgb(0 0 0 / 23%);
   transition: all ease-in-out 0.3s;
  position: relative;
  background: #fff;
}
.testimonials .testimonial-item .testimonial-img {
  width: 90px;
  border-radius: 50px;
  border: 6px solid #fff;
  float: left;
  margin: 0 10px 0 0;
}
.testimonials .testimonial-item h3 {
  font-size: 18px;
  font-weight: bold;
  margin: 10px 0 5px 0;
  color: #111;
}
.testimonials .testimonial-item h4 {
  font-size: 14px;
  color: #999;
  margin: 0;
}
.testimonials .testimonial-item h4 i{color: #4caf50;  margin-right: 15px;}
.testimonials .testimonial-item .quote-icon-left, .testimonials .testimonial-item .quote-icon-right {
  color: #fecfc0;
  font-size: 26px;
}
.testimonials .testimonial-item .quote-icon-left {
  display: inline-block;
  left: -5px;
  position: relative;
}
.testimonials .testimonial-item .quote-icon-right {
  display: inline-block;
  right: -5px;
  position: relative;
  top: 10px;
}
.testimonials .testimonial-item .ftext {
  font-style: italic;
  margin: 15px 0 0 0;
  padding: 0;    max-height: 160px; min-height: 160px;
    overflow-y: auto;
    width: 100%;padding-right: 7px;
}
.testimonials .testimonial-item .ftext p {
  font-style: italic;
  margin: 15px 0 0 0;
  padding: 0;
}
.testimonials .testimonial-item a{    padding: 8px 25px!important;
    font-weight: 400!important;
    font-family: "Poppins",sans-serif;
    border: 1px dashed #0d0e0d;
    display: block;
    text-align: center;
    margin-top: 15px;}
.testimonials .testimonial-item .ftext::-webkit-scrollbar {
  width: 7px;
  background-color: #f9f9fd;
}

.testimonials .testimonial-item .ftext::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #1bbd36;
}

.testimonials .testimonial-item .ftext::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
  border-radius: 10px;   
  background-color: #f5faf0;    
}
/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact .info-wrap {
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  padding: 30px;
}
.contact .info {
  background: #fff;
}
.contact .info i {
  font-size: 20px;
  color: #f03c02;
  float: left;
  width: 44px;
  height: 44px;
  background: #ffeee8;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  transition: all 0.3s ease-in-out;
}
.contact .info h4 {
  padding: 0 0 0 60px;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 5px;
  color: #2b2320;
}
.contact .info li {
  padding: 0 0 7px 60px;
  margin-bottom: 0;    list-style: none;
  font-size: 14px;

}
.contact .info li a{  color: #65534c;}
.contact .info:hover i {
  background: #f03c02;
  color: #fff;
}
.contact .php-email-form {    margin: 0 auto;
  width: 100%;
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.12);
  padding: 30px;
  background: #fff;
}
.contact .php-email-form .form-group {
  padding-bottom: 8px;
}
.contact .php-email-form .error-message {
  display: none;
  color: #fff;
  background: #ed3c0d;
  text-align: left;
  padding: 15px;
  font-weight: 600;
}
.contact .php-email-form .error-message br + br {
  margin-top: 25px;
}
.contact .php-email-form .sent-message {
  display: none;
  color: #fff;
  background: #18d26e;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}
.contact .php-email-form .loading {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
}
.contact .php-email-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid #18d26e;
  border-top-color: #eee;
  -webkit-animation: animate-loading 1s linear infinite;
  animation: animate-loading 1s linear infinite;
}
.contact .php-email-form input, .contact .php-email-form textarea,.php-email-form.qizz input[type=text], .php-email-form.qizz textarea[type=text],.php-email-form select {
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
      display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.contact .php-email-form select { padding: 9px 0;}
.php-email-form.qizz.dah{    position: relative;}
.php-email-form.qizz.dah .progress-bar{background-image: -webkit-gradient(linear, left top, right top, from(#2e7d32), color-stop(50%, #5bb461), to(#2e7d32));
    background-image: -webkit-linear-gradient(left, #2e7d32 0%, #5bb461 50%, #2e7d32 100%);
    background-image: -o-linear-gradient(left, #2e7d32 0%, #5bb461 50%, #2e7d32 100%);
    background-image: linear-gradient(to right, #2e7d32 0%, #5bb461 50%, #2e7d32 100%);}

.php-email-form.qizz.dah .fbsubmit_prev{    display: inline!important;margin: 0 15px;}
.php-email-form.qizz.dah input:focus{box-shadow: none;}
.php-email-form.qizz.dah .ploshchainput input{width: 100%;}
.php-email-form.qizz.dah .rad{margin: 10px 0;}
.php-email-form.qizz.dah .rad label{   
    width: 200px;
    height: 175px;   border: 2px #d8d8d8 solid; margin: 10px;
    background-size: cover;
    background-repeat: no-repeat;}
   
.php-email-form.qizz.dah .rad input[type=radio]:checked + label{border: 2px #F44336 solid;     box-shadow: 2px 4px 2px 1px rgba(0, 0, 0, 0.2);    background-size: cover; background-repeat: no-repeat;}    
.php-email-form.qizz.dah span{position: absolute;    left: 0;
    bottom: -20px;
    text-align: center;
    width: 100%;}
.php-email-form.qizz.dah .ploshcha {    position: absolute;top: 95px;width: 100%;}
.php-email-form.qizz.dah .ploshcha span{position: initial;margin: 0 10px; display: inline; font-weight: 700;font-size: 18px;}
.php-email-form.qizz.dah .ploshchainput{    padding: 10px;}
.php-email-form.qizz.dah .zaniry{    display: flex;align-items: center; background: whitesmoke; padding: 10px; justify-content: center;}
.php-email-form.qizz.dah .zaniry label{ display: inline-block;    font-size: 18px;}
.php-email-form.qizz.dah .zaniry input{width: 26px; height: 26px;;margin: 0 10px;}
.php-email-form.qizz.dah .zaniry input[type="checkbox"]:checked{    background-color: #5cb85c;border-color: #5cb85c;accent-color: green;}

.php-email-form.qizz.dah .typez .rad {width: 100%;    margin: 0px;}
.php-email-form.qizz.dah .typez .rad label{height: auto;width: 100%;  padding: 5px 0; margin: 10px 0;}
.php-email-form.qizz.dah .typez .rad input[type=radio]:checked + label{    border: 0;   
    background-image: -webkit-gradient(linear, left top, right top, from(#5cb44f), color-stop(50%, #81c04b), to(#5cb44f));
    background-image: -webkit-linear-gradient(left, #5cb44f 0%, #81c04b 50%, #5cb44f 100%);
    background-image: -o-linear-gradient(left, #5cb44f 0%, #81c04b 50%, #5cb44f 100%);
    background-image: linear-gradient(to right, ##5cb44f 0%, #81c04b 50%, #5cb44f100%);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    background-position: right center;
    -webkit-background-size: 200% auto;
    background-size: 200% auto;    box-shadow: 0px 1px 7px 1px rgb(0 0 0 / 17%);
    color: white;}
.php-email-form.qizz.dah .contdata label{    font-size: 15px;text-align: left;}
.php-email-form.qizz.dah .contdata input{    background: #fafafa;}


.php-email-form.qizz.dah .two .rad:nth-child(2) label { background-image: url(/uploads/images/dahcalc/dahnew.jpg);}
.php-email-form.qizz.dah .two .rad:nth-child(3) label { background-image: url(/uploads/images/dahcalc/zanibapolrivli.jpg);}   
.php-email-form.qizz.dah .four .rad:nth-child(2) label { background-image: url(/uploads/images/dahcalc/metalcherepytza.jpg);}
.php-email-form.qizz.dah .four .rad:nth-child(3) label { background-image: url(/uploads/images/dahcalc/profnastyl.jpg);}
.php-email-form.qizz.dah .four .rad:nth-child(4) label { background-image: url(/uploads/images/dahcalc/falc.jpg);}
.php-email-form.qizz.dah .four .rad:nth-child(5) label { background-image: url(/uploads/images/dahcalc/bitumc.jpg);}


.php-email-form.qizz .fbsubmit_prev{ display: none;}
.php-email-form.qizz label{text-align: center; font-weight: 700; font-size: 22px;    margin: 7px 0;display: block;}
.contact .php-email-form input:focus,.contact .php-email-form textarea:focus,
.php-email-form.qizz input:focus,.php-email-form.qizz textarea:focus{
    color: #212529;
    background-color: #fff;
    border-color: #8bc34a;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(139 195 74 / 8%);
}

.contact .php-email-form input,.php-email-form.qizz input {
  height: 44px;}
.php-email-form.qizz input{    margin: 15px 0;}  
.contact .php-email-form textarea { padding: 10px 12px;    height: 150px;}
.php-email-form.qizz .submit{    margin: 10px 7px 0 7px;    text-align: center;}
.php-email-form.qizz span{text-align: center; display: block; color: #4caf50;}
.php-email-form.qizz input[type=submit] {    margin: 15px 0px;}
.contact .php-email-form input[type=submit],.php-email-form.qizz input[type=submit] {
  background: #f03c02;
  border: 0;
  padding: 10px 24px;
  color: #fff;
  transition: 0.4s;
  border-radius: 4px;
}
.buy.contact .php-email-form input[type=submit]{max-width: 300px;
    margin: 0 auto;
    margin-top: 15px;}
.contact .php-email-form input[type=submit]:hover,.php-email-form.qizz input[type=submit]:hover {
  background: #fd5c28;}
  .qizz .rad {    position: relative;
	display: inline-block;
}
.qizz  input[type=radio] {
	display: none;
}
.qizz .rad label {
	display: inline-block;
	cursor: pointer;
	padding: 0px 15px;
	line-height: 34px;
	border: 1px solid #999;
	border-radius: 6px;
	    font-size: 17px;
	user-select: none;
}
 
/* Checked */
.qizz .rad input[type=radio]:checked + label {
     background: #ccff8d;
}
 
/* Hover */
.qizz .rad label.radio:hover {
	color: #666;
}
 
/* Disabled */
.qizz .rad input[type=radio]:disabled + label {
	background: #efefef;
	color: #666;
}
@-webkit-keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
# Blog
--------------------------------------------------------------*/
.blog {
  padding: 40px 0 20px 0;
}
.blog .entry {
  padding: 30px;
  margin-bottom: 60px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}
.blog .entry .entry-img {
  max-height: 440px;
  margin: -30px -30px 20px -30px;    justify-content: center!important;
  overflow: hidden;display: flex;
}
.blog .entry .entry-title {
  font-size: 28px;
  font-weight: bold;
  padding: 0;
  margin: 0 0 20px 0;
}
.blog .entry .entry-title a {
  color: #2b2320;
  transition: 0.3s;
}
.blog .entry .entry-title a:hover {
  color: #f03c02;
}
.blog .entry .entry-meta {
  margin-bottom: 15px;
  color: #9c847b;
}
.blog .entry .entry-meta ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  align-items: center;
  padding: 0;
  margin: 0;
}
.blog .entry .entry-meta ul li + li {
  padding-left: 20px;
}
.blog .entry .entry-meta i {
  font-size: 16px;
  margin-right: 8px;
  line-height: 0;
}
.blog .entry .entry-meta a {
  color: #847872;
  font-size: 14px;
  display: inline-block;
  line-height: 1;
}
.blog .entry .entry-content p {
  line-height: 24px;
}
.blog .entry .entry-content .read-more {
  -moz-text-align-last: right;
  text-align-last: right;
}
.blog .entry .entry-content .read-more a {
  display: inline-block;
  background: #f03c02;
  color: #fff;
  padding: 6px 20px;
  transition: 0.3s;
  font-size: 14px;
  border-radius: 4px;
}
.blog .entry .entry-content .read-more a:hover {
  background: #fd490f;
}
.blog .entry .entry-content h3 {
  font-size: 22px;
  margin-top: 30px;
  font-weight: bold;
}
.blog .entry .entry-content blockquote {
  overflow: hidden;
  background-color: #fafafa;
  padding: 60px;
  position: relative;
  text-align: center;
  margin: 20px 0;
}
.blog .entry .entry-content blockquote p {
  color: #4d4643;
  line-height: 1.6;
  margin-bottom: 0;
  font-style: italic;
  font-weight: 500;
  font-size: 22px;
}
.blog .entry .entry-content blockquote::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background-color: #2b2320;
  margin-top: 20px;
  margin-bottom: 20px;
}
.blog .entry .entry-footer {
  padding-top: 10px;
  border-top: 1px solid #e6e6e6;
}
.blog .entry .entry-footer i {
  color: #836a61;
  display: inline;
}
.blog .entry .entry-footer a {
  color: #3a2f2b;
  transition: 0.3s;
}
.blog .entry .entry-footer a:hover {
  color: #f03c02;
}
.blog .entry .entry-footer .cats {
  list-style: none;
  display: inline;
  padding: 0 20px 0 0;
  font-size: 14px;
}
.blog .entry .entry-footer .cats li {
  display: inline-block;
}
.blog .entry .entry-footer .tags {
  list-style: none;
  display: inline;
  padding: 0;
  font-size: 14px;
}
.blog .entry .entry-footer .tags li {
  display: inline-block;
}
.blog .entry .entry-footer .tags li + li::before {
  padding-right: 6px;
  color: #6c757d;
  content: ",";
}
.blog .entry .entry-footer .share {
  font-size: 16px;
}
.blog .entry .entry-footer .share i {
  padding-left: 5px;
}
.blog .entry-single {
  margin-bottom: 30px;
}
.blog .blog-author {
  padding: 20px;
  margin-bottom: 30px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}
.blog .blog-author img {
  width: 120px;
  margin-right: 20px;
}
.blog .blog-author h4 {
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 0px;
  padding: 0;
  color: #2b2320;
}
.blog .blog-author .social-links {
  margin: 0 10px 10px 0;
}
.blog .blog-author .social-links a {
  color: rgba(43, 35, 32, 0.5);
  margin-right: 5px;
}
.blog .blog-author p {
  font-style: italic;
  color: #bfb9b6;
}
.blog .blog-comments {
  margin-bottom: 30px;
}
.blog .blog-comments .comments-count {
  font-weight: bold;
}
.blog .blog-comments .comment {
  margin-top: 30px;
  position: relative;
}
.blog .blog-comments .comment .comment-img {
  margin-right: 14px;
}
.blog .blog-comments .comment .comment-img img {
  width: 60px;
}
.blog .blog-comments .comment h5 {
  font-size: 16px;
  margin-bottom: 2px;
}
.blog .blog-comments .comment h5 a {
  font-weight: bold;
  color: #4d4643;
  transition: 0.3s;
}
.blog .blog-comments .comment h5 a:hover {
  color: #f03c02;
}
.blog .blog-comments .comment h5 .reply {
  padding-left: 10px;
  color: #2b2320;
}
.blog .blog-comments .comment h5 .reply i {
  font-size: 20px;
}
.blog .blog-comments .comment time {
  display: block;
  font-size: 14px;
  color: #483b36;
  margin-bottom: 5px;
}
.blog .blog-comments .comment.comment-reply {
  padding-left: 40px;
}
.blog .blog-comments .reply-form {
  margin-top: 30px;
  padding: 30px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}
.blog .blog-comments .reply-form h4 {
  font-weight: bold;
  font-size: 22px;
}
.blog .blog-comments .reply-form p {
  font-size: 14px;
}
.blog .blog-comments .reply-form input {
  border-radius: 4px;
  padding: 10px 10px;
  font-size: 14px;
}
.blog .blog-comments .reply-form input:focus {
  box-shadow: none;
  border-color: #fe825a;
}
.blog .blog-comments .reply-form textarea {
  border-radius: 4px;
  padding: 10px 10px;
  font-size: 14px;
}
.blog .blog-comments .reply-form textarea:focus {
  box-shadow: none;
  border-color: #fe825a;
}
.blog .blog-comments .reply-form .form-group {
  margin-bottom: 25px;
}
.blog .blog-comments .reply-form .btn-primary {
  border-radius: 4px;
  padding: 10px 20px;
  border: 0;
  background-color: #2b2320;
}
.blog .blog-comments .reply-form .btn-primary:hover {
  background-color: #3a2f2b;
}
.blog .blog-pagination {
  color: #65534c;
}
.blog .blog-pagination ul {
  display: flex;
  padding: 0;
  margin: 0;
  list-style: none;
}
.blog .blog-pagination li {
  margin: 0 5px;
  transition: 0.3s;
}
.blog .blog-pagination li a {
  color: #2b2320;
  padding: 7px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.blog .blog-pagination li.active, .blog .blog-pagination li:hover {
  background: #f03c02;
}
.blog .blog-pagination li.active a, .blog .blog-pagination li:hover a {
  color: #fff;
}
.blog .sidebar {
  padding: 30px;
  margin: 0 0 60px 20px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}
.blog .sidebar .sidebar-title {
  font-size: 20px;
  font-weight: 700;
  padding: 0 0 0 0;
  margin: 0 0 15px 0;
  color: #2b2320;
  position: relative;
}
.blog .sidebar .sidebar-item {
  margin-bottom: 30px;
}
.blog .sidebar .search-form form {
  background: #fff;
  border: 1px solid #ddd;
  padding: 3px 10px;
  position: relative;
}
.blog .sidebar .search-form form input[type=text] {
  border: 0;
  padding: 4px;
  border-radius: 4px;
  width: calc(100% - 40px);
}
.blog .sidebar .search-form form button {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border: 0;
  background: none;
  font-size: 16px;
  padding: 0 15px;
  margin: -1px;
  background: #f03c02;
  color: #fff;
  transition: 0.3s;
  border-radius: 0 4px 4px 0;
  line-height: 0;
}
.blog .sidebar .search-form form button i {
  line-height: 0;
}
.blog .sidebar .search-form form button:hover {
  background: #fd4509;
}
.blog .sidebar .categories ul {
  list-style: none;
  padding: 0;
}
.blog .sidebar .categories ul li + li {
  padding-top: 10px;
}
.blog .sidebar .categories ul a {
  color: #2b2320;
  transition: 0.3s;
}
.blog .sidebar .categories ul a:hover {
  color: #f03c02;
}
.blog .sidebar .categories ul a span {
  padding-left: 5px;
  color: #b4aca8;
  font-size: 14px;
}
.blog .sidebar .recent-posts .post-item + .post-item {
  margin-top: 15px;
}
.blog .sidebar .recent-posts img {
  width: 80px;
  float: left;
}
.blog .sidebar .recent-posts h4 {
  font-size: 15px;
  margin-left: 95px;
  font-weight: bold;
}
.blog .sidebar .recent-posts h4 a {
  color: #2b2320;
  transition: 0.3s;
}
.blog .sidebar .recent-posts h4 a:hover {
  color: #f03c02;
}
.blog .sidebar .recent-posts time {
  display: block;
  margin-left: 95px;
  font-style: italic;
  font-size: 14px;
  color: #b4aca8;
}
.blog .sidebar .tags {
  margin-bottom: -10px;
}
.blog .sidebar .tags ul {
  list-style: none;
  padding: 0;
}
.blog .sidebar .tags ul li {
  display: inline-block;
}
.blog .sidebar .tags ul a {
  color: #745f56;
  font-size: 14px;
  padding: 6px 14px;
  margin: 0 6px 8px 0;
  border: 1px solid #ded5d2;
  display: inline-block;
  transition: 0.3s;
}
.blog .sidebar .tags ul a:hover {
  color: #fff;
  border: 1px solid #f03c02;
  background: #f03c02;
}
.blog .sidebar .tags ul a span {
  padding-left: 5px;
  color: #c8bab5;
  font-size: 14px;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
  color: #b4aca8;
  font-size: 14px;
background: #000000;
}
#footer .footer-top {
  padding: 60px 0 30px 0; background: #303030;
}
#footer .footer-top .footer-contact {
  margin-bottom: 30px;
}
.footer-contact li{    list-style: none; margin: 4px 0;}
#footer .footer-top .footer-contact h3 {
  font-size: 22px;
  margin: 0 0 10px 0;
  padding: 2px 0 2px 0;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #fff;
}
#footer .footer-top .footer-contact p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
  font-family: "Muli", sans-serif;
  color: #b4aca8;
}
#footer .footer-top h4 {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  position: relative;
  padding-bottom: 12px;
}
#footer .footer-top .footer-links {
  margin-bottom: 30px;
}
#footer .footer-top .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#footer .footer-top .footer-links ul li {
  padding: 10px 0;
  display: flex;
  align-items: center;
}
#footer .footer-top .footer-links ul li::before {
content: "\f285";
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    padding-right: 2px;
    color: #5c9f24;
    font-size: 14px;
    line-height: 1;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    font-family: bootstrap-icons!important;
    font-variant: normal;
}
#footer .footer-top .footer-links ul li:first-child {
  padding-top: 0;
}
#footer .footer-top .footer-links ul li i{    display: none!important;}
#footer .footer-top .footer-links ul a {
  color: #b4aca8;
  transition: 0.3s;
  display: inline-block;
  line-height: 1;
}
#footer .footer-top .footer-links ul a.active{ color: #fd6f41;}
#footer .footer-top .footer-links ul a:hover {
  text-decoration: none;
  color: #fd6f41;
}
#footer .footer-consult {
  font-size: 15px;
}
#footer .footer-consult li{list-style: none;}
#footer .footer-consult li a{    background: none; border: 1px#fd5c28 solid;    margin-top: 20px;  display: inline-block;}
#footer .footer-consult li a:hover{border: 1px #1bbd36 solid;}
#footer .social-links ul {
    padding: 0;
    margin: 0;
    display: flex;
}
#footer .social-links li {  list-style: none;}
#footer .social-links a {
  font-size: 18px;
  display: inline-block;
  background: #f03c02;
  color: #fff;
  line-height: 1;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 50%;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}
#footer .social-links a:hover {
  background: #fd5c28;
  color: #fff;
  text-decoration: none;
}
.row.content p {    margin-top:0!important}
.team .swiper-pagination{bottom: -20px;}
.team .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    opacity: 1;}
.team  .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #4CAF50}
  #hot{    background: #9bfcac52;font-size: 2em; padding: 10px;text-shadow: 1px 1px 2px #c3c3c3;}
.feed-button span {
    padding: 12px;
    cursor: pointer;
    user-select: none;
    color: white;
    transform: scaleX(0);
    transform-origin: right center;
    background: linear-gradient(to left,#4ac60d,rgb(10 133 28));
    border-radius: 60px;
}  
.feed-button span i{margin-right: 10px;}
.cgfeedback_addcomment, .cgfeedback_summary.invis { overflow: hidden; display: none;}
.cgfeedback_addcomment.open { display: inline;transition-delay: 250ms;}
.contact .info-wrap span {  margin: 4px 7px;}.contact .info-wrap span i {color: #fd5c28;letter-spacing: 1px;}
.bdaction{ display: flex;
  align-items: center;
  justify-content: center;}
#bothotcall ul {
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    text-align: center;
    width: 100%;
}

#bothotcall ul li {
    list-style: none;
    width: 40%;
    text-align: center;
    border: 1px #4CAF50 solid;
    margin: 7px 10px;
    padding: 10px;
    display: inline-block;
}

#bothotcall ul li a {   
      font-size: 20px;
    font-weight: 600;
}

#bothotcall ul li:before {
    display: none;
}

#bothotcall .bothotcalltext {
    font-size: 20px;
     color: #4e4e4e;
    font-weight: 600;
    margin: 5px 0;
}  
.accordion-list {
  padding: 0 100px 60px 100px;
}

 .accordion-list ul {
  padding: 0;
  list-style: none;
}

 .accordion-list li+li {
  margin-top: 15px;
}

 .accordion-list li {
  padding: 20px;
    background: #fafafa;
  border-radius: 4px;
}

 .accordion-list a {
    display: block;
    position: relative;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    padding-right: 30px;
    outline: none;
    cursor: pointer;
}

 .accordion-list span {
  padding-right: 10px;
}

 .accordion-list i {
  font-size: 24px;
  position: absolute;
  right: 0;
  top: 0;
}

 .accordion-list p {
  margin-bottom: 0;
  padding: 10px 0 0 0;
}

 .accordion-list .icon-show {
  display: none;
}

 .accordion-list a.collapsed {
         color: #fd5c28;

}
 .accordion-list a.collapsed:hover {
color: #4CAF50;
}
 .accordion-list a.collapsed .icon-show {
  display: inline-block;
}

 .accordion-list a.collapsed .icon-close {
  display: none;
}

@media (max-width: 1024px) {

   .accordion-list {
    padding-left: 0;
    padding-right: 0;
  }
}
#kredit{    background: linear-gradient(110.25deg, #EFF3FC -4.07%, rgba(239, 243, 252, 0.56) 49.47%, rgba(241, 221, 209, 0.72) 79.9%, #EFF3FC 104.14%);}
.header__cart{position: relative;}
.header__cart i{font-size: 30px !important;color: #4CAF50;}
.header__cart span{    position: absolute;
    top: 0;
    right: -16px;
    background: orangered;
    color: white;
    padding: 2px 6px;
    font-size: 11px;
    border-radius: 50%;}
.feddbackpanel.tab-content>.active {text-align: left!important; }  
#v-dguki .nav-tabs a{    color: #575757;}
#v-dguki .nav-tabs a.active{    color: #0e8b25;}
/* Stylesheet: Balkon Modified On 2025-06-12 12:50:59 */
@charset "utf-8";
.left-tabs.sideways-tabs,.right-tabs.sideways-tabs{margin-top:5rem;border:none;position:relative;margin-bottom:0}.left-tabs.nav-tabs,.left-tabs.sideways-tabs,.right-tabs.nav-tabs,.right-tabs.sideways-tabs{height:100%;flex-direction:column}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:.5rem}.vtabs .tab-clickable{cursor:pointer}.left-tabs.nav-tabs{border-right:1px solid #dee2e6;border-bottom:none}.left-tabs .nav-link{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-bottom-right-radius:0;border-top-right-radius:0;margin-right:-1px;text-align:left}.left-tabs .nav-link:hover{border-right:1px solid transparent}.left-tabs .nav-link.active{border-top:1px solid #dee2e6;border-right:1px solid transparent;border-bottom:1px solid #dee2e6;border-left:1px solid #dee2e6}.right-tabs.nav-tabs{border-left:1px solid #dee2e6;border-bottom:none}.right-tabs .nav-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-1px;text-align:right}.right-tabs .nav-link:hover{border-left:1px solid transparent}.right-tabs .nav-link.active{border-top:1px solid #dee2e6;border-right:1px solid #dee2e6;border-bottom:1px solid #dee2e6;border-left:1px solid transparent}.left-tabs.sideways-tabs{border-right:none;left:-3.2rem}.sideways-tabs.left-tabs .nav-item{transform:rotate(-90deg);height:1rem;margin-bottom:calc(8rem - 1rem)}.sideways-tabs.left-tabs .nav-link{width:8rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-top-right-radius:.25rem;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:.25rem;border-bottom:1px solid #dee2e6}.sideways-tabs.left-tabs .nav-link:hover{border-right:1px solid #e9ecef}.sideways-tabs.left-tabs .nav-link.active{border-top:1px solid #dee2e6;border-right:1px solid #dee2e6;border-bottom:1px solid transparent;border-left:1px solid #dee2e6}.right-tabs.sideways-tabs{border-left:none;right:3.2rem}.sideways-tabs.right-tabs .nav-item{transform:rotate(90deg);height:1rem;margin-bottom:calc(8rem - 1rem)}.sideways-tabs.right-tabs .nav-link{width:8rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-top-right-radius:.25rem;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:.25rem;border-bottom:1px solid #dee2e6}.sideways-tabs.right-tabs .nav-link:hover{border-left:1px solid #e9ecef}.sideways-tabs.right-tabs .nav-link.active{border-top:1px solid #dee2e6;border-right:1px solid #dee2e6;border-bottom:1px solid transparent;border-left:1px solid #dee2e6}.vtabs .accordion-header{display:none}@media (max-width:767px){.left-tabs.nav-tabs{flex-direction:row;border-right:none;border-left:none;min-width:100%;border-bottom:1px solid #dee2e6;left:auto;margin-top:auto}.left-tabs .nav-link{width:8rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-top-right-radius:.25rem;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:.25rem;margin-right:0;margin-bottom:-1px}.left-tabs .nav-link.nav-link:hover{border-right-color:#dee2e6;border-bottom-color:transparent}.left-tabs .nav-link.active{border-top-color:#dee2e6;border-right-color:#dee2e6;border-bottom-color:transparent;border-left-color:#dee2e6}.sideways-tabs.left-tabs .nav-item,.sideways-tabs.right-tabs .nav-item{transform:none;height:auto;width:auto;margin-bottom:0}.right-tabs.nav-tabs{flex-direction:row;border-right:none;border-left:none;min-width:100%;border-top:1px solid #dee2e6;right:auto;margin-top:auto}.right-tabs .nav-link,.sideways-tabs.right-tabs .nav-link{width:8rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-top-right-radius:0;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem;border-top-left-radius:0;margin-left:0;margin-top:-1px;border-bottom-color:transparent}.right-tabs .nav-link:hover{border-top-color:transparent;border-left-color:#dee2e6;border-bottom-color:#e9ecef}.right-tabs .nav-link.active,.sideways-tabs.right-tabs .nav-link.active{border-top-color:transparent;border-right-color:#dee2e6;border-bottom-color:#dee2e6;border-left-color:#dee2e6}}@media (max-width:428px){.right-tabs.nav-tabs{display:none}.vtabs .tab-content>.tab-pane{opacity:1}.vtabs .accordion-header{}.vtabs button.accordion-button:focus{border:none;outline:0;box-shadow:none}.accordion-item{border:none}}@media (min-width:429px){.vtabs .accordion-item{border:none}.vtabs .accordion-body.collapse{display:block}}.tab-content{padding:10px 1px}

ul.nav.nav-tabs.left-tabs{    flex-direction: inherit;}
li.nav-item {
    list-style: none;
   /* width: 50%;
    float: left;*/
}
li.nav-item:before{    content: none!important;}
.bbb,.tovar_buy{display: none;}
.tab-content>.active {
    display: block;
    text-align: center;
}
.left-tabs .nav-link.active{    background: #4caf5030;}
.contact.calc input[type=radio],.contact.calc input[type=checkbox]{     height: auto;
    width: auto;
    appearance: auto;    margin: 7px;
    display: initial;}
 .contact.calc .submit{    margin-top: 25px;}  
.calcnew .submit input{margin: 0 15px;
    border: 2px solid #139e30;
    color: #000;
    background: #fff;
    transition: .3s ease-in-out;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    padding: 15px 25px;
    border-radius: 28px;
    font-weight: 600;
    white-space: nowrap;}
.calcnew .submit input.fbsubmit,.calcnew .submit input:hover{border: 2px solid transparent;
    background-color: #139e30;
    color: #fff;}    
.calcnew .submit input.fbsubmit:hover {
    border: 2px solid #139e30;
    color: #000;
    background: #fff;
}   
.calcnew fieldset div label{    font-weight: 700;font-size: 20px;    margin-bottom: 4px;}
.calcnew fieldset div div label{    font-size: initial;font-weight: 400;}
.pregresscont .page-box{    position: relative; background: #faf9f8;margin-top: 25px;}    
.pregresscont .page-box .num{    position: absolute;
    top: -24px;
    left: calc(50% - 18px);
    transition: 0.2s;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;font-weight: 600;
    border: 1px #FF5722 solid;
    background: white;} 
.pregresscont .page-box .num.current{    background: orangered;
    color: white;
    font-weight: 700;}    
.pregresscont .page-box .title{    font-weight: 600;
    margin-bottom: 15px;
    font-size: 13px;
    padding: 25px 0 15px 0;}    
table.html_image{position: relative;} 
table.html_image td{     width: 103px;
    height: 200px;
    border: 0;
    margin: 0;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: cover;
        background-color: white;
    z-index: 9;
    position: relative;}
 
table.html_image td:before{    background: #ffffffeb;
    display: block;
    color: #4CAF50;
    font-weight: 800;
    font-size: 13px;
    position: absolute;
    width: 86%;
    top: 40%;}    
td.type1 {
background: url(/uploads/images/windowsopentype/konfigurator_icon_typ_otkrivamia_4.svg);
}

td.type1:before{ content: "Глухе";    white-space: break-spaces; }
td.type2 {
    background: url(/uploads/images/windowsopentype/konfigurator_icon_typ_otkrivamia_5.svg);
}
td.type2:before{ content: "Поворотне вправо";    white-space: break-spaces; }

td.type3 {
background: url(/uploads/images/windowsopentype/konfigurator_icon_typ_otkrivamia_5_2.svg);
}
td.type3:before{ content: "Поворотне вліво";     white-space: break-spaces;}

td.type4 {
    background: url(/uploads/images/windowsopentype/konfigurator_icon_typ_otkrivamia_1.svg);
}
td.type4:before{ content: "Вертикально-поворотне вправо";     white-space: break-spaces;}
td.type5 {
background: url(/uploads/images/windowsopentype/konfigurator_icon_typ_otkrivamia_1_2.svg);
}
td.type5:before{ content: "Вертикально-поворотне вліво";    white-space: break-spaces; }
td.type6 {
background: url(/uploads/images/windowsopentype/konfigurator_icon_typ_otkrivamia_3.svg);
}
td.type6:before{ content: "Відкидне";     white-space: break-spaces;}
td.type7 {
    background: url(/uploads/images/windowsopentype/konfigurator_icon_typ_otkrivamia_2.svg);
}
td.type7:before{ content: "Поворотно-відкидне вправо";     white-space: break-spaces;}
td.type8 {
background: url(/uploads/images/windowsopentype/konfigurator_icon_typ_otkrivamia_2_2.svg);
} 
td.type8:before{ content: "Поворотно-відкидне вліво";     white-space: break-spaces;}
td.typeround{    height: 110px !important;
    margin: auto !important;
    position: absolute !important;
    top: -45px;
    left: 0;
    right: 0;
    box-sizing: border-box;
    border: 5px solid #030303 !important;
    border-bottom: 10px solid transparent !important;
    border-radius: 50%;
    z-index: 1 !important;}
   
 td.typerounduntwo{height: 110px !important;width: 200px!important;
    margin: auto !important;
    position: absolute !important;
    top: -45px;
    left: 0;
    right: 0;
    box-sizing: border-box;
    border: 5px solid #030303 !important;
    border-bottom: 10px solid transparent !important;
    border-radius: 50%;
    z-index: 1 !important;}
@media (max-width:428px){
    
#partable22 td,#partable27 td,#partable30 td {
    width: 84px;
    height: 160px;
}
#partable22 td:before,#partable27 td:before,#partable30 td:before{font-size: 10px;}

#partable23 td,#partable31 td  {
width: 70px;
    height: 134px;
    background-size: contain;
}
#partable23 td:before,#partable31 td:before{font-size: 9px;    width: 84%;
    left: 4px;}
#partable32,#partable33{margin-top: 40px;}


.windcont .type-item label{    margin: 7px 0;}
}    


@media (min-width:429px) and (max-width:450px){  
#partable23 td,#partable31 td  {
width: 87px;
    height: 166px;
    background-size: contain;
}    
}    
.vtabs{margin: 0;
    padding: 0;}   
 .vtabs ul   {    padding-left: 0!important;}
.color-group {
  overflow-x: auto;
  white-space: nowrap;margin: 0;
    padding: 0;
}
.color-group .color-item{
  display: inline-block;
  float: none;
}
.color-item img{    width: 106px;
    height: 75px;
    margin: 10px 15px 0;
    border: 3px solid #fff;
    }

.furnutura-item{position: relative;background: whitesmoke; padding: 10px 0;}
.furnutura-item .recomend{    position: absolute;left: 7%;top: 25px;    font-size: 16px;
    color: #4CAF50;}
.furnutura-item .furnitura-info h4{font-size: 21px;
    text-align: center;
    margin: 10px 0;
    font-weight: 600;}
.furnutura-item .infotip{    position: absolute;
    right: 7%;
    top: 20px;
    font-size: 24px;
    cursor: pointer;
    color: #FF5722;}
    
.furnutura-item input[type="radio"] {
    display: none;
} 
.furnutura-item label {    margin: 10px;
    display: inline-block;
    cursor: pointer;       padding-top: 25px;
    background: white;
}
.furnutura-item input[type="radio"]:checked+label {
box-shadow: 0 0 4px 1px rgb(41 143 22);    font-weight: 700;
}
.furnutura-item label:hover {
box-shadow: 0 0 11px 1px rgba(0, 0, 0, .3411764705882353);
}

.color-item input[type="radio"] {
    display: none;
}  
.color-item label {    margin: 10px;
    display: inline-block;
    cursor: pointer;
}
.color-item label  span{font-size: 14px;}
.color-item input[type="radio"]:checked+label {
box-shadow: 0 0 4px 1px rgb(41 143 22);    font-weight: 700;
}

.color-item label:hover {
box-shadow: 0 0 11px 1px rgba(0, 0, 0, .3411764705882353);
}
    
.windcont  {
overflow-x: auto;height: auto!important;
    white-space: nowrap;
    display: block;
    overflow-y: hidden;
}
.windcont .type-item div,.balkontype .type-item div{padding: 0;}
.windcont .type-item input[type="radio"],.balkontype .type-item input[type="radio"]  {
    display: none;
} 
.windcont .type-item label,.balkontype .type-item label {      padding: 10px 14px;
    display: inline-block;   
    cursor: pointer;
}
.windcont .type-item label:hover {
box-shadow: 0 0 11px 1px rgba(0, 0, 0, .3411764705882353);
}
.windcont .type-item input[type="radio"]:checked+label {
box-shadow: 0 0 4px 1px rgb(41 143 22);
}


.windcont .type-item,.balkontype .type-item{      margin: 10px 7px 10px 7px;
  display: inline-block;
  float: none;
}
.winttypecont li img{    height: 70px; width: 100%;}
.bigwindow .info,.bigimgbalkon .info{display: inline-block;}

.balkontype li{width: 99%;}
.balkontype.winttypecont li img{    height: auto; width: auto;}
.balkontype .nav-link{    text-align: center;}
.balkontype .nav-link label span{color: black;    display: block;}
/* Decorations */


* {
  scrollbar-width: thin;
  scrollbar-color: #139e30 #e9ecef;
}
/* Работает в Chrome, Edge и Safari */

*::-webkit-scrollbar {scroll-behavior: smooth;
    scroll-snap-align: start;
    scrollbar-gutter: stable;
  width: 25px;
}

*::-webkit-scrollbar-track {
  background: #e9ecef;
}

*::-webkit-scrollbar-thumb {
    background-color: #139e30;
    background-image: -webkit-gradient(linear, left top, right top, from(#2e7d32), color-stop(50%, #5bb461), to(#2e7d32));
    background-image: -webkit-linear-gradient(left, #2e7d32 0, #5bb461 50%, #2e7d32 100%);
    background-image: -o-linear-gradient(left, #2e7d32 0, #5bb461 50%, #2e7d32 100%);
    background-image: linear-gradient(to right, #2e7d32 0, #5bb461 50%, #2e7d32 100%);
  border-radius: 20px;
  border: 3px solid #e9ecef;
}
.balko fieldset div label{    font-size: 18px;}
.balko .furnutura-item .furnitura-info{min-height: 52px;}
.tooltip-inner img{height: 134px;
    display: block;
    margin: 0 auto;}
#fbrp__281{border: 2px #4CAF50 solid;
    padding: 10px 5px;
    border-radius: 10px;
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.12);
    margin: 16px 0;}
    
    
 .table.html_image.balkon{display: flex;}
 table.html_image.balkon td:before{     color: #FF5722;   width: 84%;    background: #ffffff9e;}
.table.balkon td{width: 108px;    height: 185px;background-repeat: no-repeat!important;
    background-size: contain!important;
    background-color: transparent!important;}
.table.html_image.balkon td.dvider{width: 15px;    background-color: white !important;}    
.table.html_image.balkon td.type1 {
    background: url(/uploads/images/balkontypeicon/sectionoff.png);}
.table.html_image.balkon td.type2 {
    background: url(/uploads/images/balkontypeicon/right.png);}
.table.html_image.balkon td.type3 {
    background: url(/uploads/images/balkontypeicon/left.png);}
.table.html_image.balkon td.type4 {
    background: url(/uploads/images/balkontypeicon/vertright.png);} 
.table.html_image.balkon td.type5 {
    background: url(/uploads/images/balkontypeicon/vertleft.png);}  
.table.html_image.balkon td.type6 {
    background: url(/uploads/images/balkontypeicon/vidkydne.png);} 
.table.html_image.balkon td.type7 {
    background: url(/uploads/images/balkontypeicon/povleft.png);} 
.table.html_image.balkon td.type8 {
    background: url(/uploads/images/balkontypeicon/powright.png);}   

.table.html_image.balkon td.transcolor{    height: 155px!important;
    background: url(/uploads/images/balkontypeicon/balkonbottom.png);} 
.table.html_image.balkon tr:nth-child(2) td.dvider {height: 155px!important;}  
  
.table.html_image.balkon td.windows {    height: 155px !important;
    background: url(/uploads/images/balkontypeicon/balkonbottomsclo.png);} 
    
.table.html_image.balkon tbody{display: inline-table;}
.table.html_image.balkon tbody.dub-zolotij{background-image: url(/uploads/images/windowcalccolor/gold_oak.jpg);}     
.table.html_image.balkon tbody.dub-morenij{background-image: url(/uploads/images/windowcalccolor/stained_oak.jpg);}  
.table.html_image.balkon tbody.antratsit{background-image: url(/uploads/images/windowcalccolor/anthracite.jpg);} 
.table.html_image.balkon tbody.vib-lenij-dub{background-image: url(/uploads/images/windowcalccolor/bleached_oak.jpg);} 
.table.html_image.balkon tbody.sivij-dub{background-image: url(/uploads/images/windowcalccolor/gray_oak.jpg);}
.table.html_image.balkon tbody.burshtinovij-dub{background-image: url(/uploads/images/windowcalccolor/amber_oak.jpg);}
.table.html_image.balkon tbody.shvartsbraun{background-image: url(/uploads/images/windowcalccolor/schwarzbaum.jpg);}
.table.html_image.balkon tbody.dub-temnij{background-image: url(/uploads/images/windowcalccolor/dark_oak.jpg);}
.table.html_image.balkon tbody.nus-baum{background-image: url(/uploads/images/windowcalccolor/noos_baum.jpg);}
.table.html_image.balkon tbody.mahagon{background-image: url(/uploads/images/windowcalccolor/mahogany.jpg);}
.table.html_image.balkon tbody.dub-naturalnij{background-image: url(/uploads/images/windowcalccolor/natural_oak.jpg);}
.table.html_image.balkon tbody.dub-rlandskij{background-image: url(/uploads/images/windowcalccolor/irish_oak.jpg);}
.table.html_image.balkon tbody.s-rij{background-image: url(/uploads/images/windowcalccolor/gray.jpg);}


input[type=range][orient=vertical] {
    writing-mode: vertical-lr;
    direction: rtl;
    width: 16px;
    vertical-align: bottom;
}
input[type=range] {width: 100%;}
.contbtype{position: relative;}
.vysotacost,.shurynacost,.glybynacost{position: relative;}
.vysotacost .vysota{    position: absolute;
    top: 25%;
    right: 0px;
    font-weight: 600;}
.shurynacost .shyryna{font-weight: 600;}    
.shurynacost .mincost{position: absolute;
    top: 0px;
    left: 0;} 
.shurynacost .maxcost{    position: absolute;
    top: 0;
    right: 0;}  
.glybynacost .mincost{    position: absolute;
    top: 0;
left: 0;}   
.glybynacost .maxcost{   position: absolute;
    top: 0;
    right: 0;}  
.glybynacost .glybyna{font-weight: 600;}
.vysotacost34 input{height: 160px;}
.shurynacost.class34,.shurynacost.class37,.shurynacost.class38{width: 435px;}
.vysotacost34,.vysotacost35,.vysotacost36,.vysotacost37,.vysotacost38,.vysotacost39{    margin-top: 25px;}
.vysotacost34 input,.vysotacost35 input,.vysotacost36 input,.vysotacost37 input{    height: 185px;}
.vysotacost38 input,.vysotacost39 input{height: 340px;}
.vysotacost35 .vysota{    top: 40%;}
.vysotacost38 .vysota,.vysotacost39 .vysota{    top: 50%;}
.contbtype35 .glybynacost,.contbtype36 .glybynacost,.contbtype37 .glybynacost,.contbtype39 .glybynacost{width: 108px;    position: absolute;}
.contbtype37 .glybynacost{  right: 100px;}
.shurynacost.class35,.shurynacost.class36,.shurynacost.class39{      width: 435px;margin-left: 120px;}
.contcost{    padding: 30px;
    box-shadow: 0 0 30px rgba(43, 35, 32, 0.08);
    border: 1px #4CAF50 solid;}
.balkontype .type-item label{    overflow: hidden; white-space: normal;    width: 100%;}
.balkontype .type-item div {width: 100%;}
  .balkontype  {
    overflow-x: hidden;
    height: 535px !important;
    white-space: normal;
    display: block;
    overflow-y: auto;
}
.collapse.show{    display: block;}
@media (min-width:821px) and (max-width:1024px){ 
 .contbtype  {
overflow-x: auto;height: auto!important;
    white-space: nowrap;
    display: block;
    overflow-y: hidden;
}
.contbtype37 .glybynacost {
    right: 0;
}
.vysotacost,.shurynacost,.glybynacost{display: none;}  
}    
@media (max-width: 820px){
table.html_image.balkon {
display: table-cell;
}    
    .contbtype {
        position: relative;
        overflow-x: auto;
        white-space: nowrap;
        margin: 0;
        padding: 0;
    }
.balkontype  {
overflow-x: auto;height: auto!important;
    white-space: nowrap;
    display: block;
    overflow-y: hidden;
}    
.balkontype li{ width: auto;}    
    
.vysotacost,.shurynacost,.glybynacost{display: none;}  
.table.html_image.balkon td.dvider {
    width: 15px!important;
}
   #partable35 td {
    width: 102px;
    height: 180px;
    }
   #partable37 td {
    width: 102px;
    height: 179px;
    }
       #partable39 td {
    width: 102px;
    height: 180px;
    }
}

@media (max-width: 428px) {
  .table.html_image.balkon{display: flex;align-items: center !important;
    justify-content: center;}   
.bigimgbalkon .accordion-body{padding: 0;}    
    #partable34 td {
        width: 90px;
        height: 158px;
    }
    #partable36 td {
        width: 68px;
        height: 124px;
    }
  #partable36 td.dvider {
        width: 15px;
        height: 124px;
    }  
      #partable35 td {
        width: 55px;
        height: 98px;
    }  
  #partable35 td.dvider {
        width: 13px;
        height: 98px;
    }   
      #partable37 td {
        width: 55px;
        height: 98px;
    }  
  #partable37 td.dvider {
        width: 13px;
        height: 98px;
    }  
 
   #partable38 tr:first-child td {
        width: 90px;
        height: 159px;
    }  
    #partable38 tr:nth-child(2) td.transcolor,#partable38 tr:nth-child(2) td.windows{
        width: 90px;
        height: 134px!important;
    }    
 
 
    
   #partable39 tr:first-child td {
        width: 54px;
        height: 95px;
    } 
    #partable39 tr:first-child td.dvider {
        width: 13px;
        height: 95px!important;
    }
    #partable39 tr:nth-child(2) td.transcolor,#partable39 tr:nth-child(2) td.windows {
        width: 54px;
        height: 80px!important;
    }
     #partable39 tr:nth-child(2) td.dvider {
        width: 13px;
        height: 80px!important;
    }
      
}
@media (min-width:429px) and (max-width:450px){ 
 .contbtype {
    position: relative;
    overflow-x: auto;
    white-space: nowrap;
    margin: 0;
    padding: 0;
}     
}
@media (max-width: 360px) {
 .contbtype {
    position: relative;
    overflow-x: auto;
    white-space: nowrap;
    margin: 0;
    padding: 0;
}   
}


  @media (max-width: 768px) {
 .nav-tabs.nav-two-items .nav-item {
      width: 50%;
      text-align: center;
    }
  .nav-tabs.nav-two-items .nav-link {
      width: 100%;
    }
  }

.dahcalcmodern .tabcategory label{color: #495057;}
.dahcalcmodern .tabcategory label.active{ color: #139e30; font-weight: 900;border-bottom: 2px #139e30 solid;}
.dahcalcmodern .nav-item.typpokrivli label {
    margin: 10px;
    display: inline-block;
    cursor: pointer;
}
.dahcalcmodern .nav-link,.dahcalcmodern .nav-tabs{border: none;}
.dahcalcmodern label span{color: #434040;}
.dahcalcmodern .tab-pane.active img.none{display: none;}
.dahcalcmodern .nav-item.typpokrivli input[type="radio"],.dahcalcmodern .nav-item.dahtype  input[type="radio"]{ display: none;}
.dahcalcmodern .nav-item.typpokrivli input[type="radio"]:checked+label span{color: #139e30; font-weight: 600;} 
.dahcalcmodern .nav-item.typpokrivli .nav-link,.dahcalcmodern .nav-item.typpokrivli .nav-link.active{padding: 0;}
.dahcalcmodern .nav-item.typpokrivli .nav-link.active img {
     border-radius: 50%; border: 2px #1bbd36 solid;
    box-shadow: 0 0 20px 2px rgb(173 173 173);
    font-weight: 600;
   
}
.dahcalcmodern .nav-item.dahtype .nav-link img {border-radius: 50%; max-width: 135px;}
.dahcalcmodern .nav-item.dahtype  input[type="radio"]:checked+label img {
box-shadow: 0 0 20px 2px rgb(173 173 173);
    font-weight: 600;border: 3px white solid;
  }
.dahcalcmodern .nav-item.dahtype  input[type="radio"]:checked+label span{ color: #139e30; font-weight: 600;}
.dahcalcmodern .nav-item.dahtype span{word-break: break-word;   min-width: 142px;}

.paramgriup input[type="checkbox"] {
    opacity: 0;
    position: absolute;
}

.paramgriup label:focus {
    text-decoration: none;
}
.paramgriup label:first-child,.ploscha label{    text-align: center; font-weight: 700; margin-bottom: 10px;}
.paramgriup label {
    position: relative;
    display: block;
    padding: .5em 0em .5em 0em;
    cursor: pointer;
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currentlysupported by Chrome and Opera */
}
.paramgriup .control{text-align: left;}
.paramgriup .control label::before {
    content: '';
    position: absolute;
    top: 50%;
    left: .7em;
    width: 3em;
    height: 1.2em;
    border-radius: .6em;
    background: #8b8b8b;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    box-shadow: 0 1px 3px rgba(100, 100, 100, 0.5) inset, 0 0 10px rgba(100, 100, 100, 0.2) inset;
}

.paramgriup .control label::after {
    content: '';
    position: absolute;
    top: 50%;
    left: .5em;
    width: 1.4em;
    height: 1.4em;
    border: .25em solid #fafafa;
    border-radius: 50%;
    box-sizing: border-box;
    background-color: #ddd;
    background-image: linear-gradient(to top, #fff 0%, #fff 40%, transparent 100%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.5);
}

.paramgriup label, .paramgriup label::before, .paramgriup label::after {
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.paramgriup label:hover, .paramgriup input:focus + label {
    color: #797979;
}

.paramgriup label:hover::after, .paramgriup input:focus + label::after {
    background-color: #ccc;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.paramgriup label span {
    padding-left: 4.8em;
}

.paramgriup input:checked + label::before {
    background: linear-gradient(to right, #1bbd36 0, #368939 50%, rgb(46 116 49) 100%);
}

.paramgriup input:checked + label {
    box-shadow: 0 1px 2px rgb(229 229 229 / 50%) inset, 0 0 10px rgba(100, 100, 100, 0.1) inset;
    border: 1px #4CAF50 solid;
}
.paramgriup input:checked + label span{ color: #1f6122; font-weight: 600;}
.paramgriup input:checked + label::after {
    -webkit-transform: translateX(2em) translateY(-50%);
    transform: translateX(2em) translateY(-50%);
}
.rezulttype {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.rezulttype .control {
  flex: 1 1 auto;
}

.rezulttype input[type="radio"] {
  display: none!important;
}

.rezulttype label {
    display: block;
    width: 100%;
    padding: 0.5rem 1rem;
    text-align: center;
    border: 1px solid #8BC34A;
    border-radius: 0.375rem;
    color: #252526;
    background-color: #fff;
    cursor: pointer;
    transition: all 0.2s;
    font-weight: 500;
}

.rezulttype input[type="radio"]:checked + label {
background-color: #3b8d40;
    color: #fff;
    background-image: linear-gradient(to right, #2e7d32 0, #5bb461 50%, #2e7d32 100%);
}
.dahcalcmodern .contdatainfo input,#fbrp__382{padding: 0.5rem 1rem;
    text-align: left;
    border: 1px solid #328236;
    color: #252526;
    font-weight: 500;}
.dahcalcmodern .submit input {
    margin: 0 15px;
    border: 2px solid #139e30;
    color: #000;
    background: #fff;
    transition: .3s ease-in-out;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    padding: 15px 25px;
    border-radius: 28px;
    font-weight: 600;
    white-space: nowrap;
}   
.dahcalcmodern .submit input:hover {
    border: 2px solid transparent;
    background-color: #139e30;
    color: #fff;
}
.dahcalcmodern .throbber.loading {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999999;
background: #f3f6fa url(https://introbox.net/images/shop/load.gif) 50% 50% no-repeat;
}

/* Stylesheet: tabs Modified On 2025-06-13 14:38:08 */
body {font-family: Arial, sans-serif;background: white;color: #333;}#preloader {transition: opacity 0.5s ease, visibility 0.5s ease;}#preloader.hidden {opacity: 0;visibility: hidden;}.invoice-box {background: #fff;padding: 20px;max-width: 800px;margin: auto;border: 1px solid #eee;box-shadow: 0 0 10px rgba(0,0,0,0.1);}h1 {text-align: center;font-size: 24px;margin-bottom: 20px;}.info-table,.services-table {width: 100%;border-collapse: collapse;margin-bottom: 20px;}.info-table td {padding: 5px 10px;vertical-align: top;}.services-table th,.services-table td {border: 1px solid #ddd;padding: 8px;font-size: 14px;}.services-table th {background-color: #f0f0f0;text-align: left;}.total {text-align: right;font-size: 16px;font-weight: bold;margin-top: 10px;}.footer {text-align: center;font-size: 13px;color: #777;margin-top: 30px;}@media only screen and (max-width: 600px) {.info-table td,.services-table th,.services-table td {font-size: 12px;}h1 {font-size: 20px;}}.capitalize-first::first-letter {text-transform: uppercase;}.progress-bar { background-color: #4CAF50;}.invoice .form-control,.invoice select{padding: .675rem .95rem;}.invoice textarea{height: 125px;}.paramgriup label span { display: block;}fieldset.collapsed .form-group,fieldset.collapsed select,fieldset.collapsed input {display: none;}fieldset.collapsed.show .form-group,fieldset.collapsed.show select,fieldset.collapsed.show input[type="text"]{display: block!important;height: auto!important;opacity: 1!important;}fieldset.collapsed legend::after {content: " ▶";color: #35863a;}fieldset legend {cursor: pointer;color: #797979;font-weight: 600;}fieldset:not(.collapsed) legend::after {content: " ▼";}.іsummazavdatku {display: none;}.invoice .submit{text-align: center;}.helptitle{    margin-top: 15px;display: inline-block;vertical-align: baseline;}.fbr_helptext{font-weight: bold;padding-left: 10px;line-height: 2;vertical-align: middle;}.helptitle i{font-size: 1.4rem;}.contcost{padding: 20px;box-shadow: 0 0 30px rgba(43, 35, 32, 0.08);border: 1px #4CAF50 solid;background-color: #f2f8f9;}.invoice .submit input{     background-color: #3b8d40;color: #fff;background-image: linear-gradient(to right, #2e7d32 0, #2f8e36 50%, #2e7d32 100%);border: 0;padding: 15px 25px;border-radius: 25px;}.invoice .submit input.fbsubmit:hover{    background-color: #009688;background-image: linear-gradient(to right, #51c757 0, #009688 50%, #08490b 100%);border: 1px #CDDC39 solid;}.btn-purple {background-color: #7360f2;border-color: #7360f2;}.btn-purple:hover {background-color: #5e4ed4;border-color: #5e4ed4;}.invoice .pidpusarea canvas{    background: white;}.dark-theme #preloader {background-color: #121212 !important;}.dark-theme img.notdark{display: none;}.dark-theme img.dark{display: inline!important;}:not(.dark-theme) img.dark{display: none;}.dark-theme #header{    background: #323232;}.header__paramgriup.paramgriup input:checked + label{     border: none;    box-shadow: none; }#sun-icon,#moon-icon {font-size: 1.5rem;color: #777;transition: opacity 0.3s ease;}:not(.dark-theme) #sun-icon{display: inline;color: #FFC107;font-weight: bold;}:not(.dark-theme) #moon-icon{display: none;}.dark-theme #moon-icon{ display: inline;    color: #FFC107;font-weight: bold;}.dark-theme #sun-icon{display: none;}.dark-theme {background-color: #121212;color: #ffffff;    transition: all 0.5s;}.dark-theme .contcost,.dark-theme .labelsingle{background-color: #414141;}.dark-theme .form-control{background: transparent;  color: white; }.dark-theme select{background: #414141;color: #9d9d9d; }.dark-theme fieldset legend,.dark-theme .labelsingle label {color: #9d9d9d;}.dark-theme .invoice input::placeholder,.dark-theme .invoice textarea::placeholder{ color: #9d9d9d; font-size: 1.2rem;}.dark-theme input {color: #fff;background-color: #222;}.dark-theme .invoice .paramgriup input:checked + label span{color: whitesmoke;}.dark-theme .datepicker table{background: #414141;}.dark-theme .datepicker table tr td.highlighted {background: #000000;color: wheat;}.dark-theme .datepicker table tr td.day.focused, .datepicker table tr td.day:hover {background: #4CAF50!important;}.dark-theme .datepicker .datepicker-switch:hover,.dark-theme .datepicker .next:hover, .dark-theme .datepicker .prev:hover,.dark-theme .datepicker tfoot tr th:hover {background: #4CAF50!important;}.dark-theme .datepicker table tr td span.focused,.dark-theme .datepicker table tr td span:hover{background: #4CAF50!important;}.dark-theme .mobile-nav-toggle{color: white;}.dark-theme .navbar-mobile ul {background-color: #343434;}.dark-theme .navbar-mobile a.active,.dark-theme .navbar a.active{color: #1bbd36;}.dark-theme .navbar a{color: #d8d7d7;}.dark-theme .invoice .pidpusarea .btn-outline-danger{color: #fff;background-color: #dc3545;border-color: #dc3545;}.dark-theme .invoice .pidpusarea .btn-outline-danger:hover{    background-color: #F44336;border-color: #ffffff;}.dark-theme .invoice .pidpusarea .btn-outline-success{color: #fff;background-color: #198754;border-color: #198754;}.dark-theme .invoice .pidpusarea .btn-outline-success:hover{     color: #000000;background-color: whitesmoke;border-color: #4CAF50;}.dropdown-menu.profiletype {max-height: 600px;       /* обмежує висоту меню */overflow-y: auto;        /* вертикальний скрол */overflow-x: hidden;      /* прибирає горизонтальний скрол */white-space: normal;     /* дозволяє переносити текст */word-break: break-word;  /* перенос довгих слів */padding: 0;}.dropdown.profiletype button.buttitle:not(:disabled){    word-break: break-word;white-space: break-spaces;display: flex;align-items: center;}.dropdown.profiletype .dropdown-item.active, .dropdown-item:active {background-color: #4CAF50;}.dropdown-menu.profiletype li:before{    content: none;}.dropdown-menu.profiletype .dropdown-item span {display: inline-block;    word-break: break-all;white-space: break-spaces;}.dropdown-menu.profiletype .dropdown-item small {display: none;color: #666;overflow: hidden;        /* обрізає зайве */text-overflow: ellipsis; /* додає "..." */white-space: normal;}.tab-scroll-wrapper {display: flex;align-items: center;position: relative;}.tab-scroll-wrapper .nav-tabs .nav-link.active {color: #ffffff;background-color: #139e30;border-color: #dee2e6 #dee2e6 #fff;}.tab-scroll-container {flex: 1;overflow-x: auto;scroll-behavior: smooth;}.nav-tabs {white-space: nowrap;flex-wrap: nowrap !important;}.nav-tabs .nav-link{color: #139e30;cursor: pointer;}.scroll-btn {z-index: 2;background-color: #139e30;border: none;font-size: 1.5rem;padding: 0.5rem 0.6rem;cursor: pointer;box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);color: white;font-weight: 900;}.scroll-btn.left {left: 0;}.scroll-btn.right {right: 0;}@media (min-width: 768px) {.scroll-btn {display: none;}}.balcony-wrapper,.g-type,.angled-section,.straight-section {/* outline: 1px dashed red;*/}.balcony-wrapper {-webkit-overflow-scrolling: touch;max-width: none;display: block;/* width: fit-content;*/overflow: visible;justify-content: center;width: 100%;-webkit-overflow-scrolling: touch;padding: 0;box-sizing: border-box;}.balcony-wrapper.frenchbalkonptype{overflow-x: auto!important;overflow-y: hidden!important;}.angled-section,.straight-section {flex-shrink: 0;  display: flex;}.window-container {    position: relative; text-align: center;}.window-wrapper {display: inline-flex;flex-wrap: nowrap;width: max-content;margin: 0 auto;background-color: #ffffff;padding: 10px 7px 10px 10px;border: 10px solid #00000021;min-height: 300px;position: relative;padding-bottom: 10px;margin-top: 35px;margin-bottom: 25px;}.window-wrapper::after {content: '';position: absolute;bottom: -22px;left: -21px;width: calc(100% + 40px);height: 20px;background: linear-gradient(to bottom, #ffffff, #c2c2c2);border-radius: 8px;box-shadow: 0 7px 1px rgb(0 0 0 / 41%), 0 16px 32px rgb(0 0 0 / 5%);transform: perspective(200px) rotateX(18deg);transform-origin: top;z-index: 1;}.window-wrapper.parapet{min-height: 230px;top: -55px;}/*.window-wrapper.parapet .window-pane,.window-wrapper.parapet .window-pane.prozore {background: linear-gradient(357deg, #fcfcfc 10%, rgb(193 233 239) 60%, #99dbe5 100%);}*/.window-wrapper.parapet .window-pane.zashyte{background: transparent;}.window-wrapper.parapet::after{content: none;}.g-type {display: flex;justify-content: center;align-items: flex-end;perspective: 1000px;position: relative;    margin-top: 35px;    margin-bottom: 25px;flex-wrap: nowrap;display: flex;min-width: max-content;    z-index: 9;}/*.balcony-wrapper.revers{ transform: scaleX(-1);}*/.balcony-wrapper.revers .balcony-inner {transform: scaleX(-1);transform-origin: center; /* щоб лишилось по центру */display: inline-block;}.balcony-wrapper.revers select{ transform: scaleX(-1);}.balcony-wrapper.revers .dimension-value.shyryna{ display: inline-block;transform: scaleX(-1);}.balcony-wrapper.revers .dimension-value.glybyna{ display: inline-block;transform: scaleX(-1);    min-width: 60%;}.balcony-wrapper.revers .dimension-line-container.vertical .dimension-value {transform: rotate(90deg) scaleX(-1);}.angled-section {transform: rotateY(56deg);transform-origin: right center;margin-right: 0px;z-index: 1;display: flex;background-color: #ffffff;padding: 10px;border: 10px solid #00000021;box-shadow: 0 8px 12px rgba(0, 0, 0, 0.15);}.straight-section {display: flex;flex-wrap: nowrap;background-color: #ffffff;padding: 10px;border: 10px solid #00000021;box-shadow: 0 8px 12px rgba(0, 0, 0, 0.15);width: max-content; }.angled-section.right {transform: rotateY(306deg); transform-origin: left center;}.angled-section.right:after{    bottom: -19px;left: -12px;width: calc(100% + 20px);}.straight-section,.angled-section{  /*min-height: 300px;*/position: relative;}.straight-section::after {content: '';position: absolute;bottom: -19px;left: -7px;width: calc(100% + 24px);height: 20px;background: linear-gradient(to bottom, #ffffff, #c2c2c2);border-radius: 8px;border-top-left-radius: 0px;box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15), 0 16px 32px rgb(0 0 0 / 0%);transform: perspective(200px) rotateX(15deg);transform-origin: top;z-index: 1;}.angled-section::after {content: '';position: absolute;bottom: -20px;left: -7px;width: calc(100% + 24px);height: 20px;background: linear-gradient(to bottom, #ffffff, #c2c2c2);border-radius: 8px;border-top-right-radius: 0px;box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15), 0 16px 32px rgb(0 0 0 / 0%);transform: perspective(200px) rotateX(15deg);transform-origin: top;z-index: 1;}.window-wrapper.dub-zolotij,.angled-section.dub-zolotij,.straight-section.dub-zolotij{background-image: url(/uploads/images/windowcalccolor/gold_oak.jpg);}.window-wrapper.dub-morenij,.angled-section.dub-morenij,.straight-section.dub-morenij{    background-image: url(/uploads/images/windowcalccolor/stained_oak.jpg);}.window-wrapper.antratsit,.angled-section.antratsit,.straight-section.antratsit{background-image: url(/uploads/images/windowcalccolor/anthracite.jpg);}.window-wrapper.vib-lenij-dub,.angled-section.vib-lenij-dub,.straight-section.vib-lenij-dub{background-image: url(/uploads/images/windowcalccolor/bleached_oak.jpg);}.window-wrapper.sivij-dub,.angled-section.sivij-dub,.straight-section.sivij-dub{background-image: url(/uploads/images/windowcalccolor/gray_oak.jpg);}.window-wrapper.burshtinovij-dub,.angled-section.burshtinovij-dub,.straight-section.burshtinovij-dub{background-image: url(/uploads/images/windowcalccolor/amber_oak.jpg);}.window-wrapper.shvartsbraun,.angled-section.shvartsbraun,.straight-section.shvartsbraun{background-image: url(/uploads/images/windowcalccolor/schwarzbaum.jpg);}.window-wrapper.dub-temnij,.angled-section.dub-temnij,.straight-section.dub-temnij{background-image: url(/uploads/images/windowcalccolor/dark_oak.jpg);}.window-wrapper.nus-baum,.angled-section.nus-baum,.straight-section.nus-baum{background-image: url(/uploads/images/windowcalccolor/noos_baum.jpg);}.window-wrapper.mahagon,.angled-section.mahagon,.straight-section.mahagon{background-image: url(/uploads/images/windowcalccolor/mahogany.jpg);}.window-wrapper.dub-naturalnij,.angled-section.dub-naturalnij,.straight-section.dub-naturalnij{background-image: url(/uploads/images/windowcalccolor/natural_oak.jpg);}.window-wrapper.dub-rlandskij,.angled-section.dub-rlandskij,.straight-section.dub-rlandskij{background-image: url(/uploads/images/windowcalccolor/irish_oak.jpg);}.window-wrapper.s-rij,.angled-section.s-rij,.straight-section.s-rij{background-image: url(/uploads/images/windowcalccolor/gray.jpg);}.window-pane {flex: 0 0 150px;position: relative;background-color: #e6f0ff;border: 4px solid #aaa;margin: 0 7px;padding: 4px;box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);text-align: center;border-radius: 4px;transition: box-shadow 0.3s, border-color 0.3s;background: linear-gradient(357deg, #fcfcfc 10%, rgb(193 233 239) 60%, #99dbe5 100%);}.window-pane.zashyte{background: transparent;}.window-pane select {width: 100%;position: relative;padding: 6px;border-radius: 4px;border: 1px solid #666;font-size: 14px;}.parapet .window-pane select,.parapetsection .window-pane select{position: absolute;left: 4px;bottom: 15px;width: 95%;}.parapet .angled-section {transform: rotateY(56deg);transform-origin: right center;margin-right: 0px;z-index: 1;display: flex;background-color: #ffffff;padding: 10px;border: 10px solid #999;box-shadow: 0 8px 12px rgba(0, 0, 0, 0.15);}.parapetsection {display: flex;justify-content: center;align-items: flex-end;perspective: 1000px;position: relative;margin-bottom: 25px;}.parapetsection.french .angled-section,.parapetsection.french .straight-section{min-height: 230px;}.g-type .straight-section,.g-type .angled-section{min-height: 300px;}.g-type.french .straight-section,.g-type.french .angled-section{min-height: 300px;}.g-type.french{z-index: 9;}.g-type.french .angled-section:after{content: '';position: absolute;bottom: -22px;left: -10px;width: calc(100% + 24px);height: 23px;background: linear-gradient(to bottom, #ffffff, #d9d9d9);border-radius: 0;border-top-right-radius: 0px;box-shadow: none;transform: perspective(200px) rotateX(42deg);transform-origin: top;z-index: 99999;border-bottom: 7px #f4f4f4 solid;}.g-type.french .straight-section::after{content: '';position: absolute;bottom: -19px;left: -7px;width: calc(100% + 24px);height: 20px;background: linear-gradient(to bottom, #ffffff, #c2c2c2);border-radius: 0;border-top-left-radius: 0px;box-shadow: none;transform: perspective(200px) rotateX(15deg);transform-origin: top;z-index: 1;border-bottom: 7px #e6e6e6 solid;}.parapetsection.french{top: -10px;/* z-index: -9;*/}.parapetsection.french.ptype{top: -32px;}.parapetsection.french .window-pane,.parapetsection.french .window-pane.prozore {background: linear-gradient(135deg, #d0eef2 0%, rgb(255 255 255) 40%, #aae1e9 100%);}.parapetsection.french .window-pane.zashyte{background: transparent;}.parapetsection .angled-section:after,.parapetsection .straight-section:after {content: none;/*transform: skewY(-10deg);*//*   transform-origin: top left;*/}.parapetsection .angled-section .window-pane,.parapetsection .angled-section .window-pane.prozore {     background: linear-gradient(135deg, #d0eef2 0%, rgb(255 255 255) 40%, #aae1e9 100%);}.parapetsection .angled-section .window-pane.zashyte{background: transparent;}#rozmirycont.category-lodgija .glybynainputfield, #rozmirycont.category-lodgija .vysotaparapettopinputfield,#rozmirycont.category-lodgija .vysotaparapetinputfield,#rozmirycont.category-g-pod-bnij .vysotaparapettopinputfield,#rozmirycont.category-g-pod-bnij .vysotaparapetinputfield,#rozmirycont.category-p-pod-bnij .vysotaparapettopinputfield,#rozmirycont.category-p-pod-bnij .vysotaparapetinputfield,#rozmirycont.category-french .vysoyainputfield,#rozmirycont.category-french .glybynainputfield,#rozmirycont.category-frenchgpodtype .vysoyainputfield,#rozmirycont.category-french-p .vysoyainputfield{display: none;}@media (max-width: 768px) {.balcony-wrapper {width: 100% !important;overflow-x: auto !important;}.balcony-wrapper.capture-mode {width: auto !important;overflow: visible !important;}.window-pane {flex: 0 0 auto;margin-right: 5px;width: 120px;}.g-type {min-width: 700px; /* або фіксовано, залежно від вмісту */min-width: max-content;}.parapetsection {justify-content: center;align-items: flex-end;perspective: 1000px;position: relative;margin-top: 0px;margin-bottom: 25px;flex-wrap: nowrap;display: flex;min-width: max-content;}}.calcnewoffer .switch {display: inline-flex;align-items: center;gap: 10px;margin-bottom: 20px;cursor: pointer;user-select: none;font-size: 16px;    margin-top: 15px;}.calcnewoffer .switch input {display: none;}.calcnewoffer .switch .slider {width: 50px;height: 26px;background-color: #ccc;border-radius: 34px;position: relative;transition: background-color 0.3s;}.calcnewoffer .switch .slider::before {content: "";position: absolute;height: 20px;width: 20px;left: 3px;bottom: 3px;background-color: white;border-radius: 50%;transition: transform 0.3s;}.calcnewoffer input:checked + .slider {background-color: #4caf50;}.calcnewoffer .switch input:checked + .slider::before {transform: translateX(24px);}.calcnewoffer .switch .label-text {font-weight: 500;}.calcnewoffer .color-item img {    margin: 6px 12px 4px;width: 77px;height: 77px;border-radius: 50%;}.calcnewoffer .color-item label {padding: 0 10px;}/* Варіанти вікон */.gluhe {background-color: #d6eaff;border-color: #6c757d;}.povorotne-vpravo {border-color: #000000;;background-image: url(/uploads/images/balkontypeicon/right.png);background-size: cover;background-repeat: no-repeat;background-position: center;}.povorotne-vlivo {border-color: #000000;;background-image: url(/uploads/images/balkontypeicon/left.png);background-size: cover;background-repeat: no-repeat;background-position: center;}.vertikalno-povorotne-vpravo {border-color: #000000;background-image: url(/uploads/images/balkontypeicon/vertright.png);background-size: cover;background-repeat: no-repeat;background-position: center;}.vertikalno-povorotne-vlivo {border-color: #000000;background-image: url(/uploads/images/balkontypeicon/vertleft.png);background-size: cover;background-repeat: no-repeat;background-position: center;}.vidkidne {border-color: #000000;background-image: url(/uploads/images/balkontypeicon/vidkydne.png);background-size: cover;background-repeat: no-repeat;background-position: center;}.povorotno-vidkidne-vpravo {border-color: #000000;background-image: url(/uploads/images/balkontypeicon/povleft.png);background-size: cover;background-repeat: no-repeat;background-position: center;}.povorotno-vidkidne-vlivo {border-color: #000000;background-image: url(/uploads/images/balkontypeicon/powright.png);background-size: cover;background-repeat: no-repeat;background-position: center;}.angled-section .window-pane {background-size: cover;}.styled-select {appearance: none;-webkit-appearance: none;-moz-appearance: none;width: 100%;padding: 10px 40px 10px 12px;border: 1px solid #ccc;border-radius: 8px;background-color: #f8f9fa;font-size: 1rem;color: #333;background-repeat: no-repeat;background-position: right 12px center;background-size: 18px 18px;transition: all 0.2s ease-in-out;cursor: pointer;}.styled-select:hover {background-color: #e2e6ea;border-color: #999;}.styled-select:focus {border-color: #007bff;background-color: #fff;outline: none;box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);}.labelsingle{padding: 10px 4px; background-color: #f2f8f9;}.labelsingle label{    color: #797979;font-weight: 600;margin: 7px;}@media (max-width: 768px) {textarea#porjadokoplaty {min-height: 330px;}}/* Базові стилі для виносок */.dimension-line-container {position: absolute;z-index: 2;}.dimension-line {background: black;}/* Горизонтальна виноска */.dimension-line-container.horizontal {top: -35px;left: 0;width: 100%;height: 20px;}.dimension-line-container.horizontal .dimension-line {position: absolute;top: 50%;left: 0;width: 100%;height: 2px;}.dimension-line-container.horizontal .dimension-line::before,.dimension-line-container.horizontal .dimension-line::after {content: '';position: absolute;top: 50%;transform: translateY(-50%);border: 6px solid transparent;}.dimension-line-container.horizontal .dimension-line::before {left: 0;border-right: 6px solid black;}.dimension-line-container.horizontal .dimension-line::after {right: 0;border-left: 6px solid black;}.dimension-line-container.horizontal .dimension-value {position: relative;background: white;padding: 0 10px;font-weight: normal;border: 1px solid black;/*  left: 50%;transform: translateX(-50%);*/}/* Вертикальна виноска */.dimension-line-container.vertical.left {top: 0;left: -40px;width: 20px;height: 100%;}.dimension-line-container.vertical.right {top: 0;right: -40px;width: 20px;height: 100%;}.dimension-line-container.vertical.right .dimension-value.vysota{left: -28px;}.dimension-line-container.vertical .dimension-line {position: absolute;left: 50%;top: 0;width: 2px;height: 100%;}.dimension-line-container.vertical .dimension-line::before,.dimension-line-container.vertical .dimension-line::after {content: '';position: absolute;left: 50%;transform: translateX(-50%);border: 6px solid transparent;}.dimension-line-container.vertical .dimension-line::before {top: 0;border-bottom: 6px solid black;}.dimension-line-container.vertical .dimension-line::after {bottom: 0;border-top: 6px solid black;}.dimension-line-container.vertical .dimension-value {position: absolute;background: white;padding: 0 8px;font-weight: normal;border: 1px solid black;transform: rotate(-90deg);white-space: nowrap;;left: -27px;    top: 46%;}.balcony-preloader {position: absolute;top: 0; left: 0;width: 100%; height: 100%;background: rgba(255, 255, 255, 0.8);display: flex;align-items: center;justify-content: center;z-index: 999;}.balcony-preloader-spinner {width: 50px;height: 50px;border: 5px solid rgba(0,0,0,0.1);border-left-color: #007bff;border-radius: 50%;animation: spin 0.8s linear infinite;}@keyframes spin {to { transform: rotate(360deg); }}#checkboxgroup input[type="checkbox"] {height: auto;width: auto;appearance: auto;display: initial;margin: 7px;opacity: 0;position: absolute;}#checkboxgroup label:focus {text-decoration: none;}#checkboxgroup label:first-child,.ploscha label{    text-align: center; font-weight: 700; margin-bottom: 10px;}#checkboxgroup label {position: relative;display: block;padding: .5em 0em .5em 0em;cursor: pointer;-webkit-touch-callout: none;/* iOS Safari */-webkit-user-select: none;/* Safari */-khtml-user-select: none;/* Konqueror HTML */-moz-user-select: none;/* Firefox */-ms-user-select: none;/* Internet Explorer/Edge */user-select: none;/* Non-prefixed version, currentlysupported by Chrome and Opera */}#checkboxgroup .control{text-align: left;}#checkboxgroup .control label::before {content: '';position: absolute;top: 50%;left: .7em;width: 3em;height: 1.2em;border-radius: .6em;background: #8b8b8b;-webkit-transform: translateY(-50%);transform: translateY(-50%);box-shadow: 0 1px 3px rgba(100, 100, 100, 0.5) inset, 0 0 10px rgba(100, 100, 100, 0.2) inset;}#checkboxgroup .control label::after {content: '';position: absolute;top: 50%;left: .5em;width: 1.4em;height: 1.4em;border: .25em solid #fafafa;border-radius: 50%;box-sizing: border-box;background-color: #ddd;background-image: linear-gradient(to top, #fff 0%, #fff 40%, transparent 100%);-webkit-transform: translateY(-50%);transform: translateY(-50%);box-shadow: 0 3px 3px rgba(0, 0, 0, 0.5);}#checkboxgroup label, #checkboxgroup label::before, #checkboxgroup label::after {transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);}#checkboxgroup label:hover, #checkboxgroup input:focus + label {color: #797979;}#checkboxgroup label:hover::after, #checkboxgroup input:focus + label::after {background-color: #ccc;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);}#checkboxgroup label span {padding-left: 4.8em;}#checkboxgroup input:checked + label::before {background: linear-gradient(to right, #1bbd36 0, #368939 50%, rgb(46 116 49) 100%);}#checkboxgroup input:checked + label {box-shadow: 0 1px 2px rgb(229 229 229 / 50%) inset, 0 0 10px rgba(100, 100, 100, 0.1) inset;border: 1px #4CAF50 solid;}#checkboxgroup input:checked + label span{ color: #44ce49; font-weight: 600;}#checkboxgroup input:checked + label::after {-webkit-transform: translateX(2em) translateY(-50%);transform: translateX(2em) translateY(-50%);}.calcnewoffer.balkon .submit input {background-color: #3b8d40;color: #fff;background-image: linear-gradient(to right, #2e7d32 0, #2f8e36 50%, #2e7d32 100%);border: 0;padding: 15px 25px;border-radius: 25px;}.calcnewoffer textarea {   height: 125px;}.dark-theme .balcony-wrapper{    background: white;}.dark-theme .calcnewoffer .window-pane select{background: white;    color: black;}.dark-theme  .dimension-value{    color: black;}.dark-theme .calcnewoffer textarea { background: transparent;color: whitesmoke;}.dark-theme .calcnewoffer .dropdown.profiletype button.buttitle:not(:disabled){    background: #515151;color: #ffffff;}.dark-theme  #balconyPreview{ background: white;}
/* Stylesheet: invoice Modified On 2025-10-08 12:57:20 */