/* OBECNE *********************************************************************/

@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,400;0,700;0,900;1,400;1,700&display=swap');
 
body {width:100%;overflow-x:hidden;image-rendering:optimizeQuality;}
* {margin: 0; padding: 0; color:#575757;font-family: 'Raleway', serif;font-weight:400;font-size:18px;line-height:30px;}
a, a span, li, input, .newsbox {-webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;}
p {line-height:30px;margin-bottom:10px;}
strong {font-weight:700;}
 
a {outline:none;color:#004518;cursor:pointer;}
a:hover {color:#004518;}

ul {list-style:none;}



.container {margin:0 auto;width:1240px;position:relative;padding:0 20px;box-sizing:border-box;max-width:100vw;}
.container:after {content:'';display:block;clear: both;}




h1 {font-size:50px;line-height:60px;color:#623221;padding:0;font-weight:700;display:block;margin:30px 0 50px 0;}
h2, h2 a {font-size:25px;color:#623221;padding:0;font-weight:700;text-decoration:none;}
h2 {line-height:40px;display:block;margin:40px 0 30px 0;}
h2 a:hover {text-decoration:underline;}
h3 {font-weight:bold;font-size:20px;}


.btn {padding:15px 80px 15px 35px;text-align:left;display:inline-block;box-sizing:border-box;color:#623221;line-height:30px;font-weight:900;text-decoration:none;font-size:20px;min-width:270px;position:relative;border-radius:3px;overflow:hidden;}
.btn:hover {color:#623221 !important;}
.btn::before {content:'';position:absolute;background:#efc58b;z-index:-1;bottom:0;top:0;left:0;width:100%;height:100%;transition: all 0.3s linear;}
.btn:hover::before {background:#e9bc7e;}
.btn::after {content:'';position:absolute;right:30px;top:0;bottom:0;background: url('../images/arrow-right2.png') no-repeat center center / 7px auto;width:7px;}
 
.fotoright {float:right;margin-left:35px;}
.round {border-radius:50px 0 50px 0;overflow:hidden;}
  
 .fourboxes {clear:both;display:block;padding:30px 0 10px 0;}
 .fourboxes::after {clear:both;display:block;content:'';}
 .fourbox {float:left;width:calc( (100% - 62px) / 4);margin: 0 20px 20px 0;}
 .fourbox:nth-of-type(4n) {margin-right:0;}
 .cenik .fourbox {background:#f2f1f8;}
 .cenik .fourbox h2 {margin:0;padding:10px 20px;background:#6a8512;color:#fff;}
 .cenik .fourbox img, .cenik .fourbox a.lbox {width:100%;height:auto;display:block;}
 .cenik .fourbox h3 {margin:10px 0 10px 0;padding:10px 20px;color:#6a8512;font-size:24px;}
 .cenik .fourbox p {padding:0 20px;font-size:14px;line-height:20px;}
 #main .cenik .fourbox ul {padding:0 20px;}
 #main .cenik .fourbox ul li {font-size:14px;padding:0 0 5px 12px;background-position:0 10px;background-size:6px auto;}
 .cenik .fourbox .btn {z-index:10;min-width:240px;margin:20px 20px 20px 20px;} 
 

/* HEADER *********************************************************************/

header {box-sizing: border-box;z-index:150;height:100px;position:relative;padding-top:0px;}
header #headermenu {vertical-align:middle;height:100px;background: url('../images/menubg.jpg') repeat-x 0 0;box-shadow:0 0 16px rgba(0,0,0,0.5);}
header #headermenu #logo {width:350px;height:100px;background: url('../images/logo2.png') no-repeat 0 center / contain;display:inline-block;z-index:20;margin-left:20px;position:relative;}
header #headermenu #logo span {display:none;}
header #headermenu #headernav {min-height:100px;float:right;width:auto;box-sizing:border-box;padding-right:0;padding-left:10px;position:relative;}
header #headermenu #headernav #headerlist {box-sizing:border-box;}
header #headermenu #headernav #headerlist li {display:block;float:left;position:relative;border-left:1px solid #959595;}
header #headermenu #headernav #headerlist li a {display:block;text-transform:uppercase;text-decoration:none;color:#282828;font-size:15px;height:100px;font-weight:900;text-align:center;line-height:100px;padding:0 35px 0 35px;}
header #headermenu #headernav #headerlist li.active > a, header #headermenu #headernav #headerlist li > a:hover {text-decoration:underline;}
/*header #headermenu #headernav #headerlist li:last-of-type a {border-right:1px solid #7e594a;}*/

#blocktop {position:relative;background: url('../images/slide1.jpg') no-repeat center center;background-size:cover;margin-top:-140px;padding-top:140px;}
#blocktop::after {position:absolute;left:0;right:0;top:0;bottom:0;content:'';background:#000;opacity:0.5;}
#blocktop .container {min-height:300px;position:relative;box-sizing:border-box;}
#blocktop h1 {position:relative;z-index:10;line-height:60px;font-size:50px;font-weight:900;padding-top:50px;color:#fff;text-shadow:0 0 10px rgba(0,0,0,0.5);}
#blocktop.small .container {min-height:100px;padding-bottom:20px;background:none;}
#blocktop.small #breadcrumbs {display:none;}



/* HOME ***********************************************************************/

#xhome h1 {color:#fff;font-weight:900;}
#xhome h2 {text-align:center;}


#homeblocks {clear:both;position:relative;z-index:20;}
#homeblocks .container {padding-bottom:50px;}
#homeblocks .container::after {content:'';clear:both;display:block;}
#homeblocks .homeblock {height:200px;margin-bottom:60px;margin-top:-130px;border-radius:3px 3px 0 0;}
.homeblock {float:left;width:calc( (100% - 55px) / 4);margin-right:18px;}
.homeblock:nth-of-type(4n) {margin-right:0px;}
#homeblocks #homeblock1 {background:url('../images/homebox1.jpg') no-repeat center center / cover;}
#homeblocks #homeblock2 {background:url('../images/homebox2.jpg') no-repeat center center / cover;}
#homeblocks #homeblock3 {background:url('../images/homebox3.jpg') no-repeat center center / cover;}
#homeblocks #homeblock4 {background:url('../images/homebox4.jpg') no-repeat center center / cover;}
.skewblock {position:relative;}
.skewblock strong {position:absolute;z-index:10;color:#fff;font-size:16px;font-weight:normal;padding:15px 20px 15px 20px;line-height:30px;left:0px;right:0px;bottom:-60px;border-radius:0 0 3px 3px;overflow:hidden;}
.skewblock strong::before {content:'';position:absolute;background:#623221;z-index:-1;bottom:0;top:0;left:0;width:100%;height:100%;transition: all 0.3s linear;}
.skewblock:hover strong::before {background:#54291a;}
.skewblock:hover {transform:scale(1.02);}
.galblock {display:block;}
.galblock img {display:block;width:100%;height:auto;}
.galblock strong {font-size:18px;font-weight:400;}
.galblock:hover {z-index:100;}

#homegallery {margin-top:-30px;}
#homegallery .container {padding-bottom:80px;}
#homegallery .container::after {content:'';clear:both;display:block;}


#homemotto {clear:both;padding-top:85px;}
#homemotto span {display:block;float:left;height:29px;font-size:0;text-indent:-9999px;}
#homemotto span:first-of-type {width:47%;background:url('../images/homemotto1.png') no-repeat 0 center / contain;position:relative;}
#homemotto span:first-of-type::after {content:'';display:block;position:absolute;right:-16.5%;top:0;bottom:0;width:20px;background:url('../images/homemotto2.png') no-repeat center center / contain;}
#homemotto span:last-of-type {width:40%;float:right;background:url('../images/homemotto3.png') no-repeat right center / contain;}
#homemotto::after {content:'';clear:both;display:block;}



#headertext {height:inherit;min-height:inherit;text-align:left;position:relative;z-index:20;pointer-events:none;}
#headertext .container {min-height:inherit;display:table;}
#headertext .container {height:100%;box-sizing:border-box;}
#headertext p {max-width:600px;color:#efc58b;margin-bottom:30px;}
#headertext .btn {pointer-events:all !important;}
#swiper1::before {position:absolute;left:0;top:0;bottom:0;width:60%;z-index:100;content:'';background: url('../images/headergradient.png') repeat-y left center / 100% auto;display:block;opacity:0.50;}
#o-nas {display:table-cell;vertical-align:middle;min-height:inherit;padding-top:40px;padding-bottom:40px;}

#homeslider {position: relative;max-height:790px;height: 45vw;overflow:hidden;width:100%;box-sizing:border-box;float:left;}

#swiper1 {position:absolute;left:0;top:0;right:0;bottom:0;z-index:10;}
.swiper-container {width: 100%;height: 100%;}
.swipeimg {/*cursor:ew-resize;*/display:block;}
.swiper-slide {display:inline-block !important;width:100% !important;font-size: 18px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;position:relative;
    -webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;background-repeat:no-repeat;background-position:center center;background-size:cover;}
.swiper-slide::before {left:0;top:0;right:0;bottom:0;content:'';background:#000;position:absolute;opacity:0.5;}
.swiper-slide#slide1 {background-image:url('../images/slide1.jpg');}
.swiper-slide#slide2 {background-image:url('../images/slide2.jpg');background-position:center bottom;}
.swiper-slide#slide3 {background-image:url('../images/slide3.jpg');}
.swiper-slide#slide4 {background-image:url('../images/slide4.jpg');}


#homeslider .container {height:100%;box-sizing:border-box;display:table;z-index:10;}
#homeslider .container .containerin {display:table-cell;height:100%;vertical-align:middle;padding-bottom:80px;}
#homeslider .container .containerin p {margin-bottom:40px;max-width:540px;display:block;color:#efc58b;margin-top:-20px;}
#homeslider strong {font-size:50px;line-height:60px;color:#fff;padding:0;font-weight:900;display:block;margin:30px 0 50px 0;}    
#homeslider .swiper-pagination {bottom:20px;z-index:146;}
#homeslider .swiper-pagination-bullet {width:11px;height:11px;background:#fff;border:3px solid #fff;border-radius:50%;opacity:1;margin:0 7px;}
#homeslider .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#623221;}
.swiper-button-prev, .swiper-button-next {z-index:100;opacity:1.0 !important;}
.swiper-button-disabled {opacity:0.2 !important;}
.swiper-button-prev {left:0px !important;}
.swiper-button-next {right:0px !important;}
#homeslider .swiper-button-prev::after, #homeslider .swiper-button-next::after {position:absolute;left:0;right:0;top:0;bottom:0;content:'';pointer-events:none;z-index:10;}
#homeslider .swiper-button-prev::before, #homeslider .swiper-button-next::before {position:absolute;left:0;right:0;top:0;bottom:0;content:'';z-index:100;}
#homeslider .swiper-button-prev:hover::after {background:linear-gradient(to right, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.0) 100%);}
#homeslider .swiper-button-next:hover::after {background:linear-gradient(to left, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.0) 100%);} 
#homeslider .swiper-button-prev, #homeslider .swiper-button-next {width:100px;height:100%;top:0;bottom:0;margin:0;background:none;}
#homeslider .swiper-button-prev::before {background: url('../images/arrow-left.png') no-repeat center center / 9px auto;}
#homeslider .swiper-button-next::before {background: url('../images/arrow-right.png') no-repeat center center / 9px auto;}
 


/* MAIN ***********************************************************************/

#x1 {height:564px;background: url('../images/x1.jpg') no-repeat center 0;clear:both;margin-top:100px;}
#x2 {height:1800px;background: url('../images/x2.jpg') no-repeat center 0;}

#main {padding:50px 0 100px 0;clear:both;box-sizing:border-box;}
#main ul li {
	background: url("../images/arrow-grey.png") no-repeat 15px 10px / 8px auto;
	padding: 0px 0px 4px 30px;
}

#galeriepage {padding:30px 0;}
#main .galerie li {background:none;padding:0;}
.galerie li {float:left;width:calc( (100% - 21px) / 5);margin-right:5px;height:200px;margin-bottom:5px;overflow:hidden;border-radius:3px;}
.galerie li a {float:left;width:100%;height:16vw;overflow:hidden;display:block;}
.galerie li a img {width:100%;height:auto;display:block;}
.galerie li:nth-of-type(5n) {margin-right:0;}
.galerie::after {clear:both;content:'';display:block;}


.referencetext {margin-bottom:30px;}
.fotogalerie {margin:20px 0 20px 0;}
.fotogalerie li {float:left;width:calc( (100% - 61px) / 4 );height:220px;padding:0 !important;margin-right:20px;margin-bottom:20px;background:#fafafa !important;position:relative;}
.fotogalerie.reflist li {height:260px !important;}
.fotogalerie li:hover {transform: scale(1.02);}
.fotogalerie li:nth-of-type(4n) {margin-right:0;}
.fotogalerie li a {display:block;width:100%;height:inherit;background:inherit;}
.fotogalerie li a img {width:100%;height:inherit;display:block;object-fit:cover;}
.fotogalerie::after {clear:both;content:'';display:block;}
/*.fotogalerie li h2 {margin:0;position:absolute;left:0;bottom:0px;right:0;padding:5px 10px;background:rgba(175,19,30,1.0);display:block;color:#fff;font-size:16px;line-height:20px;}*/
.fotogalerie li h2 {margin:0;position:absolute;left:0;bottom:0px;right:0;padding:15px 10px 5px 10px;background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);display:block;color:#fff;font-size:16px;line-height:20px;}
.fotogalerie li h2 a {font-size:inherit;display:block;color:inherit;background:transparent;width:auto;}
.fotogalerie li:hover h2 a {text-decoration:underline;}





/* FOOTER *********************************************************************/

footer {clear:both;}
footer #footertop {padding:60px 0;background:#623221;}
footer #footertop * {vertical-align:middle;}
footer #footertop span {color:#fff;font-weight:normal;font-size:30px;line-height:40px;padding:10px 0;display:inline-block;}
footer #footertop .btn {float:right;margin-left:10px;color:#fff;border:1px solid #fff;}
footer #footertop .btn:hover {color:#fff !important;}
footer #footertop .btn::before {background:transparent;z-index:2;}
footer #footertop .btn:hover::before {background:rgba(255,255,255,0.1);}
footer #footertop .btn::after {background: url('../images/arrow-right.png') no-repeat center center / 7px auto;}
 
footer #footermain {padding:80px 0 80px 0;background:#eeeeee;}
footer #footermain .footblock {float:left;margin-right:20px;width:calc( (100% - 60px) / 4);}
footer #footermain .footblock:last-of-type {margin-right:0;}
footer #footermain .footblock:last-of-type a {padding-right:80px;position:relative;display:inline-block;}
footer #footermain .footblock:last-of-type a::after {content:'';display:block;position:absolute;right:0;top:-16px;width:51px;height:51px;background:url('../images/fb.png') no-repeat center center / 100% auto;}
footer #footermain .footblock strong {color:#efc58b;font-size:18px;margin-bottom:30px;display:block;}
footer #footermain .footblock * {font-size:16px;color:#a1a1a1;text-decoration:none;line-height:25px;}
footer #footermain .footblock a:hover {text-decoration:underline;}
footer #footerbottom {padding:60px 0 60px 0;background:#eeeeee;position:relative;border-top:1px solid #d4d4d4;}
footer #footerbottom .container * {line-height:35px;font-size:16px;text-decoration:none;color:#623221;}
footer #footerbottom .container a:hover {text-decoration:underline;}
footer #footerbottom #foot-copy {display:inline-block;}
footer #footerbottom #foot-copy a {text-decoration:underline;} 
footer #footerbottom #foot-texpro {float:right;padding-right:36px;display:inline-block;background:url('../images/texpro.png') no-repeat right center / 24px auto;}




/* RESPONSIVE *****************************************************************/



@media only screen and (max-width: 1700px) {
	header #headermenu #logo {margin-left:20px;width:250px;}
	
	header #headermenu #headernav #headerlist li a {padding:0 25px;}	
	#homeslider .container .containerin {padding-top:50px;}
}	


@media only screen and (max-width: 1400px) {
	header #headermenu #headernav #headerlist li a {padding:0 15px;}
	#homeslider .swiper-button-prev, #homeslider .swiper-button-next {width:40px;}
}	


@media only screen and (max-width: 1240px) {
    .container {width:100%;}
    header {padding-top:0;height:100px;}
    header #headermenu #headernav div  {width:100px;height:100px;background: url('../images/menu.png') no-repeat center center / 30px auto;cursor:pointer;float:right;margin-right:-20px;}
    header #headermenu #headernav #headerlist {display:none;position:fixed;left:0;right:0;bottom:0;background:#704638;z-index:100;padding:6vh 5vw 6vh 5vw;top:0px;text-align:center;line-height:50px;overflow-y:auto;}    
    header #headermenu #headernav.active #headerlist {display:block;}
    header #headermenu #headernav #headerlist {width:100%;float:none;}
    header #headermenu #headernav #headerlist li {margin:0;line-height:30px;display:block;width:100%;text-align:center !important;box-sizing:border-box;border:none !important;}
    header #headermenu #headernav #headerlist li a {color:#fff;height:auto;line-height:30px;font-size:22px;padding:10px 0 !important;text-align:center !important;background:none;}
    header #headermenu #headernav #headerlist li ul {display:block;position:relative;text-align:center;min-width:100%;box-sizing:border-box;top:0;left:0;padding-left:0;padding-right:0;}
    header #headermenu #headernav #headerlist li ul a {font-weight:normal;}
    header #headermenu #headernav #headerlist::after {content:'';position:absolute;width:30px;height:30px;right:40px;top:40px;background: url('../images/icon-close.png') no-repeat center center / 17px auto;display:block;}
    header #headermenu #headernav #headerlist li a:hover {color:#fff;}
    #xhome #homeslider {margin-top:0;}
    /*header #headermenu #headernav {width:100%;}*/
    header #headermenu #headernav::after {display:none;}
    #homeslider .swiper-button-prev, #homeslider .swiper-button-next {display:none;}
    #realizaceline strong {font-size:25px;}
    #homeslider .container .containerin {padding-top:0;padding-bottom:140px;}
    .swiper-container-horizontal > .swiper-pagination {padding:0 20px;box-sizing:border-box;text-align:right;}
	
 	.fourbox {float:left;width:calc( (100% - 21px) / 2);}
 	.fourbox:nth-of-type(2n) {margin-right:0;}
}

@media only screen and (max-width : 992px) {
	iframe {max-width:100% !important;float:none !important;margin:0 !important;}
    .galerie li {width:50%;}
    .galerie li a {height:30vw;}
    #realizaceline strong {display:block;line-height:30px;padding:20px 0;}
    #realizaceline .btn {float:none;}
    #xhome #main .container {padding-right:280px;}
    #xhome #main .container::after {left:calc(100% - 250px);}
	#homeslider {height:450px;}
	#homeslider .swiper-pagination {bottom:40px;}
	#homeslider h1, #homeslider strong {margin-top:0;font-size:40px;line-height:50px;margin-bottom:30px;}
	#homeslider .container .containerin {padding-bottom:60px;} 
	#homegallery .galblock {margin-right:0;margin-top:60px !important;width:100% !important;}    
    #homeblocks .homeblock {width:100%;margin-right:0;margin-top:20px;}
    #homeslider .swiper-pagination {text-align:center;}
    
    #homeinfo::before {background:#6a8512;opacity:0.8;right:0;}
    #homeinfo #homeinfoin {width:100%;}    
    #homediesel .container::before {display:none;}
    #homediesel::before {background:#6a8512;opacity:0.8;left:0;}
    #homediesel #homedieselin {width:100%;}
    
    footer #footermain {padding:40px 0;}
    footer #footermain .footblock {width:calc( (100% - 20px) / 2);margin-bottom:20px;}
    footer #footermain .footblock:nth-of-type(2n) {margin-right:0;}
    
    
    .fotogalerie li {height:40vw !important;width:calc( (100% - 21px) / 2 );}
    .fotogalerie li:nth-of-type(2n) {margin-right:0px;}
    
}  

@media only screen and (max-width : 840px) {

}

@media only screen and (max-width : 768px) {
    header {z-index:50;position:relative;}
    #blocktop {position:relative;padding-top:0px;}
    #blocktop .container {min-height:auto;padding-bottom:20px;z-index:10;position:relative;background:none;}
    #blocktop h1 {font-size:35px;line-height:40px;margin:0px 0 30px 0;}

    #xhome #main .container {padding-right:20px;}
    #xhome #main .container::after {display:none;}    

    #xhome #homeslider, #blocktop {margin-top:0px;}
    #homemotto span {float:none !important;width:100% !important;background-position:center center !important;}
    #homemotto span:first-of-type::after {display:none;}
    
   
	footer #footerbottom {text-align:center}
	footer #footerbottom #foot-copy {display:block;} 
	footer #footerbottom #foot-texpro {display:inline-block;float:none;} 	    
}

@media only screen and (max-width : 580px) {
 	.fourbox {float:none;width:100%;margin-right:0;}

}

@media only screen and (max-width : 480px) {
	footer #footertop li {display:block;text-align:center;margin:10px 0;}	
	
    header #headermenu #logo {position:absolute;margin-left:20px;width:220px;max-width:calc(100% - 100px);}
    .galerie li {width:100%;float:none;}
    .galerie li a {height:auto;}
     #realizaceline strong {text-align:center;}
    .btn {width:100%;}
    .cenik .fourbox .btn {max-width:calc( 100% - 40px );}
    #homeinfo h2, #homediesel h2 {text-align:center;}
    footer #footermain .footblock {width:100%;margin-right:0;}
    
    .fotogalerie li {height:60vw !important;width:100%;margin-right:0 !important;}
}

@media only screen and (max-width : 380px) {
	header #headermenu #logo {max-width:calc(100% - 140px);background-position:0 center;background-size:contain;}
	#homeslider h1, #homeslider strong {margin-top:0;font-size:30px;line-height:40px;margin-bottom:30px;}
	footer #footertop ul li {display:block;margin:0;}
	footer #footerbottom {padding-bottom:40px;}
    .btn {min-width:100px !important;}
    #homeslider .container .containerin p {font-size:16px;line-height:26px;margin-bottom:20px;}
    #homeslider .swiper-pagination {bottom:20px;}
}