/* basic reset */
body,* { margin: 0; padding: 0; }
button::-moz-focus-inner { border: 0; padding: 0; }
p, h1, h2, h3, h4, h5, h6, ul, ol { margin: 1em 0 1em 0; line-height: 1.5em; }
input, textarea, select { font-family: inherit; }
input.no-appearance { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: field; }
input.no-appearance::-webkit-inner-spin-button { -webkit-appearance: none; }
input.no-appearance::-webkit-outer-spin-button { -webkit-appearance: none; }
ul,ol { padding-left: 20px; }
li { margin: 5px auto 5px auto; }
a img { border: none; }

@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/Montserrat-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('../fonts/Montserrat-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('../fonts/Montserrat-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: url('../fonts/Montserrat-ExtraBold.woff2') format('woff2');
}

html {
	scroll-behavior: smooth;
}
body,
input,
textarea {
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	line-height: 1.4em;
}

h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.4em;
	margin: 0.5em 0;
}
h3 {
	font-size: 1.15em;
	margin: 0.5em 0;
}

html,
body,
#main,
#header,
#footer,
.contain {
	min-width: 420px;
}
.contain {
	box-sizing: content-box;
	max-width: 1770px;
	margin: 0 auto;
}
.padding-h {
	padding-top: 20px;
	padding-bottom: 20px;
}
.padding-v {
	padding-left: 20px;
	padding-right: 20px;
}
.full-width {
    display: block;
    width: 100%;
    object-fit: cover;
}

.color-1 {
	color: #000;
}
.color-2 {
	color: #fff;
}

.link-color-5 a,
.color-5 {
	color: #c4939e;
}
.link-color-6 a,
.color-6 {
	color: #a8bfbc;
}
.link-color-7 a,
.color-7 {
	color: #acc0d1;
}
.link-color-8 a,
.color-8 {
	color: #cec197;
}

.link-color-5 a:after,
a.color-5:after,
.bg-color-5 {
	background-color: #c4939e;
}
.link-color-6 a:after,
a.color-6:after,
.bg-color-6 {
	background-color: #a8bfbc;
}
.link-color-7 a:after,
a.color-7:after,
.bg-color-7 {
	background-color: #acc0d1;
}
.link-color-8 a:after,
a.color-8:after,
.bg-color-8 {
	background-color: #cec197;
}

.full-size {
	display: block;
	width: 100%;
	height: auto;
}
#header-logo {
	margin: auto 0;
}
#header-logo img {
	display: block;
}
#header {
	position: relative;
	display: flex;
	flex-direction: row;
	align-content: space-between;
	height: 80px;
}
#navigation {
	box-sizing: border-box;
	position: fixed;
	z-index: 25;
	right: 0;
	top: 0;
	width: 0;
	height: 100%;
	padding: 0;
	background: #fff;
	text-align: center;
}
#navigation-show {
	display: none;
}
#navigation-on,
#navigation-off {
	position: absolute;
	top: 10px;
	right: 5px;
	z-index: 20;
	color: #000;
	border-radius: 2px;
	width: 60px;
	height: 60px;
	cursor: pointer;
}
#navigation-on > span,
#navigation-on:after,
#navigation-on:before {
	position: relative;
	left: 16px;
	display: block;
	content: ' ';
	background: #000;
	width: 28px;
	height: 2px;
}
#navigation-on:after {
	top: 16px;
}
#navigation-on > span {
	top: 26px;
}
#navigation-on:before {
	top: 36px;
}
#navigation-off:after,
#navigation-off:before {
	position: relative;
	top: 24px;
	left: 18px;
	display: block;
	content: ' ';
	background: #000;
	width: 26px;
	height: 3px;
}
#navigation-off:after {
	transform: rotate(45deg);
}
#navigation-off:before {
	transform: rotate(-45deg);
	top: 27px;
}

#navigation-on:hover {
	background: #000;
}
#navigation-on:hover > span,
#navigation-on:hover:after,
#navigation-on:hover:before {
	background: #fff;
}
#navigation-off:hover {
	background: #000;
}
#navigation-off:hover:after,
#navigation-off:hover:before {
	background: #fff;
}

#header-menu ul {
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 1em;
}
#header-menu li {
	margin: 0;
}
#header-menu a {
	position: relative;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	color: #000;
	font-weight: 400;
	transition: 0.25s text-shadow linear;
}
#header-menu a:after {
	content: ' ';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0%;
	height: 3px;
	background: #000;
}
#header-menu a:hover,
#header-menu .active a {
	/*font-weight: 600;*/
	text-shadow: -0.06ex 0 0 currentColor, 0.06ex 0 0 currentColor;
	-webkit-text-stroke-width: 0.06ex;
}
#header-menu .active a:after {
	width: 100%;
}
#header-menu .header-lang a {
	display: inline-block;
	opacity: 1;
}
#header-menu .header-lang a.active {
	opacity: 0.4;
}

#header-menu-mobile .header-lang {
	margin-bottom: 1em;
}
#header-menu-mobile ul {
	flex-direction: column;
}
#header-menu-desktop {
	display: flex;
	flex-direction: row;
	align-items: center;
}
#header-menu-desktop ul {
	flex-direction: row;
}
#header-menu-desktop a {
	padding: 5px 0 0 0;
}
#header-menu-desktop .active a {
	padding: 0 0 5px 0;
}

