.form label {
    text-align: left;
    line-height: 2rem
}

.form .text input,
.form label {
    color: var(--g5);
    font-size: 1rem;
    font-weight: 300
}

.form .text input {
    outline: none;
    width: 100%;
    border: var(--px) solid var(--g2);
    border-radius: 0;
    background: hsla(0, 0%, 100%, .8);
    padding: .66rem 1rem;
    line-height: 1rem
}

.form .text.center input {
    text-align: center
}

.form .text input:-moz-placeholder,
.form .text input::-moz-placeholder {
    text-overflow: ellipsis;
    color: var(--g2)
}

.form .text input:-ms-input-placeholder {
    text-overflow: ellipsis;
    color: var(--g2)
}

.form .text textarea {
    outline: none;
    width: 100%;
    height: 10rem;
    border: var(--px) solid var(--g2);
    border-radius: 0;
    background: hsla(0, 0%, 100%, .8);
    color: var(--g5);
    padding: .66rem 1rem;
    line-height: 1rem;
    font-size: 1rem;
    font-weight: 300
}

.form .text textarea:-moz-placeholder,
.form .text textarea::-moz-placeholder {
    text-overflow: ellipsis;
    color: var(--g2)
}

.form .text textarea:-ms-input-placeholder {
    text-overflow: ellipsis;
    color: var(--g2)
}

.form .select {
    position: relative;
    display: inline-block;
    width: 100%
}

.form .select .select_arrow {
    position: absolute;
    bottom: 1.33rem;
    right: 1rem;
    width: 0;
    height: 0;
    pointer-events: none;
    border-style: solid;
    border-width: .5rem .33rem 0;
    border-color: var(--g2) transparent transparent
}

.form .select select {
    display: inline-block;
    width: 100%;
    cursor: pointer;
    padding: .66rem 1rem;
    outline: 0;
    border: var(--px) solid var(--g2);
    border-radius: 0;
    background: hsla(0, 0%, 100%, .8);
    color: var(--g5);
    font-size: 1rem;
    font-weight: 300;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none
}

.form .select.gold select {
    border-color: var(--color-a);
    border-radius: .5rem;
    border-width: 1.3rem;
    padding: 1rem;
    height: 3.3rem
}

.form .select select::-ms-expand {
    display: none
}

.form .select select:disabled {
    opacity: .5;
    pointer-events: none
}

.form .select select:focus~.select_arrow,
.form .select select:hover~.select_arrow {
    border-top-color: var(--g5)
}

.form .select select:disabled~.select_arrow {
    border-top-color: #999
}

.form .control {
    display: block;
    position: relative;
    color: var(--g6);
    padding-left: 2rem;
    margin-bottom: .33rem;
    padding-top: .3rem;
    cursor: pointer;
    font-size: .8rem;
    line-height: 130%
}

.form .control input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.form .control_indicator {
    position: absolute;
    top: .3rem;
    left: 0;
    height: 1.3rem;
    width: 1.3rem;
    background: #fff;
    border: var(--px) solid var(--g2)
}

.form .control-radio .control_indicator {
    border-radius: 50%
}

.form .control:hover input~.control_indicator {
    background: var(--g1)
}

.form .control input:checked~.control_indicator {
    background: var(--bg)
}

.form .control:hover input:not([disabled]):checked~.control_indicator {
    background: var(--g1)
}

.form .control input:disabled~.control_indicator {
    background: #fff;
    opacity: .3;
    pointer-events: none
}

.form .control_indicator:after {
    box-sizing: unset;
    content: "";
    position: absolute;
    display: none
}

.form .control input:checked~.control_indicator:after {
    display: block
}

.form .control-checkbox .control_indicator:after {
    left: .5rem;
    top: .2rem;
    width: .2rem;
    height: .5rem;
    border: solid var(--g5);
    border-width: 0 var(--px) var(--px) 0;
    transform: rotate(45deg)
}

.form .control-checkbox:hover input~.control_indicator:after,
.form .control-checkbox input:disabled~.control_indicator:after {
    border-color: var(--g5)
}

.form .control input:checked~.control_indicator {
    background: #fff
}

.form .control-radio .control_indicator:after {
    left: 50%;
    top: 50%;
    height: .5rem;
    width: .5rem;
    border-radius: 50%;
    margin: -.3rem 0 0 -.3rem;
    background-color: var(--color-e)
}

.form .control-radio:hover input~.control_indicator:after {
    background-color: var(--g5);
    border-color: transparent
}

.form .control-radio input:disabled~.control_indicator:after {
    border-color: var(--g2)
}

.form .numeric {
    display: flex;
    border: var(--px) solid var(--g2);
    padding: .3rem;
    align-items: center
}

.form .numeric>.dec,
.form .numeric>.inc {
    position: relative;
    background-color: var(--color-e);
    height: 1.5rem;
    width: 1.5rem
}

.form .numeric>.dec:before,
.form .numeric>.inc:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-family: icomoon;
    color: var(--g5);
    text-align: center;
    line-height: 1.5rem;
    font-size: 1rem;
    z-index: 1
}

.form .numeric>.dec:before {
    content: "\e934"
}

.form .numeric>.inc:before {
    content: "\e935"
}

.form .numeric>.control-numeric {
    flex-grow: 1
}

.form .numeric>.control-numeric>input {
    height: 1.5rem;
    font-size: 1rem;
    line-height: 1.5rem;
    border: none;
    text-align: center;
    width: 4.3rem
}

.contents--img-text-1 {
    padding: var(--pd4);
    display: flex;
    flex-direction: column;
    gap: var(--pd2);
    background: url(../img/pattern-10987039.jpg) no-repeat 50%;
    background-size: cover
}

