.slider-container {
    width: 90%;
    overflow: hidden; /* Hide slides that overflow the container's width */
    position: relative;
    margin: 20px auto;
}

.slider {
    display: flex;
    transition: transform 0.5s ease-in-out;
    width: calc(300% / 3); /* 300% to accommodate the total space needed */
}

.slide {
    width: calc(100% / 3); /* Each slide should be one-third of the container's width */
    flex-shrink: 0;
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
}

.prev, .next {
    position: absolute;
    top: 30%;
    transform: translateY(-50%);
    background-color: #ddd;
    border: none;
    cursor: pointer;
    padding: 10px;
    font-size: 18px;
}

.prev {
    left: 0px;
}

.next {
    right: 0px;
}


.strankovani nav {
	display: flex;
	justify-content: center;
	padding-bottom: 150px;
	align-items: center;
}

.nav-links  {
	font-size: 1.3em;
	display: flex;
	gap: 30px;
	align-items: center;

}

.strankovani nav .prev, .next {
  position: relative;
  transform: none;
  background-color: #ddd;
  border: none;
  cursor: pointer;
  padding: 10px;
  font-size: 18px;
  border-radius: 10px;
  padding: 10px 20px;
}


.page {
	width: 100%;
	padding: 0 0 0px 0;
}




.hp {
	background-image:url('../grafika/header_bg.jpg');
	background-repeat:no-repeat;
	background-position: top left;
	background-size: cover;
	width: 100%;
}

.header_top {
	width: 80%;
	height: 134px;
	margin: 0 10%;
	background: rgba(255, 255, 255, 0.3);
	border-radius: 0 0 20px 20px;
	box-shadow: 0px 0px 4px grey;
}

.header_top .logo {
	background-image:url('../grafika/logo.svg');
	background-repeat:no-repeat;
	background-position: top left;
	background-size: contain;
	width: 286px;
	height: 83px;
}

.header_top .wrapper {
	padding: 20px 40px;
	display: flex;
	justify-content: space-between;
}

nav {
	display: flex;
	padding: 40px 0 0 0;
}

nav p {
	font-size: 1.2em;
	font-weight: 300;
	padding: 0 30px;
}

nav p:hover {
	color: #ff5f00;
}

.header_main {
	width: 80%;
	padding: 0 10% 100px 10%;
}

.header_main h1 {
	font-family: 'HelveticaNeueCEThin';
	font-size: 4.5em;
	color: #595959;	
	padding: 60px 0 0 40px;
	line-height: 1.4em;
	width: 720px;
	
}

.header_main span {
	display: inline-block;
	color: #f29100;
	font-size: 0.5em;
	word-spacing: -10px;
	line-height: 1.3em;
}


.ikony{
	display: flex;
	justify-content: space-between;
	width: 500px;
	padding: 40px 0 0 40px;
}


.ico_01 {
	background-image:url('../grafika/ico_header/ico_01.svg');
	background-repeat:no-repeat;
	background-position: bottom left;
	background-size: contain;
	width: 100px;
	height: 123px;
}

.ico_02 {
	background-image:url('../grafika/ico_header/ico_02.svg');
	background-repeat:no-repeat;
	background-position: bottom left;
	background-size: contain;
	width: 98px;
	height: 123px;
}

.ico_03 {
	background-image:url('../grafika/ico_header/ico_03.svg');
	background-repeat:no-repeat;
	background-position: bottom left;
	background-size: contain;
	width: 89px;
	height: 123px;
}

.ico_04 {
	background-image:url('../grafika/ico_header/ico_04.svg');
	background-repeat:no-repeat;
	background-position: bottom left;
	background-size: contain;
	width: 88px;
	height: 123px;
}


.highlight_box {
	width: 1110px;
	padding-bottom: 30px;
	background-color: #f29100;
	border-radius: 20px;
	box-shadow: 0px 0px 4px grey;
	margin: 280px auto 0 auto;
	height: 560px;
	position: relative;
	padding-left: 50px;
	padding-right: 50px;
}

.nav-vlevo {
	width: 80px;
	height: 80px;
	background-color: black;
	position: absolute;
	z-index: 10;
	left: -40px;
	top: 240px;
	border-radius: 50%;
	background-image:url('../grafika/sluzby-left.svg');
	background-repeat:no-repeat;
	background-position: center center;
	background-size: 14px auto;


}

.nav-vpravo {
	width: 70px;
	height: 70px;
	background-color: black;
	position: absolute;
	z-index: 10;
	right: -40px;
	top: 240px;
	border-radius: 50%;
	background-image:url('../grafika/sluzby-right.svg');
	background-repeat:no-repeat;
	background-position: center center;
	background-size: 14px auto;


}

.hl_rozmery {
	width: 370px;
	height: auto;
	text-align: center;
	flex-shrink: 0;
}

.highlight_box .wrapper {
	margin: 0px 0 0 0;
	display: flex;
	justify-content: space-between;
	overflow: hidden;
	width: 1110px;
}

.highlight_box h2 {
	font-size: 1.3em;
	color: #000;	
	font-weight: 500;
	padding: 20px 30px 0 30px;
	line-height: 1.4em;
	text-align: center;
}

.highlight_box .popis {
	font-size: 1em;
	color: #000;	
	font-weight: 300;
	padding: 20px 30px 0 30px;
	line-height: 1.4em;
	text-align: center;
}

.ikona_container {
	width: 140px;
	height: 140px;
	background-color: #f29100;
	border-radius: 100px;
	padding: 20px;
	box-sizing: border-box;
	margin: 10px auto 0 auto;
}

.ikona_container .ikona {
	width: 100px;
	height: 100px;
	border-radius: 200px;
	background-color: #fff;
	background-repeat:no-repeat;
	background-position: center center;
}

.hl_01 .ikona {
	background-image:url('../grafika/ico_nase_sluzby/ico_servery.svg');	
	background-size: auto 40px;		
}

