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

@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,500,900&subset=latin-ext');
 
body {width:100%;overflow-x:hidden;image-rendering:optimizeQuality;}
* {margin: 0; padding: 0; color:#575757;font-family: 'Roboto', 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:500;}
 
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, h2, h3 {font-family: 'Josefin Sans', sans-serif;}*/


h1 {font-size:50px;line-height:60px;color:#202022;padding:0;font-weight:900;display:block;margin:30px 0 50px 0;}
h2, h2 a {font-size:25px;color:#202022;padding:0;font-weight:900;text-decoration:none;}
h2 {line-height:40px;display:block;margin:40px 0 60px 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:#fff;line-height:30px;font-weight:500;text-decoration:none;font-size:20px;min-width:270px;position:relative;}
.btn:hover {color:#fff !important;}
.btn::before {content:'';position:absolute;background:#6a8512;z-index:-1;bottom:0;top:0;left:0;width:100%;height:100%;transform:skewX(-15deg);transition: all 0.3s linear;}
.btn:hover::before {background:#617b0d;}
.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:#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:140px;position:relative;padding-top:30px;}
header #headermenu {vertical-align:middle;height:110px;}
header #headermenu #logo {width:240px;height:110px;background: url('../images/logo.png') no-repeat center center / auto 80%;display:inline-block;z-index:20;margin-left:40px;}

header #headermenu #logo span {display:none;}
header #headermenu #headernav {min-height:110px;float:right;width:auto;box-sizing:border-box;padding-right:calc( (100vw - 1200px) / 2);background: url('../images/topmenu-r.png') repeat-x 0 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;}
header #headermenu #headernav #headerlist li a {display:block;text-transform:uppercase;text-decoration:none;color:#fff;font-size:16px;height:110px;font-weight:500;text-align:center;line-height:110px;padding:0 37px 0 32px;background: url('../images/menuli.png') no-repeat right center;}
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 {padding-right:0;background:none;}
header #headermenu #headernav::after {position:absolute;left:-36px;top:0;width:36px;bottom:0;display:block;content:'';background: url('../images/topmenu-l.png') no-repeat 0 0;}

#blocktop {background: url('../images/slide1.jpg') no-repeat center center;background-size:cover;margin-top:-140px;padding-top:140px;}
#blocktop .container {min-height:300px;position:relative;box-sizing:border-box;}
#blocktop h1 {line-height:60px;font-size:50px;font-weight:900;padding-top:50px;color:#fff;text-transform:uppercase;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;}

#xhome #main .container {padding-right:480px;position:relative;}
#xhome #main .container::after {position:absolute;right:20px;top:0;bottom:0;left:calc(100% - 380px);content:'';display:block;background:url('../images/logopart.png') no-repeat center center;background-size:contain;}
#xhome #homeslider {margin-top:-140px;}
#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:230px;margin-bottom:40px;margin-top:-75px;}
.homeblock {float:left;width:calc( (100% - 60px) / 3);margin-right:30px;}
.homeblock:nth-of-type(3n) {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;}
.skewblock {position:relative;}
.skewblock strong {position:absolute;z-index:10;color:#fff;font-size:19px;font-weight:900;padding:15px 68px 15px 30px;line-height:30px;text-transform:uppercase;left:8px;right:30px;bottom:-38px;}
.skewblock strong::before {content:'';position:absolute;background:#6a8512;z-index:-1;bottom:0;top:0;left:0;width:100%;height:100%;transform:skewX(-15deg);transition: all 0.3s linear;}
.skewblock:hover strong::before {background:#617b0d;}
.skewblock span {position:absolute;z-index:11;bottom:-38px;height:120px;display:block;right:16px;width:75px;font-size:0;text-indent:-9999px;}
.skewblock span::before {content:'';position:absolute;background:#6a8512;z-index:-1;bottom:0;top:0;left:0;width:100%;height:100%;transform:skewX(-15deg);transition: all 0.3s linear;}
.skewblock:hover span::before {background:#617b0d;}
.skewblock span::after {content:'';position:absolute;background: url('../images/arrow-right.png') no-repeat center center / 7px auto;width:7px;top:20px;right:27px;display:block;height:20px;z-index:30;}
.skewblock:hover {transform:scale(1.02);}
.galblock {display:block;}
.galblock img {display:block;width:100%;height:auto;}
.galblock strong {font-size:18px;font-weight:300;}
.galblock:hover {z-index:100;}
.galblock .foto {width:100%;height:250px;overflow:hidden;display:block;}

.btnline {clear:both;padding-top:100px;text-align:center;}

#homegallery .container {padding-bottom:160px;}
#homegallery .container::after {content:'';clear:both;display:block;}
#homegallery .galblock {float:left;width:calc( (100% - 60px) / 3 );margin-right:0;}
#homegallery .galblock.big {margin-right:30px;width:calc( (100% - 60px) / 3 * 2 + 30px); }
#homegallery .galblock.big em {height:520px;}
#homegallery .galblock:last-of-type {margin-top:20px;}
#homegallery.fotogal .galblock {margin-bottom:60px;margin-right:20px;}
#homegallery.fotogal .galblock:nth-of-type(3n) {margin-right:0px;}


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


#homeslider {position: relative;max-height:880px;height: 45vw;overflow:hidden;width:100%;box-sizing:border-box;float:left;}
#homeslider::before, #homeslider::after {content:'';position: absolute;bottom:0;height:5vw;z-index:5;pointer-events: none;}
#homeslider::before {background: url("../images/header-l.png") no-repeat 0 0 / 100% 100%;left:0;right:50%;}
#homeslider::after {background: url("../images/header-r.png") no-repeat 0 0 / 100% 100%;right:0;left:50%;}

#homeinfo {background: url("../images/homeinfo.jpg") no-repeat center center / cover;position:relative;}
#homeinfo::before {background: url("../images/homeinfoin.png") no-repeat right 0 / auto 100%;content:'';position:absolute;display:block;top:0;bottom:0;left:0;right:calc( (100vw - 1200px) );z-index:10;}
#homeinfo .container {padding-top:20px;padding-bottom:50px;}
#homeinfo #homeinfoin {position:relative;z-index:15;width:50%;}

#homeinfo h2, #homediesel h2 {color:#fff;text-align:left;margin-bottom:30px;}
#homeinfo ul li {margin-bottom:10px;color:#fff;padding-left:25px;background: url('../images/arrow-right.png') no-repeat 0 7px / 7px auto;}
#homediesel p {color:#fff;}
#homediesel .btn {margin-top:20px;}

#homediesel {background: url("../images/homediesel.jpg") no-repeat center center / cover;position:relative;overflow:hidden;}
#homediesel::before {background: url("../images/homedieselin.png") no-repeat 0 0 / auto 100%;content:'';position:absolute;display:block;top:0;bottom:0;right:0;left:calc( (100vw - 1200px) );z-index:10;}
#homediesel .container {padding-top:20px;padding-bottom:50px;}
#homediesel #homedieselin {position:relative;z-index:15;width:50%;float:right;z-index:15;}
#homediesel .container::before {background: url("../images/kamion.png") no-repeat center bottom / contain;content:'';position:absolute;display:block;top:0;bottom:-70px;left:-40px;width:50%;z-index:10;}

#homesafety .container {padding-top:50px;padding-bottom:80px;}

.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#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');}


#homeslider .container {height:100%;box-sizing:border-box;display:table;}
#homeslider .container .containerin {display:table-cell;height:100%;vertical-align:middle;}
#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:140px;}
#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:#6a8512;}
.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("http://www.progrestech.cz/images/arrow-grey.png") no-repeat 15px 10px / 8px auto;
	padding: 0px 0px 4px 30px;
}

#galeriepage {padding:30px 0;}
.galerie li {float:left;width:25%;}
.galerie li a {float:left;width:100%;height:16vw;overflow:hidden;display:block;}
.galerie li a img {width:100%;height:auto;display:block;}
.galerie::after {clear:both;content:'';display:block;}





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

footer {clear:both;}
footer #footertop {padding:60px 0;background:#454545;}
footer #footertop ul {display:block;list-style:none;text-align:center;}
footer #footertop ul li {display:inline-block;margin:0 30px;}
footer #footertop ul li a {color:#fff;text-decoration:none;font-size:16px;}
footer #footertop ul li a:hover {text-decoration:underline;}
footer #footermain {padding:90px 0;background:#303030;}
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:#fff;font-size:18px;margin-bottom:30px;display:block;}
footer #footermain .footblock * {font-size:16px;color:#9d9d9d;text-decoration:none;line-height:25px;}
footer #footermain .footblock a:hover {text-decoration:underline;}
footer #footerbottom {padding:20px 0 80px 0;background:#303030;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: 1479px) {
	header #headermenu #headernav {width:calc(100vw - 350px);padding-right:20px;}
    #homeinfo::before {right:calc( 100vw - 900px );}
    #homeinfo #homeinfoin {width:650px;}	
    #homediesel::before {left:32%;}
    header #headermenu #headernav #headerlist li a {padding:0 25px 0 20px;}
    .swiper-button-next, .swiper-button-prev {display:none;}
}


@media only screen and (max-width: 1240px) {
    .container {width:100%;}
    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:#000;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;}
    #xhome #homeslider {margin-top:0;}
    header #headermenu #headernav {width:100%;}
    header #headermenu #headernav::after {display:none;}
    header #headermenu #logo {position:absolute;margin-left:20px;width:220px;}
    #realizaceline strong {font-size:25px;}

 	.fourbox {float:left;width:calc( (100% - 21px) / 2);}
 	.fourbox:nth-of-type(2n) {margin-right:0;}
}

@media only screen and (max-width : 992px) {
    .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.fotogal .galblock {width:calc( (100% - 20px) / 2);}
	#homegallery.fotogal .galblock em {height:30vw;}
	#homegallery.fotogal .galblock:nth-of-type(3n) {margin-right:20px !important;}
	#homegallery.fotogal .galblock:nth-of-type(2n) {margin-right:0px !important;}
	
   
    
    #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;}
    
}  

@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;}
    
	#homegallery.fotogal .galblock {width:100%;margin-right:0 !important;float:none;}
	#homegallery.fotogal .galblock em {height:60vw;}    
   
	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 {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;}
}

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