@font-face {
    font-family: Gotham;
    font-weight: 700;
    src: url(/fonts/HomepageBaukasten-Bold.woff2?722330ec6f302d54177d2c7568eaa74b)
}

@font-face {
    font-family: GothamBook;
    src: url(/fonts/HomepageBaukasten-Book.woff2?1b4a8e41922cba4c53407af0cfcac43f)
}

@font-face {
    font-family: GothamMedium;
    src: url(/fonts/iCiel-Gotham-Medium.ttf.woff?7c93ca8bab51580083c8265030850ba4)
}

@font-face {
    font-family: OpenSans;
    font-weight: 500;
    src: url(/fonts/OpenSans-SemiBold.ttf?a16d8201b06a03c6c365341748a5cba0)
}

@font-face {
    font-family: Poppins;
    font-weight: 500;
    src: url(/fonts/Poppins-SemiBold.ttf?cce5625b56ec678e42021270b84ef400)
}

@font-face {
    font-family: Lato;
    font-weight: 400;
    src: url(/fonts/Lato-Regular.ttf?9919edff6283018571add043109dc20b)
}

ul {
    padding-left: 0
}

.a-disabled-default {
    text-decoration: none;
    color: #868585
}

.a-disabled-default:hover {
    color: #000
}

.header-bg {
    background: #fcfcfc;
    height: 140px;
    position: fixed;
    width: 100%;
    z-index: 10
}

#logo {
    position: absolute;
    width: 15%;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 5
}

#logo img {
    width: 100%
}
.banner-wrap.mobile{
    display:none;
}
.cartmenu {
    color: #727272;
    font-family: GothamBook, sans-serif;
    position: absolute;
    right: 15px;
    top: 33%;
    transform: translate(0, -33%)
}

.cartmenu a {
    color: inherit
}

.main-nav {
    display: inline-block;
    width: 100%;
    top: 66%;
    position: relative;
    transform: translate(0, -66%)
}

.main-nav ul {
    text-align: center;
    margin-bottom: 0
}

.menucont {
    height: 100%
}

.main-nav ul li {
    display: inline;
    font-size: 23pt;
    margin: 0 25px 0 25px;
    font-family: Gotham, sans-serif;
    font-weight: 700;
    color: #727272
}

.main-nav ul li a {
    color: inherit;
    text-decoration: none
}

.main-nav ul li a:hover {
    color: #000
}

.banner-wrap img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto
}

.mobilemenuBurger {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translate(0, -50%);
    font-size: 250%;
    display: none
}


.mobilmenu ul {
    list-style-type: none;
    margin-left: 15px;
    margin-top: 140px
}

.mobilmenu ul li {
    font-size: 3vmax;
    font-family: Gotham, sans-serif;
    font-weight: 700;
    color: #727272
}

.mobilmenu ul li a {
    color: inherit;
    text-decoration: none
}

.mobilmenu ul li a:focus {
    color: #000
}

.cartmenu-mobile {
    margin-left: 15px;
    color: #727272;
    font-family: GothamBook, sans-serif
}

.cartmenu-mobile a {
    color: inherit
}

.cartmenu a:hover {
    color: #000;
    text-decoration: none
}

.cartmenu-mobile a:hover {
    color: #000;
    text-decoration: none
}

.close-mobile-menu {
    position: absolute;
    right: 15px;
    top: 10px;
    font-size: 250%
}

.mobile-menu-screen {
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    transition: background-color ease-out .2s;
    z-index: 1
}

.mobile-menu-screen.visible {
    visibility: visible;
    transition: background-color ease-out .2s
}

#favorite {
    padding: 50px 0 50px 0;
    background-color: #eae9e9
}

#favorite h2 {
    text-align: center;
    font-family: GothamMedium, sans-serif;
    font-size: 32pt;
    color: #727272
}

#favorite h3 {
    font-family: GothamBook, sans-serif;
    font-size: 36pt;
    text-transform: uppercase
}

#favorite .fav-year {
    font-family: GothamBook, sans-serif;
    font-size: 22pt;
    margin-bottom: .5rem
}

#favorite .fav-maintext {
    font-family: GothamBook, sans-serif;
    font-size: 14pt
}

#favorite .row {
    margin: 40px 0 40px 0
}

#favorite img {
    width: 100%
}

#favorite .link-button-red {
    color: #fdfdfd;
    font-family: Gotham, sans-serif;
    font-weight: 700;
    background-color: #f54d56;
    text-decoration: none;
    width: 200px;
    padding: 13px;
    text-align: center
}

#nase {
    padding: 50px 0 50px 0
}