.contents--img-text-1 .header {
    display: flex;
    gap: var(--pd4)
}

.contents--img-text-1 .header>div:first-child {
    width: calc((100% - var(--pd4) * 2) / 3);
    text-transform: uppercase;
    font-size: 2rem;
    padding-top: 2.3vw;
    line-height: 160%
}

.contents--img-text-1 .header>div:nth-child(2) {
    width: calc((100% - var(--pd4) * 2) * 2 / 3 + var(--pd4));
    text-transform: uppercase;
    font-size: 10vw;
    font-weight: 400;
    color: var(--c1)
}

.contents--img-text-1 .text {
    display: flex;
    gap: var(--pd4)
}

.contents--img-text-1 .text>div:first-child {
    width: calc((100% - var(--pd4) * 2) / 3)
}

.contents--img-text-1 .text>div:first-child img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 1rem;
    box-shadow: .3rem .3rem .7rem .25rem #ddd
}

.contents--img-text-1 .text>div:nth-child(2) {
    width: calc((100% - var(--pd4) * 2) * 2 / 3 + var(--pd4));
    padding-block: var(--pd2);
    font-size: 1rem
}

.contents--img-text-1 .text>div:nth-child(2) .inds {
    padding-top: var(--pd4);
    display: flex;
    gap: 2rem
}

.contents--img-text-1 .text>div:nth-child(2) .inds .ind {
    display: flex;
    flex-direction: column;
    width: calc((100% - 4rem) / 3)
}

.contents--img-text-1 .text>div:nth-child(2) .inds .ind>div:first-child {
    color: var(--c1);
    font-size: 4rem
}

.contents--img-text-1 .text>div:nth-child(2) .inds .ind>div:first-child span {
    font-size: 2rem
}

.contents--img-text-1 .text>div:nth-child(2) .inds .ind>div:nth-child(2) {
    color: var(--g3);
    font-size: .75rem
}

@media (max-width:767px) {
    .contents--img-text-1 {
        padding: var(--pd4) var(--pd2)
    }

    .contents--img-text-1 .header {
        gap: 0;
        flex-wrap: wrap
    }

    .contents--img-text-1 .header>div:first-child {
        width: 100%;
        font-size: 2rem
    }

    .contents--img-text-1 .header>div:nth-child(2) {
        width: 100%;
        font-weight: 700;
        font-size: 14vw
    }

    .contents--img-text-1 .text {
        flex-wrap: wrap;
        gap: var(--pd2)
    }

    .contents--img-text-1 .text>div:first-child {
        width: 100%
    }

    .contents--img-text-1 .text>div:nth-child(2) {
        width: 100%;
        padding-block: 0;
        font-size: 1rem
    }

    .contents--img-text-1 .text>div:nth-child(2) .inds {
        padding-top: var(--pd2);
        width: 100%
    }

    .contents--img-text-1 .text>div:nth-child(2) .inds .ind {
        width: auto
    }
}

.lists--slider-text-img-1 {
    padding: var(--pd4) 0;
    display: flex;
    flex-direction: column;
    gap: var(--pd2)
}

.lists--slider-text-img-1>.title {
    padding: 0 var(--pd4);
    margin: 0;
    width: 80%;
    text-transform: uppercase;
    font-size: 2rem;
    font-weight: 700;
    line-height: 160%;
    color: var(--g5);
    letter-spacing: .1rem
}

@media (max-width:991px) {
    .lists--slider-text-img-1>.title {
        width: 100%
    }
}

.lists--slider-text-img-1>.text {
    padding: 0 var(--pd4);
    font-size: 1.2rem;
    line-height: 110%;
    font-weight: 400;
    color: var(--g5)
}

.lists--slider-text-img-1>.scroll {
    overflow: hidden;
    transform: translateY(-2rem)
}

.lists--slider-text-img-1>.scroll>.cont {
    transform: translateY(2rem);
    display: flex;
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    padding: 1rem var(--pd4) 3rem;
    scroll-padding: var(--pd4);
    gap: 2rem
}

.lists--slider-text-img-1>.scroll>.cont>.item {
    display: flex;
    gap: 2rem;
    flex: 0 0 60%;
    position: relative;
    scroll-snap-align: start;
    padding: 1rem;
    border-radius: 1rem;
    box-shadow: .3rem .3rem .7rem .25rem #ddd
}

@media (max-width:991px) {
    .lists--slider-text-img-1>.scroll>.cont>.item {
        flex: 0 0 80%
    }
}

@media (max-width:767px) {
    .lists--slider-text-img-1>.scroll>.cont>.item {
        flex: 0 0 100%
    }
}

.lists--slider-text-img-1>.scroll>.cont>.item>div:first-child {
    padding: 1rem 0 1rem 1rem;
    display: flex;
    flex-direction: column;
    width: calc(60% - 1rem)
}

.lists--slider-text-img-1>.scroll>.cont>.item>div:first-child h3 {
    margin-top: 0;
    font-weight: 500;
    font-size: 1.4rem
}

.lists--slider-text-img-1>.scroll>.cont>.item>div:first-child>.text {
    flex-grow: 1
}

.lists--slider-text-img-1>.scroll>.cont>.item>div:first-child>.text p {
    color: var(--g4)
}

