body {
    color: #5B5B5B;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 190%;
}
h1, h2 {
	color: #006BB4;
	font-size: 40px;
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif;
}
h1 {
    margin: 55px 0 50px;
    font-weight: 700;
}
h2 {
    margin: 80px 0 55px;
    font-weight: 700;
}
a {
	transition: all 0.3s;
}
.nav>li {
    position: relative;
    display: inline-block;
}
.nav>li > a {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 100;
    color: black;
    padding: 23px 19px;
}
.nav>li > a.active, .nav>li > a:hover {
    color: #006BB4;
	background: transparent;
}
.nav>li > a:focus {
	background: transparent;
}
.tel-menu a {
	color: #68CC3E;
}
.tel-menu, .hamb-menu, .menu {
	float: right;
}
.logo {
    float: left;
}
.wrap-logo {
	margin: 20px 0;
}
.logo img {
    max-width: 131px;	
}
img {
	width: 100%;
	max-width: 100%;
}
.tel-menu a {
    color: #68CC3E;
    display: inline-block;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
}
.tel-menu {
    padding: 23px 0 23px 40px;
    position: relative;
}
.tel-menu img {
    max-width: 20px;
    position: absolute;
    left: 13px;
    top: 27px;
}
#uvod-img .text-img {
	
}
#uvod-img h2 {
    font-size: 26px;
    text-align: left;
    margin: 20px 0 10px;
}
#uvod-img {
    font-size: 18px;
    position: relative;
    margin-bottom: 40px;
    padding: 0;
	font-family: 'Roboto Condensed', sans-serif;
}

a.btn {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    border-radius: 3px;
    border: 1px solid #00A0E3;
    color: #00A0E3;
    padding: 7px 25px 5px;
	background: white;
}
a.btn:hover, a.btn:focus, .wrap-btn a.btn.btn-big:hover, .wrap-btn a.btn.btn-big:focus {
    color: white;
    background: #68CC3E;
    border: 1px solid #68CC3E;
}
a.btn.btn-big.btn-1 {
    border: 1px solid #006BB4;
    background: #006BB4;
	color: white;
}
a.btn.btn-big.btn-2 {
    border: 1px solid #00A0E3;
    background: #00A0E3;
	color: white;
}
a.btn.btn-big {
    padding: 19px 40px;
    font-size: 22px;
    font-weight: 400;
    border-radius: 0;
    margin: 10px 2%;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}
