html { scroll-behavior: smooth; } body{ background: #ffffff; font-family: 'Poppins', sans-serif; font-size: 16px; line-height: 1.67857143; color: #555555; font-weight: 300; } #guidelines_switch { position: fixed; top: 0px; left: 0px; display: block; height: 16px; width: 16px; border-radius: 50%; background-color: grey; z-index: 99999992; } #guidelines_switch.active { background-color: yellowgreen; } #guidelines { display: block; width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; right: 0px; z-index: 99999991; } #guidelines .container-fluid, #guidelines .container, #guidelines .container-fluid .row, #guidelines .container .row { height: 100%; } #guidelines .container-fluid .col, #guidelines .container .col { height: 100%; } #guidelines .guideline { position: relative; width: 100%; height: 100%; } #guidelines .guideline:before { content: ''; position: absolute; top: 0px; left: 0px; display: block; width: 1px; height: 100%; background-color: #099d50; } #guidelines .guideline:after { content: ''; position: absolute; top: 0px; right: 0px; display: block; width: 1px; height: 100%; background-color: #ff7d08; } @media(min-width: 992px){ .radek { display: table; height: 1px; width: 100%; } .sloupec { display: table-cell; float: none !important; height: 100%; vertical-align: middle; } } .obsah img:not(.bez_zaoblenych_rohu) { border-radius: 20px; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { color: #000000; font-weight: 400; font-family: 'Poppins', sans-serif; line-height: 1.67857143; } h1, .h1 { font-size: 36px; } h2, .h2 { font-size: 32px; margin-top: 40px; margin-bottom: 20px; } h3, .h3 { font-size: 28px; margin-top: 40px; margin-bottom: 20px; } h4, .h4 { font-size: 24px; margin-top: 40px; margin-bottom: 20px; } h5, .h5 { font-size: 20px; margin-top: 40px; margin-bottom: 20px; } h6, .h6 { font-size: 20px; margin-top: 40px; margin-bottom: 20px; } .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6 { margin-top: 20px; } .h2_extra { font-size: 24px; color: #333333; width: 100%; padding: 10px 15px; margin: 30px auto 25px auto; border-bottom: 2px solid #cc0000; text-align: center; text-transform: uppercase; } .h2_extra a { color: #333333; } .h2_extra a:hover, .h2_extra a:focus { color:#cc0000; text-decoration: none; } @media(min-width: 768px){ .h2_extra { width: 30%; } } a { color:#000000; text-decoration: none; } a:not(.btn):hover, a:not(.btn):focus { color: #000000; opacity: .8; text-decoration: underline; } a i.glyphicon { padding-right: 5px; } p { margin-top: 5px; margin-bottom: 5px; } .btn { font-size: 16px; line-height: 20px; color: #000000; font-weight: 400; text-decoration: none; text-transform: none; padding: 14px 15px; background: #ffffff; border: 1px solid #d6d6d6; border-radius: 25px; min-width: 200px; } .btn:hover, .btn:focus { background:#3f3f3f; border-color: #3f3f3f; color: #ffffff; } .btn.btn_transparent { background: transparent; border-color: #ffffff; color: #ffffff; } .btn.btn_transparent:hover, .btn.btn_transparent:focus { background: #ffffff; border-color: #ffffff; color: #000000; } .btn.btn_transparent_black { background: transparent; border-color: #000000; color: #000000; } .btn.btn_transparent_black:hover, .btn.btn_transparent_black:focus { background: #000000; border-color: #000000; color: #ffffff; } .btn.btn_black { background-color: #000000; border-color: #000000; color: #ffffff; } .btn.btn_black:hover, .btn.btn_black:focus { background: #ffffff; border-color: #000000; color: #000000; } img{ max-width: 100%; height: auto; } .zahodit{ display: none; } .align-center{ text-align: center; } .vertical-align { position: absolute; top: 50%; transform: translateY(-50%); } .visually-hidden { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; } li { margin-bottom: 4px; } .container, .container-fluid, .row, .row > li, .row > div, .col { transition: width .5s, margin .5s, padding .5s; } .img_bcg_block { overflow: hidden; } .img_bcg { display: block; background-size: cover; background-position: center; background-repeat: no-repeat; height: 100%; transition: transform .5s; } .box_link { position: absolute; top: 0; left: 0; right: 0; display: block; width: 100%; height: 100%; z-index: 2; } .box_link:hover ~ .img_bcg_block .img_bcg, .box_link:focus ~ .img_bcg_block .img_bcg { transform: scale(1.1); transition: transform .5s; } .page-content { font-weight: normal; } .page-content ul:not(.list-unstyled) { list-style: none; padding-left: 20px; } .page-content ul:not(.list-unstyled) li { margin-top: 5px; margin-bottom: 5px; line-height: 1.733; } .page-content ul:not(.list-unstyled) li:before { content: "\f00c"; font-family: "FontAwesome"; color: #000000; display: inline-block; width: 1.5em; margin-left: -1em; font-size: 14px; } .page-content ul.list-unstyled { list-style: none inside none; padding-left: 0px;} .page-content .table-responsive{overflow:auto;border:none;max-width:100%;} .page-content table{width:100%;margin-bottom:20px;font-size:14px;} .page-content table th{background-color:#dfdfdf;border:1px solid #c9c9c9;vertical-align:middle;padding:10px;font-weight:normal;} .page-content table td{border:1px solid #777;border:1px solid #c9c9c9;vertical-align:middle;padding:10px;} .page-content table tr{background-color:#ffffff;} .page-content table tr:nth-child(2n+1){background-color:#f5f5f5;} .btn-back{color:#fff;background-color:#333;border-color:#333;} .btn-back:hover,.btn-back:focus,.btn-back.focus,.btn-back:active,.btn-back.active{color:#fff;background-color:#666;border-color:#666666;} .form-group label { font-weight: 400; display: inline; } .form-group label a { color: inherit; } .form-control { border-radius: 25px; border: #d5d5d5 1px solid; } .form-control:focus { border-color: #333333; } .control-label { display: inline-block; height: 34px; line-height: 34px; vertical-align: middle; font-weight: normal; } #header { width: 100%; height: 50px; padding: 0px 15px; position: relative; top: 0px; z-index: 999; background-color: #000000; } #header > .container-fluid { display: flex; align-items: center; justify-content: space-between; height: 100%; } #header.affix { } #header.preventAffix { position: relative !important; top: auto !important; left: 0px; right: auto; } @media(min-width: 992px){ #header { padding: 0px 20px; background-color: #ffffff; } } #logo { display: inline-block; flex: 1; text-align: center; } #logo a { display: inline-block; } #logo img { max-height: 27px; filter: invert(1); position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); margin: 0 auto; } @media(min-width: 992px){ #logo img { filter: invert(0); } } #hamburger.navbar-toggle { top: 2px; padding: 0px; margin-right: 20px; } #hamburger.navbar-toggle .icon { font-size: 30px; color: #ffffff; } #mainMenu { min-height: initial; } #mainMenu.navbar { display: inline-block; margin-bottom: 0px; border: 0px none; text-align:left; } #mainMenu .navbar-collapse { position: relative; top: 0px; z-index: 999; height: 100%; width: 100%; padding-left: 0px; padding-right: 0px; overflow: auto; } #mainMenu .navbar-nav { margin: 0px; } #mainMenu a { font-size: 14px; color: #000000; font-weight: 400; text-transform: uppercase; outline: 0px none; border: none; padding: 0px; } #mainMenu a:hover, #mainMenu a:focus, #mainMenu a:active { color: #000000; background-color: transparent; } #mainMenu li.active a { color: #000000; } @media(min-width: 992px){ #mainMenu a.disabled, #mainMenu .dropdown-menu ul a.level-1 { pointer-events: none; cursor: default; } #mainMenu .dropdown-menu .dropdown_title { display: block; font-size: 24px; line-height: 30px; color: #000000; font-weight: 400; text-transform: uppercase; padding-left: 30px; margin-bottom: 23px; } #mainMenu .dropdown-menu { position: absolute; top: 49px; left: 0; float: none; min-width: initial; width: 100%; height: auto; padding: 32px 10px 54px 10px; margin: 0; list-style: none; text-align: left; background-color: #f4f4f4; border: none; box-shadow: none; } #mainMenu .dropdown-menu .radek-menu { display: flex; flex-wrap: wrap; } #mainMenu .dropdown-menu .col-menu { margin-bottom: 40px; } #mainMenu .dropdown-menu .col-menu_block { padding-left: 30px; } #mainMenu .dropdown-menu ul { padding: 0px; } #mainMenu .dropdown-menu ul a { font-size: 15px; line-height: 30px; color: #000000; text-transform: none; } #mainMenu .dropdown-menu ul a.level-1 { font-weight: 600; margin-bottom: 11px; } #mainMenu .dropdown-menu ul li { list-style-type: none; padding: 0px; } #mainMenu .dropdown-menu ul li > a { font-weight: 300; } } @media(max-width: 991px){ #mainMenu { width: 100%; position: absolute; left: 0px; right: 0px; top: 60px; } #mainMenu .navbar-nav { display: flex; flex-direction: column; } #mainMenu .navbar-collapse { height: auto !important; width: auto !important; margin: 0px; padding: 0px 15px; top: auto; background-color: transparent; color: inherit; border: none; box-shadow: none !important; } #header.affix #mainMenu .navbar-collapse { position: relative; top: auto; } #mainMenu ul { list-style-type: none; padding: 0px; } #mainMenu li { padding: 0 8px; font-size: 11px; } #mainMenu a { color: #ffffff; border: none; padding: 4px 0px; } #mainMenu a.disabled, #mainMenu .dropdown_link.level-1 { opacity: .75; pointer-events: visible; cursor: pointer; } #mainMenu a:hover, #mainMenu a:focus, #mainMenu a:active, #mainMenu li.active a { text-decoration: underline; color: #ffffff; } #mainMenu .dropdown-menu { display: none; position: relative; z-index: 1000; float: initial; background-color: #000000; } #mainMenu .dropdown_submenu { display: none; position: relative; z-index: 1000; } #mainMenu .dropdown-menu.opened, #mainMenu .dropdown_submenu.opened { display: block; } #mainMenu .dropdown_submenu .radek-menu { padding-left: 15px; } #mainMenu .dropdown_submenu, #mainMenu .col-menu_block { padding-left: 15px; } #mainMenu .dropdown-toggle { display: flex; align-items: center; justify-content: space-between; } #mainMenu .dropdown-trigger { position: relative; right: 5%; cursor: pointer; } #mainMenu .dropdown-trigger:hover, #mainMenu .dropdown-trigger:focus { opacity: 1; } } @media (min-width: 992px){ #mainMenu li { margin-bottom: 0px; } #mainMenu li > a:not(.dropdown_link):after { content: ''; width: 0px; height: 1px; margin: 0 auto; position: absolute; left: 0px; right: 0px; bottom: -8px; background-color: #121212; transition: width .25s; } #mainMenu li > a:not(.dropdown_link):hover:after, #mainMenu li > a:not(.dropdown_link):focus:after, #mainMenu li.active > a:not(.dropdown_link):after { width: 100%; } } @media(min-width: 992px){ #mainMenu { } #mainMenu li { font-size: 13px; padding: 13px 25px; } #mainMenu a.home { width: 71px; } } @media(min-width: 1220px){ #mainMenu .dropdown-menu { top: 50px; } #mainMenu li { font-size: 15px; padding: 14px 25px; } } #searchFormTop { display: block; position: relative; margin-right: 20px; } #searchFormTop .ico-btn { width: 42px; } #searchFormTop #q { display: none; height: 40px; width: 235px; padding-left: 42px; position: absolute; right: -210px; top: -12px; z-index: 1000; background-color: #ffffff; color: #333333; border: none; border-radius: 0px; } #searchFormTop #hledani .ico-btn { border: none; background: transparent; padding: 0px; width: auto; display: flex; position: relative; top: -1px; } #searchFormTop #hledani .ico-btn.active { position: relative; background: #ffffff; z-index: 1001; } #searchFormTop #hledani .ico-btn .svg-icon { width: 18px; height: 18px; filter: invert(1); } #searchFormTop #hledani .ico-btn.active .svg-icon { filter: invert(0); } #searchFormTop .searchForm input, #searchFormTop .searchForm .btn { border-color: #cdcdcd; color: #999999; } @media(min-width: 992px){ #searchFormTop #q { padding-left: 12px; right: -10px; } #searchFormTop #hledani .ico-btn .svg-icon { filter: invert(0); } } #kosik-blok { position: relative; top: 11px; padding-bottom: 20px; } #kosik-blok .ico-btn { display: block; height: 100%; width: 100%; position: relative; } #kosik-blok .ico-btn .svg-icon { width: 24px; height: 27px; filter: invert(1); } #kosik-blok .ico-btn .pocet_v_kosiku { position: absolute; right: -10px; font-size: 13px; color: #ffffff; font-weight: 700; } #cart_summary { display: none; position: absolute; top: 41px; right: -25px; z-index: 10; width: 100vw; padding: 40px 28px 40px 40px; background-color: #f4f4f4; color: #4a4a4a; font-size: 16px; line-height: 24px; color: #000000; font-weight: 400; transition: width .5s, border-radius .5s; } #cart_summary a:not(.btn) { color: #000000; } #cart_summary .item { display: flex; justify-content: space-between; margin-bottom: 27px; } #cart_summary .item .block-name { flex: 7; text-align: left; } #cart_summary .item .block-cena { flex: 5; text-align: right; } #cart_summary .item .block-delete { flex: 1; text-align: right; line-height: 20px; } #cart_summary .item .block-delete .icon { position: relative; top: 2px; font-size: 20px; } #cart_summary .block-price { font-size: 18px; line-height: 28px; color: #000000; font-weight: 600; text-align: right; margin-bottom: 38px; } #cart_summary .block-price .price { display: inline-block; margin-left: 10px; } #cart_summary .footer { text-align: right; } #cart_summary .footer .btn { width: 100%; } #cart_summary .footer .btn .icon { margin-left: 5px; } #cart_summary .item .block-delete a:hover .icon, #cart_summary .item .block-delete a:focus .icon { opacity: .25; } #cart_summary:hover { display: block; } @media(min-width: 992px){ #kosik-blok { margin-right: 44px; } #kosik-blok .ico-btn .svg-icon { filter: invert(0); } #kosik-blok .ico-btn .pocet_v_kosiku { color: #000000; } #cart_summary { width: 510px; right: -121px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; } #cart_summary .footer .btn { min-width: 270px; width: initial; } } .uzivatel_block { position: relative; top: 12px; padding-bottom: 20px; margin-right: 20px; } .uzivatel_block .svg-icon { width: 20px; height: 20px; filter: invert(1); } @media(min-width: 992px){ .uzivatel_block .svg-icon { filter: invert(0); } } .soc_block{ display: inline-flex; align-items: center; } .soc_block .icon { font-size: 18px; color: #000000; margin: 0 5px; } #soc-top.soc_block a:hover .icon, #soc-top.soc_block a:focus .icon, #soc-nav.soc_block a:hover .icon, #soc-nav.soc_block a:focus .icon { color: #333333; } #soc-top.soc_block a.fb:hover .icon, #soc-top.soc_block a.fb:focus .icon, #soc-nav.soc_block a.fb:hover .icon, #soc-nav.soc_block a.fb:focus .icon { color: #0055ee; } #soc-top.soc_block a.ins:hover .icon, #soc-top.soc_block a.ins:focus .icon, #soc-nav.soc_block a.ins:hover .icon, #soc-nav.soc_block a.ins:focus .icon { color: #ff0077; } #soc-nav { padding: 0 8px; } #soc-nav.soc_block .icon { color: #ffffff; } .pretty-select { position: relative; margin-right: 17px; margin-left: 20px; font-size: 14px; color: #383838; } .pretty-select div.active { position: relative; } .pretty-select .icon { position: relative; top: -2px; font-size: 12px; color: #6c6c6c; } .pretty-select ul { position: absolute; top: 25px; margin: 0; padding: 0 0 0 5px; text-align: left; list-style: none; border-top: none; background-color: #ffffff; box-shadow: 0 5px 5px rgba(0,0,0,0.5); z-index: 1000; } .pretty-select img { height: 18px; margin-right: 5px; } #lang, #lang div, #lang ul { cursor: pointer; } #lang ul li { margin-bottom: 0px; } @media(min-width: 768px){ .pretty-select { margin-right: 17px; } } @media(min-width: 992px){ .pretty-select { margin-right: 48px; margin-left: 0px; } .pretty-select .icon { color: #000000; } } @media(min-width: 992px){ #mainMenu { order: 1; } #searchFormTop { order: 4; } #logo { order: 2; } #lang { order: 3; } #uzivatel { order: 5; } #kosik-blok { order: 6; } #soc-top { order: 7; } } #ajaxSearch { display:none; width: 320px; height: auto; padding: 0px; margin: 0px; position: absolute; top: 28px; right: -275px; z-index: 9999; font-size: 13px; color: #333333; border: none; overflow-y: auto; overflow-x: hidden; } #ajaxSearch li { position: relative; background-image: none; list-style: none; border: none; border-top: 0px none; padding: 3px 3px 3px 1px; background-color: #ffffff; } #ajaxSearch li.li_header { height: 35px; padding-left: 20px; padding-top: 8px; color: #ffffff; background-color: #353f47; } #ajaxSearch li.li_header:hover { background-color: #353f47; } #ajaxSearch li.li_header .count { float: right; color: #ffaa33; padding-right: 20px; } #ajaxSearch li.kategorie { background: #ffffff url('/img/slozka.png') no-repeat 8% 50%; padding: 4px 5px 4px 60px; } #ajaxSearch li.produkt { font-size: 14px; padding: 3px 15px; border-bottom: #dedede 1px solid; } #ajaxSearch li.produkt:last-of-type { margin-right: 0px; margin-left: 0px; } #ajaxSearch li.kategorie, #ajaxSearch li.vice_vysledku { height: inherit; } #ajaxSearch li.vice_vysledku a { text-align: left; padding-left: 20px; } #ajaxSearch li.kategorie span.nazev { margin-left: 5px; } #ajaxSearch li img { width: 60px; max-height: 100%; float: left; margin-right: 10px; border: #dedede 1px solid; } #ajaxSearch li span.nazev { padding-top: 3px; } #ajaxSearch li span.nazev span.found { font-weight: bold; } #ajaxSearch li .cena { font-weight: bold; display: block; color: #f58f00; } #ajaxSearch li a { display: block; text-decoration: none; } #ajaxSearch li a>.produkt { width: 100%; height: 75px; padding: 9px 5px; } #ajaxSearch li:hover { background-color: #f9f9f9; } @media(max-width:767px){ .searchActive { overflow: hidden; overflow-x: hidden; overflow-y: hidden; position: fixed; } } .searchActive #hledani #q { display: block; border-radius: 25px; } #ajaxSearchArrow { display: none; } #ajaxSearch.found { display: block; } #ajaxSearch.found + #ajaxSearchArrow { display: block; height: 13px; width: 21px; position: absolute; top: 30px; right: 100%; z-index: 5000; border-bottom: 1px solid #353f47; background: transparent url('/img/strecha.png') no-repeat 20% 0; } @media(min-width: 992px){ #ajaxSearch { right: -10px; } } #animace { margin-top: 10px; margin-bottom: 30px; padding: 0px 10px; } #animace .carousel-inner { position: relative; height: calc( 100vh - 130px ); border-radius: 20px; transition: height .5s; } #animace .item { height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; background-position-x: 20%; } #animace .carousel-indicators-block { position: absolute; left: 0px; right: 0px; bottom: 23px; z-index: 3; text-align: center; } #animace .carousel-indicators { position: static; width: 100%; text-align: center; margin: 0px; } #animace .carousel-indicators li { display: inline-block; width: 12px; height: 12px; margin: 0px 2px; border-radius: 50%; background-color: #a1a1a1; border: none; } #animace .carousel-indicators li.active { background-color: #ffffff; } #animace .carousel-controls { position: absolute; right: 0px; bottom: 0px; display: flex; align-items: center; z-index: 3; } #animace .carousel-controls .carousel-control { display: block; position: relative; height: 80px; width: 90px; margin-left: 2px; background-color: #ffffff; text-align: center; background-image: none; opacity: 1; text-shadow: none; } #animace .carousel-controls .carousel-control.left { border-top-left-radius: 20px; } #animace .carousel-controls .carousel-control.right { border-bottom-right-radius: 0px; } #animace .carousel-controls .carousel-control .icon { font-size: 34px; color: #000000; left: 0px; right: 0px; } #animace .carousel-controls .carousel-control:hover, #animace .carousel-controls .carousel-control:focus { background-color: #3f3f3f; } #animace .carousel-controls .carousel-control:hover .icon, #animace .carousel-controls .carousel-control:focus .icon { color: #ffffff; } @media(min-width: 768px){ #animace .item { background-position-x: center; } #animace .carousel-controls { display: none; } #animace .carousel-indicators-block { display: block; } } @media(min-width: 992px){ #animace { margin-top: 0px; } #animace .carousel-inner { height: calc( 100vh - 70px ); } } @media(min-width: 1220px){ } @media(min-width: 1460px){ #animace .item { background-position-x: left; background-position-y: center; } #animace .animace_text_content { transform: translateY(-65%); } } #animace .animace_text_block { position: relative; z-index: 2; margin-top: 47px; } #animace .animace_text_block > .kontejner { position: relative; height: 100%; } #animace .animace_text_block .radek { height: 100%; } #animace .animace_text_block .col { float: right; } #animace .animace_text_content { width: 100%; text-align: right; right: 0px; } #animace .animace_text_content h1 { font-size: 57px; line-height: 1.1; font-weight: 600; color: #181818; margin-top: 0px; margin-bottom: 28px; text-transform: uppercase; transition: font-size .5s, margin .5s; } #animace .animace_text_content .sub-title { font-size: 30px; line-height: 42px; font-weight: 300; color: #181818; margin-bottom: 22px; text-transform: uppercase; transition: font-size .5s, margin .5s, line-height .5s; } @media(min-width: 768px){ #animace .animace_text_block { height: 100%; position: absolute; left: 0px; right: 0px; top: 0px; margin-top: 0px; } #animace .animace_text_content { position: absolute; top: 50%; transform: translateY(-50%); } #animace .animace_text_content h1 { color: #ffffff; font-size: 42px; margin-bottom: 20px; } #animace .animace_text_content .sub-title { color: #ffffff; font-size: 22px; line-height: 44px; margin-bottom: 20px; } } @media(min-width: 992px){ #animace .animace_text_content h1 { font-size: 52px; margin-bottom: 30px; } #animace .animace_text_content .sub-title { font-size: 28px; line-height: 50px; margin-bottom: 30px; } } @media(min-width: 1220px){ #animace .animace_text_content h1 { font-size: 50px; margin-bottom: 35px; } #animace .animace_text_content .sub-title { font-size: 25px; line-height: 50px; margin-bottom: 40px; } } #animace .animace_text_content .item_link_block { display: none; } #animace .animace_text_content .item_link_block.active { display: inline-block; } #animace .animace_text_content .item_link { position: relative; display: block; width: 60px; height: 60px; margin-left: auto; border-radius: 50%; background-color: #181818; transition: width .5s, height .5s; } #animace .animace_text_content .item_link .icon { left: 0px; right: 0px; text-align: center; font-size: 24px; color: #ffffff; transition: font-size .5s; } #animace .animace_text_content .item_link:hover, #animace .animace_text_content .item_link:focus { background-color: rgba(0, 0, 0, .5); } #animace .animace_text_content .item_link:hover .icon, #animace .animace_text_content .item_link:focus .icon { color: #ffffff; } @media(min-width: 768px){ #animace .animace_text_content .item_link { width: 40px; height: 40px; background-color: rgba(255, 255, 255, .5); } #animace .animace_text_content .item_link .icon { font-size: 18px; color: #000000; } #animace .animace_text_content .item_link:hover, #animace .animace_text_content .item_link:focus { background-color: #3f3f3f; } #animace .animace_text_content .item_link:hover .icon, #animace .animace_text_content .item_link:focus .icon { color: #ffffff; } } @media(min-width: 1220px){ #animace .animace_text_content .item_link { width: 60px; height: 60px; } #animace .animace_text_content .item_link .icon { font-size: 24px; } } @media (min-width: 1220px){ .container{ width: 1200px; } } @media(min-width: 1460px){ .container { width: 1440px; } .col-xlg-4 { width: 33.33333333%; } .col-xlg-6 { width: 50%; } .col-xlg-offset-1 { margin-left: 8.33333333%; } } @media(min-width: 1620px){ .container { width: 1600px; } } #main_obal { padding-bottom: 20px; } .home_section { padding-top: 30px; padding-bottom: 30px; } .home_section .title { font-size: 44px; color: #000000; margin-top: 0px; margin-bottom: 10px; text-transform: uppercase; } .home_section .anotace { font-size: 16px; line-height: 30px; } .home_vypisKategorie { background-color: #000000; transition: height .5s; } .home_vypisKategorie .bcg_box_container { width: 100%; display: none; } .home_vypisKategorie .bcg_box_container, .home_vypisKategorie .bcg_box_container [class*="col-"] { padding: 0; } .home_vypisKategorie .bcg_box_container .row { margin: 0; } .home_vypisKategorie .bcg_box { background-color: #000000; border-top-right-radius: 40px; border-bottom-right-radius: 40px; transition: height .5s; } @media(min-width: 992px){ .home_vypisKategorie .bcg_box_container { position: absolute; display: block; } .home_vypisKategorie { background-color: transparent; } .home_vypisKategorie, .home_vypisKategorie .bcg_box { height: 1240px; } } @media(min-width: 1220px){ .home_vypisKategorie .container-fluid.bcg_box_container .col-lg-8-vlastni { width: 66.146%; } .home_vypisKategorie, .home_vypisKategorie .bcg_box { height: 1240px; } } @media(min-width: 1460px){ .home_vypisKategorie, .home_vypisKategorie .bcg_box { height: 1410px; } } @media(min-width: 1920px){ .home_vypisKategorie, .home_vypisKategorie .bcg_box { height: 1380px; } } .home_vypisKategorie .kat_data { padding-top: 62px; padding-bottom: 100px; } .home_vypisKategorie .obsah_text { margin-bottom: 70px; color: #ffffff; } .home_vypisKategorie .obsah_text .title { font-size: 44px; color: #ffffff; font-weight: 400; margin-top: 0px; margin-bottom: 24px; text-transform: none; } .home_vypisKategorie .obsah_text .anotace { color: #a0a0a0; font-weight: 400; transition: height .5s; } .home_vypisKategorie .obsah_img_block { height: 460px; margin-bottom: 20px; border-radius: 20px; overflow: hidden; transition: height .5s; } .home_vypisKategorie .obsah_img_block img.obsah_img { width: 100%; height: 100%; object-fit: cover; } @media(min-width: 992px){ .home_vypisKategorie .obsah_img_block { height: 740px; margin-bottom: 0px; } .home_vypisKategorie .obsah_text .anotace { height: 150px; overflow: hidden; } } @media(min-width: 1460px){ .home_vypisKategorie .obsah_img_block { height: 940px; } .home_vypisKategorie .obsah_text .anotace { height: 120px; } } @media(min-width: 1920px){ .home_vypisKategorie .obsah_text .anotace { height: 90px; } } .home_vypisKategorie .home_produkty { } .home_vypisKategorie .home_produkty .box { position: relative; height: 0; width: 100%; padding-bottom: 100%; margin-bottom: 20px; margin-left: auto; margin-right: auto; border-radius: 20px; overflow: hidden; transition: height .5s; } .home_vypisKategorie .home_produkty .box .box_link { position: absolute; right: 20px; bottom: 20px; top: initial; left: initial; display: block; width: 40px; height: 40px; border-radius: 50%; } .home_vypisKategorie .home_produkty .box .img_bcg_block { height: 100%; } .home_vypisKategorie .home_produkty .box .img_bcg_block, .home_vypisKategorie .home_produkty .box .img_bcg_block .img_bcg { padding-bottom: 100%; } .home_vypisKategorie .home_produkty .box .produkt_kosik_btn { position: absolute; right: 20px; bottom: 20px; display: block; width: 40px; height: 40px; border-radius: 50%; background-color: rgba(255, 255, 255, .5); transition: width .5s, height .5s; } .home_vypisKategorie .home_produkty .box .produkt_kosik_btn .icon { left: 0px; right: 0px; text-align: center; font-size: 18px; color: #000000; transition: font-size .5s; } .home_vypisKategorie .home_produkty .box_link:hover ~ .produkt_kosik_btn, .home_vypisKategorie .home_produkty .box_link:focus ~ .produkt_kosik_btn { background-color: #3f3f3f; } .home_vypisKategorie .home_produkty .box_link:hover ~ .produkt_kosik_btn .icon, .home_vypisKategorie .home_produkty .box_link:focus ~ .produkt_kosik_btn .icon { color: #ffffff; } @media(min-width: 768px){ .home_vypisKategorie .home_produkty .col:nth-child(3) .box, .home_vypisKategorie .home_produkty .col:nth-child(4) .box { margin-bottom: 0px; } } @media(min-width: 992px){ .home_vypisKategorie .home_produkty .box { } } @media(min-width: 1220px){ .home_vypisKategorie .home_produkty .box .produkt_kosik_btn { width: 60px; height: 60px; } .home_vypisKategorie .home_produkty .box .box_link { width: 60px; height: 60px; } .home_vypisKategorie .home_produkty .box .produkt_kosik_btn .icon { font-size: 24px; } } @media(min-width: 1460px){ } @media(min-width: 1920px){ .home_vypisKategorie .home_produkty .box { width: 460px; height: 460px; padding-bottom: 460px; } } #home_showroom { } #home_showroom .text_block { padding-top: 38px; } #home_showroom .text_block .anotace { font-size: 20px; line-height: 32px; color: #555555; font-weight: 300; margin-bottom: 60px; } #home_showroom .img_block { height: 600px; border-radius: 20px; overflow: hidden; margin-bottom: 20px; } #home_showroom .img_block img { width: 100%; height: 100%; object-fit: cover; } @media(min-width: 1220px){ #home_showroom .text_block .anotace { font-size: 16px; line-height: 24px; margin-bottom: 0px; } #home_showroom .img_block { margin-bottom: 0px; } } #map { height: 600px; position: relative; background-image: url('/img/mapa_tercik.jpg?v=1'); background-size: cover; background-position: center; border-radius: 20px; overflow: hidden; } #googleAttrib{ position: absolute; bottom: 0px; right: 0px; background: rgba(245,245,245,0.7); height: 14px; line-height: 14px; font-size: 10px; padding: 0 6px; color: #000000; } #map .btn_map { position: absolute; bottom: 20px; right: 17px; width: 60px; height: 60px; border-radius: 50%; background-color: rgba(255, 255, 255, .5); } #map .btn_map .icon { font-size: 36px; color: #000000; left: 0px; right: 0px; text-align: center; } #map .btn_map:hover, #map .btn_map:focus { border-color: #ffbb00; background-color: #ffbb00; color: #000000; } #map .btn_map:hover, #map .btn_map:focus { background-color: #ffffff; } #intro_img { height: calc( 100vh - 150px ); margin-top: 20px; margin-bottom: 60px; border-radius: 20px; overflow: hidden; position: relative; text-align: center; background-size: cover; background-position: center; background-repeat: no-repeat; } #intro_img .prekryv { display: block; height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; background-color: rgba(0,0,0,.5); } #intro_img .radek, #intro_img .sloupec { height: 100%; } #intro_img .intro_text { left: 15px; right: 15px; } #intro_img .intro_title { font-size: 26px; line-height: 30px; color: #ffffff; font-weight: 400; margin-top: 0px; margin-bottom: 34px; } #intro_img .intro_text { font-size: 14px; line-height: 20px; color: #ffffff; font-weight: 300; } @media(min-width: 768px){ #intro_img { margin-bottom: 60px; } #intro_img .intro_title { font-size: 36px; line-height: 40px; } #intro_img .intro_text { font-size: 18px; line-height: 30px; } } @media(min-width: 992px){ #intro_img { height: calc( 100vh - 70px ); margin-top: 0px; } } #home_stories { text-align: center; } #home_stories .text_block { margin-bottom: 77px; text-align: left; } #home_stories .btn { margin-top: 23px; } .stories-articles {} .stories-articles .box { position: relative; height: 410px; max-width: 620px; margin-bottom: 20px; margin-left: auto; margin-right: auto; text-align: center; border-radius: 20px; overflow: hidden; } .stories-articles .box .prekryv, .stories-articles .box .prekryv:after { display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; right: 0px; z-index: 2; background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(255,255,255,0) 70%); } .stories-articles .box .prekryv:after { content: ''; opacity: 0; background-color: rgba(0,0,0,.85); transition: opacity .5s; } .stories-articles .box .box_link { display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; right: 0px; z-index: 4; } .stories-articles .box .img_bcg_block { height: 100%; } .stories-articles .box .text_block { position: absolute; left: 0px; right: 0px; bottom: 20px; z-index: 3; padding: 0px 30px; } .stories-articles .box .text_block .title { font-size: 22px; line-height: 30px; color: #ffffff; font-weight: 400; text-transform: none; } .stories-articles .box .text_block_hover { display: none; width: 100%; height: 100%; position: absolute; top: 80px; left: 0px; right: 0px; padding: 0px 30px; z-index: 3; } .stories-articles .box .text_block_hover .anotace { font-size: 16px; line-height: 26px; color: #ffffff; font-weight: 400; margin-bottom: 30px; max-height: 180px; overflow: hidden; } .stories-articles .box:hover .prekryv:after, .stories-articles .box:focus .prekryv:after { opacity: 1; } .stories-articles .box:hover .text_block, .stories-articles .box:focus .text_block { display: none } .stories-articles .box:hover .text_block_hover, .stories-articles .box:focus .text_block_hover { display: block; } @media(min-width: 768px){ .stories-articles .box .text_block { padding: 0px 50px; } .stories-articles .box .text_block_hover { padding: 0px 50px; } } @media(min-width: 992px){ .stories-articles .box { max-width: initial; } .stories-articles .box .text_block_hover .anotace { font-size: 18px; line-height: 30px; max-height: 210px } } .owl-carousel { margin-left: auto; margin-right: auto; } .owl-item .col { width: 100% !important; } .owl-controls { height: 22px !important; margin-top: 5px !important; } .owl-pagination { height: 100%; } .owl-pagination .owl-page > span { width: 12px !important; height: 12px !important; margin: 5px !important; border-radius: 50% !important; background: #d6d6d6 !important; opacity: 1 !important; } .owl-pagination .owl-page.active > span { background-color: #121212 !important; } .owl-pagination .owl-page:not(.active):hover > span, .owl-pagination .owl-page:not(.active):focus > span { opacity: .5 !important; } .page-content{ margin-bottom: 5px; } .page-content.obsah-page-content { padding-top: 0px; text-align: center; } .page-content.stories { text-align: center; } .page-content.stories h1 { margin-top: 0px; } .page-content.stories .obsah { margin-bottom: 70px; } .page-content.tabulka-velikosti { text-align: center; } #tabulka-velikosti-block { text-align: left; margin-top: 7px; } #tabulka-velikosti-block .tabulka-velikosti-sekce { margin-bottom: 65px; } #tabulka-velikosti-block .section_title { font-size: 28px; line-height: 48px; color: #000000; font-weight: 400; margin-top: 0px; margin-bottom: 25px; } .panel { margin: 0; border: none; border-bottom: 1px solid #d6d6d6; border-radius: 0px; background-color: #ffffff; box-shadow: none; } .panel.first { border-top: 1px solid #d6d6d6; } .panel.stin { box-shadow: 0px 3px 17.5px rgba(0,0,0,.08); } .panel-heading { border: none; border-radius: 0px; padding: 0px; position: relative; display: flex; align-items: center; flex-direction: column; } .panel-heading .photo { margin-top: 15px; margin-bottom: 20px; } .panel-heading .photo img { max-height: 90px; } .panel-heading .text_box { margin-top: 10px; margin-bottom: 5px; text-align: center; display: flex; flex-direction: column; } .panel-heading .text_box .title { font-size: 20px; color: #000000; font-weight: 400; margin-top: 0px; margin-bottom: 0px; max-height: 55px; overflow: hidden; } .panel-heading .text_box .text { max-height: 110px; overflow: hidden; } .panel-heading .text_box .text p { margin-bottom: 0; } .panel-heading .icon { right: 7px; font-size: 20px; color: #000000; } .panel-heading:not(.closed) { background-color: #ffffff; } .panel-heading:not(.closed) .icon { transform: rotate(180deg); top: 0%; } @media(min-width: 768px){ .panel-heading:not(.closed) .icon { transform: rotate(180deg) translateY(-50%); } } .panel-heading .box_link:hover, .panel-heading .box_link:focus { cursor: pointer; } .panel-heading .box_link:hover ~ .text_box .title, .panel-heading .box_link:focus ~ .text_box .title { text-decoration: underline; } .panel-body { font-size: 16px; padding: 15px 0px 15px 0px; } .panel-body .panel_fotky { text-align: center; } .panel-body .img-thumbnail { border: none; padding: 0; margin: 0; } .panel-body a { text-decoration: none; max-height: 90px; } @media(min-width: 460px){ .panel-body .img-thumbnail { padding: 0; margin: 0 10px; } } @media(min-width: 768px){ .panel { text-align: left; } .panel-heading { flex-direction: row; height: 74px; } .panel-heading .photo { margin-top: 0; margin-bottom: 0; } .panel-heading .text_box { max-width: 90%; margin-top: 0px; margin-bottom: 0px; text-align: left; } .panel-heading .icon { position: absolute; top: 50%; transform: translateY(-50%); } .panel-body .panel_fotky { text-align: left; } .panel-body .img-thumbnail { margin: 0 20px 0 0; } .panel-body .img-thumbnail:first-of-type { margin-left: 0; } } @media(min-width: 1220px){ } .uzivatel-content:not(.prihlaseny) { text-align: center; } .uzivatel-content h2 { margin-top: 0px; } .uzivatel-content #levy-blok { margin-top: 50px; } @media(min-width: 992px){ .uzivatel-content #levy-blok { margin-top: 10px; } } #eshop { padding-top: 20px; } #eshop .text_block { text-align: center; margin-bottom: 35px; } #eshop .title { margin-top: 0px; margin-bottom: 27px; } #eshop .text { font-size: 16px; line-height: 30px; } .filtr { display: flex; flex-wrap: wrap; position: relative; z-index: 99; } #other-filter-holder { display: flex; flex-wrap: wrap; } #formFiltry { display: flex; flex-wrap: wrap; width: 100%; } @media(min-width: 768px){ #other-filter-holder { flex-wrap: nowrap; } } .filtr .item { min-width: 230px; width: 100%; margin-top: 10px; position: relative; } .filtr .filtr-btn { display: inline-block; width: 100%; max-width: initial; margin-bottom: 0px; padding: 8px 15px; background-color: #ffffff; border: 1px solid #d6d6d6; border-radius: 6px; font-size: 16px; color: #000000; font-weight: 400; text-transform: capitalize; } .filtr-btn-handler { position: relative; } .filtr-block-handler { position: relative; padding: 8px 15px; } .filtr-block-handler.opened { background:#3f3f3f; border-color: #3f3f3f; color: #ffffff; } .filtr-block-handler:before, .filtr-btn-handler:before { content: '\f078'; font-family: 'Font Awesome 6 Free'; font-size: 16px; font-weight: 900; position: absolute; right: 14px; top: 50%; transform: translateY(-50%); } .filtr-block-handler.opened:before, .item.active .filtr-btn-handler:before { transform: translateY(-50%) scaleY(-1); } #other-filter-holder .filtr-btn-handler:focus { background-color: #ffffff; } #other-filter-holder .filtr-btn-handler.active:focus, #other-filter-holder .filtr-btn-handler.active-kat { color: #000000; } #radit-block #radit { cursor: pointer; background: #ffffff url('/img/chevron-down-solid.svg') no-repeat 98% 50%; appearance: none; background-size: 2.2%; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; } #kategorie-tab { display: flex; flex-direction: column; } #kategorie-tab ul { list-style: none; padding-left: 25px; } .filtr-holder { position: absolute; top: 40px; width: 100%; padding: 12px 15px; background: #ffffff; border: 1px solid #d5d5d5; border-top-color: #ffffff; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; z-index: 4; } .filtr-holder .level-1, .filtr-holder .value label { display: flex; align-items: center; font-size: 14px; line-height: 30px; color: #000000; font-weight: 300; cursor: pointer; } .filtr-holder .value label:hover .nazev, .filtr-holder .value label:focus .nazev { text-decoration: underline; } .filtr-holder .value label .pocet { min-width: 28px; height: 16px; margin-left: 7px; border-radius: 8px; background-color: #ebebeb; text-align: center; font-size: 11px; line-height: 16px; } .prety-checkbox { display: inline-block; position: relative; width: 17px; height: 17px; margin-right: 7px; background-color: #ffffff; border: 1px solid #d6d6d6; border-radius: 2px; } .prety-checkbox .icon { display: none; left: 0px; right: 0px; font-size: 12px; text-align: center; color: #ffffff; } .prety-checkbox.checked { background-color: #000000; border-color: #000000; } .prety-checkbox.checked .icon { display: block; } .filtr .value_color { display: inline-block; line-height: 15px; cursor: pointer; } .filtr .value_color:first-of-type { margin-top: 10px; } .prety-checkbox_color { display: inline-block; width: 35px; height: 35px; margin-right: 5px; border-radius: 50%; background-color: #ffffff; border: 1px solid #d5d5d5; } .prety-checkbox_color .icon { display: none; left: 0px; right: 0px; font-size: 14px; color: #ffffff; } .prety-checkbox_color.checked .icon { display: block; } .prety-checkbox_color.white { border-color: #d5d5d5 !important; } .prety-checkbox_color.white .icon { color: #000000 !important; } #checkbox-block { margin-top: 18px; } #checkbox-block label { display: flex; align-items: center; margin-bottom: 0px; margin-right: 30px; font-size: 16px; color: #000000; font-weight: 400; } #checkbox-block input { margin-right: 10px; } #filtr_canceler { font-size: 16px; color: #000000; font-weight: 400; margin-top: 18px; margin-right: 20px; } @media(min-width: 768px){ #filtr_block { position: absolute; top: 0px; left: 10px; right: 10px; } .filtr { position: absolute; } #formFiltry { width: initial; } .filtr .item { width: initial; margin-right: 8px; } .filtr .filtr-btn { max-width: 240px; } .filtr #radit-block.item { margin-right: 20px; } #radit-block #radit { background-size: 7%; background-position-x: 95%; } } #blog_cat-filtr.filtr { margin-bottom: 35px; } #blog_cat-filtr.filtr label { display: flex; align-items: center; } @media(min-width: 768px){ #blog_cat-filtr.filtr { position: relative; display: block; } } .produkt-list-holder-row { position: relative; } #product-list { margin-top: 35px; } #product-list .item { text-align: center; } #product-list .box { position: relative; max-width: 100%; width: 100%; margin-bottom: 20px; margin-left: auto; margin-right: auto; } #product-list .img_bcg_block { position: relative; width: 100%; padding-bottom: 100%; margin-left: auto; margin-right: auto; border-radius: 20px; overflow: hidden; } #product-list .img_bcg_block .img_bcg { position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 1; transition: opacity 2s, transform .5s; } #product-list .img_bcg_block .img_bcg.skryty { opacity: 0; height: 0px; } #product-list .text_block { height: 100px; margin-bottom: 25px; padding: 10px; } #product-list .text_block .nazev { font-size: 16px; line-height: 28px; color: #000000; font-weight: 400; max-height: 60px; overflow: hidden; margin-top: 0px; margin-bottom: 1px; } #product-list .text_block .cena { font-size: 16px; line-height: 24px; color: #000000; font-weight: 600; } #product-list .text_block .bezna-cena { font-size: 15px; line-height: 20px; color: #686868; font-weight: 300; text-decoration: line-through; } #product-list .stitky_block { position: absolute; top: 20px; left: 20px; } #product-list .stitky_block .stitek { border-radius: 4px; background-color: #ffffff; padding: 4px 10px; margin-bottom: 5px; font-size: 14px; line-height: 18px; color: #000000; text-align: center; } #product-list .stitky_block .stitek.vyprodano { background-color: #000000; color: #ffffff; } #product-list .item .varianty_barvy { display: flex; flex-direction: row; align-items: center; justify-content: center; position: absolute; left: 0px; right: 0px; bottom: 15px; z-index: 10; } #product-list .item .varianty_barvy .barva { width: 20px; height: 20px; margin: 0px 2px; border-radius: 50%; cursor: pointer; } #product-list .item .varianty_barvy .barva.white { border: 1px solid #000000; } #product-list .item .varianty_barvy .barva:hover, #product-list .item .varianty_barvy .barva:focus { opacity: .5; } #product-list .box .box_link:hover ~ .text_block .nazev, #product-list .box .box_link:focus ~ .text_block .nazev { text-decoration: underline; } @media(min-width: 768px){ #product-list { margin-top: 200px; } #product-list .box { max-width: initial; } #product-list .img_bcg_block { } } @media(min-width: 1220px){ #product-list .img_bcg_block { } } @media(min-width: 1470px){ #product-list { margin-top: 140px; } } @media(min-width: 1920px){ #product-list { margin-top: 90px; } #product-list .box { max-width: 460px; } } #pagination_block { display: block; text-align: center; } #novinky_sekce #pagination_block { margin-top: 20px; } .pagination { display: block; margin-top: 20px; margin-bottom: 55px; } .pagination > li { display: inline-block; } .pagination > li > a, .pagination > li > span { height: 40px; width: 40px; padding: 7px 0; margin: 0px 5px 0px 0px; border-radius: 50%; text-align: center; background-color:#ffffff; border: 1px solid #d6d6d6; font-size: 16px; font-weight: 400; color: #333333; } .pagination > li > a i.icon { padding: 0px; font-size: 18px; color: #333333; left: 0px; right: 0px; } .pagination > li > a:hover, .pagination > li > a:focus { background-color: #000000; border-color: #000000; color: #ffffff; z-index: 4; } .pagination > li > span:hover, .pagination > li > span:focus { background-color: #ffffff; border-color: #d6d6d6; } .pagination > li > a:hover i.icon, .pagination > li > a:focus i.icon { color: #ffffff; } .pagination > li:last-child > a, .pagination > li:first-child > a { border-radius: 50%; } .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus { background-color: #000000; border-color: #000000; color: #ffffff; } #produkt-detail { padding-top: 10px; } #produkt-detail .img-block, #produkt-detail .text-block { text-align: center; transition: padding ease 0.3s; } #produkt-detail .text-block { padding-top: 16px; padding-left: 37px; padding-right: 37px; } @media(min-width: 992px){ #produkt-detail { padding-top: 0px; } #produkt-detail .img-block, #produkt-detail .text-block { text-align: left; } } @media(min-width: 1220px){ #produkt-detail .text-block { padding-left: 67px; padding-right: 67px; } } #produkt-detail .img-block .img-cover-link { max-height: 940px; border-radius: 20px; margin-bottom: 12px; padding: 0px; overflow: hidden; } #produkt-detail .gallery {} #produkt-detail .gallery .gallery_img_block { position: relative; overflow: hidden; width: 100%; padding-bottom: 100%; border-radius: 20px; } #produkt-detail .gallery .img-thumbnail { margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; border: none; } #produkt-detail .gallery .img-thumbnail img { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; object-fit: cover; object-position: center; transition: transform .5s; } #produkt-detail .gallery .img-thumbnail .prekryv { display: block; position: absolute; top: 0px; left: 0px; right: 0px; width: 100%; height: 100%; background-color: rgba(0,0,0, 0.278); text-align: center; } #produkt-detail .gallery .img-thumbnail .prekryv span { position: absolute; left: 10px; right: 10px; bottom: 10px; font-size: 10px; color: #ffffff; font-weight: 400; text-transform: uppercase; } #produkt-detail .gallery .img-thumbnail:hover img, #produkt-detail .gallery .img-thumbnail:focus img { transform: scale(1.1); } @media (max-width: 767px){ .zoomImg { display: none !important; } } @media(min-width: 460px){ #produkt-detail .gallery .img-thumbnail .prekryv span { left: 30px; right: 30px; bottom: 30px; font-size: 14px; } } @media(min-width: 768px){ #produkt-detail .gallery .img-thumbnail { } #produkt-detail .gallery .img-thumbnail .prekryv span { font-size: 18px; } } @media(min-width: 1220px){ #produkt-detail .gallery .img-thumbnail .prekryv span { left: 60px; right: 60px; } } @media(min-width: 1920px){ #produkt-detail .gallery .gallery_img_block { width: 300px; height: 300px; padding-bottom: 300px; } } #produkt-detail .drobecky_zpet { display: flex; margin-top: 20px; margin-bottom: 23px; } #produkt-detail .drobecky_zpet .col_drobecky { align-self: flex-end; } #produkt-detail .drobecky_zpet .drobecky a { font-size: 13px; color: #000000; font-weight: 300; text-transform: uppercase; } #produkt-detail .drobecky_zpet .drobecky a.disabled { pointer-events: none; cursor: default; } #produkt-detail .drobecky_zpet .drobecky .icon { font-size: 12px; color: #000000; margin-right: 7px; transform: rotate(270deg); } @media(min-width: 768px){ #produkt-detail .drobecky_zpet { margin-top: 0; } #produkt-detail .drobecky_zpet .drobecky { text-align: left; } } #produkt-detail .page-content .title { font-size: 30px; color: #000000; font-weight: 400; margin-top: 0px; } #produkt-detail .page-content .text { font-size: 16px; line-height: 30px; color: #555555; font-weight: 300; } #produkt-detail .ext_block { margin-top: 20px; margin-bottom: 14px; } #produkt-detail .ext_text, #produkt-detail .ext_link { display: inline-block; font-size: 16px; line-height: 30px; color: #000000; font-weight: 400; } #produkt-detail .ext_link { margin-left: 5px; text-decoration: underline; } #produkt-detail .ext_link:hover, #produkt-detail .ext_link:focus { color: #d5d5d5; } #produkt-detail #varianty_kosik_block { padding-bottom: 15px; } #produkt-detail .var_radio_group, #produkt-detail .fake_color_vars { display: flex; justify-content: center; margin-bottom: 5px; } #produkt-detail .radio-option label { display: inline-block; position: relative; width: 50px; height: 50px; margin-right: 10px; border-radius: 50%; background-color: #ffffff; border: 1px solid #3d3d3d; text-align: center; cursor: pointer; } #produkt-detail label.color_label.active { cursor: initial; } #produkt-detail .radio-option label .nazev { left: 0px; right: 0px; font-size: 14px; line-height: 50px; color: #000000; font-weight: 600; } #produkt-detail input:checked + label { background-color: #000000; border-color: #000000; } #produkt-detail input:checked + label .nazev { color: #ffffff; } #produkt-detail input:disabled + label { border-color: #d5d5d5; cursor: initial; } #produkt-detail input:disabled + label .nazev { color: #9d9d9d; } #produkt-detail input:disabled + label:after { content: ''; position: absolute; left: 0px; right: 0px; top: 50%; width: 80%; height: 1px; margin: 0 auto; background-color: #d2d2d2; transform: rotate(135deg) translateY(-50%); } @media(min-width: 992px){ #produkt-detail .var_radio_group, #produkt-detail .fake_color_vars { justify-content: left; } } #produkt-detail label.color_label .icon { display: none; left: 0px; right: 0px; font-size: 18px; line-height: 50px; color: #ffffff; } #produkt-detail label.color_label.white { border-color: #3d3d3d !important; } #produkt-detail label.color_label.white .icon { color: #3d3d3d !important; } #produkt-detail input:checked + label.color_label .icon, #produkt-detail label.color_label.active .icon { display: inline-block; } #produkt-detail input:disabled + label.color_label { opacity: .5; } #produkt-detail .dostupnost { margin-top: 35px; } #produkt-detail .dostupnost span { font-size: 16px; line-height: 30px; color: #000000; font-weight: 400; } #produkt-detail .dostupnost span#dostupnost_skladem { color: #339900; } #produkt-detail .dostupnost span#dostupnost_neni_skladem { color: #cc0000; } #produkt-detail #varianta-text{ margin-top: 20px; } #produkt-detail .alert.neni-skladem { margin-top: 20px; margin-bottom: 0px; } #produkt-detail #cena_mnozstvi_doKosiku { display: flex; flex-direction: column; align-items: center; justify-content: center; padding-top: 15px; padding-bottom: 45px; border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; } #produkt-detail #price-block #cena_dph, #produkt-detail #price-block .mena-jednotka{ font-size: 36px; line-height: 30px; color: #000000; font-weight: 600; } #produkt-detail #price-block .bezna-cena { text-decoration: line-through; color: #9d9d9d; } #produkt-detail #mnozstvi-block { margin-top: 20px; } #produkt-detail #mnozstvi-block #mnozstvi-inp { width: 60px; height: 50px; border-radius: 4px; border: 1px solid #d5d5d5; } #produkt-detail #doKosiku-block { margin-top: 20px; } @media(min-width: 460px){ #produkt-detail #cena_mnozstvi_doKosiku { flex-direction: row; flex-wrap: wrap; align-items: end; justify-content: space-between; } } @media(min-width: 768px){ #produkt-detail #cena_mnozstvi_doKosiku { justify-content: left; } #produkt-detail #price-block { margin-right: 80px; } #produkt-detail #mnozstvi-block { margin-right: 50px; } } #produkt-detail #parametry-block { border-bottom: 1px solid #d6d6d6; text-align: left; cursor: pointer; } #produkt-detail #parametry-block .panel_title { display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding-top: 20px; padding-bottom: 23px; font-size: 20px; line-height: 30px; color: #000000; font-weight: 400; } #produkt-detail #parametry-block .panel_text.skryty { display: none; } #produkt-detail #parametry-block:hover .panel_title, #produkt-detail #parametry-block:focus .panel_title { color: #929292; } @media(min-width: 460px){ #produkt-detail #parametry-block .panel_title { flex-direction: row; } } #produkt-detail #soubory-block { padding-top: 20px; padding-bottom: 20px; } #produkt-detail .soubory_title { font-size: 20px; line-height: 30px; color: #000000; font-weight: 400; } #produkt-detail #product-list { text-align: center; margin-top: -40px; padding-bottom: 50px; } #produkt-detail #product-list .product-list-title { font-size: 36px; color: #000000; font-weight: 400; margin-top: 0px; margin-bottom: 30px; } #produkt-detail #product-list .box, #produkt-detail #product-list .text_block { margin-bottom: 0px; } #dodatecny_obsah { padding-bottom: 50px; } .obsah img:not(.bez_zaoblenych_rohu) { border-radius: 20px; } #dodatecny_obsah p.tiny_empty_block { padding-top: 10px; padding-bottom: 10px; margin: 0px; line-height: 0px; } .wide-container.container { width: 100% !important; padding-right: 10px; padding-left: 10px; margin-right: auto; margin-left: auto; } .wide-container.container .wide-container.container { padding: 0px; } .obsah .cp-extrablock { width: 99vw; max-width: 99vw; position: relative; left: 49%; right: 49%; margin-left: -49vw; margin-right: -49vw; } .obsah .cp-extrablock .text_col, .obsah .cp-extrablock .img_col { padding-left: 40px; padding-right: 40px; } .obsah .cp-extrablock h1, .obsah .cp-extrablock h2 { margin-top: 0px; } .obsah .cp-extrablock .img_col img { margin-bottom: 30px; margin-top: 30px; } .obsah .cp-extrablock .text_col { line-height: 2em; } @media(min-width: 768px){ .obsah .cp-extrablock .col-sm-7, .obsah .cp-extrablock .col-sm-5 { width: 50% !important; } .obsah .cp-extrablock .text_col, .obsah .cp-extrablock .img_col { display: table-cell; float: none; vertical-align: middle; } .obsah .cp-extrablock .img_col img { margin-bottom: 0px; margin-top: 0px; } } @media(min-width: 992px){ .obsah .cp-extrablock .text_col, .obsah .cp-extrablock .img_col { padding-left: 80px; padding-right: 80px; } } .obsah .full-width_box { padding-top: 10px; padding-bottom: 10px; } .stories-content .obsah .full-width_box { width: 99vw; max-width: 99vw; position: relative; left: 49%; right: 49%; margin-left: -49vw; margin-right: -49vw; padding-left: 10px; padding-right: 10px; } .obsah .full-width_box .double_photo { display: flex; justify-content: center; flex-direction: column; margin-left: -10px; margin-right: -10px; } .obsah .full-width_box .double_photo .img_item { padding-left: 10px; padding-right: 10px; margin-bottom: 20px; } .obsah .full-width_box img { height: 100%; object-fit: cover; width: 100vw; } @media(min-width: 768px){ .obsah .full-width_box .double_photo { flex-direction: row; } .obsah .full-width_box .double_photo .img_item { margin-bottom: 0px; } } .obsah .sub_textBlok { background-color: #ffffff !important; } .obsah .sub_textBlok { margin-top: 0px; margin-bottom: 0px; font-weight: 400; padding: 50px 0px; font-size: 14px; } #produkt-detail .produkt-icons{ border: 1px solid #cecece; padding: 6px 0px 8px 0px; } #produkt-detail .produkt-icons div { margin: 0px; width: 33%; height: auto; } #produkt-detail .produkt-icons div.kod-zbozi { padding: 0px; line-height: 18px; color: #333; background: transparent; float: right; text-transform: none; font-size: 14px; } .white-popup-block { max-width: 700px !important; background: none !important; } .win-kosik-vlozeno { text-align: center; background-color: #ffffff; border-radius: 20px; overflow: hidden; } .win-message, .win-alert-message { background-color: #000000; color: #ffffff; font-size: 20px !important; line-height: 24px; font-weight: 400; padding: 28px 40px !important; margin: 0px auto !important; text-align: left !important; } .win-obsah { padding: 40px; text-align: center; font-size: 18px; line-height: 32px; color: #000000; font-weight: 400; } .win-obsah img { margin-bottom: 20px; } .win-buttons { padding: 10px 40px 40px 40px; display: flex; align-items: center; justify-content: space-between; flex-direction: column; } .win-buttons .btn { min-width: 270px; margin-bottom: 20px; } .win-buttons .btn .icon { font-size: 16px; margin: 0px 10px; } @media(min-width: 768px){ .win-obsah { text-align: left; } .win-obsah img { margin-bottom: 0px; } .win-buttons { flex-direction: row; } } .win-kosik-vlozeno.vyber-variantu > .win-message { background:#1f1f1f url('/img/vyber-variantu.png') no-repeat 5% 50%; } .win-kosik-vlozeno .detail-link { font-size: 14px; color: #000000; } .win-kosik-vlozeno .detail-link:hover { color: #cc0000; } .win-kosik-vlozeno .var-content table { width: 100%; line-height: 2; } .win-kosik-vlozeno .var-content table th { line-height: 3; font-weight: normal; } .win-kosik-vlozeno .var-content label { font-weight: normal; } .popup-block-content { padding: 15px; } .kosik-header h1{ margin-bottom: 60px; } @media (max-width:991px){ .kosik-header h1{ font-size: 34px; text-align: center; } } .produkty .produkt{margin-bottom:25px;} .breadcrumb{background:transparent;margin-bottom:0px;} .gallery{text-align:center;margin-bottom:10px;} .gallery .img-thumbnail{border:none;background:transparent;margin-bottom:15px;} #cssmenu ul li a>span.text{display:block;z-index:888;width:75%;} #cssmenu ul li a>span.menu_akce{clear:both;position:absolute;display:inline-block;top:0;right:0;padding:5px 0;height:100%;z-index:999;width:25%;} .sidebar a:hover, .sidebar a:focus{text-decoration:none;} .subnav-toggle{padding:0px 5px;color:#cc0000;} .subnav{display:none;clear:both;} .opened > .subnav{display:block;} .sidebar-title{ display: block; width: 100%; padding: 15px; margin-bottom: 10px; background-color: #000000; border: 1px solid #000000; border-radius: 6px; font-size: 16px; color: #ffffff; font-weight: 400; } #kategorie_mobile_menu #cssmenu{padding-left:0px;padding-right:0px;background-color:#333;color:#fff;top:-22px;height:100%;overflow:auto;width:100%;} @media screen and (max-width:767px){#main_block{position:relative;} #col-left{position:static;} #menu-kategorie{position:absolute;top:-22px;left:0px;width:100%;margin:0px;border-radius:0px;z-index:9000;height:100%;overflow:auto;} #menu-kategorie.affix{top:55px;position:fixed;} #kategorie_mobile_menu #cssmenu{top:auto;} } @media screen and (min-width:768px){ #menu-kategorie.collapse{display:block !important;visibility:visible !important;height:auto !important;overflow:visible !important;} #menu-kategorie{position:relative;top:auto;left:auto;} body{overflow:auto !important;} .leve-menu .modre{margin-bottom:10px;padding:0px;} } @media screen and (min-width:992px){ .leve-menu li>a{font-size:14px;padding:8px 10px 8px 20px;background-position:20px 50%;} .leve-menu .subnav a{font-size:13px;padding-left:40px;} .leve-menu .subnav-toggle{top:10px;} .leve-menu .subnav.sublevel-3 a{font-size:13px;padding-left:55px;background-position:40px 50%;} .leve-menu .subnav.sublevel-4 a{padding-left:65px;} } @media screen and (min-width: 1220px){ .leve-menu li>a{font-size:16px;padding-top:10px;padding-bottom:10px;} .leve-menu .subnav a{font-size:14px;} .leve-menu .subnav.sublevel-3 a{font-size:13px;} } article#home-intro{margin-top:20px;text-align:center;font-size:18px;} .produkty .produkt{border:1px solid #fff;background-color:#fff;text-align:left;position:relative;overflow:hidden;margin-bottom:15px;} .produkty .produkt h2{font-size:14px;color:#333;margin:5px 0;font-weight:bold;line-height:15px;text-align:center;height:32px;overflow:hidden;} .produkty .produkt-bottom{padding:0px 10px 10px 10px;text-align:left;height:70px;position:relative;border:1px solid #d7d7d7;margin:0 15px 15px 15px;} .produkty .produkt-top{position:relative;overflow:hidden;} .produkty .produkt-img{padding:2px;} .produkty .produkt-popis{font-size:12px;margin:5px 0;max-height:51px;overflow:hidden;line-height:17px;} .produkty .popis-box{padding:15px;} .produkty .produkt.hover{border-color:#5c5c5c;} .produkt-labels{position:absolute;top:15px;right:-83px;font-size:12px;overflow:hidden;width:115px;} .produkt.hover .produkt-labels{right:0;} .produkt-labels>span{display:block;margin-bottom:5px;text-align:left;padding-left:35px;height:30px;line-height:30px;vertical-align:middle;color:#fff;width:115px;text-transform:uppercase;float:left;clear:both;} .produkt-labels .novinka-info{background:#0095e2 url('/img/ikony-v-bloku/novinka.png') 0 50% no-repeat;} .produkt-labels .akce-info{background:#cc0000 url('/img/ikony-v-bloku/sleva-akce.png') 0 50% no-repeat;} .produkt-labels .skladem-info{background:#80bb00 url('/img/ikony-v-bloku/skladem.png') 0 50% no-repeat;} .produkt-labels .doprava-zdarma-info{background:#80bb00 url('/img/ikony-v-bloku/doprava-zdarma.png') 0 50% no-repeat;} .produkt-labels .dobra-cena-info{background:#ffae00 url('/img/ikony-v-bloku/dobra-cena.png') 0 50% no-repeat;} .produkt-labels .fav-info{background-color:#dd0000;margin-left:-32px;width:147px} .produkt-labels .fav-info .glyphicon{font-size:24px;padding-top:2px;padding-right:8px;} .produkt-labels .fav-info .info-text{position:relative;top:-6px;} .produkty .produkt .produkt-icons{height:36px;} .produkt-icons div{display:block;width:60px;height:36px;line-height:11px;font-size:11px;text-transform:uppercase;float:left;padding-top:25px;text-align:center;color:#669900;background:url('/img/ico-skladem.png') 50% 0px no-repeat transparent;} .produkt-icons div.do3dnu-info{background-image:url('/img/ico-do3dnu.png');} .produkt-icons div.doprava-zdarma-info{background-image:url('/img/ico-doprava.png');} .produkt-icons div.nejnizsi-cena-info{background-image:url('/img/ico-nejnizsi-cena.png');width:80px;color:#eeaa00;} .produkty .produkt-hover{display:none;background:transparent;width:100%;height:500px;position:absolute;top:0px;left:0px;} .produkty .produkt-hover .link-detail{display:block;width:100%;height:400px;text-align:center;color:#fff;text-decoration:none;background:transparent;} .produkty .produkt-buy-btn{display:block;text-align:left;float:right;border:none;color:#fff;background:url('/img/btn-koupit.png') 0px 0px no-repeat transparent;width:34px;height:32px;text-indent:-9999px;} .produkty .produkt-top:hover .produkt-hover{display:block;} .produkty .produkt-top:hover h2{color:#CC0000;} .produkt-bottom .produkt-cena{width:50%;float:left;font-size:11px;line-height:1.0em;padding-top:10px;} .produkt-bottom strong{color:#CC0000;font-size:22px;display:block;line-height:25px;height:24px;} .produkt-bottom .puvodni-cena{text-decoration:line-through;} .produkt-bottom .sleva{margin-left:10px;} .produkty .produkt-top .sleva, #produkt-detail .sleva-info{display:block;background-color:#cc0000;text-align:center;position:absolute;top:10px;left:10px;font-size:14px;padding:0px;width:44px;height:44px;line-height:44px;border-radius:22px;vertical-align:middle;color:#fff;} .produkty .produkt .mena-jednotka{font-size:0.9em;} .box-strankovani .pagination{float:right;margin:0px 0px 5px 0px;} .box-strankovani .pagination > li > a, .box-strankovani .pagination > li > span{margin:0px 0px 0px 5px;} .box-strankovani em{font-style:normal;color:#cc0000;} .box-strankovani .form-pocet{float:right;margin:0px 10px 5px 10px;} .box-strankovani .form-pocet label{font-weight:normal;color:#cc0000;padding:0 9px;} .box-strankovani .form-pocet select.form-control{padding:3px 9px;height:auto;width:auto;float:right;} .pujcovna .produkty .produkt-icons{display:none;} .produkt-bottom a.button-pujcit{display:block;border:2px solid #fff;outline:1px solid #0099ff;background:#0099ff;color:#fff;text-align:center;text-decoration:none;margin:10px 0px;height:54px;text-transform:uppercase;} .produkt-bottom a.button-pujcit strong{color:#fff;font-weight:normal;font-size:1.2em;} .produkt-bottom a.button-pujcit:hover{background:#333333;outline-color:#333333;} #kategorie-boxy{margin:15px 0;border-collapse:collapse;} #kategorie-boxy .mainCat{background:#fff;border:1px solid #d7d7d7;text-align:center;} #kategorie-boxy .title{font-weight:bold;font-size:16px;padding:15px 10px;} #kategorie-boxy .content{height:60px;overflow:hidden;line-height:1.6;font-size:13px;margin:0 15px;} #kategorie-boxy .content a{color:#333333;} #kategorie-boxy .content a:hover, #kategorie-boxy .content a:focus{color:#dd0000;} #kategorie-boxy .footer{margin:15px;font-size:13px;text-decoration:underline;} #kategorie-boxy .footer a{color:#333333;} #kategorie-boxy .box-footer{text-align:center;background-color:#fff;padding:12px;} #kategorie-boxy .box-footer a{font-size:14px;color:#333333;} #kategorie-boxy .box-footer a:hover{color:#dd0000;text-decoration:none;} @media screen and (min-width:460px){.produkty .popis-box{height:120px;overflow:hidden;} } .produktListStylChange{display:none;} @media (min-width:768px){.produkty.produkty-radkove .produkt{background-color:#f8f8f8;} .produkty.produkty-radkove .produkt-top{background-color:#fff;margin-right:150px;} .produkty.produkty-radkove .produkt-bottom{width:150px;position:absolute;top:0px;right:0px;} .produkty-radkove .produkt-bottom .produkt-cena{width:100%;float:none;} .produkty.produkty-radkove .produkt-buy-btn{float:none;} .produkty.produkty-radkove .produkt-img{width:35%;float:left;margin:0px 10px 5px 0px;} .produkty.produkty-radkove .popis-box{height:auto;display:inline;} .produkty.produkty-radkove .produkt-popis{display:block;margin:5px 10px 10px 10px;font-size:13px;} .produkty.produkty-radkove .produkt-icons{padding-bottom:10px;} .produkty.produkty-radkove .produkt-icons div{margin-right:10px;} .produkty.produkty-radkove .produkt-top .sleva{background-image:url('/img/label-sleva-min.png');height:40px;width:40px;line-height:40px;font-size:14px;top:auto;bottom:10px;} .produkty-radkove .produkt-labels{top:5px;} .produkty.produkty-radkove > div[class|=col]{width:100%;} .produkty.produkty-radkove .produkt-bottom a.button-pujcit{height:120px;font-size:130%;padding-top:25px;line-height:1.5em;} .produktListStylChange{display:block;float:left;width:60px;margin:5px 0px 5px 0px;} .box-radit .produktListStylChange{float:right;margin:10px 2px 6px 0px;} .produktListStylChange a{display:block;border:1px solid #cecece;width:24px;height:24px;float:left;margin:0px 2px;text-align:center;color:#333;font-size:12px;line-height:24px;} .box-radit .produktListStylChange a{margin:0px 0px 0px 4px;float:right;} .produktListStylChange a:hover, .produktListStylChange a.active{color:#fff;background-color:#cc0000;border:none;} .box-strankovani{line-height:34px;} .box-strankovani .form-control{font-size:14px;} #vyhody .vyhoda-block{margin-bottom:20px;} } .produkty .produkt-bottom{height:110px;padding-bottom:5px;} .produkt-bottom .produkt-cena{width:100%;float:none;text-align:center;} .produkty .produkt-buy-btn{float:none;margin:5px auto 0px auto;} .produkt-icons div{width:54px;} @media (min-width:768px){.produkty.produkty-radkove .produkt-img{width:100%;} .produkt-icons div{width:60px;} } @media (min-width:992px){.produkty.produkty-radkove .produkt-img{width:35%;} } @media (min-width: 1220px){.produkty.produkty-radkove .produkt-img{width:25%;} .produkty .produkt-bottom{height:70px;padding-bottom:10px;} .produkt-bottom .produkt-cena{width:70%;float:left;text-align:center;} .produkty .produkt-buy-btn{float:right;margin:15px auto 0px auto;} } .tab-detail{background-color:#f8f8f8;width:100%;border:1px solid #cecece;font-size:14px;} .tab-detail th, .tab-detail td{padding:6px;font-weight:normal;} .tab-detail td.cena{font-weight:normal;} .tab-detail td.cena strong{color:#cc0000;font-size:1.6em;line-height:1.0em;} .tab-detail.tab-ceny th{padding-left:25px;} .tab-detail.tab-ceny th h2{text-align:center;margin:10px auto;} .tab-detail.tab-ceny td{text-align:right;padding-right:20px;} .tab-detail .prazdno td{height:20px;border-left:none;border-right:none;} .tab-detail.tab-varianty tr.thead th{border-bottom:1px solid #cecece;text-align:center;} .tab-detail.tab-varianty tr.thead th.text-right{text-align:right;} .tab-detail.tab-varianty tr.thead th.text-left{text-align:left;} .tab-detail.tab-varianty td{padding:5px 0px;vertical-align:middle;} .tab-detail.tab-varianty .tr-koupit td{padding:15px 0px;} .tab-detail.tab-varianty .tr-var td{border-bottom:1px solid #cecece;width:33%;} .tab-detail.tab-varianty .tr-var td.cena{text-align:right;font-size:1.2em;color:#cc0000;font-weight:bold;} .tab-detail.tab-varianty .tr-var label{margin:0px;padding-left:2px;font-weight:normal;} .tab-detail.tab-varianty .produkt-icons{border:0px none;} .tab-detail.tab-varianty .produkt-icons div{width:100%;} .produkt-vyrobce{background-color:transparent;text-align:center;} .produkt-vyrobce-txtcol{padding-top:24px;line-height:15px;padding-bottom:5px;} .articles .article{border-bottom:1px solid #e0e0e0;} .articles .article h2{color:#333;font-size:18px;} .articles .article h2 a{text-decoration:underline;} .article-meta{margin-bottom:10px;} .article-meta a{text-decoration:underline;} #cart { padding-bottom: 60px; } .kosik-header { padding: 40px 0px; } .kosik-header h1 { margin-top: 0px; margin-bottom: 0px; } .kosik-header #kosik_kroky_block { display: flex; align-items: center; flex-direction: column; justify-content: center; } .kosik-header #kosik_kroky_block .kosik_krok { display: flex; align-items: center; margin: 0px 30px 10px 30px; } .kosik-header #kosik_kroky_block .kosik_krok .cislo { width: 50px; height: 50px; margin-right: 13px; border-radius: 50%; background-color: #ffffff; border: 1px solid #d5d5d5; text-align: center; font-size: 18px; line-height: 50px; color: #000000; font-weight: 600; } .kosik-header #kosik_kroky_block .kosik_krok.active .cislo { background-color: #000000; border-color: #000000; color: #ffffff; } .kosik-header #kosik_kroky_block .kosik_krok .nazev { font-size: 18px; line-height: 24px; color: #000000; font-weight: 400; } @media(min-width: 768px){ .kosik-header { padding: 80px 0px; } .kosik-header #kosik_kroky_block { flex-direction: row; } .kosik-header #kosik_kroky_block .kosik_krok { margin-bottom: 0px; } } .objednavka label { font-size: 18px; line-height: 24px; color: #000000; font-weight: 400; } .objednavka .padding-block{ padding-top: 20px; padding-bottom: 40px; } .objednavka table { margin-bottom: 0px; } .objednavka .table>thead>tr>th, .objednavka .table>tbody>tr>th, .objednavka .table>tfoot>tr>th, .objednavka .table>thead>tr>td, .objednavka .table>tbody>tr>td, .objednavka .table>tfoot>tr>td { border: none; padding: 0px; } .objednavka #obsahKosiku { margin-bottom: 20px; } .objednavka .kosik-polozka { display: flex; flex-direction: column; align-items: center; border: 1px solid #d5d5d5; padding: 4px; margin-bottom: 5px; } .objednavka .kosik-polozka > td { flex: 1; margin-bottom: 10px; text-align: center; } .objednavka .kosik-polozka td.kosik-img { max-width: 90px; } .objednavka .kosik-polozka td.kosik-img img { max-height: 90px; width: 100%; object-fit: cover; } .objednavka .kosik-polozka td.nazev { flex: 4; } .objednavka .kosik-polozka td.mnozstvi label { margin-bottom: 0px; display: flex; align-items: center; justify-content: flex-end; } .objednavka .kosik-polozka td.mnozstvi label input { width: 50px; height: 40px; margin: 0px 10px 0px 0px; padding-right: 2px; padding-left: 10px; background-color: #ffffff; border: 1px solid #d5d5d5; } .objednavka .kosik-polozka td.smazat_block { max-width: 40px; padding-right: 6px; } @media(min-width: 768px){ .objednavka .kosik-polozka { flex-direction: row; } .objednavka .kosik-polozka > td { margin-bottom: 0px; } .objednavka .kosik-polozka > td.text-left { text-align: left; } .objednavka .kosik-polozka > td.text-right { text-align: right; } .objednavka .kosik-polozka td.kosik-img { margin-right: 30px; } } .objednavka .ceny > td { padding-top: 10px !important; padding-bottom: 10px !important; } .objednavka .ceny .text-left, .objednavka .ceny .text-right { text-align: center; } .objednavka .ceny .slevovy_poukaz_ch { position: relative; top: -1px; margin-top: 0px; } .objednavka .poukaz_zadani .form-control { padding: 6px; } .objednavka #poukaz_kod { height: 50px; } .objednavka #poukazOdeslat { margin-top: 10px; margin-bottom: 30px; } .objednavka .ceny { font-size: 18px; line-height: 28px; color: #000000; font-weight: 600; } @media(min-width: 768px){ .objednavka .ceny .text-left { text-align: left; } .objednavka .ceny .text-right { text-align: right; } .objednavka #poukazOdeslat { margin-top: 0px; } } .objednavka table.table tr th:first-letter { text-transform: uppercase; } .objednavka table.table .dostupnost { font-size: 14px; } .objednavka table.table .skladem { color: #419200; } .objednavka table.table .cena { padding: 0 20px 0 0; text-align: right; } .objednavka .nadpis_block { position: relative; height: 60px; padding: 0px 30px; background-color: #f4f4f4; } .objednavka .nadpis_block h2 { left: 35px; font-size: 20px; line-height: 24px; color: #000000; font-weight: 400; margin: 0px; } fieldset.dopravci, fieldset.platby { margin-bottom: 0px; } .dopravci table, .platby table, .dopravci label, .platby label { width: 100%; } .dopravci tr, .platby tr { border-bottom: 1px solid #d5d5d5; } .dopravci td, .platby td { padding: 15px 0; border: none; } .dopravci td.main_td, .platby td.main_td { padding-left: 30px; padding-right: 30px; } .dopravci label, .platby label { display: flex; align-items: center; flex-direction: column; justify-content: space-between; } .dopravci label .left_part, .platby label .left_part { display: flex; align-items: center; flex-direction: column; text-align: center; } .dopravci .img-box, .platby .img-box { display: none; width: 70px; height:30px; margin: 0px 3px; vertical-align: middle; text-align: center; } .platby label .nazev_popis { display: flex; flex-direction: row; align-items: center; } .platby label .nazev_popis .popis { width: 20px; margin-left: 10px; } .dopravci label .nazev, .platby label .nazev { font-size: 18px; line-height: 24px; color: #000000; font-weight: 300; } .dopravci label .popis, .platby label .popis { font-size: 14px; line-height: 20px; color: #000000; font-weight: 300; } .dopravci label .popis p, .platby label .popis p { margin-bottom: 0px; } .dopravci .dopravce_modul_html .btn { padding: 0px; border: none; min-width: initial; font-size: 14px; line-height: 24px; color: #000000; font-weight: 300; } .dopravci .dopravce_modul_html .btn:hover, .dopravci .dopravce_modul_html .btn:focus { color: #000000; background-color: transparent; text-decoration: underline; } .dopravci label .right_part { text-align: right; } .dopravci label .doprava_zdarma { display: block; font-size: 14px; } @media(min-width: 768px){ .dopravci label, .platby label { flex-direction: row; } .dopravci label .left_part, .platby label .left_part { flex-direction: row; text-align: left; } .dopravci label .nazev_popis, .platby label .nazev_popis { margin-left: 15px; } } .dopravci_OsOd.dopravci_hidden { display: none; } .dopravci_roletka_OsOd { display: block !important;} .dopravci_roletka_OsOd td, .dopravci_roletka_OsOd .wrapper { display: flex; width: 100%; align-items: center; flex-direction: column; } .dopravci_roletka_OsOd .circle { position: relative; background-color: #ffffff; border: 2px solid #8f8f9d !important; display: block; height: 14px; width: 14px; min-width: 14px; border-radius: 50%; } .dopravci_roletka_OsOd .wrapper.active .circle { border-color: #0060df !important; } .dopravci_roletka_OsOd label { margin-left: 5px !important; } .dopravci_roletka_OsOd label:hover { cursor: pointer; } .dopravci_roletka_OsOd .wrapper:hover .popis, .dopravci_roletka_OsOd .wrapper:focus .popis { cursor: pointer; text-decoration: underline; } @media(min-width: 768px){ .dopravci_roletka_OsOd .wrapper { flex-direction: row; } } .block-footer { text-align: center; margin-bottom: 30px; } .block-footer table { margin-left: auto; margin-right: auto; } .block-footer table td { padding: 3px 0px; } .block-footer .celkova_cena_block { font-size: 18px; line-height: 28px; color: #000000; font-weight: 600; } .block-footer .celkova_cena_block.celkova_cena_block_bezdph { font-size: 14px; line-height: 20px; color: #000000; font-weight: 400; } .block-footer .celkova_cena { margin-left: 25px; } @media(min-width: 768px){ .block-footer { text-align: right; } .block-footer table { margin-left: auto; margin-right: 30px; } } .kosik_btns { display: flex; justify-content: space-between; flex-direction: column; } #kosik_zpet_btn { min-width: 270px; height: 50px; margin-bottom: 10px; } #kosik_zpet_btn .icon { margin-right: 10px; } @media(min-width: 768px){ .kosik_btns { flex-direction: row; } #kosik_zpet_btn { margin-bottom: 0px; } } @media(min-width: 1460px){ .kosik_btns { display: block; } #kosik_zpet_btn { position: absolute; left: 0px; } } .objednavka.rekapitulace .kosik_btns { margin-top: 40px; } .objednavka.rekapitulace #kosik_zpet_btn { min-width: 132px; } #submit1step, #submit2step { min-width: 360px; height: 60px; border-radius: 30px; } #submit1step .icon, #submit2step .icon { margin-left: 6px; } #kosik_kroky_text_block { text-align: center; margin-top: 15px; font-size: 16px; line-height: 18px; color: #000000; font-weight: 400; } .objednavka.rekapitulace .ceny_table { margin-top: 15px; } .objednavka.rekapitulace .nazev-ext, .objednavka.rekapitulace .cena-celkem { text-align: center; font-size: 18px; line-height: 32px; color: #000000; font-weight: 400; } .objednavka.rekapitulace .ceny .s_dph { font-size: 18px; line-height: 28px; color: #000000; font-weight: 600; } .objednavka.rekapitulace .ceny .bez_dph { font-size: 14px; line-height: 24px; color: #000000; font-weight: 400; } @media(min-width: 768px){ .objednavka.rekapitulace .nazev-ext { text-align: left; } .objednavka.rekapitulace .cena-celkem { text-align: right; } } .objednavka.rekapitulace fieldset { min-height: 400px; border: 1px solid #d6d6d6; padding: 35px 40px; margin-bottom: 10px; } .objednavka.rekapitulace fieldset.poznamka { margin-top: 10px; margin-bottom: 0px; min-height: initial; } .objednavka.rekapitulace fieldset h3 { font-size: 24px; line-height: 48px; color: #000000; font-weight: 400; margin-top: 0px; margin-bottom: 5px; } .objednavka.rekapitulace fieldset p { font-size: 18px; line-height: 30px; color: #000000; font-weight: 400; } .objednavka.rekapitulace .checkbox_block a { font-size: 18px; line-height: 24px; color: #000000; font-weight: 400; text-decoration: underline; } .objednavka.rekapitulace .checkbox_block a:hover, .objednavka.rekapitulace .checkbox_block a:focus { opacity: .8; } .signin-form label.control-label{font-size:13px;} .signin-form .btn.btn-primary { margin-top: 20px; } @media screen and (min-width:992px){.signin-form label.control-label{text-align:right;display:block;} } table.prehled-objednavek th{vertical-align:middle;padding:3px 5px;} table.prehled-objednavek td{padding:3px 5px;font-size:0.9em;} table.prehled-objednavek tr.polozky-header td{background-color:#e1e1e1;} #sidebar-poradit{color:#333333;border:1px solid #cecece;font-size:13px;} #sidebar-poradit .title{display:block;font-size:14px;line-height:1.2em;background-color:#272b33;margin:-1px -1px 10px -1px;border-bottom:1px solid #d7d7d7;color:#b6b8c0;padding:12px 20px;} #sidebar-poradit p strong{display:block;font-weight:normal;color:#333333;} #sidebar-poradit a, #sidebar-poradit a:hover{color:#333333;text-decoration:none;} #sidebar-poradit .telefon-ico{background-image:url("/img/potrebujete-radu-telefon.png");} #sidebar-poradit .email-ico{background-image:url("/img/potrebujete-radu-mail.png");} .sidebar-articles{color:#333333;border:1px solid #cecece;font-size:12px;} .sidebar-articles .title{display:block;font-size:14px;line-height:1.2em;background-color:#272b33;margin:-1px -1px 0 -1px;border-bottom:1px solid #d7d7d7;color:#b6b8c0;padding:12px 20px;text-decoration:none;} .sidebar-articles .list-unstyled{padding:0 10px;} .sidebar-articles .article{border-bottom:1px dotted #333;color:#666;margin:10px 0;} .sidebar-articles .article-date{} .sidebar-articles p a{text-decoration:underline;color:#333333;} .sidebar-articles a:hover{color:#cc0000;} .sidebar-articles .article-title{font-size:14px;display:block;margin-bottom:5px;color:#333333;} .sidebar-articles .article p{font-size:12px;line-height:1.2em;} .sidebar-articles .footer{padding:0 10px;} .sidebar .advert-item{margin-bottom:25px;} #adv .adv_title{display:none;} .article .prohlednute_img{width:75px;height:auto;border:#e0e0e0 solid 1px;margin-top:5px;margin-bottom:10px;} .article .prohlednute_popis{margin-top:-90px;margin-left:85px;margin-bottom:10px;} .article .prohlednute_nazev{max-height:64px;min-height:42px;line-height:16px;overflow:hidden;} .article .prohlednute_nazev a{font-size:12px;color:black;} .article .prohlednute_cena{color:#333333;font-size:16px;font-weight:bold;} .article .prohlednute_bezna_cena{text-decoration:line-through;height:15px;} ul.comments{padding-left:0;} ul.comments li{list-style:none;padding:0 0 10px 0;} ul.comments li h2{font-size:16px;} ul.comments li span.content{font-size:13px;padding-left:5px;} ul.comments li div.comment{padding-bottom:20px;color:#666;font-size:14px;} ul.comments li span.content-autor .autor{color:#333333;margin-right:30px;} ul.comments li div.comment div.comment-by{font-size:14px;padding:3px 5px;background:#f8f8f8;border-top:1px solid #cecece;margin:5px 0px 5px 0px;} ul.comments li div.comment div.comment-by h4{font-weight:normal;display:inline;padding-right:100px;} ul.comments li div.comment div.comment-by span{display:block;text-align:right;padding-top:5px;} ul.comments li div.comment p{padding:0px 0px 0px 5px;margin:0px 0px 6px 0px;} ul.comments li div.comment-block .comment-by span{margin-top:-25px;} ul.comments li div.comment .comment-form{border-top:1px solid #cecece;padding-top:10px;} #formular-area .form-show{margin-bottom:10px;} #komentare_kotva img{margin-top:-5px;} ul.comments li ul.reply{padding-left:20px;} .tabs-vertical{width:100%;padding:0;border-top:1px solid #e0e0e0;margin-bottom:15px;} .tabs-vertical .nav-tabs{float:left;width:33%;border:0px none;border-left:1px solid #e0e0e0;} .tabs-vertical .tab-content{float:left;width:67%;background-color:#fff;position:relative;border:1px solid #cecece;border-top:0px none;margin-left:-1px;} .tabs-vertical .nav-tabs li{float:none;border-bottom:1px solid #e0e0e0;margin:0px;} .tabs-vertical .nav-tabs li a{margin:0px;border:0px none;} .tabs-vertical .nav-tabs li.active{border-right:1px solid #fff;z-index:2;} .tabs-vertical .nav-tabs li.active a{border:0px none;} .tabs-vertical .tab-content .tab-pane{padding:10px;} .tabs-vertical .tab-content label{display:block;padding:2px 3px;margin-bottom:5px;border:1px solid #e9e9e9;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;} .tabs-vertical .tab-content .btn{margin:0px 10px 5px 0px;} #cena-slider-holder{text-align:center;} #cena-slider{width:90%;} #cena-slider-holder .slider-track{background:#bebebe;height:8px;} #cena-slider-holder .slider-handle{background:url('/img/slider-handle.png') 50% 50% no-repeat transparent;opacity:1;margin-top:-6px;} #cena-slider-holder .slider-selection{background:#6d6d6d;} #radit-pravy-box{padding-top:22px;} #dodatky ul{margin:0;padding:0;width:auto;float:left;} #dodatky li{list-style:none;float:left;padding:0 10px;border-right:#5c5c5c 1px solid;} #dodatky li.posledni{border-right:none;} #loginWindow{max-width:370px;} #prihlas_form h1{margin-bottom:0px;} #prihlas_form .panel-body{padding-bottom:0px;} #loginWindow h1{padding:15px;background:#f8f8f8;border:0px none;color:#333;} #loginWindow .win-col-full{width:100%;text-align:left;} #loginWindow .signin-form label.control-label{text-align:left;font-size:1.0em;vertical-align:bottom;} #loginWindow .signin-form-bottom input.btn{width:50%;} #fb-login-holder{padding:15px;} .fb-login-btn{height:40px;padding-left:65px;padding-right:15px;background:url('/img/fb_btn.png') 0px 0px no-repeat #445599;text-align:center;color:#fff;} .fb-login-btn:hover{color:#0099ff;} #loginWindow .fb-login-btn{display:block;width:100%;} @media screen and (min-width:768px){#dodatky li{padding:0 25px;} .signin-form-bottom input.btn{width:100%;} .win-kosik-vlozeno .var-content{padding-right:30px;} } @media (min-width:992px){#home-dlazdice-left{padding-right:1px;} #home-dlazdice-right{padding-left:1px;} } div.row.nadpis fieldset, div.row.nadpis fieldset h2{padding-bottom:0;margin-bottom:5px;} div.row.nadpis fieldset h2{margin-top:10px;} .uvodka_vice{float:right;font-size:14px;text-decoration:underline;padding-top:5px;} .hvezdicka{color:#f58f00;} #zbyva table{width:90%;height:10px;margin:15px auto;} #uz{background-color:#73b84d;} #jeste{background-color:#cfcfcf;} #doprava_zdarma_blok h2, #doprava_zdarma_blok h2{color:#000000;font-size:18px;margin:0 0 22px 0;} object, iframe{max-width:100%;} .btn.login-win-link{ width: 250px; text-transform:uppercase; margin: 20px 0 30px 46px; } .go-home{margin:5px 0 30px 20px;font-size:18px;padding:12px 35px;background-color:transparent;width:auto;max-width:100%;} .step-back{font-size:20px;color:#929292;text-transform:uppercase;height:70px;border-radius:5px;padding:20px 8px;} .objednavka .form-group{margin-bottom:5px;} .objednavka .form-control{padding:6px 20px;} .objednavka .prihlaseni{margin:15px 0 0 0;} .objednavka #fakturacni_adresa { margin-top: 35px; } .objednavka #fakturacni_adresa .form-control, .objednavka #dodaci_adresa .form-control { height: 60px; margin: 10px auto; font-size: 18px; color: #000000; font-weight: 400; } .objednavka .save-address-btn { margin-top: 10px; height: 60px; } .objednavka #fakturacni_adresa #poznamka.form-control, .objednavka #dodaci_adresa #poznamka.form-control { height: 100px; } .objednavka label.switch input[type="checkbox"] { margin-right: 5px; } .objednavka_kosik_mess_block { text-align: center; padding-bottom: 30px; } .objednavka_kosik_mess_block .mess h2 { font-size: 36px; color: #000000; font-weight: 400; margin-top: 0px; margin-bottom: 20px; } .objednavka_kosik_mess_block .mess .text-mess { font-size: 18px; line-height: 32px; color: #000000; font-weight: 400; } .objednavka_kosik_mess_block .mess .btn { margin-top: 30px; min-width: 270px; } .posta-platba-img{max-height:100%;} .text_pod_poznamkou { font-size: 12px; } @media(max-width:380px){#leve-menu-toggle{width:100px;padding:0;} } @media(max-width:767px){ .prihlaseni{text-align:center;} .btn.login-win-link{margin:20px auto;} #vyhody .vyhoda-block{margin-bottom:20px;} .searchForm .btn{font-size:16px;} .win-kosik-vlozeno .var-content{padding:10px 25px;} #kosik a.ico-btn:hover .cena_kosik{font-size:9px;} .cena_kosik{top:-5px;} #zpet-eshop{float:left;} .info-block .poradit>div{text-align:center;margin:5px 0;} #ajaxSearch{width:300px;} } .objednavka .slevovy_poukaz_resp{margin-top:-15px;} #prekryv{display:none;background-color:rgba(40, 40, 40, 0.50);width:100%;height:0;z-index:999;position:absolute;} #vyhody{padding:35px 0;font-size:18px;text-transform:uppercase;} #vyhody .img-block{padding-right:10px;text-align:right;} #vyhody .text-block{padding-left:0;} .lg-outer .lg-inner{padding-top:50px;} .lg-backdrop{z-index:1045;} .lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap{padding-bottom:155px;} .lg-toolbar #lg-download{display:none;} #priplatky td{font-weight:bold;cursor:pointer;} table.priplatky-modal{margin:auto;max-width:100%;margin-top:15px;text-align:left;} table.priplatky-modal td{padding:3px 5px;} .produkty-radkove .produkt .produkt-labels{right:auto;left:0;} .produkty-radkove .produkt .produkt-labels span{width:auto;padding-right:5px;} .produkty-radkove .produkt .produkt-bottom{height:110px;} #formularKontakt table{width:100%;margin:20px 0;} .addToFavorit{width:50px;float:right;font-size:32px;line-height:1;} .addToFavorit a, .addToFavorit a:not(.inFavorit):active{color:#181b1f;} .addToFavorit a:hover{color:#cc0000;} .addToFavorit a:focus{outline:none;} .produkt-moduly .addToFavorit{width:auto;float:none;font-size:13px;} .addToFavorit a.inFavorit, .addToFavorit a.inFavorit:active{color:#cc0000;} .addToFavorit a.inFavorit:hover{color:#181b1f;} #favs{float:right;text-align:center;font-size:32px;position:relative;} #favs a.hasFavs:hover, #favs a.hasFavs:focus, #favs a.noFavs{color:#B6B8C0;text-decoration:none;} #favs a.hasFavs, #favs a.noFavs:hover, #favs a.noFavs:focus{color:#cc0000;} #favs a.hasFavs .value, #favs a.hasFavs:hover .value, #favs a.hasFavs:focus .value{font-size:12px;color:#FFFFFF;position:absolute;top:10px;left:14px;font-weight:bold;} #favs a.hasFavs:hover .value, #favs a.hasFavs:focus .value{color:#cc0000;} .ajax-waiting:after{content:'';display:block;position:absolute;top:0px;left:0px;right:0px;bottom:0px;background:url('/img/loading.gif') 50% 50% no-repeat rgba(60,60,60,0.5);} body.ajax-waiting:after{position:fixed;z-index:6666;} .galleryHeader{text-align:left;font-size:20px;color:#333333;margin-top:50px;margin-bottom:15px;} #videa li, #soubory li{text-align:left;float:left;clear:both;text-decoration:underline;} .slevy_mess .alert{font-size:18px;padding:20px 50px 20px 30px;} .searchForm .btn { margin: 0px; } .searchForm .search { height: 50px; } .mailchimp_form label{width:170px;} @media (max-width:767px){.mailchimp_form label, .mailchimp_form input{width:100%;display:block;} } .skryty-konverze{overflow:hidden;height:1px;width:1px;position:fixed;bottom:0px;left:0px;padding:1px;background:transparent;} #category_menu .new_item{margin-bottom:10px;} #category_menu a{font-size:14px;letter-spacing:1px;width:100%;border:none;padding:10px 15px;background:#ffffff;max-height:102px;overflow:hidden;} #category_menu a .text-block{float:left;display:inline-block;width:70%;padding-right:10px;height:78px;vertical-align:middle;} #category_menu a .text-block .nazev{display:inline-block;} #category_menu a .image-block{float:left;display:inline-block;width:30%;text-align:right;line-height:78px;vertical-align:middle;} #category_menu a .image-block img{display:inline;max-height:82px;} #category_menu a:hover,#category_menu a.active{filter:invert(100%);transition:all linear 0.4s;color:#000000;} @media(min-width:992px){ #category_menu a{font-size:16px;} } @media(min-width: 1220px){ #category_menu a{font-size:18px;} } .cat-link-back{margin-bottom:20px;} #o-nas .page-content { font-weight: normal; } @media (max-width: 767px) { #col-main section { padding-bottom: 15px; } } #footer { background-color: #ffffff; } #footer-top { border-top: 1px solid #d9d9d9; padding-top: 72px; } #footer-top .f_col { text-align: center; } #footer-top .f_col_content { margin-bottom: 60px; } #footer-top .f_col_content .f_col_title { font-size: 14px; color: #000000; font-weight: 400; margin-bottom: 16px; } #footer-top .f_col_content .f_col_obsah { font-size: 14px; line-height: 30px; color: #000000; font-weight: 300; } #footer-top .f_col_content .f_col_obsah a:not(.btn) { color: #000000; font-weight: 300; text-decoration: none; } #footer-top .f_col_content .f_col_obsah ul { margin: 0px; padding: 0px; } #footer-top .f_col_content .f_col_obsah ul li { list-style: none; margin-bottom: 0px; } #footer-top .f_col_content .f_col_obsah a:not(.btn):hover, #footer-top .f_col_content .f_col_obsah a:not(.btn):focus, #footer-top .f_col_content .f_col_obsah a.active { text-decoration: underline; } #footer-top .soc_block .icon { font-size: 30px; margin: 0 5px; } #footer-top .soc_block a:hover .icon, #footer-top .soc_block a:focus .icon { color: #333333; } #footer-top .soc_block a.fb:hover .icon, #footer-top .soc_block a.fb:focus .icon { color: #0055ee; } #footer-top .soc_block a.ins:hover .icon, #footer-top .soc_block a.ins:focus .icon { color: #ff0077; } #footer-top #newsletter_btn { min-width: 270px; margin-top: 20px; } @media(min-width: 768px){ #footer-top .f_col_content { height: 200px; margin-bottom: 0px; padding-left: 30px; } #footer-top .f_col { text-align: left; } } @media(min-width: 1220px){ #footer-top .f_col { text-align: center; } #footer-top .f_col_content { display: inline-block; padding-left: 0px; } #footer-top .f_col_content .f_col_title { text-align: left; } #footer-top .f_col_content .f_col_obsah { text-align: left; } } @media(min-width: 1460px){ #footer-top .f_col_content { height: 180px; } } #footer-bottom { font-size: 16px; color: #000000; font-weight: 300; } #footer-bottom .footer-copyright-mooq, #footer-bottom .footer-copyright-cp { text-align: center; } #footer-bottom p { margin: 0px; padding: 28px 0px; line-height: 21px; vertical-align: bottom; overflow: hidden; } #footer-bottom .footer-copyright-mooq .logo { margin-right: 10px; } #footer-bottom .footer-copyright-cp a { display: inline-block; height: 24px; padding: 0px; } #footer-bottom .footer-copyright-cp a#logo-cp { width: 124px; height: 24px; } #footer-bottom .footer-copyright-cp a#logo-cpedit { width: 46px; height: 14px; } #footer-bottom .footer-copyright-cp a .svg-icon { width: 100%; height: 100%; padding: 0 5px; vertical-align: middle; fill: #000000; } #footer-bottom .footer-copyright-cp a:hover .svg-icon { fill: #333333; } @media(min-width: 768px){ #footer-bottom .footer-copyright-mooq { text-align: left; } #footer-bottom .footer-copyright-cp { text-align: right; } #footer-bottom .footer-copyright-mooq p { padding-left: 30px; } } #footer .pata_loga { padding: 0px 10px 40px 10px; background-color: #f4f4f4; text-align: center; } #footer .pata_loga .wrapper { margin: 0 auto; width: 100% } #footer .pata_loga .loga { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } #footer .pata_loga img.pata_logo { display: block; max-width: 100%; max-height: 150px; padding: 0px 20px; } #footer .pata_loga .pata_loga_text { font-weight: 500; } @media(min-width: 768px){ #footer .pata_loga .loga { flex-direction: row; } } @media(min-width: 992px){ #footer .pata_loga .wrapper { width: 72%; } } @media(max-width: 991px){ .menuOpened { background: #000000; } .menuOpened.header-affixed { margin-top: 0px; } .menuOpened #main_obal { display: none; } .menuOpened #footer { display: none; } } .form_popup_block { max-width: 600px !important; border-radius: 20px; overflow: hidden; } .form_popup_block .form_popup_header { position: relative; height: 80px; background-color: #000000; } .mfp-close{ top: 25px !important; background: transparent url('/img/zavrit-ico.svg') 50% 50% no-repeat !important; height: 34px !important; width: 34px !important; font-size:0 !important; } .form_popup_block .form_popup_header .title { font-size: 20px; line-height: 24px; color: #ffffff; font-weight: 400; position: absolute; top: 50%; transform: translateY(-50%); left: 40px; margin-top: 0px; margin-bottom: 0px; } .form_popup_block .form_popup_content { background-color: #ffffff; padding: 30px 40px; } .form_popup_block .form_popup_content .text { font-size: 18px; line-height: 32px; color: #000000; font-weight: 400; margin-bottom: 34px; } .form_popup_block .form_popup_content label { font-size: 16px; line-height: 24px; color: #000000; font-weight: 300; } .form_popup_block .form_popup_content .form-control { width: 100%; height: 50px; margin-bottom: 25px; border-radius: 25px !important; background-color: #ffffff; border: 1px solid #d5d5d5; box-shadow: none; } .form_popup_block .form_popup_content textarea.form-control { height: 100px; } .form_popup_block .form_popup_content .btn { margin-top: 15px; margin-bottom: 15px; } .form_popup_block .gdpr_souhlas_block { display: flex; align-items: center; } .form_popup_block #gdpr_souhlas { margin-top: 0px; } .form_popup_block .gdpr_text { display: block; color: #000000; margin-left: 10px; margin-bottom: 0px; } .form_popup_block .gdpr_text a { text-decoration: underline; } .form_popup_block .captcha-box { margin-top: 20px; margin-bottom: 10px; text-align: left; } .form_popup_block .panel { border: none; } .help { max-height: 20px; } .lg-outer .lg-thumb-item img { object-fit: cover !important; }