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

.web-header-ghost {height: 120px;}
.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: 52px; width: 190px; top: 4px; left: 4px;}

.web-main-menu {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("../../img/?webp&i=/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: rgba(21, 17, 20, 0.96); 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: 15% auto 15%; text-align: left; color: white;}
.mobil-menu-in a {color: white;}
.mobil-menu-in-item {font-size: 20px; margin-top: 35px; text-transform: uppercase; letter-spacing: 1.5px; font-weight: 500;}
.mobil-menu-in-item-sub {font-size: 16px; padding-left: 8%; padding-top: 22px; 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: 20px; 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);}




.web-header-social {width: 160px; top: 17px; right: 70px;}
.web-header-social div {width: 26px; height: 26px; margin: 0px 0px 0px 4px;}
.web-header-social div a i {font-size: 18px; line-height: 26px;}







/* HOME */
.home-2-in-title {width: 80%; margin: 0px auto;}
.home-2-in-title h2 {font-size: 11.5vw; letter-spacing: 0.3vw;}

.home-2-in-items {width: 330px; margin: 0px auto; padding-bottom: 50px;}
.home-2-in-item {width: 100%; height: 400px; margin: 0px 0px 30px; float: none;}
.home-2-in-item-info {width: 210px; height: 200px;}
.home-2-in-item-info-in {width: 200px; left: 15px; bottom: 15px;}
.home-2-in-item-info-in-title h3 {font-size: 44px;line-height: 42px;letter-spacing: 2px;}
.home-2-in-item-info-in-subtitle h4 {font-size: 12px;}






.home-3-in-info-shadow {width: 94%; height: auto; left: 0px; right: 0px; top: 3%; bottom: 3%; margin: auto;}
.home-3-in-info {width: 340px; margin: auto; padding-top: 45vw;}
.home-3-in-info-item {padding: 50px 0px 0px;}
.home-3-in-info-item-title {font-size: 11.5vw; letter-spacing: 0.3vw; margin-bottom: 30px;}
.home-3-in-info-item-text {font-size: 13px; text-align: justify;}
.home-3-in-info-item-team {padding-bottom: 35vw;}
.home-3-in-info-item-team-item-img {width: 70px; height: 70px;}
.home-3-in-info-item-team-item-title {width: 255px;}
.home-3-in-info-item-team-item-subtitle {width: 255px; font-size: 13px;}
.home-3-in-info-item-team-item-text {width: 255px; font-size: 13px; letter-spacing: 0.3px;}
.home-3-in-info-image {width: 85%; height: 40vw; left: 0px; right: 0%; margin: auto; z-index: 9;}
.h-3-i-top {top: 5%;}
.h-3-i-bot {bottom: 5%;}






.home-4-bg {width: 96%;}
.home-4-in-info {width: 88%; margin: auto; padding: 50px 0px 110px;}
.home-4-in-info-items {width: 100%; padding: 20px 0px 0px;}
.home-4-in-info-title {font-size: 20vw; line-height: 22vw; letter-spacing: 0.5vw;}
.home-4-in-info-item-title {padding-bottom: 1vw;}
.home-4-in-info-item-title h3 {font-size: 9vw; line-height: 10vw; letter-spacing: 0.5vw;}
.home-4-in-info-item-icon {width: 16%; text-align: center;}
.home-4-in-info-item-icon i {font-size: 11vw; padding-top: 2vw;}
.home-4-in-info-item-text {width: 82%; margin-left: 2%; font-size: 14px; line-height: 17px; letter-spacing: 0.3px; text-align: justify;}
.home-4-in-logo {width: 100%; height: 220px; left: 0px; right: 0px; bottom: -96px; z-index: -9;}






.home-5-in-title {width: 90%; font-size: 44px; padding: 150px 0px 20px; line-height: 50px; letter-spacing: 3px; margin: 0px auto;}
.home-5-in-text {width: 80%; font-size: 14px; line-height: 21px; letter-spacing: 0.3px;}
.home-5-in-contact {width: 300px; font-size: 20px; padding: 60px 0px 100px; margin: 0px auto; font-weight: 300; text-align: center;}
.home-5-in-contact-phone {font-size: 30px; padding: 17px 10px; letter-spacing: 2px; display: block;}
.home-5-in-contact-email {font-size: 20px; margin-top: 50px; margin-left: 0; font-weight: 600;}












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

.page-content {width: 100%;}


.page-title, .web-content h2 {font-size: 26px !important; line-height: 32px !important; margin: 5px 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;}

.page-contact-text {width: 100%; font-size: 16px; letter-spacing: 0.2px; margin-bottom: 25px;float: none; }
.page-contact-text iframe {width: 100%; height: 80vw;}
.page-contact-text table {}
.page-contact-text table td {display: block; width: 100% !important;}
.page-contact-text strong {font-size: 15px;}

.page-contact-imgs {width: 100%; float: none;}
.page-contact-imgs img {margin-top: 4%;}


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


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


.content-text {width: 96%; font-size: 14px; line-height: 21px; margin: auto;}
.content-text table {width: 100% !important;}
.content-text table td {vertical-align: top;}

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



.content-text-tags-icon, .content-text-tag {height: 22px; font-size: 10px; line-height: 22px;}
.content-text-tag {padding: 0px 8px;}



.content-text-share {width: 100%; height: 44px; margin: 30px auto 20px; background: rgb(59, 89, 152); text-align: center;}
.content-text-share a {width: 100%; height: 44px; text-align: center; display: table;}
.content-text-share:hover {background: rgb(47, 72, 125)}
.content-text-share i {width: 30px; height: 44px; font-size: 20px; line-height: 44px; padding: 0px; background: transparent; float: none;}
.content-text-share a:hover i {background: transparent;}
.content-text-share span {height: 44px; font-size: 18px; line-height: 44px; padding: 0px 0px 0px 10px; letter-spacing: 2px; background: transparent; float: none;}
.content-text-share a:hover span {background: transparent;}



.web-content-gallery-images {column-gap: 10px;}
.web-content-gallery-image {margin: 0px 0px 5px;}



.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: 20px auto 10px; }
.web-content-gallery-video iframe {width: 100%; height: 48vw !important;}

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






