@import url("https://use.typekit.net/ovx5thx.css");

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, #footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, claim, hero {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
#footer, header, hgroup, menu, nav, section, claim, hero {
	display: block;
}
html, body {
	height: 100%;
}
body {
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}
ol, ul {
	/* list-style: none; */
}

ul {
	padding: 15px;
	padding-left: 23px;
}

ul li {
	padding-bottom: 6px;
}
::marker {
	color: #f72f0b;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.ui-sortable, .ui-sortable li, .ui-sortable h3 {
	zoom:1;
}
a {
	color:black;
	text-decoration: none;
}

span.skype_pnh_container {display:none !important;}
span.skype_pnh_print_container {display:inline !important;} 

.clear {clear: both;}
#debug {position: fixed;
	font-size: 15px;
	padding: 20px;
	background: red;
	left: 0;
	top: 0;
	z-index: 9999999999;
}

/*-------------------------*/

.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
	display: none;
}

body #cookiescript_injected #cookiescript_wrapper {
	background-color: white;
	font-family: Arial,sans-serif;
	border-radius: 0;
	box-shadow: none;
	padding: 30px;
}
body #cookiescript_injected #cookiescript_wrapper #cookiescript_header {
	font-size: 25px;
}
body #cookiescript_injected #cookiescript_wrapper #cookiescript_description {
	font-size: 16px;
}
body #cookiescript_injected #cookiescript_wrapper #cookiescript_buttons {
	flex-direction: row-reverse;
	margin-bottom: 20px;
}
body #cookiescript_injected #cookiescript_wrapper #cookiescript_buttons #cookiescript_reject {
	font-size: 14px;
	border-radius: 0;
	background-color: white;
	border: 1px solid black;
	transition: .3s;
	color: black;
}
body #cookiescript_injected #cookiescript_wrapper #cookiescript_buttons #cookiescript_accept {
	font-size: 14px;
	border-radius: 0;
	background-color: #E23A24;
	transition: .3s;
}
body #cookiescript_injected #cookiescript_wrapper #cookiescript_buttons #cookiescript_reject:hover,
body #cookiescript_injected #cookiescript_wrapper #cookiescript_buttons #cookiescript_accept:hover {
	background: black;
}
body #cookiescript_injected #cookiescript_wrapper #cookiescript_buttons #cookiescript_reject:hover {
	color: white;
}
body #cookiescript_injected #cookiescript_wrapper,
body #cookiescript_injected #cookiescript_wrapper #cookiescript_header,
body #cookiescript_injected #cookiescript_wrapper #cookiescript_description,
body #cookiescript_injected #cookiescript_wrapper #cookiescript_link,
body #cookiescript_injected #cookiescript_wrapper #cookiescript_manage_wrap #cookiescript_manage {
	color: black;
}
body #cookiescript_badge,
body #cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_footer #cookiescript_buttons #cookiescript_save,
body #cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_header {
	background-color: #E23A24;
}
body #cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_footer #cookiescript_buttons #cookiescript_save {
	border-color: #E23A24;
}
body .cookiescript_fsd_tabs > .cookiescript_active {
	border-top: 1px solid #E23A24;
	background-color: #f3f3f3;
	color: #E23A24;
}
body img.cookiescript_fsd_logo {
	filter: brightness(10);
}
body #cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_tabs_content .cookiescript_fsd_category .cookiescript_fsd_cookies_table td:nth-child(2),
body #cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_tabs_content .cookiescript_fsd_category .cookiescript_fsd_cookies_control,
body #cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_tabs_content .cookiescript_fsd_category .cookiescript_fsd_cookies .cookiescript_vendor_name a {
	color: #E23A24;
}
body #cookiescript_badge .cookiescriptlogo {
	fill: white;
}
body #cookiescript_injected #cookiescript_wrapper #cookiescript_manage_wrap #cookiescript_manage #cookiescript_manageicon .cookiescript_gear {
	fill: black;
}



.col-flex {
	position: relative;
}

menu {
	display: flex;
	align-items: center;
	align-content: center;
}

select {
padding: 15px 25px;
font-weight: bold;
border: 0;
font-size: 16px;
font-family: 'Arial';
min-width: 400px;
border-radius: 60px;
appearance: none;
background-image: url(/templates/img/down.svg);
background-repeat: no-repeat;
background-size: 30px;
background-position: 96% 50%;
-webkit-appearance: none;
appearance: none;
color: black;
}

logo img {
	height: 38px;
}
img.zmena {
	position: absolute;
	left: 30px;
}

button.btn-toggle {
	background: #282828;
	color: white;
	border: 0;
	padding: 10px 20px;
	box-shadow: 0px 10px 10px #00000038;
	cursor: pointer;
}

button.btn-toggle:hover {
	background: blue;
}

body, height {
	height: 100%;
}

body {padding: 0;margin: 0;}

* {
	box-sizing: border-box;
}

body {
	font-family: myriad-pro, sans-serif;
	font-weight: 400;
	font-style: normal;
}



header {
	height: 100%;
	background: #EFEFEF;
	overflow: hidden;
}

nav {
	display: flex;
	max-width: 1640px;
	margin: auto;
	align-items: center;
	justify-content: space-between;
	padding: 30px;
	padding-top: 67px;
	box-sizing: content-box;
	position: relative;
	z-index: 2;
	transition: padding 0.5s ease;
}

nav {
	position: fixed;
	width: 100%;
	margin: auto;
	max-width: 1700px;
	left: 0;
	right: 0;
	box-sizing: border-box;
	top: 0;
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	z-index: 8000;
}
form a:hover {
	text-decoration: underline;
} 
menu a {
	font-size: 16px;
	font-family: 'Arial', sans-serif;
	padding: 23px;
	/* transition: border ease 0.5s; */
	border-bottom: 2px solid transparent;
}

a.kontakt {
	padding: 15px 25px;
	border: 3px solid #E23A24;
	border-radius: 40PX;
	text-transform: uppercase;
	font-weight: 700;
	color: #E23A24;
	margin-left: 20px;
	transition: background ease 0.5s;
}

