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

html, body {width: 100vw; overflow-x: hidden;}

}


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

.web-header-ghost {height: 60px;}
.web-header {height: 60px; padding: 0px 0px; left: 0px; top: 0px; position: fixed;}
.web-header-inner {height: 60px;}


.home-menu .web-header-bg {width: 50%; transform: skew(-15deg);}
.menu-fix .web-header-bg {width: 100%; left: 0%; transform: skew(0deg);}



.web-logo {height: 50px; width: 110px; top: 4px; left: 5px; background-size: auto 100% !important;}

.web-main-menu {display: none; visibility: hidden;}




.header-contact {width: 170px; left: 30px; top: 9px; right: 0px; padding: 0px 0px 0px; height: auto; background: transparent;}
.header-contact-item {font-size: 17px; padding-left: 0;}
.header-contact-item a {padding: 15px 0px; letter-spacing: -0.3px;}
.header-contact-item a i {font-size: 22px; margin: 10px 5px 0px -10px;}



.web-header-social {display: none; visibility: hidden;}


#menu-btn {display: block; visibility: visible;}
.menu-btn {width: 50px; height: 50px; right: 2px; top: 5px; display: block; visibility: visible; position: absolute;}
.menu-btn {background: url("../../images/design/shop-icons-white.png") no-repeat; background-size: 404px auto !important; background-position: -346px -344px !important;}
.menu-btn-close {background-size: 310px auto !important; background-position: -214px -260px !important;}

.mobil-menu {left:0px; right: 0px; top: 60px; bottom: 0px; background: rgb(24, 34, 53); 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: 300px; margin: 130px auto 15%; text-align: left; color: white;}
.mobil-menu-in a {color: white;}
.mobil-menu-in-item {font-size: 20px; margin-top: 30px; text-transform: uppercase; letter-spacing: 1.5px; font-weight: 600;}
.mobil-menu-in-item-sub {font-size: 16px; padding-left: 8%; padding-top: 15px; letter-spacing: 0.5px; opacity: 0.8; text-transform: uppercase;}
.mobil-menu-in-item-sub i {padding-right: 15px;width: 16px;text-align: center;}
.mobil-menu-in-item-subb {font-size: 14px; padding-left: 20%; padding-top: 15px; letter-spacing: 0.3px; opacity: 0.5; text-transform: uppercase;}
.mobil-menu-in-item-subb i {padding-right: 15px;width: 16px;text-align: center;}

.mobil-menu-in-item-subbbbs {width: 91%; padding: 10px 0px 0px 9%;}
.mobil-menu-in-item-subbbb {padding: 3px 0px; opacity: 0.8; display: inline-block;}
.mobil-menu-in-item-subbbb a {font-size: 15px; padding: 0px 20px 0px 0px; letter-spacing: 0.5px; text-transform: uppercase;}

.menu-go {opacity: 1; transform: scale(1);}



.mobile-menu-social {width: 300px; top: 25px; right: 0px; left: 0px; margin: auto; position: absolute; z-index: 3; text-align: center;}
.mobile-menu-social div {width: 32px; height: 32px; margin-left: 10px; background: white; display: inline-block; border-radius: 50%; overflow: hidden; text-align: center;}
.mobile-menu-social div a {display: block;}
.mobile-menu-social div a i { color: rgb(8, 88, 151); font-size: 18px; width: 18px; height: 18px; padding: 7px; text-align: center;}



.web-lang-menu {right: 60px; top: 7px;}
.web-lang-menu-item {margin-bottom: 3px;}
.web-lang-menu-item a {font-size: 13px; padding: 2px 0px;}






/* HOME */
.home-slider-form {height: 115vw; border-bottom-left-radius: 150px;}
.home-slider-form .swiper-container {height: 115vw;}
#home-swipe {height: 115vw;}
.home-slide-info {width: 92vw; top: 22vw; left: 6vw; right: auto;}
.home-slide-info-line {margin: 0px 0px 3vw -4vw;}
.swiper-slide-active .home-slide-info-line div {width: 105px; height: 3px;}
.home-slide-info-texts-title {font-size: 6.5vw; line-height: 8vw; letter-spacing: 0.3vw;}
.home-slide-info-texts-text {width: 75%; padding-top: 3vw; font-size: 2.7vw; line-height: 3.8vw; letter-spacing: 0.1vw;}
.home-slide-info-texts-btns {padding-top: 3vw;}
.home-slide-info-texts-btn a {font-size: 3vw;}
.home-slider-pagination {width: 90%; right: 3%; left: auto; bottom: 3vw;}
.home-slider-pagination .swiper-pagination-bullet {width: 10vw;}





