/* nacteni palety barev */
@import 'default-template.less?v=4';
/* Non-responsive Bootstrap */
/* Reset the container */
/*
.container {
width: 1200px;
max-width: none !important;
}
*/
body {
padding-top: 0px; padding-bottom: 0; margin: 0; font-sizeX: 15px; margin-top: 0px;
background: #000;
}
/*
h1 {font-size: 37px; font-weight: 400;}
h2 {font-size: 28px; font-weight: 400;}
h3 {font-size: 22px; font-weight: 400;}
h4 {font-size: 20px; font-weight: 400;}
*/
h1 {font-size: 30px;}
h2 {font-size: 26px;}
h3 {font-size: 24px;}
h4 {font-size: 20px;}
h1, h2, h3, h4, h5 {font-weight: 400; color: @ccolor1;}
/* CUSTOM WEB */
/* ------------------------------------------------------------------------------------------ */
#sectionBalicky .balicky .box {padding-bottom: 50px;}
#sectionBalicky .balicky img {display: block; margin: 0 auto 13px 0; max-width: 300px;}
#sectionBalicky .balicky strong {display: block; color: @ccolor1; font-size: 18px; text-transform: uppercase; margin: 0 auto 15px auto;}
#sectionBalicky .balicky .addShop {font-size: 13px;}
#sectionBalicky .balicky .objcislo {display: block; color: @ccolor1; margin: 0 auto 0px auto; font-weight: 400;}
#sectionBalicky .balicky .popis {margin: 0 auto 25px auto;}
#sectionBalicky .balicky .submit {display: block; width: 100%; background: transparent; border: 3px solid @ccolor1; padding: 4px 2px; text-decoration: none; text-align: center; cursor: pointer;}
#sectionBalicky .balicky .submit:hover {background: @ccolor1;}
#sectionBalicky .balicky input.kusy {width: 50px; border: 3px solid #FFF; color: #FFF; background: transparent; padding: 4px 2px; margin: 0 5px 0 0; text-align: center;}
#sectionBalicky .balicky .col {height: 500px;}
#sectionBalicky .adresa {margin-top: 0px;}
#sectionBalicky .adresa strong {color: @ccolor1;}
#sectionBalicky .adresa input {border-radius: 0; border: 0;}
#sectionBalicky .adresa textarea {border-radius: 0; border: 0;}
#sectionBalicky .adresa .odeslat {border: 2px solid #FFF; color: #FFF; padding: 7px 25px; background: transparent; font-size: 14px; font-weight: 400;}
#sectionBalicky .adresa .odeslat:hover {background: #FFF; color: #000;}
#sectionBalicky .adresa #drop {margin-bottom: 35px;}
#sectionBalicky .adresa #drop img {max-width: 100px; height: auto;}
#sectionBalicky .adresa #drop .item {
border: 2px solid #333;
background: transparent;
padding: 10px;
margin: 0 0 5px 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
#sectionBalicky .adresa #drop .item > div {padding: 0 10px;}
#sectionBalicky .adresa #drop .item > div.right {
}
#sectionBalicky .adresa #drop .item > div.img {
flex-grow: 2;
}
#sectionBalicky .adresa #drop .item .text {
display: inline-block; padding-left: 25px;
}
#sectionBalicky .adresa #drop .item img {display: inline-block;}
#sectionBalicky .adresa #drop .item img.ico {width: 80px; height: auto;}
#sectionBalicky .adresa #drop .item img.plus {width: 15px; height: auto;}
#sectionBalicky .adresa #drop .item .text {font-size: 18px; font-weight: 400; color: @ccolor1;}
#sectionBalicky .adresa #drop .item .text .objcislo {font-size: 13px; font-weight: 400; color: #FFF;}
#sectionBalicky .adresa #drop .item .kusy {margin-right: 15px;}
#sectionBalicky .adresa #drop .item .ks {
display: inline-block; padding: 5px 12px; border: 0px solid #333;
border-radius: 0px;
}
#sectionBalicky .adresa #drop .removeBtn, #sectionBalicky .adresa #drop .plusBtn, #sectionBalicky .adresa #drop .minusBtn {min-width: auto; padding: 5px 10px;}
#sectionBalicky .adresa #drop .plusBtn, #sectionBalicky .adresa #drop .minusBtn {border-color: #FFF;}
#welcome {margin: 70px 0 20px 0;}
.carousel-inner {z-index: 1;}
.carouselBlock {z-index: 1;}
.carouselBlock:before {
content: ""; position: absolute; z-index: 1;
width: 100%; height: 6px;
background: 50% url('../images/design/section-top-line-white.png'); background-size: cover;
}
.carouselBlock .carousel-indicators {bottom: 0; z-index: 2;}
.carouselBlock .carousel-indicators li {background: rgba(0,0,0,.56); border: 0; margin: 0 1px; width: 12px; height: 12px;}
.carouselBlock .carousel-indicators li:hover, .carouselBlock .carousel-indicators li.active {background: rgba(237,55,48,.56); border: 0; margin: 0 1px; width: 12px; height: 12px;}
.carouselBlock .carousel-control {z-index: 1;}
.carouselBlock .carousel-control .glyphicon-chevron-left {color: #FFF;}
.carouselBlock .carousel-control .glyphicon-chevron-right {color: #FFF;}
.carouselBlock .blockScrollDown {
position: absolute; left: 50%;
transform: translate(-50%, 0);
bottom: 43px;
z-index: 2;
}
#myCarousel {position: relative; z-index: 1;}
#myCarousel:before {
content: ""; position: absolute; z-index: 2;
width: 100%; height: 6px;
background: 50% url('../images/design/section-top-line-white.png'); background-size: cover;
}
#myCarousel #topScrollDown {
position: absolute;
bottom: 60px;
left: 50%;
margin-left: -23px;
z-index: 2;
}
#myCarousel .carousel-indicators {bottom: 0;}
#myCarousel .carousel-indicators li {background: rgba(0,0,0,.56); border: 0; margin: 0 1px; width: 12px; height: 12px;}
#myCarousel .carousel-indicators li:hover, #myCarousel .carousel-indicators li.active {background: rgba(237,55,48,.56); border: 0; margin: 0 1px; width: 12px; height: 12px;}
#myCarousel .carousel-control {z-index: 1;}
#myCarousel .carousel-control .glyphicon-chevron-left {color: #FFF;}
#myCarousel .carousel-control .glyphicon-chevron-right {color: #FFF;}
#obsah-webu #kontaktni_formular input {border-radius: 0;}
#obsah-webu #kontaktni_formular textarea {border-radius: 0; min-height: 167px;}
#kontaktni_formular input, #kontaktni_formular textarea {
border: 2px solid #BDC3C7;
font-weight: normal;
font-size: 16px;
font-family: 'Open Sans', sans-serif;
}
#obsah-webu .sectionUvod a {text-decoration: none;}
#obsah-webu .sectionUvod a:hover {text-decoration: underline;}
#obsah-webu .sectionUvod .btn:hover {text-decoration: none;}
#obsah-webu .row.sectionUvod {
/*
display: flex;
flex-direction: row;
flex-wrap: wrap;
*/
}
#obsah-webu .row.sectionUvod .col .item {
height: 100%;
/*
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: space-between;
*/
}
/* hledej btn */
#search {position: relative;}
#search form {position: absolute; right: 0; z-index: 1; background: @ccolor1; margin: -30px 0 0 0;}
#search form input#frmSearch {font-size: 14px; padding: 2px 10px; background: none; border: 0; color: #FFF;}
#search form input#frmSearch:focus {outline:0;}
#search form input#frmSearch::-webkit-input-placeholder {color: #EEE;}
#search form input#frmSearch:-moz-placeholder {color: #EEE;}
#search form input#frmSearch::-moz-placeholder {color: #EEE;}
#search form input#frmSearch:-ms-input-placeholder {color: #EEE;}
#search form button.btn {padding: 2px 10px; border-radius: 0; background: @ccolor1; color: #FFF;}
input.hledej_text {background: #FFF; border: 0; padding: 8px 10px 10px 10px; display: inline-block; color: #333;}
#obsah-webu.content input.btn-primary, #obsah-webu.content button.btn-primary {background: @ccolor1; border-radius: 0;}
footer a.btn.btn-primary {
background: #FFF; color: @ccolor1;
text-decoration: none; border-radius: 0px; padding: 4px 20px;
font-weight: bold; font-size: 24px;
border-radius: none;
border: none;
}
footer a.btn.btn-primary.btn-embossed {background: @ccolor1; border-radius: 0; text-decoration: none;}
footer a.btn.btn-primary.btn-embossed2 {background: #FFF; color: @ccolor1; border-radius: 0; text-decoration: none;}
footer .col:nth-child(3) {text-align: right;}
/* carousel fade effect */
.carousel-fade .carousel-inner .item {
opacity: 0;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
left: 0;
opacity: 0;
z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
opacity: 1;
}
.carousel-fade .carousel-control {
z-index: 2;
}
#myCarousel .item, .carouselBlock .item {width: auto;}
/*
.navbar-cookie {border-top: 1px solid #1ABC9C; background: #1ABC9C; color: #333333; padding: 0px;}
.navbar-cookie .container {padding: 3px; font-size: 12px; color: #FFFFFF;}
.navbar-cookie .container .text-left {padding: 5px;}
.navbar-cookie a {font-size: 12px; color: #FFFFFF; text-decoration: underline;}
.navbar-cookie .btn {display: inline-block; font-size: 12px; background: #16A085; color: #FFFFFF; padding: 5px 10px;}
*/
.navbar-cookie {border-top: 0px solid gray; background: silver; color: #333333; padding: 0px;}
.navbar-cookie .container {padding: 3px; font-size: 12px; color: #FFFFFF;}
.navbar-cookie .container .text-left {padding: 5px;}
.navbar-cookie a {font-size: 12px; color: #FFFFFF; text-decoration: underline;}
.navbar-cookie .btn {display: inline-block; font-size: 12px; background: #A4A4A4; color: #FFFFFF; padding: 5px 10px;}
@media (min-width: 768px) and (max-width: 991px) {
}
@media (min-width: 1px) and (max-width: 767px) {
.navbar-cookie .container .row > div {text-align: center;}
.navbar-cookie .container .text-left spam {padding: 0;}
}
#obsah-webu section {}
#obsah-webu section a.btn-primary {
/*background: @ccolor1; border-radius: 10px;*/
background: @ccolor1; color: #FFF; text-decoration: none; border-radius: 0px; padding: 4px 55px;
font-weight: bold; font-size: 24px;
}
#obsah-webu section a.btn-primary:hover {background: lighten(@ccolor1, 15%);}
#obsah-webu section.space {padding-top: 45px; padding-bottom: 45px;}
#obsah-webu section.white {background: #FFFFFF; color: @ccolor1;}
#obsah-webu section.silver {background: #F7F7F7;}
#obsah-webu section.gray {background: gray;}
#obsah-webu section.black {background: #000000;}
#obsah-webu section.primary {background: @ccolor1; color: #FFFFFF;}
#obsah-webu section.primary a {color: #FFFFFF; text-decoration: underline;}
#obsah-webu section.primary a:hover {color: #FFFFFF; text-decoration: none;}
#obsah-webu section.primary a.btn-primary {background: @ccolor1; color: #FFF; border: 1px solid #FFF; text-decoration: none;}
#obsah-webu section.primary a.btn-primary:hover {background: lighten(@ccolor1, 15%);}
#obsah-webu section.section-bg-home-1 {background: 50% url('../images/design/doxgysvrziojjn1cwnaa.jpg'); background-size: cover; padding: 120px 0;}
#obsah-webu section.section-bg-home-1 .btn {font-size: 25px; padding: 20px 70px;}
#obsah-webu section.section-bg-home-2 {padding: 40px 0;}
#obsah-webu section.section-bg-home-news {padding: 40px 0;}
#obsah-webu section.section-bg-home-news .col .col {padding: 5px; font-size: 15px;}
/* #obsah-webu section.section-bg-home-news .col .col a {background: lighten(@ccolor1, 10%); padding: 5px 10px; text-decoration: none; border-radius: 1px; display: block; text-align: center;} */
#obsah-webu section.section-bg-home-news .col .col a {text-decoration: none;}
#obsah-webu section.section-bg-home-news .col .col a:hover {text-decoration: underline;}
#obsah-webu section.section-bg-home-news .col .col a.more-info {font-size: 14px;}
#obsah-webu section.section-bg-home-news a.old-news {
text-decoration: none;
background: lighten(@ccolor1, 10%); padding: 5px 10px; text-decoration: none; border-radius: 1px; display: inline-block; text-align: center; border: 1px solid #FFF;
}
#obsah-webu section.section-bg-home-news a.old-news:hover {background: #FFF; color: @ccolor1;}
/*
CUSTOM SECTION
*/
#obsah-webu section.cerna {background: #000; color: #FFF;}
/*#obsah-webu section.cerna h1 {color: #FFF; background: @ccolor1; padding: 10px 15px; display: inline-block; min-width: 320px; text-align: center; margin-top: 0;}*/
#obsah-webu section.cerna .btn-primary {font-size: 16px; font-weight: 400; color: #FFF; background: transparent; border: 4px solid @ccolor1; padding: 10px 20px; min-width: 200px; text-transform: uppercase;}
#obsah-webu section.cerna .btn-primary:hover {background: #FFF; color: #000;}
#obsah-webu section.cerna a {color: #fff;}
#obsah-webu section.cervena {background: @ccolor1; color: #FFF;}
/*#obsah-webu section.cervena h1 {color: #FFF; background: @ccolor2; padding: 10px 15px; display: inline-block; min-width: 320px; text-align: center; margin-top: 0;}*/
#obsah-webu section.cervena .btn-primary {font-size: 14px; font-weight: 200; color: @ccolor2; background: transparent; border: 1px solid @ccolor2; padding: 8px 15px;}
#obsah-webu section.cervena .btn-primary:hover {background: @ccolor2; color: #fff;}
#obsah-webu section.cervena a {color: #fff; font-weight: 400; text-decoration: none;}
#obsah-webu section.cervena a:hover {color: #fff; text-decoration: underline;}
#obsah-webu section.cervena strong, #obsah-webu section.cervena b {color: #fff;}
.jumbotron {background: 50% url('../images/design/home-bg-top.jpg'); background-size: cover; color: #FFFFFF; min-height: 800px; padding-top: 250px; text-align: center; margin-bottom: 0;}
.jumbotron.short {background: 50% url('../images/design/home-bg-top.jpg'); background-size: cover; min-height: 0; height: 106px; margin: 0; padding: 0; position: relative;}
.jumbotron.short:before {content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6);}
.jumbotron .box {background: rgba(0,0,0,.4); padding: 25px; display: inline-block;}
.jumbotron big {font-weight: bold; font-size: 50px; color: @ccolor1;}
.jumbotron p {font-weight: 400; font-size: 40px; color: #FFF;}
.block-pripravovane h2 {font-size: 45px; font-weight: 600;}
.block-pripravovane p {font-size: 21px; font-weight: 200;}
nav.navbar-default.adminShow {margin-left: 90px;}
nav.navbar-default {
border: 0; margin: 0; background: none;
/*-webkit-transition: all .30s; -moz-transition: all .30s; transition: all .30s;*/
height: 123px;
/*background: url('../images/design/navbar-bg.png');*/
background: rgba(0,0,0,.90);
height: 53px;
}
nav.navbar-default:after {
content: "";
width: 100%; height: 2px;
background: 50% url('../images/design/menu-lista-bottom.png'); background-size: cover;
}
nav.navbar .container {border-bottom: 0px solid #FFFFFF;}
nav #navbar ul li a {color: #FFF; font-size: 13px; border-bottom: 0px solid transparent; margin-left: 1px; padding: 15px 15px; font-weight: 400; text-transform: uppercase;}
nav #navbar ul li.active a, nav #navbar ul li a:hover {border-bottom: 0px solid #E7E7E7; color: @ccolor1; text-decoration: underline;}
nav #navbar ul li a:hover {font-weight: 400;}
nav #navbar ul li a:hover {text-decoration: none;}
nav #navbar ul li.active a {background: none; font-weight: 600; text-decoration: none;}
nav #navbar ul.dropdown-menu li a {padding-top: 12px; padding-bottom: 12px;}
.navbar-default .navbar-brand {padding: 5px 0 0 0; -webkit-transition: all .30s; -moz-transition: all .30s; transition: all .30s; position: relative; z-index: 1;}
.navbar-brand img {-webkit-transition: all .30s; -moz-transition: all .30s; transition: all .30s; heightX: 48px;}
nav.navbar .navbar-collapse {max-height: none;}
nav.navbar .search-ico {padding: 50px 18px; color: rgba(255, 255, 255, .5); -webkit-transition: all .30s; -moz-transition: all .30s; transition: all .30s;}
nav.navbar .search-ico:hover {color: rgba(255, 255, 255, 1); cursor: pointer;}
nav #navbar .navbar-left {margin-left: 10px;}
nav #navbar .navbar-right {margin-right: 0px;}
nav #navbar .navbar-right li.lang a {font-size: 13px; padding: 15px 10px;}
nav.navbar .container {position: relative;}
#navbar-right li.kontakty {}
#navbar-right li.kontakty a {background: #ed3730; color: #FFF; padding: 10px; border-radius: 0 0 5px 5px;}
#navbar-right li.kontakty a:hover {background: lighten(@ccolor1, 10%); color: #FFF;}
footer.adminShow {padding-left: 90px;}
footer {
background: #000;
font-weight: 400; font-size: 16px; color: #FFF; padding: 15px 0;
}
footer a {color: @ccolor1; text-decoration: underline; font-weight: 400;}
footer a:hover, footer a:active, footer a:focus {color: @ccolor1; text-decoration: none;}
footer strong {}
footer .highlightedText1 {color: @ccolor1;}
#form-contact-box {background: #000; padding: 0 0 20px 0; margin: 0; color: #FFF;}
#form-contact-box.adminShow {padding-left: 90px;}
#form-contact-box strong {color: #FFF;}
#form-contact-box span {font-weight: 100; color: #FFF; font-size: 12px;}
#form-contact-box input, #form-contact-box textarea {border-radius: 0; border: 0;}
#form-contact-box button {background: #000; color: #FFF; border: 1px solid #FFF; border-radius: 0; padding: 6px 20px; min-width: 150px; font-size: 14px; margin-top: 5px;}
#form-contact-box button:hover {background: #fff; color: @ccolor2; }
#form-contact-box textarea {height: 104px;}
#form-contact-box big {display: block; color: @ccolor1; font-weight: bold; font-sizeX: 30px; margin: 35px 0 15px 0;}
#form-contact-box .help-block {color: #FFF;}
#obsah-webu table td {border-color: #F1F1F1;}
#obsah-webu .highlightedText1 {color: @ccolor1;}
div.panel.panel-primary {border-color: #3A9BE6;}
div.panel.panel-primary .panel-heading {background: #3A9BE6;}
img.grayscale {
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
opacity: 1; /* opacity: .3; */
}
img.grayscale:hover {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
opacity: 1;
}
@media (min-width: 768px) {
.navbar-default.navbar-shrink {height: 70px; }
.navbar-default.navbar-shrink {/*background: rgba(236,240,241,0.9);*/}
.navbar-default.navbar-shrink .navbar-brand {padding: 10px 0 0 0;}
.navbar-default.navbar-shrink .navbar-brand img {height: 52px; width: auto;}
.navbar-default.navbar-shrink #navbar li a {padding-top: 25px; padding-bottom: 25px;}
.navbar-default.navbar-shrink #navbar .search-ico {padding-top: 25px; padding-bottom: 25px;}
}
@media (max-width: 768px) {
h1 {font-size: 50px; /*61*/}
h2 {font-size: 43px; /*53*/}
h3 {font-size: 30px; /*40*/}
h4 {font-size: 25px; /*29*/}
h5 {font-size: 28px; /*28*/}
.jumbotron big {font-weight: bold; font-size: 40px;}
footer {text-align: center;}
nav.navbar-default {backgroundX: #ECF0F1; height: auto;}
nav #navbar {background: #EEEEEE;}
nav #navbar ul li a {color: #333333; border: none;}
nav #navbar ul li.active a {color: #333333; border: none; font-weight: bold;}
nav #navbar ul li a:hover {color: #333333; border: none; font-weight: bold;}
.navbar-default .navbar-brand {padding: 5px 0 0 15px;}
.navbar-default .navbar-brand img {width: auto; content:url('../images/design/logo-kasch.png');}
}
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (min-width: 768px) and (max-width: 991px) {
#obsah-webu .row.sectionUvod {display: block;}
#obsah-webu .row.sectionUvod .col .item {display: block;}
#obsah-webu .row.sectionUvod > .col {margin-bottom: 50px;}
footer .container .col .content img {margin: 0 auto;}
footer .container .col .content {text-align: center;}
.navbar-default .navbar-brand {padding: 5px 0 0 15px;}
.navbar-default .navbar-brand img {width: auto; content:url('../images/design/logo-kasch.png');}
}
@media (min-width: 1px) and (max-width: 767px) {
#obsah-webu .row.sectionUvod {display: block;}
#obsah-webu .row.sectionUvod .col .item {display: block;}
#obsah-webu .row.sectionUvod > .col {margin-bottom: 50px;}
}