a.kontakt:hover {
	background: #E23A24;
	color: white;
}
.button a:hover {background: #E23A24;
	color: white;}

menu a:hover {
	border-bottom-color:#e13b24;
}
hero {
	height: calc(100% - 150px);
	padding-top: 150px;
	display: flex;
	align-content: center;
	max-width: 1640px;
	box-sizing: content-box;
	margin: auto;
	align-items: center;
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
}

h1 {
	font-size: 113px;
	color: #15172E;
	font-size: clamp(40px,5vw,113px);
}

.sub {
	font-size: 58px;
	color: #E23A24;
	font-weight: 700;
	padding-top: 20px;
	padding-bottom: 60px;
	font-size: clamp(30px,2.5vw,58px);
}

claim p {
	max-width: 250px;
	line-height: 150%;
	color: #15172E;
}

.down {
	display: flex;
	font-weight: 700;
	color: #e13b24;
	align-items: center;
	padding-top: 40px;
	font-family: 'Arial',sans-serif;
	transition: all ease 0.5s;
	cursor: pointer;
}
p {
	font-family: 'Arial',sans-serif;
	line-height: 160%;
}

.down img {
	margin-right: 18px;
}
.back {
	width: 100%;
	height: 100%;
	/* background-size: 100%;
	background-position: bottom; */
	background-size: cover;
	background-position: 0% -10%;
	background-repeat: no-repeat;
}

.hero-image {
	width: 100%;
	height: 100%;
	position: absolute;
	max-width: 1050px;
	right: 0;
	bottom: 0px;
	transform: translateX(13%);
	padding-top: 160px;
}

.header-back {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: url('/templates/img/line1.png');
	background-size: auto;
	background-repeat: no-repeat;
	background-position: top left;
}

.down:hover {
	transform: translateY(10px);
}
claim {
	position: relative;
	z-index: 1;
}

.wrap {
box-sizing: border-box;
padding: 30px;
max-width: 1700px;
width: 100%;
margin: auto;
}

section#hodnoty h2 {
	font-size: 154px;
	color: #15172E;
	line-height: 90%;
	padding-bottom: 9%;
	font-size: clamp(60px,7vw,154px);
}

span.wire {
	color: transparent;
	-webkit-text-stroke: 1px #15172E;
	position: relative;
	z-index: 1;
}

section#hodnoty .wrap {
	//padding-top: 6%;
	padding-top: 10%;
	position: relative;
}

.letadlo.anim {
	position: absolute;
	right: -13%;
	top: 16%;
	filter: saturate(1.2);
}

span.wire {}

h3 {
	font-family: 'Arial', sans-serif;
	color: #E23A24;
	font-size: 16px;
	font-weight: 700;
}

.hodnoty-flex {
	padding-top: 40px;
	display: flex;
}

.hodnota h4 {
	font-size: 50px;
	font-weight: 700;
	color: #15172E;
	padding-bottom: 20px;
	font-size: clamp(25px,2vw,50px);
}

.hodnota p {
	font-family: 'Arial', sans-serif;
}

.hodnota p {
	max-width: 280px;
}

.hodnota {
	width: 33%;
	padding-bottom: 4%;
}

section#hodnoty {
	padding-bottom: 3%;
	overflow: hidden;
}

section#hledame {
	background: #EFEFEF;
	padding-top: 4.5%;
	padding-bottom: 4%;
}
.tank.anim {
	position: absolute;
	right: 0;
}

section#hledame .wrap {
	position: relative;
}

.anim {
	filter: saturate(1.2);
}

.hleame-flex {
	display: flex;
	flex-wrap: wrap;
	padding-top: 60px;
}

.hledame {
	width: 33%;
	padding-right: 1%;
	padding-bottom: 6%;
	min-width: 400px;
}

.hledame img {
	max-width: 100%;
	width: 100%;
	padding-bottom: 16%;
}

.hledame h4 {
	font-size: 34px;
	padding-bottom: 30px;
	font-size: clamp(30px,1.8vw,34px);
}

.hledame p {
	max-width: 370px;
}

.list {
	padding-top: 35px;
}

.list a {
	display: block;
	padding-bottom: 20px;
	font-weight: 700;
	text-decoration: underline;
}

.more-bar {
	display: flex;
	justify-content: space-evenly;
	font-weight: 700;
	font-family: 'Arial';
	color: #e13b24;
	align-items: center;
}
.sipka {
	width: 73%;
	height: 40px;
	display: flex;
	align-items: center;
	position: relative;
	filter: saturate(1.2);
	margin-right: 30px;
}

button[type="button"],.button a, input[type="submit"] {
	padding: 15px 25px;
	border: 3px solid #E23A24;
	border-radius: 40PX;
	text-transform: uppercase;
	font-weight: 700;
	color: #E23A24;
	margin-left: 20px;
	transition: background ease 0.5s;
	display: inline-block;
	filter: saturate(1.2);
}

.text {
	width: 37%;
	padding-right: 20px;
	padding-top: 2%;
}

.more-bar .button {
	min-width: 198px;
}

.line {
	height: 3px;
	width: 100%;
	background: #e13b24;
	max-width: 400px;
}

.sipka {}

.sip {
	position: absolute;
	right: 0;
	/* background: #cfcfcf; */
	width: 20px;
	height: 31px;
}

sip:nth-child(1) {
	width: 25px;
	height: 3px;
	background: #e13b24;
	position: absolute;
	transform: rotate(45deg);
	top: 6px;
}

sip:nth-child(2) {
	height: 3px;
	background: #e13b24;
	position: absolute;
	transform: rotate(-45deg);
	top: 22px;
	width: 25px;
}
section#vyvijime h2 {
	font-size: 92px;
	color: #15172E;
	font-size: clamp(30px,4.5vw,92px);
}

