#header .search {display: none;}
@media screen and (min-width: 768px){
    .top-navigation-bar, .navigation-buttons{display: none;}
}
.content{padding: 0 !important;}
.container{padding: 0;}
#navigation, .row{margin: 0;}
body {background-color: #F5F1EC;}
.content-wrapper {background-color: transparent;}
@media screen and (min-width: 768px){
#navigation{position: absolute;right: 0;width: auto;top: -98px;height: 56px;left: auto;background-color: transparent;}
#header{position: relative; z-index: 1;background: none;}
#header .container {min-height: auto;}
.navigation-in{width: auto !important;position: relative;}
.navigation-in ul li.splitted {visibility: visible;display: block !important;}
.banners-row:not(.footer-banners){margin-top: -136px;}
#header .header-top {padding: 40px 0;}
#header .site-name a img {max-height: 56px;}
.wide-carousel{width: 100vw;left: 50%;position: relative;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.overall-wrapper{overflow-x: hidden;}
#header .site-name {height: 56px;}
}
#header .site-name a{display: block;}
.menu-helper.visible {visibility: hidden;}
.navigation-in > ul > li > a {font-size: 16px;padding: 0 !important;line-height: 56px;margin: 0 0 0 50px !important;color: #fff !important;}
.navigation-in > ul > li > a:hover{text-decoration: underline;}
.navigation-in > ul > li > a b{font-weight: 400;text-decoration: none !important;}
#header .header-bottom{border: 0;}
a {transition: none;}
.navigation-in > ul > li > a[href*="#poptavka"], .carousel .extended-banner-link{background-color: var(--color-secondary); color: #000 !important;padding-left: 24px !important;padding-right: 24px !important;text-decoration: none !important;}
.navigation-in > ul > li > a[href*="#poptavka"]:hover, .carousel .extended-banner-link:hover{color: var(--color-secondary) !important; background-color: #000 ;}
.navigation-in > ul > li > a[href*="#poptavka"] > b{font-weight: 700;}
.carousel .extended-banner-link, .carousel .extended-banner-text, .carousel .extended-banner-title{position: relative;top: auto; bottom: auto; left: auto; right: auto;padding: 0;}
.carousel .extended-banner-texts {display: flex;flex-wrap: wrap;flex-direction: column;justify-content: center;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);letter-spacing: 2%;}
@media screen and (min-width: 768px){
    .carousel .extended-banner-texts{width: 747px;}
}
@media screen and (min-width: 992px){
    .carousel .extended-banner-texts{width: 972px;}
}
@media screen and (min-width: 1200px){
    .carousel .extended-banner-texts{width: 1178px;}
}
@media screen and (min-width: 1440px){
    .carousel .extended-banner-texts{width: 1418px;}
}
.carousel .extended-banner-title{max-width: 940px;font-size: 80px;line-height: 1.1;font-weight: 700;margin-bottom: 40px;margin-top: -8%;}
@media screen and (max-width: 1699px){
    .carousel .extended-banner-title{font-size: 60px;}
}
@media screen and (max-width: 991px){
    .carousel .extended-banner-title br{display: none;}
}
.carousel .extended-banner-text{font-size: 20px;font-weight: 400;line-height: 1.8;max-width: 700px; margin-bottom: 40px;}
.carousel .extended-banner-link{margin: 0;display: block;width: 200px;line-height: 56px;font-weight: 700;text-align: center;padding: 0 !important;}
.benefitBanner__picture {flex: 0 0 32px;margin-right: 0;max-width: 32px;}
.benefitBanner__content{padding: 0 0 0 16px;line-height: 24px;height: 48px;display: flex;align-items: center;}
.benefitBanner__item {padding: 0 10px;margin-bottom: 12px;position: relative;}
.benefitBanner__title {font-size: 16px;font-weight: 400;color: #fff;}
.benefitBanner {margin: -180px 0 0;padding: 36px 0 24px;z-index: 1;position: relative;}
.benefitBanner::before{content: ""; width: 100vw; height: 100%; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%);transform: translateX(-50%); background-color: rgba(0,0,0,0.6);}
.benefitBanner::after{background: url('/user/documents/upload/Images/top-line.svg')50% 100% repeat-x;width: 100vw;height: 22px;position: absolute;bottom: -3px;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);content: "";background-size: calc(100% + 20px) auto;}
.welcome{display: flex; flex-wrap: wrap;}
.welcome > h1{font-size: 80px; line-height: 1.2; width: 580px;margin: 0;}
.welcome > div{width: calc(100% - 580px); padding-left: 20px;font-size: 17px;line-height: 1.8;}
.type-index .container-narrow {width: 100%;}
body:not(.type-index) #content-wrapper{padding-top: 40px;}
.welcome-wrapper{padding-top: 140px;padding-bottom: 0;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {color: #000;}
body{color: #4D4D4D}
.btn, a.btn{line-height: 54px; height: 56px; padding: 0 24px;font-weight: 700;border-color: var(--color-secondary);;background-color: transparent;transition: none;}
.btn.btn-poptavka{background-color: var(--color-secondary);}
@media screen and (min-width: 768px){
.btn:hover, a.btn:hover{color: #000; background-color: var(--color-secondary); border-color: var(--color-secondary);}
.btn.btn-poptavka:hover{background-color: #000; border-color: #000; color: var(--color-secondary);}
}
.buttons{display: flex;}
.buttons .btn{margin-right: 24px;}
.welcome > div > p{display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;margin-bottom: 40px !important;}
.welcome.rozbaleno > div > p { -webkit-line-clamp: unset;display: block; max-height: none;}
.btn-info::after{content: url('/user/documents/upload/Images/sipka-info.svg'); display: inline-block; vertical-align: middle; line-height: 1; margin-left: 8px;position: relative;top: -2px;width: 16px;}
.rozbaleno .btn-info::after{-webkit-transform: rotate(180deg);transform: rotate(180deg);top: 2px;}
/*.btn-info:hover::after{filter: brightness(0) saturate(100%) invert(83%) sepia(9%) saturate(1485%) hue-rotate(3deg) brightness(92%) contrast(86%);}*/
.news-item{margin: 0 10px; position: relative;}
.produkty-wrapper{margin: 80px -10px 0;}
@media screen and (min-width: 768px){
.slick-list {overflow: visible;}
}
.produkty-wrapper .news-item h2, .realizace-wrapper .news-item h2{position: absolute; bottom: 238px; left: 0; width: 100%; padding: 0 48px; font-size: 32px; line-height: 1.2; color: #fff; font-weight: 700;z-index: 1;margin: 0;}
.produkty-wrapper .news-item h2 a, .realizace-wrapper .news-item h2 a{color: #fff;}
.produkty-wrapper .news-item .description, .realizace-wrapper .news-item .description{position: absolute; left: 0; bottom: 144px; padding: 0 48px; width: 100%; color: #fff; line-height: 1.6;z-index: 1;height: 78px;overflow: hidden;}
.produkty-wrapper .news-item::after, .realizace-wrapper .news-item::after{content: ""; width: 100%; height: 100%; left: 0; bottom: 0; position: absolute; background: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);}
.news-item-link-img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;}
.news-item .btn-more{position: absolute;z-index: 1;bottom: 48px;left: 48px;color: #fff;}
.news-item:hover .btn-more{color: #000; background-color: var(--color-secondary); border-color: var(--color-secondary);}
.btn-more::after{content: url('/user/documents/upload/Images/sipka-more.svg'); display: inline-block; vertical-align: middle; line-height: 1; margin-left: 10px;width: 16px;position: relative;top: -1px;}
.news-item:hover .btn-more::after{-webkit-filter: brightness(1) invert(1);filter: brightness(1) invert(1);}
.news-item:hover{box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.slick-arrow {width:48px; height: 48px; background-color: #fff; border: 0; text-align: center; position: absolute; top: calc(50% - 24px);font-size: 0;z-index: 1;}
.slick-arrow:hover{background-color: var(--color-secondary);}
.slick-arrow.slick-prev{left: -14px;}
.slick-arrow.slick-next{right: -16px;}
.slick-arrow::before{content: url('/user/documents/upload/Images/sipka-slider.svg');display: inline-block;}
.slick-arrow.slick-prev::before{-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.slick-arrow.slick-disabled{display: none !important;}
.popup-wrapper{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7);z-index: 99;}
.popup{position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%); width: 1000px; height: 100%; max-width: calc(100vw - 80px); max-height: calc(100vh - 80px); background-color: #fff; padding: 40px;}
.popup > div{overflow: auto; scrollbar-width: thin;height: 100%;width: 100%;}
.popup-open .popup-wrapper{display: block;}
.popup article footer{display: none !important;}
.close:not(.js-close-information-msg){position: absolute;top: 0;right: 0;width: 40px;height: 40px;text-align: center;cursor: pointer;}
.close:not(.js-close-information-msg):hover{opacity: 0.7;}
.close:not(.js-close-information-msg)::before{content: url('/user/documents/upload/Images/close.svg'); -webkit-filter: brightness(1) invert(1);filter: brightness(1) invert(1);line-height: 40px;font-size: 30px;}
.sluzby-wrapper{padding: 140px 0 120px; position: relative;margin-top: 140px;}
.sluzby-wrapper > h2, .certifikace h2, .realizace-wrapper > h2{font-size: 80px; line-height: 1.2; color: #fff; font-weight: 700; margin: 0 0 48px;position: relative;}
.sluzby-wrapper::before{background: url('/user/documents/upload/Images/top-line2.svg') 50% -2px repeat-x #000;width: 100vw;height: 100%;position: absolute;top: 0;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);content: "";background-size: calc(100% + 20px) auto;}
.sluzby-wrapper::after{background: url('/user/documents/upload/Images/top-line.svg') 50% 100% repeat-x;width: 100vw;height: 22px;position: absolute;bottom: -2px;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);content: "";background-size: calc(100% + 20px) auto;}
.sluzby-in{display: flex; flex-wrap: wrap; margin: 0 -10px;}
.sluzby-in .news-item{width: calc(25% - 20px); margin: 0 10px 20px; background-color: #242323;display: block;text-align: center;padding: 56px 40px;}
.sluzby-in .news-item::before{content: url('/user/documents/upload/Images/sluzby-bg.svg'); position: absolute; bottom: 0; left: 0;width: 125px;line-height: 1;height: 139px;opacity: 0.4;}
.sluzby-in .news-item:hover::before{content: url('/user/documents/upload/Images/sluzby-bg-active.svg');opacity: 1;}
.sluzby-in .description{display: none;}
.sluzby-in .news-item img{width: 80px;}
.sluzby-in .news-item h2{margin: 32px 0 24px; color: #fff;font-size: 24px;line-height: 36px;}
.sluzby-in .news-item:hover h2{text-decoration: underline;}
.sluzby-in .news-item h2 a{color: #fff;}
.sluzby-in .news-item .btn-more {position: relative;bottom: auto;left: auto;}
.benefitBanner + .footer-banners{display: none !important;}
.popup-open{overflow: hidden;}
.certifikace{margin-top: 140px;display: flex; flex-wrap: wrap; align-items: flex-start;}
.certifikace .left{width: 580px;padding-top: 14px;}
.certifikace .right{width: calc(100% - 570px);padding-left: 10px;display: flex;flex-wrap: wrap;margin-right: -10px;}
.certifikace h2{color: #000; margin-bottom: 32px;}
.certifikace .left p{font-size: 17px; line-height: 1.8; margin-bottom: 40px !important;max-width: 460px;}
.banner-category a:hover img, .banner-footer a:hover img, .banner-wrapper a:hover img, .banners-content a:hover img, .footer-banner a:hover img {transform: none;}
.banner a, .banner-category a, .banner-wrapper a, .carousel-inner a {color: #000;}
.cert{width: calc(33.3333% - 20px); margin: 0 10px; background-color: #fff;border-radius: 8px; box-shadow: 0 0 10px rgba(0,0,0,0.1);position: relative;}
.cert a{display: block; padding: 24px 20px 32px;text-align: center;}
.cert a span{display:block;font-size: 17px; line-height: 1.8; text-decoration: underline;}
.cert:hover a span{text-decoration: none;}
.cert img{width: auto; height: 112px; margin-bottom: 16px;}
@media screen and (min-width: 992px){
.cert:nth-child(2n){top: 117px;}
}
.realizace-wrapper .description, .realizace-wrapper .btn-more{display: none !important;}
.realizace-wrapper .news-item h2{bottom: 48px; font-size: 24px;}
.news-item:hover h2{text-decoration: underline;}
.realizace-wrapper > h2{color: #000; margin-bottom: 64px;}
.realizace-wrapper{margin-top: 140px;}
.realizace-in{margin: 0 -10px;}
#footer {background: url('/user/documents/upload/Images/footer-bg.png') 0 0 no-repeat #000;margin-top: 240px; padding-top: 0; padding-bottom: 160px;}
.banner {margin-bottom: 0;overflow: visible;}
.custom-footer > div {padding: 0;}
.footer-rows .custom-footer{padding: 0;}
.kontakt{padding-top: 140px;}
.kontakt h2{color: #fff; font-size: 80px; line-height: 1.2; font-weight: 700; margin: 0 0 8px; padding-left: 117px; background: url('/user/documents/upload/Images/osoba.png') 0 0 no-repeat; background-size: 88px auto;}
.kontakt > p{line-height: 1.6; color: #fff; margin-bottom: 56px !important;}
.kontakt > a{color: var(--color-secondary); font-size: 40px; line-height: 38px; font-weight: 700; margin-bottom: 28px; display: block;}
.kontakt > a:hover{text-decoration: underline;}
.kontakt > a span{display: inline-block; width: 100%; font-size: 16px; line-height: 1.6; font-weight: 400; color: #fff;}
.kontakt .links{margin-top: 70px;}
.kontakt .links a{font-size: 13px; color: rgba(255,255,255,0.5); line-height: 1.6; margin: 0 23px 8px 0;}
.footer-bottom{display: none !important;}
.formular{padding: 64px 64px 95px; background-color: #2F2D2B; box-shadow: 0 0 50px rgba(0,0,0,0.15);z-index: 1;position: relative;margin-top: -100px;}
.formular h3{font-size: 40px; margin: 0 0 27px; font-weight: 700; color: #fff; line-height: 1.2;}
.formular p{color: #fff; line-height: 1.6; margin-bottom: 40px !important;}
.custom-footer > div + div{padding-left: 10px;}
.form-grid{display: flex; flex-wrap: wrap; margin: 0 -10px;}
.form-grid input, .form-grid select, .form-grid textarea{width: calc(50% - 20px);margin: 0 10px 20px;background-color: rgba(0, 0, 0, 0.3);border: 0;height: 67px;padding: 0 24px;color: #fff;}
.form-grid input::placeholder{color: rgba(255, 255, 255, 0.3);}
.form-grid select, .form-grid textarea{width: calc(100% - 20px);}
.form-grid select{max-width: none; background: url('/user/documents/upload/Images/sipka-select.svg') calc(100% - 24px) 50% no-repeat rgba(0, 0, 0, 0.3);}
.form-grid select option{background-color: #fff;color: #000;}
.form-grid textarea{height: 100px !important;padding: 24px;}
.btn.btn-cart, .btn.btn-conversion, a.btn.btn-cart, a.btn.btn-conversion {color: #000;font-weight: 700;}
.btn.btn-cart:hover, .btn.btn-conversion:hover, a.btn.btn-cart:hover, a.btn.btn-conversion:hover {background-color: #000;border-color: #000;color: var(--color-secondary);}
.form-actions{text-align: right;}
.popup h1{font-size: 40px;font-weight: 700;line-height: 1.2;margin: 0 0 40px;}
.plus-gallery-wrap {margin: 40px 0 20px;display: flex;flex-wrap: wrap;}
.plus-gallery-item{border: 0;width: calc(25% - 20px) !important;margin: 0 20px 20px 0;padding-top: calc(25% - 20px);position: relative;overflow: hidden;height: auto !important;}
.plus-gallery-item img {position: absolute;top: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);left: 50%;max-height: none;}
.popup h2, .popup h3{margin: 40px 0 24px;font-weight: 700;}
.popup h2{font-size: 32px;}
.popup h3{font-size: 28px;}
.gslide-description{display: none !important;}



@media screen and (max-width: 1439px){
    .sluzby-in .news-item h2{height: 72px;}
    .sluzby-wrapper > h2, .certifikace h2, .realizace-wrapper > h2 {font-size: 60px;}
    .welcome > h1{font-size: 70px;}
}
@media screen and (min-width: 992px) and (max-width: 1199px){
    .kontakt > p{padding-right: 0;}
}
@media screen and (max-width: 1199px){
    .benefitBanner{margin-top: -90px;}
    .benefitBanner::before {background-color: rgba(0,0,0,0.9);}
    .carousel .extended-banner-title{margin-top: 0;}
    .carousel .extended-banner-title {font-size: 40px;max-width: 600px;}
.welcome > h1{width: 400px;}
.welcome > div {width: calc(100% - 400px);}
.sluzby-in .news-item {width: calc(50% - 20px);}
.sluzby-in .news-item h2 {height: auto;}
.certifikace .right {width: calc(100% - 390px);}
.certifikace .left {width: 400px;}
.formular {padding: 40px 40px 60px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
.carousel .extended-banner-texts{padding-top: 100px;}
}
@media screen and (max-width: 991px){
.benefitBanner {margin-top: 0;}
.carousel .extended-banner-text{margin-bottom: 32px;}
.carousel .extended-banner-title{margin-bottom: 16px;}
.navigation-in > ul > li > a{margin-left: 20px !important;}
.welcome-wrapper {padding-top: 40px;}
.welcome > h1 {width: 100%;}
.welcome > div {width: 100%;padding: 0;margin-top: 32px;}
.sluzby-wrapper {padding: 80px 0 60px;margin-top: 80px;}
.certifikace {margin-top: 80px;}
.certifikace .left {width: 100%;padding: 0;}
.certifikace .left p{max-width: none;}
.certifikace .right {width: calc(100% + 20px);padding: 0;margin-top: 48px;margin-left: -10px;margin-right: -10px;}
.realizace-wrapper {margin-top: 80px;}
.footer-rows .custom-footer {display: flex;flex-wrap: wrap;}
.custom-footer > div + div {padding-left: 0;order: -1;}
#footer{margin-top: 200px;padding-bottom: 100px;}
.custom-footer > div{width: 100%;}
.kontakt {padding-top: 80px;text-align: center;}
.kontakt h2{padding-left: 0;padding-top: 100px;background-position: 50% 0;}
.kontakt .links a{margin: 0 12px 8px;}
.plus-gallery-item {width: calc(50% - 20px) !important;padding-top: calc(50% - 20px);}
}
@media screen and (max-width: 767px){
#header {background-color: transparent;border: 0;box-shadow: none;}
.navigation-buttons a[data-target="cart"], .navigation-buttons a[data-target="search"]{display: none !important;}
#header .header-top .container {min-height: 88px;}
.overall-wrapper {padding-top: 0;padding-bottom: 0 !important;}
.wide-carousel{padding: 0 !important;}
.carousel img{height: 795px !important;width: auto !important;position: relative;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.carousel .extended-banner-texts {justify-content: center;left: 0;-webkit-transform: none;transform: none;padding: 0 16px 214px;z-index: 1;}
.carousel .extended-banner-title {margin-bottom: 16px;font-size: 36px;text-align: center;max-width: none;}
.carousel .extended-banner-text {font-size: 16px;text-align: center;}
.carousel .extended-banner-link{margin: 0 auto;}
#header .site-name {padding-left: 16px;}
.navigation-buttons a[data-target="navigation"]::before {content: url('/user/documents/upload/Images/mobil-menu.svg');font-size: 26px;}
.carousel a::after{content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.3);}
.benefitBanner::before {display: none;}
.benefitBanner{background-color: rgba(0,0,0,0.9);padding: 40px 24px;margin-top: -214px;}
.benefitBanner__content{height: auto;}
.benefitBanner__item {padding: 0;margin-bottom: 20px;}
.welcome-wrapper {padding-top: 0;margin-top: 40px;}
.welcome > h1 {font-size: 48px;}
.welcome > div{font-size: 15px;}
.welcome > div > p {margin-bottom: 32px !important;-webkit-line-clamp: 5;}
.buttons .btn {margin-right: 0; width: 186px;}
.buttons .btn + .btn{margin-left: 10px; width: calc(100% - 186px);}
.buttons .btn {padding: 0 10px;}
.produkty-wrapper{margin: 48px -16px 0 0;}
.news-item {margin: 0 10px 0 0; padding-bottom: 0;}
.produkty-wrapper .news-item .description{display: none;}
.news-item .btn-more {position: absolute;bottom: 24px;left: 24px;}
.produkty-wrapper .news-item h2{bottom: 96px;padding: 0 24px;font-size: 24px;}
.slick-arrow.slick-next {right: 16px;}
.slick-arrow.slick-prev {left: 16px;}
.produkty-wrapper .news-item::after, .realizace-wrapper .news-item::after{background: linear-gradient(to top, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 70%);}
.scrolled #header{background-color: rgba(0,0,0,0.8);}
.sluzby-wrapper {padding: 64px 0 54px;margin-top: 64px;}
.sluzby-wrapper > h2, .certifikace h2, .realizace-wrapper > h2 {font-size: 48px;text-align: center;margin-bottom: 32px;}
.sluzby-in{margin: 0;}
.sluzby-in .news-item {width: 100%;margin: 0 0 10px 0;position: relative; padding: 24px 18px 24px 71px;}
.sluzby-in .news-item img {width: 32px;position: absolute;left: 18px;top: calc(50% - 16px);}
.sluzby-in .news-item .btn-more{display: none;}
.sluzby-in .news-item h2 {height: auto;margin: 0;text-align: left;font-size: 18px;line-height: 32px;text-decoration: underline;}
.sluzby-in .news-item::before {display: none;}
.content-wrapper.container {padding-left: 16px;padding-right: 16px;}
.content-wrapper.container .row {margin-left: -16px;margin-right: -16px;}
.sluzby-in .news-item::after{content: url('/user/documents/upload/Images/sipka-more-mobil.svg'); position: absolute; right: 18px; width: 16px;line-height: 1;top: 32px;}
.benefitBanner::after, .sluzby-wrapper::after, .sluzby-wrapper::before {background-size: 300% auto;}
.certifikace {margin-top: 48px;}
.certifikace h2{text-align: left;}
.certifikace .left p {font-size: 15px;margin-bottom: 32px !important;}
.certifikace .right {width: 100%;margin: 30px 0 0;}
.cert {width: 100%;margin: 0 0 10px;border-radius: 12px;}
.cert a{display: flex;flex-wrap: wrap;align-items: center;padding: 23px 24px;}
.cert img{height: auto; width: 64px; margin: 0;}
.cert a span{width: calc(100% - 64px); padding-left: 16px;text-align: left;}
.realizace-wrapper {margin-top: 54px;}
.realizace-wrapper > h2{text-align: left;margin-bottom: 24px;}
.realizace-in {margin: 0 -16px 0 0;}
.realizace-wrapper .news-item h2 {bottom: 24px;font-size: 16px;padding: 0 24px;}
#footer {margin-top: 171px;padding-bottom: 330px;background-image: url('/user/documents/upload/Images/footer-bg-mobil.png'); background-position: 50% 100%;background-size: auto 420px;}
.formular {padding: 40px 24px;margin: -107px 16px 0;}
.formular h3 {font-size: 28px;margin: 0 0 16px;}
body{font-size: 15px;}
.form-grid{margin: 0;}
.form-grid input, .form-grid select, .form-grid textarea {width: 100%;margin: 0 0 20px;height: 48px;font-size: 16px;}
.form-grid select, .form-grid textarea {width: 100%;}
.form-actions .btn{width: 100%;}
.banner-wrapper {margin-top: 0;}
.kontakt {padding-top: 48px;padding-left: 16px; padding-right: 16px;}
.kontakt h2 {padding-top: 80px;background-size: auto 64px;font-size: 40px;}
.kontakt > p {margin-bottom: 32px !important;}
.kontakt > a {font-size: 24px;line-height: 1;margin-bottom: 16px;}
.kontakt > a span{margin-top: 5px;}
.kontakt .links {margin-top: 32px;}
.kontakt .links a {margin: 0 12px 10px;}
#navigation{border: 0;top: 0;background-color: #000;}
.navigation-window-visible #navigation {width: 260px;}
.navigation-in {background-color: #000;padding: 84px 24px 0;}
.navigation-in > ul > li > a > b, .navigation-in > ul > li > a > span{padding: 0;}
.navigation-in > ul > li > a{margin: 0 !important;line-height: 24px;}
.navigationActions{display: none !important;}
.navigation-in > ul > li{margin-bottom: 24px;}
.navigation-in > ul > li > a[href*="#poptavka"]{padding: 0 !important;text-align: center;display: block;line-height: 56px;}
.navigation-close {display: block;width: 56px;padding: 0 16px;margin-top: 32px;height: 24px;}
.navigation-close::before{content: url('/user/documents/upload/Images/close.svg');}
#header .navigation-buttons a {height: 40px;width: 40px;background: none !important;}
#header .navigation-buttons a::before {line-height: 40px;}
#header .navigation-buttons{padding-right: 8px;}
.popup{padding: 40px 20px;max-width: calc(100vw - 20px);}
.popup h1 {font-size: 30px;margin: 0 0 24px;}
.popup h2, .popup h3{margin: 32px 0 20px;;}
.popup h2{font-size: 28px;}
.popup h3{font-size: 22px;}
.plus-gallery-item {width: calc(50% - 10px) !important;padding-top: calc(50% - 10px);margin: 0 10px 10px 0;}
.navigation-window-visible::before{opacity: 1;z-index: 9;background-color: rgba(0,0,0,0.4);backdrop-filter: blur(3px);}
.navigation-window-visible #header .site-name a img{opacity: 0.2;}
}
@media screen and (max-width: 479px){
    .buttons {flex-wrap: wrap;}
    .buttons .btn{width: 100% !important;}
    .buttons .btn + .btn {margin-left: 0;margin-top: 10px;}
}
#form-msg span{display: block;background-color: #438a11;color: #fff;text-align: center;padding: 12px;margin-top: 20px;font-weight: 700;}
#form-msg span.error{background-color: #cb0000;}
body:not(.type-index) #header{background-color: #000;}
.breadcrumbs {display: none !important;}
@media screen and (max-width: 767px){
    body:not(.type-index) .overall-wrapper {padding-top: 88px;}
    body:not(.type-index) h1{margin-top: 0;}
}
@media screen and (min-width: 768px){
    .fix-header #header{width: 100%;background-color: rgba(0,0,0,0.8);z-index: 99;}
    .fix-header #header .header-top {padding: 10px 0;}
    .fix-header #navigation{top: -68px;}
    .fix-header .overall-wrapper{padding-top: 136px;}
}