@import url('https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&display=swap');


body {font-family: "Google Sans"!important;}




/* header */


#site_logo img {
 width: 250px;
}



div#site_logo {
 float: left;
 margin: 0;
 height: auto;
 margin-top: 12px;
}



#top_line {
 height: 0;}




.search {
 float: right;
 margin-right: 50px;
 margin-top: 22px;
 width: 300px;
 height: 44px;
 position: relative;
 box-sizing: border-box;
 border: 1px solid #dddde1;
 border-radius: 10px;
 
}


.search {
 margin-left: 50px;
}

.search .search-keyword {
 position: absolute;
 width: 100%;
 border: none;
 box-shadow: 0 0 20px rgba(0, 0, 0, 0.02);
 height: 40px;
 box-sizing: border-box;
 background: none;
 z-index: 2;
 font-size: 14px;
 color: #212121;
 line-height: 18px;
 padding: 15px 15px 12px;
 padding-right: 55px;
 transition: all .2s ease;
 font-weight: 400;
 border-radius: 3px;
 -webkit-appearance: none;
}


.search .search-submit {
 position: absolute;
 top: 3px;
 right: 3px;
 z-index: 3;
 line-height: 27px;
 color: #ffffff;
 font-size: 20px;
 font-family: 'Line Awesome Free';
 font-weight: 900;
 border: 0;
 border-left: 0;
 text-transform: uppercase;
 cursor: pointer;
 -webkit-appearance: none;
 box-sizing: border-box;
 transition: all .3s ease;
 background: #3d8954;
 border-radius: 10px;
 width: 36px;
 height: 36px;
 padding: 0;
 transform: rotateY(180deg);
}


.search .search-submit:hover {
 transform: rotateY(0deg);
 color: #fff;
}

.search:hover {
 border: 1px solid #979797;
 transition: 0.5s;
}

.search {
 transition: 0.5s;
}


#header-login {
 float: right;
 margin-top: 25px;
 position: relative;
 height: auto;
 padding-left: 0;
 padding-right: 0;
}


a.header-but {
 display: flex;
 flex-direction: column;
 align-content: center;
 justify-content: center;
 align-items: center;
}


a.header-but span {
 color: #000;
 margin-top: 0px;
 font-size: 14px;
 font-weight: 500;
}

a.header-but i {
 font-size: 24px;
 color: #3d8954;
}


a.header-but img {
 width: 24px;
}



.header-list {
 float: right;
 margin: 26px 0 0 0;
 padding: 0;
 overflow: hidden
}

.header-list li {
 overflow: hidden;
 float: left;
 margin: 0 0 0 40px;
 padding: 0;
 line-height: 20px
}

.header-list li:first-child {
 margin-left: 0
}

.header-list li i {
 font-size: 40px;
 line-height: 40px;
 float: left
}

.header-list li b {
 display: block;
 font-size: 15px;
 color: #212121;
 margin-left: 50px
}

.header-list li span {
 display: block;
 margin-left: 50px
}



.header-list li i {
 color: #ffffff;
 width: 40px;
 height: 40px;
 background: #3c8854;
 border-radius: 10px;
 font-size: 26px;
 text-align: center;
}

.header-list a {
 color: #000000;
 font-weight: 500;
}


.header-list li b {
 font-weight: 400;
 font-size: 14px;
}



header#site_header {
 background: #fff;
}



/* menu */


div#navi {
 background: #fff;
}


#navi .uMenuRoot > li > a.menu-home-page span {
 display: none
 }

#navi .uMenuRoot > li > a.menu-home-page:before {
 content: '\f015';
 font-family: 'Line Awesome Free';
 font-size: 20px;
 font-weight: 900
 }

nav {
 height: 54px;
 border: 0;
 border-radius: 10px;
 position: relative;
 z-index: 10;
}

div#navi div#main_container {
 padding: 0;
}



nav ul li a {
 display: block;
 font-size: 14px;
 color: #ffffff !important;
 text-shadow: none;
 padding: 0 14px;
}


div#navi, nav {
 background: #3c8854;
}

.some_shadow {
 display: none;
}


nav ul li {
 border-right: 0;
 line-height: 54px;
}