#footer {
	margin-top: 20px;
}
#footer-block {
	position: relative;
	display: flex;
	flex-direction: column;
	background: #e5e5e5;
}
#footer-contact {
	padding: 30px 30px 0 30px;
}
#footer-more {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 40px 30px 50px 30px;
}
#footer-more a {
	text-transform: lowercase;
	margin: 10px;
	width: 200px;
}
#footer-menu {
	display: flex;
	flex-direction: row;
	font-size: 1em;
	line-height: 1em;
	justify-content: center;
	padding: 15px 0;
}
#footer-menu a {
	display: block;
	text-decoration: none;
	margin: 0 20px 0 0;
	color: #000;
	font-weight: 400;
	transition: 0.25s text-shadow linear;
}
#footer-menu a:hover,
#footer-menu a.active {
	/*font-weight: 600;*/
	text-shadow: -0.06ex 0 0 currentColor, 0.06ex 0 0 currentColor;
	-webkit-text-stroke-width: 0.06ex;
}
#footer-social {
	position: absolute;
	top: 20px;
	right: 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 30px;
}
#footer-social a {
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
	height: 28px;
	width: 28px;
	margin: 8px auto;
	border-radius: 20px;
	transition: 0.25s transform ease-in-out;
}
#footer-social a:hover {
	transform: scale(1.15);
}
#ico-fb {
	background-size: 18px 18px;
	background-color: #000;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3e%3cpath fill='%23fff' d='M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z'/%3e%3c/svg%3e");
}
#ico-li {
	background-size: 18px 18px;
	background-color: #000;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3e%3cpath fill='%23fff' d='M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z'/%3e%3c/svg%3e");
}
#ico-in {
	background-size: 38px 28px;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3e%3cpath d='m370.5 136.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zm-38.8 92.4c-271.9-170.6-135.9-85.3 0 0z'/%3e%3cpath d='m224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9 114.9-51.3 114.9-114.9-51.3-114.9-114.9-114.9zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7z' fill='%23fff'/%3e%3c/svg%3e");
}
#footer-map {
	position: relative;
	display: block;
}
#footer-map:after {
	display: block;
	content: ' ';
	position: absolute;
	top: 45%;
	right: 35%;
	width: 36px;
	height: 36px;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAAA+CAYAAABzwahEAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH6AICER8BQbNf6wAAAP5JREFUaN7t2b0NRVAYxvHHjZ7SAArRMIBEp1KoNVaygRUMYQClwgAWoD13gCuqQ1z+T6IhXu8vOef4cowxRi/MRy8NcODAgQMHDhw4cODA7xn3jKJ932scR2v1qqpSmqZ2mzQnpGkaI8na1nWd9R6Z48CBPzvOGd/cpmnSsiy7x8qy1LquP/uTJFHbtrvnRFGkIAjuv6ofxfO83ZU7z/NL+2COAwcOHDhw4MCBAwcOHPgd4l59wbqutW3b7jv333+IYKi/bagPw6B5nq3Vy7JMYRjabZIfCsxx4MCBczs7TlEU8n3fWr04jnlyY6gDBw4cOHDgwIEDBw4c+JPyBfu4h/qSAM5oAAAAAElFTkSuQmCC");
	background-position: center center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	border-radius: 40px;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
}
#footer-map img {
	display: block;
	min-height: 300px;
	object-fit: cover;
}

#kontakt {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
	background: #000;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	padding: 30px;
	box-sizing: border-box;
}
#kontakt h2 {
	font-size: 1.8em;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	margin: auto;
}
#kontakt a {
	color: inherit;
}
#contact-form-inputs {
	margin: 0;
}
#contact-form-bottom {
	margin: auto;
}

.block-top {
	text-align: center;
}
.block-top .title {
	text-transform: uppercase;
	font-weight: 500;
	font-size: 1em;
	line-height: 1em;
	margin: 2em auto;
}

.work-sm {
	display: flex;
	justify-content: flex-end;
	position: relative;
	margin-bottom: 20px;
	text-decoration: none;
	min-height: 280px;
	color: #000;
	overflow: hidden;
}
#contain-work > div:last-of-type > .work-sm:last-of-type {
	margin-bottom: 0;
}
.work-sm img {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	object-fit: cover;
	transition: 0.4s transform ease-in-out;
}
.work-sm-text {
	position: relative;
	padding: 30px;
	margin-top: auto;
	width: 100%;
	height: 260px;
	box-sizing: border-box;
	transition: 0.5s height ease-in-out;
}
.work-sm-content {
	height: 150px;
	max-width: 80%;
	overflow: hidden;
	transition: 0.4s height ease-in-out;
}
.work-sm .btn {
	position: absolute;
	bottom: 30px;
	right: 30px;
}

.work-sm:hover img {
	transform: scale(1.1);
}
.work-sm:hover .work-sm-text {
	height: 140px;
}
.work-sm:hover .work-sm-content {
	height: 0;
}

.work-title {
	font-size: 3.2em;
	font-weight: 800;
	line-height: 1em;
	text-transform: lowercase;
	margin: 10px 0 1em 0;
}
.work-title .underline {
	position: relative;
	top: -10px;
	display: inline-block;
	margin-right: 3px;
}
.work-title .underline.underpre {
	margin-left: 3px;
}
.work-title .underline:after {
	content: ' ';
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 100%;
	height: 0.15em;
	background: #000;
}

#work-list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
.list-block {
	margin-top: -10px;
	margin-bottom: 10px;
}
.list-mh {
	margin: 10px 0;
}
.project-list {
	width: 100%;
	box-sizing: border-box;
}
.project-list a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	color: #000;
	overflow: hidden;
}
.project-list a:after {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 11;
	content: ' ';
	display: block;
	width: 150px;
	height: 4px;
	background: #000;
}
.project-list img {
	position: relative;
	z-index: 9;
	display: block;
	width: 100%;
	height: 100%;
	transition: 0.3s transform ease-in-out;
	object-fit: cover;
}
.project-list-info {
	position: absolute;
	z-index: 10;
	bottom: 0;
	left: 0;
	padding: 30px;
	width: 20px;
	box-sizing: border-box;
}
.project-list .title {
	margin: 0;
	font-size: 1em;
	text-transform: uppercase;
}
.project-list:hover img {
	transform: scale(1.2);
}
.project-list-main.project-list {
	width: 100%;
	height: 100%;
}
.project-list-main.project-list a:after {
	display: none;
}
.project-list-main .project-list-info {
	text-align: center;
	width: 100%;
}

