.main-bar strong {
    font-weight: inherit;
    color: #16b14b;
}
.pointer-events-none {
    pointer-events: none;
}

.hover-1 {
    --c: #15b34d; /* the color */
    --cc: #fff; /* the color */
    --b: .05em; /* border length*/
    --d: 10px; /* the cube depth */

    --_s: calc(var(--d) + var(--b));

    color: var(--cc);
    font-weight: bold;
    border: solid #0000;
    border-width: var(--b) var(--b) var(--_s) var(--_s);
    background:
    conic-gradient(at left var(--d) bottom var(--d),
    #15b34d  90deg, rgb(255 255 255 /0.3) 0 225deg, rgb(255 255 255 /0.6) 0) border-box,
    conic-gradient(at left var(--_s) bottom var(--_s),
    #0000 90deg, var(--c) 0) 0 100%/calc(100% - var(--b)) calc(100% - var(--b)) border-box;
    transform: translate(calc(var(--d) / -1), var(--d));
    clip-path: polygon(
            var(--d) 0%,
            var(--d) 0%,
            100% 0%,
            100% calc(100% - var(--d)),
            100% calc(100% - var(--d)),
            var(--d) calc(100% - var(--d))
    );
    transition: 0.5s;
}

.hover-1:hover {
    transform: translate(0, 0);
    clip-path: polygon(
            0% var(--d),
            var(--d) 0%,
            100% 0%,
            100% calc(100% - var(--d)),
            calc(100% - var(--d)) 100%,
            0% 100%
    );
}

.hover-2 {
    --c: #62626f; /* the color */
    --cc: #fff; /* the color */
    --b: .05em; /* border length*/
    --d: 10px; /* the cube depth */

    --_s: calc(var(--d) + var(--b));

    color: var(--cc);
    font-weight: bold;
    border: solid #0000;
    border-width: var(--b) var(--b) var(--_s) var(--_s);
    background:
            conic-gradient(at left var(--d) bottom var(--d),
            #62626f  90deg, rgb(255 255 255 /0.3) 0 225deg, rgb(255 255 255 /0.6) 0) border-box,
            conic-gradient(at left var(--_s) bottom var(--_s),
            #0000 90deg, var(--c) 0) 0 100%/calc(100% - var(--b)) calc(100% - var(--b)) border-box;
    transform: translate(calc(var(--d) / -1), var(--d));
    clip-path: polygon(
            var(--d) 0%,
            var(--d) 0%,
            100% 0%,
            100% calc(100% - var(--d)),
            100% calc(100% - var(--d)),
            var(--d) calc(100% - var(--d))
    );
    transition: 0.5s;
}

.hover-2:hover {
    transform: translate(0, 0);
    clip-path: polygon(
            0% var(--d),
            var(--d) 0%,
            100% 0%,
            100% calc(100% - var(--d)),
            calc(100% - var(--d)) 100%,
            0% 100%
    );
}

.hover-3 {
    --c: #00b9fb; /* the color */
    --cc: #fff; /* the color */
    --b: .05em; /* border length*/
    --d: 10px; /* the cube depth */

    --_s: calc(var(--d) + var(--b));

    color: var(--cc);
    font-weight: bold;
    border: solid #0000;
    border-width: var(--b) var(--b) var(--_s) var(--_s);
    background:
            conic-gradient(at left var(--d) bottom var(--d),
            #00b9fb  90deg, rgb(0, 185, 251) 0 225deg, rgb(255 255 255 /0.6) 0) border-box,
            conic-gradient(at left var(--_s) bottom var(--_s),
            #0000 90deg, var(--c) 0) 0 100%/calc(100% - var(--b)) calc(100% - var(--b)) border-box;
    transform: translate(calc(var(--d) / -1), var(--d));
    clip-path: polygon(
            var(--d) 0%,
            var(--d) 0%,
            100% 0%,
            100% calc(100% - var(--d)),
            100% calc(100% - var(--d)),
            var(--d) calc(100% - var(--d))
    );
    transition: 0.5s;
}

.hover-3:hover {
    transform: translate(0, 0);
    clip-path: polygon(
            0% var(--d),
            var(--d) 0%,
            100% 0%,
            100% calc(100% - var(--d)),
            calc(100% - var(--d)) 100%,
            0% 100%
    );
}
.install_div {
    height: 198px;
    align-content: center;
    text-align: center;
    background: rgb(54, 137, 83, .3);
    border: #368953 1px solid;
    font-weight: bold;
    padding: 8px;
}
.install_div_2 {
    height: 202px;
    align-content: center;
    text-align: center;
    background: rgb(54, 137, 83, .3);
    border: #368953 1px solid;
    padding: 8px;
}
.install_div_3 {
    height: 130px;
    align-content: center;
    text-align: center;
    background: rgb(54, 137, 83, .3);
    border: #368953 1px solid;
    padding: 8px;
    line-height: 2.3;
}
.install_div img {
    width: 56px;
    margin-bottom: 16px;
}
.install_div_2 img {
    width: 56px;
    margin-bottom: 16px;
}
.install_div_3 img {
    width: 100%;
    margin-bottom: 16px;
}
.install_2_small_text {
    line-height: 2.3;
}
.efa_icon {
    margin-right: 16px;
}

ul.pagination {
    margin: 15px auto;
}
ul.pagination li:not(:first-child) {
    margin-left: 5px;
}
ul.pagination li a,
ul.pagination li span {
    display: inline-block;
    padding: 5px 15px;
}
ul.pagination li a {
    background-color: #16b14b;
    color: #fff;
}
ul.pagination li a:hover {
    color: #000;
}
ul.pagination li span {
    background-color: transparent;
    color: #16b14b;
}
.container-references .list-article-item {
    max-width: 768px !important;
}
.container-references .list-article-item .background {
    min-width: 0 !important;
}
.footer-top {
    z-index: 99;
    position: relative;
}


/*.energia-pre-vsetkych {
    padding-top: 70px;
}*/
/*.energia-pre-vsetkych h1 {
    font-size: 36px;
    font-weight: bold;
    line-height: 1.3;
}*/
.energia-pre-vsetkych h2 {
    font-size: 26px;
    font-weight: bold;
    line-height: 1.3;
}
.energia-pre-vsetkych h3 {
    font-size: 21px;
    font-weight: normal;
    line-height: 1.5;
}
.energia-pre-vsetkych .content-web {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5;
}
.energia-pre-vsetkych .content-web strong {
    font-size: 18px;
    font-weight: bold;
}
.energia-pre-vsetkych .images img {
    width: 100%;
    margin-bottom: 1.5rem;
}
.energia-pre-vsetkych .temy ul {
    list-style-image: url('../../asset/web/arrow_right.svg');
    list-style-position: inside;
    padding-left: 0;
}
.energia-pre-vsetkych .temy ul li strong {
    padding-left: 14px;
    /*display: inline-block;*/
}
.energia-pre-vsetkych .temy ul li {
    padding-top: 32px;
}
.energia-pre-vsetkych .temy ul li:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, .25);
    padding-bottom: 32px;
}


/* update 02. 04. 2025 */
.energia-pre-vsetkych .main-bar {
    padding-top: 60px;
}
.energia-pre-vsetkych h2 {
    color: #fff;
    text-align: center;
    margin-top: 60px;
    margin-bottom: 60px;
}
.energia-pre-vsetkych h2 strong,
.energia-pre-vsetkych .content-web h2 strong {
    color: #16b14b;
    font-weight: inherit;
    font-size: inherit;
}
.energia-pre-vsetkych .benefits {
    background-color: #152241;
    padding-top: 60px;
    padding-bottom: 60px;
}
.energia-pre-vsetkych .benefits h2 {
    margin-top: 60px;
    text-decoration: underline;
    text-decoration-thickness: 1px;
}
.energia-pre-vsetkych .benefits .symbol {
    width: 130px;
    margin-bottom: 35px;    
    transition: 'all 0.25s ease-in-out 0s';
    -webkit-transition: 'all 0.25s ease-in-out 0s';
}
.energia-pre-vsetkych .benefits .symbol svg path {
    transition: 'all 0.25s ease-in-out 0s';
    -webkit-transition: 'all 0.25s ease-in-out 0s';
    
}
.energia-pre-vsetkych .benefits .symbol .text {
    letter-spacing: 1px;
    color: #031133;
    -webkit-background-clip: text;
    background-clip: text;
    font-family: 'Plus Jakarta Sans';
    font-size: 48px;
    font-weight: 500;
    line-height: 38px;
}
.energia-pre-vsetkych .benefits .text {
    letter-spacing: .4px;
    color: #fff;
    -webkit-background-clip: text;
    background-clip: text;
    font-family: 'Plus Jakarta Sans';
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
    white-space: pre-wrap;
    overflow-wrap: break-word;
    transition: 'all 0.25s ease-in-out 0s';
    -webkit-transition: 'all 0.25s ease-in-out 0s';
}
.energia-pre-vsetkych .benefits .text strong {
    font-weight: inherit;
    color: #16b14b;
}
.energia-pre-vsetkych .benefits a:hover .text {
    text-transform: underline;
    color: #16b14b;
    transition: 'all 0.25s ease-in-out 0s';
    -webkit-transition: 'all 0.25s ease-in-out 0s';
}
.energia-pre-vsetkych .benefits a .bg-white {
    transition: 'all 0.25s ease-in-out 0s';
    -webkit-transition: 'all 0.25s ease-in-out 0s';
}
.energia-pre-vsetkych .benefits a:hover .bg-white {
    background-color: #16b14b !important;
    transition: 'all 0.25s ease-in-out 0s';
    -webkit-transition: 'all 0.25s ease-in-out 0s';
}
.energia-pre-vsetkych .benefits a:hover .symbol svg path {
    fill: #fff;
    transition: 'all 0.25s ease-in-out 0s';
    -webkit-transition: 'all 0.25s ease-in-out 0s';
}
.energia-pre-vsetkych .button-speci-one {
    height: auto;
    justify-content: center;
}
.energia-pre-vsetkych .temy {
    height: 100%;
}
.energia-pre-vsetkych .temy ul {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.energia-pre-vsetkych .temy ul.part {
    margin: 0;
}
.energia-pre-vsetkych .temy ul.part li {
    padding-top: 24px;
    padding-bottom: 5px;
}
.energia-pre-vsetkych .temy ul.part li:first-child {
    padding-top: 0;
}
.energia-pre-vsetkych .temy ul.part li:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, .25);
    padding-bottom: 24px;
}
.energia-pre-vsetkych .images img {
    width: 100%;
    margin-bottom: 0;
    object-fit: cover;
    height: 100%;
}

/*
.energia-pre-vsetkych #_28_59 {
  text-align: center;
  letter-spacing: 1px;
  color: #031133;
  --f2w-order: 1;
  transform-origin: 0 0;
  -webkit-background-clip: text;
  background-clip: text;
  justify-content: center;
  align-items: center;
  width: 63.9%;
  height: 87px;
  font-family: Plus Jakarta Sans;
  font-size: 48px;
  font-weight: 500;
  line-height: 38px;
  display: inline-flex;
  position: absolute;
  inset: 82.2% 19.2% -46.6% 17%;
  transform: rotate(-180deg)scaleX(-1);
}
.energia-pre-vsetkych .pointer-events-none {
  pointer-events: none;
}

.energia-pre-vsetkych #__73 {
  letter-spacing: 1px;
  color: #031133;
  -webkit-background-clip: text;
  background-clip: text;
  font-family: 'Plus Jakarta Sans';
  font-size: 48px;
  font-weight: 500;
  line-height: 38px;
}
.energia-pre-vsetkych  .text {
  white-space: pre-wrap;
  overflow-wrap: break-word;
}
*/

a.energia-pre-vsetkych .button-speci-one,
.content-web a.button-speci-one,
.static-content a.button-speci-one {
    display: inline-flex;
    align-items: center;
    border: none;
    color: #fff;
    width: 16rem;
    margin: 40px 0;
}
.content-web a.button-speci-one:hover,
.static-content a.button-speci-one:hover {
    color: #000;
}
.energia-pre-vsetkych .button-speci-one.secondary {
    background-color: #62626F;
    margin-top: 0;
}
.energia-pre-vsetkych .button-speci-one.secondary:hover {
    box-shadow: 0 0 50px 0 rgba(98, 98, 111, .4);
}

@media only screen and (min-width: 576px) {
    .energia-pre-vsetkych .button-speci-one.secondary {
        margin-top: 40px;
    }
}
@media only screen and (min-width: 768px) {
    .energia-pre-vsetkych h1 {
        font-size: 45px;
    }
    .energia-pre-vsetkych h2 {
        font-size: 33px;
    }
    .energia-pre-vsetkych h3 {
        font-size: 26px;
    }
    .energia-pre-vsetkych .content-web {
        font-size: 16px;
    }
    .energia-pre-vsetkych .content-web strong {
        font-size: 20px;
    }
}
@media only screen and (min-width: 992px) {
}
@media only screen and (min-width: 1200px) {
    /*.energia-pre-vsetkych h1 {
        font-size: 55px;
    }*/
    .energia-pre-vsetkych h2 {
        font-size: 40px;
        line-height: 1.5;
    }
    .energia-pre-vsetkych h3 {
        font-size: 32px;
    }
    .energia-pre-vsetkych .content-web {
        font-size: 18px;
    }
    .energia-pre-vsetkych .content-web strong {
        font-size: 24px;
    }
}
@media only screen and (min-width: 1400px) {
}

.order_form select option {
    color: #031133;
}
.order_form label {
    color: #fff;
}
.order_form .border {
    border: 1px solid #08d075;
    border-color: #08d075 !important;
    padding: .375rem .75rem;
    border-radius: .25rem;
}
.order_form .error-message {
    color: red;
}
.cisla .ciselka .kWp {
  width: 220px !important;
}
.cisla .ciselka .kWp::after {
  content: " kWp+";
}
.cisla .ciselka .MWp {
  width: 220px !important;
}
.cisla .ciselka .MWp::after {
  content: " MWp+";
}

#menu-65 {
    padding-top: 5px;
    padding-bottom: 8px;
    padding-left: 8px;
    padding-right: 8px;
    background-color: #15b34d;
    border: 2px solid #15b34d;
}

#menu-65:hover {
    background-color: transparent;
}

#menu-65 a {
    color: #fff;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 13px;
    padding: 10px 0;
}

#menu-65 a:hover {
    color: #15b34d;
}

@media (max-width: 767px) {
    .about-container .about-inside-bottom {
        height: auto !important;
    }
}