.vehicles {
	display: flex;
	box-sizing: content-box;
	padding: 30px;
	max-width: 1790px;
	margin: auto;
	justify-content: center;
	position: relative;
}
.image-back {
	height: 60vh;
	background: whitesmoke;
	background-image: url('/templates/img/prumysl.png');
	background-position: 50% top;
	background-size: cover;
	min-height: 500px;
	background-repeat: no-repeat;
}

section#vyvijime .wrap {
	margin-top: -9.3%;
	padding-bottom: 2%;
}

.perex {
	max-width: 398px;
	padding-top: 30px;
	padding-bottom: 40px;
}

#vyvijime .button a {
	margin: 0;
}

#vyvijime:after {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 24vh;
	content: '';
	background: white;
	z-index: 0;
}

.vehicles img {
	max-width: 100%;
	max-height: 170px;
	vertical-align: bottom;
}

.vehicle {
	padding: 2%;
	/* width: 33%; */
	text-align: center;
	position: relative;
	z-index: 1;
}

.vehicle-title.wire {
	padding-top: 60px;
	font-size: 80px;
	font-weight: bold;
	-webkit-text-stroke: 1px #15172E;
	color: transparent;
	position: relative;
	font-size: clamp(30px,3.5vw,80px);
}

.vehicle-title.wire:after {
	/* content: ''; */
	/* position: absolute; */
	/* width: 20px; */
	/* height: 20px; */
	/* border: 1px solid red; */
	/* right: 0; */
	/* top: 92px; */
}

section#vyvijime {
	background: #efefef;
	position: relative;
}


section#prostredi {
	background: #EFEFEF;
	padding-top: 9%;
	padding-bottom: 9%;
	background-image: url('/templates/img/line2.png');
	background-size: 100% 90%;
	background-repeat: no-repeat;
	background-position: center center;
}

.pros {
	max-width: 1475px;
	margin: auto;
	display: flex;
	padding-left: 30px;
	padding-right: 30px;
	box-sizing: content-box;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 7%;
}

.pros h3 {
	font-size: 58px;
	color: #15172e;
	font-weight: 800;
	font-family: myriad-pro;
	padding-bottom: 40px;
	-webkit-text-stroke: 1px #15172e;
	font-size: clamp(25px,2.5vw,58px);
}

.sipka .line {
	max-width: 100%;
}

.pros .line {
	margin-bottom: 60px;
}

.pros p {
	max-width: 370px;
}

.pros img {
	border-radius: 40px;
}

.left-col {
	padding-right: 5%;
	width: 40%;
	padding-left: 2%;
}

.pros:nth-child(even) {
	flex-direction: row-reverse;
}
section#benefity h2 {
	font-size: 157px;
	color: #15172E;
	font-size: clamp(50px,7vw,154px);
}

.srdce.anim {
	position: absolute;
	z-index: 2;
	top: -2.5%;
	right: 24.5%;
}

section#benefity .wrap {
	padding-top: 6%;
	position: relative;
}


#benefity .perex {
	max-width: 100%;
}


.perex-with-button {
	display: flex;
	padding-bottom: 3%;
	padding-top: 1%;
	width: 100%;
	flex-wrap: wrap;
}
o.bene-list {
	/* display: flex; */
	/* flex-wrap: wrap; */
}

.benefity-flex {
	display: flex;
}

.befefit {
	padding-right: 5%;
	width: 33%;
}

h3 {
	font-size: 34px;
	color: #15172e;
	padding-bottom: 35px;
	font-family: 'myriad-pro';
}

.perex-with-button .perex {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	align-content: flex-start;
}

#benefity .perex .button {
	/* margin: auto; */
	/* margin-left: 0; */
	/* margin-left: 50px; */
	margin-top: 4px;
}

.perex .button a {
	margin: 0;
}

#benefity .perex p {
	margin-bottom: 30px;
}

#benefity .perex p {
	max-width: 536px;
	margin-right: 3%;
}

.fit .list {
	padding: 0;
	width: 30px;
	margin-right: 6%;
	filter: saturate(1.2);
}

.fit {display: flex;align-content: center;align-items: center;padding: 10px;padding-bottom: 25px;}

.befefit .line {
	margin-bottom: 40px;
	filter: saturate(1.2);
}

.fit-text {
	color: #15172e;
	font-size: 18px;
	font-family: 'Arial';
	max-width: 270px;
	line-height: 24px;
}

section#newsletter {
	background: #15172E;
	color: white;
	padding-top: 5%;
	padding-bottom: 5%;
}

section#newsletter h2 {
	font-size: 58px;
	padding-bottom: 40px;
	font-size: clamp(30px,3.5vw,58px);
}

section#benefity {
	padding-bottom: 5%;
}

.new-bar {
	padding-top: 30px;
	display: flex;
	align-items: center;
}

section#newsletter p {
	max-width: 350px;
}
input[type="submit"] {
	background: transparent;
	min-width: 220px;
	font-size: 16px;
}

input {
	padding: 17px;
	border-radius: 40px;
	padding: 15px 25px;
	font-weight: bold;
	border: 0;
	font-size: 16px;
	font-family: 'Arial';
	min-width: 400px;
}

input[type="text"]::placeholder {
	color: black;
}

.form {
	display: flex;
	margin-left: 20px;
}
.tank.anim {
/* 	top: 34%; */
top:0;
}
section#kontakt h2 {
	font-size: 58px;
	color: #15172e;
	padding-bottom: 40px;
	font-size: clamp(30px,3vw,58px);
}

section#kontakt {
	padding-top: 5%;
	padding-bottom: 5%;
	background: #EFEFEF;
}

section#kontakt .wrap {
	display: flex;
	position: relative;
}

.letadlo-cont.anim {
	position: absolute;
	right: 0;
	top: 8%;
}

footer .wrap {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding: 40px 30px;
}

.card {
	background: white;
	text-align: center;
	max-width: 414px;
	border-radius: 29px;
	padding: 50px;
	padding-bottom: 0;
	height: auto;
	padding-bottom: 30px;
}

.left-contact {
	width: 50%;
}

