/* @font-face { font-family: 'LuzSans-Book';font-style: normal;font-weight: normal;src: local('LuzSans-Book'), url('../css/fonts/LUZRO.woff') format('woff');} */ html, body, div, div *, p, a{ /*font-family: 'Didact Gothic',monospace;*/ font-weight: 300; font-size:16px; color:#222; } .portfolio .col{margin-bottom:24px;} .portfolio h5{text-align:center;text-transform:uppercase;margin-bottom:15px;} .portfolio h6{text-align:center;text-transform:uppercase;margin-bottom:45px;} .portfolio hr{width:40px;margin-bottom:45px;} .portfolio .portfolio-holder{clear:both;text-align:center;} .portfolio img{width:33%;display:inline-block;float:left;} .promo{width:100%} .promo i{margin:40px 0;color:#ee6e73;font-size:7rem;display:block} .promo-caption{font-size:1.7rem;font-weight:500;margin-top:5px;margin-bottom:0} .promo-example{overflow:hidden} .intro{text-align:center;padding-top:13%;padding-bottom:13%;margin-bottom:50px;} .intro h1{font-weight:900;text-transform:uppercase;} .intro h5{text-transform:uppercase;background-color:#f5f5f5;padding:10px;color:#333333;display:inline-block;font-size:1.2rem;} .t-block{padding:0;} .t-block .row > div{/*min-height:350px*/;position:relative;} .t-block .content{margin:0 80px 70px 80px;position:absolute;left:0;bottom:0;} .t-block p{line-height:1.5rem;} /*.t-block i{color:#fff;}*/ .t-block h5{} .pager{ padding: 0 12px 33px 0;margin:30px 0 30px 0;text-align:left !important;} .pager .amount{float:left;} .pager .limiter{float:right;} .pager .pages{float:right;} .pager .pages ul{display:inline;} .pager .pages li{display:inline;margin-left:5px;} .pager li > a, .pager li > span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;} .pager li > a:focus, .pager li > a:hover{text-decoration:none;background-color:#eee;} .pager .pages .current > a{background:#dddddd;} .filter-block{display:none;} .slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent} .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0} .slick-list:focus{outline:0} .slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .slick-track{position:relative;top:0;left:0;display:block} .slick-track:before,.slick-track:after{display:table;content:''} .slick-track:after{clear:both} .slick-slide{display:none;float:left;height:100%;min-height:1px} .slick-slide img{display:block;} #verifikator .slick-slide img{display:inline;} .slick-initialized .slick-slide{display:block} .slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;margin-top:-10px;padding:0;cursor:pointer;color:transparent;border:0;outline:0;background:transparent} .slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:transparent;outline:0;background:transparent} .slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1} .slick-prev:before,.slick-next:before{font-family:'FontAwesome';font-size:20px;line-height:1;opacity:.75;color:white;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .slick-prev{left:0;} .slick-prev:before{content:"<";text-shadow:0 0 2px #111;} .slick-next{right:0;} .slick-next:before{content:">";text-shadow:0 0 2px #111;} .hp .slick-slider{ box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); } #znacky .produktliste img{width:90%} #verifikator .produktliste img{height:100px;widtdt:100px;} #verifikator .produktliste li{text-align: center;} .card{position:relative;overflow:hidden;margin:.5rem 0 2px 0;background-color:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background-clip:padding-box} .card a{color:#01DEFF;margin-right:20px;-webkit-transition:color .3s ease;-moz-transition:color .3s ease;-o-transition:color .3s ease;-ms-transition:color .3s ease;transition:color .3s ease;text-transform:uppercase} .card a:hover{color:#01DEFF;font-weight: bold;} .card .card-image{position:relative;overflow:hidden} .card .card-image img{-webkit-border-radius:2px 2px 0 0;-moz-border-radius:2px 2px 0 0;border-radius:2px 2px 0 0;background-clip:padding-box;position:relative;left:0;right:0;top:0;bottom:0;width:100%} .card .card-content{text-align:center;padding:0 20px;-webkit-border-radius:0 0 2px 2px;-moz-border-radius:0 0 2px 2px;border-radius:0 0 2px 2px;background-clip:padding-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .card .card-action{border-top:1px solid rgba(160,160,160,0.2);padding:20px} .card.small-2{max-height:250px;} .produktliste{margin:0;padding:0} .produktliste img{width:100%} .produktliste .card{cursor:pointer} .produktliste .card-image{max-height:auto} .produktliste .card-image{max-height:auto} .produktliste .card-content{height:120px;max-height:120px} .produktliste .card-content h3{padding:0;margin:0;font-size:1.2em;line-height:1.4;font-weight:300} .produktliste .card-content h3 a{text-transform:none;color:#212121} .produktliste .row{margin:0 !important;padding-left:10px;padding-right:10px} .produktliste .price{color:#2196f3;position:relative;text-align:right} .produktliste .savemoney{position:absolute;color:#bdbdbd;right:10px;top:-20px} .produktliste .reviews-no{display:none} @media only screen and (max-width:600px){ .produktliste{margin:20px 0} .produktliste .card{box-shadow:none;border-bottom:1px solid #e0e0e0;margin:0} .produktliste .card-image{width:100%;float:none;height:auto;max-height:auto} .produktliste .card-content{float:none;width:100%;height:auto;max-height:auto;padding:10px} .produktliste .card-content h3{font-size:1.2em;font-weight:300} .produktliste .card-action{border:0;float:right;width:70%;padding:20px 0 10px;margin:0} .produktliste .price-used{display:none} } .detail-hero h1{font-size:2.28rem;line-height:2.28rem;font-weight:300;padding:0;margin:2.1rem 0 0} .detail-hero h1 a{color:rgba(0,0,0,0.87)} .detail-reviews{display:block} .detail-hero img { max-width: 100%; height: auto; } .product-heading{font-size:18px;font-weight:500;line-height:1.4;color:#757575} .product-summary{font-size:16px;font-weight:300;line-height:1.4;color:#212121;margin-bottom:10px} .produktliste .card .card-image .thumbnail, .produktliste .slick-slider .card .card-image .thumbnail{position:absolute;left:0;right:0;top:0;opacity:0;-moz-opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);} .produktliste .card:hover .card-image .F{opacity:1;-moz-opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);} .produktliste .card-action-buttons{transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;opacity:0;-moz-opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);} .produktliste .card-action-buttons a{float:right;} .produktliste .card:hover .card-action-buttons{opacity:1;-moz-opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);} .produktliste .card .card-image .thumbnail, .produktliste .slick-slider .card .card-image .thumbnail, .produktliste li .product-image-wrapper .product-image .thumbnail{position:absolute;left:0;right:0;top:0;opacity:0;-moz-opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);} .produktliste .card:hover .card-image , .produktliste li:hover .product-image .thumbnail{opacity:1;-moz-opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);} .produktliste .card-action-buttons{transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;opacity:0;-moz-opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);} .produktliste .card-action-buttons a{float:right;} .produktliste .card:hover .card-action-buttons{opacity:1;-moz-opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);} .detail-hero div, .detail-hero div *, .detail-hero p, .detail-hero a {font-size:16px;} .productlabels_icons{position:absolute;top:7px;right:7px;height:24px;padding:0 10px;color:#fff;text-transform:uppercase;font-size:13px;line-height:23px;font-family:'Open Sans', sans-serif;border-radius:6px 0 6px 6px;display:block;z-index:99;} .productlabels_icons label{color:#ffffff;font-size:smaller;} .sale{background-color:#f56c6c; top: 33px;} .new{background-color:#01DEFF;color:#525252;} .tip{background-color:#01DEFF;} .doprodej{background-color:#d47cc3;} .hidden .sale,.hidden .tip, .hidden .new{display:none;} .product h1,.product h2{font-size:22px;line-height:24px; margin-bottom: 20px;} .product label{font-size:100%!important;} .product .qty-wrapper{float:left;margin-left:30px;} .product .qty-wrapper label{padding-right:5px;margin-top:-10px;} .product .qty-wrapper .qty{} .product .add-to-cart .button{} .product .product-view .add-to-cart{float:left;margin-bottom:10px;} .add-to-links{clear:both;overflow:hidden;border-top:2px dotted #E4E4E4;padding-top:10px;} .add-to-addthis{clear:both;overflow:hidden;border-bottom:2px dotted #E4E4E4;padding-top:20px;padding-bottom:10px} .add-to-links li{margin-bottom:10px;} .add-to-links a:hover{} .price{white-space:nowrap !important;font-size:100%;} .price-box{margin:0;} .price-box .price{} .price-box .price-label{font-size:12px;font-weight:500;padding-right:5px;} .regular-price .price, .minimal-price .price{color:#222;} .old-price .price-label, .special-price .price-label{white-space:nowrap;} .old-price .price-label{display:none;} .regular-price{} .regular-price .price{} .old-price{margin:0;} .old-price .price{color:#525252;text-decoration:line-through;} .special-price{margin:0;padding:0;} .special-price .price, .special-price .price-label{color:#222;} .add-to-links .separator{display:none;} .add-to-links li{float:left;} .add-to-links{margin:0px 0 0;} .add-to-links span.icon{} .addto-gaps-right li{margin-right:10px;} .addto-links-icons li{margin-right:5px;} .addto-links-icons span.icon{text-indent:0px;background-color:#F1F1F1;border-color:transparent !important;} .addto-links-icons span.icon:hover{} .addto-links-text li{margin-right:20px;padding-right:20px;border-right:1px solid #E4E4E4;} .product-meta{width:100%;float:left;margin:25px 0px 0px;padding-top:10px;} .availability span,.availability strong{font-weight:normal;color:#525252;} .availability strong.in-stock{color:#27AE60;font-weight:bold;} .product-options-bottom{clear:both;} .old-price .price{color:##525252;;text-decoration:line-through;} .product-meta > *{margin-bottom:10px;} .ratings, .no-rating{margin:0px 0px 10px 0px;line-height:20px;} .ratings .rating-box{margin-top:4px;} .ratings .rating-links{} .ratings-table{margin:15px 0 5px;} .sku{float:left;} .box-brand{float:right;} .short-description{float:left;width:100%;line-height:22px;margin:0px 0px 0px;border-bottom:2px dotted #E4E4E4;padding-bottom:10px;} .short-description ul{margin-top:5px;margin-bottom:5px;} .price-stock{float:left;width:100%;margin-bottom:10px;} .price-box{float:left;margin-right:20px;} .availability{} .price-box p.special-price, .price-box p.old-price{display:inline-block;padding-right:5px;} .detail-hero .price-box .regular-price .price, .detail-hero .price-box .special-price .price, .detail-hero .price-box .special-price .price, .detail-hero .price-box .special-price .price-label, .detail-hero .product-options-bottom .price-box .regular-price .price{font-size:30px;} .detail-hero .price-box .special-price{white-space:nowrap;} .detail-hero .price-box .special-price .price-label{white-space:nowrap;display:none;} .detail-hero .price-box .old-price .price{font-size:16px;} .detail-hero img{ border-radius: 3px;} #detail-parametry table td{padding:15px;} .price-box .old-price .price-label{white-space:nowrap;display:none;} .price-box .price-from .price, .price-box .price-to .price, .price-box .minimal-price .price{font-size:16px;} .product-view .add-to-box .price-box, .product-options-bottom .price-box{float:left;padding:0;} .qty-wrapper{float:left;margin-right:30px;margin-bottom:10px;} input, select, button{font-size:12px;font-weight:500;vertical-align:middle;} input.input-text{-webkit-appearance:none;} input.input-text, select, input.product-custom-option{color:#525252;background-color:#ffffff;border:1px solid #E4E4E4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:none;box-shadow:none;border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px;} input.input-text{height:36px;} select{height:36px;padding:8px 10px;text-overflow:ellipsis;width:100%;} select.multiselect{height:auto !important;} input.input-text{padding:8px 10px;} input:-webkit-autofill,select:-webkit-autofill{background-color:transparent !important;} select option{padding-right:10px;padding-left:5px;} select.multiselect option{border-bottom:1px solid #E4E4E4;padding:2px 5px;} select.multiselect option:last-child{border-bottom:0;} input.radio{margin-right:3px;} input.checkbox{margin-right:3px;} input.qty{width:50px !important;text-align:center;} input.input-text:hover, select:hover, input.input-text:focus, select:focus{outline:none;} input.input-text:disabled, select:disabled{opacity:0.50;-moz-opacity:0.50;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);} button.button:-moz-focus-inner{padding:0;border:0;} button.button{-webkit-border-fit:lines;} button.button, a.button{overflow:visible;width:auto;border:0;padding:0;margin:0;background:transparent;cursor:pointer;overflow:hidden;max-width:100%;} button.button:hover{} button.button span, a.button span{float:left;display:block;padding:0;font-size:13px;text-align:center;white-space:nowrap;text-transform:uppercase;} button.button span span{} button.button span , a.button span, div.alert-inner a.continue, button.btn-cart span, a.btn-cart span{background-color:#F1F1F1;color:#525252;} .block-subscribe .button span{background-color:#525252;color:#FFF;} button.button:hover span, a.button:hover span, div.alert-inner a.continue:hover, button.btn-cart:hover span, a.btn-cart:hover span{background-color:#01DEFF;color:#525252;} button.button span span, a.button span span{padding:10px 20px;} button.button.btn-medium span span{padding:10px 20px;} .add-to-links{clear:both;overflow:hidden;border-top:2px dotted #E4E4E4;padding-top:10px;} .add-to-links{margin:0px 0 0;} .portfolio .thumbnail-variant-1 img, .img-responsive{width:100%;} .thumbnail-variant-1{position:relative;display:block;} .thumbnail-variant-1 .caption{position:absolute;bottom:30px;left:0;right:0;padding-top:16px;padding-bottom:16px;transition:.2s;color:#141414;} .thumbnail-variant-1 .caption .caption-title{text-transform:uppercase;transform:translateY(50%);} .thumbnail-variant-1 .caption .caption-descr{margin-top:0;opacity:0;} .thumbnail-variant-1:hover .caption{background-color:rgba(20, 20, 20, 0.75);color:#fff;bottom:50%;transform:translateY(50%);} .thumbnail-variant-1:hover .caption .caption-title{transform:translateY(0%);} .thumbnail-variant-1:hover .caption .caption-descr{opacity:1;} h2.caption-title{font-size:1.5rem!Important;} nav .nav-wrapper a{color:#000000;r} .slider .slides{background-color:transparent;margin:0;height:450px;} .slider .slides li img{height:100%;width:100%;background-position:center;background-size:100% auto;background-repeat:no-repeat;} .cart td, .cart th{display:table-cell;text-align:left;vertical-align:middle;border-radius:2px;} .cart .td15{padding:15px 5px;} .cart input.qty{margin:0;!important} .cart .cart-list th:nth-child(3),.cart .cart-list td:nth-child(3), .cart .cart-list th:nth-child(4),.cart .cart-list td:nth-child(4){text-align:right;} .cart .collection li p{} .cart .collection input[type="radio"]{left:0;} .cart h2{font-size:1rem;} .cart .fak{display:none;} .slider .slides li img{background-size:100% auto;background-repeat:no-repeat;} #pup_cart{font-size:1.2em;line-height:1.2em;} #pup_cart h3{font-size:18px;line-height:initial;} #pup_cart a.bt_add_cart,.bt_add_cart{border:medium none;font-size:13px;line-height:30px;height:30px;display:inline-block;text-shadow:0px 1px 0px rgba(0, 0, 0, 0.3);vertical-align:top;padding:0px 16px;text-align:center;color:#FFF;cursor:pointer;text-decoration:none;border-radius:4px;font-weight:bold;font-family:Omnes,'Segoe UI',Arial,Helvetica,sans-serif;position:relative;z-index:5;} #pup_cart a.bt_red, a.bt_red,.bt_red{border-color:#E34D98;box-shadow:0px 2px 0px #B3005A;background:transparent linear-gradient(to bottom, #FF0080 0%, #D8006C 100%) repeat scroll 0% 0%;color:#FFF;} a.bt_green ,.bt_green{border-color:#2DA018;box-shadow:0px 2px 0px #228410;background:transparent linear-gradient(to bottom, #10FF00 0%, #0DB522 100%) repeat scroll 0% 0%;color:#FFF;} .list_img{float:left;width:20%;border:1px solid #e0e0e0;margin-right:6%;} .list_img img{width:100%;} .message{display:flex;} .list_desc{float:left;width:70%;} .list_desc h4{text-decoration:none;font-weight:100;text-transform:uppercase;line-height:initial;font-size:16px;} .list_desc h4 a{color:#000;} span.actual{color:#ee6e73;font-size:1.2em;margin-right:5%;font-weight:bold;} .autocomplete-content{width:100%;} .autocomplete-content ul{width:100%;} .autocomplete-content ul li{width:100%;background:#FFF;} .autocomplete-content li a{color:#000000;} .breadcrumbs{display:block;padding:0;overflow:hidden;margin-left:0;list-style:none} .breadcrumbs>*{margin:0;float:left;font-size:.8rem;line-height:.8rem;color:#008cba} .breadcrumbs>*:hover a,.breadcrumbs>*:focus a{text-decoration:underline} .breadcrumbs>* a{color:#008cba}.breadcrumbs>*.current{cursor:default;color:#333} .breadcrumbs>*.current a{cursor:default;color:#333} .breadcrumbs>*.current:hover,.breadcrumbs>*.current:hover a,.breadcrumbs>*.current:focus,.breadcrumbs>*.current:focus a{text-decoration:none} .breadcrumbs>*:before{content:"/";color:#aaa;margin:0 .66667rem;position:relative;top:1px} .breadcrumbs>*:first-child:before{content:" ";margin:0} @media only screen and (max-width:600px){.shw-mbl{display:block;margin-top:10px;} .breadcrumbs{display:none;} } .breadcrumbs h1{font-size:.8rem !Important;line-height:.8rem;display:inline;padding:0;margin:0;} .home h1{position:absolute !Important;left:-9999px;top:-9999px;} .home h2,.home h3,footer h4{font-size:1.64rem!Important;line-height:110%;margin:0.82rem 0 0.656rem 0;} .input-field div.error {position: relative;top: -1rem;left: 0rem;font-size: 0.8rem;color: #FF4081;-webkit-transform: translateY(0%);-ms-transform: translateY(0%);-o-transform: translateY(0%);transform: translateY(0%);} nav ul.side-nav {background: #e0e0e0!Important; top: 58px!Important;} nav .side-nav li { border-bottom: 1px solid #FFF;} ul.products-grid, ul.produktliste {display: flex; flex-wrap: wrap;} .products-grid li.item,.produktliste li.item{ flex: 1 1 21%; overflow: hidden; margin-left: 1%; margin-right: 1%; border: 1px solid #eee; margin-top: 2%;} .products-grid li.item:hover,.produktliste li.item:hover{ border-color: #ccc; } .produktliste .slick-slide { max-width: 210px; } .products-grid .item,.produktliste li {position:relative; border-width: 0px;border-style: solid;border-color: #E4E4E4; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;} /* Product Image */ .products-grid .product-image {text-align: center;display: block;margin-left: auto; margin-right: auto;border: none;padding-bottom: 0px;} .products-grid .item .product-image img, .produktliste li .product-image-wrapper .product-image img{display: block;margin-left: auto;margin-right: auto; transition:opacity 300ms ease-in-out 0ms;-moz-transition:opacity 300ms ease-in-out 0ms;-webkit-transition:opacity 300ms ease-in-out 0ms;-o-transition:opacity 300ms ease-in-out 0ms;} /* Product Alternative Image ====================================================== */ .products-grid .item .product-image .small-image, { opacity: 1; -moz-opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .products-grid .item .product-image .thumbnail, .produktlisted .slick-slide .product-image-wrapper .product-image .thumbnail, .products-grid .item .card-action-buttons li .favorite{ opacity: 0; -moz-opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .products-grid .item .product-image .thumbnail, .produktlisted .slick-slide .product-image-wrapper .product-image .thumbnail{ position: absolute; left: 0; right: 0; top: 0; } .product-image .thumbnail, .products-grid .item:hover .product-image .thumbnail, .produktlisted .li:hover .product-image-wrapper .product-image .thumbnail, .products-grid .item:hover .card-action-buttons li .favorite { opacity: 1; -moz-opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .products-grid .item .card-action-buttons li .favorite i{color: #888;} .products-grid .item .card-action-buttons li .active,.products-grid .item:hover .card-action-buttons li .active{ opacity: 1; -moz-opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .products-grid .item .card-action-buttons li .active i,.products-grid .item:hover .card-action-buttons li .active i{ color:#00bcd4 !important; } /* Product Content */ .products-grid .product-image-wrapper:before, .produktlisted .product-image-wrapper :before{ content:""; /*position:absolute;*/ width:100%; height:100%; z-index: 1; transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; opacity: 0;} .products-grid .item:hover .product-image-wrapper:before, .produktlisted .product-image-wrapper :hover .product-image-wrapper:before{opacity:1;} .products-grid .product-content-wrapper{margin-top: 20px;width: 100%;display: inline-block;zoom:1;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;} .products-grid .product-block{max-width:240px; margin: 0 auto;} .products-grid .product-content, .produktliste .product-content {padding:0 10px;} .products-grid .product-name.single-line-name, .produktliste .product-image-wrapper .product-name.single-line-name{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .products-grid .product-name, .produktliste .product-name {font-size: 15px;} .imgtopright img { max-width: 100px; position: absolute; opacity: 0.4; right: 0; border: 0; vertical-align: top; } .produktliste .button{display:none;} .produktliste h3.product-name {font-size:12px !important;} .products-grid .price-box .price, .produktliste .price-box .price { line-height: 24px; text-align: left; font-size: 20px; } .produktliste .price-box { .price-box{float:left;margin:0;} } .price { white-space:nowrap !important;font-size: 100%;} .price-box { margin: 0; } .price-box .price-label {font-size: 12px;font-weight: 500;padding-right: 5px;} .products-grid .availability { float:none; margin:5px 0; } .old-price { margin:0;} .old-price .price { color: #AAAAAA;text-decoration:line-through; } .products-grid .price-box .old-price .price{font-size: 12px;} .produktliste .availability { float: none; text-align: left; margin: 0; } .availability span,.availability strong { font-weight: normal; color:#525252; } .availability strong.in-stock { color: #26a69a; font-weight: bold; } .products-grid .actions {float: left;width: 100%;} /* News */ .news {background: #f5f5f5;} .news .block-subscribe{margin: 0 auto;border: none;text-align: center;padding-top: 40px;} .news .block-subscribe .block-title{ margin-bottom: 0px; border-bottom: none; padding-bottom: -9px; font-size: 20px; line-height: 5px; display: inline-block; vertical-align: middle; text-align: right; padding-right: 2%;} .news .block-subscribe .block-title h5{font-size:14px;} .news .block-subscribe .block-content{padding: 0px !important;display: inline-block !important;vertical-align: middle;max-width: 530px;} .news .block-subscribe form { display: inline;} .news .block-subscribe .input-box { position: relative; margin-top: 15px;} .news .block-subscribe input { width: 160px;} .news .block-subscribe .input-box{margin-top: 0px;} .news .block-subscribe input{height: 47px;float:left;} .news .block-subscribe button {float:left;} .news .block-subscribe button.btn{padding:0;width: 30px; margin: 5px 5px;} /* Blocks */ .block { margin:0 0 40px;} .block .block-title {line-height: 26px;position: relative;margin-bottom: 20px;font-size: 18px;clear: both;border-bottom: 1px solid #E4E4E4;text-transform: uppercase;padding-bottom: 10px;} .block .block-title strong { font-weight: 800; } .block .block-title strong span{font-size: 14px;} .block .block-title a { text-decoration:none !important; } .block .block-subtitle { margin:0px 0 15px; padding:0; } .block .block-content { /*padding: 20px 20px 40px;*/ font-size: 14px;} .block .block-content li{padding: 15px 0px;border-bottom: 2px dotted #E4E4E4;} .block .block-content li.item {} .block .block-content li:first-child{padding-top: 0px;} .block .block-content li.last, .block .block-content li:last-child{padding-bottom: 0px;border-bottom: none;} .block .block-content li.item .product-name {padding-bottom: 0px;} .block .btn-remove { float:right;margin-left: 10px; } .block .btn-edit { float:right; } .block .actions { margin: 15px 0 0 0;text-align: right;border-top: 2px dotted #E4E4E4;padding-top: 15px;float: left;width: 100%;} .block .actions a { float:right; } .block .actions button.button{float: left;} /* Block: lists */ .block-viewed .block-content ol, .block-compare .block-content ol, .block-compared .block-content ol {} .block-viewed .block-content ol li, .block-compare .block-content ol li, .block-compared .block-content ol li {} .block-viewed .block-content .product-name, .block-compare .block-content .product-name, .block-compared .block-content .product-name {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .quick-search{width: 300px; float: right; } .footer-copyright ul.links {display: inline-block;vertical-align: middle;} .footer-copyright ul.links li, .footer-copyright ul.links li.last{display: inline-block;line-height: 12px;margin-left: -3px;} .footer-copyright ul.links li a, .footer-copyright ul.links li.last a{padding: 0 10px;line-height: 12px;} .footer-copyright ul.links > li.first > a{padding-left:3px} .footer-copyright ul.links > li.last > a{padding-right: 0px;} .footer-copyright ul.links ul + ul li.last{border-right: none;} body.navbar-fixed .header-search-wrapper { margin: 10px auto 0 80px; } body.navbar-fixed .header-search-wrapper.sideNav-lock { margin: 10px auto 0 260px; } /*Search box*/ .navbar-fixed .header-search-wrapper { left: 260px; width: 40%; height: 40px; top: 15px; position: absolute; -webkit-transition: .3s ease all; -o-transition: .3s ease all; -moz-transition: .3s ease all; transition: .3s ease all; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .navbar-fixed .header-search-wrapper i { position: absolute; font-size: 24px; top: 4px; line-height: 32px !important; -webkit-transition: color 200ms ease; transition: color 200ms ease; } .navbar-fixed .header-search-wrapper i.search-close { right: 10px; } .navbar-fixed .header-search-wrapper form i.pleft { left: 5px; } .navbar-fixed input.header-search-input:hover { background: rgba(255, 255, 255, 0.5);} .navbar-fixed input.header-search-input:focus { color: #000; background: #fff; border-bottom: none !important;} .navbar-fixed .header-search-wrapper-focus i { color: #444;} .navbar-fixed .header-search-input::-webkit-input-placeholder, .navbar-fixed .header-search-input::-moz-placeholder, .navbar-fixed .header-search-input:-ms-input-placeholder, .navbar-fixed .header-search-input:focus::-webkit-input-placeholder, .navbar-fixed .header-search-input:focus::-moz-placeholder, .navbar-fixed .header-search-input:focus::placeholder, .navbar-fixed .header-search-input:focus:-ms-input-placeholder, .navbar-fixed .header-search-input::placeholder { color: #000; font-size: 16px; font-weight: 400;} .search-out { display: none;} .navbar-fixed .header-search-wrapper input.header-search-input { border: 1px solid #d2d2d2; } .navbar-fixed input.header-search-input { display: block; padding: 5px 5px 5px 30px; width: 50%; background: rgba(255, 255, 255, 0.3); height: 24px; -webkit-transition: all 200ms ease; transition: all 200ms ease; border: none; font-size: 16px; appearance: textfield; font-weight: 400; outline: none; border-radius: 3px; } .tabs .tab a, .tabs .tab a:hover, .tabs .tab a.active { color:rgba(0, 0, 0, 0.87); } breadcrumbs>* { line-height: 1rem; } .pecet{ Padding:25px 0 25px 0; background:url('http://www.znackove-sperky.cz/img/pecet-krystaly-swarovski.png') 185px center no-repeat; } .pojistka { Padding:10px 0 10px 70px; background:url('http://www.piercing-sperky.cz/img/min-evr.png') left center no-repeat; } .pecet span, .pojistka span{padding:0; color:#01DEFF; } #znacky .produktliste .slick-slide{ width: 180px !important; border: 11px solid #FFF; vertical-align: middle; } #verifikator .produktliste .slick-slide{ width: 180px !important; vertical-align: middle; } #verifikator .produktliste .slick-slide h5 { font-size: 1.01rem; line-height: 110%; margin: 0.82rem 0 0.656rem 0; } #verifikator .produktliste .slick-slide a{ font-size:20px; } #verifikator .produktliste .slick-slide img{ max-width: 100px !important; vertical-align: middle; } #kategorie { /* border: 1px solid #dcdcdc;*/ margin-top: 10px; } ul.card-action-buttons { margin: -50px 0 0 0; text-align: right; } ul.card-action-buttons li { display: inline-block; padding-left: 5px; vertical-align: middle; } .card-action-buttons button {background: white; border: none; } .hppa ul li{ display: list-item; text-align: -webkit-match-parent;} .hppa li a{padding: 0 10px;display: list-item;} .hppa li a img { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); border-radius: 3px; margin-bottom: 46px; width: 87.5%; max-width: 250px; max-height: 165px;} .hppa ul li:last-child img{margin-bottom:0} .btn-floating .m-red,.m-red{color:#ee6e73;} #znacky { display: flex; flex-wrap: wrap;} #znacky .znacka { flex: 1 1 16%;min-height:100px;} #znacky .znacka a{ padding:5px; display: block; text-align: center;} #znacky .znacka a img{ max-width: 180px; max-height: 65px;} input:not([type]):focus:not([readonly]), input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]){ border-bottom:1px solid #ee6e73; box-shadow:0 1px 0 0 #ee6e73;} .btn, .btn-large { background-color: #ee6e73; } nav .brand-logo img{width:190px; } .page-footer{background-color: #F5F5F5!Important;} footer, footer a{ color:#000;} footer h4 { font-size: 16px!Important;color:#000;} .page-footer .footer-copyright {padding:0;} .footer-copyright ul.links li a{color:#000;font-size:12px;} .peer-wrapper i { margin: 0px 15px 10px 0px; float: left; } /* ******************************************************************************************** Accordion *********************************************************************************************** */ .accordion { position:relative; } .accordion .block-title{font-size: 16px;line-height: 24px;border-bottom: 1px solid #000; margin-bottom: 10px;padding: 10px 0px;text-transform: uppercase;padding-right: 35px;} /* Accordion Opner */ .accordion .opener { position: absolute; z-index: 1; right: 0; top: 17px; display: none; cursor: pointer; text-align: center; width: 30px; height: 30px; line-height: 35px; font-size: 12px; border:1px solid #FFFFFF; } .accordion .opener:hover, .accordion.active .opener, .footer .accordion .opener:hover, .footer .accordion.active .opener{ color: #FFF; } .footer .accordion .opener{ top: 2px; text-indent: 4px; color: #FFF; } /* Filtry */ .set-aqua {background: #00FFFF ;} .set-armadni-zelena {background: #4B5320 ;} .set-azurova {background: #30d5c8 ;} .set-bala {background: #FFFFFF ;} .set-bronzova {background: #CD7F32 ;} .set-burgundska {background: #900020 ;} .set-cyanova {background: #00FFFF ;} .set-cokoladova {background: #7B3F00 ;} .set-cerna {background: #000000 ;} .set-cervena {background: #FF0000 ;} .set-egyptska-modr {background: #1034A6 ;} .set-fialova {background: #50007F ;} .set-hneda {background: #964B00 ;} .set-indigova {background: #4B0082 ;} .set-muslimska-zelen {background: #009000 ;} .set-jadeova {background: #00A86B ;} .set-jantarova {background: #FFBF00 ;} .set-khaki {background: #C3B091 ;} .set-haki-svetla {background: #F0E68C ;} .set-kobaltova {background: #0047AB ;} .set-koralova {background: #FF7F50 ;} .set-kremova {background: #FFFDD0 ;} .set-lasturova {background: #FFF5EE ;} .set-lesni-zelen {background: #228B22 ;} .set-levandulova {background: #E6E6FA ;} .set-lnena {background: #FAF0E6 ;} .set-ososova {background: #FA8072 ;} .set-magenta {background: #FF00FF ;} .set-erunkova {background: #FBCEB1 ;} .set-mayska-modr {background: #73C2FB ;} .set-modra {background: #0000FF ;} .set-nachova {background: #D66984 ;} .set-navajova-bila {background: #FFDEAD ;} .set-nebesky-modra {background: #87CEEB ;} .set-namorni-mod? {background: #000080 ;} .set-oranzova {background: #FF8000 ;} .set-orchideova {background: #DA70D6 ;} .set-purpurova {background: #FF00FF ;} .set-rajcatova {background: #FF6347 ;} .set-ruzova {background: #FFC0CB ;} .set-siena {background: #882D17 ;} .set-tredne-zelena {background: #008000 ;} .set-_stribrna {background: #C0C0C0 ;} .set-seda {background: #808080 ;} .set-tmave-hneda {background: #654321 ;} .set-tmave-modra {background: #00008B ;} .set-tmave-zelena {background: #008000 ;} .set-ultramarinova {background: #120A8F ;} .set-rumelkova {background: #E34234 ;} .set-viridianova {background: #40826D ;} .set-zelena {background: #00FF00 ;} .set-_zlata {background: #FFD700 ;} .set-zluta {background: #FFFF00 ;} .sidebar {} .sidebar.row{ margin: 0;} .sidebar .block-content{display:none!Important;} .sidebar ol{ width: 190px!Important; padding-left: 0; list-style-type: none;} .sidebar dt {border:1px solid #eee;color:#888; float:left; padding: 4px 10px; width:13.99%; margin: 1px 2px 1px 0; } .sidebar dt:hover { border-color: #ccc; } .sidebar dt [type="checkbox"] + label { top: 0;} .sidebar .filtr-skaldem{background: #26a69a;height:32px;} .sidebar .filtr-skaldem a i{top:5px;} .filtr-content{margin: 5px 0 0 0;} .sidebar div span{margin: 5px;} .filtr-content .plus i {font-style: normal; font-weight: bolder; cursor: pointer;} .filtr-content .plus{display:none;} .filtr-content .divider {display:none;} #magazin .card.small{height:300px;} #magazin .card a:hover { font-weight: normal; } #magazin .card .card-image{position:relative;} #magazin .card .card-image img{display:block;border-radius:2px 2px 0 0;position:relative;left:0;right:0;top:0;bottom:0;width:100%;} #magazin .card .card-image .card-title{color:#fff;position:absolute;bottom:0;left:0;max-width:100%;padding:24px;} #magazin .card .card-content{padding:24px;border-radius:0 0 2px 2px;} #magazin .card .card-content p{margin:0;color:inherit;} #magazin .card .card-content .card-title{display:block;line-height:32px;margin-bottom:8px;} #magazin .card .card-content .card-title i{line-height:32px;} #magazin .card .card-action{position:relative;background-color:inherit;border-top:none;border-bottom:1px solid rgba(160, 160, 160, 0.2);padding:16px 24px;} #magazin .card .card-action:last-child{border-radius:0 0 2px 2px;} #magazin .card .card-action a:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating){color:#ffab40;margin-right:24px;transition:color .3s ease;} #magazin .card .card-action a:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating):hover{color:#ffd8a6;} /* ******************************************************************************************** scroll *********************************************************************************************** */ a.scrollup { float: right; display: none; z-index: 999; position: fixed; right: 25px; bottom: 25px; background-color: #F2F2F2; color: #222; !important; width: 40px; height: 40px; line-height: 47px; text-align: center; font-size: 24px; } /* NECESSARY SECTION */ .only-so-big { height: 100%; max-height: 100px; overflow: hidden; -webkit-transition: max-height .75s; transition: max-height .75s; } .read-more { background: none; border: none; color: #1199f9; cursor: pointer; font-size: 1em; outline: none; } .read-more:hover { text-decoration: underline;} .read-more:focus { outline: none;} .read-more::-moz-focus-inner { border: 0;} .hid { display: none;} .chip a{ color: #222;} .chip a i{ color:#222;} .card .card-title { font-size: 18px; font-weight: 300; } /* 1280px <= width */ @media only screen and (min-width: 1280px) { } /* 960px <= width < 1280px */ @media only screen and (min-width: 960px) and (max-width: 1279px) { } /* width <= 1024px */ @media only screen and (max-width: 1024px) { } @media only screen and (max-width: 992px){ .search-block {display:none;} .navbar-fixed .header-search-wrapper { margin: 0; left: 11%; width: 95%; height: 40px; top: 10px; position: absolute; background: white; } .navbar-fixed input.header-search-input { width: 50%; } } @media only screen and (max-width: 976px){ } /* width < 960px */ @media only screen and (max-width: 959px) { .products-grid li.item{flex: 1 1 30%; } .navbar-fixed .header-search-wrapper i.search-close { } } /* 768px <= width < 960px */ @media only screen and (min-width: 768px) and (max-width: 959px) { .sidebar dt {width:19%;} } /* 768px <= width */ @media only screen and (min-width: 768px) { .block-content { display: block !important;} } /* width < 768px */ @media only screen and (max-width: 767px) { .mobile-accordion { position: relative;} .accordion .block-content { display: none;} .accordion .opener { display: block;} .sidebar dt {width:24%;} .filtr-content .plus, .filtr-content .divider {display:block;} .filtr-content-side{display:none;} } /* 480 <= width < 768px */ @media only screen and (min-width: 480px) and (max-width: 767px) { } /* 640 <= width < 768px */ @media only screen and (min-width: 640px) and (max-width: 767px) { } /* width < 640px */ @media only screen and (max-width: 639px) { .products-grid li.item{flex: 1 1 48%; } .news .block-subscribe .block-title{float:none;text-align: center; } .sidebar dt {width:32%;} .products-grid .item .card-action-buttons li .favorite { opacity: 1; -moz-opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } } /* width < 586px */ @media only screen and (max-width: 586px) { } /* 480 <= width < 640px */ @media only screen and (min-width: 480px) and (max-width: 639px) { nav .brand-logo { left: 160px;} } @media only screen and (max-width: 580px) { .sidebar dt {width:48%;} .hppa li{width: 33.3%; text-align: center; margin: 0; float:left;} .hppa li a { padding: 0; } nav .button-collapse { margin: 0; } i.right { margin-left: 15px; } nav .brand-logo img { width: 180px;} .products-grid .price-box .price, .produktliste .price-box .price { font-size: 14px; } } /* width < 480px */ @media only screen and (max-width: 479px) { i.right { margin-left: 5px; } .sidebar dt {width:98%;} .products-grid li.item{ flex: 1 1 100%; } } @media only screen and (max-width:420px){ .container{width:90%;} .row .col.s6{width:100%;margin-left:auto;left:auto;right:auto;} } /* 320px <= width < 480px */ @media only screen and (min-width: 320px) and (max-width: 479px) { } /* width < 380px */ @media only screen and (max-width: 396px) { } /* width < 320px */ @media only screen and (max-width: 319px) { } /* 240px <= width < 320px */ @media only screen and (min-width: 240px) and (max-width: 319px) { nav .brand-logo { top: 1px;} .brand-logo img { width: 120px;} } /* width < 240px */ @media only screen and (max-width: 239px) { } .top77{margin-top: 77px} .albm a { width: 40px; height: 40px; display: inline-block; border: 1px solid #eee; text-align: center; line-height: 37px; color: #222; margin-left: 5px; } .albm a:hover { border-color:#888; } .znacky-list{ border-bottom: 1px solid #ccc; } .znacky-list a{font-size: 35px; color: #222; } .znacky-item{padding-left:75px; } .znacky-item a{font-size: 16px; color: #222;} .znacky-item a img{ margin: 10px; max-width: 100px; } .kotva{display:block;height: 77px;line-height: 100px; clear: left;} #search-zancka{border: 1px solid #eee;padding:5px 10px;} #search-zancka:hover{border: 1px solid #888;} #search-zancka .dropdown-content li a span {padding-left:10px;color:red;} h1 { font-size: 2.2rem; line-height: 110%; margin: 2.1rem 0 1.68rem 0; } b,strong { font-weight: 500;font-weight: bold; } .breadcrumbs { margin: 59px 0 20px 0; } .add-to-box button { display: inline-block; box-sizing: border-box; min-height: 40px; font-size: 13px; letter-spacing: .8px; text-align: center; white-space: nowrap; line-height: 38px; color: #fff; background: #181818; border:0; } .add-to-box button:hover {background:#323232;} .add-to-box button i{color:#fff;} .add-to-box button.wishlist{width:50px} .nohover{padding: 0 15px 0 0;} .gold-text{color: #e6af57;} #search{display:none; background:#F5F5F5; } .navbar-fixed #search { position:relative; top: 77px; border-bottom:1px solid #888; } .search-container{position: relative; width: 100%; height: 80px; z-index: 99999;} #search input{ background:#fff; border: 1px solid #eee; border-bottom: 1px solid #ccc; color: #222; padding: 8px 2%; margin: 20px 0; height: 1.5rem; float: left; box-shadow: none; width:90%; background:#fff; } #search input:hover{ border: 1px solid #ccc; } #search form i { position: absolute; font-size: 24px; top: 24px; line-height: 32px !important; -webkit-transition: color 200ms ease; transition: color 200ms ease; } @media only screen and (min-width: 601px){ #search input {width:96%} } #search ul li a { color: #565655; text-transform: capitalize; font-weight: 500; } .section { } .breadcrumbs>* { line-height: 1.3rem; } .chip { background-color: #eee; } .chip:hover { background-color: #ccc; } a,.breadcrumbs>* a,.dropdown-content li > a {color:#222;} .dropdown-content.full { width: 100%; position: relative; margin-top: 58px; left: 0!important; display: none;} .btn-floating i {color:#222} .container { margin: 0 auto; max-width: 1500px; } .tabs .indicator { background-color: #e6af57;} .navbar{ border-bottom: 1px solid #888;background:#fff;min-height:77px} nav { color: #222; background-color: transparent; width: 100%; height: 54px; line-height: 32px; } nav, .side-nav { box-shadow: none; } nav ul li { float: none; display: inline-block; } .dropdown-content.full ul li { display: block!important;} nav .brand-logo {left:0;margin-left:3%;} nav .brand-logo img { width: 150px; } nav a, nav ul a {color:#222; font-size:18px; text-transform: uppercase; } nav a i.material-icons { display: inline-block; font-variant: initial; } nav ul a.active, nav ul a:hover { background-color: transparent; border-bottom:2px solid #e6af57; } nav ul a:hover { color: #e6af57 !important; } nav ul a.nohover:hover { border-bottom:none; } .dropdown-content { background-color: #fff; margin: 0; display: none; min-width: 100px; max-height: 650px; overflow-y: auto; top: 62px; position: absolute; z-index: 999; will-change: width, height; } .dropdown-content.full li,.dropdown-content.full ul a{ min-height: 0; transition: none; } .dropdown-content.full li > a, .dropdown-content.full li > span { padding: 4px 16px; font-size:18px; font-variant: initial; text-transform: inherit; } nav .dropdown-content.full li a:hover { border-width: 0; } nav .dropdown-content.full span.block-title{ font-size:18px; margin: 10px 0 5px 0; display: block; text-align: left; text-transform: uppercase; } nav .dropdown-content.full .col.bor-right { border-right:1px solid #888; } nav .dropdown-content.full .col.bor-left { border-left:1px solid #888; } nav .dropdown-content.full a:hover { border-bottom:none; } nav .dropdown-content.full ul a:hover { background-color: white; } @media only screen and (min-width: 601px){ nav a.button-collapse{ height: 55px; line-height: 56px; line-height: 56px; top: 7px; right: 0; } } nav .button-collapse { position: absolute; top:10px; right: 10px; } .res{ display:none;} nav ul.side-nav { background: #eee!Important; top: 77px!Important; width: 85%; text-align: left; } nav .side-nav li { width:100%; border-bottom: 1px solid #888; } nav .side-nav a:hover { color: #000 !important; border-bottom: 0 solid #888 !important; } nav a i.material-icons, nav svg { position: relative; top: 3px; } @media only screen and (max-width: 993px){ .brand-logo { margin-left: 3%; float: left; } .navbar #search{position: absolute; top: 77px; width:100%; } } .navbar-fixed .brand-logo img {width:150px; margin-left:3%;} @media only screen and (max-width:640px) { .navbar-fixed .brand-logo {float:left; } } .navbar-fixed {position: fixed;top:0;width:100%;min-height: 77px;} .navbar-fixed .brand-logo {position: absolute; left: 0; z-index:997;} .navbar-fixed #search{} .navbar-fixed nav{background: #fff;border-bottom: 1px solid #888;} .navbar-fixed nav { position: inherit;} .side-nav li > a { color: rgba(0, 0, 0, 0.87); display: block; font-size: 18px; font-weight: 500; height: 48px; line-height: 48px; padding: 0 32px; } .separator .sep_holder { height: 1px; position: relative; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 10%; } .separator h4 { padding: 0 .8em 0 0; font-size: 18px; } .separator h4 span{ font-weight: 400; font-size: 18px; padding: 0 .8em 0 0; line-height: 1em; font-size: 100%; margin: 0; word-wrap: break-word; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; position: relative; top: -27px; background: white; letter-spacing: 0.12em;text-transform: uppercase; } .sep_line { height: 1px; border-top: 1px solid #888; display: block; position: relative; top: 1px; width: 100%; } .first_line { color:#888; border-top-width: 2px; } .second_line{ color:#888; margin-top: 1px; } @media only screen and (max-width: 993px) { .navbar .container.center { text-align: left; } nav {height:0;} .brand-logo {padding:0;} .brand-logo img {width:150px;} .res {display:block;top: 10px; position: absolute; } .res.ser{ right: 120px; } .res.log{ right: 85px;} .res.car{ right: 50px; top:25px;} } .cart td.totalsuma { background: #26a69a; } @media only screen and (min-width: 993px){ .container { width: 95%; }} #priv-error{margin-top: 30px; margin-left: 48px;}