@charset "utf-8";
/* CSS Document */
.wrap-all-p{
	width:100%;
	max-width:1200px;
	padding:0 2em 2em 2em;
	margin:0 auto;
}


.wrap-info{
	display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-auto-rows: 1fr;
    grid-column-gap: 1em;
    grid-row-gap: 1em;
	margin-top:3em;
	margin-bottom:3em;
}
.wrap-info.three{grid-template-columns: repeat(3, 1fr);}
.wrap-info .info{
	width:100%;
}
.wrap-info.three .info{
	text-align:center;
	font-weight:bold;
}

.wrap-info .info img{max-width:100px;}


.wrap-info.three .info img, .wrap-info.three .info span{
    margin-right: 1.5em;
}

.header-image h1{    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    color: #fff;
	
    margin: 0;
    padding: 1em 0 0.3em;
	background: rgba(0,0,0,0.5);
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 );
	}
.map-frame {
    width: 100%;
    height: 50vh;
    position: relative;
	margin-bottom:1em;
}
/*--------------------------------------------------------------------
                            PŘEPSANE STYLY
---------------------------------------------------------------------*/	
.header-image{height:50vh !important;} 

	.site-header { z-index:9999;
		background: -moz-linear-gradient(top,  rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(0,0,0,0.85) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(0,0,0,0.85) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
	}

.site-logo{opacity:1;
	-webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    -ms-transition: all 0.6s ease-out;
    -o-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;}
	
.home .site-logo{opacity:0;}

.site-header.float-header .site-logo{opacity:1;}

.site-header.float-header #mainnav ul li a, .site-header.float-header #mainnav ul li::before{color:rgb(68, 63, 63);}
	
.site-header.float-header{background:rgba(255,255,255,1);
-webkit-box-shadow: 0px 2px 15px 0px rgba(122,122,122,1);
-moz-box-shadow: 0px 2px 15px 0px rgba(122,122,122,1);
box-shadow: 0px 2px 15px 0px rgba(122,122,122,1);}
.header-wrap{width:100%; max-width: 1170px;
margin:0 auto; padding:0.5em 0;}

.roll-icon-box .content h3{text-transform:uppercase; font-weight:bold; color: #3264b4; font-size:18px;}


.page .page-wrap .content-wrapper, .single .page-wrap .content-wrapper {
    padding: 2%;
}


.service{    margin-bottom: 4em;
    padding: 0 3em;}

.dark-bg .more-button{
	color:#fff;
	border-color:#fff;
	background-color: transparent;
	padding-left: 5vw;
	padding-right: 5vw;
}

.dark-bg .more-button:hover {
    background-color: #357fff;
	border-color:#357fff;
}

.light-bg .more-button{
	color:#357fff;
	border-color:#357fff;
	background-color: transparent;
	padding-left: 5vw;
	padding-right: 5vw;
}

.light-bg .more-button:hover {
	color:#fff;
    background-color: #357fff;
	border-color:#357fff;
}

/*.roll-project.fullwidth .project-item {
    width: 33.33%;

} */

.project-item .project-img{
	width: 98%;
    height: 50vh;
    display: block;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0 1%;
	position:relative;
	overflow:hidden;
	
}

.project-item .project-img h2{color: rgb(255, 255, 255) !important;
    background-color: rgba(0,0,0,0.8);
    padding: 0.5em;
    font-size: 32px;
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 0;
    width: 100%;
	height:auto;
	z-index:50;
	-webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;}

.roll-project .project-item:hover .project-img h2{ background-color: transparent; font-size:34px;

}

@media (min-width: 1200px)
{
.container {
    width: 96%;
}

}