.right-contact {
	width: 50%;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.left-contact {}

form {
	padding-top: 50px;
	max-width: 626px;
}

.input label {
	font-size: 16px;
	font-family: 'Arial';
	font-weight: bold;
	padding-right: 20px;
	width: 25%;
	padding-top: 13px;
}

.input input {
	min-width: auto;
	width: 75%;
}

.input {
	display: flex;
	/* align-items: center; */
	padding-bottom: 25px;
	flex-wrap: wrap;
}

textarea {
	width: 75%;
	border-radius: 30px;
	min-height: 210px;
	border: 0;
	box-sizing: border-box;
	padding: 20px;
	font-family: inherit;
	font-size: 18px;
}

input[type="number"],input[type="tel"], input[type="email"] {
	max-width: 340px;
}

input[type="file"] {border: 3px solid #E23A24;max-width: 340px;padding: 12px 25px;font-size: 15px;color: #E23A24;filter: saturate(1.2);}

small {
	display: block;
	width: 100%;
}

.input small {
	padding-left: 25%;
	margin-top: 16px;
	/* margin-left: 17px; */
}

.input input[type="submit"] {
	max-width: 276px;
	margin-left: 25%;
	margin-top: 20px;
}

small {
	padding-left: 25%;
}

.card img {
	max-width: 100%;
}

.card h3 {
	text-align: left;
	margin-top: 30px;
	padding-bottom: 10px;
}

.hr {
	text-align: left;
	font-family: 'Arial';
	font-weight: bold;
	font-size: 16px;
	padding-bottom: 30px;
}

.card a {display: block;text-align: center;font-size: 16px;text-align: left;padding-bottom: 10px;font-family: 'Arial';color: #e13b24;}

.card .line {
	margin-bottom: 30px;
}

.card a:hover {
	text-decoration: underline;
}

.klobouk.anim {
	position: absolute;
	right: 25%;
	top: 19%;
}

section#catchup h2 {
	font-size: 58px;
	color: #15172e;
	padding-top: 2%;
	padding-bottom: 4%;
	font-size: clamp(30px,3vw,58px);
}

.button.red a {
	margin: 0;
	background: #E23A24;
	color: white;
}

footer {
	background: #15172e;
	/* display: flex; */
}

section#catchup {
	padding-bottom: 2%;
	border-bottom: 70px solid #efefef;
	position: relative;
}

.button-switch {
	display: none;
}

.menu-foo a {
	color: white;
	padding: 20px;
	font-family: 'Arial';
}

.tiraz {
	color: silver;
	box-sizing: content-box;
	padding: 30px;
	max-width: 1640px;
	/* text-align: center; */
	margin: auto;
}

.tiraz a {
	color: white;
}

.menu-foo a:hover {
	text-decoration: underline;
}
hero.subpage h1 {
	font-size: 159px;
	font-size: clamp(50px,7vw,160px);
	padding-bottom: 30px;
}

hero.subpage {
	display: flex;
	align-content: space-between;
	height: 66vh;
	position: relative;
	width: 100%;
	display: block;
	display: flex;
	align-items: flex-start;
	position: relative;
}

hero.subpage claim {
	display: flex;
	flex-direction: column;
	align-content: space-between;
	height: 100%;
	justify-content: space-between;
	padding-top: 2%;
	margin-right: -2%;
	width: 30%;
}
section#blog-detail .content {
	max-width: 950px;
}
.subpage .hero-image {
	/* position: relative; */
	transform: none;
	right: 30px;
	max-width: 1100px;
	width: 100%;
	display: flex;
	align-items: flex-end;
	width: 60%;
}

.subpage claim p {
	max-width: 450px;
}

.subpage .back {
	aspect-ratio: 16 / 9;
	width: 100%;
	height: auto;
}

.subpage {
	display: flex;
	margin: auto;
	max-width: 1640px;
}
.benefity-list {
	background: #efefef;
}

.benefity-list h2 {
	font-size: 34px;
	padding-bottom: 30px;
}

.bene-items {
	display: flex;
	padding-top: 50px;
	padding-bottom: 50px;
	flex-wrap: wrap;
}

.bene-item {
	width: 24%;
	text-align: center;
	border: 2px solid white;
	border-radius: 30px;
	padding: 3.5%;
	margin-right: 1%;
	margin-bottom: 1%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: space-between;
}

.bene-item h3 {
	font-size: 30px;
	padding-top: 40px;
	padding-bottom: 40px;
	line-height: 120%;
	width: 100%;
}

.bene-item img {
	max-width: 72px;
	height: 72px;
}
.anim img {
	width: 90%;
}
.button.red a:hover {
	background: #15172e;
}
input[type="submit"]{
	cursor: pointer;
}
input[type="submit"]:hover {
	background: #AA1E0C;
	color:white;
	border-color: #AA1E0C;
}
.list a:hover {
	color: #dd3a23;
	text-decoration: none;
}
section#claimik {
	position: relative;
}

.leva {
	padding-right: 5%;
	width: 30%;
}
.leva {
	width: 40%;
}

.prava {
	text-align: right;
	width: 70%;
}
.pozice-uvod h2 {
	font-size: 50px;
	color: #15172e;
	padding-bottom: 20px;
	font-size: clamp(35px,3vw,50px);
}

.pozice-uvod .perex {
	max-width: 400px;
}
hero.subpage.pozice {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 55vh;
	height: auto;
	padding-top: 161px;
}

.zpet {
	max-width: 1640px;
	padding: 0;
	padding-bottom: 30px;
	margin: auto;
	box-sizing: content-box;
	display: flex;
	align-items: center;
	font-family: 'Arial';
	padding-top: 2.5%;
}

.zpet img {
	margin-right: 17px;
}
header.subp {
	height: auto;
	padding-bottom: 5%;
	position: relative;
}

section#claimik {
	background: #efefef;
	overflow: hidden;
}

section#claimik h2 {
	font-size: 159px;
	color: #15172E;
	padding-bottom: 7%;
	font-size: clamp(50px,6vw,159px);
}

