@charset "UTF-8"; .main {flex-grow: 1;display: flex;flex-direction: column;min-height: 44.4444444444rem;background: var(--white); } @media (max-width: 767.98px) {.main {padding-top: 2.6111111111rem;} } .main .main-container {flex-grow: 1; } .main .main-container {flex-grow: 1;background: var(--white);padding-left: 0.8333333333rem;padding-right: 0.8333333333rem; } .main .container-fluid {background: var(--white);padding-left: 0;padding-right: 0; } .main .container-transparent {background: transparent; } .main .title {padding-top: 1.6666666667rem;padding-bottom: 1.6666666667rem;background: #ececec;margin-bottom: 0;font-size: 2.2222222222rem;color: var(--secondary);font-weight: 400;position: relative;width: 100%;max-width: 1920px;margin-left: auto;margin-right: auto; } .main .title::after {position: absolute;content: "";width: 5.5555555556rem;height: 0.2777777778rem;background: var(--primary);left: 50%;transform: translateX(-50%);bottom: 0.8888888889rem; } @media (max-width: 991.98px) {.main .title::after {bottom: 0.5555555556rem;} } @media (max-width: 991.98px) {.main .title {padding-top: 1.1111111111rem;padding-bottom: 1.1111111111rem;font-size: 1.7777777778rem;} } .card-product {justify-content: flex-end;height: 17.7222222222rem;border: 0;color: var(--black);text-decoration: none;margin-bottom: 1.1111111111rem;background-color: var(--light);background-repeat: no-repeat;background-position: center;background-size: cover;padding: 1.1111111111rem;aspect-ratio: 380/320;width: 100%; } .card-product:hover {text-decoration: none; } .card-product:hover .card-body {background: var(--secondary); } .card-product:hover .card-title {color: var(--white); } .card-product .card-body {flex-grow: 0;flex-shrink: 0;display: flex;flex-direction: row;justify-content: space-between;padding: 1.1111111111rem;background: var(--white);box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);border-radius: 0 0 0.2222222222rem 0.2222222222rem;transition: transform 1s; } @media (max-width: 575.98px) {.card-product .card-body {padding: 0.8333333333rem;} } .card-product .card-body .btn {background: var(--secondary);height: 100%; } .card-product .card-body p {margin-bottom: 0; } .card-product .card-title {font-size: 1.2222222222rem;color: var(--secondary);text-align: center;font-weight: 500;margin-bottom: 0.6666666667rem; } .card-product .card-text {font-size: 0.8888888889rem;color: var(--color2);margin-bottom: 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden; } .gallery {margin-bottom: 2.7777777778rem; } .gallery .btn-zoom-image {position: absolute;background: rgba(236, 110, 0, 0.7);right: 0;bottom: 0;width: 3.6111111111rem;height: 3.6111111111rem;border-radius: 50%;left: 0;top: 0;margin: auto;display: none; } .gallery .btn-zoom-image svg {color: var(--white);width: 1.8888888889rem;height: auto; } .gallery .col:hover .btn-zoom-image {display: flex; } .gallery .btn-prev {left: -0.5555555556rem; } .gallery .btn-next {right: -0.5555555556rem; } .landing-page section {margin-bottom: 2.7777777778rem; } .landing-page h2 {font-size: 1.8888888889rem;font-weight: 500;margin-bottom: 1.6666666667rem; } .landing-page .btn {display: inline-flex; } .landing-page .card {border: 0;box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);height: 100%; } .landing-page .card h3 {font-size: 1.5555555556rem;color: var(--secondary);font-weight: 500; } .landing-page .section-1 ul {list-style: none; } .landing-page .section-1 ul li {position: relative; } .landing-page .section-1 ul li::before {content: "✓";color: green;position: absolute;left: -1.6666666667rem; } .landing-page .section-2 {background: var(--light);padding: 1.6666666667rem 1.1111111111rem;text-align: center; } @media (max-width: 767.98px) {.landing-page .section-2 {padding: 0.8333333333rem;} } .landing-page .section-2 .card {padding: 1.1111111111rem 0; } .landing-page .section-2 .card .card-body {padding: 0; } .landing-page .section-3 {text-align: center; } .landing-page .section-3 .card {padding: 1.1111111111rem;justify-content: space-between; } .landing-page .section-3 .card:hover {background: var(--secondary);color: white; } .landing-page .section-3 .card:hover h4 {color: white; } .landing-page .section-3 .card h4 {font-size: 1.2222222222rem;font-weight: 400;color: var(--secondary); } .landing-page .section-3 .card .btn-secondary {border-color: var(--white); } .landing-page .section-4 {background: var(--light);padding: 1.1111111111rem 0.5555555556rem; } .inquiry {margin-bottom: 2.7777777778rem;display: flex;flex-direction: column;align-items: center; } .inquiry .form-control {border: 0;background-color: #eee;border-radius: 0.3333333333rem; } .inquiry .btn-lg {border-radius: 0.3333333333rem; } .card.faq {margin-bottom: 1rem;height: auto; } .card.faq .card-header {display: flex;flex-direction: row;width: 100%;padding: 0;border: 0; } .card.faq .card-header.collapsed .card-title {background: var(--light); } .card.faq .card-header.collapsed .card-title svg {transform: none; } .card.faq .card-title {display: flex;flex-direction: row;align-items: center;font-size: 1rem;color: var(--black);font-weight: 500;margin-bottom: 0;background: transparent;transition-duration: 0.25s;transition-property: background;cursor: pointer;min-height: 2.6111111111rem;width: 100%;padding-left: 3.3333333333rem;position: relative; } .card.faq .card-title .btn {display: flex;justify-content: center;align-items: center;flex-shrink: 0;flex-basis: 2.6111111111rem;background: var(--secondary);line-height: 1;padding: 0.1111111111rem 0.1666666667rem;margin: -1px 0.6666666667rem -1px -1px;height: calc(100% + 2px);width: 2.6111111111rem;box-shadow: none;position: absolute;left: 0; } .card.faq .card-title .btn svg {widtg: 2.1111111111rem;height: auto;color: var(--white);position: absolute;transform: rotate(90deg);transform-origin: center;transition-duration: 0.25s;transition-property: transform; } .card.faq .card-body {line-height: 1.6;padding: 0; } .card.faq .card-body:not(.show) {display: none; } .card.faq .card-text {padding: 0.8888888889rem 0.8888888889rem 0.8888888889rem 3.3333333333rem; } .card.faq .card-footer {display: flex;flex-direction: row;justify-content: flex-end;border-top: 0; } .card.faq .btn-toolbar {display: flex;flex-direction: row;justify-content: flex-end;padding: 0 0.8888888889rem 0.8888888889rem 0.8888888889rem; } .ref-menu {gap: 0.4444444444rem;margin-bottom: 2.2222222222rem;display: grid;grid-template-columns: repeat(auto-fit, minmax(186px, 1fr)); } .ref-menu .nav-link {color: var(--secondary);border: 2px solid var(--secondary);font-size: 0.8888888889rem;font-weight: bold;padding: 0.8333333333rem 1.1111111111rem 0.8333333333rem 1.1111111111rem;text-align: center; } @media (max-width: 767.98px) {.ref-menu .nav-link {flex-grow: 1;text-align: center;} } .ref-menu .nav-link:hover, .ref-menu .nav-link.active {background: var(--secondary);color: var(--white); } .product-page, .ref-page {margin-bottom: 1.6666666667rem; } .product-page .btn-zoom-image, .ref-page .btn-zoom-image {position: absolute;background: var(--primary);right: 0;bottom: 0;width: 4.4444444444rem;height: 4.4444444444rem;border-radius: 50%;left: 0;top: 0;margin: auto;display: none; } .product-page .btn-zoom-image .mdi, .ref-page .btn-zoom-image .mdi {color: var(--white);font-size: 1.8888888889rem; } .product-page .col:hover .btn-zoom-image, .ref-page .col:hover .btn-zoom-image {display: flex; } .product-page .btn-prev, .product-page .btn-next, .ref-page .btn-prev, .ref-page .btn-next {position: absolute;top: 50%;width: 2.1111111111rem;height: 4rem;border-radius: 0.4444444444rem;transform: translateY(-50%);color: var(--white);background-color: var(--primary); } .product-page .btn-prev .mdi, .product-page .btn-next .mdi, .ref-page .btn-prev .mdi, .ref-page .btn-next .mdi {font-weight: bold;font-size: 1.4444444444rem; } .product-page .btn-prev, .ref-page .btn-prev {left: 0.6111111111rem; } .product-page .btn-next, .ref-page .btn-next {right: 0.6111111111rem; } .ref-page .btn-prev {left: -0.7777777778rem; } .ref-page .btn-next {right: -0.7777777778rem; } .ref-item {border: none;box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3);text-align: center;transition: transform 0.2s ease;height: 100%;background: var(--white);color: var(--primary);border-radius: 0; } .ref-item:hover {text-decoration: none;color: var(--white);background: var(--primary); } .ref-item:hover .card-title {color: var(--white); } .ref-item:hover .btn-card {color: var(--white);border: 2px solid var(--white); } .ref-item .card-img-top {flex-shrink: 1;flex-grow: 1;flex-basis: 50%;position: relative;aspect-ratio: 600/300; } .ref-item .card-img-top .img-fluid {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover; } .ref-item .card-body {align-items: center !important;justify-content: flex-end; } .ref-item .card-title {font-size: 1.2222222222rem;font-weight: bold;text-align: center;color: var(--secondary); } .ref-item .card-info {display: flex;justify-content: center;align-items: baseline; } .ref-item .card-info p {margin-bottom: 0.5555555556rem; } .ref-item .card-text {font-size: 0.8333333333rem;text-align: center; } .ref-item .btn-card {border: 2px solid var(--secondary);display: inline;color: var(--secondary); } .ref-item .mdi {margin-left: 0.2777777778rem;vertical-align: middle; } .contact .row {text-align: center; } .contact .contact-title {font-size: 2.1111111111rem;font-weight: bold;margin-bottom: 2.2222222222rem;color: var(--secondary);text-align: center; } .contact .contact-item {font-size: 1.5555555556rem;margin-bottom: 1.1111111111rem;color: var(--primary);font-weight: 600;position: relative; } .contact .contact-item:nth-child(3) {margin-bottom: 2.2222222222rem; } .contact .contact-item .mdi {border-right: 4px solid var(--secondary);padding-right: 0.5555555556rem;margin-right: 0.5555555556rem; } .contact .btn {display: inline-flex; } .contact .contact-cards {margin-bottom: 2.7777777778rem; } .contact .contact-cards .card {height: 31.1111111111rem;border-radius: 0.4444444444rem;overflow: hidden;box-shadow: 0 5px 18px rgba(0, 0, 0, 0.2);cursor: pointer;transition: 0.5s;margin-bottom: 1.6666666667rem; } @media (max-width: 1219.98px) {.contact .contact-cards .card {height: 28.3333333333rem;} } @media (max-width: 991.98px) {.contact .contact-cards .card {height: 27.7777777778rem;} } @media (max-width: 868px) {.contact .contact-cards .card {height: 22.2222222222rem;} } @media (max-width: 767.98px) {.contact .contact-cards .card {height: 26.6666666667rem;} } @media (max-width: 575.98px) {.contact .contact-cards .card {height: 35.5555555556rem;} } .contact .contact-cards .card .card-image {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;z-index: 2;background-color: var(--black);transition: 0.5s; } .contact .contact-cards .card:hover img {opacity: 0.4;transition: 0.5s; } .contact .contact-cards .card:hover .card-image {transform: translateY(-1.6666666667rem);transition: all 0.9s; } .contact .contact-cards .social-icons {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 3;display: flex;flex-direction: column;padding: 0; } .contact .contact-cards .social-icons li {list-style: none; } .contact .contact-cards .social-icons li a {position: relative;display: flex;width: 100%;line-height: 2.7777777778rem;text-align: center;background: rgba(255, 255, 255, 0.6);font-size: 1.2777777778rem;color: var(--dark);font-weight: bold;margin: 0.3333333333rem 0.3333333333rem;padding: 0 0.8333333333rem;transition: 0.4s;transform: translateY(11.1111111111rem);opacity: 0;text-decoration: none; } @media (max-width: 991.98px) {.contact .contact-cards .social-icons li a {font-size: 0.8888888889rem;} } .contact .contact-cards .social-icons li a .mdi {margin-right: 0.5555555556rem; } @media (min-width: 576px) {.contact .contact-cards .card:hover .social-icons li a {transform: translateY(0px);opacity: 1;}.contact .contact-cards .social-icons li a:hover {background: var(--black);color: var(--white);transition: 0.2s;text-decoration: none;}.contact .contact-cards .social-icons li a:hover .mdi {color: var(--white);}.contact .contact-cards .social-icons li a .mdi {transition: 0.8s;}.contact .contact-cards .social-icons li a .mdi:hover {transform: rotateY(360deg);color: var(--white);}.contact .contact-cards .card:hover li:nth-child(1) a {transition-delay: 0.1s;}.contact .contact-cards .card:hover li:nth-child(2) a {transition-delay: 0.2s;} } .contact .contact-cards .details {position: absolute;bottom: 0;left: 0;background: #fff;width: 100%;z-index: 2;padding: 0.5555555556rem; } .contact .contact-cards .details h3 {margin: 0.8333333333rem 0 0 0;color: var(--secondary);padding: 0;text-align: center; } @media (max-width: 1219.98px) {.contact .contact-cards .details h3 {font-size: 1.3333333333rem;} } .contact .contact-cards .details h3 .job-title {font-size: 0.8888888889rem;line-height: 2.2222222222rem;color: #333;font-weight: 300; } .contact .contact-cards .details .m-contact {margin-bottom: 0.4444444444rem; } .contact .contact-cards .details .m-contact a {color: var(--dark); } .contact .contact-cards .details .m-contact .mdi {color: var(--primary); } @media (min-width: 576px) {.contact .contact-cards .details .m-contact {display: none;} } .contact .contact-cards .contact-details {position: absolute;bottom: 0;left: 0;background: var(--white);width: 100%;z-index: 2;padding: 0.5555555556rem;display: none; } .contact .contact-cards .contact-details h4 {font-size: 0.8888888889rem; } .contact .bg-light {margin-left: calc((100% - 100vw) / 2);margin-right: calc((100% - 100vw) / 2); } .contact .bg-light .container {padding: 2.2222222222rem 1.1111111111rem; } .contact .bg-light ul {display: flex;padding: 0;list-style: none; } @media (max-width: 991.98px) {.contact .bg-light ul {flex-direction: column;} } .contact .bg-light ul li {flex: 1 1 0px;font-size: 1.2222222222rem;padding: 0.5555555556rem 1.6666666667rem; } .contact .bg-light ul li:not(:first-child) {border-left: 1px solid var(--primary); } @media (max-width: 991.98px) {.contact .bg-light ul li:not(:first-child) {border: 0;} } .cards-text {margin-bottom: 1.6666666667rem; } .cards-text .card {border: 0;box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);height: 100%;padding: 1.6666666667rem 1.1111111111rem;background: var(--light);margin-bottom: 1.1111111111rem; } .cards-text .card p {margin-bottom: 0; } .converse-menu {background: rgba(0, 56, 149, 0.8);color: var(--white);padding: 1.6666666667rem;margin-top: 2.7777777778rem;margin-bottom: 2.7777777778rem; } .converse-menu h3 {color: var(--white); } .check-table {background: #ececec;padding: 1.9444444444rem 1.1111111111rem;margin-bottom: 2.7777777778rem; } .check-table .check-list {list-style: none; } .check-table .check-list li {position: relative; } .check-table .check-list li:before {content: "✔";position: absolute;color: green;width: 100%;left: -1.3888888889rem; } .how-works-menu {background: linear-gradient(0deg, #eee 95%, #fff 5%);padding: 1.1111111111rem;margin-bottom: 1.6666666667rem; } .how-works-menu.bg-arround {background: #eee; } .how-works-menu .work-content {background: var(--white);box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);padding: 1.6666666667rem; } .house-info {position: relative;padding-left: 2.7777777778rem; } .house-info:before {position: absolute;content: "";width: 2.2222222222rem;height: 0.8333333333rem;border-radius: 0.4444444444rem;left: 0;top: 50%;transform: translateY(-50%); } .house-info:nth-child(1):before {background: #f95e32; } .house-info:nth-child(2):before {background: #f448ac; } .house-info:nth-child(3):before {background: #5ceafe; } .house-info:nth-child(4):before {background: #8793ff; } .fotovoltaika > * {margin-bottom: 2.7777777778rem; } .fotovoltaika h2, .fotovoltaika h3 {text-align: center; } .fotovoltaika .btn {display: inline-flex; } .fotovoltaika .main-banner {position: relative;aspect-ratio: 3/1;background-color: var(--light); } @media (max-width: 991.98px) {.fotovoltaika .main-banner {aspect-ratio: 2/1;} } .fotovoltaika .main-banner img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;object-fit: cover; } .fotovoltaika .main-banner .claim {position: absolute;z-index: 1;width: 45%;left: 15%;top: 20%; } @media (max-width: 991.98px) {.fotovoltaika .main-banner .claim {width: 90%;left: 5%;top: 10%;} } @media (max-width: 767.98px) {.fotovoltaika .main-banner .claim p {display: none;} } .fotovoltaika .main-banner .claim h1 {color: var(--secondary);text-align: left; } .fotovoltaika .main-banner .claim h1 span {color: var(--primary); } .fotovoltaika .row > * {margin-bottom: 1.1111111111rem; } .fotovoltaika .row .card {border: 0;background-color: var(--light);padding: 0.8333333333rem;height: 100%;box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);align-items: center; } .fotovoltaika .how-works, .fotovoltaika .solax {background-color: var(--light);margin-left: -19.9722222222rem;margin-right: -19.9722222222rem;padding: 2.7777777778rem 0;margin-bottom: 2.7777777778rem; } @media (max-width: 1919.98px) {.fotovoltaika .how-works, .fotovoltaika .solax {margin-left: -0.8333333333rem;margin-right: -0.8333333333rem;} } .fotovoltaika .row.rowcards {margin: 2.7777777778rem 0;justify-content: space-between; } .fotovoltaika .row.rowcards .card {background-color: var(--white);border-bottom: 3px solid var(--primary); } .fotovoltaika .reference-list .card-img {position: relative;aspect-ratio: 15/10;margin-bottom: 1.1111111111rem; } .fotovoltaika .reference-list .card-img img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover; } .fotovoltaika .more-info {padding: 1.6666666667rem 0.8333333333rem; } .fotovoltaika .more-info h2 {color: rgba(0, 56, 149, 0.8); } .fotovoltaika .more-info .card {background-color: rgba(0, 56, 149, 0.8);color: var(--white);box-shadow: none;padding: 1.1111111111rem; } .fotovoltaika .more-info .card .card-content {flex-grow: 1; } .fotovoltaika .more-info .card h3, .fotovoltaika .more-info .card .btn {color: var(--white); } .fotovoltaika .more-info .btn {display: inline-flex;border-color: rgba(0, 56, 149, 0.8);color: rgba(0, 56, 149, 0.8);border-width: 0.1111111111rem; } .fotovoltaika .more-info .btn:hover {background-color: rgba(0, 56, 149, 0.8);color: white; } .fotovoltaika .more-info .btn-secondary {border: 2px solid var(--white);background: transparent; } .filter .categories {gap: 1.1111111111rem;margin-bottom: 2.2222222222rem;display: grid;grid-template-columns: repeat(auto-fit, minmax(10.3333333333rem, 1fr)); } .filter .categories .custom-checkbox {padding-left: 0; } .filter .categories .custom-checkbox .custom-control-label {color: var(--secondary);border: 2px solid var(--secondary);font-size: 0.8888888889rem;font-weight: bold;padding: 0.8333333333rem 1.1111111111rem 0.8333333333rem 1.1111111111rem;text-align: center;width: 100%;cursor: pointer; } @media (max-width: 767.98px) {.filter .categories .custom-checkbox .custom-control-label {flex-grow: 1;text-align: center;} } .filter .categories .custom-checkbox .custom-control-label::before, .filter .categories .custom-checkbox .custom-control-label::after {content: none; } .filter .categories .custom-checkbox .custom-control-label:hover {background: var(--secondary);color: var(--white); } .filter .categories .custom-checkbox .custom-control-input:checked ~ .custom-control-label {background: var(--secondary);color: var(--white); }