.calc-select .calc-select-list {
  position: static;
  display: block;
  max-height: 38px;
  overflow: hidden;
  transition: max-height 0.3s linear;
}

.calc-select.active {
  height: auto;
  border-radius: 8px;
}

.calc-select.active .calc-select-list {
  max-height: 1000px;
  width: 100%;
  border-radius: 6px;
}

.calc-input-decor {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  flex: 1 0 38px;
  padding-left: 14px;
  padding-bottom: 10px;
}

.calc-checkbox > div {
  border: none;
  width: 100%;
}

.calc-checkbox > div > div {
  border: 1px solid #474a51;
}

.calc-input {
  flex-direction: column;
  padding: 10px 5px 5px;
  height: 50px;
}

.calc-input.selected{
  border-radius: 8px;
}

.calc-select-list span.selected {
  background: #b3b3b3;
}

.calc-right.shedSelected #ats {
  display: block !important;
}

.calc-right.separateSelected #atpc {
  display: block !important;
}

.calc-right.shedSelected.atToShSelected #ad {
  display: block !important;
}

.calc-right.separateSelected #sep,
.calc-right.shedSelected #sep {
  display: none !important;
}
 
.calc-right.shedSelected.atToShSelected #ats,
.calc-right.shedSelected.atToShSelected #atpc {
  display: none !important;
}

#calc_photo > .swiper-wrapper > .swiper-slide > img {
  width: 910px !important;
  height: 510px !important;
  object-fit: cover;
  object-position: center;
}

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

.calc-tech-name {
  margin-top: 20px;
  font-weight: 700;
  color: rgba(71, 74, 81, 0.7);
}

@media only screen and (max-width: 699px) {
  #calc_photo > .swiper-wrapper > .swiper-slide > img {
    width: 100% !important;
    height: 30vh !important;
  }

  .calc-tech-name {
    display: none;
  }
}

/*PRODUCT SLIDER*/
.swiper2 {
  margin-top: 10px;
  max-height: 1000px;
}

.swiper2.swiperHidden {
  max-height: 0;
  transition: max-height 0.4s;
}

.swiper2 .swiper-slide {
  height: 100%;
  border: 5px solid transparent;
  transition: border 0.3s;
  cursor: pointer;
}

.swiper2 .swiper-slide.swiper-slide-thumb-active {
  border: 5px solid #474a51;
}

.swiper2 .swiper-wrapper {
  min-height: 165px;
}

@media (max-width: 699px) {
  .swiper2 .swiper-wrapper{
    min-height: 15vw;
  }
}
/*END PRODUCT SLIDER*/

/*CALCULATOR FORM*/
.calc-footer.noPointerEvents {
  pointer-events: none;
}

.calc-footer.noPointerEvents button {
  background-color: #9bd4b1;
}
/*END CALCULATOR FORM*/

/*COOKIES STYLE*/
.cookies-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #f1f1f1;
  padding: 10px;
  text-align: center;
  z-index: 9999;
  display: none;
}

.cookies-text {
  margin-bottom: 10px;
}

.allow-cookies-btn {
  border: 3px solid #474a51;
  color: #474a51;
  padding: 8px 16px;
  font-size: 14px;
  cursor: pointer;
  margin-right: 5px;
  font-family: "Montserrat";
}

.disallow-cookies-btn {
  background: #6d6d6d;
  color: white;
  border: none;
  padding: 10px 16px;
  font-size: 14px;
  cursor: pointer;
  margin-left: 5px;
  font-family: "Montserrat";
}
/*END COOKIES STYLE*/

/*HEADER MENU*/
.header ul {
  position: static;
  transform: none;
}

#menu-shapka {
  display: none;
}

.burger-btn {
  display: none;
}

@media (max-width: 992px) {
  #menu-burger.menu_desktop {
    display: none;
  }

  .burger-btn {
    display: block;
  }

  #menu-shapka {
    display: flex;
  }
}

@media (max-width: 699px) {
  #menu-shapka {
    display: none;
  }
}
/*END HEADER MENU*/

/*REQUIRED FIELDS*/
input[required] {
  margin-bottom: 25px;
}

.d6-top div {
  position: relative;
}