.hl_02 .ikona {
	background-image:url('../grafika/ico_nase_sluzby/ico_site.svg');	
	background-size: auto 40px;		
}


.hl_03 .ikona {
	background-image:url('../grafika/ico_nase_sluzby/ico_pocitace.svg');	
	background-size: auto 40px;		
}


.hl_04 .ikona {
	background-image:url('../grafika/ico_nase_sluzby/ico_monitoring_it.svg');	
	background-size: auto 40px;		
}


.hl_05 .ikona {
	background-image:url('../grafika/ico_nase_sluzby/ico_telefony_2.svg');	
	background-size: auto 40px;		
}


.hl_06 .ikona {
	background-image:url('../grafika/ico_nase_sluzby/ico_kamerove_systemy.svg');	
	background-size: auto 40px;		
}


.hl_07 .ikona {
	background-image:url('../grafika/ico_nase_sluzby/ico_ezs_3.svg');	
	background-size: auto 48px;		
}


.hl_08 .ikona {
	background-image:url('../grafika/ico_nase_sluzby/ico_microsoft_365.svg');	
	background-size: auto 40px;		
}


.hl_09 .ikona {
	background-image:url('../grafika/ico_nase_sluzby/ico_power_platform.svg');	
	background-size: auto 40px;		
}


.hl_10 .ikona {
	background-image:url('../grafika/ico_nase_sluzby/ico_azure_2.svg');	
	background-size: auto 40px;		
}


.hl_11 .ikona {
	background-image:url('../grafika/ico_nase_sluzby/ico_kontrola_vstupu.svg');	
	background-size: auto 40px;		
}


.hl_12 .ikona {
	background-image:url('../grafika/ico_nase_sluzby/ico_silnoproud.svg');	
	background-size: auto 40px;		
}


.hl_13 .ikona {
	background-image:url('../grafika/ico_nase_sluzby/ico_firemni_procesy.svg');	
	background-size: auto 40px;		
}




.ico_datove_rozvody {
background-image:url('../grafika/ico_nase_sluzby/ico_datove_rozvody.svg');
background-size: auto 25px;
}

.ico_servery {
background-image:url('../grafika/ico_nase_sluzby/ico_servery.svg');
background-size: auto 30px;
}

.ico_site {
background-image:url('../grafika/ico_nase_sluzby/ico_site.svg');
background-size: auto 30px;
}

.ico_monitoring_it {
background-image:url('../grafika/ico_nase_sluzby/ico_monitoring_it.svg');
background-size: auto 30px;
}

.ico_pocitace {
background-image:url('../grafika/ico_nase_sluzby/ico_pocitace.svg');
background-size: auto 27px;
}

.ico_kamerove_systemy {
background-image:url('../grafika/ico_nase_sluzby/ico_kamerove_systemy.svg');
background-size: auto 25px;
}

.ico_ezs {
background-image:url('../grafika/ico_nase_sluzby/ico_ezs_3.svg');
background-size: auto 35px;
}

.ico_dohled_staveniste {
background-image:url('../grafika/ico_nase_sluzby/ico_dohled_staveniste.svg');
background-size: auto 32px;
}

.ico_slaboproud {
background-image:url('../grafika/ico_nase_sluzby/ico_slaboproud.svg');
background-size: auto 30px;
}

.ico_silnoproud {
background-image:url('../grafika/ico_nase_sluzby/ico_silnoproud.svg');
background-size: auto 30px;
}

.ico_monitoring_serverovny {
background-image:url('../grafika/ico_nase_sluzby/ico_monitoring_serverovny.svg');
background-size: auto 30px;
}

.ico_telefony {
background-image:url('../grafika/ico_nase_sluzby/ico_telefony_2.svg');
background-size: auto 30px;
}

.ico_helpdesk {
background-image:url('../grafika/ico_nase_sluzby/ico_helpdesk.svg');
background-size: auto 30px;
}

.ico_dochazkove_systemy {
background-image:url('../grafika/ico_nase_sluzby/ico_dochazkove_systemy.svg');
background-size: auto 30px;
}

.ico_office_365 {
background-image:url('../grafika/ico_nase_sluzby/ico_office_365.svg');
background-size: auto 30px;
}

.ico_microsoft_365 {
background-image:url('../grafika/ico_nase_sluzby/ico_microsoft_365.svg');
background-size: auto 30px;
}

.ico_azure {
background-image:url('../grafika/ico_nase_sluzby/ico_azure_2.svg');
background-size: auto 27px;
}

.ico_power_bi {
background-image:url('../grafika/ico_nase_sluzby/ico_power_bi_2.svg');
background-size: auto 30px;
}

.ico_teams {
background-image:url('../grafika/ico_nase_sluzby/ico_teams.svg');
background-size: auto 30px;
}

.ico_software {
background-image:url('../grafika/ico_nase_sluzby/ico_software.svg');
background-size: auto 30px;
}

.ico_tymova_spoluprace {
background-image:url('../grafika/ico_nase_sluzby/ico_tymova_spoluprace.svg');
background-size: auto 30px;
}

.ico_pozarni_signalizace {
background-image:url('../grafika/ico_nase_sluzby/ico_pozarni_signalizace.svg');
background-size: auto 30px;
}

.ico_kontrola_vstupu {
background-image:url('../grafika/ico_nase_sluzby/ico_kontrola_vstupu.svg');
background-size: auto 30px;
}

.ico_power_automate {
background-image:url('../grafika/ico_nase_sluzby/ico_power_automate.svg');
background-size: auto 28px;
}

.ico_power_apps {
background-image:url('../grafika/ico_nase_sluzby/ico_power_apps.svg');
background-size: auto 28px;
}

.ico_firemni_procesy {
background-image:url('../grafika/ico_nase_sluzby/ico_firemni_procesy.svg');
background-size: auto 21px;
}



