@font-face {font-family: Montserrat;src: url(fonts/Montserrat-VariableFont_wght.ttf);}@font-face {font-family: Milonga;src: url(fonts/Milonga-Regular.ttf);}@font-face {font-family: Mingzat;src: url(fonts/Mingzat-Regular.ttf);}@font-face {font-family: Metrophobic;src: url(fonts/Metrophobic-Regular.ttf);}body {touch-action: pan-y;background-color: black;}h1{font-size: 2.8rem;font-weight: 400;text-decoration: none;}h2{font-size: 1.8rem;font-weight: 400;text-decoration: none;}p{font-size: 1.5rem;font-family: Milogna;text-decoration: none;}html {overflow-x: hidden;}body {margin: 0;padding: 0;text-decoration: none;color: white;}nav {transition: 0.5s;width: 100vw;height: 11.5rem;background: rgba(0, 0, 0, 0.4);top: 0;left: 0;z-index: 90;display: flex;justify-content: center;align-items: center;box-sizing: border-box;position: fixed;}#nav{z-index: 95;}#nav-strom{width: auto;height: 148px;transition: height 0.5s;}#nav.scrolled #nav-strom {height: 100px;}div.container {display: flex;justify-content: center;align-items: center;width: 100%;margin: 0;padding-right: 6rem;text-align: center;transition: 1s;}div.container a {color: white;text-decoration: none;font-family: Montserrat ;font-weight: 400;font-size: 1.25rem;padding: 10px 2rem;position: relative;z-index: 0;cursor: pointer;transition: 1s;}div.topBotomBordersOut a:hover:before, div.topBotomBordersOut a:hover:after {opacity: 1;transform: translateY(0px);}#nav-stromZ:hover:before, #nav-stromZ:hover:after {opacity: 0;transform: none;}div.topBotomBordersOut a:before, div.topBotomBordersOut a:after {position: absolute;left: 0px;width: 100%;height: 2px;background: #A67B5B;content: "";opacity: 0;transition: all 0.3s;box-shadow: 0 0 0 0.5px #A67B5B;}div.topBotomBordersOut a:before {top: 0px;transform: translateY(10px);}div.topBotomBordersOut a:after {bottom: 0px;transform: translateY(-10px);}div.topBotomBordersOut a:hover:before, div.topBotomBordersOut a:hover:after {opacity: 1;transform: translateY(0px);}#nav.scrolled {transition: 0.5s;height: 7rem;background: rgba(0, 0, 0, 0.5) }.burger {width: 80px;height: 80px;position: fixed;top: 20px;right: 20px;border-radius: 4px;z-index: 99;}.burger span {position: relative;margin-top: 11px;margin-bottom: 11px;user-select: none;position: absolute;top: 50%;left: 50%;margin-left: -15px;margin-top: -1.5px;}.burger span, .burger span::before, .burger span::after {display: block;width: 40px;height: 5px;background-color: #A67B5B ;outline: 1px solid transparent;-webkit-transition-property: background-color, -webkit-transform;-moz-transition-property: background-color, -moz-transform;-o-transition-property: background-color, -o-transform;transition-property: background-color, transform;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;}.burger span::before, .burger span::after {position: absolute;content: "";}.burger span::before {top: -9px;}.burger span::after {top: 9px;}.burger.clicked span {background-color: transparent;}.burger.clicked span::before {-webkit-transform: translateY(9px) rotate(45deg);-moz-transform: translateY(9px) rotate(45deg);-ms-transform: translateY(9px) rotate(45deg);-o-transform: translateY(9px) rotate(45deg);transform: translateY(9px) rotate(45deg);}.burger.clicked span::after {-webkit-transform: translateY(-9px) rotate(-45deg);-moz-transform: translateY(-9px) rotate(-45deg);-ms-transform: translateY(-9px) rotate(-45deg);-o-transform: translateY(-9px) rotate(-45deg);transform: translateY(-9px) rotate(-45deg);}.burger.clicked span:before, .burger.clicked span:after {background-color: #ffffff;}.burger:hover {cursor: pointer;}#nav_b {background-color: #2a2a2a;position: fixed;z-index: 98;top: 0;right: 0;height: 100%;max-width: 515px;width: 100%;padding-top: 50px;padding-left: 50px;overflow-y: auto;transform: translateX(300%);-webkit-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);-moz-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);-o-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);}#nav_b.show {-webkit-transform: translateX(0px);-moz-transform: translateX(0px);-ms-transform: translateX(0px);-o-transform: translateX(0px);transform: translateX(0px);}#nav_b.show ul.b li {-webkit-transform: translateX(0px);-moz-transform: translateX(0px);-ms-transform: translateX(0px);-o-transform: translateX(0px);transform: translateX(0px);opacity: 1;}#nav_b.show ul.b li:nth-child(1) {transition-delay: 0.15s;}#nav_b.show ul.b li:nth-child(2) {transition-delay: 0.3s;}#nav_b.show ul.b li:nth-child(3) {transition-delay: 0.45s;}#nav_b.show ul.b li:nth-child(4) {transition-delay: 0.6s;}#nav_b.show ul.b li:nth-child(5) {transition-delay: 0.75s;}#nav_b.show ul.b li:nth-child(6) {transition-delay: 0.9s;}#nav_b.show ul.b li:nth-child(7) {transition-delay: 1.05s;}#nav_b.show ul.b li:nth-child(8) {transition-delay: 1.2s;}#nav_b.show ul.b li:nth-child(9) {transition-delay: 1.35s;}#nav_b.show .about, #nav_b.show .social, #nav_b.show ul.sub {-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-ms-transform: translateY(0px);-o-transform: translateY(0px);transform: translateY(0px);opacity: 1;transition-delay: 0.85s;}@media (min-width: 667px) {#nav_b {padding: 120px 90px 70px 90px;}}#nav_b ul.b {list-style-type: none;}#nav_b ul.b li {margin-bottom: 20px;-webkit-transform: translateX(40px);-moz-transform: translateX(40px);-ms-transform: translateX(40px);-o-transform: translateX(40px);transform: translateX(40px);opacity: 0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}#nav_b ul.b li:last-of-type {margin-bottom: 0px;}#nav_b ul.b li a {color: #ffffff;font-family: Montserrat;text-decoration: none;text-transform: uppercase;font-size: 1.5rem;display: block;letter-spacing: 5px;font-weight: 600;padding: 10px 0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}#nav_b ul.b li a:hover {color: #A67B5B;}.overlay {position: fixed;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;background-color: #A67B5B;opacity: 0;visibility: hidden;}.overlay.show {opacity: 0.8;visibility: visible;}@media only screen and (min-width: 769px) and (max-width: 1024px) {#nav {height: 7rem;}}@media screen and (max-width: 1667px){.container {position: relative;left: 3%;transition: 1s;}}.burger {display: none;}#nav_b {display: none;}@media only screen and (max-width: 1420px) {h1{font-size: 2.3rem;}h2{font-size: 1.5rem;}p{font-size: 1.2rem;}.burger {display: block;height: 40px;}.container a{display: none;}#nav{height: 7rem;}#nav.scrolled{height: 5rem;}#nav_b {display: block;}}@media only screen and (max-width: 1200px) {.burger{height: 40px;}#nav{height: 5rem;}#nav.scrolled{height: 3.8rem;}.burger {display: block;height: 20px;}}@media only screen and (max-width: 1025px) {nav{height: 5rem;}}#G-sec{height:110vh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-image:url(assets/galerie.webp);background-size: cover;background-repeat: no-repeat;background-position: center;margin-top:-1.2rem }#G-header{text-align:center;margin-bottom:3rem;margin-top:3rem }#G-clicks{display:grid;grid-template-columns:repeat(2,1fr);justify-items:center;align-items:center;grid-gap:3rem;text-decoration: none;}.G-click{cursor:pointer;display:flex;justify-content:center;align-items:center;width:27rem;height:27rem;border-radius:6.25rem;box-shadow:10px 4px 4px 0 rgba(0,0,0,0.25);font-size:2.5rem;transition:1s;font-family:Milonga;border:4px solid #2C5F2D;text-decoration: none;color: white;}.G-click:nth-child(1){background:linear-gradient(0deg,rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.4) 100%),url(assets/int.webp) lightgray 50%/cover no-repeat }.G-click:nth-child(2){background:linear-gradient(0deg,rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.4) 100%),url(assets/ext.webp) lightgray 50%/cover no-repeat }.G-click:hover{transform:scale(1.1);color:#4abb4c }@media (max-width:945px){#G-header h1{font-size:2rem }.G-click{height:20rem;width:20rem;font-size:2rem }}@media (max-width:728px){#G-header h1{font-size:1.5rem }.G-click{height:13rem;width:13rem;font-size:1.5rem }#G-clicks{grid-gap:2rem }}@media (max-width:500px){#G-sec{background-image: url(assets/galerie2.webp);background-size: cover;background-repeat: no-repeat;background-position: center;background-size: cover;background-position: center;background-repeat: no-repeat;height: 110vh;display: flex;justify-content: center;align-items: center;color: white;}}@media (max-width:480px){.G-click{height:11rem;width:11rem }#G-clicks{grid-gap:0 }}#G-sec-ex{background-image:url(assets/exterier-foto.webp);background-size: cover;background-repeat: no-repeat;background-position: center;width:auto;height:96vh;margin-top:-1.2rem;font-family:Milonga;display:flex;justify-content:center;align-items:center }#G-sec-int{background-image:url(assets/interier-foto.webp);background-size: cover;background-repeat: no-repeat;background-position: center;width:auto;height:96vh;margin-top:-1.2rem;font-family:Milonga;display:flex;justify-content:center;align-items:center }#G-sec-ex h1{text-align:center }@keyframes pulse{0%{transform:translateX(-50%) scale(1) }50%{transform:translateX(-50%) scale(1.1) }100%{transform:translateX(-50%) scale(1) }}#sipka{position:absolute;bottom:3rem;left:50%;transform:translateX(-50%);display:flex;justify-content:center;align-items:center;width:auto;animation:pulse 2s infinite;margin-bottom:5rem }#target{margin-top:100vh;height:500px;background-color:lightblue;text-align:center;line-height:500px }#G-sec-ex-foto{background-image:url(assets/galerie-exterier-pozadi.webp);background-size: cover;background-repeat: no-repeat;background-position: center;height:auto }#G-sec-int-foto{background-image:url(assets/galerie-interier-pozadi.webp);background-size: cover;background-repeat: no-repeat;background-position: center;height:auto }.grid-container{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:20px;padding-left:10rem;padding-right:10rem }.grid-item{position:relative;border:3px solid #2C5F2D;overflow:hidden;height:20rem }.grid-item img{width:100%;height:100%;object-fit:cover;display:block;cursor:pointer }@media (max-width:1024px){.grid-container{grid-template-columns:repeat(2,1fr);padding-left:5rem;padding-right:5rem }#G-sec-ex-foto,#G-sec-int-foto{height:auto }}@media (max-width:768px){.grid-container{grid-template-columns:repeat(1,1fr);padding-left:2rem;padding-right:2rem;gap:15px }.grid-item{height:15rem }}@media (max-width:480px){.grid-container{padding-left:1rem;padding-right:1rem;gap:10px }.grid-item{height:12rem }}.lightbox{z-index:100;display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7) }.lightbox-img{width:100%;height:100%;object-fit:contain }.lightbox-close{position:absolute;top:10px;right:10px;font-size:6vw;color:white;cursor:pointer }.lightbox-prev,.lightbox-next{position:absolute;top:50%;font-size:5vw;cursor:pointer;color:white;user-select:none }.lightbox-prev{left:5vw }.lightbox-next{right:5vw }.login-data{border-radius:50px }@media (max-width:768px){.lightbox-close,.lightbox-prev,.lightbox-next{font-size:8vw }}@media (max-width:480px){.lightbox-close,.lightbox-prev,.lightbox-next{font-size:10vw }}#back-to-top {position: fixed;bottom: 20px;right: 20px;z-index: 1;opacity: 0;transition: opacity 0.5s;z-index: 99;}#back-to-top.show {opacity: 1;}#back-to-top img {width: 7rem;height: 7rem;transition: 0.5s;}#back-to-top:hover {cursor: pointer;}@media only screen and (max-width: 760px) {#back-to-top img{width: 4rem;height: 4rem;}}