section#claimik h3 {
	font-family: 'Arial';
	font-size: 16px;
	font-weight: bold;
	color: #e13b24;
	filter: saturate(1.2);
}

.items h4 {
	font-size: 34px;
	padding-bottom: 27px;
	color: #15172e;
}

.item .line {
	margin-bottom: 63px;
}

.item p {
	max-width: 360px;
}

.item {
	padding-bottom: 5%;
	width: 33%;
	padding-right: 3%;
}

.items {
	display: flex;
	padding-top: 18px;
	padding-bottom: 3%;
	flex-wrap: wrap;
}
section#gallery {
	/* height: 40vh; */
	position: relative;
}
.swiper {
	width: 100%;
	height: 100%;
}
  
.gal img {
	width: 100%;
}


#claimik .tank.anim {
	right: 15%;
	top: 11%;
}
section#gallery img:hover {
	opacity: 0.75;
}

section#gallery img {
	transition: all ease 0.5s;
}

.obrazek-to-bottom {
	position: relative;
}

.obrazek-to-bottom .srdce {
	margin-top: -3%;
}

.citat p {
	font-size: 34px;
	font-weight: 700;
	max-width: 778px;
	line-height: 120%;
	color: #15172e;
	padding-bottom: 20px;
}

.small.red p {font-family: 'Arial';font-size: 16px;font-weight: bold;color: #e13b24;filter: saturate(1.2);}

section#info {
	background: #efefef;
}

section#citatis .wrap {
	padding-bottom: 0;
}

section#citatis .wrap {
	/* display: flex; */
	/* align-items: center; */
	/* max-width: 1440px; */
	/* padding-top: 4%; */
}

.citat {
	padding-bottom: 5%;
}

.citat p {
	font-size: 34px;
	font-weight: 700;
	max-width: 778px;
	line-height: 120%;
	color: #15172e;
	padding-bottom: 20px;
}

.small.red p {font-family: 'Arial';font-size: 16px;font-weight: bold;color: #e13b24;filter: saturate(1.2);}

section#info {
	background: #efefef;
}

section#citatis .wrap {
	/* padding-bottom: 0; */
}

section#citatis .wrap {
	/* display: flex; */
	/* align-items: center; */
	/* max-width: 1440px; */
	padding-top: 4%;
}

.citat {
	padding-bottom: 5%;
}

section#info {
	padding-top: 3%;
}

section#info h3 {
	font-family: 'Arial';
	font-size: 16px;
	font-weight: bold;
	color: #e13b24;
	filter: saturate(1.2);
}

#info .bene-items {
	padding-top: 0;
}

.benes {
	padding-top: 4%;
}

section#info ul {
	list-style-type: disc;
	font-size: 18px;
	line-height: 150%;
	margin-left: 17px;
}

section#info li {
	padding-bottom: 15px;
}
video {
	width: 100%;
	height: 100%;
	aspect-ratio: 16 / 9;
}
#info .bene-item h3 {
	font-size: 30px;
	padding-top: 40px;
	padding-bottom: 40px;
	line-height: 120%;
	width: 100%;
	color: #15172e;
	font-family: inherit;
}
.content {
	display: flex;
	flex-wrap: wrap;
}

.content h3 {
	text-transform: uppercase;
}

.content .col {
	width: 45%;
	padding-right: 5%;
	min-width: 400px;
	padding-bottom: 3%;
}
.content .col .mzda {
	font-size: 50px;
	font-weight: bold;
	font-size: clamp(50px,8vw,159px);
	-webkit-text-stroke-width: 2px;
	color: transparent;
	-webkit-text-stroke-color: #15172e;
	padding-top: 0;
	margin-top: 0;
	line-height: 70%;
	padding-bottom: 30px;
}


.subp .header-back {
	background-image: url(/templates/img/back2.png);
	background-position: right bottom;
	background-size: auto 100%;
}
a.zz {
	position: relative;
	z-index: 1;
}
a.zz img{
	transition: all ease 0.5s;
}

a.zz:hover img {
	margin-right: 25px;
}
.single .header-back {
	background-image: url(/templates/img/back2.png);
	background-position: right bottom;
	background-size: auto 100%;
}
section#nabizime {
	background: #efefef;
	position: relative;
}

section#nabizime h2 {
	font-size: 56px;
	color: #15172e;
	padding-bottom: 5%;
}

section#nabizime h3 {
	font-family: 'Arial';
	font-size: 16px;
	font-weight: bold;
	color: #e13b24;
	filter: saturate(1.2);
}

.intermezzo {
	background: white;
	margin-bottom: 4%;
}
.imgtext {
	display: flex;
	align-items: center;
	padding-top: 2%;
	padding-bottom: 2%;
	flex-wrap: wrap;
}

section#nabizime .text h3 {
	font-size: 34px;
	color: #15172e;
	max-width: 600px;
	line-height: 120%;
}

.text p {
	max-width: 430px;
}

.text .button {
	margin-top: 30px;
}

.photo {
	margin-right: 8%;
	width: 42%;
}

.photo img {
	border-radius: 40px;
	max-width: 100%;
}

.intermezzo .text {
	width: 36%;
}

section#spluprace h2 {
	font-size: 92px;
	color: #15172e;
	padding-top: 2%;
	padding-bottom: 2%;
	font-size: clamp(50px,6vw,92px);
}

.bigimg {
	background-repeat: no-repeat;
	background-image: url(/templates/img/racecar.png);
	background-position: center center;
	background-size: cover;
	aspect-ratio: 16 / 6;
	width: 100%;
}

.backimg {
	background-repeat: no-repeat;
	background-image: url(/templates/img/swus.png);
	background-position: center center;
	background-size: 102% auto;
	position: absolute;
	top: 45vh;
	height: 100vh;
	width: 100%;
}

section#spluprace {
	position: relative;
	background: #efefef;
}

#spoluprace .button a {
	margin: auto;
}

section#spluprace {}

section#spluprace a {
	margin: auto;
}