.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 , .content-locations:after {display: none; visibility: hidden;}
.content-locations-title {padding-top: 10px; padding-left: 5px; padding-right: 15px; line-height: 22px;}
.content-locations-items ul li a {font-size: 11px; padding: 0px 8px 0px 5px;}
.content-locations-items ul li a i {font-size: 4px; margin-top: 9px; margin-right: 6px; letter-spacing: 0.5px;}








/* SVADBA */
.svadba-side {width: 100%; height: 85vw; left: 0px; position: relative; background: rgb(255, 255, 255);}

.svadba-side-in {width: 100vw; height: auto; top: -15px; left: -100%; right: -100%; bottom: 0px; background: rgb(63, 52, 60); margin: auto; position: absolute; overflow: hidden;}
.svadba-side-in-img {width: 100%; height: 100%;}
.svadba-side-in-img img {width: 100%; height: 100%; opacity: 0.9; object-fit: cover; object-position: center;}
.svadba-side-in-logo {display: none; visibility: hidden;}

.svadba-side-empty {height: 40vw;}

.svadba-side-page-title {width: 55vw; top: -28vw; right: auto; left: 0px; position: absolute; z-index: 3;}
.svadba-side-page-title-in {min-height: 20vw; padding: 2vw 15% 2vw 5%;}
.svadba-side-page-title-in h2 {font-size: 8vw !important; margin: 0px !important; line-height: 9vw !important; letter-spacing: 0.6vw !important;}
.svadba-side-page-title-in i {width: 14vw; height: 14vw; font-size: 13vw; line-height: 14vw; right: -7vw;}

.content-text-short {width: 84%; padding: 15px 8%; margin: -33px auto 20px; background: rgb(232, 232, 232); border-top: 6px solid rgb(255, 165, 0);}
.content-text-short-in {font-size: 15px; line-height: 24px; min-height: auto; letter-spacing: 0.7px;}
.content-text-short:before {display: none; visibility: hidden;}





/* TEAM */
.klub-item {width: 100%; margin-top: 12vw;}
.klub-item-img {width: 23vw; height: 23vw; top: -7vw; right: -1vw; border-right: 1vw solid rgb(255, 165, 0); border-bottom: 1vw solid rgb(255, 165, 0);}
.klub-item-data {width: 100%;}
.klub-item-data-icon {width: 14vw; height: 14vw;}
.klub-item-data-icon i {width: 14vw; height: 14vw; font-size: 9vw; line-height: 14vw;}
.klub-item-data-title {font-size: 6.2vw; padding: 1.8vw 0px 0px 16vw; letter-spacing: 0px;}
.klub-item-data-subtitle {font-size: 3vw; padding: 0px 0px 0px 16vw; letter-spacing: 0px;}
.klub-item-data-text {width: 100%; padding-top: 5vw; line-height: 22px;}




/* REFERENCIA */
.content-text-short-in-referencia {font-size: 20px; line-height: 30px;}


.referencia-top-content-download {width: 83%; height: 54px; padding-left: 17%; font-size: 16px; line-height: 54px; letter-spacing: 0.5px; float: none;}
.referencia-top-content-download i {width: 17%; font-size: 28px; left: 0px; top: 2px;}
.referencia-top-content-download b {padding: 0px 2px;}
.referencia-top-content-download span {font-size: 15px; padding-right: 10px;}