.highlight_box .btn {
	font-size: 1.1em;
	color: white;	
	font-weight: 500;
	padding: 10px 20px 10px 20px;
	border-radius: 15px;
	line-height: 1.4em;
	text-align: center;
	background-color: #333333;
	display: inline-block;
}

.nase_sluzby {
	background-image:url('../grafika/nase_sluzby_bg.jpg');
	background-repeat:no-repeat;
	background-position: right 100px bottom;
	background-size: auto 300px;
	width: 80%;
	padding: 80px 10% 260px 10%;
	text-align: center;
}

.nase_sluzby h2 {
	background-image:url('../grafika/ico_nadpisy/ico_nase_sluzby.svg');
	background-repeat:no-repeat;
	background-position: center left;
	font-size: 3em;
	color: #333333;	
	font-weight: 500;
	padding: 0 0 0 70px;
	display: inline-block;

}

.sluzby {

	display: flex;
	justify-content: center;
	width: 90%;
	padding: 50px 5% 0 5%;
}

.sluzby_group {
	padding: 0 40px;
}


.nase_sluzby h3 {
	font-size: 1.6em;
	color: #333333;	
	font-weight: 500;
	padding: 35px 20px 10px 40px;
	line-height: 1.3em;
	text-align: left;

}

.nase_sluzby_2lines {
	padding: 20px 20px 10px 40px !important;
}


.nase_sluzby h4 {
	background-repeat:no-repeat;
	background-position: top left;
	font-family: 'HelveticaNeueCEThin';
	font-size: 1.3em;
	line-height: 1.1em;
	color: #595959;	
	padding: 5px 0 30px 45px;
	text-align: left;
	margin: 0 0 0 40px;
	width: 300px;
	
}

.ico_datove_rozvody {
background-image:url('../grafika/ico_nase_sluzby/ico_datove_rozvody.svg');
background-size: auto 25px;
}

.ico_servery {
background-image:url('../grafika/ico_nase_sluzby/ico_servery.svg');
background-size: auto 30px;
}

.ico_site {
background-image:url('../grafika/ico_nase_sluzby/ico_site.svg');
background-size: auto 30px;
}

.ico_monitoring_it {
background-image:url('../grafika/ico_nase_sluzby/ico_monitoring_it.svg');
background-size: auto 30px;
}

.ico_pocitace {
background-image:url('../grafika/ico_nase_sluzby/ico_pocitace.svg');
background-size: auto 27px;
}

.ico_kamerove_systemy {
background-image:url('../grafika/ico_nase_sluzby/ico_kamerove_systemy.svg');
background-size: auto 25px;
}

.ico_ezs {
background-image:url('../grafika/ico_nase_sluzby/ico_ezs_3.svg');
background-size: auto 35px;
}

.ico_dohled_staveniste {
background-image:url('../grafika/ico_nase_sluzby/ico_dohled_staveniste.svg');
background-size: auto 32px;
}

.ico_slaboproud {
background-image:url('../grafika/ico_nase_sluzby/ico_slaboproud.svg');
background-size: auto 30px;
}

.ico_silnoproud {
background-image:url('../grafika/ico_nase_sluzby/ico_silnoproud.svg');
background-size: auto 30px;
}

.ico_monitoring_serverovny {
background-image:url('../grafika/ico_nase_sluzby/ico_monitoring_serverovny.svg');
background-size: auto 30px;
}

.ico_telefony {
background-image:url('../grafika/ico_nase_sluzby/ico_telefony_2.svg');
background-size: auto 26px;
}

.ico_helpdesk {
background-image:url('../grafika/ico_nase_sluzby/ico_helpdesk.svg');
background-size: auto 30px;
}

.ico_dochazkove_systemy {
background-image:url('../grafika/ico_nase_sluzby/ico_dochazkove_systemy.svg');
background-size: auto 30px;
}

.ico_office_365 {
background-image:url('../grafika/ico_nase_sluzby/ico_office_365.svg');
background-size: auto 30px;
}

.ico_microsoft_365 {
background-image:url('../grafika/ico_nase_sluzby/ico_microsoft_365.svg');
background-size: auto 30px;
}

.ico_azure {
background-image:url('../grafika/ico_nase_sluzby/ico_azure_2.svg');
background-size: auto 27px;
}

.ico_power_bi {
background-image:url('../grafika/ico_nase_sluzby/ico_power_bi_2.svg');
background-size: auto 30px;
}

.ico_teams {
background-image:url('../grafika/ico_nase_sluzby/ico_teams.svg');
background-size: auto 30px;
}

.ico_software {
background-image:url('../grafika/ico_nase_sluzby/ico_software.svg');
background-size: auto 30px;
}

.ico_tymova_spoluprace {
background-image:url('../grafika/ico_nase_sluzby/ico_tymova_spoluprace.svg');
background-size: auto 30px;
}

.ico_pozarni_signalizace {
background-image:url('../grafika/ico_nase_sluzby/ico_pozarni_signalizace.svg');
background-size: auto 30px;
}

.ico_kontrola_vstupu {
background-image:url('../grafika/ico_nase_sluzby/ico_kontrola_vstupu.svg');
background-size: auto 30px;
}

.ico_power_automate {
background-image:url('../grafika/ico_nase_sluzby/ico_power_automate.svg');
background-size: auto 28px;
}

.ico_power_apps {
background-image:url('../grafika/ico_nase_sluzby/ico_power_apps.svg');
background-size: auto 28px;
}

.ico_firemni_procesy {
background-image:url('../grafika/ico_nase_sluzby/ico_firemni_procesy.svg');
background-size: auto 21px;
}


.nadpis_container {
	border-radius: 15px;
	background-color: #f0f0f0;
	width: 400px;
	height: 108px;
	margin: 0 0 30px 0;
}

.proc_s_nami {
	background-image:url('../grafika/proc_s_nami_bg.jpg');
	background-repeat:no-repeat;
	background-position: top left;
	background-size: cover;
	width: 100%;
	text-align: center;
	padding: 65px 50px 0 50px;
 	margin: 100px 0 0 0;
 	box-sizing: border-box;
}