section#exkurze {
	position: relative;
	/* overflow: hidden; */
	padding-bottom: 4%;
	padding-top: 2%;
}

section#spluprace .wrap {
	position: relative;
	padding-bottom: 9%;
}

section#exkurze {}

section#exkurze .anim {
	right: 0;
	top: -49%;
	overflow: hidden;
}

section#exkurze h2 {
	font-size: 159px;
	color: #15172E;
	line-height: 90%;
	padding-right: 8%;
	font-size: clamp(57px,9vw,159px);
}

#exkurze .wrap {
	display: flex;
	align-items: center;
}

#exkurze .text {
	width: auto;
}

#exkurze .text p {
	max-width: 450px;
}

section#lidi {
	background: #efefef;
}
.hlavni {
	display: flex;
	padding-bottom: 7%;
	flex-wrap: wrap;
}

.hlavni-text p {
	font-weight: 700;
	line-height: 130%;
	color: #15172E;
}

.hlavni-text {
	max-width: 556px;
	font-size: 34px;
}

.hlavni-name .hlavni-name {
	font-size: 35px;
	font-weight: 700;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 10px;
	color: #15172E;
}

section#lidi {
	padding-top: 5%;
	overflow: hidden;
	position: relative;
}

.stazisti h3 {
	font-family: 'Arial';
	font-size: 16px;
	font-weight: bold;
	color: #e13b24;
	filter: saturate(1.2);
}

.hlavni-name {
	width: 25%;
	margin-right: 5%;
}

.img-hlavni {
	padding-right: 5%;
	width: 20%;
	padding-bottom: 30px;
}

.stazisti-list {
	display: flex;
}

.stazista h4 {
	font-size: 35px;
	color: #15172E;
	padding-top: 30px;
	padding-bottom: 30px;
}

.stazista img {
	padding-bottom: 40px;
}

.stazista {
	padding-right: 5%;
	width: 30%;

}
.swiper.mySwiper2 {
	overflow: visible;
}
.inner-staz {
	max-width: 380px;
}

.stazisti {
	max-width: 1700px;
	margin: auto;
	padding: 30px;
}

.nadstazisti {
	position: relative;
}

.nadstazisti:after {content: '';background: red;background: linear-gradient(90deg,rgb(255 255 255 / 2%),#efefefc4);width: 250px;background-repeat: no-repeat;height: 100%;background-position: 50% 59%;position: absolute;right: 0;top: 0;z-index: 1;}

.hide {
	overflow: hidden;
}
img {
	max-width: 100%;
}
nav a.kontakt {
	/* margin-left: 20px; */
	/* margin-top: 30px; */
}

.button a {
	margin: 0;
}
.item img {
	padding-bottom: 20px;
}
section#blog .line {
	margin-bottom: 25px;
}

section#blog .item .button {margin-top: 30px;}
section#hledame h3,
section#hodnoty h3 {
	font-family: 'Arial';
	font-size: 16px;
	font-weight: bold;
	color: #e13b24;
	filter: saturate(1.2);
	padding-bottom: 0;
}

.more-bar .text {
	padding-top: 0;
}
section#blog {
	/* padding-top: 3%; */
	background: #efefef;
}

/* h1 {
	font-size: clamp(40px,5vw,113px);
}

nav {
	padding-top: 30px;
	position: absolute;
	width: 100%;
	margin: auto;
	max-width: 1640px;
	left: 0;
	right: 0;
}

hero {
	width: 100%;
	height: 100%;
} */
header.single {
	height: auto;
	padding-bottom: 8%;
}

.anim.hat {
	position: absolute;
	bottom: -10%;
	right: -10%;
}
.anim.heart {
	position: absolute;
	bottom: -10%;
	right: -5%;
}
.bene-item:hover img {
	transform: scale(1.2);
}

.bene-item img {
	transition: all ease 0.5s;
}

.bene-item:hover {
	box-shadow: 0px 0px 25px 6px inset white;
	cursor: crosshair;
}

.bene-item {
	transition: all ease 0.5s;
}
#catchup .wrap {max-width: 1100px;}
.form-success {
	position: fixed;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	top: 0;
	background: #ffffffab;
	width: 100%;
	height: 100%;
	z-index: 99999;
	padding: 30px;
}
button#falseinput {
	width: 100%;
	max-width: 340px;
	margin: 0;
	font-size: 16px;
	cursor: pointer;
	background: transparent;
}

button#falseinput:hover {
	background: #E23A24;
	color: white;
}
.filtr {
	padding: 14px 20px;
	border: 3px solid #e13b24;
	display: inline-block;
	border-radius: 40px;
	color: #e13b24;
	filter: saturate(1.2);
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
	transition: all ease 0.5s;
}

.filtry {
	padding-top: 30px;
}

.filtr:hover {
	background: #e13b24;
	color: white;
}
.hledame.pozice {
	width: 25%;
	min-width: 220px;
	padding-bottom: 60px;
}

.hledame.pozice img {
	padding-bottom: 30px;
}

.hledame.pozice .button {
	margin-top: 20px;
}
.hledame.pozice:hover img {
	opacity: 0.7;
}

.hledame.pozice img {
	transition: all ease 0.5s;
}
.filtr.selected {
	background: #e13b24;
	color: white;
}
.radiator {
	display:none;
	cursor: pointer;
}

section#namiru {
	/* background: #efefef; */
}

section#namiru form {
	width: 100%;
	max-width: 800px;
	padding-top: 0;
}

#namiru .input label {
	width: 45%;
	padding-bottom: 13px;
}

.input input {
	max-width: 400px;
}

#namiru .input input[type="submit"] {
	margin-left: 45%;
}
section#namiru {
	background: #efefef;
	padding-bottom: 5%;
	max-width: 100%;
	margin: auto;
	width: 100%;
	margin-top: 3%;
}
section#namiru h3 {
	font-size: clamp(30px,3vw,58px);
	padding-bottom: 4%;
}

section#namiru .wrap {
	padding: 0;
}

#namiru .anim.klobouk {
	top: auto;
	bottom: 0;
}

