/* gray rehau:
gray-darker #7f7f7f
gray-dark #bfbfbf
gray-light #e5e5e5
gray-lighter #f2f2f2


gray-cd:
#0000001A --gray-alpha
#f6f6f6 --gray-lighter-more
#d9d9d9 --gray-semidark */

html {
    scroll-behavior: smooth;
}
@font-face {
    font-family: font;
    src: url(../fonts/BrixSans-Regular.woff);
}

* {
    font-family: font;
    font-size: 18px;
}

:root, :host, ::after, ::before {
    --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free"; }

.-bg-gray-alpha{
    background-color: #0000001A;
}

.-bg-gray-lighter-more{
    background-color: #f6f6f6;
}

.-bg-gray-semidark{
    background-color: #d9d9d9;
}

.form-container h1{
    flex: 0 1 192px;
    display: flex;
    align-items: end;
    margin-bottom: 32px;
}

.form-container p{
    font-weight: 700;
    margin-bottom: 53px;
}

.form-container .checkbox-cell{
    margin-top: 31px;
}

.form-container > .grid-x{
    justify-content: center;
}

.form-container .form-wrapper{
    padding-left: 20px;
    padding-right: 20px;
}

@media only screen and (min-size: 768px){

    .form-container .form-wrapper{
        padding-left: 50px;
    }
}

.full-width{
    width: 100%;
}

.color1 {
    color: #ffffff;
}

.color5 {
    color: #DD0060;
}

.categoryStar {
    position: relative;
    font-size: 20px;
}

.categoryStar small {
    position: absolute;
    left: 9px;
    top: 6px;
    z-index: 10;
    display: inline;
    font-size: 10px;
    font-weight: bold;
    font-family: font;
}

.myAccountMenu {
    padding-left: 0;
}

.myAccountMenu a {
    color: #000000;
}
.lang-nav__link:hover {
    color: #ffffff;
}

.meta-nav__lang-nav{
    text-align: left;
}

.lang-nav__text a:hover{
    text-decoration: none;
}

.breadcrumb {
    background-color: transparent;
}
.breadcrumb a {
    color: #7F7F7F;
}
.breadcrumb a.active {
    color: #DD0060;
}
.breadcrumb-item + .breadcrumb-item::before {
    content: ">";
}

hr{
    border: none;
    margin-top: 0;
}

hr:before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    max-width: 100%;
    width: 100%;
    border-top: 1px solid #000;
}

hr.thick-line:before{
    border-top: 3px solid #000;
}

.borderWithHr{
    position: static;
}

.sub-header{
    margin-bottom: 45px;
}

.sub-header .cell.-bg-gray-lighter {
    padding-left: 0;
}


.verticalMiddle {
    position: absolute;
    bottom: 0;
    padding: 0;
}

.verticalMiddle button{
    display: inline;
}

.verticalMiddle > div {
    display: inline;
}

@media only screen and (min-width: 768px){
    .verticalMiddle{
        justify-content: start;
    }
}


.grid-x > .points-statistics{
    margin-bottom: 45px;
}


.points-statistics span{
    float: right;
}

.table-container{
    margin-bottom: 30px;
    margin-top: 45px;
}

.table-container .table td{
    border-top: none;
    vertical-align: middle;
}

.table-container .table tbody tr{
    border-bottom: none;
}

.table-container .table thead tr{
    border-bottom: none;
}

.table-container .table thead tr th{
    border-bottom: none;
    border-top: none;
}

.table-container .img-fluid{
    max-height: 200px;
}

.add-address-link{
    margin-left: 0;
    color: var(--secondary-color);
}

a.add-address-link:hover{
    color: var(--secondary-color);
}

.cell.address-wrapper{
    margin-bottom: 60px;
}

@media only screen and(min-width: 768px){
    #checkout{
        margin-right: 160px;
    }
}


.cell.buttons-wrapper{
    margin-bottom: 85px;
}

.fa-solid{
    font-size: 16px;
}

.fa-circle{
    color: black;
}

.fa-stack{
    margin-right: 20px;
}

.projects-wrapper{
    text-align: left;
}

#add-project{
    margin-bottom: 40px;
}

.myAccountMenu a {
    color: #000000;
    padding: 10px 25px;
    text-decoration: none !important;
    font-size: 21px;
}

.myAccountMenu a:hover {
    color: #DD0060;
    text-decoration: none !important;
}


.myAccountMenu a.active {
    background: #000000;
    color: #ffffff;
}

.square {
    border: 1px solid black;
    width: 105px;
    height: 105px;
    font-size: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 3.5rem;
    font-weight: 700;
}

