/*  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: 70px;}
.web-header {height: 70px; padding: 0px 0px; left: 0px; top: 0px; position: fixed;}
.web-header-inner {height: 70px;}


.web-logo {width: 190px; height: 60px; top: 8px; left: 1px; right: auto; 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 {top: 20px; right: 65px; height: auto; min-width: 40px;}
.web-header-social div {height: 22px; padding: 2px 5px;}
.web-header-social div a i {width: 18px; height: 18px; padding: 5px; font-size: 17px; line-height: 18px; color: rgb(255, 255, 255);}



#menu-btn {display: block; visibility: visible;}
.menu-btn {width: 50px; height: 50px; right: 10px; top: 10px; display: block; visibility: visible; position: absolute;}
.menu-btn {background: rgb(43, 43, 43) url("../../images/design/shop-icons-white.png") no-repeat; background-size: 404px auto !important; background-position: -344px -342px !important;}
.menu-btn-close {background-size: 310px auto !important; background-position: -213px -258px !important;}

.mobil-menu {left:0px; right: 0px; top: 70px; bottom: 0px; background: rgba(23, 23, 23, 0.98); 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: 5% 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: none;}
.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);}








/* HOME */

.home-form-1-bg {width: 110vw; height: 25vw; top: -10vw;}
.home-form-1-in {width: 100%;}
.home-form-1-in-bg {display: none; visibility: hidden;}
.home-form-1-in-text-pomaranc {width: 30vw; height: 25vw; top: 0vw; right: 0vw;}
.home-form-1-in-banner {width: 100vw; padding: 30vw 0vw 5vw; top: auto; left: auto; position: relative; white-space: nowrap;}
.home-form-1-in-banner-1 {font-size: 12vw; line-height: 5vw; letter-spacing: 2vw; padding-right: 10vw;}
.home-form-1-in-banner-2 {height: 30vw; font-size: 46vw; line-height: 26vw;}
.home-form-1-in-banner-3 {font-size: 16vw; line-height: 10vw; letter-spacing: 0.5vw; margin-right: -2vw;}
.home-form-1-in-text {width: 84vw; padding: 15vw 0vw 10vw; margin: 0vw auto;}
.home-form-1-in-text-title {font-size: 11.5vw; line-height: 11vw; white-space: nowrap;}
.home-form-1-in-text-text {padding: 1vw 0px 2vw; font-size: 16px; line-height: 24px;}
.home-form-1-in-text-img {width: 100%; height: 42vw;}
.home-form-1-in-text-btn {width: 100%; padding-top: 5vw;}
.home-form-1-in-text-btn a {width: 100%; padding: 5vw 0vw; font-size: 3.5vw; letter-spacing: 0; text-align: center;}




.home-form-3 {width: 100%; margin: 0px auto -20px;}
.home-form-3-bg {width: 100%; height: 100%; background: rgb(100, 100, 100);}
.home-form-3-bg img {object-fit: cover; filter: brightness(85%);}
.home-form-3-color {width: 110vw; height: 100%; right: 40%; transform: skewX(-25deg);}
.home-form-3-in {width: 90%; height: auto; padding: 0;}
.home-form-3-in-title {padding: 7vw 0vw 0vw; left: auto; top: auto; transform: none; position: relative; text-align: left;}
.home-form-3-in-title span {font-size: 20vw; line-height: 18vw;}
.home-form-3-in-text {width: 100%; right: auto; top: auto; position: relative; transform: none;}
.home-form-innner-txt {font-size: 14px; letter-spacing: 0.5px; color: rgb(255, 255, 255); text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);}
.home-form-innner-txt p {margin: 15px 0px;}




.home-form-4 {width: 100%; margin: 0px auto 0px;}
.home-form-4-bg {width: 100%; height: 100%; background: rgb(100, 100, 100);}
.home-form-4-bg img {object-fit: cover; filter: brightness(75%);}
.home-form-4-color {width: 110vw; height: 100%; left: 40%; transform: skewX(25deg);}
.home-form-4-in {width: 90%; height: auto; padding: 0;}
.home-form-4-in-title {padding: 7vw 0vw 0vw; left: auto; top: auto; transform: none; position: relative; text-align: right;}
.home-form-4-in-title span {font-size: 14vw; line-height: 18vw;}
.home-form-4-in-text {width: 100%; padding: 5vw 0vw 10vw; left: auto; right: auto; top: auto; position: relative; transform: none;}
.home-form-4-in-text h3 {font-size: 15px;}
.home-form-end-bg {width: 100%; height: 85vw; left: auto; top: auto; position: relative; transform: scale(-1,1);}
.home-form-end-in-text {width: 100%; padding: 10vw 0px 20vw; margin-left: 0%;}
.home-form-end-in-text-title {font-size: 14vw; line-height: 13vw; text-align: center;}
.home-form-end-in-text-items {width: 100%; padding: 8vw 0px 10vw;}
.home-form-end-in-text-item-title {width: 90%; padding-top: 10px; font-size: 18px;}
.home-form-end-in-text-item-text {width: 90%; padding-top: 10px; font-size: 13px;}