.adresa p {
	color: white;
}
.adresa {
	padding-top: 20px;
}
.stazisti h3 {
	text-transform: uppercase;
}

.benefity-list {
	position: relative;
}
.right-col {
	width: 60%;
}
.card small {
	padding: 0;
	text-align: left;
	font-size: 13px;
}

section#vyvijime h2 {
	filter: drop-shadow(0px 10px 15px white);
	-webkit-filter: drop-shadow(0px 10px 15px white);
}

.hledame.pozice {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
menu.diff a.menu-item {
	color: white;
}

.letadlo-cont.anim img {
	width: 70%;
	max-width: 310px;
}

section#map img {
	max-width: 950px;
}

section#map {
	position: relative;
	max-width: 1620px;
	margin: auto;
	padding: 30px;
	margin-bottom: -10%;
	padding-top: 1%;
	text-align: center;
	margin-top: 0%;
	z-index: 99;
}

section#map {
	/* margin-top: -11%; */
}

@media screen and (max-width:1650px){
	
		#namiru .anim.klobouk {
 
	text-align: right;
}
#namiru .anim.klobouk {
	right: 10%;
}
.back.main {
	background-size: contain;
	background-position: bottom;
}

.subpage .back {
	background-size: cover;
	aspect-ratio: auto;
	height: 95%;
}
	
}
@media screen and (max-width:1450px){
	

.obrazek-to-bottom .srdce {
	margin-top: -3%;
	right: 0;
}
.subpage .back {

	background-size: contain;
	background-position: center;
}

.hledame.pozice {

	padding-right: 3%;
}
	
.letadlo.anim {
		max-width: 520px;
	}
nav {
	padding-top: 30px;
}	

.back.main {
	/* background-size: 80% auto; */
	background-position: top;
}
	header{
		/* height: auto; */
		max-height: 900px;
	}
	.hero-image {
	transform: translateX(0);
	max-width: 800px;
}

.anim img {
	width: 60%;
}
section#benefity h2,
section#hodnoty h2 {
	font-size: clamp(50px,6vw,154px);
}

h2 {}

.letadlo-cont.anim {
	top: 12%;
}

.right-col img {
	max-width: 100%;
}

.letadlo-cont.anim img {
	text-align: right;
}
	
}

@media screen and (max-width: 1150px){
	
	#namiru .anim.klobouk {
	right: 0;
	text-align: right;
}


@media screen and (max-width: 1024px){
	
#namiru .anim.klobouk {
	
	display: none;
}

.items .item {
	width: 50%;
}
}
@media screen and (min-width: 971px){
	menu {
	display: flex!important;
	align-items: center;
	align-content: center;
}

}

@media screen and (orientation:portrait){
	#blog .item {
		width: 50%;
	}
	.leva {
		width: 50%;
	}
	
	.obrazek-to-bottom .srdce {
		right: 0;
	}
	.citat p {
		font-size: 25px;
		max-width: 580px;
	}
	.bene-item {
		width: 32%;
	}
	
	.bene-item h3 {
		font-size: 28px;
	}
	hero.subpage {
		max-height: 550px;
	}
	
	.hledame.pozice {
		width: 33%;
		padding-right: 3%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	
	.hero-image {max-width: 740px;}
	
	.back.main {
		/* background-position: left bottom; */
		background-size: contain;
		background-position: right bottom;
	}
	
	header {
		max-height: 60vh;
		height: auto;
		padding-bottom: 5%;
	}
	
	.hledame {
		width: 50%;
	}
	
	.tank.anim {
		top: 1%;
		text-align: right;
	}
	
	.image-back {
		max-height: 500px;
	}
	
	section#vyvijime h2 {
		filter: drop-shadow(0px 10px 18px white);
	}
	
	.left-col {}
	
	.right-col {
		width: 50%;
	}
	
	.befefit {
		width: 50%;
		padding-bottom: 5%;
		min-width: 400px;
	}
	
	.benefity-flex {
		display: flex;
		flex-wrap: wrap;
	}
	
	.right-contact {
		width: 40%;
	}
	
	.left-contact {
		/* padding-right: 5%; */
	}
	
	section#kontakt .wrap {
		display: flex;
		justify-content: space-between;
	}
	
	#catchup .wrap {
		margin: auto;
		max-width: 770px;
	}
	
	.klobouk.anim {
		right: 17%;
		top: 10%;
	}
}

@media screen and (max-width:970px){
	
	#exkurze .wrap {
	display: block;
}
section#exkurze .anim {
	text-align: right;
}
section#exkurze h2 {
	padding-bottom: 30px;
}

.imgtext {
	display: block;
}

.photo {
	width: 100%;
}

.intermezzo .text {
	width: 100%;
}

.img-hlavni {
	width: 55%;
}
#exkurze .text p {
	max-width: 100%;
}
	
		#namiru .anim.klobouk {
	display: none;
}
	
	menu {
	position: fixed;
	left: 0;
	top: 0;
	background: white;
	height: 100vh;
	flex-direction: column;
	width: 100%;
	padding-top: 92px;
}

menu a {
	display: block;
	width: 100%;
	border-bottom: 1px solid whitesmoke;
	padding-left: 30px;
}

a.kontakt.scroll {
	max-width: 240px;
	text-align: center;
	margin-top: 25px;
}

logo {
	z-index: 99;
}

.radiator.active {
	background: #e13b24;
}

.radiator.active i {
	background: white;
	width: 20px;
}
	
	menu {
		display: none;
	}
	
	menu.diff a.menu-item {
	color: inherit;
	}
	
	.radiator {
		display: block;
		width: 40px;
		height: 40px;
		border-radius: 20px;
		overflow: hidden;
		padding-top: 1px;
		z-index: 999;
		transition: all ease 0.5s;
	}
	
	.radiator i {
		display: block;
		height: 2px;
		width: 100%;
		margin: 9px 0;
		background: #E23A24;
		margin-top: 7px;
		transition: all ease 0.5s;
	}

}
@media screen and (max-width:800px){
	
	#namiru .input label{
		width: 100%;
	}

	#blog .item {
		width: 100%;
	}
	#blog .item img {
		width: 100%;
	}
	.bene-item {
		width: 48%;
		padding-top: 40px;
		padding-bottom: 50px;
	}
	.hledame.pozice {
		width: 50%;
	}
