/* Minification failed. Returning unminified contents. (4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (21,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (23,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (24,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (26,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (27,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31,28): run-time error CSS1039: Token not allowed after unary operator: '-very-light-modern-grey' (34,17): run-time error CSS1039: Token not allowed after unary operator: '-text' (68,17): run-time error CSS1039: Token not allowed after unary operator: '-blue' (73,21): run-time error CSS1039: Token not allowed after unary operator: '-dark-grey-blue' (80,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (234,41): run-time error CSS1039: Token not allowed after unary operator: '-text' (238,45): run-time error CSS1039: Token not allowed after unary operator: '-blue' (260,29): run-time error CSS1039: Token not allowed after unary operator: '-green' (277,33): run-time error CSS1039: Token not allowed after unary operator: '-grey' (299,29): run-time error CSS1039: Token not allowed after unary operator: '-green' (300,40): run-time error CSS1039: Token not allowed after unary operator: '-blue' (310,44): run-time error CSS1039: Token not allowed after unary operator: '-green' (311,44): run-time error CSS1039: Token not allowed after unary operator: '-green' (321,40): run-time error CSS1039: Token not allowed after unary operator: '-blue' (322,40): run-time error CSS1039: Token not allowed after unary operator: '-blue' (356,33): run-time error CSS1039: Token not allowed after unary operator: '-text' (357,44): run-time error CSS1039: Token not allowed after unary operator: '-grey' (391,44): run-time error CSS1039: Token not allowed after unary operator: '-grey' (470,25): run-time error CSS1039: Token not allowed after unary operator: '-dark-grey-blue' (474,25): run-time error CSS1039: Token not allowed after unary operator: '-blue' (498,21): run-time error CSS1039: Token not allowed after unary operator: '-blue-icon' (504,21): run-time error CSS1039: Token not allowed after unary operator: '-blue-icon' (510,21): run-time error CSS1039: Token not allowed after unary operator: '-blue-icon' (577,29): run-time error CSS1039: Token not allowed after unary operator: '-blue' (591,25): run-time error CSS1039: Token not allowed after unary operator: '-blue' (608,25): run-time error CSS1039: Token not allowed after unary operator: '-blue' (622,21): run-time error CSS1039: Token not allowed after unary operator: '-text' (655,21): run-time error CSS1039: Token not allowed after unary operator: '-green' (667,25): run-time error CSS1039: Token not allowed after unary operator: '-green' (674,25): run-time error CSS1039: Token not allowed after unary operator: '-text' (680,32): run-time error CSS1039: Token not allowed after unary operator: '-very-light-modern-grey' (774,40): run-time error CSS1039: Token not allowed after unary operator: '-green' (828,44): run-time error CSS1039: Token not allowed after unary operator: '-very-light-grey' (897,29): run-time error CSS1039: Token not allowed after unary operator: '-green' (898,40): run-time error CSS1039: Token not allowed after unary operator: '-blue' (927,29): run-time error CSS1039: Token not allowed after unary operator: '-green' (993,25): run-time error CSS1039: Token not allowed after unary operator: '-text' (1032,52): run-time error CSS1039: Token not allowed after unary operator: '-grey-light' (1138,36): run-time error CSS1039: Token not allowed after unary operator: '-green' (1188,36): run-time error CSS1039: Token not allowed after unary operator: '-very-light-modern-grey' (1206,33): run-time error CSS1039: Token not allowed after unary operator: '-blue' (1225,32): run-time error CSS1039: Token not allowed after unary operator: '-very-light-modern-grey' (1279,17): run-time error CSS1039: Token not allowed after unary operator: '-light-salmon' (1398,29): run-time error CSS1039: Token not allowed after unary operator: '-text' (1409,33): run-time error CSS1039: Token not allowed after unary operator: '-text' (1421,37): run-time error CSS1039: Token not allowed after unary operator: '-blue' (1428,25): run-time error CSS1039: Token not allowed after unary operator: '-text' (1441,21): run-time error CSS1039: Token not allowed after unary operator: '-grey' (1445,32): run-time error CSS1039: Token not allowed after unary operator: '-orange-logo' (1472,25): run-time error CSS1039: Token not allowed after unary operator: '-blue' (1485,36): run-time error CSS1039: Token not allowed after unary operator: '-blue' (1515,36): run-time error CSS1039: Token not allowed after unary operator: '-blue' (1539,25): run-time error CSS1039: Token not allowed after unary operator: '-blue' (1600,29): run-time error CSS1039: Token not allowed after unary operator: '-red-price' (1906,26): run-time error CSS1039: Token not allowed after unary operator: '-very-light-modern-grey' (1910,36): run-time error CSS1039: Token not allowed after unary operator: '-blue' (1937,28): run-time error CSS1039: Token not allowed after unary operator: '-very-light-modern-grey' (1961,28): run-time error CSS1039: Token not allowed after unary operator: '-very-light-modern-grey' (2116,40): run-time error CSS1039: Token not allowed after unary operator: '-blue' (2154,29): run-time error CSS1039: Token not allowed after unary operator: '-blue' (2241,17): run-time error CSS1039: Token not allowed after unary operator: '-text' (2246,21): run-time error CSS1039: Token not allowed after unary operator: '-text' (2254,25): run-time error CSS1039: Token not allowed after unary operator: '-blue' (2258,21): run-time error CSS1039: Token not allowed after unary operator: '-text' (2549,25): run-time error CSS1039: Token not allowed after unary operator: '-text' (2550,36): run-time error CSS1039: Token not allowed after unary operator: '-very-light-modern-grey' (2567,25): run-time error CSS1039: Token not allowed after unary operator: '-blue' (2664,21): run-time error CSS1039: Token not allowed after unary operator: '-blue' (2682,32): run-time error CSS1039: Token not allowed after unary operator: '-blue' (2683,21): run-time error CSS1039: Token not allowed after unary operator: '-blue' (2689,21): run-time error CSS1039: Token not allowed after unary operator: '-blue' (2923,29): run-time error CSS1039: Token not allowed after unary operator: '-white' (2927,21): run-time error CSS1039: Token not allowed after unary operator: '-red' (2931,21): run-time error CSS1039: Token not allowed after unary operator: '-blue' (2935,21): run-time error CSS1039: Token not allowed after unary operator: '-yellow' (2939,21): run-time error CSS1039: Token not allowed after unary operator: '-green-text' (2943,21): run-time error CSS1039: Token not allowed after unary operator: '-light-salmon' (2947,21): run-time error CSS1039: Token not allowed after unary operator: '-light-brown' (2951,21): run-time error CSS1039: Token not allowed after unary operator: '-orange-logo' (2955,21): run-time error CSS1039: Token not allowed after unary operator: '-deeply-yellow' (2959,21): run-time error CSS1039: Token not allowed after unary operator: '-purple' (2963,21): run-time error CSS1039: Token not allowed after unary operator: '-turquoise' (2967,21): run-time error CSS1039: Token not allowed after unary operator: '-dark-grey' (2971,21): run-time error CSS1039: Token not allowed after unary operator: '-brown-logo' (2975,21): run-time error CSS1039: Token not allowed after unary operator: '-yellow' (2979,21): run-time error CSS1039: Token not allowed after unary operator: '-dark-grey-blue' (2983,21): run-time error CSS1039: Token not allowed after unary operator: '-light-creamy' (2987,32): run-time error CSS1039: Token not allowed after unary operator: '-red' (2988,28): run-time error CSS1039: Token not allowed after unary operator: '-red' (2992,32): run-time error CSS1039: Token not allowed after unary operator: '-blue' (2993,28): run-time error CSS1039: Token not allowed after unary operator: '-blue' (2997,32): run-time error CSS1039: Token not allowed after unary operator: '-yellow' (2998,28): run-time error CSS1039: Token not allowed after unary operator: '-yellow' (3002,32): run-time error CSS1039: Token not allowed after unary operator: '-green-text' (3003,28): run-time error CSS1039: Token not allowed after unary operator: '-green-text' (3007,32): run-time error CSS1039: Token not allowed after unary operator: '-light-salmon' (3008,28): run-time error CSS1039: Token not allowed after unary operator: '-light-salmon' (3012,32): run-time error CSS1039: Token not allowed after unary operator: '-light-brown' (3013,28): run-time error CSS1039: Token not allowed after unary operator: '-light-brown' (3017,32): run-time error CSS1039: Token not allowed after unary operator: '-orange-logo' (3018,28): run-time error CSS1039: Token not allowed after unary operator: '-orange-logo' (3022,32): run-time error CSS1039: Token not allowed after unary operator: '-deeply-yellow' (3023,28): run-time error CSS1039: Token not allowed after unary operator: '-deeply-yellow' (3027,32): run-time error CSS1039: Token not allowed after unary operator: '-purple' (3028,28): run-time error CSS1039: Token not allowed after unary operator: '-purple' (3032,32): run-time error CSS1039: Token not allowed after unary operator: '-turquoise' (3033,28): run-time error CSS1039: Token not allowed after unary operator: '-turquoise' (3037,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-grey' (3038,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-grey' (3042,32): run-time error CSS1039: Token not allowed after unary operator: '-brown-logo' (3043,28): run-time error CSS1039: Token not allowed after unary operator: '-brown-logo' (3047,32): run-time error CSS1039: Token not allowed after unary operator: '-yellow' (3048,28): run-time error CSS1039: Token not allowed after unary operator: '-yellow' (3052,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-grey-blue' (3053,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-grey-blue' (3057,32): run-time error CSS1039: Token not allowed after unary operator: '-light-creamy' (3058,28): run-time error CSS1039: Token not allowed after unary operator: '-light-creamy' (3072,21): run-time error CSS1039: Token not allowed after unary operator: '-green-text' (3382,28): run-time error CSS1039: Token not allowed after unary operator: '-very-light-modern-grey' (3389,17): run-time error CSS1039: Token not allowed after unary operator: '-blue-icon' (3396,21): run-time error CSS1039: Token not allowed after unary operator: '-yellow' (3413,21): run-time error CSS1039: Token not allowed after unary operator: '-red' (3479,32): run-time error CSS1039: Token not allowed after unary operator: '-very-light-grey' (3483,25): run-time error CSS1039: Token not allowed after unary operator: '-blue' (3535,21): run-time error CSS1039: Token not allowed after unary operator: '-red' (3595,32): run-time error CSS1039: Token not allowed after unary operator: '-green-text' (3598,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (3675,21): run-time error CSS1039: Token not allowed after unary operator: '-blue' (3689,21): run-time error CSS1039: Token not allowed after unary operator: '-text' (3766,29): run-time error CSS1039: Token not allowed after unary operator: '-grey' (3774,29): run-time error CSS1039: Token not allowed after unary operator: '-blue' (3775,36): run-time error CSS1039: Token not allowed after unary operator: '-blue' (3779,40): run-time error CSS1039: Token not allowed after unary operator: '-blue' (3781,44): run-time error CSS1039: Token not allowed after unary operator: '-blue' (3840,25): run-time error CSS1039: Token not allowed after unary operator: '-text' (3998,25): run-time error CSS1039: Token not allowed after unary operator: '-text' (4015,21): run-time error CSS1039: Token not allowed after unary operator: '-text' (4114,47): run-time error CSS1039: Token not allowed after unary operator: '-text' (4115,29): run-time error CSS1039: Token not allowed after unary operator: '-text' (4128,21): run-time error CSS1039: Token not allowed after unary operator: '-text' (4182,25): run-time error CSS1039: Token not allowed after unary operator: '-text' (4260,36): run-time error CSS1039: Token not allowed after unary operator: '-blue' (4264,40): run-time error CSS1039: Token not allowed after unary operator: '-blue' (4285,25): run-time error CSS1039: Token not allowed after unary operator: '-text' (4308,21): run-time error CSS1039: Token not allowed after unary operator: '-text' (4325,25): run-time error CSS1039: Token not allowed after unary operator: '-text' (4436,25): run-time error CSS1039: Token not allowed after unary operator: '-text' (4565,17): run-time error CSS1039: Token not allowed after unary operator: '-text' (4590,21): run-time error CSS1039: Token not allowed after unary operator: '-blue-logo' (4605,21): run-time error CSS1039: Token not allowed after unary operator: '-green-text' (4628,21): run-time error CSS1039: Token not allowed after unary operator: '-text' (4636,21): run-time error CSS1039: Token not allowed after unary operator: '-red' (4649,21): run-time error CSS1039: Token not allowed after unary operator: '-text' (4828,40): run-time error CSS1039: Token not allowed after unary operator: '-blue' (4831,29): run-time error CSS1039: Token not allowed after unary operator: '-blue' (4837,51): run-time error CSS1039: Token not allowed after unary operator: '-blue' (4844,43): run-time error CSS1039: Token not allowed after unary operator: '-blue' (5087,28): run-time error CSS1039: Token not allowed after unary operator: '-very-light-modern-grey' (5102,21): run-time error CSS1039: Token not allowed after unary operator: '-red' (5131,25): run-time error CSS1039: Token not allowed after unary operator: '-blue' (5139,32): run-time error CSS1039: Token not allowed after unary operator: '-very-light-modern-grey' (5149,32): run-time error CSS1039: Token not allowed after unary operator: '-very-light-modern-grey' */ /* Všeobecné */ :root { --red: #f35f62; --red-price: #eb0000; --blue: #2c99ec; --blue-icon: #2ea3fc; --yellow: #fdc006; --deeply-yellow: #eae613; --light-creamy: #f0e0b3; --green: #a2cf37; --green-text: #99c535; --white: #ffffff; --very-light-grey: #f6f6f6; --very-light-modern-grey: #f7f7fc; --orange-logo: #ffaa56; --light-salmon: #f7a08d; --blue-logo: #4da5ff; --brown-logo: #7f3f00; --light-brown: #847545; --purple: #af76f0; --turquoise: #2bbbad; --dark-grey: #4b515d; --dark-grey-blue: #3f729b; --text: #555; --grey: #bbb; --grey-light: #ededf5; } body { background-color: var(--very-light-modern-grey) !important; font-family: 'Open Sans', sans-serif; min-width: 320px; color: var(--text) !important; } h1 { font-size: 26px; font-size: 2.6rem; font-weight: 400; margin-top: 20px; margin-bottom: 40px; } h2 { font-size: 20px; font-size: 2.0rem; font-weight: 400; margin-top: 20px; margin-bottom: 20px; } p { font-size: 14px; font-size: 1.4rem; font-weight: 400; margin-top: 0px; margin-bottom: 10px; } ol li, ul li { font-size: 14px; font-size: 1.4rem; font-weight: 400; } a, a:focus { color: var(--blue); text-decoration: none; } a:hover { color: var(--dark-grey-blue) !important; text-decoration: none; } .alert.alert-danger { border-color: #dc3545 !important; color: #dc3545 !important; background-color: var(--white) !important; background-image: none !important; background-repeat: no-repeat !important; } .alert-danger span::before { font-family: "Glyphicons Halflings"; content: "\e088"; font-size: 26px !important; font-size: 2.6rem !important; position: relative; color: #dc3545; vertical-align: middle; bottom: 2px; margin-right: 14px; } .thumbnail { -webkit-transition: none; -o-transition: none; transition: none; } img { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; user-drag: none; } table { color: #666; } select.form-control:focus { border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.3rem rgba(0,123,255,0.25); } @media (max-width: 767px) { .table-responsive { border: none !important; } } /* --> Master page <-- */ /* Header */ div.header { background-color: #ffffff; } div.header div.index-info-panel { width: auto; min-width: 320px !important; } div.header div.index-info-panel div.alert-warning { border-radius: 0px !important; border: none !important; margin-left: auto; margin-right: auto; padding: 8px 15px !important; color: #856404 !important; background-color: #fff3cd !important; background-image: none !important; background-repeat: no-repeat !important; } div.header div.index-info-panel div.alert-warning div.alert-container { height: auto !important; } div.header div.container { height: auto; } div.header div.container div.top-row { margin-right: 0px; margin-left: 0px; } div.header div.container div.top-row nav.navbar ul.nav li a { padding: 0px 15px; } div.header div.container div.top-row nav.navbar ul.nav li:first-child a { padding-left: 0px; } div.header div.container div.top-row nav.navbar ul.nav li a:hover, div.header div.container div.top-row nav.navbar ul.nav li a:focus { background-color: #fff; } div.header div.container div.top-row nav.navbar ul.nav li a span { margin-right: 5px; } div.header div.container div.top-row nav.navbar div.dropdown-flags button.btn-flags { background-color: #fff !important; padding: 0px !important; margin-top: -3px; } div.header div.container div.top-row nav.navbar div.dropdown-flags button.btn-flags img.flags { height: 19px; margin-top: -3px; padding-right: 4px; } div.header div.container div.top-row nav.navbar div.dropdown-flags button.btn-flags span.caret { margin-left: 4px; } div.header div.container div.top-row nav.navbar div.dropdown-flags div.dropdown-menu { top: 40px; width: 210px; } div.header div.container div.top-row nav.navbar div.dropdown-flags div.dropdown-menu:before { position: absolute; top: -7px; left: 88%; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } div.header div.container div.top-row nav.navbar div.dropdown-flags div.dropdown-menu::after { position: absolute; top: -6px; left: 88.5%; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; border-left: 6px solid transparent; content: ''; } div.header div.container div.top-row nav.navbar div.dropdown-flags div.dropdown-menu ul { list-style: none; padding-left: 20px; } div.header div.container div.top-row nav.navbar div.dropdown-flags div.dropdown-menu ul li { margin-bottom: 4px; } div.header div.container div.top-row nav.navbar div.dropdown-flags div.dropdown-menu ul li a.dropdown-item { color: var(--text); } div.header div.container div.top-row nav.navbar div.dropdown-flags div.dropdown-menu ul li a.dropdown-item:hover { color: var(--blue) !important; text-decoration: underline; } div.header div.container div.top-row nav.navbar div.dropdown-flags div.dropdown-menu ul li a.dropdown-item img.flags { width: 20px; margin-right: 15px; vertical-align: sub; } div.header div.container div.first-row { font-size: 18px; font-size: 1.8rem; margin-bottom: 30px; } div.header div.container div.first-row div.logo a img.logo-img { width: 200px; } div.header div.container div.first-row div.call-us { margin-bottom: 20px !important; color: var(--green) !important; text-align: center; } div.header div.container div.first-row div.call-us span:first-child { margin-right: 10px; } div.header div.container div.first-row div.call-us span.call-us-number { font-size: 24px; font-size: 2.4rem; } div.header div.container div.first-row div.call-us span.call-us-second-line { display: block; font-size: 13px; font-size: 1.3rem; color: var(--grey); } div.header div.container div.first-row div.shopping-group div.shopping-info { float: right; padding: 10px 20px 0px 0px; } div.header div.container div.first-row div.shopping-info div.shopping-main-price { font-size: 24px; font-size: 2.4rem; font-weight: 400; text-align: right; } div.header div.container div.first-row div.shopping-info div.shopping-free-transport { font-size: 12px; font-size: 1.2rem; font-weight: 400; } div.header div.container div.first-row div.mobile-and-cart div.shopping-group span.shop-icon { color: var(--green); border: solid 1px var(--blue); border-radius: 50px; padding: 15px; font-size: 35px; display: block; z-index: 0 !important; } div.header div.container div.first-row div.mobile-and-cart div.shopping-group span.shop-icon:hover { color: #fff; background-color: var(--green); border: solid 1px var(--green); border-radius: 50px; padding: 15px; font-size: 35px; } div.header div.container div.first-row div.shopping-group .badge { display: inline-block; position: relative; color: #fff; background-color: var(--blue); border: solid 1px var(--blue); border-radius: 50px; padding: 8px 12px; margin-left: -30px; margin-top: -90px; font-size: 20px; font-size: 2.0rem; font-weight: 500; text-align: center; white-space: nowrap; vertical-align: middle; line-height: 1; z-index: 1 !important; } div.header div.container div.first-row div.search-table div.input-group { padding-top: 10px; display: inline !important; } div.header div.container div.first-row div.search-table div.input-group input.form-control { font-size: 14px; font-size: 1.4rem; height: 40px; position: unset !important; float: left; } div.header div.container div.first-row div.search-table div.input-group input.btn { font-size: 22px; font-size: 2.2rem; } div.header div.container div.first-row div.search-table div.input-group input[type=text] { color: var(--text); border: solid 1px var(--grey); border-right: none; border-radius: 10px 0px 0px 10px; height: 40px; } div.header div.container div.first-row div.search-table div.input-group input[type=text]:focus { border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.3rem rgba(0,123,255,0.25); } div.header div.container div.first-row div.search-table div.input-group input[type=submit] { padding-top: 1px; padding-bottom: 0px; background-color: #f0ad4e; color: #ffffff; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -webkit-box-shadow: none; box-shadow: none; text-shadow: none; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; filter: alpha(opacity=1); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } div.header div.container div.first-row div.search-table div.input-group input[type=submit]:hover { background-color: #d48616; } div.header div.container div.first-row div.search-table div.input-group .btn-search { background-color: var(--grey); color: #fff; border-radius: 0 10px 10px 0; height: 40px; position: absolute; z-index: 999; font-size: 16px; font-size: 1.6rem; } @-moz-document url-prefix() { div.header div.container div.first-row div.search-table div.input-group .btn-search { top: 30px; } } div.header div.container div.first-row div.search-table div.input-group .btn-search:hover { background-color: #fff; color: #aaa; border: 1px solid #aaa; } /* Left-sidebar */ div.content div.container div.left-side { width: 235px; margin: 20px 15px 20px 15px; padding: 0px; } div.content div.container div.left-side div.space { height: 15px; } div.content div.container div.left-side nav.navbar { border-radius: 0; margin-bottom: 50px; } div.content div.container div.left-side div.block div.title, div.content div.container div.left-side nav.navbar div.title { background-color: transparent; font-size: 16px; font-size: 1.6rem; padding: 12px 15px; margin: 0; margin-bottom: 12px; } div.content div.container div.left-side div.block { margin-bottom: 50px; } div.content div.container div.left-side nav.navbar div.collapse { padding-left: 0px !important; padding-right: 0px !important; } div.content div.container div.left-side nav.navbar ul.nav li { font-weight: 400; } div.content div.container div.left-side nav.navbar ul.navbar-nav > li { float: none !important; } div.content div.container div.left-side nav.navbar ul.nav li a, div.content div.container div.left-side div.block div.listbox ul li a { font-size: 14px; font-size: 1.4rem; padding: 4px 5px 4px 15px; } div.content div.container div.left-side nav.navbar ul.nav li a:focus, div.content div.container div.left-side div.block div.listbox ul li a:focus { background-color: transparent; } div.content div.container div.left-side nav.navbar ul.nav li a:hover, div.content div.container div.left-side div.block div.listbox ul li a:hover { border-radius: 0px; background-color: transparent; text-decoration: none; color: var(--dark-grey-blue) !important; } div.content div.container div.left-side nav.navbar ul.nav li a.emphasis, div.content div.container div.left-side div.block div.listbox ul li a.emphasis:hover, div.content div.container div.left-side div.block div.listbox ul li a.emphasis:focus { color: var(--blue); } div.content div.container div.left-side nav.navbar ul.nav li a.padding1 { padding-left: 25px; } div.content div.container div.left-side nav.navbar ul.nav li a.padding2 { padding-left: 35px; } div.content div.container div.left-side nav.navbar ul.nav li a.padding3 { padding-left: 45px; } div.content div.container div.left-side nav.navbar ul.nav li a.padding4 { padding-left: 55px; } div.content div.container div.left-side nav.navbar ul.nav li a.padding5 { padding-left: 65px; } div.content div.container div.left-side div.block div.block-left-side-info.manufacturer div.col-md-4 span { color: var(--blue-icon); font-size: 48px; padding-top: 10px; } div.content div.container div.left-side div.block div.block-left-side-info.infoline div.col-md-4 span { color: var(--blue-icon); font-size: 56px; padding-top: 2px; } div.content div.container div.left-side div.block div.block-left-side-info.free-transport div.col-md-4 span { color: var(--blue-icon); font-size: 48px; padding-top: 6px; } div.content div.container div.left-side div.block div.block-left-side-info { color: #75b32b !important; padding: 15px 15px; height: 92px; } div.content div.container div.left-side div.block div.block-left-side-info div.col-md-4 { padding: 0px !important; padding-right: 10px !important; } div.content div.container div.left-side div.block div.block-left-side-info div.col-md-8 span { margin-left: -15px; margin-right: -15px; font-size: 16px; font-size: 1.6rem; white-space: nowrap; display: block; } div.content div.container div.left-side div.block div.block-left-side-info.infoline div.col-md-8 span:nth-child(2), div.content div.container div.left-side div.block div.block-left-side-info.free-transport div.col-md-8 span:nth-child(3), div.content div.container div.left-side div.block div.block-left-side-info.manufacturer div.col-md-8 span:first-child { font-weight: 600; } div.content div.container div.left-side div.block div.block-left-side-info.infoline div.col-md-8 span:nth-child(3), div.content div.container div.left-side div.block div.block-left-side-info.free-transport div.col-md-8 span:nth-child(2), div.content div.container div.left-side div.block div.block-left-side-info.manufacturer div.col-md-8 span:nth-child(2) { font-size: 12px; font-size: 1.2rem; } /*Right-sidebar*/ div.content div.container div.right-side { width: 890px; margin: 20px 0px 20px 0px; padding: 0px; min-height: 600px; background-color: transparent; z-index: 1; } div.content div.container div.right-side ol.breadcrumb { background-color: transparent; margin-bottom: 10px !important; padding-top: 13px !important; padding-bottom: 14px !important; font-weight: 400; font-size: 11px; font-size: 1.1rem; border-radius: 0px; } div.content div.container div.right-side ol.breadcrumb li { margin-top: 0px; padding-right: 10px !important; margin-bottom: 0px; } div.content div.container div.right-side ol.breadcrumb li:first-child { padding-left: 16px !important; } div.content div.container div.right-side ol.breadcrumb li a { color: var(--blue); text-decoration: none; margin-left: 12px; } div.content div.container div.right-side ol.breadcrumb > li + li::before { content: '›'; display: block; position: relative; left: -10px !important; width: auto !important; transform: none !important; height: 1px !important; top: -9px !important; color: var(--blue); font-size: 25px; font-size: 2.5rem; position: relative; vertical-align: bottom !important; margin: 0 2px; background: none !important; } div.content div.container div.right-side ol.breadcrumb li:first-child a { font-size: 17px; font-size: 1.7rem; text-decoration: none; margin-left: -10px !important; } div.content div.container div.right-side ol.breadcrumb a.glyphicon-home { color: var(--blue); } div.content div.container div.right-side ol.breadcrumb a.glyphicon-home:hover { color: #888; } /* Footer */ div.footer { background-color: #fff; } div.footer span { color: var(--text); } div.footer div.container span.title { color: #777777; font-size: 18px; font-size: 1.8rem; padding: 20px 0px 10px 0px; display: block; margin-bottom: 4.0rem; } div.footer div.container img#staco { height: 200px; margin-left: auto; margin-right: auto; display: block; } div.footer div.container ul { list-style: none; margin-bottom: 30px; padding-left: 0px; } div.footer div.container div#customer-servis ul li { margin-bottom: 10px; } div.footer div.container div#contact-info span.fas, div.footer div.container div#contact-info span.far { font-size: 20px; font-size: 2.0rem; margin-bottom: 10px; color: var(--green); } div.footer div.container div#social, div.footer div.container div#cookie { text-align: center; margin-top: 50px; margin-bottom: 50px; } div.footer div.container div#social span { font-size: 64px; font-size: 6.4rem; color: var(--green); margin-right: 30px; } div.footer div.container div#cookie span:first-child { font-size: 14px; font-size: 1.4rem; color: var(--text); margin-right: 5px; vertical-align: middle; } div.footer div#footer-bottom { background-color: var(--very-light-modern-grey); text-align: center; padding: 50px 0px 50px 0px; } @media (max-width: 1199px) { div.header div.container div.second-row ul li a { font-size: 22px; font-size: 2.2rem; } div.header div.container div.second-row nav { margin-bottom: 10px; } div.header div.container div.second-row ul a { font-size: 24px; font-size: 2.4rem; } div.content div.container div.right-side { width: 690px; } div.header div.container div.shopping-group div.shopping-info { padding: 0px 20px 0px 0px !important; text-align: right; } } @media (max-width: 991px) { div.header div.container { height: auto; } div.header div.container div.top-row nav.navbar div.dropdown-flags button.btn-flags span:nth-child(2) { display: none !important; } div.header div.container div.logo { margin: 0px !important; } div.header div.container div.first-row img.logo-img { width: 75% !important; } div.header div.container div.shopping-group { padding-top: 0px !important; } div.header div.container div.second-row ul li a { font-size: 18px; font-size: 1.8rem; } div.header div.container div.second-row .navbar-collapse { padding-right: 0px; } div.header div.container div.second-row nav { margin-bottom: 0px; } div.header div.container div.second-row ul a { font-size: 20px; font-size: 2rem; padding: 8px; } div.header div.container div.second-row ul li.open ul li a { padding: 3px 20px 3px 20px; } div.header div.container div.cart-and-search { padding: 0px !important; } div.content div.container div.left-side { margin-left: 35px !important; margin-right: 35px !important; margin-bottom: 0px !important; width: 690px !important; } div.content div.container div.left-side nav.navbar { min-height: unset !important; margin-bottom: 0px; } div.content div.container div.left-side nav.navbar button { border-radius: 0px; background-color: var(--green); color: #ffffff; padding-top: 10px !important; padding-bottom: 10px !important; } div.content div.container div.left-side nav button span.fa-book, div.content div.container div.left-side nav button span.navbar-menu-products-title { font-size: 24px !important; font-size: 2.4rem !important; } div.content div.container div.left-side nav button span.fa-book { margin-right: 6px; } div.content div.container div.left-side nav.navbar button.navbar-toggle { display: block; } div.content div.container div.left-side nav.navbar div.navbar-collapse { border-top: 1px solid transparent; -webkit-transition: height 0.01s; transition: height 0.01s; background-color: #fff; border-radius: 0px 0px 8px 8px; box-shadow: -0.0625rem 0 0.625rem 0 rgba(0,0,0,0.07),0.3125rem 1.25rem 2.5rem 0 rgba(0,0,0,0.04) !important; } div.content div.container div.left-side nav.navbar div.navbar-collapse.collapse { display: none !important; } div.content div.container div.left-side nav.navbar div.navbar-collapse.collapse.in { display: block !important; } div.content div.container div.left-side nav.navbar div.navbar-collapse ul.navbar-nav { float: none !important; margin-top: 7.5px; } div.content div.container div.left-side nav.navbar div.navbar-collapse ul.navbar-nav > li { float: none; } div.content div.container div.left-side nav.navbar div.navbar-collapse ul.navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; font-size: 18px; font-size: 1.8rem; border-bottom: 1px solid #e8e8e8; } div.content div.container div.left-side nav.navbar div.navbar-collapse ul.navbar-nav li a:hover { background-color: var(--very-light-grey); } div.content div.container div.left-side nav.navbar div.navbar-collapse ul.navbar-nav li a.padding1 { padding-left: 35px; } div.content div.container div.left-side nav.navbar div.navbar-collapse ul.navbar-nav li a.padding2 { padding-left: 55px; } div.content div.container div.left-side nav.navbar div.navbar-collapse ul.navbar-nav li a.padding3 { padding-left: 75px; } div.content div.container div.right-side { margin-left: 35px; margin-right: 35px; } } @media (max-width: 767px) { body { background-color: #ffffff !important; } div.header div.container { min-width: 320px !important; } div.header div.index-info-panel div.alert-warning { margin-bottom: 0px !important; } div.header div.container div.first-row { font-size: 16px; font-size: 1.6rem; margin-top: 0px; padding-top: 20px; } div.header div.container div.first-row div.logo { padding-left: 10px; } div.header div.container div.first-row div.logo a { height: 47px !important; width: 85px; } div.header div.container div.first-row div.logo a img.logo-img { width: 85px !important; } div.header div.container div.first-row nav.navbar div.navbar-collapse ul.nav.navbar-nav { margin: 0px 0px 0px 0px !important; } div.header div.container div.first-row nav.navbar div.navbar-collapse ul.nav.navbar-nav > li { margin: 0; } div.header div.container div.first-row div.mobile-and-cart { float: right; margin-bottom: 20px !important; padding-left: 0px; } div.header div.container div.first-row div.mobile-and-cart div.shopping-group span.shop-icon { color: var(--green); border: solid 1px var(--blue); border-radius: 50px; padding: 14px 12px; font-size: 25px; font-size: 2.5rem; display: block; z-index: 0 !important; } div.header div.container div.first-row div.mobile-and-cart div.shopping-group span.shop-icon:hover { padding: 14px 12px; font-size: 25px; font-size: 2.5rem; } div.header div.container div.first-row div.mobile-and-cart div.shopping-group span.badge { padding: 4px 9px; margin-top: -70px; } div.header div.container div.first-row div.shopping-group div.call-us { padding-right: 0px !important; padding-left: 0px !important; margin-bottom: 0px !important; } div.header div.container div.first-row div.shopping-group div.call-us span.phone-icon { font-size: 25px; font-size: 2.5rem; color: var(--green) !important; border: solid 1px transparent !important; border-radius: 50px; padding: 15px 20px !important; display: block; z-index: 0 !important; margin-right: 20px; } div.header div.container div.first-row div.search-table { padding-right: 0px !important; padding-left: 0px !important; margin-top: 0px; } div.header div.container div.first-row div.search-table div.input-group { display: inline !important; padding-top: 0px !important; } div.header div.container div.first-row div.search-table div.input-group input.form-control { margin-right: -125px !important; border-radius: 10px 10px 10px 10px; border-right: solid 1px #aaa; } div.header div.container div.first-row div.search-table div.input-group button.btn-search { border-radius: 0px 10px 10px 0px; float: right; position: relative; } @-moz-document url-prefix() { div.header div.container div.first-row div.search-table div.input-group .btn-search { top: 18px !important; } } div.header div.container div.cart-and-search div.input-group { margin-left: -40%; width: 142%; } div.header div.container div.cart-and-search div.input-group button#searchButton { position: absolute; } div.header div.container div.second-row div.col-xs-12 { padding: 0px; margin-left: -15px; margin-right: 30px; } div.header div.container div.second-row nav { margin-bottom: 20px; margin-right: -30px; } div.header div.container div.first-row div#MainMenuMobile { padding-left: 0px; width: 60px; } div.header div.container div.first-row div#MainMenuMobile nav.navbar button#openMenu { background-color: transparent; margin-top: 5px; color: var(--text); } div.header div.container div.first-row div#MainMenuMobile nav.navbar button#openMenu span { font-size: 25px; font-size: 2.5rem; } div.header div.container div.first-row div#MainMenuMobile nav.navbar { display: inline-block; } div.header div.container div.first-row div#MainMenuMobile nav.navbar div.modal div.modal-dialog { width: 100%; height: 100%; margin: 0; padding: 0; } div.header div.container div.first-row div#MainMenuMobile nav.navbar div.modal div.modal-dialog div.modal-header img.logo-modal { width: 115px; } div.header div.container div.first-row div#MainMenuMobile nav.navbar div.modal div.modal-dialog div.modal-header button.close span { font-size: 55px; } div.header div.container div.first-row div#MainMenuMobile nav.navbar div.modal div.modal-dialog div.modal-content { border: none; height: auto; min-height: 100%; border-radius: 0; } div.header div.container div.first-row div#MainMenuMobile nav.navbar div.modal div.modal-dialog div.modal-content div.modal-header { } div.header div.container div.first-row div#MainMenuMobile nav.navbar div.modal div.modal-dialog div.modal-content div.modal-body ul[aria-labelledby="country-modalLabel"] { border-top: 1px solid var(--grey-light); padding-top: 7.5px; } div.header div.container div.first-row div#MainMenuMobile nav.navbar div.modal div.modal-dialog div.modal-content div.modal-body ul.nav.navbar-nav li { font-size: 18px; font-size: 1.8rem; } div.header div.container div.first-row div#MainMenuMobile nav.navbar div.modal div.modal-dialog div.modal-content div.modal-body ul.nav.navbar-nav li a span { margin-right: 10px; width: 50px; font-size: 24px; font-size: 2.4rem; } div.header div.container div.first-row div#MainMenuMobile nav.navbar div.modal div.modal-dialog div.modal-content div.modal-body ul.nav.navbar-nav li a img { margin-right: 33px; width: 27px; } div.content div.container div.left-side nav.navbar { border: none !important; } div.content div.container div.left-side nav.navbar div.collapse { padding-left: 10px !important; padding-right: 10px !important; } div.content div.container div.left-side nav.navbar div.navbar-collapse { border-top: 1px solid transparent; -webkit-transition: height 0.01s; transition: height 0.01s; border-radius: 0px !important; box-shadow: none !important; padding-right: 0px !important; padding-left: 0px !important; -webkit-transition: height 0.01s; transition: height 0.01s; } div.content div.container div.left-side nav.navbar div.navbar-collapse ul.navbar-nav { margin-left: 0px; } div.header div.container div.second-row ul li.dropdown ul.dropdown-menu li a { padding-top: 8px; padding-left: 25px !important; } div.header div.container div.second-row ul li.active > a, div.header div.container div.second-row ul li.active a:hover { color: #000000; } div.header div.container div.second-row ul a { padding: 8px 0px 8px 15px; } div.header div.container div.second-row ul li a.first { padding-left: 15px !important; } div.header div.container div.second-row ul a:hover { border-radius: 0px !important; background-color: #f5f5f5 !important; color: #000000 !important; } div.header div.container div.second-row ul li.active ul li a:hover { color: #000000 !important; } div.header div.container div.second-row ul li.open ul li a { padding-left: 15px; } div.header div.container div.second-row li.arrow ul.dropdown-menu:before { position: absolute; top: 0px; left: 0%; display: inline-block; border-right: 0px solid transparent; border-bottom: 0px solid transparent; border-left: 0px solid transparent; border-bottom-color: rgba(0, 0, 0, 0); content: none; } div.header div.container div.second-row li.arrow ul.dropdown-menu:after { position: absolute; top: 0px; left: 0%; display: inline-block; border-right: 0px solid transparent; border-bottom: 0px solid transparent; border-left: 0px solid transparent; content: none; } div.content div.container div.left-side nav.navbar { margin-bottom: 40px !important; } div.content div.container div.left-side nav.navbar button { border-radius: 0px; background-color: var(--green); color: #ffffff; padding-top: 10px !important; padding-bottom: 10px !important; } div.content div.container div.left-side nav.navbar button span.fa-book, div.content div.container div.left-side nav.navbar button span.navbar-menu-products-title { font-size: 24px !important; font-size: 2.4rem !important; } div.content div.container div.left-side nav.navbar button span.fa-book { margin-right: 6px; } div.content div.container div.left-side { width: 100% !important; margin: 0px !important; } div.content div.container div.left-side nav div.collapse ul.nav li a { font-size: 18px; font-size: 1.8rem; padding-left: 30px; padding-bottom: 16px; padding-top: 16px; border-bottom: 1px solid #e8e8e8; } div.content div.container div.left-side nav div.collapse ul.nav li.emphasis a { padding-left: 10px; } div.content div.container div.left-side div.block { border-left: none !important; border-right: none !important; } div.content div.container div.left-side div.block div.listbox ul li a.emphasis, div.content div.container div.left-side div.block div.listbox ul li a.emphasis:hover, div.content div.container div.left-side div.block div.listbox ul li a.emphasis:focus, div.content div.container div.left-side div.block div.listbox ul li a.padding1, div.content div.container div.left-side div.block div.listbox ul li a.padding2, div.content div.container div.left-side div.block div.listbox ul li a.padding3, div.content div.container div.left-side div.block div.listbox ul li a.padding4, div.content div.container div.left-side div.block div.listbox ul li a.padding5 { font-size: 18px; font-size: 1.8rem; } div.content div.container div.right-side { width: 100%; margin: 0px; border: none !important; } div.content div.container div.right-side ol.breadcrumb { background-color: var(--very-light-modern-grey); } div.content div.container div.right-side ol.breadcrumb li { margin-top: 0px; padding-right: 0px !important; margin-bottom: 0px; padding-left: 8px !important; } div.content div.container div.right-side ol.breadcrumb li:first-child { margin-top: 0px; padding-right: 0px !important; margin-bottom: 0px; padding-left: 8px !important; } div.content div.container div.right-side ol.breadcrumb li a { color: var(--blue); text-decoration: underline; margin-left: 10px !important; } div.content div.container div.right-side ol.breadcrumb li a:hover { color: #888; } div.content div.container div.right-side ol.breadcrumb li a.glyphicon-home { margin-left: -10px !important; } div.content div.container div.right-side ol.breadcrumb > li + li::after { content: none; display: none; } div.footer { background-color: var(--very-light-modern-grey); } div.footer div#contact-info span.fas, div.footer div#contact-info span.far { font-size: 30px !important; font-size: 3.0rem !important; } div.footer div#social span { font-size: 50px !important; font-size: 5.0rem !important; } div.footer span.title { font-size: 150% !important; } } /* --> Index <-- */ #indexCarousel { height: 250px; background-color: #fff; margin-bottom: 50px; border-bottom: none; } #indexCarousel ol.carousel-indicators { bottom: -40px; } #indexCarousel ol.carousel-indicators li { background-color: #e8e8e8; width: 13px; height: 13px; } #indexCarousel ol.carousel-indicators li.active { background-color: #bbb; width: 16px; height: 16px; } #indexCarousel div.carousel-inner { width: 100%; background-color: #fff; padding-left: 0px !important; padding-right: 0px !important; } #indexCarousel div.carousel-inner div.item { max-height: 250px; } div.content div.container div.right-side div.index-product-presentation h1, div.content div.container div.right-side div#index-vyhody-nasho-e-shopu h3, div.content div.container div.right-side div.index-product-presentation span.title { color: var(--light-salmon); font-size: 24px; font-size: 2.4rem; text-align: center; display: block; padding-left: 25px; padding-right: 25px; margin-top: 7rem; margin-bottom: 7rem; } div.content div.container div.right-side div#index-vyhody-nasho-e-shopu h4 { font-size: 16px; font-size: 1.6rem; } div.content div.container div.right-side div#index-vyhody-nasho-e-shopu a div.adv-big { text-align: center; margin-bottom: 20px; } div.content div.container div.right-side div#index-vyhody-nasho-e-shopu a div.adv-big#jednotka-na-trhu, div.container div.right-side #index-vyhody-nasho-e-shopu a div.adv-big#jednotka-na-trhu h4 { color: #f35f62; } div.content div.container div.right-side div#index-vyhody-nasho-e-shopu a div.adv-big#najsirsia-ponuka, div.container div.right-side #index-vyhody-nasho-e-shopu a div.adv-big#najsirsia-ponuka h4 { color: #2ea3fc; } div.content div.container div.right-side div#index-vyhody-nasho-e-shopu a div.adv-big#individualny-pristup, div.container div.right-side #index-vyhody-nasho-e-shopu a div.adv-big#individualny-pristup h4 { color: #fdc006; } div.content div.container div.right-side div#index-vyhody-nasho-e-shopu a div.adv-big#kratka-dodacia-doba, div.container div.right-side #index-vyhody-nasho-e-shopu a div.adv-big#kratka-dodacia-doba h4 { color: #a2cf37; } div.content div.container div.right-side div#index-vyhody-nasho-e-shopu a div.adv-big span { font-size: 60px; font-size: 6.0rem; margin-bottom: 20px; } div.content div.container div.right-side div#index-vyhody-nasho-e-shopu span.navigation-other-adv { font-size: 14px; font-size: 1.4rem; margin: 15px 0; text-align: right !important; display: block; } div.content div.container div.right-side div#index-vyhody-nasho-e-shopu span.navigation-other-adv a:hover { text-decoration: underline; } @media (max-width: 1199px) { #indexCarousel { height: auto !important; } #indexCarousel div.carousel-inner div.item { max-height: 290px !important; } #indexCarousel ol.carousel-indicators { position: relative !important; bottom: -10px !important; } div.container div.right-side div.index-product-presentation div.productswrapper div.product-thumbnail:nth-child(4) { display: none !important; } } @media (max-width: 767px) { #indexCarousel { height: auto !important; } #indexCarousel div.carousel-inner div.item { max-height: 290px !important; } #indexCarousel ol.carousel-indicators { position: relative !important; bottom: -20px !important; } div.container div.right-side #index-vyhody-nasho-e-shopu div.adv-big { margin-bottom: 60px !important; } div.container div.right-side div.index-product-presentation div.productswrapper div.product-thumbnail:nth-child(3) { display: none !important; } } /* --> Zoznam produktov <-- */ div.content div.container div.right-side div.productswrapper { margin-bottom: 40px; } div.content div.container div.right-side div.productswrapper div.firstrow { padding: 0px 15px; margin-bottom: 20px; } div.content div.container div.right-side div.productswrapper div.firstrow p.description { margin-bottom: 40px; } div.content div.container div.right-side div.productswrapper div.firstrow div.sorting { float: right; } div.content div.container div.right-side div.productswrapper div.firstrow div.sorting span { font-size: 14px; font-size: 1.4rem; color: var(--text); padding-right: 6px; } div.content div.container div.right-side div.productswrapper div.firstrow div.sorting form { display: inline; } div.content div.container div.right-side div.productswrapper div.firstrow div.sorting form input { font-size: 14px; font-size: 1.4rem; color: var(--text); padding: 0px; margin: 0px; background-color: transparent; width: 65px; height: 45px; border: 1px solid #d8d8d8; border-radius: 8px; text-align: center; } div.content div.container div.right-side div.productswrapper div.firstrow div.sorting form input:hover { color: var(--blue); } div.content div.container div.right-side div.productswrapper div.firstrow span.count { display: inline; margin: 15px 0 25px 0; float: right; color: var(--text); font-size: 14px; font-size: 1.4rem; } div.content div.container div.right-side div.productswrapper div#search-no-results span { font-size: 180px; font-size: 18.0rem; text-align: center; margin-left: auto; margin-right: auto; display: block; margin-top: 35px; color: var(--grey); } div.content div.container div.right-side div.productswrapper div#search-no-results div.alert.search { background-color: var(--orange-logo); color: white; background-image: none; background-repeat: no-repeat; border: none; } div.content div.container div.right-side div.productswrapper div.toppaging nav ul { margin-top: 0px; text-align: center; } div.content div.container div.right-side div.productswrapper div.bottompaging { margin-top: 30px; text-align: center; clear: both; } div.content div.container div.right-side div.productswrapper div.toppaging, div.content div.container div.right-side div.productswrapper div.bottompaging { text-align: right; padding-right: 15px; } div.content div.container div.right-side div.productswrapper div.toppaging nav ul.pagination li a, div.content div.container div.right-side div.productswrapper div.bottompaging nav ul.pagination li a { border: none; padding: 6px 12px; margin-left: -1px; color: var(--blue) !important; background-color: transparent; } div.content div.container div.right-side div.productswrapper div.toppaging nav ul.pagination li a:hover, div.content div.container div.right-side div.productswrapper div.bottompaging nav ul.pagination li a:hover { background-color: #fff; border-radius: 4px !important; -webkit-transition: all .2s linear; transition: all .2s linear; } div.content div.container div.right-side div.productswrapper div.toppaging nav ul.pagination li.active a, div.content div.container div.right-side div.productswrapper div.bottompaging nav ul.pagination li.active a { color: #ffffff !important; background-color: var(--blue); border-radius: 4px !important; -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12); box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12); -webkit-transition: all .2s linear; transition: all .2s linear; } div.content div.container div.right-side div.productswrapper div.toppaging nav ul.pagination li span, div.content div.container div.right-side div.productswrapper div.bottompaging nav ul.pagination li span { border: 0px; color: #999999; background-color: transparent; } div.content div.container div.right-side div.productswrapper div.product-thumbnail { padding-left: 5px !important; padding-right: 5px !important; } div.content div.container div.right-side div.productswrapper div.thumbnail { min-height: 460px; padding: 0px !important; margin-bottom: 10px !important; border: 1px solid transparent; border-radius: 8px; box-shadow: -0.0625rem 0 0.625rem 0 rgba(0,0,0,0.07),0.3125rem 1.25rem 2.5rem 0 rgba(0,0,0,0.04) !important; transition: border-color 0.2s ease-in-out,box-shadow 0.2s ease-in-out; } div.content div.container div.right-side div.productswrapper div.thumbnail:hover { border: 1px solid var(--blue); box-shadow: 0.85rem 0.85rem 1.0rem -0.125rem rgba(0,0,0,0.09) !important; transition: border-color 0.2s ease-in-out,box-shadow 0.2s ease-in-out; } div.content div.container div.right-side div.productswrapper div.thumbnail div.image { width: 180px; height: 180px; margin-top: 20px; padding-top: 21px !important; margin-bottom: 40px; margin-right: auto; margin-left: auto; } div.content div.container div.right-side div.productswrapper div.thumbnail div.caption h2 { margin-top: 0px; margin-bottom: 0px; font-size: 14px; font-size: 1.4rem; font-weight: 400; min-height: 100px; line-height: 20px; text-align: center; color: var(--blue) !important; } div.content div.container div.right-side div.productswrapper div.thumbnail:hover > div.caption h2 { text-decoration: none !important; } div.content div.container div.right-side div.productswrapper div.thumbnail div.caption div.labels span { background-color: #000000; color: #ffffff; font-size: 12px; font-size: 1.2rem; font-weight: 400; display: inline-block; margin-right: 15px; margin-bottom: 10px; padding: 3px 10px; position: relative; text-decoration: none; z-index: 1; } div.content div.container div.right-side div.productswrapper div.thumbnail div.caption div.labels span::after { height: 0; width: 0; -moz-transform: scale(0.9999); border-top: 9px solid #000000; border-right: 9px solid transparent; border-top-width: 8px; content: ""; display: block; position: absolute; top: 0; right: -9px; z-index: -1; } div.content div.container div.right-side div.productswrapper div.thumbnail div.caption div span.availability { display: block; font-size: 14px; font-size: 1.4rem; font-weight: 400; margin-bottom: 24px; text-align: center; } div.content div.container div.right-side div.productswrapper div.thumbnail div.caption div span.color-variants { display: block; font-size: 10px; font-size: 1.0rem; font-weight: 400; padding: 10px 10px 0px 0px; text-align: center; color: #666666; } div.content div.container div.right-side div.productswrapper div.thumbnail div.caption div.price-section { text-align: center; } div.content div.container div.right-side div.productswrapper div.thumbnail div.caption div.price-section span.price { color: var(--red-price); font-size: 20px; font-size: 2.0rem; } div.content div.container div.right-side div.productswrapper div.thumbnail div.caption div.price-section span.price-prefix { font-size: 14px; font-size: 1.4rem; color: #666; font-weight: 500; } div.content div.container div.right-side div.productswrapper div.thumbnail div.caption div.price-section span.price-suffix { font-size: 12px; font-size: 1.2rem; color: #666; font-weight: 500; display: block; } @media (max-width: 991px) { div.content div.container div.right-side div.productswrapper div.toppaging nav ul, div.content div.container div.right-side div.productswrapper div.bottompaging nav ul { margin-bottom: 20px; } div.content div.container div.right-side div.productswrapper div.toppaging nav ul li, div.content div.container div.right-side div.productswrapper div.bottompaging nav ul li { font-size: 150%; } div.content div.container div.right-side div.productswrapper div.toppaging nav ul li a, div.content div.container div.right-side div.productswrapper div.bottompaging nav ul li a { width: 42px; } } @media (max-width: 767px) { div.content div.container div.right-side div.productswrapper { padding-left: 0px !important; padding-right: 0px !important; } div.content div.container div.right-side div.productswrapper div.product-thumbnail { padding-right: 0px !important; padding-left: 0px !important; height: auto !important; margin-top: 20px; margin-bottom: 20px; } div.content div.container div.right-side div.productswrapper div.thumbnail { border: none !important; border-radius: 0px !important; padding: 0px 10px 10px 10px !important; margin-bottom: 0px !important; box-shadow: none !important; transition: none !important; min-height: 580px; } div.content div.container div.right-side div.productswrapper div.thumbnail:hover, div.content div.container div.right-side div.productswrapper div.thumbnail:focus { border: none !important; background-color: #fff !important; box-shadow: none !important; transition: none !important; } div.content div.container div.right-side div.productswrapper div.thumbnail div.image { width: 100%; height: 100%; margin-bottom: 0px !important; } div.content div.container div.right-side div.productswrapper div.thumbnail div.image img { width: -webkit-fill-available; width: 50vw; } div.content div.container div.right-side div.productswrapper div.thumbnail div.caption { border: none !important; padding: 0px !important; padding-bottom: 20px !important; } div.content div.container div.right-side div.productswrapper div.thumbnail div.caption h2 { padding-top: 15px; padding-bottom: 15px; margin-bottom: 0px; text-align: center !important; font-size: 14px !important; font-size: 1.4rem !important; min-height: 0px !important; } div.content div.container div.right-side div.productswrapper div.thumbnail div.caption div.labels span { font-size: 12px !important; font-size: 1.2rem !important; font-weight: 400; } div.content div.container div.right-side div.productswrapper div.thumbnail div.caption div span.price { font-size: 5vw !important; } div.content div.container div.right-side div.productswrapper div.thumbnail div.caption div span.availability { font-size: 14px !important; font-size: 1.4rem !important; } div.content div.container div.right-side div.productswrapper div.thumbnail div.caption div span.color-variants { font-size: 14px !important; font-size: 1.4rem !important; } } @media (max-width: 600px) { div.content div.container div.right-side div.productswrapper div.thumbnail { min-height: 510px; } } @media (max-width: 500px) { div.content div.container div.right-side div.productswrapper div.thumbnail { min-height: 440px; } } @media (max-width: 400px) { div.content div.container div.right-side div.productswrapper div.thumbnail { min-height: 390px; } } @media (max-width: 320px) { div.content div.container div.right-side div.productswrapper div.thumbnail { min-height: 360px; } } /* --> Produkt <-- */ div#productDetailCarousel { min-height: 60px; margin-bottom: 50px; } div#productDetailCarousel div.row { margin-left: 15px !important; } div#productDetailCarousel div.col-xs-2 { padding-left: 2px; padding-right: 2px; } div#productDetailCarousel div.col-xs-2 a.thumbnail { padding: 0px; } div#productDetailCarousel div.col-xs-2 a.thumbnail img { cursor: pointer; } div.content div.container div.right-side div.productdetailwrapper { padding-bottom: 50px; background-color: #fff; border-radius: 8px; box-shadow: -0.0625rem 0 0.625rem 0 rgba(0,0,0,0.07),0.3125rem 1.25rem 2.5rem 0 rgba(0,0,0,0.04) !important; } div.content div.container div.right-side div.productdetailwrapper div.warn { padding-top: 15px; } div.content div.container div.right-side div.productdetailwrapper div.warn div.alert { margin: 0px 15px 20px 15px; } div.content div.container div.right-side div.productdetailwrapper span.error { padding: 0px 50px 0px 50px; } div.content div.container div.right-side div.productdetailwrapper h1 { margin-left: 30px; padding-bottom: 20px; font-size: 24px; font-size: 2.4rem; } div.content div.container div.right-side div.productdetailwrapper div.row div.left-detail div.image { margin: 0 0 50px 50px; width: 410px; } div.content div.container div.right-side div.productdetailwrapper div.row div.left-detail div.image a img#mainImage { max-height: 400px; max-width: 400px; margin: 0 auto; vertical-align: middle; } div.content div.container div.right-side div.productdetailwrapper div.row div.left-detail div.image a img.sold-out { height: 370px; width: 370px; position: absolute; z-index: 500; } div.content div.container div.right-side div.productdetailwrapper div.row div.left-detail div.details { margin-top: 50px; margin-left: 75px; margin-bottom: 20px; font-size: 16px; font-size: 1.6rem; font-weight: 400; } div.content div.container div.right-side div.productdetailwrapper div.row div.left-detail div.socialbox { margin-top: 40px; margin-left: 75px; margin-bottom: 40px; } div.content div.container div.right-side div.productdetailwrapper div.row div.left-detail div.socialbox div.socialbox-fb iframe { border: none; overflow: hidden; width: 226px; height: 22px; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.details { font-size: 16px; font-size: 1.6rem; font-weight: 400; padding-right: 15px; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.details span { display: block; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.details span.bold { font-weight: 700; display: inline; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.details span a:hover { text-decoration: underline; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.details span a span.link-outside-web { display: inline-block !important; position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; top: -.5em; margin-left: 2px; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.details img { display: block; margin-left: auto; margin-right: auto; margin-top: 20px; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.price { margin-top: 40px; font-size: 22px; font-size: 2.2rem; font-weight: 400; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.price span.bold { font-weight: 700; color: #f00000; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.price span.price-vat { font-size: 14px; font-size: 1.4rem; font-weight: 500; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.space { height: 20px; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.farba, div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.rozmer, div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.ukoncenie { margin-top: 20px; margin-right: 20px; margin-bottom: 20px; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.farba div, div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.rozmer div, div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.ukoncenie div { font-size: 16px; font-size: 1.6rem; margin-bottom: 4px; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail select.form-control { padding-top: 8px; padding-left: 10px; padding-bottom: 8px; height: auto !important; border: 1px solid #ced4da !important; background: var(--very-light-modern-grey); } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail select.form-control:hover { border: 1px solid var(--blue) !important; cursor: pointer; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail select.activated { border: 1px solid #578e15 !important; background-color: #75b32b !important; color: #3c763d; } @supports not (-ms-high-contrast: none) { div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail select.activated { border: 1px solid #3c763d !important; background-color: #dff0d8 !important; color: #3c763d; } } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail select.activated option { background: #fff; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.rozmer div.height-info { display: block; margin-top: 20px; font-size: 12px; font-size: 1.2rem; background-color: var(--very-light-modern-grey); padding: 10px; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.rozmer div.height-info p span.selected-size::before { content: "\a"; white-space: pre; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.rozmer div.height-info p em { float: right; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.rozmer div.height-info p em.fourth-line { font-weight: 800; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.rozmer div.note { margin-top: 20px; font-size: 12px; font-size: 1.2rem; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.rozmer div.extra-fee { background-color: var(--very-light-modern-grey); margin-top: 20px; padding: 10px; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.rozmer div.extra-fee > p { font-size: 16px; font-size: 1.6rem; font-weight: 700; text-align: center; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.rozmer div.extra-fee select#increasedEdgeDropDownList { padding-left: 6px; padding-right: 0px; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.rozmer div.extra-fee div.checkbox { left: 4px; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.rozmer div.extra-fee div.checkbox input { margin-left: 0px; width: 20px; height: 20px; margin-top: 2px; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.rozmer div.extra-fee div.checkbox label { padding-left: 30px; font-size: 14px; font-size: 1.4rem; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.rozmer div.extra-fee div.extra-fee-q { display: inline-grid; width: 100%; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.rozmer div.extra-fee div.extra-fee-q a { font-style: italic; margin-top: 15px; margin-bottom: 15px; font-size: 14px; font-size: 1.4rem; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.rozmer div.extra-fee div.extra-fee-q a span { padding-right: 4px; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.rozmer div.extra-fee div.extra-fee-standard span { font-size: 55px; font-size: 5.5rem; color: #ddd; text-align: center; display: block; margin-bottom: 20px; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.rozmer div.extra-fee div.extra-fee-standard p:after { content: ''; display: block; position: relative; width: 70px; height: 2px; margin: 25px 0; left: calc(50% - 37.5px); background: #ddd; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.rozmer div.extra-fee div.extra-fee-standard p:nth-child(4) { margin-bottom: 20px; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.rozmer div.extra-fee div.extra-fee-standard p:nth-child(4):after { content: none; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.availability span { font-size: 16px; font-size: 1.6rem; display: block; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.rozmer div.checkbox { left: 4px; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.rozmer div.checkbox input { margin-left: 0px; width: 20px; height: 20px; margin-top: 2px; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.rozmer div.checkbox label { padding-left: 30px; font-size: 14px; font-size: 1.4rem; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.shop { margin-top: 40px; margin-bottom: 0px; margin-right: 20px; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.shop div.non-buyable { color: #856404; background-color: #fff3cd; padding: 10px; text-align: center; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.shop span.qnt-text { font-size: 16px; font-size: 1.6rem; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.shop div.qnt-text-mrg { line-height: 30px; padding-left: 0px; font-size: 16px; font-size: 1.6rem; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.shop div.form-group input.form-control { padding-top: 9px; padding-left: 8px; padding-bottom: 9px; height: auto !important; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.shop div.form-group div.input-group { padding: 0px !important; display: block; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.shop div.form-group div.input-group input.form-control { height: 35px; padding: 6px 12px; border-color: #e8e8e8; box-shadow: none; border-top-right-radius: 4px; border-bottom-right-radius: 4px; width: 100%; padding: 15px; text-align: left; font-size: 15px; font-size: 1.5rem; font-weight: 700; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.shop div.form-group div.input-group input.form-control:hover, div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.shop div.form-group div.input-group input.form-control:focus { border: 1px solid var(--blue); } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.shop div.form-group div.input-group input.form-control:focus { border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.3rem rgba(0,123,255,0.25); } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.shop div.form-group div.input-group input::-webkit-outer-spin-button, div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.shop div.form-group div.input-group input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.shop div.form-group div.input-group div.input-group-addon { border-left: none; padding: 0px !important; width: auto !important; border: none !important; border-radius: 0px !important; display: inline-block; background-color: transparent; position: absolute; right: 10px; -webkit-transform: translateY(90%); -ms-transform: translateY(90%); transform: translateY(90%); z-index: 5; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.shop div.form-group div.input-group div.input-group-addon button.add, div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.shop div.form-group div.input-group div.input-group-addon button.remove { border-radius: 45px 45px 45px 45px !important; border: 4px solid rgba(44,153,236,.5) !important; height: 40px !important; width: 40px !important; font-size: 12px !important; font-size: 1.2rem !important; background-color: transparent !important; color: var(--blue); margin-left: 10px; display: inline-block; margin-top: 0px !important; padding: 0px 4px; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.shop .shopping-btn-green { background-color: #75b32b; color: #fff; font-size: 20px; font-size: 2.0rem; border-bottom: 3px solid #578e15; margin-top: 40px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; height: 58px; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.shop .shopping-btn-green:hover { background-color: #599116; border-bottom: 3px solid #0f5a00; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.shop div.col-lg-3, div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.shop div.col-lg-4, div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.shop div.col-lg-5 { padding-left: 0px; padding-right: 0px; line-height: 34px; font-size: 14px; font-size: 1.4rem; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.shop div.col-lg-4 { padding-right: 15px; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.shop div.col-lg-5 input[type="submit"] { color: #ffffff; background-color: #5cb85c; font-size: 16px; font-size: 1.6rem; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.shop div.col-lg-5 input[type="submit"]:hover { background-color: #448944; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.shop div.col-lg-5 input.btn-disabled { color: #fff; background-color: #777; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.shop div.col-lg-5 input.btn-disabled:hover { color: #fff; background-color: #555 !important; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.shop div.col-lg-5 input[type="submit"]:hover { background-color: #448944; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.shop div.form-group div.help-block.with-errors { position: absolute; left: 0px !important; color: #dc3545; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.shop div.form-group.has-error input[name="Amount"], div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.shop div.form-group.has-error div.input-group-addon { border-color: #dc3545 !important; background-color: #fff5f5; color: #dc3545; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.shop div.form-group.has-error.has-danger div input#shopButton { border-left: #75b32b !important; border-top: #75b32b !important; border-right: #75b32b !important; } div.content div.container div.right-side div.productdetailwrapper div#tabs { margin-top: 50px; } div.content div.container div.right-side div.productdetailwrapper div.row ul.nav.nav-tabs { font-size: 16px; font-size: 1.6rem; color: var(--text); border-bottom: 1px solid #dfdfdf; } div.content div.container div.right-side div.productdetailwrapper div.row ul.nav.nav-tabs li a { color: var(--text); background-color: #f3f3f3; border: 1px solid #ddd; margin-right: 3px; } div.content div.container div.right-side div.productdetailwrapper div.row ul.nav.nav-tabs li a:hover { background-color: #f8f8f8; color: var(--blue) !important; } div.content div.container div.right-side div.productdetailwrapper div.row ul.nav.nav-tabs li.active a:hover { color: var(--text) !important; } div.content div.container div.right-side div.productdetailwrapper div.row ul.nav.nav-tabs li span { margin-right: 10px; } div.content div.container div.right-side div.productdetailwrapper div.row ul.nav.nav-tabs li a span:first-child { font-size: 22px; font-size: 2.2rem; vertical-align: bottom; } div.content div.container div.right-side div.productdetailwrapper div.row ul.nav.nav-tabs li.first { margin-left: 25px; } div.content div.container div.right-side div.productdetailwrapper div.row ul.nav.nav-tabs li.active > a { background-color: #fff !important; border-bottom: 1px solid transparent; } div.content div.container div.right-side div.productdetailwrapper div.row ul.nav.nav-tabs li.active > a:hover { color: #555; } div.content div.container div.right-side div.productdetailwrapper div.row ul.nav.nav-tabs li.hide-video { display: none; } div.content div.container div.right-side div.productdetailwrapper div.row div.tab-content { padding: 20px 20px 0px 20px; font-size: 14px; font-size: 1.4rem; font-weight: 400; } div.content div.container div.right-side div.productdetailwrapper div.row div.tab-content div.center { text-align: center; } div.content div.container div.right-side div.productdetailwrapper div.row div.tab-content p.insert-image { text-align: center; } div.content div.container div.right-side div.productdetailwrapper div.row div.tab-content p.insert-image img { display: inline; } div.content div.container div.right-side div.productdetailwrapper div.tooltip { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; filter: alpha(opacity=1); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; white-space: nowrap; width: 425px; } div.content div.container div.right-side div.productdetailwrapper div.tooltip div.tooltip-inner { background-color: #5cb85c; color: #ffffff; text-align: left; min-width: 415px; } div.content div.container div.right-side div.productdetailwrapper div.tooltip div.tooltip-arrow { display: none; } div.content div.container div.right-side div.productdetailwrapper div.tooltip div.tooltip-inner span.bold { font-weight: 700; } div.content div.container div.row div#BodyContentPlaceHolder_tabPanel div.tab-content iframe { border: none; } div.content div.container div.right-side div.productswrapper div.thumbnail div.image { margin-top: 0px !important; } @media (max-width: 1199px) { div.content div.container div.right-side div.productdetailwrapper div.row div.left-detail div.image { margin-left: 38px !important; width: 300px !important; } div.content div.container div.right-side div.productdetailwrapper div.row div.left-detail div.image a img#mainImage { width: 291px !important; max-height: 291px !important; max-width: 291px !important; } /* #productDetailCarousel { width: 380px !important; }*/ #productDetailCarousel a.carousel-control { height: 43px; top: 8%; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail form { margin-left: 20px; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.shop div.qnt-text-mrg { line-height: 30px; padding-left: 0px; font-size: 16px; font-size: 1.6rem; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.shop div.col-lg-4 { padding-right: 0px !important; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.rozmer div.height-info p span.selected-size::before { content: auto; white-space: normal; } div.content div.container div.right-side div.productdetailwrapper div.row div.left-detail div.image a.thumbnail:after { left: 45px !important; } } @media (max-width: 991px) { div.content div.container div.right-side div.productdetailwrapper div.row div.left-detail div.image { margin: 0 auto !important; margin-bottom: 60px !important; width: 410px !important; } div.content div.container div.right-side div.productdetailwrapper div.row div.left-detail div.image a img#mainImage { width: 100% !important; max-height: 400px !important; max-width: 400px !important; } div.content div.container div.right-side div.productdetailwrapper div.row div.left-detail div#productDetailCarousel div.row { margin-right: 15px !important; margin-left: 15px !important; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.shop div.qnt-text-mrg { line-height: 30px; padding-left: 0px; font-size: 16px; font-size: 1.6rem; } } @media (max-width: 767px) { div.content div.container div.right-side div.productdetailwrapper { border-radius: 0px !important; box-shadow: none !important; } div.content div.container div.productdetailwrapper div.row { margin-left: 10px; margin-right: 10px; } div.content div.container div.right-side div.productdetailwrapper h1 { margin-left: 5px !important; } div.content div.container div.right-side div.productdetailwrapper div.row div.left-detail { padding-left: 0px !important; padding-right: 0px !important; } div.content div.container div.right-side div.productdetailwrapper div.row div.left-detail div.image { width: 100% !important; } div.content div.container div.right-side div.productdetailwrapper div.row div.left-detail div.image a img#mainImage { display: block; margin-left: auto !important; margin-right: auto !important; width: 100% !important; } div.content div.container div.right-side div.productdetailwrapper div.row div.left-detail div#productDetailCarousel div.row { margin-right: 0px !important; margin-left: 0px !important; } div.content div.container div.right-side div.productdetailwrapper div.row div.left-detail div#productDetailCarousel div.carousel-inner div.item div.visible-xs-block { margin-bottom: 5px; } div#productDetailCarousel { margin-top: 50px; } div.content div.container div.right-side div.productdetailwrapper div.row div.left-detail div.details { margin-top: 118px !important; margin-bottom: 20px !important; } div.content div.container div.right-side div.productdetailwrapper div.row div.left-detail div.socialbox { margin-top: 40px !important; margin-bottom: 40px !important; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail { padding-left: 0px !important; padding-right: 0px !important; top: 50px; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail form { margin-left: 0px; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.details img { display: block; margin-left: 0px !important; margin-right: 0px !important; margin-top: 20px; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.farba, div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.rozmer, div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.ukoncenie { margin-right: 0px !important; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.shop div.form-group div.help-block.with-errors { top: 0px; color: #dc3545; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.shop div.form-group.has-error.has-danger div input#shopButton { border-left: #75b32b !important; border-top: #75b32b !important; border-right: #75b32b !important; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.well { margin-right: 0px !important; padding-left: 9px !important; padding-right: 9px !important; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail select.form-control option { background: #fff; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.rozmer div.height-info p span.selected-size::before { content: "\a"; white-space: pre; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.shop { margin-right: 0px !important; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.price { font-size: 24px; font-size: 2.4rem; font-weight: 400; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.shop div.form-group button.btn { height: 40px !important; width: 40px !important; margin-top: 0px !important; } div.content div.container div.right-side div.productdetailwrapper div#tabs { margin-top: 75px; } div.content div.container div.right-side div.productdetailwrapper div.row ul.nav.nav-tabs { margin-left: -25px !important; margin-right: -25px !important; border-bottom: none !important; } div.content div.container div.right-side div.productdetailwrapper div.row ul.nav.nav-tabs li.first { margin-left: 0px !important; border-bottom: 1px #fff solid; } div.content div.container div.right-side div.productdetailwrapper div.row ul.nav.nav-tabs > li { float: none; } div.content div.container div.right-side div.productdetailwrapper div.row ul.nav.nav-tabs li a { color: var(--text); background-color: var(--very-light-modern-grey); border: none !important; border-bottom: 1px #e0e0e0 solid !important; margin-right: 0px !important; font-size: 20px; font-size: 2.0rem; } div.content div.container div.right-side div.productdetailwrapper div.row ul.nav.nav-tabs li a.tab-video { z-index: 1000; } div.content div.container div.right-side div.productdetailwrapper div.row ul.nav.nav-tabs > li > a { border-radius: 0px !important; } div.content div.container div.right-side div.productdetailwrapper div.row ul.nav.nav-tabs li.active > a, div.content div.container div.right-side div.productdetailwrapper div.row ul.nav.nav-tabs li.active > a:hover { color: var(--blue) !important; } div.content div.container div.right-side div.productdetailwrapper div.row ul.nav.nav-tabs li a span:first-child { vertical-align: unset !important; } div.content div.container div.right-side div.productdetailwrapper div.row ul.nav.nav-tabs li a span:last-child { margin-top: 4px; } div.content div.container div.right-side div.productdetailwrapper div.row div.tab-content { padding: 50px 0px 0px 0px !important; } div.content div.container div.right-side div.productdetailwrapper div.row div.tab-content p { line-height: 1.7; } div.content div.container div.row div#BodyContentPlaceHolder_tabPanel div.row { margin-left: 0px; margin-right: 0px; } div.content div.container div.row div#BodyContentPlaceHolder_tabPanel ul.nav.nav-tabs { margin-left: -15px; margin-right: -15px; } div.content div.container div.row div#BodyContentPlaceHolder_tabPanel ul.nav.nav-tabs li span { display: none; } div.content div.container div.row div#BodyContentPlaceHolder_tabPanel ul.nav.nav-tabs li.first { margin-left: 10px; } div.content div.container div.row div#BodyContentPlaceHolder_tabPanel div.tab-content { padding-left: 0px !important; padding-right: 0px !important; } div.content div.container div.row div#BodyContentPlaceHolder_tabPanel div.tab-content iframe { width: 290px; } div.content div.container div.right-side div.productdetailwrapper div.productswrapper div.product-thumbnail { margin-top: 0px !important; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.shop div.qnt-text-mrg { padding-left: 0px !important; padding-right: 0px !important; margin-bottom: 4px !important; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.shop div.qnt-text-mrg span.qnt-text { font-size: 16px; font-size: 1.6rem; } div.content div.container div.right-side div.productdetailwrapper div.row div.right-detail div.shop div.form-group div.input-group div.input-group-addon { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } } @media (max-width: 400px) { div.content div.container div.right-side div.productdetailwrapper div.row ul.nav.nav-tabs li a { font-size: 15px; font-size: 1.5rem; } } /* --> Informácie o produktoch, Všetko o nákupe <-- */ div.content div.container div.right-side div.pagewrapper { padding: 0px 15px 15px 15px; background-color: #fff; border-radius: 8px; box-shadow: -0.0625rem 0 0.625rem 0 rgba(0,0,0,0.07),0.3125rem 1.25rem 2.5rem 0 rgba(0,0,0,0.04) !important; } div.content div.container div.right-side div.pagewrapper#informacie-o-produktoch a.thumbnail div::after, div.content div.container div.right-side div.pagewrapper#vsetko-o-nakupe a.thumbnail div::after { content: "\e080"; font-family: 'Glyphicons Halflings'; font-size: 20px; font-size: 2.0rem; float: right; color: #ddd; margin-top: 9px; margin-right: 10px; } div.content div.container div.right-side div.pagewrapper#informacie-o-produktoch a.thumbnail:hover div::after, div.content div.container div.right-side div.pagewrapper#vsetko-o-nakupe a.thumbnail:hover div::after { color: var(--blue); } div.content div.container div.right-side div.pagewrapper#informacie-o-produktoch a.thumbnail span.fas, div.content div.container div.right-side div.pagewrapper#informacie-o-produktoch a.thumbnail span.fab, div.content div.container div.right-side div.pagewrapper#vsetko-o-nakupe a.thumbnail span.fas { margin: 0 10px; font-size: 34px; vertical-align: middle; } div.content div.container div.right-side div.pagewrapper#informacie-o-produktoch a.thumbnail h2, div.content div.container div.right-side div.pagewrapper#vsetko-o-nakupe a.thumbnail h2 { color: #555; font-size: 16px; font-size: 1.6rem; display: inline-block; margin: 14px 0 !important; } div.content div.container div.right-side div.pagewrapper#informacie-o-produktoch a.thumbnail:hover, div.content div.container div.right-side div.pagewrapper#vsetko-o-nakupe a.thumbnail:hover { border: 1px solid var(--blue); color: var(--blue) !important; } div.content div.container div.right-side div.pagewrapper div.row h1 + span.main-icon { text-align: center; display: block; color: var(--blue); font-size: 75px; margin: 0px auto 30px; } @media (max-width: 768px) { div.content div.container div.right-side div.pagewrapper { border-radius: 0px !important; box-shadow: none !important; } } @media (max-width: 440px) { div.content div.container div.right-side div.pagewrapper#informacie-o-produktoch a.thumbnail h2, div.content div.container div.right-side div.pagewrapper#vsetko-o-nakupe a.thumbnail h2 { font-size: 14px; font-size: 1.4rem; } div.content div.container div.right-side div.pagewrapper#informacie-o-produktoch a.thumbnail h2.xs-two-lines, div.content div.container div.right-side div.pagewrapper#vsetko-o-nakupe a.thumbnail h2.xs-two-lines { max-width: 192px; vertical-align: middle; } div.content div.container div.right-side div.pagewrapper#informacie-o-produktoch a.thumbnail div.xs-two-lines::after, div.content div.container div.right-side div.pagewrapper#vsetko-o-nakupe a.thumbnail div.xs-two-lines::after { margin-top: 15px !important; } } /* --> Rozdiel medzi PVC a PU výrobkami <-- */ div.content div.container div.right-side div.pagewrapper#rozdiel-medzi-pu-a-pvc-vyrobkami div.panel-heading h2 { display: inline; padding-right: 6px; font-size: 24px; font-size: 2.4rem; } div.content div.container div.right-side div.pagewrapper#rozdiel-medzi-pu-a-pvc-vyrobkami div.panel-heading span { font-size: 20px; font-size: 2.0rem; } /* --> TENCEL <-- */ div.content div.container div.right-side div.pagewrapper#tencel-material a:hover { text-decoration: underline; } /* --> Oeko-tex standard 100 <-- */ div.content div.container div.right-side div.pagewrapper#oeko-tex-standard-100 img.img-responsive { margin-bottom: 10px; } div.content div.container div.right-side div.pagewrapper#oeko-tex-standard-100 h2 { font-size: 24px; font-size: 2.4rem; } div.content div.container div.right-side div.pagewrapper#oeko-tex-standard-100 h3 { font-size: 18px; font-size: 1.8rem; text-align: center; } div.content div.container div.right-side div.pagewrapper#oeko-tex-standard-100 a:hover { text-decoration: underline; } /* --> O nás <-- */ div.content div.container div.right-side div.pagewrapper#o-nas ul.timeline { position: relative; padding: 4px 0 0 0; margin-top: 22px; list-style: none; } div.content div.container div.right-side div.pagewrapper#o-nas ul.timeline li { height: auto; margin-bottom: 50px; } div.content div.container div.right-side div.pagewrapper#o-nas ul.timeline > li div.timeline-image img { border: 6px solid #dfdfdf; display: block; margin-right: auto; margin-left: auto; } div.content div.container div.right-side div.pagewrapper#o-nas ul.timeline div.timeline-heading h4 { margin-top: 22px; margin-bottom: 4px; padding: 0; color: #b3b3b3; } div.content div.container div.right-side div.pagewrapper#o-nas ul.timeline div.timeline-heading h5 { margin: 0; padding: 0; text-transform: none; font-size: 18px; color: #333333; } /* --> Prečo nakupovať u nás <-- */ div.content div.container div.right-side #preco-nakupovat-u-nas section { margin-bottom: 60px; } div.content div.container div.right-side #preco-nakupovat-u-nas section:after { content: ''; background: url(../images/icons/advantages/lg/vyhody-nasho-espohu.gif) no-repeat; height: 126px; width: 772px; display: block; margin-left: auto; margin-right: auto; max-width: 100%; } div.content div.container div.right-side #preco-nakupovat-u-nas section#jednotka-na-trhu:after { background-position: 0px 0px; } div.content div.container div.right-side #preco-nakupovat-u-nas section#najsirsia-ponuka:after { background-position: 0px -126px; } div.content div.container div.right-side #preco-nakupovat-u-nas section#individualny-pristup:after { background-position: 0px -252px; } div.content div.container div.right-side #preco-nakupovat-u-nas section#kratka-dodacia-doba:after { background-position: 0px -378px; } div.content div.container div.right-side #preco-nakupovat-u-nas section#najlepsie-ceny-na-trhu:after { background-position: 0px -504px; } div.content div.container div.right-side #preco-nakupovat-u-nas section#doprava-zdarma:after { background-position: 0px -630px; } div.content div.container div.right-side #preco-nakupovat-u-nas section#roky-skusenosti:after { background-position: 0px -756px; } div.content div.container div.right-side #preco-nakupovat-u-nas section#najkvalitnejsie-materialy:after { background-position: 0px -882px; } div.content div.container div.right-side #preco-nakupovat-u-nas section#poradenstvo-pri-kupe:after { background-position: 0px -1008px; } div.content div.container div.right-side #preco-nakupovat-u-nas section#podrobny-popis:after { background-position: 0px -1134px; } div.content div.container div.right-side #preco-nakupovat-u-nas section#akykolvek-rozmer:after { background-position: 0px -1260px; } div.content div.container div.right-side #preco-nakupovat-u-nas section#kamenna-predajna:after { background-position: 0px -1386px; } div.content div.container div.right-side #preco-nakupovat-u-nas section#certifikovane-materialy:after { background-position: 0px -1512px; } div.content div.container div.right-side #preco-nakupovat-u-nas section#atypicke-rozmery-bez-priplatku:after { background-position: 0px -1638px; } div.content div.container div.right-side #preco-nakupovat-u-nas section#vzorky-zadarmo:after { background-position: 0px -1764px; } div.content div.container div.right-side #preco-nakupovat-u-nas section > div { min-height: 220px; } div.content div.container div.right-side #preco-nakupovat-u-nas section div:nth-child(3) { min-height: unset; margin-bottom: 40px; } div.content div.container div.right-side #preco-nakupovat-u-nas section.adv-big h2 { font-family: 'Segoe UI'; color: #000; font-size: 52px; font-size: 5.2rem; font-weight: 100; position: relative; display: block; margin: 0; line-height: 1.35; padding-top: 0; text-align: right; } div.content div.container div.right-side #preco-nakupovat-u-nas section.adv-big h2 span { font-weight: 700; line-break: strict; display: block; } div.content div.container div.right-side #preco-nakupovat-u-nas section.adv-big ul { margin-top: 28px; } div.content div.container div.right-side #preco-nakupovat-u-nas section.adv-big ul li { display: block; margin-bottom: 20px; font-size: 16px; font-size: 1.6rem; padding-left: 20px; } div.content div.container div.right-side #preco-nakupovat-u-nas section.adv-big ul li:before { content: "\e080"; font-family: 'Glyphicons Halflings'; font-size: 14px; font-size: 1.4rem; padding: 0 3px; margin-right: 14px; margin-left: -38px; border: 2px solid; border-radius: 50px; float: left; color: var(--white); } div.content div.container div.right-side #preco-nakupovat-u-nas section#jednotka-na-trhu h2 span { color: var(--red); } div.content div.container div.right-side #preco-nakupovat-u-nas section#najsirsia-ponuka h2 span { color: var(--blue); } div.content div.container div.right-side #preco-nakupovat-u-nas section#individualny-pristup h2 span { color: var(--yellow); } div.content div.container div.right-side #preco-nakupovat-u-nas section#kratka-dodacia-doba h2 span { color: var(--green-text); } div.content div.container div.right-side #preco-nakupovat-u-nas section#najlepsie-ceny-na-trhu h2 span { color: var(--light-salmon); } div.content div.container div.right-side #preco-nakupovat-u-nas section#doprava-zdarma h2 span { color: var(--light-brown); } div.content div.container div.right-side #preco-nakupovat-u-nas section#roky-skusenosti h2 span { color: var(--orange-logo); } div.content div.container div.right-side #preco-nakupovat-u-nas section#najkvalitnejsie-materialy h2 span { color: var(--deeply-yellow); } div.content div.container div.right-side #preco-nakupovat-u-nas section#poradenstvo-pri-kupe h2 span { color: var(--purple); } div.content div.container div.right-side #preco-nakupovat-u-nas section#podrobny-popis h2 span { color: var(--turquoise); } div.content div.container div.right-side #preco-nakupovat-u-nas section#akykolvek-rozmer h2 span { color: var(--dark-grey); } div.content div.container div.right-side #preco-nakupovat-u-nas section#kamenna-predajna h2 span { color: var(--brown-logo); } div.content div.container div.right-side #preco-nakupovat-u-nas section#certifikovane-materialy h2 span { color: var(--yellow); } div.content div.container div.right-side #preco-nakupovat-u-nas section#atypicke-rozmery-bez-priplatku h2 span { color: var(--dark-grey-blue); } div.content div.container div.right-side #preco-nakupovat-u-nas section#vzorky-zadarmo h2 span { color: var(--light-creamy); } div.content div.container div.right-side #preco-nakupovat-u-nas section#jednotka-na-trhu ul li:before { background-color: var(--red); border-color: var(--red); } div.content div.container div.right-side #preco-nakupovat-u-nas section#najsirsia-ponuka ul li:before { background-color: var(--blue); border-color: var(--blue); } div.content div.container div.right-side #preco-nakupovat-u-nas section#individualny-pristup ul li:before { background-color: var(--yellow); border-color: var(--yellow); } div.content div.container div.right-side #preco-nakupovat-u-nas section#kratka-dodacia-doba ul li:before { background-color: var(--green-text); border-color: var(--green-text); } div.content div.container div.right-side #preco-nakupovat-u-nas section#najlepsie-ceny-na-trhu ul li:before { background-color: var(--light-salmon); border-color: var(--light-salmon); } div.content div.container div.right-side #preco-nakupovat-u-nas section#doprava-zdarma ul li:before { background-color: var(--light-brown); border-color: var(--light-brown); } div.content div.container div.right-side #preco-nakupovat-u-nas section#roky-skusenosti ul li:before { background-color: var(--orange-logo); border-color: var(--orange-logo); } div.content div.container div.right-side #preco-nakupovat-u-nas section#najkvalitnejsie-materialy ul li:before { background-color: var(--deeply-yellow); border-color: var(--deeply-yellow); } div.content div.container div.right-side #preco-nakupovat-u-nas section#poradenstvo-pri-kupe ul li:before { background-color: var(--purple); border-color: var(--purple); } div.content div.container div.right-side #preco-nakupovat-u-nas section#podrobny-popis ul li:before { background-color: var(--turquoise); border-color: var(--turquoise); } div.content div.container div.right-side #preco-nakupovat-u-nas section#akykolvek-rozmer ul li:before { background-color: var(--dark-grey); border-color: var(--dark-grey); } div.content div.container div.right-side #preco-nakupovat-u-nas section#kamenna-predajna ul li:before { background-color: var(--brown-logo); border-color: var(--brown-logo); } div.content div.container div.right-side #preco-nakupovat-u-nas section#certifikovane-materialy ul li:before { background-color: var(--yellow); border-color: var(--yellow); } div.content div.container div.right-side #preco-nakupovat-u-nas section#atypicke-rozmery-bez-priplatku ul li:before { background-color: var(--dark-grey-blue); border-color: var(--dark-grey-blue); } div.content div.container div.right-side #preco-nakupovat-u-nas section#vzorky-zadarmo ul li:before { background-color: var(--light-creamy); border-color: var(--light-creamy); } div.content div.container div.right-side #preco-nakupovat-u-nas section.adv-big p { font-size: 16px; font-size: 1.6rem; padding: 0 15px 25px 15px; } div.content div.container div.right-side #preco-nakupovat-u-nas section.adv-big a:hover { text-decoration: underline; } div.content div.container div.right-side #preco-nakupovat-u-nas section.adv-big p span.telephone { color: var(--green-text) !important; font-weight: 600; font-size: 22px !important; font-size: 2.2rem !important; } @media (max-width: 1199px) { div.content div.container div.right-side #preco-nakupovat-u-nas section.adv-big h2 { font-size: 42px; font-size: 4.2rem; } div.content div.container div.right-side #preco-nakupovat-u-nas section.adv-big ul { margin-top: 18px; } div.content div.container div.right-side #preco-nakupovat-u-nas section:after { background: url(../images/icons/advantages/sm/vyhody-nasho-espohu.gif) no-repeat; height: 91px; width: 555px; } div.content div.container div.right-side #preco-nakupovat-u-nas section#jednotka-na-trhu:after { background-position: 0px 0px; } div.content div.container div.right-side #preco-nakupovat-u-nas section#najsirsia-ponuka:after { background-position: 0px -91px; } div.content div.container div.right-side #preco-nakupovat-u-nas section#individualny-pristup:after { background-position: 0px -182px; } div.content div.container div.right-side #preco-nakupovat-u-nas section#kratka-dodacia-doba:after { background-position: 0px -273px; } div.content div.container div.right-side #preco-nakupovat-u-nas section#najlepsie-ceny-na-trhu:after { background-position: 0px -364px; } div.content div.container div.right-side #preco-nakupovat-u-nas section#doprava-zdarma:after { background-position: 0px -455px; } div.content div.container div.right-side #preco-nakupovat-u-nas section#roky-skusenosti:after { background-position: 0px -546px; } div.content div.container div.right-side #preco-nakupovat-u-nas section#najkvalitnejsie-materialy:after { background-position: 0px -637px; } div.content div.container div.right-side #preco-nakupovat-u-nas section#poradenstvo-pri-kupe:after { background-position: 0px -728px; } div.content div.container div.right-side #preco-nakupovat-u-nas section#podrobny-popis:after { background-position: 0px -819px; } div.content div.container div.right-side #preco-nakupovat-u-nas section#akykolvek-rozmer:after { background-position: 0px -907px; } div.content div.container div.right-side #preco-nakupovat-u-nas section#kamenna-predajna:after { background-position: 0px -997px; } div.content div.container div.right-side #preco-nakupovat-u-nas section#certifikovane-materialy:after { background-position: 0px -1090px; } div.content div.container div.right-side #preco-nakupovat-u-nas section#atypicke-rozmery-bez-priplatku:after { background-position: 0px -1180px; } div.content div.container div.right-side #preco-nakupovat-u-nas section#vzorky-zadarmo:after { background-position: 0px -1270px; } } @media (max-width: 991px) { div.content div.container div.right-side #preco-nakupovat-u-nas section > div { min-height: 165px; } div.content div.container div.right-side #preco-nakupovat-u-nas section.adv-big h2 { font-size: 52px; font-size: 5.2rem; text-align: center; } } @media (min-width: 565px) and (max-width: 767px) { div.content div.container div.right-side #preco-nakupovat-u-nas section:after { background-size: cover; } div.content div.container div.right-side #preco-nakupovat-u-nas section:after { background: url(../images/icons/advantages/sm/vyhody-nasho-espohu.gif) no-repeat; height: 91px; width: 555px; } div.content div.container div.right-side #preco-nakupovat-u-nas section#jednotka-na-trhu:after { background-position: 0px 0px; } div.content div.container div.right-side #preco-nakupovat-u-nas section#najsirsia-ponuka:after { background-position: 0px -91px; } div.content div.container div.right-side #preco-nakupovat-u-nas section#individualny-pristup:after { background-position: 0px -182px; } div.content div.container div.right-side #preco-nakupovat-u-nas section#kratka-dodacia-doba:after { background-position: 0px -273px; } div.content div.container div.right-side #preco-nakupovat-u-nas section#najlepsie-ceny-na-trhu:after { background-position: 0px -364px; } div.content div.container div.right-side #preco-nakupovat-u-nas section#doprava-zdarma:after { background-position: 0px -455px; } div.content div.container div.right-side #preco-nakupovat-u-nas section#roky-skusenosti:after { background-position: 0px -546px; } div.content div.container div.right-side #preco-nakupovat-u-nas section#najkvalitnejsie-materialy:after { background-position: 0px -637px; } div.content div.container div.right-side #preco-nakupovat-u-nas section#poradenstvo-pri-kupe:after { background-position: 0px -728px; } div.content div.container div.right-side #preco-nakupovat-u-nas section#podrobny-popis:after { background-position: 0px -819px; } div.content div.container div.right-side #preco-nakupovat-u-nas section#akykolvek-rozmer:after { background-position: 0px -907px; } div.content div.container div.right-side #preco-nakupovat-u-nas section#kamenna-predajna:after { background-position: 0px -997px; } div.content div.container div.right-side #preco-nakupovat-u-nas section#certifikovane-materialy:after { background-position: 0px -1090px; } div.content div.container div.right-side #preco-nakupovat-u-nas section#atypicke-rozmery-bez-priplatku:after { background-position: 0px -1180px; } div.content div.container div.right-side #preco-nakupovat-u-nas section#vzorky-zadarmo:after { background-position: 0px -1270px; } } @media (max-width: 564px) { div.content div.container div.right-side #preco-nakupovat-u-nas section.adv-big h2 { font-size: 42px; font-size: 4.2rem; } div.content div.container div.right-side #preco-nakupovat-u-nas section:after { background: url(../images/icons/advantages/xs/vyhody-nasho-espohu.gif) no-repeat; height: 52px; width: 320px; } div.content div.container div.right-side #preco-nakupovat-u-nas section#jednotka-na-trhu:after { background-position: 0px 0px; } div.content div.container div.right-side #preco-nakupovat-u-nas section#najsirsia-ponuka:after { background-position: 0px -52px; } div.content div.container div.right-side #preco-nakupovat-u-nas section#individualny-pristup:after { background-position: 0px -104px; } div.content div.container div.right-side #preco-nakupovat-u-nas section#kratka-dodacia-doba:after { background-position: 0px -156px; } div.content div.container div.right-side #preco-nakupovat-u-nas section#najlepsie-ceny-na-trhu:after { background-position: 0px -208px; } div.content div.container div.right-side #preco-nakupovat-u-nas section#doprava-zdarma:after { background-position: 0px -260px; } div.content div.container div.right-side #preco-nakupovat-u-nas section#roky-skusenosti:after { background-position: 0px -312px; } div.content div.container div.right-side #preco-nakupovat-u-nas section#najkvalitnejsie-materialy:after { background-position: 0px -365px; } div.content div.container div.right-side #preco-nakupovat-u-nas section#poradenstvo-pri-kupe:after { background-position: 0px -417px; } div.content div.container div.right-side #preco-nakupovat-u-nas section#podrobny-popis:after { background-position: 0px -469px; } div.content div.container div.right-side #preco-nakupovat-u-nas section#akykolvek-rozmer:after { background-position: 0px -521px; } div.content div.container div.right-side #preco-nakupovat-u-nas section#kamenna-predajna:after { background-position: 0px -573px; } div.content div.container div.right-side #preco-nakupovat-u-nas section#certifikovane-materialy:after { background-position: 0px -628px; } div.content div.container div.right-side #preco-nakupovat-u-nas section#atypicke-rozmery-bez-priplatku:after { background-position: 0px -678px; } div.content div.container div.right-side #preco-nakupovat-u-nas section#vzorky-zadarmo:after { background-position: 0px -730px; } } /* --> Najcastejsie otazky o nakupe, Najcastejsie otazky o produktoch <-- */ /* --> Porovnanie nasich nepremokavych materialov <-- */ div.content div.container div.right-side #porovnanie-nasich-nepremokavych-materialov table.table tbody tr th, div.content div.container div.right-side #porovnanie-nasich-nepremokavych-materialov table.table thead tr th { font-weight: 300; } div.content div.container div.right-side #porovnanie-nasich-nepremokavych-materialov table.table thead tr { border-bottom: none; } div.content div.container div.right-side #porovnanie-nasich-nepremokavych-materialov table.table tbody tr th, div.content div.container div.right-side #porovnanie-nasich-nepremokavych-materialov table.table tbody tr td { border-right: 1px solid #ddd; border-left: 1px solid #ddd; } div.content div.container div.right-side #porovnanie-nasich-nepremokavych-materialov table.table tbody tr td.yes:before { font-family: "Glyphicons Halflings"; content: "\e013"; font-size: 20px; font-size: 2.0rem; color: #75b32b; vertical-align: middle; position: absolute !important; } div.content div.container div.right-side #porovnanie-nasich-nepremokavych-materialov table.table tbody:last-child { border-bottom: 1px solid #ddd; } @media (max-width: 767px) { div.content div.container div.right-side #porovnanie-nasich-nepremokavych-materialov div.table-responsive { border: none; } } /* --> Doprava tovaru, Spôsob platby <-- */ div.content div.container div.right-side div#doprava-tovaru div.shippers { margin-top: 50px; } div.content div.container div.right-side div#doprava-tovaru div.shippers a img { display: block; margin-left: auto; margin-right: auto; margin-top: 50px; margin-bottom: 40px; width: 300px; } div.content div.container div.right-side div#doprava-tovaru table.table img, div.content div.container div.right-side div#sposoby-platby table.table img { width: 28px; margin-top: -10px; margin-right: 15px; display: inline-block; } div.content div.container div.right-side div#sposoby-platby table.table thead th { text-align: center; } div.content div.container div.right-side div#doprava-tovaru table.table tbody tr:hover, div.content div.container div.right-side div#sposoby-platby table.table tbody tr:hover { background-color: var(--very-light-modern-grey); } div.content div.container div.right-side div#sposoby-platby table.table tbody span { font-size: 20px; font-size: 2.0rem; margin-left: 20px; color: var(--blue-icon); } div.content div.container div.right-side div#sposoby-platby table.table tbody span.payment-time, div.content div.container div.right-side div#sposoby-platby table.table tbody span.payment-time span { font-size: 12px; font-size: 1.2rem; margin-left: 20px; color: var(--yellow); } div.content div.container div.right-side div#sposoby-platby table.table tbody ul { list-style: none; margin-top: 10px; font-style: italic; } div.content div.container div.right-side div#sposoby-platby table.table tbody td.fee { text-align: center; font-style: italic; font-size: 12px; font-size: 1.2rem; } div.content div.container div.right-side div#sposoby-platby table.table tbody td.fee span { color: var(--red); margin-bottom: 10px; display: block; text-align: center; } div.content div.container div.right-side div#doprava-tovaru table.table tbody tr[onclick="window.location='Kontakty#osobny-odber'"]:hover { cursor: pointer; } div.content div.container div.right-side div#doprava-tovaru span.dodanie-adresa:after { height: 22px; width: 25px; content: ''; background: url(../images/icons/svg/balik-na-adresu.svg) no-repeat; display: inline-block; max-width: 100%; margin-left: 20px; } div.content div.container div.right-side div#doprava-tovaru span.dodanie-posta:after { height: 22px; width: 25px; content: ''; background: url(../images/icons/svg/balik-na-postu.svg) no-repeat; display: inline-block; max-width: 100%; margin-left: 20px; } /* --> Obchodné podmienky, Reklamačné podmienky <-- */ div.content div.container div.right-side #obchodne-podmienky div.col-xs-12 ol, div.content div.container div.right-side #reklamacne-podmienky div.col-xs-12 ol { padding-left: 20px; } div.content div.container div.right-side #obchodne-podmienky div.col-xs-12 li.strong { font-weight: 700; } div.content div.container div.right-side #obchodne-podmienky div.col-xs-12 a, div.content div.container div.right-side #reklamacne-podmienky div.col-xs-12 a { text-decoration: underline; } div.content div.container div.right-side #obchodne-podmienky div.col-xs-12 a:hover, div.content div.container div.right-side #reklamacne-podmienky div.col-xs-12 a:hover { color: #356fa1; } div.content div.container div.right-side #obchodne-podmienky div.col-xs-12 a:active, div.content div.container div.right-side #reklamacne-podmienky div.col-xs-12 a:active { color: #21496b; } /* --> Kontakty <-- */ div.content div.container div.right-side #kontakty { padding: 0px 15px 15px 15px; background-color: #fff; border-radius: 8px; box-shadow: -0.0625rem 0 0.625rem 0 rgba(0,0,0,0.07),0.3125rem 1.25rem 2.5rem 0 rgba(0,0,0,0.04) !important; } div.content div.container div.right-side #kontakty a:hover { text-decoration: underline; } div.content div.container div.right-side #kontakty div.contact-form { background-color: var(--very-light-grey) !important; } div.content div.container div.right-side #kontakty div.contact-form h2 { color: var(--blue); } div.content div.container div.right-side #kontakty div.contact-form h2, div.content div.container div.right-side #kontakty div.address h2 { padding: 0 10px; } div.content div.container div.right-side #kontakty div.contact-form div.form-group span { font-size: 16px; font-size: 1.6rem; } div.content div.container div.right-side #kontakty div.contact-form div.form-group span::after { content: "*"; color: #dc3545; font-size: 14px; font-size: 1.4rem; padding-left: 4px; vertical-align: text-top; } div.content div.container div.right-side #kontakty div.contact-form div.form-group input.form-control, div.content div.container div.right-side #kontakty div.contact-form div.form-group textarea.form-control { margin-top: 5px; } div.content div.container div.right-side #kontakty div.contact-form div.form-group.has-error input.form-control, div.content div.container div.right-side #kontakty div.contact-form div.form-group.has-error textarea.form-control { background-color: #fff5f5; border-color: #dc3545 !important; } div.content div.container div.right-side #kontakty div.contact-form div.form-group.has-error div.help-block { color: #dc3545 !important; } div.content div.container div.right-side #kontakty div.contact-form form + span { font-style: italic; color: #777777; font-size: 12px; font-size: 1.2rem; margin-bottom: 10px; display: block; } div.content div.container div.right-side #kontakty div.address div span.glyphicon, div.content div.container div.right-side #kontakty div.address div span.fas { font-size: 45px !important; display: block; text-align: center; margin-bottom: 16px; margin-top: 32px; } div.content div.container div.right-side #kontakty div.address div span.glyphicon-map-marker { color: var(--red); text-align: center; } div.content div.container div.right-side #kontakty ul.address-list { list-style: none; padding-left: 0px; } div.content div.container div.right-side #kontakty ul.address-list li { line-height: 26px; font-size: 16px; font-size: 1.6rem; } div.content div.container div.right-side #kontakty #captcha_placeholder { margin-bottom: 20px; padding-top: 7px; } div.content div.container div.right-side #kontakty div#map_canvas { height: 250px; margin-top: 25px; margin-bottom: 25px; } div.content div.container div.right-side #kontakty h3 { font-size: 20px; font-size: 2.0rem; font-weight: 400; margin-top: 15px; margin-bottom: 20px; } div.content div.container div.right-side #kontakty div#osobny-odber h3 { font-size: 26px; font-size: 2.6rem; text-align: center; margin-top: 80px; } div.content div.container div.right-side #kontakty div#osobny-odber h3 ~ span { text-align: center; display: block; margin-bottom: 40px; color: #666; font-style: italic; font-size: 16px; } div.content div.container div.right-side #kontakty div#osobny-odber div.alert { margin-top: 30px; } div.content div.container div.right-side #kontakty div.space { height: 10px; } div.content div.container div.right-side #kontakty input[type="submit"] { background-color: var(--green-text); border: none; border-bottom: 3px solid #578e15; color: var(--white); height: 58px; font-size: 20px; font-size: 2.0rem; } div.content div.container div.right-side #kontakty input[type="submit"]:hover { background-color: #599116; border-bottom: 3px solid #0f5a00; } div.content div.container div.right-side #kontakty div.small { font-weight: 400; } div.content div.container div.right-side #kontakty div.bank-info-wrapper { text-align: center; } div.content div.container div.right-side #kontakty div.bank-info-wrapper div.card { border: 1px solid rgba(0,0,0,.125); border-radius: 8px; box-shadow: -0.0625rem 0 0.625rem 0 rgba(0,0,0,0.07),0.3125rem 0.5rem 1.5rem 0 rgba(0,0,0,0.04) !important; margin-top: 20px; } div.content div.container div.right-side #kontakty div.bank-info-wrapper div.card div.card-header { background-color: rgba(0,0,0,.03); padding: .75rem 1.25rem; border-bottom: 1px solid rgba(0,0,0,.125); } div.content div.container div.right-side #kontakty div.bank-info-wrapper div.card div.card-body { padding-bottom: 20px; } div.content div.container div.right-side #kontakty div.bank-info-wrapper div.card div.card-body img { width: 54px; padding: 26px 0; } div.content div.container div.right-side #kontakty div.bank-info-wrapper div.card div.card-body ul { list-style: none; } @media (max-width: 767px) { div.content div.container div.right-side #kontakty div#map_canvas { height: 400px !important; } div.content div.container div.right-side #kontakty h2.visible-xs, div.content div.container div.right-side #kontakty h2.top-margin { margin-top: 70px; } } /* --> Košík <-- */ /* --> General <-- */ div.content div.container div.right-side div.shoppingcartwrapper { padding: 0px 10px 35px 10px; background-color: #fff; border-radius: 8px; box-shadow: -0.0625rem 0 0.625rem 0 rgba(0,0,0,0.07),0.3125rem 1.25rem 2.5rem 0 rgba(0,0,0,0.04) !important; } div.content div.container div.right-side div.shoppingcartwrapper div.bottomspace { margin: 0px 30px 50px 30px; } div.content div.container div.right-side div.shoppingcartwrapper div.top-space { margin-top: 50px !important; } div.content div.container div.right-side div.shoppingcartwrapper p.title { text-align: center; color: var(--blue); font-size: 18px; font-size: 1.8rem; margin-bottom: 15px; } div.content div.container div.right-side div.shoppingcartwrapper p.title span { padding: 0 10px; position: relative; z-index: 1; } div.content div.container div.right-side div.shoppingcartwrapper div.form-group label, div.content div.container div.right-side div.shoppingcartwrapper div.form-group span.title-label { font-weight: 400; color: var(--text); margin-top: 4px; } div.content div.container div.right-side div.shoppingcartwrapper div.alert.alert-success { border-color: #75b32b !important; color: #599015 !important; background-color: #ffffff !important; background-image: none !important; background-repeat: no-repeat !important; } div.content div.container div.right-side div.shoppingcartwrapper div.alert.alert-warning { border-color: #ffeeba !important; color: #856404 !important; background-color: #fff3cd !important; background-image: none !important; background-repeat: no-repeat !important; } div.content div.container div.right-side div.shoppingcartwrapper div.alert.alert-danger { border-color: #dc3545 !important; color: #dc3545 !important; background-color: #ffffff !important; background-image: none !important; background-repeat: no-repeat !important; } div.content div.container div.right-side div.shoppingcartwrapper ul.radio { padding-left: 0px; margin-top: 20px; list-style: none; } /* --> Shopping steps <-- */ div.content div.container div.right-side div.shoppingcartwrapper ul.shopping-steps { counter-reset: step; list-style: none; padding: 0px; margin: 0px; color: #aaa; } div.content div.container div.right-side div.shoppingcartwrapper ul.shopping-steps li { float: left; width: 25%; position: relative; margin: 10px 0 12px 0; padding-bottom: 10px; border-bottom: 2px solid #ddd; text-align: center; } div.content div.container div.right-side div.shoppingcartwrapper ul.shopping-steps li::before { content: counter(step); counter-increment: step; font-size: 14px; font-size: 1.4rem; width: 40px; height: 40px; line-height: 36px; border: 2px solid #ddd; display: block; text-align: center; margin: 0 auto 10px auto; border-radius: 35%; background-color: #ffffff; } div.content div.container div.right-side div.shoppingcartwrapper ul.shopping-steps li::after { font-family: "Glyphicons Halflings"; content: "\e080"; position: absolute; right: calc(100% - 20px); bottom: calc(100% - 50% - 18px); font-size: 26px; color: var(--grey); } div.content div.container div.right-side div.shoppingcartwrapper ul.shopping-steps li:first-child::after { content: none; } div.content div.container div.right-side div.shoppingcartwrapper ul.shopping-steps li.active { color: var(--blue); border-color: var(--blue); } div.content div.container div.right-side div.shoppingcartwrapper ul.shopping-steps li.active::before { border-color: var(--blue); color: #fff; background-color: var(--blue); } div.content div.container div.right-side div.shoppingcartwrapper ul.shopping-steps li.done { color: #75b32b; border-color: #75b32b; } div.content div.container div.right-side div.shoppingcartwrapper ul.shopping-steps li.done::before { font-family: "Glyphicons Halflings"; content: "\e013"; border-color: #75b32b; } div.content div.container div.right-side div.shoppingcartwrapper ul.shopping-steps li.active::after, div.content div.container div.right-side div.shoppingcartwrapper ul.shopping-steps li.done::after { color: #75b32b; } div.content div.container div.right-side div.shoppingcartwrapper div#step1, div.content div.container div.right-side div.shoppingcartwrapper div#step2, div.content div.container div.right-side div.shoppingcartwrapper div#step3, div.content div.container div.right-side div.shoppingcartwrapper div#step4, div.content div.container div.right-side div.shoppingcartwrapper div#step5 { margin-top: 50px; } div.content div.container div.right-side div.shoppingcartwrapper div.panel-success { border: none !important; box-shadow: none !important; } /* --> Tablewrapper Step1 + Step4 <-- */ div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper:first-child { border-bottom: 1px solid #ddd !important; padding-bottom: 30px; } div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper div.heading { background-color: #ffffff; border: none !important; border-bottom: 1px solid #ddd !important; background-image: none !important; margin-left: 0px; margin-right: 0px; } div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper div.heading div { font-size: 14px; font-size: 1.4rem; color: #999999; font-weight: 300; padding: 8px !important; } div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper div.content { margin-left: 0px; margin-right: 0px; } div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper div.content div { font-size: 14px; font-size: 1.4rem; color: var(--text); padding: 8px; } div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper div.content div.form-group.has-error div.help-block { color: #dc3545 !important; } div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper div.content div.form-group.has-error input, div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper div.content div.form-group.has-error div.input-group-addon { border-color: #dc3545 !important; background-color: #fff5f5; color: #dc3545; } div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper div.content div input[type="button"].erase-button { float: right; background-repeat: no-repeat; border: none; padding: 0px; background-color: transparent; } div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper div.content div.product-name { padding-left: 0px !important; padding-top: 0px !important; font-weight: 700; } div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper div.content div.product-name a:hover { text-decoration: underline; } div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper div.content table { margin-left: 15px !important; } div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper div.content table tr td:first-child { width: 150px !important; } div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper div.content div input.erase-button { background-image: url(../images/shoppingcart/erase_button.png); background-size: 25px; width: 25px; height: 25px; } div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper div.content div input.refresh-button { background-image: url(../images/shoppingcart/refresh_button.png); background-size: 25px; background-repeat: no-repeat; border: none; padding: 0px; background-color: transparent; width: 25px; height: 25px; float: right; margin-top: 7px; margin-right: 8px; } div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper div.content div.form-group.has-error.has-danger div input.refresh-button { border-color: unset !important; background-color: unset !important; color: unset !important; } div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper div.content div div.form-group { display: inline-block; margin-bottom: 0px; padding: 0px; padding-top: 2px; } div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper div.content div div.form-group div.help-block.with-errors { margin-right: -220px; padding: 0px !important; } div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper div.content div div.input-group { padding: 0px !important; } div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper div.content div div.input-group input.form-control { height: 35px; width: 50px; } div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper div.content div div.input-group input::-webkit-outer-spin-button, div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper div.content div div.input-group input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper div.content div div.input-group div.input-group-addon { padding: 0px !important; width: 30px; border-left: none; border-radius: 0px 4px 4px 0px; } div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper div.content div div.input-group div.input-group-addon button.add { font-size: 8px; font-size: 0.8rem; padding: 0px 4px; height: 16px; border-radius: 0px 4px 0px 0px !important; border-bottom: 1px solid #ccc; background-color: #f7f8f8; color: #777; } div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper div.content div div.input-group div.input-group-addon button.remove { font-size: 8px; font-size: 0.8rem; padding: 0px 4px; margin-top: 0px; height: 16px; border-radius: 0px 0px 4px 0px; background-color: #f7f8f8; color: #777; } div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper div.content div.form-group.has-error.has-danger div.input-group div.input-group-addon button.add { border-bottom: 1px solid #dc3545 !important; background-color: #fff5f5; color: #dc3545; } div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper div.content div.form-group.has-error.has-danger div.input-group div.input-group-addon button.remove { background-color: #fff5f5; color: #dc3545; } div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper div.content div.price-per-one-col { margin-top: 8px !important; } div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper div.content div.total-price { font-weight: 700; color: #7e9e00; padding-right: 0px !important; margin-top: 8px !important; width: 100px; } div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper div.content div.delete { width: 41px; margin-top: 7px; } div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper.summary { margin-bottom: 100px; margin-left: 0px; margin-right: 0px; } div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper.summary.row div { border: none; color: var(--text); font-size: 14px; font-size: 1.4rem; text-align: right; } div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper.summary.row div span { font-weight: 700; font-size: 20px; font-size: 2.0rem; color: #7e9e00; margin-left: 75px; } /* --> Step buttons <-- */ div.content div.container div.right-side div.shoppingcartwrapper input[type="submit"].back, div.content div.container div.right-side div.shoppingcartwrapper input[type="button"].back { color: var(--text); border: 1px solid #ccc; border-bottom: 2px solid #bbb; background-color: #eee; font-size: 14px; font-size: 1.4rem; width: 240px; margin-top: 24px; display: inline-block; } div.content div.container div.right-side div.shoppingcartwrapper input[type="submit"].back:hover, div.content div.container div.right-side div.shoppingcartwrapper input[type="button"].back:hover { background-color: #e3e3e3; border-color: #c3c3c3; } div.content div.container div.right-side div.shoppingcartwrapper input[type="submit"].next, div.content div.container div.right-side div.shoppingcartwrapper input[type="button"].next { color: #ffffff; background-color: #75b32b; border: 1px solid #75b32b; border-bottom: 3px solid #578e15; font-size: 20px; font-size: 2.0rem; width: 300px; display: inline-block; float: right; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; height: 58px; border-radius: 6px; } div.content div.container div.right-side div.shoppingcartwrapper input[type="submit"].next:hover, div.content div.container div.right-side div.shoppingcartwrapper input[type="button"].next:hover { background-color: #599116; border: 1px solid #599116; border-bottom: 3px solid #0f5a00; } div.content div.container div.right-side div.shoppingcartwrapper input[type="submit"].next-last, div.content div.container div.right-side div.shoppingcartwrapper input[type="button"].next-last { color: #ffffff; background-color: #75b32b; border-bottom: 3px solid #578e15 !important; border: 1px solid #75b32b; font-size: 20px; font-size: 2.0rem; width: 400px; display: inline-block; float: right; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; height: 58px; border-radius: 6px; } div.content div.container div.right-side div.shoppingcartwrapper input[type="submit"].next-last:hover, div.content div.container div.right-side div.shoppingcartwrapper input[type="button"].next-last:hover { background-color: #599116; border-bottom: 3px solid #0f5a00 !important; } /* --> Step2 <-- */ div.content div.container div.right-side div.shoppingcartwrapper div#step2 div.person-type ul.radio li { display: inline-block; padding-right: 0px !important; padding-left: 0px !important; } div.content div.container div.right-side div.shoppingcartwrapper div#step2 div.person-type ul.radio li input { display: none; } div.content div.container div.right-side div.shoppingcartwrapper div#step2 div.person-type ul.radio li input:checked + label { color: #75b32b; border: none; border-bottom: 2px solid #75b32b; border-radius: 0px; background-color: #ffffff; transition: color 0.25s ease, border-color 0.25s ease; } div.content div.container div.right-side div.shoppingcartwrapper div#step2 div.person-type ul.radio li label { color: #aaa; border: none; border-bottom: 2px solid #ddd; font-size: 20px; font-size: 2.0rem; display: inline-block; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; padding: 10px !important; width: 300px; text-align: center; transition: color 0.25s ease, border-color 0.25s ease, border-bottom 0.25s ease; } div.content div.container div.right-side div.shoppingcartwrapper div#step2 div.person-type ul.radio li label:hover { border-bottom: 2px solid var(--text); color: var(--text); transition: color 0.25s ease, border-bottom 0.25s ease; } div.content div.container div.right-side div.shoppingcartwrapper div#step2 div#foView, div.content div.container div.right-side div.shoppingcartwrapper div#step2 div#poView { padding-left: 30px; padding-right: 30px; } div.content div.container div.right-side div.shoppingcartwrapper div#step2 div.form-group div.note { font-size: 16px; font-size: 1.6rem; font-weight: 400; color: var(--text); padding-left: 0px !important; margin-bottom: 10px; } div.content div.container div.right-side div.shoppingcartwrapper div#step2 div.form-group input[type="submit"].copy-button, div.content div.container div.right-side div.shoppingcartwrapper div#step2 div.form-group input[type="button"].copy-button { color: #ffffff; background-color: #75b32b; border-bottom: 3px solid #578e15; font-size: 18px; font-size: 1.8rem; display: inline-block; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; height: 58px; border-radius: 6px; padding: 14px !important; } div.content div.container div.right-side div.shoppingcartwrapper div#step2 div.form-group input[type="submit"].copy-button:hover, div.content div.container div.right-side div.shoppingcartwrapper div#step2 div.form-group input[type="button"].copy-button:hover, div.content div.container div.right-side div.shoppingcartwrapper div#step2 div.form-group input[type="submit"].copy-button:focus, div.content div.container div.right-side div.shoppingcartwrapper div#step2 div.form-group input[type="button"].copy-button:focus { background-color: #599116; border: 1px solid #599116 !important; border-bottom: 3px solid #0f5a00 !important; outline: none !important; padding-left: 14px !important; } div.content div.container div.right-side div.shoppingcartwrapper div#step2 div.form-group.has-error input.form-control { background-color: #fff5f5; border-color: #dc3545 !important } div.content div.container div.right-side div.shoppingcartwrapper div#step2 div.form-group.has-error div.help-block { color: #dc3545 !important; } /* --> switch component <--*/ div.content div.container div.right-side div.shoppingcartwrapper div#step2 div#form div.form-group div.checkbox { text-align: center; } div.content div.container div.right-side div.shoppingcartwrapper div#step2 div#form div.form-group div.checkbox input { margin-left: 0px; width: 20px; height: 20px !important; margin-top: 2px; } div.content div.container div.right-side div.shoppingcartwrapper div#step2 div#form div.form-group div.checkbox label.el-switch { color: var(--text); margin-top: 0px; font-size: 18px; font-size: 1.8rem; padding-left: 0px; } div.content div.container div.right-side div.shoppingcartwrapper div#step2 div#form div.form-group div.checkbox label.el-switch, div.content div.container div.right-side div.shoppingcartwrapper div#step2 div#form div.form-group div.checkbox label.el-switch span.el-switch-style, div.content div.container div.right-side div.shoppingcartwrapper div#step2 div#form div.form-group div.checkbox label.el-switch span.el-switch-style:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } div.content div.container div.right-side div.shoppingcartwrapper div#step2 div#form div.form-group div.checkbox label.el-switch { display: inline-block; height: 1.6em; position: relative; } div.content div.container div.right-side div.shoppingcartwrapper div#step2 div#form div.form-group div.checkbox label.el-switch span.el-switch-style { height: 1.6em; left: 0; top: 6px; background: #C0CCDA; -webkit-border-radius: 0.8em; border-radius: 0.8em; display: inline-block; position: relative; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; width: 3em; cursor: pointer; margin-right: 10px; } div.content div.container div.right-side div.shoppingcartwrapper div#step2 div#form div.form-group div.checkbox label.el-switch span.el-switch-style:before { display: block; content: ''; height: 1.3em; position: absolute; width: 1.3em; background-color: #fff; -webkit-border-radius: 50%; border-radius: 50%; left: 0.15em; top: 0.15em; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } div.content div.container div.right-side div.shoppingcartwrapper div#step2 div#form div.form-group div.checkbox label.el-switch > input[type="checkbox"] { display: none; } div.content div.container div.right-side div.shoppingcartwrapper div#step2 div#form div.form-group div.checkbox label.el-switch > input[type="checkbox"]:checked + .el-switch-style { background-color: #20a0ff; } div.content div.container div.right-side div.shoppingcartwrapper div#step2 div#form div.form-group div.checkbox label.el-switch > input[type="checkbox"]:checked + .el-switch-style:before { left: 50%; } div.content div.container div.right-side div.shoppingcartwrapper div#step2 div#form div.form-group div.checkbox label.el-switch > input[type="checkbox"]:checked[disabled] + .el-switch-style { background-color: #b0d7f5; } div.content div.container div.right-side div.shoppingcartwrapper div#step2 div#form div.form-group { position: relative; margin: 1rem 0; } div.content div.container div.right-side div.shoppingcartwrapper div#step2 div#form div.form-group input { height: 50px; font-size: 18px; font-size: 1.8rem; } div.content div.container div.right-side div.shoppingcartwrapper div#step2 div#form div.form-group input.form-control:hover { border-color: var(--blue); } div.content div.container div.right-side div.shoppingcartwrapper div#step2 div#form div.form-group input.form-control:focus { border: 2px solid var(--blue); padding-left: 13px; } div.content div.container div.right-side div.shoppingcartwrapper div#step2 div#form div.form-group > input, div.content div.container div.right-side div.shoppingcartwrapper div#step2 div#form div.form-group > label { padding: 14px; } div.content div.container div.right-side div.shoppingcartwrapper div#step2 div#form div.form-group > label { position: absolute; top: 0; display: block; width: 100%; margin-bottom: 0; border: 1px solid transparent; pointer-events: none; font-weight: 500; margin-top: 0px !important; padding-top: calc(0.75rem / 3); font-size: 11px; color: var(--text); } div.content div.container div.right-side div.shoppingcartwrapper div#step2 div#form div.form-group input:not(:placeholder-shown) { padding-bottom: 0px; } div.content div.container div.right-side div.shoppingcartwrapper div#step2 div#form div.form-group label.required::after { content: "*"; color: #dc3545; font-size: 14px; font-size: 1.4rem; padding-left: 4px; vertical-align: text-top; } /* --> Step3 <-- */ div.content div.container div.right-side div.shoppingcartwrapper div#step3 ul#uhradaRBL li { display: block; border: 1px solid #ececec; border-radius: 3px; background-color: #f9f9f9; color: var(--text); margin-bottom: 15px; } div.content div.container div.right-side div.shoppingcartwrapper div#step3 ul#uhradaRBL li.active { border: 1px solid #bdd3ff; background-color: #f0f5ff; } div.content div.container div.right-side div.shoppingcartwrapper div#step3 ul#uhradaRBL li input { margin-top: 16px; margin-left: 15px; } div.content div.container div.right-side div.shoppingcartwrapper div#step3 ul#uhradaRBL li label { font-size: 16px; font-size: 1.6rem; color: var(--text); margin-top: 0px; padding-left: 10px; padding: 12px 12px 12px 45px; display: block; } div.content div.container div.right-side div.shoppingcartwrapper div#step3 ul#uhradaRBL li label div.delivery-text { width: 70%; display: inline-block; padding-right: 30px; } div.content div.container div.right-side div.shoppingcartwrapper div#step3 ul#uhradaRBL li label div.delivery-price { width: 30%; float: right; } div.content div.container div.right-side div.shoppingcartwrapper div#step3 ul#uhradaRBL li label div.delivery-price span { float: right; } div.content div.container div.right-side div.shoppingcartwrapper div#step3 ul#uhradaRBL li label div.delivery-price-free { width: 30%; float: right; } div.content div.container div.right-side div.shoppingcartwrapper div#step3 ul#uhradaRBL li label div.delivery-price-free span { color: #75b32b; float: right; } div.content div.container div.right-side div.shoppingcartwrapper div#step3 ul#uhradaRBL li input.zasielkovna-sk-button[type="button"] { color: #75b32b; background-color: #fff; border: 1px solid #75b32b; border-bottom-width: 2px; font-size: 14px; font-size: 1.4rem; margin-bottom: 20px; margin-left: auto !important; margin-right: auto !important; padding: 0px 20px; height: 40px; border-radius: 10px; display: block; } div.content div.container div.right-side div.shoppingcartwrapper div#step3 ul#uhradaRBL li input.zasielkovna-sk-button[type="button"]:hover { background-color: #75b32b2b; } div.content div.container div.right-side div.shoppingcartwrapper div#step3 ul#uhradaRBL li span.zasielkovna-sk-name { font-size: 16px; font-size: 1.6rem; display: block; margin: 20px 0px; text-align: center; } div.content div.container div.right-side div.shoppingcartwrapper div#step3 ul#uhradaRBL li span.zasielkovna-sk-name span:first-child { margin-top: 20px; } div.content div.container div.right-side div.shoppingcartwrapper div#step3 ul#uhradaRBL li span.zasielkovna-sk-name span.delivery-name { display: block; font-weight: 700; } div.content div.container div.right-side div.shoppingcartwrapper div#step3 ul#uhradaRBL li span.personal div#osobny-odber { padding-left: 15px; padding-right: 15px; } div.content div.container div.right-side div.shoppingcartwrapper div#step3 ul#uhradaRBL li span.personal div#osobny-odber span.glyphicon-map-marker { color: #dc3545; text-align: center; display: block; font-size: 54px; margin-bottom: 20px; } div.content div.container div.right-side div.shoppingcartwrapper div#step3 ul#uhradaRBL li span.personal div#osobny-odber ul.address-list, div.content div.container div.right-side div.shoppingcartwrapper div#step3 ul#uhradaRBL li span.personal div#osobny-odber ul.opn-hrs { list-style: none; margin-bottom: 10px; } div.content div.container div.right-side div.shoppingcartwrapper div#step3 ul#uhradaRBL li span.personal div#osobny-odber ul.address-list li, div.content div.container div.right-side div.shoppingcartwrapper div#step3 ul#uhradaRBL li span.personal div#osobny-odber ul.opn-hrs li { padding: 0px; background-color: transparent; border: none; margin-bottom: 0px; } div.content div.container div.right-side div.shoppingcartwrapper div#step3 ul#uhradaRBL li span.personal div#osobny-odber span.glyphicon-time { color: #007bff; text-align: center; display: block; font-size: 54px; margin-bottom: 20px; } /* --> Step4 <-- */ div.content div.container div.right-side div.shoppingcartwrapper div#step4 table.table.summary-check { margin-top: 50px; margin-bottom: 50px; } div.content div.container div.right-side div.shoppingcartwrapper div#step4 table.table.summary-check tr td { border: none; color: var(--text); font-size: 14px; font-size: 1.4rem; } div.content div.container div.right-side div.shoppingcartwrapper div#step4 table.table.summary-check tr td:nth-child(2) { background-color: #efefef; text-align: right; } div.content div.container div.right-side div.shoppingcartwrapper div#step4 table.table.summary-check tr:nth-child(3) { border-top: 1px dashed #aaa; } div.content div.container div.right-side div.shoppingcartwrapper div#step4 table.table.summary-check tr:nth-child(3) td { font-size: 16px; font-size: 1.6rem; font-weight: 700; } div.content div.container div.right-side div.shoppingcartwrapper div#step4 table.table.summary-check tr:nth-child(3) td:nth-child(2) { color: #f00000; font-size: 20px; font-size: 2.0rem; } div.content div.container div.right-side div.shoppingcartwrapper div#step4 div.table-border { min-height: 200px; margin-bottom: 26px; } div.content div.container div.right-side div.shoppingcartwrapper div#step4 div.table-border:nth-last-child(2) { margin-bottom: 70px; min-height: 200px !important; } div.content div.container div.right-side div.shoppingcartwrapper div#step4 div.table-border:nth-last-child(2) div.text { min-height: 200px !important; } div.content div.container div.right-side div.shoppingcartwrapper div#step4 div.table-border div.icon { font-size: 100px !important; font-size: 10.0rem !important; text-align: center !important; height: 200px; color: #ffffff; } div.content div.container div.right-side div.shoppingcartwrapper div#step4 div.table-border div.icon.first { background-color: #f35f62; } div.content div.container div.right-side div.shoppingcartwrapper div#step4 div.table-border div.icon.second { background-color: #af76f0; } div.content div.container div.right-side div.shoppingcartwrapper div#step4 div.table-border div.icon.third { background-color: #fdc006; } div.content div.container div.right-side div.shoppingcartwrapper div#step4 div.table-border div.icon.forth { background-color: #a2cf37; } div.content div.container div.right-side div.shoppingcartwrapper div#step4 div.table-border div.icon.fifth { background-color: #2ea3fc; } div.content div.container div.right-side div.shoppingcartwrapper div#step4 div.table-border div.icon span { vertical-align: middle; } div.content div.container div.right-side div.shoppingcartwrapper div#step4 div.table-border div.text { background-color: #efefef; min-height: 200px !important; padding: 15px; } div.content div.container div.right-side div.shoppingcartwrapper div#step4 div.table-border div.text span { display: block; } /* --> ProcessMessage <-- */ div.content div.container div.right-side div.shoppingcartwrapper div#proccessMessage div.alert-success { margin-top: 25px; } div.content div.container div.right-side div.shoppingcartwrapper div#proccessMessage div.alert-success span:nth-child(2) { display: block; margin-top: 15px; } div.content div.container div.right-side div.shoppingcartwrapper div#proccessMessage span.loading { font-size: 200px; font-size: 20.0rem; color: #75b32b; display: block; text-align: center; margin: 50px 0; -webkit-animation: spin 4s linear infinite; -moz-animation: spin 4s linear infinite; animation: spin 2s linear infinite; } @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } div.content div.container div.right-side div.shoppingcartwrapper div#proccessMessage span.loading-text { margin-top: 50px; font-size: 24px; font-size: 2.4rem; font-weight: 400; color: var(--text); display: block; text-align: center; } /* --> Step5 <-- */ div.content div.container div.right-side div.shoppingcartwrapper div#step5 div.shopping-result { margin-bottom: 20px; padding-top: 30px; } div.content div.container div.right-side div.shoppingcartwrapper div#step5 div.shopping-result span.far { font-size: 200px; font-size: 20.0rem; color: #75b32b !important; display: block; text-align: center; } div.content div.container div.right-side div.shoppingcartwrapper div#step5 div.shopping-result h1 { margin-top: 50px; font-size: 40px; font-size: 4.0rem; font-weight: 400; color: var(--blue-logo); display: block; text-align: center; } div.content div.container div.right-side div.shoppingcartwrapper div#step5 div.shopping-result h2 { margin-top: 60px; font-size: 20px; font-size: 2.0rem; font-weight: 400; display: block; text-align: center; } div.content div.container div.right-side div.shoppingcartwrapper div#step5 div.shopping-result div.order-number { color: var(--green-text); font-size: 40px; font-size: 4.0rem; display: block; text-align: center; } div.content div.container div.right-side div.shoppingcartwrapper div#step5 div.shopping-result div span.glyphicon.glyphicon-envelope.big { font-size: 130px; font-size: 13.0rem; color: #75b32b !important; margin-top: 50px; transform: rotate(-10deg); text-align: center; display: block; } div.content div.container div.right-side div.shoppingcartwrapper div#step5 div.shopping-result a:hover { text-decoration: underline; } div.content div.container div.right-side div.shoppingcartwrapper div#step5 div.shopping-result div p { margin-bottom: 0px !important; color: var(--text); } div.content div.container div.right-side div.shoppingcartwrapper div#step5 div.shopping-result div p:first-child { margin-top: 50px; } div.content div.container div.right-side div.shoppingcartwrapper div#step5 div.shopping-result div span.email { color: var(--red); margin: 20px 0; display: block; font-size: 20px; font-size: 2.0rem; } div.content div.container div.right-side div.shoppingcartwrapper div#step5 div.shopping-result div p:nth-child(3n) { margin-top: 20px; } div.content div.container div.right-side div.shoppingcartwrapper div#step5 div.shopping-result div ul.what-if { margin-bottom: 0px !important; color: var(--text); } div.content div.container div.right-side div.shoppingcartwrapper div#step5 div.shopping-result div ul.what-if li { display: block; } div.content div.container div.right-side div.shoppingcartwrapper div#step5 div.shopping-result div ul.what-if li:before { content: "\e092"; font-family: 'Glyphicons Halflings'; font-size: 9px; float: left; margin-top: 4px; margin-left: -17px; color: #75b32b; } @media (max-width: 1199px) { div.content div.container div.right-side div.shoppingcartwrapper ul.shopping-steps li { width: 25% !important; } div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper div.content div.product-name div { padding-left: 0px !important; padding-right: 0px !important; } div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper div.content table tr td:first-child { width: 110px !important; } div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper div.content table { margin-left: 0px !important; } div.content div.container div.right-side div.shoppingcartwrapper div.bottomspace { margin-right: 0px !important; margin-left: 0px !important; } div.content div.container div.right-side div.shoppingcartwrapper div.bottomspace div.left { padding-right: 20px !important; } div.content div.container div.right-side div.shoppingcartwrapper div.bottomspace div.right { padding-left: 20px !important; } div.content div.container div.right-side div.shoppingcartwrapper ul.shopping-steps li span:first-child { font-size: 14px; font-size: 1.4rem; width: 26px; height: 26px; line-height: 25px; } div.content div.container div.right-side div.shoppingcartwrapper ul.shopping-steps li span:nth-child(2) { font-size: 14px; font-size: 1.4rem; } div.content div.container div.right-side div.shoppingcartwrapper input[type="submit"].next-last, div.content div.container div.right-side div.shoppingcartwrapper input[type="button"].next-last { width: 350px; } div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper div.content div input.refresh-button { margin-right: 30px; } div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper div.content div.total-price { width: 70px; } } @media (max-width: 991px) { div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper div.content table tr td:first-child { width: 110px !important; } div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper div.heading div { font-size: 14px; font-size: 1.4rem; } div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper div.content div.product-name div { padding-left: 0px !important; padding-right: 0px !important; } div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper div.content table { margin-left: 0px !important; } div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper div.content div.total-price { width: 70px; } } @media (max-width: 767px) { div.content div.container div.right-side div.shoppingcartwrapper { border-radius: 0px !important; box-shadow: none !important; } div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper div.content { border: 1px solid #ddd; border-radius: 4px; margin-bottom: 25px; } div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper div.content div.product-name a { width: 90vw !important; } div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper:first-child { border-bottom: none !important; } div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper div.content table tr td:first-child { width: 150px !important; } div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper div.content div.total-price { text-align: right; padding-top: 14px !important; padding-right: 4px !important; padding-left: 0px !important; width: 33.33333333% !important; } div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper div.content div.total-price span { color: #f00000; font-weight: 400; font-size: 18px; font-size: 1.8rem; } div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper div.count, div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper div.content div.total-price { background-color: #f5f5f5; height: 75px; margin-top: 0px !important; border-top: 1px solid #ddd; } div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper div.content div.count div.form-group { width: auto !important; padding-left: 0px !important; padding-right: 0px !important; float: left; } div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper div.content div.count div.form-group div.input-group { width: auto !important; display: block; } div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper div.count div.form-group div.input-group input.form-control { border-top-right-radius: 4px; border-bottom-right-radius: 4px; width: 55px; text-align: center; font-size: 15px; font-size: 1.5rem; font-weight: 700; } div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper div.content div.count div.input-group-addon { padding: 0px !important; width: auto !important; border: none !important; border-radius: 0px !important; display: -webkit-inline-box; background-color: #f5f5f5 !important; } div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper div.content div.count div.input-group-addon button.btn-block { margin-top: 0px !important; width: 36px; background-color: #ffffff !important; border: 2px solid var(--blue); border-radius: 0px !important; border-radius: 45px 45px 45px 45px !important; color: var(--blue) !important; margin-left: 10px; } div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper div.content div.count div.input-group-addon button.btn-block.add, div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper div.content div.count div.input-group-addon button.btn-block.remove { border-radius: 45px 45px 45px 45px !important; border-bottom: 2px solid var(--blue); height: 35px; font-size: 12px !important; font-size: 1.2rem !important; } div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper div.content div.form-group.has-error.has-danger div.input-group div.input-group-addon button.add { border-bottom: 2px solid var(--blue) !important; } div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper div.content div input.refresh-button { background-size: 32px; width: 32px; height: 32px; margin-top: 2px !important; float: left !important; margin-left: 10px !important; margin-right: 0px !important; } div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper div.content div.form-group.has-error.has-danger div input.refresh-button { border-color: unset !important; background-color: #f5f5f5 !important; color: unset !important; } div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper div.content div.form-group.has-error.has-danger div.help-block.with-errors { margin-right: -80px; } div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper div.content span.amount { padding-right: 39px; } div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper div.content span.price-one { padding-right: 25px; } div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper div.content span.price-two { padding-right: 17px; } div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper.summary { margin-bottom: 40px; } div.content div.container div.right-side div.shoppingcartwrapper input[type="submit"].back, div.content div.container div.right-side div.shoppingcartwrapper input[type="button"].back { margin: 20px 0; } div.content div.container div.right-side div.shoppingcartwrapper input[type="submit"].back, div.content div.container div.right-side div.shoppingcartwrapper input[type="submit"].next, div.content div.container div.right-side div.shoppingcartwrapper input[type="button"].back, div.content div.container div.right-side div.shoppingcartwrapper input[type="button"].next, div.content div.container div.right-side div.shoppingcartwrapper input[type="submit"].next-last { width: 100% !important; } div.content div.container div.right-side div.shoppingcartwrapper div.bottomspace div.col-xs-12 { padding-left: 0px !important; padding-right: 0px !important; } div.content div.container div.right-side div.shoppingcartwrapper div.bottomspace div.left { padding-bottom: 50px !important; } div.content div.container div.right-side div.shoppingcartwrapper ul.shopping-steps li { height: 102px; } div.content div.container div.right-side div.shoppingcartwrapper ul.shopping-steps li::after { content: none; } div.content div.container div.right-side div.shoppingcartwrapper div.person-type ul.radio li { width: 49%; } div.content div.container div.right-side div.shoppingcartwrapper div.person-type ul.radio li label { width: 100%; } div.content div.container div.right-side div.shoppingcartwrapper div.form-group.fo-form div.nopadding, div.content div.container div.right-side div.shoppingcartwrapper div#dodaciaAdresaFOPanel div.form-group div.nopadding, div.content div.container div.right-side div.shoppingcartwrapper div#poView div.form-group div.nopadding { padding: 0px !important; } div.content div.container div.right-side div.shoppingcartwrapper div.form-group.fo-form div.nopadding label, div.content div.container div.right-side div.shoppingcartwrapper div#dodaciaAdresaFOPanel div.form-group div.nopadding label, div.content div.container div.right-side div.shoppingcartwrapper div#poView div.form-group div.nopadding label { font-size: 14px; font-size: 1.4rem; } div.content div.container div.right-side div.shoppingcartwrapper div.form-group.fo-form div.nopadding input, div.content div.container div.right-side div.shoppingcartwrapper div#dodaciaAdresaFOPanel div.form-group div.nopadding input, div.content div.container div.right-side div.shoppingcartwrapper div#poView div.form-group div.nopadding input { box-shadow: none !important; } div.content div.container div.right-side div.shoppingcartwrapper div.form-group.has-error { max-height: 83px; } div.content div.container div.right-side div.shoppingcartwrapper div.form-group.has-error::after { font-size: 26px !important; font-size: 2.6rem !important; position: relative; left: 94% !important; top: -70px !important; height: 26px; } div.content div.container div.right-side div.shoppingcartwrapper div.form-group.has-error div.help-block { margin-top: 5px !important; } div.content div.container div.right-side div.shoppingcartwrapper div#step2 div#foView, div.content div.container div.right-side div.shoppingcartwrapper div#step2 div#poView { padding-left: 0px; padding-right: 0px; } div.content div.container div.right-side div.shoppingcartwrapper div#step4 div.summary-table { padding-left: 0px !important; padding-right: 0px !important; } div.content div.container div.right-side div.shoppingcartwrapper div#step4 div.table-border { height: auto !important; margin-bottom: 26px; } div.content div.container div.right-side div.shoppingcartwrapper div#step4 div.table-border div.icon { font-size: 70px !important; font-size: 7.0rem !important; height: 130px; } div.content div.container div.right-side div.shoppingcartwrapper div#step4 div.table-border div.text { height: auto !important; min-height: unset !important; } div.content div.container div.right-side div.shoppingcartwrapper ul#uhradaRBL li span.personal div#osobny-odber { margin: auto !important; } } @media (max-width: 500px) { div.content div.container div.right-side div.shoppingcartwrapper ul.shopping-steps li span.title { font-size: 13px; font-size: 1.3rem; } div.content div.container div.right-side div.shoppingcartwrapper div.form-group input[type="submit"].copy-button, div.content div.container div.right-side div.shoppingcartwrapper div.form-group input[type="button"].copy-button { font-size: 16px !important; font-size: 1.6rem !important; } } @media (max-width: 430px) { div.content div.container div.right-side div.shoppingcartwrapper div.form-group.has-error div.help-block.with-errors ul li { font-size: 10px !important; font-size: 1.0rem !important; } div.content div.container div.right-side div.shoppingcartwrapper div.form-group input[type="submit"].copy-button, div.content div.container div.right-side div.shoppingcartwrapper div.form-group input[type="button"].copy-button { font-size: 15px !important; font-size: 1.5rem !important; } div.content div.container div.right-side div.shoppingcartwrapper div#step2 div#form div.form-group div.checkbox label.el-switch { font-size: 16px; font-size: 1.6rem; } } @media (max-width: 400px) { div.content div.container div.right-side div.shoppingcartwrapper div.form-group input[type="submit"].copy-button, div.content div.container div.right-side div.shoppingcartwrapper div.form-group input[type="button"].copy-button { font-size: 14px !important; font-size: 1.4rem !important; } } @media (max-width: 385px) { div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper div.content div.total-price span { font-size: 16px; font-size: 1.6rem; } } @media (max-width: 380px) { div.content div.container div.right-side div.shoppingcartwrapper input[type="submit"].next-last, div.content div.container div.right-side div.shoppingcartwrapper input[type="button"].next-last { font-size: 17px; font-size: 1.7rem; } div.content div.container div.right-side div.shoppingcartwrapper div#step4 div.summary-table table tbody tr td:first-child { width: 170px !important; } div.content div.container div.right-side div.shoppingcartwrapper div.person-type ul.radio li label { font-size: 18px; font-size: 1.8rem; } div.content div.container div.right-side div.shoppingcartwrapper div.form-group input[type="submit"].copy-button, div.content div.container div.right-side div.shoppingcartwrapper div.form-group input[type="button"].copy-button { font-size: 13px !important; font-size: 1.3rem !important; } div.content div.container div.right-side div.shoppingcartwrapper div#step2 div#form div.form-group div.checkbox label.el-switch { font-size: 15px; font-size: 1.5rem; } } @media (max-width: 350px) { div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper div.content div.total-price span { font-size: 15px; font-size: 1.5rem; } div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper div.content div.count div.input-group-addon button.btn-block { margin-left: 5px; } } @media (max-width: 325px) { div.content div.container div.right-side div.shoppingcartwrapper div.tablewrapper div.content div.total-price span { font-size: 14px; font-size: 1.4rem; } } /* --> Cookie <-- */ div.content div.container div.right-side #cookie { padding: 0px 15px 15px 15px; } div.content div.container div.right-side #cookie a { text-decoration: underline; } div.content div.container div.right-side #cookie a:hover { color: #356fa1; } /* --> Chyba <-- */ body#error { width: 100%; height: auto; margin-right: auto; margin-left: auto; text-align: center; background-color: var(--very-light-modern-grey); color: #f35f62; font-family: 'Segoe UI'; } body#error div.bg img.logo { margin: 20px auto; width: 300px; height: auto; } body#error div.bg h1 { font-size: 40px; font-size: 4.0rem; font-weight: 300; color: var(--red); } body#error div.bg p:nth-child(3) { font-size: 16px; font-size: 1.6rem; margin-top: 40px; } body#error div.bg p:nth-child(4) { font-size: 10px; font-size: 1.0rem; margin-top: 40px; } body#error div.bg a { color: #ffffff; background-color: #f35f62; font-size: 12px; font-size: 1.2rem; display: inline-block; border-radius: 3px; border: 1px solid #f35f62; margin: 40px auto; padding: 6px 20px 6px 20px; width: 200px; } body#error div.bg a:hover { color: var(--blue) !important; background-color: transparent; } @media (max-width: 991px) { body#error { margin: 0px; background-color: var(--very-light-modern-grey) !important; } body#error div.bg { width: 100% !important; } } @media (max-width: 767px) { body#error { background-color: var(--very-light-modern-grey); } body#error div.bg img.logo { margin: 20px auto; width: 200px; height: auto; } }