.container, .grid-container {
    max-width: 160rem;
}

.grid-margin-y.training-card {
    padding-bottom: 30px;
    margin-top: 50px;
    border-bottom: 1px solid #000;
}

.training-card h4 {
    font-size: 36px;
    line-height: 4rem;
    margin-bottom: 25px;
    text-align: center;
}

.training-card img {
    display: block;
    margin: 55px auto;
}

.grid-margin-y.-halve > .cell.square-wrapper {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}

@media only screen and (min-width: 768px){
    .training-card h4 {
        text-align: left;
    }

    .square-wrapper {
        justify-content: left;
    }
}

.training-text-row{
    min-height: 163px;
    align-content: center;
    text-align: justify;
}

.training-text-row .cell{
    padding-right: 120px;
}

.ul-line-list {
    list-style: none;
    line-height: 3rem;
}

.ul-line-list li{
    position: relative;
}

.ul-line-list li::before{
    content: '';
    width: 10px;
    position: absolute;
    left: -25px;
    border-bottom: 2px solid #000;
    top: 50%;
}

.sub-header p {
    font-weight: 700;
}

.right-column img{
    margin-bottom: 50px;
}

.table.no-stripe tbody tr:nth-child(odd) {
    background-color: inherit;
}

@media only screen and (max-width: 1200px ){
    .extra__container{
        justify-content: center;
    }
}

.button-center {
    justify-content: center;
}

#add-project {
    width: 190px;
    margin-bottom: 115px;
    margin-top: 50px;
}

@media only screen and (min-width: 768px){
    #add-project{
        margin-top: 0;
    }
}

.border-bottom-custom {
    border-bottom: 3px solid #BFBFBF;
    padding-bottom: 25px;
    margin-bottom: 55px;
}

.bottom-module {
    margin-bottom: 215px;
}

.bottom-module img {
    margin-bottom: 25px;
}

.sub-header table tbody tr td {
    padding-left: 0;
}

.choice {
    margin-bottom: 0;
    display: flex;
}

.choice [type='checkbox']:checked + span::before {
    background: black;
    color: white;
}

.info-black {
    background: black;
    color: #ffffff;
    height: 4.4rem;
    display: flex;
    align-items: center;
    font-size: 18px;
    justify-content: center;
}

@media only screen and(min-width: 768px){
    .info-black {
        font-size: 20px;
    }
}

.card {
    height: 537px;
}

@media only screen and(min-width: 768px){
    .medium-auto{
        height: auto;
        width: auto;
    }
}

.grid-margin-y.-halve > .cell.image-wrapper{
    width: 167px;
    margin: 30px auto;
}

table.no-stripe tbody tr:nth-child(odd) {
    background-color: transparent;
}

.sub-header table tbody tr {
    border-top: none;
}

.sub-header table tbody tr {
    border-bottom: 1px solid #000;
}

.sub-header table tbody tr:first-child {
    border-bottom: 2px solid #000;
}

.text-capitalize{
    text-align: center;
    text-transform: none !important;
}

p {
    text-align: center;
}

@media only screen and (min-width: 768px){
    .text-capitalize {
        text-align: left;
    }

    p {
        text-align: left;
    }
}

.grid-margin-y.-halve:not(.grid-y) > .cell.full-height-mosaic-image{
    background-color: #cccccc; /* Used if the image is unavailable */
  height: 100%; /* You must set a specified height */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
  color: #fff;
  padding: 80px 80px 90px 100px;
  position: relative;
}

@media only screen and (min-width: 768px){
    .grid-margin-y.-halve:not(.grid-y) > .cell.full-height-mosaic-image{
        height: 900px;
    }
}

.grid-margin-y.-halve:not(.grid-y) > .cell.mosaic-image {
    background-color: #cccccc; /* Used if the image is unavailable */
  height: 100%; /* You must set a specified height */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
  color: #fff;
  padding: 80px 80px 90px 100px;
  position: relative;
  height: auto;
}

.full-height-mosaic-image h1 {
    margin-bottom: 70px;
    text-align: center;
}

@media only screen and (min-width: 768px){
    .full-height-mosaic-image h1 {
        text-align: left;
    }
}

.full-height-mosaic-image p {
    font-size: 32px;
    line-height: 4rem;
}

.full-height-mosaic-image p.small-text {
    font-size: 18px;
}

@media only screen and (min-width: 768px) {
    .full-height-mosaic-image .bottom-text{
        position: absolute;
        bottom: 90px;
    }
}

.-bg-black {
    color: white;
}