nav ul li a:hover, nav ul li a.uMenuItemA, .active > a {
 text-shadow: none;
 color:#8bca9e !important;
 background: transparent;
 transition: 0.5s;
}

nav ul li a {
 transition: 0.5s;
}


nav ul li ul li:first-child {
 border-top-left-radius: 10px;
 border-top-right-radius: 10px;
}

nav ul li ul li:last-child {
 border-bottom-left-radius: 10px;
 border-bottom-right-radius: 10px;
}


nav ul li ul li a:hover {
 color: #ffffff !important;
}

li:has(.menu-zakaz) a {
 background: #2f623e;
 border-radius: 10px;
 line-height: 40px;
 position: relative;
 top: 7px;
}

li:has(.menu-zakaz) a {
 background: #2f623e;
 border-radius: 10px;
 line-height: 40px;
 position: relative;
 top: 7px;
}

li:has(.menu-zakaz) {
 float: right;
}

li:has(.menu-zakaz) a:hover {
 background: #1a4c28;
 color: #fff !important;
}


/* footer */


footer {
 background: #323232;
 border-top-left-radius: 50px;
 border-top-right-radius: 50px;
 border-top: 0;
 box-shadow: none;
}



.footer-layout {
 display: flex;
 gap: 30px;
}

.footer-col-1 {
 width: 20%;
}

.footer-col-2 {
 width: 40%;
}

.footer-col-3 {
 width: 20%;
}

/* Внутри второй колонки */
.footer-inner {
 display: flex;
 gap: 15px;
}

.footer-inner-col {
 width: 50%;
}

/* 📱 Мобилка */
@media (max-width: 768px) {
 .footer-layout {
 flex-direction: column;
 gap: 15px;
 }

 .footer-col-1,
 .footer-col-2,
 .footer-col-3 {
 width: 100%;
 }

 .footer-inner {
 flex-direction: column;
 gap: 15px;
 }

 .footer-inner-col {
 width: 100%;
 }
}



.logo-footer img {
 max-width: 250px;
}



#footer_container {
 width: 1270px;
 margin: 0 auto;
}

div#footer-bottom {
 border-top: 1px solid #ffffff17;
 padding-top: 20px;
 color: #ffffff7a; margin-top: 30px;
}

.footer-list {
 margin: 0;
 padding: 0;
 list-style: none;
}

.footer-list li {
 display: block; /* ВАЖНО — теперь друг под другом */
 margin-bottom: 25px;
 overflow: hidden;
}

.footer-list li i {
 float: left;
 width: 40px;
 height: 40px;
 line-height: 40px;
 font-size: 24px;
 text-align: center;
 background: #3c8854;
 color: #fff;
 border-radius: 6px;
}

.footer-list li b {
 display: block;
 margin-left: 50px;
 font-size: 13px;
 color: #ccc;margin-top: 3px;
 font-weight: 400;
}

.footer-list li span {
 display: block;
 margin-left: 50px;
}

.footer-list a {
 color: #fff;
 font-size: 15px;
 margin-top: 2px;
 display: block;
}

.logo-footer img {
 max-width: 200px;
}

div#footer-top {
 padding-top: 30px;
}


.footer-menu {
 list-style: none;
 display: flex;
 gap: 0;
 padding: 0;
 margin: 0;
 flex-wrap: wrap;
 justify-content: flex-start;
}

.footer-menu li {
}

.footer-menu a {
 display: flex;
 align-items: center;
 gap: 10px;
 color: #aaa;
 text-decoration: none;
 font-size: 14px;
 padding: 10px 14px;
 border-radius: 8px;
 transition: all 0.25s ease;
}

.footer-menu a i {
 font-size: 18px;
 color: #3c8854;
 transition: transform 0.25s ease;
}

/* hover эффект */
.footer-menu a:hover {
 color: #fff;
 background: rgba(60, 136, 84, 0.1);
}

.footer-menu a:hover i {
 translateY(0px) scale(1.1);
 color: #3c8854;
}

/* активный пункт (если нужно) */
.footer-menu a.active {
 background: rgba(60, 136, 84, 0.2);
 color: #fff;
}


.footer-menu li {
 width: 100%;
}