.lists--slider-text-img-1>.scroll>.cont>.item>div:first-child>.check {
    list-style-type: none;
    padding: 2rem 0 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.lists--slider-text-img-1>.scroll>.cont>.item>div:first-child>.check li {
    display: flex;
    gap: 1rem
}

.lists--slider-text-img-1>.scroll>.cont>.item>div:first-child>.check li>div:nth-child(1) {
    width: 1.2rem
}

.lists--slider-text-img-1>.scroll>.cont>.item>div:first-child>.check li>div:nth-child(1) svg {
    width: 100%;
    stroke: var(--c1)
}

.lists--slider-text-img-1>.scroll>.cont>.item>div:first-child>.check li>div:nth-child(2) {
    width: calc(100% - 3rem)
}

.lists--slider-text-img-1>.scroll>.cont>.item>div:first-child>.list-glif {
    display: flex;
    gap: 2rem;
    padding: 2rem 0 0
}

.lists--slider-text-img-1>.scroll>.cont>.item>div:first-child>.list-glif>div {
    width: calc(25% - 1.5rem);
    display: flex;
    flex-direction: column;
    align-items: center
}

.lists--slider-text-img-1>.scroll>.cont>.item>div:first-child>.list-glif>div>div:nth-child(1) {
    text-align: center
}

.lists--slider-text-img-1>.scroll>.cont>.item>div:first-child>.list-glif>div>div:nth-child(1) svg {
    width: 70%
}

.lists--slider-text-img-1>.scroll>.cont>.item>div:first-child>.list-glif>div>div:nth-child(2) {
    font-size: .7rem;
    color: var(--g3);
    text-align: center
}

.lists--slider-text-img-1>.scroll>.cont>.item>div:first-child .inds {
    padding: 2rem 0 0;
    display: flex;
    gap: 2rem
}

.lists--slider-text-img-1>.scroll>.cont>.item>div:first-child .inds .ind {
    display: flex;
    flex-direction: column;
    width: calc((100% - 4rem) / 3)
}

.lists--slider-text-img-1>.scroll>.cont>.item>div:first-child .inds .ind>div:nth-child(1) {
    color: var(--c1);
    font-size: 2rem
}

.lists--slider-text-img-1>.scroll>.cont>.item>div:first-child .inds .ind>div:nth-child(1) span {
    font-size: 1rem
}

.lists--slider-text-img-1>.scroll>.cont>.item>div:first-child .inds .ind>div:nth-child(2) {
    color: var(--g3);
    font-size: .7rem
}

.lists--slider-text-img-1>.scroll>.cont>.item>div:first-child .tags {
    padding: 2rem 0 0;
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.lists--slider-text-img-1>.scroll>.cont>.item>div:first-child .tags>div:nth-child(1) {
    color: var(--g3);
    font-size: .75rem
}

.lists--slider-text-img-1>.scroll>.cont>.item>div:first-child .tags>div:nth-child(2) {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap
}

.lists--slider-text-img-1>.scroll>.cont>.item>div:first-child .tags>div:nth-child(2)>div {
    border-radius: .8rem;
    border: var(--px) solid var(--c4);
    font-size: .65rem;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    padding: .3rem .6rem .3rem 1.5rem;
    white-space: nowrap
}

.lists--slider-text-img-1>.scroll>.cont>.item>div:first-child .tags>div:nth-child(2)>div:before {
    content: "";
    position: absolute;
    width: .3rem;
    height: .3rem;
    left: .55rem;
    top: .55rem;
    border-radius: 50%;
    background-color: var(--c1);
    z-index: 1
}

.lists--slider-text-img-1>.scroll>.cont>.item>div:first-child>.dashed {
    padding: 2rem 0 0;
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.lists--slider-text-img-1>.scroll>.cont>.item>div:first-child>.dashed>div {
    position: relative;
    padding-left: 2rem
}

.lists--slider-text-img-1>.scroll>.cont>.item>div:first-child>.dashed>div:before {
    content: "";
    position: absolute;
    left: 0;
    top: .5rem;
    width: 1rem;
    height: calc(2 * var(--px));
    background-color: var(--c1);
    z-index: 1
}

.lists--slider-text-img-1>.scroll>.cont>.item>div:nth-child(2) {
    width: calc(40% - 1rem)
}

.lists--slider-text-img-1>.scroll>.cont>.item>div:nth-child(2) img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 1rem
}

.lists--slider-text-img-1 .listing-slider-nav {
    display: flex;
    justify-content: center;
    column-gap: 1rem;
    align-items: center
}

.lists--slider-text-img-1 .listing-slider-nav>div a {
    display: block;
    text-decoration: none;
    color: var(--color-additional);
    font-size: 1.35rem;
    padding: 0 1rem;
    transition: transform .3s linear
}

.lists--slider-text-img-1 .listing-slider-nav>div a svg {
    fill: var(--c2);
    height: 1rem
}

.lists--slider-text-img-1 .listing-slider-nav>div a.left:hover {
    transform: translateX(-.2rem)
}

.lists--slider-text-img-1 .listing-slider-nav>div a.right:hover {
    transform: translateX(.2rem)
}

.lists--slider-text-img-1 .listing-slider-nav>div.dots {
    display: flex;
    column-gap: .5rem;
    justify-content: center;
    align-items: center
}

.lists--slider-text-img-1 .listing-slider-nav>div.dots span {
    width: .3rem;
    height: .3rem;
    background-color: var(--g3);
    border-radius: 50%
}

.lists--slider-text-img-1 .listing-slider-nav>div.dots span.active {
    background-color: var(--c1);
    width: .4rem;
    height: .4rem
}

.lists--slider-text-img-1 .btns {
    padding: 0 var(--pd4);
    display: flex;
    justify-content: center
}

.lists--slider-text-img-1 .btns a {
    text-decoration: none;
    display: flex;
    align-items: center;
    padding: .8rem 1.2rem;
    color: #fff;
    background: linear-gradient(180deg, var(--c1), var(--c2));
    font-size: .9rem;
    gap: .8rem;
    border-radius: 1.5rem
}

.lists--slider-text-img-1 .btns a svg {
    height: 1.5rem
}

.lists--slider-text-img-1 .btns a:hover {
    background: linear-gradient(0deg, var(--c1), var(--c2))
}

@media (max-width:767px) {
    .lists--slider-text-img-1>.title {
        font-size: 1.5rem;
        text-transform: none;
        font-weight: 700
    }

    .lists--slider-text-img-1>.text,
    .lists--slider-text-img-1>.title {
        padding: 0 var(--pd2);
        line-height: 140%
    }

    .lists--slider-text-img-1>.scroll .cont {
        padding: 1rem var(--pd2) 3rem;
        scroll-padding: var(--pd2)
    }

    .lists--slider-text-img-1>.scroll .cont .item {
        flex-direction: column;
        gap: 1rem;
        width: 100%
    }

    .lists--slider-text-img-1>.scroll .cont .item>div:first-child {
        width: 100%;
        order: 2;
        flex-grow: 1
    }

    .lists--slider-text-img-1>.scroll .cont .item>div:first-child>.list-glif>div {
        width: calc(33.3333333333% - 1.3333333333rem)
    }

    .lists--slider-text-img-1>.scroll .cont .item>div:nth-child(2) {
        width: 100%;
        order: 1;
        aspect-ratio: 16/9
    }

    .lists--slider-text-img-1>.scroll .cont .item>div:nth-child(2) img {
        aspect-ratio: 16/9;
        height: auto
    }
}

.lists--fullscreen-1 {
    padding: var(--pd4) 0;
    display: flex;
    flex-direction: column;
    gap: var(--pd2);
    background: url(../img/pattern-30572857.jpg) no-repeat 50%;
    background-size: cover
}

.lists--fullscreen-1>.title {
    padding: 0 var(--pd4);
    margin: 0;
    width: 80%;
    text-transform: uppercase;
    font-size: 2rem;
    font-weight: 700;
    line-height: 160%;
    color: var(--g5);
    letter-spacing: .1rem
}

@media (max-width:991px) {
    .lists--fullscreen-1>.title {
        width: 100%
    }
}

.lists--fullscreen-1>.text {
    padding: 0 var(--pd4);
    font-size: 1.2rem;
    line-height: 110%;
    font-weight: 400;
    color: var(--g5)
}

.lists--fullscreen-1>.scroll {
    overflow: hidden;
    transform: translateY(-2rem)
}

.lists--fullscreen-1>.scroll>.cont {
    transform: translateY(2rem);
    display: flex;
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    padding: 1rem var(--pd4) 3rem;
    scroll-padding: var(--pd4);
    gap: var(--pd4)
}

.lists--fullscreen-1>.scroll>.cont>.item {
    display: flex;
    gap: 2rem;
    flex: 0 0 100%;
    position: relative;
    scroll-snap-align: start;
    padding: 1rem;
    border-radius: 1rem;
    box-shadow: .3rem .3rem .7rem .25rem #ddd;
    background: var(--bg);
    background-size: cover;
    flex-direction: column
}

.lists--fullscreen-1>.scroll>.cont>.item>.img img {
    width: 100%;
    aspect-ratio: 16/7;
    object-fit: cover;
    border-radius: 1rem
}

.lists--fullscreen-1>.scroll>.cont>.item>.desc {
    display: flex;
    gap: 2rem
}

.lists--fullscreen-1>.scroll>.cont>.item>.desc>.ttl {
    width: calc(50% - 1rem);
    margin-top: 0;
    padding-inline: 1rem;
    font-weight: 400;
    font-size: 1rem
}

.lists--fullscreen-1>.scroll>.cont>.item>.desc>.ttl h3 {
    font-weight: 500;
    font-size: 1.8rem;
    margin: 0 0 1rem
}

.lists--fullscreen-1>.scroll>.cont>.item>.desc>.prms {
    width: calc(50% - 1rem);
    padding-inline: 1rem
}

.lists--fullscreen-1>.scroll>.cont>.item>.desc>.prms .items {
    display: flex;
    gap: 2rem;
    flex-wrap: wrap
}

.lists--fullscreen-1>.scroll>.cont>.item>.desc>.prms .items>.i {
    width: calc(50% - 1rem)
}

.lists--fullscreen-1>.scroll>.cont>.item>.desc>.prms .items>.i>.k {
    color: var(--g3);
    font-size: .7rem
}

.lists--fullscreen-1>.scroll>.cont>.item>.desc>.prms .items>.i>.v {
    color: var(--g4);
    font-size: 1.3rem;
    font-weight: 700
}

.lists--fullscreen-1>.scroll>.cont>.item>.desc>.prms .items>.i>.v span.small {
    font-size: 1rem
}

.lists--fullscreen-1>.scroll>.cont>.item>.desc>.prms .items>.i:last-child>.v {
    color: var(--c1);
    font-weight: 700
}

.lists--fullscreen-1 .listing-slider-nav {
    display: flex;
    justify-content: center;
    column-gap: 1rem;
    align-items: center
}

.lists--fullscreen-1 .listing-slider-nav>div a {
    display: block;
    text-decoration: none;
    color: var(--color-additional);
    font-size: 1.35rem;
    padding: 0 1rem;
    transition: transform .3s linear
}

.lists--fullscreen-1 .listing-slider-nav>div a svg {
    fill: var(--c2);
    height: 1rem
}

.lists--fullscreen-1 .listing-slider-nav>div a.left:hover {
    transform: translateX(-.2rem)
}

.lists--fullscreen-1 .listing-slider-nav>div a.right:hover {
    transform: translateX(.2rem)
}

.lists--fullscreen-1 .listing-slider-nav>div.dots {
    display: flex;
    column-gap: .5rem;
    justify-content: center;
    align-items: center
}

.lists--fullscreen-1 .listing-slider-nav>div.dots span {
    width: .3rem;
    height: .3rem;
    background-color: var(--g3);
    border-radius: 50%
}

.lists--fullscreen-1 .listing-slider-nav>div.dots span.active {
    background-color: var(--c1);
    width: .4rem;
    height: .4rem
}

@media (max-width:767px) {
    .lists--fullscreen-1>.title {
        font-size: 1.5rem;
        text-transform: none;
        font-weight: 700
    }

    .lists--fullscreen-1>.text,
    .lists--fullscreen-1>.title {
        padding: 0 var(--pd2);
        line-height: 140%
    }

    .lists--fullscreen-1>.scroll>.cont {
        padding: 1rem var(--pd2) 3rem;
        scroll-padding: var(--pd2);
        gap: var(--pd2)
    }

    .lists--fullscreen-1>.scroll>.cont>.item {
        flex-direction: column
    }

    .lists--fullscreen-1>.scroll>.cont>.item .img img {
        aspect-ratio: 16/9
    }

    .lists--fullscreen-1>.scroll>.cont>.item .desc {
        flex-direction: column;
        flex-grow: 1
    }

    .lists--fullscreen-1>.scroll>.cont>.item .desc>.ttl {
        flex-grow: 1;
        width: 100%
    }

    .lists--fullscreen-1>.scroll>.cont>.item .desc>.ttl h3 {
        font-size: 1.5rem
    }

    .lists--fullscreen-1>.scroll>.cont>.item .desc>.prms {
        width: 100%;
        padding-bottom: 1rem
    }

    .lists--fullscreen-1>.scroll>.cont>.item .desc>.prms .items {
        gap: 1rem
    }

    .lists--fullscreen-1>.scroll>.cont>.item .desc>.prms .items>.i {
        width: calc(50% - .5rem)
    }

    .lists--fullscreen-1>.scroll>.cont>.item .desc>.prms .items>.i>.v {
        font-size: 1.3rem
    }
}

.contents--4-widgets {
    padding: var(--pd4) 0;
    display: flex;
    flex-direction: column;
    gap: var(--pd2)
}

.contents--4-widgets>.title {
    padding: 0 var(--pd4);
    margin: 0;
    width: 80%;
    text-transform: uppercase;
    font-size: 2rem;
    font-weight: 700;
    line-height: 160%;
    color: var(--g5);
    letter-spacing: .1rem
}

@media (max-width:991px) {
    .contents--4-widgets>.title {
        width: 100%
    }
}

.contents--4-widgets>.text {
    padding: 0 var(--pd4);
    font-size: 1.2rem;
    line-height: 110%;
    font-weight: 400;
    color: var(--g5)
}

.contents--4-widgets .bullets {
    padding: 0 var(--pd4);
    display: flex;
    gap: 3rem;
    flex-wrap: wrap;
    padding-top: var(--pd2)
}

.contents--4-widgets .bullets>div {
    width: calc(33.3333333333% - 2rem);
    display: flex;
    position: relative
}

.contents--4-widgets .bullets>div div:first-child {
    position: absolute;
    transform: translate(-50%, -50%);
    width: 2rem;
    height: 2rem;
    background: linear-gradient(180deg, var(--c1), var(--c2));
    border-radius: .5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1
}

.contents--4-widgets .bullets>div div:first-child svg {
    color: var(--c3);
    width: 60%
}

.contents--4-widgets .bullets>div div:first-child svg path,
.contents--4-widgets .bullets>div div:first-child svg polyline {
    stroke: var(--bg)
}

.contents--4-widgets .bullets>div div:nth-child(2) {
    width: 100%;
    font-size: .9rem;
    padding: 1rem;
    border-radius: 1rem;
    box-shadow: .3rem .3rem .7rem .25rem #ddd;
    background-color: #fff
}

.contents--4-widgets .bullets>div div:nth-child(2) strong {
    color: var(--c1)
}

@media (max-width:767px) {
    .contents--4-widgets>.title {
        font-size: 1.5rem;
        text-transform: none;
        font-weight: 700
    }

    .contents--4-widgets>.text,
    .contents--4-widgets>.title {
        padding: 0 var(--pd2);
        line-height: 140%
    }

    .contents--4-widgets .bullets {
        padding: 0 var(--pd2);
        gap: 2rem
    }

    .contents--4-widgets .bullets>div {
        width: calc(50% - 1rem)
    }
}

.ctas--cta-1 {
    position: relative
}

.ctas--cta-1 .bg {
    background: var(--c1) url(../img/kaspars-upmanis-nD2WzCZrlLE-unsplash.jpg) no-repeat 50%;
    background-size: cover;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.ctas--cta-1 .bg,
.ctas--cta-1 .bg>div {
    position: absolute
}

.ctas--cta-1 .ovr {
    background: #232c37;
    z-index: 2;
    opacity: .8
}

.ctas--cta-1 .markers,
.ctas--cta-1 .ovr {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ctas--cta-1 .markers {
    z-index: 3
}

.ctas--cta-1 .cont {
    position: relative;
    z-index: 4;
    padding: var(--pd4);
    aspect-ratio: 16/9;
    color: var(--bg);
    display: flex;
    flex-direction: column;
    gap: 2rem;
    width: 60%
}

.ctas--cta-1 .cont>h2 {
    font-size: 3rem
}

.ctas--cta-1 .cont>h2 strong {
    color: var(--c1)
}

.ctas--cta-1 .cont .txt {
    font-size: 1.4rem
}

.ctas--cta-1 .cont .frm .fc {
    display: flex;
    gap: 2rem
}

.ctas--cta-1 .cont .frm .fc .form {
    width: calc(60% - 1rem)
}

.ctas--cta-1 .cont .frm .fc .form .text input {
    border-radius: 1.5rem;
    padding: 1rem
}

.ctas--cta-1 .cont .frm .fc .form .control-group {
    display: flex;
    gap: 2rem;
    padding-left: 1rem;
    padding-top: 1rem
}

.ctas--cta-1 .cont .frm .fc .form .control-group label {
    color: #fff
}

.ctas--cta-1 .cont .frm .fc .form .control-group .control_indicator {
    border-radius: .4rem;
    top: .2rem
}

.ctas--cta-1 .cont .frm .fc .b-cta {
    width: calc(40% - 1rem)
}

.ctas--cta-1 .cont .frm .fc .b-cta .btns {
    display: inline-block
}

.ctas--cta-1 .cont .frm .fc .b-cta .btns a {
    text-decoration: none;
    display: flex;
    align-items: center;
    padding: .8rem 1.2rem;
    color: #fff;
    background: linear-gradient(180deg, var(--c1), var(--c2));
    font-size: .9rem;
    gap: .8rem;
    border-radius: 1.5rem
}

.ctas--cta-1 .cont .frm .fc .b-cta .btns a svg {
    height: 1.5rem
}

.ctas--cta-1 .cont .frm .fc .b-cta .btns a:hover {
    background: linear-gradient(0deg, var(--c1), var(--c2))
}

@media (max-width:991px) {
    .ctas--cta-1 .markers {
        display: none
    }

    .ctas--cta-1 .cont {
        width: 100%
    }
}

@media (max-width:767px) {
    .ctas--cta-1 .cont {
        padding: var(--pd2)
    }

    .ctas--cta-1 .cont>h2 {
        font-size: 2rem;
        line-height: 140%
    }

    .ctas--cta-1 .cont .frm .fc {
        flex-direction: column;
        gap: 1rem
    }

    .ctas--cta-1 .cont .frm .fc .b-cta,
    .ctas--cta-1 .cont .frm .fc .form {
        width: 100%
    }
}

.lists--text-list-1 {
    padding: var(--pd4) 0;
    display: flex;
    gap: var(--pd2)
}

.lists--text-list-1>div:first-child {
    padding: 0 0 0 var(--pd4);
    width: calc(50% - var(--pd2) / 2);
    display: flex;
    flex-direction: column;
    padding-block: 2rem;
    gap: 2rem
}

.lists--text-list-1>div:first-child>.title {
    margin: 0;
    text-transform: uppercase;
    font-size: 2rem;
    font-weight: 700;
    line-height: 160%;
    color: var(--g5);
    letter-spacing: .1rem
}

@media (max-width:991px) {
    .lists--text-list-1>div:first-child>.title {
        width: 100%
    }
}

.lists--text-list-1>div:first-child>.text {
    font-size: 1.2rem;
    line-height: 110%;
    font-weight: 400;
    color: var(--g5)
}

.lists--text-list-1>div:first-child .b-cta .btns {
    display: inline-block
}

.lists--text-list-1>div:first-child .b-cta .btns a {
    text-decoration: none;
    display: flex;
    align-items: center;
    padding: .8rem 1.2rem;
    color: #fff;
    background: linear-gradient(180deg, var(--c1), var(--c2));
    font-size: .9rem;
    gap: .8rem;
    border-radius: 1.5rem
}

.lists--text-list-1>div:first-child .b-cta .btns a svg {
    height: 1.5rem
}

.lists--text-list-1>div:first-child .b-cta .btns a:hover {
    background: linear-gradient(0deg, var(--c1), var(--c2))
}

.lists--text-list-1>div:nth-child(2) {
    padding: 0 var(--pd4) 0 0;
    width: calc(50% - var(--pd2) / 2)
}

.lists--text-list-1>div:nth-child(2)>.scroll {
    overflow: hidden;
    transform: translateY(-2rem)
}

.lists--text-list-1>div:nth-child(2)>.scroll>.cont {
    transform: translateY(2rem);
    display: flex;
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    padding: 1rem var(--pd2) 3rem;
    gap: var(--pd2);
    scroll-padding: var(--pd2)
}

.lists--text-list-1>div:nth-child(2)>.scroll>.cont>.item {
    display: flex;
    gap: 2rem;
    flex: 0 0 100%;
    position: relative;
    scroll-snap-align: start;
    padding: 1rem;
    border-radius: 1rem;
    box-shadow: .3rem .3rem .7rem .25rem #ddd;
    background: var(--bg);
    background-size: cover;
    flex-direction: column
}

.lists--text-list-1>div:nth-child(2)>.scroll>.cont>.item>.img img {
    width: 100%;
    aspect-ratio: 16/10;
    object-fit: cover;
    border-radius: 1rem
}

.lists--text-list-1>div:nth-child(2)>.scroll>.cont>.item>.desc {
    display: flex;
    gap: 2rem;
    flex-direction: column;
    flex-grow: 1;
    padding: 0 1rem 1rem
}

.lists--text-list-1>div:nth-child(2)>.scroll>.cont>.item>.desc>.ttl {
    margin-top: 0;
    font-weight: 400;
    font-size: 1rem;
    flex-grow: 1
}

.lists--text-list-1>div:nth-child(2)>.scroll>.cont>.item>.desc>.ttl h3 {
    font-weight: 500;
    font-size: 1.8rem;
    margin: 0 0 1rem
}

.lists--text-list-1>div:nth-child(2)>.scroll>.cont>.item>.desc>.prms .items {
    display: flex;
    gap: 2rem;
    flex-wrap: wrap
}

.lists--text-list-1>div:nth-child(2)>.scroll>.cont>.item>.desc>.prms .items>.i {
    flex: 0 0 calc(50% - 1rem)
}

.lists--text-list-1>div:nth-child(2)>.scroll>.cont>.item>.desc>.prms .items>.i>.k {
    color: var(--g3);
    font-size: .7rem
}

.lists--text-list-1>div:nth-child(2)>.scroll>.cont>.item>.desc>.prms .items>.i>.v {
    color: var(--g4);
    font-size: 2rem
}

.lists--text-list-1>div:nth-child(2)>.scroll>.cont>.item>.desc>.prms .items>.i>.v span.small {
    font-size: 1rem
}

.lists--text-list-1>div:nth-child(2)>.scroll>.cont>.item>.desc>.prms .items>.i:first-child {
    flex: 0 0 100%
}

.lists--text-list-1>div:nth-child(2)>.scroll>.cont>.item>.desc>.prms .items>.i:last-child>.v {
    color: var(--c1);
    font-weight: 700
}

.lists--text-list-1>div:nth-child(2) .listing-slider-nav {
    display: flex;
    justify-content: center;
    column-gap: 1rem;
    align-items: center
}

.lists--text-list-1>div:nth-child(2) .listing-slider-nav>div a {
    display: block;
    text-decoration: none;
    color: var(--color-additional);
    font-size: 1.35rem;
    padding: 0 1rem;
    transition: transform .3s linear
}

.lists--text-list-1>div:nth-child(2) .listing-slider-nav>div a svg {
    fill: var(--c2);
    height: 1rem
}

.lists--text-list-1>div:nth-child(2) .listing-slider-nav>div a.left:hover {
    transform: translateX(-.2rem)
}

.lists--text-list-1>div:nth-child(2) .listing-slider-nav>div a.right:hover {
    transform: translateX(.2rem)
}

.lists--text-list-1>div:nth-child(2) .listing-slider-nav>div.dots {
    display: flex;
    column-gap: .5rem;
    justify-content: center;
    align-items: center
}

.lists--text-list-1>div:nth-child(2) .listing-slider-nav>div.dots span {
    width: .3rem;
    height: .3rem;
    background-color: var(--g3);
    border-radius: 50%
}

.lists--text-list-1>div:nth-child(2) .listing-slider-nav>div.dots span.active {
    background-color: var(--c1);
    width: .4rem;
    height: .4rem
}

@media (max-width:991px) {
    .lists--text-list-1>div:nth-child(2)>.scroll>.cont {
        padding: 1rem 1rem 3rem;
        gap: var(--pd2);
        scroll-padding: 1rem
    }

    .lists--text-list-1>div:nth-child(2)>.scroll>.cont>.item {
        flex: 0 0 calc(100% - 1rem)
    }
}

@media (max-width:767px) {
    .lists--text-list-1 {
        padding: var(--pd2) 0;
        flex-direction: column
    }

    .lists--text-list-1>div:first-child {
        width: 100%;
        padding: 0 var(--pd2)
    }

    .lists--text-list-1>div:nth-child(2) {
        width: 100%;
        padding: 0
    }

    .lists--text-list-1>div:nth-child(2)>.scroll>.cont {
        padding: 1rem var(--pd2) 3rem;
        gap: var(--pd2);
        scroll-padding: var(--pd2)
    }

    .lists--text-list-1>div:nth-child(2)>.scroll>.cont>.item,
    .lists--text-list-1>div:nth-child(2)>.scroll>.cont>.item>.desc>.prms .items>.i {
        flex: 0 0 100%
    }
}

.list--blog-1 {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

.list--blog-1>.title {
    padding: 0 var(--pd4);
    margin: 0;
    width: 80%;
    text-transform: uppercase;
    font-size: 2rem;
    font-weight: 700;
    line-height: 160%;
    color: var(--g5);
    letter-spacing: .1rem
}

@media (max-width:991px) {
    .list--blog-1>.title {
        width: 100%
    }
}

.list--blog-1>.text {
    padding: 0 var(--pd4);
    font-size: 1.2rem;
    line-height: 110%;
    font-weight: 400;
    color: var(--g5)
}

.list--blog-1 .cont {
    display: flex;
    padding-inline: var(--pd4);
    gap: 2rem;
    flex-wrap: wrap;
    width: 100%
}

.list--blog-1 .cont .re3 {
    flex: 0 0 calc(25% - 1.5rem);
    text-decoration: none;
    background-color: #fff;
    transition: all .5s ease-in-out;
    display: flex;
    flex-direction: column;
    gap: 1rem
}

@media (max-width:991px) {
    .list--blog-1 .cont .re3 {
        flex: 0 0 calc(50% - 1rem)
    }
}

@media (max-width:767px) {
    .list--blog-1 .cont .re3 {
        flex: 0 0 100%
    }
}

.list--blog-1 .cont .re3:first-child {
    flex: 0 0 calc(50% - 1.5rem)
}

@media (max-width:991px) {
    .list--blog-1 .cont .re3:first-child {
        flex: 0 0 100%
    }
}

@media (max-width:767px) {
    .list--blog-1 .cont .re3:first-child {
        flex: 0 0 100%
    }
}

.list--blog-1 .cont .re3 .pic {
    width: 100%;
    height: 17rem;
    border-radius: 1rem;
    box-shadow: .3rem .3rem .7rem .25rem #ddd;
    overflow: hidden
}

.list--blog-1 .cont .re3 .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: .5rem
}

.list--blog-1 .cont .re3 .title {
    display: block;
    text-decoration: none;
    color: #000;
    font-size: 1.1rem;
    font-weight: 400;
    letter-spacing: .03rem;
    line-height: 140%;
    text-align: left
}

.list--blog-1 .cont .re3 .title:hover {
    color: var(--c1)
}

.list--blog-1 .cont .re3 .txt {
    color: var(--c1);
    font-size: 1rem;
    font-weight: 300;
    letter-spacing: 0;
    color: #777;
    line-height: 160%
}

.list--blog-1 .cont .re3 .path {
    margin-top: 8px;
    margin-bottom: .5rem;
    color: #aaa;
    font-size: .75rem;
    font-weight: 100;
    text-align: left
}

.list--blog-1 .cont .re3 .params {
    display: inline-block;
    margin-right: 1rem
}

.list--blog-1 .cont .re3 .params>div:first-child {
    font-size: 1.25rem;
    line-height: 2rem;
    font-weight: 400;
    color: #555
}

.list--blog-1 .cont .re3 .params>div:nth-child(2) {
    font-size: .65rem;
    line-height: 1.25rem;
    font-weight: 300;
    text-transform: uppercase
}

.list--blog-1 .cont .re3 .pd15 {
    border: 1px solid #fafafa;
    border-top: none
}

.list--blog-1 .cont .re3:hover>a {
    box-shadow: 0 0 1rem .33rem rgba(0, 0, 0, .2)
}

.list--blog-1 .cont .re3:hover .pic>div>div>div {
    transform: scale(1.1)
}

.list--blog-1 .cont .re3:hover .title {
    color: var(--c1)
}

.footers--dnpi-2 {
    padding: 0 var(--pd4)
}

.footers--dnpi-2>div:first-child {
    padding: 1rem 0;
    display: flex;
    gap: 2rem
}

.footers--dnpi-2>div:first-child>div {
    flex: 0 0 calc(25% - 0.75rem);
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.footers--dnpi-2>div:first-child .phone>div:nth-child(1) a {
    color: var(--g3);
    font-size: .75rem
}

.footers--dnpi-2>div:first-child .phone>div:nth-child(2) a {
    color: var(--g6);
    font-size: 1rem;
    font-weight: 700
}

.footers--dnpi-2>div:first-child .address>div:nth-child(1) a {
    color: var(--g3);
    font-size: .75rem
}

.footers--dnpi-2>div:first-child .address>div:nth-child(2) a {
    color: var(--g6);
    font-size: 1rem;
    font-weight: 700
}

.footers--dnpi-2>div:first-child .email>div:nth-child(1) a {
    color: var(--g3);
    font-size: .75rem
}

.footers--dnpi-2>div:first-child .email>div:nth-child(2) a {
    color: var(--g6);
    font-size: 1rem;
    font-weight: 700
}

.footers--dnpi-2>div:first-child .messenger>div:nth-child(1) a {
    color: var(--g3);
    font-size: .75rem
}

.footers--dnpi-2>div:first-child .messenger>div:nth-child(2) {
    display: flex;
    gap: 1rem
}

.footers--dnpi-2>div:first-child .messenger>div:nth-child(2)>a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    border-radius: .5rem;
    background-color: var(--c2)
}

.footers--dnpi-2>div:first-child .messenger>div:nth-child(2)>a svg {
    width: 50%;
    fill: #fff
}

.footers--dnpi-2>div:nth-child(2) {
    display: flex;
    gap: 2rem;
    align-items: center;
    padding: 1rem 0
}

.footers--dnpi-2>div:nth-child(2) .logo {
    display: flex;
    gap: 1rem;
    align-items: center
}

.footers--dnpi-2>div:nth-child(2) .logo a {
    display: block;
    text-decoration: none
}

.footers--dnpi-2>div:nth-child(2) .logo a img {
    height: 3rem
}

.footers--dnpi-2>div:nth-child(2) .logo>div {
    font-size: .75rem
}

.footers--dnpi-2>div:nth-child(2) .fmenu {
    flex-grow: 1;
    display: flex;
    justify-content: flex-end
}

.footers--dnpi-2>div:nth-child(2) .fmenu nav div {
    font-size: .75rem
}

.footers--dnpi-2>div:nth-child(2) .fmenu nav div a {
    color: var(--c2)
}

.footers--dnpi-2>div:nth-child(2) .copyright {
    font-size: .75rem
}

.footers--dnpi-2>div:nth-child(2) .copyright a {
    display: flex;
    gap: 1rem;
    text-decoration: none;
    align-items: center
}

.footers--dnpi-2>div:nth-child(2) .copyright a span {
    color: var(--g6);
    white-space: nowrap
}

.footers--dnpi-2>div:nth-child(2) .copyright a svg {
    fill: var(--c2);
    height: 2rem
}

@media (max-width:767px) {
    .footers--dnpi-2 {
        padding: 0 var(--pd2)
    }

    .footers--dnpi-2>div:first-child {
        flex-wrap: wrap
    }

    .footers--dnpi-2>div:first-child>div {
        flex: 0 0 calc(50% - 1rem)
    }

    .footers--dnpi-2>div:nth-child(2) {
        flex-wrap: wrap
    }

    .footers--dnpi-2>div:nth-child(2) .logo>div {
        display: none
    }

    .footers--dnpi-2>div:nth-child(2) .copyright {
        width: 100%
    }

    .footers--dnpi-2>div:nth-child(2) .copyright a {
        flex-direction: column;
        align-items: center
    }
}