.home-form-2 {margin: 0px auto 0px;}
.home-form-2-bg {display: none; visibility: hidden;}
.home-form-2-in-btn {width: 300px; padding: 20px 20px; left: 0px; right: 0px; margin: auto;}
.home-form-2-in-btn-text {width: 100%;}
.home-form-2-in-btn-text-title {font-size: 27px; white-space: nowrap;}
.home-form-2-in-btn-text-subtitle {font-size: 13px;}
.home-form-2-in-text {width: 100%; padding-top: 40px; margin-right: 0%; z-index: 3;}
.home-form-2-in-text-title {width: 85%; margin: auto; font-size: 14vw; line-height: 13vw; white-space: nowrap;}
.home-form-2-in-text-items {width: 100%; padding: 8vw 0px 60vw;}
.home-form-2-in-text-item {height: 260px;}
.home-form-2-in-text-item-title {width: 90%; padding-top: 10px; font-size: 18px;}
.home-form-2-in-text-item-text {width: 90%; padding-top: 10px; font-size: 13px;}
.home-form-2-in-bg {width: 35vw; height: 65vw; left: 0%; right: 0%; margin: auto; z-index: 0;}
.home-form-2-in-bg img {object-position: center bottom; transform: translateY(0px);}







.web-bottom-cards-bggg {display: none; visibility: hidden;}
.web-bottom-cards-in-title {font-size: 6.5vw; line-height: 7vw;}
.web-bottom-cards-in-form {width: 100%; padding: 0px 0px 20px;}
.web-bottom-cards-bg {display: none; visibility: hidden;}
.web-bottom-cards-in {width: 100%; min-height: auto;}
.cards-item {width: 94%; height: 500px;}
.cards-item-in-text-price-main {width: 75%; font-size: 60px;}
.cards-item-in-text-price-sub {width: 25%; font-size: 17px; line-height: 25px; margin-top: 40px;}
.cards-item-in-title-main {font-size: 26px;}
.cards-item-in-title-sub {font-size: 11px;}
.cards-item-in-text-text {width: 90%; font-size: 14px; padding-top: 10px;}
.swiper-slide-active .cards-item-in, .swiper-slide-duplicate-active .cards-item-in {height: 450px;}
.cards-swiper-pagination {bottom: -10px;}


















/* CONTENT */
.web-content {width: 96%; padding: 10px 0px; font-size: 14px;}
.web-container {width: 100%; overflow-x: hidden;}
.page-title, .web-content h2 {font-size: 23px !important; line-height: 28px !important; margin: 20px 0px 15px !important; letter-spacing: 1px;}
.page-title:before {bottom: -5px;}

.web-content h3 {font-size: 20px; line-height: 22px;}
.web-content h4 {font-size: 20px; line-height: 24px;}


.content-text-short {font-size: 14px; line-height: 15px; margin: 0px -2px 10px -2px; padding: 3% 4% 4% 60px; letter-spacing: 0.3px; border-radius: 15px;}
.content-text-short:before {left: 10px; font-size: 40px; height: 50px; width: 50px; line-height: 50px; opacity: 1; color: white;}


.content-text {font-size: 15px; line-height: 22px;}
.content-text strong {font-size: 15px;}
.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; text-align: left;}
.content-text ul li:before {left: 10px;}

.content-text img {max-width: 86% !important; height: auto !important;}




.text-call-btn {width: 100%; height: 50px; margin: 20px auto 30px; display: flex; justify-content: center;}
.text-call-btn:before {display: none;}
.text-call-btn-in {height: 50px; font-size: 20px; line-height: 50px; padding: 0px 15px; background: rgb(0, 167, 157); border-radius: 50px;}
.text-call-btn-in:before {width: 70px;height: 70px;left: -10px;}
.text-call-btn-in a {word-spacing: 1vw; letter-spacing: 0.5vw;}
.text-call-btn-in a i {font-size: 30px; margin: 10px 15px 0px 0vw;}


.in-text-shortcode-phone {margin: 40px 10px;}


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


.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 {width: 100%; margin: 30px auto 20px; float: left;}



