body { font-family: 'Source Sans Pro', sans-serif; } h1, h2, h3, h4, h5, h6, .list-group.list-group-root > .list-group-item, .nav-tabs .nav-link, .list-group.list-group-root > .list-group > .list-group-item, nav.navbar .navbar-nav .nav-link{font-family: 'Roboto Condensed', sans-serif;} .fb_dialog{z-index: 1000 !important;} h1{font-size: 32px;} h2{font-size: 30px;} a img{-webkit-transition: 0.3s; transition: 0.3s;} a img:hover{opacity: 0.85;} header .first-line{border-bottom: 1px solid #F4F4F4; min-height: 25px;} header .first-line{font-size: 14px; color: gray; line-height: 25px;} header .first-line a{color: gray;} header .first-line i:not(:first-child){margin: 0px 8px 0px 25px;} header .first-line i:first-child{margin: 0px 8px 0px 0px;} header .has-search .form-control {padding-left: 2.375rem;} header .has-search .form-control-feedback {position: absolute;z-index: 20;display: block;width: 2.375rem;height: 2.375rem;line-height: 2.375rem;text-align: center;pointer-events: none;color: #aaa;} header .header-top .cart-count{position: relative; display: inline-block; line-height: 35px;} header .header-top div.search{margin: 0px 0px 10px 0px;} header .header-top div.search.active{display: block;} header .header-top .cart-price{font-weight: bold;} header .header-top .cart-count i.fas{font-size: 30px; float: left; margin-right: 16px; color: #007bff;} header .header-top a.cart-count{color: #2f2f2f;} header .header-top .cart-count i.number{opacity: 0; position: absolute; left: 20px;top: 0; width: 17px; height: 17px; padding: 2px; font-size: 13px; font-style: normal; line-height: 13px; border-radius: 50%; background-color: red; color: white;font-weight: bold;} header .header-top .cart-count i.number.active{opacity: 1;} header a.logInUser{cursor: pointer;} header a.logInUser:hover{text-decoration: underline !important; color: inherit;} nav.navbar div.icons i.number{opacity: 0; position: absolute; top: 5px; width: 17px; height: 17px; padding: 2px; font-size: 13px; font-style: normal; line-height: 13px; border-radius: 50%; background-color: red; color: white;font-weight: bold; text-align: center;} nav.navbar div.icons i.number.active{opacity: 1;} nav.navbar div.buttons i{font-size: 24px; color: white; cursor: pointer; opacity: 1; margin: 6px 18px 0px 0px; float: left;} nav.navbar div.buttons i:hover{opacity: 0.85;} nav.navbar{line-height: .80; background: rgba(9,101,190,1); background: -moz-linear-gradient(top, rgba(19,124,215,1) 0%, rgba(9,101,190,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(19,124,215,1)), color-stop(100%, rgba(9,101,190,1))); background: -webkit-linear-gradient(top, rgba(19,124,215,1) 0%, rgba(9,101,190,1) 100%); background: -o-linear-gradient(top, rgba(19,124,215,1) 0%, rgba(9,101,190,1) 100%); background: -ms-linear-gradient(top, rgba(19,124,215,1) 0%, rgba(9,101,190,1) 100%); background: linear-gradient(to bottom, rgba(19,124,215,1) 0%, rgba(9,101,190,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#137cd7', endColorstr='#0965be', GradientType=0 ); } nav.navbar .navbar-nav .nav-link {color: rgba(255,255,255,1); line-height: 16px;} nav.navbar .dropdown-toggle::after{margin-left: .5em;} nav.navbar .dropdown-menu{border-radius: 0px; min-width: 12rem;} nav.navbar .dropdown-menu a{padding: 10px 15px;} nav .breadcrumb{padding: .25rem 1rem; background-color: transparent; border-bottom: 1px solid #EEE; margin-bottom: 0px; font-size:14px; padding-bottom: 5px; margin-top: 10px;} .list-group.list-group-root > .list-group-item{padding: 8px 10px 8px 15px; font-size: 16px; border-radius: 0px;} .list-group.list-group-root > .list-group-item.more{display: flex; justify-content: space-between;} div.list-group .list-group-item:first-child{border-top-left-radius: .25rem;border-top-right-radius: .25rem;} div.list-group .list-group-item:last-child{ border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem;} div.list-group div.list-group .list-group-item:first-child, div.list-group div.list-group .list-group-item:last-child{border-radius: 0px;} .list-group.list-group-root > .list-group-item:hover, .list-group.list-group-root > .list-group-item.active{background: #F4F4F4; color: #007bff; border: 1px solid rgba(0,0,0,.125);} .list-group.list-group-root > .list-group > .list-group-item{padding: 4px 10px 4px 30px; font-size: 15px; background-color: #F7F7F7;} .list-group.list-group-root > .list-group > .list-group > .list-group-item{padding: 3px 10px 3px 40px; font-size: 14px; background-color: #EBEBEB;} .list-group.list-group-root > .list-group > .list-group > .list-group-item span.product-count{color: gray; padding-left: 3px;} .list-group.list-group-root .badge{float: right; margin-top: 3px; background-color: #959595;} .list-group.list-group-root .list-group-item i.fas{float: right; vertical-align: middle; font-size: 13px; margin-top: 6px; opacity: .55; padding: 0px 15px; height: 15px;} div.navigace{ background: #F4F4F4;} div.navigace .breadcrumb{border-radius: 0px; font-size: 14px; margin-top: 0px; padding: 5px 0px 3px 0px;} div.container div.levySloupec{padding: 15px 15px;} div.container div.levySloupec h3{margin: 15px 0px 15px 5px; color: #191919; font-size: 23px;} div.container div.levySloupec card-default{} div.container div.levySloupec .card .card-header{font-weight: bold;} div.container div.levySloupec .card .card-body{padding: 0px .50rem;} div.container div.levySloupec .card .card-body img.img-fluid{max-width: 50px; float: left; margin-top: 5px;} div.container div.levySloupec .card .card-body ul li{font-size: 14px;} div.container div.levySloupec .card .card-body .list-group-item{padding: .50rem .50rem;} div.container div.card div.stars i{color: #FFC90E; font-size: 13px;} div.container div.card div.stars{padding: 0px 8px;} div.container div.card div.desc{overflow: hidden;} div.container div.card div.desc p{font-size: 13px; color: gray; padding: 0px; line-height: 19px; margin: 0px;} /* div.container div.card div.to-cart h5{font-weight: bold;} */ div.container div.card div.to-cart h5 span.old{font-size: 12px; color: #595959; font-weight: normal;} div.container div.card div.to-cart h5 span.old span.trought{text-decoration: line-through; padding-left: 10px;} div.container div.card div.to-cart h5{float: right; color: #F00000; line-height: 18px; margin-top: -8px;} div.container div.card div.to-cart h5.noDiscount{margin-top: 5px;} div.container div.card div.to-cart a.doKosiku{float: right; cursor: pointer;} div.container div.card div.to-cart a.doKosiku i{color: #212529 !important;} div.container .card-title{max-height: 70px; overflow: hidden; font-size: 18px; margin-bottom: 18px;} div.container div.pravySloupec h2.prechod{font-size: 24px; margin-top: 30px; background: url('../img/bg-h2.jpg') repeat-x left top; padding: 0px 0px 0px 15px; margin-right: 0px; margin-left: 0px;} div.container div.pravySloupec{padding-right: 0px; padding-left: 15px; padding-top: 0px;} div.container div.pravySloupec div.detail-novinky p.date{color: gray;} div.container div.pravySloupec div.detail-novinky p.date i{margin-right: 5px;} div.container div.pravySloupec div.fotogalerieVypis div img{padding: 15px 15px; margin: 0px auto;} div.container div.pravySloupec div.vypis-sluzeb{margin: 15px 0px 20px 0px;} div.container div.pravySloupec div.vypis-sluzeb div.sluzba{margin-bottom: 25px; padding: 15px 5px 0px 10px; background: url('../img/bg-gray-transition.jpg') repeat-x left top;} div.container div.pravySloupec div.vypis-sluzeb.trasy div.sluzba{margin-bottom: 15px;} div.container div.pravySloupec div.vypis-sluzeb div.sluzba .content{margin-top: 10px;} div.container div.pravySloupec div.vypis-sluzeb div.sluzba h3{padding-bottom: 5px;} div.container div.pravySloupec div.vypis-sluzeb div.sluzba h3 a{display: block;} div.container div.pravySloupec div.vypis-sluzeb div.sluzba .embed-responsive{max-width: 500px; margin: 0px auto;} div.container div.pravySloupec div.razeni ul li{list-style-type: none; background-color: #EEEEEE; margin: 0px 4px; padding: 0px;} div.container div.pravySloupec div.razeni ul li:first-child a{padding-left: 5px;} div.container div.pravySloupec div.razeni ul li i{color: #FFC90E; font-size: 14px; margin-right: 4px; margin-left: 4px;} div.container div.pravySloupec div.razeni ul{margin: 0px; padding: 0px; border-color: #EEEEEE;} div.container div.pravySloupec div.razeni ul li.nav-item{margin-bottom: -1px; border-color: #EEEEEE;} div.container div.pravySloupec div.razeni ul li.nav-item:hover{border-color: #EEEEEE !important;} div.container div.pravySloupec h3{font-size: 1.5rem;} div.container div.pravySloupec div.table-responsive{margin: 14px 0px;} div.container div.pravySloupec div.alertUnsuccessfulLogin{display: none;} div.container div.pravySloupec div.profile-summary h3{margin-top: 20px;} div.container div.pravySloupec div.profile-summary p.buttons{margin-top: 30px;} div.container div.pravySloupec.hp{padding-right: 0px; padding-left: 0px; margin-top: 0px;} div.container div.pravySloupec ul{margin: 0px 0px 15px 0px; padding: 0px 0px 10px 35px;} div.container div.pravySloupec ul li{list-style-type: square; padding-left: 10px;} div.container div.pravySloupec ul.pagination li{list-style-type: none; padding-left: 0px;} div.container div.pravySloupec h1{padding-top: 22px; padding-bottom: 15px;} div.container div.pravySloupec.hp h1{padding-top: 2px;} div.container div.pravySloupec h1 small.text-muted{padding-left: 15px;} div.container div.pravySloupec div.filtry{border: 0px solid red; padding: 0px; margin-bottom: 35px;} div.container div.pravySloupec div.filtry select{display: inline; margin-right: 5px;} div.container div.pravySloupec div.filtry .trash-filters{margin-top: 6px;} div.container div.pravySloupec div.filtry .trash-filters i{margin-right: 5px;} div.container div.pravySloupec p.number-of-products{color: #d2d2d2; font-size: 15px;} div.container div.pravySloupec .vypis-zbozi.vypis-novinek h4.card-title{padding-bottom: 0px; margin-bottom: 10px;} div.container div.pravySloupec .vypis-zbozi.vypis-novinek p.date{padding-left: 0px; padding-right: 0px; color: gray; margin-bottom: 5px; font-size: 14px;} div.container div.pravySloupec .vypis-zbozi.vypis-novinek p.date i{margin-right: 8px;} div.container div.pravySloupec .vypis-zbozi{margin-bottom: 30px;} div.container div.pravySloupec .vypis-zbozi .zboziBox{padding-bottom: 30px; /* -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; */ padding-left: 5px; padding-right: 5px;} div.container div.pravySloupec .vypis-zbozi .card{border: 0px; } div.container div.pravySloupec .vypis-zbozi div.owl-item, div.container div.pravySloupec .vypis-zbozi div.zboziBox{border-right: 1px solid #EEE;} div.container div.pravySloupec .vypis-zbozi div.thumb-image{text-align: center;} div.container div.pravySloupec .vypis-zbozi div.thumb-image img{max-width: 210px; width: 100%; margin: 0px auto;} div.container div.pravySloupec .vypis-zbozi.nohp .card{background: url('../img/bg-produkt-2.jpg') repeat-x left bottom; padding-bottom: 15px;} div.container div.pravySloupec .vypis-zbozi .card-title{height: 44px; overflow: hidden; margin-bottom: 22px; padding: 0px; margin-top: 20px;} div.container div.pravySloupec .vypis-zbozi div.top, div.container div.pravySloupec .vypis-zbozi div.bottom{padding: 5px 10px 0px 10px;} div.container div.pravySloupec .vypis-zbozi div.bottom{margin-top: auto !important;} div.container div.pravySloupec .vypis-zbozi h4{padding: 0px;} div.container div.pravySloupec .carousel{margin: 0px 0px 20px 0px; padding: 0px;} div.container div.pravySloupec .carousel .carousel-item img{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .owl-carousel .owl-stage { display: flex; } .owl-carousel .owl-item { display: flex; flex: 1 0 auto; } .owl-carousel .caption { display: flex; flex: 1 0 auto; flex-direction: column; } .owl-carousel .flex-text { flex-grow: 1; } .owl-carousel .thumbnail { display: flex; flex-direction: column; margin: 0 15px; } div.container div.pravySloupec .detailZbo{margin: 15px auto;} div.container div.pravySloupec .detailZbo div.owl-dots{text-align: center;} div.container div.pravySloupec .detailZbo .stars{margin-bottom: 10px;} div.container div.pravySloupec .detailZbo .stars i{color: #FFC90E; font-size: 15px; margin: 0px 1px;} div.container div.pravySloupec .detailZbo .foto{padding-left: 0px;} div.container div.pravySloupec .detailZbo .foto .thumbs{padding: 15px 0px; margin-left: -5px;} div.container div.pravySloupec .detailZbo .foto .thumbs img{} div.container div.pravySloupec .detailZbo .foto .thumbs .owl-carousel{padding-left: 5px;} div.container div.pravySloupec .detailZbo .info p.desc{font-size: 15px; line-height: 23px; color: gray;} div.container div.pravySloupec .detailZbo .info .price{} div.container div.pravySloupec .detailZbo .info .price span.old{font-size: 12px; color: #595959; font-weight: normal;} div.container div.pravySloupec .detailZbo .info .price span.trought{font-size: 12px; color: #595959;text-decoration: line-through; font-weight: normal;} div.container div.pravySloupec .detailZbo .info .price span.all{color: red; font-size: 20px; font-weight: bold; line-height: 20px; margin-top: -15px;} div.container div.pravySloupec .detailZbo .info .price span.all.single{margin-top: 0px;} div.container div.pravySloupec .detailZbo .info .price.wvat{color: #838383; margin-top: 6px;} div.container div.pravySloupec .detailZbo .info .buy{padding-top: 20px;} div.container div.pravySloupec .detailZbo .info .buy i{margin-right: 10px;} div.container div.pravySloupec .detailZbo .info .buy .btn{padding: 4px 12px; font-weight: bold; text-transform: uppercase;} div.container div.pravySloupec .detailZbo .info .buy span{float: right; margin-top: 10px; font-weight: bold;} div.container div.pravySloupec .detailZbo .info .buy span.ok{color: green;} div.container div.pravySloupec .detailZbo .info .buy span.orange{color: orange;} div.container div.pravySloupec .detailZbo .info .idZbozi{padding-top: 10px; color: #838383; text-align: right;} div.container div.pravySloupec .detailZbo .info .variants{margin: 0px 0px 30px 0px; font-size: 14px; font-weight: bold;} div.container div.pravySloupec .detailZbo .info .variants select{margin-top: 5px; margin-bottom: 12px;} div.container div.pravySloupec .detailZbo .info div.noChance{font-weight: normal;} div.container div.pravySloupec .detailZbo .info div.noChance a{cursor: pointer; text-decoration: underline;} div.container div.pravySloupec .detailZbo .info div.noChance a:hover{text-decoration: none;} div.container div.pravySloupec .detailZbo .more{margin: 15px 0px 0px 0px;} div.container div.pravySloupec .detailZbo .more .list a{background: #EEE url('../img/bg-tab-list.png') repeat-x left top; padding: 10px 14px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px;} div.container div.pravySloupec .detailZbo .more .list a.active{padding: 9px 13px 10px 13px; border-top: 1px solid #EEE; border-right: 1px solid #EEE; border-left: 1px solid #EEE; background: white; color: #212529;} div.container div.pravySloupec .detailZbo .more .list a.active:hover{text-decoration: none;} div.container div.pravySloupec .detailZbo .more .tabCont:not(.active){display: none;} div.container div.pravySloupec .detailZbo .more .tabs{/* background: url('../img/bg-cont.jpg') repeat-x left top;*/ border-top: 1px solid #EEE; margin-top: -1px;} div.container div.pravySloupec .detailZbo .more .tabCont{padding: 8px 0px;} div.container div.pravySloupec .detailZbo .more .tabCont .card-body{padding-left: 0px; padding-right: 0px;} div.container div.pravySloupec .detailZbo .more .tabCont .video{margin-bottom: 15px;} div.container div.pravySloupec .detailZbo .more .tabCont .parametry div.radek{border-bottom: 1px solid #E2E2E2;background: #F5F5F5;} div.container div.pravySloupec .detailZbo .more .tabCont .parametry div.radek div{padding: 6px 10px; } div.container div.pravySloupec .detailZbo .more .tabCont .parametry div.radek:nth-child(2n+0) {background: white;} div.container div.pravySloupec .detailZbo .more .tabCont .parametry div.radek div:first-child{font-weight: bold; } div.container div.pravySloupec .detailZbo .more .tabCont .parametry .container{margin-bottom: 30px;} div.container div.pravySloupec .detailZbo .more .tabCont h3{font-size: 22px;} div.container div.pravySloupec .kosik .header{margin-bottom: 5px; font-size: 14px; color: gray;} div.container div.pravySloupec .kosik .card-body{padding-top: 0px;} div.container div.pravySloupec .kosik hr{margin: 12px 0px;} div.container div.pravySloupec .kosik .zbozi{margin: 10px 0px 20px 0px;} div.container div.pravySloupec .kosik .zbozi .row{display: flex;} div.container div.pravySloupec .kosik .zbozi .row div{align-items: center;} div.container div.pravySloupec .kosik .zbozi .row div.itemName{display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: start; justify-content: flex-start; padding-bottom: 8px;} div.container div.pravySloupec .kosik .zbozi .row div.totalItemPrice{color: #218838; font-weight: bold; -ms-flex-align: end; align-items: flex-end;} div.container div.pravySloupec .kosik .zbozi .row div.trash{text-align: center; display: -ms-flexbox; display: flex; color: #F00000; -ms-flex-pack: end; justify-content: flex-end;} div.container div.pravySloupec .kosik .zbozi .row div.trash i{cursor: pointer;} div.container div.pravySloupec .kosik .zbozi .row div.trash i:hover{color: #CF0001;} div.container div.pravySloupec .kosik .zbozi h4{font-size: 16px; padding: 0px; margin-bottom: 0px; text-align: left;} div.container div.pravySloupec .kosik .zbozi p, div.container div.pravySloupec .kosik .zbozi h6{padding: 0px; margin: 0px;} div.container div.pravySloupec .kosik .zbozi h4 small{color: gray; font-size: 14px;} div.container div.pravySloupec .kosik .zbozi div.gray{font-size: 15px; color: #212529; line-height: 30px;} div.container div.pravySloupec .kosik a.zadatKupon{cursor: pointer;} div.container div.pravySloupec .kosik .zbozi .cenaCelkem{font-weight: bold;} div.container div.pravySloupec .kosik .zbozi .orderTotalPrice{color: #218838;} div.container div.pravySloupec .kosik .zbozi .orderTotalPriceNoVat{color: #212529; font-weight: normal;} div.container div.pravySloupec .kosik .zbozi .slevovyKupon{font-weight: bold;} div.container div.pravySloupec .kosik .zbozi .slevovyKupon i{color: #F00000; cursor: pointer; margin-left: 10px;} div.container div.pravySloupec .kosik .zbozi .slevovyKupon i:hover{color: #CF0001;} div.container div.pravySloupec .kosik .zbozi .slevovyKupon div:first-child{color: green;} div.container div.pravySloupec .kosik i.far, div.container div.pravySloupec .kosik i.fas{margin-right: 10px;} div.container div.pravySloupec .kroky{margin: 25px 0px; background: url('../img/bg-produkt-2.jpg') repeat-x left bottom; padding-bottom: 20px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom right-radius: 10px; border-bottom-left-radius: 10px;} div.container div.pravySloupec .kroky ol{padding: 0px; margin: 0px;} div.container div.pravySloupec .kroky ol li{list-style-type: none;} div.container div.pravySloupec .kroky ol li span{display: table; font-weight: bold; margin: 0px auto; font-size: 20px;background-color: #EEE; width: 45px; height: 45px; line-height: 45px; text-align: center; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; margin-bottom: 5px;} div.container div.pravySloupec .kroky ol li.inactive span{color: #56595c; background-color:#F4F4F4;} div.container div.pravySloupec .kroky ol li.inactive:hover a span{background-color: #EEE; text-decoration: none !imporant;} div.container div.pravySloupec .kroky ol li a, div.container div.pravySloupec .kroky ol li.inactive{color: gray; font-weight: none;} div.container div.pravySloupec .kroky ol li a:hover{text-decoration: none; color: #212529;} div.container div.pravySloupec .kroky ol li.active{color: #212529; font-weight: bold;} div.container div.pravySloupec .kroky ol li.active.done span{background-color: green;} div.container div.pravySloupec .kroky ol li.active.done a{color: green;} div.container div.pravySloupec .kroky ol li.active.done a span{color: white;} div.container div.pravySloupec .kosik .quantity {width: 80px;overflow: hidden; text-align: right;}; div.container div.pravySloupec .kosik .quantity input { margin: 0; text-align: center; width: 15px; height: 15px; padding: 0; color: #000;font-size: 20px; border: 0; outline: 0; border: 1px solid #F6F6F6; } div.container div.pravySloupec .kosik .quantity input.qty {border: 1px solid #E5E5E5;width: 60px;height: 30px;padding: 0px 5px;text-align: center;font-weight: 400; font-size: 15px; background: #FBFBFB;} div.container div.pravySloupec .kosik .shopping-cart{margin-top: 20px;} div.container div.pravySloupec .kosik p.doprava{margin: 0px 10px;} div.container div.pravySloupec .kosik p.platba{margin: 0px 10px;} div.container div.pravySloupec .kosik p.doprava input, div.container div.pravySloupec .kosik p.platba input{margin-right: 10px;} div.container div.pravySloupec .kosik div.descDopr, div.container div.pravySloupec .kosik div.descPlatba{display: none; margin-bottom: 15px; padding: 8px 15px; font-size: 15px; background-color: #F3F3F3; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;} div.container div.pravySloupec .kosik form.udaje label{font-size: 15px; font-weight: bold; margin: 0px 0px 3px 0px;} div.container div.pravySloupec .kosik form.udaje label.font-weight-normal{font-weight: normal;} div.container div.pravySloupec .kosik form.udaje label span.star{color: red;} div.container div.pravySloupec .kosik form.udaje .form-group{margin-bottom: 10px;} /* div.container div.pravySloupec .kosik form.udaje */ .form-group.has-error{color: red;} /* div.container div.pravySloupec .kosik form.udaje */ .form-group.has-error input, /*div.container div.pravySloupec .kosik form.udaje */ .form-group.has-error select{border: 1px solid red;} div.container div.pravySloupec .kosik form.udaje a.whyYear{cursor: pointer; padding-top: 2px; text-decoration: underline;} div.container div.pravySloupec .kosik form.udaje a.whyYear:hover{text-decoration: none;} div.container div.pravySloupec .kosik p.has-error{color: red;} div.container div.pravySloupec .kosik p.has-error a{color: red; text-decoration: underline;} div.container div.pravySloupec .kosik p.has-error a:hover{color: red; text-decoration: none;} footer{margin-top: 50px; background-color: #EAEAEA;} footer div.links hr{width: 60px; margin-left: auto !important; margin-right: auto; margin-bottom: 0.5rem; margin-top: 0; display: inline-block; } footer p{margin-bottom: .45rem;} footer p.desc{font-size: 14px; color: #606060; line-height: 23px;} footer p.desc img.pay-cards{margin-top: 15px; max-width: 120px; opacity: 0.65; -webkit-transition: 0.3s; transition: 0.3s;} footer p.desc img.pay-cards:hover{opacity: 1;} footer h6{line-height: 24px;} footer div.footer-copyright{background-color: #C1C1C1;} footer div.footer-copyright a{color: #212529; text-decoration: underline;} footer div.footer-copyright a:hover{color: #212529; text-decoration: none;} footer div.footer-text{text-align: center; padding: 10px 15px; font-size: 14px; background: #DADADA;} .cudliky{margin: 0px auto; margin-top: 10px; text-align: center;} .cudliky button.owl-dot{width: 13px; height: 13px; margin: 0px 3px; padding: 0px !important; background: #E0E0E0 !important; border: 0px; cursor: pointer;-webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px;} .cudliky button.owl-dot:hover{background: #D8D8D8 !important;} .cudliky button.owl-dot:focus, .cudliky button.owl-dot:active{outline: none !important; border: 0px !important;} .cudliky button.owl-dot.active{background: gray !important;} .bold{font-weight: bold;} .gray{color: gray;} .green{color: #177331;} .nopad{padding-left: 0px !important; padding-right: 0px !important;} .blueimp-gallery .prev, .blueimp-gallery .next, .blueimp-gallery .close{color: white !important;} a.btn-success{color: white !important;} .btn{font-weight: bold; text-transform: uppercase;} .modal.show{padding-right: 0px !important;} .modal button{font-size: 15px; padding: padding: .475rem .75rem;} .red{color: red !important;} .modal-dialog{max-width: 550px;} .modal-header{border-bottom: 1px solid #abb2b9; background: #EEE;} .modal-footer{justify-content: center !important;} .modal-body .alert{display: none;} .bgLight{background: #F4F4F4;} .br{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .table td, .table th{padding: 6px 10px;} .eu-cookies { display: none; opacity: 1; position: fixed; left: 0px; bottom: 0px; width: 100%; z-index: 3000; background-color: rgba(0, 0, 0, 0.3); border-top: 0px solid white; } .eu-cookies button { margin: 0px 0px 0px 10px; color: white; border: 0px none; font-size: 13px; padding: 6px 12px 7px; cursor: pointer; font-weight: bold; background-color: #007bff; text-transform: uppercase; } .eu-cookies p{color: white; font-size: 13px; padding: 6px 10px; text-align: center; margin: 0px; line-height: 16px;} .eu-cookies p.butt{padding-top: 0px;} .eu-cookies a{color: white; text-decoration: underline; font-weight: bold;} .eu-cookies a:hover{color: white; text-decoration: none;} @media (min-width: 0px) and (max-width: 992px){ /* collapsed menu */ div.container div.pravySloupec div.vypis-sluzeb div.sluzba div.obrazek{text-align: center;} div.container div.pravySloupec div.vypis-sluzeb div.sluzba div.obrazek img{max-height: 180px;} div.container div.pravySloupec div.vypis-sluzeb div.sluzba, div.container div.pravySloupec div.vypis-sluzeb div.sluzba .content{padding-left: 0px; padding-right: 0px;} div.container div.pravySloupec div.vypis-sluzeb div.sluzba h3{padding-right: 10px; padding-left: 10px;} div.container div.pravySloupec div.fotogalerieVypis{padding: 0px;} div.container div.pravySloupec div.fotogalerieVypis div img{padding: 10px 5px; margin: 0px auto;} nav.navbar li.nav-item a {border-bottom: 1px solid #65A0D6;} nav.navbar div.icons i.number{margin-left: -5px;} div.container div.pravySloupec .carousel{margin: 0px 0px 20px 0px;} div.container div.pravySloupec h1{padding-top: 0px;} nav.navbar .dropdown-menu{background-color: transparent; border: 0px; margin-top: 2px; padding-top: 0px;} nav.navbar .dropdown-menu a.dropdown-item{background-color: #1E7ED0; padding: 10px 15px; color: rgba(255,255,255,.90);} nav.navbar .dropdown-menu a:hover{color: rgba(255,255,255,1);} .navbar-dark .navbar-toggler { background-color: #0E7BDE;padding: .10rem .35rem;margin: .10rem 0rem;border-color: rgba(255,255,255,.3);} .navbar-dark button.collapsed .navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");} .navbar-dark button .navbar-toggler-icon {background-image: url("../img/close.svg");} .nopad-xs{padding-left: 0px !important; padding-right: 0px !important;} } @media (min-width: 0px) and (max-width: 540px){ /* md */ div.container .btn-lg{width: 100%} div.container div.pravySloupec .vypis-zbozi div.owl-item div.contZbozi{padding-left: 0px; padding-right: 0px;} } @media (min-width: 0px) and (max-width: 767px){ /* md */ div.container div.pravySloupec div.razeni ul li i{display: none;} div.container div.pravySloupec div.filtry{margin-bottom: 25px;} div.container div.pravySloupec div.razeni ul li{list-style-type: none; background-color: transparent; margin: 0px 4px;} div.container div.pravySloupec div.razeni ul{margin: 0px 0px 10px 0px; padding: 0px; border-color: #EEEEEE; border: 0px;} div.container div.pravySloupec div.razeni ul li.nav-item{margin-bottom: -1px; border-color: #EEEEEE; font-size: 12px; border: 0px;} div.container div.pravySloupec div.razeni .nav-tabs .nav-link, div.container div.pravySloupec div.razeni .nav-tabs .nav-link.active{border: 0px; padding: 10px 2px;} div.container div.pravySloupec div.razeni .nav-tabs .nav-link.active{border-bottom: 3px solid #007bff;} div.container div.pravySloupec div.razeni ul li.nav-item a{padding: 0px;} div.container div.pravySloupec div.razeni ul li.nav-item:hover{border-color: #EEEEEE !important;} div.container div.pravySloupec h1 small.text-muted{display: block; padding: 3px 0px;} header .header-top div.search{display: none;} div.container div.pravySloupec .detailZbo .more .tabCont .card-body{padding-left: 0px ; padding-right: 0px;} div.container div.pravySloupec .detailZbo .more .list a{border-radius: 0px; margin: 2px 0px;} #alertModal div.modal-footer div.row div.col-12{text-align: center; margin: 5px 0px;} div.container div.levySloupec {padding: 15px 0px;} div.container div.pravySloupec .kosik .zbozi .row div.itemName{padding-left: 0px; padding-bottom: 15px;} div.container div.pravySloupec .kosik .zbozi .row div.trash{ -ms-flex-pack: center; justify-content: center;} div.container div.pravySloupec .kosik .zbozi .cenaCelkem div:first-child{padding-left: 0px;} div.container div.pravySloupec .kosik .zbozi h4{text-align: left; padding-top: 5px;} div.container div.pravySloupec .vypis-zbozi div.zboziBox, div.container div.pravySloupec .vypis-zbozi div.owl-item{border-right: 0px solid #EEE;} div.container div.pravySloupec .vypis-zbozi div.zboziBox{padding-right: 0px; padding-left: 0px;} nav.navbar li.nav-item a {padding: 12px 0px;} ul.navbar-nav{margin-bottom: 15px; margin-top: 10px;} div.container .btn-lg{line-height: 1.3;} div.container div.pravySloupec .kroky ol li span{display: inline-block; margin: 0px; font-size: 20px;background-color: #EEE; width: 35px; height: 35px; line-height: 35px; text-align: center; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; margin: 0px 15px 10px 0px;} } @media (min-width: 541px) and (max-width: 768px){ div.container div.pravySloupec .vypis-zbozi .zboziBox{padding-right: 0px; padding-left: 0px;} div.container div.pravySloupec .detailZbo .more .list a{margin: 2px 0px;} div.container div.pravySloupec .detailZbo .more .tabs{border: 0px; margin-top: 15px;} div.container div.pravySloupec .detailZbo .more .tabs .card-body{padding-left: 0px; padding-right: 0px; padding-top: 5px;} div.container div.pravySloupec .kosik .zbozi .foto{margin-bottom: 10px;} /*div.container div.pravySloupec .kosik .zbozi .cenaCelkem div:first-child,*/ div.container div.pravySloupec .kosik .zbozi .slevovyKupon div:first-child{padding: 0px;} } @media (min-width: 767px) and (max-width: 992px){ footer p i.fa-home{float: left; margin-top: 4px; padding-bottom: 30px;} div.container div.pravySloupec .vypis-zbozi div.zboziBox, div.container div.pravySloupec .vypis-zbozi div.owl-item{border-right: 1px solid #EEE;} /* div.container div.pravySloupec .vypis-zbozi div.zboziBox:nth-child(2n+0), div.container div.pravySloupec .vypis-zbozi div.owl-item:nth-child(2n+0){border-right: 0px solid #EEE;} */ nav.navbar li.nav-item a{padding: 12px 0px; border-bottom: 1px solid #65A0D6;} .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.85)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } } @media (min-width: 993px){ /* md - lg */ footer p i.fa-home{float: left; margin-top: 4px; padding-bottom: 30px;} div.container div.pravySloupec.hp{margin-top: 20px;} /* div.container div.pravySloupec .vypis-zbozi div.zboziBox:nth-child(3n+0), div.container div.pravySloupec .vypis-zbozi div.owl-item:nth-child(3n+0){border-right: 0px;} */ } @media (min-width: 0px) { /* from xs */ div.container div.pravySloupec .detailZbo .more .tabCont .embed-responsive{padding: 0px;} .row {margin-right: 0px; margin-left: 0px;} header .header-top .site-name{text-align: center; padding: 10px 0px 20px 0px;} header .header-top .site-name img{max-height: 50px; max-width: 100%;} /* .header-top {min-height: 140px;} */ .navbar{padding: .2rem 1rem;} nav div.icons a{color: white; margin-right: 0px; border: 0px solid red; font-size: 22px; padding: 8px 10px;} nav div.icons a.logInUser{cursor: pointer; color: white !important;} nav div.icons a:hover{opacity: 0.75;} nav .navbar-toggler-icon{color: white;} /* div.container div.pravySloupec.hp .carousel, div.container div.pravySloupec.hp .vypis-zbozi, div.container div.pravySloupec.hp p, div.container div.pravySloupec.hp h2, div.container div.pravySloupec.hp h3, div.container div.pravySloupec.hp h4{padding-left: 5px; padding-right: 5px;} */ div.container div.pravySloupec{padding-right: 0px; padding-left: 0px;} div.container div.pravySloupec .vypis-zbozi{margin-left: 0px; margin-right: 0px;} div.container div.pravySloupec .filtry select{margin: 4px 0px;} div.container div.pravySloupec .detailZbo .foto, div.container div.pravySloupec .detailZbo .info{padding-left: 0px; padding-right: 0px;} div.container div.pravySloupec .detailZbo .more .list div.col-12{padding: 5px 0px;} div.container div.pravySloupec .detailZbo .more .tabCont .video{padding-left: 0px; padding-right: 0px;} } @media (min-width: 576px) { /* from sm */ } @media (min-width: 768px) { /* from md */ div.container div.pravySloupec div.filtry select{width: 24% !important; flex: 0 0 24% !important;} nav.navbar div.buttons i{display: none;} div.container div.pravySloupec .kroky{padding-left: 20px; padding-right: 20px;} div.container div.pravySloupec div.profile-summary p.buttons a{margin: 0px 10px 0px 0px;} div.container div.pravySloupec .kosik .zbozi .row div.itemName{padding-left: 10px;} header .header-top .site-name{text-align: left;} header .header-top .site-name img{max-height: 90px; max-width: 190px;} .header-top > div{flex: 0 1 33.333333%; align-self: center;} .header-top > div:first-child{flex: 0 1 40.333333%;} .header-top > div:last-child{flex: 0 1 26.333333%; } .header-top {display: flex; flex-wrap: wrap;padding-top: 19px;padding-bottom: 19px;height: 130px;} nav .nav-item{padding: 0px 10px;} .navbar{padding: .4rem 1rem;} div.container div.pravySloupec{padding-right: 0px; padding-left: 0px;} div.container div.pravySloupec .vypis-zbozi{margin-left: 0px; margin-right: 0px;} div.container div.pravySloupec .detailZbo .foto{ padding-right: 15px;} div.container div.pravySloupec .detailZbo .info{padding-left: 5px;} div.container div.pravySloupec .detailZbo .more .list div.col-12{padding: 0px 3px;} div.container div.pravySloupec .detailZbo .more .tabCont .video{padding-left: 15px; padding-right: 15px;} .mlr-15{margin-left: -15px !important; margin-right: -15px !important;} } @media (min-width: 992px) { /* from lg */ div.container div.pravySloupec .detailZbo .more .tabCont .embed-responsive{padding-right: 30px; padding-left: 30px;} .row {margin-right: -15px; margin-left: -15px;} header .header-top .site-name img{max-height: 90px; max-width: 250px;} nav .nav-item{border-left: 1px solid #004CA1;} nav .nav-item:first-child{border-left: 0px;} div.container div.pravySloupec.hp .carousel, div.container div.pravySloupec.hp .vypis-zbozi, div.container div.pravySloupec.hp p, div.container div.pravySloupec.hp h1, div.container div.pravySloupec.hp h2, div.container div.pravySloupec.hp h3, div.container div.pravySloupec.hp h4{padding-left: 15px; padding-right: 15px;} div.container div.pravySloupec{padding-right: 15px; padding-left: 15px;} div.container div.pravySloupec .detailZbo .info{padding-left: 10px;} } @media (min-width: 1200px) { /* from xl */ header .header-top .site-name img{max-height: 100px; max-width: 280px;} } @mixin clearfix() { &::after { display: block; content: ""; clear: both; } } /* .element { @include clearfix; } */ input:active, input:focus, select:active, select:focus{border-color: #CED4DA !important;} textarea:focus, button:focus, button:active, a.btn:active, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, textarea.form-control:focus, .form-control:foxus .uneditable-input:focus, .navbar-dark .navbar-toggler { -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75); outline: 0px !important; } .form-control, a.btn, button.btn, a.list-group-item, a.list-group-item:focus, html, body, img, a, img:focus, a:focus, input:focus, img:active, a:active, input:active, .navbar-dark .navbar-toggler, .navbar-dark .navbar-toggler:active, .navbar-dark .navbar-toggler:focus{ box-shadow: none !important; outline: 0px !important; }