#nase .row {
    margin: 30px 0 30px 0
}

#nase h2 {
    text-align: center;
    font-family: GothamMedium, sans-serif;
    font-size: 32pt;
    color: #727272
}

.nase-col-wrap img {
    width: 100%
}

.nase-col-wrap {
    position: relative;
    margin: 40px 0 40px 0;
    border: 4px solid #f7f6f6;
    padding: 15px
}

.nase-col-wrap h4 {
    text-align: center;
    font-family: GothamBook, sans-serif;
    font-size: 14pt;
    color: #717171;
    text-transform: uppercase
}

.nase-col-wrap a {
    text-decoration: none
}

.price-home {
    text-align: center;
    font-size: 17pt;
    font-family: Gotham, sans-serif;
    font-weight: 700;
    color: #717171
}

.price-home sup {
    font-size: 10pt
}

.discount {
    position: absolute;
    width: 80px;
    padding: 8px 0 8px 0;
    background-color: #f54d56;
    font-family: OpenSans, sans-serif;
    font-weight: 500;
    color: #fff;
    left: -4px;
    text-align: center;
    border-left: 4px solid #de3841
}

#nas-pribeh .col-md-6 {
    padding: 6.5vw
}

.pribeh-row-wrap {
    position: relative;
    overflow: hidden;
    height: 52vw
}

.pribeh-row-wrap img {
    width: 105%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.coltext1 {
    background-color: rgba(82, 85, 46, .89);
    height: 52vw
}

.coltext2 {
    background-color: rgba(158, 103, 2, .89);
    height: 52vw
}

.coltext3 {
    background-color: rgba(71, 54, 38, .89);
    height: 52vw
}

#nas-pribeh h2 {
    font-family: GothamBook, sans-serif;
    font-size: 4vw;
    color: #fff;
    margin-bottom: 4rem
}

#nas-pribeh h3 {
    font-family: GothamBook, sans-serif;
    font-size: 2vw;
    color: #fff;
    margin-bottom: 1.5rem
}

.pribeh-maintext {
    font-family: GothamBook, sans-serif;
    font-size: 1.1vw;
    color: #fff
}

#map {
    line-height: 0
}

#map iframe {
    width: 100%;
    height: calc(100vh - 140px)
}

footer {
    background-color: #eae9e9
}

.footer-row-up {
    padding-top: 80px
}

.footer-row-down {
    padding-bottom: 80px
}

.footer-row-down hr {
    width: 100%;
    height: 2px;
    margin: 4rem 15px 0 1rem;
    background-color: #fff
}

.footer-col-text {
    margin-bottom: 1.5rem
}

.footer-col-text a:hover {
    color: #000
}

.informacie {
    font-family: Gotham, sans-serif;
    font-weight: 700;
    color: #868585;
    font-size: 14pt;
    margin-bottom: 1.5rem
}

.kontakt {
    font-family: Gotham, sans-serif;
    font-weight: 700;
    color: #656363;
    font-size: 14pt;
    margin-bottom: 1.5rem
}

.footer-kontakt-text {
    font-family: GothamBook, sans-serif;
    color: #868585;
    margin-bottom: 1.5rem
}

.footer-facebook {
    color: #727272;
    font-size: 20pt
}

.footer-facebook:hover {
    color: #000
}

#copyright {
    margin-top: 1.5rem;
    color: #a6a6a6;
    font-size: 13pt;
    font-family: Lato, sans-serif;
    margin-left: 15px
}

.visible-xs {
    display: none
}

@media screen and (max-width:992px) {
    .mobilemenuBurger {
        display: block
    }
    .cartmenu {
        display: none
    }
    .main-nav ul {
        display: none
    }
    #logo {
        width: 30%;
        left: 0
    }
}

@media screen and (max-width:576px) {
    .mobilmenu ul {
        margin-top: 70px
    }
    .header-bg {
        height: 70px
    }
    #favorite h2 {
        font-size: 22pt
    }
    #favorite h3 {
        font-size: 24pt
    }
    .najob-img-col {
        margin-top: 3rem
    }
    .pribeh-tel-nopad {
        padding: 0!important
    }
    #nas-pribeh h2 {
        margin-bottom: 2rem
    }
    .pribeh-maintext {
        font-size: 3.1vw
    }
    .coltext1, .coltext2, .coltext3, .pribeh-row-wrap {
        height: 92vw
    }
    .pribeh-row-wrap img {
        width: auto;
        height: 100%
    }
    #nas-pribeh h3 {
        font-size: 3vw
    }
    .footer-row-up {
        padding-top: 20px
    }
    .footer-col-text {
        text-align: center
    }
    .footer-col-text a {
        font-size: 22px
    }
    .mobile-text-center {
        text-align: center
    }
    .footer-facebook {
        margin-top: 3rem
    }
    #copyright {
        width: 100%;
        text-align: center
    }
    .footer-row-down {
        padding-bottom: 20px
    }
    .footer-row-down hr {
        margin: 2rem 15px 0 1rem
    }
    .visible-xs {
        display: block
    }
}

