/* footer .navstivprodejnu */
footer {
	clear: both;
	margin-top: auto;
}
.navstivprodejnu{
    margin-top: 4rem;
    background-color: #efefef;
}
.navstivprodejnu .container{
    position: relative;
    padding-top: 422px;
    display: flex;
    flex-direction: column;
}
.navstivprodejnu .komponentaSlozka{
    display: flex;
    position: absolute;
    top: 0px;
    height: 100%;
    left: 0px;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    padding-left: 2rem;
    padding-right: 2rem;
    z-index: 1;
}
.navstivprodejnu .proimg{
    position: absolute;
    top: 0px;
    height: 100%;
    left: 0px;
    width: 100%;
    background: url(img2/cta-retail-shop.png) scroll no-repeat right center/contain;
}
.navstivprodejnu .komponentaSlozka table{
    margin: 0;
    width: 100%;
}
.navstivprodejnu .komponentaSlozka tr:nth-child(1) td p{
    margin: 0;
}
.navstivprodejnu .komponentaSlozka tr:nth-child(1) td img{
    width: 150px;
    height: auto;
}
.navstivprodejnu .komponentaSlozka tr:nth-child(2) td p{
    line-height: 42px;
    font-size: 2.25rem;
    max-width: 36rem;
    color: rgb(44 44 44);
    font-weight: 700;
    margin: 1.25rem 0 0 0;
}
.navstivprodejnu .komponentaSlozka tr:nth-child(3) td p{
    line-height: 1.5rem;
    font-size: 1.125rem;
    color: rgb(111 109 72);
    font-weight: 700;
    margin: 1.25rem 0 0 0;
    color: rgb(111, 109, 72);
}
@media only screen and (max-width:1024px) {
    .navstivprodejnu .container{
        padding-top: 0px;
    }
    .navstivprodejnu .vnitrek{
        padding: 0;
    }
    .navstivprodejnu .komponentaSlozka{
        position: static;
        padding-top: 45px;
        padding-bottom: 45px;
        text-align: center;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .navstivprodejnu .proimg{
        position: static;
        background: url(img2/cta-retail-shop-mobile.png) scroll no-repeat right center/cover;
        padding-top: 56%;
    }
    .navstivprodejnu .komponentaSlozka tr:nth-child(2) td p{
        max-width: unset;
        color: rgb(44 44 44);
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
}
@media only screen and (max-width:640px) {
    .navstivprodejnu .komponentaSlozka tr:nth-child(2) td p{
        font-size: 1.5rem;
        line-height: 2rem;
    }
    .navstivprodejnu .komponentaSlozka tr:nth-child(3) td p{
        font-size: 1rem;
        line-height: 1.5rem;
    }
}
/* footer .navstivprodejnu */




/* footer .odbernovinek */
footer .vnitrek{
    padding: 0;
}
footer .odbernovinek{
    background-color: rgb(33 33 33);
    position: relative;
}
footer .odbernovinek:before{
    content: ' ';
    display: block;
    position: absolute;
    top: 0px;
    right: 50%;
    width: 100%;
    height: 100%;
    background-color: rgb(86 83 40);
    transform: matrix(1, 0, -0.36397, 1, 0, 0);
}
footer .odbernovinek:after{
    content: ' ';
    display: block;
    position: absolute;
    top: 0px;
    right: 50%;
    width: 100%;
    height: 100%;
    background-color: hsla(0,0%,100%,0.15);
    transform: matrix(1, 0, 0.4, 1, 0, 0);
}
footer .odbernovinek .vnitrek{
    position: relative;
}
footer .odbernovinek .container{
    display: flex;
    align-items: center;
}
footer .odbernovinek .container > *{
    padding: 70px 2rem;
    width: 50%;
}
footer .odbernovinek h2{
    color: white;
    font-size: 2.25rem;
    line-height: 2.5rem;
    font-weight: 800;
    margin: 0;
    padding: 0;
    text-transform: none;
}
footer .odbernovinek p{
    color: rgb(209 213 219);
    margin: 0.75rem 0 0 0;
    font-size: 1.125rem;
    line-height: 1.75rem;
    padding: 0;
}
footer .odbernovinek input[name=odhlasOdber]{
    display: none;
}
footer .odbernovinek .proform{
    text-align: right;
}
footer .odbernovinek .proform form{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
}
footer .odbernovinek input[name=email]{
    color: rgb(44 44 44);
    font-size: 1rem;
    line-height: 1.5rem;
    padding-bottom: 0.875rem;
    padding-top: 0.875rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    background-color: rgb(255 255 255);
    border: 1px solid rgb(209 213 219);
    border-radius: 0.125rem;
    margin: 0;
    width: 400px;
}
footer .odbernovinek input[name=email]:focus{
    outline: 2px solid #BDBA91;
}
footer .odbernovinek input[type=submit]{
    padding-left: 1.5rem !important;
    padding-right: 3.5rem !important;
    color: white;
    line-height: 24px;
    font-weight: 700;
    padding-bottom: 1rem !important;
    padding-top: 1rem !important;
    background: rgb(111 109 72) url(img2/icon-arrow-continue-brown.svg) scroll no-repeat calc(100% - 1.5rem) center/1.25rem 1.25rem;
    border-color: rgb(146 143 101);
    border-width: 0px;
    border-radius: 0.125rem;
    cursor: pointer;
    margin: 0;
    flex: 0 0 150px;
    text-align: left;
    max-height: 58px;
}
footer .odbernovinek input[type=submit]:hover{
    background-color: rgb(146 143 101);
}
@media only screen and (max-width:1024px) {

footer .odbernovinek .vnitrek{
    padding: 0;
}
footer .odbernovinek .container {
    flex-direction: column;
    background-color: rgb(86 83 40);
}
footer .odbernovinek .container > * {
    width: 100%;
    text-align: center;
    padding-bottom: 45px;
    padding-top: 45px;
}
footer .odbernovinek .proform form {
    justify-content: center;
    flex-direction: column;
    gap: 45px;
}
footer .odbernovinek .proform {
    text-align: center;
    background-color: #212121;
}

footer .odbernovinek:before,
footer .odbernovinek:after {
    display: none;
}

}
/* footer .odbernovinek */



/* footer .kontakty */
footer .kontakty{
    padding: 3.5rem 2rem;
    background-color: rgb(86 83 40);
}
footer .kontakty table,
footer .kontakty tbody{
    width: 100%;
    margin: 0;
    display: block;
}
footer .kontakty tr{
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}
footer .kontakty *{
    line-height: 1.5rem;
}
footer .kontakty h3{
    color: white;
}
footer .kontakty *:not(h3):not(a),
footer .kontakty td:nth-child(2) a,
footer .kontakty td:nth-child(3) a{
    color: rgb(184 182 162);
    text-decoration: none;
}
footer .kontakty td:nth-child(2) a:hover,
footer .kontakty td:nth-child(3) a:hover{
    color: white;
}
footer .kontakty td:not(:first-child) p{
    margin-top: 1rem;
}
footer .kontakty a{
    color: rgb(218 213 148);
}
footer .kontakty td:not(:first-child){
    margin-top: 3rem;
}
footer .kontakty td:first-child {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: 1rem;
}
footer .kontakty td:first-child {
    
}
footer .kontakty td:first-child p:first-child {
    width: 100%;
    margin: 0;
}
footer .kontakty td:first-child img{
    height: 5.5rem;
    width: 12rem;
}
footer .kontakty td:first-child a {
    font-size: .75rem;
    line-height: 1rem;
    color: white;
    display: flex;
    align-items: center;
    text-decoration: none;
    font-weight: 700;
}
footer .kontakty td:first-child p:not(:last-child) a:before {
    content: ' ';
    display: inline-block;
    width: 22px;
    height: 22px;
    float: left;
    opacity: 0.65;
    transition: opacity 0.3s;
}
footer .kontakty td:first-child a[href*=facebook]:before {
    background: url(img2/icon-facebook.svg) scroll no-repeat left 50%/18px auto;
}
footer .kontakty td:first-child a[href*=instagram]:before {
    background: url(img2/icon-instagram.svg) scroll no-repeat left 50%/18px auto;
}
footer .kontakty td:first-child a[href*=youtube]:before {
    background: url(img2/icon-youtube.svg) scroll no-repeat left 80%/20px auto;
}
footer .kontakty td:first-child a:hover:before {
    opacity: 1;
}
footer .kontakty td:first-child p:last-child {
    width: 100%;
    margin: 0;
}
footer .kontakty td:first-child p:last-child img {
    height: auto;
    border-radius: 3px;
}
footer .kontakty td:first-child p:last-child a:hover img {
    outline: 2px solid rgb(146 143 101);
}

@media only screen and (max-width:1024px) {
    footer .kontakty {
        padding: 3.5rem 1.5rem;
    }
    footer .kontakty tr{
        flex-wrap: wrap;
    }
    footer .kontakty td:first-child {
        flex: 0 1 100%;
    }
    footer .kontakty td:first-child{
        
    }
    footer .kontakty td:first-child {
        flex-wrap: wrap;
    }
    footer .kontakty td:not(:first-child) {
        margin-top: 1rem;
    }
}
@media only screen and (max-width:768px) {
    footer .kontakty tr {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    footer .kontakty td:first-child {
        width: auto;
    }
    footer .kontakty td:first-child {
        margin-right: 0;
    }
    footer .kontakty td:first-child {
        justify-content: center;
    }
    footer .kontakty td:first-child p:last-child a{
        display: block;
        float: none;
        margin: 0;
    }
    footer .kontakty td:first-child p:last-child img {
        margin: auto;
    }
}
@media only screen and (max-width:640px) {
    footer .kontakty td:first-child a {
        font-size: 0px;
    }
    footer .allrightsreserved {
        padding: 1rem 0 !important;
    }
}
/* footer .kontakty */



/* footer .allrightsreserved */
footer .allrightsreserved{
    text-align: center;
    color: rgb(184 182 162);
    padding: 2rem 0;
    border-top: 1px solid rgba(229,231,235,0.1);
    background-color: rgb(86 83 40);
}
footer .allrightsreserved span:first-child{
    color: white;
}
/* footer .allrightsreserved */