.proc_s_nami h2 {
	font-size: 3em;
	color: white;	
	font-weight: 500;
	display: inline-block;

}

.proc_s_nami .heading_1 {
	background-image:url('../grafika/ico_nadpisy/ico_proc_s_nami.svg');
	background-repeat:no-repeat;
	background-position: center left;
	padding: 0 0 0 70px;
}

.vyhody {
display: flex;

}


.vyhody_polozka {
	background-image:url('../grafika/vyhody.svg');
	background-repeat:no-repeat;
	background-position: top center;
	background-size: auto 118px;
	padding: 140px 3% 0 3%;
	box-sizing: border-box;

}

.vyhody_polozka h3 {
	font-size: 1.6em;
	color: white;	
	font-weight: 400;
	padding: 0 20px 20px 0;
	line-height: 1.4em;
	text-align: center;
}



.vyhody_polozka p {
	font-size: 1em;
	color: white;	
	font-weight: 400;
	padding: 0 20px;
	line-height: 1.4em;
	text-align: center;
	height: 300px;
}

.vyhody_arrow {
	background-image:url('../grafika/vyhody_arrow.svg');
	background-repeat:no-repeat;
	background-position: center center;
	background-size: 40px auto;
	width: 50px;
	height: 50px;
	margin: 40px 0 0 0;

}

.nasi_klienti {
	display: flex;
	justify-content: center;
	width:76%;
	padding: 30px 12% 100px 12%;
	flex-wrap: wrap;
	align-items: center;
	gap: 80px;
}

.klient {
	width: 234px;
	height: 234px;
	border-radius: 10px;
	background-color: white;
	margin: 20px;
	
}

.klient h3 {
	font-size: 1.4em;
	color: #333333;	
	font-weight: 400;
	padding: 20px 0 40px 0;
	line-height: 1.4em;
	text-align: center;
	width: 100%;
	height: 70px;
}

.nasi_klienti img {
	padding: 30px;
	border-radius: 20px;
	background-color:rgba(255, 255, 255, 0.9);
}

.doka {
	width: 200px;
}

.tevox {
	width: 200px;
}

.dotrans {
	width: 200px;
}

.opsec {
	width: 150px;
}

.zezula {
	width: 100px;
}


.sekce_blog h2 {
	background-image:url('../grafika/ico_nadpisy/ico_blog.svg');
	background-repeat:no-repeat;
	background-position: center left;
	font-size: 3em;
	color: #333333;	
	font-weight: 500;
	padding: 0 0 0 70px;
	display: inline-block;

}


.sekce_blog {
	width: 80%;
	padding: 80px 10% 30px 10%;
	text-align: center;
}

.clanky {
	padding: 50px 0 0 0;
}

.sekce_blog .clanky {
	display: flex;
	justify-content: center;
}

.sekce_blog .vlevo {
	width: 780px;
	overflow: hidden;
}

.sekce_blog .vpravo {
	width: 330px;
	overflow: hidden;
}

.sekce_blog .vpravo .polozka {
	margin: 0 0 8px 0;
}

.sekce_blog .vlevo img {
	width: 772px;
	height: 430px;
	object-fit: cover;
	display: block;
	border-radius: 40px 0 0 0;
}

.sekce_blog .vpravo img {
	width: 330px;
	height: 210px;
	object-fit: cover;
	display: block;
}

.sekce_blog .vlevo h3 {
text-align: left;
font-size: 1.5em;
font-weight: 400;
padding: 12px 0 0 20px;
color: 	#333333;
}

.sekce_blog .vlevo p {
text-align: left;
font-size: 1em;
font-weight: 300;
line-height: 1.3em;
padding: 12px 20px 0px 20px;
color: 	#333333;
}

.sekce_blog .vlevo .text_container {
	background-color: #f0f0f0;
	height: 158px;
	width: 772px;
}

.sekce_blog .vpravo h3 {
text-align: left;
font-size: 1.2em;
font-weight: 400;
padding: 12px 0 0 20px;
color: 	#333333;
}

.sekce_blog .vpravo .text_container {
	background-color: #f0f0f0;
	height: 80px;
	width: 330px;
}

.pravy_dolni_roh {
	border-radius: 0 0 40px 0;
}

.sekce_kontakt h2 {
	background-image:url('../grafika/ico_nadpisy/ico_kontaktujte_nas.svg');
	background-repeat:no-repeat;
	background-position: center left;
	font-size: 3em;
	color: #333333;	
	font-weight: 500;
	padding: 0 0 0 80px;
	display: inline-block;

}

.sekce_kontakt {
	width: 80%;
	padding: 80px 10% 220px 10%;
	text-align: center;
	background-color: #f0f0f0;
}

.kontakt_container {
	display: flex;
	justify-content: space-around;
	padding: 70px 0 0 0;
}

.kontakt_container .vlevo {
width: 40%;
}


.kontakt_container .vpravo {
width: 40%;
background-image:url('../grafika/vlastovka.svg');
	background-repeat:no-repeat;
	background-position: bottom center;
	background-size: auto 200px;
padding: 0 0 150px 0;
}

.kontakt_container .vlevo h3 {
text-align: left;
font-size: 2em;
font-weight: 400;
padding: 0px 0 30px 0px;
color: 	#333333;

}

.kontakt_container .vlevo p {
text-align: left;
font-size: 1.4em;
font-weight: 300;
padding: 0px 0 0 0px;
color: 	#333333;
line-height: 1.4em;
}

.kontakt_container .vlevo h4 {
text-align: left;
font-size: 1.4em;
font-weight: 600;
padding: 0px 0 20px 0px;
color: 	#333333;
}

.sekce_kontakt .adresa {
	background-image:url('../grafika/adresa.svg');
	background-repeat:no-repeat;
	background-position: top left;
	background-size: auto 54px;
	padding: 0 0 30px 80px;

}