input[required] + span {
  position: absolute;
  display: inline-block;
  width: 7px;
  height: 7px;
  top: 7px;
  left: 7px;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIiBmaWxsPSIjNDlBRTcxIj48cGF0aCBkPSJNMTkyIDMyYzE3LjcgMCAzMiAxNC4zIDMyIDMyVjE5OS41bDExMS41LTY2LjljMTUuMi05LjEgMzQuOC00LjIgNDMuOSAxMXM0LjIgMzQuOC0xMSA0My45TDI1NC4yIDI1NmwxMTQuMyA2OC42YzE1LjIgOS4xIDIwLjEgMjguNyAxMSA0My45cy0yOC43IDIwLjEtNDMuOSAxMUwyMjQgMzEyLjVWNDQ4YzAgMTcuNy0xNC4zIDMyLTMyIDMycy0zMi0xNC4zLTMyLTMyVjMxMi41TDQ4LjUgMzc5LjRjLTE1LjIgOS4xLTM0LjggNC4yLTQzLjktMTFzLTQuMi0zNC44IDExLTQzLjlMMTI5LjggMjU2IDE1LjUgMTg3LjRjLTE1LjItOS4xLTIwLjEtMjguNy0xMS00My45czI4LjctMjAuMSA0My45LTExTDE2MCAxOTkuNVY2NGMwLTE3LjcgMTQuMy0zMiAzMi0zMnoiLz48L3N2Zz4=")
    center/contain no-repeat;
}

@media (max-width: 1199px) {
  input[required] + span {
    width: 7px;
    height: 7px;
    top: 7px;
    left: 7px;
    color: #49AE71;
  }
}

@media (max-width: 699px) {
  input[required] + span {
    top: 7px;
    left: 7px;
  }
}
/*END REQUIRED FIELDS*/

/*FOOTER SOCMEDIA*/
.footer .wrap {
  position: relative;
}

@media (min-width: 1023px) {
  .footer .footer-socs {
    position: absolute;
    left: 0;
    top: 120px;
    margin-top: 0;
  }
}


.footer-logo {
  width: 20%;
  margin-right: 10%;
}

.footer-socs .footer-logo {
  width: auto;
  margin-right: 0;
}

@media (max-width: 1199px) {
  .footer-socs {
    position: static;
    order: 0;
    width: 100%;
    margin-top: 0;
    margin-bottom: 40px;
  }

  .footer-logo {
    width: 100%;
    max-width: 250px;
    margin-right: 0;
    margin-bottom: 0;
  }

  .footer .wrap {
    justify-content: center;
  }
}

@media (max-width: 699px) {
  .footer .wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}
/*END FOOTER SOCMEDIA*/

/*FOOTER MAP*/
.footer-map {
  width: 300px;
  height: 300px;
}

.footer-map img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 14px;
}

@media (max-width: 1199px) {
  .footer-right {
    flex-wrap: wrap;
  }

  .footer-map {
    width: 100%;
    height: 310px;
    margin-top: 30px;
  }
}
/*END FOOTER MAP*/

/*FOOTER ADDRESS*/
.footer-contact h3 {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 32px;
  margin-bottom: 25px;
  line-height: 39px;
  color: #474a51;
}

.footer-contact a,
.footer-contact p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 29px;
  color: #474a51;
  margin-bottom: 5px;
  display: block;
}

@media (max-width: 699px) {
  .footer .footer-contact {
    flex-direction: column;
  }

  .footer .footer-contact h3,
  .footer .footer-col h3 {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #474a51;
    margin-bottom: 15px;
  }

  .footer .footer-contact a,
  .footer .footer-contact p {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    color: #474a51;
    margin-bottom: 5px;
    margin-top: 0;
  }
}
/*END FOOTER ADDRESS*/

/*PRODUCTS PRICE*/
.cat-price {
  width: 100%;
  height: auto;
  font-weight: 700;
  font-size: 1.5rem;
  margin-top: 20px;
  color: #474a51;
}

@media (max-width: 1199px) {
  .cat-price {
    margin-bottom: 0;
  }
}

@media (max-width: 699px) {
  .cat-price {
    font-size: 1rem;
    margin-bottom: 15px;
  }

  .cat-btns {
    flex-wrap: wrap;
  }
}

.cat-page .cat-content h3 {
  margin-bottom: 10px;
}
/*END PRODUCTS PRICE*/

/*YOU MAY ALSO LIKE TEXT*/
.cat-ymal {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #474a51;
  padding: 12px 15px;
}

.md-show .cat-item {
  margin-bottom: 0;
}

.md-show .cat-ttl.md-show {
  background: #eeeeee;
  box-shadow: 10px 15px 51px rgba(0, 0, 0, 0.2);
}

.md-show .cat-ttl.md-show .cat-btns {
  padding-inline: 0;
}
/*END YOU MAY ALSO LIKE TEXT*/

/*PRODUCT MORE*/
.md-show .cat-content {
  display: block !important;
}

