body{background: #fff;}
*{margin:0 auto;font-family: 'Noto Sans', sans-serif;color: #283346;}
h1, h2, h3, h4, h5{font-family: 'Noto Serif', serif;}
.max_width{max-width: 1366px;width: 100%;margin: 0 auto;}
p, b, li, ol, i{color: #283346;}
.wp-block-list{padding:10px 0px 10px 20px}
h1, h2, h3, h4, h5, .head, .hhead span{font-family: 'Noto Serif', serif;color: #333645;}
*{padding:0px;margin:0;font-weight: 300;}
a, button, input, img {transition:0.2s}
a{color: #86555b;border-bottom: 2px solid #86555b;padding: 0 0 2px 0;text-decoration: none;}
a:hover{/* color:#fff; */text-decoration: none;border-bottom: 2px solid #cad9a200;}
.img_head, #content .otziv_block .img_head{width:30px;margin-right:20px}
#content .otziv_block .img_head{margin-bottom:0px}
.head_flex{display: flex;}
strong{font-weight:600}
.color_orange{color:#ef6f2e}
.head, #content .head{font-size: 46px;line-height: 1.3;max-width: 1000px;}
#content .head_magrin{margin-bottom:30px}
.brown li, .brown ol, .brown p{color: #3a3330;}
.radius{border-radius: 12px;}
.radius_img img{border-radius:0 20px 0 20px }
body #content .flex_center{display: flex; align-items: center!important;}
#content .flex_center .left_line{margin-bottom: 0px;}
.padding_six{padding: 60px 0;}
.padding_three{padding: 30px 0;}
.padding_six_first{padding-top:120px}
.navbar-burger{display: none;}
.hhead{font-size: 60px;padding: 0 0 30px 0;}
.hhead_margin{margin:0 0 10px 0}
.wp-block-heading{font-size:30px;margin:40px 0 0 0;}
.main_flex{display:flex;flex-wrap: wrap;align-items: flex-start;gap: 30px;align-content: center;}
.padding_six_top{padding: 70px 0 25px 0;}
#content .main_flex h1, #content .main_flex p, #content .main_flex div{width:100%;margin:0px;padding:0px}
#content .main_flex h1 span{display:block}
#content .main_flex ul{padding-top:0px;padding-bottom:0px;margin:0px}
#content .main_flex .link{margin:0 0 50px 0}
#content .main_flex blockquote{margin:0px;}
#content .main_flex li:first-child{padding-top:0px}
#content .main_flex li:last-child{padding-bottom:0px}

.link{display:block;margin: 30px 0 0 0;}
.link_padding{margin:30px 0}
.link-margin-top{margin: 50px 0 0 0;}
.link a{border: 2px solid #86555b;background: #86555b;border-radius: 40px;padding: 15px 30px;display: inline-block;font-size:18px;text-decoration:none;color: #fff;}
.link a:hover{background: #86555b00;color: #86555b;}

#content h3.wp-block-heading, #content h3{font-size: 25px;margin:40px 0 0 0}
#content h3.margin_zero{margin:0px;display: flex;}

#topmenu {position : fixed;background: #333645;width : 100%;padding: 12px 0;/* box-shadow : 0 -12px 10px 10px #0003; */z-index : 5;top: 0px;border-radius: 0 0 0 30px;}
#topmenu .block {display : flex;align-content: center;align-items: center;column-gap: 1%;}
#topmenu .blocks {width : 33%;}
#topmenu .logo {width : 20%;max-width: 260px;min-width: 260px;}
#topmenu .logo a:hover{border-bottom:none}
#topmenu .logo a{border-bottom:none;display: block;height: auto;font-family: 'Noto Serif', serif;font-size: 20px;display: flex;align-content: center;align-items: center;gap: 10px;}
#topmenu .logo a .text, #topmenu .logo a span{font-family: 'Noto Serif', serif;color: #d2d7dd;display: block;}
#topmenu .menu {width: 100%;text-align : center;vertical-align: middle;padding: 0;}
#topmenu ul {display : flex;flex-wrap : nowrap;height: 100%;align-items: center;justify-content: flex-end;align-content: center;padding: 0px;}
#topmenu li {list-style : none;margin: 5px 3% 5px 0%;font-size: 16px;text-align: left;min-width: 70px;}
#topmenu li:last-child{margin-right:0px}
#topmenu a {border-bottom: 4px solid #d2d7dd00;color: #d2d7dd;text-decoration: none;}
#topmenu .menu a:hover {border-bottom: 2px solid #d2d7dd;}
#topmenu .zvonok {width : 20%;text-align : right;/* min-width: 205px; */display: flex;align-items: center;justify-content: flex-end;}
#topmenu .zvonok a {display:inline-block;border-radius: 100%;padding: 0px;border-bottom: 0px;margin: 0 0 0 15px;}
#topmenu .zvonok a:first-child{margin-left:0px}
#topmenu .zvonok svg{width: 39px;height: 39px;}
#topmenu .zvonok svg path{fill: #c4c5c7;border-radius: 100%;}
#topmenu .zvonok svg:hover path{fill: #ffffff;}
#topmenu .zvonok a:hover {}
#topmenu .logo img {width : initial;max-width: 300px;position: relative;top: 2px;width: 60px;}
#topmenu .menu a:hover {border-bottom: 2px solid #d2d7dd;padding: 0 0 5px 0;}
#topmenu .current-menu-item a{border-bottom: 2px solid #d2d7dd;padding: 0 0 5px 0;}

#footer{padding: 80px 1% 50px 1%;background: #333645;border-radius: 30px 0 0 0;}
.footer{max-width: 1400px;text-align: center;display: flex;margin: 0 auto;}
.footer .block{width:25%}
#footer .menu{width: 57%;text-align: left;min-width: 300px;}
.footer div{display: inline-block;vertical-align: top;}
#footer .menu ul{padding: 0 0 10px 0;}
#footer .menu li{display: block;padding: 6px 0;font-size: 16px;line-height: 23px;width: 96%;margin-left: 0px;color: #d2d7dd;}
#footer .menu li.first{font-weight:600;color: #d2d7dd;}
#footer .menu a{font-size: 16px;color: #d2d7dd;text-decoration:none;border-bottom: 1px solid #d2d7dd;padding:0 0 2px 0;}
#footer .menu a:hover{border-bottom: 1px solid #ffc30000;padding:0 0 12px 0}
#footer .soc img{width:30px}
#footer .soc a{border-bottom:none;padding: 0px;}
#footer .soc a:hover{border-bottom:none;padding: 0px;}
#footer .soc .messanger{display:block;margin:20px 0 0 0}
#footer .soc .messanger img{margin:0 20px 0 0}
#footer .soc .messanger img:hover{opacity:0.5}
#footer p{font-size:13px;padding: 7px 0;}
#footer a.img{height:13px;border:none;padding: 0 0 0 15px;opacity:1}
#footer a.img img{height:20px;vertical-align: middle;}
#footer a.img:hover{border:none;padding:0 0 0 15px;opacity:0.5}
#footer .contakt{text-align:right;/* width: 40%; */min-width: 250px;}
#footer .contakt .adres{font-size:14px;color: #283346;padding: 2px 0;}
#footer .contakt .phone{font-size: 21px;color:#283346;padding: 0 0 10px 0;}
#footer .contakt .phone a{text-decoration:none;color:#283346;padding: 0px!important;border-bottom: 0px!important;}
#footer .contakt .messanger{font-size:19px;padding: 0 0 10px 0;}
#footer .contakt .messanger a{border-bottom:none}
#footer .contakt .messanger a:hover{border-bottom:none}
#footer .contakt .messanger img{height: 35px;vertical-align:middle;margin: 0 10px;opacity:1;}
#footer .contakt .messanger img:hover{opacity:0.7}
#footer .contakt span{display:block}
#footer .contakt b{font-weight:500;color:#848484}
#footer .contakt a{color: #283346;text-decoration: none;border-bottom: 1px solid #ffc300;padding: 0 0 2px 0;}
#footer .contakt a:hover{text-decoration:none;border-bottom: 1px solid #ffc30000;padding: 0 0 12px 0;}
#footer .logo img{max-width:50px}
#footer .logo a:hover{border-bottom:none}
#footer .logo a{border-bottom:none;display: block;height: auto;font-family: 'Noto Serif', serif;font-size: 20px;display: flex;align-content: center;align-items: center;gap: 10px;}
#footer .logo a .text, #footer .logo a span{font-family: 'Noto Serif', serif;color: #d2d7dd;display: block;}


#breadcrumbs {margin: 140px auto 0;}
#breadcrumbs a{color: #86555b;border-bottom: 1px solid #86555b;padding: 0 0 1px 0;text-decoration: none;}
#breadcrumbs a:hover{border-bottom: 1px solid #cad9a200}
#breadcrumbs span a:hover span{border-bottom: 1px solid #eed5d100;}
#breadcrumbs span{color: #a7a7a7;}
#breadcrumbs .separator{padding:0 5px}

#content{padding: 50px 0 100px 0;}
#content.padding_botton_five{padding-bottom:50px;padding-top: 0px;}
#content .main_img_right{text-align: right;}
#content .main_img_right svg{width: 80%;}
#content .main_img_left{text-align: left;display: flex;}
#content .main_img_left svg{width: 80%;}


#sliders .img_slider img{/* width: 90% !important; */object-fit: cover;object-position: center;border-radius: 0 20px 0 20px;padding: 0;}
#sliders .img_slider img:hover{opacity:0.6}
#sliders .slick-slide{margin:0 15px}
#sliders .slick-dots li button:before{font-size: 10px;line-height: 40px;color: #c4c5c7;}
#sliders .slick-dots li.slick-active button:before{color: #c4c5c7;}
#sliders .slider{width: calc(100% + 30px);position: relative;left: -10px;}
#sliders .slick-dotted.slick-slider{margin:0px}

#content p{font-size: 18px;margin: 0;padding: 10px 0;line-height: 1.5;}
#content ul{padding:10px 0 10px 20px}
#content li{font-size:18px;line-height:26px;padding: 5px 0;}
#content li::marker{font-size: 20px;color: #b5a884;line-height: 23px;vertical-align: middle;}
#content p.text_main_head{padding:0 0 30px 0;position:relative;top:-20px}
#content ul.list_two{display:flex;flex-wrap: wrap;gap: 2%;}
#content ul.list_two li{width: 49%;}

.bgmain{background: url(/wp-content/uploads/bgmain.png) no-repeat; background-position: left top; background-size: 600px;}
.bgmain_footer{background: url(/wp-content/uploads/bgmain_footer.png) no-repeat;background-position: right bottom;background-size: 600px;}
#content blockquote{/* background: #333645; */padding: 40px;border: 2px solid #b5a884;font-style: italic;border-radius: 0 20px 0 20px;margin: 60px 0;background-image: url(/wp-content/uploads/blocknote.svg);background-size: 60px;background-repeat: no-repeat;background-position: 20px 20px;}
#content blockquote p{font-size:16px;line-height: 24px;padding: 0px;/* color: #fff; */}


#content .otziv_block{/* background: #b3a57d; */padding: 40px;border-radius: 0 20px 0 20px;border-left: 2px solid #b3a57d;border-right: 2px solid #b3a57d;border-bottom: 2px solid #b3a57d;border-top: 2px solid #b3a57d;}
#content .otziv_block img{width:40px}
#content .otziv_block img{margin:0 0 10px 0}
#content .otziv_block .name{/* font-style: italic; */font-family: 'Noto Serif', serif;color: #333645;} 
#content .otziv_block p{/* font-size:16px; */}
#content .bg_war{background: #b3a57d;}
#content .bg_user_one{background-image: url(https://mnipis.ru/wp-content/uploads/2025/06/gruppa_img_one_white.svg);background-size: 40%;background-repeat: no-repeat;background-position: 15px 15px;}
#content .bg_user_two{background-image: url(https://mnipis.ru/wp-content/uploads/2025/06/gruppa_img_two_white.svg);background-size: 40%;background-repeat: no-repeat;background-position: 15px 15px;}

#content .bg_podhod{background-size: 200px;background-repeat: no-repeat;background-position: 15px 15px;}
#content .bg_podhod_one{background-image: url(https://mnipis.ru/wp-content/uploads/podhod_img_one.svg);}
#content .bg_podhod_two{background-image: url(https://mnipis.ru/wp-content/uploads/podhod_img_two.svg);}
#content .bg_podhod_three{background-image: url(https://mnipis.ru/wp-content/uploads/podhod_img_three.svg);}
#content .bg_podhod_four{background-image: url(https://mnipis.ru/wp-content/uploads/podhod_img_four.svg);}


#content .box_bg_content{border-radius: 0 20px 0 20px;background: #b5a884;padding: 0px;display: flex;margin: 60px 0 0 0;align-items: center;align-content: center;}
#content .box_bg_content_left{padding: 30px;}
#content .box_bg_content_left p{color:#fff}
#content .box_bg_content img{border-radius: 0 20px 0 0;height: inherit;width:auto}
.bgmain .slick-dots {bottom: -40px;}
#bthree ul{display:flex;padding: 0;gap: 2%;flex-wrap: wrap;row-gap: 25px;}
#bthree li{width: calc(28% - 4px);padding: 40px 2%;list-style: none;margin: 0;border-radius: 0 20px 0 20px;font-size: 15px;line-height: 23px;border: 2px solid #b5a884;}
#bthree li:last-child{background: #b5a884;}
#bthree li:last-child b{color:#fff}
#bthree li:before{display:none}
#bthree ul.list_work{display: flex;flex-wrap: wrap;margin: 40px 0 0 0px;/* justify-content: space-between; */}
#bthree ul.list_work b{width: 100%;display: flex;font-weight: 300;font-size: 18px;line-height: 1.5;}
#bthree ul.list_work span{width: 100%;display: flex;column-gap: 15px;font-size: 15px;line-height: 23px;padding: 5px 0;}
#bthree ul.list_work span.number{width:initial;display:initial;padding:0 10px 0 0;color: #b5a884;font-size: 40px;font-family: 'Noto Serif', serif;position: relative;top: 8px;}
#bthree ul.list_work span.number::before{display:none}

#content .box_img_right{min-width: 200px;}
#content .box_img_right figure{height: 100%;max-height: 400px;width: 100%;}

#content .box_img_right figure img{object-fit: cover;object-position: top right;}
#content .left_line, #content p.left_line{border-left:2px solid #b5a884;padding:10px 0 10px 20px;margin:20px 0}

.block_left_right{display:flex;gap:2%;align-items: center;}
.block_left{width:70%}
.block_right{width: 34%;}
.block_left p{padding:20px 0 0 0;max-width:800px;font-size: 18px;margin: 0;line-height: 1.5;}

#bg_sean{background:#333645;border-radius: 0 30px 0 30px;padding: 60px 0 100px 0;}
#bg_sean .hhead{color:#fff}
.display_mobile{/* display: none; */}
.showAllBtn{
    margin-top: 10px;
    background: none;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 1px solid #86555b;
    padding: 0 0 2px 0;
    font-size: 16px;
    color: #86555b;
}
 @media (max-width: 1400px) {
  .max_width{width:94%;}
}
 @media (min-width: 1300px) {
  #content .main_flex h1{line-height: 1.3;}
}
  @media (max-width: 1300px) {
  #content .box_bg_content_left{flex-basis: 60%!important;}
}

 @media (max-width: 1024px) {
  #content .box_img_right figure {
    height: 100%;
    max-height: 450px;}
 }

@media (max-width: 781px) {
.display_mobile{display: block;margin: 40px 0 0 0;}
 #topmenu li {margin: 5px 2% 5px 2%;text-align: center;}
#content .box_img_right figure img{width:100%}
 .img_head, #content .otziv_block .img_head{margin-right:10px}
 #content h3.wp-block-heading, #content h3{font-size:20px;margin-bottom:15px}
.head, #content .head{font-size:30px;}
 body #content .flex_center
.wp-block-heading{margin:0px}
.hhead{font-size: 30px;padding: 0 0 20px 0;}
#breadcrumbs {margin: 0px auto 0;/* border-top:1px solid #f3f0e7; *//* padding: 20px 0 0 0; */}
#sliders .slider{width: calc(100% + 20px);}
#content .main_img_right svg{width:100%}
#content .main_img_left{margin-top: 30px;}
 #content .main_img_left svg{width:100%}
#topmenu .current-menu-item a{border-bottom: 2px solid #d2d7dd;padding: 0 0 0px 0;}
#content p, .block_left p{font-size:16px;line-height: 24px;padding: 0 0 10px 0;}
#content li{font-size:16px;line-height:24px}
 #content ul.list_two li{width:100%}
#content ul{padding: 0px 0 10px 20px;}
#topmenu{position:initial;box-shadow: none;padding: 15px 0 60px 0;background-position: center bottom;background-size: 100%;background: url(/wp-content/uploads/bgmain_main.png) no-repeat bottom;}
#topmenu .block{display:flex;flex-wrap: wrap;}
#topmenu .blocks{width:100%;max-width:initial}
#topmenu .zvonok{display:flex;justify-content: center;}
#topmenu .zvonok a{margin:0px;padding: 0 15px;}
#topmenu .menu{display:flex;flex-wrap: wrap;justify-content: center;padding: 10px 0;}
#topmenu .logo{min-width:initial;text-align:center}
#topmenu .logo a{display:flex;justify-content: center;}
#topmenu .logo .text{text-align:left}
#topmenu .logo img{width: 60px;}
#content.o_nas{padding: 50px 0 0px 0;}
#content .o_nas_order{}
#content .main_mobile{padding:0px}
#content .o_nas_order_one{order: 2}
#content .o_nas_order_two{order:1}
#content  .bloknot_otstup{padding: 0 0 40px 0;font-size: 15p;}
#content  .bloknot_text{font-size:15px}
#content blockquote{padding:25px}
#footer{padding: 40px 0;width: 100%;}
#footer .footer{display:flex;flex-wrap: wrap;width: 94%;}
#footer .footer .block{width:100%}
#footer .menu ul{}
#footer .menu p{padding:4px 0}
#footer .menu p.social{display:block;padding: 0 0 20px 0;}
#footer .menu p.social img{height: 25px;}
#footer .mobile-footer{display:block;text-align: center;width: 100%;padding: 30px 0 0 0;}
#footer .contakt{width: 100%;text-align:center;}
#bthree li{width:100%;padding: 15px 15px;}
 #bthree ul.list_work b{font-size:15px;line-height:1.5}
 #bthree ul{row-gap:15px}
 #bthree ul.list_work span.number{font-size:30px;top:5px}
#content .wp-block-heading{font-size:24px;margin-bottom: 15px;margin-top: 50px;/* margin-bottom: 20px; */}
.box_bg_content_right{order: 1}
.box_bg_content_left{order: 2}
#content .box_bg_content img{border-radius: 20px 0px 0 0;}
.padding_six{padding: 60px 0;}
.padding_six_footer{padding: 0 0 60px 0;}
 #bg_sean{padding:0px 0 30px 0;margin:40px 0 0 0}
 #content .box_bg_content{border-radius: 22px 0 20px 0;row-gap:0}
#content .otziv_block{padding:25px}
 .block_left_right{display:flex;gap:2%;align-items: center;flex-wrap: wrap;}
.block_left{width:100%;order: 2;margin: 30px 0 0 0;}
.block_right{width: 100%;}
 .block_left p{padding:20px 0 0 0}
}

/* Стили для кнопки */
.popup-button {
    background: #0073aa;
    color: white;
    border: none;
    padding: 12px 30px;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.popup-button:hover {
    background: #005a87;
    transform: scale(1.05);
}

/* Оверлей попапа (затемнение фона) */
.popup-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    justify-content: center;
    align-items: center;
}

/* Контейнер попапа */
.popup-container {
    background: white;
    width: 90%;
    max-width: 500px;
    border-radius: 10px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.3);
    animation: slideIn 0.3s ease;
}

/* Анимация появления */
@keyframes slideIn {
    from {
        transform: translateY(-100px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* Шапка попапа */
.popup-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    border-bottom: 1px solid #eee;
    background: #f8f9fa;
    border-radius: 10px 10px 0 0;
}

.popup-header h3 {
    margin: 0;
    color: #333;
    font-size: 20px;
}

/* Кнопка закрытия */
.popup-close {
    background: none;
    border: none;
    font-size: 28px;
    cursor: pointer;
    color: #666;
    transition: color 0.2s;
}

.popup-close:hover {
    color: #e74c3c;
}

/* Тело попапа */
.popup-body {
    padding: 25px;
}

/* Стили для формы CF7 (опционально) */
.popup-body .wpcf7-form p {
    margin-bottom: 15px;
}

.popup-body .wpcf7-form input,
.popup-body .wpcf7-form textarea,
.popup-body .wpcf7-form select {
    width: -webkit-fill-available;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 14px;
}

.popup-body .wpcf7-form input[type="submit"] {
    background: #86555b;
    color: white;
    cursor: pointer;
    border: none;
    padding: 12px;
    font-size: 16px;
}

.popup-body .wpcf7-form input[type="submit"]:hover {
    background: #005a87;
}

/* Закрытие по клику вне попапа */
@media (max-width: 768px) {
    .popup-container {
        width: 95%;
        margin: 10px;
    }
}

#wpcf7-f7-o1 > form > p:nth-child(7) > span > span > span > label {
	display: flex;
}