.adresa span {
	font-size: 0.7em !important;
	padding-bottom: 20px;
}

.sekce_kontakt .telefon {
	background-image:url('../grafika/tel.svg');
	background-repeat:no-repeat;
	background-position: center left;
	background-size: auto 40px;
	padding: 15px 0 15px 43px;
	margin: 0 0 0 37px;

}

.sekce_kontakt .mail {
	background-image:url('../grafika/mail.svg');
	background-repeat:no-repeat;
	background-position: center left;
	background-size: auto 22px;
	padding: 15px 0 15px 47px;
	margin: 0 0 0 33px;

}



input[type=text], input[type=email], input[type=tel] {
	height: 40px;
	border-radius: 10px;
	background-color: #FFFFFF;
	width: 90%;
	border:none;
	margin: 0 0 30px 0;
	display: block;
	padding: 2px 20px 0 20px;
	font-family: "Aller";
	font-size: 0.9em;
	color: #3D3D3D;
	font-weight: 300;

}


textarea {
	height: 180px;
	border-radius: 10px;
	background-color: #FFFFFF;
	width: 90%;
	border:none;
	margin: 0 0 40px 0;
	display: block;
	padding: 20px 20px 10px 20px;
	font-family: "Aller";
	font-size: 0.9em;
	color: #3D3D3D;
	font-weight: 300;
	box-shadow: none;
	resize: none;

}

.btn_form {
	border-radius: 14px;
	background-color: #333333;
	padding: 15px 28px;
	font-size: 1em;
	font-weight: 400;
	color:  white;
	text-align: left;
	border: none;
	display: block;
	cursor: pointer;
}

.wpcf7-submit {
  border-radius: 14px;
  background-color: #f29100;
  padding: 18px 35px !important; 
  font-size: 1.2em !important;
  font-weight: 400;
  color: white;
  text-align: center;
  display: block;
  cursor: pointer;
  margin: 0px 0 0 0;
  border: none;
}

/* ODESLÁNÍ ZPRÁVY
------------------------------*/

.mail_page {
	background-color: white;
	height: 100vh;
}

.mail_bg {
	background-color: #f1f2f2;
	width: 100%;
	height: auto;
	text-align: center;
	padding: 0 0 0 0;
}

.mail_logo {
	width: 356px;
	height: 200px;
	background-image:url('../grafika/logo.svg');
	background-repeat:no-repeat;
	background-position: center;
	display: inline-block;
	background-size: contain;
	
}

.mail_status_ok {
	width: 100%;
	height: 200px;
	background-image:url('../grafika/ok.png');
	background-repeat:no-repeat;
	background-position: center;
	display: inline-block;
	background-size: contain;
	
}

.mail_status_error {
	width: 356px;
	height: 200px;
	background-image:url('../grafika/error.png');
	background-repeat:no-repeat;
	background-position: center;
	display: inline-block;
	background-size: contain;
	
}

.mail_status_text{
	font-family: "Aller";
	font-size: 1.3em;
	padding: 30px 20% 0 20%;
	font-weight: 100;
	color: #333333;
	width: 60%;
	text-align: center;
	line-height: 1.4em;
}

.mail_btn {

  	border-radius: 40px;
	background-color: #333333;
	padding: 15px 28px;
	font-size: 1.1em;
	font-weight: 700;
	color: white;
	display: inline-block;
	text-align: center;
	letter-spacing: 1px;
	border: none;
	margin: 100px 0 0 0;
}


.mail_btn:hover {
	background-color: #f29100;
	color: #FFFFFF;
}


.sekce_kontakt .socials {
	width: 160px;
	display: flex;
	justify-content: space-between;
	padding: 40px 0 0 33px;
}


.sekce_kontakt .lnkdin {
	background-image:url('../grafika/lnkdin.svg');
	background-repeat:no-repeat;
	background-position: top left;
	background-size: contain;
	width: 32px;
	height: 32px;
}

.sekce_kontakt .fb {
	background-image:url('../grafika/fb.svg');
	background-repeat:no-repeat;
	background-position: top left;
	background-size: contain;
	width: 32px;
	height: 32px;
}

.sekce_kontakt .twitter {
	background-image:url('../grafika/twitter.svg');
	background-repeat:no-repeat;
	background-position: top left;
	background-size: contain;
	width: 32px;
	height: 32px;
}

.sekce_kontakt .yt {
	background-image:url('../grafika/yt.svg');
	background-repeat:no-repeat;
	background-position: top left;
	background-size: contain;
	width: 32px;
	height: 32px;
}











footer {
	background-color: #333333;
	width: 100%;
	height: 360px;
	padding: 40px 0 0 0;
	display: flex;
	justify-content: space-around;
}

footer .logo {
	background-image:url('../grafika/logo_footer.svg');
	background-repeat:no-repeat;
	background-position: top left;
	background-size: contain;
	width: 286px;
	height: 83px;
}


footer .socials {
	width: 160px;
	display: flex;
	justify-content: space-between;
	padding: 40px 0 40px 0;
}


footer .lnkdin {
	background-image:url('../grafika/lnkdin.svg');
	background-repeat:no-repeat;
	background-position: top left;
	background-size: contain;
	width: 32px;
	height: 32px;
}

footer .fb {
	background-image:url('../grafika/fb.svg');
	background-repeat:no-repeat;
	background-position: top left;
	background-size: contain;
	width: 32px;
	height: 32px;
}

footer .twitter {
	background-image:url('../grafika/twitter.svg');
	background-repeat:no-repeat;
	background-position: top left;
	background-size: contain;
	width: 32px;
	height: 32px;
}

footer .yt {
	background-image:url('../grafika/yt.svg');
	background-repeat:no-repeat;
	background-position: top left;
	background-size: contain;
	width: 32px;
	height: 32px;
}

footer p {
text-align: left;
font-size: 1em;
font-weight: 300;
padding: 0px 0 0 0px;
color: 	white;
line-height: 1.4em;
}