.home-form-1-in {width: 100%; height: auto; padding-bottom: 30vw;}
.home-form-1-bg {width: 70vw; height: 70vw; left: -20vw; top: -25vw; right: auto; bottom: auto;}
.home-form-1-bg img {width: auto; height: 100%;}
.home-form-1-big-text {width: 100vw; font-size: 13vw; line-height: 16vw; top: 5vw; left: -98%;}
.home-form-1-in-text {width: 90%; padding-top: 52vw; margin-left: 10%;}
.home-form-1-in-text-title {font-size: 8vw; line-height: 10vw; letter-spacing: 0.1vw;}
.home-form-1-in-text-text {width: 90%; font-size: 3.3vw; line-height: 4.2vw; padding-top: 2vw; letter-spacing: 0.1vw;}
.home-form-1-end {width: 83vw; height: 20vw; right: 0px; margin: auto; border-top-right-radius: 200px; overflow: hidden;}
.home-form-1-end div {width: 28vw; height: 3px;}





.home-form-2-in {width: 83vw;}
.home-form-2-bg {bottom: 22vw; border-top-right-radius: 0;}
.home-form-2-bg img {height: 100%; width: auto; opacity: 0.6;}
.home-form-2-inner {width: 83vw;}
.home-form-2-inner-text {width: 90%; padding: 5%;}
.home-form-2-inner-text-title {font-size: 7.8vw; line-height: 9vw;}
.home-form-2-inner-text-text {font-size: 3.1vw; line-height: 4.2vw; padding-top: 2vw; letter-spacing: 0.2vw;}
.home-form-2-inner-text-btn {padding-top: 6vw;}
.home-form-2-inner-text-btn a {font-size: 3.5vw;}
.home-form-2-inner-img {height: 38vw;}





.home-form-3 {height: auto;}
.home-form-3-ruka {width: 65vw; height: 70vw; left: -33vw; bottom: -30vw; pointer-events: none;}
.home-form-3-ruka img {width: 100%; height: auto;}
.home-form-3-in-text-line {margin: 0px 0px 5vw -4vw;}
.home-form-3-in-text-line div {width: 28vw; height: 4px;}
.home-form-3-in-text {width: 79vw; padding-top: 47vw; padding-bottom: 33vw; margin-left: 12%;}
.home-form-3-in-text-title {font-size: 7.8vw; line-height: 9vw;}
.home-form-3-in-text-text {font-size: 3.1vw; line-height: 4.2vw; padding-top: 2vw; letter-spacing: 0.2vw;}
.home-form-3-inner-text-btn {padding-top: 6vw;}
.home-form-3-inner-text-btn a {font-size: 3.5vw;}






.home-form-4-in-znacky {padding: 160px 0px 0px;}
.home-page .home-form-4-in-znacky {padding: 25vw 0px 0px;}
.home-form-4-in-znacky div {width: 23%; height: 16vw;}














/* CONTENT */
.web-menu-img {height: 55vw;}
.web-menu-img-in {height: 74vw; border-bottom-left-radius: 100px;}
.web-menu-img-in img {height: 74vw; width: auto; left: -200%; right: -200%;}


.web-content {width: 96%; padding: 10px 0px; font-size: 14px;}
.web-container {width: 100%;}


.page-title {width: 98%; font-size: 6.2vw !important; top: -20vw; margin: 2vw 0px 2vw !important; padding-left: 3vw !important; line-height: 8vw !important; transform: translateY(-100%);}
.page-title:before {width: 28vw; height: 4px; top: -4vw;}




.web-content h3 {font-size: 24px; line-height: 28px; margin: 50px 0px 10px;}
.web-content h3:before {width: 26vw; top: -15px;}
.web-content h4 {font-size: 20px; line-height: 24px;}



