* > p:last-child {margin-bottom: 0;}

.play-btn {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 48px;height: 48px;
  background: rgba(255, 255, 255, 0.9);border: none;border-radius: 50%;display: flex;align-items: center;justify-content: center;
  cursor: pointer;transition: transform 0.2s ease, opacity 0.3s ease;z-index: 2;
}
.play-btn svg {width: 32px;height: 32px;fill: #111;}
.play-btn:hover { transform: translate(-50%, -50%) scale(1.1); background: #ffffff;}
.play-btn.is-playing { opacity: 0;pointer-events: none;}

.spanred * {color: #D02E2F; font-size: 18px; margin-bottom:1rem;}
div.dig{display:inline-flex; background: #D02E2F; color:#fff; aspect-ratio: 1; width: 36px;
    border-radius: 50%; font-size: 18px; justify-content:center; align-items:center; margin-bottom: 0.5rem;}

main.main section > .container-fluid {margin-top: 60px;}
aside header {padding-left: 25px;}
.col .header {background: linear-gradient(90deg, #FFFFFF 5.34%, rgba(255, 255, 255, 0) 93.22%);}
.logo {margin-left: 45px;}
.red {color: #D02E2F;}
section .header .col-auto { border-right: solid 1px #e9eaea; padding-left: 15px; padding-right: 15px;}
.top-bg {position: absolute; z-index:-1; top: 0; right:0; bottom:0; left:0; }

aside {width: 325px; max-width: 325px; flex-basis: 325px; border-right: solid 1px #e9eaea; padding:0!important;}
footer section {flex-direction: column; }
footer aside {border-right: none; }
footer a img {transition: all 0.3s; }
footer a img:hover {opacity: 0.6; }
section {display: flex; width: calc(100% - 325px)!important; padding:0!important;}
main {display: flex;}

.btn-primary img {vertical-align: bottom!important;}

.header-text2 {background:linear-gradient(90deg, rgba(250,250,250,1) , rgba(250,250,250,0.8) 30%, transparent 70%);}

.modal-content {padding: 15px;}
.modal-header {border-bottom: none; align-items: flex-start;}

.play, .play2 {display: flex; position: absolute; top:0; bottom:0; left:0; right:0; justify-content: center; align-items: center;}
.play img {width: 25%; transition: all 0.3s;}
.play2 img {width: 15%!important; transition: all 0.3s;}
.play:hover img, .play2:hover img {width: 20%!important;}

.mt-10 {margin-top: 6rem!important}
.pt-10 {padding-top: 6rem!important}
.pb-15 {padding-bottom: 9rem!important}
.w700 {font-weight: 700!important;}

.fs16.g-4 img {border-radius: 8px;}

.block-text-24 p {font-size:24px;}

.columns-lg-3 {columns:3;}
.columns-lg-3 h2, .columns-lg-3 h3, .columns-lg-3 h4, .columns-lg-3 h5 {column-span: all;}
.column-break {break-after: column;}

.mb-45 {margin-bottom:2.2rem!important;}

.btn {border-radius: 8px;}
.btn-default {transition: all 0.3s; color: #D02E2F;}
.btn-info {transition: all 0.3s; color: #D02E2F; background: #fff; border: solid 2px #D02E2F; font-weight: 500;}
.btn-info:hover {color: var(--link-hover); background: #f9f9f9; border-color: var(--link-hover); }
.btn-primary {padding-left: 40px; padding-right: 40px; background:#D02E2F; transition: all 0.3s; border-color: #D02E2F;}
.btn-primary:hover {background:var(--link-hover); border-color: var(--link-hover);}
.btn-projects {height: auto; color: #000; height: 45px!important; border: solid 2px #7A858C; width: auto; display: inline-block;}
.btn-map {color: #000; height: 45px!important; border: none; width: auto; background:#DFE3E5; font-size: 16px; display: inline-block;}
.tel {margin-bottom: 15px;}
.tel a {margin-bottom: 15px; margin-right: 8px; color: #262C30; font-weight: bold; font-size: 22px; }
aside div.tel a {font-size: 24px; }
.tel .a {color: #D02E2F; font-size: 16px; text-decoration: underline;}
.tel .a:hover {color: var(--link-hover); font-size: 16px; text-decoration: none;}
aside div.tel {padding-left: 40px;padding-right: 40px; text-align:center;}
aside .btn {border-radius: 0; font-size: 16px;}
aside .btn-primary {margin-top: 15px;}
aside .btn-default {border-bottom: solid 1px #D02E2F;}

.fs24 {font-size: 24px;}
.fs16 {font-size: 16px;}
.sb {font-weight: 600;}
.a {cursor: pointer;}

.embed-responsive-1by2::before {padding-top: 125%;}

.article-themes {background: #F4F7F9; margin-right: -70px; padding: 25px;}
.article-themes p:last-child {margin-bottom: 0; }
.article-themes a {color: #758A96; text-decoration: underline}
.article-themes a.active {color: #758A96; text-decoration: none; font-weight: bold;}

.form-control:focus {box-shadow: none;}

.btn { height: 65px; }
.btn img { margin-right: 15px; }
.mobile-header .btn img { margin-right: 0; }

header .btn {padding: 0;}
.header-text {padding-bottom: 30px; padding-left: 75px;}
.header-text img[src*=icons] {margin-right: 20px;max-width:35px;}
.header-text .mr-3 img[src*=icons] {margin-right: 10px;}
.header-text .mr-3 > div {padding-right: 45px;}
.header-text p {max-width: 480px;}
.header-text button {font-size: 18px; margin-top: 1rem; margin-bottom: 1rem;}

div.gray {background: #F4F7F9; padding: 30px 70px 20px;}
div.block-white {padding: 0 70px 0; margin-bottom: 100px;}
div.block-white-small {padding: 0 70px 0; margin-bottom: 50px;}
div.block-gray {background: #F4F7F9; padding: 70px 70px 70px; margin-bottom: 70px;}
div.block-gray-small {padding: 60px 70px 50px; margin-bottom: 50px;}
div.gray-index {background: url(../images/index/bg.webp) right top no-repeat #F4F7F9; padding: 45px 70px; background-size: contain;}
div.gray-2-hours {background: url(../images/bg/2-hours.webp) right top no-repeat #F4F7F9; background-size: contain;}
div.gray-zamer-quest {background: url(../images/bg/vyzov-zamer.webp) right top no-repeat #F4F7F9; background-size: contain;}
div.gray-index-zamer {background: url(../images/index/bg-zamer.webp) right top no-repeat #F4F7F9; background-size: contain;}
div.gray-rolstavni-zamer {background: url(../images/rolstavni/bg-form.webp) right top no-repeat #F4F7F9; background-size: contain;}
div.gray-uslugi-zamer {background: url(../images/uslugi/bg-form.webp) right top no-repeat #F4F7F9; background-size: contain;}
div.gray-index-warranty {background: url(../images/index/bg-warranty.webp) right top no-repeat #F4F7F9; background-size: contain;}
div.gray-issledovanie-mikroklimata-zamer {background: url(../images/bg/issledovanie-mikroklimata/bg.webp) right top no-repeat #F4F7F9; background-size: contain;}
div.gray-montazh-zamer {background: url(../images/bg/montazh/bg.webp) right top no-repeat #F4F7F9; background-size: contain;}
div.polnaya-konsultaciya {background: url(../images/bg/polnaya-konsultaciya.webp) right top no-repeat #F4F7F9; background-size: contain;}
div.b-zamer {background: url(../images/bg/b-zamer.webp) right top no-repeat #F4F7F9; background-size: contain;}
div.gray-index .btn {font-size: 18px; padding-left: 45px; padding-right: 45px;}
div.gray-smart {background: url(/img/smart/bg.webp) right top no-repeat #F4F7F9; background-size: contain; background-position: 100% 0;}

div.calc-plastikovye-okna {background: url(../images/plastikovye-okna/bg/calc.webp) 25% top no-repeat #F4F7F9; background-size: cover;}
div.vybor-plastikovye-okna {background: url(../images/bg/uznat-stoimost.webp) right top no-repeat #F4F7F9; background-size: cover;}
div.vybor-plastikovye-okna2 {background: url(../images/bg/vybor.webp) right top no-repeat #F4F7F9; background-size: cover;}
div.vybor-sotrudnichestvo {background: url(../images/bg/vybor-sotrudnichestvo.webp) right top no-repeat #F4F7F9; background-size: cover;}

.m-830 {min-height: 830px;}

.thnks {font-size: 48px; font-weight: 600; margin-bottom: 1.5rem; line-height: 1.2em;}
.thnks span {color: #D02E2F;}

.digits {color: #515659; font-size: 16px; }
.digits span {color: #D02E2F; font-size: 48px; font-weight: 600; line-height: 1em;}

.owl-carousel .owl-nav button {color:#7D8083!important; margin-right: 45px!important; font-size: 40px!important; background: none!important; border: none!important;}
.owl-carousel .owl-dots {display: inline-block; margin-top: -48px; position: absolute; }
.owl-carousel .owl-dots button {background: none!important; border: none!important; padding: 0 3px;}
.owl-carousel .owl-dots button span {background: #7A858C!important; margin: 0!important; height: 6px!important; width: 6px!important; transition: all 0.3s!important;}
.owl-carousel .owl-dots button.active span {background: #D02E2F!important; width: 20px!important; }

.owl-nav button {color:#7D8083!important; margin-right: 45px!important; font-size: 40px!important; background: none!important; border: none!important;}
.owl-dots {display: inline-block; margin-top: -48px; margin-left: 150px; position: absolute; }
.owl-dots button {background: none!important; border: none!important; padding: 0 3px;}
.owl-dots button span {background: #7A858C!important; margin: 0!important; display: inline-block; border-radius:10px; height: 6px!important; width: 6px!important; transition: all 0.3s!important;}
.owl-dots button.active span {background: #D02E2F!important; width: 20px!important; }

.owl-top .owl-item {font-size: 16px;}
.owl-top .owl-stage {display: flex; flex-flow: wrap;}
.owl-flex .owl-stage .owl-item {display: flex; }
.owl-100 {height: 100%!important; }
.owl-100 .owl-stage, .owl-100 .owl-stage-outer {height:100%; }
.owl-100 .owl-item {height: calc(100% - 3rem)!important; }
.owl-flex .owl-stage .owl-item > div {display: flex; flex-direction: column;}
.owl-flex .owl-stage .owl-item > div p:last-child {margin-top: auto; margin-bottom: 0;}
.owl-flex .owl-stage .owl-item > div div:last-child {margin-top: auto;}
.owl-window .owl-stage .owl-item > div div:last-child {margin-top: 0;}
.owl-flex.owl-addresses .owl-stage .owl-item div p:last-child {margin-top: 0;}
.owl-top .owl-item strong {font-size: 18px;}
.owl-top .owl-item img {margin-bottom: 35px;}
.owl-top .owl-item video {margin-bottom: 30px;}

.owl-catalog .owl-item > div {background: #fafbfc; padding: 12px 15px;}
.owl-catalog .owl-item .btn {height: 50px;}
.owl-catalog .owl-item h6 {margin-bottom: 10px;}
.owl-catalog .owl-item .fs24 {color: #7A858C; font-weight: 600;}
.catalog-info {position: absolute; background: #EFF2F4; padding: 20px; font-size: 80%; top:100%; bottom:0; right:0; left: 0; margin-top: 0!important; transition: all 0.5s;}
.catalog-info.active {top: 0;}
.catalog-info i {position: absolute; bottom: 15px; right: 15px; font-size: 24px; color:#D02E2F; cursor: pointer;}
.catalog-details {display: flex; flex-direction: column; height: 100%;}

.owl-corners .owl-item {font-size: 18px;}
.owl-corners .owl-item b {font-size: 23px;}
.owl-corners .owl-item > div {background: #fafbfc; padding: 12px 25px;}
.owl-corners .owl-item > div > img {margin-bottom: 5px;}
.owl-corners .owl-item img.circle {margin-bottom: 8px;}
.corner-selector .btn-info, .corner-selector .btn-info:active {background: #fff; box-shadow: none; font-size: 18px; font-weight: 600; border-width: 1px; color: #000; margin: 0 15px; height: 50px; border-color: #7A858C; width: 150px;}
.corner-selector .btn-info.btn-active {border-color: #D02E2F; color: #D02E2F;}
.circle {max-width: 25px; max-height: 25px; width: 2vw; height: 2vw; border-radius: 50%; display: inline-block; margin-bottom: 15px;}
.circle-white {background: #fff; border: solid 1px #7A858C;}
.circle-dub-gold {background: #99693E;}
.circle-dub-moreny {background: #403731;}
.circle-dub-antichny {background: #D02E2F;}
.circle-dub-beleny {background: #BBB3A9;}
.circle-dub-tryufelny {background: #645250;}
.circle-dub-amarantovy {background: #cc3c4d;}
.circle-oreh {background: #8E7264;}
.circle-antracit {background: #54585c;}
.circle-mahagon {background: #872e2a;}
.circle-temno-korichnevy {background: #3e312e;}
.circle-korichnevy {background: #482c22;}
.circle-karamel {background: #9f6920;}
.circle-kaleido-cover {background: url(/img/plastikovye-okna/circles/circle-kaleido-cover.jpg) no-repeat center;}
.circle-kaleido-foil {background: url(/img/plastikovye-okna/circles/circle-kaleido-foil.jpg) no-repeat center;}
.circle-kaleido-paint {background: url(/img/plastikovye-okna/circles/circle-kaleido-paint.jpg) no-repeat center;}
.circle-kaleido-woodec {background: url(/img/plastikovye-okna/circles/circle-kaleido-woodec.jpg) no-repeat center;}
.line img {display: inline-block!important; margin-bottom: 0!important; vertical-align: baseline;}
.line2 {height: 18px; position: relative; background: #ddd; width: 80%; border-radius: 9px; display: inline-block;}
.line3 {position: absolute; top:0; left:0; height: 18px; border-radius: 9px; display: inline-block; font-size: 14px; color: #fff; padding-left: 10px; line-height: 1.3;}
.line-volume {background: #A4B7C2;}
.line-sun {background: #758A96;}
.line-tenge {background: #30373B;}

.row .d-flex.flex-column p:last-child{ margin-top: auto; margin-bottom: 0;}

.owl-spec, .owl-index-2 {height: 100%;}
.owl-index-2 .owl-stage, .owl-spec .owl-stage {display: flex;}
.owl-index-2 .owl-stage .owl-item, .owl-spec .owl-stage .owl-item {font-size: 16px;flex-grow: 1; background: #fff; padding: 40px;}
.owl-index-2 .owl-stage .owl-item strong, .owl-spec .owl-stage .owl-item strong {font-size: 24px; font-weight: 600;}
.owl-index-2 .owl-stage .owl-item img {margin-bottom: 45px;}
.owl-index-2 .owl-stage .owl-item img {margin-bottom: 0;}
.owl-spec .owl-nav {position: absolute; bottom: -15px; left: calc(-35vw + 170px);}
.owl-spec .owl-dots {position: absolute; bottom: 6px; top: auto; left: calc(-35vw + 300px);}
.owl-index-2 .owl-nav, .owl-index-3 .owl-nav {position: absolute; bottom: -15px; left: calc(-30vw + 139px);}
.owl-index-2 .owl-dots, .owl-index-3 .owl-dots {position: absolute; bottom: 6px; top: auto; left: calc(-33vw + 300px);}
.owl-index-2.owl-plastikovye-okna .owl-nav {bottom: -60px;}
.owl-index-2.owl-plastikovye-okna .owl-dots {bottom: -38px;}

.owl-index-review .owl-item {background: #fafbfc;}
.owl-index-review .owl-item p {padding: 0 30px 0 0;}
.owl-index-review .owl-item p strong {margin-right: 30px;}
.owl-index-review .owl-item .review-img {position: absolute; bottom: 0; left: 0; right: 0; top: 0;}
.fa-star {color: #EFD182; font-size: 1rem;}

.owl-carousel .owl-item img {width: auto;}
.owl-carousel .owl-item video {width: 100%;}

.owl-carousel.h-100 .owl-stage-outer {height: 100%;}
.owl-carousel.h-100 .owl-stage-outer .owl-stage{height: 100%;}

.scroll {/*height: 400px; overflow-y: scroll;*/ padding-right: 30px;}
.scroll-0 {margin-left: 0;}
/*.scroll:after {content: ''; position: absolute; left:0; right: 30px; bottom: 0; height: 60px; background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1))}*/
.scroll::-webkit-scrollbar { width: 9px; }
.scroll::-webkit-scrollbar-track { background: url(../images/bg/bg-scroll.png) center repeat-y; }
.scroll::-webkit-scrollbar-thumb { width: 9px; border-radius: 10px;background: #D02E2F;}
.block-where .mt-sm-0 ul {padding:0; list-style: none;}
.block-where .mt-sm-0 ul li {margin: 0 0 30px;}
.block-where .mt-sm-0 ul a {color: #758A96; text-decoration: underline;}


.scrolly {width: 100%; overflow-x: scroll; margin-top: 45px; margin-bottom: 25px; white-space: nowrap; padding-bottom: 15px;}
.scrolly .btn {height: auto; font-size: 18px; color: #000; margin: 0 5px; transition: all 0.3s; padding: 5px 20px; border-color: #7A858C; width: auto; display: inline-block;}
.scrolly .btn:hover {color: var(--link-hover); background: #f9f9f9; border-color: var(--link-hover);}
.scrolly::-webkit-scrollbar { height: 9px; }
.scrolly::-webkit-scrollbar-track { background: url(../images/bg/bg-scrolly.png) center repeat-x; }
.scrolly::-webkit-scrollbar-thumb { height: 9px; border-radius: 10px;background: #D02E2F;}

.footer-menu {margin-top: 90px; padding-left: 60px; font-size: 16px;}
.footer-menu .align-self-end {padding-bottom: 12px; }
.footer-menu ul {padding: 0; list-style: none;}
.footer-menu ul li:not(:last-child) {margin: 0 0 40px;}
.footer-menu ul li a img {width: 50px;}
.footer-menu p{margin: 0 0 26px; line-height: 24px;}
.footer-menu p.gray {color: #262C30; margin: 0 0 20px; opacity: 0.6;}

.faq {position: relative;}
.faq h6 {cursor: pointer; border-top: solid 1px #EFF2F4; margin-bottom: 30px; padding-top: 30px; padding-right: 45px; position: relative;}
.faq h6:last-child {border-bottom: solid 1px #EFF2F4; }
.faq h6:after {content: '\f067'; position: absolute; font-family: 'Font Awesome 5 Pro'; font-weight: 300; color: #262C30; right: 15px; top: 30px;}
.faq h6.open:after {content: '\f068'; position: absolute; font-family: 'Font Awesome 5 Pro'; font-weight: 300; color: #D02E2F; right: 15px; }

form, form .btn {font-size: 18px;}
.form-control {background: #fff; font-weight: normal; font-size: 16px; color: #363636; border: solid 1px #DFE3E5; height: 65px; border-radius: 8px;}
.form-group { position: relative; margin-bottom: 3rem;}
.form-group label { color: #CACACA; font-size: 16px; position: absolute; top: 0.5rem; transition: all 0.2s;}
label.control-label-textarea { color: #CACACA; font-size: 16px; position: absolute; top: 35%; transition: all 0.2s;}
.form-group.filled input:focus + .control-label, .form-group.filled .control-label {font-size: 12px; top: -0.75rem; }
.form-group.filled input:focus + .control-label-textarea, .form-group.filled .control-label-textarea {font-size: 12px; top: -1.2rem; }
.form-group.filled .form-control {border-bottom: solid 1px #4898D3; }

.text img.img-fluid {margin-bottom: 30px;}
.text ul {padding-left: 20px;}
.text ul li { list-style-type: none; }
.text ul:not(.nav-pills) li:before {
    color: #4898D3; /* Цвет маркера */
    content: "• "; /* Сам маркер */
    padding-right: 10px; /* Расстояние от маркера до текста */
	margin-left: -20px;
}

.mobile-header {display: none;}

.hint {position: absolute; background: #D02E2F; color: #fff; font-size:13px; padding: 2px 4px; border-radius: 4px; top: 14px; left: 40%;}
.hintsm {position: absolute; background: #D02E2F; color: #fff; font-size:40%; padding: 2px 4px; border-radius: 4px; top: 16%; left: 40%;}
.hint2 {position: absolute; background: #D02E2F; color: #fff; font-size:10px; padding: 2px 4px; border-radius: 4px; top: 75px; left: 18px;}

.w {position:relative; margin-bottom: 30px;}
.w + p .btn {height: 38px; margin-top: 10px;}
.w::after { display: block; position: absolute; content: ""; background-repeat: no-repeat; background-size: contain; transition: all .5s; }
.w img {margin-bottom:0!important;}
.w1::after { background-image: url(../images/window/s.png); left: 32.5%; top: 6%; width: 25%; height: 85%; transform: perspective(800px) rotateY(0deg); transform-origin: right; }
.w1:hover::after {transform: perspective(800px) rotateY(50deg);}
.w2::after { background-image: url(../images/window/s.png); left: 32.5%; top: 6%; width: 25%; height: 85%; transform: perspective(800px) rotateY(0deg); transform-origin: right; }
.w2:hover::after {transform: perspective(800px) rotateY(50deg);}
.w3::after { background-image: url(../images/window/s2.png); left: 8%; top: 3%; width: 27%; height: 62%; transform: perspective(800px) rotateY(0deg); transform-origin: left; }
.w3:hover::after {transform: perspective(800px) rotateY(-50deg);}
.w4::after { background-image: url(../images/window/s.png); left: 57%; top: 4%; width: 27%; height: 61%; transform: perspective(800px) rotateY(0deg); transform-origin: right; }
.w4:hover::after {transform: perspective(800px) rotateY(50deg);}
.w5::after { background-image: url(../images/window/ss.png); left: 49.5%; top: 9%; width: 21%; height: 91%; transform: perspective(800px) rotateY(0deg); transform-origin: right; }
.w5::before { display: block; position: absolute; content: ""; background-repeat: no-repeat; background-size: contain; transition: all .5s;
	background-image: url(../images/window/ss2.png); left: 28%; top: 9%; width: 21%; height: 91%; transform: perspective(800px) rotateY(0deg); transform-origin: left; }
.w5:hover::after {transform: perspective(800px) rotateY(50deg);}
.w5:hover::before {transform: perspective(800px) rotateY(-50deg);}
.w6::after { background-image: url(../images/window/s.png); left: 48.5%; top: 2%; width: 20.5%; height: 88%; transform: perspective(800px) rotateY(0deg); transform-origin: right; }
.w6::before { display: block; position: absolute; content: ""; background-repeat: no-repeat; background-size: contain; transition: all .5s;
	background-image: url(../images/window/s2.png); left: 28%; top: 2%; width: 20.5%; height: 88%; transform: perspective(800px) rotateY(0deg); transform-origin: left; }
.w6:hover::after {transform: perspective(800px) rotateY(50deg);}
.w6:hover::before {transform: perspective(800px) rotateY(-50deg);}

#subscribe-ok {display: none; color: green; font-weight: bold;}

a.btn {align-items: center; display: inline-flex; justify-content: center;}

.table th {position: sticky; left:0; background: #fff; font-weight: normal;}
.table td {background: rgba(239,242,246,0.3); border-left: solid 5px #fff; border-right: solid 5px #fff;}
.table td.cost {color: #7A858C; font-size: 105%; font-weight: 600;}
.table td h6 {margin:0;}
.table td small {color: #7A858C; font-size: 80%; display: block;}
.table td img {max-width: 380px; width: 100%;}
.table td .btn {height: 50px;}

.owl-carousel .fa-times {color: #D02E2F; width: 13px; font-size: 95%;}
.owl-carousel .fa-check {color: #6FCF97; width: 13px; font-size: 95%;}

.watermark {position: relative;}
.watermark:after {display: block; content: ''; background: url(../images/logo-watermark.png) center no-repeat; 
	background-size: 30%; position: absolute; top:0; bottom:0; left:0; right:0; pointer-events: none;}

.faq-header {background: #F4F7F9; padding: 15px 25px; font-size: 32px; font-weight: 600;}

.map { width: 100%; height: 500px;}

.otkos-selector img {cursor: pointer;}
.otkos-selector img.active {border: solid 2px #D02E2F; border-radius: 8px; }

.form-sent {color: #D02E2F;}

.sticky-whatsapp {
	background:#38A33D; color: #fff; font-size: 24px; position: fixed; bottom: 45px; right: 5px; width: 45px; height: 45px; line-height: 45px; 
	text-align: center; transition: all 0.5s; border-radius: 50%; border: solid 1px #fff; cursor: pointer; z-index: 1059; 
	animation: 3s linear 1s infinite sticky-whatsapp-a ;
}
.sticky-whatsapp:hover {background: #fff; color: #38A33D; border: solid 1px #38A33D;}
@keyframes sticky-whatsapp-a {
	0% {transform: scale(1); color: #fff;}
	45% {transform: scale(0.9); color: #38A33D; }
	50% {opacity:1; transform: scale(1); color: #fff;}
	95% {transform: scale(0.9); color: #38A33D;}
	100% {opacity:1; transform: scale(1)); color: #fff;}
}


/* flying menu */
.menu-sticky { position: fixed; z-index: 101;}
.menu-stop { position: relative; z-index: 101; }

.review-links {position: relative; white-space: nowrap; float: right; margin-top:-70px; z-index: 20;}

.owl-theme .owl-nav [class*='owl-'] {padding: 0;}


@media screen and (min-width: 1800px) {
	.owl-index-2 .owl-nav, .owl-index-3 .owl-nav {left: calc(-49% + -1vw);}
}
@media (min-width: 1400px) {
	.page-loft img {aspect-ratio:1.4/1; object-fit: cover;}
}
@media (min-width: 768px) {
  .h-md-100 {height: 100% !important;}
}
@media screen and (max-width: 1700px) {
	div.gray-smart {background-position: 600px 0;}
}
@media screen and (max-width: 1600px) {
	.block-where .mt-sm-0 ul {font-size: 16px;}
/*	div.gray-index {background-position: 27vw top;} */
	.corner-selector .btn-info, .corner-selector .btn-info:active {font-size: 16px; height: 50px; width: 100px;}
}

@media screen and (max-width: 1400px) {
	body {font-size: 16px;}
	h1, .h1 {font-size: 41px;}
	h6 {font-size: 20px;}
	.fs24 {font-size: 18px;}
	.header-text button, form .btn, div.gray-index .btn {font-size: 16px;}
	.btn, .form-control {height: 55px;}
	.fs16 {font-size: 14px;}
	div.block-gray {padding: 50px 30px 50px; margin-bottom: 50px;}
	div.block-white {padding: 0 30px 0; margin-bottom: 50px;}
	.scroll {margin-left: 0;}
	
	.faq-header {font-size: 24px;}
	.faq h6 {margin-bottom: 15px; padding-top: 15px;}
	.faq h6:after {top: 15px;}
	
	.owl-index-2 .owl-stage .owl-item {font-size: 14px;}
	.owl-spec .owl-stage .owl-item {font-size: 14px;}
	.owl-spec .owl-nav {position: absolute; bottom: -15px; left: calc(-37vw + 170px);}
	.owl-spec .owl-dots {position: absolute; bottom: 6px; top: auto; left: calc(-37vw + 300px);}
	
	.header-text {padding-bottom: 30px; padding-left: 30px;}

	form, .btn-14 {font-size: 14px;}
	
	.article-themes {margin-right: -30px;}
	
	footer aside {display: none;}
	footer section {width: 100% !important;}
/*	div.gray-index {background-position: 25vw top; background-size: cover;}*/
	div.gray-smart {background-position: calc(50vw - 40%) 0;}
	
	.owl-index-review .owl-item p {font-size: 16px; padding: 0 15px 0 0;}
	
	.owl-index-2 .owl-stage .owl-item {padding: 30px;}
	.owl-index-2 .owl-stage .owl-item strong {font-size: 20px;}
	.owl-index-2 .owl-nav, .owl-index-3 .owl-nav {left: calc(-32vw + 123px);}
	.owl-index-2 .owl-dots, .owl-index-3 .owl-dots {left: calc(-33vw + 250px);}

	.block-text-24 p {font-size:21px;}

}
	
@media screen and (max-width: 1366px) {
	div.gray-smart {background-position: 530px 0;}
	.spanred * {color: #D02E2F; font-size: 16px; margin-bottom:1rem;}
	div.dig{aspect-ratio: 1; width: 28px; font-size: 16px; }
}
@media screen and (max-width: 1200px) {
	h6, span.h6 {font-size: 20px;}
	nav {margin-left: 0;}
	.logo {margin-left: 20px;}
	main aside {width: 300px; flex-basis: 300px; max-width: 300px;}
	main section {width: calc(100% - 300px)!important}
	aside div.tel {padding-left: 20px;padding-right: 20px;}

	main.main aside {display: none;}
	main.main section {width: 100%!important}
	
	.header-text {padding-left: 30px;}
	
	.digits span {font-size: 34px;}
	.owl-spec .owl-nav {left: calc(-50vw + 170px)}
	.owl-index-2 .owl-nav, .owl-index-3 .owl-nav {left: calc(-50vw + 12px)}
	.owl-index-2 .owl-dots, .owl-index-3 .owl-dots {left: calc(-33vw + 12px)}
	.thnkx {font-size: 34px;}
	
	
}
@media screen and (max-width: 992px) {
	.thnks {font-size: 36px;}
	.logo-footer {width: 100%;}
	div.gray {padding-left: 20px; padding-right: 20px;}
	.columns-lg-3 {columns:1;}
	.column-break {break-after:unset;}
	.footer-menu {padding-left: 20px; font-size: 14px;}
	.block-where {padding-top: 0!important; padding-bottom: 0!important;}
	.video video {width: auto; height: 100%;}
	.projects-menu {width: 100%; overflow-x: scroll; margin-top: 30px; margin-bottom: 0; white-space: nowrap; padding-bottom: 0;}
	.projects-menu .btn {width: auto;}
	.projects-menu::-webkit-scrollbar { height: 9px; }
	.projects-menu::-webkit-scrollbar-track { background: url(../images/bg/bg-scrolly.png) center repeat-x; }
	.projects-menu::-webkit-scrollbar-thumb { height: 9px; border-radius: 10px;background: #D02E2F;}
}
@media screen and (max-width: 768px) {
	
	h6, span.h6 {font-size: 14px;}

	div.block-white, div.block-gray {padding-left: 15px; padding-right: 15px;}
	
	.owl-carousel .owl-nav button.owl-next {position: absolute; right:0; margin-right: 0!important;}
	.owl-carousel .owl-dots {left:50%; transform:translateX(-50%); z-index:-1; bottom:15px;}
	
	.owl-dots {margin-left:0;}
	
	.owl-index-2 .owl-dots, .owl-index-3 .owl-dots {bottom: 0!important;}
	.owl-index-2 .owl-nav, .owl-index-3 .owl-nav {position: relative; left: 0;}
	.owl-spec .owl-nav {position: relative; left: 0;}
	
	footer img.logo-footer {max-width: 223px;}
	
	.block-text-24 p {font-size:16px;}

	.article-themes {margin-right: 0;}
		
	main aside {display: none;}
	main section {width: 100%!important; margin-top: 75px;}
	main.main section {margin-top: 0;}
	
	
	.footer-menu ul li:not(:last-child) {margin-bottom: 10px;}
	
	.mobile-header {display: block; position: fixed; z-index: 10000; background: #fff; width: 100%; height: 75px; border-bottom: solid 1px #e8e8e8;}
	
	.review-links {position: relative; white-space: nowrap; float: none; margin-top:0;}

}
@media screen and (max-width: 576px) {
	body, .small {font-size: 14px;}
	h1, .h1 {font-size:25px; margin-top: 0;}
	h2, .h2 {font-size:20px; margin-top: 0; margin-bottom: 1rem;}
	.spanred * {color: #D02E2F; font-size: 15px;}
	div.dig{aspect-ratio: 1; width: 24px; font-size: 14px; }
	h6 {font-size: 16px;}
	.fs24 {font-size: 4.2vw;}
	.btn, .form-control {height: 53px; width: 100%; font-size: 14px; /*max-width: 280px;*/ margin-bottom: 10px;}
	.owl-carousel .btn {height: 43px; width: auto; font-size: 14px; padding-left: 15px; padding-right:15px; margin-bottom: 10px;}
	.btn-mobile {height: 40px; width: 40px; margin-bottom: 0; border: solid 1px #7E8184;}
	form, form .btn {font-size: 14px;}
 	header {position: fixed; top: 0; width: 100%; z-index: 1000; background: #fff;}
	.header-text p {max-width: 100%;}
	.header-text button {margin-bottom:0;}
	.padtop {padding-top: 74px !important;}
	.owl-theme .owl-dots .owl-dot {padding: 0 1px;}
	
	.d-block.top-bg { position: relative; overflow: hidden; }
	.d-block.top-bg img { width: 200%; max-width: 200%; margin-left: -100% }
	.d-block.top-bg:after {
		position: absolute; top:0; left:0; bottom: 0; right:0; content: ''; display: block;
		background: linear-gradient(to top, rgba(255,255,255,1) 1%, rgba(255,255,255,0) 25%);
	}
	
	.pb-15 {padding-top: 30px!important; }
	.pt-10 {padding-bottom: 90px!important;}
	
	.ratio {margin-top: 1rem;}
	
	.corner-selector .btn-info, .corner-selector .btn-info:active {font-size: 14px; height: 30px; width: 100px;}
		
	.col .header { margin-top:-30vw!important;}
	.col .header-index { margin-top:-50vw!important;}
	section .header .col-auto, .col .header {background: none; border: none;}
	section .header .col-auto, .col .header.header-xs {height: 20px;}
	.pagepic {position: relative; background-position: center bottom!important; background-size: 100%!important;}
	.pagepic * {position: relative;}
	.header-text {padding-left: 15px; padding-right: 15px; padding-bottom: 0;}
	.header-text button {font-size: 14px; padding-left: 15px; padding-right: 15px;}
	
	.scrolly {margin-top: 15px;}
	.scrolly .btn {font-size: 12px; margin: 0 3px; padding: 6px 10px;}
	.block-projects {background: #F4F7F9; padding-top: 45px!important; padding-bottom: 45px!important;}
	
	.digits {font-size: 14px;}
	.digits span {font-size: 24px;}0
	
	.owl-100 {height: auto!important; }
	.owl-100 .owl-stage, .owl-100 .owl-stage-outer {height:auto; }
	.owl-100 .owl-item {height: auto!important; }

	.owl-index-2 {height: auto;}
	.owl-spec {height: auto;}
	.owl-top .owl-item strong {font-size: 16px;}
	.owl-top .owl-item {font-size: 14px;}
	.owl-carousel .owl-dots button span {width: 4px!important; height: 4px!important;}
	.owl-carousel .owl-dots button.active span {width: 10px!important; }
	
	.faq h6 {font-size: 16px; padding-top: 20px; margin-bottom: 20px;}
	.faq h6:after {top: 16px; font-size: 24px;}
	
	.thnks {font-size: 24px;}
	
	.block-where .mt-sm-0 ul {font-size: 13px;}
	
	div.gray-index-zamer {background: url(../images/bg/mobile/zamer.webp) bottom no-repeat #fff; background-size: contain; padding-bottom: 38vw;}
	div.gray-index-zamer.noindex {background: url(../images/bg/mobile/zamer2.webp?2) bottom no-repeat #F4F7F9; background-size: contain; padding-bottom: 38vw;}
	div.gray-index-zamer p, div.gray-zamer-quest p, .gray-2-hours p {width: 70%;}
	div.gray-zamer-quest {background: url(../images/bg/mobile/vyzov-zamer.webp) bottom no-repeat #F4F7F9; background-size: contain; padding-bottom: 38vw;}
	div.gray-2-hours {background: url(../images/bg/mobile/2-hours.webp) bottom no-repeat #F4F7F9; background-size: contain; padding-bottom: 38vw;}
	div.gray-index-warranty {background: url(../images/bg/mobile/warranty.webp) bottom no-repeat #F4F7F9; background-size: contain; padding-bottom: 56vw;}
	div.vybor-plastikovye-okna {background: url(../images/bg/mobile/uznat-stoimost.webp) right bottom no-repeat #F4F7F9; background-size: contain; padding-bottom: 60vw; padding-top:30px;}
	div.vybor-plastikovye-okna2 {background: url(../images/bg/mobile/vybor.webp) right bottom no-repeat #F4F7F9; background-size: contain; padding-bottom: 60vw;}
	div.polnaya-konsultaciya {background: url(../images/bg/mobile/polnaya-konsultaciya.webp) right bottom no-repeat #F4F7F9; background-size: contain; padding-bottom: 60vw;}
	div.vybor-sotrudnichestvo {background: url(../images/bg/mobile/vybor-sotrudnichestvo.webp) right bottom no-repeat #F4F7F9; background-size: contain; padding-bottom: 60vw;}
		
	div.gray-index {background: url(../images/index/mobile/bg.webp) bottom no-repeat #fff; padding-bottom: 38vw; background-size: contain; padding-left: 5px; padding-right: 5px; padding-top: 0;}
	div.gray-index .btn {font-size: 14px;}

	div.gray-smart {background-size: contain!important;
		padding-top: 83vw;
		background-position: top!important;
		padding-bottom: 30px!important;
	}
	
	.modal {margin-top: 80px; height: calc(100% - 80px);}

	div[class*=-zamer] {background-size: contain!important; padding-top: 70vw; background-position: top!important; padding-bottom: 30px!important;}

	.corner-selector .btn-info, .corner-selector .btn-info:active {margin: 0 2px; width: auto;}
	
	.owl-top .owl-stage, .owl-index-2 .owl-stage, .owl-index-review .owl-stage, .owl-dekor .owl-stage {margin-left: -10vw;}
	.owl-spec .owl-stage {margin-left: -10vw;}
	
	.owl-top .owl-item img {margin-bottom: 20px;}
	.owl-carousel .owl-nav button {font-size: 30px!important;}
/*	.owl-carousel .owl-dots {margin-top: 12px; bottom: 0;}*/
	
	.owl-index-2 .owl-stage .owl-item {padding: 20px; font-size: 14px; color: rgba(38,44,48,0.8);}
	.owl-index-2 .owl-stage .owl-item img {margin-bottom: 30px;}
	.owl-index-2 .owl-stage .owl-item strong {font-size: 16px; color: #262C30;}
	.owl-spec .owl-stage .owl-item {padding: 20px; font-size: 14px; color: rgba(38,44,48,0.8);}
	.owl-spec .owl-stage .owl-item img {margin-bottom: 30px;}
	.owl-spec .owl-stage .owl-item strong {font-size: 16px; color: #262C30;}
	.owl-index-review .owl-item {background: none;}
	.owl-index-review .owl-item img {margin-bottom: 20px;}
	.owl-index-review .owl-item p {font-size: 14px;}
	.owl-index-review .owl-item p span{display: block; margin-top: 10px;}
	.owl-index-review .owl-item p span.a{display: inline; margin-top: 0; text-decoration: underline;}
	.owl-index-2.owl-plastikovye-okna .owl-nav {bottom: 10px;}
	
	div.calc-plastikovye-okna {background-image: none;}
	
	.block-where .mt-sm-0 {background: #F4F7F9;}
	
	footer {}
	footer .gray-phones {padding: 0; background: #fff;}
	footer .gray-buttons {background: #F4F7F9; padding-top: 35px; padding-bottom: 25px; margin-top: 15px;}
	footer .gray-buttons .btn { border-width: 1px; height: 105px; font-size: 14px;}
	footer .gray-buttons .btn img {display: block; text-align: center; align-self: center; margin: 0 auto 15px;}
	footer .btn-menu {border: 1px solid #faa; color: #D02E2F; height: 40px; margin-bottom: 0;}
	footer .btn-menu img {margin-right: 5px;}
	.footer-menu {margin-top: 0;}
	
	.underfooter {background: #F4F7F9; margin-top: 15px; padding: 20px; font-size: 12px;}
	footer img[src*=goodviz] {max-width: 80px;}
	
	.checkbox label {padding-top: 5px; font-size: 14px; color: #758A96;}
	.checkbox label::before {margin-top: -5px;}
	
	.soc {display: flex; justify-content: space-between;}
	.soc img {margin:0!important;}
}



/* CFG STYLES */

.canvas {max-width: 1600px; width: 100%; height: 500px; overflow: hidden; position:relative; background-image: url(/templates/release2/cfg/images/flat/bg.jpg); background-size: cover; background-position: 50% 50%; }
.canvas-cottage {background-image: url(/templates/release2/cfg/images/cottage/bg.jpg);}
.cfg .scrolly {overflow-x: auto; margin-top: 25px; margin-bottom: 5px;}
.cfg .scrolly .btn {min-width: 150px; }
.cfg .scrolly .btn:first-child {margin-left: 0; }
.cfg .scrolly .btn:last-child {margin-right: 0; }
.cfg .scrolly .btn:active {background-color:transparent!important; }
.cfg .scrolly .btn:focus {box-shadow:none!important;background-color:transparent!important;  }
.btn.btn-active {color: #D02E2F; border-color: #D02E2F; }
.cfg .selector-items {display: flex;}
.cfg .selector-items .selector-item {float: left; cursor: pointer; text-align: center; margin-right: 30px; font-size: 14px; width: 80px; display: inline-block;}
.cfg .selector-item {box-sizing: content-box;}
.cfg .selector-item.active {font-weight: 600; color: #D02E2F;}
.cfg .selector-item.active img {border: solid 2px #D02E2F; border-radius: 12px; border-collapse: separate; margin-bottom: 12px;}
.cfg .selector-item svg {margin-bottom: 10px;}
.cfg .selector-item.active svg {margin-bottom: 12px;}
.cfg .selector-item.active svg * {stroke: #D02E2F;}
.cfg .selector-item img {border: solid 2px #fff; margin-bottom: 10px; border-collapse: separate;}
.canvas > div {background-position: 50% bottom; position: absolute; top:0; bottom: 0; right: 0; left: 0; background-size: cover;}
.divan {z-index: 10; background-image: url(/templates/release2/cfg/images/flat/divan/white.webp);}
.layout {z-index: 1; }
.window {z-index: 3; background-image: url(/templates/release2/cfg/images/flat/window/white.webp);}
.windowsill {z-index: 4; background-image: url(/templates/release2/cfg/images/flat/windowsill/white.webp);}
.slopes {z-index: 5; background-image: url(/templates/release2/cfg/images/flat/slopes/white.webp);}
.handles {z-index: 4; background-image: url(/templates/release2/cfg/images/flat/handles/white.webp);}
.wall {z-index: 2; background-image: url(/templates/release2/cfg/images/flat/wall/white.webp);}
.floor {z-index: 3; background-image: url(/templates/release2/cfg/images/flat/floor/wood-light.webp);}
.shtory {z-index: 3; background-image: url(/templates/release2/cfg/images/flat/shtory/1.webp);}
.preloader {z-index: 100; background: #e0e0e0; display: flex; align-items: center; justify-content: center;}

.canvas-cottage .wall {z-index: 2; background-image: url(/templates/release2/cfg/images/cottage/wall/shtukaturka.webp);}
.canvas-cottage .roof {z-index: 3; background-image: url(/templates/release2/cfg/images/cottage/roof/sery.webp);}
.canvas-cottage .windows {z-index: 4; background-image: url(/templates/release2/cfg/images/cottage/windows/bely.webp);}
.canvas-cottage .form {z-index: 4; background-image: url(/templates/release2/cfg/images/cottage/windows/kvadrat-bely.webp);}

.switcher {overflow: hidden; position: absolute; font-weight: 600; top: 35px!important; right: 20px!important; bottom: auto!important; left: auto!important; background: #fff; border-radius: 8px; z-index:200000;}
.switcher-cottage, .switcher-flat {padding: 10px 10px 8px; display: inline-block;}
.switcher .active {color: #D02E2F; background: #F4F7F9;}
.switcher span:not([class*=active]) {cursor: pointer;}

.lds-dual-ring {
  display: inline-block;
  width: 80px;
  height: 80px;
}
.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.seo__text h1, .seo__text h2, .seo__text h3, .seo__text h4, .seo__text h5, .seo__text h6 {
	font-size: 18px;
	margin-bottom: 10px;
}

.seo-footer {
	border-top: solid 1px #f0f0f0; padding-top: 3rem; margin-top: 3rem; font-size: 14px; columns:3; gap:var(--bs-gutter-x);
}

.seo-footer li {
	margin: 0 0 10px !important;
}

@media screen and (min-width: 1701px) {
	.canvas {height: 700px;}
}
@media screen and (max-width: 1700px) {
	.canvas {height: 600px;}
}

@media screen and (max-width: 1500px) {
	.cfg .selector-items .selector-item {font-size: 11px; width: 60px; display: inline-block;}
	.cfg .selector-item img {width:100%;}
	.cfg .scrolly .btn {font-size: 12px; min-width: 115px; margin: 0 5px;}
	.canvas {height: 500px;}	
}

@media screen and (max-width: 1400px) {
    .seo-h1 {
        font-size: 20px;
    }
}

@media screen and (max-width: 576px) {
    .seo-h1 {
        font-size: 16px;
    }
	.seo-footer {
		columns:1;
	}
}

@media screen and (max-width: 1400px) {
    body > main > section > div.container-fluid.mb-5 > div > div.col-lg-7.col-xl-6.col-12.nopadding.d-flex.flex-column.position-relative > div.d-flex.flex-grow-1.flex-column.header-text.pe-3.justify-content-between > div:nth-child(2) > div > h1, body > main:nth-child(5) > section > div > div > div.col.nopadding.d-flex.flex-column.position-relative > div.d-flex.flex-grow-1.flex-column.header-text.justify-content-between > div:nth-child(2) > div > h1 {
        font-size: 28px;
    }
}

@media screen and (max-width: 576px) {
    body > main > section > div.container-fluid.mb-5 > div > div.col-lg-7.col-xl-6.col-12.nopadding.d-flex.flex-column.position-relative > div.d-flex.flex-grow-1.flex-column.header-text.pe-3.justify-content-between > div:nth-child(2) > div > h1, body > main:nth-child(5) > section > div > div > div.col.nopadding.d-flex.flex-column.position-relative > div.d-flex.flex-grow-1.flex-column.header-text.justify-content-between > div:nth-child(2) > div > h1 {
        font-size: 20px;
    }
}

.seo__text tr, .seo__text td {
    border: 1px solid #000000;
}

.seo-footer p {
    margin: 0 0 20px;
    line-height: 10px;
}

.seo-footer ul {
	list-style: disc;
    padding-left: 20px;
}