/* site styles */
.price-attent{ font-weight: bold; color: #0649bb;  letter-spacing: 0.03em;  padding: 5px 0;  font-size: 16px; line-height: 18px;}
.cf7-visual{position: absolute !important; left: -9999px; top: auto; width: 1px;height: 1px;overflow: hidden;}
.goods_cards {max-width: 1210px; margin: 0 auto;display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 20px;}
.good_card {padding: 30px 0; padding-top: 0; display: grid;  box-shadow: 5px 5px 0px 2px #cce1f2;  border-radius: 8px;  background: #ffffff;  border: 1px solid #cce1f2;}
.overflowx{width:100%;overflow-x:auto;}
table.politika-head {width: 100%; border: 0; box-shadow:0 0 0 #fff;}
table.politika-head td, table.politika-head tr{border:0; box-shadow:0 0 0 #fff;}
table.politika-head td p{font-size:12px; font-style:italic;}
table.politika-head td:first-child p{text-align:left}
table.politika-head td:last-child p{text-align:right}
.order-title {text-align: center;}
.order-title h2 {color: #3f7ebf;}
.order-title span { white-space: nowrap;}
.gc_link {display: block; transition: 0.3s;}
.gc_link:hover .gc_name {color: #60A0E2;}
.gc_img {display: flex; width: 100%; height: 180px; overflow: hidden; justify-content: center; align-items: center;border-top-left-radius: 8px;  border-top-right-radius: 8px;}
.gc_img > img {display: block; transition: 0.5s; min-height: 100%;}
.gc_name {display: inline-block; vertical-align: top; height: 58px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-clamp: 3; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-top: 30px; font-weight: 300; padding: 0 20px; transition: 0.5s; font: 16px/120% "Roboto", sans-serif;}
.gc_price {font-size: 23px; padding: 0 20px; margin-top: 15px; color: black; text-align:right;}
.tovar-submit{text-align:center;}
.gc_order {height: 50px; background: #60A0E2; color: #fff; font-size: 16px; line-height: 16px; font-weight: 500; text-align: center; transition: 0.3s; display: grid; align-items: center; justify-items: center; width: 150px; margin: 0px auto; margin-top: 20px;}
a.raschet-link.gc-order:hover {color:#fff;}
.gc_order:hover {opacity: 0.7; color:#fff;}
.gc_all {display: none;text-align: center; margin: 40px 0;}
.gc_all > div {display: inline-block; font-size: 16px; color: #60A0E2; transition: 0.3s; cursor: pointer;}
.gc_all > div:hover {opacity: 0.7;}
.catalog .gc_img {padding: 20px; height: 255px;}
.gc_tech ul{padding:10px 30px;}
.gc_tech ul li {list-style: none; font-size: 12px; line-height: 18px; padding: 4px 0;}
.catalog .goods_cards.full {grid-template-columns: repeat(1, 1fr);}
.goods_cards.full .good_card {display: grid; grid-template-columns: 400px 1fr; align-items: center;}
.catalog .goods_cards.full .gc_img{height:auto;}
.goods_cards.full .gc_name {text-align: left; height: auto;}
.goods_cards.full .gc_bottom {display: grid; grid-template-columns: 250px 1fr; align-items: center;}
.goods_cards.full .gc_price span {font-size: 18px; color: #555;}
.goods_cards.full a.gc_order {margin: 0;}
.goods_cards.full .gc_price {margin: 0; text-align: left; padding-left: 30px; padding-right: 15px;}
.catalog .goods_cards {grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));}
.catalog .gc_name {color: #215abd; text-align: center;}
.catalog .gc_tech b {color: #555; font-weight: normal; font-size: 13px;}
.catalog .gc_tech {color: #333; font-weight: bold; font-size: 12px;}
img {max-width: 100%; height: auto;}
/*стили модальных окон*/
.mask {position: absolute; left: 0; top: 0; z-index: 9000; background: rgba(0, 0, 0, 0.4); display: none;}
.boxes .window {display: none; max-width: 610px; width: 100%; max-height: 90dvh; overflow: auto; background: #ffffff; position: fixed; left: 0; top: 0; z-index: 9999;}
.close {display: block; width: 25px; height: 25px; position: absolute; z-index: 3; right: 20px; top: 20px; cursor: pointer; opacity: 0.5; transition: 0.3s;}
.close:hover {opacity: 1;}
.close:before {display: block; content: ""; width: 25px; height: 2px; background: #000; position: absolute;left: 50%;top: 50%; transform: translate3d(-50%, -50%, 0) rotate(-45deg);}
.close:after {display: block; content: ""; width: 25px; height: 2px; background: #000;position: absolute;left: 50%;top: 50%;transform: translate3d(-50%, -50%, 0) rotate(45deg);}
.modal_content {padding: 50px 15px 30px;}
img {max-width: 100%; height: auto;}

.overlay-order, .overlay-order-s {z-index: 100000;transition:all 0.5s ease-in; display:none;width: 100%; height: 100%; position: fixed; top: 0; left: 0;  background: #ffffff6e; backdrop-filter: blur(5px);align-items: center;  align-content: center; justify-content: center;}
.form-order, .form-order-s { width:100%; position: relative; padding: 40px; background: #fff; border: 2px solid #60a0e2; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05), 0px 2px 2px rgba(0, 0, 0, 0.05), 0px 4px 4px rgba(0, 0, 0, 0.05), 0px 8px 8px rgba(0, 0, 0, 0.05), 0px 16px 16px rgba(0, 0, 0, 0.05);  padding-top: 20px; max-width:610px;}
.contact-tovar, .contact-tovar-s {display: grid;grid-template-columns: repeat(2,1fr); gap: 5px;}
.form-order input, .form-order-s input {border: 1px solid #d5d6de; color:#337ab7; height: 50px;  padding: 0 2em; margin: 5px 0; outline:none;}
.tovar-name input, .tovar-name-s input { width: 100%;}
.tovar-message textarea, .tovar-message-s textarea {width: 100%; display: block; color:#337ab7;  padding: 1em 2em; height: 150px; min-width: 100%; border: 1px solid #d5d6de; outline:none;}
.form-order input:focus, .form-order textarea:focus, .form-order-s input:focus, .form-order-s textarea:focus{border:1px solid #60a0e2;}
.tovar-message, .tovar-message-s {display: block; position: relative; width: 100%;}
.tovar-soglasie, .tovar-soglasie-s {display: grid; padding-bottom:20px; grid-template-columns: 20px 1fr; align-content: center; align-items: center; justify-content: start; gap: 10px;}
.tovar-soglasie span, .tovar-soglasie-s span {font-size: 14px; line-height:16px;}
.tovar-submit-s, tovar-submit {display: flex; justify-content: center;}
.tovar-submit button, .tovar-submit-s button {display: -webkit-inline-box; display: inline-flex; width: auto; height: 50px; margin-bottom: 0; padding: 0 2.8em; border: 1px solid var(--color-primary); background-color: var(--color-primary); -webkit-box-align: center; align-items: center; color: #fff; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
.tovar-submit button:hover, .tovar-submit-s button:hover{ -webkit-transform: translateY(-1px); transform: translateY(-1px); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05), 0px 2px 2px rgba(0, 0, 0, 0.05), 0px 4px 4px rgba(0, 0, 0, 0.05), 0px 8px 8px rgba(0, 0, 0, 0.05), 0px 16px 16px rgba(0, 0, 0, 0.05); }}
.tovar-submit, .tovar-submit-s {display: grid; justify-content: center;}
.order-close, .order-close-s {position: absolute; right: 0; top: 0; width: 60px; height: 60px; cursor: pointer;}
.order-close:before, .order-close:after, .order-close-s:before, .order-close-s:after{width:50px; height:2px; background:#60a0e2; content:'';  position:absolute; top:25px; right:5px;}
.order-close:before, .order-close-s:before{transform:rotate(45deg); transition:all 0.4s ease-in-out;}
.order-close:after, .order-close-s:after{transform:rotate(135deg); transition:all 0.4s ease-in;}
.order-close:hover:before, .order-close-s:hover:before{transform:rotate(225deg); transition:all 0.4s ease-in-out;}
.order-close:hover:after, .order-close-s:hover:after{transform:rotate(315deg); transition:all 0.4s ease-in;}
/* Слайдер */
.hero-slider {position: relative; width: 100%; overflow: hidden; aspect-ratio: 16 / 10;background: #f3f5f7;box-shadow: 10px 10px 0px 2px #cce1f2;border: 1px solid #cce1f2; border-radius: 20px;}
.hero-slides {position: relative; width: 100%;  height: 100%;}
.hero-slides img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0;  pointer-events: none;  transition: opacity .7s ease-in-out;}
.hero-slides img.is-active {opacity: 1; pointer-events: auto;}
/* Точки-навигация */
.hero-dots {position: absolute;left: 50%; bottom: 12px; transform: translateX(-50%); display: flex; gap: 8px;  padding: 6px 10px; border-radius: 999px; background: rgba(0,0,0,.20); backdrop-filter: blur(4px);}
.hero-dots button {width: 10px; height: 10px; border-radius: 50%; border: 0; background: rgba(255,255,255,.6); cursor: pointer; padding: 0;}
.hero-dots button[aria-selected="true"] {background: #fff; transform: scale(1.15);}
.hero-dots button:focus-visible {outline: 2px solid #fff;}
.work-city {display: grid;grid-template-columns: repeat(auto-fill,minmax(155px, 155px));gap: 10px; gap: 12px; display: flex; flex-wrap: wrap;}
.work-city span {color: #3e6ab5; font-size: 14px; letter-spacing: 0.05em; box-shadow: rgb(204, 225, 242) 1px 1px 0px 1px;
    overflow: hidden;  border-radius: 4px; background: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(226 232 237); padding: 5px 10px;}
.services_wrapper.city p {padding-top: 20px;  padding-left: 7px; margin-bottom: 5px;}
.gc_price.flex {display: flex; justify-content: space-between; gap: 10px; align-items: flex-end;}
span.price_name {font-size: 18px; color: #545454;}
/* MEDIA QUERIES*/
@media only screen and (max-width: 1024px) {
  .goods_cards {
    grid-template-columns: repeat(3, 1fr);
  }
} /*1024*/
@media only screen and (max-width: 768px) {
  .goods_cards {
    grid-template-columns: repeat(2, 1fr);
  }
} /*768*/
@media (max-width:720px){
    .goods_cards.full .good_card {grid-template-columns: 1fr;}
}
@media (max-width: 680px){
.tovar-soglasie span, .tovar-soglasie-s span {font-size: 12px; line-height:14px;}
}
@media only screen and (max-width: 500px) {
  .goods_cards {grid-template-columns: repeat(1, 1fr);}
/*  .goods_cards.all_visible .good_card:nth-child(n+5) {display: block;}
  .gc_name {height: unset; line-clamp: unset; -webkit-line-clamp: unset;}
  .gc_all {display: block;} */
} /*500*/
@media only screen and (max-width: 540px) {
.contact-tovar { display: grid; grid-template-columns: repeat(1, 1fr); gap: 0px;}
.contact-tovar input, .tovar-name input{width:100%;}
.tovar-submit {display: grid; justify-content: stretch;}
}
# sourceMappingURL=style.css.map