@import "base.css";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,700');
html { height: 100%; }
body { height: 100%; background-color: #fff; }
a, a:hover, a:focus { text-decoration: none; }
a.btn-primary, a.btn-primary:visited { color: #fff; }
h1, h2, h3 { color: rgb(0, 56, 128); }
code { font-size: 80%; }
.well { margin-bottom: 5px; }
.carousel-control.left, .carousel-control.right { width: 5%; background-image: none; color: #000000; }
.page-header { padding: 0; margin-top: 5px; margin-bottom: 5px; color: #275792; }
.breadcrumb-link a { font-weight: bold; font-size: 1.1em; color: #275792; }
.breadcrumb-title { font-weight: bold; font-size: 1.2em; color: #00b8ec; }

.panel-body { padding: 5px; }
.form-group { margin-bottom: 3px; }
form:not(.grido) input[type=text]:not(.range, .form-control-off), form:not(.grido) input[type=password]:not(.form-control-off), form:not(.grido) select, form:not(.grido) textarea, form:not(.grido) .ui-spinner { width: 100%; }
form:not(.grido) textarea { height: 50px; }

.box, #content-header-wrap { position: relative; }
.box-header { position: relative; font-size: 1.7em; font-weight: bold; }
.box-content { position: relative; }

.loader { top: 0; left: 0; z-index: 9999; position: absolute; width: 100%; height: 100%; background: #fff url(https://v6.wbonus.cz/images/loader.gif) no-repeat center center; opacity: .7; }
#items-loader { top: 0; left: 0; z-index: 9999; position: absolute; width: 100%; height: 100%; background: #fff; opacity: .8; z-index: 500;}
#items-loader-inner { position: absolute; top: 10px; left: 30px;  background: #F5F5F5 url(https://v6.wbonus.cz/images/items-loader.gif) no-repeat 3px 3px; border: 1px solid #DDDDDD; border-radius: 5px; padding: 5px 15px 5px 30px; width: auto; font-weight: bold; }
.navbar, .breadcrumb { margin-bottom: 0; }

#wrap { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -30px; padding: 0 0 30px; }

#header { position: relative; padding-top: 30px; height: 120px; }
#header .row { margin: 0; }
#header-logo { display: block; width: 100%; height: 100%; width: 184px; float: left; }
#header-logo img { width: 100%; }
#header-right { position: relative; float: right; margin-left: 30px; }
#header-right-menu { display: block; float: right; padding: 0; list-style: none; margin-bottom: 10px; margin-top: 3px; font-weight: 400; }
#header-right-menu > li { float: left; }
#header-right-menu > li a { padding: 5px; }
#header-right-menu > li:last-child a { padding-right: 0; }
#header-right-menu > .open > a { background-color: #fff; }
#header-right-menu .dropdown-menu { border-radius: 0; }
#header-right-menu .dropdown-menu li.active a { background-color: #fff; color: rgb(0, 56, 128); }
#header-right-menu .dropdown-menu li a:hover { background-color: rgb(0, 56, 128); color: #fff; }

.user-title { font-size: 1.1em; }
#user-account, #header-right-cart-content { color: #666; }
#user-sign-out, .cart-empty { cursor: pointer; color: #E31D1A; }
#cart-box { position: relative; background-color: #fcfcfc; border: 1px solid #e0e0e0; width: 250px; float: right; box-sizing: content-box; }
#cart-image { position: absolute; font-size: 50px; top: 5px; left: 5px; }
#cart-empty { position: absolute; bottom: 5px; right: 5px; font-size: 18px; cursor: pointer; z-index: 100; }
#cart-content { position: relative; padding-left: 75px; height: 70px; }
#search-box { float: right; }
#search-box form { margin: 0; padding: 0; }
#search-box input { background: lightgrey none repeat scroll 0 0; color: #888; font-size: 11px; height: 18px; width: 173px; box-sizing: content-box; }
#search-box button { background: rgba(0, 0, 0, 0) url("../images/search.png") no-repeat scroll center center; border: medium none; box-shadow: none; cursor: pointer; float: right; height: 28px; margin: 4px 0 0 -35px; padding: 0; position: relative; right: 0; top: 0; width: 35px; z-index: 100; }
#social-icons { display: block; float: right; margin-left: 20px; }
#social-icons li { display: block; float: left; height: 30px; list-style: outside none none; margin-left: 10px; text-indent: -9999px; width: 30px; }
#social-icons li img { border-radius: 2px; height: 34px; width: 34px; }

#header-menu { background-color: rgb(0, 56, 128); box-sizing: content-box; }
#header-menu > .container {  }
#header-menu-collapse { position: relative; padding: 0; }
#header-menu-collapse .nav { position: relative; width: 100%; }
#header-menu-collapse li { float: left; }
#header-menu-collapse li a { color: #fff; font-size: 15px; padding: 15px 20px 15px 21px; text-transform: uppercase; box-sizing: content-box; line-height: 6px; }
#header-menu-collapse li.active a { color: rgb(151, 198, 234); }
#header-menu-collapse li:first-child a { padding-left: 0; }
#header-menu-collapse li a:hover { border-left: medium none; color: rgb(151, 198, 234); background-color: transparent; }
#header-menu-collapse li a { font-size: 13px; transition: background-color 80ms ease-in-out 0s; }
#header-menu-collapse li:last-child { background-color: rgb(224, 0, 27); color: #fff; float: right; }
#header-menu .navbar-toggle { margin: 0; color: #fff; float: left; }

#container { position: relative; margin-top: 11px; }

#footer { background-color: rgb(0, 56, 128); color: #fff; font-weight: bold; padding-top: 20px; }
#footer a { font-weight: bold; color: #fff; }

.star { color: #CC3300; font-weight: bold; }

.form-compact { max-width: 480px; padding: 15px; margin: 0 auto; }
.form-compact .form-compact-heading, .form-compact .checkbox { margin-bottom: 10px; }
.form-compact .checkbox { font-weight: normal; }
.form-compact .form-control { position: relative; font-size: 16px; height: auto; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: -1px; border-radius: 0; }
.form-compact .form-control:focus { z-index: 2; }
.form-compact .form-control:first-of-type { border-top-left-radius: 4px; border-top-right-radius: 4px; }
.form-compact .form-control:last-of-type { margin-bottom: 10px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }

#categories { margin-bottom: 20px; }
#categories .list-group { margin-bottom: 0; }
#categories .navbar-toggle { display: block; float: none; border: 1px solid #ddd; margin: 0; font-size: 1.1em; font-weight: bold; padding: 7px; cursor: pointer; }
#categories .navbar-collapse { padding: 0; }
#categories .caret { display: block; margin-top: 10px; }
#categories .categories-offer a { color: rgb(224, 0, 27); }
/*.navbar-categories { background-color: #005695; color: #fff; }
.navbar-categories .navbar-categories-header { font-size: 1.2em; font-weight: bold; padding-left: 12px; padding-right: 4px; padding-top: 10px; }
.navbar-categories .list-group-item { border: none;  border-radius: 0; background-color: #005695; padding: 0; }
.navbar-categories .list-group-item a { position: relative; display: block; padding: 6px 4px 6px 22px; background-color: #005695; color: #fff; outline: none; }
.navbar-categories .collapse .list-group-item a { background-color: #00b8ec; } 
.navbar-categories .list-group-item a:hover { background-color: #e40615; color: #fff; }
.navbar-categories .list-group-item a.active { font-weight: bold; }
.navbar-categories .caret { float: none !important; position: absolute; width: 9px; height: 9px; top: 10px; left: 5px; background: transparent url(../images/categories-caret.png) no-repeat; display: block; border: none; }
*/

.navbar-categories .navbar-toggle { float: none; width: 100%; border: 1px solid #ddd; }

.product-name, .product-price { font-weight: bold; color: #275792; }
.product-price-without-discount { font-size: .9em; text-decoration: line-through; }
.product-bonus { font-weight: bold; font-size: 1.1em; color: #0DA300; text-transform: uppercase; }
.product-name { color: #004990; }
.product-lead, .product-description { color: #526A79; font-family: Arial,Helvetica,sans-serif,Calibri; }
.product-price { color: #E31D1A; }
.product-discount { color: #CD0404; }
.product-price-without-discount { color: #555555; }

.items-list-filter-heading { padding: 7px; font-weight: bold; font-size: 1.1em; }
.items-list-filter-param { padding: 7px; }
.items-list-filter-param-heading { font-weight: bold; }
.items-list-filter-param-price .items-list-filter-param-body, .items-list-filter-param-int .items-list-filter-param-body, .items-list-filter-param-float .items-list-filter-param-body { padding-left: 10px; padding-right: 10px; }
.items-list-filter-param-value-wrap { text-align: center; font-weight: bold; margin-bottom: 3px; }

.items-box { border-top: 1px solid lightgray; margin-top: 10px; }
.items-box .box-header { margin-top: 10px; margin-bottom: 10px; }

.item-box { display: block; position: relative; margin-bottom: 10px;  background: #fff none repeat scroll 0 0; border-radius: 0 0 2px 2px; border: 1px solid #e5e5e5; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 0 1px rgba(0, 0, 0, 0.1); text-align: center; transition: all 180ms ease-in-out 0s; padding: 14px 0 19px 0; overflow: hidden; }
.item-box-name { font-size: 1.2em; height: 75px; overflow: hidden; text-align: center; padding: 10px 5px; box-sizing: content-box; }
.item-box-lead { font-size: .85em; height: 40px; overflow: hidden; padding: 5px; box-sizing: content-box; }
.item-box-price { border-top: 5px solid #e5e5e5; padding-top: 14px; font-size: 1.4em; height: 41px; }
.item-box:hover { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0, 0, 0, 0.1); }
.item-box:hover img { opacity: 0.7; }
.item-box:hover .item-box-price { border-top: 5px solid #1f5394; }
.item-box-discount, .item-discount { position: absolute; font-size: 1.3em; font-weight: bold; background-color: #CD0404; color: #FFFFFF; padding: 7px 5px; border-radius: 5px; z-index: 300; }
.item-box-discount { top: 30px; left: 30px; }

#slider-box { margin-bottom: 10px; }
.items-box-content { position: relative; min-height: 280px; }

.client-form .panel { margin-bottom: 5px; }
.client-form .panel-heading { font-size: 1.2em; font-weight: bold; border-bottom: none; padding: 5px 15px; }
.client-form .panel-body { padding: 0px 15px 3px 15px; }
.client-form .client-main { margin-bottom: 3px; }

.product-thumbs { margin-top: 5px; min-height: 60px; }
.product-labels { min-height: 40px; margin-top: 5px; font-size: 18px; }
.form-buttons { padding: 5px 0px 10px 0px; }

.item { position: relative; overflow: hidden; }
.item-name { font-size: 1.4em; }
.item-price { font-size: 1.7em; margin-top: 5px; }
.item-discount { top: 70px; left: 70px; }
.item-price-without-discount { }
.item-description { border-top: 1px solid #eee; }

.table-order-image { width: 70px; }
.table-order-info { font-size: 1.2em; }
.table-order-count { width: 150px; text-align: center; }
.table-order-price { width: 170px; color: #457CA5; font-weight: bold; font-size: 1.5em; text-align: right; }
.table-order-action { width: 50px; font-size: 20px; }
.table-order-action a { cursor: pointer; }
.table-order tfoot { font-size: 1.5em; }
.table-order tfoot th { text-align: right; padding-right: 10px; }
.table-order tfoot td { color: #457CA5; font-weight: bold; }

#order-steps { border-radius: 5px; margin: 0; padding: 0; overflow: hidden; list-style: none; font-size: 24px; }
#order-steps li { position: relative; float: left; text-align: center; width: 25%; background-color: #3276B1; color: #fff; padding: 10px 0px; }
#order-steps .order-step-arrow { position: absolute; top: 0; left: 0; height: 0; width: 0; border: 25px solid transparent; border-left-color: #fff; border-right: 0; }
#order-steps li.order-step-next { border-left: 2px solid #fff; }
#order-steps li span { color: #fff; }
#order-steps li.current span { color: #FFC870; }
#order-steps li.active a:hover span { color: #FFC870; }
#order-steps li.noactive { opacity: .7; }

#deliveries { max-width: 700px; margin: 0 auto; }
#deliveries .accordion-toggle { color: #D67500; font-size: 1.4em; font-weight: bold; outline: none; }
#deliveries .panel-body { padding: 10px 15px; color: #457CA5; font-weight: bold; font-size: 1.4em; }
#deliveries .panel-body .row { cursor: pointer; padding-top: 5px; padding-bottom: 5px; }
#deliveries .panel-body .row:hover { background-color: #EAF4FD; }

.table-summary { font-size: 1.3em; }
.table-summary th { width: 60%; }
.table-summary td { color: #457CA5; font-weight: bold; }
.table-summary-total { border-top: 2px solid #457CA5; font-size: 1.7em; }

.actions a { font-size: 1.2em; margin-right: 15px; }
.order-coupon .product-name, .order-coupon .table-order-price { color: #006633; }
.order-gift .product-name, .order-gift .table-order-price, .order-gift .table-order-count { color: #527442; }
.order-coupon .table-order-price, .order-gift .table-order-price, .order-gift .table-order-count { font-size: 1.5em; }

.label-free-delivery { background-color: #BFDC7A; color: #6a6340; }
.label-recommend { background-color: #4C72A7; }
.label-sale { background-color: #DE6362; }

#items-list-navbar { background-color: rgb(0, 56, 128); color: #fff; border-radius: 0px; }
#items-list-navbar .navbar-brand { color: #fff; }
#items-list-navbar .dropdown-menu { background-color: rgb(0, 56, 128); color: #fff; }
#items-list-navbar a { color: #fff; }
#items-list-navbar .form-control { border-radius: 0px; }
#items-list-navbar .navbar-nav > .active > a, #items-list-navbar .dropdown-menu > .active > a { color: rgb(151, 198, 234); background-color: transparent; }
#items-list-navbar .navbar-nav a:focus, #items-list-navbar .navbar-nav a:hover { color: rgb(151, 198, 234); background-color: transparent; }

.breadcrumb { margin: 0; padding: 5px 0; background-color: #fff; }
.breadcrumb-title { color: #E31D1A; }

.ribbon { width: 200px; background: #e43; position: absolute; top: 25px; left: -50px; text-align: center; letter-spacing: 1px; line-height: 40px; color: #f0f0f0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); box-shadow: 0 0 3px rgba(0,0,0,.3); z-index: 300; font-size: 12px; font-weight: bold; font-family: 'Noto Sans', sans-serif; }
.ribbon.ribbon-top-left { top: 25px; left: -50px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.ribbon.ribbon-top-right{ top: 25px; right: -50px; left: auto; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.ribbon.ribbon-bottom-left{ top: auto; bottom: 25px; left: -50px; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.ribbon.ribbon-bottom-right{ top: auto; right: -50px; bottom: 25px; left: auto; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.ribbon-free-delivery { background-color: #BFDC7A; background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45)); background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -moz-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -ms-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -o-linear-gradient(top, #BFDC7A, #8EBF45); color: #6a6340; -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); box-shadow: 0px 0px 3px rgba(0,0,0,0.3); }
.ribbon-recommend { font-size: 14px; background-color: #4C72A7; background-image: -webkit-gradient(linear, left top, left bottom, from(#4C72A7), to(#124FAC)); background-image: -webkit-linear-gradient(top, #4C72A7, #124FAC); background-image: -moz-linear-gradient(top, #4C72A7, #124FAC); background-image: -ms-linear-gradient(top, #4C72A7, #124FAC); background-image: -o-linear-gradient(top, #4C72A7, #124FAC); color: #ffffff; -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); box-shadow: 0px 0px 3px rgba(0,0,0,0.3); }
.ribbon-sale { font-size: 14px; background-color: #DE6362; background-image: -webkit-gradient(linear, left top, left bottom, from(#DE6362), to(#CE0A0A)); background-image: -webkit-linear-gradient(top, #DE6362, #CE0A0A); background-image: -moz-linear-gradient(top, #DE6362, #CE0A0A); background-image: -ms-linear-gradient(top, #DE6362, #CE0A0A); background-image: -o-linear-gradient(top, #DE6362, #CE0A0A); color: #ffffff; -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); box-shadow: 0px 0px 3px rgba(0,0,0,0.3); }

@media (max-width: 767px) {
	.container { width: 90%; }
	#header { height: auto; }
	#header-logo, #header-right { width: 100%; float: none; }
	#header-right { margin-top: 10px; margin-left: 0px; }
	ul#header-right-menu, ul#header-right-cart { float: none; }
	ul#header-right-cart { margin: 10px 0px; }
	#header-menu { margin-top: 10px; }
	#header-menu-collapse li { float: none; }
	#header-menu-collapse li:first-child a { padding-left: 21px; }
	#header-menu-collapse li:last-child { float: none; }
}
@media (min-width: 768px) {
	#categories .navbar-header { display: none; }
}
@media (min-width: 768px) and (max-width: 991px) {
	#cart-box { width: 230px; }
	#cart-content { padding-left: 65px; }
	#header-right { margin-left: 10px; }
	#social-icons { margin-left: 5px; }
}

@media (max-width: 320px) {
	.item-box-wrap { width: 100%; }
}

.cookies-badge-button { background: rgb(0, 56, 128); }