@media only screen and (min-width: 768px){
    .halfdiv-bottom-text {
        position: absolute;
        bottom: 60px;
    }
}

.-bg-secondary .halfdiv-bottom-text{
    background: #7F7F7F;
}


.-bg-secondary .halfdiv-bottom-text .btn {
    color: white;
    padding-left: 30px;
    font-size: 18px;
}

.-bg-secondary .halfdiv-bottom-text .btn::after {
    color: white;
}

.halve-mosaic .cell.-bg {
    padding: 80px 60px 70px 60px;
}

.halve-mosaic .cell.-bg h1 {
    margin-bottom: 75px;
}

.halve-mosaic .cell.-bg .middle-text{
    color: #B1B2B3;
}

.halve-mosaic .cell.-bg.-bg-secondary .middle-text{
    color: #fff;
}

.halve-mosaic .cell.-bg .middle-text h4 {
    margin-bottom: 25px;
}

.halve-mosaic .cell.-bg .middle-text h4 .points-value{
    float: right;
}


@media only screen and (min-width: 768px) {
    .halve-cell{
        height: calc(50% - 6px) !important;
    }
}

.mosaic-sub-header {
    margin-top: 50px;
    margin-bottom: 65px;
}

.mosaic-container .table th {
    border-top: none;
}

.table.table-mosaic td {
    border-top: none;
}

.table.table-mosaic .buttons-wrapper{
    margin-left: 80px;
    margin-top: 50px;
}

.table.table-mosaic .buttons-wrapper .btn{
    margin-left: 0;
}

.table.table-mosaic tr {
    border-bottom: none;
}

.table.table-mosaic > tbody > tr > td {
    padding: 40px 0 0 0;
}

.table.table-mosaic-row tbody tr {
    border-bottom: none;
}

.table.table-mosaic > tbody > tr:nth-child(odd) {
    background-color: #f2f2f2;
}

.table.table-mosaic-row tbody tr {
    background-color: inherit;
}

.table.table-mosaic-row tbody tr:first-child td {
    padding-bottom: 24px;
}

.table.table-mosaic-row tbody tr td {
    font-weight: 700;
    font-size: 26px;
}

.pink {
    color: #dd0060;
    font-size: 26px;
}

.table td.alt-color {
    padding-left: 0;
    padding-right: 0;
    width: 80px;
}

.table.table-mosaic tbody tr:nth-child(even) span {
    background-color: #fff;
}

.table.table-mosaic tbody tr:nth-child(even) span {
    background-color: #f2f2f2;
}

.alt-color span {
    display: block;
    text-align: center;
    font-weight: 700;
    font-size: 28px;
    line-height: 32px;
}

.table.table-mosaic-row tbody tr td.small-table-font{
    font-size: 20px;
}

.table.table-mosaic-row tbody tr td.small-table-font button{
    padding: 2px 14px;
    background: #b1b2b3;
    color: #fff;
}

.table.table-mosaic-row tbody tr td:last-child {
    width: 100px;
}

.table.table-mosaic-row tbody tr td:nth-last-child(2) {
    text-align: right;
}

.next-page {
    position: absolute;
    left: 20px;
}

table.table-full-borders td {
    vertical-align: middle;
    padding: 20px 0;
}

.table-responsive-sm {
    width: 100%;
}

table.table-full-borders tbody tr, table.table-full-borders thead tr {
    border-top: none;
    border-bottom: none;
}

table.table-full-borders td, table.table-full-borders th{
    border-top: none;
    border-bottom: none;
}

.arrowTableBottom {
    margin-bottom: 100px;
}

.gray-background {
    background-color: #f2f2f2;
}

.stepper__item.-active {
    background-color: #37A58C;
}

.stepper__item.-active:last-child::after{
    border-left-color: #37A58C;
}

.stepper__item.-active:not(:last-child)::after {
    border-left: none;
}

.stepper__item.-active:not(:last-child) ~ li{
    background-color: #37A58C;
    color: #fff;
}

.stepper {
    display: inline-block;
}

.stepper__item {
    display: inline;
}

.sticky-sub-menu{
    position: relative;
    top: -44px;
}

ul.menu-icons {
    margin-top: 85px;
    margin-bottom: 65px;
}

.menu-icons li {
    list-style-type: none;
}

.menu-icons .menu__icon {
}

.menu-icons .menu__icon img {
    height: 55px;
}

.menu-icons .menu__icon a {
    display: inline-block;
}

.menu-icons .menu__icon a:hover{
    text-decoration: none;
}

.menu-icons .menu__icon a img{
    width: 100%;
    margin-bottom: 25px;
}

