.project h1, .project .h1 {padding-top: 5rem; } @media (min-width: 768px) {.project h1, .project .h1 {padding-top: 2.1875rem;} } .project h2, .project .h2 {display: flex;flex-direction: row;align-items: center;justify-content: center;font-size: 1.625rem;padding: 2.1875rem 0;text-align: center;margin: 0; } @media (min-width: 481px) {.project h2, .project .h2 {font-size: 1.75rem;} } .project .btn {position: relative; } .project .btn .d-loading {position: absolute;left: 0;top: 0;right: 0;bottom: 0;align-items: center;justify-content: center;display: none; } .project .btn.loading .d-loading {display: flex; } .project .keywords {margin-top: -0.9375rem;margin-bottom: 1.25rem;text-align: center; } .project .btn-group-prev-next {position: absolute;right: 0.5rem;top: 1rem; } .project .btn-group-prev-next .btn {display: flex;align-items: center;justify-content: center;margin-left: 1px; } .project .btn-group-category {position: absolute;left: 0.5rem;top: 1rem; } .project .btn-group-category .btn {display: flex;align-items: center;justify-content: center;font-weight: 700; } @media (min-width: 768px) {.project .btn-group-category .btn svg {margin-right: 0.5rem;} } .project .nav-tabs {flex-wrap: nowrap;overflow: hidden;display: none;border-bottom: 0; } @media (min-width: 768px) {.project .nav-tabs {display: flex;} } .project .nav-tabs .nav-link {overflow: hidden;text-overflow: ellipsis;white-space: nowrap; } .project .nav-custom-select {background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23fff' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.6875rem center/18px 14px;background-color: var(--black);color: var(--white);border: 0;height: 3rem;cursor: pointer;box-shadow: none;width: 100%;padding-left: 1rem;appearance: none; } @media (min-width: 768px) {.project .nav-custom-select {display: none;} } .project .col-tab {margin-bottom: 1rem; } @media (min-width: 1100px) {.project .col-tab {flex-basis: 80%;max-width: 80%;margin-bottom: 0;} } .project .col-tab .tab-holder {overflow: hidden;min-height: 100%;margin: 0 -0.5rem;padding: 0 0.5rem; } .project .col-tab .tab-content {height: 100%;display: flex;flex-direction: row;min-height: 100%; } .project .col-tab .tab-content .tab-pane {position: relative;width: 100%;height: auto; } @media (max-width: 1099.98px) {.project .col-tab .tab-content .tab-pane {transform: none !important;} } @media (min-width: 1100px) {.project .col-tab .tab-content .tab-pane {display: block;} } .project .col-tab .tab-content .tab-pane:not(.active) {transform: none !important;visibility: hidden;opacity: 0; } .project .col-tab .tab-content .tab-pane.tab-pane-bordered {border: solid 1px rgba(var(--black), 0.1); } .project .col-tab .tab-content .tab-pane.tab-pane-content {padding: 1rem; } .project .col-tab .tab-content .tab-pane.tab-pane-param .col.col-gutter {padding-bottom: 1rem; } .project .col-tab .tab-content .tab-pane.tab-pane-param .card-body {display: flex;flex-direction: row;align-items: center;justify-content: center;padding: 0.625rem; } .project .col-tab .tab-content .tab-pane.tab-pane-param .card-body.card-body-construct .img-fluid {width: auto;height: auto;max-height: 4.375rem; } .project .col-tab .tab-content .tab-pane.tab-pane-param .card-body.card-body-heating .img-fluid {width: auto;height: auto;max-height: 3.6875rem; } .project .col-tab .tab-content .tab-pane.tab-pane-param .table {margin-bottom: 0; } .project .col-tab .tab-content .tab-pane.tab-pane-param p {margin-bottom: 0; } .project .col-tab .tab-content .tab-pane.tab-pane-change h3, .project .col-tab .tab-content .tab-pane.tab-pane-change .h3 {width: 100%; } .project .col-tab .tab-content .tab-pane.tab-pane-change p {margin-bottom: 0; } .project .col-tab .tab-content .tab-pane.tab-pane-change .col-6 {display: flex;flex-direction: column;justify-content: flex-end;align-items: center; } .project .col-tab .tab-content .tab-pane.tab-pane-change .col-6 .img-fluid {max-height: 21.875rem;width: auto; } .project .col-tab .tab-content .tab-pane .list-group {padding-left: 1rem;padding-right: 1rem; } .project .col-tab .tab-content .tab-pane .list-group .list-group-item {display: flex;flex-direction: row;justify-content: space-between; } .project .col-tab h3, .project .col-tab .h3 {font-size: 1.375rem;text-align: center;margin-bottom: 1rem; } .project .col-tab .card {border: solid 1px var(--light);box-shadow: none; } @media (min-width: 1100px) {.project .col-price {flex-basis: 20%;max-width: 20%;margin-bottom: 0;} } .project .col-price > .row {margin-left: -0.5rem;margin-right: -0.5rem;margin-top: -0.5rem;margin-bottom: -0.5rem; } @media (min-width: 1100px) {.project .col-price > .row {display: flex;flex-direction: column;flex-wrap: nowrap;height: calc(100% + 1rem);} } .project .col-price > .row > .col {padding-left: 0.5rem;padding-right: 0.5rem;padding-top: 0.5rem;padding-bottom: 0.5rem; } @media (min-width: 1100px) {.project .col-price > .row > .col {flex-shrink: 1;flex-grow: 1;flex-basis: 50%;} } @media (min-width: 1100px) {.project .col-price > .row > .col.col-config {flex-basis: 0;} } .project .col-price > .row > .col > .row {height: calc(100% + 1rem);margin-top: -0.5rem;margin-bottom: -0.5rem; } @media (min-width: 768px) {.project .col-price > .row > .col > .row {display: flex;flex-direction: column;flex-wrap: nowrap;} } .project .col-price > .row > .col > .row > .col {padding-top: 0.5rem;padding-bottom: 0.5rem; } @media (min-width: 768px) {.project .col-price > .row > .col > .row > .col {flex-shrink: 0;flex-grow: 1;flex-basis: 33.3333%;} } .project .col-price > .row > .col > .row > .col .row, .project .col-price > .row > .col > .row > .col .col {height: 100%; } .project .col-price .btn {display: flex;flex-direction: row;align-items: center;justify-content: center;text-transform: uppercase;line-height: 1.2;width: 100%;height: 100%;min-height: 4.6875rem;padding-left: 5rem;font-size: 1rem; } @media (min-width: 390px) {.project .col-price .btn {padding-right: 5rem;} } @media (min-width: 481px) {.project .col-price .btn {padding-left: 3.75rem;padding-right: 0.5625rem;} } @media (min-width: 576px) {.project .col-price .btn {font-size: 1.25rem;} } @media (min-width: 1100px) {.project .col-price .btn {font-size: 1rem;} } @media (min-width: 1300px) {.project .col-price .btn {font-size: 1.25rem;} } .project .col-price .btn b {font-weight: 600; } .project .col-price .btn svg {width: 2.5rem;height: auto;position: absolute;left: 1.5rem; } .project .col-price .btn.btn-planner svg {width: 3.75rem;left: 1rem; } .project .col-price .btn.btn-tool {justify-content: center;padding: 0.5625rem 0.6875rem; } .project .col-price .btn.btn-tool svg {position: relative;left: auto; } .project .col-price .btn.btn-tool .badge {position: absolute;top: 50%;left: 50%;transform: translate(calc(-50% + 0.9375rem), calc(-50% - 0.9375rem));border-radius: 50%;display: flex;align-items: center;justify-content: center; } .project .col-price .card {border: solid 1px var(--light);box-shadow: none; } @media (min-width: 576px) {.project .col-price .card {flex-direction: row;} } @media (min-width: 768px) {.project .col-price .card {flex-direction: column;} } .project .col-price .card .card-body {padding: 0.5rem 1rem;justify-content: center; } @media (min-width: 576px) {.project .col-price .card .card-body {padding-top: 1rem;padding-bottom: 1rem;} } @media (min-width: 768px) {.project .col-price .card .card-body {padding-top: 0.5rem;padding-bottom: 0.5rem;} } .project .col-price .card .card-body .card-title {text-align: center;width: 100%;font-weight: 400;color: var(--body-color);margin-bottom: 0; } .project .col-price .card .card-body .card-text {text-align: center;width: 100%;color: var(--primary);font-weight: 700;line-height: 1.4;font-size: 1.5625rem;white-space: nowrap; } .project .col-price .card .card-body:first-child {padding-top: 1rem; } .project .col-price .card .card-body:last-child {padding-bottom: 1rem; } .project .col-price .card a {text-decoration: none; } .project .col-price .card a:hover .card-title {color: var(--link-hover-color);text-decoration: underline; } .project .col-price .card a:hover .card-text {color: var(--link-hover-color); } .project .dek {font-weight: 700;text-align: center;font-size: 1.125rem;padding: 1.875rem 1rem; } .project .dek a {display: flex;align-items: center;justify-content: center;flex-direction: column;color: var(--body-color);text-decoration: none; } @media (min-width: 576px) {.project .dek a {flex-direction: row;} } .project .dek a:hover {color: var(--link-hover-color); } .project .dek .img-fluid {width: 5rem;height: auto;margin-bottom: 1rem; } @media (min-width: 576px) {.project .dek .img-fluid {margin-bottom: 0;margin-right: 1.875rem;} } .project .products {background: var(--light);padding-bottom: 2.8125rem; } @media (min-width: 1921px) {.project .products {max-width: 1920px;margin: 0 auto;} } .project .products .btn-collapse {display: flex;align-items: center;justify-content: center;flex-direction: column;width: 100%;padding-bottom: 0.875rem;box-shadow: none; } .project .products .btn-collapse h2, .project .products .btn-collapse .h2 {margin-bottom: -0.3125rem;text-align: center;margin-bottom: 0;padding-bottom: 0;padding-top: 0.75rem; } .project .products .btn-collapse span {transition-duration: 0.15s;transition-property: color; } .project .products .btn-collapse svg {width: 2.5rem;height: auto;margin-left: 0.9375rem;transition-duration: 0.15s;transition-property: transform; } .project .products .btn-collapse:hover span {text-decoration: none;color: var(--link-hover-color); } .project .products .btn-collapse.collapsed {margin-bottom: -2.8125rem; } .project .products .btn-collapse.collapsed svg {transform: rotate(180deg); } .project .products .collapse:not(.show) {display: none; } .project .products .card h3, .project .products .card .h3 {font-size: 1.375rem;font-weight: 600;line-height: 1.3;margin-bottom: 1rem; } .project .products .card h3 a, .project .products .card .h3 a {color: var(--body-color);text-decoration: underline; } .project .products .card h3 a:hover, .project .products .card .h3 a:hover {color: var(--link-hover-color); } .project .products .card h4, .project .products .card .h4 {display: flex;flex-direction: row;align-items: center;justify-content: center;font-size: 1.25rem;color: var(--primary);font-weight: 700;margin-bottom: 0;text-align: left;height: 3.5625rem; } .project .products .card .card-text {margin-bottom: 1.25rem; } .project .products .card .btn {text-transform: uppercase;font-weight: 700;position: relative;line-height: 2;white-space: nowrap;font-size: 14px; } @media (min-width: 481px) {.project .products .card .btn {font-size: 1rem;} } .project .products .card .btn .icon-left svg {width: 20px;height: auto;margin-right: 0.25rem; } @media (min-width: 481px) {.project .products .card .btn .icon-left svg {width: 1.875rem;} } .project .products .card .btn .icon-right {position: relative;top: -1px;margin-right: -0.375rem; } .project .products .card .btn .icon-right svg {width: 22px;height: auto; } @media (min-width: 481px) {.project .products .card .btn .icon-right svg {width: 2.1875rem;} } .project .products .row-card .col-card {flex-basis: 100%;max-width: 100%; } .project .products .row-card .col-card .card-body-row {flex-direction: column;flex-wrap: nowrap;width: calc(100% + 1rem);height: 100%;margin-left: -0.5rem;margin-right: -0.5rem; } .project .products .row-card .col-card .card-body-row .col-card-title {flex-basis: 100%;max-width: 100%; } .project .products .row-card .col-card .card-body-row .col-card-footer {flex-grow: 0; } .project .products .row-card .col-card .card-body-row .col-card-footer .col-card-price {display: flex;align-items: flex-start;justify-content: flex-end;flex-basis: auto;max-width: 100%; } @media (min-width: 481px) {.project .products .row-card .col-card .card-body-row .col-card-footer .col-card-price {flex-basis: 0;} } .project .products .row-card .col-card .card-body-row .col-card-footer .col-card-button {display: flex;align-items: flex-start;justify-content: flex-end;flex-basis: auto;max-width: 100%; } @media (min-width: 481px) {.project .products .row-card .col-card .card-body-row .col-card-footer .col-card-button {flex-basis: 0;flex-grow: 0;} } @media (min-width: 992px) {.project .products .row-card.row-card-1 .col-card .card-body-row {flex-direction: row;} } @media (min-width: 768px) {.project .products .row-card.row-card-1 .col-card .card-body-row .col-card-title {flex-basis: 0;flex-grow: 1;} } @media (min-width: 992px) {.project .products .row-card.row-card-1 .col-card .card-body-row .col-card-footer .row {flex-wrap: nowrap;} } @media (min-width: 768px) {.project .products .row-card.row-card-1 .col-card .card-body-row .col-card-footer .col-card-price {flex-basis: content;flex-shrink: 0;flex-grow: 1;} } @media (min-width: 768px) {.project .products .row-card.row-card-1 .col-card .card-body-row .col-card-footer .col-card-button {flex-basis: content;flex-shrink: 0;} } @media (min-width: 768px) {.project .products .row-card.row-card-2 .col-card {flex-basis: 50%;max-width: 50%;} } @media (min-width: 768px) {.project .products .row-card.row-card-2 .col-card .card-body-row .col-card-footer .col-card-price {flex-basis: auto;} } @media (min-width: 992px) {.project .products .row-card.row-card-2 .col-card .card-body-row .col-card-footer .col-card-price {flex-basis: 0;} } @media (min-width: 768px) {.project .products .row-card.row-card-2 .col-card .card-body-row .col-card-footer .col-card-button {flex-basis: auto;} } @media (min-width: 992px) {.project .products .row-card.row-card-2 .col-card .card-body-row .col-card-footer .col-card-button {flex-basis: 0;} } @media (min-width: 992px) {.project .products .row-card.row-card-3 .col-card {flex-basis: 33.333%;max-width: 33.333%;} } @media (min-width: 768px) {.project .products .row-card.row-card-3 .col-card .card-body-row .col-card-title {flex-basis: 0;flex-grow: 1;} } @media (min-width: 992px) {.project .products .row-card.row-card-3 .col-card .card-body-row .col-card-footer .col-card-price {flex-basis: 100%;flex-shrink: 0;} } @media (min-width: 1300px) {.project .products .row-card.row-card-3 .col-card .card-body-row .col-card-footer .col-card-price {flex-basis: 0;} } @media (min-width: 992px) {.project .products .row-card.row-card-3 .col-card .card-body-row .col-card-footer .col-card-button {flex-basis: 100%;flex-shrink: 0;} } @media (min-width: 1300px) {.project .products .row-card.row-card-3 .col-card .card-body-row .col-card-footer .col-card-button {flex-basis: 0;} } @media (min-width: 768px) {.project .products .row-card.row-card-4 .col-card {flex-basis: 50%;max-width: 50%;} } @media (min-width: 1100px) {.project .products .row-card.row-card-4 .col-card {flex-basis: 25%;max-width: 25%;} } @media (min-width: 768px) {.project .products .row-card.row-card-4 .col-card .card-body-row .col-card-footer .col-card-price {flex-basis: auto;} } @media (min-width: 992px) {.project .products .row-card.row-card-4 .col-card .card-body-row .col-card-footer .col-card-price {flex-basis: 0;} } @media (min-width: 1100px) {.project .products .row-card.row-card-4 .col-card .card-body-row .col-card-footer .col-card-price {flex-basis: 100%;} } @media (min-width: 768px) {.project .products .row-card.row-card-4 .col-card .card-body-row .col-card-footer .col-card-button {flex-basis: auto;} } @media (min-width: 992px) {.project .products .row-card.row-card-4 .col-card .card-body-row .col-card-footer .col-card-button {flex-basis: 0;} } @media (min-width: 1100px) {.project .products .row-card.row-card-4 .col-card .card-body-row .col-card-footer .col-card-button {flex-basis: 100%;} } .project .grant {display: flex;flex-direction: column;align-items: center;justify-content: center; } .project .grant .col {display: flex;flex-direction: row;align-items: center;justify-content: center;text-align: center; } @media (min-width: 992px) {.project .grant .col {white-space: nowrap;} } .project .grant .col h4, .project .grant .col .h4 {margin-bottom: 0;color: red;font-weight: 600;font-size: 1.375rem; } @media (min-width: 481px) {.project .grant .col h4, .project .grant .col .h4 {font-size: 1.5rem;} } .project .contact .btn, .project .individual .btn {font-weight: bold;text-transform: uppercase;font-size: 14px;padding-left: 1.5rem;padding-right: 1.5rem;white-space: nowrap;display: flex;flex-direction: row;align-items: center;justify-content: center; } @media (min-width: 481px) {.project .contact .btn, .project .individual .btn {font-size: 1rem;} } .project .contact .btn span, .project .individual .btn span {white-space: normal; } @media (min-width: 481px) {.project .contact .btn span, .project .individual .btn span {white-space: nowrap;} } .project .contact .btn svg, .project .individual .btn svg {width: 22px;height: auto;position: relative;top: -1px;margin-right: -1rem; } @media (min-width: 481px) {.project .contact .btn svg, .project .individual .btn svg {width: 2.1875rem;} } .project .contact {display: flex;flex-direction: row;background: #cce5e3;text-align: center;margin: 2.8125rem 0;padding: 1.625rem 1.6875rem; } .project .contact h2, .project .contact .h2 {font-size: 1.625rem;padding-top: 0.4375rem;padding-bottom: 0; } @media (min-width: 481px) {.project .contact h2, .project .contact .h2 {font-size: 1.875rem;} } .project .contact h3, .project .contact .h3 {font-weight: bold;text-align: center;font-size: 1.625rem; } @media (min-width: 481px) {.project .contact h3, .project .contact .h3 {font-size: 1.875rem;} } .project .contact h3 b, .project .contact .h3 b {color: var(--primary); } .project .contact .row {align-items: center;height: 100%;width: 100%; } .project .contact .row .col {height: 100%; } .project .contact .row .col.col-first {display: flex;flex-direction: column;align-items: center;justify-content: center;height: 100%;margin-top: 0.1875rem;position: relative; } @media (min-width: 768px) {.project .contact .row .col.col-first {padding-right: 2.1875rem;} } .project .contact .row .col.col-first::after {content: " ";position: absolute;top: 47%;right: -2.625rem;width: 8.6875rem;height: 0.125rem;transform: rotate(-62deg);background: var(--white);display: none; } @media (min-width: 1100px) {.project .contact .row .col.col-first::after {display: block;} } .project .contact .row .col.col-second {display: flex;flex-direction: column;align-items: center;justify-content: center; } .project .individual {padding-top: 1.25rem; } @media (min-width: 992px) {.project .individual {padding-top: 2.125rem;} } .project .individual .container {display: flex;flex-direction: column;align-items: center;justify-content: center; } @media (min-width: 576px) {.project .individual .container {flex-direction: row;} } .project .individual .col {display: flex;flex-direction: column;align-items: center;justify-content: center; } .project .individual h2, .project .individual .h2 {margin: 0.75rem 1.875rem;padding: 0; } .toolbar {display: flex;flex-direction: row;justify-content: space-between;align-items: center;position: absolute;top: 0;left: 0;right: 0;width: 100%;padding-top: 1rem;padding-bottom: 1rem;background: rgba(var(--black), 0.5);z-index: 30; } .toolbar.toolbar-bottom {top: auto;bottom: 0; } .toolbar.toolbar-bottom.toolbar-right {right: 0;left: auto;width: auto;background: transparent;padding-top: 0; } .toolbar.toolbar-bottom.toolbar-right .btn-group {margin-left: 0; } .toolbar.toolbar-light {background: rgba(var(--white), 0.5); } .toolbar.toolbar-measure {width: 0;right: auto; } .toolbar img {margin-right: 0.3125rem;height: 2rem;width: auto; } @media (min-width: 481px) {.toolbar img {height: 2.75rem;} } .toolbar .toolbar-help {margin-left: 1rem; } .toolbar .btn-group {display: flex;flex-direction: row;align-items: center;margin: 0 1rem; } .toolbar .btn-group .btn {display: flex;flex-direction: row;justify-content: center;align-items: center;height: 100%;background: rgba(0, 0, 0, 0.5);color: var(--white);box-shadow: none !important;margin: 0 0.1875rem;font-weight: 600;padding: 0; } .toolbar .btn-group .btn.active {color: var(--primary); } .toolbar .btn-group .btn svg {height: 1.375rem;width: auto;position: relative;top: -1px; } @media (min-width: 481px) {.toolbar .btn-group .btn svg {width: 1.5rem;height: auto;} } .toolbar .btn-group .btn > span {white-space: nowrap;display: none;height: 100%;padding: 0.3125rem; } @media (min-width: 481px) {.toolbar .btn-group .btn > span {padding: 0.5625rem 0.6875rem;} } .toolbar .btn-group .btn > span.text-collapsed {display: none; } .toolbar .btn-group .btn > span:not(.text-collapsed) {display: block; } .toolbar .btn-group .btn > span span {display: none;white-space: nowrap; } @media (min-width: 576px) {.toolbar .btn-group .btn > span span {display: inline-block;} } @media (min-width: 576px) {.toolbar .btn-group .btn.btn-text {min-width: 6.875rem;} } @media (min-width: 576px) {.toolbar .btn-group .btn.btn-text svg {margin-right: 0.625rem;} } @media (min-width: 576px) {.toolbar .btn-group .btn.btn-text > span {padding-right: 1.1875rem;} } .toolbar .btn-group .btn.collapsed > span.text-collapsed {display: block; } .toolbar .btn-group .btn.collapsed > span:not(.text-collapsed) {display: none; }