.page-contact-text {font-size: 16px; 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: 100%; float: none;}
.page-contact-imgs img {margin-top: 4%;}


.page-contact {width: 100%; margin-right: auto;}
.page-contact-text {font-size: 15px;}
.page-contact-text p {line-height: 22px;}
.contact-form {margin: 0px auto 25px;}
.page-contact-imgs iframe {height: 100vw;}
	
	

.content-locations {padding: 2.5% 2% 1%; margin-top: 0px; width: auto;}
.content-locations:before {top: 12px; left: 17px; font-size: 30px; height: 30px; width: 30px; line-height: 30px; bottom: auto;}
.content-locations-title {padding-left: 50px; padding-right: 20px; line-height: 20px;}
.content-locations-items ul li a {font-size: 12px; padding: 0px 12px 0px 5px;}
.content-locations-items ul li a i {font-size: 8px; margin-top: 8px; margin-right: 6px;}



.galls-form-item {padding: 10px 0px 0px; height: 140px;}
.galls-form-item {width: 49%;}
.galls-form-item:nth-child(2n) {margin-right: 0px;}
.galls-form-item-text {font-size: 12px; margin: 4px 3% 0px; width: 94%;}
.galls-form-item-title {font-size: 15px; line-height: 21px; padding: 0px 3% 0px; width: 94%; letter-spacing: 0.2px;}



.bottom-recenzie {margin: 5px auto 15px;}
#swipe-recenzie {width: 96%; margin: auto;}
#recenzie-pagination {padding: 15px 0px 20px;}




.page-sluzby-list {gap: 30px 4%;}
.page-sluzby-list-item {width: 96%;}

.page-sluzby-list-item-title h2 {font-size: 20px !important; line-height: 25px !important;}
.page-sluzby-list-item-subtitle h3 {font-size: 16px;}
.page-sluzby-list-item-price {padding: 10px 0px 0px;}











.home-form-3-in-text-recenzie-item {padding-top: 15px; gap: 0px 10px;}
.home-form-3-in-text-recenzie-item-image {width: 60px; height: 60px; margin-left: 3px; box-shadow: 0px 0px 0px 3px rgb(0, 167, 157);}
.home-form-3-in-text-recenzie-item-image img {width: 60px; height: 60px;}

.home-form-3-in-text-recenzie-item-rating {width: 100%;}
.home-form-3-in-text-recenzie-item-rating i {margin-right: 5px;}
.home-form-3-in-text-recenzie-item-name strong {font-size: 15px;}
.home-form-3-in-text-recenzie-item-name i {font-size: 10px;}
.home-form-3-in-text-recenzie-item-name span {font-size: 9px;}
.home-form-3-in-text-recenzie-item-text {font-size: 12px; padding-top: 3px;}










.relax-btn {left: auto; right: calc( 50vw - 100px );}
.relax-btn-form {height: 36px; bottom: 15px;}
.btn-active .relax-btn-form {max-width: 170px;}
.relax-btn-form-icon {width: 54px; height: 54px; left: -25px; background-size: 55%;}
.relax-btn-form-text {width: 0px;font-size: 14px; margin: 8px 0px 0px 0px; text-align: right; transition: all 1s cubic-bezier(.5,-0.23,.55,1.25);}
.btn-active .relax-btn-form-text {width: 160px; margin: 8px 10px 0px 0px;}




.colors-form {width: 300px; max-width: 300px; padding: 20px 15px 10px; top: calc( 44% + 70px );}
.colors-form-item button {font-size: 17px; padding: 11px 0px; letter-spacing: 2px;}






/* FOOTER */

.web-down-out {padding: 5vw 0px 0px;}


.web-down-map {width: 92%; height: 100vw; float: none;}
.web-down-map-frame {width: 100% !important; height: 100% !important;}
.web-down-map-frame iframe {width: 100% !important; height: 100% !important;}


.web-down {width: 300px; height: auto; margin: auto; float: none;}
.web-down-bg {display: none; visibility: hidden;}
.web-down-form {width: 300px; padding-top: 200px; margin: 0px auto 40px;}

.footer-logo {width: 300px; height: 100px; top: 20px; left: 0px; background-position: center;}

.web-footer-social {width: 100%; top: 140px; display: flex; justify-content: center;}

.web-down-form-items-btn {text-align: center;}
.web-down-form-items-btn a {padding: 9px 30px;}

.web-down-form-item {font-size: 14px; text-align: center;}
.web-down-form-item p {margin: 20px 0 20px 0; line-height: 20px;}








.web-footer-link {font-size: 2.8vw; line-height: 5vw; width: 80%; padding: 0px 10% 100px;}

#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;}

}