.video-frame {
	position: relative;
}
.video-frame .video-player {
	display: block;
	position: absolute;
	z-index: 9;
	top: 0;
	left: 0;
	border: none;
	width: 100%;
	height: 100%;
	opacity: 0;
	background: #000;
	transition: 0.2s opacity ease-in-out;
}
.video-frame .video-player.active {
	z-index: 11;
	opacity: 1;
}
.video-frame-duration {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 15px 40px;
}
.video-frame-duration:after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	content: ' ';
	height: 4px;
	background: #000;
}
.video-frame-cover {
	position: relative;
	z-index: 10;
	opacity: 1;
	transition: 0.2s opacity ease-in-out;
}
.video-frame-cover.disabled {
	pointer-events: none;
	opacity: 0;
}
.video-frame-cover img {
	display: block;
	width: 100%;
	height: auto;
}
.btn.video-btn {
	position: absolute;
	top: calc(50% - 0.5em);
	left: calc(50% - 50px);
}

.text {
	font-size: 1.1em;
	line-height: 1.5em;
}
.text a {
	position: relative;
	text-decoration: none;
}
.text a:after {
	content: ' ';
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 0%;
	height: 2px;
	transition: 0.3s width ease-in-out;
}
.text a:hover:after {
	width: 100%;
}
.text-link a {
	color: #333;
}
.text-link a:after {
	content: ' ';
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	height: 1px;
	transition: 0.3s height ease-in-out;
	background: #333;
}
.text-link a:hover:after {
	height: 3px
}
.text-border {
	border: 1px solid #000;
}

.project-description {
	display: flex;
	flex-direction: column;
}
.project-iclude {
	margin: auto auto 0 auto;
	text-transform: uppercase;
	font-weight: 500;
	text-align: center;
}
.project-iclude a {
	display: inline-block;
	margin: 0 10px;
}
.project-title {
	margin: 0 auto 1.8em 0;
}
.project-title img {
	display: block;
	width: 60%;
	height: auto;
}

.main-img {
	padding-top: 20px;
}
.main-img img {
    height: 100%;
}

.record-list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	margin-left: -10px;
	margin-right: -10px;
}
.project-item {
	position: relative;
	width: calc(50% - 20px);
	margin: 10px;
}
.project-item a {
	display: block;
}
.project-item-link {
	z-index: 4;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	opacity: 0;
	transition: 0.25s opacity ease-in-out;
}
.project-item:hover .project-item-link {
	opacity: 1;
	z-index: 6;
}
.project-item-link .btn {
	background: #fff;
	margin: auto;
}
.project-item-logo {
	z-index: 5;
	position: absolute;
	top: 3%;
	left: 3%;
	right: 3%;
	bottom: 3%;
	width: calc(50%);
	height: calc(50%);
	padding: 22%;
	object-fit: contain;
	transform: scale(1);
	transition: 0.3s transform ease-in-out;
	background: #fff;
}
.project-item:hover .project-item-logo {
	transform: scale(0);
}

.gallery {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.gallery > div {
	width: 100%;
}
.gallery-item {
	position: relative;
	width: 100%;
	margin: auto;
	padding: 10px 0;
	box-sizing: border-box;
}
.gallery-item.gallery-fit {
	height: 100%;
}
.gallery-item.gallery-fit img {
	height: calc(100%);
	object-fit: cover;
}
.gallery-item img {
	display: block;
	width: 100%;
	height: auto;
}
.gallery-text {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: absolute;
	top: 40px;
	left: 40px;
	right: 40px;
	bottom: 40px;
	background: rgba(0, 0, 0, 0.4);
	padding: 5%;
	color: #fff;
	opacity: 0;
	transition: 0.3s opacity ease-in-out;
}
.gallery-text > * {
	width: 100%;
}
.gallery-text .title {
	margin-top: 0;
	font-size: 1.4em;
}
.gallery-text > :last-child {
	margin-bottom: 0;
}
.gallery-item:hover .gallery-text {
	opacity: 1;
}

/*** slider ***/
#slider-block {
	position: relative;
}
#slider-pager {
	position: absolute;
	top: 0;
	right: -20px;
	bottom: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
#slider-pager a span {
	display: none;
}
#slider-pager a {
	display: block;
	background: #ddd;
	width: 10px;
	height: 2px;
	margin: 12px 0;
	cursor: pointer;
}
#slider-pager a.active {
	background: #000;
}

#slider {
	position: relative;
	background-color: #000;
	min-height: 250px;
	z-index: 10;
	overflow: hidden;
}
#slider:after {
	display: block;
	content: ' ';
	position: absolute;
	z-index: 20;
	bottom: 0;
	left: 0;
	height: 4px;
	width: 120px;
	background: #000;
}
.slide {
	display: none;
	position: relative;
	z-index: 12;
	top: 0;
	left: 0;
	width: 100%;
}
.slide img {
	display: block;
	width: 100%;
}
.slide.active {
	display: block;
	position: relative;
	z-index: 13;
}
.slide.slide-off {
	display: block;
	position: absolute;
	z-index: 11;
}

