body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
    min-height: 100%;
    display: flex;
    flex-direction: column;
}
html {
  scroll-padding-top: 55px;
  scroll-behavior: smooth;
  height: 100%;
}
h1 {
	color: #838cc8; 
  font-size: 1.7vw; 
  margin-block-end: 0;
  font-weight: bold;
}

.hlavnaFotka {
	width: 100%;
	height: 100%;
	position: relative;
}

#hlavnyObrazok {
	width: 100%;
	margin: 0;
}

#vyhody {
	position: absolute;
	top: 18%;
	left: 15%;
	color: white;
	font-weight: bold;
	font-size: 1.4vw;
}

#englishTop {
	position: absolute;
	top: 80px;
	right: 15vw;
	color: black;
	font-weight: bold;
	font-size: 1.3vw;
}
#englishTop img {
	height: 1.2vw;
	margin-bottom: 5px;5&e5GF3c
}
#englishTop1 {
	font-size: 1.53vw;
}
#englishTop1, #englishTop2 {
	margin-block-start: 0;
	margin-block-end: 0;
}

#vyhodyIkonky {
	width: 100%;
	margin: 0 auto 30px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	align-items: center;
	margin-top: -1px;
	background-color: rgb(31, 39, 76);
	clip-path: polygon(10% 0%, 90% 0%, 80% 100%, 20% 100%);
}
#vyhodyIkonky img {
	max-width: 5%;
}

/* #modely {
	width: 60%;
	margin: auto;
	z-index: 2;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 0%);
}
#modely img {
	max-width: 100%;
} */

#modely {
	width: 60%;
	margin: auto;
	z-index: 2;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 0%);
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1em;
}
.modely {
    position: relative;
    width: 100%;
    img {
        max-width: 100%;
    }
    p {
        position: absolute;
        margin: 0;
        bottom: .3em;
        width: 100%;
        text-align: center;
        font-size: 30px;
        font-weight: bold;
        color: white;
        line-height: 1;
    }
}
.modely:hover {
    filter: drop-shadow(0 0 0.75rem rgb(180, 180, 180));
}

main {
  position: relative;
  flex: 1;
}
.bublinyPc {
  position: absolute;
  top: 0;
  height: 90vh;
}
.bublinyPc.bublinyLave {
  left: 0;
}
.bublinyPc.bublinyPrave {
  right: 0;
}
#main2 {
	max-width: 1300px;
	margin: 30px auto;
	display: block;
	text-align: center;
	font-size: 1.3vw;
}
main h2, #kontakt h2 {
	font-size: 2.5rem;
	color: rgb(168, 168, 168);
	font-weight: bold;
	display: inline-block;
	margin-block-end: 0;
	margin-block-start: 0;
}
#naseSluzby, #akoToFunguje {
	width: 35em;
  max-width: 910px;
	margin: 10px auto 10px;
	padding-inline-start: 0;
}
#naseSluzby li, #akoToFunguje li {
	list-style: none;
	text-align-last: justify;
}
#naseSluzby li::before, #akoToFunguje li::before {
	content: '';
	display: inline-block;
	margin-right: 10px;
	height: 1em;
	width: 1em;
	background-image: url("/img/ul2.png");
	background-size:     cover;
	background-repeat:   no-repeat;
	background-position: center center; 
}
.ikonaVNadpise {
	width: 2.5em;
	display: inline-block;
    vertical-align: bottom;
}

#recenzie {
	max-width: 85vw;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	align-items: center;
}
#recenzie img {
	max-width: 25%;
}

#kontakt {
	width: 100%;
	background-color: rgb(66, 72, 104);
	clip-path: polygon(20% 0%, 80% 0%, 90% 50%, 100% 50%, 100% 100%, 0% 100%, 0% 50%, 10% 50%);
}
#kontaktDiv {
	max-width: 1300px;
	margin: auto;
	position: relative;
	display: block;
	text-align: left;
  padding: 20px 0;
  width: 60%;
}
#kontakt label {
	color: white;
	width: 60vw;
	text-align: left;
	/* display: block; */
}
#kontakt .kontaktEnglish {
	color: rgb(195, 195, 196);
}
#kontakt input, #kontakt textarea {
	width: 100%;
	max-width: 1300px;
  text-align: left;
	/* display: block; */
}
#kontakt button {
	background-color: rgb(41, 47, 83);
	color: rgb(234, 234, 235);
	border: none;
	width: 200px;
	height: 30px;
	clip-path: polygon(0% 0%, 100% 0, 90% 100%, 10% 100%);
}
#kontakt .povinne {
	color: rgb(255, 0, 0);
}
#kontaktDiv .centrovat {
  width: 60%;
  text-align: center;
  margin: auto;
}
#formSpravaDiv {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  position: absolute;
  background-color: rgb(66, 72, 104);
  color: white;
}
#formSpravaP {
  transform: translate(-0%, -50%);
  top: 50%;
  position: relative;
  font-size: 1.5em;
  font-weight: bold;
}
/* Parsley validator */
.parsley-errors-list {
	margin-block-start: 0 !important;
	margin-block-end: 0 !important;
	padding: 5px !important;
	color: #ffb9b9 !important;
	font-weight: bold !important;
}
li.parsley-required, li.parsley-minlength {
	list-style-type: none !important; 
}

footer {
	background-color: rgb(41, 47, 83);
	position: relative;
  color: white;
  margin-top: -1px;
}
#footerFlex {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
	justify-content: space-evenly;
	height: 100%;
}
.footerVlavo img {
  max-height: 172px;
  margin-right: 10px;
}
.footerVlavo td {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
}
.footerVlavo p {
  max-width: 400px;
}
footer p {
	margin-block-start: 0;
	margin-block-end: 0;
}
footer table #vlozka {
  color: #b5b5b5;
}
.englishBottom, footer .addvision {
	font-weight: bold;
	font-size: large;
}
.englishBottom .telefon {
	filter: invert(1);
	height: 1.5em;
}
.englishBottom img {
	height: 1em; 
	margin-bottom: 3px;
}
.englishBottom1 {
	font-size: 1.47vw; 
}

.munifi {
	position: absolute;
	bottom: 0;
	right: 0;
	color: rgb(136, 136, 136);
	font-size: smaller;
}

.popup {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 100;
	background-color: rgba(0, 0, 0, 0.7);
	top: 0;
	left: 0;
}
#popup {
	position: fixed;
	z-index: 101;
	background-color: rgba(255, 255, 255, 0.9);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	font-size: 5vw;
	text-align: center;
	width: 80%;
	border-radius: 40px;
}