.wrap-btn {
    position: absolute;
    bottom: 0;
    transform: translateY(50%);
    width: 100%;
    text-align: center;
}
#kontakt .col, #kontakt .col a {
	color: white;	
}
div#kontakt .col-1 {
    background: #68CC3E;	
}
div#kontakt .col-2 {
    background: #00A0E3;
}
div#kontakt .col-3 {
    padding: 0;
}
iframe.mapa {
    width: 100%;
    height: 100%;
}
.tel-icon img {
    max-width: 45px;
}
p {
    margin: 0 0 22px;
}
.text-img p {
    margin-bottom: 15px;
}
.wrap-img:before {
    content: '';
    display: block;
    margin: 0 auto;
    border-bottom: 1px solid #5B5B5B;
    max-width: 66%;
}
.hlavicka {
    position: fixed;
    width: 100%;
    background: white;
    z-index: 10;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.07);
    top: 0;
}
.gdpr-text h2 {
    text-align: left;
    margin-bottom: 30px;
    font-size: 34px;
}
div#uvod-img {
    padding-top: 76px;
}
#jak-to-funguje {
    color: white;
    background: rgba(0,108,180,1);
    background: -moz-linear-gradient(top, rgba(0,108,180,1) 0%, rgba(0,159,227,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,108,180,1)), color-stop(100%, rgba(0,159,227,1)));
    background: -webkit-linear-gradient(top, rgba(0,108,180,1) 0%, rgba(0,159,227,1) 100%);
    background: -o-linear-gradient(top, rgba(0,108,180,1) 0%, rgba(0,159,227,1) 100%);
    background: -ms-linear-gradient(top, rgba(0,108,180,1) 0%, rgba(0,159,227,1) 100%);
    background: linear-gradient(to bottom, rgba(0,108,180,1) 0%, rgba(0,159,227,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006cb4', endColorstr='#009fe3', GradientType=0 );
}
#jak-to-funguje h2 {
    color: white;    
}
div#ke-stazeni {
    background: #F5F5F5;
}
.acc-box {
    background: #ECECEC;
    margin-bottom: 5px;
}
.acc-box.is-open {
    background: #ECECEC;
}
.acc-text {
	display: none;
	padding: 15px 30px 15px 75px;
}
.acc-nadpis {
    background: #006BB4;
	font-size: 20px;
	font-family: 'Roboto Condensed', sans-serif;
	padding: 15px 30px 15px 75px;
    position: relative;
    color: white;
	cursor: pointer;
	transition: background 0.3s;
}
.acc-box.is-open .acc-nadpis {
    background: #00A0E3;	
}
.acc-nadpis:before {
    content: '';
    position: absolute;
    transform: rotate(0deg);
    width: 26px;
    height: 2px;
    background: white;
    left: 20px;
    line-height: 25px;
    font-size: 50px;
    color: #E9C900;
    transition: transform 0.6s;
    top: 29px;
}
.acc-box.is-open .acc-nadpis:before {
    transform: rotate(45deg);
    transition: transform 0.6s;
}
.acc-nadpis:after {
    content: '';
    position: absolute;
    transform: rotate(90deg);
    width: 26px;
    height: 2px;
    background: white;
    left: 20px;
    line-height: 25px;
    font-size: 50px;
    color: #E9C900;
    transition: transform 0.6s;
    top: 29px;
}
.acc-box.is-open .acc-nadpis:after {
    transform: rotate(135deg);
    transition: transform 0.6s 0.1s;
}
.acc-box p {
    margin-bottom: 0;
    padding-bottom: 15px;
}
.acc-box p:last-child {
    padding-bottom: 0;
}
span.download-icon {
    position: relative;
    width: 56px;
    height: 56px;
    margin-right: 30px;
    border: 2px solid #C1C1C1;
    border-radius: 100px;
    transition: all 0.3s;
}
a:hover span.download-icon {
    border: 2px solid #68CC3E;
}
a:hover span.download-icon:before {
    border-color: #68CC3E;
}
span.download-icon:before {
    content: '';
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 50%;
    transform: rotate(-45deg) translateY(-65%);
    top: 42%;
    border-left: 2px solid #C1C1C1;
    border-bottom: 2px solid #C1C1C1;
	transition: all 0.3s;
}
div#ke-stazeni {
    background: #F5F5F5;
    font-size: 18px;
    color: black;
    padding-bottom: 60px;
}
div#ke-stazeni a {
    color: black;
    text-decoration: none;
}
div#ke-stazeni a:hover {
    color: gray;
    text-decoration: none;
}
.tel-icon img {
    max-width: 45px;
    margin: 40px 0 30px;
}
.telefon {
    font-size: 40px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    margin-bottom: 20px;
}
.prac-hod {
    font-size: 30px;
    padding: 0;
    line-height: 38px;
    margin-bottom: 40px;
}
iframe.mapa {
    width: calc(100% + 15px);
    height: 100%;
    margin: 0 -15px;
}
div#kontakt {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 20px;
    line-height: 30px;
}
.row .col {
	margin-bottom: 30px;
}
.kontakt-nadpis {
    font-size: 24px;
    margin: 46px 0 15px;
}
div#paticka {
    background: #F1F1F1;
    padding: 15px 15px 12px;
    text-align: center;
    margin-top: 60px;
}
div#paticka a {
    color: #BCBCBC;
}
div#paticka a:hover, div#paticka a:focus {
    color: gray;
}
.jak-row {
    font-family: 'Roboto Condensed', sans-serif;
    margin: 0 -25px;
}
.jak-row:before, .jak-row:after {
    display: table;
    content: " ";
}
.jak-row:after {
    clear: both;
}
.jak-col {
    position: relative;
    float: left;
    width: 20%;
    padding: 0 25px;
}
.kolecko .kolecko-text {
    color: #5B5B5B;
    font-weight: 700;
}
.kolecko {
    width: 105px;
    margin: 0 auto;
    display: block;
    height: 105px;
    vertical-align: middle;
    border-radius: 200px;
    background: white;
    color: #5B5B5B;
    text-align: center;
    position: relative;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}