.slide.slide-color-1 {
	color: #fff;
}
.slide > a:hover {
	opacity: 0.8;
}
.slide > * {
	display: block;
	width: 100%;
	position: relative;
}
.slide img {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 250px;
	object-fit: cover;
}
.slide-text {
	position: absolute;
	bottom: 0;
	left: 0;
	box-sizing: border-box;
	width: 100%;
	padding: 20px 30px;
}
.slide .title {
	font-size: 1em;
	line-height: 1em;
	text-transform: uppercase;
	margin: 0.5em 0;
}
.slide-text p {
	margin: 0.5em 0;
	font-size: 1em;
}

/*** carousel ***/
.carousel {
	position: relative;
	overflow: hidden;
	margin: 2em 0;
}
.carousel-box {
	width: 80%;
	margin: 0 auto;
}
.carousel-view {
	position: relative;
	overflow: hidden;
}
.carousel-window {
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	top: 0;
	left: 0;
	right: 0;
}
.carousel-endless-box {
	position: absolute;
	top: 0;
	bottom: 0;
	display: flex;
	flex-wrap: nowrap;
}
.carousel-item {
	position: relative;
	flex: 0 0 auto;
	box-sizing: border-box;
	width: calc(100% - 40px);
	margin: 0 20px 0 20px;
}
.record-list .carousel-item {
	margin-bottom: 3em;
}

.news-list {
	position: relative;
	display: block;
	color: inherit;
	text-decoration: none;
	border: 1px solid #000;
}
.news-list:after,
.news-list:before {
	content: ' ';
	position: absolute;
	z-index: 8;
	left: 0;
	bottom: 0;
	height: 4px;
	background: #e5e5e5;
}
.news-list:after {
	background: #000;
	width: 33%;
	transition: 0.5s width linear;
}
.news-list:before {
	width: 100%;
}
.carousel-item:hover .news-list:after {
	width: 100%;
}
.news-list-block {
	position: relative;
	background: #e5e5e5;
	width: 100%;
	overflow: hidden;
}
.news-list-info {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 20px;
	font-size: 1.4em;
}
.news-list-info .title {
	margin: auto 0 0 0;
}
.carousel-window .news-list-block:first-of-type {
	padding-bottom: 100%;
}
.carousel-window .news-list-info {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.carousel-item img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: 0.6s transform ease-in-out;
}
.carousel-item:hover img {
	transform: scale(1.1);
}
.carousel-item .news-list-more {
	padding-top: 2em;
	text-align: center;
}
.pagination {
	display: flex;
	justify-content: space-around;
	margin: 2em auto;
}

.arrow,
.carousel-arrows a {
	display: block;
	position: absolute;
	top: calc(50% - 60px);
	width: 16px;
	height: 16px;
	padding: 10px;
	background-size: 16px 16px;
	background-repeat: no-repeat;
	transition: transform 0.2s linear;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	transition: 0.3s background-position ease-in-out;
}
.arrow.arrow-left,
.carousel-arrows a.carousel-arrows-left {
	margin-right: auto;
	left: 5px;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23000' d='M16.67 0l2.83 2.829-9.339 9.175 9.339 9.167-2.83 2.829-12.17-11.996z'/%3e%3c/svg%3e");
	border-left: 1px solid #000;
	background-position: 8px center;
}
.arrow.arrow-right,
.carousel-arrows a.carousel-arrows-right {
	margin-left: auto;
	right: 5px;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23000' d='M7.33 24l-2.83-2.829 9.339-9.175-9.339-9.167 2.83-2.829 12.17 11.996z'/%3e%3c/svg%3e");
	border-right: 1px solid #000;
	background-position: 12px center;
}
.arrow.disabled,
.carousel-arrows .disabled {
	opacity: 0.3;
}
.arrow.arrow-left:hover,
.carousel-arrows a.carousel-arrows-left:hover {
	background-position: 3px center;
}
.arrow.arrow-right:hover,
.carousel-arrows a.carousel-arrows-right:hover {
	background-position: 17px center;
}

.arrow {
	position: relative;
	top: 0;
}

#carousel-news .article {
	flex: 0 0 auto;
}

#web-block {
	position: relative;
}
#web-preview {
	position: relative;
}
#web-preview-small {
	position: relative;
	top: 0;
	left: 0;
	margin: 20px 12%;
	width: auto;
	height: auto;
}
.web-scroll {
	position: absolute;
	overflow: auto;
	scrollbar-color: #005687 #acc0d1;
	scrollbar-width: 6px;
}
.web-scroll::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}
.web-scroll::-webkit-scrollbar-track-piece {
	background-color: #acc0d1;
	border-radius: 0 10px 10px 0;
}
.web-scroll::-webkit-scrollbar-thumb:vertical {
	background-color: #005687;
	border-radius: 0 10px 10px 0;
}
#web-preview-mobil.web-scroll::-webkit-scrollbar-track-piece {
	margin-top: 25px;
	margin-bottom: 25px;
}
.web-scroll img {
	display: block;
	width: 100%;
	height: auto;
}
#web-preview-desktop {
	top: 4%;
	left: 10.0%;
	width: 80.1%;
	height: 89%;
	border-radius: 5px;
}
#web-preview-mobil {
	top: 2%;
	left: 3%;
	width: 93.8%;
	height: 96%;
	border-radius: 48px;
}

.work-arrows {
	display: flex;
	flex-direction: row;
	justify-content: center;
	padding: 20px 0 0 0;
	min-height: 37px;
	box-sizing: content-box;
}
.work-arrows .btn {
	position: absolute;
}
.news-detail .work-arrows {
	padding: 0;
}