.cat-btns + .md-show {
  max-height: 130px;
  transition: 0.4s ease;
  overflow: hidden;
}

.cat-btns.active + .md-show {
  max-height: 100vh;
}

@media (max-width: 699px) {
  .cat-page .cat-item {
    display: flex;
    flex-direction: column;
  }

  .cat-btns {
    order: 10;
  }

  .cat-price {
    padding: 0 15px;
  }
}
/*END PRODUCT MORE*/

/*GRAYSCALE OFF FOR MOBILE VIEW*/
@media (max-width: 991px) {
  body .d3-item img {
    filter: none;
  }
}
/*END GRAYSCALE OFF FOR MOBILE VIEW*/

/*LOGO SIZE*/
.header-logo {
  max-width: 180px;
}

@media only screen and (max-width: 699px) {
  .header-logo {
    width: 120px;
  }
}
/*END LOGO SIZE*/

/*BURGER FONT WEIGHT*/
@media only screen and (max-width: 699px) {
  .burger li:nth-child(4) {
    display: block;
    font-weight: 700;
  }
}
/*END BURGER FONT WEIGHT*/

/*MAIN PAGE GALLERY IMAGES SIZES*/
.owl-carousel .owl-item img {
  height: 100%;
  object-fit: cover;
  object-position: center;
}
/*END MAIN PAGE GALLERY IMAGES SIZES*/

/*TRMAX DISABLE WHEN SEPARATE*/
.trexBlock .trmat {
  pointer-events: none;
  opacity: 0.4;
}
/*END TRMAX DISABLE WHEN SEPARATE*/

/*PATIO DISABLE WHEN SHED REDDING*/
.patioBlock .patio-cover {
  pointer-events: none;
  opacity: 0.4;
}
/*END PATIO DISABLE WHEN SHED REDDING*/

/*SET PRICE VISIBLE ON MOBILE*/
@media only screen and (max-width: 699px) {
  .calc-total.md-hide {
    display: block !important;
    background: transparent;
    position: fixed;
  }
}

@media only screen and (max-width: 991px) {
  .calc-flex .calc-left {
    top: 136px;
    background: #eee;
  }
}
/*END SET PRICE VISIBLE ON MOBILE*/


/*HIDE YOU MAY ALSO LIKE BLOCK*/
.cat-item.cat-big{
  display: none !important;
}
/*END HIDE YOU MAY ALSO LIKE BLOCK*/

/*NORMALIZE LOGO SIZES*/
.header-logo img,
.footer-logo img{
  width: auto;
  height: auto;
}
/*END NORMALIZE LOGO SIZES*/

/*Active head icon issue*/
.calc-head .calc-head-flex img{
  opacity: 0;
  display: none;
}

.calc-head.active .calc-head-flex img{
  opacity: 1;
}
/*END Active head icon issue*/

/*Some issues*/
body{
  overflow-x: visible;
}
/*END Some issues*/

/*You may also like mobile*/
@media (max-width: 699px){
  .cat-page .wrap>.md-show{
    display: none !important;
  }
}
/*END You may also like mobile*/

/*Homepage fontsize isuue*/
@media (max-width: 1920px)  and (min-width: 699px){
  .page-template-page-home .d1 .d1-ttl{
    line-height: 1.5;
    font-size: 38px;
  }

  .page-template-page-home .d1 .d1-text{
    margin: 20px 0;
    margin-top: 0;
    font-size: 20px;
    line-height: 1.2;
  }
}
/*END Homepage fontsize isuue*/


/*Homepage slider offsets off*/
.d3-item.disabled{
  flex: 1 1 auto;
}
/*END Homepage slider offsets off*/

/*Hide homepage reviews block*/
.page-template-page-home .review .standart-ttl{
  display: none;
}
/*END Hide homepage reviews block*/

/* Hide homepage reviews*/
.page-template-page-home .d6{
  display: none;
}
/*END Hide homepage reviews */

/*Block some fields*/
.blockedField{
  pointer-events: none;
  opacity: 0.4;
}
/*END Block some fields*/

/*Hide gallary block on main page*/
.page-template-page-home .d5{
  margin-bottom: 150px;
  margin-top: 50px;
}
/*END Hide gallary block on main page*/

/*Rounded buttons*/
.cat-page .cat-btns a,
.d1-btns a,
.d6-contact a,
.standart-btn,
.calc-head,
.cookies-banner button,
.review .feedback button,
.d6-flex .d6-img img,
.modal1 input,
.modal1 textarea,
.modal1 button,
.modal1 label{
  border-radius: 8px;
}