@font-face {
    font-family: Gotham;
    font-weight: 700;
    src: url(/fonts/HomepageBaukasten-Bold.woff2?722330ec6f302d54177d2c7568eaa74b)
}

@font-face {
    font-family: GothamBook;
    src: url(/fonts/HomepageBaukasten-Book.woff2?1b4a8e41922cba4c53407af0cfcac43f)
}

@font-face {
    font-family: GothamMedium;
    src: url(/fonts/iCiel-Gotham-Medium.ttf.woff?7c93ca8bab51580083c8265030850ba4)
}

@font-face {
    font-family: OpenSans;
    font-weight: 500;
    src: url(/fonts/OpenSans-SemiBold.ttf?a16d8201b06a03c6c365341748a5cba0)
}

@font-face {
    font-family: Poppins;
    font-weight: 500;
    src: url(/fonts/Poppins-SemiBold.ttf?cce5625b56ec678e42021270b84ef400)
}

@font-face {
    font-family: Lato;
    font-weight: 400;
    src: url(/fonts/Lato-Regular.ttf?9919edff6283018571add043109dc20b)
}

ul {
    padding-left: 0
}

.a-disabled-default {
    text-decoration: none;
    color: #868585
}

.a-disabled-default:hover {
    color: #000
}

.header-bg {
    background: #fcfcfc;
    height: 140px;
    position: fixed;
    width: 100%;
    z-index: 10
}

#logo {
    position: absolute;
    width: 15%;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 5
}

#logo img {
    width: 100%
}

.cartmenu {
    color: #727272;
    font-family: GothamBook, sans-serif;
    position: absolute;
    right: 15px;
    top: 33%;
    transform: translate(0, -33%)
}

.cartmenu a {
    color: inherit
}

.main-nav {
    display: inline-block;
    width: 100%;
    top: 66%;
    position: relative;
    transform: translate(0, -66%)
}

.main-nav ul {
    text-align: center;
    margin-bottom: 0
}

.menucont {
    height: 100%
}

.main-nav ul li {
    display: inline;
    font-size: 23pt;
    margin: 0 25px 0 25px;
    font-family: Gotham, sans-serif;
    font-weight: 700;
    color: #727272
}

.main-nav ul li a {
    color: inherit;
    text-decoration: none
}

.main-nav ul li a:hover {
    color: #000
}

.banner-wrap img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto
}

.mobilemenuBurger {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translate(0, -50%);
    font-size: 250%;
    display: none
}

.mobilmenu ul {
    list-style-type: none;
    margin-left: 15px;
    margin-top: 140px
}

.mobilmenu ul li {
    font-size: 3vmax;
    font-family: Gotham, sans-serif;
    font-weight: 700;
    color: #727272
}

.mobilmenu ul li a {
    color: inherit;
    text-decoration: none
}

.mobilmenu ul li a:focus {
    color: #000
}

.cartmenu-mobile {
    margin-left: 15px;
    color: #727272;
    font-family: GothamBook, sans-serif
}

.cartmenu-mobile a {
    color: inherit
}

.cartmenu a:hover {
    color: #000;
    text-decoration: none
}

.cartmenu-mobile a:hover {
    color: #000;
    text-decoration: none
}

.close-mobile-menu {
    position: absolute;
    right: 15px;
    top: 10px;
    font-size: 250%
}

.mobile-menu-screen {
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    transition: background-color ease-out .2s;
    z-index: 1
}

.mobile-menu-screen.visible {
    visibility: visible;
    transition: background-color ease-out .2s
}

.dik-wrap {
    height: 100vh
}

.fa-shopping-bag {
    color: #727272;
    font-size: 150px
}

.dakujeme {
    font-family: Gotham, sans-serif;
    font-weight: 700;
    color: #727272;
    font-size: 30pt
}

.zavas {
    font-family: GothamBook, sans-serif;
    color: #727272;
    font-size: 30pt
}

footer {
    background-color: #eae9e9
}

.footer-row-up {
    padding-top: 80px
}

.footer-row-down {
    padding-bottom: 80px
}