footer .nadpis {
	font-size: 1.5em !important;
	font-weight: 500;
}

.footer_navigace {
	padding: 35px 0 0 0;
}

.footer_adresa {
	padding: 35px 0 0 0;
}

.footer_kontakty h4 {
text-align: left;
font-size: 1.1em;
font-weight: 500;
padding: 0px 0 20px 0px;
color: 	#FFF;
}



/* BLOG
------------------------------*/

.header_blog {
	width: 100%;
}

.page_blog {
	background-image:url('../grafika/blog_bg.jpg');
	background-repeat:no-repeat;
	background-position: top left;
	background-size: 1920px auto;
}



.blog_detail {
	width: 100%;
	padding: 0 0 0px 0;
}



.blog_detail h1 {
	font-family: 'HelveticaNeueCEThin';
	font-size: 3.2em;
	color: #595959;	
	padding: 80px 0 50px 0px;
	line-height: 1.1em;
	text-align: center;
	width: 800px;
	display: block;
	word-spacing: -5px;
	font-weight: 600;
	margin: 0 auto;
}

.blog_detail .podnadpis {
	font-family: 'HelveticaNeueCEThin';
	color: #f29100;
	font-size: 2em;
	word-spacing: -10px;
	line-height: 1.1em;
	padding: 20px 0 50px 0;
	text-align: center;
	width: 600px;
	display: inline-block;
}

.main_img {
	width: 1200px;
	height: 440px;
	border-radius: 0 100px 0 100px;
	object-fit: cover;
	margin: 0 auto 50px auto;
	border:0;

}

.regular_img {
	width: 900px;
	height: 500px;
	border-radius: 40px;
	object-fit: cover;
	margin: 0 auto 60px auto;
	border:0;
	display: block;

}


.clanektext p {
	color: #595959;
	font-size: 1.1em;
	line-height: 1.5em;
	padding: 0px 0 60px 0;
	text-align: center;
	width: 900px;
	margin: 0 auto;
	font-weight: 300;
}

.clanektext h2 {
	color: #595959;
	font-size: 1.8em;
	line-height: 1.5em;
	padding: 0px 0 20px 0;
	text-align: center;
	width: 900px;
	margin: 0 auto;
	font-weight: 500;
}

.clanektext img {
	width: 900px;
	height: 500px;
	border-radius: 40px;
	object-fit: cover;
	margin: 0 auto 30px auto;
	border:0;
	display: block;
}


.blog_btn {
	border-radius: 14px;
	background-color: #333333;
	padding: 15px 28px;
	font-size: 1em;
	font-weight: 400;
	color:  white;
	text-align: center;
	display: inline-block;
	cursor: pointer;
	margin: 0px 0 100px 0;
}

.overlay {
	display: none;
}

.menu_fix {
	display: none;
}

.wp-block-tag-cloud a {
  padding: 15px 20px;
  background-color: #333333;
  color: #fff;
  font-size: 1em !important;
  border-radius: 50px;
  margin-bottom: 10px;
}

.wp-block-tag-cloud {
	margin: 50px 0 0 0;
}

.wp-block-tag-cloud a:hover {
  background-color: #333333;
  color: #fff;
}


/* ODESLÁNÍ ZPRÁVY
------------------------------*/

.mail_page {
	background-color: white;
	height: 100vh;
}

.mail_bg {
	background-color: white;
	width: 100%;
	height: auto;
	text-align: center;
	padding: 0 0 0 0;
}

.mail_logo {
	width: 250px;
	height: 150px;
	background-image:url('../grafika/logo.svg');
	background-repeat:no-repeat;
	background-position: center;
	display: inline-block;
	background-size: contain;
	
}

.mail_status_ok {
	width: 40%;
	height: 100px;
	background-image:url('../grafika/ok.png');
	background-repeat:no-repeat;
	background-position: center;
	display: inline-block;
	background-size: contain;
	padding: 0 30%;
	
}

.mail_status_error {
	width: 40%;
	height: 100px;
	background-image:url('../grafika/error.png');
	background-repeat:no-repeat;
	background-position: center;
	display: inline-block;
	background-size: contain;
	padding: 0 30%;
	
}

.mail_status_text{
	font-family: "Aller";
	font-size: 1.1em;
	padding: 30px 20% 0 20%;
	font-weight: 100;
	color: #333333;
	width: 60%;
	text-align: center;
	line-height: 1.4em;
}

.mail_btn {

  	border-radius: 40px;
	background-color: #333333;
	padding: 15px 28px;
	font-size: 1em;
	font-weight: 700;
	color: white;
	display: inline-block;
	text-align: center;
	letter-spacing: 1px;
	border: none;
	margin: 60px 0 0 0;
}


.mail_btn:hover {
	background-color: #f29100;
	color: #FFFFFF;
}


.blog_detail h2 {
  color: #282828;
  font-size: 2em;
  line-height: 1.5em;
  padding: 0px 0 20px 0;
  max-width: 1000px;
  margin: 0 auto;
  font-weight: 600;

}

.blog_detail h3 {
  color: #282828;
  font-size: 1.6em;
  line-height: 1.5em;
  padding: 0px 0 20px 0;
  max-width: 1000px;
  margin: 0 auto;
  font-weight: 600;
}

.blog_detail h4 {
  color: #282828;
  font-size: 1.4em;
  line-height: 1.5em;
  padding: 0px 0 20px 0;
  max-width: 1000px;
  margin: 0 auto;
  font-weight: 600;
}



.blog_detail p {
  color: #282828;
  font-size: 1.2em;
  line-height: 1.5em;
  padding: 0px 5% 0px 5%;
  text-align: justify;
  max-width: 1000px;
  margin: 0 auto;
  font-weight: 300;
}

.blog_detail a {
	color: #f29100;
	font-weight: 400;
}

.blog_detail ul {
	padding: 0px 5% 0px 5%;
	max-width: 1000px;
	margin: 0 auto;
}

