/* reset */
* {margin: 0; padding: 0; border: 0; outline: 0; border-collapse: collapse;box-sizing: border-box;}
a img, :link img, :visited img {border:none;}
ul, ol {list-style: none;}

input[type="number"] {-webkit-appearance: textfield;-moz-appearance: textfield;appearance: textfield;}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;}

/* основное */
html {font-family:'Manrope', sans-serif;}
body{background: #ffffff; -webkit-text-size-adjust:100%;}
div, td, li, ul, p, span {font-weight:500;font-family:'Manrope', sans-serif;}
img{max-width:100%;height:auto;}
h1, h2, h3, h4, h5, h6{font-weight:800;}

.cl{clear:both}
.wrap{width: 100%;height:auto;}
.wr{margin:auto;position: relative;}
a, a:visited{text-decoration:none;color:#268ac0;border-bottom:1px solid rgba(29, 107, 151, 0.3);transition:all .5s ease;}
a:hover, a:visited:hover, a:focus{text-decoration:none;color:#116a9b;border-bottom:1px solid rgba(17, 106, 155, 0.7);}

input{font-family: inherit;}

button {transition: .5s;}
.btn{position:relative;cursor:pointer;font-family:'Manrope', sans-serif;border:0;outline:0;color: #fff;display:block;border-radius:5px;transition:0.3s;}
.btn-blue{background:linear-gradient(to bottom, #025d8f, #30769d);}
.btn-blue:hover{box-shadow: inset 0 -30px 50px rgba(255, 255, 255, 0.1);transform: scale(0.98);}
.btn-grey{background:linear-gradient(to bottom, #3b3b3b, #4f4f4f);}
.btn-grey:hover{box-shadow: inset 0 -30px 50px rgba(255, 255, 255, 0.1);transform: scale(0.98);}
.footer .wr:last-child a {display: inline-block; margin-bottom:0.5rem;line-height: 1rem;}
.logo a {border:0 !important}
@media screen and (min-width: 1320px) {
html {font-size:15px;}
.mobmenuwrap {display:none;}
/* база */
.wrap{width:100%;height:auto;}
.wr{max-width:1360px;padding-right:56px;padding-left:56px;margin:auto;}
div, p, span {font-size: 1rem;line-height:1.4rem;}
.bg{background:url('/img/bg.jpg') no-repeat top center}
/* Шапка */
.header{padding-top:4.6rem;padding-bottom:4rem;}
.header .wr {display: flex;justify-content: space-between; align-items: center;}
.logo{display: flex;align-items:center;justify-content: flex-start;}
.logo div {margin-left:1.6rem;}
.logo div p {font-size:2.2rem;font-weight:900;text-transform: uppercase;color:#25688f;letter-spacing: .1rem;margin-left:-1px;margin-top:6px;}
.logo div span {font-size:0.92rem;font-weight:500;color:#25688f;letter-spacing: .12rem;display: block;margin-top:3px}
.logo-text{color:#888;font-size:0.86rem; max-width:240px; line-height:1.2rem; margin-left:8%;}

.header-top-right{display: flex;align-items: center;flex-wrap: wrap;justify-content: flex-end; flex-grow: 1}

.top-mes {display: flex;margin-right:0.6rem;}
.top-mes a {border:0;display:flex;align-items: center;justify-content: center;width:40px;height:40px;}
.top-mes a img {display: block;width:20px;height:20px;}
.top-mes a:nth-child(1) {background:#9920df;border-radius: 50%;margin-right:6px;}
.top-mes a:nth-child(1):hover {background:#4320df} 
.top-mes a:nth-child(2) {background:#7ab900;border-radius: 50%;}
.top-mes a:nth-child(2):hover {background:#649800}

.header .btn {padding:16px 28px;font-size: 0.86rem;}

.top-cont {margin-right:4%;}
.top-cont p:nth-child(1) {font-size: 0.88rem;line-height:1rem;color:#888;margin-bottom:6px;}
.top-cont p:nth-child(2) {font-size: 1.4rem;color:#888;margin-left:-1px}
.top-cont p:nth-child(2) a {border:0;font-weight: 800; color:#000;}
.top-cont p:nth-child(3) {font-size: 0.9rem;line-height:1.6rem;margin-top:4px;}
.top-cont p:nth-child(3) a {font-weight:500;}

/* Верхнее меню */
.topmenu{display: inline-flex;align-items: flex-start;margin-left:-4px;}
.topmenu li {font-size: 0.9rem;}
.topmenu li a {display: block;padding:1.4rem 2.1rem; border:0;background:rgba(0, 0, 0, 0.03);transition: all 0.15s;}
.topmenu li a:hover {background:#025d8f}
.topmenu li a span {border-bottom:1px solid; line-height:1.2;border-bottom:1px solid rgba(17, 106, 155, 0.8);transition: all 0.15s;display: block;font-weight:600;font-size: 0.9rem;}
.topmenu li a:hover span {border-bottom:1px solid rgba(255, 255, 255, 0.6); color:#fff}
.topmenu li:first-child  a{padding-left:2.2rem;border-radius:5px 0 0 5px;}
.topmenu li:last-child a {padding-right:2.2rem;border-radius:0 5px 5px 0;}
/* Фикс меню */
.fixedmenu{display: block;position: fixed;top:0;width:100%;background:#fff;z-index:5;box-shadow: 0 0 20px rgba(0, 0, 0, 0.10);}

.mobmenu {display: flex; align-items: center; justify-content: space-between;width:100%;}
.mobtopbtn{display: none;}
.mobmenucls{display: none;}
.mobadr{display: none;}
.mobmenu ul {display: flex; align-items: center; justify-content: space-between;}
.mobmenu ul li {border-left:1px solid #eee;}
.mobmenu ul li:last-child{border-right:1px solid #eee;}
.mobmenu ul li a {font-size: 0.8rem; padding:1.0rem 1.6rem;border:0; display: block;}
.mobmenu ul li a:hover {background:#025d8f;color:#fff}
.mobcont p {display: none;}
.mobcont span a {color:#000;font-weight: 800;border:0;font-size: 1.2rem;}
/* Заголовки */
.zags {padding-bottom:7rem}
.zags .wr {display: flex;align-items: flex-start; justify-content: space-between;}
.zags img {width:36%; max-width:480px;margin-right:2%;}
.evrokub {margin-top:3rem;width:40% !important;margin-right:0 !important;}
.left-zags h1 {font-size:2.3rem;line-height:2.8rem; margin-bottom:2.2rem;padding-top:4rem;}

.left-zags p {font-size: 1.5rem;margin-bottom:1rem;font-weight: 600;}
.left-zags ul {margin-top:7rem;display: flex;margin-left:32px;}
.left-zags ul li{position: relative;max-width:6rem;margin-right:7.4rem}
.left-zags ul li::before{content:'';background:url('/img/ok.png') no-repeat center center #27719a;background-size:10px 8px;display: block;left:-32px;top:-32px;width:28px;height:28px;border-radius:3px;position: absolute;}

.left-zags span {color:#116a9b;font-size:1.3rem;font-weight:700;display: block;margin-top:4rem;max-width:29rem; margin-bottom:2rem; line-height:1.7rem}
.left-zags div {display: flex;}
.left-zags .btn {padding:1.4rem 2.2rem;font-size: 1.0rem;font-weight: 500;margin-right:0.5rem}

/* Форма основная */
.main-form-wrap {padding-top:7rem;padding-bottom:8rem}
.form-zag {font-size: 2rem;font-weight: 800;line-height:2.6rem}
.form-zag span {font-size: 2rem;font-weight: 800;line-height:2.6rem;color:#1d6b97; display: block;}
.main-form {position: relative; border-radius:14px;background:#fff;box-shadow: 0 0 80px rgba(0, 0, 0, 0.17); padding:3rem; margin-top:4rem; margin-right:290px;min-height:340px;}
.main-form:after{content: '';display: block;position: absolute;width:294px;height:462px;right:-260px;top:-40px;background:url('/img/mixer.png')}

.main-form div {display: flex;flex-wrap: nowrap; gap:1.5%;margin-bottom:1rem; align-items: center;}
.main-form div input {width:32%;}
.main-form .btn {padding:1.56rem 2.2rem;font-size: 1.0rem;font-weight: 500;margin-right:0.5rem;min-width:17rem}
.main-form p {font-size: 0.86rem;line-height: 1.2rem;color:#999;display: inline-block;margin-left:0.6rem}

.main-form .pol {align-items: flex-start;justify-content: flex-start;gap: 0 !important;margin-bottom:0 !important}
.main-form .pol input {width:auto !important}
.main-form .pol p {margin-left: 0.4rem !important; margin-top:0.2rem}

/* Типы мешалок */
.types {padding-top:7rem; padding-bottom:3rem; background: linear-gradient(to right, #fff,#eee,#fff)}
.types-zag {font-size: 2.4rem;font-weight: 800;margin-bottom: 1.2rem;line-height:1.6rem}
.types-opis {color:#888;line-height:1.6rem; margin-bottom:0.1rem}
.types-wrap {display: flex;flex-wrap: wrap;margin-top:4rem;justify-content: flex-start; align-items: stretch; gap:1%}
.type {padding:4% 2% 2% 2%;width:24.2%;margin-bottom:3rem; border-radius:10px;box-shadow: 0 0 34px rgba(0, 0, 0, 0.15);background:#fff;}
.type-main-img {max-width:180px; height:auto;margin:auto;margin-bottom:2rem; display: block;}
.type h4 {font-size: 1.0rem;font-weight:700;display: flex;align-items: center;justify-content: center; margin:auto; margin-bottom:1rem;text-align:center; min-height:3rem;max-width:14rem;}
.type ul {display: flex;flex-wrap: wrap;justify-content:space-between; border-top:1px solid #ddd; padding-top:1rem; border-bottom:1px solid #ddd; padding-bottom:0.7rem}
.type ul li {display: flex;align-items: center; justify-content:flex-start; margin-bottom:0.4rem}
.type ul li:nth-child(odd) {width:50%;}
.type ul li:nth-child(even) {width:45%;}
.type ul li img {display: block;margin-right:0.5rem}
.type ul li span {color:#888;font-size: 0.8rem;display: block;}
.type-price {font-weight: 800;color:#116a9b;font-size: 1.2rem;text-align: center;margin-top:1.4rem}
.type .btn {padding:1.26rem 3.1rem;font-size:0.9rem;font-weight: 500;margin:auto;margin-top:1.2rem;}

/* Прайс */
.price {padding-top:7rem;padding-bottom:4rem}
.price h3 {font-size: 2.4rem;font-weight: 800;margin-bottom:1.3rem;}
.price-opis {color:#888;line-height:1.6rem; margin-bottom:0.1rem}
.price table {border-collapse: collapse;width:100%;margin-top:2.5rem}
.price table th {background: linear-gradient(to top, #4f4f4f, #3b3b3b);padding:1.2rem 1.8rem 1.0rem 1.8rem; color:#fff;font-weight:600;font-size:0.9rem;text-align: left;}
.price table td {background:#f6f6f6;padding:1.1rem 1.8rem 1.0rem 1.8rem; color:#333;font-weight:500;font-size:0.9rem;text-align: left;}
.price table th:first-child {border-radius:8px 0 0 0;}
.price table th:last-child {border-radius:0 8px 0 0; text-align:right;}
.price table tr td:last-child {text-align:right;font-weight: 800;color:#116a9b}
.price table tr:nth-child(odd) td {background:#eeeeee}
.price table tr:nth-child(15) td:first-child {border-radius:0 0 0 8px;}
.price table tr:nth-child(15) td:last-child {border-radius:0 0 8px 0;}


/* Работы */
.works{padding-top:4rem;padding-bottom:3rem;}
.works h3 {margin-bottom:3rem;font-size:2.2rem;font-weight: 900;}
.works-wrap{display: flex;flex-wrap: wrap;margin-top:4rem; gap:2%;}
.work {border-radius:14px;box-shadow: 0 0 54px rgba(0, 0, 0, 0.10);gap:5%;background:#fff; padding:3% 3% 2% 3%; width:49%;margin-bottom:3rem;}

.work div {width:100%;}
.work div p {font-size: 0.89rem;margin-bottom:1rem;color:#777; line-height:1.2rem;font-weight: 400;}
.work div p span {font-weight: 800; color:#000;font-size: 0.9rem;display:block;margin-bottom:0.1rem;}
.work-img{display: flex;gap:2%;margin-bottom:1.0rem;}
.work a {border:0; display: block;width:32%;}
.work a img {border-radius:8px;}
.work a:first-child {margin-bottom: 1rem;}


/* Производство */
.prod {padding-top:4rem;padding-bottom:3rem;}
.prod h3 {font-size: 2.4rem;font-weight: 800;margin-bottom:1.4rem}
.prod-opis{color:#888;line-height:1.6rem; margin-bottom:0.1rem; display: flex; align-items: center; justify-content: flex-start;}
.prod-opis img {display: block;margin-right:0.5rem; margin-left:0.1rem}
.prod-wrap {display: flex;align-items: center; justify-content: space-between;margin-top:3.0rem;flex-wrap:wrap}

.prod-wrap div {display: flex;align-items:center; justify-content: space-between;flex-wrap: wrap;width:calc(100% - 280px);}
.prod-wrap div a {display: block;width:32%;border:0; margin-top:2%;margin-bottom:2%;}
.prod-wrap div a img {display: block;width:100%;height:auto;border-radius:8px;}

.prod-wrap ul {width:40rem; padding-left:20px; display: block;width:240px;}
.prod-wrap ul li {display: block;margin-bottom:2rem;margin-top:2rem;position: relative;padding-top:46px;padding-bottom:30px;}
.prod-wrap ul li span {display: block; color:#346199;font-weight:800;margin-bottom:0.7rem;font-size: 2.4rem;}
.prod-wrap ul li::before {content:''; display: block;position: absolute;left:0px;top:0px;background:url('/img/star.png') no-repeat; width:23px;height:21px;background-size:23px 21px;}
.prod-wrap ul li::after {content:''; display: block;position: absolute;left:0px;bottom:0px;background:linear-gradient(to right, #ccc, #fff); width:100%;height:1px;}
.prod-wrap ul li:last-child::after {display: none;}
.prod-wrap ul li:last-child {margin-bottom: 0;padding-bottom: 0;}
.prod-wrap ul li:first-child {margin-top: 0;}

/* О компании */
.about {padding-top:4rem; padding-bottom:6rem;}
.about-wrap {display: flex;box-shadow: 0 0 74px rgba(0, 0, 0, 0.14);gap:5%;background:#fff; padding:3.5% 3.5% 3.2% 3.5%;border-radius: 15px;margin-top:4rem}
.about h3 {font-weight: 800;font-size: 2.2rem;}

.about-left{width:45%;}
.about-left p {font-weight:700;margin-bottom:1.8rem;font-size: 1.1rem;line-height: 1.7rem;}
.about-points {margin-top:1.2rem;}
.about-points li {font-size:1rem;margin-bottom:0.4rem;position: relative;padding-left:24px;font-weight: 400;color:#555;}
.about-points li::before {content: '';position: absolute; border-radius: 50%;width:6px;height:6px;background:#025d8f; left:0.1rem;top:0.5rem}

.about-right{width:44%;}
.about-icons {margin-top:1.2rem;margin-bottom:2.6rem;}
.about-icons li {font-size:1rem;margin-bottom:0.4rem;position: relative;font-weight: 400;color:#555;display: flex;flex-wrap: wrap;align-items:center;justify-content: flex-start;}
.about-icons li span {display: block;margin-left:0.8rem;font-size:1rem;}
.about-right p {color:#555;margin-bottom:1rem; line-height:1.5rem}

/* Контакты */
.cont {padding-bottom:3rem}
.cont .wr {display: flex;align-items: stretch;justify-content: space-between;padding-top:4rem;padding-bottom:4rem}
.cont-zag{font-size: 2.8rem;font-weight: 800;margin-bottom:4.2rem;}
.left-cont{width:30%;padding-top:0.4rem}
.cont-point{display: flex;align-items: flex-start; justify-content: flex-start;margin-top:2rem}
.cont-point p:first-child {font-weight: 800;font-size: 1.05rem;margin-bottom:0.3rem}
.cont-point p:last-child {color:#777;font-weight:500;font-size:0.9rem;max-width:14rem}
.cont-icon{display: block;margin-right:1rem;margin-top:0.1rem}
.tele {font-weight: 800;color:#116a9b;font-size: 1.3rem;display: block;margin-top: 0.6rem;}
.cont-point .top-mes {margin-top:0.8rem}
.map {width:68%;overflow: hidden;border-radius: 12px; border:1px solid #eee}

/* Форма обратной связи */
.bot-form-wrap {padding-top:6rem;padding-bottom:6rem;background: url('img/bg.jpg') no-repeat top center;}
.bot-form-wrap img {position: absolute; right:20px;bottom:-130px;z-index:1}
.bot-form {width:calc(100% - 400px);position: relative;z-index:3;}
.bf-wrap {display: flex;align-items: center; justify-content:flex-start;flex-wrap: wrap;}
.bot-form-zag{font-weight: 800;font-size:2rem;color:#156694;margin-bottom:1rem}
.bot-form-opis{font-weight:700;font-size:1.6rem;margin-bottom:1rem}
.bot-form-semi-opis{font-size: 1rem;color:#999;font-weight: 400;margin-bottom:2.4rem}
.bot-form .inpt2 {margin-right:1rem;}
.bot-form .btn {padding:1.6rem 2.6rem}


/* Футер */
.footer{background:#666 ;padding-top:5rem;padding-bottom:2.0rem;}
.footer .wr {display: flex; flex-wrap: wrap; z-index: 3;align-items:center; justify-content: space-between;}
.footer .wr:nth-child(2) {padding-top:5rem;}
.footer .wr:nth-child(2) p {font-size:0.86rem;color:#aaa}
.footer .wr:nth-child(2) a {font-weight:500; color:#fff;border-bottom:1px solid rgba(255, 255, 255, 0.4);}
.bot-cont p:nth-child(3) a:hover {border-bottom:1px solid rgba(255, 255, 255, 0.7);}


.bot-logo{display: flex;align-items:center;justify-content: flex-start;}
.bot-logo div {margin-left:2rem;}
.bot-logo div p {font-size:2.2rem;font-weight:900;text-transform: uppercase;color:#fff;letter-spacing: .1rem;margin-left:-1px;margin-top:6px;}
.bot-logo div span {font-size:0.92rem;font-weight:500;color:#bbb;letter-spacing: .12rem;display: block;margin-top:3px}
.bot-logo-text{color:#999;font-size:0.86rem; max-width:240px; line-height:1.2rem; margin-left:8%;}

.footer-bot-right{display: flex;align-items: center;flex-wrap: nowrap;justify-content: flex-end;}

.bot-mes {display: flex;margin-right:6%;}
.bot-mes a {border:0;display:flex;align-items: center;justify-content: center;width:40px;height:40px;}
.bot-mes a img {display: block;width:20px;height:20px;}
.bot-mes a:nth-child(1) {background:#9920df;border-radius: 50%;margin-right:6px;}
.bot-mes a:nth-child(1):hover {background:#4320df} 
.bot-mes a:nth-child(2) {background:#7ab900;border-radius: 50%;}
.bot-mes a:nth-child(2):hover {background:#649800}

.header .btn {padding:16px 28px;font-size: 0.86rem;}
.bot-cont{min-width:204px;}
.bot-cont p:nth-child(1) {font-size: 0.88rem;line-height:1rem;color:#aaa;margin-bottom:6px;}
.bot-cont p:nth-child(2) {font-size: 1.4rem;color:#aaa;margin-left:-1px}
.bot-cont p:nth-child(2) a {border:0;font-weight: 800; color:#fff;}
.bot-cont p:nth-child(3) {font-size: 0.9rem;line-height:1.6rem;margin-top:4px;}
.bot-cont p:nth-child(3) a {font-weight:500; color:#fff;border-bottom:1px solid rgba(255, 255, 255, 0.4);}
.bot-cont p:nth-child(3) a:hover {border-bottom:1px solid rgba(255, 255, 255, 0.7);}

/* нижнее меню */
.bot-menu{margin-left:-4px; display: flex;justify-content: center;}
.bot-menu li {font-size: 0.9rem;margin-right:1.6rem;text-align: center;}
.bot-menu li a {transition: all 0.15s; color:#fff;line-height:1.2;border-bottom:1px solid rgba(255, 255, 255, 0.4);transition: all 0.15s;display: inline-block;font-weight:500;font-size: 0.9rem;}
.bot-menu li a:hover {border-bottom:1px solid rgba(255, 255, 255, 0.6); color:#fff}

/* Фиксированные кнопки */
.fixedbtns {position: fixed;right:30px;bottom:30px;z-index:10;}
.fixedbtns div {cursor:pointer;width:60px;height:60px;display:flex;align-items: center; justify-content: center;border-radius:7px; margin-top:12px;}
.fixedbtns div a {border:0;display:block;display:flex;align-items: center; justify-content: center; width:100%;height:100%;}
.fixedbtns div img {width:30px;height:30px;}
.up{background:linear-gradient(to top, #757575, #a5a5a5);margin-bottom:25px;}
.max {background:linear-gradient(to top, #9920df, #4320df)}
.tg img {margin-left:-4px;}
.wa {background:linear-gradient(to top, #38ab28, #7fec3d)}


/* Формы и модальные окна */
.inpt {box-sizing: border-box;font-size:0.9rem;font-weight:500;width:30%;margin-bottom:8px;outline:0;border:0;padding:1.6rem 1.8rem 1.3rem 1.8rem;background:#f0f0f0;border-radius:8px;cursor:pointer;font-family:'Manrope', sans-serif;color: #000;}
.inpt::placeholder{color: #999;}
.inpt:focus {box-shadow: inset 0 0 35px rgba(0, 0, 0, 0.07);}

.inpt2 {box-shadow: 0 0 25px rgba(0, 0, 0, 0.15); box-sizing: border-box;font-size:0.9rem;font-weight:500;width:26%;outline:0;border:0;padding:1.6rem 1.8rem 1.6rem 1.8rem;background:#fff;border-radius:6px;cursor:pointer;font-family:'Manrope', sans-serif;color: #000;}
.inpt2::placeholder{color: #999;}
.inpt2:focus {box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);}

.popup{display:none;position: fixed;z-index:900;top:0;bottom:0;left:0;right:0;overflow:auto;}
.modal{background:#fff;z-index:1200;width:440px;margin:auto;position:absolute;left:0;right:0;top:16vh;border-radius:10px;}
.overlaypop{position: fixed;z-index:1000;top:0;bottom:0;left:0;right:0;padding-bottom:10vh;background: rgba(0,0,0,0.4);cursor:pointer;}

.clsbtn{position:absolute;color:#000;right:20px;top:20px;font-size:20px; cursor:pointer;transition: 0.5s;}
.clsbtn:hover{transform: rotate(90deg);}
.modaltext{padding:50px 50px 40px 50px;}
.modaltext a {color:#000;}


.formopis{text-align:center;margin:auto;max-width:220px;margin-top:10px;margin-bottom:27px;font-size:16px;line-height: 120%;}
.form{margin-top:40px;}

.modalform{display: flex;flex-wrap: wrap;flex-direction: column;justify-content: center;}
.modalform .inpt{width:260px;display: block;margin:auto;margin-bottom:0.8rem}
.modalform .btn{display: block;margin:auto;width:260px;padding:1.4rem 2rem;}
.modalzag {font-weight:bold;text-align:center;font-size:1.1rem;color:#000}
.modalopis{margin:0 auto;max-width:270px;line-height:150%;margin-top:12px;margin-bottom:20px;font-size:0.9rem;text-align:center;color:#666}

/* Второстепенные страницы */
.price-vtor {padding-top:3rem;}
.works-vtor {padding-top:1rem;}
.cont-vtor {padding-top:3rem;}

.politika {padding-top:50px;padding-bottom:50px;}
.politika-back {margin-bottom:40px; display: inline-block;}
.politika p {margin-top:15px;margin-bottom:15px;line-height: 150%;}
.politika h1 {margin-bottom:50px;}
.politika h2 {margin-bottom:30px;margin-top:50px;}
.politika li {margin-top:15px;margin-bottom:15px;line-height: 140%;list-style-type: circle;margin-left:16px;padding-left:4px;}
.politika table td {padding: 20px 30px; border:1px solid #ddd;}
.politika a {color:#156694; border-bottom:1px solid;}
.politika table {padding: 0; margin:0; box-sizing: border-box;}
.politika table td {vertical-align: top;}
.politika h2 {line-height: 150%;}
.pol {margin-top:1.5rem;display: flex;align-items: flex-start;opacity: 0.9;}
.pol input {margin-top:0.7rem;margin-right:0.7rem;}
.pol p {font-size:0.8rem;margin-top:0.5rem;line-height: 1.0rem;color:#666}
.pol a {border-bottom: 1px solid;}
.modal .pol {max-width:17rem; margin:auto;margin-top:1.5rem;}
}






@media screen and (max-width: 1319px) and (min-width: 980px) {
  html {font-size:14px;}
.mobmenuwrap {display:none;}
/* база */
.wrap{width:100%;height:auto;}
.wr{max-width:1360px;padding-right:46px;padding-left:46px;margin:auto;}
div, p, span {font-size: 1rem;line-height:1.4rem;}
.bg{background:url('/img/bg.jpg') no-repeat top center}
/* Шапка */
.header{padding-top:3.6rem;padding-bottom:4rem;}
.header .wr {display: flex;justify-content: space-between; align-items: center;}
.logo{display: flex;align-items:center;justify-content: flex-start;}
.logo div {margin-left:2rem;}
.logo div p {font-size:2.2rem;font-weight:900;text-transform: uppercase;color:#25688f;letter-spacing: .1rem;margin-left:-1px;margin-top:6px;}
.logo div span {font-size:0.92rem;font-weight:500;color:#25688f;letter-spacing: .12rem;display: block;margin-top:3px}
.logo-text{color:#888;font-size:0.86rem; max-width:240px; line-height:1.2rem; margin-left:8%;display: none;}

.header-top-right{display: flex;align-items: center;flex-wrap: wrap;justify-content: flex-end; flex-grow: 1}

.top-mes {display: flex;margin-right:0.6rem;}
.top-mes a {border:0;display:flex;align-items: center;justify-content: center;width:40px;height:40px;}
.top-mes a img {display: block;width:20px;height:20px;}
.top-mes a:nth-child(1) {background:#9920df;border-radius: 50%;margin-right:6px;}
.top-mes a:nth-child(1):hover {background:#4320df} 
.top-mes a:nth-child(2) {background:#7ab900;border-radius: 50%;}
.top-mes a:nth-child(2):hover {background:#649800}

.header .btn {padding:16px 28px;font-size: 0.86rem;}

.top-cont {margin-right:4%;}
.top-cont p:nth-child(1) {font-size: 0.88rem;line-height:1rem;color:#888;margin-bottom:6px;}
.top-cont p:nth-child(2) {font-size: 1.4rem;color:#888;margin-left:-1px}
.top-cont p:nth-child(2) a {border:0;font-weight: 800; color:#000;}
.top-cont p:nth-child(3) {font-size: 0.9rem;line-height:1.6rem;margin-top:4px;}
.top-cont p:nth-child(3) a {font-weight:500;}

/* Верхнее меню */
.topmenu{display: inline-flex;align-items: flex-start;margin-left:-4px;}
.topmenu li {font-size: 0.9rem;}
.topmenu li a {display: block;padding:1.4rem 2.1rem; border:0;background:rgba(0, 0, 0, 0.03);transition: all 0.15s;}
.topmenu li a:hover {background:#025d8f}
.topmenu li a span {border-bottom:1px solid; line-height:1.2;border-bottom:1px solid rgba(17, 106, 155, 0.8);transition: all 0.15s;display: block;font-weight:600;font-size: 0.9rem;}
.topmenu li a:hover span {border-bottom:1px solid rgba(255, 255, 255, 0.6); color:#fff}
.topmenu li:first-child  a{padding-left:2.2rem;border-radius:5px 0 0 5px;}
.topmenu li:last-child a {padding-right:2.2rem;border-radius:0 5px 5px 0;}
/* Фикс меню */
.fixedmenu{display: block;position: fixed;top:0;width:100%;background:#fff;z-index:5;box-shadow: 0 0 20px rgba(0, 0, 0, 0.10);}

.mobmenu {display: flex; align-items: center; justify-content: space-between;width:100%;}
.mobtopbtn{display: none;}
.mobmenucls{display: none;}
.mobadr{display: none;}
.mobmenu ul {display: flex; align-items: center; justify-content: space-between;}
.mobmenu ul li {border-left:1px solid #eee;}
.mobmenu ul li:last-child{border-right:1px solid #eee;}
.mobmenu ul li a {font-size: 0.8rem; padding:1.0rem 1.4rem 0.9rem 1.4rem;border:0; display: block;}
.mobmenu ul li a:hover {background:#025d8f;color:#fff}
.mobcont p {display: none;}
.mobcont span a {color:#000;font-weight: 800;border:0;font-size: 1.0rem;}
/* Заголовки */
.zags {padding-bottom:5rem}
.zags .wr {display: flex;align-items: flex-start; justify-content: space-between;}
.zags img {width:40%; max-width:480px;margin-right:2%;margin-top:6%;}
.left-zags {width:59%;}
.left-zags h1 {font-size:2.1rem;line-height:2.4rem; margin-bottom:2.2rem;padding-top:4rem;}

.left-zags p {font-size: 1.4rem;line-height:1.7rem; margin-bottom:1rem;font-weight: 600;}
.left-zags ul {margin-top:7rem;display: flex;margin-left:32px;}
.left-zags ul li{position: relative;min-width:7rem;margin-right:5.4rem}
.left-zags ul li::before{content:'';background:url('/img/ok.png') no-repeat center center #27719a;background-size:10px 8px;display: block;left:-32px;top:-32px;width:28px;height:28px;border-radius:3px;position: absolute;}

.left-zags span {color:#116a9b;font-size:1.3rem;font-weight:700;display: block;margin-top:4rem;max-width:29rem; margin-bottom:2rem; line-height:1.7rem}
.left-zags div {display: flex;}
.left-zags .btn {padding:1.4rem 2.2rem;font-size: 1.0rem;font-weight: 500;margin-right:0.5rem}

/* Форма основная */
.main-form-wrap {padding-top:4rem;padding-bottom:4rem}
.form-zag {font-size: 2rem;font-weight: 800;line-height:2.6rem}
.form-zag span {font-size: 2rem;font-weight: 800;line-height:2.6rem;color:#1d6b97; display: block;}
.main-form {position: relative; border-radius:14px;background:#fff;box-shadow: 0 0 80px rgba(0, 0, 0, 0.17); padding:3rem; margin-top:3rem; margin-right:220px;min-height:340px;}
.main-form:after{content: '';display: block;position: absolute;width:294px;height:462px;right:-260px;top:-40px;background:url('/img/mixer.png')}

.main-form div {display: flex;flex-wrap: nowrap; gap:1.5%;margin-bottom:1rem; align-items: center;}
.main-form div input {width:32%;}
.main-form .btn {padding:1.56rem 2.2rem;font-size: 1.0rem;font-weight: 500;margin-right:0.5rem;min-width:17rem}
.main-form p {font-size: 0.86rem;line-height: 1.2rem;color:#999;display: inline-block;margin-left:0.6rem}

.main-form .pol {align-items: flex-start;justify-content: flex-start;gap: 0 !important;margin-bottom:0 !important}
.main-form .pol input {width:auto !important}
.main-form .pol p {margin-left: 0.4rem !important; margin-top:0.2rem}

/* Типы мешалок */
.types {padding-top:4.6rem; padding-bottom:1rem; background: linear-gradient(to right, #fff,#eee,#fff)}
.types-zag {font-size: 2.2rem;font-weight: 800;margin-bottom: 1.2rem;line-height:1.6rem}
.types-opis {color:#888;line-height:1.6rem; margin-bottom:0.1rem}
.types-wrap {display: flex;flex-wrap: wrap;margin-top:3rem;justify-content: flex-start; align-items: stretch; gap:2%}
.type {padding:4% 2% 2% 2%;width:32.0%;margin-bottom:3rem; border-radius:10px;box-shadow: 0 0 34px rgba(0, 0, 0, 0.10);background:#fff;}
.type-main-img {max-width:180px; height:auto;margin:auto;margin-bottom:2rem; display: block;}
.type h4 {font-size: 1.0rem;font-weight:700;display: flex;align-items: center;justify-content: center; margin:auto; margin-bottom:1.4rem;text-align:center; min-height:3rem;max-width:14rem;}
.type ul {display: flex;flex-wrap: wrap;justify-content:space-between; border-top:1px solid #ddd; padding-top:1rem; border-bottom:1px solid #ddd; padding-bottom:0.7rem}
.type ul li {display: flex;align-items: center; justify-content:flex-start; margin-bottom:0.4rem}
.type ul li:nth-child(odd) {width:50%;}
.type ul li:nth-child(even) {width:45%;}
.type ul li img {display: block;margin-right:0.5rem}
.type ul li span {color:#888;font-size: 0.8rem;display: block;}
.type-price {font-weight: 800;color:#116a9b;font-size: 1.2rem;text-align: center;margin-top:1.4rem}
.type .btn {padding:1.26rem 3.1rem;font-size:0.9rem;font-weight: 500;margin:auto;margin-top:1.2rem;}

/* Прайс */
.price {padding-top:4.4rem;padding-bottom:4rem}
.price h3 {font-size: 1.8rem;font-weight: 800;margin-bottom:1.3rem;}
.price-opis {color:#888;line-height:1.6rem; margin-bottom:0.1rem}
.price table {border-collapse: collapse;width:100%;margin-top:2.5rem}
.price table th {background: linear-gradient(to top, #4f4f4f, #3b3b3b);padding:1.2rem 1.8rem 1.0rem 1.8rem; color:#fff;font-weight:600;font-size:0.9rem;text-align: left;}
.price table td {background:#f6f6f6;padding:1.1rem 1.8rem 1.0rem 1.8rem; color:#333;font-weight:500;font-size:0.9rem;text-align: left;}
.price table th:first-child {border-radius:8px 0 0 0;}
.price table th:last-child {border-radius:0 8px 0 0; text-align:right;}
.price table tr td:last-child {text-align:right;font-weight: 800;color:#116a9b}
.price table tr:nth-child(odd) td {background:#eeeeee}
.price table tr:nth-child(15) td:first-child {border-radius:0 0 0 8px;}
.price table tr:nth-child(15) td:last-child {border-radius:0 0 8px 0;}


/* Работы */
.works{padding-top:3rem;padding-bottom:1rem;}
.works h3 {margin-bottom:2rem;font-size:2.2rem;font-weight: 900;}
.works-wrap{display: flex;flex-wrap: wrap;margin-top:3rem; gap:2%;}
.work {border-radius:14px;box-shadow: 0 0 54px rgba(0, 0, 0, 0.10);gap:5%;background:#fff; padding:3% 3% 2% 3%; width:49%;margin-bottom:3rem;}

.work div {width:100%;}
.work div p {font-size: 0.89rem;margin-bottom:1rem;color:#777; line-height:1.2rem;font-weight: 400;}
.work div p span {font-weight: 800; color:#000;font-size: 0.9rem;display:block;margin-bottom:0.1rem;}
.work-img{display: flex;gap:2%;margin-bottom:1.0rem;}
.work a {border:0; display: block;width:32%;}
.work a img {border-radius:8px;}
.work a:first-child {margin-bottom: 1rem;}


/* Производство */
.prod {padding-top:3rem;padding-bottom:3rem;}
.prod h3 {font-size: 2.4rem;font-weight: 800;margin-bottom:1.4rem}
.prod-opis{color:#888;line-height:1.6rem; margin-bottom:0.1rem; display: flex; align-items: center; justify-content: flex-start;}
.prod-opis img {display: block;margin-right:0.5rem; margin-left:0.1rem}
.prod-wrap {display: flex;align-items: flex-start; justify-content: space-between;margin-top:3.0rem;flex-wrap:wrap}

.prod-wrap div {display: flex;align-items:center; justify-content: space-between;flex-wrap: wrap;width:calc(100% - 280px);}
.prod-wrap div a {display: block;width:48%;border:0; margin-top:2%;margin-bottom:2%;}
.prod-wrap div a img {display: block;width:100%;height:auto;border-radius:8px;}

.prod-wrap ul {width:40rem; padding-left:20px; display: block;width:240px;margin-top:20px;}
.prod-wrap ul li {display: block;margin-bottom:2rem;margin-top:2rem;position: relative;padding-top:46px;padding-bottom:30px;}
.prod-wrap ul li span {display: block; color:#346199;font-weight:800;margin-bottom:0.7rem;font-size: 2.4rem;}
.prod-wrap ul li::before {content:''; display: block;position: absolute;left:0px;top:0px;background:url('/img/star.png') no-repeat; width:23px;height:21px;background-size:23px 21px;}
.prod-wrap ul li::after {content:''; display: block;position: absolute;left:0px;bottom:0px;background:linear-gradient(to right, #ccc, #fff); width:100%;height:1px;}
.prod-wrap ul li:last-child::after {display: none;}
.prod-wrap ul li:last-child {margin-bottom: 0;padding-bottom: 0;}
.prod-wrap ul li:first-child {margin-top: 0;}

/* О компании */
.about {padding-top:3rem; padding-bottom:4rem;}
.about-wrap {display: flex;box-shadow: 0 0 74px rgba(0, 0, 0, 0.14);gap:5%;background:#fff; padding:4% 4% 3.6% 4%;border-radius: 15px;margin-top:3rem}
.about h3 {font-weight: 800;font-size: 1.8rem;}

.about-left{width:45%;}
.about-left p {font-weight:700;margin-bottom:1.8rem;font-size: 1.2rem;line-height: 1.7rem;}
.about-points {margin-top:1.2rem;}
.about-points li {font-size:1rem;margin-bottom:0.4rem;position: relative;padding-left:24px;font-weight: 400;color:#555;}
.about-points li::before {content: '';position: absolute; border-radius: 50%;width:6px;height:6px;background:#025d8f; left:0.1rem;top:0.5rem}

.about-right{width:44%;}
.about-icons {margin-top:1.2rem;margin-bottom:2.6rem;}
.about-icons li {font-size:1rem;margin-bottom:0.4rem;position: relative;font-weight: 400;color:#555;display: flex;flex-wrap: wrap;align-items:center;justify-content: flex-start;}
.about-icons li span {display: block;margin-left:0.8rem;font-size:1rem;}
.about-right p {color:#555;margin-bottom:1rem; line-height:1.5rem}

/* Контакты */
.cont {padding-bottom:2rem}
.cont .wr {display: flex;align-items: stretch;justify-content: space-between;padding-top:4rem;padding-bottom:4rem}
.cont-zag{font-size: 2.2rem;font-weight: 800;margin-bottom:4.2rem;}
.left-cont{width:34%;padding-top:0.4rem}
.cont-point{display: flex;align-items: flex-start; justify-content: flex-start;margin-top:2rem}
.cont-point p:first-child {font-weight: 800;font-size: 1.05rem;margin-bottom:0.3rem}
.cont-point p:last-child {color:#777;font-weight:500;font-size:0.9rem;max-width:14rem}
.cont-icon{display: block;margin-right:1rem;margin-top:0.1rem}
.tele {font-weight: 800;color:#116a9b;font-size: 1.3rem;display: block;margin-top: 0.6rem;}
.cont-point .top-mes {margin-top:0.8rem}

.map {width:62%;overflow: hidden;border-radius: 12px; border:1px solid #eee}

/* Форма обратной связи */
.bot-form-wrap {padding-top:4rem;padding-bottom:4rem;background: url('img/bg.jpg') no-repeat top center;}
.bot-form-wrap img {position: absolute; right:20px;bottom:-30px;z-index:1; width:36%;height:auto}
.bot-form {width:calc(100% - 250px);position: relative;z-index:3;}
.bf-wrap {display: flex;align-items: center; justify-content:flex-start;flex-wrap: wrap;}
.bot-form-zag{font-weight: 800;font-size:2rem;color:#156694;margin-bottom:1rem}
.bot-form-opis{font-weight:700;font-size:1.6rem;margin-bottom:1rem}
.bot-form-semi-opis{font-size: 1rem;color:#999;font-weight: 400;margin-bottom:2.4rem}
.bot-form .inpt2 {margin-right:1rem; width:30%;}
.bot-form .btn {padding:1.6rem 2.6rem}


/* Футер */
.footer{background:#666 ;padding-top:3.4rem;padding-bottom:1.5rem;}
.footer .wr {display: flex; flex-wrap: wrap; z-index: 3;align-items:flex-start; justify-content: space-between;}
.footer .wr:nth-child(2) {padding-top:3rem;}
.footer .wr:nth-child(2) p {font-size:0.86rem;color:#aaa}
.footer .wr:nth-child(2) a {font-weight:500; color:#fff;border-bottom:1px solid rgba(255, 255, 255, 0.4);}
.bot-cont p:nth-child(3) a:hover {border-bottom:1px solid rgba(255, 255, 255, 0.7);}


.bot-logo{display: flex;align-items:center;justify-content: flex-start;}
.bot-logo div {margin-left:1.3rem;}
.bot-logo div p {font-size:2.0rem;font-weight:900;text-transform: uppercase;color:#fff;letter-spacing: .1rem;margin-left:-1px;margin-top:8px;}
.bot-logo div span {font-size:0.84rem;font-weight:500;color:#bbb;letter-spacing: .12rem;display: block;margin-top:4px}
.bot-logo-text{color:#999;font-size:0.86rem; max-width:240px; line-height:1.2rem; margin-left:8%;}

.footer-bot-right{display: flex;align-items: flex-start;flex-wrap: nowrap;justify-content: flex-end; flex-direction: column;margin-right:30px;}

.bot-mes {display: flex;margin-bottom:8%;}
.bot-mes a {border:0;display:flex;align-items: center;justify-content: center;width:40px;height:40px;}
.bot-mes a img {display: block;width:20px;height:20px;}
.bot-mes a:nth-child(1) {background:#9920df;border-radius: 50%;margin-right:6px;}
.bot-mes a:nth-child(1):hover {background:#4320df} 
.bot-mes a:nth-child(2) {background:#7ab900;border-radius: 50%;}
.bot-mes a:nth-child(2):hover {background:#649800}

.header .btn {padding:16px 28px;font-size: 0.86rem;}
.bot-cont{min-width:204px;}
.bot-cont p:nth-child(1) {font-size: 0.88rem;line-height:1rem;color:#aaa;margin-bottom:6px;}
.bot-cont p:nth-child(2) {font-size: 1.4rem;color:#aaa;margin-left:-1px}
.bot-cont p:nth-child(2) a {border:0;font-weight: 800; color:#fff;}
.bot-cont p:nth-child(3) {font-size: 0.9rem;line-height:1.6rem;margin-top:4px;}
.bot-cont p:nth-child(3) a {font-weight:500; color:#fff;border-bottom:1px solid rgba(255, 255, 255, 0.4);}
.bot-cont p:nth-child(3) a:hover {border-bottom:1px solid rgba(255, 255, 255, 0.7);}

/* нижнее меню */
.bot-menu{display: flex;justify-content: center;flex-direction: column;}
.bot-menu li {font-size: 0.9rem;margin-bottom:0.6rem;text-align: center;}
.bot-menu li a {transition: all 0.15s; color:#fff;line-height:1.2;border-bottom:1px solid rgba(255, 255, 255, 0.4);transition: all 0.15s;display: inline-block;font-weight:500;font-size: 0.9rem;}
.bot-menu li a:hover {border-bottom:1px solid rgba(255, 255, 255, 0.6); color:#fff}

/* Фиксированные кнопки */
.fixedbtns {position: fixed;right:20px;bottom:34px;z-index:10;}
.fixedbtns div {cursor:pointer;width:60px;height:60px;display:flex;align-items: center; justify-content: center;border-radius:7px; margin-top:12px;}
.fixedbtns div a {border:0;display:block;display:flex;align-items: center; justify-content: center; width:100%;height:100%;}
.fixedbtns div img {width:30px;height:30px;}
.up{background:linear-gradient(to top, #757575, #a5a5a5);margin-bottom:25px;}
.max {background:linear-gradient(to top, #9920df, #4320df)}
.tg img {margin-left:-4px;}
.wa {background:linear-gradient(to top, #38ab28, #7fec3d)}


/* Формы и модальные окна */
.inpt {box-sizing: border-box;font-size:0.9rem;font-weight:500;width:30%;margin-bottom:8px;outline:0;border:0;padding:1.6rem 1.8rem 1.3rem 1.8rem;background:#f0f0f0;border-radius:8px;cursor:pointer;font-family:'Manrope', sans-serif;color: #000;}
.inpt::placeholder{color: #999;}
.inpt:focus {box-shadow: inset 0 0 35px rgba(0, 0, 0, 0.07);}

.inpt2 {box-shadow: 0 0 25px rgba(0, 0, 0, 0.15); box-sizing: border-box;font-size:0.9rem;font-weight:500;width:26%;outline:0;border:0;padding:1.6rem 1.8rem 1.6rem 1.8rem;background:#fff;border-radius:6px;cursor:pointer;font-family:'Manrope', sans-serif;color: #000;}
.inpt2::placeholder{color: #999;}
.inpt2:focus {box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);}

.popup{display:none;position: fixed;z-index:900;top:0;bottom:0;left:0;right:0;overflow:auto;}
.modal{background:#fff;z-index:1200;width:440px;margin:auto;position:absolute;left:0;right:0;top:16vh;border-radius:10px;}
.overlaypop{position: fixed;z-index:1000;top:0;bottom:0;left:0;right:0;padding-bottom:10vh;background: rgba(0,0,0,0.4);cursor:pointer;}

.clsbtn{position:absolute;color:#000;right:20px;top:20px;font-size:20px; cursor:pointer;transition: 0.5s;}
.clsbtn:hover{transform: rotate(90deg);}
.modaltext{padding:50px 50px 40px 50px;}
.modaltext a {color:#000;}


.formopis{text-align:center;margin:auto;max-width:220px;margin-top:10px;margin-bottom:27px;font-size:16px;line-height: 120%;}
.form{margin-top:40px;}

.modalform{display: flex;flex-wrap: wrap;flex-direction: column;justify-content: center;}
.modalform .inpt{width:260px;display: block;margin:auto;margin-bottom:0.8rem}
.modalform .btn{display: block;margin:auto;width:260px;padding:1.4rem 2rem;}
.modalzag {font-weight:bold;text-align:center;font-size:1.2rem;color:#000}
.modalopis{margin:0 auto;max-width:270px;line-height:150%;margin-top:12px;margin-bottom:20px;font-size:1.0rem;text-align:center;color:#666}


/* Второстепенные страницы */
.price-vtor {padding-top:3rem;}
.works-vtor {padding-top:4rem;}
.cont-vtor {padding-top:3rem;}

.politika {padding-top:50px;padding-bottom:50px;}
.politika-back {margin-bottom:40px; display: inline-block;}
.politika p {margin-top:15px;margin-bottom:15px;line-height: 150%;}
.politika h1 {margin-bottom:50px;}
.politika h2 {margin-bottom:30px;margin-top:50px;}
.politika li {margin-top:15px;margin-bottom:15px;line-height: 140%;list-style-type: circle;margin-left:16px;padding-left:4px;}
.politika table td {padding: 20px 30px; border:1px solid #ddd;}
.politika a {color:#156694; border-bottom:1px solid;}
.politika table {padding: 0; margin:0; box-sizing: border-box;}
.politika table td {vertical-align: top;}
.politika h2 {line-height: 150%;}
.pol {margin-top:1.5rem;display: flex;align-items: flex-start;opacity: 0.9;}
.pol input {margin-top:0.7rem;margin-right:0.7rem;}
.pol p {font-size:0.8rem;margin-top:0.5rem;line-height: 1.0rem;color:#666}
.pol a {border-bottom: 1px solid;}
.modal .pol {max-width:17rem; margin:auto;margin-top:1.5rem;}
}

@media screen and (max-width: 979px) and (min-width:750px) {
html {font-size:14px;}
.mobmenuwrap {display:none;}
.nd {display: none;}
/* база */
.wrap{width:100%;height:auto;}
.wr{max-width:1360px;padding-right:38px;padding-left:38px;margin:auto;}
div, p, span {font-size: 1rem;line-height:1.4rem;}
.bg{background:url('/img/bg.jpg') no-repeat top center}
/* Шапка */
.header{padding-top:3.6rem;padding-bottom:4rem;}
.header .wr {display: flex;justify-content: space-between; align-items: center;}
.logo{display: flex;align-items:center;justify-content: flex-start;}
.logo div {margin-left:1.4rem;}
.logo div p {font-size:2.2rem;font-weight:900;text-transform: uppercase;color:#25688f;letter-spacing: .1rem;margin-left:-1px;margin-top:6px;}
.logo div span {font-size:0.92rem;font-weight:500;color:#25688f;letter-spacing: .12rem;display: block;margin-top:3px}
.logo-text{color:#888;font-size:0.86rem; max-width:240px; line-height:1.2rem; margin-left:8%;display: none;}

.header-top-right{display: flex;align-items: center;flex-wrap: wrap;justify-content: flex-end; flex-grow: 1}

.top-mes {display: flex;margin-right:0.6rem;}
.top-mes a {border:0;display:flex;align-items: center;justify-content: center;width:40px;height:40px;}
.top-mes a img {display: block;width:20px;height:20px;}
.top-mes a:nth-child(1) {background:#9920df;border-radius: 50%;margin-right:6px;}
.top-mes a:nth-child(1):hover {background:#4320df} 
.top-mes a:nth-child(2) {background:#7ab900;border-radius: 50%;}
.top-mes a:nth-child(2):hover {background:#649800}

.header .btn {padding:16px 28px;font-size: 0.86rem; display: none;}

.top-cont {margin-right:4%;}
.top-cont p:nth-child(1) {font-size: 0.88rem;line-height:1rem;color:#888;margin-bottom:6px;}
.top-cont p:nth-child(2) {font-size: 1.4rem;color:#888;margin-left:-1px}
.top-cont p:nth-child(2) a {border:0;font-weight: 800; color:#000;}
.top-cont p:nth-child(3) {font-size: 0.9rem;line-height:1.6rem;margin-top:4px;}
.top-cont p:nth-child(3) a {font-weight:500;}

/* Верхнее меню */
.topmenu{display: inline-flex;align-items: flex-start;margin-left:-4px;}
.topmenu li {font-size: 2.1vw;}
.topmenu li a {display: block;padding:2.4vw 2.2vw; border:0;background:rgba(0, 0, 0, 0.03);transition: all 0.15s;}
.topmenu li a:hover {background:#025d8f}
.topmenu li a span {border-bottom:1px solid; line-height:1.2;border-bottom:1px solid rgba(17, 106, 155, 0.8);transition: all 0.15s;display: block;font-weight:600;font-size:1.6vw;}
.topmenu li a:hover span {border-bottom:1px solid rgba(255, 255, 255, 0.6); color:#fff}
.topmenu li:first-child  a{padding-left:1.6rem;border-radius:5px 0 0 5px;}
.topmenu li:last-child a {padding-right:1.6rem;border-radius:0 5px 5px 0;}
/* Фикс меню */
.fixedmenu{display: block;position: fixed;top:0;width:100%;background:#fff;z-index:5;box-shadow: 0 0 20px rgba(0, 0, 0, 0.10);}

.mobmenu {display: flex; align-items: center; justify-content: space-between;width:100%;}
.mobtopbtn{display: none;}
.mobmenucls{display: none;}
.mobadr{display: none;}
.mobmenu ul {display: flex; align-items: center; justify-content: space-between;}
.mobmenu ul li {border-left:1px solid #eee;}
.mobmenu ul li:last-child{border-right:1px solid #eee;}
.mobmenu ul li a {font-size: 0.8rem; padding:1.0rem 1.4rem 0.9rem 1.4rem;border:0; display: block;}
.mobmenu ul li a:hover {background:#025d8f;color:#fff}
.mobcont p {display: none;}
.mobcont span a {color:#000;font-weight: 800;border:0;font-size: 1.0rem;display: none; }
/* Заголовки */
.zags {padding-bottom:4rem}
.zags .wr {display: flex;align-items: flex-start; justify-content: space-between;}
.zags img {width:33%; max-width:480px;margin-right:0;margin-top:10%;}
.left-zags {width:64%;}
.left-zags h1 {font-size:1.8rem;line-height:2.1rem; margin-bottom:2.2rem;padding-top:4rem;max-width:24rem}

.left-zags p {font-size: 1.2rem;line-height:1.7rem; margin-bottom:1rem;font-weight: 600;}
.left-zags ul {margin-top:7rem;display: flex;margin-left:32px;}
.left-zags ul li{position: relative;min-width:7rem;margin-right:3.4rem}
.left-zags ul li::before{content:'';background:url('/img/ok.png') no-repeat center center #27719a;background-size:10px 8px;display: block;left:-32px;top:-32px;width:28px;height:28px;border-radius:3px;position: absolute;}

.left-zags span {color:#116a9b;font-size:1.3rem;font-weight:700;display: block;margin-top:4rem;max-width:29rem; margin-bottom:2rem; line-height:1.7rem}
.left-zags div {display: flex;}
.left-zags .btn {padding:1.4rem 2.0rem;font-size: 1.0rem;font-weight: 500;margin-right:0.5rem}

/* Форма основная */
.main-form-wrap {padding-top:4rem;padding-bottom:4rem}
.form-zag {font-size:1.6rem;font-weight: 800;line-height:2.1rem}
.form-zag span {font-size:1.6rem;font-weight: 800;line-height:2.1rem;color:#1d6b97; display: block;}
.main-form {position: relative; border-radius:14px;background:#fff;box-shadow: 0 0 80px rgba(0, 0, 0, 0.17); padding:2.4rem 1.4rem 2rem 2rem; margin-top:2rem; margin-right:110px;}
.main-form:after{content: '';display: block;position: absolute;width:147px;height:231px;right:-130px;top:-20px;background:url('/img/mixer.png'); background-size:147px 231px}

.main-form div {display: flex;flex-wrap: nowrap; gap:1.5%;margin-bottom:0.2rem; align-items: center;}
.main-form div input {width:32%;font-size: 0.9rem;padding:1.4rem 1.2rem 1.3rem 1.2rem}
.main-form .btn {padding:1.56rem 2.2rem;font-size: 1.0rem;font-weight: 500;margin-right:0.5rem;min-width:17rem}
.main-form p {font-size: 0.86rem;line-height: 1.2rem;color:#999;display: inline-block;margin-left:0.6rem}

.main-form .pol {align-items: flex-start;justify-content: flex-start;gap: 0 !important;margin-bottom:0 !important}
.main-form .pol input {width:auto !important}
.main-form .pol p {margin-left: 0.4rem !important; margin-top:0.2rem}

/* Типы мешалок */
.types {padding-top:4.6rem; padding-bottom:1rem; background: linear-gradient(to right, #fff,#eee,#fff)}
.types-zag {font-size: 2.0rem;font-weight: 800;margin-bottom: 1.2rem;line-height:1.6rem}
.types-opis {color:#888;line-height:1.6rem; margin-bottom:0.1rem}
.types-wrap {display: flex;flex-wrap: wrap;margin-top:3rem;justify-content: flex-start; align-items: stretch; gap:4%}
.type {padding:4% 4% 3% 4%;width:48.0%;margin-bottom:3rem; border-radius:10px;box-shadow: 0 0 34px rgba(0, 0, 0, 0.10);background:#fff;}
.type-main-img {max-width:180px; height:auto;margin:auto;margin-bottom:2rem; display: block;}
.type h4 {font-size: 1.0rem;font-weight:700;display: flex;align-items: center;justify-content: center; margin:auto; margin-bottom:1.4rem;text-align:center; min-height:3rem;max-width:14rem;}
.type ul {display: flex;flex-wrap: wrap;justify-content:space-between; border-top:1px solid #ddd; padding-top:1rem; border-bottom:1px solid #ddd; padding-bottom:0.7rem}
.type ul li {display: flex;align-items: center; justify-content:flex-start; margin-bottom:0.4rem}
.type ul li:nth-child(odd) {width:50%;}
.type ul li:nth-child(even) {width:45%;}
.type ul li img {display: block;margin-right:0.5rem}
.type ul li span {color:#888;font-size: 0.9rem;display: block;}
.type-price {font-weight: 800;color:#116a9b;font-size: 1.2rem;text-align: center;margin-top:1.4rem}
.type .btn {padding:1.26rem 3.1rem;font-size:0.9rem;font-weight: 500;margin:auto;margin-top:1.2rem;}

/* Прайс */
.price {padding-top:4.4rem;padding-bottom:3rem}
.price h3 {font-size: 1.8rem;font-weight: 800;margin-bottom:1.3rem;}
.price-opis {color:#888;line-height:1.6rem; margin-bottom:0.1rem}
.price table {border-collapse: collapse;width:100%;margin-top:2.5rem}
.price table th {background: linear-gradient(to top, #4f4f4f, #3b3b3b);padding:1.2rem 1.2rem 1.0rem 1.2rem; color:#fff;font-weight:600;font-size:0.9rem;text-align: left;}
.price table td {background:#f6f6f6;padding:1.1rem 1.2rem 1.0rem 1.2rem; color:#333;font-weight:500;font-size:0.9rem;text-align: left;}
.price table th:first-child {border-radius:8px 0 0 0;}
.price table th:last-child {border-radius:0 8px 0 0; text-align:right;}
.price table tr td:last-child {text-align:right;font-weight: 800;color:#116a9b}
.price table tr:nth-child(odd) td {background:#eeeeee}
.price table tr:nth-child(15) td:first-child {border-radius:0 0 0 8px;}
.price table tr:nth-child(15) td:last-child {border-radius:0 0 8px 0;}


/* Работы */
.works{padding-top:3rem;padding-bottom:1rem;}
.works h3 {margin-bottom:2rem;font-size:2.0rem;font-weight: 900;}
.works-wrap{display: flex;flex-wrap: wrap;margin-top:3rem; gap:2%;}
.work {border-radius:14px;box-shadow: 0 0 54px rgba(0, 0, 0, 0.10);gap:5%;background:#fff; padding:3% 3% 2% 3%; width:49%;margin-bottom:3rem;}

.work div {width:100%;}
.work div p {font-size: 0.92rem;margin-bottom:1rem;color:#777; line-height:1.3rem;font-weight: 400;}
.work div p span {font-weight: 800; color:#000;font-size: 1.0rem;display:block;margin-bottom:0.2rem;}
.work-img{display: flex;gap:2%;margin-bottom:1.0rem;}
.work a {border:0; display: block;width:32%;}
.work a img {border-radius:8px;}
.work a:first-child {margin-bottom: 1rem;}


/* Производство */
.prod {padding-top:3rem;padding-bottom:3rem;}
.prod h3 {font-size: 2.0rem;font-weight: 800;margin-bottom:1.4rem}
.prod-opis{color:#888;line-height:1.6rem; margin-bottom:0.1rem; display: flex; align-items: center; justify-content: flex-start;}
.prod-opis img {display: block;margin-right:0.5rem; margin-left:0.1rem}
.prod-wrap {display: flex;align-items: flex-start; justify-content: space-between;margin-top:3.0rem;flex-wrap:wrap}

.prod-wrap div {display: flex;align-items:center; justify-content: space-between;flex-wrap: wrap;width:calc(100% - 280px);}
.prod-wrap div a {display: block;width:48%;border:0; margin-top:2%;margin-bottom:2%;}
.prod-wrap div a img {display: block;width:100%;height:auto;border-radius:8px;}

.prod-wrap ul {width:40rem; display: block;width:240px;margin-top:20px;}
.prod-wrap ul li {display: block;margin-bottom:2rem;margin-top:2rem;position: relative;padding-top:46px;padding-bottom:30px;}
.prod-wrap ul li span {display: block; color:#346199;font-weight:800;margin-bottom:0.7rem;font-size: 2.4rem;}
.prod-wrap ul li::before {content:''; display: block;position: absolute;left:0px;top:0px;background:url('/img/star.png') no-repeat; width:23px;height:21px;background-size:23px 21px;}
.prod-wrap ul li::after {content:''; display: block;position: absolute;left:0px;bottom:0px;background:linear-gradient(to right, #ccc, #fff); width:100%;height:1px;}
.prod-wrap ul li:last-child::after {display: none;}
.prod-wrap ul li:last-child {margin-bottom: 0;padding-bottom: 0;}
.prod-wrap ul li:first-child {margin-top: 0;}

/* О компании */
.about {padding-top:3rem; padding-bottom:4rem;}
.about-wrap {display: flex;box-shadow: 0 0 74px rgba(0, 0, 0, 0.14);gap:5%;background:#fff; padding:4% 4% 3.6% 4%;border-radius: 15px;margin-top:3rem}
.about h3 {font-weight: 800;font-size: 1.8rem;}

.about-left{width:42%;}
.about-left p {font-weight:700;margin-bottom:1.4rem;font-size: 1.0rem;line-height: 1.5rem;}
.about-points {margin-top:1.2rem;}
.about-points li {font-size:0.9rem;margin-bottom:0.4rem;position: relative;padding-left:24px;font-weight: 400;color:#555;}
.about-points li::before {content: '';position: absolute; border-radius: 50%;width:6px;height:6px;background:#025d8f; left:0.1rem;top:0.5rem}

.about-right{width:54%;}
.about-icons {margin-top:1.2rem;margin-bottom:2.6rem;}
.about-icons li {font-size:1rem;margin-bottom:0.4rem;position: relative;font-weight: 400;color:#555;display: flex;flex-wrap: wrap;align-items:center;justify-content: flex-start;}
.about-icons li span {display: block;margin-left:0.8rem;font-size:0.9rem;}
.about-right p {color:#555;margin-bottom:1rem;font-size:0.9rem;line-height:1.4rem}

/* Контакты */
.cont {padding-bottom:2rem}
.cont .wr {display: flex;align-items: stretch;justify-content: space-between;padding-top:4rem;padding-bottom:4rem}
.cont-zag{font-size: 2.2rem;font-weight: 800;margin-bottom:4.2rem;}
.left-cont{width:34%;padding-top:0.4rem}
.cont-point{display: flex;align-items: flex-start; justify-content: flex-start;margin-top:2rem}
.cont-point p:first-child {font-weight: 800;font-size: 1.05rem;margin-bottom:0.3rem}
.cont-point p:last-child {color:#777;font-weight:500;font-size:0.9rem;max-width:14rem}
.cont-icon{display: block;margin-right:1rem;margin-top:0.1rem}
.tele {font-weight: 800;color:#116a9b;font-size: 1.3rem;display: block;margin-top: 0.6rem;}
.cont-point .top-mes {margin-top:0.8rem}

.map {width:62%;overflow: hidden;border-radius: 12px; border:1px solid #eee}

/* Форма обратной связи */
.bot-form-wrap {padding-top:4rem;padding-bottom:4rem;background: url('img/bg.jpg') no-repeat top center;}
.bot-form-wrap img {position: absolute; right:20px;bottom:-30px;z-index:1; width:65%;height:auto; max-width:622px}
.bot-form {width:80%;position: relative;z-index:3;}
.bf-wrap {display: flex;align-items: flex-start; justify-content:flex-start;flex-direction: column;flex-wrap: wrap;}
.bot-form-zag{font-weight: 800;font-size:2rem;color:#156694;margin-bottom:1rem}
.bot-form-opis{font-weight:700;font-size:1.6rem;margin-bottom:1rem}
.bot-form-semi-opis{font-size: 1rem;color:#999;font-weight: 400;margin-bottom:2.4rem}
.bot-form .inpt2 {margin-bottom:1rem; width:250px;}
.bot-form .btn {padding:1.6rem 2.6rem; width:250px;}


/* Футер */
.footer{background:#666 ;padding-top:2.4rem;padding-bottom:1.5rem;}
.footer .wr {display: flex; flex-wrap: wrap; z-index: 3;align-items:flex-start; justify-content: space-between;}
.footer .wr:nth-child(2) {padding-top:3rem;}
.footer .wr:nth-child(2) p {font-size:0.86rem;color:#aaa}
.footer .wr:nth-child(2) a {font-weight:500; color:#fff;border-bottom:1px solid rgba(255, 255, 255, 0.4);}
.bot-cont p:nth-child(3) a:hover {border-bottom:1px solid rgba(255, 255, 255, 0.7);}


.bot-logo{display: flex;align-items:center;justify-content: flex-start;}
.bot-logo div {margin-left:1.3rem;}
.bot-logo div p {font-size:2.0rem;font-weight:900;text-transform: uppercase;color:#fff;letter-spacing: .1rem;margin-left:-1px;margin-top:8px;}
.bot-logo div span {font-size:0.84rem;font-weight:500;color:#bbb;letter-spacing: .12rem;display: block;margin-top:4px}
.bot-logo-text{color:#999;font-size:0.86rem; max-width:240px; line-height:1.2rem; margin-left:8%;}

.footer-bot-right{display: flex;align-items: flex-start;flex-wrap: nowrap;justify-content: flex-end; flex-direction: column;margin-right:30px;}

.bot-mes {display: flex;margin-bottom:8%;}
.bot-mes a {border:0;display:flex;align-items: center;justify-content: center;width:40px;height:40px;}
.bot-mes a img {display: block;width:20px;height:20px;}
.bot-mes a:nth-child(1) {background:#9920df;border-radius: 50%;margin-right:6px;}
.bot-mes a:nth-child(1):hover {background:#4320df} 
.bot-mes a:nth-child(2) {background:#7ab900;border-radius: 50%;}
.bot-mes a:nth-child(2):hover {background:#649800}

.header .btn {padding:16px 28px;font-size: 0.86rem;}
.bot-cont{min-width:204px;}
.bot-cont p:nth-child(1) {font-size: 0.88rem;line-height:1rem;color:#aaa;margin-bottom:6px;}
.bot-cont p:nth-child(2) {font-size: 1.4rem;color:#aaa;margin-left:-1px}
.bot-cont p:nth-child(2) a {border:0;font-weight: 800; color:#fff;}
.bot-cont p:nth-child(3) {font-size: 0.9rem;line-height:1.6rem;margin-top:4px;}
.bot-cont p:nth-child(3) a {font-weight:500; color:#fff;border-bottom:1px solid rgba(255, 255, 255, 0.4);}
.bot-cont p:nth-child(3) a:hover {border-bottom:1px solid rgba(255, 255, 255, 0.7);}

/* нижнее меню */
.bot-menu{display: flex;justify-content: center;flex-direction: column;}
.bot-menu li {font-size: 0.9rem;margin-bottom:0.6rem;text-align: center;}
.bot-menu li a {transition: all 0.15s; color:#fff;line-height:1.2;border-bottom:1px solid rgba(255, 255, 255, 0.4);transition: all 0.15s;display: inline-block;font-weight:500;font-size: 0.9rem;}
.bot-menu li a:hover {border-bottom:1px solid rgba(255, 255, 255, 0.6); color:#fff}

/* Фиксированные кнопки */
.fixedbtns {position: fixed;right:20px;bottom:34px;z-index:10;}
.fixedbtns div {cursor:pointer;width:60px;height:60px;display:flex;align-items: center; justify-content: center;border-radius:7px; margin-top:12px;}
.fixedbtns div a {border:0;display:block;display:flex;align-items: center; justify-content: center; width:100%;height:100%;}
.fixedbtns div img {width:30px;height:30px;}
.up{background:linear-gradient(to top, #757575, #a5a5a5);margin-bottom:25px;}
.max {background:linear-gradient(to top, #9920df, #4320df)}
.tg img {margin-left:-4px;}
.wa {background:linear-gradient(to top, #38ab28, #7fec3d)}


/* Формы и модальные окна */
.inpt {box-sizing: border-box;font-size:0.9rem;font-weight:500;width:30%;margin-bottom:8px;outline:0;border:0;padding:1.6rem 1.8rem 1.3rem 1.8rem;background:#f0f0f0;border-radius:8px;cursor:pointer;font-family:'Manrope', sans-serif;color: #000;}
.inpt::placeholder{color: #999;}
.inpt:focus {box-shadow: inset 0 0 35px rgba(0, 0, 0, 0.07);}

.inpt2 {box-shadow: 0 0 25px rgba(0, 0, 0, 0.15); box-sizing: border-box;font-size:0.9rem;font-weight:500;width:26%;outline:0;border:0;padding:1.6rem 1.8rem 1.6rem 1.8rem;background:#fff;border-radius:6px;cursor:pointer;font-family:'Manrope', sans-serif;color: #000;}
.inpt2::placeholder{color: #999;}
.inpt2:focus {box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);}

.popup{display:none;position: fixed;z-index:900;top:0;bottom:0;left:0;right:0;overflow:auto;}
.modal{background:#fff;z-index:1200;width:440px;margin:auto;position:absolute;left:0;right:0;top:16vh;border-radius:10px;}
.overlaypop{position: fixed;z-index:1000;top:0;bottom:0;left:0;right:0;padding-bottom:10vh;background: rgba(0,0,0,0.4);cursor:pointer;}

.clsbtn{position:absolute;color:#000;right:20px;top:20px;font-size:20px; cursor:pointer;transition: 0.5s;}
.clsbtn:hover{transform: rotate(90deg);}
.modaltext{padding:50px 50px 40px 50px;}
.modaltext a {color:#000;}


.formopis{text-align:center;margin:auto;max-width:220px;margin-top:10px;margin-bottom:27px;font-size:16px;line-height: 120%;}
.form{margin-top:40px;}

.modalform{display: flex;flex-wrap: wrap;flex-direction: column;justify-content: center;}
.modalform .inpt{width:260px;display: block;margin:auto;margin-bottom:0.8rem}
.modalform .btn{display: block;margin:auto;width:260px;padding:1.4rem 2rem;}
.modalzag {font-weight:bold;text-align:center;font-size:1.2rem;color:#000}
.modalopis{margin:0 auto;max-width:270px;line-height:150%;margin-top:12px;margin-bottom:20px;font-size:1.0rem;text-align:center;color:#666}

/* Второстепенные страницы */
.price-vtor {padding-top:3rem;}
.works-vtor {padding-top:2rem;}
.cont-vtor {padding-top:3rem;}


.politika {padding-top:50px;padding-bottom:50px;}
.politika-back {margin-bottom:40px; display: inline-block;}
.politika p {margin-top:15px;margin-bottom:15px;line-height: 150%;}
.politika h1 {margin-bottom:50px;}
.politika h2 {margin-bottom:30px;margin-top:50px;}
.politika li {margin-top:15px;margin-bottom:15px;line-height: 140%;list-style-type: circle;margin-left:16px;padding-left:4px;}
.politika table td {padding: 20px 30px; border:1px solid #ddd;}
.politika a {color:#156694; border-bottom:1px solid;}
.politika table {padding: 0; margin:0; box-sizing: border-box;}
.politika table td {vertical-align: top;}
.politika h2 {line-height: 150%;}
.pol {margin-top:1.5rem;display: flex;align-items: flex-start;opacity: 0.9;}
.pol input {margin-top:0.7rem;margin-right:0.7rem;}
.pol p {font-size:0.8rem;margin-top:0.5rem;line-height: 1.0rem;color:#666}
.pol a {border-bottom: 1px solid;}
.modal .pol {max-width:17rem; margin:auto;margin-top:1.5rem;}
}



@media screen and (max-width: 749px) {

  
 
  
  html {font-size:3vw;}
  .nd {display: none;}
  /* база */
  .wrap{width:100%;height:auto;}
  .wr{padding-right:2.6rem;padding-left:2.6rem;margin:auto;}
  div, p, span {font-size: 1rem;line-height:1.4rem;}
  .bg{background:url('/img/bg-mob.jpg') no-repeat top center}
  /* Шапка */
  .header{padding-top:4.6rem;padding-bottom:6vw;}
  .header .wr {display: flex;justify-content: space-between; align-items: center;flex-direction: column;}
  .logo{display: flex;align-items:center;justify-content: flex-start;}
  .logo div {margin-left:1.4rem;}
  .logo div p {font-size:2.6rem;font-weight:900;text-transform: uppercase;color:#25688f;letter-spacing: .1rem;margin-left:-1px;margin-top:0.8rem;}
  .logo div span {font-size:1.16rem;font-weight:500;color:#25688f;letter-spacing: .12rem;display: block;margin-top:0.6rem}
  .logo-text{color:#888;font-size:0.86rem; max-width:240px; line-height:1.2rem; margin-left:8%;display: none;}
  
  .header-top-right{width:100%; display: flex;align-items: center;flex-wrap: wrap;justify-content:center; flex-grow: 1; margin-top:4rem}
  
  .top-mes {display: flex;margin-right:0.4rem;}
  .top-mes a {border:0;display:flex;align-items: center;justify-content: center;width:40px;height:40px;}
  .top-mes a img {display: block;width:20px;height:20px;}
.top-mes a:nth-child(1) {background:#9920df;border-radius: 50%;margin-right:6px;}
.top-mes a:nth-child(1):hover {background:#4320df} 
  .top-mes a:nth-child(2) {background:#7ab900;border-radius: 50%;}
  .top-mes a:nth-child(2):hover {background:#649800}
  
  .header .btn {padding:16px 28px;font-size: 0.86rem; display: none;}
  

  .top-cont p:nth-child(1) {font-size: 1.12rem;line-height:1rem;color:#888;margin-bottom:0.9rem;}
  .top-cont p:nth-child(2) {font-size: 1.8rem;color:#888;margin-left:-1px}
  .top-cont p:nth-child(2) a {border:0;font-weight: 800; color:#000;}
  .top-cont p:nth-child(3) {font-size: 1.1rem;line-height:1.6rem;margin-top:0.8rem;}
  .top-cont p:nth-child(3) a {font-weight:500;}
  
  /* Верхнее меню */
  .topmenu{display: inline-flex;align-items: flex-start;margin-left:-4px;display: none;}
  .topmenu li {font-size: 2.1vw;}
  .topmenu li a {display: block;padding:2.4vw 2.2vw; border:0;background:rgba(0, 0, 0, 0.03);transition: all 0.15s;}
  .topmenu li a:hover {background:#025d8f}
  .topmenu li a span {border-bottom:1px solid; line-height:1.2;border-bottom:1px solid rgba(17, 106, 155, 0.8);transition: all 0.15s;display: block;font-weight:600;font-size:1.6vw;}
  .topmenu li a:hover span {border-bottom:1px solid rgba(255, 255, 255, 0.6); color:#fff}
  .topmenu li:first-child  a{padding-left:1.6rem;border-radius:5px 0 0 5px;}
  .topmenu li:last-child a {padding-right:1.6rem;border-radius:0 5px 5px 0;}


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

  .mobmenuwrap {display:block;position:fixed;z-index:100; width:100%;height:30px; top:0}
  .mobmenubtn {cursor:pointer;position:fixed;right:2rem;top:2rem;width:3rem;height:3rem;border-radius:50%;display:flex;align-items: center;flex-wrap:wrap;justify-content: center;z-index:100}
  .mobmenubtn div {width:100%;height:0.35rem;background:#025d8f;}
  .mobmenucls {cursor:pointer;z-index:250; position:fixed;right:5vw;top:5vw;width:9vw;height:9vw;display:flex;align-items:center;justify-content: center; border-radius:50%;display:flex;align-items: center;flex-wrap:wrap;justify-content: center;color:#fff;background:#999;font-size:1.4rem;}
  
  .mobmenu {position: fixed;top:0;right:0; bottom:0;width:74vw;background:#fff; height:100%; min-height:100vh; box-shadow: 0 0 30px rgba(0, 0, 0, 0.14);z-index:150;}
  .mobmenu div {display:block;margin-bottom:0.6rem;}

  .mobmenu ul {margin-top:6.6rem; border-top:1px solid #eee}
  .mobmenu li {font-size: 2.1vw;}
  .mobmenu li a {display: block;padding:1.4rem 2.4rem; border-bottom:1px solid #eee; font-weight: 500; font-size:1.2rem;}
  .mobmenu li a:hover {background:#025d8f;; color:#fff}
  .mobmenu li a span {border-bottom:1px solid; line-height:1.2;border-bottom:1px solid rgba(17, 106, 155, 0.8);transition: all 0.15s;display: block;font-weight:600;font-size:1.6vw;}

  .mobmenu li:first-child  a{padding-top:1.6rem;}
  .mobmenu li:last-child a {padding-bottom:1.6rem;}


  
  .mobadr {margin-top:3rem;padding-left:2.4rem}
  .mobadr span {color:#000;display:block;font-weight:700;font-size:1.4rem}
  .mobadr p {color:#888;margin-top:0.8rem;font-size:1.2rem; line-height:1.8rem; max-width:15rem;}

  .mobtopbtn{margin-top:2rem;margin-bottom:2rem;}
  
  .mobcont {text-align:left;margin-top:3rem; padding-left:2.4rem}
  .mobcont span {display:block;margin-bottom:0.6rem;}
  .mobcont span a {color:#000;font-size:2.0rem;font-weight:800;border:0;color: #025d8f; border:0}
  .mobcont p {font-size:1.2rem;color:#999;margin-top:0.4rem;}
  .mobmenu .btn {padding:1.8rem 2.4rem; font-size: 1.2rem; font-weight: 500;margin-left:2.2rem}
  .mobmenu{display: none;}
  /* Заголовки */
  .zags {padding-bottom:6rem}
  .zags .wr {display: flex;align-items: flex-start; justify-content: space-between;flex-direction: column;}
  .zags img {display: block;margin:auto; width:90%; max-width:480px;margin-top:5rem;}
  .left-zags {width:100%;}
  .left-zags h1 {font-size:1.8rem;line-height:2.1rem; margin:auto;margin-bottom:1.2rem;padding-top:1.8rem; text-align: center;max-width:24rem;}


  .left-zags p {margin:auto; font-size: 1.4rem;line-height:1.8rem; margin-bottom:1rem;font-weight: 600;text-align: center;max-width:24rem}
  .left-zags ul {margin:auto; margin-top:2rem;display: flex;flex-direction: column;width:34vw;}
  .left-zags ul li{position: relative;margin-top:1.4rem; padding-left:3.6rem;font-size:1.2rem;line-height:1.6rem}
  .left-zags ul li::before{content:'';background:url('/img/ok.png') no-repeat center center #27719a;background-size:10px 8px;display: block;left:0;top:0.24rem;width:2.4rem;height:2.4rem;border-radius:3px;position: absolute;}
  .left-zags ul li:first-child {margin-top:0;}
  .left-zags span {margin:auto;text-align: center; color:#116a9b;font-size:1.44rem;font-weight:700;display: block;margin-top:4rem;max-width:24rem; margin-bottom:3rem; line-height:2.2rem}
  .left-zags div {display: flex;justify-content: center; flex-direction: column;}
  .left-zags .btn {margin:auto;padding:1.9rem 2.6rem 1.7rem 2.6rem;font-size:1.3rem;font-weight: 500; width:22rem; margin-bottom:1rem;}
  .thanks h1{margin-top:4rem;  }
  .thanks p {margin-bottom:4rem;max-width:20rem;}
  /* Форма основная */
  .main-form-wrap {padding-top:3rem;padding-bottom:4rem}
  .form-zag {font-size:1.8rem;font-weight: 800;line-height:2.3rem}
  .form-zag span {font-size:1.8rem;font-weight: 800;line-height:2.3rem;color:#1d6b97; display: block;margin-top:1rem}
  .main-form {position: relative; border-radius:14px;background:#fff;box-shadow: 0 0 80px rgba(0, 0, 0, 0.17); padding:2.4rem 1.4rem 2rem 2rem; margin-top:3rem;}
  .main-form:after{display: none;}
  
  .main-form div {margin-bottom:0.2rem;}
  .main-form div input {width:100%;font-size: 1.2rem;padding:1.8rem 1.4rem 1.7rem 1.4rem}
  .main-form .btn {padding:1.9rem 2.2rem;font-size: 1.3rem;font-weight: 500;margin-right:0.5rem;min-width:17rem; width:100%;border-radius:6px;}
  .main-form p {font-size:1.0rem;line-height: 1.6rem;color:#999;display: inline-block;margin-top:2.2rem; text-align: center;}
.main-form-opis {display: none !important;}
  .main-form .pol {align-items: flex-start;justify-content: flex-start;gap: 0 !important;margin-bottom:0 !important; margin-top:2.2rem}
.main-form .pol input {width:auto !important}
.main-form .pol p {margin-left: 0.4rem !important; margin-bottom:0.5rem;margin-top:0;text-align: left;}
  /* Типы мешалок */
  .types {padding-top:3.6rem; padding-bottom:1rem; background: linear-gradient(to right, #fff, #eee,#fff)}
  .types-zag {font-size: 2.0rem;font-weight: 800;margin-bottom: 1.6rem;line-height:2.4rem}
  .types-opis {color:#888;line-height:1.6rem; margin-bottom:0.7rem; font-size: 1.2rem;}
  .types-wrap {display: flex;flex-wrap: wrap;margin-top:3rem;justify-content: flex-start; align-items: stretch;}
  .type {padding:4rem 2rem 3rem 2rem;width:100%;margin-bottom:3rem; border-radius:10px;box-shadow: 0 0 34px rgba(0, 0, 0, 0.10);background:#fff;}
  .type-main-img {max-width:180px;width:100%; height:auto;margin:auto;margin-bottom:2rem; display: block;}
  .type h4 {font-size: 1.4rem;font-weight:700;display: flex;align-items: center;justify-content: center; margin:auto; margin-bottom:1.7rem;text-align:center; min-height:4rem;max-width:18rem;line-height:2.0rem;}
  .type ul {display: flex;flex-wrap: wrap;justify-content:space-between; border-top:1px solid #ddd; padding-top:1.8rem; border-bottom:1px solid #ddd; padding-bottom:0.7rem}
  .type ul li {display: flex;align-items: center; justify-content:flex-start; margin-bottom:1.2rem}
  .type ul li:nth-child(odd) {width:50%;}
  .type ul li:nth-child(even) {width:45%;}
  .type ul li img {display: block;margin-right:0.8rem}
  .type ul li span {color:#888;font-size:1.2rem;display: block;}
  .type-price {font-weight: 800;color:#116a9b;font-size: 1.8rem;text-align: center;margin-top:2.8rem}
  .type .btn {padding:2.0rem 4.1rem;font-size:1.4rem;font-weight: 500;margin:auto;margin-top:1.8rem;}
  
  /* Прайс */
  .table-wrap {overflow-x: scroll;}
  .price {padding-top:4.4rem;padding-bottom:3rem}
  .price h3 {font-size: 1.8rem;font-weight: 800;margin-bottom:1.3rem;line-height:2.0rem}
  .price-opis {color:#888;line-height:1.8rem; margin-bottom:0.1rem; font-size:1.2rem;}
  .price table {border-collapse: collapse;min-width:600px;margin-top:2.5rem}
  .price table th {background: linear-gradient(to top, #4f4f4f, #3b3b3b);padding:1.2rem 1.2rem 1.0rem 1.2rem; color:#fff;font-weight:600;font-size:1rem;text-align: left;}
  .price table td {background:#f6f6f6;padding:1.1rem 1.2rem 1.0rem 1.2rem; color:#333;font-weight:500;font-size:1.1rem;text-align: left;}
  .price table th:first-child {border-radius:8px 0 0 0;}
  .price table th:last-child {border-radius:0 8px 0 0; text-align:right;}
  .price table tr td:last-child {text-align:right;font-weight: 800;color:#116a9b}
  .price table tr:nth-child(odd) td {background:#eeeeee}
  .price table tr:nth-child(15) td:first-child {border-radius:0 0 0 8px;}
  .price table tr:nth-child(15) td:last-child {border-radius:0 0 8px 0;}
  
  
  /* Работы */
  .works{padding-top:3rem;padding-bottom:1rem;}
  .works h3 {margin-bottom:1.2rem;font-size:2.0rem;font-weight: 900;line-height:2.6rem;}
  .works-wrap{display: flex;flex-wrap: wrap;margin-top:3rem; gap:2%;}
  .work {border-radius:14px;box-shadow: 0 0 54px rgba(0, 0, 0, 0.10);background:#fff; padding:2.4rem 2rem 0.8rem 2rem;margin-bottom:3rem;}
  
  .work div {width:100%;}
  .work div p {font-size: 1.2rem;margin-bottom:2rem;color:#777; line-height:1.7rem;font-weight: 400;}
  .work div p span {font-weight: 800; color:#000;font-size: 1.3rem;display:block;margin-bottom:0.7rem;}
  .work-img{display: flex;gap:2%;margin-bottom:1.0rem;}
  .work a {border:0; display: block;width:32%;}
  .work a img {border-radius:8px;}
  .work a:first-child {margin-bottom: 1rem;}
  
  
  /* Производство */
  .prod {padding-top:3rem;padding-bottom:3rem;}
  .prod h3 {font-size: 2.0rem;font-weight: 800;margin-bottom:1.4rem}
  .prod-opis{color:#888;line-height:2rem;font-size: 1.2rem; margin-bottom:0.4rem; display: flex; align-items: center; justify-content: flex-start;}
  .prod-opis img {display: block;margin-right:1.0rem; margin-left:0.1rem}
  .prod-wrap {display: flex;align-items: flex-start;flex-direction: column; margin-top:2.0rem;flex-wrap:wrap}
  
  .prod-wrap div {display: flex;align-items:center; justify-content: space-between;flex-wrap: wrap;width:100%;}
  .prod-wrap div a {display: block;width:48%;border:0; margin-top:2%;margin-bottom:2%;}
  .prod-wrap div a img {display: block;width:100%;height:auto;border-radius:6px;}
  
  .prod-wrap ul {width:100%; display: block;margin-top:4rem;}
  .prod-wrap ul li {display: block;margin-bottom:2rem;margin-top:2rem;position: relative;padding-top:4.6rem;padding-bottom:2.4rem;font-size:1.4rem;line-height: 2rem;}
  .prod-wrap ul li span {display: block; color:#346199;font-weight:800;margin-bottom:1.4rem;font-size:3.2rem;}
  .prod-wrap ul li::before {content:''; display: block;position: absolute;left:0px;top:0px;background:url('/img/star.png') no-repeat; width:23px;height:21px;background-size:23px 21px;}
  .prod-wrap ul li::after {content:''; display: block;position: absolute;left:0px;bottom:0px;background:linear-gradient(to right, #ccc, #fff); width:100%;height:1px;}
  .prod-wrap ul li:last-child::after {display: none;}
  .prod-wrap ul li:last-child {margin-bottom: 0;padding-bottom: 0;}
  .prod-wrap ul li:first-child {margin-top: 0;}
  
  /* О компании */
  .about {padding-top:3rem; padding-bottom:4rem;}
  .about-wrap {box-shadow: 0 0 74px rgba(0, 0, 0, 0.14);background:#fff; padding:2.4rem;border-radius: 15px;margin-top:2.4rem}
  .about h3 {font-weight: 800;font-size: 1.8rem; line-height:2.4rem}
  
  .about-left{margin-bottom:3rem}
  .about-left p {font-weight:700;margin-bottom:2.4rem;font-size: 1.4rem;line-height: 1.8rem;}
  .about-points {margin-top:1.8rem;}
  .about-points li {font-size:1.2rem;margin-bottom:0.8rem;position: relative;padding-left:2rem;font-weight: 500;color:#555;line-height: 1.7rem;}
  .about-points li::before {content: '';position: absolute; border-radius: 50%;width:0.6rem;height:0.6rem;background:#025d8f; left:0.1rem;top:0.6rem}
  

  .about-icons {margin-top:1.8rem;margin-bottom:2.6rem;}
  .about-icons li {font-size:1.2rem;margin-bottom:0.8rem; line-height: 1.7rem; position: relative;font-weight: 400;color:#555;display: flex;flex-wrap: nowrap;align-items:flex-start;justify-content: flex-start;}
  .about-icons li span {display: block;margin-left:1.2rem;font-size:1.2rem;line-height: 1.7rem;}
  .about-icons li img {margin-top:0.2rem}
  .about-right p {color:#555;margin-bottom:1rem;font-size:1.2rem;line-height:1.8rem}
  
  /* Контакты */
  .cont {padding-bottom:2rem}
  .cont .wr {padding-top:4rem;padding-bottom:4rem}
  .cont-zag{font-size: 2.6rem;font-weight: 800;margin-bottom:4.2rem;}
  .left-cont{padding-top:0.4rem; padding-bottom:3rem;}
  .cont-point{display: flex;align-items: flex-start; justify-content: flex-start;margin-top:2.4rem}
  .cont-point p:first-child {font-weight: 800;font-size: 1.4rem;margin-bottom:1.0rem}
  .cont-point p:last-child {color:#777;font-weight:500;font-size:1.2rem;max-width:17rem}
  .cont-icon{display: block;margin-right:1.4rem;margin-top:0rem}
  .tele {font-weight: 800;color:#116a9b;font-size: 1.6rem; line-height:2rem; display: block;margin-top: 0.6rem;}
  .cont-point .top-mes {margin-top:0.8rem}
  
  .map {overflow: hidden;border-radius: 12px; border:1px solid #eee}
  
  /* Форма обратной связи */
  .bot-form-wrap {padding-top:4rem;padding-bottom:20rem;background: url('img/bg-mob.jpg') no-repeat top center;}
  .bot-form-wrap img {position: absolute; right:1rem;bottom:-22rem;z-index:1; width:94vw;height:auto; max-width:622px}
  .bot-form {position: relative;z-index:3;}
  .bf-wrap {display: flex;align-items: flex-start; justify-content:center;flex-direction: column;}
  .bot-form-zag{margin:auto; font-weight:800;font-size:2rem;color:#156694;margin-bottom:1rem; line-height:2.4rem; text-align: center; max-width:20rem}
  .bot-form-opis{font-weight:700;font-size:1.7rem;margin-bottom:1rem; line-height:2.2rem; text-align: center;}
  .bot-form-semi-opis{font-size: 1.2rem;color:#999;font-weight: 400;margin-bottom:2.4rem; text-align: center;}
  .bot-form .inpt2 {margin:auto; margin-bottom:1rem; width:25rem;font-size: 1.3rem;}
  .bot-form .btn {margin:auto;padding:1.8rem 2.6rem 1.7rem 2.6rem; width:25rem;font-size: 1.3rem;font-weight: 500; margin-top:1rem}
  
  
  /* Футер */
  .footer{background:#666 ;padding-top:5.4rem;padding-bottom:2.5rem;}
  .footer .wr {z-index: 3;align-items:flex-start; justify-content: space-between;}
  .footer .wr:nth-child(2) {padding-top:3rem; padding-right:10rem}
  .footer .wr:nth-child(2) p {font-size:1.4rem;color:#aaa; line-height:1.8rem; margin-top:2rem}
  .footer .wr:nth-child(2) a {font-weight:500; color:#fff;border-bottom:1px solid rgba(255, 255, 255, 0.4);}
  .bot-cont p:nth-child(3) a:hover {border-bottom:1px solid rgba(255, 255, 255, 0.7);}
  
  .footer .wr:last-child p:nth-child(2) a {display: inline-block; margin-bottom:0.5rem;line-height: 1.3rem;font-size:0.8rem;}
  .bot-logo{display: flex;align-items:center;justify-content:center;}
  .bot-logo div {margin-left:1.5rem;}
  .bot-logo div p {font-size:3.2rem;font-weight:900;text-transform: uppercase;color:#fff;letter-spacing: .1rem;margin-left:-1px;margin-top:1rem;}
  .bot-logo div span {font-size:1.38rem;font-weight:500;color:#bbb;letter-spacing: .12rem;display: block;margin-top:1.2rem}
  .bot-logo-text{color:#999;font-size:0.86rem; max-width:240px; line-height:1.2rem; margin-left:8%;}
  
  .footer-bot-right{display: flex;align-items: flex-start;flex-wrap: nowrap;justify-content: flex-end;margin-top:4rem; flex-direction: column;}
  
  .bot-mes {display: flex;margin-bottom:2rem; text-align: center;margin-right:2rem}
  .bot-mes a {border:0;display:flex;align-items: center;justify-content: center;width:6rem;height:6rem;}
  .bot-mes a img {display: block;width:2.6rem;height:2.6rem;}
  .bot-mes a:nth-child(1) {background:#9920df;border-radius: 50%;margin-right:6px;}
.bot-mes a:nth-child(1):hover {background:#4320df} 
  .bot-mes a:nth-child(2) {background:#7ab900;border-radius: 50%;}
  .bot-mes a:nth-child(2):hover {background:#649800}
  
  .header .btn {padding:16px 28px;font-size: 0.86rem;}
  .bot-cont{min-width:204px;}
  .bot-cont p:nth-child(1) {font-size: 1.6rem;line-height:1rem;color:#aaa;margin-bottom:2rem;}
  .bot-cont p:nth-child(2) {font-size: 2.2rem;color:#aaa;margin-left:-1px;}
  .bot-cont p:nth-child(2) a {border:0;font-weight: 800; color:#fff;}
  .bot-cont p:nth-child(3) {font-size:1.6rem;line-height:1.6rem;margin-top:1.5rem;}
  .bot-cont p:nth-child(3) a {font-weight:500; color:#fff;border-bottom:1px solid rgba(255, 255, 255, 0.4); }
  .bot-cont p:nth-child(3) a:hover {border-bottom:1px solid rgba(255, 255, 255, 0.7);}
  
  /* нижнее меню */
  .bot-menu{display: flex;justify-content: center;flex-direction: column;margin-top:4rem}
  .bot-menu li {font-size: 1.5rem;margin-bottom:1.5rem;text-align: center;}
  .bot-menu li a {transition: all 0.15s; color:#fff;line-height:1.3;border-bottom:1px solid rgba(255, 255, 255, 0.4);transition: all 0.15s;display: inline-block;font-weight:500;font-size:1.5rem;}
  .bot-menu li a:hover {border-bottom:1px solid rgba(255, 255, 255, 0.6); color:#fff}
  
  /* Фиксированные кнопки */
  .fixedbtns {position: fixed;right:1rem;bottom:1rem;z-index:10;}
  .fixedbtns div {cursor:pointer;width:50px;height:50px;display:flex;align-items: center; justify-content: center;border-radius:7px; margin-top:12px;}
  .fixedbtns div a {border:0;display:block;display:flex;align-items: center; justify-content: center; width:100%;height:100%;}
  .fixedbtns div img {width:20px;height:20px;}
  .up{background:linear-gradient(to top, #757575, #a5a5a5);margin-bottom:25px;}
.max {background:linear-gradient(to top, #9920df, #4320df)}
  .tg img {margin-left:-4px;}
  .wa {background:linear-gradient(to top, #38ab28, #7fec3d)}
  
  
  /* Формы и модальные окна */
  .inpt {box-sizing: border-box;font-size:0.9rem;font-weight:500;width:30%;margin-bottom:8px;outline:0;border:0;padding:1.6rem 1.8rem 1.3rem 1.8rem;background:#f0f0f0;border-radius:8px;cursor:pointer;font-family:'Manrope', sans-serif;color: #000;}
  .inpt::placeholder{color: #999;}
  .inpt:focus {box-shadow: inset 0 0 35px rgba(0, 0, 0, 0.07);}
  
  .inpt2 {box-shadow: 0 0 25px rgba(0, 0, 0, 0.15); box-sizing: border-box;font-size:0.9rem;font-weight:500;width:26%;outline:0;border:0;padding:1.6rem 1.8rem 1.6rem 1.8rem;background:#fff;border-radius:6px;cursor:pointer;font-family:'Manrope', sans-serif;color: #000;}
  .inpt2::placeholder{color: #999;}
  .inpt2:focus {box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);}
  
  .popup{display:none;position: fixed;z-index:900;top:0;bottom:0;left:0;right:0;overflow:auto;}
  .modal{background:#fff;z-index:1200;width:440px;margin:auto;position:absolute;left:0;right:0;top:16vh;border-radius:10px;}
  .overlaypop{position: fixed;z-index:1000;top:0;bottom:0;left:0;right:0;padding-bottom:10vh;background: rgba(0,0,0,0.4);cursor:pointer;}
  
  .clsbtn{position:absolute;color:#000;right:20px;top:20px;font-size:20px; cursor:pointer;transition: 0.5s;}
  .clsbtn:hover{transform: rotate(90deg);}
  .modaltext{padding:4rem;}
  .modaltext a {color:#000;}
  
  
  .formopis{text-align:center;margin:auto;max-width:220px;margin-top:10px;margin-bottom:27px;font-size:16px;line-height: 120%;}
  .form{margin-top:40px;}
  
  .modalform{display: flex;flex-wrap: wrap;flex-direction: column;justify-content: center;}
  .modalform .inpt{width:22rem;display: block;margin:auto;margin-bottom:1.2rem;padding:1.8rem 2.4rem 1.7rem 2.4rem;font-size: 1.4rem;}
  .modalform .btn{display: block;margin:auto;width:22rem;padding:1.7rem 2.4rem;font-size: 1.5rem;font-weight: 500;}
  .modalzag {font-weight:bold;text-align:center;font-size:1.6rem;color:#000}
  .modalopis{margin:0 auto;max-width:18rem;line-height:140%;margin-top:1rem;margin-bottom:2rem;font-size:1.3rem;text-align:center;color:#666}

  /* Второстепенные страницы */
.price-vtor {padding-top:3rem;}
.works-vtor {padding-top:2rem;}
.cont-vtor {padding-top:3rem;}

.politika {padding-top:50px;padding-bottom:50px;}
.politika-back {margin-bottom:40px; display: inline-block;}
.politika p {margin-top:15px;margin-bottom:15px;line-height: 150%;}
.politika h1 {margin-bottom:50px;}
.politika h2 {margin-bottom:30px;margin-top:50px;}
.politika li {margin-top:15px;margin-bottom:15px;line-height: 140%;list-style-type: circle;margin-left:16px;padding-left:4px;}
.politika table td {padding: 20px 30px; border:1px solid #ddd;}
.politika a {color:#156694; border-bottom:1px solid;}
.politika table {padding: 0; margin:0; box-sizing: border-box;}
.politika table td {vertical-align: top;}
.politika h2 {line-height: 150%;}
.pol {margin-top:1.5rem;display: flex;align-items: flex-start;opacity: 0.9;}
.pol input {margin-top:0.7rem;margin-right:0.7rem;}
.pol p {font-size:1.1rem;margin-top:0.5rem;line-height: 1.5rem;color:#666}
.pol a {border-bottom: 1px solid;}
.modal .pol {max-width:24rem; margin:auto;margin-top:1.5rem;}

.bot-form .pol { flex-direction: row !important;}
}
@media screen and (max-width:700px){
.clsbtn{font-size:20px;right:2rem;top:2rem;}
.modal{width:90%;max-width:400px;top:16vh;}
}

@media screen and (max-width:500px){
}