ul {list-style-image: url('/images/elementi/li2.svg');}
.uk-input::placeholder {font-size: .9rem;}
.uk-textarea::placeholder {font-size: .9rem;}
.uk-select {font-size: .9rem;}

.uk-tile-muted {border-radius: 0px 40px 40px 40px;}
.uk-card-default {border-radius: 0px 40px 40px 40px;}
.uk-card-primary {border-radius: 0px 40px 40px 40px;}
.uk-card-secondary {border-radius: 0px 40px 40px 40px;}
.uk-border-rounded {border-radius: 0px 40px 40px 40px;}
.uk-tile-primary {border-radius: 0px 40px 40px 40px;}

.autstaffing_razdel .el-title {font-size: 1.3rem; line-height: 1.1; font-weight: 700;}
.autstaffing_menu {font-size: 1rem; line-height: 1.3; font-weight: 700;}
.autstaffing_text h2 {font-size: 1.2rem; line-height: 1.3; font-weight: 700;}
.autstaffing_text h3 {font-size: 1.1rem; line-height: 1.1; font-weight: 700;}

.rolik .el-image {border-radius: 15px;}
.smi h2 {font-size: 1.3rem; line-height: 1.1; font-weight: 700;}
.smi li {font-size: .9rem; line-height: 1.1; margin-bottom: 10px;}
.smi_zg {font-size: 1.2rem; line-height: 1.1; font-weight: 700;}

