/*
some styles
*/

.d-none {
	display: none;
}
.d-block {
	display: block;
}


/*  header  */
/*  [Attributes by Finsweet] Disable scrolling  */
[no-select] {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/*  home page  */
.works-slide:not([aria-hidden="true"]) {
  border-top-right-radius: 50px;
  transition: border-radius 1s ease, transform 200ms ease;
}
.works-slide[aria-hidden="true"] {
  border-top-left-radius: 50px;
  border-top-right-radius: 0px;
  transition: border-radius 1s ease, transform 200ms ease;
}
.w-slider-dot {
    width: 14px;
    height: 14px;
    background-color: #B8DDDD;
		border-radius: 20px;
}
.w-slider-dot.w-active {
		width: 26px;
    height: 14px;
    background-color: #2C5E5E;
}
@media (max-width: 479px) {
  [data-more="more-card"] {
    display: none;
  }
  [data-more="more-card"]:nth-child(-n+5) {
    display: block;
  }
}


/*  forms  */
.w-form-done-x {
    /* display: none; */
    padding: 20px;
    text-align: center;
    /*background-color: #dddddd;*/
}
.w-form-fail-x { 
    /* display: none; */
    margin-top: 10px;
    padding: 10px;
    background-color: #ffdede;
}
.w-form-x {
    margin: 0 0 15px;
}

.pop-up-form-block-x {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width: 479px) {
  .pop-up-form-block-x {
    width: 220px;
  }
}

/* spinners */
.spinner-border {
    display:flex;
    justify-content: center;
}
.spinner-x {
    display:flex;
    justify-content: center;
    height: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
}

/* 
https://css-loaders.com/spinner/
No 27
*/
/* HTML: <div class="loader"></div> */
.loader {
  --d:22px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  color: #25b09b;
  color: #000000;
  box-shadow: 
    calc(1*var(--d))      calc(0*var(--d))     0 0,
    calc(0.707*var(--d))  calc(0.707*var(--d)) 0 1px,
    calc(0*var(--d))      calc(1*var(--d))     0 2px,
    calc(-0.707*var(--d)) calc(0.707*var(--d)) 0 3px,
    calc(-1*var(--d))     calc(0*var(--d))     0 4px,
    calc(-0.707*var(--d)) calc(-0.707*var(--d))0 5px,
    calc(0*var(--d))      calc(-1*var(--d))    0 6px;
  animation: l27 1s infinite steps(8);
}
@keyframes l27 {
  100% {transform: rotate(1turn)}
}


/*  pop up */
.order-cat-button {
	cursor: pointer;
}

.catalog-pop-up {
  z-index: 9999;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}
.catalog-pop-up-frame {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

@media screen and (min-width: 1280px) {
  .catalog-pop-up-frame {
    justify-content: center;
    align-items: flex-start;
    padding-top: 60px;
  }
}

@media screen and (max-width: 767px) {
  .catalog-pop-up-frame {
    padding-top: 0;
  }
}