.footer-row-down hr {
    width: 100%;
    height: 2px;
    margin: 4rem 15px 0 1rem;
    background-color: #fff
}

.footer-col-text {
    margin-bottom: 1.5rem
}

.footer-col-text a:hover {
    color: #000
}

.informacie {
    font-family: Gotham, sans-serif;
    font-weight: 700;
    color: #868585;
    font-size: 14pt;
    margin-bottom: 1.5rem
}

.kontakt {
    font-family: Gotham, sans-serif;
    font-weight: 700;
    color: #656363;
    font-size: 14pt;
    margin-bottom: 1.5rem
}

.footer-kontakt-text {
    font-family: GothamBook, sans-serif;
    color: #868585;
    margin-bottom: 1.5rem
}

.footer-facebook {
    color: #727272;
    font-size: 20pt
}

.footer-facebook:hover {
    color: #000
}

#copyright {
    margin-top: 1.5rem;
    color: #a6a6a6;
    font-size: 13pt;
    font-family: Lato, sans-serif;
    margin-left: 15px
}

.visible-xs {
    display: none
}

@media screen and (max-width:992px) {
    .mobilemenuBurger {
        display: block
    }
    .cartmenu {
        display: none
    }
    .main-nav ul {
        display: none
    }
    #logo {
        width: 30%;
        left: 0
    }
}

@media screen and (max-width:576px) {
    .mobilmenu ul {
        margin-top: 70px
    }
    .header-bg {
        height: 70px
    }
    #favorite h2 {
        font-size: 22pt
    }
    #favorite h3 {
        font-size: 24pt
    }
    .najob-img-col {
        margin-top: 3rem
    }
    .pribeh-tel-nopad {
        padding: 0!important
    }
    #nas-pribeh h2 {
        margin-bottom: 2rem
    }
    .pribeh-maintext {
        font-size: 3.1vw
    }
    .coltext1, .coltext2, .coltext3, .pribeh-row-wrap {
        height: 92vw
    }
    .pribeh-row-wrap img {
        width: auto;
        height: 100%
    }
    #nas-pribeh h3 {
        font-size: 3vw
    }
    .footer-row-up {
        padding-top: 20px
    }
    .footer-col-text {
        text-align: center
    }
    .footer-col-text a {
        font-size: 22px
    }
    .mobile-text-center {
        text-align: center
    }
    .footer-facebook {
        margin-top: 3rem
    }
    #copyright {
        width: 100%;
        text-align: center
    }
    .footer-row-down {
        padding-bottom: 20px
    }
    .footer-row-down hr {
        margin: 2rem 15px 0 1rem
    }
    .visible-xs {
        display: block
    }
}

@font-face {
    font-family: Gotham;
    font-weight: 700;
    src: url(/fonts/HomepageBaukasten-Bold.woff2?722330ec6f302d54177d2c7568eaa74b)
}

@font-face {
    font-family: GothamBook;
    src: url(/fonts/HomepageBaukasten-Book.woff2?1b4a8e41922cba4c53407af0cfcac43f)
}

@font-face {
    font-family: GothamMedium;
    src: url(/fonts/iCiel-Gotham-Medium.ttf.woff?7c93ca8bab51580083c8265030850ba4)
}

@font-face {
    font-family: OpenSans;
    font-weight: 500;
    src: url(/fonts/OpenSans-SemiBold.ttf?a16d8201b06a03c6c365341748a5cba0)
}

@font-face {
    font-family: Poppins;
    font-weight: 500;
    src: url(/fonts/Poppins-SemiBold.ttf?cce5625b56ec678e42021270b84ef400)
}

@font-face {
    font-family: Lato;
    font-weight: 400;
    src: url(/fonts/Lato-Regular.ttf?9919edff6283018571add043109dc20b)
}

@font-face {
    font-family: Lato;
    font-weight: 700;
    src: url(/fonts/Lato-Bold.ttf?5dd5aa0269395f0ea92763e6cb3bc07a)
}

@font-face {
    font-family: GothamLight;
    src: url(/fonts/Metropolis-ExtraLight.otf?d1784bd894f8e478ab9f3b36c614f330)
}

ul {
    padding-left: 0
}

header {
    height: 140px
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    opacity: 1
}

.a-disabled-default {
    text-decoration: none;
    color: #868585
}

.a-disabled-default:hover {
    color: #000
}

.header-bg {
    background: #fcfcfc;
    height: 140px;
    position: fixed;
    width: 100%;
    z-index: 10
}

#logo {
    position: absolute;
    width: 15%;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 5
}

#logo img {
    width: 100%
}

