CSS - šablona wonder

.packetery-button { border-color: #009901; border-style: solid; } .es-countdown { padding: 10px 15px; margin: 10px 0px; font-size: 16px; color: #e500ff; } .es-countdown strong { margin-right: 10px; } .es-countdown span { //display: inline-block; min-width: 30px; padding: 0px 10px; text-align: center; } span.countdown-second { color: #584848 } main div.children_categories li a img.child-category-icon { //color: #ffffff; height: 3px; } .categories-menu-list li a span { color: black !important; } .row.product-detail figure.col-md-6 { text-align: center; } .product-detail img.product_detail { width: auto; max-width: 100%; max-height: 400px; //float: right; border: none !important; } .category-filters .filter-group { float: left; padding-right: 30px; padding-bottom: 30px; } .category-filters .filter-group:last-child { float: left; padding-right: 30px; padding-bottom: 0px; } p.empty_category_text { background: white; line-height: 2em; text-align: center; margin-bottom: 50px; } .qr-code{ height: 200px; width: 200px; } section#upsell { border: 0px; } #categories-menu-title { float: left; color: #FFFFFF; margin-left: 12px; margin-top: 10px; font-size: 1.5em; } .product-detail .product-price { font-size: 28px; font-weight: 700; display: block; } #footer-user-panel { display: none; } .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small { font-weight: 400; line-height: 1; color: #696b69; } main div.description-thumb img { float: left; height: 0px; width: 0px; margin: 0px; } // main div.children_categories li a { color: #000; font-size: 13px; font-weight: 500; } main div.children_categories { margin-bottom: 1px; text-align: center; } // main div.children_categories li { float: left; width: 105px; margin: 15px 36px 0 0; height: 160px; } main div.children_categories ul { margin-top: 0; margin-bottom: 1px; float: left; } // main div.children_categories li a img.child-category-image { width: 100%; vertical-align: top; height: 96px; } // main div.children_categories li a img.child-category-image:hover { opacity: 0.7; filter: alpha(opacity=70); /* For IE8 and earlier */ } main .slideshow a.slider-link:hover { text-decoration: none; } main .slideshow .slideshow-slides .slideshow-slide img { max-width: 100%; } main .slideshow .slideshow-slides .slideshow-slide h2 { position: absolute; font-weight: 500; left: 0px; bottom: 130px; font-size: 40px; color: #fefefe; line-height: 100%; padding-top: 10px; text-align: center; width: 100%; background: rgba(204, 204, 204, 0.5); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } main .slideshow .slideshow-slides .slideshow-slide h3 { position: absolute; bottom: 77px; left: 0px; font-size: 28px; color: #fefefe; font-weight: 400; line-height: 160%; width: 100%; background: rgba(204, 204, 204, 0.5); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } main .slideshow .slideshow-slides .slideshow-slide h2:hover, main .slideshow .slideshow-slides .slideshow-slide h3:hover { outline-style: none; text-decoration: none; } @media(max-width:991px) { main .slideshow .slideshow-slides .slideshow-slide h2 { bottom: 157px; font-size: 28px; } main .slideshow .slideshow-slides .slideshow-slide h3 { bottom: 56px; } } @media(max-width:661px) { main .slideshow .slideshow-slides .slideshow-slide h2 { bottom: 145px; } main .slideshow .slideshow-slides .slideshow-slide h3 { bottom: 44px; font-size: 28px; } } @media(max-width:535px) { main .slideshow .slideshow-slides .slideshow-slide h2 { bottom: 170px; font-size: 25px; } main .slideshow .slideshow-slides .slideshow-slide h3 { position: relative; bottom: 0; font-size: 19px; } .ean { display: none; } } @media(max-width:400px) { main .slideshow .slideshow-slides .slideshow-slide h2 { bottom: 130px; font-size: 19px; } main .slideshow .slideshow-slides .slideshow-slide h3 { font-size: 18px; } .ean { display: none; } } @media(max-width:307px) { main .slideshow .slideshow-slides .slideshow-slide h2 { bottom: 20px; font-size: 16px; } main .slideshow .slideshow-slides .slideshow-slide h3 { display: none; } .ean { display: none; } } .product-price-without-vat { font-size: 14px; font-weight: 700; display: block; margin-top: -25px; } p.manufacturer { font-size: 14px; margin-top: 5px; margin-bottom: 0px; margin-right: 12px; display: inline-block; color: #f8a102; } .content-product-detail { font-size: 14px; margin: 5px 0px 10px 0px; } p.ean { font-size: 14px; margin-top: 17px; margin-bottom: 0px; letter-spacing: 0px; display: inline-block; margin-right: 12px; color: #f8a102; } .ean { font-size: 13px; letter-spacing: 0px; color: #f8a102; } p.product_id { font-size: 14px; margin-top: 5px; margin-bottom: 0px; display: inline-block; margin-right: 12px; margin-top: 5px; color: #f8a102; } .variant-price-without-vat { font-size: 13px; letter-spacing: 0px; } div.variant-price { font-size: 15px; font-weight: 700; } h3.description-long-title { font-size: 19px; margin: 0 0 20px 0; padding-bottom: 10px; font-weight: 400; border-bottom: 5px solid #f8a102; line-height: 1.3em; text-transform: ppercase; } .socialni-site { margin-top: 5px !important; margin-bottom: 0px !important; overflow: hidden; } input[type='text'], textarea { border: 1px solid #cccccc; background: #fefefe; } input.cart_quantity { background: #f8f7f7; } .cart-products .stored-count { background: #91bf3a; color: #fff; font-weight: 400; font-size: 13px !important; border-radius: 5px 5px 5px 5px; padding-top: 1px; margin-top: 5px; padding-bottom: 1px; padding-left: 5px; padding-right: 5px; width: 66px; text-align: center; } button.quantity_increase, button.quantity_decrease { width: 18px; height: 18px; border: 0px; background-color: #f8f7f7; background-size: 18px 18px; position: relative; top: 3px; } table.cart-products a img { margin-right: 20px; } .shipping .label-shipping img { margin-right: 15px; } .btn { margin-right: 10px; } .fancybox-slide > div { display: inline-block; position: relative; padding: 24px; margin: 44px 0; border-width: 0; vertical-align: middle; text-align: center; background-color: #fff; overflow: auto; -webkit-box-sizing: border-box; box-sizing: border-box; } .cookie-law-box { background-color: #ffffff; position: fixed; bottom: 0px; left: 0px; right: 0px; z-index: 11; border-top: 5px solid #009901; padding: 3px 20px; text-align: center; display: none; font-size: 13px !important; } .cookie-law-box .cookie-law-confirm { padding: 5px 10px; text-decoration: none; margin-right: 10px; font-size: 13px; } .cookie-law-box a { cursor: pointer; color: inherit; text-decoration: underline; display: inline-block; font-size: 13px; } .product-detail .product-add-to-shopping-basket-quantity input { width: 66px; font-size: 15px; border-radius: 5px; text-align: center; height: 44px; padding: 5px; outline: 0; } .product-detail .plus-button .shopping-basket-text { font-size: 15px; text-transform: ppercase; font-weight: 600; } table.variant-table { margin-top: 25px; } table.variant-table td:first-child { width: 10%!important; } table.variant-table td:second-child { width: 30%!important; } table.variant-table td:third-child { width: 30%!important; } table.variant-table td:nth-child(4){ width: 30%!important; } .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { padding-top: 8px; padding-bottom: 8px; padding-left: 0px; padding-right: 8px; line-height: 1.42857143; vertical-align: middle; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } table.cart-products { font-weight: 400; } .col-sm-10 { padding-left: 0px; } .plus-button { font-size: 17px; line-height: 1.3em; font-weight: 400; background-color: #0070c9; background: -webkit-linear-gradient(#42a1ec, #0070c9); background: -webkit-gradient(linear, left top, left bottom, from(#42a1ec), to(#0070c9)); background: -o-linear-gradient(#42a1ec, #0070c9); background: linear-gradient(#42a1ec, #0070c9); border-color: #07c; border-width: 1px; border-style: solid; border-radius: 4px; color: #FFFFFF; cursor: pointer; display: inline-block; min-width: 30px; padding-left: 10px; padding-right: 20px; padding-top: 1px; padding-bottom: 1px; text-align: center; white-space: nowrap; width: auto; } .plus-button:hover { background-color: #147bcd; background: -webkit-gradient(linear,left top, left bottom,from(#51a9ee),to(#147bcd)); background: -webkit-linear-gradient(#51a9ee,#147bcd); background: -o-linear-gradient(#51a9ee,#147bcd); background: linear-gradient(#51a9ee,#147bcd); border-color: #1482d0; text-decoration: none; } .order-recap-total-price { font-size: 18px; margin-top: 10px; } .order-form-block #submit-form { font-size: 18px; line-height: 1.5294; font-weight: 500; background-color: #0070c9; background: -webkit-linear-gradient(#42a1ec, #0070c9); background: -webkit-gradient(linear, left top, left bottom, from(#42a1ec), to(#0070c9)); background: -o-linear-gradient(#42a1ec, #0070c9); background: linear-gradient(#42a1ec, #0070c9); border-color: #07c; border-width: 1px; border-style: solid; border-radius: 4px; color: #FFFFFF; cursor: pointer; display: inline-block; min-width: 30px; padding-left: 48px; padding-right: 48px; padding-top: 10px; padding-bottom: 10px; text-align: center; white-space: nowrap; } .order-form-block #submit-form:hover { background-color: #147bcd; background: -webkit-gradient(linear,left top, left bottom,from(#51a9ee),to(#147bcd)); background: -webkit-linear-gradient(#51a9ee,#147bcd); background: -o-linear-gradient(#51a9ee,#147bcd); background: linear-gradient(#51a9ee,#147bcd); border-color: #1482d0; text-decoration: none; } ul { list-style-type: disc; padding-left: 30px; } a { color: #009901; text-decoration: none; } a:focus, a:hover { color: #009901; text-decoration: underline; } #notification-bar { background-color: #ffffff; font-size: 13px; color: #696b69; border-bottom: 1px #d6d6d6 solid; margin-bottom: 0px; } #notification-bar #notification-bar-close a { color: #696b69; text-decoration: none; } #notification-bar #notification-bar-close a:hover { color: #000; text-decoration: none; } #notification-bar:hover { color: #000; } #hover-cart { background: #535353; color: #FFFFFF; border: 0px solid #777777; top: 103px; right: 282px; font-size: 15px; font-weight: 300; } .breadcrumbs { padding-bottom: 6px; color: #f8a102; font-size: 13px !important; font-weight: 400; } .breadcrumbs a { color: #f8a102; font-size: 13px !important; text-decoration: none; line-height: 26px; font-weight: 400; } .breadcrumbs a:hover { color: #000; text-decoration: underline; } main .content { padding-top: 0px; padding-bottom: 18px; } .content h2 { color: #000; font-size: 24px; font-weight: 500; line-height: 115%; padding-bottom: 5px; margin-top: 15px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; } section.thankyou h2 { color: #000; font-size: 24px; font-weight: 500; line-height: 32px; padding-bottom: 5px; margin-top: 15px; } div.product-right-side h2 { font-size: 28px; margin: 0 0 20px 0; padding-bottom: 10px; font-weight: 300; border-bottom: 5px solid #f8a102; line-height: 1.3em; text-transform: xxx; } .h1, h1 { font-size: 28px; margin: 0 0 20px 0; padding-bottom: 10px; font-weight: 500; line-height: 1.3em; text-transform: ppercase; } section.thankyou h1 { margin-bottom: 1px; padding-bottom: 1px; } .h3, h3 { font-size: 19px; ; color: #009901; line-height: 110%; font-weight: 400; padding-bottom: 5px; } section.thankyou h3 { margin-top: 1px; margin-bottom: 1px; } main .content .products .products-list .product .product-content h2 { font-weight: 400; font-size: 16px; line-height: 19px; text-transform: none; padding: 0px; margin-top: 18px; margin-bottom: 2px; text-align: center; color: #000; } main .content .products .products-list .product .product-content h2:hover { color: #000; } main .content .products .products-list .product .product-footer .product-price { font-size: 17px !important; font-weight: 500; position: relative; top: -10px; float: left; color: #000; width: 47%; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: left; padding-left: 10px; } main .content .products .products-list .product .product-footer .product-price .product-price-currency { font-weight: 500; color: #000; } main .content .products .products-nav { overflow: hidden; border-bottom: 2px solid #009901; } main .content .products .products-nav a { color: #f8a102; font-size: 14px; font-weight: 400; text-transform: none; display: block; padding: 6px 10px 4px 10px; float: left; text-align: center; text-decoration: none; } main .content .products .products-nav a.active { border: 0px solid silver; color: #000000; font-weight: 500; top: 0px; } main .content .products .products-nav a:hover { border: 0px solid silver; color: #000000; top: 0px; } .jumbotron-dark { background-color: #FAFAFA !important; } footer.jumbotron.jumbotron-dark { background-color: #535353 !important; border-top: 5px solid #535353; } main .content .products .products-list .product { border-bottom: 5px solid #f8a102; display: block; float: left; width: 32%; height: 350px; padding: 6px; padding-bottom: 0px; margin-bottom: 25px; text-decoration: none; position: relative; } main .content .products .products-list .product:hover { border-bottom: 5px solid #91bf3a; } main .content .products .products-list .product:nth-child(3n) { margin-right: 0px; } .product-detail img.product_detail { border: 1px #f8a102 solid; } .product-detail img.product_detail:hover { border: 0px solid #f8a102; } .product-detail .additional-images a img { margin-bottom: 10px; max-width: 128px; border: 1px #f8a102 solid; } .product-detail .additional-images a img:hover { border: 0px solid #f8a102; } .footer-es-link { color: #ffffff; font-size: 13px; background-color: #009901; padding: 10px 0px 10px 0px; border-top: 1px solid #666666; } .footer-es-link a { color: #ffffff; text-decoration: underline; } footer h2 { font-weight: 400; color: #ffffff; margin-top: 30px; line-height: 1.2em; font-size: 16px; text-transform: none; margin-bottom: 10px; } footer h3 { font-weight: 400; color: #ffffff; margin-top: 30px; line-height: 1.2em; font-size: 16px; text-transform: none; margin-bottom: 10px; } footer a { color: #ffffff; font-size: 14px !important; font-weight: 400; letter-spacing: .005em; } footer a:hover { color: #ffffff; text-decoration: none; } footer ul { padding-left: 0px; } footer ul>li { list-style: none; color: #ffffff; border-left: 2px solid #838080; padding: 5px 0px; padding-left: 10px; } footer ul>li:hover { color: #fff; border-left: 2px solid #fff; } footer ul>li a { color: #ffffff; } footer ul>li a:hover { color: #fff; } footer .footer-column { color: #ffffff; font-size: 14px !important; font-weight: 400; letter-spacing: .005em; } footer p { color: #ffffff; font-size: 14px !important; font-weight: 400; } p { font-size: 15px; letter-spacing: .005em; font-weight: 400; line-height: 1.30em; color: #000000; font-family: 'Roboto', sans-serif; } html, body { font-size: 15px; background: #FFFFFF; //background: -webkit-linear-gradient(to bottom, #FAFAFA, #ECE9E6); //background: linear-gradient(to bottom, #FAFAFA, #ECE9E6); font-family: 'Roboto', sans-serif; } body { background-image: url("https://www.exitshop.cz/files/3154/media/soubory/fbpozadi2.jpg"); background-repeat: no-repeat; background-attachment: fixed; background-position: center; } header { //background: #ffffff !important; border-bottom: 0px #fefefe solid; } header { //background: #FFFFFF !important; border-bottom: 0px #fefefe solid; } header { background-image: url("https://www.exitshop.cz/files/3154/media/soubory/62410694_m_horni.jpg"); background-repeat: no-repeat; //background-attachment: fixed; background-position: center; } header .search button[type="submit"] { border: 0px; width: 47px; height: 40px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; display: block; background: #f8a102; float: left; margin-left: -47px; position: relative; } header .search button[type="submit"]:hover { border: 0px; width: 47px; height: 40px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; display: block; background: #d7d7d7; float: left; margin-left: -47px; position: relative; } header .search { float: left; position: relative; overflow: hidden; top: 33px; margin-left: 460px; } header .search input[type="text"] { background: #FAFAFA; width: 270px; color: #f8a102; border: none; outline-style: none; -webkit-box-shadow: none; box-shadow: none; font-size: 14px; font-style: normal; border-color: transparent; font-weight: 400; padding-left: 14px; text-transform: none; } header .logotype { float: left; margin-top: 0px; } header .shopping-basket { float: left; position: relative; min-width: 107px; height: 77px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding: 0px 5px; padding-top: 35px; } header .shopping-basket .countCart { width: 30px; height: 30px; line-height: 30px; font-size: 14px; background: #f8a102; color: #000; text-align: center; position: absolute; left: -22px; top: 38px; border-radius: 15px; font-weight: 700; } header .shopping-basket { padding-top: 38px; } @media (max-width:1199px) { header .search { margin-left: 260px; } } @media (max-width:991px) { header .search { margin-left: 60px; } } @media (max-width:768px) { header .search { float: right; margin-left: 50px; top: -10px; } header .header-right { right: -50px; } } @media (max-width:668px) { header .search { margin-left: 150px; margin-right: 10px; } } .fastNav { height: 26px; margin-left: 13px; display: inline-block; margin-top: 5px; font-size: 14px !important; } .fastNav a { color: #000000; font-size: 14px !important; font-weight: 400; text-decoration: none; line-height: 26px; } .fastNav a:hover { color: #f8a102; } .company-info { float: left; text-align: left; font-size: 13px; font-weight: 400; line-height: 26px; float: left; height: 26px; color: #f8a102; margin-top: 5px; } .company-info a { color: #696b69; text-decoration: underline; } .company-info a:hover { color: #000; } .homepage .jumbotron.jumbotron-bordered { border-bottom: 0px solid #91bf3a; border-top: solid 0px #292929; background: #009901; //background-image: url("https://www.exitshop.cz/files/3154/media/files/zelena-header.jpg"); background-repeat: no-repeat; //background-attachment: fixed; background-position: center; } .navbar-default .navbar-nav>li>a { color: #fff !important; //font-size: 18px; line-height: 70%; text-transform: none; padding-right: 27px; padding-left: 27px; font-weight: 400; text-align: left; } .jumbotron.jumbotron-bordered { background: #009901; border-bottom: 0px solid #91bf3a; border-top: solid 0px #292929; } ul.nav>li>a:hover { background-color: #535353 !important; } .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { background-color: #535353; color: #fff; border-bottom: solid 0px #009901; border-top: solid 0px #009901; } .categories-menu { border-left: 0px solid #f8a102; border-right: 0px solid #f8a102; border-bottom: 5px solid #f8a102; border-top: 0px solid #f8a102; background: #fefefe; margin-top: 6px; } main .column-left .categories-menu .categories-menu-title { border-top: 5px solid #009901; border-bottom: 0px solid #f8a102; background: #f8a102; color: #000; height: inherit; padding: 5px 15px 4px 8px; text-transform: ppercase; } h2.categories-menu-title { font-size: 16px !important; line-height: 32px; font-weight: 500; } main .column-left .categories-menu-list ul>li.categories-menu-has-submenu>span.categories-menu-icon { font-size: 14px; cursor: pointer; margin-right: 0; float: right; font-weight: 700; background: #f8a102; color: #000; display: block; vertical-align: middle; width: 19px; height: 19px; line-height: 19px; text-align: center; } main .column-left .categories-menu-list>ul { padding-left: 8px; list-style: none; } main .column-left .categories-menu-list>ul>li>ul { padding-left: 0px; list-style: none; } main .column-left .categories-menu-list>ul>li>ul>li>ul { padding-left: 6px; list-style: none; } main .column-left .categories-menu-list>ul>li>ul>li>ul>li>ul { padding-left: 6px; list-style: none; } main .column-left .categories-menu-list>ul>li>ul>li>ul>li>ul>li>ul { padding-left: 6px; list-style: none; } main .column-left .categories-menu-list>ul>li>ul>li>ul>li>ul>li>ul>li>ul { padding-left: 6px; list-style: none; } .categories-menu li.active a { color: #91bf3a !important; } li.active.categories-menu-has-submenu li a { color: #000 !important; } main .column-left .categories-menu-list>ul a:hover { text-decoration: underline; } main .column-left .categories-menu-list>ul>li>a { font-size: 15px; font-weight: 500; color: #000; } main .column-left .categories-menu-list>ul>li>ul>li>a { font-size: 15px; font-weight: 400; color: #000; } main .column-left .categories-menu-list>ul>li>ul>li>ul>li>a { font-size: 14px; font-weight: 400; color: #000; } main .column-left .categories-menu-list>ul>li>ul>li>ul>li>ul>li>a { font-size: 13px; font-weight: 400; color: #000; } main .column-left .categories-menu-list>ul>li>ul>li>ul>li>ul>li>ul>li>a { font-size: 12px; font-weight: 400; color: #000; } main .column-left .categories-menu-list>ul>li { border-bottom: 1px solid #f8a102; padding: 12px 0px 11px 0px; } main .column-left .categories-menu-list>ul>li>ul>li { border-bottom: 1px solid #f8a102; padding: 10px 0px 9px 0px; } main .column-left .categories-menu-list>ul>li>ul>li:first-child { } main .column-left .categories-menu-list>ul>li>ul>li:last-child { border-bottom: 0px solid #f8a102; padding: 10px 0px 0px 0px; } main .column-left .categories-menu-list>ul>li>ul>li>ul>li:first-child { } main .column-left .categories-menu-list>ul>li>ul>li>ul>li:last-child { padding: 8px 0px 0px 0px; border-bottom: 0px solid #f8a102; } main .column-left .categories-menu-list>ul>li>ul>li>ul>li { padding: 8px 0px 7px 0px; border-bottom: 1px solid #f8a102; } main .column-left .categories-menu-list>ul>li>ul>li>ul>li>ul>li { padding: 6px 0px 5px 0px; border-bottom: 1px solid #f8a102; } main .column-left .categories-menu-list>ul>li>ul>li>ul>li>ul>li:first-child { } main .column-left .categories-menu-list>ul>li>ul>li>ul>li>ul>li:last-child { padding: 6px 0px 0px 0px; border-bottom: 0px solid #f8a102; } main .content .products .products-list .product .stored-count { bottom: 0px; margin-bottom: 6px; position: absolute; font-weight: 400 !important; color: #008000; font-size: 14px; text-align: center; float: left; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; margin-left: -10px; text-transform: ppercase; } main .content .products .products-list .product .stored-count-out-of-stock { bottom: 0px; margin-bottom: 6px; position: absolute; font-weight: 400 !important; color: #FF0000; font-size: 14px; text-align: center; float: left; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; margin-left: -10px; text-transform: ppercase; } //.product-detail .stored-count-out-of-stock { background: #FF0000; color: #fff; font-weight: 400; font-size: 13px !important; border-radius: 5px 5px 5px 5px; padding-top: 1px; margin-top: 5px; padding-bottom: 1px; padding-left: 5px; padding-right: 5px; width: 66px; text-align: center; } .product-detail .stored-count { background: #91bf3a; color: #fff; font-weight: 400; font-size: 13px !important; border-radius: 5px 5px 5px 5px; padding-top: 1px; margin-top: 5px; padding-bottom: 1px; padding-left: 5px; padding-right: 5px; width: 66px; text-align: center; } .products-list .stored-count-popup, .products-list .stored-count-fake-popup { width: 252px; top: 22px; background: white; border: 0px solid black; font-size: 14px; text-transform: ppercase; color: green; } .stored-count-popup, .stored-count-fake-popup { display: none; font-size: 13px; position: absolute; top: 0px; width: auto; background: #91bf3a; color: #fff; font-weight: 400; border-radius: 5px 5px 5px 5px; border: 0px solid black; text-align: center; padding-top: 1px; padding-bottom: 1px; padding-left: 8px; padding-right: 8px; } div.variant-name { font-size: 15px; font-weight: 500; text-transform: xxx; color: #000000 } main .content .products .products-list .product .product-footer { bottom: 0; } main .content .products .products-list .product .discount-old-price { position: absolute; top: -15px; display: unset; font-weight: 400; font-size: 14px; } main .product-footer .add-to-cart-group { float: left; width: 45%; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; top: -15px; } .shopping-basket-icon:hover { background-image: url(https://www.exitshop.cz/assets3/eshop/wonder/images/sprites.png); -webkit-filter: invert(40%) sepia(50%) contrast(340%) hue-rotate(50deg); filter: invert(40%) sepia(50%) contrast(340%) hue-rotate(50deg); } .product-detail .plus-button .shopping-basket-icon:hover { -webkit-filter: none; filter: none; } //.product-detail .plus-button .shopping-basket-icon { visibility: hidden; width: 1px; height: 30px; } li.dropdown li a { background-color: #009901; } li.dropdown li.dropdown li a { background-color: #009901; } li.dropdown li.dropdown li.dropdown li a { background-color: #009901; } li.dropdown li.dropdown li.dropdown li.dropdown li a { background-color: #009901; } .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { color: #fff; text-decoration: none; background-color: #535353 !important; } @media screen and (min-width: 768px) { li.dropdown:hover, li.dropdown:focus, li.dropdown:hover > a, li.dropdown:focus > a { color: #fff; text-decoration: none; background-color: #535353 !important; } } .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { color: #fff; text-decoration: none; background-color: #535353 !important; outline: 0; } .dropdown-menu { background-color: #009901; color: #fff !important; clear: both; font-weight: 400 !important; font-family: 'Roboto', sans-serif !important; font-size: 15px; padding: 0px 0; white-space: nowrap; border-top: 0px solid #777777; border-left: 0px solid #777777; border-right: 0px solid #777777; border-bottom: 0px solid #777777; border-radius: 0px 0px 0px 0px; margin-bottom: 5px; } .dropdown-menu > li { font-family: 'Roboto', sans-serif; font-size: 15px; color: #fff !important; font-weight: 400 !important; border-bottom: 0px solid #777777; } .dropdown-menu > li > a { background-color: #009901; color: #fff !important; padding: 3px 30px; line-height: 180%; clear: both; font-size: 15px; font-weight: 400 !important; white-space: nowrap; } body.body-cart h2 { border-top: 0px solid #009901; border-bottom: 1px solid #eeeeee; background: #f8a102; color: #000; height: inherit; padding: 10px 10px 10px 15px; margin-bottom: 10px; } body.body-cart p { margin-bottom: 0px; } @media screen and (min-width:768px) { .categories-menu-icon { display: none; } ul.nav>li.dropdown:hover>ul.dropdown-menu { display: block; } ul.nav>li.dropdown>ul.dropdown-menu>li.dropdown:hover>ul.dropdown-menu { display: block; margin-left: 40px; margin-top: 0px; } ul.nav>li.dropdown>ul.dropdown-menu>li.dropdown>ul.dropdown-menu>li.dropdown:hover>ul.dropdown-menu { display: block; margin-left: 40px; margin-top: 0px; } ul.nav li.dropdown>ul.dropdown-menu>li.dropdown>ul.dropdown-menu>li.dropdown:hover>ul.dropdown-menu { display: block; margin-left: 40px; margin-top: 0px; } } .owl-stage-outer { } #homepage_text { margin-top: 10px } #hover-cart>#hover-cart-products>.product-row>.product-info { width: 230px; } #hover-cart > #hover-cart-footer > span.total { padding-top: 10px; font-weight: 700; } .main-order-form .remaining-to-free-shipping { padding: 8px; border: 1px solid black; display: block; } .remaining-to-free-shipping { margin-bottom: 10px; margin-top: 10px; font-size: 14px; font-weight: bold; color: #15ac37; } .itembox .itembox-content * { font-weight: 700; } .itembox .itembox-item .product_name { font-weight: 400; font-size: 15px !important; } .itembox .itembox-item .product_name:hover { font-weight: 700; font-size: 15px !important; } .itembox-content .owl-carousel .owl-item img:hover { opacity: 0.7; filter: alpha(opacity=70); /* For IE8 and earlier */ } .itembox a:hover { color: #000; text-decoration: underline; } .itembox h2 { font-size: 19px; ; margin: 0 0 20px 0; padding-bottom: 10px; font-weight: 400; border-bottom: 5px solid #f8a102; line-height: 1.3em; text-transform: uppercase; text-align: left; } a.product .img_description_layer { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background: rgba(150, 150, 150, 0.7); color: #fff !important; visibility: hidden; opacity: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: opacity .2s, visibility .2s; -o-transition: opacity .2s, visibility .2s; transition: opacity .2s, visibility .2s; padding: 5px; } a.product .img_description_layer p { color: #fff; } @media(max-width:1200px) { .categories-menu, #open-categories, .left-box { display: none; } } @media screen and (max-width:1200px) { header .header-right.bottom { float: none; margin-left: 290px; } header .social-links { float: right; } main .content .categories .categories-item { width: 645px; } main .content .categories .categories-item .categories-item-content { width: 480px; } main .content .shopping-form .shopping-form-column { float: none; width: 100%; } main .content .shopping-form .shopping-form-column input, main .content .shopping-form .shopping-form-column textarea { width: 100%; } main .content .shopping-form .shopping-form-column input.input-left { width: auto; } main .content .shopping-form .shopping-form-data { float: none; width: 100%; } main .content .shopping-form .submit-block { float: none; width: 100%; margin-top: 10px; } main .column-left .categories-menu-list .menu-float-block { width: 673px; } main .column-left .categories-menu-list>ul>li:last-child .menu-float-block { width: 676px; } } @media screen and (min-width:650px) and (max-width:1200px) { main .content .products .products-list .product { width: 49%; float: left; } } @media screen and (min-width:992px) and (max-width:1200px) { } @media screen and (max-width:991px) { main .content { } main .content .categories .categories-item { margin-right: 0px; width: 425px; } main .content .categories .categories-item .categories-item-content { width: 245px; } main .content .products .products-nav a { float: none; display: block; } main .content .shopping-basket-table .shopping-basket-table-header { display: none; } main .content .shopping-basket-table .shopping-basket-item-image { width: 25%; } main .content .shopping-basket-table .shopping-basket-item-name { width: 75%; padding-right: 60px !important; } main .content .shopping-basket-table .shopping-basket-item-amnout { clear: both; width: 33%; position: relative; margin-top: -15px !important; } main .content .shopping-basket-table .shopping-basket-item-amnout input { width: 80px; } main .content .shopping-basket-table .shopping-basket-item-amnout:before { content: "Počet kusů:"; font-size: 0.8em; display: block; } main .content .shopping-basket-table .shopping-basket-item-price { width: 33%; margin-top: -15px; } main .content .shopping-basket-table .shopping-basket-item-price:before { content: "Cena/ks:"; font-size: 0.8em; display: block; margin-bottom: 5px; } main .content .shopping-basket-table .shopping-basket-item-total-price { width: 34%; margin-top: -15px; } main .content .shopping-basket-table .shopping-basket-item-total-price:before { content: "Cena celkem:"; font-size: 0.8em; display: block; margin-bottom: 5px; } main .content .shopping-basket-table .shopping-basket-item-remove { position: absolute; right: 10px; top: 0px; width: auto; } main .column-left .categories-menu-list .menu-float-block { width: 453px; } main .column-left .categories-menu-list>ul>li:last-child .menu-float-block { width: 456px; } } @media screen and (max-width:768px) { header { padding-bottom: 60px; } header .header-right { position: absolute; top: 30px; right: 0; } header .header-right.bottom { margin-left: 0px; } header .logotype { float: none; } header .shopping-basket { position: absolute; right: 20px; top: 0px; } header .company-info { float: none; margin-right: 0px; overflow: hidden; top: 0px; left: 0px; } header .company-info .company-info-mail { float: left; margin-top: 10px; } header .company-info .company-info-phone { float: right; } main .content { width: 100%; padding: 0px; } main .column-left { display: none; position: absolute; left: 0px; top: 0px; z-index: 10; width: 100%; } main .column-left-button { display: block; position: absolute; top: -50px; float: left; } main .content .categories { overflow: visible; } main .content .categories .categories-item { width: 100%; float: none; } main .content .categories .categories-item .categories-item-content { width: 60%; } main .column-left .categories-menu-list>ul>li>a { padding-left: 48px; } main .column-left .categories-menu-list>ul>li>ul.submenu { padding-left: 48px; } main .column-left .categories-menu-list>ul>li>span.categories-menu-icon { display: block; } footer .footer-column:nth-child(2n) { border-right: 0px; } main .content .shopping-basket-table .shopping-basket-table-header { display: block; } main .content .shopping-basket-table .shopping-basket-item-image { width: 15%; } main .content .shopping-basket-table .shopping-basket-item-name { width: 33%; } main .content .shopping-basket-table .shopping-basket-item-amnout { width: 14%; clear: none; margin: 0px !important; } main .content .shopping-basket-table .shopping-basket-item-amnout:before { display: none; } main .content .shopping-basket-table .shopping-basket-item-price { width: 15%; margin: 0px; } main .content .shopping-basket-table .shopping-basket-item-price:before { display: none; } main .content .shopping-basket-table .shopping-basket-item-total-price { width: 15%; margin: 0px; } main .content .shopping-basket-table .shopping-basket-item-total-price:before { display: none; } main .content .shopping-basket-table .shopping-basket-item-remove { width: 8%; position: static; } main .content .shopping-basket-table .shopping-basket-item-amnout input { width: 100%; } } @media screen and (max-width:650px) { main .content .products .products-list .product { width: 100%; float: none; } } @media screen and (max-width:640px) { main .content .shopping-basket-table .shopping-basket-table-header { display: none; } main .content .shopping-basket-table .shopping-basket-item-image { width: 25%; } main .content .shopping-basket-table .shopping-basket-item-name { width: 75%; padding-right: 60px !important; } main .content .shopping-basket-table .shopping-basket-item-amnout { clear: both; width: 33%; position: relative; margin-top: -15px !important; } main .content .shopping-basket-table .shopping-basket-item-amnout input { width: 80px; } main .content .shopping-basket-table .shopping-basket-item-amnout:before { display: block; } main .content .shopping-basket-table .shopping-basket-item-price { width: 33%; margin-top: -15px; } main .content .shopping-basket-table .shopping-basket-item-price:before { display: block; } main .content .shopping-basket-table .shopping-basket-item-total-price { width: 34%; margin-top: -15px; } main .content .shopping-basket-table .shopping-basket-item-total-price:before { display: block; } main .content .shopping-basket-table .shopping-basket-item-remove { position: absolute; right: 10px; top: 0px; width: auto; } } @media screen and (max-width:480px) { header .shopping-basket { position: static; float: left; } header .company-info { float: right; } header .company-info .company-info-mail { float: none; margin-top: 0px; } header .company-info .company-info-phone { float: none; } header .main-nav { float: none; display: block; margin-right: 0px; } header .social-links { float: none; margin-top: 10px; } main .content .categories .categories-item .categories-item-image { margin-bottom: 10px; } main .content .categories .categories-item .categories-item-content { width: 55%; } main .content .categories .categories-item .categories-item-content h2 { margin-top: 10px; } main .content .categories .categories-item .categories-item-open-link { float: none; display: block; margin: 0px; clear: both; width: 100%; } main .content .categories .categories-item .categories-item-open-link:after { content: "Otevřít kategorii"; width: 100%; padding-left: 20px; font-size: 0.9em; font-weight: 700; text-transform: uppercase; position: absolute; left: 18px; top: 18px; } main .content .products .products-nav a.active { font-size: 1.3em; } footer .footer-column { width: 100%; border-right: 0px; padding: 0px; text-align: center; min-height: 0px; padding-bottom: 10px; } footer .footer-column h2 { font-size: 1.5em; } footer .footer-column .blue-button { margin: 0 auto; margin-top: 20px; } footer .footer-column .link-footer-list { text-align: left; } } @media screen and (max-width:440px) { header .logotype img { max-width: 250px; } .fastNav a { padding-left: 6px; padding-right: 6px; } .fastNav { text-align: center; } } @media screen and (max-width:360px) and (min-width:321px) { header .logotype img { max-width: 200px; } } @media screen and (max-width:320px) { header .logotype { margin-bottom: 60px; } header .header-right { top: 100px; right: 50px; } header .search { width: 100%; } header .search input[type="text"] { margin-left: 3%; width: 95%; min-width: 150px; } } @media screen and (max-width:380px) { header .company-info .company-info-mail { } header .company-info .company-info-phone { font-size: 1.5em; } main .content { padding: 0px; } main .content .categories .categories-item { padding: 0px 10px; padding-bottom: 10px; } main .content .categories .categories-item .categories-item-image { display: none; } main .content .categories .categories-item .categories-item-content { float: none; width: 100%; text-align: center; } main .content .categories .categories-item .categories-item-content h2 { margin-top: 10px; font-size: 1.8em; } main .content .shopping-basket-table .shopping-basket-item-image { width: 100%; float: none } main .content .shopping-basket-table .shopping-basket-item-image img { margin: 0 auto !important; display: block; } main .content .shopping-basket-table .shopping-basket-item-name { width: 100%; padding: 5px 0px !important; float: none; text-align: center; } main .content .shopping-basket-table .shopping-basket-item-amnout { width: 100%; float: none; padding: 5px 0px !important; margin: 0px !important; } main .content .shopping-basket-table .shopping-basket-item-price { width: 100%; float: none; padding: 5px 0px !important; margin: 0px !important; } main .content .shopping-basket-table .shopping-basket-item-total-price { width: 100%; float: none; padding: 5px 0px !important; margin: 0px 0px 10px 0px !important; } main .product-footer .add-to-cart-group { display: block; } main .product-footer .add-to-cart-group:after { content: ''; display: table; clear: both; } main .content .products .products-list .product .product-footer .product-add-to-shopping-basket { float: right; display: block; width: unset; } main .content .products .products-list .product { text-align: center; } main .content .products .products-list .product .product-footer .product-price { } main .product-add-to-shopping-basket-quantity.product-add-to-shopping-basket-prevent { float: left; display: block; } main .content .products .products-list .product .product-footer .product-add-to-shopping-basket:before { position: absolute; top: 10px; left: 65px; text-transform: uppercase; font-size: 0.75em; font-weight: 700; margin-top: 10px; color: #fff; } } @media screen and (max-width:320px) { header .logotype { width: 100%; min-height: 0px; text-align: center; } header .logotype h1 { font-size: 1.2em; } header .company-info { float: none; text-align: center; } header .shopping-basket { float: none; width: 100px; margin: 0 auto; display: block; } main .content .products .products-nav a { float: none; display: block; font-size: 1.1em !important; } main .content .products .products-list .product .product-footer .product-add-to-shopping-basket:after { display: block; } main .column-left { width: 100%; } main .content .shopping-form .submit-block button[type="submit"] { width: 100%; } main .content .shopping-basket-table .shopping-basket-item-name { clear: both; width: 100%; float: none; text-align: center; } } @media screen and (max-width:767px) { .col-sm-10 { padding-left: 15px; } div .product-detail .product-add-to-shopping-basket { margin-top: 6px; } div .product-detail .product-add-to-shopping-basket-quantity > input { width: 100%; height: 35px; text-align: center; } div .product-detail .product-add-to-shopping-basket > .plus-button { height: 35px; margin-left: 0px; width: 100%; } div .product-detail .product-add-to-shopping-basket > .plus-button > .shopping-basket-text { top: -14px; } .product-detail .additional-images a img { max-width: 100px; } .jumbotron .container { padding-right: 0; } table.variant-table div.row.product-detail { text-align: right; } } @media screen and (min-width:310px) and (max-width:991px) { main .content .products .products-nav a { float: left; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; } main .content .products .products-nav a.active { width: 100%; } } .summary-table, .summary-table-div, .order-product-table { text-align: left !important; } @media screen and (max-width: 767px) { span.categories-menu-icon { padding-left: 20px; padding-right: 20px; margin-right: -20px; } } section.category_footer { margin-bottom: 15px; } @media screen and (max-width:450px) { div .product-detail .product-add-to-shopping-basket-quantity > input { width: 100%; } div .product-detail .product-add-to-shopping-basket > .plus-button { padding-left: 0px; padding-right: 10px; } } @media screen and (min-width: 768px) { li.dropdown > ul.dropdown-menu > li.dropdown > ul.dropdown-menu { margin-left: 100% !important; margin-top: -33px !important; } ul.dropdown-menu > li.dropdown:hover > a > span.caret { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } } button.quantity_increase, button.quantity_decrease { background-repeat: no-repeat; } table.table.cart-products td.cart-product-image a img { float: left; } div.product-stripes { left: 25px; top: 10px; } main .content div.product-stripes { left: 5px; top: 5px; } main .content .quantity-discount-strip { color: #fff; height: 25px; !important; text-align: center; font-weight: 500; !important; font-size: 12px !important; border-radius: 5px 5px 5px 5px; margin-bottom: 3px; line-height: initial; padding: 1px 6px 8px 6px; white-space: nowrap !important; } .content .universal-strip { height: 40px; text-align: center; font-weight: 300; font-size: 0.8em; border-radius: 5px 5px 5px 5px; margin-bottom: 3px; padding: 5px; } .already-in-cart-strip { background: #91bf3a; color: #fff; font-weight: 400; font-size: 13px !important; border-radius: 5px 5px 5px 5px; margin-bottom: 3px; padding: 5px; } div.product-stripes-on-list>div { font-weight: 400; font-size: 13px !important; padding: 5px; } main .content .discount-percentage { background: yellow; color: black; font-weight: bold; font-size: 13px !important; border-radius: 5px 5px 5px 5px; margin-bottom: 3px; padding: 5px; height: 28px; display: block; } main .content .new-product-strip { background: #0080dc; color: #fff; font-weight: 400; font-size: 13px !important; border-radius: 5px 5px 5px 5px; margin-bottom: 3px; padding: 5px; height: 28px; display: inline-block; } @media (min-width: 992px){ .product-detail .col-md-6:nth-child(2) { padding-left: 25px; padding-right: 0px; } main .content .products .products-list .product { margin-right: 17px; } } .newsletter-block { background: none; color: #fff !important; margin-left: 0; margin-right: 0; margin-top: -20px; padding-top: 0; } .newsletter-block input[type="text"] { max-width: 281px; height: 30px; border: 1px solid #ffffff; background-color: #FFFFFF; box-shadow: 1px 0 0 rgba(102, 102, 102, 0.16); color: #000; font-size:14px; text-align: center; } .newsletter-block input[type="text"]:focus { outline-color: #fff; } .newsletter-block .newsletter-info-text { background: none; padding-left: 0px; margin-left: 0; margin-right: 0; } .newsletter-block p { color: #ffffff; font-size: 14px !important; font-weight: 400; letter-spacing: .005em; } .newsletter-block .newsletter-info-text p { margin-top: 10px; margin-bottom: 5px; } .newsletter-block input.newsletter_mail { width: 62%; box-sizing: border-box; float: left; padding: 2px; } .newsletter-block input[name="submit"] { width: 35%; font-size:14px; box-sizing: border-box; float: left; margin-left: 5px; color: #000; background-color: #fff; background: -moz-linear-gradient(top,#fff 20%,#eee 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(20%,#fff),color-stop(100%,#eee)); background: -webkit-linear-gradient(top,#fff 20%,#eee 100%); background: -o-linear-gradient(top,#fff 20%,#eee 100%); background: -ms-linear-gradient(top,#fff 20%,#eee 100%); background: linear-gradient(to bottom,#fff 20%,#eee 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorTop',endColorstr='@colorBottom',GradientType=0); border: solid #ccc 1px; height: 30px; } .newsletter-block #newsletter-info-modal-wrapper { float: none; width: 100%; margin-top: 35px; } .newsletter-block .newsletter-mail-confirm p { padding-top: 5px; margin-bottom: 0px; } a.short-description-anchor { font-weight: 500; } element.style { margin-top:10px !important; } table.product-features { outline: 0; margin-top: 20px; margin-bottom: 10px; min-width: 100%; border: 0px solid #d6d4d4; background-color: transparent; border-color: #f2f2f2; font-size: 14px; } table.product-features th { text-transform: uppercase; font-size: 19px; font-weight: 400; line-height: 1.3em; text-transform: uppercase; } table.product-features tr { line-height: 1.5em; } table.product-features tr:hover { background-color: #f8a102; } table.product-features td:first-child { border-right: 0px solid #d6d4d4; font-weight: 500; } table.product-features td:nth-child(2) { padding-left: 10px; } .fixed-header { position: fixed; top: 0; z-index: 20; left: 0; width: 100%; -webkit-transform: translate3d(0, 0, 0); transform : translate3d(0, 0, 0); background-image: url("https://")!important; background-repeat: no-repeat!important; background-position: left; } .oprava { margin-top: 60px; } .order-product-table { border: 1px solid silver !important; } @media screen and (max-width:768px) { span#categories-menu-title { color: #fff; } main .column-left { box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2); } main .column-left .categories-menu-list>ul>li:first-child:hover { border-top: 1px solid transparent; } } /* zobrazení komentářů */ /* horizontální zobrazení do displeje o velikosti 991px je skryto */ //@media screen and (max-width: 991px) { .review-list-horizontal { display: none; } } /* vertikální zobrazení od displeje o velikosti 992px je skryto */ @media screen and (min-width: 992px) { .review-list-vertical { display: none; } } /* roztažení vertikálních recenzí na 100% */ .review-list .review blockquote { width: 100%; } .review-list-vertical { max-width: 100%; } /* pole hledání */ header .search { margin-left: 380px; } header .search input[type="text"] { width: 360px; color: black; } header .search input[type="text"], header .search button[type="submit"] { border: 1px solid black; } header .search input[type="text"]:active { border: 1px solid #f8a102; } header .search input[type="text"]:focus { border: 1px solid red; } /* velikost pod 1199px */ @media screen and (max-width: 1199px) { header .search { margin-left: 180px; } } /* velikost displeje pod 991px */ @media screen and (max-width: 991px) { header .search { margin-left: 0; } header .search input[type="text"] { width: 320px; } } /* velikost pod 768px */ @media screen and (max-width: 768px) { header .search { top: -33px; } } /* velikost pod 767px */ @media screen and (max-width: 767px) { header .search { margin-right: 30px; } } /* velikost pod 540px */ @media screen and (max-width: 540px) { header .search input[type="text"] { width: 280px; } } /* velikost pod 350px */ @media screen and (max-width: 350px) { } div.quantity-discount-product-detail { color:red; font-size: 1.2em } //.category-description-hellip {display: none } #localized_shops_flags_mobile_only { margin-right: 10px; }