/* основное */
:root {
    --main: #111;
    --accent: #26AC0D;
    --links: #26AC0D;
    --links-semi:  #55B443;
    --main-font: Gilroy;
    --bg-color: #fff;
    --btn-bg: #26AC0D;
    --btb-bg-hover:#1e9b08;
    --btn-fontcolor:#fff;
    --semi-blocks-bg: #f0f0f0 ;
    --blocks-bg: #fff;
    --menu-bg: #FF4D00;
    --menu-bg-hover:#FF7700;
    --shadow:0 0 3rem rgba(0, 0, 0, 0.15);
    --logo-w:120px;
    --logo-h:50px;
    --bg:url('/img/bg.jpg');
    --max-width:72%;
    --fz-1:0.88vw;
    --fz-2:1.25vw;
    --fz-3:1.6vw;
    --fz-4:4.0vw;
    --semibold:500;
    --bold:600;
    --extrabold:700;
}


* {box-sizing: border-box;}
html{font-size: var(--fz-1);}

body{-webkit-text-size-adjust:100%;font-family: var(--mf);}
body, div, table, tr, td, li, ul, p{margin:0;padding:0;border:0;font:inherit;color:var(--main);font-weight:400;font-family: var(--main-font);vertical-align:top;}
div, td, li, p, span {line-height:130%;font-size: 1rem;}
img{border:0;max-width:100%;height:auto;}
h1, h2, h3, h4, h5, h6{margin:0; padding:0;font-weight:bold;text-align:left;display:block;font-weight:600;color:#000;}

.wrap{width: 100%;height:auto;}
.wr{margin:auto;position: relative;width:100%; max-width: var(--max-width);padding-left:2rem;padding-right:2rem;padding-top:2rem;padding-bottom:2rem;}
a, a:visited{text-decoration:none;color:var(--links);transition: .5s; border:0;}
a:hover, a:visited:hover, a:focus{text-decoration:none;color:var(--links-semi); }
p {margin:0;line-height:130%;}
span {line-height:130%;}
input{font-family: inherit;border-radius:4.3rem;}
button {outline: 0; border: 0; font-family: var(--main-font);}
.btn {background:var(--btn-bg); padding:1.25rem 2.0rem 1.15rem 2.0rem;color:var(--btn-fontcolor);transition: all 1s; cursor:pointer; border-radius:4.3rem;font-size: 0.9rem;font-weight: var(--semibold);}
.btn:hover {background:var(--btb-bg-hover); color:#fff !important}
.btn:focus, .btn:active, .btn:visited {color:#fff !important}
.fw {display: flex; padding-top:3rem; flex-wrap:wrap;}
.mobmenuwrap {display: none;}
.topmenuwrap {width:100%; position: fixed;width:100%;z-index:10;top:0;left:0;right:0;top:-5rem;transition: 1s;}
.topmenuwrap .wr {padding-top:1rem;padding-bottom:0;}
.topmenubg {background:#fff;box-shadow: 0 0 3rem rgba(0, 0, 0, 0.15);width:100%;border-radius:2rem;display: flex;padding-top:0.6rem;padding-bottom:0.6rem; justify-content: space-between;padding-left:1.5rem;padding-right:1.5rem; align-items: center}
.mobmenubtn {display: none;}
.fixed-phone {font-weight: var(--extrabold);font-size: 1.4rem;}
.messenger-fixed {display: flex;gap:0.6rem;}
.messenger-fixed .ic {width:2rem;height:2rem;}
.fixed-menu {display: flex; list-style-type: none; align-items: center;gap:2rem}
.fixed-menu li {font-size: 0.9rem;line-height: 0.9rem;}
.fixed-menu a {border-bottom:1px solid;font-size: 0.9rem;margin-bottom:0rem;display: block;line-height: 0.9rem;font-weight: var(--semibold);}
.port-hide {display: none;}
.port-hide .fw {margin-top:0 !important; padding-top:0 !important;}
.menu-active {top:0}
/* ------------------------------------------------------------------ */


/* Иконки */
.ic {display: flex;align-items: center;justify-content: center;border-radius: 50%;width:2.6rem;height:2.6rem;}
.ic img {width:1.3rem;height:1.3rem;}
.tg img {width:1.1rem;height:1.1rem;}
.tg {background:#0b9dff}
.tg:hover {background:#0089e4}
.tg img {margin-left:-0.2rem}

.wa {background: #46cc4f;}
.wa:hover {background:#33b83c}
.wa img {margin-bottom:-0.2rem}

.max {background: #5c46f1;}
.max:hover {background:#8d40e6;}
/* ------------------------------------------------------------------ */
/* Шапка */
.top-header {display: flex; align-items: center;justify-content: space-between;padding-top:1.0rem;padding-bottom:0.5rem;}
.logo {display: flex;align-items: center;}
.logo img {max-width:var(--logo-w);max-height:var(--logo-h); width:12rem;height:auto;}
.logo p {font-size: 0.84rem;color:var(--main);margin-left:1rem;max-width:10.8rem;opacity: 0.8;}
.top-phone p{font-size:0.84rem;margin-top:0.2rem;}
.yandex img {display: block;}
.top-phone a:first-child {display: inline-block;font-weight: var(--extrabold);font-size: 1.4rem;margin-top:0.2rem}
.top-phone a:last-child {display: inline-block;font-weight: var(--bold);font-size: 0.9rem;margin-top:0rem; border-bottom:1px solid; line-height: 1rem;}
.top-header .btn {font-size: 0.82rem;padding:1.0rem 1.4rem 0.95rem 1.4rem}

.top-menu ul {display: inline-flex;border-radius:2rem;}
.top-menu li {list-style-type: none;transition: all 0.5s; cursor:pointer;font-weight: var(--semibold);background:#666666;}
.top-menu li a {padding:1.2rem 1.5rem 1.10rem 1.5rem;font-size:0.91rem;transition: all 0.5s; font-weight: var(--semibold); color:#fff;}
.top-menu li:hover{background: #444444;}
.top-menu li:first-child {border-radius:2rem 0 0 2rem}
.top-menu li:last-child {border-radius: 0 2rem 2rem 0}
.top-menu li:first-child a {padding-left:2.1rem;border-radius:2rem 0 0 2rem}
.top-menu li:last-child a {padding-right:2.1rem;border-radius: 0 2rem 2rem 0}
.top-menu li a {display: flex;justify-content: center;align-items: center;}
.top-adress {display: flex; align-items: center; justify-content: space-between;}
.top-adress p {font-size: 0.80rem;max-width:12.4rem;margin-left:0.8rem;line-height: 1rem;}
.top-messengers {max-width:13rem;display: flex;align-items: center;}
.top-messengers p:first-child {font-weight: var(--bold);text-align: right;margin-right:1rem;font-size: 0.80rem; line-height: 1.0rem;}
.top-messengers div {display: flex;gap:0.3rem;}



/* ------------------------------------------------------------------ */
/* Главный экран общее*/
.main {padding-top:2rem;padding-bottom:1rem;display: flex;align-items: flex-start;flex-direction: column;}
h1{font-weight:var(--extrabold);color:var(--main);font-size:2.0rem;margin-bottom:1.2rem;line-height:2.5rem;}
h1 span {font-weight:var(--extrabold);color:var(--accent);font-size:inherit;line-height:2.5rem;}
.semi-zag {font-size: 1.6rem;line-height: 2.0rem;font-weight: var(--bold);margin-bottom:0.6rem;}
.semi-zag2 {font-size: 1.2rem;line-height: 1.5rem;font-weight: var(--semibold);max-width:32rem}
.main .btn {display: inline-flex;margin-top:3rem;}

.main-plusi {display: flex;justify-content: space-between;width:100%;}
.main-plusi div {display: flex;align-items: center;}
.main-plusi div p {margin-left:0.8rem;font-size: 0.86rem;max-width:10.8rem;font-weight: var(--bold);}
.main-plusi div img {display: block;width:5rem;height:5rem;max-width:60px; max-height:60px;}

/* Главный экран v1*/
.header-v1 .right-main img {width:22rem;max-width:396px;height:auto;display: block;border-radius:1rem;}
.main-v1 .main-plusi {margin-top:3rem;}
.left-main {background: var(--bg);border-radius:2rem; background-size: cover;width:100%;padding:3.5rem;min-height:33rem;position: relative;background-position:center}

.left-main-btn {display: flex;align-items: center;margin-top:3rem;gap:1rem;position: absolute;bottom:3.5rem;}
.left-main-btn p {font-weight: var(--bold);max-width:16rem;line-height: 1.2rem;margin-left:0.4rem;color:var(--main)}
.left-main-btn p span {color:var(--accent); font-weight: var(--extrabold);}
.left-main-btn .btn {margin-top:0;}

.right-main {width:30%;position: absolute;bottom:7.6rem;right:-0.5rem}
.right-main div {position: absolute;bottom:-3rem;right:0.5rem;width:20rem;padding:1rem 1.3rem; border-radius:0.6rem; background:#fff;}
.right-main p:nth-child(1) {font-weight: var(--extrabold);}
.right-main p:nth-child(2) {font-size: 0.9rem;}
.right-main p:nth-child(3) {font-size: 0.72rem; margin-top:0.4rem; opacity: 0.7;}

/* ------------------------------------------------------------------ */

/* Блоки второстепенные общее */
.semi-block {padding-top:2rem;padding-bottom:2rem;}
h2{color:var(--main);font-size: 2.0rem;line-height: 2.2rem;margin-bottom:0.4rem;font-weight: var(--extrabold);}
h2 span {color:var(--accent);font-size: 2.0rem;line-height: 2.2rem;font-weight: var(--extrabold);}
.opis-zag-1 {color:var(--main); font-size: 1.2rem;line-height: 1.4rem;font-weight: var(--semibold);margin-bottom:0.1rem;}
.opis-zag-1 span {color:var(--accent);font-size: 1.2rem;line-height: 1.4rem;font-weight: var(--bold);}
.opis-zag-2 {color:var(--main); font-size: 1.2rem;line-height: 1.5rem;font-weight: var(--semibold);margin-bottom:0.4rem;}
.opis-zag-2 span {color:var(--accent); font-size: 1.2rem;line-height: 1.5rem;font-weight: var(--semibold);}
.blocks-bg {background:var(--blocks-bg); box-shadow: var(--shadow); border-radius:1.2rem;}
.semi-blocks-bg {background:var(--semi-blocks-bg);box-shadow: var(--shadow); border-radius:1.2rem;}

.semi-block .fw-block img{width:100%;height:auto;display: block;}
.semi-btn-wrap {display: flex;align-items: center; justify-content: center;margin-top:3rem;}
.works .fw-block-text {padding:1.0rem 0 1.6rem 0;}
.works .fw-block-text .btn {padding-left:3rem; padding-right:3rem;}
.works .fw-block-zag {font-size: 1.1rem;line-height: 1.4rem;font-weight: var(--extrabold);}
.works .fw-block-opis {line-height: 1rem;font-weight: var(--extrabold);color:#26AC0D}
.works .fw-block-span {font-size: 0.9rem;line-height: 1.1rem;margin-top:1.1rem;display: block;font-weight: var(--extrabold);}

/* Работы */
.works {padding-bottom:0;}
.works .semi-block {padding-top:0;}
.works .fw {padding-top:1rem;}
.works-top {display: flex;justify-content: space-between;margin-bottom:1rem;align-items: center;}
.works-top-right {display: flex;justify-content: space-between; align-items: center; box-shadow: var(--shadow);position: relative;border-radius:1rem;}
.works-top-right div:nth-child(1) {background:#26AC0D; border-radius:50%;display: flex;align-items: center;justify-content: center;padding:0.8rem;position: absolute; left:-1rem;top:1.4rem;}
.works-top-right div img {width:0.8rem;height:0.8rem;position: relative;bottom:-0.1rem;}
.works-top-right div:nth-child(2) {padding:1.4rem 1.8rem 1.4rem 2.5rem;}
.works-top-right div:nth-child(2) p:nth-child(1) {font-weight: var(--bold);font-size: 1rem;}
.works-top-right div:nth-child(2) p:nth-child(2) {font-size:0.9rem;}
.works .fw-block {position: relative; padding-bottom:5rem;}
.works .fw-block-text {position: relative; display: flex; align-items: center; justify-content: space-between;}

.work-small-img {display: flex;align-items: flex-start;margin-top:1.1rem;justify-content: space-between;}
.work-small-img a {display: block;width:23%;}
.work-small-img img {border-radius:1rem;}


.work-img {border-radius:1.5rem;margin-bottom:2.0rem;}
.works-2 .wr {padding-top:0}
.works-2 img {border-radius:1rem;}

.more-works {display: flex;align-items: center;justify-content: center;}
/* Блок 3-3-2-1 */
.g-3321{gap:2%;}
.g-3321 .fw-block {width:32%;margin-bottom:3%;}
/* Блок 4-4-3-1 */
.g-4431{gap:2%;}
.g-4431 .fw-block {width:23.5%;margin-bottom:3%;}
/* Блок 5-4-3-1 */
.g-5431{gap:1%;}
.g-5431 .fw-block {width:19.0%;margin-bottom:3%;}
/* Блок 2-2-1-1 */
.g-2211{gap:6%}
.g-2211 .fw-block {width:46.8%;}

/* Блок 5-4-3-1 */
.g-6532{gap:1%;}
.g-6532 .fw-block {width:15.8%;margin-bottom:3%;}
/* ------------------------------------------------------------------ */

/* Блоки поинты общее */
.point-block {padding-top:0;padding-bottom:3rem;}
.point-block .fw {padding-top:2rem;}
.point-block .fw-block {display: flex;align-items: center;justify-content: space-between;}
.point-block .fw-block img{display: block;}
.point-block .fw-block a {display: block;}
.point-block .fw-block p {font-weight: var(--semibold);margin-left:1.2rem;}

/* ------------------------------------------------------------------ */

.owl-nav button {background:#FF6600 !important; display: block; width:3rem;height:3rem;display: flex !important;align-items: center;justify-content: center;transition: 0.5s;border-radius: 50% !important;}
.owl-stage {height:auto;}
.owl-stage-outer {height:auto;}
.owl-nav button:hover {background:#FF4400 !important}
.owl-nav img {width:1.4rem;height:1.4rem;display: block;}
.owl-carousel {height:auto;}
.comand .owl-prev {position: absolute;left:-4rem;top:14rem;display: block;}
.comand .owl-next {position: absolute;right:-4rem;top:14rem;display: block;}
/* ------------------------------------------------------------------ */
/* Отзывы */
.fancybox-button svg {color:#fff;}

/* Квиз */
.quiz h2 {text-align: center;}
.quiz .opis-zag-1 {text-align: center;}
.quiz-point {position: relative;padding-bottom:1.5rem;}
.quiz-wrap {padding:2rem;border-radius: 2rem;box-shadow: var(--shadow);margin-top:3rem;}
.quiz-wrap h3 {margin-top:2rem;margin-bottom:2rem;}
.pr-line {background: #ddd;border-radius:2rem;height:1.5rem; width:100%;}
.pr-line-1 div {background: #26AC0D;width:5%;height:100%;border-radius:2rem;}
.pr-line-2 div {background: #26AC0D;width:25%;height:100%;border-radius:2rem;}
.pr-line-3 div {background: #26AC0D;width:50%;height:100%;border-radius:2rem;}
.pr-line-4 div {background: #26AC0D;width:70%;height:100%;border-radius:2rem;}
.pr-line-5 div {background: #26AC0D;width:90%;height:100%;border-radius:2rem;}
.pr-line-6 div {background: #26AC0D;width:100%;height:100%;border-radius:2rem;}
.quiz-2, .quiz-3, .quiz-4, .quiz-5, .quiz-6 {display: none;}
.quiz-btn-wrap {display: flex;align-items: center;justify-content: center;position: absolute;bottom:-3.8rem;width:100%;gap:1rem}
.quiz-1-wrap {display: flex;align-items: center; justify-content: space-between;}
.quiz-1-wrap label {display: block;width:15%;cursor: pointer;text-align: center;}
.quiz-1-wrap img {display: block;width:100%;height:auto;border-radius:1rem;}
.quiz-1-wrap input {display: inline-block;margin-top:1rem;margin-left:-0.3rem;}
.quiz-1-wrap p {display: inline-block;margin-top:1rem;font-weight: var(--semibold);font-size: 0.9rem;}
.quiz-1 .btn {display: inline-flex;}

.quiz-2-wrap {display: flex;align-items: center; justify-content: space-between;}
.quiz-2-wrap label {display: block;width:7%;cursor: pointer;text-align: center;}
.quiz-2-wrap input {display: inline-block;margin-top:1rem;margin-left:-0.3rem;}
.quiz-2-wrap p {display: inline-block;margin-top:1rem;font-weight: var(--semibold);font-size: 0.9rem;}

.quiz-3-wrap {display: flex;align-items: center; justify-content: space-between;}
.quiz-3-wrap label {display: block;width:15%;cursor: pointer;text-align: center;}
.quiz-3-wrap input {display: inline-block;margin-top:1rem;margin-left:-0.3rem;}
.quiz-3-wrap p {display: inline-block;margin-top:1rem;font-weight: var(--semibold);font-size: 0.9rem;}
.quiz-3-wrap img {border-radius:1rem;}


.quiz-4-wrap {display: flex;}
.quiz-4-wrap .inpt {width:6rem;padding:1rem 1.4rem;}
.quiz-4-left {display: flex;gap:2rem;margin-right:2rem;}
.quiz-4-left p {font-weight: var(--bold);font-size: 0.9rem;margin-left:1.2rem;margin-bottom:0.5rem;}
.quiz-4-left span {margin-left:0.5rem;display: inline-block;font-size: 0.9rem;}
.quiz-4-right .inpt {border-radius:2rem; width:10rem;appearance: none; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat; background-position: right 1rem center; background-size: 1rem;}
.quiz-4-right p {font-weight: var(--bold);font-size: 0.9rem;margin-left:0.8rem;margin-bottom:0.5rem;}

.quiz-5-wrap img {display: block;margin:auto;}
.quiz-5-wrap {display: flex;align-items: center; justify-content: space-between;}
.quiz-5-wrap label {display: block;width:15%;cursor: pointer;text-align: center;}
.quiz-5-wrap input {display: inline-block;margin-top:1rem;margin-left:-0.3rem;}
.quiz-5-wrap p {display: inline-block;margin-top:1rem;font-weight: var(--semibold);font-size: 0.9rem;}

.quiz-6 h3 {margin-bottom:0.5rem;}
.quiz-6 .pol {width:100%;}
.quiz-6 .pol p {display: block;}
.quiz-6 .pol label {text-align: left;width:100%;}
.quiz-6 .pol input {margin-left:0.1rem;}
.quiz-6 .inpt {margin-right:1rem;}
.quiz-6 .tg-zag {font-size: 0.85rem;color:#666;margin-top: 0.5rem;max-width:40rem;}
.quiz-6 p span {font-weight: var(--extrabold);color:var(--accent)}

.quiz-img {width:8rem;height:auto;position: absolute;right:3rem; top:3rem;}
input[type="checkbox"],
input[type="radio"] {
  accent-color: #26AC0D;
  width: 1.0rem;
  height: 1.0rem;
}
/* ------------------------------------------------------------------ */
/* из чего */
.chego {padding-top:3rem;}
.chego h2 {text-align: center;}
.chego .opis-zag-1 {text-align: center;}
.chego .active {background:#666;}
.chego .active:hover {background:#888;}
.chego-wrap {padding:4rem 2rem 2rem 2rem;border-radius:2rem;position: relative;margin-top:5rem;}
.chego-btns-wrap {display: flex;align-items: center; justify-content: center;position: absolute;left:0;width:100%;top:-1.8rem;gap:1rem;}
.chego-design  {display: flex;justify-content: space-between;}
.chego-design img {display: inline-block;width:8%;}
.chego-napol {display: flex;justify-content: space-between;}
.chego-napol div {text-align: center;}
.chego-napol div p {font-size: 0.9rem;margin-bottom:0.5rem;color:#555}
.chego-napol h3{text-align: center;margin-bottom:2rem;}
.chego-napol-wrap {display: flex;gap:2rem;justify-content:flex-start;flex-wrap: wrap;}
.chego-napol-wrap div {width:29%;}
.chego-profil div {text-align: center;}
.chego-profil div p {font-size: 0.9rem;margin-bottom:0.5rem;color:#555}
.chego-profil {display: flex;gap:2rem;justify-content: space-between;}
.napol-left {width:50%;}
.napol-right {width:38%;}
.chego-napol-wrap-2 {display: flex;text-align: left;align-items: flex-start;}
.chego-napol-wrap-2  p {text-align:left;max-width:20rem;}
.egger-img{width:5rem;margin-right:2rem;}
/* ------------------------------------------------------------------ */
/* Заявка общее */
.zayavka {padding-top:3rem;}
.zayavka .wr {display: flex;align-items: flex-start;align-items:center;}
.zayavka h2 {font-size: 1.8rem;}
.zayavka .opis-zag-1 {margin-bottom:0.2rem;font-size: 1.0rem;}
.zayavka-left .modal-small-zag {margin-bottom:1.1rem;font-size: 0.8rem;}
.zayavka-left {background:#f0f0f0; border-radius:2rem 0 0 2rem; padding:3rem;width:70%; position: relative;}
.zayavka-left .inpt {background:#fff;padding:1.2rem 2rem 1.2rem 2rem;margin-right:0.5rem;}
.zayavka-left .btn {display: inline-flex;margin-top:0.5rem;}
.zayavka-left .pol {width:40%;display: inline-flex;margin-left:2%;margin-top:0rem;}
.zayavka-left .pol p {font-size: 0.75rem;}
.zayavka-cont {display: flex; align-items: center;justify-content: flex-start;}
.zayavka-cont a {font-weight: var(--extrabold);font-size: 1.2rem;margin-right:0.5rem;}
.zayavka-cont-zag{font-weight: var(--bold);margin-top:2rem;max-width:20rem;margin-bottom:1rem}
.spec {position: absolute;right:2rem;bottom:2rem;}
.spec p:nth-child(1) {font-weight: var(--bold);font-size: 0.96rem;}
.spec p:nth-child(2) {font-size: 0.84rem;}
.zhenya {width:30%;display: block;border-radius:1rem;}

/* Блок контакты общее */
.cont {padding-top:1rem;padding-bottom:3rem;}
.cont h3 {margin-bottom:3rem;font-size: 2.4rem;font-weight: var(--extrabold);}
.cont .fw{justify-content:space-between;}
.bot-adress {margin-top:1rem; margin-bottom:2rem;}
.bot-adress p:nth-child(1) {font-weight: var(--bold);margin-bottom:0.1rem}
.bot-adress p:nth-child(2) {font-size:0.9rem}
.cont-block-left {width:20%;}
.cont-block-left div {margin-bottom:2rem;}
.cont-map {width:70%;}
.cont-map div {background: #f0f0f0;border-radius:2rem;overflow: hidden;width:100%;height:100%}
.cont-photo {width:25%;display: flex;flex-direction: column; gap:3%;}
.cont-photo div {background: #f0f0f0;border-radius:1rem;overflow: hidden;width:100%;height:100%}

.cont .top-messengers {flex-direction: column; align-items: flex-start;}
.cont .top-messengers div {margin-top:1rem;margin-bottom:0.4rem;}
.cont .top-messengers p:first-child {font-size: 1rem;}
.cont .top-messengers p:last-child {font-size: 0.9rem;margin-top:0;font-weight: var(--semibold);}
.cont .top-messengers p:last-child a {border-bottom:1px solid}

.cont .top-phone p:first-child {font-weight: var(--bold);font-size: 1rem; margin-bottom:0.5rem;}
.cont .top-phone a {font-weight: var(--extrabold);font-size: 1.5rem;}
/* ------------------------------------------------------------------ */
/* Футер  */
.footer {background: #CFD6DB;}
.footer .fw {margin:0; padding:0; justify-content: space-between;align-items: center;}
.footer .fw-block {margin:0; padding:0; color:rgba(0, 0, 0, 0.4); font-size: 0.9rem;}
.footer .fw-block img{display: block;}
.footer .fw-block:nth-child(1) {width:10rem;}
.footer .fw-block:nth-child(2) {width:12rem;}
.footer .fw-block:nth-child(2) p {color:rgba(0, 0, 0, 0.4); font-size: 0.9rem;margin-bottom:0.5rem;}
.footer .fw-block:nth-child(3) {width:20rem;}
.footer .fw-block:nth-child(4) {width:12rem;}
.footer .fw-block a {color:rgba(0, 0, 0, 0.7); border-bottom:1px solid}

/* ------------------------------------------------------------------ */
/* Формы и модальные окна */
.popup{display:none;position: fixed;z-index:900;top:0;bottom:0;left:0;right:0;overflow:auto;}
.modal{background:#fff;z-index:1200;margin:auto;position:absolute;left:0;right:0;}
.overlaypop{position: fixed;z-index:1000;top:0;bottom:0;left:0;right:0;background: rgba(0,0,0,0.6);cursor:pointer;}
.modaltext{padding:3.4rem 4rem 3rem 4rem;}
.clsbtn{position:absolute;color:var(--main) !important;cursor:pointer;transition: 0.5s;}
.clsbtn:hover{transform: rotate(90deg);}


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

.inpt {font-size:0.9rem;margin-bottom:0.6rem;padding:1.6rem 1.8rem 1.5rem 1.8rem;box-sizing: border-box;font-weight:500;outline:0;border:0;background:#f0f0f0;cursor:pointer;font-family:var(--main-font);color: var(--main);}
.inpt::placeholder{color:var(--main);opacity: 0.7;}
.inpt:focus {box-shadow: inset 0 0 35px rgba(0, 0, 0, 0.07);}

.modal{width:30rem;top:12vh;border-radius:1.5rem;}
.overlaypop{padding-bottom:10vh;}
.clsbtn{right:1.4rem;top:1.4rem;font-size:1.4rem;}

.modalform .inpt{width:100%;display: block;}
.modalform .btn{width:100%;padding:1.6rem 2rem 1.5rem 2rem;font-size: 1.0rem;margin-top:0.5rem;font-weight:var(--bold);display: block;margin:auto;}
.modalzag {font-size:1.3rem;font-weight:var(--bold);text-align:center;color:#000}
.modalopis{margin:0 auto;max-width:18rem;margin-top:0.4rem;margin-bottom:0.5rem;font-size:1.0rem;line-height: 1.3rem;text-align:center;color:var(--main); opacity: 0.7;}
.modal-small-zag {opacity: 0.5;}
.modal .modal-small-zag {margin-bottom:2rem;text-align: center;font-size: 0.8rem;}
.pol {margin-top:1rem;display: flex;align-items: flex-start;opacity: 0.7;}
.pol input {margin-top:0.7rem;margin-right:0.7rem;}
.pol p {font-size:0.83rem;margin-top:0.3rem; }
.pol a {border-bottom: 1px solid;}

.politika {padding-top:2rem;padding-bottom:2rem;}
.politika-back {margin-bottom:2rem; display: inline-block;font-size: 1.1rem;}
.politika p {margin-top:1.2rem;margin-bottom:1.2rem;font-size: 1.1rem;line-height: 140%;}
.politika h1 {margin-bottom:1rem;font-size: 1.8rem;line-height: 2.2rem;}
.politika h2 {margin-bottom:1rem;margin-top:2rem;font-size: 1.4rem;line-height: 1.8rem;}
.politika li {margin-top:1.2rem;margin-bottom:1.2rem;font-size: 1.1rem;line-height: 140%;list-style-type: circle;margin-left:1.7rem;padding-left:0.4rem;}
.politika table td {padding: 0.9em 1.1rem; border:1px solid #ddd; font-size:0.9rem;line-height: 140%;}
.politika a {border-bottom:1px solid;}
.politika table {padding: 0; margin:0; box-sizing: border-box;}
.politika table td {vertical-align: top;}
.politika ol {padding-left:0;}
.thanks {min-height:100vh;}
.thanks .yandex {display: none;}
.thanks-link {border-bottom:1px solid;font-size: 0.9rem;margin-bottom:1rem;display: inline-block;font-weight: var(--semibold);}
.thanks-zag {font-size: 0.9rem;opacity: 0.5;}

@media screen and (max-width: 1519px) and (min-width:1120px) {
    html{font-size: var(--fz-2);}
    .wr{max-width:98%;}
    /* ------------------------------------------------------------------ */

    /* Блоки второстепенные общее */
    .semi-block {padding-top:2rem;padding-bottom:1rem;}
    /* Блоки поинты общее */
    .point-block {padding-top:2rem;padding-bottom:1rem;}

    /* Блок компания общее */
    .com-block {padding-top:2rem;padding-bottom:1rem;}

    /* Блок контакты общее */
    .cont {padding-top:2rem;padding-bottom:1rem;}
    /* Блок 3-3-2-1 */
    .g-3321{gap:2%;}
    .g-3321 .fw-block {width:32%;margin-bottom:3%;}
    /* Блок 4-4-3-1 */
    .g-4431{gap:2%;}
    .g-4431 .fw-block {width:23.5%;margin-bottom:3%;}
    /* Блок 5-4-3-1 */
    .g-5431{gap:2%;}
    .g-5431 .fw-block {width:23.5%;margin-bottom:3%;}

    .quiz-1-wrap label {width:14%;}
  .zayavka-left {padding:2rem;}
    .otvet-zag {margin-top:2rem !important;}

    .footer .fw-block {margin-bottom:0;}
}

@media screen and (max-width: 1119px) and (min-width:720px) {
    html{font-size: var(--fz-3);}
    
    .header .yandex {display: none;}
    .wr{max-width:100%; padding-top:1rem;padding-bottom:1rem;}
    .top-header {padding-top:1rem;padding-bottom:1rem;}
    .top-menu {padding-top:1rem;padding-bottom:1rem;}
    .top-menu li a{padding-left:1rem;padding-right:1rem;}
    .logo p {display: none;}
    .main {padding-top:2rem;}
    .main-plusi {margin-top:2rem !important; gap:0.2rem}
    .fixed-menu {gap:1rem;}
.fixed-phone {font-size: 1.0rem;}
    h1 {font-size: 1.8rem;line-height: 2.2rem;}
    h1 span {font-size: 1.8rem;line-height: 2.2rem;}
    .semi-zag {font-size: 1.4rem;line-height: 1.9rem;}
    .semi-zag2 {font-size: 1.3rem;line-height: 1.6rem;}

    /* Главный экран v1*/
    .left-main {padding:2.2rem;}
    .header-v1 .main-plusi {gap:1rem;}
    .header-v1 h1 {max-width:41rem;}
    .header-v1 .semi-zag {max-width:41rem;}
    .header-v1 .main-plusi div {align-items: center;}
    .header-v1 .main-plusi div img {width:2rem;height:2rem;}
    .header-v1 .main-plusi div p {margin-left:1rem;max-width: 10.2rem; font-size: 1rem;}
    .main-plusi div:nth-child(1) p {max-width:7.0rem;}
    .main-plusi div:nth-child(4) p {max-width:11.0rem;}
    .header-v1 .right-main img {width:21rem;}


   
    /* ------------------------------------------------------------------ */

    /* Блоки второстепенные общее */
    .fw {padding-top:2rem;}
    .semi-block {padding-top:3rem;padding-bottom:1rem;}
    h2 {font-size: 1.6rem;line-height: 1.9rem;}
    h2 span {font-size: 1.6rem;line-height: 1.9rem;}
    .fw-block-text {padding:1.7rem;}
    .fw-block-zag {font-size: 1.2rem;line-height: 1.5rem;}
    .fw-block-opis{font-size: 1.0rem;line-height: 1.3rem;}
    .fw-block-span {font-size: 0.9rem;line-height: 1.1rem;}
    .semi-btn-wrap {margin-top:2rem;}
    /* Блоки поинты общее */
    .point-block {padding-top:2rem;padding-bottom:1rem;}
  .top-header {padding-top:2rem;}
    .top-adress {display: none;}
    .left-main {padding:3rem;}
    /* Блок контакты общее */
    .cont {padding-top:2rem;padding-bottom:1rem;}
    /* Блок 3-3-2-1 */
    .g-3321 {gap:2%;}
    .g-3321 .fw-block {width:49%;margin-bottom:3%;}
    /* Блок 4-4-3-1 */
    .g-4431 {gap:2%;}
    .g-4431 .fw-block {width:32.0%;margin-bottom:3%;}
    /* Блок 5-4-3-1 */
    .g-5431 {gap:2%;}
    .g-5431 .fw-block {width:32.0%;margin-bottom:3%;}
    .quiz-1-wrap label p {margin-top:0.9rem;}
    .quiz-3-wrap label {width:16.3%}
    .quiz-3-wrap p {font-size: 0.73rem;}
    .quiz-3-wrap input[type="checkbox"], input[type="radio"] {width:0.8rem;height:0.8rem;}
    .quiz-img {right:1.5rem;width:6.5rem;}
    .quiz-6 .pol p {line-height: 0.91rem;margin-top:0.2rem}

    .chego-napol-wrap {gap: 1rem;}
    .quiz-6 .pol input {margin-top:0.4rem}
  .zayavka h2 {font-size: 1.4rem;line-height: 1.5rem;}
    .zayavka-left {padding:2rem;width:62%;}
    .zhenya {width:38%;}
    .zayavka-left .pol {width:60%;}
    /* Блок контакты общее */
    .cont .fw {flex-wrap: wrap;}

    .cont-block-left div {margin-bottom:0;}
    .cont-block-left {width: 100%; flex-direction: row;display: flex;flex-wrap: wrap; justify-content: space-between;margin-bottom:3rem;}
    .cont-block-left h3 {width:100%;}
    .cont-map {height:20rem;width:100%;}
    .cont-map div {border-radius:1.5rem}
    .cont-photo {width:29%;}
    .bot-adress {max-width:20rem;margin-top:0;}
    .chego .opis-zag-1 {font-size: 1rem;max-width:30rem;line-height: 1.3rem;margin:auto;margin-top:0.5rem;}
    .quiz-1-wrap label p {font-size: 0.76rem;}
  .quiz-1-wrap label {width:15.5%}
    .otvet-zag {margin-top:2rem !important;}
    .cont-block-left {align-items: center;}
    .cont-map {height:30rem;}
    .footer {padding-top:2rem;padding-bottom:1rem;}
    .footer .fw-block {margin-bottom:0;}
    .footer .fw-block:nth-child(2) {width:12rem;}
    .footer .fw-block:nth-child(3) {width:12rem;}
}
@media screen and (max-width:720px) {

    /* Фикс меню */

  .mobmenuwrap {display:block;position:fixed;z-index:100; width:100%;top:-10rem}
  .mobmenubtn {cursor:pointer;width:1.2rem;height:1.2rem;border-radius:50%;display:flex;align-items: center;flex-wrap:wrap;justify-content: center;z-index:100}
  .mobmenubtn div {width:100%;height:0.20rem;background:var(--accent);}
  .mobmenucls {cursor:pointer;z-index:250; position:fixed;right:1.5rem;top:1rem;display:flex;align-items:center;justify-content: center; border-radius:50%;display:flex;align-items: center;flex-wrap:wrap;justify-content: center;color:#FF6600;font-size:1.5rem;}
  .mobmenu {position: fixed;top:0.5rem;right:0.5rem;width:65vw;border-radius:1rem; background:#fff;box-shadow: 0 0 30px rgba(0, 0, 0, 0.14);z-index:150;}
  .mobmenu ul {margin-top:2.6rem; border-top:1px solid #eee}
  .mobmenu li {font-size: 2.1vw;list-style-type: none;}
  .mobmenu li a {display: block;padding:1.2rem 1.8rem; border-bottom:1px solid #eee; font-weight: 500; font-size:1.0rem;color:#000}
  
  .mobmenu li:first-child  a{padding-top:1.6rem;}
  .mobmenu li:last-child a {padding-bottom:1.6rem;}
  .mobtopbtn{margin-top:2rem;margin-bottom:2rem;}
  .mobcont {text-align:left;margin-top:2rem; padding-left:1.8rem}
    .mobcont a {font-size: 1.2rem;font-weight: 700;}
  .mobmenu .btn {padding:1.8rem 2.4rem; font-size: 1.2rem; font-weight: 500;margin-left:2.2rem}
  .mobmenu{display: none;}
  .mobmenu .btn {margin-top:2rem;}
.top-phone-opis-2 {font-size: 0.9rem;color:#555;margin-top:0.2rem;}
.mob-phone{font-size:1.0rem;}
.top-cont img {max-width:18px;height:auto;}
.top-tg {width:3rem;height:3rem;margin-right:0.7rem;}
.top-tg img {margin-left:-0.4rem;}
.top-email {width:3rem;height:3rem;margin-right:1rem;}
.top-cont a:last-child {font-size: 1.2rem;}
.mobtop-cont {padding-left:2rem;margin-top:1rem;}
.mobtop-cont p {color:#000;font-size: 1.1rem;font-weight:600;margin-bottom:0.2rem;margin-top:2rem}
.mobtop-cont div {display: flex;align-items: center;}
.mobtop-cont div a {font-weight: 500;font-size: 1.4rem;}
.messenger-fixed {gap:0.2rem;}

.topmenuwrap {top:0;}


    html{font-size: var(--fz-4);}
    .wr{max-width:100%;padding-left:1.5rem;padding-right:1.5rem;}
    .fdc {flex-direction: column;}
    .fdc div {width:100%;}
    .topmenuwrap .wr {padding-top:0.5rem;padding-left:0.5rem; padding-right:0.5rem;}
    .fixed-menu {display: none;}
    .fixed-phone {font-size: 1rem;}
    .topmenubg {padding-left:0.6rem;padding-right:1rem;}
    /* Главный экран общее*/
    .top-header {align-items: flex-start;padding-top:4.6rem; padding-bottom:0;}
    .top-header .btn {display: none;}
    .top-menu {display: none !important;}
    .header .logo {padding-bottom:2rem;display: flex;}
    .logo img {width:25rem;}
    .top-adress {max-width: 100%;padding-bottom:2rem;margin-top:2rem;}
    .top-adress p:last-child {font-size: 0.9rem;}
    .top-messengers {padding-bottom:2rem;max-width:100%;}
    .top-phone {padding-bottom:1rem;}
    .top-header .btn {width:10rem;text-align: center;}
    .main {padding-top:0;padding-bottom:1rem;}
    h1 {font-size:1.4rem;line-height: 1.6rem; margin-bottom:1.0rem;margin-top:0;}
    h1 span {font-size:1.4rem;line-height: 1.6rem;}
    .semi-zag {font-size: 1.1rem;line-height:1.4rem;}
    .semi-zag2 {margin-top:1.6rem;font-size: 1.0rem;line-height: 1.2rem;}
    .main .btn {width:15rem;text-align: center;align-items: center; justify-content: center;font-size: 0.96rem;margin-bottom:0;}
    .left-main {background: url('/img/mob-bg.jpg');padding:2rem;border-radius:1rem; background-position: center top;background-size: cover;min-height:36rem;}
    .left-main h1 {margin-bottom:0.6rem;}
    .semi-zag2 {margin-top:0.5rem;}
    .left-main-btn p {text-align: center;margin-left:0;}
    .left-main-btn {position:initial}
    
    .left-main-btn {flex-direction: column;margin-top:15rem;}
    .left-main-btn p {text-align: center;margin-left:0;margin-top:0.5rem;}
    .main-plusi {margin-top:2.5rem !important;gap:0.7rem}
    .header-v1 .right-main img {width:100%;}
    .main-plusi {gap:2rem;}
    .main-plusi div p {font-size: 1rem;max-width:13rem;margin-left:1.2rem;}
    /* Главный экран v1*/
    .header-v1 .main-plusi {margin-bottom:0rem;}


    .right-main {position: unset;margin-bottom:6rem;}
    .right-main div {bottom:2rem;left:2.1rem; width:16.2rem}
.works .wr {padding-top:0;}
.works-top {flex-direction: column;}
.works-top-right div:nth-child(1) {top:2rem;}
     .header .top-messengers {display: none;}
     .header .top-adress {display: none;}
     .header .top-phone {display: none;}
     
/* ------------------------------------------------------------------ */

    /* Блоки второстепенные общее */
    .fw {padding-top:3rem;}
    .semi-block {padding-top:1rem;padding-bottom:1rem;}
    h2 {font-size: 1.6rem;line-height: 1.8rem;margin-bottom:0.7rem;}
    h2 span {font-size: 1.6rem;line-height: 1.8rem;}
    .opis-zag-1 {margin-bottom:0.6rem;font-size: 1.1rem;line-height: 1.4rem;}
    .fw-block-text {padding:1.7rem;}
    .fw-block-zag {font-size: 1.2rem;line-height: 1.5rem;}
    .fw-block-opis{font-size: 1.0rem;line-height: 1.3rem;}
    .fw-block-span {font-size: 0.9rem;line-height: 1.1rem;}
    .semi-btn-wrap {margin-top:2rem;}
    
    .works-top-right {margin-top:1rem;margin-left:0.5rem;}
    /* Блок компания общее */
    .com-block {padding-top:1rem;padding-bottom:1rem;}

    /* Блок контакты общее */
    .cont {padding-top:1rem;padding-bottom:1rem;}

    /* Блок 3-3-2-1 */
    .g-3321 .fw-block {width:100%;margin-bottom:2rem;}
    /* Блок 4-4-3-1 */
    .g-4431 .fw-block {width:100%;margin-bottom:2rem;}
    /* Блок 5-4-3-1 */
    .g-5431 .fw-block {width:100%;margin-bottom:2rem;}
    .g-2211 .fw-block {width:100%;margin-bottom:2rem;}

    .g-6532 .fw-block {width:49.5%;}

    .works .fw-block-text div {width:12rem;}
    .works .fw-block-text {padding-bottom:0;}
    .works-btns {position: unset;padding:1rem 1.6rem 1.6rem 1.6rem;}
    .works .fw-block-text div {margin-bottom:2rem;width:auto;}
    .chego-btns-wrap {flex-wrap:wrap}
    .works .fw-block {padding-bottom:1rem;}
    .works .fw-block-text .btn {padding-left:1.6rem;padding-right:1.6rem;}
    .works .fw-block-text div {margin-bottom:1.5rem;}
    .work-img {margin-bottom:1rem;}
    .works-2 .main-zag {margin-bottom:0;font-size: 1.5rem;}
    .point-block {padding-bottom:0;}

    .quiz-wrap {padding:1.5rem;}
    .quiz-1-wrap {flex-wrap: wrap;}
    .quiz-1-wrap label {width:48%;margin-bottom:2rem;}
    .quiz-point {padding-bottom:0;}
    .quiz-1-wrap p {margin-top:0.9rem}
    .quiz-btn-wrap {bottom:-3.2rem;}

    .quiz-2-wrap {flex-wrap: wrap;justify-content: flex-start;gap:3%;}
    .quiz-2-wrap label {width:14%;margin-bottom:2rem;}
    .quiz-2-wrap p {margin-top:0.5rem}
    .quiz-2-wrap input {margin-top:0.5rem}

    .quiz-3-wrap {flex-wrap: wrap;justify-content: flex-start;gap:3%;}
    .quiz-3-wrap label {width:48%;margin-bottom:2rem;}
    .quiz-3-wrap p {margin-top:0.5rem}
    .quiz-3-wrap input {margin-top:0.5rem}
    .quiz-3-wrap p {font-size: 0.84rem;}

    .quiz-4-wrap {flex-direction: column;}
    .quiz-4-right {margin-top:2rem;margin-bottom:2rem;}

 .quiz-5-wrap {flex-wrap: wrap;justify-content: flex-start;gap:1%; align-items: flex-start;}
    .quiz-5-wrap label {width:31%;margin-bottom:2rem;}
    .quiz-5-wrap p {margin-top:0.5rem}
    .quiz-5-wrap input {margin-top:0.5rem}
    .quiz-5-wrap p {font-size: 0.82rem;display: block;margin-top:0.2rem;}
    .quiz-6 .inpt {width:100%;}
  .quiz-btn-wrap .btn {padding:1.25rem 1.6rem 1.15rem 1.6rem}
    .quiz-wrap .pol p {font-size: 0.75rem !important;padding-bottom:0.4rem;}
  .tg-zag {margin-bottom:1.5rem;}
    .quiz-img {display: none !important;}
    .more-works {margin-top:2rem;}

    .chego-wrap {border-radius:0; margin-left:-1.5rem;padding:1rem;width:calc(100% + 3rem); margin-top:3rem;}
  .chego h2 {font-size: 1.4rem;line-height: 1.6rem;}
  .chego-btns-wrap {position: relative;gap:0.4rem; justify-content: space-between;}
  .chego-btns-wrap .btn {padding:0.85rem 1.2rem 0.85rem 1.2rem;font-size: 0.8rem;}
  .chego-design{flex-wrap: wrap;gap:5%;justify-content: flex-start;}
.chego-design img {width:21%;margin-bottom:0.5rem;}
.chego-profil {flex-wrap:wrap}
.chego-napol {flex-direction: column;}
.napol-left {width:100%;}
.napol-right{width:100%;padding-top:2rem;padding-bottom:1rem;}
.chego-napol-wrap {gap:2%}
.chego-napol-wrap div {width:32%;}
.napol-left h3{margin-bottom:1.2rem;}
.napol-right h3{margin-bottom:1.2rem;}
 .zayavka {padding-top:0}
    .zayavka .wr {flex-direction: column;}
    .zayavka-left {width:100%;border-radius:1.5rem 1.5rem 0 0;padding:2rem;}
    .zayavka-left .btn {width:14rem;justify-content: center;}
    .zayavka-left .pol {width:100%;margin-left:0;margin-top:1rem;}
    .zayavka .opis-zag-1 {margin-bottom:0.2rem;}
    .otz-link {margin-bottom:2rem;}
    .owl-nav button {width:2rem;height:2rem;}
    .otziv {padding:0}
    .zhenya {position: unset;width:100%;height:auto;border-radius: 0 0 1rem 1rem}
    .zayavka .wr {padding-bottom:0 !important}
    .spec {left:2rem;bottom:-4rem;text-shadow: 0 0 1rem rgba(0, 0, 0, 0.7);}
    .spec p {color:#fff;}
 
    /* Блок контакты общее */
    .cont .wr {padding-top:0; padding-bottom:3rem;}
    .cont {padding-top:0}
    .cont-block-left div {margin-bottom:0;}
    .cont-block-left {width: 100%;margin-bottom:2rem;}
    .cont-block-left h3 {width:100%;}
    .cont-map {height:20rem;}
    .cont-map div {border-radius:1.5rem;width:100%;}
    .cont-photo {width:100%;}
    .cont-photo div {height:10rem;margin-top:1rem;}
  .bot-adress {padding-bottom:2rem;padding-top:1rem;}
    .footer {margin-bottom:0;}
    .footer .fw {border-radius:2rem;}
    .footer .wr {margin-bottom:0;}
    .footer .fw-block {margin-bottom:0;width:100% !important;margin-top:0.5rem;margin-bottom:0.5rem;}

    .modal {width:19rem; top:10vw}
    .modaltext {padding:2.6rem 2rem 2rem 2rem}
    .modalzag {font-size: 1.1rem;line-height: 1.3rem;}
    .modalopis {font-size: 0.86rem;line-height: 1.0rem;}
    .modalform .btn {padding:1.7rem 1rem;margin-top:1rem;}

    .politika {padding-top:0;padding-bottom:2rem;}
    .politika-back {margin-bottom:2rem; display: inline-block;font-size: 0.9rem;}
    .politika p {margin-top:1.2rem;margin-bottom:1.2rem;font-size: 0.9rem;line-height: 140%;}
    .politika h1 {margin-bottom:1rem;font-size: 1.3rem;line-height: 1.5rem;}
    .politika h2 {margin-bottom:1rem;margin-top:2rem;font-size: 1.1rem;line-height: 1.4rem;}
    .politika li {margin-top:1.2rem;margin-bottom:1.2rem;font-size: 0.9rem;line-height: 140%;list-style-type: circle;margin-left:1.7rem;padding-left:0.4rem;}
    .politika table td {padding: 0.9em 1.1rem; border:1px solid #ddd; font-size:0.9rem;line-height: 140%;}

.thanks .top-header {padding-top:1rem;}
  }