.owl-carousel .owl-item img{
  border-radius: 12px;
}

#calc_photo > .swiper-wrapper > .swiper-slide > img{
  border-radius: 14px;
}

.d6-top input,
.d6-top textarea,
.review .feedback,
.cat-item,
.modal1{
  border-radius: 10px;
}
/*END Rounded buttons*/

/*Footer background color*/
.footer{
  background: #474A51;
}

.footer *{
  color: #fff !important;
}

.footer-socs a{
  opacity: 1;
}

.footer-socs a:nth-last-child(2){
  margin-left: 5px;
}

.footer-contact a, 
.footer-contact p, 
.footer-col li{
  font-size: 20px;
}

.footer-contact h3,
.footer-col h3{
  font-size: 27px;
}

.footer-socs a{
  width: 40px;
  height: 40px;
}

.footer-socs a:nth-child(3){
  margin-right: 25px;
}

@media only screen and (max-width: 699px){
  .footer-socs a {
    width: 45px;
  }

  .footer-socs a:nth-child(3){
    margin-right: 16px;
  }
}
/*END Footer background color*/



@media (max-width: 1200px) and (min-width: 699px) {
  .page-template-page-home .d1-ttl{
    font-size: 32px !important;
    line-height: normal !important;
  }

  .page-template-page-home .d1-text{
    font-size: 18px !important;
  }
}

/*Yelp reviews setup*/
#yelp-reviews{
  padding-inline: 15px;
}

#yelp-reviews .jZPykY{
  color: #4F4D4D;
  font-weight: 600;
}

@media (max-width: 767px){
  #yelp-reviews .jZPykY{
    font-size: 37px;
    line-height: 1.2;
  }
}
/*END Yelp reviews setup*/

/*Disable homepage unused buttons*/
.page-template-page-home .d4 .d1-btns{
  display: none;
}
/*END Disable homepage unused buttons*/

/*Rise modal layout overflow rate*/
.modal1{
  z-index: 999999999999999999;
}
/*END Rise modal layout overflow rate*/


@media only screen and (min-width: 991px) {
  .d3-item p{
    font-size: 17px;
  }
  
  .d3-item h3{
    line-height: 16px;
    font-size: 29px;
  }
}

html{
  scroll-behavior: smooth;
}



@media (max-width: 699px) {
  .d1{
    height: 600px;
  }
  .d2 .wrap {
    padding: 0;
    width: 100% !important;
  }
  .d2 {
    padding-top: 0 !important;
  }
}


/*BANNER*/
.header{
  width: 100% !important;
  top: 0 !important;
  left: 0 !important;
  transform: none !important;
  padding: 0 !important;
}

.banner{
  background: #49AE71;
  padding: 14px 0;
  margin-bottom: 20px;
  transition: background 0.3s;
}

.banner.open{
  background: #fff;
}

