/* ========================= */ /* CSS Omega */ /* QUAK.store v1.0 */ /* ========================= */ /* nahraditBackground-promenna - barva pozadi -- background:#barva; nahraditColor-promenna - barva pisma -- color:#barva; nahraditJenBarva-promenna -- #barva #4D87CE -- #barva1 nahraditFontFamily-promenna nahraditFontFamilyNadpisy-promenna nahraditBorderRadiusVychozi -- vychozi radius nahraditBorderRadiusVetsi -- vnejsi radius vetsi nahraditBorderRadiusVychoziMenis nahraditZvyraznitBarva- automaticky ztmavena/zesvetlena viditelna barva pozadi // jen barva nahraditZvyraznitText- automaticky ztmavena/zesvetlena viditelna barva textu // jen barva */ /* @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:wght@100;300;500;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;696&display=swap'); */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,300;0,400;0,500;0,600;0,800;0,900;1,400;1,500;1,600&display=swap'); html, body{padding-right:0px !important} html {font-size:100%;} body{background:#ffffff; font-family: Montserrat,'Open Sans', sans-serif; /*,'Roboto', Helvetica, Arial, sans-serif; */color:#222;font-weight:400;} .header-main_area { /* background:#ffffff; */ } .container{background:none;} .content{padding-top:13px; background:rgba(255,255,255,0); border-top-left-radius:0; border-top-right-radius:0;} .main-content { /* background:rgba(255,255,255,0); */ color:#222222; } .main-fooboxes { /* background:rgba(255,255,255,0); */ color:#222222; } aside { overflow: inherit;background:rgba(255,255,255,0); color:#222222;} @media (max-width: 767px) { aside.sidebar{ clear:both; } } .clear{clear:both;} .nowrap{white-space:nowrap;} img{max-width:100%;} .align-center{text-align:center;} .align-left{text-align:left;} .align-right{text-align:right;} .align-right>small{text-align:right;} img.align-left{float:left;margin:10px 20px 10px 0; } img.align-right{float:right;margin:10px 0 10px 20px; } .no-padding{padding:0!important;} .no-margin{margin:0!important;} iframe{border:none;} .rowNeni{display:none;} .pull-right{float:right;} .pull-left{float:left;} .readmore{padding:2px 5px;white-space: nowrap;} table thead {background:none repeat scroll 0 0 rgba(255,255,255,1); color:#222222;} table tfoot {background:none repeat scroll 0 0 rgba(255,255,255,1); color:#222222;} /* ==================================== */ /* HLASENI */ /* ==================================== */ #hlaseni, #hlaseni-ok{margin-bottom:1em;} #hlaseni-ok{padding:0.125rem 1.75rem 1rem;margin-bottom:1rem;background:#4d87ce;} #hlaseni{padding:0.125rem 1.75rem 1rem;margin-bottom:1rem;background:#ff7171;} #hlaseni h4, #hlaseni-ok h4{font-size:1.5rem;font-weight:400;color:#fff;} #hlaseni h5, #hlaseni-ok h5{font-size:1rem;font-weight:400;color:#fff;margin-top:22px;margin-bottom:8px;} #hlaseni h4 .fa{color:#ff0000;} #hlaseni-ok h4 .fa{color:#00a600;} .datahlaseni p{font-weight:700;color:#000;} .datahlaseni p strong{font-weight:300;color:#fff;} .modal-open {overflow-y: auto;} .modal {width:100%;text-align: center;padding: 0!important;margin-right:-15px} .modal:before {content: '';position:relative;display: inline-block;height: 100%;vertical-align: middle;margin-right:-5px;} .modal-dialog {display: inline-block;text-align: left;vertical-align: middle;} .modal-dialog .modal-content{box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22); border: none;} .modal-dialog .modal-header{border-bottom: none; padding-top: 24px;padding-right: 24px;padding-bottom: 0;padding-left: 24px;} .modal-dialog .modal-header .modal-title{font-size:1.5rem;font-weight: 700;color: #3C4858;margin-bottom: 0;margin-top: 5px;line-height: 1.5;} .modal-dialog .modal-body {padding-top: 24px;padding-right: 24px;padding-bottom: 10px;padding-left: 24px;color: #3C4858;} .modal-dialog .modal-body .modal-title{font-size:1.2rem;font-weight: 400;color: #3C4858;margin-bottom: 15px;margin-top: 5px;line-height: 1.5;} .modal-dialog .modal-body .modal-description{font-size: 1rem;font-weight: 300;color: #5aafaa;margin-bottom: 30px;margin-top: 5px;line-height: 1.25;} .modal-dialog .modal-body .modal-description span{font-size: 1rem;font-weight: 400;color: #515151;} .modal .modal-header .close i{font-size: 1.1rem;color: #999;} .modal-dialog .modal-footer{border-top: none;padding: 24px !important;} .modal-dialog .modal-body+.modal-footer{padding-top: 0 !important;} .modal-dialog .modal-footer button{margin: 0 !important;padding-left: 16px !important;padding-right: 16px !important;width: auto;} .modal-dialog .modal-body {padding: 24px 24px 16px;} .modal-dialog .modal-footer button {margin: 0;padding-left: 16px;padding-right: 16px;width: auto;} .modal-body .control-group .control-label{font-size: 1rem;font-weight: 400;color: #000;} .modal-body .form-control{width: 100%;margin-bottom: 10px;} #formAlertModal .modal-header h4{font-weight:500;color:#000;} #formAlertModal .modal-body h5{font-weight:500;color:#5F5F5F;} #cookieSetModal .modal-header .modal-title{font-size:1.5rem;font-weight:500;color:#4D4D4D;} #cookieSetModal .modal-header .modal-head-desc{font-size:0.9rem;font-weight:300;margin:10px 0;color:#999;} #cookieSetModal .modal-body .cookie-set-type{border-top:1px dotted #e5e5e5;padding:10px 0;} #cookieSetModal .modal-body .cookie-set-type:last-child{margin-bottom:20px;border-bottom:1px dotted #e5e5e5;} #cookieSetModal .modal-body .cookie-type{font-size:1rem;font-weight:500;color:#777;} #cookieSetModal .modal-body .cookie_desc{font-size:1rem;font-weight:300;margin-top:5px;margin-bottom:0;color:#5F5F5F;} #cookieSetModal .modal-footer{text-align:center;} #cookieSetModal .modal-footer button{width:100%!important;height:44px;} #cookieSetModal .modal-footer .odmit_cookie, #cookieSetModal .modal-footer .povol_cookie, #cookieSetModal .modal-footer .uloz_cookie{margin-top:10px;} @media (min-width: 766px) { #cookieSetModal .modal-header .modal-title{font-size:1.5rem;} #cookieSetModal .modal-footer .odmit_cookie{float:left;} #cookieSetModal .modal-footer .uloz_cookie{float:right;} } /* ==================================== */ /* TYPOGRAFIE */ /* ==================================== */ h1,h2,h3,h4,h5,h6{font-family:Montserrat,'Open Sans', sans-serif; /*'Roboto', Helvetica, Arial, sans-serif;*/} h1{font-size:2rem;font-weight:300;} h2{font-size:1.7prem;font-weight:500;} h3{font-size:1.4rem;font-weight:300;letter-spacing:0.2rem} h4{font-size:1.2rem;font-weight:500;} h5{font-size:1rem;font-weight:500;} h6{font-size:0.85rem;font-weight:500;} p{font-size:1rem;font-weight:400;} ul {margin: 0;padding: 0;list-style: none;} a {color:#4d87ce;} a:hover {color: #030304;text-decoration: none;transition:color 0.1s, background 0.2s;-webkit-transition:color 0.1s, background 0.2s;-moz-transition:color 0.1s, background 0.2s;-ms-transition:color 0.1s, background 0.2s;-o-transition:color 0.1s, background 0.2s;} a:not([href]):not([tabindex]):hover {color:#030304;} a:active, a:focus{text-decoration:none;outline:0;border:none;-moz-outline-style: none;} button {cursor: pointer;border: none;padding: 0;outline: none;background: transparent;} span.green{color:#17bc2c;} span.red, span.error{color:#dd2d1b;} /* ---Loading - Preload---*/ .loading { position: fixed; top: 0; left: 0; height: 100%; width: 100%; background-color: #ffffff; z-index: 9999999999999;} .loading .middle { position: absolute; top: 50%; width: 100%; text-align: center;} .loading .middle .lds-ellipsis { display: inline-block; position: relative;width: 64px;height: 64px;} .loading .middle .lds-ellipsis div { position: absolute;top: 27px;width: 11px;height: 11px;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%; background:#4d87ce; -webkit-animation-timing-function: cubic-bezier(0, 1, 1, 0);animation-timing-function: cubic-bezier(0, 1, 1, 0);} .loading .middle .lds-ellipsis div:nth-child(1) {left: 6px; -webkit-animation: lds-ellipsis1 0.6s infinite; animation: lds-ellipsis1 0.6s infinite;} .loading .middle .lds-ellipsis div:nth-child(2) {left: 6px; -webkit-animation: lds-ellipsis2 0.6s infinite;animation: lds-ellipsis2 0.6s infinite;} .loading .middle .lds-ellipsis div:nth-child(3) {left: 26px; -webkit-animation: lds-ellipsis2 0.6s infinite;animation: lds-ellipsis2 0.6s infinite;} .loading .middle .lds-ellipsis div:nth-child(4) {left: 45px; -webkit-animation: lds-ellipsis3 0.6s infinite; animation: lds-ellipsis3 0.6s infinite;} @-webkit-keyframes lds-ellipsis1 { 0% { -webkit-transform: scale(0); transform: scale(0);} 100% { -webkit-transform: scale(1); transform: scale(1);} } @keyframes lds-ellipsis1 { 0% { -webkit-transform: scale(0); transform: scale(0);} 100% { -webkit-transform: scale(1); transform: scale(1);} } @-webkit-keyframes lds-ellipsis3 { 0% { -webkit-transform: scale(1);transform: scale(1);} 100% { -webkit-transform: scale(0);transform: scale(0);} } @keyframes lds-ellipsis3 { 0% { -webkit-transform: scale(1);transform: scale(1);} 100% { -webkit-transform: scale(0);transform: scale(0);} } @-webkit-keyframes lds-ellipsis2 { 0% { -webkit-transform: translate(0, 0);transform: translate(0, 0);} 100% { -webkit-transform: translate(19px, 0);transform: translate(19px, 0);} } @keyframes lds-ellipsis2 { 0% { -webkit-transform: translate(0, 0);transform: translate(0, 0);} 100% { -webkit-transform: translate(19px, 0);transform: translate(19px, 0);} } /*----------------------------------------*/ /* Search button /*----------------------------------------*/ #search-button .li-btn {border: none;background:#030304; width: 65px; height: 45px;line-height: 45px;position: absolute;right: -1px;top: -1px;cursor: pointer;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;} #search-button .mn-btn {border: none;background:#030304; width: 46px; height: 45px;line-height: 45px;position: absolute;right: -1px;top: -1px;cursor: pointer;} #search-button .li-btn:hover, #search-button .mn-btn:hover{background:#0e0e0e;color: #343434;} #search-button span:after{font-family: FontAwesome;content:"\f002";font-size:1.5rem;position:absolute;right:20px;top:50%;margin-top:-19px;pointer-events:none;color:#fcfcfc;} /* -- Button-- */ .temp-btn, .temp-btn_fullwidth, .temp-btn_dark{color: #ffffff; -webkit-box-shadow: 0px 8px 15px rgba(0, 0, 0, 0); box-shadow: 0px 8px 15px rgba(0, 0, 0, 0); width: 195px; height: 45px; line-height: 45px; display: block; text-align: center; text-transform: uppercase;} @media (max-width: 767px) { .temp-btn, .temp-btn_fullwidth, .temp-btn_dark{ width: 140px; height: 50px; line-height: 50px; font-size: 1rem;} } /* --- Button With Color Variation--- */ .temp-btn_dark {background: #595959;color: #ffffff;width: 150px;height: 40px;line-height: 38px;font-weight: 600;border: 0;} /* --- Button With Various Sizes--- */ .temp-btn_fullwidth {width: 100%;color: #ffffff;text-transform: uppercase;} /*----------------------------------------*/ /* Navigation /*----------------------------------------*/ /* ---Mobile Menu Wrapper--- */ .mobile-menu_wrapper .offcanvas-menu-inner, .offcanvas-minicart_wrapper .offcanvas-menu-inner, .offcanvas-currency_wrapper .offcanvas-menu-inner, .offcanvas-user_wrapper .offcanvas-menu-inner, .offcanvas-local_wrapper .offcanvas-menu-inner, .offcanvas-search_wrapper .offcanvas-menu-inner{ position: fixed;top: 0;right: -85vw;width: 85vw;height: 100%;background: #ffffff;z-index: 9999;visibility: hidden;opacity: 0; /* position: absolute;top: 0;right: -85vw;width: 85vw;height: 100%;background: #ffffff;z-index: 9999;visibility: hidden;opacity: 0; */ } /* MICHAL right: -450px;width: 450px; */ /* .offcanvas-search_wrapper .offcanvas-menu-inner {position: absolute!important;top: 0!important;min-height: 100vh!important;background: red !important;z-index: 9999;visibility: hidden;opacity: 0;} */ @media (max-width: 575px) { .mobile-menu_wrapper .offcanvas-menu-inner, .offcanvas-minicart_wrapper .offcanvas-menu-inner, .offcanvas-currency_wrapper .offcanvas-menu-inner, .offcanvas-user_wrapper .offcanvas-menu-inner, .offcanvas-local_wrapper .offcanvas-menu-inner, .offcanvas-search_wrapper .offcanvas-menu-inner {min-width: 85vw;} /* 312px */ } @media (max-width: 992px) { .d-none {display: none!important;} } @media (min-width: 992px) { .d-lg-none{display: none!important;} } .d-block{display: block!important;} .mobile-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_search, .offcanvas-minicart_wrapper .offcanvas-menu-inner .offcanvas-inner_search, .offcanvas-search_wrapper .offcanvas-menu-inner .offcanvas-inner_search {position: absolute;z-index: 9;top: 0;left: 0;width: calc(100% - 0px);padding: 5px 10px;background-color: #030304;} .mobile-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_search .hm-searchbox, .offcanvas-minicart_wrapper .offcanvas-menu-inner .offcanvas-inner_search .hm-searchbox, .offcanvas-search_wrapper .offcanvas-menu-inner .offcanvas-inner_search .hm-searchbox {position: relative;} .mobile-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_search .hm-searchbox > input, .offcanvas-minicart_wrapper .offcanvas-menu-inner .offcanvas-inner_search .hm-searchbox > input, .offcanvas-search_wrapper .offcanvas-menu-inner .offcanvas-inner_search .hm-searchbox > input {background-color: #030304;color:#fcfcfc; border: 0;height: 44px;line-height: 44px;width: 100%;padding: 0 52px 0 15px;} .mobile-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_search .hm-searchbox > .search_btn, .offcanvas-minicart_wrapper .offcanvas-menu-inner .offcanvas-inner_search .hm-searchbox > .search_btn, .offcanvas-search_wrapper .offcanvas-menu-inner .offcanvas-inner_search .hm-searchbox > .search_btn {background: transparent;color:#fcfcfc; position: absolute;top: 5px;right: 0;border: 0;font-size: 1.5rem;} .mobile-menu_wrapper.open .offcanvas-menu-inner, .offcanvas-minicart_wrapper.open .offcanvas-menu-inner, .offcanvas-currency_wrapper.open .offcanvas-menu-inner, .offcanvas-user_wrapper.open .offcanvas-menu-inner, .offcanvas-local_wrapper.open .offcanvas-menu-inner, .offcanvas-search_wrapper.open .offcanvas-menu-inner {left: auto;right: 0;visibility: visible;opacity: 1;padding: 85px 0 0;max-width:calc(100vw - 80px);} /* ---Offcanvas Close Button--- */ .btn-close {position: absolute;top: 0;left: -56px;background: #333333;width: 56px;height: 56px;line-height: 56px;text-align: center;color: #ffffff;z-index: 10;font-size: 1.5rem;} @media (max-width: 479px) { .btn-close {left: -50px; width: 50px;} } .btn-close:hover > i { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg);transform: rotate(90deg);} .btn-close > i { -webkit-transform: rotate(0); -ms-transform: rotate(0);transform: rotate(0);display: block;} /* ---Offcanvas Navigation Area--- */ .offcanvas-navigation .mobile-menu > li {height: 100%;border-bottom: 1px solid #e5e5e5;} .offcanvas-navigation .mobile-menu > li > a span {position: relative;font-weight: 500;} .offcanvas-navigation .mobile-menu li {position: relative;} .offcanvas-navigation .mobile-menu li > .menu-expand {position: absolute;right: 0;top: 2px;width: 50px;height: 100%;line-height: 40px;cursor: pointer;text-align: center;margin-right: 4px;} .offcanvas-navigation .mobile-menu li a {font-size: 1rem;font-weight: 300;text-transform: uppercase;display: block;padding: 10px 0;} .offcanvas-navigation .mobile-menu li .sub-menu {padding-left: 10px;} .offcanvas-navigation .mobile-menu li .sub-menu li a {text-transform: capitalize;font-size: 1rem;} .offcanvas-navigation .mobile-menu li.menu-open > .menu-expand i:before {content: '\f462';} /* ---Header User Setting Area--- */ .user-setting_area {padding-bottom: 25px;} .user-setting_area > ul > li > a > span {text-transform: capitalize;} /* ---Offcanvas Menu Wrapper--- */ .offcanvas-menu_wrapper {text-align: center;} /* .offcanvas-menu_wrapper .offcanvas-menu-inner, .offcanvas-user_wrapper .offcanvas-menu-inner, .offcanvas-local_wrapper .offcanvas-menu-inner, .offcanvas-currency_wrapper .offcanvas-menu-inner{padding: 25px 30px 30px;position: fixed;top: 0;left: auto;right: 0; -webkit-transform: scaleY(0); -ms-transform: scaleY(0);transform: scaleY(0); -webkit-transform-origin: 0 0 0; -ms-transform-origin: 0 0 0;transform-origin: 0 0 0;width: 375px;height: 100%;background: #ffffff;z-index: 9999;visibility: hidden;min-height: 600px;overflow-y: auto;} */ .offcanvas-menu_wrapper .offcanvas-menu-inner .btn-close {top: auto;left: auto;width: auto;height: auto;line-height: 1;background: transparent;color: #595959;z-index: 10;font-size: 1.5rem;position: relative;display: inline-block;text-align: center;margin: 0 auto;} .offcanvas-menu_wrapper .offcanvas-menu-inner .btn-close:hover {background: transparent;} .offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-component {text-align: left;padding-top: 20px;} .offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-component.first-child {padding-top: 25px;} .offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-component .offcanvas-component_title {font-size: 1rem;font-weight: 500;display: block;padding-bottom: 15px;text-transform: uppercase;} .offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-component .offcanvas-component_menu > li {display: inline-block;position: relative;padding-right: 40px;} .offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-component .offcanvas-component_menu > li:last-child {padding-right: 0;} .offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-component .offcanvas-component_menu > li:after {content: "";width: 18px;height: 1px;background: #e5e5e5;display: block;top: 50%;right: 10px;position: absolute;} .offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-component .offcanvas-component_menu > li:last-child:after {background: transparent;} .offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-inner-social_link {position: absolute;bottom: 30px;} .offcanvas-menu_wrapper.open .offcanvas-menu-inner {top: 0;visibility: visible; -webkit-transform: scaleY(1); -ms-transform: scaleY(1);transform: scaleY(1);} .offcanvas-menu_wrapper .offcanvas-inner_logo {padding: 25px 0;} .offcanvas-menu_wrapper .short-desc {border-bottom: 1px solid #e5e5e5;padding-bottom: 25px;} .offcanvas-menu_wrapper .short-desc > p {margin-bottom: 0;} /* ---Offcanvas Minicart Area--- */ .offcanvas-minicart_wrapper .offcanvas-menu-inner, .offcanvas-currency_wrapper .offcanvas-menu-inner, .offcanvas-user_wrapper .offcanvas-menu-inner, .offcanvas-local_wrapper .offcanvas-menu-inner{padding:50px 40px !important;width: 450px; -webkit-box-shadow: 0px 0 15px rgba(0, 0, 0, 0.2);box-shadow: 0px 0 15px rgba(0, 0, 0, 0.2);} @media (max-width: 479px) { .offcanvas-minicart_wrapper .offcanvas-menu-inner, .offcanvas-user_wrapper .offcanvas-menu-inner, .offcanvas-local_wrapper .offcanvas-menu-inner, .offcanvas-currency_wrapper .offcanvas-menu-inner{width: 100%;padding: 50px 20px !important;} } .offcanvas-minicart_wrapper .offcanvas-menu-inner .btn-close, .offcanvas-currency_wrapper .offcanvas-menu-inner .btn-close, .offcanvas-local_wrapper .offcanvas-menu-inner .btn-close, .offcanvas-user_wrapper .offcanvas-menu-inner .btn-close{background: transparent;color: #595959;top: 0;right: 0;left: auto;} .offcanvas-minicart_wrapper .offcanvas-menu-inner .minicart-heading > h4, .offcanvas-user_wrapper .offcanvas-menu-inner .user-content .user-heading > h4, .offcanvas-local_wrapper .offcanvas-menu-inner .local-content .local-heading > h4, .offcanvas-currency_wrapper .offcanvas-menu-inner .currency-content .currency-heading > h4{margin-bottom: 0;padding-bottom: 25px;font-weight:500;} .offcanvas-currency_wrapper .offcanvas-menu-inner .currency-content .currency-heading .currency-selected, .offcanvas-user_wrapper .offcanvas-menu-inner .user-content .user-heading .user-selected{text-align:center;color:#4d87ce;font-weight:500;} .offcanvas-currency_wrapper .offcanvas-menu-inner .currency-content .currency-heading > h3, .offcanvas-local_wrapper .offcanvas-menu-inner .local-content .local-heading > h3, .offcanvas-user_wrapper .offcanvas-menu-inner .user-content .user-heading > h3{font-size:1rem;margin-bottom: 0;padding:5px 0;font-weight:300;border-bottom:1px solid #e5e5e5;} .offcanvas-local_wrapper .offcanvas-menu-inner .local-content .local-heading > h3{margin-bottom:10px;} .offcanvas-user_wrapper .offcanvas-menu-inner .user-content .user-login .button{float:right;margin-top:5px;} .offcanvas-user_wrapper .offcanvas-menu-inner .user-content .user-login input{margin-bottom:1rem;} .offcanvas-user_wrapper .offcanvas-menu-inner .user-content .offcanvas-navigation .mobile-menu li a{font-size:1rem;color:#595959;font-weight:500;} .offcanvas-minicart_wrapper .offcanvas-menu-inner .scrolldiv{margin-right:-10px;} .offcanvas-minicart_wrapper .offcanvas-menu-inner .minicart-content .minicart-list, .offcanvas-currency_wrapper .offcanvas-menu-inner .currency-content .currency-list{position: relative;padding-right: 5px;} .offcanvas-minicart_wrapper .offcanvas-menu-inner .minicart-content .minicart-list > li, .offcanvas-currency_wrapper .offcanvas-menu-inner .currency-content .currency-list > li{padding-bottom: 30px;} .offcanvas-currency_wrapper .offcanvas-menu-inner .currency-content .currency-list > li{font-size:1rem;color:#595959;font-weight:500;padding:9px 0; border-bottom:1px solid #e5e5e5;} .offcanvas-minicart_wrapper .offcanvas-menu-inner .minicart-content .minicart-list > li:last-child{padding-bottom: 0;} .offcanvas-minicart_wrapper .offcanvas-menu-inner .minicart-content .minicart-list > li.minicart-product {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;} .offcanvas-minicart_wrapper .offcanvas-menu-inner .minicart-content .minicart-list > li.minicart-product > a.product-item_remove {position: absolute;right: 10px;} .offcanvas-minicart_wrapper .offcanvas-menu-inner .minicart-content .minicart-list > li.minicart-product .product-item_img { -webkit-flex-basis: 65px; -ms-flex-preferred-size: 65px;flex-basis: 65px;max-width: 65px;} .offcanvas-minicart_wrapper .offcanvas-menu-inner .minicart-content .minicart-list > li.minicart-product .product-item_content { -webkit-flex-basis: calc(100% - 65px); -ms-flex-preferred-size: calc(100% - 65px);flex-basis: calc(100% - 65px);max-width: calc(100% - 65px);padding-left: 20px;padding-right: 10px;} .offcanvas-minicart_wrapper .offcanvas-menu-inner .minicart-content .minicart-list > li.minicart-product .product-item_content p{font-size: 0.82rem;color:#707070;} .offcanvas-minicart_wrapper .offcanvas-menu-inner .minicart-content .minicart-list > li.minicart-product .product-item_content a.product-item_title {padding-right:15px;} @media (max-width: 479px) { .offcanvas-minicart_wrapper .offcanvas-menu-inner .minicart-content .minicart-list > li.minicart-product .product-item_content a.product-item_title {font-size: 1rem;} } .offcanvas-minicart_wrapper .offcanvas-menu-inner .minicart-content .minicart-list > li.minicart-product .product-item_content .product-item_quantity {display: block;padding-top: 10px;} .offcanvas-minicart_wrapper .offcanvas-menu-inner .minicart-content .minicart-list > li.minicart-product .product-item_content .product-item_quantity i{font-size: 0.85rem;-webkit-text-stroke: 2px white;} .offcanvas-minicart_wrapper .offcanvas-menu-inner .minicart-item_total {display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between;justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center;align-items: center;padding: 25px 0;} .offcanvas-minicart_wrapper .offcanvas-menu-inner .minicart-btn_area {padding-bottom: 15px;} .offcanvas-minicart_wrapper .offcanvas-menu-inner .minicart-btn_area .temp-btn {background:#4d87ce; color:#fcfcfc; height: 60px;line-height: 60px; } .offcanvas-minicart_wrapper .offcanvas-menu-inner .minicart-btn_area .temp-btn:hover {background:#030304; color:#fcfcfc;} .offcanvas-minicart_wrapper .offcanvas-menu-inner .box-delivery {font-size: 0.85rem;color:#707070;} .offcanvas-minicart_wrapper .offcanvas-menu-inner .box-delivery i{display:none;} /* ---Offcanvas Search Area--- */ .offcanvas-search_wrapper .offcanvas-menu-inner {background-color: #222222;opacity: 0.97;width: 100%;right: 0; -webkit-transform: scale(0); -ms-transform: scale(0);transform: scale(0);visibility: visible;} .offcanvas-search_wrapper .offcanvas-menu-inner .btn-close {background: transparent;color: #595959;top: 15px;right: 15px;left: auto;font-size: 45px;color: #ffffff;} .offcanvas-search_wrapper .offcanvas-menu-inner .offcanvas-search {background-color: #e5e5e5; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);position: absolute;z-index: 9;top: 50%;left: 50%;width: calc(100% - 25%);} .offcanvas-search_wrapper .offcanvas-menu-inner .offcanvas-search .hm-searchbox {position: relative;} .offcanvas-search_wrapper .offcanvas-menu-inner .offcanvas-search .hm-searchbox > input {background-color: #333333;border: 0;height: 100px;line-height: 100px;width: 100%;padding: 0 100px 0 25px;color: #ffffff;} .offcanvas-search_wrapper .offcanvas-menu-inner .offcanvas-search .hm-searchbox > input::-webkit-input-placeholder {color: #ffffff;} .offcanvas-search_wrapper .offcanvas-menu-inner .offcanvas-search .hm-searchbox > input::-moz-placeholder {color: #ffffff;} .offcanvas-search_wrapper .offcanvas-menu-inner .offcanvas-search .hm-searchbox > input:-ms-input-placeholder {color: #ffffff;} .offcanvas-search_wrapper .offcanvas-menu-inner .offcanvas-search .hm-searchbox > input::-ms-input-placeholder {color: #ffffff;} .offcanvas-search_wrapper .offcanvas-menu-inner .offcanvas-search .hm-searchbox > input::placeholder {color: #ffffff;} .offcanvas-search_wrapper .offcanvas-menu-inner .offcanvas-search .hm-searchbox > .search_btn {position: absolute;font-size: 48px;top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);transform: translateY(-50%);right: 30px;border: 0;background: transparent;color: #ffffff;} .offcanvas-search_wrapper.open .offcanvas-menu-inner {left: auto;right: 0;padding: 0; -webkit-transform: scale(1); -ms-transform: scale(1);transform: scale(1);visibility: visible;} /* ---Local selector--- */ .offcanvas-local_wrapper .offcanvas-menu-inner .local-content .flag-checkbox, .offcanvas-local_wrapper .offcanvas-menu-inner .local-content .lang-checkbox {display:inline;height:36px;line-height:36px;vertical-align:middle;cursor:pointer;padding:0px; font-size:1rem;color:#4a4a4a;white-space:nowrap;} .offcanvas-local_wrapper .offcanvas-menu-inner .local-content .flag-checkbox:hover, .offcanvas-local_wrapper .offcanvas-menu-inner .local-content .lang-checkbox:hover {color:#555;} .offcanvas-local_wrapper .offcanvas-menu-inner .local-content .lang-checkbox .zvol-jazyk {margin-left:7px;} .offcanvas-local_wrapper .offcanvas-menu-inner .local-content .moblocal-selector{margin-bottom:15px;} .offcanvas-local_wrapper .offcanvas-menu-inner .local-content .flag-checkbox-checked, .offcanvas-local_wrapper .offcanvas-menu-inner .local-content .lang-checkbox-checked {color:#111;} .offcanvas-local_wrapper .offcanvas-menu-inner .local-content img{ border:1px solid #eee;height:24px!important;width:38px;margin:5px 7px;} .offcanvas-local_wrapper .offcanvas-menu-inner .local-content .flag-checkbox i, .offcanvas-local_wrapper .offcanvas-menu-inner .local-content .lang-checkbox i {display: none;color: #666;} .offcanvas-local_wrapper .offcanvas-menu-inner .local-content .flag-checkbox-checked, .offcanvas-local_wrapper .offcanvas-menu-inner .local-content .lang-checkbox-checked {position: relative;} .offcanvas-local_wrapper .offcanvas-menu-inner .local-content .flag-checkbox-checked i, .offcanvas-local_wrapper .offcanvas-menu-inner .local-content .lang-checkbox-checked i {display: block;position: absolute;top:0px;left: -14px;} /* ---Category Menu--- */ .category-menu {position: relative;} @media (max-width: 991px) { .category-menu {width: 100%;} } .category-menu .sidebar-box-heading {position: relative;/*padding: 15px 20px 30px 10px;*/margin:0;} .category-menu .sidebar-box-heading > h4 {margin: 0;padding-left: 20px;font-weight: 500;text-transform: uppercase;font-size: 1rem;} @media (max-width: 1199px) { /* .category-menu .sidebar-box-heading > h4 {font-size: 30px;} */ .sidebar-box-heading .fa{left: 15px;} .category-menu .sidebar-box-heading > h4 {padding-left: 20px;} } @media only screen and (min-width: 992px) and (max-width: 1199px) { .category-menu .sidebar-box-heading > h4 {padding-left: 20px;} } .category-menu .menu-clickable {background:#ffffff;;/* border: 1px solid #e6e6e6; */padding: 5px;display: block;width: 100%;z-index: 3;} .category-menu .menu-clickable > ul > li {position: relative;} .category-menu .menu-clickable > ul > li > a {color:#222222; display: block;overflow: hidden;font-size: 0.9rem;font-weight: 400;padding: 11.2px 0;} .category-menu .menu-clickable > ul > li:hover .sub-menu {opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";visibility: visible;} .category-menu .menu-clickable > ul > li:hover > a {background:#ffffff; color:#222222;} .category-menu .menu-clickable > ul > li:last-child > a:before {display: none;} .category-menu .menu-clickable > ul > li.right-menu > a::after {content: '\f078';font-family: 'Font Awesome';font-weight: 400;font-size: 0.85rem;position: absolute;top: 15px;right: 0;} .category-menu .menu-clickable > ul > li.right-menu:hover > a::after { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg);transform: rotate(-90deg);} .sub-menu .right-menu{position: absolute;top: 0;left: 108%;background: #ffffff;z-index: 999;width: 220px; -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";visibility: hidden;width: 640px;padding: 30px;overflow: hidden;border-top: 2px solid #4d87ce;} .sub-menu {position: static;z-index: 9;opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";visibility: visible;background-color: transparent;padding: 0; -webkit-box-shadow: none;box-shadow: none;border: 0;width: 100%; -webkit-transition: none; -o-transition: none;transition: none;} @media (max-width: 991px) { .sub-menu .right-menu{position: static;z-index: 9;opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";visibility: visible;background-color: transparent;padding: 0; -webkit-box-shadow: none;box-shadow: none;border: 0;width: 100%; -webkit-transition: none; -o-transition: none;transition: none;} } @media only screen and (min-width: 992px) and (max-width: 1199px) { .sub-menu {left: 114%;} } .sub-menu > li.right-menu {width: 33.333%;float: left;} .sub-menu > li.kat-nazev > a {font-weight: 500;text-transform: uppercase;font-size: 1rem;margin-bottom: 15px;display: block;line-height: 1.3rem;position: relative;} .sub-menu > li.kat-nazev > a:hover {color: #ffffff;} .sub-menu > li > ul > li > a {font-size: 0.9rem;display: block;line-height: 2rem;font-weight: 400;color: #666;} .sub-menu > li > ul > li > a:hover {color: #58d173;} /* ---Category Menu In Mobile Device--- */ @media (max-width: 991px) { .menu-clickable > ul > li.right-menu .sub-menu > li { -webkit-box-flex: 0; -ms-flex: 0 0 100%; -webkit-flex: 0 0 100%;flex: 0 0 100%;width: 100%;padding: 0;position: relative;} .menu-clickable > ul > li.right-menu .sub-menu > li.kat-nazev > a {padding: 10px 25px 10px 35px;font-size: 0.85rem;font-weight: normal;position: relative;margin: 0;display: block;text-transform: inherit;} .menu-clickable > ul > li.right-menu .sub-menu > li.kat-nazev > a:after {display: none;} .menu-clickable > ul > li.right-menu .sub-menu > li.kat-nazev:last-child > a {border-bottom: 0;} .menu-clickable > ul > li.right-menu .sub-menu > li > ul > li > a {padding: 10px 25px 10px 35px;font-size: 0.85rem;font-weight: normal;position: relative;margin: 0;display: block;text-transform: inherit;color: inherit;} .menu-clickable > ul > li.right-menu .sub-menu > li > ul > li:last-child > a {border-bottom: 0;} .menu-clickable > ul > li.right-menu .cat-dropdown > li > a {padding: 10px 25px 10px 35px;font-size: 0.85rem;font-weight: normal;position: relative;margin: 0;display: block;text-transform: inherit;} .menu-clickable > ul > li.right-menu .cat-dropdown > li:last-child > a {border-bottom: 0;} .menu-clickable > ul > li.right-menu > a:after {display: none;} } .menu-clickable > ul > li i.menu-expand {position: absolute;right: 0;top: 0;cursor: pointer;height: 44px;width: 45px;line-height: 45px;z-index: 5000;display: block;font-style: normal;} .menu-clickable > ul > li i.menu-expand:before {content: "\f489";font-family: "Ionicons";font-size: 1.5rem;position: absolute;right: 0.5rem;top: 1rem; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%); -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .menu-clickable > ul > li i.menu-expand.current-item:before { -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);} /*----------------------------------------*/ /* Header /*----------------------------------------*/ /* ---Header Top Area--- */ .header-top_area{background:#ffffff; color:#888888;} .header-top_area .ht-menu-bg{/*border-bottom:1px solid #DFDFDF;*/} @media (max-width: 991px) { .header-top_area{display: none;} } .header-top_area .ht-menu input[type="text"],.header-top_area .ht-menu input[type="password"],.header-top_area .ht-menu input[type="email"]{color:#222;background:white;} #localform a {color:#222;} #localform a:hover {color:#555;} #localform .active {color:#4d87ce;} .header-top_area .ht-menu > ul {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start;justify-content: flex-start;} .header-top_area .ht-menu > ul > li{display: inline-block;position: relative;} .header-top_area .ht-menu > ul > li:not(:first-child) {border-left: 0;} .header-top_area .ht-menu > ul > li:last-child {border-right: 0;} .header-top_area .ht-menu > ul > li:first-child {border-right: 0;} .header-top_area .pull-right .ht-menu > ul > li:first-child {border-left: 0;} @media (max-width: 991px) { .header-top_area .ht-menu > ul > li {border: 0;} } .header-top_area .ht-menu > ul > li.slogan {color:#030304;;padding: 7px 15px;display: inline-block;white-space: nowrap;font-size: 0.9rem;} .header-top_area .ht-menu > ul > li:hover .box-dropdown { -webkit-transform: scaleY(1); -ms-transform: scaleY(1);transform: scaleY(1);} .header-top_area .ht-menu > ul > li:hover > a {background: #ffffff;} .header-top_area .ht-menu > ul > li.current-item > a {background:#ffffff; color:#030304;;} .header-top_area .ht-menu > ul > li .box-dropdown {margin-top:1px; -webkit-transform: scaleY(0); -ms-transform: scaleY(0);transform: scaleY(0); -webkit-transform-origin: 0 0 0;position: absolute;top: 100%;left: auto;color:#030304; border: 0;min-width:250px; width: auto;padding: 11px;right: 0;z-index: 9999;background:#ffffff; box-shadow: 1px 3px 3px rgba(0,0,0,0.2);-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;} .header-top_area .pull-left .ht-menu > ul > li .box-dropdown { right: auto;left: 0;} .header-top_area .ht-menu > ul > li .box-dropdown > li > ul > li.current-item a {/* color: #4d87ce */ color:#4D87CE;} .header-top_area .ht-menu > ul > li .box-dropdown > li a {border-bottom: 0;display: block;padding:5px 10px;line-height: 25px;font-size: 0.85rem;color:#030304;} .header-top_area .ht-menu > ul > li .box-dropdown > li:last-child a {border-bottom:0;} .header-top_area .ht-menu > ul > li .box-dropdown > li a img {margin-right: 5px;} .header-top_area .ht-menu > ul > li .box-dropdown > li.li-form{padding: 10px;} .header-top_area .ht-menu > ul > li .box-wrapper .button{margin-top:8px;margin-right:15px;} .header-top_area .ht-menu > ul > li .box-dropdown > li.li-form a {padding-left:0;border-bottom:0;} .header-top_area .ht-menu > ul > li .box-dropdown > li > ul > li:last-child > a {border-bottom:0;} .header-top_area .ht-menu > ul > li > a {color:#030304;padding: 7px 15px;display: inline-block;white-space:nowrap;font-size: 0.90rem;font-weight:400;} .header-top_area .ht-menu > ul > li > a > span {text-transform: lowercase;} .header-top_area .ht-menu > ul > li > a > img {height:12px;margin-bottom:3px;margin-right:6px;vertical-align:middle;} .header-top_area .ht-menu > ul > li > a > i {padding-right:3px;font-size: 13px;} .header-top_area .ht-area {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end;justify-content: flex-end;} @media (max-width: 991px) { .header-top_area .ht-area { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important;justify-content: center !important;padding-bottom: 15px;} } /* ---Header Middle Area--- */ .header-middle_area{ background:#ffffff; color:#222222; padding:20px;} .header-middle_area .header-logo{position: relative;margin-top:-10px;} .header-middle_area .header-logo img{max-height:50px;position: absolute;margin: auto;} .header-middle_area .hm-form_area{ /* display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end;justify-content: flex-end;margin-right:30px;left:50%; *//* margin-left:-220px; */ } .header-bottom_area .hm-form_area{float:right;margin-right:15px;margin-left:10px;} .header-middle_area .hm-searchbox{background:#F2F2F2; border: 1px solid #C3C3C3;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;position: relative; height:45px;width:90%;margin-left:10%;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} .header-bottom_area .hm-searchbox{background:#ffffff; border: 1px solid #e6e6e6;position: relative; min-width:280px;height:45px;margin-top:3px;} .header-middle_area .hm-searchbox .current::after, .header-bottom_area .hm-searchbox .current::after{content: "";position: absolute;display: block;height: 22px;width: 1px;background: #e5e5e5;top: 10px;right: -10px;font-size: 0.88rem;} .header-bottom_area .hm-searchbox input{font-size: 1rem;height: 40px;background:#ffffff; color:#222222; border:0;width: 100%;padding:7px 15px 7px 5px;} .header-middle_area .hm-searchbox input{font-size: 1rem;height: 40px;background:#F2F2F2; color:#222222; border:0;width: 100%;padding:7px 15px 7px 5px;} .header-bottom_area .hm-searchbox input[type="text"]::-webkit-input-placeholder {color: #1f1f1f!important;} .header-bottom_area .hm-searchbox input[type="text"]:-ms-input-placeholder {color: #1f1f1f!important;} .header-bottom_area .hm-searchbox input[type="text"]::placeholder {color: #1f1f1f!important;} .header-middle_area .hm-searchbox input[type="text"]::-webkit-input-placeholder {color: #1f1f1f!important;} .header-middle_area .hm-searchbox input[type="text"]:-ms-input-placeholder {color: #1f1f1f!important;} .header-middle_area .hm-searchbox input[type="text"]::placeholder {color: #1f1f1f!important;} .header-middle_area .hm-searchbox input:focus, .header-bottom_area .hm-searchbox input:focus{outline: none;} .header-middle_area .header-right_area {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end;justify-content: flex-end;} .header-middle_area .basket_area {float:right;margin-right:15px;background:#4d87ce; height:45px;width:46px;text-align:center; } .header-middle_area .basket_area:hover {background: #457ab9;cursor:pointer;} .header-middle_area .basket_area .minicart-btn {position:relative;line-height:45px;color:#fcfcfc; font-size:24px;} .header-middle_area .basket_area .minicart-btn span{position:absolute;top:-13px;right:4px;display:block;font-size:11px;color:#fcfcfc;} .header-middle_area .currency_area {float:right;margin-right:15px;background:#ffffff; height:45px;width:46px;text-align:center; } .header-middle_area .currency_area:hover {background: #e6e6e6;cursor:pointer;} .header-middle_area .currency_area .minicurr-btn i{padding-left:1px;} .header-middle_area .currency_area .minicurr-btn {position:relative;line-height:48px;color:#222222; font-size:24px;} .header-middle_area .currency_area .minicurr-btn span{position:absolute;top:-15px;right:4px;display:block;font-size:0.7rem;color:#222222;} .header-middle_area .local_area {float:right;margin-right:15px;background:#ffffff; height:45px;width:46px;text-align:center; } .header-middle_area .local_area:hover {background: #e6e6e6;cursor:pointer;} .header-middle_area .local_area .minilocal-btn .loc-link-flag{ border:1px solid #eee;height:18px!important;width:26px;margin-bottom:4px;} .header-middle_area .local_area .minilocal-btn {position:relative;line-height:45px;color:#222222; font-size:24px;} .header-middle_area .local_area .minilocal-btn span{position:absolute;top:-14px;right:4px;display:block;font-size:0.8rem;color:#222222;} @media (max-width: 991px) { .header-middle_area .header-right_area { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center;justify-content: center;} } .header-middle_area .header-right_area > ul > li {display: inline-block;} .header-middle_area .header-right_area > ul > li > a {color: #333333;padding: 0 15px;display: block;font-size: 24px;} @media (max-width: 1199px) { .header-middle_area .header-right_area > ul > li > a {padding: 30px 10px;} } .header-middle_area .dropdown-menu{min-width:440px;} .header-middle_area .header-right_area > ul > li > a > i {vertical-align: middle;padding-right: 5px;} .header-middle_area .header-right_area > ul > li > a > span {font-size: 1rem;} .header-middle_area .header-right_area > ul > li:last-child > a {padding-right: 0;} .header-bottom_area.header-sticky #search-bar-table { max-width: 70px; overflow: initial; } .header-bottom_area.header-sticky .typeahead.form-control:focus { max-width: 400px; background: white; } .header-bottom_area.header-sticky .hm-searchbox input { z-index: 5; position: relative; background: rgba(255,255,255,0.95); float: right; transition: width 0.4s ease-in-out; padding-left: 10px; border: 1px solid rgba(0,0,0,0.5); } .header-bottom_area.header-sticky .hm-searchbox input:focus { width:440px; border-color: #333; } .header-bottom_area.header-sticky .hm-searchbox { background: none; border: none; min-width: unset; margin-top: 5px; position: relative; } .header-bottom_area.header-sticky #search-button { display: none; } /* Autocomplete - Naseptavac */ .hm-form_area .typeahead a {color:#222;} .hm-form_area .typeahead .dropdown-item p{overflow:hidden;text-overflow:ellipsis;margin:0;padding:0;font-size:0.85rem;color:#555;} .hm-form_area .typeahead .dropdown-item span.ac-cena{ background:#030304; color:#fcfcfc } .hm-form_area .typeahead .dropdown-item img{height:40px;float:left;margin-right:8px;} .hm-form_area .typeahead .dropdown-item{overflow:hidden;text-overflow:ellipsis;border-bottom:1px dotted silver;padding:5px 10px;color:#222;background:white;} .hm-form_area .typeahead .dropdown-item span{font-size:0.82rem;color:#fcfcfc;background-color:#030304;float:right;padding:0 5px;font-weight:500;} /* aktivni */ .hm-form_area .dropdown-menu > .active > a, .hm-form_area .dropdown-menu > .active > a:hover, .hm-form_area .dropdown-menu > .active > a:focus{background:#030304; color:#fcfcfc!important;} .hm-form_area .dropdown-menu > .active > a span.ac-cena, .hm-form_area .dropdown-menu > .active > a:hover span.ac-cena, .hm-form_area .dropdown-menu > .active > a:focus span.ac-cena{background:white; color:#222!important;} .hm-form_area .dropdown-menu > .active > a p, .hm-form_area .dropdown-menu > .active > a:hover p, .hm-form_area .dropdown-menu > .active > a:focus p{color:#fcfcfc!important;} /* Autocomplete - Naseptavac mobilni */ #mobileMenu .hm-form_area .typeahead a {color:#222;} #mobileMenu .hm-form_area .typeahead .dropdown-item p{overflow:hidden;text-overflow:ellipsis;margin:0;padding:0;font-size:0.85rem;color:#555;} #mobileMenu .hm-form_area .typeahead .dropdown-item span.ac-cena{ background:#030304; color:#fcfcfc } #mobileMenu .hm-form_area .typeahead .dropdown-item img{height:40px;float:left;margin-right:8px;} #mobileMenu .hm-form_area .typeahead .dropdown-item{overflow:hidden;text-overflow:ellipsis;border-bottom:1px dotted silver;padding:5px 10px;color:#222;background:white;} #mobileMenu .hm-form_area .typeahead .dropdown-item span{font-size:0.85rem;color:#fcfcfc;background-color:#030304;float:right;padding:0 5px;font-weight:500;} /* aktivni */ #mobileMenu .hm-form_area .dropdown-menu > .active > a, #mobileMenu .hm-form_area .dropdown-menu > .active > a:hover, #mobileMenu .hm-form_area .dropdown-menu > .active > a:focus{background:#030304; color:#fcfcfc!important;} #mobileMenu .hm-form_area .dropdown-menu > .active > a span.ac-cena, #mobileMenu .hm-form_area .dropdown-menu > .active > a:hover span.ac-cena, #mobileMenu .hm-form_area .dropdown-menu > .active > a:focus span.ac-cena{background:white; color:#222!important;} #mobileMenu .hm-form_area .dropdown-menu > .active > a p, #mobileMenu .hm-form_area .dropdown-menu > .active > a:hover p, #mobileMenu .hm-form_area .dropdown-menu > .active > a:focus p{color:#fcfcfc!important;} /* ---Header Bottom Area--- */ .header-bottom_area {background:#030304; color:#fcfcfc; margin:0;padding:0;} .header-bottom_area .listmenu{position: relative;} .header-bottom_area > .container {position: relative;} @media (max-width: 991px) { .header-bottom_area {background:#ffffff; color:#222222;} .header-bottom_area .header-right_area > ul > li > a > i { color:#222222; } .header-bottom_area .header-logo {text-align: center;padding: 15px 0 0;} .header-bottom_area .header-logo img{max-height:50px;} } @media only screen and (min-width: 576px) and (max-width: 767px) { .header-bottom_area .header-logo {padding: 10px 0 10px;} } .header-bottom_area .main-menu_area {color:#fcfcfc; display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start;justify-content: flex-start;padding:3px 0; /*font-size: 15px;*/} .header-bottom_area .main-menu_area > nav > ul > li {display: inline-block;padding:0 22px;white-space: nowrap; /* overflow:hidden; */} .header-bottom_area .main-menu_area > nav > ul > li:hover { /* background:#343434; */ } /* kdyz je sticky */ .header-bottom_area.sticky .main-menu_area { } /* aktivni sticky menu */ .header-bottom_area.sticky .main-menu_area > nav > ul > li { } /* aktivni sticky menu */ .header-bottom_area .main-menu_area > nav > ul > li:last-child {padding-right:-15px;} .header-bottom_area .main-menu_area > nav > ul > li > a > i {padding-right:4px;} .header-bottom_area .main-menu_area > nav > ul > .current-item {background-color: #fcfcfc;color:#030304;} .header-bottom_area .main-menu_area > nav > ul > li .normal-dropdown {position: absolute;background:#030304; width:auto;min-width:15rem;margin-left:-20px;padding:0; -webkit-transform-origin: 0 0 0; -ms-transform-origin: 0 0 0;transform-origin: 0 0 0; -webkit-transform: scaleY(0); -ms-transform: scaleY(0);transform: scaleY(0); -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);z-index:9998;color:#fcfcfc;} .header-bottom_area .main-menu_area > nav > ul > li .normal-dropdown > li > a {padding: 10px 20px;display: block;} .header-bottom_area .main-menu_area > nav > ul > li:hover .normal-dropdown { -webkit-transform: scaleY(1); -ms-transform: scaleY(1);transform: scaleY(1);} .header-bottom_area .main-menu_area > nav > ul > li.current-item:hover {background:#030304;} .header-bottom_area .main-menu_area > nav > ul > li > ul > li {position: relative;} .header-bottom_area .main-menu_area > nav > ul > li > ul > li > ul.normal-dropdown {top: 30px;left: 100%;opacity: 0;visibility: hidden;} .header-bottom_area .main-menu_area > nav > ul > li > ul > li > a {display: block;color:#fcfcfc;} .header-bottom_area .main-menu_area > nav > ul > li > ul > li > a > i {position: absolute;top: 0.8rem;right: 25px;display: block;font-size: 0.75rem; -webkit-transform: rotate(0); -ms-transform: rotate(0);transform: rotate(0);color:#030304;} .header-bottom_area .main-menu_area > nav > ul > li > ul > .current-item > a {background:#030304; color:#fcfcfc; } .header-bottom_area .main-menu_area > nav > ul > li > ul > li:hover > .normal-dropdown {top: 0;opacity: 1;visibility: visible;margin-left:0;} .header-bottom_area .main-menu_area > nav > ul > li > ul > li:hover > a > i { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg);transform: rotate(-90deg);} .header-bottom_area .main-menu_area > nav > ul > li > ul > li > ul > li {position: relative;} .header-bottom_area .main-menu_area > nav > ul > li > ul > li > ul > li > ul.normal-dropdown {top: 30px;left: 100%;opacity: 0;visibility: hidden;} .header-bottom_area .main-menu_area > nav > ul > li > ul > li > ul > li > a {display: block;color:#fcfcfc;} .header-bottom_area .main-menu_area > nav > ul > li > ul > li > ul > li > a > i {position: absolute;top: 0.8rem;right: 25px;display: block;font-size: 0.75rem; -webkit-transform: rotate(0); -ms-transform: rotate(0);transform: rotate(0);color:white;} .header-bottom_area .main-menu_area > nav > ul > li > ul > li > ul > li:hover > a > i {color:#030304;} .header-bottom_area .main-menu_area > nav > ul > li > ul > li > ul > .current-item > a {background:#030304; color:#fcfcfc;} .header-bottom_area .main-menu_area > nav > ul > li > ul > li > ul > li:hover > .normal-dropdown {top: 0;opacity: 1;visibility: visible;margin-left:0;} .header-bottom_area .main-menu_area > nav > ul > li > ul > li > ul > li:hover > a > i { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg);transform: rotate(-90deg);} .header-bottom_area .main-menu_area > nav > ul > li > ul > li > ul > li > ul > li {position: relative;} .header-bottom_area .main-menu_area > nav > ul > li > ul > li > ul > li > ul > li > ul.normal-dropdown {top: 30px;left: 100%;opacity: 0;visibility: hidden;} .header-bottom_area .main-menu_area > nav > ul > li > ul > li > ul > li > ul > li > a {display: block;} .header-bottom_area .main-menu_area > nav > ul > li > ul > li > ul > li > ul > li > a > i {position: absolute;top: 0.8rem;right: 25px;display: block;font-size: 0.75rem; -webkit-transform: rotate(0); -ms-transform: rotate(0);transform: rotate(0);color:#030304;} .header-bottom_area .main-menu_area > nav > ul > li > ul > li > ul > li > ul > li:hover > .normal-dropdown {top: 0;opacity: 1;visibility: visible;margin-left:0;} .header-bottom_area .main-menu_area > nav > ul > li > ul > li > ul > li > ul > li:hover > a > i { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg);transform: rotate(-90deg);} .header-bottom_area .main-menu_area > nav > ul > li > ul > li > ul > li > ul > .current-item > a {background:#030304; color:#fcfcfc;} .header-bottom_area .main-menu_area > nav > ul > li.widemenu {position: static;} .header-bottom_area .main-menu_area > nav > ul > li.widemenu .wide-dropdown{background:#ffffff; color:#030304;padding:15px; -webkit-transform-origin: 0 0 0; -ms-transform-origin: 0 0 0;transform-origin: 0 0 0; -webkit-transform: scaleY(0); -ms-transform: scaleY(0);transform: scaleY(0);position: absolute;width: calc(100% - 30px);left: 15px;right: auto;top: 100%;overflow-x: visible; -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between;justify-content: space-between;z-index: 9999;border-top:1px solid #e5f5f9;padding-top:1px;width:auto;overflow:hidden;position:absolute;-webkit-border-radius:0 0 8px 8px;-moz-border-radius:0 0 8px 8px;border-radius:0 0 8px 8px;} .header-bottom_area .main-menu_area > nav > ul > li.widemenu .wide-dropdown>li{float:left;min-width:344px;padding:6px 18px 13px;} .header-bottom_area .main-menu_area > nav > ul > li.widemenu .wide-dropdown ul a, #main-navigation ul.wide-dropdown .nav-caption{padding:4px 10px;display:block;color:#030304;} .header-bottom_area .main-menu_area > nav > ul > li.widemenu:hover .wide-dropdown{ -webkit-transform: scaleY(1); -ms-transform: scaleY(1);transform: scaleY(1);} .header-bottom_area .main-menu_area > nav > ul > li.widemenu > ul > li > ul > li .nav-caption {font-size: 16px;color:#030304;font-weight:500;display: block;padding-bottom: 3px;} .header-bottom_area .main-menu_area > nav > ul > li.widemenu > ul > li > ul > .child-item{font-size: 16px;font-weight:300;} .header-bottom_area .main-menu_area > nav > ul > li.widemenu > ul > li > ul > .child-item:last-child {font-size: 14px;} .header-bottom_area .main-menu_area > nav > ul > li.widemenu > ul > li > ul > .child-item:last-child > a{border-bottom: 1px solid #DFDFDF;color:#4d87ce;} .header-bottom_area .main-menu_area > nav > ul > li.widemenu > ul > li > ul > .child-item > a{padding-bottom: 5px;/* border-bottom: white solid 3px;*/} .header-bottom_area .main-menu_area > nav > ul > li.widemenu > ul > li > ul > .child-item > a:hover{color: #4D87CE;border-bottom-color: #4D87CE;} .header-bottom_area .main-menu_area > nav > ul > li.widemenu > ul > li > ul > .child-item > a > img, .header-bottom_area .main-menu_area > nav > ul > li.widemenu .wide-dropdown .nav-caption img{height:34px;margin-right:12px;} .header-bottom_area .main-menu_area > .search-column-2{float:right;} .header-bottom_area .main-menu_area .search-column-2 > input{float:right;} @media only screen and (min-width: 1200px) and (max-width: 1599px) { .header-bottom_area .main-menu_area {/*font-size: 0.82rem;*/} .header-bottom_area .main-menu_area > nav > ul > li.widemenu > ul > li > a {/*font-size: 0.82rem;*/} } @media only screen and (min-width: 992px) and (max-width: 1199px) { .header-bottom_area .main-menu_area {/*font-size: 0.75rem;*/} .header-bottom_area .main-menu_area > nav > ul > li.widemenu > ul > li > a {/*font-size: 0.75rem;*/} } @media only screen and (min-width: 576px) and (max-width: 991px) { .header-bottom_area .main-menu_area {/*font-size: 11px;*/} .header-bottom_area .main-menu_area > nav > ul > li.widemenu > ul > li > a {/*font-size: 11px;*/} } .header-bottom_area .main-menu_area > nav > ul > li.widemenu > ul > li > ul > li > a {display: block;line-height:2em;/*line-height: 35px;font-size: 16px;*/} .header-bottom_area .main-menu_area > nav > ul > li > a {font-weight: 500;color:#fcfcfc; display: block;padding: 15px 0;position: relative;} .header-bottom_area .main-menu_area > nav > ul > li.current-item > a {font-weight: 500;color: #030304!important;} .header-bottom_area .main-menu_area > nav > ul > li.current-item:hover > a {font-weight: 500;color:#fcfcfc!important;} /* .header-bottom_area .main-menu_area > nav > ul > li > a:before {content: "";border-left-width: 2px;border-left-style: solid;border-left-color: inherit;position: absolute;top: 50%;left: -20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);height: 13px;width: 2px;opacity: 0;visibility: hidden;} .header-bottom_area .main-menu_area > nav > ul > li > a:after {content: "";border-left-width: 2px;border-left-style: solid;border-left-color: inherit;position: absolute;top: 50%;right: -20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);transform: translateY(-50%);height: 13px;width: 2px;opacity: 0;visibility: hidden;} .header-bottom_area .main-menu_area > nav > ul > li:hover > a {} .header-bottom_area .main-menu_area > nav > ul > li:hover > a:before {opacity: 1;visibility: visible;left: -10px;} .header-bottom_area .main-menu_area > nav > ul > li:hover > a:after {opacity: 1;visibility: visible;right: -10px;} */ .header-bottom_area .header-right_area {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end;justify-content: flex-end;} @media (max-width: 767px) { .header-bottom_area .header-right_area { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center;justify-content: center;} } .header-bottom_area .header-right_area > ul > li {display: inline-block;border-right: 1px solid rgba(0, 0, 0, 0.07);} @media (max-width: 767px) { .header-bottom_area .header-right_area > ul > li {border: 0;} } .header-bottom_area .header-right_area > ul > li > a .mob-link-flag{ border:1px solid #222222;height:18px!important;width:26px;margin-bottom:7px;margin-left:-4px;opacity:1;transition:.5s ease;backface-visibility:hidden;} .header-bottom_area .header-right_area > ul > li:hover > a .mob-link-flag{opacity:0.5;} .header-bottom_area .header-right_area > ul > .lokalizacelink > a > span{position: absolute;top:-15px;margin-left:-3px;/*font-size: 0.75rem;*/font-style:italic;} .header-bottom_area .header-right_area > ul > li > a {width: 52px;height: 52px;line-height: 52px;text-align: center;display: block;color: #222222;/*font-size: 20px;*/} .header-bottom_area .header-right_area > ul > li:hover > a {color: #1f1f1f!important;} @media only screen and (min-width: 992px) and (max-width: 1199px) { .header-bottom_area .header-right_area > ul > li > a {/*width: 60px;*/} } @media (max-width: 991px) { .header-bottom_area .main-menu_area {/*font-size: 0.75rem;*/} .header-bottom_area .header-right_area > ul > li > a {/*height: 80px;line-height: 80px;*/} } .header-bottom_area .header-right_area > ul > li > a > i {font-size: 26px;} .header-bottom_area .header-right_area > ul > li > a > i > span {position: absolute;top:-15px;font-size:11px;margin-left:-3px;} .header-bottom_area .header-right_area > ul > li > a > i > .mena-iso {margin-left:-10px;/*font-size:10px*/} .header-bottom_area .header-right_area > ul > li:first-child {border-left: 1px solid rgba(0, 0, 0, 0.07);} @media (max-width: 767px) { .header-bottom_area .header-right_area > ul > li:first-child {border: 0;} } /* ---Base Transition--- */ a, button, .temp-btn_fullwidth,.temp-btn_dark, .mobile-menu_wrapper .offcanvas-menu-inner, .offcanvas-minicart_wrapper .offcanvas-menu-inner, .offcanvas-local_wrapper .offcanvas-menu-inner, .offcanvas-currency_wrapper .offcanvas-menu-inner, .offcanvas-user_wrapper .offcanvas-menu-inner, .offcanvas-search_wrapper .offcanvas-menu-inner, .btn-close, .btn-close > i, .offcanvas-navigation .mobile-menu li > .menu-expand, .offcanvas-menu_wrapper .offcanvas-menu-inner, .category-menu .menu-clickable > ul > li.right-menu > a::after, .sub-menu, .header-top_area .ht-menu > ul > li .box-dropdown, .header-bottom_area .main-menu_area > nav > ul > li .normal-dropdown, .header-bottom_area .main-menu_area > nav > ul > li > ul > li > a > i, .header-bottom_area .main-menu_area > nav > ul > li.widemenu .wide-dropdown, .header-bottom_area .main-menu_area > nav > ul > li > a:before, .header-bottom_area .main-menu_area > nav > ul > li > a:after, #Instafeed > li > a, #Instafeed > li > a:before, #Instafeed > li > a:after {-webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;} /* ---Header Sticky--- */ .header-main_area .header-sticky.sticky {background:#030304; -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);left: 0;position: fixed;right: 0;top: 0; -webkit-transition: all 300ms ease-in 0s; -o-transition: all 300ms ease-in 0s;transition: all 300ms ease-in 0s;z-index: 9000;} @media (max-width: 991px) { .header-main_area .header-sticky.sticky {background:#ffffff;} } @media (max-width: 575px) { .header-main_area .header-sticky.sticky {position: static;} } .header-main_area .header-sticky.sticky.sticky { -webkit-animation: 800ms ease-in-out 0s normal none 1 running slideInDown;animation: 800ms ease-in-out 0s normal none 1 running slideInDown;} .header-main_area .header-sticky.sticky.header-sticky:hover {/* background: #d9d9d9; */} .breadcrumb-area {background-repeat: no-repeat;background-position: center center;background-size: cover;min-height: 225px;position: relative;border-bottom: 1px solid #E5E5E5;margin-bottom:15px;} @media (max-width: 575px) { .breadcrumb-area { background-position: right;} } .breadcrumb-area .breadcrumb-content {position: absolute;left: 50%;top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);text-align: center;} @media (max-width: 575px) { .breadcrumb-area .breadcrumb-content {width: 100%;} } .breadcrumb-area .breadcrumb-content > h2 {font-weight: 700;color: #ffffff;text-transform: uppercase;text-align: center;/*font-size: 34px;*/ margin-bottom: 0;padding-bottom: 20px;} .breadcrumb-area .breadcrumb-content ul > li {color: #ffffff;/*font-size: 16px;*/font-weight: 400;display: inline-block;padding-left: 20px;position: relative;} @media (max-width: 1599px) { .breadcrumb-area .breadcrumb-content > h2 {/*font-size: 30px;*/} .breadcrumb-area .breadcrumb-content ul > li {/*font-size: 15px;*/} } @media (max-width: 1199px) { .breadcrumb-area .breadcrumb-content > h2 {/*font-size: 26px;*/} .breadcrumb-area .breadcrumb-content ul > li {/*font-size: 0.88rem;*/} } @media (max-width: 991px) { .breadcrumb-area .breadcrumb-content > h2 {/*font-size: 20px;*/} .breadcrumb-area .breadcrumb-content ul > li {/*font-size: 0.82rem;*/} } @media (max-width: 575px) { .breadcrumb-area .breadcrumb-content > h2 {/*font-size: 16px;*/} .breadcrumb-area .breadcrumb-content ul > li {/*font-size: 0.75rem;*/} } .breadcrumb-area .breadcrumb-content ul > li:first-child {padding-left: 0;} .breadcrumb-area .breadcrumb-content ul > li:before {font-family: FontAwesome;content: "\f054";font-weight: 600;position: absolute;right: -15px;top: 0;font-size:max(0.7rem/10px);color:#fcfcfc;;} .breadcrumb-area .breadcrumb-content ul > li:last-child:before {display: none;} .breadcrumb-area .breadcrumb-content ul > li > a {color:#fcfcfc;} /* ==================================== */ /* CAROUSEL-MENU */ /* ==================================== */ .slider-with-category_menu {padding-top: 30px;} .slider-with-category_menu .menucarousel {position:relative;display:block;} .slider-with-category_menu .tp-banner{height:24vw!important;} .slider-with-category_menu .sidebar-box{margin-top:0;} .slider-with-category_menu .sidebar-box-content{height:calc(24.1vw - 50px)!important;} @media (max-width: 479px) { .slider-with-category_menu .container-fluid {padding: 0 15px 0;} .slider-with-category_menu .category-menu{position: relative;} } .iconic-input{position:relative;margin:15px 0;width:100%;} .iconic-input input[type="text"]{width:100%;background:#f7f7f7;/*font-size: 0.88rem;*/} .iconic-input input[type="password"]{width:100%;background:#f7f7f7;/*font-size: 0.88rem;*/} .iconic-input input[type="email"]{width:100%;background:#f7f7f7;/*font-size: 0.88rem;*/} .iconic-input input[type="tel"]{width:100%;background:#f7f7f7;/*font-size: 0.88rem;*/} .iconic-input .fa{position:absolute;color:#7a8188!important;z-index:9000;left:auto!important;top:10px!important;right:10px!important;} .vyber-zeme label{position:absolute;margin-top:-22px;margin-left:11px;color:#aaa;/*font-size: 0.88rem;*/} #firemni_data .nazspol{margin-top:9px !important;} /* Main Header */ .hlavicka-img{margin-top:-1px;background-color:rgba(0, 0, 0, 0);background-repeat:no-repeat;background-size:cover;background-position:center center;width:100%;height:100%;max-height:400px;opacity:1;visibility:inherit;} /* Select language and location*/ #localform label{font-size:0.85rem;} #localform .dd-select{ border:solid 1px #E5E5E5 !important;} #localform #volba-zeme .dd-option{padding:0px !important;font-size:0.85rem;} #localform #volba-zeme .dd-selected{padding:0px !important;font-size:0.85rem;} #localform #volba-jazyka .dd-option{padding:6px !important;font-size:0.85rem;} #localform #volba-jazyka .dd-selected{padding:6px !important;font-size:0.85rem;} #localform .dd-option-image, #localform .dd-selected-image{margin-left:6px !important;padding-top:11px !important;} #localform .tlacitko{margin-top:7px;} .cart-table{width:350px;/*font-size:0.82rem;*/} .cart-table td{padding:10px 0;} .cart-table img{width:60px; } .cart-table p{/*font-size:0.82rem;*/color:#7a8188; margin:0;} span.quantity{/*font-size:0.82rem;*/display:block;padding:0 5px;} .checkout-table td{padding:2px; } .checkout-table td em{font-style:normal;font-size:0.7rem;color:#baacbd;} .cart-table h6{/*font-size: 0.88rem;*/margin:0;} .no-border{border:none!important;} /* Perfect Scroll */ .scrolldiv{position:relative;max-height:100%;overflow:hidden;} /* ========================= */ /* NAVIGACE */ /* ========================= */ .nav-pr-pcs{background:none repeat scroll 0 0 #E9E9E9;-webkit-border-radius:18px;-moz-border-radius:18px;border-radius:18px;display:inline-block;font-size:11px;line-height:8px;margin-left:5px;padding-top:2px;padding-bottom:2px;text-align:center;width:24px;color:#6f6f6f;} .navigace{font-size:0.95rem;padding-left:1rem;} .navigace ul{text-align:left;display:inline-block;width:100%;list-style:none;} .navigace li {float:none;list-style:none outside none;min-width:100%;} .navigace ul li {float:left;width:auto;font-weight:300;padding:5px 0;} .navigace li.current-item>a{color:#fff;} .navigace li ul li {padding-left:20px;} .navigace li ul li:first-child{padding-top:20px;} .navigace ul li a{position:absolute;color:#916000;} .navigace ul li a::before{font-family:FontAwesome;content:"\f105";position:absolute;left:-13px;top:2px;font-size:0.8em;} .navigace ul li a:hover::before{left:-10px} #panelMenu{background-color:#333;overflow:hidden;position:fixed;bottom:0;width: 100%;z-index:9000;display:none;} #panelMenu a{float:left;display:block;color:#f2f2f2;text-align:center;padding:18px 20px;text-decoration:none;font-size:20px;border-right:1px solid #fefeff;} #panelMenu a:hover{background-color:#ddd;color:black;} #panelMenu a.active{background-color:#4CAF50;color:white;} .boxPrihlas{padding-bottom:35px;} .boxPrihlas .navigace{padding-bottom:20px;} .boxPrihlas .navigace ul li{padding:12px 5px;} .boxPrihlas .navigace ul li a{color:#8d4aaa;} .boxPrihlas .navigace ul li a:hover{color:#c21c0b;} header > .container{background:#ffffff;} /* vkladane elementy pod hlavni menu na vrch stranky */ /* =================== */ /* KALENDARE */ /* =================== */ .ui-datepicker, .ui-datepicker-header, .ui-datepicker-calendar {width: inherit;} #kalendar{width:100%;margin: 0 auto;} #kalendar table, #kalendar thead, #kalendar tbody, #kalendar tfoot, #kalendar tr, #kalendar th, #kalendar td{margin:0;padding:0;} #kalendar h2{color:#555;font-size:22px;font-weight:500;margin-top:7px;} #kalendar tbody .fc-title{font-size:0.82rem;font-weight:400;} #kalendar .fc-button {border-radius:0;border-color:#999;overflow:visible;text-transform:none;font-family:inherit;font-size:0.95rem;line-height:inherit} #kalendar .fc-day-header {padding:5px 8px;font-weight:600;} #kalendar .fc .fc-toolbar .fc-button.fc-state-hover {border-color:#999;} #kalendar .fc .fc-toolbar .fc-button.fc-state-active {border-color:#999;background:#eee;color:#999;} #kalendar #calendar2{margin-bottom:30px;} #kalendar #calendar2 .fc-content{padding-left:5px;line-height:2em;} #kalendar .fc-content{padding-left:3px;line-height:1.5em;} #kalendar .c-hotpink{background:#FF69B4;} #kalendar .c-darkcyan{background:#008B8B;} #kalendar .c-khaki{background:#F0E68C;} #kalendar .c-limegreen{background:#32CD32;} #kalendar .c-gold{background:#FFD700;} #kalendar .c-aquamarine{background:#66CDAA;} #kalendar .c-mediumturquoise{background:#48D1CC;} #kalendar .c-skyblue{background:#87CEEB;} #kalendar .c-lightskyblue{background:#87CEFA;} #kalendar .c-cornflowerblue{background:#6495ED;} #kalendar .c-darkorange{background:#FF8C00;} #kalendar .c-darkgray{background:#A9A9A9;} #kalendar .c-mediumvioletred{background:#C71585;} #kalendar .c-indianred{background:#CD5C5C;} #kalendar .c-orangered{background:#FF4500;} #kalendar .c-firebrick{background:#B22222;} #kalendar .fc-today {background:#FFF495;} #kalendar .fc-today span{color:#4A4A4A;} /* ========================= */ /* TLAČÍTKO BUTTON */ /* ========================= */ button, input[type=button], input[type=submit]{width:auto;margin-bottom:0.75em; background:#4d87ce; color:#fcfcfc; border:0 none;font-size: 0.88rem;color:#fff;height:36px;padding:0 0.75em;cursor:pointer;text-transform:uppercase;white-space:nowrap;transition: background 0.20s linear 0s; -o-transition: background 0.20s linear 0s; -ms-transition: background 0.20s linear 0s; -moz-transition: background 0.20s linear 0s; -webkit-transition: background 0.20s linear 0s;} button:hover, input[type=button]:hover, input[type=submit]:hover {background:#030304; color:#fcfcfc; } /* ========================= */ /* KROKOVAČ STRÁNEK */ /* ========================= */ .main-content .krokovac {margin:0;width:100%;padding:0 0 10px 0;list-style:none;float:left;line-height:30px;font-size:1rem;border-bottom:1px solid #bbbbbb} .main-content .krokovac li {float:left;margin-right:1px;line-height:30px;color:#888888;} .main-content .krokovac li a {color:#487FC1; float:left;display:block;text-decoration:none;font-weight:400;line-height:30px;padding:0 0 0 22px;position:relative;right:20px;margin-left:-1px;transition:color 0.2s, background 0s;-webkit-transition:color 0.2s, background 0s;-moz-transition:color 0.2s, background 0s;-ms-transition:color 0.2s, background 0s;-o-transition:color 0.2s, background 0s;} .main-content .krokovac li:first-child a{} /* .main-content .krokovac li a::after {border-left:10px solid #888888; float:right;content:"";width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;position:relative;right:-10px;z-index:8;top:10px} */ .main-content .krokovac li a::after { content: "\f054"; width: 0; height: 0; position: relative; right: -10px; z-index: 8; top: 1px; font-family: 'FontAwesome'; } .main-content .krokovac li a::before {/*border-left:10px solid #888888; float:left;content:"";width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;position:absolute;left:0;z-index:4;top:10px*/} .main-content .krokovac li a:hover,.krokovac li.selected a {color:#030304;} /* aktivni stranka v breadcrumbs */ .main-content .krokovac li a:hover::after,.krokovac li.selected a::after {} .main-content .krokovac .prvni a::before {float:left;content:"";width:0;height:0;border:0;} .main-content .krokovac i {margin-left:0px;} /* ========================= */ /* BARVY */ /* ========================= */ /* Blue */ /* li.blue .wide-dropdown, li.blue .wide-dropdown a, li.blue, li.blue>a, input.blue, .button.blue, span.product-action.blue{background:orange!important;color:#fff!important;} li.blue .wide-dropdown li:hover>a, li.blue:hover, li.blue:hover>a, li.blue>a:hover, input.blue:hover,.button.blue:hover, li.blue.current-item>a, li.blue.current-item, .fa.blue:hover, span.product-action.blue:hover{background:#2980b9!important;} li.blue .parent-background{background:orange;} li.blue .parent-border{border-color:orange;} li.blue .parent-arrow:after{border-bottom-color:orange;} li.blue .parent-color, a.blue, .slider .blue{color:orange;} */ /* Dark Blue */ /* li.dark-blue .wide-dropdown, li.dark-blue .wide-dropdown a, li.dark-blue, li.dark-blue>a, input.dark-blue, .button.dark-blue, span.product-action.dark-blue{background:#34495e!important;color:#fff!important;} li.dark-blue .wide-dropdown li:hover>a, li.dark-blue:hover, li.dark-blue:hover>a, li.dark-blue>a:hover, input.dark-blue:hover,.button.dark-blue:hover, li.dark-blue.current-item>a, li.dark-blue.current-item, .fa.dark-blue:hover, span.product-action.dark-blue:hover{background:#5b932f!important;} li.dark-blue .parent-background{background:#34495e;} li.dark-blue .parent-border{border-color:#34495e;} li.dark-blue .parent-arrow:after{border-bottom-color:#34495e;} li.dark-blue .parent-color, a.dark-blue, .slider .dark-blue{color:#34495e;} */ /* Red */ /* li.red .wide-dropdown, li.red .wide-dropdown a, li.red, li.red>a, input.red, .button.red, span.product-action.red{background:#c21c0b!important;color:#fff!important;} li.red .wide-dropdown li:hover>a, li.red:hover, li.red:hover>a, li.red>a:hover, input.red:hover , .button.red:hover, li.red.current-item>a, li.red.current-item, .fa.red:hover, span.product-action.red:hover{background:#c0392b!important;} li.red .parent-background{background:#c21c0b;} li.red .parent-border{border-color:#c21c0b;} li.red .parent-arrow:after{border-bottom-color:#c21c0b;} li.red .parent-color, a.red, .red-hover:hover, .slider .red{color:#c21c0b;} */ /* Brown */ /* li.brown .wide-dropdown, li.brown .wide-dropdown a, li.brown, li.brown>a, input.brown, .button.brown, span.product-action.brown{background:#954a00!important;color:#fff!important;} li.brown .wide-dropdown li:hover>a, li.brown:hover, li.brown:hover>a, li.brown>a:hover, input.brown:hover , .button.brown:hover, li.brown.current-item>a, li.brown.current-item, .fa.brown:hover, span.product-action.brown:hover{background:#b35900!important;} li.brown .parent-background{background:#954a00;} li.brown .parent-border{border-color:#954a00;} li.brown .parent-arrow:after{border-bottom-color:#954a00;} li.brown .parent-color, a.brown, .brown-hover:hover, .slider .brown{color:#954a00;} */ /* Grey */ /* li.grey .wide-dropdown, li.grey .wide-dropdown a, li.grey, li.grey>a, input.grey, .button.grey, span.product-action.grey{background:#f7f7f7!important;color:#1f2228;color:#fff!important;} li.grey .wide-dropdown li:hover>a, li.grey:hover, li.grey:hover>a, li.grey>a:hover, input.grey:hover , .button.grey:hover, li.grey.current-item>a, li.grey.current-item, .fa.grey:hover, span.product-action.grey:hover{background:#dde3e6!important;} li.grey .parent-background{background:#f7f7f7;} li.grey .parent-border{border-color:#f7f7f7;} li.grey .parent-arrow:after{border-bottom-color:#f7f7f7;} li.grey .parent-color, a.grey, .slider .grey{color:#f7f7f7;} */ /* Green */ /* li.green .wide-dropdown, li.green .wide-dropdown a, li.green, li.green>a, input.green, .button.green, span.product-action.green{background:#4d87ce!important;color:#fff!important;} li.green .wide-dropdown li:hover>a, li.green:hover, li.green:hover>a, li.green>a:hover, input.green:hover, .button.green:hover, li.green.current-item>a, li.green.current-item, .fa.green:hover, span.product-action.green:hover{background:#9A7C41!important;} li.green .parent-color, a.green, .slider .green{color:#4d87ce;} li.green .parent-background{background:#4d87ce;} li.green .parent-border{border-color:#4d87ce;} li.green .parent-arrow:after{border-bottom-color:#4d87ce;} */ /* Dark Green */ /* li.dark-green .wide-dropdown, li.dark-green .wide-dropdown a, li.dark-green, li.dark-green>a, input.dark-green, .button.dark-green, span.product-action.dark-green{background:#1abc9c!important;color:#fff!important;} li.dark-green .wide-dropdown li:hover>a, li.dark-green:hover, li.dark-green:hover>a, li.dark-green>a:hover, input.dark-green:hover, .button.dark-green:hover, li.dark-green.current-item>a, li.dark-green.current-item, .fa.dark-green:hover, span.product-action.dark-green:hover{background:#15997e!important;} li.dark-green .parent-color, a.dark-green, .slider .dark-green{color:#1abc9c;} li.dark-green .parent-background{background:#1abc9c;} li.dark-green .parent-border{border-color:#1abc9c;} li.dark-green .parent-arrow:after{border-bottom-color:#1abc9c;} */ /* Black */ /* li.black .wide-dropdown, li.black .wide-dropdown a, li.black, li.black>a, input.black, .button.black, span.product-action.black{background:#000!important;color:#fff!important;} li.black .wide-dropdown li:hover>a, li.black:hover, li.black:hover>a, li.black>a:hover, input.black:hover, .button.black:hover, li.black.current-item>a, li.black.current-item, .fa.black:hover, span.product-action.black:hover{background:#34495e!important;} li.black .parent-color, a.black, .slider .black{color:#000;} li.black .parent-background{background:#000;} li.black .parent-border{border-color:#000;} li.black .parent-arrow:after{border-bottom-color:#000;} */ /* White */ /* li.white .wide-dropdown, li.white .wide-dropdown a, li.white, li.white>a, input.white, .button.white, span.product-action.white{background:#a0a0a0!important;color:#fff!important;} li.white .wide-dropdown li:hover>a, li.white:hover, li.white:hover>a, li.white>a:hover, input.white:hover, .button.white:hover, li.white.current-item>a, li.white.current-item, .fa.white:hover, span.product-action.white:hover{background:#8d8d8d!important;} li.white .parent-color, a.white, .slider .white{color:#a0a0a0;} li.white .parent-background{background:#a0a0a0;} li.white .parent-border{border-color:#a0a0a0;} li.white .parent-arrow:after{border-bottom-color:#a0a0a0;} */ /* Purple */ /* li.purple .wide-dropdown, li.purple .wide-dropdown a, li.purple .wide-dropdown a, li.purple, li.purple>a, input.purple, .button.purple, span.product-action.purple{background:#9b59b6!important;color:#fff!important;} li.purple .wide-dropdown li:hover>a, li.purple:hover, li.purple:hover>a, li.purple>a:hover, input.purple:hover, .button.purple:hover, li.purple.current-item>a, li.purple.current-item, .fa.purple:hover, span.product-action.purple:hover{background:#8e44ad!important;} li.purple .parent-color, a.purple, .slider .purple{color:#9b59b6;} li.purple .parent-background{background:#9b59b6;} li.purple .parent-border{border-color:#9b59b6;} li.purple .parent-arrow:after{border-bottom-color:#9b59b6;} */ /* Orange */ /* li.orange .wide-dropdown, li.orange .wide-dropdown a, li.orange, li.orange>a, input.orange, .button.orange, span.product-action.orange{background:#f5791f!important;color:#fff!important;} li.orange .wide-dropdown li:hover>a, li.orange:hover, li.orange:hover>a, li.orange>a:hover, input.orange:hover, .button.orange:hover, li.orange.current-item>a, li.orange.current-item, .fa.orange:hover, span.product-action.orange:hover{background:#d35400!important;} li.orange .parent-color, a.orange, .slider .orange{color:#f5791f;} li.orange .parent-background{background:#f5791f;} li.orange .parent-border{border-color:#f5791f;} li.orange .parent-arrow:after{border-bottom-color:#f5791f;} */ /* ====================== */ /* TIP-TOP-SLEVA */ /* ====================== */ .product .produkt-icon{display:inline-block;max-width:50px;position:absolute;top:0;left:11px;opacity:1;} .product .produkt-ico{position:relative;right:11px;top:12px;font-size:max(0.75em, 12px);margin:3px 0;font-weight:400;display:inline-block;padding:0 7px;text-decoration:none;z-index:15;white-space:nowrap;} .product .produkt-ico:after{height:0;width:0;-moz-transform:scale(0.9999);border-top:9px solid;border-right:9px solid transparent;border-top-width:9px;content:"";display:block;position:absolute;top:0;right:-8px;z-index:-1} .product .produkt-ico.sleva{top:-0.125em;right:1.5em;font-style:normal;font-weight:300;white-space:nowrap;letter-spacing:0;text-align:center;background-color:#4d87ce;width:2.5em;height:1.3em;line-height:1.5em;position:absolute;min-width:inherit!important;padding:0;color:#fcfcfc; font-size:1em;} .product .produkt-ico.sleva:after{height:0;width:0;border-color:transparent;border-style:solid;border-width:1.27em;border-top-color:#4d87ce;border-top-width:0.7em;top:1.3em;left:0} /*.product .produkt-ico span{color:#fff;}*/ .product .produkt-ico.akce{background-color:rgb(213,40,40);color:#fcfcfc;} .product .produkt-ico.akce:after{border-top-color:rgb(213,40,40);} .product .produkt-ico.novinka{background-color:rgb(133,173,24);color:#fcfcfc;} .product .produkt-ico.novinka:after{border-top-color:rgb(133,173,24);} .product .produkt-ico.omezcas{background-color:#cccccc;color:#222222;} .product .produkt-ico.omezcas:after{border-top-color:#cccccc;} .product .produkt-ico.tip{background-color:#4d87ce;color:#fcfcfc;} .product .produkt-ico.tip:after{border-top-color:#4d87ce;} .product .produkt-ico.top{background-color:rgb(248,161,45);color:#fcfcfc;} .product .produkt-ico.top:after{border-top-color:rgb(248,161,45);} /* ======================================== */ /* TIP-TOP-SLEVA V DETAILECH PRODUKTU */ /* ======================================== */ .product-single .produkticon{display:inline-block;/* width:50px;position:absolute;top:82px;right:35px */} .product-single .produkticon .produkt-ico{position:relative;left:0;float:right;top:4px;font-size:0.9em;margin:4px 0;font-weight:400;display:inline-block;padding:1px 7px;text-decoration:none;z-index:1;white-space:nowrap;/*opacity:0.7;*/} .product-single .produkticon .produkt-ico:after{height:0;width:0;-moz-transform:scale(0.9999);border-top:12px solid;border-left:12px solid transparent;border-top-width:12px;content:"";display:block;position:absolute;top:0;left:-12px;z-index:-1} .product-single .produkticon .produkt-ico.akce{background-color:rgb(213,40,40);color:#fcfcfc;} .product-single .produkticon .produkt-ico.akce:after{border-top-color:rgb(213,40,40);} .product-single .produkticon .produkt-ico.novinka{background-color:rgb(133,173,24);color:#fcfcfc;} .product-single .produkticon .produkt-ico.novinka:after{border-top-color:rgb(133,173,24);} .product-single .produkticon .produkt-ico.omezcas{background-color:#cccccc;color:#222222;} .product-single .produkticon .produkt-ico.omezcas:after{border-top-color:#cccccc;} .product-single .produkticon .produkt-ico.tip{background-color:#4d87ce;color:#fcfcfc;} .product-single .produkticon .produkt-ico.tip:after{border-top-color:#4d87ce;} .product-single .produkticon .produkt-ico.top{background-color:rgb(248,161,45);color:#fcfcfc;} .product-single .produkticon .produkt-ico.top:after{border-top-color:rgb(248,161,45);} #product-carousel .flex-viewport ul.slides {background:#ffffff;} .product-single .dd-selected{color:#222;} .product-single .dd-options{} /* ====================== */ /* FILTR-ZNAČEK */ /* ====================== */ #znacVyhled .filtrZnacek{margin-bottom:15px;height:auto;padding:7px 12px 0;position:relative;border:1px solid #C3C3C3;} #znacVyhled .filtrZnacek ul{display:block;margin:0;padding:5px;list-style:none;} #znacVyhled .filtrZnacek li{float:left;white-space:nowrap;overflow:hidden;} #znacVyhled .filtrZnacek li input{vertical-align:middle;position:relative;bottom:2px;} #znacVyhled .filtrZnacek .right{text-align:right;} #znacVyhled .filterZvolBrand{background:#FFFCD5;padding:8px 12px;position:relative;margin:0 -12px 10px -12px;border-top:1px solid #fefeff;border-bottom:1px solid #fefeff;font-size: 0.88rem;font-weight:700;} #znacVyhled .filterZvolBrand .removebrand{color: #5C5959;cursor: pointer;} #znacVyhled .filterZvolBrand .removebrand i{color:red;} #znacVyhled .filterZvolBrand .removebrand:hover{color: #4e4f55;} #znacVyhled .filterZvolBrand span{font-weight:300;color: #5C5959;margin-right:5px;} #znacVyhled .filterZvolBrand span strong{padding:0 5px;font-weight:400;color:#4e4f55;} #znacVyhled .filtrZnacek .linowrap{width:20%;} #znacVyhled .filtrZnacek .liwrap{width:50%;} #formVyhled .trideni {margin-top:-14px;} #formVyhled .hledani {margin-top:5px;} .strankovaniNeni{display:none;} #formVyhled .category-heading {} /* ========================= */ /* FILTR-PARAMETRU */ /* ========================= */ #formParam{margin-bottom:15px;} #profilter #formParam{margin-top:-15px;} #formParam .filterParam{rgba(255, 255, 255,1) color:#222222; height:auto;padding:4px 12px 0;position:relative;} #formParam .filterParam h4{padding:4px 9px 0;margin:0;font-size: 0.88rem;font-weight:700;color:#222222;} #formParam .filterParam ul{display:block;margin:0;padding:5px;list-style:none;} #formParam .filterParam li{float:left;white-space:nowrap;overflow:hidden;} #formParam .filterParam li input{vertical-align:middle;position:relative;bottom:2px;} #formParam .filterParam li label{padding-top:1px;} #formParam .filterParam li span{font-size:11px;font-weight:700;color:#222222;margin-left:3px;} #formParam .filterZvoleno{background:#030304; color:#fcfcfc; padding:8px 12px;position:relative;border-top:1px solid #fefeff;font-size: 0.88rem;font-weight:700; } #formParam .filterZvoleno .removeparam{color:#fcfcfc; cursor: pointer;} #formParam .filterZvoleno .removeparam i{color:red;} #formParam .filterZvoleno .removeparam:hover{} #formParam .filterZvoleno span{font-weight:300;color:#fcfcfc; margin-right:5px;} #formParam .filterZvoleno span strong{padding:0 5px;font-weight:400;color:#fcfcfc;} #formParam .filterParam .linowrap{width:15%;} #formParam .filterParam .liwrap{width:50%;} /* ==================================== */ /* BOČNÍ SLOUPEC */ /* ==================================== */ .sidebar-box{margin-top:15px;margin-bottom:30px;color:#7a8188;background:#F2F2F2;padding-bottom:20px;border-radius:5px;} .sidebar-box .carousel{margin-top:0;} .sidebar-box .padding-box{padding:15px;} .sidebar-box-heading{background:rgba(255,255,255,0); color:#222222; text-transform:uppercase; overflow:hidden;height:50px;padding:15px 20px 12px 40px; } .sidebar-box-heading i:before{color:#222222;} .sidebar-box-heading .fa{position:absolute;left:15px;color:#222222;} .sidebar-box-heading h4{margin:0;display:inline-block;padding-left:0px;} .sidebar-box-content{background:rgba(255,255,255,0); color:#222222; font-size:0.9rem;} .sidebar-box-content.sidebar-padding-box{padding:20px 15px;} .sidebar-box-content>*{margin:0;} .sidebar-box-content ul{margin:0;padding:0;list-style:none;} .sidebar-box-content>ul{padding:0;} .sidebar-box-content>ul>li{position:relative;border-top:1px dotted #e6e6e6;} .sidebar-box-content .menu-standard>ul>li{position:relative;border-top:none; border-top-left-radius:0;border-top-right-radius:0;} .sidebar-box-content>ul>li>a,.sidebar-box-content .menu-standard>ul>li>a{display:block;padding:0.5rem 2rem 0.5rem 1.3rem;background:rgba(0,0,0,0); color:#222222;font-weight:bold;} .sidebar-box-content>ul>li>a .fa,.sidebar-box-content .menu-standard>ul>li>a .fa{position:absolute;right:15px;top:10px;font-size: 0.88rem;} .sidebar-box-content>ul>li.current-item>a, .sidebar-box-content .menu-standard>ul>li.current-item>a {background:#4d87ce; color:#fcfcfc;} .sidebar-box-content>ul>li>a:hover, .sidebar-box-content .menu-standard>ul>li>a:hover{background:#030304; color:#fcfcfc; } .sidebar-box-content .menu-standard ul a {line-height: 1.3em;} .sidebar-box-content .menu-standard ul li ul{margin:0;padding:0;list-style:none;} .sidebar-box-content .menu-standard>ul>li>ul>li{position:relative;} .sidebar-box-content .menu-standard>ul>li>ul>li>a{display:block;padding:8px 35px 8px 35px;background:#f9f7f7; color:#222222; border-bottom:1px solid rgba(255,255,255,0.2);} .sidebar-box-content .menu-standard>ul>li>ul>li>a .fa{position:absolute;right:15px;top:10px;font-size:0.85rem;} .sidebar-box-content .menu-standard>ul>li>ul>li.current-item>a{background:#4d87ce; color:#fcfcfc;} .sidebar-box-content .menu-standard>ul>li>ul>li>a:hover{background:#030304; color:#fcfcfc;} .sidebar-box-content .menu-standard ul li ul li ul{margin:0;padding:0;list-style:none;box-shadow: inset 1px -1px #4d87ce;} .sidebar-box-content .menu-standard>ul>li>ul>li>ul>li{position:relative;} .sidebar-box-content .menu-standard>ul>li>ul>li>ul>li>a{display:block;padding:8px 35px 8px 40px;background:rgba(255,255,255,0.1); color:#222222; border-bottom:1px solid rgba(255,255,255,0.2); } .sidebar-box-content .menu-standard>ul>li>ul>li>ul>li>a .fa{position:absolute;right:15px;top:10px;font-size:0.85rem;} .sidebar-box-content .menu-standard>ul>li>ul>li>ul>li.current-item>a, .sidebar-box-content .menu-standard>ul>li>ul>li>ul>li>a:hover{background:#cdcdcd;} .sidebar-box-content .menu-standard ul li ul li ul li ul{margin:0;padding:0;list-style:none;} .sidebar-box-content .menu-standard>ul>li>ul>li>ul>li>ul>li{position:relative;} .sidebar-box-content .menu-standard>ul>li>ul>li>ul>li>ul>li>a{display:block;padding:8px 35px 8px 50px;background:#f9f7f7; color:#222222; border-bottom:1px solid rgba(255,255,255,0.2);box-shadow: inset 5px 0 #4d87ce;} .sidebar-box-content .menu-standard>ul>li>ul>li>ul>li>ul>li>a .fa{position:absolute;right:15px;top:10px;font-size:0.85rem;} .sidebar-box-content .menu-standard>ul>li>ul>li>ul>li>ul>li.current-item>a, .sidebar-box-content .menu-standard>ul>li>ul>li>ul>li>ul>li>a:hover{background:#bbbbbb;} .sidebar-box-content .menu-standard ul li ul li ul li ul li ul{margin:0;padding:0;list-style:none;} .sidebar-box-content .menu-standard>ul>li>ul>li>ul>li>ul>li>ul>li{position:relative;} .sidebar-box-content .menu-standard>ul>li>ul>li>ul>li>ul>li>ul>li>a{display:block;padding:8px 35px 8px 15px;background:rgba(0,0,0,0.1); color:#222222; border-bottom:1px solid rgba(255,255,255,0.2); } .sidebar-box-content .menu-standard>ul>li>ul>li>ul>li>ul>li>ul>li>a .fa{position:absolute;right:15px;top:10px;0.85rem;} .sidebar-box-content .menu-standard>ul>li>ul>li>ul>li>ul>li>ul>li.current-item>a, .sidebar-box-content .menu-standard>ul>li>ul>li>ul>li>ul>li>ul>li>a:hover{background:#b5b5b5;} .sidebar-box-content>ul>li:hover .sidebar-dropdown{display:table; overflow:hidden;} .sidebar-dropdown{position:absolute;left:100%;top:-10px;z-index:6000;display:none;background:#4d87ce; color:#fcfcfc;} .sidebar-box .chosen-single{height:40px;font-size: 0.88rem;color:red;padding: 8px 0 0 8px;border:1px solid red;margin-top:5px;} .sidebar-box .chosen-results{border:1px solid #E5E5E5;border-top:none;} .sidebar-box .chosen-results li{padding:10px 6px;} .sidebar-box .chosen-single div {top:8px;} .right-sidebar .sidebar-dropdown{left:auto;right:100%;} .sidebar-dropdown{width:840px;} /* 3x280=840 */ .sidebar-dropdown>li{overflow:hidden;display:inline;vertical-align:top;} /* display:table-cell or inline */ .sidebar-dropdown>li>ul{float:left;width:auto;min-width:200px;padding:10px 0;display:table;white-space:nowrap;} /* width:280/auto */ .sidebar-dropdown>li>ul>li>a{padding:8px 20px;display:block;background:rgba(255,255,255,0); color:#fcfcfc;} .sidebar-dropdown>li>ul>li.current-item>a, .sidebar-dropdown>li>ul>li>a:hover{background:rgba(69, 122, 185,1);color:#fcfcfc;} .sidebar-dropdown>li>ul>li>a .nav-caption{text-transform:uppercase;} /* UPPERCASE */ .sidebar-dropdown>li:last-child{margin:0;} .sidebar-slider{position:relative;display:block;overflow:hidden;} .sidebar-slider .flex-control-nav{display:block;position:absolute;bottom:0;left:0;right:0;width:100%;} .sidebar-slider .flex-control-paging li a {border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;width:9px;height:9px;background:#ccc;} .sidebar-slider .flex-control-paging li a:hover, .sidebar-slider .flex-control-paging li a.flex-active{background:#27ae60;} .sidebar-slider .slider-nav{background:#f5f5f5;display:block;height:30px;} .sidebar .product{margin-bottom:0;} a.remove{font-size:0.7rem;color:#c21c0b;} a.tag-item{display:inline-block;background:#f5f5f5;margin-bottom:5px;padding:5px 10px;vertical-align:top;font-size: 0.88rem;} a.tag-item:hover{color:#fff;background:#4d87ce;} .tags-box-content{/*background:#030304; */color:#fcfcfc; font-size:0.85rem;} .tags-box-content ul{margin:0;padding:10px;list-style:none;} .tags-box-content>ul>li{display:inline-block;line-height:29px;vertical-align:top;margin:2px;} .tags-box-content>ul>li>a{padding:5px 10px;background:#0e0e0f;color:#fcfcfc;} .tags-box-content>ul>li:hover>a{background:#0e0e0e;color:#343434!important;} .tags-box-content>ul>li>.smalllabel{font-size:0.75rem;font-weight:400;} .tags-box-content>ul>li>.normallabel{font-size:0.85rem;font-weight:500;} .tags-box-content>ul>li>.biglabel{font-size:1rem;font-weight:600;} .tags-box-content>ul>li>.largelabel{font-size:1.2rem;font-weight:700;} /* ==================================== */ /* POSOUVAČ CEN od - do */ /* ==================================== */ .catsearch-heading{background:#fff;position:relative;font-size: 0.88rem;} .catsearch-heading .noUiSlName{margin-top:-26px;color:#aaa;font-size:11px;} .noUiSlider{margin:20px 0 10px 0;} .noUi-target, .noUi-target * {-webkit-touch-callout: none;-webkit-user-select: none;-ms-touch-action: none;touch-action: none;-ms-user-select: none;-moz-user-select: none;user-select: none;-moz-box-sizing: border-box;box-sizing: border-box;} .noUi-target {position: relative;direction: ltr;} .noUi-base {width: 100%;height: 100%;position: relative;z-index: 1;} .noUi-origin {position: absolute;height: 0;width: 0;} .noUi-handle {position: relative;z-index: 1;} .noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin {-webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;} .noUi-state-drag * {cursor: inherit !important;} .noUi-base, .noUi-handle {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);} .noUi-horizontal {height: 18px;} .noUi-horizontal .noUi-handle {background:#ccc;width: 34px;height: 28px;left: -17px;top: -6px;} .noUi-vertical {width: 18px;} .noUi-vertical .noUi-handle {width: 28px;height: 34px;left: -6px;top: -17px;} .noUi-target {background: #F7F7F7;border-radius: 0px;border: 1px solid #E5E5E5;box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;} .noUi-connect {box-shadow: inset 0 0 3px rgba(51,51,51,0.45);-webkit-transition: background 450ms;transition: background 450ms;} .noUi-draggable {cursor: w-resize;} .noUi-vertical .noUi-draggable {cursor: n-resize;} .noUi-handle {border: 1px solid #E5E5E5;border-radius: 0px;background: #FFF;cursor: default;box-shadow: inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB;} .noUi-active {box-shadow: inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB;} .noUi-handle:before, .noUi-handle:after {content: "";display: block;position: absolute;height: 14px;width: 1px;background:#fff;left: 14px;top: 6px;} .noUi-handle:after {left: 17px;} .noUi-vertical .noUi-handle:before, .noUi-vertical .noUi-handle:after {width: 14px;height: 1px;left: 6px;top: 14px;} .noUi-vertical .noUi-handle:after {top: 17px;} span.price-range-max{color:#1f2228;font-size: 0.88rem;} span.price-range-min{color:#1f2228;font-size: 0.88rem;} label.color-checkbox.red{background:#c21c0b;} label.color-checkbox.white{background:#fff;} label.color-checkbox.black{background:#000;} label.color-checkbox.blue{background:orange;} label.color-checkbox.green{background:#00a847;} label.color-checkbox{width:30px;height:30px;border:2px solid #fff;margin-right:10px!important;outline:1px solid #eee;} label.color-checkbox:before{display:none!important;width:0!important;height:0!important;} input[type="checkbox"]:checked + label.color-checkbox{outline:1px solid #7e8f80;} /* Colors -- UPRAVIT MICHAL */ /* .purple .carousel-heading, .purple .sidebar-box-heading, .purple a.tag-item:hover, .purple .banner-item{background:#9b59b6;} .purple .sidebar-box-content>ul>li>a:hover{color:#9b59b6;} .blue .carousel-heading, .blue .sidebar-box-heading, .blue a.tag-item:hover, .blue .banner-item{background:orange;} .blue .sidebar-box-content>ul>li>a:hover{color:orange;} .red .carousel-heading, .red .sidebar-box-heading, .red a.tag-item:hover, .red .banner-item{background:#c21c0b;} .red .sidebar-box-content>ul>li>a:hover{color:#c21c0b;} .brown .carousel-heading, .brown .sidebar-box-heading, .brown a.tag-item:hover, .brown .banner-item{background:#954a00;} .brown .sidebar-box-content>ul>li>a:hover{color:#954a00;} .green .carousel-heading, .green .sidebar-box-heading, .green a.tag-item:hover, .green .banner-item{background:#4d87ce;} .green .sidebar-box-content>ul>li>a:hover{color:#4d87ce;} .dark-green .carousel-heading, .dark-green .sidebar-box-heading, .dark-green a.tag-item:hover, .dark-green .banner-item{background:#1abc9c;} .dark-green .sidebar-box-content>ul>li>a:hover{color:#1abc9c;} .black .carousel-heading, .black .sidebar-box-heading, .black a.tag-item:hover, .black .banner-item{background:#000;} .black .sidebar-box-content>ul>li>a:hover{color:#000;} .white .carousel-heading, .white .sidebar-box-heading, .white a.tag-item:hover, .white .banner-item{background:#fff;} .white .sidebar-box-content>ul>li>a:hover{color:#fff;} .orange .carousel-heading, .orange .sidebar-box-heading, .orange a.tag-item:hover, .orange .banner-item{background:#f5791f;} .orange .sidebar-box-content>ul>li>a:hover{color:#f5791f;} .orange a.tag-item:hover{background:#1abc9c;} */ /* ==================================== */ /* OBRAZKY - OBSAH */ /* ==================================== */ .str_obsah{margin-top:15px;} /********** Obrázky s nastavením Levé a Pravé **********/ #obrSeznam1{float:left;display:block;text-align:left;padding-right:15px;margin-left:-14px;} #obrSeznam2{float:right;display:block;text-align:right;padding-left:15px;margin-right:-14px;} #obrSeznam1 .popis, #obrSeznam2 .popis{text-align:center;margin-bottom:5px;padding-top:5px;font-size: 0.88rem;white-space:nowrap;overflow:hidden;} #obrSeznam1 a .obr, #obrSeznam2 a .obr{width:100%;margin:0;white-space:nowrap;} #obrSeznam1 .obr img{margin-top:6px;margin-right:6px;border:1px solid #dfdfdf;float:none;display:inline;} #obrSeznam2 .obr img{margin-top:6px;margin-right:6px;border:1px solid #dfdfdf;float:none;display:inline;} #obrSeznam1 .obr img:hover, #obrSeznam2 .obr img:hover{border:1px solid #dbdbdb;box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.25); -webkit-box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.25);} .str_obsah #obrSeznam1, .str_obsah #obrSeznam2{padding-top:15px;} /********** Obrázky s nastavením horní a dolní (galerie) **********/ #obrGalerie3{float:left;clear:both;display:block;text-align:left;padding:10px 20px} #obrGalerie4{float:left;clear:both;display:block;text-align:left;padding:0 0 10px 0} #obrGalerie3 .popis, #obrGalerie4 .popis{text-align:center;margin-bottom:5px;padding-top:5px;font-size: 0.88rem;white-space:nowrap;overflow:hidden;} #obrGalerie3 a, #obrGalerie4 a{padding-left:15px;} #obrGalerie3 a .obr, #obrGalerie4 a .obr{width:100%;margin:0;white-space:nowrap;} #obrGalerie3 .obr img, #obrGalerie4 .obr img{margin-top:6px;margin-right:6px;border:1px solid #dfdfdf;float:none;display:inline;} #obrGalerie3 .obr img:hover, #obrGalerie4 .obr img:hover{border:1px solid #dbdbdb;box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.25); -webkit-box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.25);} .str_obsah #obrGalerie3{padding:15px 5px;background:#fefeff;} /* ========================= */ /* REVOLUTION SLIDER */ /* ========================= */ .boxedcontainer{max-width:100%; margin:auto; padding:0px 30px;} .tp-banner-container{width:100%;position:relative;padding:0;margin-bottom:30px;} .tp-leftarrow.default, .tp-rightarrow.default{opacity:0;-webkit-opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0;} .tp-banner-container:hover .tp-leftarrow.default, .tp-banner-container:hover .tp-rightarrow.default{opacity:0.6;-webkit-opacity:0.6;-moz-opacity:0.6;-ms-opacity:0.6;-o-opacity:0.6;} .tp-banner-container:hover .tp-leftarrow.default:hover, .tp-banner-container:hover .tp-rightarrow.default:hover{opacity:1;-webkit-opacity:1;-moz-opacity:1;} .tp-banner{width:100%;position:relative;color:#5b932f;} .tp-banner-fullscreen-container{width:100%;position:relative;padding:0;} .tp-banner strong{font-weight:700;} .tp-banner h2{font-size:36px;color:#5b932f;line-height:38px;} .tp-banner h3{font-size:24px;color:#5b932f;} .tp-banner h3{font-size:20px;color:#5b932f;} .tp-banner span{font-size:18px;color:#5b932f;} .tp-banner span.price{font-size:24px;color:#5b932f;} /* ========================= */ /* FLEXSLIDER */ /* ========================= */ .flexsliderBig{height:400px;} .flexsliderBig .text{padding:60px 40px;} .flexsliderBig li{background-size:auto 100%;background-position:right bottom!important;height:400px;} .flexsliderBig #slide1 {background: url(img/slide1.jpg) no-repeat;} .flexsliderBig #slide2 {background: url(img/slide3.jpg) no-repeat;} .flexsliderBig #slide3 {background: url(img/slide2.jpg) no-repeat;} .flexsliderBig strong{font-weight:700;} .flexsliderBig h2{font-size:36px;color:#5b932f;line-height:38px;margin:0;} .flexsliderBig h3{font-size:24px;margin:10px 0 40px;color:#5b932f;} .flexsliderBig span{font-size:18px;color:#5b932f;} .flexsliderBig span.price{font-size:24px;color:#5b932f;} .flexsliderBig a.button{margin-top:10px;} /* ======================== */ /* BOXY */ /* ======================== */ /* MICHAL DODELAT -- projit si vsechna nastaveni BOXU */ #header-box .header-box .header-box-content{background:#fff;margin-bottom:30px;border:1px solid #E5E5E5; } #header-box .header-box:first-child .header-box-content{} /* MICHAL DODELAT nevim presne k cemu toto je */ #header-box .header-box .header-box-content p{color:#7a8188;font-size: 0.88rem;margin:0;padding:15px 20px;} .head-box-content{margin:0 30px;} .head-box-content p{color:#222222; font-size: 0.88rem;margin:0;padding:15px 20px;} .foot-box-content{margin-bottom:20px;/* border:1px solid rgba(255, 255, 255,1); */ color:#222222; padding:5px;} .foot-box-content p{color:#222222; font-size: 0.88rem;margin:0;padding:15px 20px;} .footer-box-content {background:inherit;color:#fcfcfc;} .footer-box-content p{font-size: 0.88rem;margin:0;padding:0;} .foot-box {margin-top: 15px;} /* ======================== */ /* EFEKTY */ /* ======================== */ .img-hover_effect {position: relative;display: block;} .img-hover_effect a {overflow: hidden;display: block;} .img-hover_effect a img {width: 100%;height: 100%;} .img-hover_effect a:before {background: #4d87ce;bottom: 0;content: "";left: 50%;position: absolute;right: 51%;top: 0;opacity: 0.6;} .img-hover_effect a:after {background: #4d87ce;bottom: 50%;content: "";left: 0;position: absolute;right: 0;top: 50%;opacity: 0.6;} .img-hover_effect:hover a:before {left: 0;right: 0;opacity: 0; -webkit-transition: all 900ms ease-in; -o-transition: all 900ms ease-in; transition: all 900ms ease-in;} .img-hover_effect:hover a:after {top: 0;bottom: 0;opacity: 0; -webkit-transition: all 900ms ease-in; -o-transition: all 900ms ease-in; transition: all 900ms ease-in;} /* ========================= */ /* SUBKATEGORIE */ /* ========================= */ .subcategories{margin-left:-5px;margin-right:-5px;} .subcategory project-info{padding:10px 0;} .subcategory h6{margin:0 -5px;padding-left:14px;min-height:36px;line-height:16px;} .subcategory h6 .fa{margin-left:-13px;padding-right:5px;height:10px;} .categories-heading{margin-bottom:30px;background:#fff;} .categories-heading p{padding:20px;margin:0;font-size: 0.88rem;} .category-heading{color:#fff;background:#DFDFDF;text-transform:uppercase;margin:15px 0;min-height:50px;padding:10px 20px;position:relative;} .category-heading .chosen-container{width:200px!important;} .category-buttons{position:absolute;top:0;right:0;} .category-buttons a{color:#fff!important;} .category-buttons .fa{float:left;height:100%;width:50px;height:50px;border-left:1px solid #f5f5f5;text-align:center;margin:0;padding:15px 0 0;transition:background 0.3s;-webkit-transition:background 0.3s;-moz-transition:background 0.3s;-ms-transition:background 0.3s;-o-transition:background 0.3s;cursor:pointer;} .category-buttons .fa:hover, .category-buttons .active .fa{background-color:#fcfcfc;color:#030304;} .zobrazenocelkem{display:inline-block;white-space:nowrap;} .category-results{height:40px;display:inline-block;margin-right:-4px; background:#A2A2A2; color:#ffffff; } .category-results p{display:inline-block;font-size: 0.88rem;margin-right:10px;margin-top:10px;padding-left:10px;} .pagination{float:right;margin-bottom:20px;} .category-results .selectboxit, .category-results .selectboxit-list{width:70px!important;margin:-5px 5px 0;} .pagination>a>div{width:40px;height:40px;float:left;text-align:center;padding-top:10px;font-size: 0.88rem;transition:background 0.3s;-webkit-transition:background 0.3s;-moz-transition:background 0.3s;-ms-transition:background 0.3s;-o-transition:background 0.3s;background:#4d87ce; color:#fcfcfc; } .pagination>a:hover div{color:#e3e3e3;background:#5f94d3;} .pagination>.active div, .pagination>.active:hover div{color:#fdfdfd;background:#457ab9;} .pagination>.none div, .pagination>.none:hover div{color:#000;background:inherit;} .sipka-r{border:20px solid transparent;width:0;height:0;display:inline-block;position:relative;border-left:15px solid #A2A2A2;overflow:hidden;margin-bottom:-15px;} .pagination a:first-child > div{} .pagination a:last-child > div{} /********** Seznam podstránek typu galerie **********/ .subcategory.typegallery {padding:7px 9px 0 8px;background:#ffffff; color:#222222; overflow:hidden;border:1px solid #D4D4D4;margin:6px -9px;border-radius:3px;-webkit-border-radius:3px;moz-border-radius:3px;-ms-border-radius:6px;-o-border-radius:3px;} .typegallery.subcategory:hover{border-color:#4D87CE;} .subcategory.typegallery a {color:#030304;} .subcategory.typegallery img{padding:1px;} .subcategory.typegallery h6 { min-height: inherit; text-align: center; font-size: 1em; line-height:1.1em;font-weight: normal; padding: 5px; /* background:#E7E7E7; */ color:#030304; margin-top:0;} .subcategory.typegallery:hover h6 {background:#4D87CE; color:white;} .subcategory.typegallery .product-info{margin-top:10px;height:46px;} /********** Seznam podstránek typu ikona **********/ .subcategory.typeicon {margin:5px -10px;padding:1px 5px;background:#fff;overflow:hidden;border:1px solid #C3C3C3;border-radius:3px;-webkit-border-radius:3px;moz-border-radius:3px;-ms-border-radius:6px;-o-border-radius:1px;} .subcategory.typeicon a{color:#222222;} .subcategory.typeicon:hover{background:#f4f4f4;border:1px solid #4d87ce;} .subcategory.typeicon img{margin:7px 0px 7px 5px;width:48px;float:left;/*background:#ffffff;*/border:1px solid #fff;border-radius:2px;} .subcategory.typeicon .product-info h6{color:#222222; font-weight:400;font-size:1rem;padding:0 5px;display:table-cell;vertical-align:middle;height:3.3rem;line-height:1.1rem;} .subcategory.typeicon:hover h6{color:black;} /* .podstr-iko{padding:1px 5px;background:#fff;width:100%;overflow:hidden;border:1px solid #ddf4ff;border-radius:6px;-webkit-border-radius:6px;moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;} .podstr-iko img{padding:1px;} .fifth .podstr-iko{height:64px;background:#fff;width:100%;overflow:hidden;} .fifth .podstr-iko img{padding:3px 0;margin-right:5px;width:60px;height:60px;float:left;background:#fff;} .fifth .podstr-iko .product-info h6{height:36px;overflow:hidden;margin:3px 0 3px;color:#066caa;font-weight:400;line-height:18px;} .fifth .podstr-iko:hover .product-info{background:#eaeef1;} .fifth .podstr-iko .product-info{margin-top:4px;} */ /********** Blog 2 **********/ .blog.blog2 { /*border-bottom: 1px solid #eee;*/ padding: 25px 0;} .blog.blog2 .metadata {background: #f5f5f5; padding: 3px 7px; margin: 0 0 20px 0; display: block; font-size: 0.75rem; color: #7a8188;} .blog.blog2 h3 { font-size:25px;margin-bottom:0.4em;} .blog.blog2 h3 a{color:#4d87ce;text-decoration:none;} .blog.blog2 h3 a:hover{color:#4d87ce;text-decoration:underline;} .blog.blog2 span.date{margin:0 15px 0 0;} .blog.blog2 .podstr-gal { background:#f5f5f5;border:1px solid #f5f5f5;} .blog.blog2 .podstr-gal:hover {background:white;border:1px solid #4d87ce;} .blog.blog2 .podstr-gal img{} .blog.blog2 .readmore{background:#4d87ce;color:white; margin-left:7px;font-size:0.8em;clear:both;} .blog.blog2 .readmore:hover{background:white;} /********** Blog 3 **********/ .blog.blog3 { /*border-bottom: 1px solid #eee;*/ padding:25px;margin-bottom:50px;} .blog.blog3 .metadata {padding: 3px 15px; margin: 0 0 20px 0; display: block; font-size: 0.75rem;color: #7a8188;} .blog.blog3 .metadatainner {border-top:1px dotted #4d87ce;} .blog.blog3 h3 { font-size:25px;margin-bottom:0.4em; padding:0 15px;line-height:1.2;font-weight:400;} .blog.blog3 h3 a{color:#4d87ce;text-decoration:none;} .blog.blog3 h3 a:hover{color:#4d87ce;text-decoration:underline;} .blog.blog3 .blog3-text { padding:0 15px;} .blog.blog3 span.date{margin:0 15px 0 0;} .blog.blog3 .podstr-gal {padding:0;} .blog.blog3 .podstr-gal:hover {background:white;} .blog.blog3 .podstr-gal img{padding:0;} .blog.blog3 .readmore{background:#4d87ce;color:white;margin-left:7px;font-size:0.8em;clear:both; float: right;padding:2px 7px;margin-bottom: 15px;} .blog.blog3 .readmore:hover{background:white;} .blog3mainblock article .block {border: 1px solid #f5f5f5; display:block; overflow:hidden;padding:0;background:#f5f5f5;} .blog3mainblock article .block:hover {border: 1px solid #4d87ce;} @media screen and (min-width: 1200px) { .blog3mainblock article:nth-child(3n+4) { clear: left; } } @media screen and (min-width: 768px) and (max-width: 1199px) { .blog3mainblock article:nth-child(2n+3) { clear: left; } } @media screen and (max-width: 767px) { .blog.blog3 { padding:0;margin-bottom:30px;} } /********** Obrázky zoom pro miniatury **********/ .subcategory>a>.podstr-iko>img{-webkit-transition:-webkit-transform .15s ease 0s;-moz-transition:-moz-transform .15s ease 0s;-o-transition:-o-transform .15s ease 0s;transition:transform .15s ease 0s;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);} .subcategory>a>.podstr-gal>img, .obrSeznam>a>img{-webkit-transition:-webkit-transform .15s ease 0s;-moz-transition:-moz-transform .15s ease 0s;-o-transition:-o-transform .15s ease 0s;transition:transform .15s ease 0s;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);height:100%;width:100%;} .subcategory>a:hover>.podstr-gal>img, .obrSeznam>a:hover>img{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)} .subcategory>a:hover>.podstr-iko>img {} /* ========================= */ /* CAROUSELY */ /* ========================= */ .carousel-heading{background:inherit;margin-bottom:10px;overflow:hidden;/* height:50px; */ min-height:45px; position:relative;/*border-bottom:1px solid rgba(0,0,0,0.3);*/} .carousel-heading h1{margin:0;display:inline-block;padding:13px 0;font-weight:400;color:#333;border-bottom:1px solid #4D87CE;} .carousel-heading h4{margin:0;display:inline-block;padding:13px 0; color:#030304;;text-transform:uppercase;border-bottom:1px solid #4D87CE;} aside .carousel-heading h4 {border-bottom: none;} .carousel-arrows{display:inline-block;vertical-align:top;cursor:pointer;position:absolute;top:0;right:0;} .carousel-arrows .fa{float:left;height:100%;width:50px;height:50px;text-align:center;margin:0;padding:18px 0 0;transition:background 0.3s;-webkit-transition:background 0.3s;-moz-transition:background 0.3s;-ms-transition:background 0.3s;-o-transition:background 0.3s;} .carousel-arrows a{color:#333;} .carousel-arrows .fa:hover{color:#030304;} .sidebar-box .carousel-arrows .fa{width:30px;} .carousel{margin-top:4px;} /* ========================= */ /* CONTENT */ /* ========================= */ .content-heading{background:inherit;margin-bottom:10px;overflow:hidden;position:relative;/* border-bottom:1px solid rgba(0,0,0,0.3); */} .content-heading h1{margin:0;display:inline-block;padding:13px 0;font-weight:500;color:#030304;/* border-bottom:3px solid #4D87CE; */} .content-heading h4{margin:0;display:inline-block;padding:13px 0;font-size:22px;font-weight:500;color:#030304;text-transform:uppercase;border-bottom:1px dotted rgba(0,0,0,0.3);} /* =========================== */ /* PRODUKTY SEZNAMU */ /* =========================== */ .owl-carousel-wrap{padding:0;} .owl-carousel .owl-item{padding:0 15px;} .product{padding-bottom:15px;} /* .productgridpcs .product:hover{box-shadow:0 0 10px rgba(0,0,0,.3)} */ .productgridpcs .product:hover{box-shadow:0 0 0 1px #4d87ce, 0 0 10px silver} .product-info .price{display:block;height:40px;} .product-info{overflow:hidden;padding:5px 10px;color:#704646;} .product-info h5 {overflow:hidden;margin:0;color:#704646; padding:10px 0 10px 0;height: calc(10px + 1em*3*1.4);line-height: 1.4;} .grid-view .product-info h5 {height: calc(10px + 1em*2*1.4);font-size:1.2rem;font-weight:bold;} .product-info h5 a {color:#704646;} .product-info h5 a:hover {color:#1f1f1f!important;} span.product-tag{position:absolute;background:#556c80;color:#fff;font-size: 0.88rem;text-transform:uppercase;top:30px;z-index:5000;left:0;padding:5px 25px; } span.price{color:#c21c0b;font-size:1.325em;font-weight:600;} .puvodniCena {float:right;} .productcard .puvodniCena {color:inherit;background:inherit;white-space:nowrap;} .puvodniCena ins{font-size:0.5em;font-weight:400;color:#030304;text-decoration:line-through;} .puvodniCena ins em{font-style:italic;} .productcard .bottom{height:1.125rem;font-size:0.8em;white-space:nowrap;overflow:hidden} .dostupnost{width:100%;min-height:1.65em;border-top:1px solid #C3C3C3;display:inline-block;vertical-align:middle;text-align:right;} .dostupnost .skladstav{font-size:0.8rem;font-weight:500;color:#4B9F00;padding-right:10px;} .produkt-bezdph{margin-top:-1px;font-size:0.65rem;font-weight:300;color:#222222;} span.price del{color:#596067;font-weight:300;margin-right:5px;} .product-image{position:relative;/* overflow:hidden; */padding-top:14px;text-align:center;} .owl-carousel .product-image img{width:89%;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;} .product-image img{width:89%;margin-left:1px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s; /* border:1px solid #333; ramecek kolem obrazku */ } .product-categories{font-size: 0.88rem;color:#9b59b6;margin:0;} .product-categories a{color:#9b59b6;} .product-categories a:hover{color:#37a7ee;} a.product-hover{background:rgba(52,52,52, 0.7);padding:10px;font-size:16px;height:40px;text-align:center;color:#fff;position:absolute;top:100px;left:0;right:0;width:50%;margin:0 auto;cursor:pointer;z-index:20;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;-webkit-transform: scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8);-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;} a.product-hover .fa{margin-left:-6px;} a.product-hover:hover{background:rgba(0,0,0,0.1); color:#1f1f1f!important;} .product-image:hover a.product-hover{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;-webkit-transform: scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);} .product-image:hover img{-webkit-transform: scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);} .product-actions{display:table;width:100%;overflow:hidden;height:3.5em;font-size:max(0.85rem,12px);background:#F2F2F2;border-top:1px solid #C3C3C3;border-bottom:1px solid #C3C3C3;} /* MICHAL span.product-action{color:#fff!important;} */ span.action-wrapper{position:relative;display:block;} .product-actions>span{position:relative;cursor:pointer;width:46px;line-height:3.3em;padding:0 10px;display:table-cell;vertical-align:middle;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;} .product-actions>span.current{width:auto;} .product-actions>span.current span.action-name{left:2.2em;top:-0.1em;width:100%;opacity:1;-webkit-opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;white-space:nowrap;} span.vlozit-kosik{background:#4d87ce; color:#fcfcfc; } span.vlozit-kosik:hover{background:#457ab9;} span.vlozit-kosik .fa{margin-right:5px;font-size:20px;} span.otazka-produkt{background:rgba(0,0,0,0.1); color:#222222; } span.otazka-produkt:hover{background:rgba(207, 207, 207,1);} span.otazka-produkt .fa{margin-left:5px;font-size:20px;} span.add-to-compare{color:#222222;background:white;} span.add-to-compare:hover{background:rgba(207, 207, 207,1);} span.add-to-compare .fa{margin-left:5px;font-size:20px;} span.action-name{position:absolute;left:85px;opacity:0;-webkit-opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;} .product-info p{font-size: 0.88rem;} .product.grid-view{ /* background:#f5f5f5; */ /*overflow:hidden; pokud je kulaty a stejne pozadi, pak zmen overflow */ position:relative;} .product.grid-view .product-actions{position:relative;bottom:0;left:0;right:0;} .product.grid-view .product-actions.full-width span.action-name{opacity:1;-webkit-opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;left:30px;padding:4px 0;} .product.grid-view .product-content{min-height:233px;} /* upraveno MICHAL otestovat s obrazky bez obrazku */ .product.grid-view .product-content h5{width:88%;} .product.grid-view .product-info{height:100%;} .product.grid-view .product-actions.full-width > span{border-radius:0;} .product.grid-view .product-actions.full-width > span:first-child{border-top-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-top-left-radius:0;-ms-border-top-left-radius:0;-o-border-top-left-radius:0 border-bottom-left-radius:0;-webkit-border-bottom-left-radius:0;-moz-border-bottom-left-radius:0;-ms-border-bottom-left-radius:0;-o-border-bottom-left-radius:0 } .product.grid-view .product-actions.full-width > span:last-child{border-top-right-radius:0;-webkit-border-top-right-radius:0;-moz-border-top-right-radius:0;-ms-border-top-right-radius:0;-o-border-top-right-radius:0 border-bottom-right-radius:0;-webkit-border-bottom-right-radius:0;-moz-border-bottom-right-radius:0;-ms-border-bottom-right-radius:0;-o-border-bottom-right-radius:0 } .product.grid-view .produkt-perex{/*overflow-y: scroll;*/} .grid-view .product-image{padding:0;} .grid-view .product-image img{width:100%;margin:0px;} .product.grid-view .product-actions>span{width:33.3333%;} .rating{display:inline-block;white-space:nowrap;} .product-info .rating{float:right;margin-right:-20px;opacity:0;-webkit-opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0;transition:opacity 0.3s;-webkit-transition:opacity 0.3s;-moz-transition:opacity 0.3s;-ms-transition:opacity 0.3s;-o-transition:opacity 0.3s;} .sidebar td.product-info .rating{display:block;margin-top:-5px; float:none;opacity:1;-webkit-opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;} .rating-box{font-size:0.82rem;color:#7a8188;vertical-align:middle;} .product .rating-box{float:right;} .rating-box .rating{float:none;opacity:1;-webkit-opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;} #vlastnosti .rating-box{margin-top:-18px;margin-bottom:10px;position:relative;} #vlastnosti .rating-box .rating{margin-right:-20px;} .rating img+img{margin-left:-2px;} .product:hover .rating{opacity:1;-webkit-opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;} .product .produkt-id{display:inline-block;position:absolute;bottom:0;right:22px;font-weight:300;font-size:10px;color:#222222;} .bg-white{background:#fff;padding-bottom:10px;} /* Formulář komentářů */ #koment h3, #form h3{margin-top:6px;} .komentform{position:relative;margin-bottom:15px;} .komentform .rating-box{margin-right:30px;padding-top:6px;font-size:16px;color:#7a8188;vertical-align:middle;} .komentform .rateinfo{font-size:0.82rem;color:#828e95;margin-right:-25px} .komentform .char-counter input[type="text"]{width:60px!important;margin:0 5px;} .komentform .koment-name{float:left;margin-bottom:15px;width:100%;} .komentform .koment-name input[type="text"]{width:250px!important;} .komentform .koment-fullname{display:none;} .komentform .char-kontrola{float:left;margin-top:15px;width:100%;} .komentform .char-kontrola input[type="text"]{width:60px!important;margin:0 5px;} .komentform .spaminfo{line-height:40px;text-align:left;font-size: 0.88rem;color:#828e95;} .komentform .spampocet{height:40px;float:right;} /* Formulář dotaz k produktu */ .dotazkprod .dotaz-fullname{display:none;} .dotazkprod .char-kontrola{float:left;margin-top:15px;width:100%;} .dotazkprod .char-kontrola input[type="text"]{width:60px!important;margin:0 5px;} .dotazkprod .char-counter input[type="text"]{width:60px!important;margin:0 5px;} .dotazkprod .spaminfo{line-height:40px;text-align:left;font-size: 0.88rem;color:#828e95;} .dotazkprod .spampocet{height:40px;float:right;} /* Formulář registrace */ .profil .registr-fullname{display:none;} .profil .registrace{float:left;margin-top:15px;width:100%;} .profil .registrace input[type="text"]{width:60px!important;margin:0 5px;} .profil .spaminfo{line-height:40px;text-align:left;font-size: 0.88rem;color:#828e95;} .profil .spampocet{height:40px;float:right;} /* Parametry v sezamu produktů */ .productcard{ background:rgba(255,255,255,0); } /* .productcard:hover{box-shadow:0 0 7px rgba(230, 230, 230,1)} /* pri najeti mysi na produktovou kartu */ .parametry {margin:0 0 15px 0;display:block;} .parametry h3{margin:16px 0 8px 1px;} .product .producthover .hiddenDesc{position: absolute;margin-top:-24px;left:21px;right:21px;z-index:100;border:2px solid #c6c6c6;display:none;padding:4px 9px;color:#8e8e8e;background-color:#fff;} .product .producthover .hiddenDesc span{background:url(/sablony/omega/img/bg-hiddendesc.png) 0 50% no-repeat;width:29px;height:17px;display:block;position:absolute;top:-12px;left:50%;margin-left:-15px;} .product .producthover:hover .hiddenDesc{display:block;} .product .producthover .hiddenDesc ul{list-style-type:none;margin:0;padding:0;width:100%;} .product .producthover .hiddenDesc ul li{padding:0;font-size:0.7rem;} .product .producthover .hiddenDesc li strong{display:inline-block;min-width:60%;font-weight:400;color:#596067;} .product.grid-view .producthover .hiddenDesc{margin-top:0;left:15px;right:15px;} /* ================================== */ /* SEZNAM OBJEDNÁVEK UŽIVATELE */ /* ================================== */ .user-orders #hlaseni-ok, .user-orders #hlaseni{display:none;} .order-table .id, .order-table .volba{text-align:center;} .order-table b.cerny{color:#000000;} .order-table b.bily{color:#F0F3EB;} .order-table b.sedy{color:#B9B9B9;} .order-table b.modry{color:#0000FF;} .order-table b.zeleny{color:#00AE00;} .order-table b.cerveny{color:#CC0000;} .order-table b.zluty{color:#FFFF00;} .order-table b.fialovy{color:#800080;} .order-table b.oranzovy{color:#FF9900;} /* ============= */ /* ANKETA */ /* ============= */ .box-anketa h3{margin-bottom:4px;} .str-anketa {padding-bottom:30px;} .str-anketa .anketa{margin:0 15px;} .anketa{padding:10px 16px 12px;font-size: 0.88rem;text-align:left;background:rgba(255,255,255,0); color:#222222; } .anketa .nazev{padding:3px 0 5px;color:#393939;font-weight:bold;} .anketa span{display:block;padding:7px;text-align:center;} .anketa div.odpoved{padding:1px 2px;} .anketa div.vysledek{font-size:0.82rem;padding:3px 3px 7px;} .anketa div.graf{clear:both;width:100%;height:10px;padding:0;background:#eee;font-size:1px;line-height:1px;} .anketa div.graf div{clear:both;float:left;width:1px;height:10px;padding:0;background:#a8a8f7;font-size:0.82rem;line-height:1px;} .anketa button{font-size:1em;} .anketa .checkbox, .anketa .radio{color:#222222;} .anketa input[type="radio"]:checked + label::before{color:#1f1f1f;} .anketa input[type="checkbox"]:checked + label::before{color:#1f1f1f;} /* ============= */ /* TABS */ /* ============= */ .tab-heading a.button{font-size:16px;padding:11px 20px;height:42px;margin-right:-3px;background:#4d87ce!important;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;color:#fcfcfc;} .tab-heading a.button:first-child{border-top-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-top-left-radius:0;-ms-border-top-left-radius:0;-o-border-top-left-radius:0} .tab-heading a.button:last-child{border-top-right-radius:0;-webkit-border-top-right-radius:0;-moz-border-top-right-radius:0;-ms-border-top-right-radius:0;-o-border-top-right-radius:0} .tab-heading a.button em{font-style:normal;background:none repeat scroll 0 0 rgba(255,255,255,0.7);-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;display:inline-block;font-size:0.7rem;line-height:13px;margin-left:8px;padding-top:1px;padding-bottom:1px;text-align:center;width:28px;color:#222;} .tab-heading a:hover, .tab-heading a.button.active{background:#030304!important;color:#fcfcfc;text-decoration:none;} .tab-content{background:rgba(255,255,255,0); color:#222222; margin-bottom:30px;font-size: 1rem;line-height:1.7rem;padding:10px 20px;} .tab-content .products-row{background:transparent;margin:0 -15px -30px;font-size:0.95rem;padding:0;} .tab-content .products-row .carousel-heading h4{padding-top:12px;} .tab-content .products-row .hiddenDesc ul li{margin:0;} p .tag-item{vertical-align:middle;} .tab-content strong{color:#1f1f1f;} /* ========================= */ /* ACCORDIONS */ /* ========================= */ .accordion ul{margin:0;padding:0;list-style:none;margin-bottom:30px;} .accordion-header{color:#fff;background:#4d87ce;text-transform:uppercase;position:relative;margin:0 0 1px;overflow:hidden;padding:13px 20px;cursor:pointer;height:50px;transition:background 0.3s;-webkit-transition:background 0.3s;-moz-transition:background 0.3s;-ms-transition:background 0.3s;-o-transition:background 0.3s;} .accordion-active .accordion-header, .accordion-header:hover{background:#7e8f80;} .accordion-active .accordion-header .accordion-button i:before{content: '\f077';} .accordion-header .accordion-button i:before{content: '\f078';} .accordion-header h4{margin:0;} .accordion-button{color:#fff;position:absolute;top:12px;font-size:16px;right:15px;} .accordion-content{background:#fff;margin-bottom:0!important;font-size: 0.88rem;padding:10px 20px;} .accordion-content strong{color:#596067;} /* ========================= */ /* FIND */ /* ========================= */ .find{margin-bottom:20px;} .find-background{background:#f5f5f5;} .find-content{padding:10px} .find-content h5{margin:0 20px;} .find-content p{font-size: 0.88rem;color:#596067;margin:5px 20px;} span.date{font-size:0.7rem;color:#7a8188;margin:5px 20px;} /* ========================= */ /* NEWS */ /* ========================= */ .news{margin-bottom:11px;} .news-background{background:#f5f5f5;} .news-content{padding:10px 30px 10px 5px;} .news-content h5{margin:0 0 5px;} .news-info{background:#f5f5f5;overflow:hidden;padding:0 15px;} .news-info p{font-size: 0.88rem;padding:0 2px;} .news-info h5{margin:0;padding-top:14px;} .news-content p{font-size: 0.88rem;color:#596067;margin:10px 0;} span.date{font-size:0.7rem;color:#7a8188;} /* ========================= */ /* LABELS */ /* ========================= */ .labels{margin-bottom:11px;} .labels-background{background:#f5f5f5;} .labels-content{padding:10px 30px;} .labels-contentwth{padding:10px 30px 10px 5px;} .labels-content h3, .labels-contentwth h3{margin:0 0 10px;} .labels-content p, .labels-contentwth p{font-size: 0.88rem;color:#596067;margin:10px 0;} .labels .strstrom{margin:0 0 0 12px;font-size:0.7rem;} .info{font-size:0.7rem;color:#7a8188;} /* ========================= */ /* COUNTDOWN */ /* ========================= */ #zaklOdpocet{font-size: 0.88rem;color:#f5791f;font-weight:500;} /* ========================= */ /* POČÍTADLO */ /* ========================= */ #pocitadlo{font-size: 0.88rem;color:#89939e;font-weight:300;} #pocitadlo strong{font-size:0.82rem;color:#494949;font-weight:600;} /* ========================= */ /* BANNERS */ /* ========================= */ .topbanner{position:absolute;top:0;height:100%;} .topbanner .banner{position:relative;overflow:hidden;max-height:100%;} .banner{text-align:center;} @media(max-width: 1199px) { .topbanner{display:none;} } .banner-item{ color:#fff;padding:15px 20px 12px; margin:0;position:relative;text-align:left;transition:background 0.3s; -webkit-transition:background 0.3s; -moz-transition:background 0.3s; -ms-transition:background 0.3s; -o-transition:background 0.3s;} #banner{padding-bottom:70px;padding-top:50px;max-width: 1400px;margin: auto;margin-bottom:70px;} #banner .css-def .banner-item{margin:15px 0; background:#ffffff; color:#222222;} #banner .css-def2 .banner-item{margin:15px 0; background:#ffffff; color:#222222;} #banner .css-def3 .banner-item{margin:15px 0; background:#ffffff; color:#222222;} #banner .banner-item .fa-border{ border-color:rgba(255,255,255,1);} #banner .css-def .banner-item .fa-border{ border-color:#ffffff;} #banner .css-def2 .banner-item .fa-border{ border-color:#ffffff;} #banner .css-def3 .banner-item .fa-border{ border-color:#ffffff;} .banner-item a{color:#222222;!important;} .css-def .banner-item a{color:#222222;!important;} .css-def2 .banner-item a{color:#222222;!important;} .css-def3 .banner-item a{color:#222222;!important;} .banner-item h4{margin:0;font-size:20px;text-transform:uppercase;font-weight:900;} .banner-item p{margin:4px 0 0;font-size: 0.88rem;} .banner-item:hover{background:rgba(230, 230, 230,1)!important;} .css-def .banner-item:hover{background:#ffffff!important;} .css-def2 .banner-item:hover{background:#ffffff!important;} .css-def3 .banner-item:hover{background:#ffffff!important;} .banner-item i{transition: 0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s;} .banner-item:hover i{color:#555;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);} .css-def .banner-item:hover i{color:#222222;} .css-def2 .banner-item:hover i{color:#222222;} .css-def3 .banner-item:hover i{color:#222222;} /* ===================== */ /* OBSAH STRANKY */ /* ===================== */ .category-content{padding:15px 0;margin-top:4px;margin-bottom:5px;} /* UPRAVIT */ /*.page_home .category-content{padding: 15px;margin-top: 4px;margin-bottom: 5px;background: #f5f5f5;}*/ .page_home .str_obsah h1{ display:none;} .category-content #podpopis{padding:0;margin-bottom:15px;} #podpopis ul{list-style:unset;padding-left:40px;} .page-content{padding:35px 0px 30px; margin-top:0;margin-bottom:20px; color:#222222; background:rgba(255,255,255,0); } /* MICHAL jeli pagecontentbarva ruzny od background, pak padding zrus */ .page-content h4{margin-top:3px;margin-bottom:12px;} .page-content ul{list-style:none;margin:0;padding:0;} .page-content li{margin:10px 0;font-size: 1rem;} .page-content p{font-size: 1rem;} .page-content input[type="text"], .page-content input[type="email"], .page-content input[type="password"], .page-content input[type="tel"], .page-content select{width:100%;background:#fff;font-size: 0.88rem;} .page-content textarea{width:100%;margin-top:3px;padding:5px 10px;background:#fff;height:257px;border:1px solid #E5E5E5;font-size: 0.88rem;transition:background 0.3s;-webkit-transition:background 0.3s;-moz-transition:background 0.3s;-ms-transition:background 0.3s;-o-transition:background 0.3s;} .page-content .povinnyUdaj{font-size:0.7rem;color:#aaaaaa;text-align:right;} .page-content .marg-t-minus{margin-top:-22px;z-index:100;} .page-content .marg-t-minus1x{margin-top:-36px;z-index:100;} .page-content .marg-t-minus2x{margin-top:-65px;z-index:100;} .page-content .marg-b-minus{margin-top:10px;} .page-content .checkback{background:rgba(255,255,255,0); color:#222222; padding-top:12px;margin-bottom:20px;} .page-content .checkback input[type=checkbox]:checked + label:before, .page-content .checkback .checkbox{color:#222222; } /* .orderpage h4{margin-top:3px;} */ .orderpage .checkpadd{margin-top:0;margin-bottom:5px;} .udtisk{float:right;margin-top:-38px;} .udtisk i{margin-right:5px;} /* Chosen */ .page-content .chosen-single{height:40px!important;font-size: 0.88rem!important;color:#7a8188!important;padding: 8px 0 0 8px!important;border:1px solid #E5E5E5!important;} .page-content .chosen-results{border:1px solid #E5E5E5!important;border-top:none!important;} .page-content .chosen-results li{padding:10px 6px!important;} .page-content .chosen-single div {top:8px!important;} .page-content .border-fail .chosen-single{border:1px solid #ff1717!important;} .page-content .border-ok .chosen-single{border:1px solid #05d105!important;} /* Kontainer DSSlick .dd-container{padding-top:2px;border:1px solid #ff1717!important;} */ /* CSS Default4 */ li.css-def4>a, input.css-def4, .button.css-def4, #main-navigation li.css-def4 li, span.product-action.css-def4{background:#2ecc71!important;} li.css-def4>a:hover, #main-navigation .css-def4 ul.wide-dropdown ul a:hover, input.css-def4:hover,.button.css-def4:hover, li.css-def4.current-item>a, li.css-def4.current-item, .fa.css-def4:hover, span.product-action.css-def4:hover{background:#21bf64!important;} li.css-def4 .parent-background{background:#2ecc71;} li.css-def4 .parent-border{border-color:#2ecc71;} li.css-def4 .parent-arrow:after{border-bottom-color:#2ecc71;} li.css-def4 .parent-color, a.css-def4, .slider .css-def4{color:#2ecc71;} /* ====================== */ /* AUTOR - PODPIS */ /* ====================== */ #autor{margin:5px 0;color:#777;font-size:.975em;} #autor strong{color:#000;font-weight:700;} /* ==================================== */ /* KOŠÍK - CHECKOUT - ÚŘEDNÍ DESKA */ /* ==================================== */ #popisPlatby{margin-bottom:40px;} table#shopcart h3{font-size:0.95rem;font-weight:600;margin:-1px 8px;} table#shopcart thead th a{color:#fff;} table#shopcart thead th a:hover{color:#000;} table#shopcart tbody td .row img{width:25%;float:left;padding:0.25em 0.625em;} table#shopcart tbody td .row p{padding:0 0.625em;} table#shopcart tbody td .row .strstrom{padding-left:0.4em;} table#shopcart tbody td .info{font-size:1em;display: block;} table#shopcart tbody td .mimorozsah{background:#fff;width:auto;margin:2px 8px;font-size:0.875em;font-weight:500;color:#ff0000;line-height:18px;display:block;} table#shopcart tbody td .bez_dph{font-size:0.750em;font-weight:300;color:#b9acbd;} table#shopcart tbody td .soubordesk{font-size:0.82rem;margin-right:5px;display:inline-block;} table#shopcart tbody td .soubordesk i{font-size:0.95rem;font-weight:500;color:#7d7d7d;display:inline;} table#shopcart tfoot td {vertical-align:middle;border:0;} table#shopcart tfoot .celkem{text-align:right;font-size:1em;font-weight:700;} table#shopcart tfoot .cena-celkem{font-size:1em;font-weight:700;} table#shopcart tfoot .bez_dph{float:right;font-size:0.875em;font-weight:300;} table#shopcart tfoot .cena-bez_dph{font-size:0.875em;font-weight:300;} table#shopcart tfoot .form-ticket{padding-top:1em;} table#shopcart{margin-bottom:1em;} /* ========================= */ /* TLAČÍTKA */ /* ========================= */ a.button{background:#4d87ce; color:#fcfcfc; padding:10px 15px;text-transform:uppercase;font-weight:400;height:36px;line-height:16px;vertical-align:middle;cursor:pointer;display:inline-block;transition:background 0.3s;-webkit-transition:background 0.3s;-moz-transition:background 0.3s;-ms-transition:background 0.3s;-o-transition:background 0.3s;} #gopay-payment-button button, a.button.big{font-size:18px;padding:15px 30px;height:50px;line-height:18px;vertical-align:middle;} a.button.small{padding:5px 15px;font-size: 0.88rem;height:30px;line-height:14px;vertical-align:middle;} a.button.round{width:40px;height:40px;display:inline-block;padding-top:8px;padding-left:15px;} a.button.regular{text-transform:none;} a.button.barva01{background:#4D87CE; color:#fcfcfc;} a.button.barva02{background:#030304; color:#fcfcfc;} a.button.barva03{background:#4d87ce; color:#fcfcfc;} a.button.barva04{background:#12cd89; color:#fcfcfc;} a.button.barva05{background:#cccccc; color:#222222;} a.button.barva06{background:#444444; color:#fcfcfc;} a.button.barva07{background:#F9F7F7; color:#222222;} a.button.barva08{background:rgb(133,173,24); color:#fcfcfc;} a.button.barva09{background:rgb(213,40,40); color:#fcfcfc;} a.button.barva10{background:rgb(111,149,176); color:#fcfcfc;} a.button.barva11{background:rgb(56,140,243); color:#fcfcfc;} a.button.barva12{background:rgb(248,161,45); color:#fcfcfc;} a.button:hover{background:#030304; color:#fcfcfc;} a.button .fa{margin:0 5px 0 -5px; } a.button.right-icon{padding-right:5px;} a.button.right-icon .fa{margin-left:5px;} a.button.trash{padding-right:5px;} a.button.trash .fa{margin-left:-10px;} /* ========================= */ /* KOMENTÁŘE */ /* ========================= */ #comments{background:white;border:1px solid #eee;background:#eee;} .comments-main { float: left; width: 100%; clear: both; } .comment-title{padding:0 20px;} .comments-main-inner{padding: 0;margin-bottom: 30px;float: left;width: 100%;} .comments-main-box {float: left;width: 100%;padding: 20px 20px 0 20px;} .comments-list {list-style: none;padding: 0;margin: 0;} ul.comments-list>li.comment, ul.comments-list>li.pingback {padding: 20px;margin-bottom: 20px;position: relative;-moz-box-shadow: 0 3px 6px 0 rgba(0,0,0,.07);box-shadow: 0 3px 6px 0 rgba(0,0,0,.07);background:#f7f7f7;} ul.comments-list>li.comment:hover {background:white;} ul.comments-list>li.comment, ul.comments-list>li.pingback, ul.comments-list>li.trackback {-moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);} ul.comments-list .byauthor { box-shadow: inset -10px 0px red;} /* kdyz je komentar od autora clanku */ ul.comments-list li>ul, li>ol {margin-bottom: 0;margin-left: 1.5em;} /* odsazeni urovne */ .comments-list .comment-content {display: block;clear: both;margin: 0 0 20px 95px;position: relative;} .comments-list .comment-content p:last-child {margin-bottom: 0;} .comments-list .comment-content:after {clear: both;} li.comment .comment-body:last-child {margin-bottom: 0;padding-bottom: 0;border: none;} li.comment .comment-body {margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid rgba(0,0,0,.05);} li.comment {list-style: none;} li.comment .comment-metadata {} li.comment .says {/*display: none;*/} li.comment .author-name{font-weight:bold;font-size:1.1em;} li.comment .avatar {border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%; -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.15);box-shadow: 0 1px 3px 0 rgba(0,0,0,.15);border: 5px solid #FFF;float: left;margin: 0 20px 0 0;} li.comment .fright{float:right;} li.comment .ip{font-size:0.8em;} .comment-reply-link {border: 1px solid red;background:red;color:white;padding: 2px 10px;line-height: 18px;font-size: 0.75rem; text-decoration: none;margin: 0 0 0 95px;transition: all 0.1s ease-in-out;} .comment-reply-link:hover {border:1px solid black;background:black;color:black;} /* ========================= */ /* STRANKA PRODUKTU */ /* ========================= */ .product-single{background:rgba(255,255,255,0); color:#222222; margin-top:4px;margin-bottom:30px; } .product-single h2{line-height:30px;} .product-single .kratky-popis{margin:22px 0;padding:12px 18px;font-size: 0.88rem;} .product-single .znacka{font-size:0.95rem;font-weight:500;} .product-single .sklad-0{font-size: 0.88rem;font-weight:500;color:red;} .product-single .dphcena{font-size: 0.88rem;font-weight:300;color:color:#222222;;} .product-single .dostupne{font-size: 0.88rem;font-weight:500;color:#00ae00;} .product-single .kodproduktu{font-size: 0.88rem;font-weight:500;} .product-single .usetrite{font-size: 0.88rem;font-weight:300;color:color:#222222;;} .product-single .usetrite em{font-style:normal;font-size:0.95rem;color:red;font-weight:700;} #product-slider{width:100%;position:relative;} .product-single-image #product-slider{width:100%;/* background:#fff; */text-align:center;} .product-single-image #product-slider img{max-height:470px;} .product-single .product-actions-single .chosen-single, .page-content .chosen-single{height:40px;padding: 6px 0 0 8px;background-color: #fff;border:1px solid #ddd;color:#7a8188;} .product-single .product-actions-single td{border-color:transparent;} .product-single .product-actions-single .chosen-single div, .page-content .chosen-single div {top:7px;} .product-single .product-actions-single .chosen-drop li, .page-content .chosen-single li {padding:8px 6px;} .product-single .product-actions{float:right;margin-right:20px;font-size:0.7rem;font-weight:400;max-width:140px;} .product-single-info .social-share{margin:20px 0;} .product-single .product-actions>span{height:22px;padding:0 2px;} .product-single .numeric-input{margin-right:10px;} .product-fullscreen{width:40px;height:40px;display:inline-block;position:absolute;bottom:0;right:0;z-index:10;font-size:24px;text-align:center;color:#bdc3c7;transition:color 0.3s;-webkit-transition:color 0.3s;-moz-transition:color 0.3s;-ms-transition:color 0.3s;-o-transition:color 0.3s;cursor:pointer;} .product-fullscreen:hover{color:#333;} #product-carousel img{height:80px;background:#fff;padding:10px;cursor:pointer;opacity:0.5;-webkit-opacity:0.5;-moz-opacity:0.5;-ms-opacity:0.5;-o-opacity:0.5;transition:opacity 0.3s;-webkit-transition:opacity 0.3s;-moz-transition:opacity 0.3s;-ms-transition:opacity 0.3s;-o-transition:opacity 0.3s;} #product-carousel img.active-item, #product-carousel img:hover{opacity:1;-webkit-opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;} #product-carousel{padding-right:40px;position:relative;} .product-arrows>div{display:inline-block;width:40px;height:40px; background:#fff;padding-top:10px;text-align:center;position:absolute;top:0;right:0;transition:background 0.3s;-webkit-transition:background 0.3s;-moz-transition:background 0.3s;-ms-transition:background 0.3s;-o-transition:background 0.3s;cursor:pointer;} .product-arrows>div:hover{background:#dde3e6;} .product-arrows .left-arrow{top:0;right:0;} .product-arrows .right-arrow{top:40px;right:0;} .product-single-info table td{padding:3px 20px 5px 10px!important;border:none;} .product-single-info strong{color:#596067;font-weight:500;font-size: 0.88rem;display:block;margin:0 0 10px;} .product-single-info span.price{font-size:24px;display:block;margin:-10px 0 0; vertical-align:bottom;} .product-single-info span.price del{font-size:16px; vertical-align:bottom;padding-top:5px;display:inline-block;} table.product-actions-single{margin:30px 0;} table.product-actions-single td{vertical-align:middle!important;padding:5px!important;min-width:80px;} table.product-infotable-single{margin-top:28px;} .full-size>table.product-actions-single td{min-width:inherit;} table.product-actions-single input{height:35px; display:inline-block!important;} .product-single .numeric-input input[type="text"]{border-top-right-radius:0;border-bottom-right-radius:0;} .button-row{margin-bottom:30px;} table span.action-name{left:0;width:auto;position:relative;/* color:#fff; */opacity:1;-webkit-opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;} .main-content input[type="number"]{margin-bottom:10px; width:80px;display:block;} table button.add-to-cart{background:#4d87ce; color:#fcfcfc; display:inline-block;height:42px;padding:10px 19px 10px 15px;margin:1px 9px 0;font-size:0.95rem;transition:background 0.3s;-webkit-transition:background 0.3s;-moz-transition:background 0.3s;-ms-transition:background 0.3s;-o-transition:background 0.3s;border-radius:0 0 0 0;-webkit-border-radius:0 0 0 0;-moz-border-radius:0 0 0 0;-ms-border-radius:0 0 0 0;-o-border-radius:0 0 0 0;} table button.add-to-cart .fa{color:#fcfcfc;} table button.add-to-cart:hover{background:#457ab9;} /* ============================ */ /* SOUBORY - KE STAŽENÍ */ /* ============================ */ .prilohy{padding:5px 0;margin-bottom:20px;display:block;} .prilohy h3{font-weight:400;margin:5px 0;} #soubDrhSeznam li{list-style:none;} #soubDrhSeznam .soub-ke-st{line-height:2rem;font-size: 0.88rem;} #soubDrhSeznam .soub-ke-st a{font-weight:400;color:#2d2d2d;} #soubDrhSeznam .soub-ke-st a:hover{color:#82459c;} #soubDrhSeznam .soub-ke-st em{font-style:normal;font-weight:300;color:#969696;} #soubDrhSeznam .soub-ke-st i{font-size:18px;font-weight:500;color:#7d7d7d;} /* ==============*/ /* AUDIO */ /* ==============*/ #audio .audio-blok{text-align:center;} #audio .audio-prehravac{width:640px;max-width:100%;display:block;margin-left:auto;margin-right:auto;margin-bottom:15px;} /* ==============*/ /* VIDEO */ /* ==============*/ #video .video-blok{text-align:center;} #video .video-prehravac{width:640px;max-width:100%;display:block;margin-left:auto;margin-right:auto;margin-bottom:15px;} /* ========================= */ /* KONTAKT */ /* ========================= */ .page-content label{font-size: 0.88rem;margin-bottom:5px;display:inline-block;} .contact-info iframe{width:100%;height:300px;} .contact-item{position:relative;padding-left:60px;margin:18px 0;} .contact-item .fa{width:40px;height:40px;text-align:center;vertical-align:middle;padding-top:4px;font-size:22px;line-height:32px;background:#ddd;position:absolute;left:0;top:0;color:#fff;} .blue.contact-item .fa{background:#4D87CE;} .green.contact-item .fa{background:#4D87CE;} .orange.contact-item .fa{background:#4D87CE;} .purple.contact-item .fa{background:#4D87CE;} .contact-form{padding:30px 0;} .contact-item p, .contact-form label{color:#596067;} .contact-form textarea{width:100%;margin-top:3px;margin-bottom:15px;padding:5px 10px;background:#fff;height:170px;border:1px solid #E5E5E5;font-size: 0.88rem;} .contact-form input[type="text"], .contact-form input[type="email"], .contact-form input[type="tel"]{margin-bottom:15px;} .contact-form input[type="submit"]{background:#4d87ce; nadhraditColor-buttonVychozi} .contact-form input[type="submit"]:hover{background:#030304; color:#fcfcfc;} .contact-form textarea{height:150px;} .contact-form span{display:block;margin-top:10px;font-size: 0.88rem;} /* Kontrola SPAM-u */ .contact-form .char-kontrola{float:left;width:100%;display:nline;margin-bottom:5px;} .contact-form .char-kontrola span{display:flex;margin-bottom:10px;font-size: 0.88rem;} .contact-form .char-counter{float:left;width:100%;display:flex;} .contact-form .char-counter input[type="text"]{min-width:45px!important;margin:-19px 4px 0 4px;} .contact-form .char-conrol{float:left;width:100%;display:flex;} .contact-form .char-conrol input[type="text"]{min-width:45px!important;margin:-19px 4px 0 4px;} .contact-form .spaminfo{text-align:left;font-size: 0.88rem;color:#828e95;margin-top:-10px;} .contact-form .spampocet{float:left;width:100%;white-space:nowrap;vertical-align:middle;} .contact-form .kontakt-fullname{display:none;} /* ========================= */ /* TABLES */ /* ========================= */ .main-content table{background:rgba(255,255,255,0); color:#222222; margin-bottom:20px;} .main-content table strong{color:#1f2228;} .main-content table th{background:rgba(255,255,255,0); color:#222222; font-size:0.95rem;font-weight:300;text-align:left;padding:10px 15px;/*border-right:1px solid rgba(255,255,255,0.8);border-bottom:1px solid rgba(255,255,255,0.8);*/} .main-content tr{transition:background 0.3s;-webkit-transition:background 0.3s;-moz-transition:background 0.3s;-ms-transition:background 0.3s;-o-transition:background 0.3s;} .main-content table th:last-child{border:none;} .main-content table td{padding:20px;font-size: 0.88rem;vertical-align:top;} @media (max-width:768px) { .main-content table tr:first-child td:first-child{border-top:1px solid #4D87CE;} .main-content table tr:last-child td:last-child{border-bottom:1px solid #4D87CE;} } @media (min-width:768px) { .main-content table td{border-top:1px solid #4D87CE;} } .main-content table.product-actions-single td{border:none;} /* zrusi ramecky v detailu produktu */ .main-content table.product-infotable-single td{border:none;} /* zrusi ramecky v detailu produktu */ .main-content table tbody tr:nth-child(odd){background:rgba(255,255,255,0.95);} .main-content table tbody tr:nth-child(even){background:rgba(255,255,255,0.9);} .main-content table p{font-size: 0.88rem} /* ========================= */ /* ORDERS */ /* ========================= */ .order-table{width:100%;} .order-table tr:hover{background:#fff;} .order-table p{margin:0; font-size: 0.88rem;} .order-table th.order-status{width:50%;} .order-table span.price{font-size: 0.88rem;} .order-table span.delivery{font-size:0.95rem;color:#1f2228;font-weight:400;} .order-table p.vat{font-size:11px;color:#989faf;} .order-table .order-number p{color:#1f2228;} table.order-table td{padding:10px 15px;} .page_order #firemni_data {margin-top: 40px;} .page_order .horizontalspace{margin-top:40px;} /* ========================= */ /* VÝBĚR DOPRAVY */ /* ========================= */ #removebranch{margin:13px 0 16px;} #removebranch h4{margin-top:-9px;padding-bottom:8px;} #removebranch #removesele{margin-top:13px;} #removebranch .input{width:72%;resize:none;height:40px;margin-bottom:-11px;margin-top:0;padding-top:6px;} #removebranch .button{width:28%;margin-top:2px;} #removebranch textarea{line-height:26px;} .vyber-dopravy{padding:10px 0 22px;} #dorucPlatba_chosen .chosen-single{background:#fff;} .volba-dopravy{padding:8px 0 0;} .currency-table{margin:0;width:100%; overflow:hidden;box-shadow: 0 0 0 1px rgba(255,255,255,1);} .currency-table td:(:empty){visibility:hidden;} .currency-table thead td:first-child {border-top: none;} .currency-table td{height:43px;padding:2px 10px!important;white-space:nowrap;font-size:0.82rem;} .currency-table td .paymentmethodintd{display:none;} .currency-table td .radio{margin:-7px 0 0 0;padding:0;} .currency-table tbody tr td{border-color:#E5E5E5;} .currency-table td .radio label{line-height:1.6rem;font-size:0.82rem;} .currency-table th {height:43px;} .currency-table th .dopr-logo{width:86px;height:36px;margin:-9px 7px -7px -12px;} .currency-table tbody th {border-right:1px solid rgba(255,255,255,0.8);border-bottom:0;} .currency-table tbody tr:last-child(n+2) th {border-bottom:1px solid rgba(255,255,255,0.8) !important;} /* ========================= */ /* VÝBER PLATBY */ /* ========================= */ #platebniKanal{float:right;margin:-8px 10px;} #platebniKanal.chosen-select{width:auto;} .currency-table th .plattabnazev{float:left;height:24px;line-height:24px;} .currency-table th i{vertical-align:bottom;padding-left:3px;} .kanalvolba{margin-top:9px; margin-bottom:25px;} /* ========================= */ /* ORDER INFO */ /* ========================= */ table.orderinfo-table #objednavkaSoucet, #objSoucetText{color:#363636;font-size:1em;font-weight:700;} table.orderinfo-table td div.dphCena{font-size:11px;color:#a6a6a6;} table.orderinfo-table .imnozstvi{font-size:0.82rem;white-space:nowrap;} table.orderinfo-table #objednavkaDPHSoucet, #objednavkaDPHtext{font-size:0.7rem;color:#737373;} table.orderinfo-table #cenaMeziSoucet, #meziSoucetText{font-weight:700;} table.orderinfo-table #dopravaNazev{padding-left:10px;font-size:0.82rem;font-weight:500;color:#fff;} table.orderinfo-table #dopravaCena, #dopravaDPHCena{vertical-align:bottom;height:66px;} table.orderinfo-table{width:100%;margin-top:22px;} table.orderinfo-table tr:hover{/* background:#fff; je pouzivan i u tabulky parametru*/} table.orderinfo-table th{width:170px;padding:5px 20px;} table.orderinfo-table thead th{padding:10px 20px;} table.orderinfo-table td{padding:10px 20px; } table.orderinfo-table span.price{font-size: 0.88rem; } table.orderinfo-table span.price.big{font-size:16px; } #parametry.orderinfo-table {color:#222;} /* ==================================== */ /* FOOTER */ /* ==================================== */ /* upper Footer */ #upper-footer{background:#4d87ce; color:#fcfcfc; padding:5px 20px;border-bottom:1px solid #457ab9;/*margin:0 -30px;*/} #upper-footer.border-top{border-bottom:none;border-top: 1px solid #dfe6f3;} #upper-footer h4{text-transform:uppercase;} #newsletter>*, .social-media>*{display:inline-block;} .social-media{float:right;} #newsletter span{margin-top:20px;} #newsletter span.error{margin-top:0;} #newsletter input[type="text"]{width:200px;margin:0 0 0 15px;font-size: 0.88rem;background:#ffffff; color:#222222; } #newsletter input[type="text"]::-webkit-input-placeholder, #newsletter input[type="text"]:-ms-input-placeholder, #newsletter input[type="text"]::placeholder {color: #e6e6e6!important;} #newsletter input[type="text"] {border-color: #393939!important; padding-right:0; margin-right:-0;border-top-left-radius: 2px;border-bottom-left-radius: 2px;} @media (min-width:1200px) { #newsletter input[type="text"]{width:330px;} } #newsletter input[type="text"], #newsletter input[type="submit"]{height:40px;} #newsletter input[type="submit"]{font-size:16px;position:relative;margin-left:-10px;top:1px; background:#030304; color:#fcfcfc; } #newsletter input[type="submit"]:hover{background:#0e0e0f;} .social-media ul{padding:0;margin:0;list-style:none;vertical-align:middle;margin-left:15px;} .social-media ul li{display:inline-block!important;padding:0 3px !important;} .social-media ul li a{display:block;width:40px;height:40px;background:#ccc;} /* Social Icons */ .social-media ul li.social-instagram a{background-color:#ea4952;} .social-media ul li.social-instagram a:before{font-family: "FontAwesome";content: '\f16d';font-size:22px;color:#fcfcfc!important; line-height:40px;padding-left:11px;} .social-media ul li.social-facebook a{background-color:#39599f;} .social-media ul li.social-facebook a:before{font-family: "FontAwesome";content: '\f09a';font-size:22px;color:#fcfcfc!important; line-height:40px;padding-left:13px;} .social-media ul li.social-pinterest a{background-color:#b8242a;} .social-media ul li.social-pinterest a:before{font-family: "FontAwesome";content: '\f231';font-size:22px;color:#fcfcfc!important; line-height:40px;padding-left:12px;} .social-media ul li.social-twitter a{background-color:#45b0e3;} .social-media ul li.social-twitter a:before{font-family: "FontAwesome";content: '\f099';font-size:22px;color:#fcfcfc!important; line-height:40px;padding-left:10px;} .social-media ul li.social-youtube a{background-color:#e70031;} .social-media ul li.social-youtube a:before{font-family: "FontAwesome";content: '\f167';font-size:22px;color:#fcfcfc!important; line-height:40px;padding-left:10px;} .social-media ul li.social-tumblr a{background-color:#314358; } .social-media ul li.social-tumblr a:before{font-family: "FontAwesome";content: '\f173';font-size:22px;color:#fcfcfc!important; line-height:40px;padding-left:13px;} .social-media ul li.social-linkedin a{background-color:#0077b5; } .social-media ul li.social-linkedin a:before{font-family: "FontAwesome";content: '\f0e1';font-size:22px;color:#fcfcfc!important; line-height:40px;padding-left:11px;} .social-media ul li.social-soundcloud a{background-color:#f45b0d; } .social-media ul li.social-soundcloud a:before{font-family: "FontAwesome";content: '\f1be';font-size:22px;color:#fcfcfc!important; line-height:40px;padding-left:6px;} .social-media ul li.social-vkontakte a{background-color:#5181b8; } .social-media ul li.social-vkontakte a:before{font-family: "FontAwesome";content: '\f189';font-size:22px;color:#fcfcfc!important; line-height:40px;padding-left:8px;} .social-media ul li.social-wiki a{background-color:#c9c9c9; } .social-media ul li.social-wiki a:before{font-family: "FontAwesome";content: '\f266';font-size:22px;color:#fcfcfc!important; line-height:40px;padding-left:6px;} .social-media ul li{margin:0!important;} .facebook-iframe iframe{width:100%;border:none; } /* social monotone */ .social-media ul li a{background:#4d87ce!important;} .social-media ul li a:hover{background:#457ab9!important;} /* ========================= */ /* PATIČKA */ /* ========================= */ #paticka-stranky{background:#030304; padding:5px 20px 20px;/* margin:0 -30px; */} #paticka-stranky h4{text-transform:uppercase;color:#fcfcfc; font-weight:400;} #paticka-stranky p{font-size: 0.88rem;line-height:1.6rem; } #paticka-stranky ul{list-style:none;padding:0;margin:0;} #paticka-stranky li{margin:10px 0;word-wrap: break-word} #paticka-stranky ul li .fa{font-size: 0.88rem;width:15px;margin-left:-5px;} #paticka-stranky ul li a:hover{color:#fdfdfd;} #paticka-stranky #newsletter p{margin-top:0;} #paticka-stranky a{color:#fcfcfc;} #paticka-stranky a:hover,#paticka-stranky .navigace a:hover{color:#fdfdfd!important;} #paticka-stranky .navigace ul li a{position:relative;} #paticka-stranky .navigace ul li {margin:2px 0;padding:0;} /* Newsletter */ #paticka-stranky #newsletter input[type="text"]{/* MICHAL width:100%; */margin:0 0 5px;} /* Spodní patička */ #spodni-paticka{padding:6px 5px 10px;background:#ffffff; color:#222222;} #spodni-paticka p.copyright{font-size: 0.88rem;color:#222222; margin:0;} #spodni-paticka p.system{font-size: 0.88rem;color:#222222; margin:0;float:right;} #spodni-paticka a{color:#1f1f1f} #spodni-paticka a:hover{color:#393939!important;} /* ==================================== */ /* ELEMENTY */ /* ==================================== */ .tooltip-inner{background:#ACACAC;box-shadow:0 0 3px #ddd;color:#fff;padding:2px 7px;} .tooltip.top .tooltip-arrow{border-top-color:#ACACAC;} .tooltip.left .tooltip-arrow{border-left-color:#ACACAC;} .tooltip.right .tooltip-arrow{border-right-color:#ACACAC;} .tooltip.bottom .tooltip-arrow{border-bottom-color:#ACACAC;} .label-floatlabel{color:#000;} /* ::-webkit-input-placeholder {color:#7a8188;} :-moz-placeholder {color:#7a8188;} ::-moz-placeholder {color:#7a8188;} :-ms-input-placeholder {color:#7a8188;} */ input[type="text"], input[type="password"], input[type="email"], input[type="tel"], select{margin:1px;padding:5px 10px;border:1px solid #E5E5E5;font-size: 0.88rem;height:40px;transition:background 0.3s;-webkit-transition:background 0.3s;-moz-transition:background 0.3s;-ms-transition:background 0.3s;-o-transition:background 0.3s;} input[type="submit"], input[type="reset"]{background:#4d87ce; color:#fcfcfc; text-transform:uppercase;height:36px;padding:5px 15px;border:none;font-size: 0.88rem;transition:background 0.3s;-webkit-transition:background 0.3s;-moz-transition:background 0.3s;-ms-transition:background 0.3s;-o-transition:background 0.3s;} input[type="submit"].big, input[type="reset"].big{height:40px;padding:7px 20px;font-size:16px;} input[type="reset"]{background:#f7f7f7;color:#1f2228;} input[type="reset"]:hover{background:#5b932f;color:#fff;} input[type="radio"], input[type="checkbox"]{margin-right:5px;} input[type="email"][readonly="readonly"]{border:1px solid #C3C3C3;background:#e3e3ea;color:#777;} /* Checkbox switch */ .checkbox.checbox-switch label, .checkbox-inline.checbox-switch {display:inline-block;position:relative;margin-top:5px;float:right;cursor:pointer;} .checkbox.checbox-switch label input, .checkbox-inline.checbox-switch input{display:none;} .checkbox.checbox-switch label span, .checkbox-inline.checbox-switch span{width:44px;border-radius:24px;height:22px;border:1px solid #dbdbdb;background-color: rgb(255, 255, 255);border-color: rgb(223, 223, 223);box-shadow: rgb(223, 223, 223) 0px 0px 0px 0px inset;transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s;display:inline-block;vertical-align:middle;margin-right:5px;} .checkbox.checbox-switch label span:before, .checkbox-inline.checbox-switch span:before {display:inline-block;width:20px;height:20px;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%; background: rgb(255,255,255);content: " ";top:0;position:relative;left:0;transition: all 0.3s ease;box-shadow:0 1px 4px rgba(0,0,0,0.4);} .checkbox.checbox-switch label > input:checked + span:before, .checkbox-inline.checbox-switch > input:checked + span:before{left:22px;} /* Switch Default */ .checkbox.checbox-switch label > input:checked + span, .checkbox-inline.checbox-switch > input:checked + span { background-color: rgb(180, 182, 183); border-color: rgb(180, 182, 183); box-shadow: rgb(180, 182, 183) 0px 0px 0px 8px inset; transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s; } .checkbox.checbox-switch label > input:checked:disabled + span, .checkbox-inline.checbox-switch > input:checked:disabled + span { background-color: rgb(220, 220, 220); border-color: rgb(220, 220, 220); box-shadow: rgb(220, 220, 220) 0px 0px 0px 8px inset; transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s; } .checkbox.checbox-switch label > input:disabled + span, .checkbox-inline.checbox-switch > input:disabled + span { background-color: rgb(232,235,238); border-color: rgb(255,255,255); } .checkbox.checbox-switch label > input:disabled + span:before, .checkbox-inline.checbox-switch > input:disabled + span:before { background-color: rgb(248,249,250); border-color: rgb(243, 243, 243); box-shadow: 0 1px 4px rgba(0,0,0,0.1); } #back-to-top{width:50px;height:50px;display:inline-block;position:fixed;bottom:20px;right:20px;background:#ffffff70;font-size:24px;text-align:center;padding-top:8px;transition:background 0.3s, color 0.2s;-webkit-transition:background 0.3s, color 0.2s;-moz-transition:background 0.3s, color 0.2s;-ms-transition:background 0.3s, color 0.2s;-o-transition:background 0.3s, color 0.2s;cursor:pointer;} #back-to-top:hover{background:#dde3e6;} #cookie-set-show{width:50px;height:50px;display:inline-block;position:fixed;bottom:20px;left:20px;background:#ffffff70;font-size:24px;text-align:center;padding-top:8px;transition:background 0.3s, color 0.2s;-webkit-transition:background 0.3s, color 0.2s;-moz-transition:background 0.3s, color 0.2s;-ms-transition:background 0.3s, color 0.2s;-o-transition:background 0.3s, color 0.2s;cursor:pointer;} #cookie-set-show:hover{background:#dde3e6;} .radio-label{display: inline-block;cursor: pointer;position: relative;padding-left: 25px;margin-right: 15px;font-size: 0.88rem;} .radio-label:before{content: "";display: inline-block;width: 16px;height: 16px;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%; margin-right: 10px;position: absolute;left: 0;bottom: 1px;background-color: #fff;border:1px solid #E5E5E5;} input[type=checkbox]:checked + label:before {content: "\f046";font-family:"FontAwesome";font-size:1.3em;color: #3f515f;text-align: center;line-height:1.3em;vertical-align:middle;margin:0 0.25em 0 0.25em;} input[type=checkbox], input[type=radio]{display: none;} .checkbox, .radio { margin:-1em 0 0.625em 0;font-size: 0.9em;font-weight:normal;color:#3f515f;height:auto;} .checkbox label{display: inline-block;cursor: pointer;position: relative;padding-left:25px;margin-top:15px;margin-right:15px;font-size: 0.88rem;} .radio label{display: inline-block;cursor: pointer;position: relative;padding-left:25px;margin-top:15px;margin-right:15px;font-size:0.82rem;font-weight:300;} .checkbox label:before {content: "\f096";display:inline-block;position:absolute;left:0;top:0;font-family:"FontAwesome";font-size: 1.3em;line-height: 1.3em;vertical-align:middle;margin:0 0.4em 0 0.25em;} .radio label:before {content: "\f10c";display:inline-block;position:absolute;left:0;top:0;font-family:"FontAwesome";font-size: 1.3em;vertical-align:middle; margin:0 0.25em 0 0.25em;line-height: 1.3em;} input[type=radio]:checked + label:before {content: "\f192";font-family:"FontAwesome";font-size: 1.3em;color: #3f515f;text-align: center;line-height: 1.3em;vertical-align:middle;margin:0 0.25em 0 0.25em;} .filtrZnacek input[type=checkbox]:checked + label:before, .filtrZnacek .checkbox{color: #5C5959;} .filterParam input[type=checkbox]:checked + label:before, .filterParam .checkbox{color: #5C5959;} .filterParam .disabled{color: #b4b4b4;} .numeric-input{position:relative;width:70px;display:inline-block;} .numeric-input input{width:92px;height:42px!important;margin-top:2px;display:inline-block;} .numeric-input>span{position:absolute;top:3px;right:10px;cursor:pointer;color:#7a8188;} .numeric-input .arrow-down{bottom:2px;top:auto;} .numeric-input .jednotka{cursor:auto;right:-12px;bottom:11px;top:auto;} /* Psaní html kódu */ .page-content xmp{font-size: 0.88rem;line-height:12px;} /* ================= */ /* SITEMAP */ /* ================= */ .mapa-stranek{margin-left:30px;font-size: 0.88rem;} .mapa-stranek ul{border-left:1px dotted #cacfd2;padding-left:2.2em;} .mapa-stranek li{position:relative;} .mapa-stranek li:before{border-top:1px dotted #cacfd2;content:'';left:-2.2em;position:absolute;top:.75em;width:1.8em;} /* ================ */ /* CPANEL */ /* ================ */ #cpanel-box {position: fixed;right: -288px;top: 30%;width: 288px;float: right;z-index:9999;text-align: left;} #cpanel-box .panel {background:#eee;border-left:1px solid #eee;border-bottom:1px solid #eee;} #cpanel-box .panel .accordion{margin-bottom:-30px;} #cpanel-box .panel .panel-body{padding:10px 0;} #cpanel-box a.cpanel-control {text-decoration: none;background-color: #707070;background-position: 50% 50%;background-repeat: no-repeat;border-radius: 6px 0 0 6px;-webkit-border-radius: 6px 0 0 6px;-moz-border-radius: 6px 0 0 6px;-ms-border-radius: 6px 0 0 6px;-o-border-radius: 6px 0 0 6px;height: 50px;left: -50px;line-height: 46px;padding: 0 0 5px 13px;position: absolute;width: 50px;z-index: 10;top: 0;} #cpanel-box a.cpanel-control:before {content: "\f0a5";color: #fff;display: inline;font-family: "FontAwesome";font-size: 22px;} #cpanel-box a.cpanel-control.active:before {content: "\f0a4";font-family: "FontAwesome";font-size: 22px;} /* ==================== */ /* Zasilkovna */ /* ==================== */ #packeta-widget {display: none;border: hidden;height: 600px;} @media only screen and (min-width: 320px) { #packeta-widget {width: 320px;} } @media only screen and (min-width: 480px) { #packeta-widget {width: 480px;} } @media only screen and (min-width: 768px) { #packeta-widget {width: 768px;} } @media only screen and (min-width: 992px) { #packeta-widget {width: 992px;} } @media only screen and (min-width: 1200px) { #packeta-widget {width: 1200px;} } /* ==================================== */ /* RESPONSIVE */ /* ==================================== */ .container {max-width:2140px;} @media(min-width:1480px){ /* and (max-width:1899px)*/ .container{padding:0 30px;} .paticka{margin:0 auto; /* max-width:1430px; */ padding:0 15px;} } @media(min-width:1200px) and (max-width:1399px){ .container{padding:0 30px;} .paticka{margin:0 auto;/* max-width:1230px; */padding:0 15px;} #znacVyhled .filtrZnacek .linowrap{width:20%;} #formParam .filterParam .linowrap{width:20%;} #removebranch .input{width:65%;} #removebranch .button{width:35%;} } @media(min-width:992px) and (max-width:1199px){ /* h1{font-size:24px;} h2{font-size:22px;} h3{font-size:20px;} h4{font-size:18px;} h5{font-size:16px;} h6{font-size: 0.88rem;} */ .paticka{margin:0 auto; /* max-width:992px; */padding:0 15px;} #znacVyhled .filtrZnacek .linowrap{width:25%;} #znacVyhled .filtrZnacek .liwrap{width:100%;} #formParam .filterParam .linowrap{width:25%;} #formParam .filterParam .liwrap{width:100%;} .category-results p{font-size:0.7rem;} .category-heading .chosen-container{width:160px!important;} .contact-form .spampocet{white-space:pre-wrap;} .contact-form .char-counter input[type="text"]{margin:-8px 4px 0 4px;} .contact-form .char-conrol input[type="text"]{margin:-8px 4px 0 4px;} .contact-form .spampocet label{line-height:16px;} .sidebar-dropdown{width:700px;} /* 3x280=840 */ .sidebar-box-content, .sidebar-dropdown>li>ul>li>a .nav-caption, .product-single .produkticon{font-size:0.82rem;} #main-header .middler{margin-left:15px;} #search-bar-top{right:-16px;width:95%;} .sidebar-box-heading, .carousel-heading{min-height:40px;} .sidebar-box-heading h4, .carousel-heading h4{font-size: 0.88rem;} .carousel-arrows .fa{width:40px;height:40px;padding:10px 0 0;} #search-bar input, #search-bar select{height:30px;font-size: 0.88rem;} .product-actions .action-name{font-size:0.7rem;margin-left:-3px;} .product-info h5{font-size: 0.88rem;line-height:1.1rem;height:44px;} a.product-hover{font-size:16px;top:90px; } #newsletter>*, .social-media>*{display:block;} #newsletter input[type="text"]{width:300px;margin:0;display:inline-block;} #newsletter input[type="submit"]{display:inline-block;} .social-media ul{margin:0;} .banner-item h4{font-size:16px;text-transform:uppercase;font-weight:900;} .banner-item p{font-size:0.7rem;} .banner-item a.button{right:10px;top:15px;padding:8px 10px;font-size: 0.88rem;} .banner-item .fa{font-size:26px;} .main-content table th{padding:10px;} .main-content table td{padding:10px;} .search-column-1{width:72%;} .search-column-2{width:28%; } .search-column-1 span, .search-column-1 p a{font-size:0.7rem;} .currency-table th .dopr-logo{display:none;} #removebranch .input{width:60%;} #removebranch .button{width:40%;} } @media(min-width:768px) and (max-width:991px){ /* h1{font-size:22px;} h2{font-size:20px;} h3{font-size:18px;} h4{font-size:16px;} h5{font-size: 0.88rem;} h6{font-size:0.82rem;} */ .paticka{margin:0 auto;/* max-width:768px; */padding:0 15px;} .catsearch-heading .noUiSlName{margin-top:-26px;padding-left:10px;} .noUiSlider{margin:0 18px 12px 18px;} .page-content .marg-b-minus{margin-top:-5px;margin-bottom:-45px;z-index:100;} .category-results p{font-size:10px;padding-left:5px;} .category-heading .chosen-container{width:120px!important;} #chosen-nadkat .chosen-single, #chosen-nadkat .chosen-drop{width:260px!important;} #chosen-nadkat .chosen-single, #chosen-nadkat .chosen-drop{width:370px!important;} .contact-form .spampocet{white-space:pre-wrap;} .contact-form .char-counter input[type="text"]{margin:-8px 4px 0 4px;} .contact-form .char-conrol input[type="text"]{margin:-8px 4px 0 4px;} .contact-form .spampocet label{line-height:16px;} .sidebar-dropdown{width:540px;} /* 3x280=840 */ .product-single .produkticon{font-size:0.7rem;} .sidebar-box-content, .sidebar-dropdown>li>ul>li>a .nav-caption{} #search-bar-top{right:-44px;width:96%;} #search-bar-top input{height:33px;} #znacVyhled .filtrZnacek .linowrap{width:33.3333%;} #znacVyhled .filtrZnacek .liwrap{width:100%;} #formParam .filterParam .linowrap{width:33.3333%;} #formParam .filterParam .liwrap{width:100%;} table#shopcart tbody td .row img{width:100px;padding-bottom:0.25em} .actions {height:52px;} .actions .button{width:36%;} .actions .btn-refresh{float:left;} .actions .btn-trash{float:right;} table#shopcart thead {display: none;} table#shopcart h3{margin:-22px 8px 7px;} table#shopcart tbody td {border:0;display:block;padding:0.25em 1em;min-width:320px;line-height:1.5em;} table#shopcart tbody tr td:first-child {min-height:100%;background:#666;color:#c8c8c8;} table#shopcart tbody tr td:first-child p{color:#fff;font-weight:700;height:3.625em} table#shopcart tbody td:before {content: attr(data-th);padding-top:5px;font-size:1em;font-weight:300;display:inline-block;height:1.83em;width:84px;} table#shopcart tfoot td{display:block;border:0;padding:0 7px 3px;} table#shopcart tfoot .celkem{padding:0.75em;text-align:left;margin-top:-0.5em;} table#shopcart tfoot .cena-celkem{text-align:right;margin-right:7px;margin-top:-2em;} table#shopcart tbody td .bez_dph{float:right;text-align:left;margin-top:0.2em;color:#b9acbd;} table#shopcart tfoot .bez_dph{float:left;margin-top:-1.5em;padding-left:7px;font-size:0.750em;font-weight:300;} table#shopcart tfoot .cena-bez_dph{float:right;margin-top:-1.75em;padding-right:7px;font-size:0.75em;font-weight:300;} table#shopcart tbody td .info{display: inline-block;color:#fff;} .tp-banner h2{font-size:24px;line-height:32px;} .tp-banner h3{font-size:18px;margin-top:30px;} .tp-banner p, .tp-banner span, .produkt-bezdph, .puvodniCena{/* display:none; */} #main-header .middler{margin-left:15px;} #search-bar{padding-top:6px;} .sidebar-box-heading, .carousel-heading{height:auto;} .sidebar-box-heading h4 {font-size:0.82rem;margin:0;} .carousel-heading h4{font-size:0.82rem;margin:0;} .sidebar-box-heading{padding-left:40px;} .carousel-heading h4{padding-top:10px;padding-bottom:5px;padding-left:10px;} #search-bar p{display:none;} .sidebar .carousel-arrows .fa{display:none;} .carousel-arrows .fa{width:40px;height:40px;padding:8px 0 0;} .flexsliderBig li{background-size:90% auto!important;background-position:right bottom!important;} .product-actions .action-name{display:none; } .product-actions>span{width:33.333333%;text-align:center !important;} .product-info h5{font-size:0.9rem;line-height:1rem;height:3.5rem;} a.product-hover{font-size: 0.88rem;height:30px;top:60px;padding:5px;text-align:center;width:120px;} .banner-item h4{font-size:16px;text-transform:uppercase;font-weight:900;} .banner-item p{font-size:0.7rem;} .banner-item span.button{right:10px;top:15px;padding:8px 10px;font-size:0.7rem;} .main-content table th{padding:8px 5px;} .main-content table td{padding:8px 5px;} table.orderinfo-table th{width:120px;padding:5px 5px;} table.orderinfo-table td{padding:8px 5px; } a.button{height:auto;} span.product-tag{top:10px;padding:5px 15px;font-size:0.7rem;} .product-actions>span{padding:8px 0 0 0;} .product-actions>span .fa{margin-right:0!important;} .col-lg-12 .blog-item .rating-box {float:none; margin-top:10px;} #newsletter input[type="text"]{margin:0;} .social-media ul{margin:0;float:right;} .social-media h4{float:right;} .button-row .button{margin-bottom:2px;} #advanced-button{display:none;} .search-column-1{width:50%;padding-left:0;} .search-column-2{width:40%;} .currency-table th .dopr-logo{display:none;} } @media(max-width:767px){ .container{margin:0;min-width:280px;} /* MICHAL 320px */ .header-bottom_area .col-lg-12 { padding: 0 !important; } .paticka{padding:0 15px;} .fullwidth{width:100%;} /* h1{font-size:20px;} h2{font-size:18px;} h3{font-size:16px;} h4{font-size: 0.88rem;} h5{font-size:0.82rem;} h6{font-size:0.7rem;} */ .fullwidth #oDic{margin-top:-11px;margin-bottom:21px;} .fullwidth #oKomentar, .fullwidth #oDic{position:relative;display:block;z-index:999;} .currency-table thead{display:none;} .catsearch-heading .noUiSlName, .category-buttons, #search-bar{display:none;} .catsearch-heading .button{margin-top:-10px;} .noUiSlider{margin:15px 110px 15px 22px;} #znacVyhled .filtrZnacek .linowrap{width:50%;} #znacVyhled .filtrZnacek .liwrap{width:100%;} #formParam .filterParam .linowrap{width:50%;} #formParam .filterParam .liwrap{width:100%;} .category-heading .chosen-container{width:32%!important;} #chosen-nadkat .chosen-single, #chosen-nadkat .chosen-drop{width:260px!important;} .page-content textarea{width:100%;margin-top:-10px;height:70px;} .page-content .marg-t-minus{margin:0;} .page-content .marg-t-minus1x{margin:0;} .page-content .marg-t-minus2x{margin:0;} .page-content .marg-b-minus{margin:0;} .page-content .checkback{margin-top:5px;} table#shopcart tbody td .row img{width:84px;} .actions {height:52px;} .actions .button{width:30%;} .actions .btn-refresh{float:left;} .actions .btn-trash{float:right;} table#shopcart thead,#nabidkasl1,#nabidkasl2{display:none;} table#shopcart h3{margin:-22px 8px 7px;} table#shopcart tbody td {border:0;display:block;padding:0.25em 1em;min-width:240px;line-height:1.5em;} /* MICHAL 280 */ table#shopcart tbody tr td:first-child {min-height:100%;background:#4d87ce;color:#c8c8c8;padding-bottom:10px;} /* barva hlavicky mobilni tabulky kosiku */ table#shopcart tbody tr td:first-child p{color:#fff;font-weight:700;height:3.625em;} table#shopcart tbody td:before {content: attr(data-th);padding-top:5px;font-size:1em;font-weight:400;display:inline-block;height:1.83em;width:84px;} table#shopcart tbody td:first-child:before {content: attr(data-th);padding-top:5px;font-size:0.8em;color:white;} table#shopcart tfoot{background:#cee8ff;} table#shopcart tfoot td{display:block;border:0;padding:0 7px;float:right;} table#shopcart tfoot .celkem{padding:0.75em;text-align:left;margin-top:-0.625em;} table#shopcart tfoot .cena-celkem{text-align:right;margin-top:-2em;} table#shopcart tbody td .bez_dph{float:right;text-align:left;margin:0;color:#b9acbd;} table#shopcart tfoot .bez_dph{float:left;margin-top:-1.5em;padding-left:5px;padding-bottom:15px;font-size:0.750em;font-weight:300;} table#shopcart tfoot .cena-bez_dph{float:right;margin-top:-3.5em;padding-right:0;font-size:0.75em;font-weight:300;} table#shopcart tbody td .info{display: inline-block;color:#fff;} table.orderinfo-table thead{display:none;} table.orderinfo-table tfoot{display:inline;width:100%;} table.orderinfo-table #dopravaCena, #dopravaDPHCena{vertical-align:middle;height:100%;} table.order-table thead{display:none;} table.order-table tfoot{display:inline;width:100%;} aside .carousel-heading h4{font-size: 15px;padding-left:10px;margin-top:-10px;} .sidebar-box-heading h4{font-size: 15px;} .produkticon{margin-top:46px;margin-right:-20px;} .box-dropdown .box-wrapper{text-align:left;} .searchbar{margin:-15px 15px;} .form-ticket{text-align:center;} #search-bar-top{width:100%;padding:5px 5px 0 5px;left:15px;} #logo{margin:0 0 4px 7px;} #tinynav1{margin-bottom:-15px;} #vlastnosti{padding:15px;margin-top:-40px;} #spodni-paticka .paticka{/* width:100%; */text-align:right;} #spodni-paticka p.copyright{font-size:0.82rem;margin-top:10px;} #spodni-paticka p.system{font-size:0.82rem;margin-bottom:10px;} #review-textarea{margin-top:0;} .char-kontrola .big{margin-top:12px;} .tl-kosik .button{padding:0 7px;margin-bottom:30px;} #main-header .middler{width:100%;margin-top:-10px;} .tp-banner h3, .tp-banner p, .tp-banner span, #home-button, #advanced-button{display:none;} #top-header ul{float:none!important; text-align:center;} #top-header li{float:none;display:inline-block; } #top-header li:hover ul{display:block;text-align:left;} .carousel img, .slides img,.subcategory img{width:100%; } .products-row .sleva{margin-top:33px;} .rating img{width:auto!important;} .banner-item{width:100%;margin:10px 0 !important;} .news{margin:40px 0; }.news-content{padding:10px 30px;} #newsletter>*, .social-media>*{display:block;} #newsletter input[type="text"]{ width: 65%;margin:0;display:inline-block;} #newsletter input[type="submit"]{margin-top:10px;display:inline-block;} .social-media ul{margin:0;} .payment-list{float:none;} .payment-list li{float:none;margin:0;display:inline-block;} .main-content table, .main-content tbody{display:block;width:100%!important;} .main-content table tr{display:block; /* border-bottom:1px solid #4D87CE; */} .product-single table tr{border:none;} .main-content table th{padding:10px;display:block;width:100%!important;} .main-content table td{padding:10px;width:100%!important;display:block;} .product-single-info{width:100%;float:right;padding:40px;} .product-single-image #product-slider{height:auto;background:#fff;text-align:center;} .product-single-image #product-slider img{width:auto;} .button-row .button{margin-bottom:2px;} .iconic-input input{margin-bottom:8px;width:100%;} .page-content h4{margin-top:3px;margin-bottom:20px; } #upper-footer{padding:0 10px 10px 10px;} #upper-footer h4{margin:20px 2px;font-size:0.95rem;} #paticka-stranky{padding:0 20px 5px;} #paticka-stranky h4{font-size:0.95rem;} .currency-table td .paymentmethodintd{display:inline;float:left;line-height:40px;margin-right:6px;color:#030304;} .currency-table td i{display:none;} .currency-table th .dopr-logo{display:inline;width:86px;height:36px;float:right;margin:-7px;} #removebranch .input{width:50%;} #removebranch .button{width:50%;} /* dva sloupecky na mobilu - v s.php upravit ss-6 */ .product-actions .action-name {display:none;} .product-actions > span {width:33%;text-align:center;} } @media screen and (max-width: 350px){ .carousel-arrows{display:none;} } /* Tiny + Slick Nav */ .slicknav_menu, .tinynav, .tinynav_label{display:none;} @media screen and (max-width: 767px){ .slicknav_menu{display:block;position:fixed;top:0;z-index:9999;width:100%!important;max-height:100%;overflow:hidden;} .tinynav_label{ display:block; } .tinynav { display:block; width:100%!important;} /* #main-categories, #side-navigation>ul, .sidebar-box-heading{display:none} schovava nadpisy bloku */ } .info-zluty {background: #fffcd5;border-left: 5px solid #e7dca4;color: #333;margin-bottom: 2em;padding: 16px 25px 16px 20px;} .info-cerveny {background: #fde8e8;border-left: 5px solid #e7aaaa;color: #333;margin-bottom: 2em;padding: 16px 25px 16px 20px;} .ramnapoveda {border: 1px solid silver;padding: 15px; margin-top: 15px;margin-bottom: 25px;} span .buttonhelp, .buttonhelp { color: white; background: #0079d0; text-transform: uppercase; padding: 5px 5px !important; border: none; display: inline-block; line-height:normal; height:unset;} .buttonhelp.icokos{background:#dd2d1b;} .buttonhelp.icosoubory,.buttonhelp.icostatistika{background:#f5791f;} .buttonhelp.icozobrazit,.buttonhelp.icoprodukty{background:#b38a6c;} .buttonhelp.icoeud{background:#1abc9c;} .off{background:#ffcece;margin-top:0;margin-right:0;} .buttonhelp.icoklonovat{background:#9b59b6;} .buttonhelp.icoulozit{background:#17bc2c;} .category-content ul { list-style-type: initial; list-style-position: inside; list-style-image: initial; } .category-content h2 { border-left: 15px solid #4d87ce; padding-left: 15px; margin-top:50px; } .category-content h3 { border-bottom:2px solid #DDDDDD; padding: 5px 7px !important; } /* ComGate Iframe */ #comgate-container {display: none;position:absolute;z-index: 9999;left: 50%;top: 30px;overflow: auto;margin-left: -250px;} #comgate-iframe {width: 504px;height: 679px;} @media (max-height: 700px){ #comgate-iframe {;top: 0px;} } /* --- nejprodavanejsi --- */ .bestline{width:100%;} .bestline-products{display:block;} .bestline-image {padding-left:3px;padding-right:3px;text-align:center;} .bestline-image .bestline-number{height:22px;float:left;} .bestline-image img{margin-top:-22px;margin-left:15px;} .bestline-image .product-hover{display:none;} .bestline-block-heading{display:block;width:100%;} .bestline-products{display:block;margin-bottom:30px;} .bestline-products .bestline{padding:10px 0 5px;border-top:1px dotted silver;display:inline-block;clear:both;font-size:0.7rem;} .bestline-infohead h5{margin:0;padding:0;display:inline-block;font-weight:bold;} .bestline-block-row .best-id{color:silver;} .bestline-block-row .store-is{color:#F5791F;} .bestline-block-row .zobraz_dalsi{width:100%;text-align:center;border-top:1px dotted silver;display:inline-block;clear:both;font-size:0.7rem;color:white;} .bestline-block-row .zobraz_vice, .bestline-block-row .zobraz_mene{cursor:pointer;background:#F5791F;padding:5px 8px 5px 4px;border-radius:0 0 3px 3px;} .bestline-prices{text-align:right;font-size:0.82rem;vertical-align:middle;} .bestline-actions{text-align:right;} .bestline-price{font-weight:bold;font-size:1.125em;color:#c21c0b;} .bestline-add {color: #ffffff !important;font-size: 18px;background: #457ab9 !important;padding: 10px 8px 10px 15px !important;} /* ====================================================== */ /* TIP-TOP-SLEVA V BESTSELLER V KATEGORII UZKE PRUHY */ /* ====================================================== */ .bestline-infodesc ul.param li {display: inline !important;list-style-type: none;padding-right: 3px;} .bestline-infodesc ul.param li strong:after {content: " ";} .bestline-infodesc ul.param li:after {content: ", ";} .bestline-infodesc ul.param li:last-child:after {content: ". ";} .bestline-infodesc p{margin:2px 0;} .bestline-tags{display:block;width:50px;position:absolute;top:10%;left:18px} .bestline-tags .produkt-ico{position:relative;font-size:0.75em;line-height:13px;margin:0;font-weight:400;color:#fff;display:inline-block;padding:1px 3px;text-decoration:none;z-index:15;white-space:nowrap;opacity:0.7;} .bestline-tags .produkt-ico:first-child{margin-left:-11px;} .bestline-tags .produkt-ico:after{height:0;width:0;-moz-transform:scale(0.9999);border-top:6px solid;border-right:6px solid transparent;border-top-width:6px;content:"";display:block;position:absolute;top:0;right:-6px;z-index:-1} .bestline-prices .produkt-ico.sleva{top:0.5em;right:8.75em;font-style:normal;font-weight:700;font-size:0.82rem;color:#fff;white-space:nowrap;letter-spacing:.01em;z-index:15;text-align:center!important} .bestline-prices .produkt-ico.sleva{width: 30px;height: 30px;line-height:28px;background:#97B7CD;position: absolute;} .bestline-prices .produkt-ico.sleva:before{content: "";position: absolute;width: 30px;height: 30px;background:#97B7CD;z-index:-1;-webkit-transform: rotate(30deg);-moz-transform: rotate(30deg);-ms-transform: rotate(30deg);-o-transform: rotate(30deg);transform: rotate(30deg);} .bestline-prices .produkt-ico.sleva:after{right:0;content: "";position: absolute;width: 30px; height: 30px;background:#97B7CD;z-index:-1;-webkit-transform: rotate(-30deg);-moz-transform: rotate(-30deg);-ms-transform: rotate(-30deg);-o-transform: rotate(-30deg);transform: rotate(-30deg);} /*.bestline-tags .produkt-ico span{color:#fff;}*/ .bestline-tags .produkt-ico.akce{background-color:rgb(213,40,40);color:#fcfcfc;} .bestline-tags .produkt-ico.novinka{background-color:rgb(133,173,24);color:#fcfcfc;} .bestline-tags .produkt-ico.omezcas{background-color:#cccccc;color:#222222;} .bestline-tags .produkt-ico.tip{background-color:#4d87ce;color:#fcfcfc;} .bestline-tags .produkt-ico.top{background-color:rgb(248,161,45);color:#fcfcfc;} /* poznamka pro scrolovani kosiku na mobilu*/ /* max-height: 200px; overflow-y:scroll;padding-right:var(--space-base); */ /* ==================================== */ /* FANCYBOX / MODAL */ /* ==================================== */ .fancybox-skin { background:#4d87ce; color:#fcfcfc; } .fancybox-image { } /* ==================================== */ /* INFOBOX TYPU NOTIFIKUJ */ /* ==================================== */ #qsib_widget { position: fixed; bottom: 30px; left: 30px; z-index: 9999; padding:7px; border-radius:44px 14px 14px 44px; vertical-align:middle; font-size:0.82rem; background:rgba(233,233,233,0.7); border: 1px solid #eeeeee; max-width:350px; transition: border-radius 0.5s, background 0.5s, border 0.5s; } #qsib_widget:hover { /* color: red; */ border-color:#fff; border-radius:44px 14px 14px 14px; background:rgba(233,233,233,1); } #qsib_widget a { color:black; } #qsib_widget:hover a { text-decoration:none; } #qsib_widget #qsib_widget_close { visibility: hidden; background:rgba(233,233,233,0); transition-duration: 0s; } #qsib_widget:hover #qsib_widget_close { display:inline-block; visibility:visible; position:absolute; bottom: 3px; left:3px; z-index: 10000; font-size: 11px; margin-left: 0px; background:rgba(233,233,233,1); padding: 9px; border-radius: 13px; border:1px solid #999; transition-duration: 0.2s; transition:background 1s border 2s; } #qsib_widget .icon { float:left; width:70px; height:70px; padding:7px; border-radius:50px; background:#ffffff !important; border:0px solid black; display:block; } #qsib_widget .icon img { max-width:55px; max-height:55px; border-radius:50px; } #qsib_widget img.basket { border-color:orange; } #qsib_widget_content { vertical-align:middle; display:block; padding:7px 7px 7px 85px; } .product-single-info .social-share{ display:none; } .breadcrumb-area .breadcrumb-content{ display:none;} #container-menu-3 .sidebar-box-heading, #container-menu-4 .sidebar-box-heading { display: none; } #main-categories-3, #main-categories-4 { margin-top: 15px; } @media (min-width: 1200px) and (max-width: 1399px) { .container { width: 95%; } }#banner .banner-item { border: 1px solid silver; border-radius: 5px; } #paticka-stranky .container.paticka.row { padding: 40px 0; } .actualities_meta { padding-left: 20px; color: #888; font-size: 0.9em; } .product-single .product-actions{ display:none; } .tab-heading i { display: none; } #cookie-bar img{display:none;} #cookie-bar .cb-acceptall{background:#4D87CE; color:white!important;} #cookie-bar .cb-settings{background:#eee; color:#4D87CE;} #cookie-bar .cb-policy{background:#eee; color:#4D87CE;} #cookie-bar .cb-acceptall:hover{background:white!important; color:black!important;} #cookie-bar .cb-settings{background:white!important; color:black!important;} #cookie-bar .cb-policy{background:white!important; color:black!important;} .logoscardsbanks { text-align:center; font-size: 0.8em; padding: 20px 0; } .logaplatby { max-height: 50px; padding: 10px; } .logaplatby.visa { max-height: 30px; padding: 5px 0px; } @media (max-width: 768px) { .onmobile-nodisplay{ display:none; } .onmobile-novisible{ visibility:hidden; } } @media (min-width: 769px) and (max-width:991px;) { .ontablet-nodisplay{ display:none; } .ontablet-novisible{ visibility:hidden; } } @media (min-width: 992px) { .ondesktop-nodisplay{ display:none; } .ondesktop-novisible{ visibility:hidden; } } .calculatorEssox{ max-width:300px; } @media (max-width: 768px) { .product-info .price{ font-size: 1.125em; line-height:1em; } .puvodniCena { display: inline-block; float:inherit; } .puvodniCena ins{ font-size: 0.7em; } }