/*** button ***/
.btn {
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	background: transparent;
	color: #000;
	border: 1px solid #000;
	padding: 10px 30px;
	font-weight: 400;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 1em;
	white-space: nowrap;
	cursor: pointer;
	transition: 0.25s text-shadow linear;
}
.btn:focus {
	outline: none;
	box-shadow: #999 0 0 5px 1px;
	text-decoration: none;
}
.btn:hover {
	/*font-weight: 600;*/
	text-shadow: -0.06ex 0 0 currentColor, 0.06ex 0 0 currentColor;
	-webkit-text-stroke-width: 0.06ex;
	text-decoration: none;
}
.btn:after {
	content: ' ';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 1px;
	background: #000;
	transition: 0.25s height linear;
}
.btn:focus:after,
.btn:hover:after {
	height: 3px;
}

.color-2 .btn {
	color: #fff;
	border-color: #fff;
}
.color-2 .btn:after {
	background: #fff;
}

.btn.btn-white {
	background: #fff;
	border: none;
}
.btn.btn.btn-white:after {
	display: none;
}
.btn.btn-arrow {
	border: none;
	padding: 1px;
}
.btn.btn-arrow span {
	position: relative;
	z-index: 6;
	display: block;
	padding: 12px 26px;
	background-color: #fff;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23000' d='M7.33 24l-2.83-2.829 9.339-9.175-9.339-9.167 2.83-2.829 12.17 11.996z'/%3e%3c/svg%3e");
	background-position: 9% center;
	background-size: 16px 16px;
	background-repeat: no-repeat;
	transition: 0.3s background-position ease-in-out;
}
.btn.btn-arrow:focus,
.btn.btn-arrow:hover {
	text-shadow: none;
	-webkit-text-stroke-width: 0;
	box-shadow: none;
}
.btn.btn-arrow:hover span {
	background-position: 91% center;
}
.btn.btn-arrow:after,
.btn.btn-arrow:before {
	content: ' ';
	position: absolute;
	z-index: 5;
	top: 0;
	bottom: 0;
	width: 50%;
	height: 100%;
	transition: 0.3s background-color linear;
}
.btn.btn-arrow:after {
	left: 0;
	background-color: #000;
}
.btn.btn-arrow:before {
	right: 0;
	background-color: transparent;
}
.btn.btn-arrow:hover:after {
	background-color: transparent;

}
.btn.btn-arrow:hover:before {
	background-color: #000;
}

/*** form ***/
.form-control {
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: 6px 10px;
	background: transparent;
	color: #fff;
	border: none;
	border-bottom: 1px solid #fff;
	font-size: 15px;
	line-height: 20px;
}
.form-control::placeholder {
	color: #888;
	opacity: 1;
	vertical-align: bottom;
}
.form-input-checkout {
	padding: 10px 0;
}
.form-control:focus {
	border-bottom-width: 2px;
	padding-bottom: 5px;
	outline: none;
}
textarea.form-control {
	border: 1px solid #fff;
	margin-top: 1.5em;
}
.form-input {
	position: relative;
	display: block;
	margin: 0;
	padding: 10px 0 10px 0;
}
.form-input:after,
.form-input:before {
	content: ' ';
	position: absolute;
	bottom: 10px;
	height: 10px;
	width: 1px;
	background: #fff;
}
.form-input:after {
	right: 0;
}
.form-input:before {
	left: 0;
}
.form-counter {
	display: none;
}
.form-check-input {
	display: block;
	width: 14px;
	height: 14px;
	border-radius: 10px;
	margin: auto;
	padding: 0;
	vertical-align: bottom;
	background: #fff;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.form-check-input:focus {
	outline: none;
	background-color: #ccc;
}
.form-check-input:checked {
	background-color: #fff;
}
.form-check-input:focus:checked {
	background-color: #ccc;
}
.form-check-input:checked[type=checkbox] {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3ccircle fill='%23000' stroke-width='0' cx='10' cy='10' r='6' /%3e%3c/svg%3e");
}
.form-check-input[type=checkbox]:indeterminate {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3ccircle fill='%23666' stroke-width='0' cx='10' cy='10' r='6' /%3e%3c/svg%3e");
}
.col-form-label {
	display: inline-block;
	vertical-align: bottom;
	align-self: center;
}

.col-form-label-custom {
	display: -ms-flexbox;
	display: flex;
	flex-direction: row;
	align-self: center;
	align-content: flex-end;
}
.col-check-label {
	display: inline-block;
	vertical-align: bottom;
	margin-top: auto;
	margin-left: 10px;
}

/*** bootstrap stub ***/
.mb {
	margin-bottom: 20px;
}

.d-flex {
	display: -ms-flexbox;
	-ms-flex-wrap: wrap;
	display: flex;
	flex-wrap: wrap;
}
.align-content-center {
	-ms-flex-line-pack: center;
	align-content: center;
}
.align-content-between {
	-ms-flex-line-pack: justify;
	align-content: space-between;
}
.align-content-stretch {
	-ms-flex-line-pack: stretch;
	align-content: stretch;
}
.align-content-end {
	-ms-flex-line-pack: flex-end;
	align-content: flex-end;
}
.justify-content-between {
	justify-content: space-between;
}

.row {
	box-sizing: border-box;
	display: -ms-flexbox;
	-ms-flex-wrap: wrap;
	display: flex;
	flex-wrap: wrap;
}
.row > * {
	flex-shrink: 0;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.col {
	flex: 1 0 0%;
}
.row-cols-auto > * {
	flex: 0 0 auto;
	width: auto;
}

.col-12 {
	flex: 0 0 auto;
	width: 100%;
}
.col-10 {
	-ms-flex: 0 0 83.3333%;
	flex: 0 0 83.3333%;
	width: 83.3333%;
}
.col-9 {
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	width: 75%;
}
.col-8 {
	-ms-flex: 0 0 66.6666%;
	flex: 0 0 66.6666%;
	width: 66.6666%;
}
.col-7 {
	-ms-flex: 0 0 58.3333%;
	flex: 0 0 58.3333%;
	width: 58.3333%;
}
.col-6 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	width: 50%;
}
.col-5 {
	-ms-flex: 0 0 41.6666%;
	flex: 0 0 41.6666%;
	width: 41.6666%;
}
.col-4 {
	-ms-flex: 0 0 33.3333%;
	flex: 0 0 33.3333%;
	width: 33.3333%;
}
.col-3 {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	width: 25%;
}
.col-2 {
	-ms-flex: 0 0 16.6666%;
	flex: 0 0 16.6666%;
	width: 16.6666%;
}
.col-1 {
	-ms-flex: 0 0 8.3333%;
	flex: 0 0 8.3333%;
	width: 8.3333%;
}

