/**
 * Place for Sixth AC page styles here.

MAIN


*/
 
/* MAIN */
.page-price-screen {
    padding-top: 9em!important;
    padding-bottom: 7em!important;
}

.page-price-screen .layout__region.layout__region--content {
    max-width: 100%!important;
}

.block-price-screen > div {
    max-width: 100%!important;
}

.block-price-screen__row table {
    width: 100%;
    border-spacing: initial;
    border-collapse: collapse;
    max-width: 80vw;
    overflow-x: scroll;
}

.block-price-screen__row table thead > tr,
.block-price-screen__row table tbody > tr {
    display: grid;
    grid-template-columns: 20vw auto 110px 17em;
}

.block-price-screen__row table tbody {
    position: relative;
}

.block-price-screen__row table tbody:hover {
    cursor: pointer;
}

.block-price-screen__row table tbody > td > tr:last-child {
    border-bottom: 1px solid #f1f1f1;
    padding-top: 5px;
}

.block-price-screen__row table tbody tr td:last-child {
    display: inline-block;
    transition: .3s linear;
    border: 1px solid #fff;
    border-radius: 50px;
    padding: 10px 30px;
    background: linear-gradient(90deg,
    rgba(68,150,173,1) 0%,
    rgba(86,182,196,1) 23%,
    rgba(84,182,196,1) 33%,
    rgba(80,172,187,1) 56%,
    rgba(70,155,175,1) 100%);
    font-weight: 500;
    text-decoration: none;
    color: #fff;
    cursor: pointer;
    width: auto;
    opacity: 0;
    height: fit-content;
    min-width: 12em;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 7px!important;
    padding-bottom: 7px!important;
}

.block-price-screen__row table tbody tr td:last-child:hover {
    background: transparent;
    border: 1px solid #2e6b85;
    font-weight: 600;
    text-decoration: none;
    color: #2e6b85;
    cursor: pointer;
    width: auto;
}

.block-price-screen__row table tbody tr:hover td:last-child {
    opacity: 100%;
}


.block-price-screen__row table tbody tr td {
    border: 1px solid #fff;
    padding: 10px 0;
}


.block-price-screen__row table tbody tr:after {
    content: '';
    position: absolute;
    border-bottom: 1px solid #f1f1f1;
    width: 100%;
}

.block-price-screen__row table tbody tr:first-child:before {
    top: 0;
}

.block-price-screen__row table tbody tr:nth-child(1):after {
    bottom: 0;
}

.block-price-screen__row table tbody tr:first-child td {
    /* padding-top: 20px; */
}

.block-price-screen__row table tbody tr:last-child td {
    padding-bottom: 20px;
}

.block-price-screen__row table tbody tr:hover td {
    border: 1px solid rgb(255, 255, 255, 2.5);
}

.block-price-screen__row caption {
    font-size: 50px;
    font-weight: 600;
    text-align: left;
    margin-top: 1.5em;
    margin-bottom: 1em;
}

.block-price-screen__row thead tr th {
    text-align: left;
}

.block-price-screen__row thead tr th {
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    padding-top: 20px;
    padding-bottom: 20px;
}

.block-price-screen__row thead .row_0.col_1 {
    padding-left: 15px;
}

.block-price-screen__row tbody tr td {
    padding: 5px 5px 5px 10px;
}

.block-price-screen__row tbody tr:last-child td {
    padding-bottom: 15px;
}

.block-price-screen__row tbody .col_2 {
    min-width: 110px;
}

.block-price-screen__row tbody .col_1 {
    padding-left: 15px;
    padding-right: 25px;
}



.block-price-screen__var1 .block-tablefield > div > div:nth-child(1) .tablefield > tbody > tr:nth-child(n+3) {
    display: none;
}

.block-price-screen__var2 .block-tablefield > div > div:nth-child(1) .tablefield > tbody > tr:nth-child(n+3) {
    display: grid;
}

.block-price-screen__var2 table tbody > tr {
    grid-template-columns: 20vw 15% auto 7em 17em;
}

.block-price-screen__var2 .col_0 {
    grid-row: 1;
    grid-column: 1/3;
}

