body, html {
height: 100%;
margin: 0;
font-family: 'Futura T OT';
}
section{
padding-bottom:50px;
}
h2{
font-size:51px;
font-weight: bold;
@media only screen and (max-width: 400px) {
font-size:38px;
margin-top:18px;
}
}
img{
width:100%;
}
.noMargin{
margin:0px;
}
.container-fluid{
top:0px;
position:absolute;
}
@font-face {font-family: "Futura T OT";
src: url("font/futura/1be23cf230c3054853a5dd35273780db.eot"); /* IE9*/
src: url("font/futura/1be23cf230c3054853a5dd35273780db.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
url("font/futura/1be23cf230c3054853a5dd35273780db.woff2") format("woff2"), /* chrome firefox */
url("font/futura/1be23cf230c3054853a5dd35273780db.woff") format("woff"), /* chrome firefox */
url("font/futura/1be23cf230c3054853a5dd35273780db.ttf") format("truetype"), /* chrome firefox opera Safari, Android, iOS 4.2+*/
url("font/futura/1be23cf230c3054853a5dd35273780db.svg#Futura T OT") format("svg"); /* iOS 4.1- */
}
//============================================pozadi==========================================//
.bg1 {
position:absolute;
min-height:100vh;
height: 100%;
width:100%;
//background-position: center;
background-position-x: center;
background-position-y: top;
background-repeat: no-repeat;
background-size: cover;
}
.bg2 {
position:absolute;
min-height:100vh;
height: 100%;
width:100%;
background-position-x: center;
background-position-y: top;
background-repeat: no-repeat;
background-size: cover;
}
.bg3 {
position:absolute;
min-height:100vh;
height: 100%;
width:100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.bg4 {
position:absolute;
min-height:100vh;
height: 100%;
width:100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.bg5 {
position:absolute;
min-height:100vh;
height: 100%;
width:100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.bg6 {
position:absolute;
min-height:100vh;
height: 100%;
width:100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.bg7 {
position:absolute;
min-height:100vh;
height: 100%;
width:100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.bg8 {
position:absolute;
min-height:100vh;
height: 100%;
width:100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.webp {
.bg1{
background-image: url("../images/webp/bgIndex.webp");
}
.bg2{
background-image: url("../images/webp/bgChodi.webp");
}
.bg3{
background-image: url("../images/webp/bgSluzby.webp");
}
.bg4{
background-image: url("../images/webp/bgCenik.webp");
}
.bg5{
background-image: url("../images/webp/bgKontakt.webp");
}
.bg6{
background-image: url("../images/webp/bgKontakt.webp");
}
.bg7{
background-image: url("../images/webp/bgChodi.webp");
}
.bg8{
background-image: url("../images/webp/bgSluzby.webp");
}
}
.no-webp{
.bg1{
background-image: url("../images/bgIndex.jpg");
}
.bg2{
background-image: url("../images/bgChodi.jpg");
}
.bg3{
background-image: url("../images/bgSluzby.jpg");
}
.bg4{
background-image: url("../images/bgCenik.jpg");
}
.bg5{
background-image: url("../images/bgKontakt.jpg");
}
.bg6{
background-image: url("../images/bgKontakt.jpg");
}
.bg7{
background-image: url("../images/bgChodi.jpg");
}
.bg8{
background-image: url("../images/bgSluzby.jpg");
}
}
@media (min-width: 768px){
.seven-cols .col-md-1,
.seven-cols .col-sm-1,
.seven-cols .col-lg-1 {
width: 14.285714285714285714285714285714%;
max-width: unset !important;
flex: none !important;
}
}
@media (min-width: 992px) {
.seven-cols .col-md-1,
.seven-cols .col-sm-1,
.seven-cols .col-lg-1 {
width: 14.285714285714285714285714285714%;
max-width: unset !important;
flex: none !important;
}
}
/**
* The following is not really needed in this case
* Only to demonstrate the usage of @media for large screens
*/
@media (min-width: 1200px) {
.seven-cols .col-md-1,
.seven-cols .col-sm-1,
.seven-cols .col-lg-1 {
width: 14.285714285714285714285714285714%;
max-width: unset !important;
flex: none !important;
}
}
//============================================================================================//
// .menubcg{
// @media (max-width: 959px) {
// margin-top:-25px;
// position: fixed;
// }
// background-image: url("../images/menuBcg.png");
// height: 110px ;
// width:100%;
// background-position-x: center;
// position:absolute;
// background-repeat: no-repeat;
// z-index:550
// }
// .mobileLogo{
// @media (min-width: 960px) {
// display:none;
// }
// background-image: url("../images/mobileLogo.png");
// background-size: 136px;
// background-repeat: no-repeat;
// background-position-x: center;
// margin-top:36px;
// margin-left:-4px;
// height:40px;
// }
//============================================================================================//
//=====================================vertical lines=========================================//
.vl1{
@media only screen and (max-width: 767px) {
display: none;
}
border-width: 1px;
border-style: solid;
border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #cca968, rgba(0, 0, 0, 0) ) 1 100%;
height: 620px;
position: absolute;
left: 50%;
margin-left: -1px;
top: 190px;
}
.vl2{
@media (max-width: 768px) {
top: 111px;
}
border-width: 1px;
background-image: linear-gradient(-90deg,rgba(0, 0, 0, 0), #cca968, rgba(0, 0, 0, 0));
width:100%;
height:2px;
opacity:0;
position: absolute;
top: 164px;
}
.vl3{
@media (max-width: 768px) {
top: 111px;
}
border-width: 1px;
background-image: linear-gradient(-90deg,rgba(0, 0, 0, 0), #cca968, rgba(0, 0, 0, 0));
width:100%;
height:2px;
opacity:0;
position: absolute;
top: 164px;
}
.vl4{
@media (max-width: 768px) {
display: none;
}
border-width: 1px;
border-style: solid;
border-image:
linear-gradient(
to bottom,
#cca968,
rgba(0, 0, 0, 0)
) 1 100%;
height: 700px;
position: absolute;
left: 50%;
margin-left: -1px;
top: 0;
}
.vl5{
@media only screen and (max-width: 767px) {
display: none;
}
border-width: 1px;
border-style: solid;
border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #cca968, rgba(0, 0, 0, 0) ) 1 100%;
height: 920px;
position: absolute;
left: 50%;
margin-left: -1px;
top: 155px;
}
.lineHorizontal{
@media only screen and (max-width: 767px) {
top: 111px;
}
border-width: 1px;
background-image: linear-gradient(-90deg,rgba(0, 0, 0, 0), #cca968, rgba(0, 0, 0, 0));
width:100%;
height:2px;
opacity:1;
position: absolute;
top: 164px;
}
//============================================================================================//
//=====================================nuzky pod menu=========================================//
.nuzky1{
margin:auto;
opacity: 0;
background-image: url("../images/nuzky.png");
z-index:9999;
height: 50px !important;
width:50px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.nuzky2{
margin:auto;
opacity: 0;
background-image: url("../images/nuzky.png");
z-index:9999;
height: 50px !important;
width:50px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.nuzky3{
margin:auto;
opacity: 0;
background-image: url("../images/nuzky.png");
z-index:9999;
height: 50px !important;
width:50px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.nuzky4{
margin:auto;
opacity: 0;
background-image: url("../images/nuzky.png");
z-index:9999;
height: 50px !important;
width:50px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.nuzky5{
margin:auto;
opacity: 0;
background-image: url("../images/nuzky.png");
z-index:9999;
height: 50px !important;
width:50px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.nuzky6{
margin:auto;
opacity: 0;
background-image: url("../images/nuzky.png");
z-index:9999;
height: 50px !important;
width:50px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.nuzky7{
margin:auto;
opacity: 0;
background-image: url("../images/nuzky.png");
z-index:9999;
height: 50px !important;
width:50px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
//============================================================================================//
.menu{
position:absolute;
z-index:999;
margin-left:0px;
width:100%;
height:100px;
font-family: 'Futura T OT';
color:#f3e4c9;
font-weight:600;
text-transform: uppercase;
font-size:22px;
padding-top:25px;
@media (max-width: 959px) {
display:none;
}
@media (max-width:1350px){
font-size:20px;
padding-top:26px;
}
@media (max-width:1200px){
font-size:18px;
padding-top:28px;
}
@media (max-width:1100px){
font-size:16px;
padding-top:30px;
}
@media (max-width:100px){
font-size:14px;
}
div{
padding-left:6px !important;
padding-right:6px !important;
white-space: nowrap;
&:nth-child(7){
width:12.28571429%!important;
}
&:nth-child(2){
width:16.28571429% !important;
}
height:35px;
a{
color:#f3e4c9;
}
a:hover{
text-decoration: none;
}
}
}
.content{
position: relative;
}
header{
min-height:100vh;
.container-fluid{
.uvodText{
.col-lg-offset-1{
@media (max-width: 959px) {
padding-left:10%;
padding-right:10%;
}
@media (min-width: 1350px) {
flex: 0 0 36%;
}
}
position: relative;
z-index:500;
div{
.bigger{
font-size:85px;
@media (max-width: 959px) {
font-size:75px;
line-height:85px;
}
@media (max-width: 750px) {
font-size:65px;
line-height:67px;
}
@media (max-width: 550px) {
font-size:45px;
line-height:48px;
}
@media (max-width: 400px) {
font-size:42px;
line-height:43px;
}
@media (max-width: 300px) {
font-size:28px;
line-height:32px;
}
color:white;
//text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
.smaller{
@media (min-width: 540px) {
font-size:50px;
}
@media (min-width: 960px) {
font-size:85px;
}
font-size:20px;
color:white;
}
}
height: 100vh;
display: flex;
// justify-content: center;
align-items: center;
}
}
}
#uvod{
height:800px;
.container-fluid{
.row{
.uvodText{
font-size:32px;
@media (min-width: 960px) {
font-size:38px;
}
}
}
}
}
#index{
min-height: 600px;
overflow: hidden;
position: relative;
span{
@media (max-width: 959px) {
font-size: 32px;
}
}
h2{
opacity:0;
}
@media only screen and (max-width: 767px) {
padding-top:50px;
}
@media (max-width: 959px) {
line-height: 40px;
}
padding-top:100px;
font-size: 35px;
}
#kontakt{
.nowrap{
white-space: nowrap;
padding-right: 10px;
}
.smaller{
line-height: 35px;
padding-bottom: 30px;
}
small{
line-height: 12px !important;
}
h2{
opacity:0;
}
@media only screen and (max-width: 767px) {
padding-top:50px;
}
padding-top:100px;
@media (max-width: 1350px) {
span{
td{
font-size:30px;
}
}
}
@media (max-width: 1180px) {
span{
td{
font-size:25px;
}
}
}
@media (max-width: 930px) {
span{
td{
font-size:20px;
}
}
}
a{
color:black;
}
}
#cenik{
h2{
opacity:0;
text-align: center;
}
@media only screen and (max-width: 767px) {
padding-top:50px;
}
padding-top:100px;
.odsazeni{
td{
padding-top: 25px;
}
}
}
#sluzby{
line-height: 36px;
li{
margin-bottom:15px;
}
h2{
opacity:0;
}
@media only screen and (max-width: 767px) {
padding-top:50px;
}
padding-top:100px;
}
#jak-to-u-nas-chodi{
height:700px;
h2{
opacity:0;
}
padding-top:100px;
@media only screen and (max-width: 767px) {
padding-top:50px;
}
.row{
.col-md-12{
.part5{
span{
@media (max-width: 959px) {
font-size:35px;
}
@media (max-width: 500px) {
font-size:30px;
}
padding-bottom:50px;
font-size:30px
}
ul{
margin-top: 20px;
li{
@media (max-width: 959px) {
font-size:35px;
}
@media (max-width: 500px) {
font-size:30px;
}
padding-bottom:20px;
font-size:30px
}
}
}
@media (min-width: 768px) {
overflow: hidden;
}
padding-left:25px;
padding-right:25px;
}
}
}
#o-nas{
height:100%;
margin-bottom:20px;
h2{
opacity:0;
}
padding-top:100px;
@media only screen and (max-width: 767px) {
padding-top:50px;
}
.row{
.col-md-12{
.part7{
span{
@media (max-width: 959px) {
font-size:30px;
}
@media (max-width: 500px) {
font-size:25px;
}
padding-bottom:50px;
p{
font-size:25px
}
font-size:25px
}
}
@media (min-width: 768px) {
overflow: hidden;
}
padding-left:25px;
padding-right:25px;
}
}
.personal{
img{
@media (min-width: 768px) {
width:40%;
}
width:80%;
max-width: 100%;
}
@media (max-width: 768px) {
.col-md-6{
&:nth-of-type(2){
margin-top:20px;
}
}
}
}
}
#blog{
min-height: 380px;
height:100%;
margin-bottom:20px;
h2{
opacity:0;
}
padding-top:100px;
@media only screen and (max-width: 767px) {
padding-top:50px;
}
.row{
.col-md-12{
//.part8{
// span{
// @media (max-width: 959px) {
// font-size:35px;
// }
// @media (max-width: 500px) {
// font-size:30px;
// }
// padding-bottom:50px;
// p{
// font-size:30px
// }
// font-size:30px
// }
//}
@media (min-width: 768px) {
overflow: hidden;
}
padding-left:25px;
padding-right:25px;
}
}
}
#control{
min-height: 590px;
height:100%;
margin-bottom:20px;
h2{
opacity:0;
}
padding-top:100px;
@media only screen and (max-width: 767px) {
padding-top:50px;
}
.row{
.col-md-12{
.part9{
span{
@media (max-width: 959px) {
font-size:25px;
}
@media (max-width: 500px) {
font-size:20px;
}
padding-bottom:50px;
p{
font-size:20px
}
font-size:20px
}
}
@media (min-width: 768px) {
overflow: hidden;
}
padding-left:25px;
padding-right:25px;
}
}
}
tr{
.borderBottom{
border-bottom:1px solid #cca968;
}
td.label{
border-bottom:1px solid #cca968;
@media (max-width: 768px) {
font-size:22px;
}
@media (max-width: 300px) {
font-size: 16px;
}
@media (max-width: 245px) {
font-size: 12px;
}
}
td.price{
border-bottom:1px solid #cca968;
text-align:right;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
//display: inline-block;
}
td.plemena{
border-top:1px solid #cca968;
}
}
.active{
z-index:5;
}
.new{
z-index:10;
clip-path: inset(0% 50%);
}
.part1{
@media (min-width: 768px) {
margin-left:100%;
}
@media only screen and (max-width: 767px) {
margin-top:-100%;
}
opacity:0;
@media (min-width: 768px) {
padding-top:7%
}
width:100%;
}
.part2{
margin-top:100px;
opacity:0;
ul{
list-style-type: none;
}
}
.part9{
margin-top:100px;
opacity:0;
ul{
list-style-type: none;
}
}
.part10{
text-align: center;
margin-top:100px;
opacity:0;
ul{
list-style-type: none;
}
}
.part3{
margin-top:20px;
opacity:0;
}
.part5{
.last{
margin-bottom: 50px;
}
text-align: center;
@media (min-width: 768px) {
margin-left:100%;
}
@media only screen and (max-width: 767px) {
margin-top:-100%;
}
opacity:0;
// height:350px;
margin-top:20px;
ul{
@media only screen and (min-width: 768px) {
width: 50%;
margin-left: 25%;
}
li{
font-size:30px;
}
}
}
.part6{
@media (min-width: 768px) {
margin-left:100%;
}
@media only screen and (max-width: 767px) {
margin-top:-100%;
}
opacity:0;
margin-top:20px
}
.part7{
text-align: center;
@media (min-width: 768px) {
margin-left:100%;
}
@media only screen and (max-width: 767px) {
margin-top:-100%;
}
opacity:0;
height:100%;
margin-top:20px
}
.part8{
text-align: center;
// @media (min-width: 768px) {
// margin-left:100%;
// }
// @media only screen and (max-width: 767px) {
// margin-top:-100%;
// }
// opacity:0;
height:100%;
margin-top:20px
}
.mobileAlign{
@media only screen and (max-width: 767px) {
text-align:left;
}
text-align:right;
}
.mMenuContainer{
@media (min-width: 960px) {
display:none;
}
position: fixed;
@media (min-width: 500px) and (max-width: 959px) {
width:55px;
height:55px;
}
width:37px;
height:37px;
//background: url("../images/burger.png") no-repeat center center;
background-size: 24px 24px;
background-color: rgb(61, 61, 61);
z-index:555;
top:10px;
right:12px;
border:1px solid #CCA968;
border-radius: 3px;
img{
width:28px;
margin-left:5px;
margin-top:5px
}
@media (min-width: 500px) and (max-width: 959px) {
.hamburger{
.hamburger-box{
height:34px;
.hamburger-inner{
&:after{
width:43px;
}
&:before{
width:43px;
}
width:43px;
}
}
}
}
}
.mNuzky{
@media (min-width: 960px) {
display:none;
}
position:fixed;
top:110px;
left:52px;
transform: rotate(-180deg);
z-index:999;
.nuzkyFirst{
position:absolute;
width:100px;
top:0px;
}
.nuzkySecond{
position:absolute;
width:100px;
top:0px;
}
}
.mDropdown{
.underColor{
background-image: linear-gradient(#070707, #1A1A1A);
opacity:0.95;
border: black;
border:1px solid #6F6040;
}
@media (min-width: 960px) {
display:none;
}
position:fixed;
display:none;
text-transform: uppercase;
clip-path: polygon(0 0, 0 100%, 0 100%, 0 100%);
-webkit-clip-path: polygon(0 0, 0 100%, 0 100%, 0 100%);
z-index:998;
left:20px;
top:60px;
right:20px;
ul{
list-style-type: none;
margin-top:26px;
padding-inline-start: 0px;
li{
font-size:28px;
@media (max-width: 370px) {
font-size:25px;
height:45px;
}
@media (max-width: 320px) {
font-size:23px;
height:45px;
}
@media (max-width: 290px) {
font-size:19px;
height:30px;
}
//color: #B4A683;
font-weight: 600;
height:55px;
text-align: center;
//background: -webkit-linear-gradient(#ffda7b, #2b2720);
//-webkit-background-clip: text;
//-webkit-text-fill-color: transparent;
a{
color:#f3e4c9;;
//text-decoration: underline;
//text-decoration-color: #978558;
// -webkit-text-decoration-color: #978558;
}
}
}
}
.facebook{
a{
color:black;
}
width:50%;
float:left;
}
.instagram{
a{
color:black;
}
width:50%;
float:left;
}
.Cenik{
margin: 0 auto;
@media (max-width: 768px) {
font-size: 25px;
}
@media (max-width: 350px) {
font-size: 16px;
}
@media (max-width: 245px) {
font-size: 12px;
}
font-size: 30px;
tr{
opacity:0;
}
}
.Kontakt{
@media (max-width: 768px) {
font-size: 25px;
}
font-size: 34px;
float:right;
@media (max-width: 768px) {
float:unset;
margin:auto;
}
td{
padding:3px;
}
}
.publicDate{
position: absolute;
right:15px;
}
.articleHead{
@media (max-width: 767px) {
margin-top: 25px;
}
}
.read{
right:30px;
position: absolute;
bottom:0px;
}
.article{
a{
color: #212529;
}
position: relative !important;
.articleText{
font-size: 19px;
}
// img{
// max-height: 230px;
// width:100%;
// }
}