.col-sm-12,.col-md-12,.col-12,
.col-sm-10,.col-md-10,.col-10,
.col-sm-9,.col-md-9,.col-9,
.col-sm-8,.col-md-8,.col-8,
.col-sm-7,.col-md-7,.col-7,
.col-sm-6,.col-md-6,.col-6,
.col-sm-5,.col-md-5,.col-5,
.col-sm-4,.col-md-4,.col-4,
.col-sm-3,.col-md-3,.col-3,
.col-sm-2,.col-md-2,.col-2,
.col-sm-1,.col-md-1,.col-1,
.col {
	box-sizing: border-box;
}


@media (max-width: 900px) {
	#navigation {
		background: #fff;
		-webkit-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
		overflow: hidden;
		overflow-y: auto;
	}
	#navigation-show:checked + #navigation {
		width: 100%;
		padding: 50px 30px;
	}
	#header-menu-mobile {
		display: block;
		font-size: 1.5em;
	}
	#header-menu-mobile li {
		margin: 10px auto;
	}
	#header-menu-desktop {
		display: none;
	}
	#header-menu a:after {
		bottom: -3px;
	}
	.news-list-info {
		padding-top: 120px;
	}
}

@media (min-width: 575px) {
	#footer-more {
		flex-direction: row;
		padding: 10px 10px 20px 10px;
	}
	#footer-map:after {
		top: 46%;
		right: 38%;
	}

	.carousel-box {
		width: 70%;
	}

	.project-list {
		width: calc(50% - 10px);
	}

	.gx-sm-0 {
		padding-left: 0;
		padding-right: 0;
	}
	.col-sm-12 {
		flex: 0 0 auto;
		width: 100%;
	}
	.col-sm-10 {
		-ms-flex: 0 0 83.3333%;
		flex: 0 0 83.3333%;
		width: 83.3333%;
	}
	.col-sm-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		width: 75%;
	}
	.col-sm-8 {
		-ms-flex: 0 0 66.6666%;
		flex: 0 0 66.6666%;
		width: 66.6666%;
	}
	.col-sm-7 {
		-ms-flex: 0 0 58.3333%;
		flex: 0 0 58.3333%;
		width: 58.3333%;
	}
	.col-sm-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		width: 50%;
	}
	.col-sm-5 {
		-ms-flex: 0 0 41.6666%;
		flex: 0 0 41.6666%;
		width: 41.6666%;
	}
	.col-sm-4 {
		-ms-flex: 0 0 33.3333%;
		flex: 0 0 33.3333%;
		width: 33.3333%;
	}
	.col-sm-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		width: 25%;
	}
	.col-sm-2 {
		-ms-flex: 0 0 16.6666%;
		flex: 0 0 16.6666%;
		width: 16.6666%;
	}
	.col-sm-1 {
		-ms-flex: 0 0 8.3333%;
		flex: 0 0 8.3333%;
		width: 8.3333%;
	}

	#web-preview-small {
		position: absolute;
		top: 36%;
		left: 0;
		margin: 0;
		width: 15%;
		height: 55%;
	}
	#web-preview-mobil {
		border-radius: 16px;
	}
	#web-preview-mobil.web-scroll::-webkit-scrollbar {
		width: 5px;
		height: 5px;
	}
	#web-preview-mobil.web-scroll::-webkit-scrollbar-track-piece {
		margin-top: 7px;
		margin-bottom: 7px;
	}
}
@media (min-width: 720px) {
	#footer-map:after {
		top: 46%;
		right: 40%;
		width: 40px;
		height: 40px;
	}
}