.kolecko-wrap {
	margin-bottom: 45px;
}
.kolecko-content {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}
.jak-col.jak-col-5 .kolecko {
	background: #68CC3E;
}
.jak-col.jak-col-5 .kolecko .kolecko-text {
	color:white;
    line-height: 21px;
}
.jak-col-1:before, .jak-col-2:before, .jak-col-3:before, .jak-col-4:before {
    content: '';
    width: 100%;
    position: absolute;
    top: 50px;
    height: 3px;
    background: white;
    left: 50%;
}
.kolecko-content span {
    display: block;
}
.kolecko .kolecko-cislo {
    color: #00A0E3;
    font-size: 26px;
    font-weight: 700;
}
.container-960 {
	max-width: 960px;
}
.container-380 {
	max-width: 380px;
}
span.dtable {
    display: table;
    width: 100%;
}
span.dtable > * {
    display: table-cell;
	vertical-align: middle;
}
span.dtable > *:last-child {
    padding-left: 25px;
}
.obsah .container {
    padding-bottom: 80px;
}
.mezi-cas {
    position: absolute;
    top: 18px;
    right: 0;
    transform: translateX(50%);
}
.jak-text {
    margin-bottom: 60px;
}
b, strong {
    color: black;
}
#ostatni-sluzby .row .col .wrap-sluzby {
    background: #F5F5F5;
    min-height: 195px;
    cursor: pointer;
	transition: all 0.3s;
	position: relative;
}