.content-text-main {width: 97%; margin: auto; display: table; float: none;}
.content-text-main-in {width: 90%; padding: 6% 5% 2%;}

.content-text-main-top {width: 100%; height: 15vw; top: -15vw; right: 0px; margin: auto;}
.content-text-main-top div {width: 28vw;}

.content-text-main-in-title {font-size: 7.5vw; line-height: 9vw; margin-bottom: 5vw; letter-spacing: 0.1vw;}
.content-text-main-in-text {font-size: 3.5vw; line-height: 5vw; letter-spacing: 0.1vw;}



.content-text {width: 97%; padding-top: 0px; margin: auto; float: none;}

.content-text {font-size: 15px; line-height: 22px;}
.content-text table {width: 100% !important;}
.content-text table td {vertical-align: top;}

.content-text ul li {font-size: 15px; padding: 3px 0px 3px 25px;}
.content-text ul li:before {left: 10px;}


.content-text-short {font-size: 14px; line-height: 15px; margin: 0px -2px 10px -2px; padding: 3% 4% 4% 80px; letter-spacing: 0.3px;}
.content-text-short:before {left: 20px; font-size: 50px; height: 50px; width: 50px; line-height: 50px;}



.img-side-text {width: 96%; float: none; margin: auto;}
.img-side-1 .content-text {width: 100%;float: none;}
.img-side-2 .content-text {width: 100%;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;}
.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-text-share {margin: 30px auto 20px;}


.web-content-gallery-item {width: 23%;}





/* CONTACT */
.page-contact {width: 94%; margin: auto 3%;}
.page-contact-text {width: 100%; font-size: 16px; float: none;}
.page-contact-text-in {width: 90%; padding: 8% 5% 0px;}
.page-contact-text-in h3 {margin: 30px 0px 10px;}
.page-contact-text table td:before {width: 30px; height: 30px; font-size: 30px; left: 7%; line-height: 30px;}
.page-contact-text table td strong {font-size: 17px;}
.page-contact-text table td a {font-size: 16px;}


.page-contact-imgs {width: 100%; margin-top: 3%; float: none;}
.page-contact-imgs {height: 80vw !important;}










/* REALIZACIE */
.referencie-content-in-item {width: 100%; display: inline-block; float: none;}
.referencie-content-in-item:nth-child(2n) {margin-left: 0px;}

.referencie-content-in-item-main {height: 74vw;}
.referencie-content-in-item-main-line {width: 20vw; height: 3px; top: 8vw;}
.referencie-content-in-item-main-title {height: 25vw; margin: 11vw 6% 3vw; font-size: 5.6vw; line-height: 8.2vw; letter-spacing: 0.1vw; }
.referencie-content-in-item-main-img {height: 30vw;}
.referencie-content-in-item-main-img img {width: 100%;}

.referencie-content-in-item-imgs {width: 25%; height: 74vw; border-top-right-radius: 50px;}
.referencie-content-in-item-imgs div {width: 100%;}

.referencie-content-in-item:nth-child(2) .referencie-content-in-item-main {background: rgb(36, 50, 76);}
.referencie-content-in-item:nth-child(3) .referencie-content-in-item-main {background: rgb(36, 50, 76);}
.referencie-content-in-item:nth-child(6) .referencie-content-in-item-main {background: rgb(36, 50, 76);}
.referencie-content-in-item:nth-child(7) .referencie-content-in-item-main {background: rgb(36, 50, 76);}
.referencie-content-in-item:nth-child(10) .referencie-content-in-item-main {background: rgb(36, 50, 76);}
.referencie-content-in-item:nth-child(11) .referencie-content-in-item-main {background: rgb(36, 50, 76);}
.referencie-content-in-item:nth-child(13) .referencie-content-in-item-main {background: rgb(36, 50, 76);}
.referencie-content-in-item:nth-child(14) .referencie-content-in-item-main {background: rgb(36, 50, 76);}