@media (min-width: 900px) {
	#navigation-off,
	#navigation-on {
		display: none;
	}
	#navigation {
		display: flex;
		justify-content: flex-end;
		position: relative;
		top: auto;
		bottom: 0;
		width: 100%;
		height: auto;
		margin: auto 0;
	}
	.header-lang,
	#header-menu li {
		margin-left: 10px;
	}

	#footer {
		margin-top: 40px;
	}
	#footer-block {
		flex-direction: row;
	}
	#footer-social {
		right: 42%;
	}
	#footer-left {
		width: 60%;
	}
	#kontakt {
		width: 40%;
	}
	#slider-pager {
		right: -25px;
	}
	#slider-pager a {
		width: 15px;
	}

	#contain-work {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-items: stretch;
	}
	#contain-work .col-md-6:nth-child(odd) {
		padding-right: 10px;
	}
	#contain-work .col-md-6:nth-child(even) {
		padding-left: 10px;
	}
	.work-sm:last-of-type {
		margin-bottom: 0;
	}

	.carousel-section,
	.carousel {
		margin: 3em 0;
	}
	.carousel-item .news-list-more {
		padding-top: 3em;
	}
	.carousel-item {
		width: calc(50% - 40px);
	}
	.news-list-block:first-of-type {
		padding-bottom: 100%;
	}
	.news-list-info {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	.carousel-arrows a.carousel-arrows-left {
		left: 4%;
		padding-left: 20px;
	}
	.carousel-arrows a.carousel-arrows-right {
		right: 4%;
		background-position: 22px center;
		padding-right: 20px;
	}
	.carousel-arrows a.carousel-arrows-right:hover {
		background-position: 27px center;
	}

	.list-block {
		margin-top: -15px;
		margin-bottom: 15px;
	}
	.list-mh {
		margin: 15px 0;
	}
	.main-img {
		padding-top: 0;
		height: 100%;
		padding-left: 30px;
	}

	.gallery {
		margin-left: -15px;
		margin-right: -15px;
	}
	.gallery-item {
		padding: 15px;
	}
	.project-list {
		width: calc(50% - 15px);
	}

	.record-list {
		margin-left: -15px;
		margin-right: -15px;
	}
	.project-item {
		width: calc(25% - 30px);
		margin: 15px;
	}

	.work-arrows {
		padding-top: 30px;
	}

	.flex-columns {
		display: flex;
	}
	.flex-columns > div {
		box-sizing: border-box;
	}
	.flex-columns > div:not(:last-child) {
		padding-right: 10px;
	}
	.flex-columns > div:not(:first-child) {
		padding-left: 10px;
	}
	.columns {
		columns: 2;
		column-gap: 20px;
	}
	.flex-columns > div > *,
	.columns > * {
		margin-top: 0;

	}
	.columns h2,
	.columns h3 {
		break-after: avoid;
	}

	.gx-md-0 {
		padding-left: 0;
		padding-right: 0;
	}
	.col-md {
		flex: 1 0 0%;
	}
	.col-md-12 {
		flex: 0 0 auto;
		width: 100%;
	}
	.col-md-10 {
		-ms-flex: 0 0 83.3333%;
		flex: 0 0 83.3333%;
		width: 83.3333%;
	}
	.col-md-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		width: 75%;
	}
	.col-md-8 {
		-ms-flex: 0 0 66.6666%;
		flex: 0 0 66.6666%;
		width: 66.6666%;
	}
	.col-md-7 {
		-ms-flex: 0 0 58.3333%;
		flex: 0 0 58.3333%;
		width: 58.3333%;
	}
	.col-md-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		width: 50%;
	}
	.form-box .col-md-6 {
		-ms-flex: 0 0 45%;
	}
	.col-md-5 {
		-ms-flex: 0 0 41.6666%;
		flex: 0 0 41.6666%;
		width: 41.6666%;
	}
	.col-md-4 {
		-ms-flex: 0 0 33.3333%;
		flex: 0 0 33.3333%;
		width: 33.3333%;
	}
	.col-md-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		width: 25%;
	}
	.col-md-2 {
		-ms-flex: 0 0 16.6666%;
		flex: 0 0 16.6666%;
		width: 16.6666%;
	}
	.col-md-1 {
		-ms-flex: 0 0 8.3333%;
		flex: 0 0 8.3333%;
		width: 8.3333%;
	}

	.mb {
		margin-bottom: 30px;
	}
	.padding-v {
		padding-left: 30px;
		padding-right: 30px;
	}
	.padding-h {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media (min-width: 1200px) {
	.header-lang,
	#header-menu li {
		margin-left: 20px;
	}
	#footer-contact {
		padding: 40px 0 20px 40px;
	}
	#footer-middle {
		display: flex;
		flex-direction: row;
		padding: 0 40px;
	}
	#footer-contact-filler {
		width: 100%;
	}
	#footer-social {
		position: relative;
		top: 0;
		right: 0;
		width: 75px;
		box-sizing: border-box;
		background: #fff;
		padding: 0 30px 0 15px;
	}
	#footer-left {
		width: 100%;
	}
	#footer-more {
		flex-direction: column;
		padding: 0 40px;
	}
	#footer-social a {
		margin: 12px auto;
	}
	#footer-map {
		background: #fff;
		padding: 30px 0 30px 30px;
	}
	#footer-map:after {
		top: 47%;
		right: 38%;
		width: 46px;
		height: 46px;
	}
	#footer-menu {
		justify-content: flex-start;
		padding-left: 40px;
	}

	#kontakt {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 115px;
		width: calc(41.6666% - 115px);
		padding: 30px;
	}
	#slider-pager {
		right: -30px;
	}
	#slider-pager a {
		width: 20px;
	}

	#contain-work > * {
		display: flex;
		flex-direction: column;
		justify-content: stretch;

	}
	#contain-work .col-h-2 .work-sm-text {
		padding-bottom: 12em;
	}
	.work-sm {
		height: auto;
		min-height: 0;
		margin-bottom: 30px;
		flex-grow: 1;
	}
	.work-sm-text {
		margin-top: 0;
		margin-left: 10px;
		height: 100%;
		transition: 0.5s width ease-in-out;
	}
	.work-sm-content {
		height: auto;
		max-width: 16vw;
		padding-bottom: 3em;
		transition: none;
	}
	.work-sm:hover .work-sm-text {
		width: 50%;
		height: auto;
	}
	.work-sm:hover .work-sm-content {
		height: auto;
	}

	#contain-work .col-md-6:nth-child(odd) {
		padding-right: 15px;
	}
	#contain-work .col-md-6:nth-child(even) {
		padding-left: 15px;
	}

	.carousel-section,
	.carousel {
		margin: 4em 0;
	}
	.carousel-item .news-list-more {
		padding-top: 4em;
	}
	.carousel-box {
		width: 80%;
	}
	.carousel-item {
		width: calc(25% - 40px);
	}
	.carousel-box .carousel-item {
		width: calc(33.3333% - 40px);
	}
	.news-list-info {
		padding: 30px;
	}

	.list-block {
		margin-top: -20px;
		margin-bottom: 20px;
	}
	.list-mh {
		margin: 20px 0;
	}
	.main-img {
		padding-left: 40px;
	}

	.gallery {
		margin-left: -20px;
		margin-right: -20px;
	}
	.gallery-item {
		padding: 20px;
	}
	.project-list {
		width: calc(50% - 20px);
	}

	.record-list {
		margin-left: -20px;
		margin-right: -20px;
	}
	.project-item {
		width: calc(25% - 40px);
		margin: 20px;
	}

	.work-arrows {
		padding-top: 40px;
	}

	.text {
		font-size: 1.2em;
		line-height: 1.5em;
	}

	.columns {
		columns: 3;
		column-gap: 30px;
	}
	.flex-columns > div:not(:last-child) {
		padding-right: 15px;
	}
	.flex-columns > div:not(:first-child) {
		padding-left: 15px;
	}

	.gx-lg-0 {
		padding-left: 0;
		padding-right: 0;
	}
	.col-lg {
		flex: 1 0 0%;
	}
	.col-lg-12 {
		flex: 0 0 auto;
		width: 100%;
	}
	.col-lg-10 {
		-ms-flex: 0 0 83.3333%;
		flex: 0 0 83.3333%;
		width: 83.3333%;
	}
	.col-lg-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		width: 75%;
	}
	.col-lg-8 {
		-ms-flex: 0 0 66.6666%;
		flex: 0 0 66.6666%;
		width: 66.6666%;
	}
	.col-lg-7 {
		-ms-flex: 0 0 58.3333%;
		flex: 0 0 58.3333%;
		width: 58.3333%;
	}
	.col-lg-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		width: 50%;
	}
	.col-lg-5 {
		-ms-flex: 0 0 41.6666%;
		flex: 0 0 41.6666%;
		width: 41.6666%;
	}
	.col-lg-4 {
		-ms-flex: 0 0 33.3333%;
		flex: 0 0 33.3333%;
		width: 33.3333%;
	}
	.col-lg-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		width: 25%;
	}
	.col-lg-2 {
		-ms-flex: 0 0 16.6666%;
		flex: 0 0 16.6666%;
		width: 16.6666%;
	}
	.col-lg-1 {
		-ms-flex: 0 0 8.3333%;
		flex: 0 0 8.3333%;
		width: 8.3333%;
	}

	.mb {
		margin-bottom: 40px;
	}
	.padding-v {
		padding-left: 40px;
		padding-right: 40px;
	}
	.padding-h {
		padding-top: 40px;
		padding-bottom: 40px;
	}
}

