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

@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,600;1,300;1,600&display=swap');
 
body {width:100%;overflow-x:hidden;image-rendering:optimizeQuality;}
* {margin: 0; padding: 0; color:#575757;font-family: 'Rubik', serif;font-weight:300;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:600;}
 
a {outline:none;color:#004518;cursor:pointer;}
a:hover {color:#272424;}

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:40px;line-height:50px;color:#272424;padding:0;font-weight:600;display:block;margin:0px 0 50px 0;}
h2, h2 a {font-size:30px;color:#272424;padding:0;font-weight:600;text-decoration:none;}
h2 {line-height:40px;display:block;margin:40px 0 60px 0;position:relative;}
h2 a:hover {text-decoration:underline;}
h3 {font-weight:600;font-size:21px;color:#272424;margin:10px 0 10px 0;}


.btn {padding:15px 80px 15px 35px;text-align:left;display:inline-block;box-sizing:border-box;color:#fff;line-height:30px;font-weight:600;text-decoration:none;font-size:20px;min-width:270px;position:relative;}
.btn:hover {color:#fff !important;}
.btn::before {content:'';position:absolute;background:#af131e;z-index:-1;bottom:0;top:0;left:0;width:100%;height:100%;transition: all 0.3s linear;}
.btn:hover::before {background:#9e0d17;}
.btn::after {content:'';position:absolute;right:30px;top:0;bottom:0;background: url('../images/arrow-right.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:#af131e;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:#af131e;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:110px;position:relative;padding-top:0px;background:#fff;border-bottom:1px solid #ccc;}
header #headermenu {vertical-align:middle;height:inherit;}
header #headermenu #logo {width:200px;height:inherit;background: url('../images/logo.png') no-repeat center center / contain;display:inline-block;z-index:20;margin-left:15px;}

header #headermenu #logo span {display:none;}
header #headermenu #headernav {min-height:110px;float:right;width:auto;box-sizing:border-box;padding-right:20px;padding-left:10px;position:relative;}
header #headermenu #headernav #headerlist {box-sizing:border-box;}
header #headermenu #headernav #headerlist li {display:block;float:left;position:relative;}
header #headermenu #headernav #headerlist li a {display:block;text-transform:uppercase;text-decoration:none;color:#555;font-size:16px;height:110px;font-weight:300;text-align:center;line-height:110px;padding:0 20px 0 20px;}
header #headermenu #headernav #headerlist li > a:hover {text-decoration:underline;}
/*header #headermenu #headernav #headerlist li.active > a {color:#fff;}*/
header #headermenu #headernav #headerlist li.active > a::before {position:absolute;left:5px;top:80px;right:5px;height:3px;background:#af131e;content:'';display:block;z-index:-1;}
/*header #headermenu #headernav #headerlist li:last-of-type a {padding-right:0;background:none;}*/


#blocktop .container {min-height:100px;position:relative;box-sizing:border-box;}
#blocktop h1 {line-height:50px;font-size:40px;font-weight:600;padding-top:50px;color:#272424;position:relative;}
#blocktop h1::after {position:absolute;left:0;bottom:-20px;width:50px;height:3px;background:#af131e;content:'';display:block;}
#blocktop.small .container {min-height:100px;padding-bottom:20px;background:none;}
#blocktop.small #breadcrumbs {display:block;margin:10px 0 0 0;}
#blocktop.small #breadcrumbs li {font-size:14px;display:inline-block;line-height:20px;color:#b7b7b7;}
#blocktop.small #breadcrumbs li:first-child::before {display:none;}
#blocktop.small #breadcrumbs li::before {content:'';display:inline-block;width:20px;height:20px;background: url('../images/li.png') no-repeat center 12px / 4px auto;-webkit-filter: grayscale(100%);filter: grayscale(100%);opacity:0.3;}
#blocktop.small #breadcrumbs li * {font-size:inherit;color:inherit;line-height:inherit;}
#blocktop.small #breadcrumbs li a {text-decoration:none;}
#blocktop.small #breadcrumbs li a:hover {text-decoration:underline;}



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

#xhome h1 {color:#fff;}
#xhome h2::after {position:absolute;left:0;bottom:-20px;width:50px;height:3px;background:#af131e;content:'';display:block;}
#xhome #homeslider {margin-top:0px;}


#homecompany {clear:both;padding:70px 0;}
#homecompany::after {content:'';clear:both;display:block;}
#homecompanytext {width:380px;float:left;}
#homecompanytext h2 {margin-top:80px;}
#homecompanylist {width:500px;float:right;list-style:none;}
.boxes li {display:block;float:left;margin:0 20px 20px 0;box-sizing:border-box;padding:0 !important;}
.boxes li:nth-of-type(2n) {margin-right:0;}
.boxes li a {width:100%;display:block;box-sizing:border-box;color:#fff;font-weight:bold;font-size:18px;position:relative;width:240px;height:240px;background:#af131e;}
.boxes li a:hover {background:#9e0d17;}
.boxes li a span {position:absolute;bottom:30px;left:30px;right:30px;color:inherit;font-weight:inherit;font-size:inherit;background: url('../images/arrow-right.png') no-repeat right 5px / 7px auto;}

#homemapin {text-align:center;padding-bottom:80px;}
#homemapin h2::after {margin-left:-25px;left:50%;}

#homemapbox {margin:40px auto 60px auto;display:inline-block;position:relative;}
#homemapbox > a {position:absolute;display:block;cursor:pointer;}
#homemapbox #homemaplink1 {left:30%;top:30%;width:15%;height:15%;}
#homemapbox #homemaplink2 {left:10%;top:45%;width:20%;height:15%;}
#homemapbox #homemaplink3 {left:0;top:30%;width:30%;height:15%;}
#homemapimg {display:block;}

#pusobime ul li {display:inline-block;width:30%;vertical-align:top;text-align:left;}


#homeslider {position: relative;max-height:800px;height: 45vw;overflow:hidden;width:100%;box-sizing:border-box;float:left;}
#homeslider::after {content:'';clear:both;display:block;}

.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 {position:absolute;left:0;right:0;bottom:0;top:0;background:#000;opacity:0.3;content:'';display:block;} 
.swiper-slide#slide1 {background-image:url('../images/slide1.jpg');}
.swiper-slide#slide2 {background-image:url('../images/slide2.jpg');}
.swiper-slide#slide3 {background-image:url('../images/slide3.jpg');}
.swiper-slide#slide4 {background-image:url('../images/slide4.jpg');}
.swiper-slide#slide5 {background-image:url('../images/slide5.jpg');}
.swiper-slide#slide6 {background-image:url('../images/slide6.jpg');}
.swiper-slide#slide7 {background-image:url('../images/slide7.jpg');}
.swiper-slide#slide8 {background-image:url('../images/slide8.jpg');}


#homeslider .container {height:calc( 100% - 200px);box-sizing:border-box;display:table;}
#homeslider .container .containerin {display:table-cell;height:100%;vertical-align:middle;}
#homeslider .nadpis {font-size:50px;line-height:60px;color:#fff;padding:0;display:block;margin:30px 0 30px 0;}
#homeslider .nadpis strong {font-size:inherit;color:inherit;font-weight:normal;display:inline-block;font-weight:900;line-height:inherit;} 
#homeslider .zarazeni li {display:inline-block;margin-right:10px;font-size:18px;color:#fff;padding:2px 10px;border:1px solid #fff;}
#homeslider p {display:block;margin:10px 0 40px 0;color:#fff;}    
#homeslider .swiper-pagination {bottom:150px;}
#homeslider .swiper-pagination-bullet {width:12px;height:12px;background:#fff;border:2px solid #fff;opacity:1;margin:0 7px;border-radius:0;}
#homeslider .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#af131e;}
.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;}
 
#homeslider #homeaktuality {z-index:10;position:absolute;left:0;right:0;bottom:0;padding-bottom:20px;background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);}
#homeslider #homeaktuality li {display:block;float:left;width:calc( (100% - 81px) / 3);box-sizing:border-box;margin-right:40px;}
#homeslider #homeaktuality li:last-child {margin-right:0;}
#homeslider #homeaktuality li a {padding-left:15px;background:url('../images/arrow-right.png') no-repeat 0 9px / 5px auto;color:#fff;display:block;text-decoration:none;}
#homeslider #homeaktuality li a:hover {padding-left:20px;background-position:5px 9px;text-decoration:underline;}


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


#main {padding:0px 0 100px 0;clear:both;box-sizing:border-box;}
#main ul li {padding: 0px 0px 4px 20px;background: url('../images/li.png') no-repeat 0 9px / 8px auto;}


#spolecnost-hodnoty {text-align:center;}
#spolecnost-hodnoty li {padding:0 !important;background:none !important;width:30%;display:inline-block;vertical-align:top;}
#spolecnost-hodnoty li::before {width:100%;display:block;height:140px;margin-bottom:20px;content:'';}
/*#spolecnost-hodnoty li:nth-child(1)::before {background: url('../images/icon-about1.png') no-repeat center center / contain;}
#spolecnost-hodnoty li:nth-child(2)::before {background: url('../images/icon-about2.png') no-repeat center center / contain;}
#spolecnost-hodnoty li:nth-child(3)::before {background: url('../images/icon-about3.png') no-repeat center center / contain;} 
*/
#spolecnost-hodnoty li:nth-child(1)::before, #spolecnost-hodnoty li:nth-child(3)::before {background: url('../images/icon-bolid.png') no-repeat center center / contain;}
#spolecnost-hodnoty li:nth-child(2)::before {background: url('../images/icon-about3.png') no-repeat center center / contain;}

#xkontakt #main ul {list-style:none;display:inline-block;width:33%;min-width:300px;;vertical-align:top;margin:20px 0 30px 0;}
#xkontakt #main ul li {padding:0 !important;display:block;background:none !important;}
#xkontakt #main ul::after {clear:both;display:block;content:'';}
/*#xkontakt #main ul li {display:inline-block;width:30%;padding-left:0;background:none;}*/


#referencelist {width:500px;float:right;list-style:none;margin-left:100px;margin-top:-100px;}
#referencelist li {padding-left:0 !important;background:none !important;position:relative;}
#referencelist li::before {position:absolute;left:0;right:0;top:0;bottom:0;}
#referencelist li a {text-shadow:0 0 10px rgba(0,0,0,0.8);}
.boxes li a:hover {transform: scale(1.02);} 
#referencelist.boxes li:nth-of-type(1) a {background: url('../fotky/thumbs/img-3059.jpg') no-repeat center center / cover;}
#referencelist.boxes li:nth-of-type(2) a {background: url('../fotky/thumbs/tisk-0019.jpg') no-repeat center center / cover;}
#referencelist.boxes li:nth-of-type(3) a {background: url('../fotky/thumbs/u-trava-ext.jpg') no-repeat center center / cover;}
#referencelist.boxes li:nth-of-type(4) a {background: url('../images/kravin.jpg') no-repeat center center / cover;}

.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;}

#main .list {margin-top:30px;}
#main .list li {display:block;max-width:300px;border:1px solid #ccc;background-position:20px 20px;padding:10px 10px 10px 40px;margin-bottom:5px;}
#main .list li:hover {background-color:#fafafa;}
#main .list li a {display:block;font-weight:bold;text-decoration:none;line-height:34px;}
#main .list.aktualitylist li {display:block;max-width:600px;}

.mapicon {float:left;margin-right:20px;margin-top:5px;margin-left:0px;padding-top:25px;color:#af131e;font-size:13px;background:url('../images/mapicon.png') no-repeat center 0 / 15px auto;}


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

footer {clear:both;}
footer #footertop {padding:60px 0;background:#272424;}
footer #footertop ul {display:block;list-style:none;text-align:left;}
footer #footertop ul li {display:inline-block;margin:0 30px;}
footer #footertop ul li:first-of-type {margin-left:0;}
footer #footertop ul li a {color:#fff;text-decoration:none;font-size:16px;}
footer #footertop ul li a:hover {text-decoration:underline;}
footer #footerbottom {padding:20px 0 80px 0;background:#272424;position:relative;}
footer #footerbottom .container * {line-height:35px;font-size:16px;text-decoration:none;color:#737373;}
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: 1340px) {
	#homeslider .container {max-width:calc( 100vw - 200px );}
}	
	
@media only screen and (max-width: 1240px) {
    .container {width:100%;}

 	.fourbox {float:left;width:calc( (100% - 21px) / 2);}
 	.fourbox:nth-of-type(2n) {margin-right:0;}
 	
 	#xhome img {max-width:100%;height:auto;}
 	
 	#homeslider .nadpis {font-size:35px;line-height:45px;}
 	#homeslider .swiper-pagination {display:none;}
 	
 	#main .fotogalerie li {height:20vw !important;}
}

@media only screen and (max-width : 992px) {
	
    header {padding-top:0;height:110px;}
    header #headermenu #headernav div  {width:110px;height:110px;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:#af131e;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;}
    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;}
    header #headermenu #headernav #headerlist li.active > a::before {display:none;}
    #xhome #homeslider {margin-top:0;}
    header #headermenu #headernav {width:calc(100% - 240px);}
    header #headermenu #headernav::after {display:none;}
    	
    #main .fotogalerie li {height:40vw !important;width:calc( (100% - 21px) / 2 );}
    #main .fotogalerie li:nth-of-type(2n) {margin-right:0px;}

	#homeslider {height:auto;overflow:visible;}
	#homeslider .swiper-container {height:60vw;}
	#homeslider #homeaktuality .container {max-width:100%;}
	#homeslider #homeaktuality {position:static;background:none;padding-bottom:0px;padding-top:20px;}
	#homeslider #homeaktuality .container::before {display:block;content:'Aktuality';font-size:20px;font-weight:600;padding-bottom:10px;}
	#homeslider #homeaktuality li {float:none;display:block;margin:0 0 5px 0;width:100%;}
	#homeslider #homeaktuality li a {color:#004518;padding:0;background:none;}
	#homeslider #homeaktuality li a:hover {padding:0;}
	
    #homecompanylist {float:none;width:100%;}
    #homecompany {padding-top:0;}
    #homecompanytext {width:100%;margin-bottom:30px;float:none;}
    
    #pusobime ul li {width:100%;display:block;margin-bottom:20px;text-align:center;}
    
    #xkontakt #main ul li {width:48%;}
    #xkontakt #main ul li:nth-of-type(3n+1) {display:block;width:100%;}
    
    .mapicon {float:none;margin-left:auto !important;margin-right:auto !important;padding-bottom:10px;display:block;}
    #xkontakt .mapicon {margin-left:0 !important;width:36px;}
}  

@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 #homeslider, #blocktop {margin-top:0px;}
    
    #homeslider .swiper-button-prev, #homeslider .swiper-button-next {top:auto;height:100px;}
	#homeslider .container {max-width:100%;}
	#homeslider .container .containerin {text-align:center;}
	#homeslider .container .containerin p, #homeslider .container .containerin .zarazeni {display:none;}

	.swiper-slide#slide1 {background-image:url('../images/slide1s.jpg');}
	.swiper-slide#slide2 {background-image:url('../images/slide2s.jpg');}
	.swiper-slide#slide3 {background-image:url('../images/slide3s.jpg');}
	.swiper-slide#slide4 {background-image:url('../images/slide4s.jpg');}
	.swiper-slide#slide5 {background-image:url('../images/slide5s.jpg');}
	.swiper-slide#slide6 {background-image:url('../images/slide6s.jpg');}
	.swiper-slide#slide7 {background-image:url('../images/slide7s.jpg');}
	.swiper-slide#slide8 {background-image:url('../images/slide8s.jpg');}

	#xkontakt #main ul li {display:block;width:100%;}
	#referencelist {float:none;margin:0 auto 20px auto !important;width:100%;}
	#referencelist::after {clear:both;display:block;content:'';}
		
    footer #footertop ul {text-align:center;}
    footer #footertop ul li {margin:0 15px !important}
	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 : 560px) {
 	.fourbox {float:none;width:100%;margin-right:0;}
 	.boxes li {float:none;display:block;margin-right:0 !important;width:100%;height:90px;}
 	.boxes li a {width:inherit;height:inherit;}
 	#referencelist li {height:200px;}
 	#spolecnost-hodnoty li {width:100%;display:block;}

}

@media only screen and (max-width : 480px) {
	#homeslider .container .containerin .btn {display:none;}
	
	footer #footertop li {display:block;text-align:center;margin:10px 0;}	
	#main .fotogalerie li {height:60vw !important;width:100%;margin-right:0 !important;}
    .btn {width:100%;}
}

@media only screen and (max-width : 380px) {
	#homeslider .nadpis {font-size:25px;line-height:30px;}
	header #headermenu #logo {max-width:calc(100% - 110px);background-position:0 center;background-size:contain;}
	footer #footertop ul li {display:block;margin:0;}
	footer #footerbottom {padding-bottom:40px;}
    .btn {min-width:100px !important;}
}