.block-price-screen__var2 .col_3 {
    grid-row: 1;
    grid-column: 5;
}

.block-price-screen__var1 .block-tablefield > div > div:nth-child(1) .tablefield > tbody > tr:nth-child(n+2) .col_1 {
    opacity: 0;
}

.block-price-screen__var1 .block-tablefield > div > div:nth-child(n+2) .tablefield > tbody > tr:nth-child(n+1) .col_1 {
    opacity: 0;
}

.block-price-screen__var1 .block-tablefield > div > div:nth-child(1) .tablefield > tbody.show > tr:nth-child(n+3) {
    display: grid;
}

.block-price-screen__var1 .block-tablefield > div > div:nth-child(1) .tablefield > tbody.show > tr:nth-child(n+3):after {
    display: none;
}

.block-price-screen__var1 .block-tablefield > div > div:nth-child(n+2) .tablefield > tbody > tr:nth-child(n+2) {
    display: none;
}

.block-price-screen__var1 .block-tablefield > div > div:nth-child(n+2) .tablefield > tbody.show > tr:nth-child(n+2) {
    display: grid;
}

.block-price-screen__var1 .block-tablefield > div > div:nth-child(n+2) .tablefield > tbody.show > tr:nth-child(n+2):after {
    display: none;
}

.block-price-screen__var1 .block-tablefield > div > div:nth-child(n+2) .tablefield > tbody.show > tr:nth-child(n+1) .col_1 {
    opacity: 100;
}

.block-price-screen__var1 .block-tablefield > div > div:nth-child(1) .tablefield > tbody.show > tr:nth-child(n+2) .col_1 {
    opacity: 100;
}

.block-price-screen__row .block-tablefield > div > div:nth-child(1) .tablefield > tbody > tr:nth-child(1) {
    font-weight: bold;
}

.block-price-screen__var1 .block-tablefield > div > div:nth-child(1) .tablefield > tbody > tr:nth-child(1) .col_3 {
    display: none;
}

.block-price-screen__var1 .tablefield > tbody {
    position: relative;
}







/* ADAPTIVE */
@media (min-width: 1920px) {

}

@media (max-width: 1920px) {

}

@media (max-width: 1700px) {
}

@media (max-width: 1600px) {
    .page-price-screen {
        margin-top: 0em;
    }
    .page-price-screen > div {
        max-width: 100%!important;
    }
    .block-price-screen__row table {
        max-width: 100vw;
    }
}

@media (max-width: 1440px) {

}

@media (max-width: 1366px) {
    .block-price-screen__row caption {
        font-size: 40px;
    }
}

@media (max-width: 1280px) {
    .block-price-screen__row table thead > tr,
    .block-price-screen__row table tbody > tr {
        grid-template-columns: 20vw auto 100px 15em;
    }
    .block-price-screen__var2 table tbody > tr {
        grid-template-columns: 20vw 15% auto 7em 15em;
    }
    .block-price-screen__row table tbody tr td:last-child {
        padding: 10px 30px;
        min-width: auto;
    }
    .block-price-screen__row tbody .col_2 {
        min-width: auto;
    }
}

@media (max-width: 1150px) {

}

@media (max-width: 1024px) {

}

@media (max-width: 991px) {
    .block-price-screen__row table thead > tr,
    .block-price-screen__row table tbody > tr {
        grid-template-columns: 20vw auto 100px;
    }
    .block-price-screen__var2 table tbody > tr {
        grid-template-columns: 20vw 15% auto 7em 17em;
    }
    .block-price-screen__var2 .col_0 {
        grid-row: 1;
        grid-column: 1/4;
    }
    .block-price-screen__row table tbody tr td:last-child {
        grid-column: 2/4;
        width: fit-content;
        display: inline-block;
        margin-left: auto;
        margin-bottom: 10px;
    }
    .block-price-screen__var2 table tbody tr td:last-child {
        grid-row: 2;
        grid-column: 5;
    }
}

@media (max-width: 834px) {
  
}