.footer-bottom-inner {
 display: flex;
 justify-content: space-between;
 align-items: center;
 gap: 15px;
 margin: 0 auto;
}

.footer-left {
 text-align: left;
}

.footer-right {
 text-align: right;
}

/* 📱 мобильная версия */
@media (max-width: 768px) {
 .footer-bottom-inner {
 flex-direction: column;
 align-items: flex-start;
 }

 .footer-right {
 text-align: left;
 }
}

.footer-bottom-inner {
 font-size: 14px;
}

.soc-img img {
 max-width: 40px;
 border-radius: 10px;
 margin-right: 10px;
}





/* база (мобильные) */
header #main_container,
#footer_container,
#navi #main_container {
 width: 100%;
 max-width: 100%;
 padding: 0 15px;
 margin: 0 auto;
}

/* ≥ 576px */
@media (min-width: 576px) {
 header #main_container,
 #footer_container,
 #navi #main_container {
 max-width: calc(100% - 30px); padding:0 15px;
 }
}

/* ≥ 768px */
@media (min-width: 768px) {
 header #main_container,
 #footer_container,
 #navi #main_container {
 max-width: calc(100% - 30px); padding:0 15px;
 }
}

/* ≥ 992px */
@media (min-width: 992px) {
 header #main_container,
 #footer_container,
 #navi #main_container {
 max-width: calc(100% - 60px); padding:0 30px;
 }
}

/* ≥ 1200px */
@media (min-width: 1200px) {
 header #main_container,
 #footer_container,
 #navi #main_container {
 max-width: calc(100% - 60px); padding:0 30px;
 }
}

/* ≥ 1400px */
@media (min-width: 1300px) {
 header #main_container,
 #footer_container,
 #navi #main_container {
 max-width: 1270px;
 }
}





@media (max-width:1300px) {
 #site_logo img {
 width: 180px;
}
 
div#site_logo {
 margin-top: 21px;
} 
 .search {
 margin-left: 30px;
 margin-right: 30px;
}
 .search {
 width: 220px;} 
 
 nav ul li a {
 font-size: 13px;
 } 
 
 
}




@media (max-width:950px) {

 #site_logo img {
 width: 130px;
 }
 
 .header-list li i {
 width: 30px;
 height: 30px; font-size: 18px;
 line-height: 30px;
}
 
 .header-list li b, .header-list li span {
 margin-left: 40px;
}
 .header-list li b, .header-list li span {
 font-size: 12px;
}
 .header-list a {
 top: -8px;
 position: relative;
}
 .header-list li b {
 position: relative;
 top: -4px;
}
 
 .search {
 height: 34px;} 
 
 .search .search-keyword {
 height: 30px;
 font-size: 12px;}
 
 
 
 .search .search-submit {
 line-height: 27px;
 font-size: 14px;
 width: 27px;
 height: 27px;
}
 .search {
 width: 180px;
 }
 
 a.header-but i {
 font-size: 16px;
}
 
 a.header-but span {
 font-size: 12px;
} 
 
 
 #site_header {
 height: auto;} 
 
 #navi {
 margin-bottom: 15px;
 border-radius: 5px;
 overflow: visible;
 }
 #navi #main_container {
 width: 100%;
 padding: 0;
}
 
 .show_menu {
 height: auto;
 line-height: 48px;
 padding: 0;
 background: #3d8954 url(/new1/img/show_menu.png) right no-repeat;
 font-size: 15px;
 font-weight: 500;
 color: #fff;
 border-bottom: 0;
 cursor: pointer;
 position: relative;
 width: 100%;
}
 div#top-header {
 display: flex;
 flex-direction: column;
}
 div#navi {
 border-radius: 0;
}
 div#site_logo {
 margin-top: 14px;
 }
 
 .header-list {
 margin: 13px 0 0 0;
}
 .search {
 margin-top: 11px;} 
 
 #header-login {
 margin-top: 13px;}
 
 #navi .uMenuRoot > li > a.menu-home-page span {
 display: block;
}
 #navi .uMenuRoot > li > a.menu-home-page:before {
 display: none;
}
 .has_ul:hover {
 background: #246437 url(/new1/img/nav_li_ul.png) right no-repeat;
 border-radius: 10px !important;
}
 
}