.referencia-top-content-datum {width: 81%; height: 54px; padding-left: 17%; padding-right: 2%; margin-top: 15px; letter-spacing: 2px; float: none; text-align: right;}
.referencia-top-content-datum i {width: 17%; font-size: 30px; left: 0px;}
.referencia-top-content-datum span {color: rgb(85, 85, 85); padding: 0px 1px;}











/* KALENDAR */
.fc-toolbar.fc-header-toolbar {padding: 5px 5px 5px 8px;}
.fc .fc-toolbar-title {font-size: 15px !important; margin: 0px !important; line-height: 15px !important; letter-spacing: 1px !important;}
.fc-direction-ltr .fc-toolbar > * > :not(:first-child) {margin-left: 5px;}
.fc-view-harness {height: auto !important; min-height: 90vw !important;}
.fc .fc-daygrid-day-number {font-size: 13px;}
.fc-daygrid-block-event .fc-event-time, .fc-daygrid-block-event .fc-event-title {font-size: 9px; padding: 0px 0px;}

.rezervacia-hint {font-size: 12px; line-height: 16px; letter-spacing: 0.4px;}
.rezervacia-hint i {font-size: 15px; padding-bottom: 20px; float: left;}
.rezervacia-title {padding: 15px 3%;}
.rezervacia-title h3 {font-size: 14px !important; line-height: 17px; letter-spacing: 1px;}
.rezervacia-title i {font-size: 31px;}
.rezervacia-form {padding: 6%;}
.rezervacia-input {width: 100%; margin: 0px 0px 16px 0px;}
.rezervacia-input input {width: 79%; padding: 4% 5% 4% 16%; font-size: 15px;}
.rezervacia-text {margin: 0px 0% 16px;}
.rezervacia-text textarea {width: 94%; font-size: 15px; min-height: 100px; letter-spacing: 0.2px; padding: 2% 3% 1%;}
.rezervacia-recaptcha {width: 100%;}
.rezervacia-btn {width: 100%; margin: 15px 0% 0px;}









/* FORMULAR */
.service-layout-formular:before {left: -1%; top: -1%; right: -1%; bottom: -1%;}
.service-layout-formular {width: 94%; padding: 4% 2% 2%; margin: 35px auto 10px; float: none;}
.service-layout-formular-title span {font-size: 4.5vw; line-height: 5vw; letter-spacing: 0.2vw;}
.service-layout-formular-title i {font-size: 10vw;}
.service-layout-formular-hint {font-size: 11px; line-height: 13px; margin-bottom: 10px;}
.service-layout-formular-item {width: 49%;}
.service-layout-formular-item:nth-child(2n) {margin-right: 0%;}
.service-layout-formular-item:nth-child(3n) {margin-right: 2%;}
.service-layout-formular-item i {left: 4%;}
.service-layout-formular-item input {width: 84%; padding: 9px 0% 10px 16%; font-size: 11px;}
.service-layout-formular-item-text textarea {font-size: 13px; min-height: 70px;}
.service-layout-formular-item-chceck label {font-size: 11px; letter-spacing: 0px;}
.service-layout-formular-item-button button {font-size: 14px; width: 50%;}







.cookies_info {width: 94%; padding: 20px 3% 20px;}
.cookies_info_in {width: 100%; padding: 0px;}
.cookies_info_text {padding-left: 0px;}
.cookies_info_text_info {font-size: 11px;line-height: 16px;font-weight: 300; letter-spacing: 0.5px;}
.cookies_info_text_btn {padding-top: 50px;}
.cookies_info_icon {height: 70px; line-height: 70px; top: auto; bottom: 0px;}
.cookies_info_icon i {font-size: 70px; line-height: 70px;}




/* FOOTER */
.web-down-out {width: 100%; margin-top: 0px;}
.web-down {width: 92%; padding: 300px 0px 0px;}

.footer-logo {left: 0px; right: 0px; top: 40px; bottom: auto; margin: auto;}


.web-down-form {width: 85%; min-height: auto; margin: 0px auto 30px; float: none;}



.web-down-form-menu {width: 100%; text-align: center;}
.web-down-form-menu .fejko {display: none; visibility: hidden;}

.web-down-form-menu-item {width: 30%; height: 46px; display: inline-block; float: none;}
.web-down-form-menu-item a {font-size: 20px; line-height: 46px;}




.web-down-social {padding: 0px 0px 40px;}
.web-down-social div {margin: 0px 8px;}




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



#to-top {font-size: 20px; padding: 2px 9px 1px 9px; right: 5px; bottom: 5px;}



#pop-box {width: 95% !important; min-width: auto !important; font-size: 15px;}
#pop-box:before {top: -45px; right: -0px;}
#pop-box div {padding: 15px;}


}