.cartmenu {
    color: #727272;
    font-family: GothamBook, sans-serif;
    position: absolute;
    right: 15px;
    top: 33%;
    transform: translate(0, -33%)
}

.main-nav {
    display: inline-block;
    width: 100%;
    top: 66%;
    position: relative;
    transform: translate(0, -66%)
}

.main-nav ul {
    text-align: center;
    margin-bottom: 0
}

.menucont {
    height: 100%
}

.main-nav ul li {
    display: inline;
    font-size: 23pt;
    margin: 0 25px 0 25px;
    font-family: Gotham, sans-serif;
    font-weight: 700;
    color: #727272
}

.main-nav ul li a {
    color: inherit;
    text-decoration: none
}

.main-nav ul li a:hover {
    color: #000
}

.banner-wrap img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto
}

.mobilemenuBurger {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translate(0, -50%);
    font-size: 250%;
    display: none
}

.mobilmenu ul {
    list-style-type: none;
    margin-left: 15px;
    margin-top: 140px
}

.mobilmenu ul li {
    font-size: 3vmax;
    font-family: Gotham, sans-serif;
    font-weight: 700;
    color: #727272
}

.mobilmenu ul li a {
    color: inherit;
    text-decoration: none
}

.mobilmenu ul li a:focus {
    color: #000
}

.cartmenu-mobile {
    margin-left: 15px;
    color: #727272;
    font-family: GothamBook, sans-serif
}

.cartmenu a {
    color: inherit;
    text-decoration: none
}

.cartmenu-mobile a {
    color: inherit;
    text-decoration: none
}

.cartmenu a:hover {
    color: #000;
    text-decoration: none
}

.cartmenu-mobile a:hover {
    color: #000;
    text-decoration: none
}

.close-mobile-menu {
    position: absolute;
    right: 15px;
    top: 10px;
    font-size: 250%
}

.mobile-menu-screen {
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    transition: background-color ease-out .2s;
    z-index: 1
}

.mobile-menu-screen.visible {
    visibility: visible;
    transition: background-color ease-out .2s
}

input[type=checkbox] {
    position: relative;
    top: 1px
}

.form-control:focus {
    border-color: #727272;
    box-shadow: 0 0 0 .2rem rgba(114, 114, 114, .25)
}

.kosik-label {
    font-family: Gotham, sans-serif;
    font-weight: 700;
    color: #727272;
    font-size: 12pt
}

.hviezdicka {
    font-family: Gotham, sans-serif;
    font-weight: 700;
    color: #b6b6b6;
    font-size: 10pt
}

.sposob-dorucenia {
    font-family: Gotham, sans-serif;
    font-weight: 700;
    color: #000;
    font-size: 14pt
}

.pokracovat-button {
    background-color: #f54d56;
    border: 0;
    width: 100%;
    color: #fff;
    height: 40px;
    font-family: Gotham, sans-serif;
    font-weight: 700;
    font-size: 12pt;
    margin-top: 1rem
}

.border-only-top-kosik {
    border-left: 2px solid rgba(114, 114, 114, .5);
    border-top: 2px solid rgba(114, 114, 114, .5);
    border-right: 2px solid rgba(114, 114, 114, .5);
    padding: 15px
}

.border-only-bottom{
    border-left: 2px solid rgba(114, 114, 114, .5);
    border-bottom: 2px solid rgba(114, 114, 114, .5);
    border-right: 2px solid rgba(114, 114, 114, .5);
    padding: 15px
}

.border-all-around-kosik {
    border: 2px solid rgba(114, 114, 114, .5);
    padding: 15px
}

.kosik-img {
    width: 100%
}

.nakupny-head {
    font-family: GothamBook, sans-serif;
    font-size: 16pt;
    color: #727272
}

.discount-cart {
    width: 60px;
    padding: 5px 0 5px 0;
    background-color: #f54d56;
    font-family: OpenSans, sans-serif;
    font-weight: 500;
    font-size: 10pt;
    color: #fff;
    text-align: center;
    border-left: 4px solid #de3841
}

.discount-cart, .price-kosik {
    display: inline-block
}

.price-kosik {
    font-family: GothamBook, sans-serif;
    color: #727272;
    font-size: 14pt;
    margin: .25rem 0 .25rem 0
}

.price-kosik.discounted {
    text-decoration: line-through
}

.price-discount {
    font-family: Gotham, sans-serif;
    font-weight: 700;
    color: #f54d56;
    font-size: 14pt
}

.discount-cart {
    float: right
}

.kosik-prod-name {
    font-family: GothamBook, sans-serif;
    color: #727272;
    font-size: 16pt;
    text-transform: uppercase
}

