/* root */
:root {--yellow-accent: #ffd600;--brown-accent: #8c7050;font-family: "Gilroy", serif;}
html, body {margin: 0;}
/* Nav */
.nav-content {display: flex;align-items: center;justify-content: space-between;height: 84px;max-width: 1440px;margin: 0 auto;padding: 0 140px;}
/* Nav - Logo */
.nav-content > .logo > img {width: 200px;height: auto;}
/* Nav - Burger */
.nav > .nav-content > .burger {display: none;}
/* Nav - Menu */
.nav-content > .menu {list-style-type: none;display: flex;}
.nav-content > .menu > li {margin-right: 42px;}
.nav-content > .menu > li > a {text-decoration: none;color: #333;font-size: 16px;font-weight: bold;}
a {color: #bb9f7f;}
.nav-content > .menu > li.active > a {color: #bb9f7f;}
/* Nav - Cart */
.nav-content > a > .cart {display: flex;}
.nav-content > a > .cart > .item-count {width: 17px;height: 16px;background: var(--yellow-accent);color: #333;position: absolute;margin-left: 17px;border-radius: 17px;font-size: 13px;font-weight: bold;display: flex;align-items: center;justify-content: center;}
.nav-content > a > .cart > .item-count[data-basket-quantity="0"] {background: var(--brown-accent);color: #fff;}
a:-webkit-any-link:active {color: inherit;}
/* Frontpage banner */
.banner {background-image: url("/admin/upload/Dokumendid/frontpage_banner_29.01_old.webp");background-size: cover;height: 368px;background-position: top;background-repeat: no-repeat;}
.banner:after {content: url("/resources/img/oval-b.svg");position: absolute;right: 0;top: 385px;}
.banner > .content {max-width: 1440px;margin: 0 auto;padding-left: 190px;}
/* Banner span */
.banner > .content > .banner-box {display: grid;}
.banner > .content > .banner-box .slogan {font-size: 65px;height: 73px;margin-top: 66px;font-weight: bold;color: #fff;}
.banner > .content > .banner-box .motto {font-size: 37px;margin-top: 8px;width: /*390px*/auto;font-weight: bold;color: var(--yellow-accent);}
/* Banner ul */
.banner > .content > .banner-box > ul {display: flex;list-style: none;padding: 0;margin: 49px 0 0 0;}
.banner > .content > .banner-box > ul > li {padding-left: 42px;margin-right: 25px;font-size: 20px;font-weight: bold;display: flex;align-items: center;color: #fff;}
.banner > .content > .banner-box > ul > li:first-child {padding-left: 30px;}
.banner > .content > .banner-box > ul > li:last-child {width: 230px;}
.banner > .content > .banner-box > ul > li:before {content: url(/resources/img/web/checkmark.svg);color: var(--yellow-accent);display: inline-block;margin-left: -30px;padding-right: 12px;}

.banner_v2{background-image:url(/admin/upload/Dokumendid/frontpage_banner.webp?1);background-size:cover;height:368px;background-position:top;background-repeat:no-repeat;display:flex;align-items:center;}
.banner_v2:after{content:url("/resources/img/oval-b.svg");position:absolute;right:0;top:385px;}
.banner_v2 .content{max-width:1440px;margin:0 auto;text-align:center;}
.banner_v2 .content h1{font-size:85px;line-height:1em;margin:0;font-weight:700;color:#000;}
.banner_v2 .content h3{font-size:25px;line-height:1em;margin:0;margin-top:20px;font-weight:700;color:#000;text-transform:uppercase;}


/* Frontpage Banner end */
/* Content - info */
main {min-height: calc(100% - 111px - 84px);}
main > .info {max-width: 1440px;margin: 85px auto;padding: 0 77px 0 190px;display: grid;grid-template-areas:"graphic slogan" "graphic content" "graphic button";grid-template-rows: 38px auto 91px;grid-template-columns: auto 1fr;grid-column-gap: 116px;}
main > .info > .slogan {grid-area: slogan;font-size: 14px;line-height: 24px;font-weight: 500;text-transform: uppercase;letter-spacing: 3px;margin-bottom: 14px;color: var(--yellow-accent);}
main > .info > .content {grid-area: content;}
main > .info > .content > span:first-child,
main > .info > .content > h2:first-child
    {font-size:35px;font-weight:700;line-height:46px;display:block;margin-bottom:34px}
main > .info > .content > h2 {font-size:35px;font-weight:bold;margin:0;margin-bottom:30px;line-height:normal;color:#8c7050;}
main > .info > .content > span:last-child{line-height:26px;font-size:18px}
main > .info > button {grid-area: button;width: fit-content;height: 48px;margin-top: 43px;padding: 15px 23px;border-radius: 27px;border: 0;background: var(--brown-accent);}
main > .info > button > a {display: flex;align-items: center;justify-content: center;color: var(--yellow-accent);text-decoration: none;font-weight: bold;font-size: 15px;}
main > .info > button > a:active {color: var(--yellow-accent);}
main > .info > button > a::before {content: "";position: absolute;width: 226px;height: 48px;}
/* Footer */
footer > .space {height: 29px;background-color: #f8f8f8;}
footer > .space:after {content: url(/resources/img/oval-y.svg);position: relative;top: -48px;}
footer > .content {display: flex;justify-content: space-between;align-items: center;max-width: 1266px;margin: 12px auto;padding: 0 87px;width: 100%;}
/* Footer - links */
footer > .content > .left > ul {display: flex;list-style: none;}
footer > .content > .left > ul > li {margin-right: 40px;}
footer > .content > .left > ul > li > a {color: #000;font-size: 14px;font-weight: 500;}
footer > .content > .left > ul > li.active > a {color: #bb9f7f;}
footer > .content > .right {display: flex;align-items: center;}
footer > .content > .right > div:not(:last-child) {margin-right: 25px;}
/* Msg_box widget */
.msg_box {z-index: 100;left: 0;top: 0;width: 100%;height: 100%;}
.msg_box .fixed.ui-widget-overlay {left: 0;top: 0;width: 100%;height: 100%;z-index: 1001;}
.msg_box .ui-dialog {outline: 0;z-index: 1002;height: auto;width: 300px;margin-top: -75px;margin-left: -150px;top: 50%;left: 50%;display: block;}
.msg_box .ui-dialog .indicator {width: auto;min-height: 72px;height: auto;}
.none {display: none;}
body > .cookie-popup {max-width: 670px;padding-inline: clamp(5px, 4vw, 54px);padding-block: clamp(5px, 4vw, 40px) clamp(5px, 4vw, 50px);border-radius: 8px;box-shadow: 0px 0px 27px 0px rgb(0 0 20%);background: white;position: fixed;z-index: 100;--margin: clamp(5px, 2.5vw, 30px);right: var(--margin);bottom: var(--margin);margin-inline-start: var(--margin);margin-block-start: var(--margin);}
body > .cookie-popup p {font-size: 16px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.69;letter-spacing: normal;color: #333;margin-block-end: 35px;}
body > .cookie-popup .actions,
body > .cookie-popup .actions button
    {display: flex;align-items: center;font-size: 16px;font-weight: 600;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;}
body > .cookie-popup .actions {flex-wrap: wrap;}
body > .cookie-popup .actions button {flex-wrap: nowrap;height: 42px;text-align: center;padding-inline: 22px;border-radius: 27px;border: 0;cursor: pointer;transition: background-color 0.3s;margin-block-start: 20px;}
body > .cookie-popup .actions button.close {background-color: #e5e5e5;color: #000;margin-inline-end: 10px;}
body > .cookie-popup .actions button.close:hover {background-color: #c5c5c5;}
body > .cookie-popup .actions button.accept {background-color: var(--yellow-accent);color: #000;}
body > .cookie-popup .actions button.accept:hover {opacity:.7;}
body > .cookie-popup .actions a {margin-block-start: 20px;margin-inline-start: auto;color: #000;text-decoration: underline;}
body > .cookie-popup .actions a:hover {text-decoration: none;}

.faq-points {display:flex;flex-direction:row;flex-wrap:nowrap;width:80%;margin:40px auto 40px auto;position:relative;}
.faq-points div {width:20%;position:relative;padding:70px 10px 0 10px;text-align:center;}
.faq-points div:first-child {width:15%;}
.faq-points div:nth-child(2) {width:25%;}
.faq-points div:after {content:attr(data-pos);position:absolute;top:0;left:calc(50% - 30px);width:60px;height:60px;border:4px solid #fff;line-height:60px;font-size:30px;font-weight:bold;color:#7a6045;text-align:center;background:var(--yellow-accent);border-radius:50%;}
.faq-points div:not(:last-child):before {content:"";position:absolute;top:32px;left:50%;height:4px;width:100%;background-color:var(--yellow-accent);}
.faq-points div:first-child:before {width:200%;}
@media all and (max-width: 916px) {
    .faq-points {flex-wrap:wrap;width:90%;}
    .faq-points div {display:flex;flex-direction:column;justify-content:center;width:100%!important;padding:0 0 0 80px;min-height:80px;text-align:left;}
    .faq-points div:after {top:5px;left:0;}
    .faq-points div:not(:last-child):before {top:32px;left:32px;height:80px;width:4px;background-color:var(--yellow-accent);}
}
.faq-points-transport {display:flex;flex-direction:row;justify-content:center;width:calc(100% - 40px);min-height:40px;line-height:20px;padding:15px 20px;color:var(--yellow-accent);background-color:#7a6045;font-size:20px;font-weight:bold;}
.faq-points-transport img {height:40px;margin:0 10px 0 0;}

@media all and (max-width: 1456px) {
    footer > .content {margin: 12px 0;width: unset;}
}
@media all and (max-width: 1300px) {
    /* Content */
    main > .info {padding: 0 5%;margin: 50px 0;grid-template-areas:"graphic slogan" "graphic content" "graphic button";grid-template-rows: 38px auto 91px;grid-template-columns: auto;}
    main > .info > img {margin: 0 auto;}
    main > .info > .slogan {margin: 5% 0 5px 0;}
    main > .info > .content > span:first-child {margin-bottom: 25px;}
}
@media all and (max-width: 1150px) {
    /* Footer */
    footer > .content {flex-wrap: wrap;justify-content: center;}
    footer > .content > .left,
    footer > .content > .right {width: 100%;justify-content: center;}
    footer > .content > .left > ul {padding: 0;flex-wrap: wrap;margin: 23px 0 35px;}
    footer > .content > .left > ul > li {width: 100%;margin: 0;font-size: 18px;text-align: center;}
    footer > .content > .left > ul > li:not(:last-child) {margin-bottom: 15px;}
    footer > .content > .left > ul > li > a {font-size: 18px;}
}
@media all and (max-width: 1100px) {
    .banner {height: auto;}
    .banner:after {top: 365px;}
    main > .banner > .content {padding: 0;}
    .banner > .content > .banner-box > span {margin: 0 auto;text-align: center;width: initial;}
    .banner > .content > .banner-box .slogan {font-size: 45px;height: auto;width: auto;margin-top: 45px;}
    .banner > .content > .banner-box .motto {font-size: 27px;width: auto;height: auto;margin-top: 10px;}
    .banner > .content > .banner-box > ul {flex-wrap: wrap;width: auto;margin: 47px 30px 32px 0;}
    .banner > .content > .banner-box > ul > li {width: 100% !important;padding-left: 64px !important;margin-bottom: 12px;}
}
@media all and (min-width: 916px) {
    html, body {height: 100%;}
}
@media all and (max-width: 916px) {
    .banner_v2 .content h1{font-size:60px!important;}
    .banner:after {content: url("/resources/img/oval-b-small.svg");top: 390px;}
    /* Nav */
    .nav {height: 84px;display: inline;}
    .nav > .nav-content {padding: 0 5%;position: -webkit-sticky;position: sticky;z-index: 200;top: 0;background: #fff;box-shadow: rgb(0 0 17%) 0 1px;}
    .nav > .nav-content > .menu {display: none;}
    .nav > .nav-content > .burger {display: block;position: relative;left: -4px;z-index: 1;-webkit-user-select: none;user-select: none;}
    .nav > .nav-content > .burger a {text-decoration: none;color: #f6f6f6;font-size: 25px;font-weight: 600;transition: color 0.3s ease;}
    .nav > .nav-content > .burger a:hover {color: var(--yellow-accent);}
    .nav > .nav-content > .burger input {display: block;width: 33px;height: 24px;position: absolute;left: -4px;top: -6px;cursor: pointer;opacity: 0;z-index: 2;-webkit-touch-callout: none;}
    .nav > .nav-content > .burger span {display: block;width: 31px;height: 4px;margin-bottom: 5px;position: relative;background: var(--brown-accent);border-radius: 3px;z-index: 1;transform-origin: 4px 0;transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),opacity 0.55s ease;}
    .nav > .nav-content > .burger span:nth-child(3) {width: 26px;}
    .nav > .nav-content > .burger span:first-child {transform-origin: 0 0;}
    .nav > .nav-content > .burger span:nth-last-child(2) {transform-origin: 0 100%;}
    .nav > .nav-content > .burger input:checked {width: 26px;height: 25px;top: -7px;left: -7px;}
    .nav > .nav-content > .burger input:checked ~ span {opacity: 1;transform: rotate(45deg) translate(-2px, -1px);background: var(--yellow-accent);}
    .nav > .nav-content > .burger input:checked ~ span:nth-last-child(3) {opacity: 0;transform: rotate(0deg) scale(0.2, 0.2);}
    .nav > .nav-content > .burger input:checked ~ span:nth-last-child(2) {transform: rotate(-45deg) translate(0, -1px);}
    .nav > .nav-content > .burger > .menu {position: fixed;width: 100%;height: 100vh;margin: -100px 0 0 -160px;padding: 110px 0 0 155px;top: 100px;background: #7a6145;list-style-type: none;-webkit-font-smoothing: antialiased;transform-origin: 0 0;transform: translate(-100%, 0);transition: transform 0.375s cubic-bezier(0.77, 0.2, 0.05, 1.0);display: flex;flex-direction: column;justify-content: flex-start;align-items: center;}
    .nav > .nav-content > .burger > .menu > li {padding: 12px 0;font-size: 18px;font-weight: 500;margin-right: 25px;z-index: 1;}
    .nav > .nav-content > .burger input:checked ~ .menu {transform: none;}
    .nav > .nav-content > .burger > .menu > .oval-full {position: absolute;bottom: 171px;right: 77px;}
    .nav > .nav-content > .burger > .menu > .oval-quarter {position: absolute;bottom: 110px;right: 4px;}
}
@media all and (max-width: 700px) {
    main > .info > img {width: 80%;height: auto;}
    footer > .content {padding: 0;}
    footer > .content > .right {flex-wrap: wrap;margin-bottom: 40px;}
    footer > .content > .right > div {width: 100%;display: flex;justify-content: center;margin-right: 0 !important;}
    footer > .content > .right > div:not(:last-child) {margin-bottom: 34px;}
}
@media all and (max-width: 512px) {
    .banner:after {top: 410px;}
}
@media all and (max-width: 380px) {
    .banner:after {top: 445px;}
}