.blog_detail ol {
  padding: 0px 5% 0px 5%;
  max-width: 1000px;
  margin: 0 auto;
  list-style-type: decimal;
}

.blog_detail ul > li {
	display: block !important;
	float: none;
	text-align: left;
	line-height: 1.7em;
	color: #282828;
  	font-size: 20px;
  	font-weight: 300;
  	margin: 0 0 0 20px;
  	background-image:url('../grafika/point.svg');
	background-repeat:no-repeat;
	background-position: top 14px left;
	background-size: 5px auto;
	padding: 0 0 0 15px;
}

/* Stránka Zásady ochrany osobních údajů - seznamy bez odrážky a levého
   odsazení navíc, zarovnané stejně jako odstavce. Scoped jen na tuto
   stránku (.zasady_detail) - .blog_detail ul/li v článcích blogu je
   beze změny. */
.blog_detail.zasady_detail ul {
	padding: 0;
}

.blog_detail.zasady_detail ul li {
	margin: 0;
	padding: 0;
	background-image: none;
}

.blog_detail ol > li {
	float: none;
	text-align: left;
	line-height: 1.7em;
	color: #282828;
  	font-size: 20px;
  	font-weight: 300;
  	margin: 0 0 0 20px;
	padding: 0 0 0 5px;
}

.blog_detail_uvod {
	padding: 0px 5% 50px 5%;
}

.blog_detail_content {
	padding: 0px 5% 50px 5%;
}

.blog_detail_uvod img {
	border-radius: 0 60px 0 120px;
	width: 100%;
	max-width: 1400px;
	max-height: 500px;
	object-fit: cover;
	object-position: center;
	margin: 0 auto;
	display: block;
	box-sizing: border-box;
}


.wp-block-image {
	margin: 0 auto;
	max-width: 1000px;
}

.blog_detail_content img {
	border-radius: 10px;
	width: 100%;
	max-width: 900px;
	padding: 0;
	display: block;
	box-sizing: border-box;
}

.btn_container_clanek {
	display: flex;
	justify-content: center;
	width: 100%;
	padding: 50px 0;
}


.blog-clanky {
	width: 100%;
	text-align: center;
	padding: 0 0 0px 0;
}

.blog-clanky h1 {
	font-family: 'HelveticaNeueCEThin';
	font-size: 3.5em;
	color: #595959;	
	padding: 80px 0 0 0px;
	line-height: 1.1em;
	text-align: center;
	width: 800px;
	display: inline-block;
	word-spacing: -5px;
	font-weight: 600;
}

.wp-block-group {
	align-items: flex-start !important;
	max-width: 1000px;
	margin: 0 auto;
}

.blog-clanky-list {
	display: flex;
	justify-content: space-between;
	width: 100%;
	max-width: 1100px;
	flex-wrap: wrap;
	margin: 0 auto;
	padding: 50px 0 20px 0;
	gap: 100px;
}

.hp-blog-clanky-list {
	display: flex;
	justify-content: center;
	width: 100%;
	max-width: 1100px;
	flex-wrap: wrap;
	margin: 0 auto;
	padding: 50px 0 150px 0;
	gap: 100px;
}

.hp-blog-clanky-list h2 {
	background-image: none;
}

.blog-clanky-list::after {
  content: "";
  flex: auto;
}

.blog-clanek {
	width: 500px;
	border-bottom: 1px solid #f29100;

}

.blog-clanek img {
	width: 100%;
	display: block;
	height: 350px;
	border-radius: 30px;
	object-fit: cover;
	object-position: center;
}

.blog-clanek h2 {
	width: 100%;
	text-align: left;
	font-size: 1.5em;
	padding: 25px 0;
}

.blog-clanek p {
	width: 100%;
	text-align: left;
	padding: 0px 0;
	color: #595959;
	font-size: 1.1em;
	line-height: 1.5em;
	font-weight: 300;

}

.blog-clanek-perex {
	height: 110px;
}

.blog-clanek-bottom p {
	
	text-align: left;
	width: 40%;
}

.btn-clanek {
	border-radius: 14px;
	background-color: #333333;
	padding: 15px 28px;
	font-size: 1em;
	font-weight: 400;
	color:  white;
	text-align: center;
	display: block;
	cursor: pointer;
	margin: 0px 0 0 0;
	

}

.blog-clanek-bottom {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 30px;
}


.sekce_kontakt span {
	padding: 10px 0  0px 0;
	display: block;
}


.sekce_kontakt label {
	
	font-family: 'HelveticaNeueCEThin';
	font-size: 1.2em;
	font-weight: 600;
}

.sekce_kontakt input {
	padding: 8px 10px;
	display: block;
	font-family: 'HelveticaNeueCEThin';
	font-size: 1em;
	font-weight: 600;
}

.sekce_kontakt textarea {
	padding: 15px 20px;
	display: block;
	font-family: 'HelveticaNeueCEThin';
	font-size: 1em;
	font-weight: 600;
}

.wpcf7-not-valid-tip {
  color: #dc3232;
  font-size: 1em;
  font-weight: normal;
  display: block;
  padding-bottom: 30px !important;
}


.wpcf7 form .wpcf7-response-output {


width: 100%;
  margin: 2em 0.5em 1em;
  padding: 30px 10%;
  background-color: #2BAE6D;
  border: none;
  text-align: center;
  font-size: 1.5em;
  box-sizing: border-box;
  font-weight: 400;
  color: #fff;
  border-radius: 20px;
  line-height: 1.4em;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
  border:none;
  background-color: #C9163A;
}

.wpcf7-spinner {
  visibility: hidden;
  display: inline-block;
  background-color: #23282d;
  opacity: 0.75;
  width: 24px;
  height: 24px;
  border: none;
  border-radius: 100%;
  padding: 0;
  margin: 24px 24px;
  position: relative;
  box-sizing: border-box;
}