@media (max-width: 768px) {
    .block-price-screen__row table thead > tr,
    .block-price-screen__row table tbody > tr {
        grid-template-columns: auto 100px;
        grid-template-rows: auto 45px;
    }
    .block-price-screen__row table tbody tr td:last-child {
        grid-column: 1/4;
    }
    .block-price-screen__var1 .row_0.col_0 {
        /* display: none; */
    }
    .block-price-screen__var1 table tbody tr .col_0 {
        grid-column: 1/4;
        grid-row: 1;
        font-weight: bold;
        font-size: 18px;
    }
    .block-price-screen__var1 table tbody tr {
        column-gap: 30px;
    }
    .block-price-screen__var1 table tbody tr:nth-child(1) {
        grid-template-rows: auto;
    }
    .block-price-screen__var1 table tbody tr:nth-child(1) .row_0.col_1 {
        opacity: 0;
    }
    .page-price-screen > div > .block-price-screen__var1:nth-child(1) table tbody tr:nth-child(1) .row_0.col_1 {
        display: none;
    }
    .block-price-screen__var1 table tbody tr:nth-child(1) .col_2 {
        grid-row: 1;
    }
    .block-price-screen__var1 .col_1 {
        max-width: 73vw;
        grid-column: 1/3;
        grid-row: 2;
    }
    .block-price-screen__var1 .col_2 {
        text-align: right;
        position: relative;
        grid-column: 3/4;
        grid-row: 2;
    }
    .block-price-screen__var1 .col_3 {
        grid-column: 1/4;
        grid-row: 3;
    }
    .block-price-screen__var1 table tbody tr {
        position: relative;
    }
    .block-price-screen__var1 table tbody tr td:last-child {
        bottom: 0;
    }
    .block-price-screen__var1 table {
        max-width: none;
    }
    .block-price-screen__var2 .row_0.col_0 {
        display: block;
    }
    .block-price-screen__var2 .row_0.col_1,
    .block-price-screen__var2 .row_0.col_3 {
        display: none;
    }
    .block-price-screen__var2 .row_0.col_2 {
        position: absolute;
        right: 30px;
    }
    .block-price-screen__var2 table tbody tr {
        min-height: 120px!important;
        display: block;
        display: flex;
    }
    .block-price-screen__var2 table tbody tr:nth-child(1) {
        min-height: auto!important;
    }
    .block-price-screen__var2 .col_0 {
        max-width: 70%;
        line-height: 25px;
    }
    .block-price-screen__var2 .col_1 {
        max-width: 70%;
    }
    .block-price-screen__var2 .col_2 {
        min-width: 13vw!important;
        text-align: right;
        position: absolute;
        right: 0;
    }
    .block-price-screen__var2 .col_3 {
        position: absolute;
        right: 0;
    }
    .block-price-screen__var2 table tbody tr td:last-child {
        padding: 10px 20px;
        min-width: auto;
        margin-top: 50px;
    }
    .block-price-screen__var2 table {
        max-width: none;
    }
    .block-price-screen__row caption {
        font-size: 35px;
    }
    .block-tablefield > div > div:nth-child(n+2) .tablefield > tbody > tr:nth-child(n+1) .col_1 {
        opacity: 100!important;
    }
    .block-tablefield > div > div:nth-child(1) .tablefield > tbody > tr:nth-child(n+2) .col_1 {
        opacity: 100!important;
    }
}

@media (max-width: 650px) {
    .block-price-screen__var2 table tbody tr {
        min-height: auto!important;
        position: relative;
        padding-bottom: 30px;
    }
    .block-price-screen__var2 table tbody tr td:last-child {
        bottom: 0;
    }
}

@media (max-width: 480px) {
}

@media (max-width: 450px) {
    .page-price-screen {
        margin: 0;
    }
    .block-price-screen__row caption {
        font-size: 28px;
    }
    .block-price-screen__row table thead > tr,
    .block-price-screen__row table tbody > tr {
        grid-template-rows: auto 55px;
    }
}

@media (max-width: 380px) {
    .block-price-screen__row table thead > tr,
    .block-price-screen__row table tbody > tr {
        grid-template-rows: auto 75px;
    }
}