.lang {line-height: 1; font-weight: 700; text-transform: uppercase;}
.lang .uk-active {background: #005439; border-radius: 0px 40px 40px 40px; padding: 13px 13px;}
.lang .uk-active a {color: #fff;}
.uk-navbar-item .uk-subnav > * > :first-child {font-size: .75rem; margin-right: 5px;}
.uk-subnav > * {padding-left: 7px;}

.menu div {font-size: 1.1rem; line-height: 1.1; font-weight: 700; color: #000;}
.menu div > a {color: #000; padding-bottom: 15px; display: block;}
.menu div > a:hover {color: #999;}
.menu li {font-size: .9rem; line-height: 1.1; padding-bottom: 7px;}
/* .menu li > a:before {content: '- ';} */
.menu li > a {color: #222;}
.menu li > a:hover {color: #666;}

.uk-navbar-toggle {padding: 0 1rem; font-weight: 600; /* background: #005439; */ font-size: .75rem; min-height: 37px; border-radius: 0px 40px 40px 40px; text-transform: uppercase;}
.uk-navbar-toggle:hover { /* background: #023625; */}

.kont_top {line-height: 1.1; color: #000; text-align: right; font-weight: 600; font-size: .95rem;}
.kont_top svg {color: #005439; margin-top: -2px;}

.zg1 {font-size: 1.8rem; line-height: 1.1; font-weight: 600;}
.zg1 span {font-size: 3.1rem; font-weight: 700; text-transform: uppercase; color: #005439;}
.zg2 {font-size: 1.4rem; line-height: 1.1; font-weight: 700; text-transform: uppercase; color: #005439;}
.zg_header {font-size: 1.8rem; line-height: 1.1; font-weight: 700; text-transform: uppercase; color: #005439;}
.zg_header2 {font-size: 1.5rem; line-height: 1.1; font-weight: 700; text-transform: uppercase;}

.pod_zg {font-weight: 600; line-height: 1.2;}

.knopki .el-content {line-height: 1.5; padding: 7px 0; font-size: .8rem;}

.case_blog .el-title {font-size: .95rem; line-height: 1.1; font-weight: 700; margin-bottom: 5px !important;}
.case_blog .el-link {font-size: .8rem; line-height: 1.2;}
.case_content h1 {font-size: 1.5rem; line-height: 1.2; font-weight: 700; text-transform: uppercase; color: #000;}
.case_content h3, h4 {font-size: 1.1rem; line-height: 1.2; font-weight: 700; margin-bottom: 5px; color: #000;}
.case_content p {margin: 10px 0; color: #000; font-size: .95rem;}
.case_content ul {margin-top: 5px;}

.bok_menu .uk-active {font-weight: 700;}
.bok_menu .uk-active a {color: #000 !important;}
.bok_menu .el-link {font-size: .9rem;}
.bok_menu .uk-nav-header {font-size: 1.1rem; line-height: 1.2; font-weight: 700; color: #005439; text-transform: uppercase; letter-spacing: .02rem;}

.map .leaflet-container {border-radius: 20px;}
.map .el-title {font-size: 1rem; line-height: 1; font-weight: 700;}
.map .el-meta {font-size: .8rem; line-height: 1; margin-top: 8px;}
.map .el-content {font-size: .8rem; line-height: 1; margin-top: 5px;}

.zg_cont {font-size: 1.3rem; line-height: 1.1; font-weight: 700; text-transform: uppercase;}

.uchastie .el-title {font-size: 1.2rem; line-height: 1.1; font-weight: 700; text-transform: uppercase; letter-spacing: .02rem;}
.uchastie .el-content {font-weight: 600; line-height: 1.1;}
.uchastie .el-content li > a {color: #444; transition: all 400ms;}
.uchastie .el-content li > a:hover {margin-left: 3px; transition: all 400ms;} 
.uchastie .el-content li {margin-bottom: 5px;}

.uchastie2 .el-title {font-size: 1.3rem; line-height: 1.1; font-weight: 700; text-transform: uppercase; letter-spacing: .02rem;}
.uchastie2 .el-content {font-weight: 600; line-height: 1.1;}
.uchastie2 .el-content li > a {color: #444; transition: all 400ms;}
.uchastie2 .el-content li > a:hover {margin-left: 3px; transition: all 400ms;} 
.uchastie2 .el-content li {margin-bottom: 5px;}
.uchastie2 .uk-overlay-default {border-radius: 15px;}
.uchastie2 .uk-position-cover {border-radius: 15px;}
.uchastie2 .el-image {border-radius: 15px;}

.uk-navbar-dropdown-nav > li > a {line-height: 1; margin-bottom: 5px;}
.uk-navbar-dropdown-nav > li > a:before {content: url('../../../images/elementi/li2.svg'); padding-right: 5px;}

.tg {background-color: #0FA4D6; color: #fff; border: 0px solid #e5e5e5;}
.tg:hover {background-color: #0399CA; color: #fff;}

/* .uk-navbar-nav > li > a {margin-right: 40px;} */

.whatsapp-button {position: fixed; right: 13px; bottom: 50px; transform: translate(-50%, -50%); background: #005439; border-radius: 50%; width: 50px; height: 50px; color: #fff; text-align: center; line-height: 46px; z-index: 9999;}
.whatsapp-button a {color: #fff;}
.whatsapp-button:before, .whatsapp-button:after {content: " "; display: block; position: absolute; border: 50%; border: 1px solid #005439; left: -20px; right: -20px; top: -20px; bottom: -20px; border-radius: 50%; animation: animate 1.5s linear infinite; opacity: 0; backface-visibility: hidden;}
.whatsapp-button:after{animation-delay: .5s;}
@keyframes animate {0% {transform: scale(0.5); opacity: 0;} 50% {opacity: 1;} 100% {transform: scale(1.2); opacity: 0;}}

.kruglaya {position: absolute; top: auto; left: auto; transform: translate(-50%, -50%); background: #fff; border-radius: 50%; width: 65px; height: 65px; color: #fff; text-align: center; line-height: 63px; z-index: 9999; padding: 0px; border: 7px #fff solid; box-shadow: 0px 0px 20px #0003;}
.kruglaya:hover {background: #eee; transition: all 400ms;}
.kruglaya svg {color: #194EA0;}
.kruglaya:before, .whatsapp-button:after {content: " "; display: block; position: absolute; border: 50%; border: 1px solid #194EA0; left: -20px; right: -20px; top: -20px; bottom: -20px; border-radius: 50%; animation: animate 1.5s linear infinite; opacity: 0; backface-visibility: hidden;}
.kruglaya:after{animation-delay: .5s;}
@keyframes animate {0% {transform: scale(0.5); opacity: 0;} 50% {opacity: 1;} 100% {transform: scale(1.2); opacity: 0;}}

.kontacty .el-title svg {color: #990000;}


.btn {padding: 10px 20px; background: #26A019; color: #ffffff; text-decoration: none; font-size: 1rem; font-weight: 600; border-radius: 10px; position: relative; overflow-x: hidden; transition: all 400ms; text-transform: uppercase;}
.btn a {color: #fff;}
.btn:hover {background: #155E0D; color: #fff; transition: all 400ms;}
.btn .flare {position: absolute; top: 0; height: 100%; width: 45px; transform: skewX(-45deg); animation: flareAnimation; left: -150%; background: linear-gradient(90deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.7)); animation: flareAnimation 2s infinite linear;}
@keyframes flareAnimation {0% {left: -150%;} 100% {left: 150%;}}

.uk-modal-body .uk-input {font-size: .8rem;}
.uk-modal-body .uk-textarea {font-size: .8rem;}
.uk-modal-title {font-size: 1.2rem; line-height: 1.1; font-weight: 700;}

.table_a .el-title {font-weight: 700; font-size: 1rem; line-height: 1.1; color: #005439;}
.table_a .el-description {font-size: .9rem;}
.table_a .el-table-title {font-size: 1.3rem; text-transform: uppercase; line-height: 1.1; font-weight: 700;}

.leaflet-control-attribution {display: none;}
.text_footer {font-size: .9rem;}
.text_footer strong {color: #fff; font-weight: 400;}

.block_razdeli .el-title {font-weight: 600; font-size: .95rem; line-height: 1.1; color: #005439;}
.block_razdeli .el-image {background: #1D4E3F; border-radius: 20px; padding: 7px;}
.block_razdeli .el-image svg {color: #fff;}

.akameten {position: absolute; top: -60px; right: 200px;}


/*Плашка Солнце*/

.sun {position: absolute; right: 80px; top: -40px;}
.solar-badge{
    display:inline-flex; align-items:center; gap:8px;
    padding:10px 20px 10px 12px;
    background:#fff; border-radius:50px;
    box-shadow:0 2px 12px rgba(0,0,0,.08);
	text-align: left;
  }
.solar-badge:hover{ box-shadow:0 4px 20px rgba(0,0,0,.14); }

.sun-icon{ width:64px; height:64px; flex-shrink:0; }
.sun-disc{ fill:#FFC30D; }

/* ─── Лучи ───
     Все лучи нарисованы одинаковой длины (20) от радиуса 26 до 46.
     Короткие «обрезаются» через stroke-dashoffset: 9 = видно 11 из 20. */
.ray{
    fill:none;
    stroke:#FFC30D;
    stroke-width:5;
    stroke-linecap:round;
    stroke-dasharray:20 20;      /* штрих = длина луча, чтобы прятать кончик */
    stroke-dashoffset:0;
    animation:rayLong 2.8s ease-in-out infinite;
  }
.ray.short{
    stroke-dashoffset:9;         /* стартовое состояние коротких */
    animation-name:rayShort;
  }

/* Длинные плавно укорачиваются до размера коротких */
  @keyframes rayLong{
    0%,100%{ stroke-dashoffset:0; }
    50%    { stroke-dashoffset:9; }
  }
/* Короткие плавно вырастают до размера длинных */
  @keyframes rayShort{
    0%,100%{ stroke-dashoffset:9; }
    50%    { stroke-dashoffset:0; }
  }

@media (prefers-reduced-motion:reduce){ .ray{ animation:none; } }

.solar-badge__text{ display:flex; flex-direction:column; line-height:1.25; text-align: left;}
.solar-badge__text span:first-child{ font-size:13px; color:#555; }
.solar-badge__text span:last-child { font-size:15px; color:#1a1a1a; font-weight:700; }



/* Смартфоны */
@media screen and (max-width: 767px) {
	.zg1 {font-size: 1.3rem;}
	.zg2 {font-size: 1.1rem;}
	.pod_zg {font-size: .85rem;}
	.kont_top {text-align: left;}
	.uk-navbar-container:not(.uk-navbar-transparent) {background: #fff;}
	.uk-navbar-sticky {box-shadow: 5px 0px 5px #999;}
	.uchastie .el-title {font-size: 1rem; letter-spacing: normal;}
	.uchastie2 .el-title {font-size: 1.1rem; letter-spacing: normal;}
	.uchastie .el-content li {margin-bottom: 7px;}
	.lang span {color: #fff; padding: 8px; margin-right: 0px;}
	.lang {margin-left: 25px;}
	.uk-nav-default > li > a {color: #444;}
	.uk-nav-default {font-size: .9rem; line-height: 1.9; text-transform: uppercase; font-weight: 700;}
	.uk-nav-default > li.uk-active > a {color: #333;}
	.uk-nav-default .uk-nav-sub {font-size: .875rem; line-height: 1.5; text-transform: none; font-weight: 600; }
	.uk-nav-default .uk-nav-sub a {color: #666; line-height: 1; margin-bottom: 5px;}
	.uk-nav-default .uk-nav-sub a:before {content: url('../../../images/elementi/li2.svg'); padding-right: 5px;}
	.zg_header {font-size: 1.5rem;}
	.whatsapp-button {position: fixed; right: 5px; bottom: 2%; transform: translate(-50%, -50%); width: 45px; height: 45px; color: #fff; line-height: 43px;}
	.case_blog .el-title {font-size: .95rem; line-height: 1;}
	.zg_cont {font-size: 1.1rem;}
	.kontacty .uk-grid-small > .uk-grid-margin {margin-top: 0px;}
	.case_content h1 {font-size: 1.2rem;}
	.case_content p, ul, div {font-size: .85rem;}
	.case_content h3, h4 {font-size: 1rem;}
	.perepiska {font-size: .9rem;}
	.perepiska .el-meta {margin-top: -10px;}
	.perepiska .uk-button-small {padding: 0 20px; line-height: 33px; font-size: .7rem;}
	.uk-breadcrumb > * > * {font-size: .7rem;}
	.zg_header2 {font-size: 1.2rem;}
	.bok_menu .uk-nav-header {font-size: 1rem;}
	
	.lang .uk-subnav a {font-size: .7rem !important; background: #005439; color: #fff; border-radius: 0px 40px 40px 40px; padding: 4px 7px 4px 15px;}
	
	.tg_mob .el-content {color: #194EA0;}
	.kruglaya {position: absolute; top: 70px; right: -40px; font-size: 1rem; z-index: 9; width: 45px; height: 45px; line-height: 43px;}
	.autstaffing_razdel .el-title {font-size: 1rem;}
	.autstaffing_menu .el-link {font-size: .7rem;}
	.autstaffing_menu .uk-subnav > * {padding-left: 0px;}
	.autstaffing_text h2 {font-size: 1rem;}
	.autstaffing_text h3 {font-size: 1rem;}
	.autstaffing_text p {font-size: .9rem; line-height: 1.3;}
	.table_a .el-title {font-size: 1rem;}
	.table_a .el-description div {font-size: .8rem; line-height: 1.1; margin-bottom: 5px;}
	.table_a .el-table-title {font-size: 1.1rem;}
	.table_a .el-text-1 {font-size: .8rem; line-height: 1.1;}
	.table_a .el-text-2 {font-size: .8rem; line-height: 1.1;}
	.table_a .el-text-3 {font-size: .8rem; line-height: 1.1;}
	.table_a .el-text-4 {font-size: .8rem; line-height: 1.1;}
	.table_a .el-text-1 span {font-weight: 700;}
	.table_a .el-text-2 span {font-weight: 700;}
	.table_a .el-text-3 span {font-weight: 700;}
	.table_a .el-text-4 span {font-weight: 700;}
	.table_a .uk-label {display: table-cell; font-size: .7rem !important;}
	.text_footer {font-size: .85rem;}
	.uk-form-label {font-size: .8rem;line-height: 1;}
	.uk-modal-body .uk-input::placeholder {font-size: .8rem;}
	.uk-modal-body .uk-textarea::placeholder {font-size: .8rem;}
	.smi h2 {font-size: 1rem; }
	.smi li {font-size: .8rem;}
	.smi_zg {font-size: 1rem;}
	
	.uk-navbar-toggle {font-size: .7rem; height: 30px; min-height: 35px;}
	.logo_big {width: 100px;}
	.zg1 {font-size: 1rem;}
	.zg1 span {font-size: 2.2rem;}
	.block_razdeli .el-title {font-size: .85rem;}
	
	.menu div {font-size: 1rem;}
	.menu li {font-size: .85rem;}
	
	.uk-dropdown-nav {font-size: .8rem;}
	
	.sun {right: 0px; top: -160px;}
	.solar-badge {display:block; padding: 10px 15px; text-align: center; box-shadow: none;}
	.solar-badge__text { text-align: center;}
	.solar-badge__text span:first-child {font-size: .75rem;}
	.solar-badge__text span:last-child {font-size: .85rem; line-height: 1; margin-top: 3px;}
}

/* Ноутбуки */
@media screen and (min-width: 1366px) and (max-width:1680px) {
	.zg1 {font-size: 1.6rem; }
	.zg1 span {font-size: 2.9rem;}
	.pod_zg {font-size: .9rem;}
	.uchastie2 .el-title {font-size: 1.3rem;}
	.uchastie .el-title {font-size: 1.1rem;}
	.zg2 {font-size: 1.2rem;}
	.uchastie .el-content {font-size: .9rem;}
	.uchastie2 .el-content {font-size: .9rem;}
	.zg_header {font-size: 1.8rem;}
	.case_blog .el-title {font-size: .9rem;}
	.case_content h1 {font-size: 1.3rem;}
	.case_content h3, h4 {font-size: 1rem;}
	.bok_menu .uk-nav-header {font-size: 1rem;}
	.case_content p {font-size: .9rem;}
	.case_content div {font-size: .9rem;}
	.zg_cont {font-size: 1.1rem;}
	.kontacty .el-item {font-size: .9rem;}
	.uk-navbar-item, .uk-navbar-nav > li > a {font-size: .9rem;}
	.zg_header2 {font-size: 1.3rem;}
	.kont_top {font-size: .9rem;}
	.kruglaya {width: 54px; height: 54px; line-height: 53px;}
	.kruglaya {position: absolute; top: auto; left: -50px; }
	.text_footer {font-size: .9rem;}
	.autstaffing_razdel .el-title {font-size: 1rem;}
	.autstaffing_menu {font-size: .9rem;}
	.autstaffing_text h2 {font-size: 1rem;}
	.autstaffing_text h3 {font-size: 1rem;}
	.autstaffing_text p {font-size: .9rem;}
	.smi h2 {font-size: 1.1rem;}
	.smi_zg {font-size: 1rem;}
	.table_a .el-title {font-size: .9rem;}
	.table_a .el-description {font-size: .9rem;}
	.table_a .el-table-title {font-size: 1.1rem;}
	.lang .uk-subnav a {font-size: .7rem;}
	.logo_big {width: 200px;}
}

/* Планшеты */
@media screen and (min-width: 768px) and (max-width: 1024px) {
	.logo_big {width: 150px;}
	.zg1 {font-size: 1.3rem;}
	.zg1 span {font-size: 2.3rem;}
	.lang {margin-left: 45px;}
	.zg2 {font-size: 1.2rem;}
	.block_razdeli .el-title {font-size: .9rem;}
	.case_content h1 {font-size: 1.3rem;}
	.case_content p {font-size: .9rem;}
	.zg_header {font-size: 1.6rem;}
	.case_blog .el-title {font-size: .85rem;}
	.case_blog .el-meta {font-size: .7rem;}
	.case_blog .el-content {font-size: .75rem;}
}