@charset "UTF-8";

/*
	Theme Name: Alphacorp 2.0
	Author: Michal Hančil
	Author URI: https://michalhancil.cz/
	Description: Toto je šablona navržená na míru pro vaše potřeby. Pro úpravy či asistenci se obraťte na Michala Hančila, autora šablony.
	Version: 1.47
	Requires PHP: 8
*/

 :root {
     --bs-font-sans-serif: "Nimbus";
     --bs-link-color: var(--alpha-red);
     --bs-navbar-color: var(--alpha-gray);
     --bs-link-color-rgb: 13, 110, 253;
     --bs-link-decoration: underline;
     --bs-link-hover-color: white;
     --bs-nav-link-hover-color: white;
     --bs-nav-link-font-size: 1.25rem;
     --bs-nav-link-font-weight: 400;
     --bs-navbar-nav-link-padding-x: 1rem;
     --bs-link-hover-color-rgb: 255, 255, 255;
     --bs-navbar-toggler-border-color: transparent;
     --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
     --bs-dropdown-min-width: auto;
     --bs-spinner-width: 3rem;
     --bs-spinner-height: 3rem;
     --bs-modal-width: 700px;
     --spinner-border-color: var(--alpha-red);
	 --alpha-red-visible:rgba(211, 7, 31, .75);
	 --alpha-gray-visible:rgba(153, 152, 152, .5);
	 --alpha-red:#cc0000;
	 --alpha-gray:#cccccc;
	 --alpha-dark-gray:#666666;
	 --alpha-gray-next:#999999;
	 --alpha-dark:#424242;
}
 a:focus, a:active, button, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, select::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner, button, button:focus, button:active, .btn, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus {
     outline: none !important;
     outline: 0 !important;
}
 .wpcf7-form-control:focus-visible, .wpcf7-form-control-wrap:focus {
     outline: none !important;
     outline: 0 !important;
     box-shadow: none !important;
}
 #rank-math-analytics-stats-wrapper, .fancybox-caption-wrap {
     display: none !important;
}
 .cmplz-cookiebanner-container {
     height: 0;
}
 #cmplz-document, .editor-styles-wrapper .cmplz-unlinked-mode, #cmplz-document p, .editor-styles-wrapper .cmplz-unlinked-mode p, #cmplz-document li, .editor-styles-wrapper .cmplz-unlinked-mode li, #cmplz-document td, .editor-styles-wrapper .cmplz-unlinked-mode td {
     max-width: unset !important;
     font-size: unset !important;
}
 #cmplz-document a, .editor-styles-wrapper .cmplz-unlinked-mode a {
     text-decoration: none !important;
     color: inherit;
}
@font-face {
  font-family: 'Nimbus';
  src: url('font/Nimbus.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Nimbus';
  src: url('font/NimbusItalic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'Nimbus';
  src: url('font/NimbusLight.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Nimbus';
  src: url('font/NimbusBold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Minion';
  src: url('font/Minion.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Minion';
  src: url('font/MinionMediumItalic.woff') format('woff');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: 'Minion';
  src: url('font/MinionBold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Minion';
  src: url('font/MinionBoldItalic.woff') format('woff');
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: 'Din';
  src: url('font/Din.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
 body {
     overflow-x: hidden;
     padding: 0 !important;
	 background-color:#dcdcdc;
}
 .loader-animation {
     position: fixed;
     top: 0;
     left: 0;
     display: flex;
     justify-content: center;
     align-items: center;
     width: 100%;
     height: 100%;
     background: black;
     z-index: 9999;
     animation: hide .5s ease-out 1s forwards;
}
 .loader-animation .animation-hide {
     animation: hide .5s ease-out .5s forwards;
}
 .loader-animation .spinner-border {
     border-color: var(--spinner-border-color);
     border-right-color: transparent;
}
 @keyframes hide {
     to {
         opacity: 0;
         visibility: hidden;
    }
}
 .navbar-toggler {
     background: var(--alpha-red);
     margin-right: 15px;
}
 .logo {
     transition: all .3s ease-in-out;
     text-decoration: none;
	 margin-left:0;
}
 .logo h1 {
     position: absolute;
     width: 1px;
     height: 1px;
     overflow: hidden;
     clip: rect(1px, 1px, 1px, 1px);
     white-space: nowrap;
}
 .logo .img {
     background: url("img/logo.svg") center center no-repeat;
     background-size: contain;
	 width: 270px;
     height: 55px;
}
.logo:hover {
	margin-left:10px;
}
 .navbar {
     background: transparent;
     transition: all .3s ease-in-out;
     height: 100px;
     padding: 0 15px;
}
 .navbar-nav, .navbar {
     align-items: center;
}
 .navbar-nav .menu-item {
	 margin: 0 5px;
}
 .navbar-floating {
     background: rgba(0, 0, 0, .8)!important;
     height: 80px;
}
.navbar-nav .home{
	width:20px;
	height:20px;
	margin:5px 0;
	background: url("img/domek.svg") top center no-repeat;
    background-position: 0 0;
}
.navbar-nav .nav-link:hover .home, .navbar-nav .nav-link:active .home, .navbar-nav .nav-link:focus-visible .home, .navbar-nav .nav-link:focus .home{
	background-position: 0 -40px;
}
 .navbar-nav .nav-link {
     border-bottom: 2px solid transparent;
}
 .navbar-nav .nav-link:hover, .navbar-nav .nav-link:active, .navbar-nav .nav-link:focus-visible, .navbar-nav .nav-link:focus {
     border-bottom-color: var(--alpha-red);
     color: var(--alpha-red);
}
.header-page{
	height:80px;
	min-height:80px;
	padding-bottom:80px;
}
 .page {
     padding: 80px 0 0 0;
}
 .page .content {
     padding: 0 0 125px 0;
}
 .btn-kontakt {
     background: var(--alpha-red);
	 padding: 0;
     font-weight: 700;
     cursor: pointer;
	 color:white;
	 border:none;
	 border-radius:25px;
	 width:150px;
     font-size: var(--bs-nav-link-font-size);
}
 .btn-kontakt a {
     padding: 10px 25px!important;
	 border-bottom-color:transparent!important;
	 display: block;
     text-decoration: none;
     color: inherit;
}
 .btn-kontakt:hover, .btn-kontakt:active, .btn-kontakt:focus-visible {
     background: var(--alpha-gray-visible)!important;
	 color:white!important;
}
 .btn-kontakt span{
	transition:margin .3s ease-in-out;
	margin-left:5px;
}
.btn-kontakt:hover span{
	margin-left:10px;
}
 header {
     background: url("img/header.jpg") center center no-repeat;
     background-size: cover;
     position: relative;
     min-height: 800px;
     height: 90%;
	 padding-bottom:200px;
}
 header .inside {
     width: 100%;
     height: 100%;
     color: white;
     position: relative;
	 top:175px;
	 margin-bottom:300px;
}
header .inside .flex{
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
	gap:30px;
}
 header .inside .flex h2{
	font-family:Din;
	font-size:45px;
	letter-spacing:-2px;
	margin:0;
	color:var(--alpha-dark-gray);
}
header .inside .flex h3{
	font-family:Minion;
	font-weight:700;
	font-style:italic;
	font-size:45px;
	margin:85px 0 0 0;
	max-width:750px;
}
header .inside .flex h3 span{
	color:var(--alpha-gray-next);
}
header .inside .flex button{
	background:var(--alpha-gray-visible);
	color:var(--alpha-gray);
	border-radius:25px;
	border:none;
	width:200px;
	margin-bottom:50px;
	transition:all .3s ease-in-out;
}
header .inside .flex button:hover{
	background:var(--alpha-red);
	color:white;
}
header .inside .flex button span{
	transition:margin .3s ease-in-out;
	margin-left:5px;
}
header .inside .flex button:hover span{
	margin-left:10px;
}
header .inside .flex button a{
	text-decoration:none;
	font-size:20px;
	font-weight:700;
	padding: 10px 25px;
	display:block;
	color:inherit;
}
header .inside .separator{
	width:300px;
	height:2px;
	background:white;
	margin:35px 0;
}
header .inside .znacky{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:30px;
	margin:0 0 30px;
}
header .inside .znacky a{
	cursor:pointer;
}
header .inside .znacky a > div{
	transition:opacity .3s ease-in-out;
	height:75px;
}
header .inside .znacky .natrhu{
	background: url("img/20let.svg") center center no-repeat;
	background-size:contain;
	width:75px;
}
header .inside .znacky .iso{
	background: url("img/iso.svg") center center no-repeat;
	background-size:contain;
	width:225px;
}
header .inside .znacky .gdpr{
	background: url("img/gdpr.svg") center center no-repeat;
	background-size:contain;
	width:115px;
	height:115px;
}
header .inside .znacky a > div:hover{
	opacity:.7;
}
header .inside .text-gdpr{
	color:var(--alpha-gray-next);
	font-size:20px;
	line-height:1.2;
}
header .inside .text-gdpr a{
	color:inherit;
	border-bottom:1px solid var(--alpha-gray-next);
	text-decoration:none;
}
header .inside .text-gdpr a:hover{
	border-bottom-color:transparent;
}
header .banner{
	position:absolute;
	bottom:0;
	background:var(--alpha-red-visible);
	padding:60px 15px;
	width:100%;
}
header .banner h2{
	font-family:'Minion';
	font-size:45px;
	font-weight:700;
	color:white;
	margin:0;
	text-align:center;
}
 .blok {
     padding: 100px 15px 175px 15px;
     position: relative;
	 font-size:22px;
	 color:var(--alpha-dark-gray);
}
.blok h2{
	font-family:Minion;
	font-size:45px;
	color:var(--alpha-dark);
}
.blok h2.red{
	color:var(--alpha-red);
}
.blok h2.gray{
	color:var(--alpha-dark);
}
.blok p{
	margin-bottom:25px;
}
.blok p.padding{
	margin-bottom:35px;
}
.blok .citace{
	font-family:Minion;
	font-weight: 500;
	font-size:45px;
	font-style: italic;
	color:var(--alpha-red);
	margin:50px 0;
}
.blok ul{
	font-family:Nimbus;
	font-size:22px;
	list-style:none;
	padding:0;
	margin:15px 0 10px;
}
.blok ul.bold{
	font-weight:700;
}
.blok ul.padding{
	margin:30px 0 50px;
}
.blok ul li, .blok ul.bez li:nth-child(even){
	color:var( --alpha-dark);
}
.blok ul li:nth-child(even), .blok ul li.red{
	color:var(--alpha-red);
}
.blok ul li.red{
	font-weight:700;
}
.pohledavky{
	background: url(img/A.svg?v=2) right bottom no-repeat;
    background-size: 290px 450px;
}
.pohledavky h2{
	margin:0 0 20px 0;
}
.banner{
	background: url(img/praxe.jpg) center center no-repeat;
	background-size:cover;
	padding:75px 15px;
}
.banner h2{
	font-family:Minion;
	font-weight: 700;
	font-size:45px;
	margin:0;
	color:white;
	text-align:center;
}
.sluzby{
	background: url(img/C.svg?v=2) right bottom no-repeat;
    background-size: 405px 450px;
}
.banner2{
	background: url(img/uspesnost.jpg) center center no-repeat;
	background-size:cover;
}
.pribeh{
	background: url(img/AC.svg?v=2) right bottom no-repeat;
    background-size: 860px 450px;
}
.pribeh h2{
	margin:0 0 15px 0;
}
.banner3{
	background: url(img/zakaznici.jpg) center center no-repeat;
	background-size:cover;
}
.banner3 .zakaznici{
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
	gap:30px;
}
.zakaznici a > div{
	transition:all .3s ease-in-out;
	transform: perspective(1px);
}
.zakaznici a > div:hover{
	transform:scale(1.05);
	opacity:.7;
}
.mb {
    background: url(img/mb.svg) center center no-repeat;
	background-size: contain;
    width: 125px;
    height: 75px;
}
.csob {
    background: url(img/csob.svg) center center no-repeat;
	background-size: contain;
    width: 80px;
    height: 80px;
}
.rf {
    background: url(img/rb.svg) center center no-repeat;
	background-size: contain;
    width: 170px;
    height: 50px;
}
.wl {
    background: url(img/wl.svg) center center no-repeat;
	background-size: contain;
    width: 335px;
    height: 50px;
}
.sm {
    background: url(img/sm.svg) center center no-repeat;
	background-size: contain;
    width: 300px;
    height: 40px;
}
.mapa{
	background: url(img/mapa.jpg) center center no-repeat;
	background-size:cover;
	max-width:100%;
	height:800px;
}
footer{
	border-top:40px solid var(--alpha-red);
	background:black;
	color:var(--alpha-gray);
	padding:80px 15px 60px 15px;
}
footer .flex{
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:30px;
}
footer .text{
	max-width:950px;
}
footer h2{
	font-family:Minion;
	color:var(--alpha-gray);
	font-size:45px;
}
footer p{
	font-size:22px;
	color:var(--alpha-gray-next);
	margin:0;
}
footer ul{
	font-size:22px;
	color:var(--alpha-gray);
	margin-top:30px;
	list-style:none;
	padding-left:0;
}
footer .red{
	color:var(--alpha-red);
	font-size:25px;
}
footer ul .red, footer ul .napiste{
	font-weight:700;
}
footer ul a{
	color:white;
	border-bottom:2px solid white;
	text-decoration:none;
}
footer ul a:hover{
	border-bottom-color:transparent;
}
footer .citace{
	font-family:Minion;
	font-weight: 500;
	font-size:45px;
	font-style: italic;
	color:var(--alpha-red);
	margin:40px 0;
	max-width:800px;
}
footer button{
	background:var(--alpha-gray-visible);
	color:var(--alpha-gray);
	border-radius:25px;
	border:none;
	transition:all .3s ease-in-out;
	margin-bottom:50px;
	width:230px;
}
footer button:hover{
	background:var(--alpha-red);
	color:white;
}
footer button span{
	transition:margin .3s ease-in-out;
	margin-left:5px;
}
footer button:hover span{
	margin-left:10px;
}
footer button a{
	text-decoration:none;
	font-size:20px;
	font-weight:700;
	padding: 10px 25px;
	display:block;
	color:inherit;
}
footer .separator{
	width:300px;
	height:2px;
	background:white;
	margin:10px 0;
}
footer .aclogo{
	background: url(img/aclogo.svg) center center no-repeat;
	background-size: contain;
	width:420px;
	height:100px;
	transition:opacity .3s ease-in-out;
}
footer .aclogo:hover{
	opacity:.7;
}
.underfooter{
	background:white;
	padding:20px 15px;
	color:black;
}
.underfooter .flex{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	gap:30px;
}
.underfooter p{
	margin:0;
}
.underfooter a{
	font-weight:700;
	border-bottom:2px solid black;
	text-decoration:none;
	color:black;
}
.underfooter a:hover{
	border-bottom-color:transparent;
}
.vypis-sluzeb{
	background: url(img/A.svg?v=2) right bottom no-repeat;
    background-size: 290px 450px;
	padding-bottom:125px;
}
.vysledek{
	background: url(img/AC.svg?v=2) right bottom no-repeat;
    background-size: 860px 450px;
}
.historie{
	background: url(img/A.svg?v=2) right bottom no-repeat;
    background-size: 290px 450px;
	padding-bottom:125px;
}
.profesionalita{
	background: url(img/C.svg?v=2) right bottom no-repeat;
    background-size: 405px 450px;
}
.profesionalita .hodnoty {
	display: flex;
	flex-wrap: wrap;
	gap: .75rem;
	text-transform: uppercase;
	font-weight:700;
	color:var(--alpha-dark);
}
.profesionalita span:nth-child(even){
	color:var(--alpha-red);
}
.profesionalita span:not(:last-child)::after {
	color:var(--alpha-dark);
	content: " – ";
	margin-left:.5rem;
}
.kontakty{
	background: url(img/A.svg?v=2) right bottom no-repeat;
    background-size: 290px 450px;
	padding-bottom:125px;
}
.kontakty .kontaktni-udaje{
	display:flex;
	justify-content:space-between;
	gap:30px;
	margin-top:75px;
}
.kontakty .kontaktni-udaje > div:last-child{
	text-align:right;
}
.kontakty .kontaktni-udaje a{
	color:var(--alpha-dark);
	font-weight:700;
	border-bottom:2px solid var(--alpha-dark);
	text-decoration:none;
}
.kontakty .kontaktni-udaje a:hover{
	border-bottom-color:transparent;
}
.kontakty .formular{
	display:flex;
	flex-wrap:wrap;
	gap:30px;
	margin-top:25px;
}
.kontakty .formular .formular-item{
	width:100%;
	max-width:calc(50% - 15px);
}
.kontakty .formular .formular-item label, .kontakty .formular .formular-item-full label{
	display:block;
	font-weight:700;
}
.kontakty .formular .formular-item-full{
	width:100%;
	max-width:100%;
}
.kontakty .formular .wpcf7-text, .kontakty .formular .wpcf7-textarea{
	width:100%;
	border:none;
	border-bottom:2px solid var(--alpha-dark-gray);
}
.kontakty .formular .wpcf7-textarea{
	min-width:100%;
	max-width:100%;
	min-height:250px;
	max-height:350px;
}
.kontakty .formular .wpcf7-submit {
	background: var(--alpha-red);
	padding: 15px 40px;
	font-weight: 700;
	color: white;
	border: none;
	border-radius: 25px;
	font-size: 23px;
	margin:0 auto;
	display:block;
	transition: background .2s ease, color .2s ease;
}
.kontakty .formular .wpcf7-submit:hover, .kontakty .formular .wpcf7-submit:active, .kontakty .formular .wpcf7-submit:focus-visible {
	background:var(--alpha-dark);
}
.kontakty .formular .wpcf7-submit[disabled] {
	opacity:.7;
}
.kontakty .formular .wpcf7-list-item{
	margin:0;
}
.kontakty .formular .wpcf7-list-item label{
	font-weight:400!important;
}
.kontakty .formular .wpcf7-list-item a{
	font-weight:700;
	color:var(--alpha-dark-gray);
	text-decoration:none;
	border-bottom:2px solid var(--alpha-dark-gray);
}
.kontakty .formular .wpcf7-list-item a:hover{
	border-bottom-color:transparent;
}
.kontakty .formular .wpcf7-response-output{
     border-color: transparent!important;
     color: white;
     height: auto;
     display:block;
     text-align: center;
     font-weight: 500;
     width: 100%;
     background:var(--alpha-red);
     margin:25px auto 0!important;
     padding: 10px 20px!important;
}
.kontakty form.sent .wpcf7-response-output{
     background:#46b450!important;
}
.kontakty .formular input[type="checkbox"] {
  appearance: none;
  width: 18px; 
  height: 18px;
  border: 2px solid var(--alpha-dark-gray);
  border-radius: 3px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  background: white;
  cursor: pointer;
}
.kontakty .formular input[type="checkbox"]:checked{
	background: var(--alpha-red);
	border-color: var(--alpha-red);
}
.kontakty .formular input[type="checkbox"]:checked::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  margin: auto;
  clip-path: polygon(14% 44%, 0 60%, 40% 100%, 100% 24%, 84% 8%, 40% 62%);
  background: white;
}
 .privacy-policy .page {
     padding-left: 15px;
     padding-right: 15px;
}
.privacy-policy .page .content p{
	font-size:22px
}
.privacy-policy .header-background h2{
	font-family:Minion;
	font-size:45px;
	margin-bottom:1rem;
}
.privacy-policy .content h2{
	font-family:Minion;
	font-size:35px;
	color:var(--alpha-red);
}
@media (max-width:1399px){
	.banner3 .zakaznici{
		justify-content:center;
	}
}
@media (max-width:1199px){
	header .inside .text-gdpr br{
		display:none!important;
	}
}
@media (min-width:992px) and (max-width:1199px){
	header .banner h2, header .inside .flex h3, .banner h2, .blok .citace, .blok h2, footer h2, footer .citace, .privacy-policy .header-background h2{
		font-size:40px;
	}
	.privacy-policy .content h2{
		font-size:30px;
	}
	.blok, .blok ul, footer ul, .privacy-policy .page .content p{
		font-size:21px;
	}
	footer .red{
		font-size:23px;
	}
	.logo .img{
		background: url("img/znak.svg") center center no-repeat;
		background-size: contain;
	 	width: 55px;
     	height: 55px;
	}
}
@media (max-width:991px){
	header .inside{
		padding:0 15px;
	}
	.logo{
		margin:12px 0 0 15px;
	}
	.navbar, .navbar-collapse{
		background:rgba(0, 0, 0, .8);
	}
	.navbar{
		padding:0;
		height:80px;
	}
	.navbar-collapse{
		margin-top:13px;
		transition: all .3s ease-in-out;
	}
	.navbar-collapse .navbar-nav{
		padding-bottom:30px;
		margin:0!important;
	}
	.navbar-toggler{
		margin:20px 30px 0 0;
		border-radius:0;
	}
	.navbar>.container{
		height:80px;
		align-items:flex-start;
	}
	.mapa{
		height:600px;
	}
	.navbar-nav .menu-item{
		margin:5px 0;
		display:inline-block;
		width:100%;
		text-align:center;
	}
	.navbar-nav .home{
		margin:5px auto;
		display:block;
	}
	.kontakty .formular .formular-item{
		max-width:100%;
	}
	.kontakty .formular .wpcf7-text{
		height:40px;
	}
	.container{
		max-width:100%;
	}
}
@media (min-width:768px) and (max-width:991px){
	header .banner h2, header .inside .flex h3, .banner h2, .blok .citace, .blok h2, footer h2, footer .citace{
		font-size:33px;
	}
	.privacy-policy .header-background h2{
		font-size:30px;
	}
	.privacy-policy .content h2{
		font-size:25px;
	}
	.blok, .blok ul, footer ul, footer p, .privacy-policy .page .content p{
		font-size:20px;
	}
	footer .red{
		font-size:21px;
	}
	.blok{
		padding:75px 15px 150px 15px;
	}
	footer{
		padding:60px 15px 50px 15px;
	}
	footer .aclogo{
		max-width:300px;
		height:80px;
	}
	.vypis-sluzeb, .historie, .kontakty{
		padding-bottom:100px;
	}
	.underfooter .flex{
		gap:5px;
		justify-content:center;
	}
}
@media (max-width:767px){
	header .inside{
		top:125px;
		margin-bottom:200px;
	}
	header{
		padding-bottom:175px;
	}
	header .inside .flex{
		flex-wrap:wrap;
	}
	.blok h2, footer h2, header .inside .flex h2, .privacy-policy .header-background h2{
		font-size:35px;
	}
	.blok .citace, footer .citace, header .inside .flex h3{
		font-size:30px;
	}
	.banner h2, header .banner h2, .privacy-policy .content h2{
		font-size:25px;
	}
	.blok, .blok ul, footer ul, footer p, .privacy-policy .page .content p{
		font-size:18px;
	}
	footer .red{
		font-size:20px;
	}
	.blok{
		padding:65px 15px 100px 15px;
	}
	footer{
		padding:50px 15px 40px 15px;
	}
	footer .flex{
		flex-wrap:wrap;
	}
	.underfooter .flex{
		justify-content:center;
		gap:5px;
	}
	.banner{
		padding:60px 15px;
	}
	footer .aclogo{
		width:270px;
		height:70px;
	}
}
@media (max-width:499px) {
	.kontakty .kontaktni-udaje{
		margin-top:25px;
		flex-wrap:wrap;
		gap:10px;
	}
	.kontakty .kontaktni-udaje > div:last-child{
		text-align:left;
	}
	.underfooter .flex{
		text-align:center;
	}
	.banner3 .zakaznici{
		display:grid;
		justify-items:center;
	}
	.mb {
		max-width: 125px;
	}
	.csob {
		max-width: 80px;
	}
	.rf {
		max-width: 170px;
	}
	.wl {
		max-width: 275px;
	}
	.sm {
		max-width: 250px;
	}
	.logo{
		margin:12px 0 0 10px;
	}
	.logo .img{
		width:225px;
	}
	.navbar-toggler{
		margin:20px 15px 0 0;
	}
}