claim p {
	filter: drop-shadow(2px 4px 6px whitesmoke);
}
header {
	height: auto;
}

hero {padding-top: 110px;display: flex;align-items: flex-start;height: 100%;box-sizing: border-box;}

.letadlo.anim {
	max-width: 210px;
}

.hodnoty-flex {
	display: flex;
	flex-wrap: wrap;
}

.hodnota {
	width: 100%;
	margin-bottom: 3%;
}

.new-bar {
	flex-wrap: wrap;
}

.form {
	flex-wrap: wrap;
}

.befefit {
	width: 100%;
	padding-bottom: 40px;
}

.benefity-flex {
	flex-wrap: wrap;
}

.srdce.anim {
	width: 180px;
}

.left-col {
	width: 100%;
	padding-bottom: 40px;
}

.pros {
	padding-bottom: 60px;
}

section#prostredi {
	padding-top: 60px;
}

section#kontakt .wrap {
	flex-wrap: wrap;
}

.left-contact {
	width: 100%;
	padding-bottom: 50px

}

.vehicle {
	/* width: 50%; */
}

.vehicles {
	flex-wrap: wrap;
}

#vyvijime:after {
	height: 77vh;
}

.vehicle-title.wire {
	font-size: clamp(40px,3.5vw,80px);
}

section#vyvijime h2 {
	font-size: clamp(40px,4.5vw,92px);
}

section#vyvijime .wrap {
	margin-top: 0%;
}

.tank.anim {
	top: 2%;
	width: 200px;
}

.hledame img {
	padding-bottom: 9%;
}

.hodnota p {
	max-width: 100%;
}

.hledame {
	padding-bottom: 15%;
	width: 100%;
}

.hero-image {
	transform: translateX(19%);
}

.back {
	background-size: 82% auto;
}

.sub {
	padding-bottom: 30px;
}

claim {
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: space-between;
	padding-bottom: 30px;
	box-sizing: border-box;
}

section#benefity h2 br, section#hodnoty h2 br {
	display: none;
}

.right-col {
	width: 100%;
}

.form input[type="submit"] {
	width: 100%;
	margin: 0;
	margin-top: 24px;
	appearance: none;
}

.sipka {
	display: none;
}

.form input[type="text"] {
	width: 100%;
	padding: 18px;
}

.input label {
	width: 100%;
	padding-bottom: 16px;
}

form#quick {
	padding-top: 40px;
}

.input input {
	width: 100%;
	max-width: 100%;
}

.input {
	padding-bottom: 15px;
}

textarea {
	width: 100%;
}

.input input[type="submit"] {
	margin: auto;
	width: 100%;
	max-width: 100%;
	margin-top: 20px;
}

small {
	padding-left: 0;
}

.input small {
	padding: 0;
}

.right-contact {
	width: 100%;
	display: block;
}

.letadlo-cont.anim {
	display: none;
}

.card {
	padding-bottom: 40px;
	max-width: 100%;
}

.klobouk.anim img {
	position: relative;
	right: 0;
}

.klobouk.anim {
	text-align: right;
	padding-right: 30px;
	right: 0;
}

footer .wrap {
	display: flex;
	flex-direction: column-reverse;
}

a {}

.menu-foo a {
	/* display: block; */
	font-size: 25px;
	display: inline-block;
}

.menu-foo {
	padding-bottom: 40px;
	/* text-align: center; */
}

.tiraz {
	line-height: 150%;
}

section#catchup {
	padding-top: 8%;
	padding-bottom: 8%;
	border-bottom: 0;
}

.card img {
	max-width: 230px;
}
#benefity .srdce.anim {
	top: 0;
}
	hero.subpage claim {
		width: 100%;
	}
	
	hero.subpage {
		display: block;
		height: auto;
		max-height: initial;
	}
	
	hero.subpage claim {
		display: block;
		height: auto;
	}
	
	hero.subpage h1 {
		padding-bottom: 30px;
	}
	
	.subpage .hero-image {
		width: 100%;
		height: auto;
		aspect-ratio: 16/9;
		padding: 0;
		padding-top: 20px;
		position: relative;
	}
	
	.subpage .back {
		background-size: cover;
		height: 100%;
		background-position: center center;
	}
	
	header.single {
		padding-bottom: 0;
	}
	
	.single .header-back {
		background-position: left;
	}

	.anim.hat {
		top: 15%;
		right: 4%;
	}
	.anim.heart {
		/* bottom: -30%; */
		right: 50%;
	}
	.leva {
		width: 100%;
		padding-bottom: 50px;
	}
	
	.prava {
		width: 100%;
		padding-right: 0px;
	}
	
	hero.subpage.pozice {
		flex-wrap: wrap;
		padding-top: 100px;
		padding-right: 30px;
		box-sizing: border-box;
	}
	
	.pozice-uvod .perex {
		max-width: 90%;
	}
	
	#claimik .tank.anim {
		text-align: right;
	}
	
	.items .item {
		width: 50%;
	}
section#exkurze .anim {
	top: 0;
	width: 350px;
	max-width: 100%;
}
}

@media screen and (max-width:700px){
	
	header {
		max-height: initial;
		padding-bottom: 0;
	}
	.subpage .hero-image{
		right: 0;
	}
	
	.items .item {
		width: 90%;
	}
	.filtr {
		margin-bottom: 11px;
	}
	
	.hleame-flex {
		padding-top: 40px;
	}
	
	.hledame.pozice {
		width: 100%;
	}
	.bene-item {
		width: 100%;
		padding: 60px;
	}
	.obrazek-to-bottom .srdce {
		margin: auto;
		margin-top: 20%;
	}
}