.referencie-content-in-item:nth-child(2) .referencie-content-in-item-main-line {background: rgb(1, 160, 199);}
.referencie-content-in-item:nth-child(3) .referencie-content-in-item-main-line {background: rgb(1, 160, 199);}
.referencie-content-in-item:nth-child(6) .referencie-content-in-item-main-line {background: rgb(1, 160, 199);}
.referencie-content-in-item:nth-child(7) .referencie-content-in-item-main-line {background: rgb(1, 160, 199);}
.referencie-content-in-item:nth-child(10) .referencie-content-in-item-main-line {background: rgb(1, 160, 199);}
.referencie-content-in-item:nth-child(11) .referencie-content-in-item-main-line {background: rgb(1, 160, 199);}
.referencie-content-in-item:nth-child(13) .referencie-content-in-item-main-line {background: rgb(1, 160, 199);}
.referencie-content-in-item:nth-child(14) .referencie-content-in-item-main-line {background: rgb(1, 160, 199);}

.referencie-content-in-item:nth-child(2n) .referencie-content-in-item-main {background: rgb(1, 160, 199);}
.referencie-content-in-item:nth-child(2n) .referencie-content-in-item-main-line {background: rgb(36, 50, 76);}





/* REALIZACIA */
.referencia-content-in {width: 98%; display: inline-block; margin: auto 1%;}
.referencia-content-main-top {width: 100%; height: 15vw; left: 0px; right: 0px; top: -15vw; margin: auto;}
.referencia-content-main {width: 100%;margin: auto;float: none;display: inline-block;}
.referencia-content-main-text-title {font-size: 6.5vw;letter-spacing: 0.1vw;line-height: 8vw;}
.referencia-content-main-text-text {padding-top: 0; letter-spacing: 0.05vw;}
.referencia-content-main-text-text ul li {font-size: 3.5vw; padding: 3px 0px 3px 8vw;}
.referencia-content-main-text-text ul li:before {left: 3vw;}
.referencia-content-main-img {height: 42vw;}
.referencia-content-text {width: 100%; font-size: 15px; padding-top: 0; float: none;}
.referencia-content-video {margin: 25vw auto 10vw;}
.referencia-content-video-title {top: -22vw; font-size: 20vw; line-height: 22vw; letter-spacing: 1vw;}
.referencia-content-video iframe {height: 53vw;}
.referencia-content-video video {height: 53vw;}
.referencia-content-galeria {margin: 17vw auto -32w;}
.referencia-content-galeria-title {top: -22vw; font-size: 20vw; line-height: 22vw; letter-spacing: 1vw;}
.referencia-slide {height: 39vw;}
.referencia-slide-img {height: 37vw; width: 37vw;}














/* VKBS */
.vkbs-automat {width: 100%; height: 74vw; margin: 10px auto 10px; position: relative;}
.vkbs-automat .home-block-2 {width: 1200px; height: 900px; padding-bottom: 0px; transform-origin: center top;}
.vkbs-automat .home-block-2 {left: -200%; right: -200%; margin: auto; top: 0px; position: absolute;}
.vkbs-automat .home-block-2-line-inner {font-size: 40px;}
.vkbs-automat .top-boxes {width: 240px;}
.vkbs-automat .top-boxes-in div {font-size: 23px; white-space: nowrap;}








/* FOOTER */
.web-down {width: 340px;}
.web-down-out {width: 100%; margin-top: 50px; border-top-right-radius: 200px;}

.web-down-title {padding-top: 100px;}
.web-down-title-in {padding: 5px 0px;}
.web-down-title-in-text {font-size: 34px; width: 340px; margin: auto;}

.web-down-map {width: 100%; height: 310px; float: none;}

.web-down-form {width: 100%; margin: 20px 0px 0px; float: none;}
.web-down-form-items {width: 112%; margin-left: 0px;}
.web-down-form-item-title {font-size: 20px;}
.web-down-form-item-text {font-size: 13px; line-height: 21px; letter-spacing: 0px;}

.web-down-form-info {margin-left: 0px;}
.web-footer-social {width: 100%; text-align: center;}
.web-footer-social div {margin: 0px 4px; display: inline-block; float: none;}



.web-footer-link {font-size: 11px; line-height: 16px; width: 70%; padding: 10px 15%;}

#to-top {font-size: 20px; right: 5px; bottom: 5px;}




#pop-box {width: 98% !important;}
#pop-box:before {height: 30px; width: 30px; right: 0px;}
#pop-box div {font-size: 14px; line-height: 19px; letter-spacing: 0.2px;}

}