.mnozstvo-kosik {
    width: 100%
}

.price-together-row, .trash-icon-wrap {
    display: inline-block
}

.price-together-row {
    font-family: Gotham, sans-serif;
    font-weight: 700;
    color: #727272;
    font-size: 14pt
}

.trash-icon-wrap {
    float: right;
    color: #727272;
    cursor: pointer;
    font-size: 14pt
}

.back-to-nakup {
    margin: .5rem 0 .5rem
}

.back-to-nakup a {
    color: #727272;
    font-family: GothamBook, sans-serif
}

.left-info, .polozky-sucet {
    font-family: GothamBook, sans-serif;
    color: #727272;
    font-size: 16pt
}

.polozky-sucet-cena, .right-info {
    font-family: Gotham, sans-serif;
    font-weight: 700;
    color: #727272;
    font-size: 16pt
}

.row-wrap-kosik {
    display: inline-block
}

footer {
    background-color: #eae9e9
}

.footer-row-up {
    padding-top: 80px
}

.footer-row-down {
    padding-bottom: 80px
}

.footer-row-down hr {
    width: 100%;
    height: 2px;
    margin: 4rem 15px 0 1rem;
    background-color: #fff
}

.footer-col-text {
    margin-bottom: 1.5rem
}

.footer-col-text a:hover {
    color: #000
}

.informacie {
    font-family: Gotham, sans-serif;
    font-weight: 700;
    color: #868585;
    font-size: 14pt;
    margin-bottom: 1.5rem
}

.kontakt {
    font-family: Gotham, sans-serif;
    font-weight: 700;
    color: #656363;
    font-size: 14pt;
    margin-bottom: 1.5rem
}

.footer-kontakt-text {
    font-family: GothamBook, sans-serif;
    color: #868585;
    margin-bottom: 1.5rem
}

.footer-facebook {
    color: #727272;
    font-size: 20pt
}

.footer-facebook:hover {
    color: #000
}

#copyright {
    margin-top: 1.5rem;
    color: #a6a6a6;
    font-size: 13pt;
    font-family: Lato, sans-serif;
    margin-left: 15px
}

.visible-xs {
    display: none
}

.desktop-dnone {
    display: none
}

@media screen and (max-width:992px) {
    .mobilemenuBurger {
        display: block
    }
    .cartmenu {
        display: none
    }
    .main-nav ul {
        display: none
    }
    #logo {
        width: 30%;
        left: 0
    }
}

@media screen and (max-width:576px) {
    .left-info {
        font-size: 14pt
    }
    .cena-trash-col {
        text-align: right
    }
    .discount-cart {
        display: none
    }
    .kosik-prod-name, .price-discount, .price-kosik, .price-together-row {
        font-size: 10pt
    }
    .hviezdicka {
        display: none
    }
    .back {
        margin-top: 25px
    }
    .desktop-dnone {
        display: block
    }
    .mobil-dnone {
        display: none
    }
    .mobilmenu ul {
        margin-top: 70px
    }
    .header-bg {
        height: 70px
    }
    header {
        height: 70px
    }
    .footer-row-up {
        padding-top: 20px
    }
    .footer-col-text {
        text-align: center
    }
    .footer-col-text a {
        font-size: 22px
    }
    .mobile-text-center {
        text-align: center
    }
    .footer-facebook {
        margin-top: 3rem
    }
    #copyright {
        width: 100%;
        text-align: center
    }
    .footer-row-down {
        padding-bottom: 20px
    }
    .footer-row-down hr {
        margin: 2rem 15px 0 1rem
    }
    .visible-xs {
        display: block
    }
    /*#favorite{
        padding:0;
    }*/
}

@font-face {
    font-family: Gotham;
    font-weight: 700;
    src: url(/fonts/HomepageBaukasten-Bold.woff2?722330ec6f302d54177d2c7568eaa74b)
}

@font-face {
    font-family: GothamBook;
    src: url(/fonts/HomepageBaukasten-Book.woff2?1b4a8e41922cba4c53407af0cfcac43f)
}

@font-face {
    font-family: GothamMedium;
    src: url(/fonts/iCiel-Gotham-Medium.ttf.woff?7c93ca8bab51580083c8265030850ba4)
}

@font-face {
    font-family: OpenSans;
    font-weight: 500;
    src: url(/fonts/OpenSans-SemiBold.ttf?a16d8201b06a03c6c365341748a5cba0)
}

@font-face {
    font-family: Poppins;
    font-weight: 500;
    src: url(/fonts/Poppins-SemiBold.ttf?cce5625b56ec678e42021270b84ef400)
}

