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

.head {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: 0;
    z-index: 50;
}

.head a {
    display: block;
    margin: 0 auto;
    height: 7.8rem;
    width: 15.0rem;
}

.head .logo {
    position: absolute;   
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    background-image: url('/public/images/soutez/birellogo.svg?v=1');
    background-position: top center;
}


.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: 67rem;
    z-index: 60;
}

.top * {
    
    z-index: 60;
}

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

.top.sk .background {
    background-image: url("/public/images/soutez/assets/bg-top-sk.png");
}

.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: 11.8rem;
}

.title .h1 {
    margin: 0;
    color: var(--clr-white);
    font-size: 7.0rem;
    line-height: 8.8rem;
    font-weight: 900;
    text-transform: uppercase;
}

.title .h3 {
    margin: 0;
    color: var(--clr-white);
    font-size: 2.7rem;
    line-height: auto;
    font-weight: 900;
    text-transform: uppercase;
}

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

.top .button {
    padding: 1.6rem 5.5rem;
    color: var(--clr-blue);
    font-size: 1.6rem;
    background-color: var(--clr-white);
    border: none;
    border-radius: 10.0rem;
    text-transform: uppercase;
}

.top .buttonLink .arrow {
    height: 100%;
    width: 100%;
    background-position: right center;
    background-image: url("/public/images/soutez/icons/arrow-down-blue.svg");
    background-size: 1.5rem 1.5rem;
    text-align: left;
}


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

footer,
.footer {
    padding: 0;
    margin: 0;
    width: 100%;
    background-color: transparent;
}

footer.white,
.footer.white {
    background-color: var(--clr-white);
}

footer.blue,
.footer.blue {
    margin-top: 0;
}

footer.blue .footerBackground,
.footer.blue .footerBackground {
    position: absolute;
    top: -12.4rem;
    width: 100%;
    height: 64rem;
    background-image: url('/public/images/soutez/assets/bg-footer.svg?v=1');
    background-size: cover;
    background-position: top center;
} 

footer .footerCont,
.footer .footerCont {
    margin: 0 var(--padding-horizontal) var(--padding-horizontal) var(--padding-horizontal);
    padding: 0;
    width: auto;
    color: var(--clr-white);
    background-color: #FFFFFFE5;
    border-radius: 2.0rem;
    overflow: hidden;
}

footer .footerText,
footer .footerText a,
.footer .footerText,
.footer .footerText a {
    color: #0F40A9;
    font-size: 1.4rem;
    line-height: 2.0rem;
    font-weight: 500;
    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 .footerText .created,
.footer .footerText .created {
    margin-top: 1.4rem;
    font-size: 1.4rem;
    text-transform: none;
}

footer .footerText .laws,
.footer .footerText .laws {
    margin-top: 1.4rem;
    font-size: 1.6rem;
    text-transform: none;
}

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


footer .footerCredentials a,
.footer .footerCredentials a {
    color: #9D9D9D;
    text-decoration: underline;
    opacity: 1;
}

footer .footerCredentials .created,
footer .footerCredentials .created {
    margin-bottom: 1.6rem;
    color: #9D9D9D;
    font-size: 1.4rem;
    line-height: 2.1rem;
    font-weight: 500;
}

footer .footerCredentials .laws,
footer .footerCredentials .laws {
    color: #9D9D9D;
    font-size: 1.4rem;
    line-height: 2.1rem;
    font-weight: 500;
}