#ostatni-sluzby .row .col {
    padding: 0 8px;
    margin-bottom: 14px;
}
#ostatni-sluzby .row .col h2 {
    font-size: 20px;
    color: #5B5B5B;
    text-align: left;
    margin: 0;
    padding: 22px 25px;
    height: 100%;
    font-weight: 400;
    line-height: 30px;
}
#ostatni-sluzby .row {
    margin: 0 -8px;
}
.schov-wrap {
    background: #00A0E3;
    color: white;
}
.schov-wrap b {
    color: white;
}
#ostatni-sluzby .row-sluzby .col.nadpis-open .wrap-sluzby, #ostatni-sluzby .row-sluzby .col .wrap-sluzby:hover {
    background: #00A0E3;
}
#ostatni-sluzby .row-sluzby .col.nadpis-open .wrap-sluzby h2, #ostatni-sluzby .row-sluzby .col .wrap-sluzby:hover h2 {
    color: white;
}
.schov-text {
    padding: 22px 25px;
    display: none;
}
.schov-wrap p {
    margin-bottom: 12px;
}
.schov-wrap ul {
    padding-left: 17px;
}
.schov-wrap .schov-text ul:last-child {
    margin-bottom: 0;
}
div#cookie-banner {
	position: fixed;
	bottom: 0;
	width: 100%;
	padding: 8px 0;
	background-color: #f5f5f5;
	text-align: center;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	z-index: 10000;
	display: none;
	border-top: 1px solid gray;
}
div#cookie-banner-wrap {
	display: flex;
	align-content: space-between;
	max-width: 1200px;
	text-align: left;
	padding: 0 8px;
	margin: 0 auto;
	align-items: center;
}
#cookie-banner button {
	padding: 6px 10px;
	font-size: 14px;
	background-color: #0275d8;
	color: white;
	border: none;
	cursor: pointer;
	transition: all 0.3s;
	margin-left: 5px
}
#cookie-banner button:hover, #cookie-banner button:focus {
	background-color: #68CC3E;
}
#cookie-banner p.cookie-banner-text {
	margin: 0;
	font-size: 13px;
	line-height: 1.2;
	padding-right: 15px;
	color: black;
}
@media (min-width: 768px){
	#cookie-banner button {
		padding: 10px 20px;
		font-size: 16px;
	}
	#cookie-banner p.cookie-banner-text {
		font-size: 16px;
		line-height: 1.6;
		padding-right: 30px;
	}
	div#cookie-banner-wrap {
		padding: 0 15px;
	}
}
@media (min-width: 768px){
	#ostatni-sluzby .row .col.nadpis-open h2 {
		font-weight: 700;
	}
	#uvod-img .text-img {
		background: rgba(255, 255, 255, 0.9);
		max-width: 350px;
		position: absolute;
		top: 30%;
		right: 5%;
		padding: 0 24px 10px;
		transform: translateY(-25%);
	}
	.schov-wrap h2 {
		display: none;
	}
	.row-sluzby .col:after {
		content: '';
		display: block;
		position: absolute;
		top: 100%;
		background: #00A0E3;
		max-height: 0;
		left: 8px;
		right: 8px;
		height: 16px;	
		transition: all 0.5s 0.3s;
	}
	.row-sluzby .col.nadpis-open:after {
		max-height: 16px;	
		transition: all 0.3s;
	}
}
@media (min-width: 992px){
	div#ke-stazeni .row {
		margin: 0 -30px;
	}
	div#ke-stazeni .row .col {
		padding: 0 30px;
	}
	div#kontakt .row {
		margin: 0 -40px;
	}
	div#kontakt .row .col {
		padding: 0 40px;
	}
	iframe.mapa {
		width: calc(100% + 80px);
		height: 100%;
		margin: 0 -40px;
	}
	.jak-text {
		text-align: center;
	}
}
@media (min-width: 1200px){
	.hlavicka.container {
		padding: 0;
	}	
}
@media (max-width: 1199px){
	.nav>li > a {
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: 100;
		color: black;
		padding: 23px 9px;
		font-size: 15px;
	}
	a.btn.btn-big {
		padding: 15px 30px;
		font-size: 20px;
	}
	div#uvod-img {
		padding-top: 76px;
		width: 100%;
	}
}
@media (max-width: 991px){
	
	.menu {
		float: none;
		clear: both;
		display: none;
	    margin: 0 -6px 8px;
	}
	.tel-menu a span {
		display: none;
	}
	.tel-menu {
		display: none;
	}
	.tel-menu img {
		max-width: 30px;
		position: absolute;
		left: 8px;
		top: 23px;
	}
	.hamb-menu {
		padding: 22px;
		cursor: pointer;
		position: absolute;
		right: 0;
		z-index: 100;
	}
	span.icon-bar {
		width: 36px;
		height: 4px;
		background: #006bb4;
		display: block;
		margin-bottom: 5px;
		margin-top: 5px;
		border-radius: 8px;
	}
	.nav>li {
		display: block;
	}
	.nav>li > a {
		padding: 5px 9px;
		font-weight: 700;
	}
	.hlavicka .container {
		width: 100%;
	}
	#uvod-img .text-img {
		top: 170px;
		right: 45px;
	}
	.jak-col {
		display: table;
		vertical-align: middle;
		width: 100%;
		margin-bottom: 50px;
		padding: 0 15px;
	}
	.jak-col > div {
		display: table-cell;
		vertical-align: middle;
	}
	.jak-col .jak-text {
		padding-left: 40px;
	}
	.jak-col > div p {
		margin-bottom: 0;
	}
	.jak-col-1:before, .jak-col-2:before, .jak-col-3:before, .jak-col-4:before {
		content: '';
		width: 3px;
		position: absolute;
		top: 80px;
		height: 140px;
		background: white;
		left: 65px;
	}
	.mezi-cas {
		position: absolute;
		top: calc(100% + 9px);
		right: unset;
		transform: translateX(50%);
		left: 75px;
	}
	.jak-row {
		margin: 0 auto;
		max-width: 460px;
	}
	.mezi-cas {
		position: absolute;
		top: calc(100% + 9px);
		right: unset;
		transform: translateX(50%);
		left: 0px;
		text-align: center;
		min-width: 100px;
	}
	div#kontakt .col {
		margin-bottom: 0;
	}
	iframe.mapa {
		width: calc(100%);
		height: 100%;
		margin: 0;
		height: 280px;
	}
	div#kontakt .col.col-3 {
		margin-bottom: 30px;
	}
	div#kontakt .col-2 {
		margin-bottom: 0;
		padding: 0px 70px;
	}
	div#paticka {
		margin-top: 25px;
	}
}
@media (max-width: 960px){
	.wrap-btn {
		transform: translateY(75%);
	}
	#uvod-img {
		margin-bottom: 115px;
	}
}
@media (max-width: 768px){
	div#ke-stazeni {
		padding-bottom: 15px;
	}
	div#kontakt .col {
		margin-bottom: 0;
		min-height: 281px;
	}
	#uvod-img h2 {
		font-size: 24px;
	}
	.wrap-btn {
		position: relative;
		transform: none;
		border-bottom: 1px solid #006bb4;
		padding-bottom: 15px;
	}
	#uvod-img .text-img {
		padding: 0 15px 10px;
		margin-bottom: 15px;
		border-bottom: 1px solid #00a0e3;
		text-align: center;
	}
	#uvod-img .text-img h2 {
		text-align: center;
	}
	a.btn {
		padding-left: 35px;
		padding-right: 35px;
		font-size: 16px;
	}
	a.btn.btn-big {
		padding: 15px 30px;
		font-size: 18px;
	}
	#uvod-img {
		margin-bottom: 0;
	}
	a.btn.btn-big {
		padding: 13px 30px 11px;
		font-size: 16px;
		min-width: 270px;
	}
	h1, h2 {
		font-size: 28px;
	}
	h2 {
		margin: 50px 0;
	}
	.wrap-img {
		padding-bottom: 5%;
	}
	.obsah .container {
		padding-bottom: 10px;
	}
	.kolecko .kolecko-text {
		color: #5B5B5B;
		font-weight: 700;
		font-size: 12px;
		line-height: 25px;
	}
	.kolecko .kolecko-cislo {
		color: #00A0E3;
		font-size: 24px;
		font-weight: 700;
		line-height: 25px;
	}
	.jak-col-1:before, .jak-col-2:before, .jak-col-3:before, .jak-col-4:before {
		content: '';
		width: 3px;
		position: absolute;
		top: 50px;
		height: 140px;
		background: white;
		left: 42px;
	}
	.kolecko {
		width: 87px;
		height: 87px;		
	}
	.jak-col .jak-text {
		padding-left: 15px;
		line-height: 22px;
	}
	.jak-col {
		padding: 0;
	}
	span.download-icon {
    	margin: 0 auto 15px;
		clear: both;
		float: none;
		display: block;
	}
	div#ke-stazeni a p {
		max-width: 260px;
		text-align: center;
		margin: 0 auto;
	}
	div#kontakt .col.col-2 {
		text-align: center;
		padding: 0 15px;
	}
	.acc-nadpis {
		padding: 10px 15px 10px 55px;
		font-size: 18px;
	}
	.acc-nadpis:before, .acc-nadpis:after {
		left: 15px;
		width: 22px;
		top: 24px;
	}
	.acc-text {
		padding: 15px 15px 15px 55px;
	}
	body {
		font-size: 15px;
	}
	.mezi-cas {
		position: absolute;
		top: calc(100% + 10px);
		right: unset;
		transform: translateX(50%);
		left: -10px;
		text-align: center;
		min-width: 100px;
	}
	.wrap-logo {
		margin: 10px 0;
	}
	.hamb-menu {
		padding: 12px 18px;
	}
	div#uvod-img {
		padding-top: 56px;
	}
	.row.row-sluzby {
		display: none;
	}
	.schov-wrap {
		background: transparent;
		color: white;
	    margin-bottom: 45px;
	}
	.schov-wrap h2 {
		padding: 10px 15px 10px 55px;
		font-size: 20px;
		margin: 0;
		color: white;
		text-align: left;
		font-weight: 400;
	}
	.schov-wrap-wrap {
		position: relative;
		background: #006BB4;
		margin-bottom: 5px;
	}
	.schov-wrap .schov-wrap-wrap:before {
		content: '';
		position: absolute;
		transform: rotate(0deg);
		height: 2px;
		background: white;
		left: 15px;
		width: 22px;
		top: 24px;
		line-height: 25px;
		font-size: 50px;
		color: #E9C900;
		transition: transform 0.6s;
	}
	.schov-wrap .schov-wrap-wrap:after {
		content: '';
		position: absolute;
		transform: rotate(90deg);
		width: 22px;
		height: 2px;
		background: white;
		left: 15px;
		line-height: 25px;
		font-size: 50px;
		color: #E9C900;
		transition: transform 0.6s;
		top: 24px;
	}
	.schov-wrap .schov-wrap-wrap.nadpis-open:before {
		transform: rotate(45deg);
		transition: transform 0.6s;
	}
	.schov-wrap .schov-wrap-wrap.nadpis-open:after {
		transform: rotate(135deg);
		transition: transform 0.6s 0.1s;
	}
	.schov-text {
		padding: 15px 15px 15px 55px;
		display: none;
		background: #ececec;
		color: #5B5B5B;
	}
	.schov-text b {
		color: black;
	}
	.schov-wrap h2 {
		padding: 14px 15px 14px 55px;
		font-size: 20px;
		margin: 0;
		color: white;
		text-align: left;
		font-weight: 400;
		cursor: pointer;
	}
	.schov-wrap .schov-wrap-wrap.nadpis-open {
		background: #00A0E3;
	}
}
@media (max-width: 400px){
	
}