@font-face {
    font-family: Lato;
    font-weight: 400;
    src: url(/fonts/Lato-Regular.ttf?9919edff6283018571add043109dc20b)
}

@font-face {
    font-family: Lato;
    font-weight: 700;
    src: url(/fonts/Lato-Bold.ttf?5dd5aa0269395f0ea92763e6cb3bc07a)
}

@font-face {
    font-family: GothamLight;
    src: url(/fonts/Metropolis-ExtraLight.otf?d1784bd894f8e478ab9f3b36c614f330)
}

ul {
    padding-left: 0
}

header {
    height: 140px
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    opacity: 1
}

.a-disabled-default {
    text-decoration: none;
    color: #868585
}

.a-disabled-default:hover {
    color: #000
}

.header-bg {
    background: #fcfcfc;
    height: 140px;
    position: fixed;
    width: 100%;
    z-index: 10
}

#logo {
    position: absolute;
    width: 15%;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 5
}

#logo img {
    width: 100%
}

.cartmenu {
    color: #727272;
    font-family: GothamBook, sans-serif;
    position: absolute;
    right: 15px;
    top: 33%;
    transform: translate(0, -33%)
}

.main-nav {
    display: inline-block;
    width: 100%;
    top: 66%;
    position: relative;
    transform: translate(0, -66%)
}

.main-nav ul {
    text-align: center;
    margin-bottom: 0
}

.menucont {
    height: 100%
}

.main-nav ul li {
    display: inline;
    font-size: 23pt;
    margin: 0 25px 0 25px;
    font-family: Gotham, sans-serif;
    font-weight: 700;
    color: #727272
}

.main-nav ul li a {
    color: inherit;
    text-decoration: none
}

.main-nav ul li a:hover {
    color: #000
}

.banner-wrap {
    height: 500px;
    position: relative;
    overflow: hidden
}

.banner-wrap img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto
}

.mobilemenuBurger {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translate(0, -50%);
    font-size: 250%;
    display: none
}

.mobilmenu {
    position: fixed;
    right: -50%;
    width: 50%;
    height: auto;
    padding-bottom: 15px;
    background-color: #fcfcfc;
    transition: right ease-out .2s;
    z-index: 11
}
.mobilmenu.opened{
    right: 0;
}

.mobilmenu ul {
    list-style-type: none;
    margin-left: 15px;
    margin-top: 140px
}

.mobilmenu ul li {
    font-size: 3vmax;
    font-family: Gotham, sans-serif;
    font-weight: 700;
    color: #727272
}

.mobilmenu ul li a {
    color: inherit;
    text-decoration: none
}

.mobilmenu ul li a:focus {
    color: #000
}

.cartmenu-mobile {
    margin-left: 15px;
    color: #727272;
    font-family: GothamBook, sans-serif
}

.cartmenu a {
    color: inherit
}

.cartmenu-mobile a {
    color: inherit
}

.cartmenu a:hover {
    color: #000;
    text-decoration: none
}

.cartmenu-mobile a:hover {
    color: #000;
    text-decoration: none
}
.cartmenu-mobile{
    position: absolute;
    right: 59px;
    top: 50%;
    transform: translate(0,-50%);
    font-size: 14px;
    display:none;
}
@media screen and (max-width: 768px){
    .cartmenu-mobile{
        display: inline-block;
    }
}
.close-mobile-menu {
    position: absolute;
    right: 15px;
    top: 10px;
    font-size: 250%
}

.mobile-menu-screen {
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    transition: background-color ease-out .2s;
    z-index: 1
}

.mobile-menu-screen.visible {
    visibility: visible;
    transition: background-color ease-out .2s
}

.main-img-wrap {
    position: relative;
    overflow: hidden;
    height: 500px;
    border: 4px solid #f7f6f6
}

.main-img-wrap img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: 100%
}

.produkt-images-row img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: 100%
}

.produkt-images-row {
    margin-left: 0;
    margin-right: 0
}

.produkt-images-row .col {
    position: relative;
    overflow: hidden;
    height: 150px;
    border: 4px solid #f7f6f6
}

form {
    display: inherit;
    width: 100%
}

.back a {
    font-family: Gotham, sans-serif;
    font-weight: 700;
    color: #555;
    font-size: 10pt;
    text-decoration: none
}

.back a:hover {
    color: #000
}

.back {
    margin-bottom: 50px
}

h2 {
    color: #111;
    font-size: 22pt;
    font-family: Gotham, sans-serif;
    font-weight: 700;
    margin-bottom: 1rem;
    text-transform: uppercase
}

