/* ----------------- Header ----------------- */

.head {
    display: flex;
    margin: 0;
    width: 100%;
    height: 9.7rem;
    background-color: var(--clr-white);
    align-items: center;
    justify-content: center;
    box-shadow: 0 1.1rem 2.4rem 0 #0000001A,
        0 4.3rem 4.3rem 0 #00000017,
        0 9.8rem 5.9rem 0 #0000000D,
        0 17.3rem 6.9rem 0 #00000003,
        0 27.1rem 7.6rem 0 #00000000;
    z-index: 60;
}

.head .logo {
    width: 9.6rem;
    height: 5.2rem;
    background-image: url('/public/images/soutez/logo.svg?v=1');
}


.head .language {
    position: absolute;   
    top: 2.3rem;
    right: 3.3rem;
    margin: 0;
}

.head .language a {
    margin: 0;
    height: auto;
    width: auto;
}

.head .language .flag {
    width: 3.6rem;
    height: 2.6rem;
    background-color: #ffffff55;
    background-size: 3.0rem 2.0rem;
    background-position: center center;
}

.head .language .flag.cs {
    background-image: url('/public/images/soutez/icons/flag-cs.svg');
}

.head .language .flag.sk {
    background-image: url('/public/images/soutez/icons/flag-sk.svg');
}


/* ----------------- Top ----------------- */

.top {
    width: 100%;
    height: 58.0rem;
    z-index: 60;
}

.top * {
    
    z-index: 60;
}

.top .background {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-position: bottom center;
    background-image: url("/public/images/soutez/assets/bg-top.png");
    background-size: cover;
}

.top .backgroundFruit{
    position: absolute;
    bottom: -8rem;
    width: 100%;
    height: 20rem;
    background-image: url('/public/images/soutez/assets/bg-how-to.svg?v=1');
    background-size: cover;
    background-position: center top;
    z-index: 50;
}

.title {
    top: 5.8rem;
}

.title .h1 {
    margin: 0;
    color: var(--clr-white);
    font-family: 'Degular Black', sans-serif;
    font-size: 5.7rem;
    line-height: 4.7rem;
    text-wrap: nowrap;
    text-transform: uppercase;
}

.title .h3 {
    margin-top: 1.2rem;
    color: var(--clr-white);
    font-family: 'Degular Medium', sans-serif;
    font-size: 2.7rem;
    line-height: 2.4rem;
    text-transform: none;
}

.top .buttonLink {
    top: 48.1rem;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
}

.top .buttonBackground {
    width: 22.2rem;
}


/* ----------------- Footer ----------------- */

footer,
.footer {
    padding: 0;
    margin: 0;
    width: 100%;
    background-color: var(--clr-yellow);
}

footer .footerText,
footer .footerText a,
.footer .footerText,
.footer .footerText a {
    color: #000000;
    font-family: 'Degular Medium';
    font-size: 1.6rem;
    line-height: 2.2rem;
    text-transform: uppercase;
}

footer .footerText .item,
.footer .footerText .item {
    margin-bottom: 1.4rem;
    text-decoration: underline;
}

footer .footerText a,
.footer .footerText a {
    text-decoration: underline;
    opacity: 1;
}


footer .logo,
.footer .logo {
    position: relative;
    margin: 3rem auto;
    padding: 0;
    width: 100%;
    height: 10.2rem;
    background-image: url("/public/images/soutez/logo-footer.svg?v=1");
    z-index: 10;
}


footer .footerCredentials a,
.footer .footerCredentials a {
    color: var(--clr-black);
    text-decoration: underline;
    opacity: 1;
}

footer .footerCredentials .created,
.footer .footerCredentials .created {
    margin-top: 1.4rem;
    color: var(--clr-black);
    font-family: 'Degular Medium';
    font-size: 1.4rem;
    text-transform: none;
}

footer .footerCredentials .laws,
.footer .footerCredentials .laws {
    margin-top: 1.4rem;
    color: var(--clr-black);
    font-family: 'Degular Regular';
    font-size: 1.6rem;
    text-transform: none;
}


footer .social,
.footer .social {
    margin-top: 2.6rem;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    gap: 2.2rem;
}

footer .social .item,
.footer .social .item {
    height: 2.9rem;
    width: 2.9rem;
}

footer .social .ing,
.footer .social .ing {
    background-image: url("/public/images/soutez/icons/social-ing.svg?v=1");
}

footer .social .web,
.footer .social .web {
    background-image: url("/public/images/soutez/icons/social-web.svg?v=1");
}

footer .social .fb,
.footer .social .fb {
    background-image: url("/public/images/soutez/icons/social-fb.svg?v=1");
}

footer .napivosrozumem,
.footer .napivosrozumem {
    margin: 1.6rem auto 1.2rem auto;
    height: 5.1rem;
    width: 24.3rem;
    background-image: url("/public/images/soutez/napivosrozumem.svg?v=1");
}

footer .legalInfo,
.footer .legalInfo {
    margin-bottom: 3.0rem;
    color: var(--clr-black);
    font-family: 'Degular Medium';
    font-size: 1.5rem;
    text-transform: none;
}