@media (min-width: 1440px) {
	#footer-contact {
		padding-top: 60px;
		padding-left: 80px;
	}
	#footer-middle {
		padding: 0 80px;
	}
	#footer-more {
		padding: 0 80px;
	}
	#footer-menu {
		padding: 30px 0;
		padding-left: 80px;
	}
	#footer-map:after {
		width: 52px;
		height: 52px;
	}
	#kontakt {
		right: 155px;
		width: calc(41.6666% - 155px);
	}
	#kontakt h2 {
		height: 170px;
		margin: 0;
	}

	#slider-pager {
		right: -40px;
	}

	.news-list-info .title {
		font-size: 1.6em;
	}

	.carousel-section,
	.carousel {
		margin: 5em 0;
	}
	.carousel-item .news-list-more {
		padding-top: 5em;
	}
	.carousel-box {
		width: 70%;
	}

	.columns {
		column-gap: 40px;
	}
	.flex-columns > div:not(:last-child) {
		padding-right: 20px;
	}
	.flex-columns > div:not(:first-child) {
		padding-left: 20px;
	}

	.padding-v {
		padding-left: 60px;
		padding-right: 60px;
	}
	.padding-h {
		padding-top: 60px;
		padding-bottom: 60px;
	}
}

/*** dialog + polyfill ***/
dialog {
	display: none;
	position: absolute;
	z-index: 999999;
	left: 0;
	right: 0;
	width: -moz-fit-content;
	width: -webkit-fit-content;
	width: fit-content;
	height: -moz-fit-content;
	height: -webkit-fit-content;
	height: fit-content;
	margin: auto;
	padding: 0;
	background: #fff;
	color: #000;
	border: 1px solid #999;
	transition: all 0.2s linear;
}
dialog[open] {
	display: block;
}
dialog + .backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.2);
}
._dialog_overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
dialog.fixed {
	position: fixed;
	top: 50%;
	transform: translate(0, -50%);
}


.modal-dialog {
	border-radius: 6px;
	transform: translate(0, -50%) scale(0.1);
	min-width: 160px;
	max-width: 540px;
}
*::-ms-backdrop, .modal-dialog { width: 540px; }	/* IE 11 max- cant center */
@media screen\0 { .modal-dialog { width: 540px; } } /* IE 9,10 */

.modal-dialog.jdialog-show {
	transform: translate(0) scale(1);
}
.modal-dialog.jdialog-show.fixed {
	transform: translate(0, -50%) scale(1);
}
.modal-header .btn-close {
	box-sizing: content-box;
	background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
	width: 1em;
	height: 1em;
	color: #000;
	border: none;
	opacity: 0.5;
}
.modal-header .btn-close:hover {
	opacity: 0.8;
	cursor: pointer;
}
.modal-header {
	display: flex;
	justify-content: space-between;
	padding: 15px 15px 10px 15px;
	border-bottom: 1px solid #999;
}
.modal-header h1 {
	font-weight: normal;
	font-size: 1.2em;
	line-height: 1em;
	margin: 0;
	padding: 0;
}
.modal-body {
	padding: 0 15px;
	margin: 15px 0;
}
.modal-footer {
	border-radius: 0 0 5px 5px;
	padding: 8px 15px;
	text-align: right;
	background: #ccc;
}