.wpcf7-spinner::before {
  content: '';
  position: absolute;
  background-color: #fbfbfc;
  top: 4px;
  left: 4px;
  width: 6px;
  height: 6px;
  border: none;
  border-radius: 100%;
  transform-origin: 8px 8px;
  animation-name: spin;
  animation-duration: 1000ms;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}


/* Cookie consent lišta */

#cm {
	background-color: black !important;
}

#c-ttl {
	color: #fff;
}

#c-txt {
	color: #fff;
}

#c-bns button:first-child, #s-bns button:first-child {
  color: #fff;
  color: var(--cc-btn-primary-text);
  background: #f29100 !important;
  background: var(--cc-btn-primary-bg);
}



.chybovka_404 {
	min-height: 800px;
}

.chybovka_404 h1 {
	font-family: 'HelveticaNeueCEThin';
  font-size: 3em;
  color: #595959;
  padding: 120px 5% 0 5%;
  line-height: 1.2em;
  width: 100%;
  text-align: center;
  box-sizing: border-box;
}

.chybovka_btn_container {
	display: flex;
	justify-content: center;
	width: 100%;
	padding: 30px 0 0 0;
}

  .chybovka_btn {
    border-radius: 14px;
    background-color: #f29100;
    padding: 15px 28px;
    font-size: 1em;
    font-weight: 400;
    color: white;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    margin: 0px 0 100px 0;
  }

  .kontakt_container .vlevo .adresa a {
  text-align: left;
  font-size: 1.4em;
  font-weight: 600;
  padding: 0px 0px 30px 40px;
  color: #333333;
  line-height: 1.4em;
  width: 100%;
  display: inline-block;
  background-image: url('../grafika/loc.svg');
	  background-repeat: no-repeat;
	  background-position: top left;
	  background-size: 30px auto;

}

  .kontakt_container .vlevo .adresa a:hover {
text-decoration: underline;

}



 @media only screen and (min-width: 1920px) { 

	.page {
		width: 100%;
		margin: 0 auto;
	}

	.page_blog {
	  background-image: url('../grafika/blog_bg.jpg');
	  background-repeat: no-repeat;
	  background-position: top left;
	  background-size: 100% auto;
}


}





.proc_s_nami .wrapper {
  max-width: 1800px;
  width: 80%;
  margin: 0 auto 50px auto;
  position: relative;
  box-sizing: border-box;
}

.proc_s_nami .wrapper i {
  top: 50%;
  height: 50px;
  width: 50px;
  cursor: pointer;
  font-size: 1.25rem;
  position: absolute;
  text-align: center;
  line-height: 50px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.23);
  transform: translateY(-50%);
  transition: transform 0.1s linear;
}

.proc_s_nami .wrapper i:active {
  transform: translateY(-50%) scale(0.85);
}

.proc_s_nami .wrapper i:first-child {
  left: -22px;
}

.proc_s_nami .wrapper i:last-child {
  right: -22px;
}

.proc_s_nami .wrapper .carousel {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% / 3) - 12px);
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  gap: 16px;
  border-radius: 8px;
  scroll-behavior: smooth;
  scrollbar-width: none;
}

.proc_s_nami .carousel::-webkit-scrollbar {
  display: none;
}

.proc_s_nami .carousel.no-transition {
  scroll-behavior: auto;
}

.proc_s_nami .carousel.dragging {
  scroll-snap-type: none;
  scroll-behavior: auto;
}

.proc_s_nami .carousel.dragging .card {
  cursor: grab;
  user-select: none;
}

.proc_s_nami .carousel :where(.card, .img) {
  display: flex;
  justify-content: center;
  align-items: center;
}

.proc_s_nami .carousel .card {
  scroll-snap-align: start;
  height: 350px;
  list-style: none;
  cursor: pointer;  
  padding-bottom: 15px;
  flex-direction: column;
  border-radius: 8px;
  background-image: url('../grafika/vyhody.svg');
  background-repeat: no-repeat;
  background-position: top center;
  background-size: auto 118px;
  padding-top: 140px;
  box-sizing: border-box;
}

.proc_s_nami .carousel .card h3 {
  font-size: 1.6em;
  color: white;
  font-weight: 400;
  padding: 0px 40px 0px 40px;
  line-height: 1.2em;
  text-align: center;
  height: 200px;
}

.proc_s_nami .carousel .card p {
  font-size: 1em;
  color: white;
  font-weight: 400;
  padding: 0 40px;
  line-height: 1.4em;
  text-align: center;
  height: 300px;
}

.proc_s_nami .carousel .card span {
  color: #6A6D78;
  font-size: 1.31rem;
}

@media screen and (max-width: 1400px) {
  .proc_s_nami .wrapper .carousel {
    grid-auto-columns: calc((100% / 2) - 9px);
  }
}

@media screen and (max-width: 800px) {
  .proc_s_nami .wrapper .carousel {
    grid-auto-columns: 100%;
  }
}

/* GDPR souhlas ve formuláři - checkbox a popisek vedle sebe.
   Cíleně přebíjí .sekce_kontakt span/input (display:block), které jinak
   zalamují checkbox a text pod sebe; jiné prvky formuláře nejsou dotčené. */
.sekce_kontakt .wpcf7-acceptance,
.sekce_kontakt .wpcf7-list-item {
	display: block;
	padding: 0;
	margin-bottom: 25px;
}

.sekce_kontakt .wpcf7-acceptance label {
	display: flex;
	align-items: center;
	gap: 10px;
	cursor: pointer;
}

.sekce_kontakt .wpcf7-acceptance input[type="checkbox"] {
	display: inline-block;
	width: 18px;
	height: 18px;
	flex-shrink: 0;
	margin: 0;
	padding: 0;
}

.sekce_kontakt .wpcf7-acceptance .wpcf7-list-item-label {
	display: inline;
	padding: 0;
}

.sekce_kontakt .wpcf7-acceptance a {
	text-decoration: underline;
}