/*  NOTEBOOK  */
@media screen and (max-width: 1700px){

html, body {width: 100vw;}

.web-header-in {width: 98%;}


}
/* NOTEBOOK */
@media screen and (max-width: 1500px){





}
/* MOBIL */
@media screen and (max-width: 900px){

.web-header-ghost {height: 80px;}

.web-header {width: 80%; height: 80px; left: 0px; top: 0px; position: fixed; box-shadow: 0px 4px 10px -10px rgb(0, 0, 0);}
.web-header-in {width: 100%; max-width: 100%; height: 80px; margin: 0px auto 0px;}

.web-header-inner {height: 80px;}
.header-fix {box-shadow: 0px 4px 10px -9px rgb(0, 0, 0) !important;}

.web-header-in-logo {width: 95px; height: 80px; right: 4px; top: 0px;}
.web-header-in-logo-in {height: 90%; top: -1px;}

.web-main-menu, .web-header-submenu, .mega-menu {display: none; visibility: hidden;}








#menu-btn {display: block; visibility: visible;}
.menu-btn {width: 48px; height: 44px; left: 7px; top: 7px; display: block; visibility: visible; background: rgb(36, 36, 36); text-align: center; position: absolute;}
.menu-btn i {width: 100%; height: 44px; font-size: 32px; line-height: 44px; text-align: center; color: rgb(255, 255, 255);}

.mobil-menu {left: 0px; right: 0px; top: 80px; bottom: 0px; background: rgba(13, 13, 13, 0.97); display: block; visibility: visible; position: fixed; overflow-y: scroll;}
.mobil-menu {opacity: 0; transform: scale(1,0); transform-origin: center top;}
.mobil-menu-in {width: 96%; margin: 5% auto 15%; text-align: left; color: white;}
.mobil-menu-in a {color: white;}
.mobil-menu-in-item {padding: 0px 0px 0px 5%;}
.mobil-menu-in-item a {font-size: 20px; margin: 30px auto 5px; text-transform: uppercase; letter-spacing: 2px; font-weight: 600; display: block;}
.mobil-menu-in-item-sub {padding: 0px 0px 0px 8%;}
.mobil-menu-in-item-sub a {font-size: 17px; padding: 20px 0px 0px; font-weight: 400; letter-spacing: 1px; opacity: 0.8; display: block;}
.mobil-menu-in-item-sub a i {width: 35px; text-align: center;}

.mobil-menu-in-item-subb a {font-size: 14px; padding-left: 15%; padding-top: 6px; letter-spacing: 0.5px; opacity: 0.65;display: block;}

.mobil-menu-in-item-katalog {width: 95%; padding-left: 5%; padding-top: 1%;}
.mobil-menu-in-item-katalog-title {padding-bottom: 2%;}
.mobil-menu-in-item-katalog-title a {font-size: 15px; font-weight: 600; opacity: 0.9; text-transform: uppercase;}
.mobil-menu-in-item-katalog-title i {width: 16px; font-size: 13px; padding-right: 8px; margin-left: -22px; transform: scale(1.3); opacity: 0.7; text-align: right;}
.mobil-menu-in-item-katalog-items {width: 100%; padding-left: 2%; display: inline-block;}
.mobil-menu-in-item-katalog-item {width: 50%; float: left;}
.mobil-menu-in-item-katalog-item a {font-size: 13px; padding: 0px 2px 12px 0px; opacity: 0.7; letter-spacing: 0.2px; display: block;}
.mobil-menu-in-item-katalog-item:nth-child(odd) {clear: left;}

.mobil-menu-in-item-katalog:last-child {}
.menu-go {opacity: 1; transform: scale(1);}



.mobil-sluzby-menu-in-items {width: 100%; padding: 10px 0px 0px; position: relative;}
.mobil-sluzby-menu-in-item {width: 100%; position: relative;}
.mobil-sluzby-menu-in-item-in {width: 100%; height: 11vh; margin: 0px auto 3%; background: rgba(0,0,0,0.5); text-align: left; position: relative;}
.mobil-sluzby-menu-in-item-in-img {width: 100%; height: 100%; left: 0px; top: 0px; overflow: hidden; position: absolute;}
.mobil-sluzby-menu-in-item-in-img img {width: 100%; height: 100%; display: block; object-fit: cover; object-position: left center;}
.mobil-sluzby-menu-in-item-in-img:after {width: 100%; height: 100%; left: 0px; bottom: 0px; background: linear-gradient(90deg, rgb(0, 0, 0) 10%, rgba(0,0,0,0) 110%); position: absolute; content: '';}
.mobil-sluzby-menu-in-item-in-icon {width: 60px; height: 60px; left: 10px; top: 0px; bottom: 0px; margin: auto; text-align: center; position: absolute;}
.mobil-sluzby-menu-in-item-in-icon i {font-size: 36px; line-height: 60px; color: rgb(215, 160, 93);}
.mobil-sluzby-menu-in-item-in-title {width: 80%; font-size: 20px; letter-spacing: 2px; left: 18%; top: 50%; color: rgb(255,255,255); text-shadow: 2px 2px 2px black; transform: translateY(-50%); position: absolute;}
.mobil-sluzby-menu-in-item-in a {width: 100%; height: 100%; left: 0px; top: 0px; display: block; position: absolute; z-index: 9;}














.web-header-social {left: 65px; top: 2px;}
.web-header-social-items div a {width: 18px; height: 18px; font-size: 16px; padding: 3px 0px; line-height: 20px;}


.web-header-langs {top: 55px; left: 0px;}
.web-header-lang {float: left;}
.web-header-lang a {width: 30px; font-size: 15px; padding: 0px 0px; letter-spacing: 0px;}


.new-header-search {width: 20%; height: 80px; top: 0px; right: 0px; z-index: 44;}
.new-header-search i {font-size: 34px; line-height: 80px;}
.new-header-search-form {width: 100%; height: 80px; z-index: 33;}
#head-search-form-input {width: 72%; height: 60px; font-size: 18px; padding: 0px 0px 0px 3%; left: 2%; letter-spacing: 1px;}
#head-search-form-output {width: 100%; top: 80px; z-index: 44;}
.search-form-output-katalogs {width: 94%; padding: 20px 0px 0px;}
.search-form-output-katalogs-item {margin: 0px 5px 8px 0px;}
.search-form-output-katalogs-item a {font-size: 15px; padding: 5px 7px;}
.search-form-output-katalogs-item a i {font-size: 18px; padding: 0px 4px 0px 0px;}
.search-form-output-products {width: 94%; padding: 15px 0px 40px;}
.search-form-output-products-item-img {width: 25%; height: 70px;}
.search-form-output-products-item-data-title {font-size: 17px; letter-spacing: 1px;}
.search-form-output-products-item-data-text {font-size: 13px; letter-spacing: 0.5px;}
.search-form-output-products-item-data-code {font-size: 16px; letter-spacing: 2px;}







/* HOME */
.home-form {width: 100vw; margin: 0px auto 0px; overflow-x: hidden;}



.home-slider, .home-slider .swiper-container {width: 100%; height: 130vw;}

.home-0-in-data-form {width: 90vw; right: 0px;}
.home-0-in-data {width: 90vw;}
.home-0-in-data-title h2 {font-size: 8vw;}

.home-0-in-data-text {width: 100%; font-size: 3.5vw; padding: 2vw 0vw 0vw;}

.home-0-in-data-btn {height: 10vw; font-size: 3.5vw; line-height: 10vw; margin: 4vw auto 0; padding: 0px 4vw; float: left;}





.home-1-in {width: 90%; height: auto; top: -12vw;}
.home-1-in-left {width: 100%; bottom: auto; left: auto; top: auto; position: relative;}
.home-1-in-left-in {width: 70%; padding: 6vw 0px 25vw 10vw; left: auto; right: auto; top: auto; position: relative;}
.home-1-in-left-in-text {font-size: 14px; padding: 20px 0px 20px; letter-spacing: 1px;}
.home-1-in-left-in-title h2 {font-size: 8vw;}
.home-1-in-right {width: 100%; height: 60vw; top: auto; bottom: auto; right: auto; position: relative;}



.home-2-in-left {width: 100%;}
.home-2-in-left-in {width: 100%; margin: auto; text-align: center;}
.home-2-in-left-in-title {font-size: 7vw; text-shadow: 2px 2px 3px black;}
.home-2-in-left-in-number {font-size: 50vw; line-height: 50vw; margin: -14vw 0px 6vw; text-shadow: 1px 1px 1px rgb(0, 0, 0);}
.home-2-in-right {width: 120%; top: 0px; bottom: 0px; left: -10%; right: -10%; position: absolute;}
.home-2-in-right video {width: 100%; height: 100%;}



.home-3-in-top {height: auto;}
.home-3-in-top-logo {width: 30vw; height: 30vw; top: -15vw; bottom: auto;}
.home-3-in-top-title {width: 100%; height: 12vw; font-size: 9vw; line-height: 12vw; padding-top: 18vw; text-align: center; transform: none;}
.home-3-in-menu {width: 100%; padding: 40px 0px 10px;}
.home-3-in-menu-item {padding: 0px 3vw 0px 0px;}
.home-3-in-menu-item div {font-size: 3.8vw; padding: 3vw 0px;}
.home-3-in-menu-item div i {color: rgb(215, 160, 93); display: inline-block;}
.home-3-in-menu-item-active div:after {height: 2px;}




.home-3-in-form {width: 100%; height: 80vw;}
.home-3-in-form-item-data {width: 50%; height: 80vw; top: 0vw; right: auto; left: 3%;}
.home-3-in-form-item-data {top: 50%; transform: translateY(0%);}
.home-3-in-form-item-data-in {top: 5%;}
.home-3-in-form-item-data-in-title h3 {font-size: 7vw;}
.home-3-in-form-item-data-in-text {font-size: 3vw; padding: 15px 0px 20px; letter-spacing: 0.5px; opacity: 0.8;}
.home-3-in-form-item-data-in-btn {padding: 0px 20px 20px 30px; float: left;}
.home-3-in-form-item-data-in-btn-title {font-size: 12px; letter-spacing: 1px;}
.home-3-in-form-item-data-in-btn:before {height: 25px; width: 25px;}

.home-3-in-form-item-icon {left: 22%; bottom: -6%;}
.home-3-in-form-item-icon i {font-size: 40vw;}

.home-3-in-form-item-items {width: 45%; height: 100%; left: auto; right: 0px;}
.home-3-in-form-item-item {width: 46%; height: 45%;}
.home-3-in-form-item-item:nth-child(1) , .home-3-in-form-item-item:nth-child(1):hover {width: 46%; left: 0%; right: auto; top: 3%; bottom: auto;}
.home-3-in-form-item-item:nth-child(2) , .home-3-in-form-item-item:nth-child(2):hover {width: 46%; left: 0%; right: auto; top: auto; bottom: 3%;}
.home-3-in-form-item-item:nth-child(3) , .home-3-in-form-item-item:nth-child(3):hover {width: 46%; left: auto; right: 2%; top: 3%; bottom: auto;}
.home-3-in-form-item-item:nth-child(4) , .home-3-in-form-item-item:nth-child(4):hover {width: 46%; left: auto; right: 2%; top: auto; bottom: 3%;}
















/* CONTENT */
.web-content {width: 100%; padding: 0px 0px 20px; font-size: 14px;}
.web-container {width: 100%; overflow-x: hidden;}



.page-content-top-img {width: 100%;}
.page-content-top-img-in {width: 100%; height: 45vw;}




.page-content-top-data {width: 100%; float: right;}
.page-content-top-data-in {max-width: 94%; padding: 50px 0px 0px 3%;}







.page-bread-form {width: 100%; margin: -24px 0% 5px;}
.page-bread-form ul li {font-size: 9px; color: rgb(213, 208, 208);}
.page-bread-form ul li:before {padding: 0px 7px;}
.page-bread-form ul li a {letter-spacing: 1px; color: rgb(191, 191, 191);}
.page-bread-form ul li a i {font-size: 10px; margin: 0px 7px 0px 2px;}



.web-content h2 {font-size: 23px;}
.web-content h3 {font-size: 18px;}
.web-content h4 {font-size: 16px;}



.page-title-form {width: 100%; margin: 0px 0% 0px 0%; padding: 0px 0px 20px; display: inline-block;}

.page-title {font-size: 28px !important; letter-spacing: 0px;}

.page-title-form-icon {padding: 5px 5px 0px 0px;}
.page-title-form-icon i {font-size: 26px;}



.page-slides-item {height: 50vw;}
.page-slides-item-info-title {font-size: 21px;}


.content-text {width: 96%; margin: 0px auto; font-size: 16px; line-height: 22px; text-align: left;}

.content-text table {width: 100% !important;}
.content-text table td {width: 100% !important; padding-bottom: 15px; display: block; vertical-align: top;}
.content-text img {width: 100% !important; height: auto !important; float: none !important;}

.content-text strong {font-size: 19px;}

.content-text ul li {padding: 10px 0px 10px 30px; text-align: left;}
.content-text ul li:before {font-size: 24px; left: 10px;}

.content-text-in {width: 98%;}



.content-text-short {width: 90%; font-size: 18px; line-height: 20px; padding: 4.5% 3% 45px; margin: 0px auto 70px; letter-spacing: 0.5px; word-spacing: 0.5px;}
.content-text-short:before {padding: 25px 28px; bottom: -45px;}



.img-side-text {width: 96%; float: none; margin: auto;}
.img-side-1 .content-text {width: 96%;float: none;}
.img-side-2 .content-text {width: 96%;float: none;}
.img-side-1 .web-content-gallery {width: 100%; float: none;}
.img-side-2 .web-content-gallery {width: 100%; float: none;}
.text-side-1 .content-text {column-count: 1;}
.text-side-2 .content-text {column-count: 1;}
.text-side-3 .content-text {column-count: 1;}
.text-side-1 .content-text .content-text-in {column-count: 1;}
.text-side-2 .content-text .content-text-in {column-count: 1;}
.text-side-3 .content-text .content-text-in {column-count: 1;}


.img-side-1 .content-text video {width: 100%; height: 55vw;}
.img-side-2 .content-text video {width: 100%; height: 55vw;}



.web-content-gallery {margin-bottom: 10px; }
.web-content-gallery-video iframe {width: 100%; height: 53vw !important;}

.img-side-2 .web-content-gallery-video iframe {height: 53vw !important;}
.img-side-3 .web-content-gallery-video iframe {height: 53vw !important;}




.content-in-related-pages {padding: 66px 0px 10px; float: left; text-align: center;}
.content-in-related-page {height: 50px; display: inline-block;}
.content-in-related-page-in {padding: 0px 30px 0px 0px;}
.content-in-related-page-in i {height: 50px; font-size: 26px; padding: 0px 0px 0px 0px;}
.content-in-related-page-in span {font-size: 19px;}


.page-contact {width: 96%; display: inline-block; margin: 0px 4%;}

.page-contact-text {width: 100%; float: none; margin-bottom: 25px;}
.page-contact-text iframe {width: 100%; height: 80vw;}
.page-contact-text table {}
.page-contact-text table td {display: block; width: 100% !important;}
.page-contact-imgs {width: 96%; float: none;}
.page-contact-imgs img {margin-top: 4%;}




.web-content-news-item-img {min-height: auto;}
.web-content-news-item-img:before {display: none;}
.web-content-news-item-data-date {font-size: 14px; line-height: 18px; margin: 15px 0px 0px;}
.web-content-news-item-data-title h3 {font-size: 18px; padding: 10px 0px 5px; letter-spacing: 1px;}
.web-content-news-item-data-text {font-size: 13px; line-height: 17px;}







/* PORTFOLIO */
.page-content-full-data-in {width: 100%; padding: 30px 0px 0px;}

.page-content-full-data-in-items {width: 100%; padding: 0px 0px 3vw; column-count: 2; column-gap: 2vw;}

.page-content-full-data-in-item-data-in {font-size: 3vw;}
.page-content-full-data-in-item-data-in .fa-circle-plus {display: none;}
.page-content-full-data-in-item-data-in-code {font-size: 3vw; padding-top: 2vw;}

.page-content-top-img-in-gall {height: 20vw;}
.page-content-top-img-in-gall-item {width: 100%; height: 20vw;}


.page-content-top-data-in-btns {width: 100%; padding: 70px 0px 0px;}
.page-content-top-data-in-btn-in i {font-size: 12px;}
.page-content-top-data-in-btn-in span {letter-spacing: 1px; font-size: 12px;}

.page-content-top-data-in-btn-title {display: none; visibility: hidden;}















.web-down-zabradlie-in {height: 21vw;}


/* FOOTER */
.web-down-form {width: 100vw; height: auto; overflow: hidden;}

.web-down-bg {height: 118vw; left: -47vw;}

.web-down {width: 340px; padding: 85vw 0px 0px; left: 0px; right: 0px; position: relative; display: inline-block;}









.web-down-text {width: 85%; padding: 60px 0px 0px; margin: 0px 0px 10px 15%; float: none; transform: none;}
.web-down-text-title {display: none; visibility: hidden;}

.web-down-text-text {font-size: 14px; letter-spacing: 0.5px; line-height: 20px;}
.web-down-text-text p {margin: 10px 0 20px 0;}
.web-down-text-text p strong {font-size: 16px;}
.web-down-text-text a {font-size: 16px;}


.web-down-cookies {width: 85%; padding: 20px 0px 0px; text-align: center;}


.web-footer-link {font-size: 10px; padding: 15px 10% 15px; letter-spacing: 0.5px;}


#to-top {font-size: 18px; padding: 4px 8px; right: 6px; bottom: 6px;}

}