/*-----------------------------------------------------------------------------------
Aurowe-tiny-house
About: A shiny new pt2design website.
Author: Petr Turok
Version: 1.0
Built with Blocs
-----------------------------------------------------------------------------------*/
body{
margin:0;
padding:0;
background:#FFFFFF;
overflow-x:hidden;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.page-container{overflow: hidden;} /* Prevents unwanted scroll space when scroll FX used. */
a,button{transition: background .3s ease-in-out;outline: none!important;} /* Prevent blue selection glow on Chrome and Safari */
a:hover{text-decoration: none; cursor:pointer;}
.scroll-fx-lock-init{position:fixed!important;top: 0;bottom: 0;left: 0;right: 0;z-index:99999;} /* ScrollFX Lock */
.blocs-grid-container{display: grid!important;grid-template-columns: 1fr 1fr;grid-template-rows: auto auto;column-gap: 1.5rem;row-gap: 1.5rem;} /* CSS Grid */
/* Preloader */
.page-preloader{position: fixed;top: 0;bottom: 0;width: 100%;z-index:100000;background:#FFFFFF url("img/pageload-spinner.gif") no-repeat center center;animation-name: preloader-fade;animation-delay: 2s;animation-duration: 0.5s;animation-fill-mode: both;}
.preloader-complete{animation-delay:0.1s;}
@keyframes preloader-fade {0% {opacity: 1;visibility: visible;}100% {opacity: 0;visibility: hidden;}}
/* = Blocs
-------------------------------------------------------------- */
.bloc{
width:100%;
clear:both;
background: 50% 50% no-repeat;
padding:0 20px;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position:relative;
display:flex;
}
.bloc .container{
padding-left:0;
padding-right:0;
position:relative;
}
/* Sizes */
.bloc-md{
padding:50px 20px;
}
.bloc-sm{
padding:20px;
}
/* = Full Screen Blocs
-------------------------------------------------------------- */
.bloc-fill-screen{
min-height:100vh;
display: flex;
flex-direction: column;
padding-top:20px;
padding-bottom:20px;
}
.bloc-fill-screen > .container{
align-self: flex-middle;
flex-grow: 1;
display: flex;
flex-wrap: wrap;
}
.bloc-fill-screen > .container > .row{
flex-grow: 1;
align-self: center;
width:100%;
}
.bloc-fill-screen .fill-bloc-top-edge, .bloc-fill-screen .fill-bloc-bottom-edge{
flex-grow: 0;
}
.bloc-fill-screen .fill-bloc-top-edge{
align-self: flex-start;
}
.bloc-fill-screen .fill-bloc-bottom-edge{
align-self: flex-end;
}
/* = Full Width Blocs
-------------------------------------------------------------- */
.full-width-bloc{
padding-left:0;
padding-right:0;
}
.full-width-bloc .row{
margin-left:0;
margin-right:0;
}
.full-width-bloc .container{
width:100%;
max-width:100%!important;
}
.full-width-bloc .carousel img{
width:100%;
height:auto;
}
/* Dark theme */
.d-bloc{
color:rgba(255,255,255,.7);
}
.d-bloc button:hover{
color:rgba(255,255,255,.9);
}
.d-bloc .icon-round,.d-bloc .icon-square,.d-bloc .icon-rounded,.d-bloc .icon-semi-rounded-a,.d-bloc .icon-semi-rounded-b{
border-color:rgba(255,255,255,.9);
}
.d-bloc .divider-h span{
border-color:rgba(255,255,255,.2);
}
.d-bloc .a-btn,.d-bloc .navbar a, .d-bloc a .icon-sm, .d-bloc a .icon-md, .d-bloc a .icon-lg, .d-bloc a .icon-xl, .d-bloc h1 a, .d-bloc h2 a, .d-bloc h3 a, .d-bloc h4 a, .d-bloc h5 a, .d-bloc h6 a, .d-bloc p a{
color:rgba(255,255,255,.6);
}
:where(.d-bloc) .bloc-link{
fill:rgba(255,255,255,.6);
}
.d-bloc .a-btn:hover,.d-bloc .navbar a:hover,.d-bloc a:hover .icon-sm, .d-bloc a:hover .icon-md, .d-bloc a:hover .icon-lg, .d-bloc a:hover .icon-xl, .d-bloc h1 a:hover, .d-bloc h2 a:hover, .d-bloc h3 a:hover, .d-bloc h4 a:hover, .d-bloc h5 a:hover, .d-bloc h6 a:hover, .d-bloc p a:hover{
color:rgba(255,255,255,1);
}
.d-bloc .navbar-toggle .icon-bar{
background:rgba(255,255,255,1);
}
.d-bloc .btn-wire,.d-bloc .btn-wire:hover{
color:rgba(255,255,255,1);
border-color:rgba(255,255,255,1);
}
.d-bloc .card{
color:rgba(0,0,0,.5);
}
.d-bloc .card button:hover{
color:rgba(0,0,0,.7);
}
.d-bloc .card icon{
border-color:rgba(0,0,0,.7);
}
.d-bloc .card .divider-h span{
border-color:rgba(0,0,0,.1);
}
.d-bloc .card .a-btn{
color:rgba(0,0,0,.6);
}
.d-bloc .card .a-btn:hover{
color:rgba(0,0,0,1);
}
.d-bloc .card .btn-wire, .d-bloc .card .btn-wire:hover{
color:rgba(0,0,0,.7);
border-color:rgba(0,0,0,.3);
}
/* Light theme */
.d-bloc .card,.l-bloc{
color:rgba(0,0,0,.5);
}
.d-bloc .card button:hover,.l-bloc button:hover{
color:rgba(0,0,0,.7);
}
.l-bloc .icon-round,.l-bloc .icon-square,.l-bloc .icon-rounded,.l-bloc .icon-semi-rounded-a,.l-bloc .icon-semi-rounded-b{
border-color:rgba(0,0,0,.7);
}
.d-bloc .card .divider-h span,.l-bloc .divider-h span{
border-color:rgba(0,0,0,.1);
}
.d-bloc .card .a-btn,.l-bloc .a-btn,.l-bloc .navbar a,.l-bloc a .icon-sm, .l-bloc a .icon-md, .l-bloc a .icon-lg, .l-bloc a .icon-xl, .l-bloc h1 a, .l-bloc h2 a, .l-bloc h3 a, .l-bloc h4 a, .l-bloc h5 a, .l-bloc h6 a, .l-bloc p a{
color:rgba(0,0,0,.6);
}
:where(.l-bloc) .bloc-link{
fill:rgba(0,0,0,.6);
}
.d-bloc .card .a-btn:hover,.l-bloc .a-btn:hover,.l-bloc .navbar a:hover, .l-bloc a:hover .icon-sm, .l-bloc a:hover .icon-md, .l-bloc a:hover .icon-lg, .l-bloc a:hover .icon-xl, .l-bloc h1 a:hover, .l-bloc h2 a:hover, .l-bloc h3 a:hover, .l-bloc h4 a:hover, .l-bloc h5 a:hover, .l-bloc h6 a:hover, .l-bloc p a:hover{
color:rgba(0,0,0,1);
}
.l-bloc .navbar-toggle .icon-bar{
color:rgba(0,0,0,.6);
}
.d-bloc .card .btn-wire,.d-bloc .card .btn-wire:hover,.l-bloc .btn-wire,.l-bloc .btn-wire:hover{
color:rgba(0,0,0,.7);
border-color:rgba(0,0,0,.3);
}
/* Correct Dropdown Links */
.d-bloc .dropdown-menu a, .l-bloc .dropdown-menu a,.d-bloc .dropdown-menu a:hover, .l-bloc .dropdown-menu a:hover{
color:var(--bs-nav-link-hover-color);
}
/* = NavBar
-------------------------------------------------------------- */
/* = Sticky Nav
-------------------------------------------------------------- */
.sticky-bloc.sticky,.sticky-nav.sticky{
position:fixed;
z-index:1000;
transition: all .2s ease-out;
}
.sticky-nav.sticky{
box-shadow: 0 1px 2px rgba(0,0,0,.3);
}
/* Navbar Icon */
.svg-menu-icon{
fill: none;
stroke: rgba(0,0,0,0.5);
stroke-width: 2px;
fill-rule: evenodd;
}
.navbar-dark .svg-menu-icon{
stroke: rgba(255,255,255,0.5);
}
.menu-icon-thin-bars{
stroke-width: 1px;
}
.menu-icon-thick-bars{
stroke-width: 5px;
}
.menu-icon-rounded-bars{
stroke-width: 3px;
stroke-linecap: round;
}
.menu-icon-filled{
fill: rgba(0,0,0,0.5);
stroke-width: 0px;
}
.navbar-dark .menu-icon-filled{
fill: rgba(255,255,255,0.5);
}
.navbar-toggler-icon{
background: none!important;
pointer-events: none;
width: 33px;
height: 33px;
}
/* Nav Special Classes */
.nav-special{
overflow-y:scroll;
}
.nav-special .site-navigation{
top:0;
left:0;
width:100%;
position: relative!important;
max-width: 100%!important;
z-index: 1000;
}
.nav-special .nav > li{
width:100%;
background: none!important;
border:0!important;
}
.nav-special.collapsing{
-webkit-transition: none;
transition: none;
height:100%!important;
background: none!important;
}
.nav-special .navbar-nav .dropdown-menu.show{
position: relative!important;
transform: none!important;
float: none;
width: 100%;
margin-top: 0;
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
border: 0;
}
.nav-special .nav .dropdown-menu .nav-link{
color:#FFF;
}
.blocsapp-special-menu{
position: absolute;
z-index:10000;
}
.nav-special.fullscreen-nav .caret,.nav-special.fullscreen-nav .dropdown-menu .dropdown .caret{
border-width: 8px;
}
.nav-special .navbar-nav .show>.nav-link{
color:#FFF;
}
/* Animate Menu Symbol */
.navbar-toggle{
transition: all .1s linear;
}
.selected-nav{
opacity: 0;
transform: scale(0.3);
transition: all .1s linear;
}
/* Special Menu Close Button */
.close-special-menu{
position: absolute;
display: block;
width: 25px;
height:25px;
top:16px;
right:10px;
z-index: 10000;
}
.nav-invert .sidebar-nav .close-special-menu{
left:260px;
}
.close-special-menu .close-icon{
display: block;
width:100%;
height:1px;
transform: rotate(45deg);
margin-top:12px;
}
.close-special-menu .close-icon:after{
content:"";
display:inherit;
width:inherit;
height:inherit;
background: inherit;
transform: rotate(90deg);
}
.lock-scroll{
overflow:hidden;
transition: background .3s linear;
}
.nav-special::-webkit-scrollbar{
-webkit-appearance: none;
width:0;
height:0;
}
.nav-special .dropdown-menu .dropdown .caret{
border-top-color: rgba(255,255,255,.8);
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: transparent;
margin: 0 0 0 5px;
float: none;
}
.blocsapp-special-menu .site-navigation.pull-right{
float:none!important;
}
/* Nav Special Close Button */
.close-special-menu .close-icon{
background:#fff;
}
.blocsapp-special-menu blocsnav{
background: #000;
}
/* Side Bar Navigation */
.nav-special.sidebar-nav{
position: fixed;
right: -300px;
top: 0;
bottom: 0;
width: 300px;
z-index: 1000;
transition: all .2s linear;
}
.nav-invert .nav-special.sidebar-nav{
right: auto;
left: -300px;
}
.nav-special.sidebar-nav .site-navigation{
margin-top:15px;
padding-left:15px;
}
.nav-special.sidebar-nav .nav > li a{
color:rgba(255,255,255,.8);
}
.nav-special.sidebar-nav .nav > li a:hover{
color:#FFF;
}
.open.nav-special.sidebar-nav{
right: 0;
transition: all .2s linear;
}
.nav-invert .open.nav-special.sidebar-nav{
left: 0;
transition: all .2s linear;
}
.navbar-toggler:focus{
box-shadow:none;
}
;
/* Content Tint */
.content-tint{
z-index: -1;
transition: background .2s linear;
}
.content-tint.on{
display: block;
position: fixed;
right: 0;
top: 0;
bottom: 0;
width: 100%;
background: transparent;
z-index: 1001;
background:rgba(0,0,0,.4);
}
.content-tint.on:hover{
background:rgba(0,0,0,.1);
}
.navbar-toggle.menu-icon-rounded-bars{
margin-top:7px!important;
}
/* Handle Multi Level Navigation */
.dropdown-menu .dropdown-menu{
border:none}
@media (min-width:576px){
.navbar-expand-sm .dropdown-menu .dropdown-menu{
border:1px solid rgba(0,0,0,.15);
position:absolute;
left:100%;
top:-7px}.navbar-expand-sm .dropdown-menu .submenu-left{
right:100%;
left:auto}}@media (min-width:768px){
.navbar-expand-md .dropdown-menu .dropdown-menu{
border:1px solid rgba(0,0,0,.15);
border:1px solid rgba(0,0,0,.15);
position:absolute;
left:100%;
top:-7px}.navbar-expand-md .dropdown-menu .submenu-left{
right:100%;
left:auto}}@media (min-width:992px){
.navbar-expand-lg .dropdown-menu .dropdown-menu{
border:1px solid rgba(0,0,0,.15);
position:absolute;
left:100%;
top:-7px}.navbar-expand-lg .dropdown-menu .submenu-left{
right:100%;
left:auto}
}
/* = Open menus on hover
-------------------------------------------------------------- */
@media (min-width: 992px){
.hover-open-submenu li:hover > .dropdown > .dropdown-menu, .hover-open-submenu .dropdown-menu > li:hover .dropdown-menu{
display: block;
}
.hover-open-submenu li .dropdown .dropdown-menu{
margin-top:0;
}
}
/* = Buttons
-------------------------------------------------------------- */
.btn-d,.btn-d:hover,.btn-d:focus{
color:#FFF;
fill:#FFF;
background:rgba(0,0,0,.3);
}
.btn-rd{
border-radius: 40px;
}
.a-block{
width:100%;
text-align:left;
display: inline-block;
}
.text-center .a-block{
text-align:center;
}
/* = Icons
-------------------------------------------------------------- */
blocsicon{
display:inline-block;
width:100%;
}
blocsicon svg {
width: 100%;
height: auto;
display: block;
}
/* Rounded Image */
.img-rd-md{
border-radius:20px;
}
.img-rd-lg{
border-radius:34px;
}
.card-sq, .card-sq .card-header, .card-sq .card-footer{
border-radius:0;
}
.card-rd{
border-radius:30px;
}
.card-rd .card-header{
border-radius:29px 29px 0 0;
}
.card-rd .card-footer{
border-radius:0 0 29px 29px;
}
/* = Masonary
-------------------------------------------------------------- */
.card-columns .card {
margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
.card-columns {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 1.25rem;
-moz-column-gap: 1.25rem;
column-gap: 1.25rem;
orphans: 1;
widows: 1;
}
.card-columns .card {
display: inline-block;
width: 100%;
}
}
/* = Classic Dividers
-------------------------------------------------------------- */
.divider-h{
min-height: 1px;
background-color:rgba(0,0,0,.2);
margin: 20px 0;
}
.divider-half{
width: 50%;
}
.dropdown-menu .divider-h{
margin:0;
}
.carousel-nav-controls svg{
transform:scale(0.8);
transition:transform .30s ease,background .50s ease;
}
.carousel-nav-controls:hover svg{
transform:scale(1.0);
}
.carousel-nav-controls:active svg{
transform:scale(0.9);
}
.carousel-caption{
left:6%;
right:6%;
}
.carousel-item:not(:has(> img, > picture)) .carousel-caption {
position: relative;
transform: none;
width: 80%;
left:10%;
right:10%;
top:0;
bottom:0;
padding-top: 0;
margin-bottom: 20px;
z-index:0;
color: #000000;
}
.carousel-nav-icon{
fill: none;
stroke: #fff;
stroke-width: 3px;
fill-rule: evenodd;
stroke-linecap:round;
}
.carousel-nav-circle-btn-compact svg{
background: rgba(255,255,255,0.20);
border-radius: 100%;
cursor: pointer;
width:30px;
height:30px;
padding:6px 6px 6px 4px;
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
transition: opacity .50s ease,transform .50s ease;
}
.carousel-nav-circle-btn-compact.carousel-control-next svg{
padding: 6px 4px 6px;
}
[data-bs-theme="dark"] .carousel-nav-circle-btn > svg, [data-bs-theme="dark"] .carousel-nav-circle-btn-compact svg, [data-bs-theme="dark"] .carousel-nav-rounded-btn > svg,[data-bs-theme="dark"] .carousel-nav-rounded-btn-compact svg{
background: rgba(0,0,0,0.10);
}
.hide-indicators{
display:none;
}
.carousel-indicators li::marker{
font-size:0;
}
/* Cinematic */
.carousel-cinematic .carousel-item {
transform:none;
}
.carousel-cinematic .carousel-item > img,.carousel-cinematic .carousel-item:not(:has(> img, > picture)){
transform:scale(1);
}
html.page-motion-ready .carousel-cinematic .carousel-item.active > img, html.page-motion-ready .carousel-cinematic .carousel-item-next.carousel-item-start > img{
transform:scale(1.5);
transition:transform 30s;
}
html.page-motion-ready .carousel-cinematic .carousel-item.active:not(:has(> img)){
transform:scale(1.1);
opacity:1;
transition:opacity 1s, transform 10s;
}
html.page-motion-ready .carousel-cinematic .carousel-item-next.carousel-item-start:not(:has(> img)),html.page-motion-ready .carousel-cinematic .carousel-item-prev.carousel-item-end:not(:has(> img)){
opacity:0;
}
.carousel-cinematic .active.carousel-item-start, .carousel-cinematic .active.carousel-item-end, html.page-motion-ready .carousel-cinematic .active.carousel-item-start:not(:has(> img)){
z-index:1;
opacity:0;
transition:all 1s ease 0.1s;
}
.carousel-cinematic .carousel-item-next > img,.carousel-cinematic .carousel-item-prev > img,.carousel-cinematic .carousel-item.active > img{
will-change: transform;
}
.carousel-cinematic:not(:has(.carousel-item > img)) .carousel-inner {
overflow: visible;
}
@media (prefers-reduced-motion:reduce) {
.carousel-color-fade .carousel-item, .carousel-blur .carousel-item, .carousel-vertical .carousel-item, .carousel-zoom, .carousel-zoom-max .carousel-item, .carousel-pull-down .carousel-item,.carousel-pull-up .carousel-item,.carousel-pull-left .carousel-item,.carousel-pull-right .carousel-item{
transition:none!important;
}
html.page-motion-ready .carousel-cinematic .carousel-item.active img{
transition:none;
}
}
/* Progress Bars */
.carousel-progress-bar{
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 6px;
background: rgba(255,255,255,.25);
overflow: hidden;
z-index: 5;
pointer-events: none;
}
.carousel-progress-bar-pill,.carousel-progress-bar-zigzag,.carousel-progress-bar-waves,.carousel-progress-bar-points,.carousel-progress-bar-slant,.carousel-progress-bar-lines,.carousel-progress-bar-square-wave{
left: 50%;
transform: translateX(-50%);
bottom: 10px;
border-radius: 6px;
width:100px;
}
.carousel-progress-bar-zigzag,.carousel-progress-bar-waves,.carousel-progress-bar-points,.carousel-progress-bar-slant,.carousel-progress-bar-lines,.carousel-progress-bar-square-wave{
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
height:10px;
width:110px;
}
.carousel-progress-bar-fill{
display: block;
height: 100%;
width: 0%;
background: #FFFFFF;
transform: translateZ(0);
}
.carousel-progress-bar-minimal .carousel-progress-bar-fill{
background: rgba(255,255,255,.8);
}
[data-bs-theme="dark"] .carousel-progress-bar{
background: #000000;
}
[data-bs-theme="dark"] .carousel-progress-bar-minimal .carousel-progress-bar{
background: rgba(0,0,0,.8);
}
.carousel-progress-bar-lines{
-webkit-mask-image:url('data:image/svg+xml,');
mask-image:url('data:image/svg+xml,');
}
/* ScrollToTop button */
.scrollToTop{
width:36px;
height:36px;
padding:5px;
position:fixed;
bottom:1rem;
right:1rem;
opacity:0;
z-index:999999;
transition: all .3s ease-in-out;
pointer-events:none;
}
.showScrollTop{
opacity: 1;
pointer-events:all;
}
.scroll-to-top-btn-icon{
fill: none;
stroke: #fff;
stroke-width: 2px;
fill-rule: evenodd;
stroke-linecap:round;
}
/* = Lightbox
-------------------------------------------------------------- */
a[data-lightbox] {
display: grid;
text-decoration: none;
}
a[data-lightbox]::before,a[data-lightbox] > img,a[data-lightbox] > picture {
grid-area: 1 / 1;
}
a[data-lightbox]::before{
content: "+";
font-family: Helvetica, Arial;
color:#FFF;
font-size:32px;
font-weight:100;
line-height: 0px;
display: grid;
place-items: center;
width: 50px;
height: 50px;
padding-bottom:5px;
background: rgba(0,0,0,.5);
backdrop-filter:blur(5px);
-webkit-backdrop-filter:blur(5px);
border-radius: 50%;
justify-self: center;
align-self: center;
pointer-events: none;
transform:scale(0.6);
opacity: 0;
z-index: 1;
transition: all .2s ease-in-out;
}
a[data-lightbox]:hover::before {
opacity: 1;
transform:scale(1);
transition: all .2s ease-in-out;
}
a[data-lightbox]:hover img{
opacity: 0.8;
transition: all .2s ease-in-out;
-webkit-animation-fill-mode: none;
animation-fill-mode:none;
}
.lightbox-caption{
padding: 20px;
color: #FFF;
background: rgba(0,0,0,.5);
position: absolute;
left: 16px;
right: 16px;
bottom: 0px;
}
.close-lightbox:hover,.next-lightbox:hover, .prev-lightbox:hover{
background:rgba(0,0,0,.5);
}
.next-lightbox, .prev-lightbox,.close-lightbox{
position: absolute;
padding:6px;
background:rgba(0,0,0,.3);
line-height:0;
transition: background .2s ease-in-out;
border-radius:.25rem;
border:none;
z-index:20;
}
.next-lightbox, .prev-lightbox{
top:45%;
}
.close-lightbox{
top:20px;
right:20px;
}
.next-lightbox{
right:25px;
}
.prev-lightbox{
left:25px;
}
.lightbox-prev-icon,.lightbox-next-icon,.lightbox-close-icon{
fill:none;
stroke: #fff;
stroke-width: 3px;
fill-rule: evenodd;
stroke-linecap:round;
}
.lightbox-close-svg{
pointer-events:none;
}
/* Form Protection */
.blocsapp-meta-field{
position:absolute;
left:-9999px;
width:1px;
height:1px;
overflow:hidden;
}
/* = Custom Styling
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6,p,label,.btn,a{
font-family:"Helvetica";
}
.container{
max-width:1140px;
}
.h1-style{
font-size:50px;
font-family:"Helvetica";
letter-spacing:1px;
font-weight:bold;
margin-top:477px;
}
.h2-style{
font-family:"Helvetica";
font-weight:normal;
font-size:50px;
text-transform:uppercase;
}
.h3-style{
font-size:20px;
font-family:"Helvetica";
}
.white-button{
background-color:var(--swatch-var-1830);
font-family:"Helvetica";
color:var(--swatch-var-7343)!important;
}
.svg-icon-style{
width:30px!important;
height:40px!important;
fill:var(--swatch-var-6797)!important;
}
.navbar-brand img{
width:180px;
}
.svg-icon-bloc-1-style{
width:40px!important;
height:40px!important;
fill:var(--swatch-var-6797)!important;
}
.card-white{
background-color:var(--swatch-var-1830);
padding:15px 15px 15px 15px;
border-radius:20px 20px 20px 20px;
background:linear-gradient(0deg, #EBE9E4 0%, #FFFFFF 100%);
border-style:solid;
border-width:1px 1px 1px 1px;
border-color:var(--swatch-var-7268)!important;
}
.h3-number{
font-family:Helvetica;
font-size:60px;
}
.p-style{
font-size:18px;
letter-spacing:1px;
}
.footer-link{
text-decoration:none;
}
.procent{
font-family:"Helvetica";
font-size:40px;
}
.text-span-color{
color:var(--swatch-var-6797)!important;
}
.big-number{
font-size:100px;
}
.subheadline{
font-family:"Helvetica";
letter-spacing:1px;
}
.box{
background-color:var(--swatch-var-6797);
padding-top:5px;
padding-bottom:5px;
}
.p-32-style{
font-size:50px;
margin-bottom:-15px;
}
.p-31-style{
font-size:20px;
}
.white-button:hover{
font-family:"Helvetica";
background-color:var(--swatch-var-7343);
color:var(--swatch-var-1830)!important;
fill:var(--swatch-var-1830);
}
.grid-style{
row-gap:10px;
}
.vertical-divider{
border-style:solid;
border-color:var(--swatch-var-4881)!important;
border-width:0px 1px 0px 0px;
}
.svg-icon-bloc-6-style{
width:30px!important;
height:30px!important;
fill:var(--swatch-var-6797)!important;
}
.grid-0-style{
column-gap:0px;
grid-template-columns:1fr 1fr;
row-gap:0px;
}
.svg-icon-0-style{
width:30px!important;
height:30px!important;
fill:var(--swatch-var-6797)!important;
}
.grid{
border-color:var(--swatch-var-4881)!important;
border-style:solid;
border-width:0px 1px 1px 0px;
}
.grid-2{
border-color:var(--swatch-var-4881)!important;
border-style:solid;
border-width:0px 0px 1px 0px;
}
.grid-3{
border-color:var(--swatch-var-4881)!important;
border-style:solid;
border-width:0px 1px 0px 0px;
}
.grid-4{
border-color:var(--swatch-var-4881)!important;
border-style:solid;
border-width:0px 0px 0px 0px;
}
.grid:hover{
background-color:var(--swatch-var-7268);
}
.grid-2:hover{
background-color:var(--swatch-var-7268);
}
.grid-4:hover{
background-color:var(--swatch-var-7268);
}
.grid-3:hover{
background-color:var(--swatch-var-7268);
}
.divider-background-color{
background-color:var(--swatch-var-4881);
}
.h2-parallax{
font-size:80px;
}
.row-bloc-6-3937-style{
width:100%;
}
.black-button{
background-color:var(--swatch-var-7343);
font-family:"Helvetica";
color:var(--swatch-var-1830)!important;
}
.black-button:hover{
font-family:"Helvetica";
background-color:var(--swatch-var-1830);
fill:var(--swatch-var-1830);
color:var(--swatch-var-7343)!important;
}
.card-black{
background-color:var(--swatch-var-7250);
padding:15px 15px 15px 15px;
border-radius:20px 20px 20px 20px;
}
.h3-number:hover{
color:var(--swatch-var-6797)!important;
}
.menu-link{
color:var(--swatch-var-1830)!important;
font-weight:500;
letter-spacing:1px;
font-family:"Helvetica";
}
.menu-link:hover{
font-family:"Helvetica";
color:var(--swatch-var-6797)!important;
letter-spacing:1px;
}
.form-check-label{
font-family:"Helvetica";
color:var(--swatch-var-7343)!important;
}
.blocsapp-special-menu blocsnav{
background-color:var(--swatch-var-7343);
}
.text-span-style{
font-family:Helvetica;
font-size:27px;
color:var(--swatch-var-6797)!important;
font-weight:bold;
}
.img-style{
width:120px;
}
.h2-margin-top{
font-size:40px;
}
.span-headline-color{
border-radius:50px 50px 50px 50px;
font-family:"Helvetica";
color:var(--swatch-var-1830)!important;
}
.h1-margin-bottom{
line-height:65px;
}
.blocs-card-width{
width:25%;
}
.container-div-bloc-5-style{
width:40.36%;
}
.bloc-padding-left{
padding-left:1px;
padding-right:0px;
}
/* = Colour
-------------------------------------------------------------- */
/* Swatch Variables */
:root{
--swatch-var-1830:#FFFFFF;
--swatch-var-7343:rgba(26,26,26,1.00);
--swatch-var-1643:rgba(245,244,240,1.00);
--swatch-var-4282:rgba(17,24,39,1.00);
--swatch-var-458:#000000;
--swatch-var-3202:rgba(0,0,0,0.03);
--swatch-var-4247:rgba(33,39,52,1.00);
--swatch-var-4881:rgba(170,170,170,1.00);
--swatch-var-6797:rgba(228,151,62,1.00);
--swatch-var-4089:rgba(248,248,248,1.00);
--swatch-var-7268:rgba(235,233,228,1.00);
--swatch-var-3134:rgba(252,231,102,1.00);
--swatch-var-7250:rgba(38,38,38,1.00);
}
/* Background colour styles */
.bgc-7343{
background-color:var(--swatch-var-7343);
}
.bgc-1643{
background-color:var(--swatch-var-1643);
}
.bgc-7268{
background-color:var(--swatch-var-7268);
}
/* Text colour styles */
.tc-7343{
color:var(--swatch-var-7343)!important;
}
.tc-6797{
color:var(--swatch-var-6797)!important;
}
.tc-4881{
color:var(--swatch-var-4881)!important;
}
.tc-1830{
color:var(--swatch-var-1830)!important;
}
/* Link colour styles */
.ltc-4881{
color:var(--swatch-var-4881)!important;
fill:var(--swatch-var-4881);
}
.ltc-4881:hover{
color:#777777!important;
fill:var(--swatch-var-4881);
}
/* Bloc image backgrounds */
.bg-Sauna-hot-tube-detail-image{
background-image:url("img/Sauna-hot-tube-detail_image.jpg");
background-image: -webkit-image-set(url("img/Sauna-hot-tube-detail_image.webp") 1x,
url("img/Sauna-hot-tube-detail_image.webp") 2x);background-image: image-set(url("img/Sauna-hot-tube-detail_image.jpg") 1x,
url("img/Sauna-hot-tube-detail_image.jpg") 2x,url("img/Sauna-hot-tube-detail_image.webp") 1x,
url("img/Sauna-hot-tube-detail_image.webp") 2x);
}
.bg-Carport-scene{
background-image:url("img/Carport_scene.jpg");
background-image: -webkit-image-set(url("img/Carport_scene.webp") 1x,
url("img/Carport_scene.webp") 2x);background-image: image-set(url("img/Carport_scene.jpg") 1x,
url("img/Carport_scene.jpg") 2x,url("img/Carport_scene.webp") 1x,
url("img/Carport_scene.webp") 2x);
}
/* = Custom Bric Data
-------------------------------------------------------------- */
.samehtwrapper .display-in-blocs-edit-mode-only {
display:block;
position:relative;
height:40px;
padding-top:6px;
padding-left:10px;
font-size: 1.5em;
background-color: #cccccc}.ft-clip{
overflow: hidden!important;
}
.fancy-wrapper{
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.social-link-bric a svg{
transition: all 0.3s ease-in-out;
}
.social-hover-fade a:hover svg{
opacity: 0.5;
}
.social-hover-grow a:hover svg{
transform: scale(1.2);
}
.social-hover-shrink a:hover svg{
transform: scale(0.9);
}
.social-hover-shadow a:hover svg{
filter: drop-shadow(0px 6px 2px rgba(0,0,0,0.3));
overflow: visible;
}
.img-text-overlay-container{
position:relative;
}
.text-label-overlay{
position:absolute;
top: 50%;
transform: translateY(-50%);
width:100%;
text-align:center;
font-size:40px;
}
.text-overlay-light-text{
color:rgba(255,255,255,.5);
}
.rating,.rating-empty{
position: relative;
display:inline-block;
}
.rating-score{
position: absolute;
overflow: hidden;
left: 0;
top:0;
z-index:1;
}
/* = Additional CSS
-------------------------------------------------------------- */
/* AUROWE MOBILE HERO – overlay fix */
@media (max-width: 768px) {
.slider-mobile,
.slider-mobile .carousel,
.slider-mobile .carousel-inner,
.slider-mobile .carousel-item {
height: 68vh !important;
min-height: 68vh !important;
position: relative !important;
overflow: hidden !important;
}
.slider-mobile .carousel-item,
.slider-mobile .bg-container,
.slider-mobile .bloc-fill-screen,
.slider-mobile .hero {
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
height: 100% !important;
min-height: 100% !important;
}
.slider-mobile .carousel-item img,
.slider-mobile .carousel-item picture img,
.slider-mobile .bg-container img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
/* caption jako overlay přes obrázek */
.slider-mobile .carousel-caption,
.slider-mobile .hero-content {
position: absolute !important;
left: 50% !important;
bottom: 34px !important;
transform: translateX(-50%) !important;
width: calc(100% - 32px) !important;
max-width: 420px !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: flex-end !important;
text-align: center !important;
padding: 0 !important;
margin: 0 !important;
z-index: 5 !important;
}
.slider-mobile h1,
.slider-mobile .h1,
.slider-mobile .hero-heading,
.slider-mobile .mg-lg {
font-size: clamp(28px, 7.8vw, 42px) !important;
line-height: 1.06 !important;
margin: 0 0 10px 0 !important;
max-width: 100% !important;
color: #fff !important;
text-align: center !important;
}
.slider-mobile p,
.slider-mobile .hero-subheading,
.slider-mobile .mg-md {
font-size: 14px !important;
line-height: 1.3 !important;
margin: 0 0 16px 0 !important;
max-width: 92% !important;
color: #fff !important;
text-align: center !important;
}
.slider-mobile .btn,
.slider-mobile a.btn,
.slider-mobile .button {
font-size: 15px !important;
padding: 11px 22px !important;
border-radius: 999px !important;
margin: 0 !important;
}
}
@media (max-width: 480px) {
.slider-mobile,
.slider-mobile .carousel,
.slider-mobile .carousel-inner,
.slider-mobile .carousel-item {
height: 64vh !important;
min-height: 64vh !important;
}
.slider-mobile .carousel-caption,
.slider-mobile .hero-content {
bottom: 28px !important;
width: calc(100% - 24px) !important;
}
.slider-mobile h1,
.slider-mobile .h1,
.slider-mobile .hero-heading,
.slider-mobile .mg-lg {
font-size: clamp(26px, 8.2vw, 36px) !important;
}
.slider-mobile p,
.slider-mobile .hero-subheading,
.slider-mobile .mg-md {
font-size: 13px !important;
}
}
/* =========================
LUXURY REVEAL – SIMPLE WORKING VERSION
========================= */
.luxury-reveal {
position: relative !important;
overflow: hidden !important;
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
isolation: isolate;
transform: scale(1.08);
opacity: 0;
transition:
transform 1.4s cubic-bezier(0.22, 1, 0.36, 1),
opacity 0.9s ease;
}
/* soft overlay */
.luxury-reveal::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(
to bottom,
rgba(0,0,0,0.08) 0%,
rgba(0,0,0,0.04) 40%,
rgba(0,0,0,0.16) 100%
);
z-index: 1;
pointer-events: none;
}
.luxury-reveal > * {
position: relative;
z-index: 2;
}
.luxury-reveal.in-view {
transform: scale(1);
opacity: 1;
}
/* desktop */
@media (min-width: 769px) {
.luxury-reveal {
min-height: 68vh !important;
height: 68vh !important;
}
}
/* mobile */
@media (max-width: 768px) {
.luxury-reveal {
min-height: 52vh !important;
height: 52vh !important;
transform: none !important;
opacity: 1 !important;
transition: none !important;
}
}
/* small mobile */
@media (max-width: 480px) {
.luxury-reveal {
min-height: 46vh !important;
height: 46vh !important;
}
}
/* reduced motion */
@media (prefers-reduced-motion: reduce) {
.luxury-reveal {
transform: none !important;
opacity: 1 !important;
transition: none !important;
}
}
/* =========================
PREMIUM HOVER EFFECT
========================= */
.hover-lift {
transition:
transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
box-shadow 0.45s cubic-bezier(0.22, 1, 0.36, 1),
filter 0.45s ease;
will-change: transform;
}
/* hover efekt */
.hover-lift:hover {
transform: scale(1.035);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18);
filter: brightness(1.03);
}
/* jemnější na menších obrazovkách */
@media (max-width: 768px) {
.hover-lift:hover {
transform: scale(1.01);
box-shadow: 0 6px 14px rgba(0, 0, 0, 0.14);
}
}
/* mobile = vypnout hover (lepší UX) */
@media (hover: none) {
.hover-lift:hover {
transform: none;
box-shadow: none;
filter: none;
}
}
.shine-effect {
position: relative;
overflow: hidden;
}
.shine-effect::after {
content: "";
position: absolute;
top: 0;
left: -120%;
width: 60%;
height: 100%;
background: linear-gradient(
120deg,
transparent,
rgba(255,255,255,0.25),
transparent
);
transition: all 0.8s ease;
}
.shine-effect:hover::after {
left: 120%;
}
/* =========================
AUROWE SLIDER PIXEL DOTS
========================= */
.pixel-dots-fix {
position: relative !important;
overflow: hidden !important;
}
/* overlay jen přes obsah slideru, ne přes navigaci */
.pixel-dots-fix .carousel-inner,
.pixel-dots-fix .carousel-items,
.pixel-dots-fix .flickity-viewport,
.pixel-dots-fix .flickity-slider,
.pixel-dots-fix .carousel-item,
.pixel-dots-fix .carousel-item .b-img,
.pixel-dots-fix .carousel-item img,
.pixel-dots-fix .carousel-item video {
position: relative;
}
/* samotný overlay */
.pixel-dots-fix .carousel-inner::after,
.pixel-dots-fix .flickity-viewport::after,
.pixel-dots-fix .carousel-item::after {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
z-index: 2;
/* o něco větší tečky */
background-image: radial-gradient(rgba(0,0,0,0.28) 0.7px, transparent 0.7px);
background-size: 4px 4px;
opacity: 0.08;
mix-blend-mode: overlay;
}
/* jemné optické doostření */
.pixel-dots-fix img,
.pixel-dots-fix video {
filter: contrast(1.05) saturate(1.04) brightness(1.01);
}
/* navigace slideru musí být NAD overlay */
.pixel-dots-fix .carousel-indicators,
.pixel-dots-fix .flickity-page-dots,
.pixel-dots-fix .previous-button,
.pixel-dots-fix .next-button,
.pixel-dots-fix .carousel-control-prev,
.pixel-dots-fix .carousel-control-next,
.pixel-dots-fix .progress-bar {
position: relative !important;
z-index: 20 !important;
}
/* odstranění případné bílé mezery pod sliderem */
.pixel-dots-fix,
.pixel-dots-fix .carousel-inner,
.pixel-dots-fix .flickity-viewport,
.pixel-dots-fix .flickity-slider,
.pixel-dots-fix .carousel-item,
.pixel-dots-fix img,
.pixel-dots-fix video {
line-height: 0;
margin-bottom: 0 !important;
vertical-align: top;
display: block;
}
/* kdyby Blocs přidával spacing přes wrapper */
.pixel-dots-fix .container,
.pixel-dots-fix .row,
.pixel-dots-fix .column,
.pixel-dots-fix .bloc-padding-left,
.pixel-dots-fix .bloc-padding-right {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
html {
scroll-behavior: smooth;
}
.anchor-offset {
scroll-margin-top: 120px;
}
@media (max-width: 991px) {
.anchor-offset {
scroll-margin-top: 95px;
}
}
@media (max-width: 767px) {
.anchor-offset {
scroll-margin-top: 80px;
}
}
/* = Toggle Visibility
-------------------------------------------------------------- */
.toggled-item{transition: height 350ms ease-in-out, padding 350ms ease-in-out, opacity 350ms ease-in-out;overflow: hidden;}
.toggled-item-hidden{padding-top:0!important;padding-bottom:0!important;border-top:0!important;border-bottom:0!important;outline:0!important;opacity: 0;}
.object-hidden{display:none;}
/* = Bloc Padding Multi Breakpoint
-------------------------------------------------------------- */
@media (min-width: 576px) {
.bloc-xxl-sm{padding:200px 20px;}
.bloc-xl-sm{padding:150px 20px;}
.bloc-lg-sm{padding:100px 20px;}
.bloc-md-sm{padding:50px 20px;}
.bloc-sm-sm{padding:20px;}
.bloc-no-padding-sm{padding:0 20px;}
.link-with-icon.text-sm-start,.link-with-icon.text-sm-left{justify-content: flex-start;}
.link-with-icon.text-sm-center{justify-content: center;}
.link-with-icon.text-sm-end,.link-with-icon.text-sm-right{justify-content: flex-end;}
}
@media (min-width: 768px) {
.bloc-xxl-md{padding:200px 20px;}
.bloc-xl-md{padding:150px 20px;}
.bloc-lg-md{padding:100px 20px;}
.bloc-md-md{padding:50px 20px;}
.bloc-sm-md{padding:20px 20px;}
.bloc-no-padding-md{padding:0 20px;}
.link-with-icon.text-md-start,.link-with-icon.text-md-left{justify-content: flex-start;}
.link-with-icon.text-md-center{justify-content: center;}
.link-with-icon.text-md-end,.link-with-icon.text-md-right{justify-content: flex-end;}
}
@media (min-width: 992px) {
.bloc-xxl-lg{padding:200px 20px;}
.bloc-xl-lg{padding:150px 20px;}
.bloc-lg-lg{padding:100px 20px;}
.bloc-md-lg{padding:50px 20px;}
.bloc-sm-lg{padding:20px;}
.bloc-no-padding-lg{padding:0 20px;}
.link-with-icon.text-lg-start,.link-with-icon.text-lg-left{justify-content: flex-start;}
.link-with-icon.text-lg-center{justify-content: center;}
.link-with-icon.text-lg-end,.link-with-icon.text-lg-right{justify-content: flex-end;}
}
/* = Mobile adjustments
-------------------------------------------------------------- */
@media (max-width: 1024px)
{
.bloc.full-width-bloc, .bloc-tile-2.full-width-bloc .container, .bloc-tile-3.full-width-bloc .container, .bloc-tile-4.full-width-bloc .container{
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 991px)
{
.container{width:100%;}
.bloc{padding-left: constant(safe-area-inset-left);padding-right: constant(safe-area-inset-right);} /* iPhone X Notch Support*/
.bloc-group, .bloc-group .bloc{display:block;width:100%;}
}
@media (max-width: 767px)
{
.bloc-tile-2 .container, .bloc-tile-3 .container, .bloc-tile-4 .container{
padding-left:0;padding-right:0;
}
.btn-dwn{
display:none;
}
.voffset{
margin-top:5px;
}
.voffset-md{
margin-top:20px;
}
.voffset-lg{
margin-top:30px;
}
form{
padding:5px;
}
.close-lightbox{
display:inline-block;
}
.blocsapp-device-iphone5{
background-size: 216px 425px;
padding-top:60px;
width:216px;
height:425px;
}
.blocsapp-device-iphone5 img{
width: 180px;
height: 320px;
}
}
@media (max-width: 991px){
.card-white{
margin-right:0px;
}
.row-bloc-6-3937-style{
width:100%;
}
.card-black{
margin-right:0px;
}
h1,h2,h3,h4,h5,h6,p,label,.btn,a{
font-family:"Helvetica";
}
.blocs-card-width{
width:50%;
}
}
@media (max-width: 767px){
.vertical-divider{
border-right-width:0px;
}
.menu-icon-stroke{
stroke:var(--swatch-var-1830)!important;
fill:var(--swatch-var-1830)!important;
}
h1,h2,h3,h4,h5,h6,p,label,.btn,a{
font-family:"Helvetica";
}
.h2-margin-top{
font-size:35px;
}
.blocs-card-width{
width:50%;
}
.sidebar-nav{
width:230px!important;
}
.nav-special.sidebar-nav .nav > li{
width:80%;
}
.nav-invert .sidebar-nav .close-special-menu{
left:200px;
}
}
@media (max-width: 575px){
.footer-link{
text-align:center;
}
.menu-icon-stroke{
stroke:var(--swatch-var-1830)!important;
fill:var(--swatch-var-1830)!important;
}
.h1-style{
font-size:35px;
}
.h2-style{
font-size:30px;
}
.card-white{
margin-bottom:20px;
}
.box{
padding-left:10px;
}
.big-number{
font-size:80px;
}
.container-div-0-style{
width:100%;
}
.vertical-divider{
border-right-width:0px;
}
.card-black{
margin-bottom:20px;
}
h1,h2,h3,h4,h5,h6,p,label,.btn,a{
font-family:"Helvetica";
color:var(--swatch-var-7343)!important;
}
.black-button{
color:var(--swatch-var-1830)!important;
}
.shine-effect{
}
.h2-parallax{
font-size:60px;
}
.h2-margin-top{
font-size:30px;
}
.blocs-card-width{
width:100%;
}
}