.menu-icons .menu__icon a .icon-subtitle{
    color: #000;
    text-align: center;
}

.grid-margin-y.-halve > .cell.form-div {
    background-color: #F2F2F2;
    margin-bottom: 120px;
    padding: 55px 80px 60px 90px;
}

.form-overtitle {
    font-weight: 700;
    margin-top: 55px;
}

.form-div .form-group.left-form-group{
    padding: 0 88px;
}

.form-div .form-group.left-form-group p {
    margin-bottom: 0;
}

.form-div .form-group:not(.left-form-group){
    padding: 0 18px;
}

.file-sub{
    color: #DD0060;
}

.buttons-row {
    margin: 40px 0 70px;
}

.buttons-row a {
    margin-right: 40px;
}

.free-header {
    padding-top: 90px;
    padding-bottom: 50px;
}

.card-form-container {
    background-color: #fff;
}

.btn.-cta.no-arrow::after {
    content: none;
}

.card-form-container .btn {
    margin-bottom: 155px;
}

.checkbox-round {
    width: 1.3em;
    height: 1.3em;
    background-color: white;
    border-radius: 50%;
    vertical-align: middle;
    border: 1px solid #ddd;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    float: right;
}

.checkbox-round:checked {
    background-color: #000;
}

.project-cards {
    max-width: 400px;
    margin: 0 auto 30px;
    max-height: 240px;
}

.project-cards .card-header {
    height: 140px !important;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 30px;
    padding-right: 30px;
}

.project-cards .card-header .card-header-title {
    max-width: 150px;
    font-weight: 700;
}

.project-cards .card-body {
    background-color: #37A58C;
}

.project-cards .card-body .card-text {
    color: #fff;
    flex-grow: 1;
}

.project-cards .card-body {
    padding: 30px;
    display: flex;
    flex-direction: column;
}

.card-buttons-row {
    margin: 77px 0 0 0;
}

.card-buttons-row a {
    margin-right: 40px;
}

.project-cards-taller {
    max-height: 350px;
}

.project-cards-taller .card-body input{
    justify-self: end;
}

.card-input-label {
    color: #fff;
}

.item1 {
    flex-basis: 25%;
    margin-right: 5%;
}

.item2 {
    flex-basis: 13%;
    margin-right: 5%;
}

.item3 {
    flex-basis: 13%;
    margin-right: 5%;
}

.item4 {
    flex-basis: 13%;
    margin-right: 3%;
}

.item5 {
    flex-basis: 10%;
}

.filter-container {
    display: flex;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 30px;
}

.filter-container input[type="search"] {
    height: 42px;
    font-size: 20px;
    font-weight: 700;
    color: #000;
    padding: 11px 14px;
}

.filter-container input[type="search"]::placeholder {
    color: #000;
}

.filter-container select, .filter-container button {
    font-family: Arial, Helvetica, sans-serif;
}

.icon::before {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
  }

  .item1 {
    position: relative;
  }

  .item1::after {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font:  var(--fa-font-solid);
    content: "\f002";
    right:14px;
    position:absolute;
    top:12px;
 }

 .select-display {
    margin-top: 48px;
    font-size: 20px;
    display: flex;
    align-items: center;
 }

 .select-display-text {
    margin-right: 28px;
 }

 .select-display i{
    border: 1px solid #000;
    padding: 8px;
    font-size: 26px;
 }

 .referinte-articles {
    margin-top: 32px;
 }

 .form-title-wrapper {
    border-bottom: 1px solid #000;
    padding-bottom: 15px;
    margin-bottom: 20px;
 }

 .right-form-group-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: end;
 }

 .form-div .form-group.right-form-group p {
    margin-bottom: 0;
 }

 .form-div .form-group.right-form-group i {
    margin-right: 15px;
 }

 .form-div .form-group.right-form-group label {
    margin-top: 20px;
 }

 .grid-margin-y > .cell .steps-div {
    margin-top: 80px;
    border-bottom: 10px solid #F2F2F2;
 }

 .grid-margin-y > .cell.steps-div-wrapper ul{
    list-style-type: none;
 }

 .grid-margin-y > .cell.steps-div-wrapper ul li {
    display: inline;
 }

 .steps-text-wrapper {
    display: flex;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 30px;
 }

 .steps-text-wrapper-item-1 {
    flex-basis: 25%;
    margin-right: 5%;
}

.steps-text-wrapper-item-2 {
    flex-basis: 25%;
    margin-right: 5%;
}

.steps-text-wrapper-item-3 {
    flex-basis: 25%;
    margin-right: 5%;
}