.banner .wrap{
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.banner *{
  color: #fff;
}

.banner.open *{
  color: #348E58;
}

.banner-top{
  display: flex;
  align-items: center;
  justify-content: center;
}

.banner.open .banner-top{
  margin-bottom: 40px;
}

.banner-top button{
  cursor: pointer;
  display: flex;
  align-items: center;
  margin-left: 12px;
  font-size: 18px;
  font-family: 'Montserrat';
  font-weight: 700;
  padding: 10px 20px;
  border: 2px solid #E0E0E0;
  border-radius: 10px;
}

.banner.open .banner-top button{
  border: 2px solid #49AE71
}

.banner-top button svg{
  margin-left: 15px;
  transition: transform 0.3s;
}

.banner.open .banner-top button svg path{
  stroke: #49AE71;
}

.banner.open .banner-top button svg{
  transform: rotate(90deg);
}


.banner-top p{
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}


.banner-bottom{
  width: 100%;
  max-height: 0;
  overflow: hidden;
}

.banner.open .banner-bottom{
  max-height: 100vh;
  padding-bottom: 40px;
}

.banner-bottom form{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.banner-bottom form p{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.banner-bottom form p span{
  display: inline-block;
  max-width: 23%;
  margin: 10px 0;
}

.banner-bottom form p span span{
  display: none;
}

.banner-bottom form input{
  padding: 30px 20px;
  font-family: 'Montserrat';
  font-size: 24px;
  font-weight: 400;
  line-height: 29px;
  letter-spacing: 0em;
  text-align: left;
  border: 2px solid #348E58;
  border-radius: 20px;
  color: #348E5899;
  margin: 10px;
}

.banner-bottom form input::placeholder{
  color: #348E5899;
}

.banner-bottom form input[type='submit']{
  border: 2px solid #49AE71;
  background: #49AE71;
  border-radius: 20px;
  color: #fff;
  cursor: pointer;
  transition: color 0.3s, background 0.3s;
}

.banner-bottom form input[type='submit']:hover,
.banner-bottom form input[type='submit']:active{
  background: #fff;
  color: #49AE71;
}

.banner-bottom form p{
  font-family: 'Montserrat';
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  color: #348E5899;
}

.banner-bottom form p:first-of-type{
  max-width: 84%;
}

.banner-bottom form p:last-of-type{
  max-width: 15%;
}

.banner-bottom form p a{
  font-family: 'Montserrat';
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  color: #348E5899;
  text-decoration: underline;
}

.banner-bottom form .wpcf7-response-output{
  border: none !important;
  font-size: 30px;
  font-weight: 600;
}

.banner-bottom form.wpcf7-form.sent >p{
  display: none;
}

.banner-bottom form span[data-name='email']{
  position: relative;
}

.banner-bottom form span[data-name='email']::after{
  content: "*";
  position: absolute;
  right: 25px;
  top: 25px;
  font-size: 25px;
}

@media (max-width: 992px) {
  .banner-bottom form p:first-of-type{
    flex-wrap: wrap;
  }

  .banner-bottom form p span{
    max-width: 47%;
  }

  .banner-bottom form .wpcf7-response-output{
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  .banner-top p{
    font-size: 15px;
  }

  .banner-top button{
    font-size: 12px;
  }

  .banner-bottom form input{
    padding: 17px 12px;
    font-size: 20px;
  }

  .banner-bottom form{
    flex-direction: column;
  }

  .banner-bottom form p span{
    max-width: 100%;
  }

  .banner-bottom form p:last-of-type{
    max-width: 100%;
  }

  .banner-bottom form p:last-of-type a{
    margin-left: 5px;
  }
}
/*END BANNER*/

.allrev {
  text-align: center;
  padding: 50px 0 0;
}
.allrev a {
  color: rgb(192, 20, 20)
}

.d6-right input {
  height: 40px;
}
.d6-right textarea {
  height: 120px;
  padding: 15px 15px !important;
}
.d6-right input, .d6-right textarea {
  color: #000;
  /* For input */
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.28px;
  margin-bottom: 17px;
  padding: 0 15px;
}
.d6-right input::placeholder, .d6-right textarea::placeholder {
  color: var(--Grey, #CDCDCD);
}


.d6-text {
  padding: 13px 0;
  color: var(--Dark-Grey, #ABABAB);
/* Text for pop up */
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 1.28px;
}
.d6 .wrap {
  max-width: 1023px;
  gap: 50px;
  padding: 0 25px;
}
.d6-left {
  max-width: calc(50% - 25px);
  padding: 0;
}
.d6-right {
  max-width: calc(50% - 25px);
}
.d6-contact a {
  color: var(--White, #FFF);
  text-align: center;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 78.354% */
}

@media (max-width: 1023px) {
  .d6 .wrap {
    padding: 0px;
  }
  .d6-right {
    width: 100%;
    max-width: 100%;
  }
}

.modal.active {
  border-radius: 12px;
  background: #EEE;
  max-width: 466px;
}

.modal.active .ty {
  border-radius: 9px;
  background: #FFF;
  position: relative;
  width: 286px;
  padding: 24px 29px;
  margin: 0 auto;
  margin-bottom: 24px;
}
.modal.active h3 {
  color: #474A51;

text-align: center;
/* Title for pop up */
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin-bottom: 11px;
}
.modal.active .ty p {
  color: var(--Dark-Grey, #ABABAB);
  text-align: center;
  /* Text for pop up */
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.28px;
  margin-bottom: 31px;
}
.modal.active .ty a {
  border-radius: 7px;
background: #49AE71;
display: inline-flex;
padding: 8px 25px;
justify-content: center;
align-items: center;
gap: 8px;
color: #fff;
}
.modal.active .ty svg {
  position: absolute;
  left: calc(50% - 18px);
  top: -18px;
}
.modal-socs {
  margin-top: 0;
}
.modal-socs>p {
  color: #474A51;

  text-align: center;
  /* Title for pop up */
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.modal-socs img {
  filter: invert(1);
  width: 24px;
  height: 24px;
}
.modal-socs a {
  margin-right: 0 !important;
}
.modal-content {
  padding: 35px 90px;
}
@media (max-width: 1023px) {
  .modal-content {
    padding: 35px 20px;
  }
}

.review__blocks {
  max-width: 768px;
  margin: 0 auto;
}