.price {
    color: #68899a;
    font-family: Gotham, sans-serif;
    font-weight: 700;
    font-size: 22pt;
    margin-bottom: 1rem
}

.desc {
    font-family: GothamLight, sans-serif;
    color: #555;
    font-size: 12pt
}

.mnozstvo {
    font-family: Gotham, sans-serif;
    font-weight: 700;
    color: #111;
    font-size: 12pt
}

.add-to-cart {
    background: #111;
    border: none;
    font-family: Lato, sans-serif;
    font-weight: 700;
    color: #fff;
    width: 200px;
    height: 100%
}

.form-row-produkt {
    margin-top: 75px
}

#mnozstvo {
    width: 80px
}

#fb-share-button {
    background: #3b5998;
    border-radius: 3px;
    font-weight: 600;
    padding: 5px 8px;
    display: inline-block;
    position: static;
    line-height: 12px;
    margin-left: 25px
}

#fb-share-button:hover {
    cursor: pointer;
    background: #213a6f
}

#fb-share-button svg {
    width: 18px;
    fill: #fff;
    vertical-align: middle;
    border-radius: 2px
}

#fb-share-button span {
    vertical-align: middle;
    color: #fff;
    font-size: 14px;
    padding: 0 3px
}

.sharespan {
    position: relative;
    top: 1px;
    font-family: Gotham, sans-serif;
    font-weight: 700;
    font-size: 10pt
}

.flex-hr {
    width: 100%
}

footer {
    background-color: #eae9e9
}

.footer-row-up {
    padding-top: 80px
}

.footer-row-down {
    padding-bottom: 80px
}

.footer-row-down hr {
    width: 100%;
    height: 2px;
    margin: 4rem 15px 0 1rem;
    background-color: #fff
}

.footer-col-text {
    margin-bottom: 1.5rem
}

.footer-col-text a {
    font-family: Poppins, sans-serif;
    font-weight: 500;
    color: #656363;
    font-size: 28px;
    text-decoration: none
}

.footer-col-text a:hover {
    color: #000
}

.footer-marg {
    margin: 0 2.7vw 0 2.7vw
}

.informacie {
    font-family: Gotham, sans-serif;
    font-weight: 700;
    color: #868585;
    font-size: 14pt;
    margin-bottom: 1.5rem
}

.kontakt {
    font-family: Gotham, sans-serif;
    font-weight: 700;
    color: #656363;
    font-size: 14pt;
    margin-bottom: 1.5rem
}

.footer-kontakt-text {
    font-family: GothamBook, sans-serif;
    color: #868585;
    margin-bottom: 1.5rem
}

.footer-facebook {
    color: #727272;
    font-size: 20pt
}

.footer-facebook:hover {
    color: #000
}

#copyright {
    margin-top: 1.5rem;
    color: #a6a6a6;
    font-size: 13pt;
    font-family: Lato, sans-serif;
    margin-left: 15px
}

.visible-xs {
    display: none
}

.desktop-dnone {
    display: none
}

@media screen and (max-width:1200px) and (orientation:portrait) {
    .banner-wrap img {
        width: 100;
        height: auto
    }
}

@media screen and (max-width:992px) {
    .mobilemenuBurger {
        display: block
    }
    .cartmenu {
        display: none
    }
    .main-nav ul {
        display: none
    }
    #logo {
        width: 30%;
        left: 0
    }
}

@media screen and (max-width:768px) {
    #logo {
        width: 25%;
        left: 0
    }
    .banner-wrap.mobile{
        display:block;
    }
    .banner-wrap{
        display:none;
    }
}

@media screen and (max-width:576px) {
    .back {
        margin-top: 25px
    }
    .desktop-dnone {
        display: block
    }
    .mobil-dnone {
        display: none
    }
    .mobilmenu ul {
        margin-top: 70px
    }
    .banner-wrap {
        height: 200px;
        position: relative;
        overflow: hidden
    }
    .header-bg {
        height: 70px
    }
    header {
        height: 70px
    }
    .footer-row-up {
        padding-top: 20px
    }
    .footer-col-text {
        text-align: center
    }
    .footer-col-text a {
        font-size: 22px
    }
    .mobile-text-center {
        text-align: center
    }
    .footer-facebook {
        margin-top: 3rem
    }
    #copyright {
        width: 100%;
        text-align: center
    }
    .footer-row-down {
        padding-bottom: 20px
    }
    .footer-row-down hr {
        margin: 2rem 15px 0 1rem
    }
    .visible-xs {
        display: block
    }
}