.cookiesbox {z-index: 10000 !important; position:fixed; top:50%; left:50%;    transform: translate(-50%,-50%);  background-color:white; width:470px;   box-shadow: 3px 3px 20px 0px rgb(105 105 105 / 50%); text-align: center;}
.cookiesbox .box {padding:30px 20px;  background-color: #fff; color: #000}

.cookiesbox .box p {margin-bottom:35px}
.cookiesbox strong {font-size:20px; margin-bottom:10px; display: block;}
.cookiesbox .accept-cookies {padding:9px 20px; background-color: #238356 !important; color:white !important; border: none !important; font-weight: bold;}
.cookiesbox .accept-cookies:hover {background-color: #17593a !important}
.cookiesbox .btn {padding:9px 20px; }
.cookiesbox .box b {display: block; margin-bottom:1.4rem; line-height: 16px;}
.cookiesbox .material-switch > label {left:0}
.cookiesbox input[type=checkbox], .cookies input[type=checkbox] {height:18px; width:18px}
.cookies input[type=checkbox] {position: relative; top:2px}
.weblayer--overlay {background-color: #333;top: 0; left: 0; position: fixed;     z-index: 1; opacity: 0.5; display: block; width: 100%;  height: 100%; }


.coverimg {background-size: cover; width:170px; height:125px; display: block; }
.realizationh1 {margin:2rem 0 1rem 0}
.realization {text-align: center; width:100%}
.realization div {display:inline-block; margin:10px; border:1px solid #000}
.realization a:hover {opacity:.7}

header {background-color: rgba(102, 72, 47, 0.85); position: relative; z-index:1}
.navbar {padding:0 0 .5rem 0}
.navbar-brand img {width:194px; margin:16px 0}
.navbar-nav a {color: #fff;   font-weight: 700; padding:10px; font-size:1.1rem}
.navbar-nav li:last-child a {padding-right:0}
.navbar-nav a:hover {color:  #ef8042}
.navbar-nav a.active {color: #dc9872;}
.navbar-collapse {margin-top:3.5rem}
.topka {position: absolute; top:1.2rem; left:15.9rem; color: #beb1a7}
.contact  {position: absolute; top:1.2rem; right:0}
.contact a {color: #beb1a7; padding-left:1rem; font-weight:bold}
.contact .hdcp {color: #ef8042; }
.contact a:hover {color: #ef8042}
.mobile {display: none}

.dropdown-menu { margin-top:1.4rem; border:none; min-width:17rem; background-color: rgba(102, 72, 47,1); /* display:block !important*/}
.dropdown-menu a {padding:.5rem 1rem; display: block; text-transform: none;}
.dropdown-menu a:hover {background-color: #ef8042; color:#fff}



.start {height:540px; background-image: url(../images/start.jpg); background-repeat: no-repeat; margin-top:-8rem; padding-top:13.25rem }
.start .container {background-color: transparent;}
.start h1 {color: #fff; font-size:2.05rem; font-family: 'Open sans', sans-serif;}
.start .box {background-color: #ef8042; color:#f6c1a3; border-radius:15px; text-align: center; float:left; margin-top:2rem; box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.15); overflow: hidden;}
.start  img {display: block; margin-bottom:.5rem;  transition: all 400ms ease-in-out;}
.start  li:hover img {margin-top:-10px; }
.start  li { float:left; margin-bottom:-10px; }
.start  li:nth-child(2) {border-right:1px solid #f5b28d; border-left:1px solid #f5b28d}
.start  a {color:#f6c1a3;display: block; padding:1rem 1.5rem 2rem 1.5rem;}
.start  a:hover {color:#fff; opacity:.85; background-color: #b8693d;}

main .container {background-color: #fff;}
.content .container {padding:3rem 2rem}
.content .box {border-right:1px solid #ef8042; padding-right:6rem; position: relative;}
.content h1 {font-size:2.1rem; margin-bottom:2rem}
.content h2 {margin:5rem 0 1rem 0}
.content p {font-size:1.2rem; margin-bottom:2rem}
.content .city {font-size:1.1rem; opacity:.7}
.content .cp h2 {margin:0rem 0 1rem 0}
.content .cp {font-size:1.2rem; margin-bottom:2rem; text-align: center; display: block;}
.content .cp img {display:inline; margin:1rem 3rem 0 0}
.content .cp span {display: block; color: #ef8042 }
.content .cp span:after {background: url(../images/arrow.png) no-repeat; content:""; width:30px; height:30px; display: inline-block; position: relative; top:1rem; margin-left:.6rem}
.content .cp span:hover {opacity:.8}
.content .btn-calc {position: absolute; top:0; right:6rem; padding:.5rem 2rem; border-radius:5px}

.slider .container {padding:0}
.slider .owl-nav {position: absolute; top:30px; right:30px}
.slider .owl-nav i {font-size:3rem; line-height: 45px; color: #fff}
.slider .owl-nav i:hover {opacity:.7}
.slider .owl-dots {display:none}



footer .container {background-color: #fff; padding:2rem 2rem 0 2rem}
footer .box {border-right:1px solid #ef8042; padding:1rem 1rem 4rem 0}
footer .ul1 {float:left}
footer .ul2 {float:right}
footer li {display:inline}
footer li a {padding-right:1rem; color:#727272}

.soc {display: inline-block;}
.soc img {width:35px; opacity:.25; margin:.4rem 0 1.5rem 0}
.soc.fb {margin-right: .5rem;}
.soc:hover {opacity: .7;}



.in {height:300px; background-image: url(../images/in.jpg); background-repeat: no-repeat; margin-top:-8rem; }
.in.cp {height:1700px; text-align: center;}
.subnav ul {margin-top:-1rem}
.subnav a {display: block; padding: .75rem 0;  font-size:1.2rem; font-weight: bold; text-transform: uppercase;}
.subnav a.active {color:#d47401 }
.subnav a:hover {text-decoration: none; color: #f68000}

.cpbg {height:900px; background-image: url(../images/in.jpg); background-repeat: no-repeat; margin-top:-8rem; }
.cpbg .bg {height:100%; background-color: rgba(102, 72, 47, 0.65);  padding-top:8rem; text-align: center;}

.cp h1 {color: #fff; margin:5rem 0 3rem 0}
.cp .box {background-color: #ef8042; border-radius:15px; padding:2rem 3rem 1rem 3rem; box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.15); overflow: hidden; }
.cp .box div {padding:0; }
.cp #place input, .cp select {border-color: #fff}
.cp #place label {background-color: #f2eeeb; text-align: left;}
.cp #place .btn {background-color: #cf6830; border-color: #cf6830; }
.cp #place .btn:hover {background-color: #bb5c28; border-color: #bb5c28; }
.cp .hidden {display:none}

.kontakt h2 {margin-top:0rem }
.kontakt h3 {font-size:1.2rem}
.kontakt ul {margin-bottom:2rem}
.kontakt li a:before  { font-family: "Font Awesome 5 Free";  width:2.5rem; display: inline-block; color: #ef8042}
.kontakt li a {padding:.4rem 1rem; font-size:1.5rem; display: block; }
.kontakt li:nth-child(1) a:before  {content: "\f2b6"; }
.kontakt li:nth-child(2) a:before  {content: "\f095"; }

.city {margin-top:3rem; padding-top:1rem; border-top:1px solid #ccc}
.city li  {display:inline-block; padding-right:2rem}
.city li a:before  { font-family: "Font Awesome 5 Free";  width:2.5rem; display: inline-block; color: #ef8042}
.city li a {padding:.4rem 0rem ; font-size:1.5rem; display: block; }
.city li:nth-child(1) a:before  {content: "\f015"; }
.city li:nth-child(2) a:before  {content: "\f0a4"; }


.profil {color: #fff; ;}
.profil.cpbg {height:100%}
.profil.cpbg .bg {background-color: rgba(102, 72, 47, 0.80); padding-bottom:5rem}
.profil a {color: #fff}
.profil p {margin-bottom:2rem; text-align: justify !important; font-size:1.2rem; }
.profil2 {margin:0}
.profil2 div {padding:0}

.vzorkovniky div {text-align: center;}
.vzorkovniky strong {margin:1rem 0 0 0; display: block;} /*ramy*/
.vzorkovniky .col-md-6 {margin-top:1rem } /*ramy*/

.vzorkovniky span {margin:1rem 0; height:4rem; display: block;}
.vzorkovniky img:hover {opacity:.8; }
.vzorkovniky.uni img {    border: 1px solid #ece6e1;}

.headline {text-align: center; margin-top:-2rem; }
.headline span {font-size:2rem; letter-spacing: 3px; text-transform: uppercase;}
.headline span:before {content:""; border-top:1px solid #ef8042; width:325px; display: block; padding-bottom:4rem; margin:0 auto}
.headline .btn-lg {padding:1rem 2.5rem; margin-top:1rem}



.realizacie .col-sm-6 {padding:0; }
.realizacie h1 {margin:3rem 0 }
.realizacie .gallery img {margin-bottom:1rem}
.realizacie .btn {position: fixed; top:1rem; left:1rem; background-color: #fff;}
.realizacie .btn-outline-secondary:hover {background-color: #6c757d;}


.namieru  {color: #fff; font-size:1.1rem; height:auto;}

.namieru .popis {padding-bottom:3rem}
.namieru h1 {color: #fff;  margin: 3rem 0 3rem 0;}
.namieru a, .namieru a:hover  {cursor: text; color:#fff}

.nabytok {margin-top: 1rem; margin-bottom:1rem; text-align: center;}
.nabytok img:hover {opacity:.9}
.nabytok .hidden-xs {display:none}
.nabytok img {margin-bottom: 15px}
.nabytok .popis {max-height:3rem;display: block; font-size:1.1rem; font-weight: bold;}
.nabytok span {font-size:1.5rem; font-weight: bold; display: block; margin-top:.5rem}

main .container.order {background-color: #fbf1e6;}
.order h1 {font-size:1.7rem}
.order .box {padding: 1.5rem 4rem 1.5rem 1.5rem}

.others {margin:0rem}
.others div {padding:0}
.others a {display: block}
.others img {border-bottom:1px solid transparent}
.others img:hover {opacity:.7; }
.others .active img {opacity:.6; border-bottom:3px solid red}



.order .dekor-open {margin:1rem 0; display: block; float:left}
.order .dekor-open .hover-text {float:left; width:200px}
.order .dekor-open .dekor-span {float:left; width:200px; display: block;  padding:0 1rem; font-size:1.2rem; }

.order .cena {float:left; width:10rem; font-size:3rem; font-weight: bold; }
.order .mnz {float:left; position: relative; top:1rem; margin-bottom:1rem}
.order .input  {width:58px; display:inline; margin-right:7px}
.order .btn {clear:both; margin-top:1rem}

.hover-text .hover-text-box{ position:relative; overflow:hidden; display: block;}
.caption { display: none; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.4); width: 197px; height: 100%; color:#fff !important; z-index:1; }
.caption b { font-size:1.2em;  position: absolute;   top: 50%; transform: translateY(-50%); display: block; width:100%; text-align: center;}

.modal-dekor img {margin-bottom:7px}
.modal-dekor b {display:block; text-align: center; height: 60px; margin-top: 7px; font-weight: lighter;}
.modal-dekor a img {border: 2px solid #ddd}
.modal-dekor a.active img {border: 2px solid red; display: block;}
.modal-dekor .img-responsive {margin:0 auto}
#modal-dekor .modal-dialog {max-width:700px}
.order-popis .box{border:1px solid #ccc; padding:2rem 3rem 2rem 3rem; margin:3rem 0}
.order-popis h2 {margin-top:3rem}


/* query */

@media (max-width: 1199px){

header .contact, .hide-md, .topka {display:none}
.navbar-nav a {font-size:1rem}
.navbar-collapse {margin-top:2rem}
.content .cp img {margin:1rem 0}

footer .ul1 li:nth-child(2) {display:none}
.order .dekor-open .dekor-span {float:left; width:150px; display: block;  padding:0 1rem; font-size:1.2rem; }
.order .box {padding-right:1.5rem}
}



@media (max-width: 991px) {

.hide-sm {display:none}
.hide-md {display:block}
.navbar-brand img {width:150px; margin:0}
.start {text-align: center;}
.start h1  {margin:0 0 2rem 0}
.start .box {margin:0 auto;  width:100%; float:none}
.start .box li { display:inline-block; float:none}
.start .box a:hover {background: transparent url() }
.start .box li:hover img {margin-top:0px; }

.nav-mobile .nav-close {display:block; font-size: 3rem; font-weight: 300;  z-index:10; color:#fff;opacity:.5; position: absolute; top:0rem; right:1rem; padding:0 }
a.nav-expander {margin-top:1rem; cursor: pointer;  display: block; font-size: 15px; font-weight: 400; margin-right: 0; padding: 10px 30px 7px 10px;  position: absolute; right: 0; text-decoration: none; text-transform: uppercase; top: 0; transition: right 0.3s ease-in-out 0s; z-index: 12; transition: right 0.3s ease-in-out 0s; -webkit-transition: right 0.3s ease-in-out 0s; -moz-transition: right 0.3s ease-in-out 0s; -o-transition: right 0.3s ease-in-out 0s; }
a.nav-expander span {width:30px; height:2px; background-color: #fff; display: block; margin-bottom:5px; border-radius:50px}
a.nav-expander.fixed { position: fixed; }
.navbar-expand .navbar-collapse, .navbar-expand .navbar-nav {display:block !important; padding-top:.35rem}
.navbar-collapse {margin:0}
.nav-expanded a.nav-expander.fixed { right: 20rem; }
header .collapse { background: #2d2f33; overflow-y: auto; overflow-x: hidden; display: block; height: 100% !important; position: fixed; right: -20rem; font-size: 1rem; top: 0; width: 20rem; z-index: 2000; transition: right 0.3s ease-in-out 0s; -webkit-transition: right 0.3s ease-in-out 0s; -moz-transition: right 0.3s ease-in-out 0s; -o-transition: right 0.3s ease-in-out 0s; } .nav-expanded .nav-mobile { right: 0; } body.nav-expanded { margin-left: 0em; transition: right 0.4s ease-in-out 0s; -webkit-transition: right 0.4s ease-in-out 0s; -moz-transition: right 0.4s ease-in-out 0s; -o-transition: right 0.4s ease-in-out 0s; }

.navbar-nav a {font-weight: 700; padding:1rem 2rem; display: block;}
.navbar-expand .navbar-nav .dropdown-menu {position: relative; box-shadow:none; margin:0; background-color: rgba(117, 117, 117, 0.35);  display: block !important}
.navbar-expand .navbar-nav .dropdown-menu a {font-weight: 300; padding-left:3rem !important}
.slider .owl-dots {display:block; padding:1.5rem 0}

.content .box, footer .box {border:none; padding-right: 0rem;}
.content h1 {font-size:1.5rem}
.kontakt .np p {display:none}
.kontakt li a {font-size:1.3rem}
.content .city {margin:0 0 1rem 0; border:none}
.hovereffect h2 {font-size:1.5rem; letter-spacing: 1px;}
.mobile {display: block}
}
@media (max-width: 767px) {
.start li:nth-child(1) img {width:8rem}
.start li:nth-child(2) img {width:7rem}
.start li:nth-child(3) img {width:5rem}
.kontakt .np{padding-left:1rem; padding-right:1rem; margin:3rem 0 2rem 0}
.kontakt .np p {display:block}
.profil p {text-align: left !important; font-size:1rem; }
.profil.cpbg .bg {padding-bottom:1rem}
.caption {display:none !important}
.order-popis img {margin-bottom:1rem}
.order-popis .box {border:none; margin:0; padding:0 .5rem}
.order .dekor-open .dekor-span {width:100%; padding:20px 0; display: block;}


}

@media (max-width: 575px) {
.col-xs-6 {width:50%}
.start {height:100%; padding-bottom:3rem}
.start a {color:#fff; font-size:1.2rem}
.start li {margin:0}
.start li:nth-child(2) {border-right:0; }
.start li:nth-child(3) {border-top: 1px solid #f5b28d; width:100%; text-align: center;}
.start li:nth-child(3) img {display:inline}
.content {padding:2rem 0 0 0}
.content h1 {font-size:1.8rem}
.owl-nav {display:none}
footer {padding:0; text-align: center;}
footer .ul1 {float:none}
footer .ul2 {float:none; margin-top:.7rem}
footer .box {padding:1.5rem}
.content p {margin-bottom:1rem}
.coverimg { width:140px}
}

@media screen and (max-width : 320px) {


.start li:nth-child(1) {padding-top:1rem}
.start li:nth-child(1) img {width:auto}
.start li:nth-child(2)  {border:none}
.start li:nth-child(2) img {width:auto; display:inline}
.start li:nth-child(2) {border-top: 1px solid #f5b28d; width:100%; text-align: center;}
.start li:nth-child(3) img {width:auto; display:inline}

}



.doprava-icon {
    position: relative;
    width: 70px;
    height: 70px;
    min-width: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.doprava-icon-circle {
    position: relative;
    z-index: 3;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #ef8042;
    display: flex;
    align-items: center;
    justify-content: center;
}

.doprava-icon-circle i {
    font-size: 28px;
    color: #fff;
}

/* jemné hrubšie vlny */
.doprava-icon::before,
.doprava-icon::after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    width: 70px;
    height: 70px;
    border: 4px solid rgba(239, 128, 66, 0.25);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: dopravaPulse 3s ease-out infinite;
}

.doprava-icon::after {
    animation-delay: 1.5s;
}

@keyframes dopravaPulse {
    0% {
        width: 70px;
        height: 70px;
        opacity: 0;
    }

    25% {
        opacity: 1;
    }

    100% {
        width: 92px;
        height: 92px;
        opacity: 0;
    }
}


/* Custom Box - Postele */


.bed-hero-box {
    background: #ffffff;
    border: 1px solid #eef0f2;
    border-radius: 16px;
    padding: 3rem 2.5rem;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
    text-align: center;
    max-width: 960px;
    margin: 0 auto;
    
}

.bed-badge {
    display: inline-block;
    background-color: rgba(239, 128, 66, 0.1);
    color: #ef8042;
    font-size: 0.85rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 6px 16px;
    border-radius: 20px;
    margin-bottom: 0.75rem;
}

.bed-hero-header h2 {
    font-size: 2.1rem;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 2rem;
}

/* Veľký obrázok v strede */
.bed-hero-image-wrapper {
    width: 100%;
    max-width: 800px;
    margin: 0 auto 2.5rem auto;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.07);
}

.bed-hero-img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.4s ease;
}

.bed-hero-image-wrapper:hover .bed-hero-img {
    transform: scale(1.02);
}

/* Popisný text */
.bed-hero-text {
    max-width: 820px;
    margin: 0 auto 2.5rem auto;
    text-align: left;
}

.bed-hero-text p {
    font-size: 1.05rem;
    line-height: 1.65;
    color: #4a4a4a;
    margin-bottom: 1rem;
}

.bed-hero-text p:last-child {
    margin-bottom: 0;
}

/* Ikony Grid */
.bed-benefits-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
    padding: 2rem 0;
    margin-bottom: 2rem;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
}

.benefit-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
}

.benefit-icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: rgba(239, 128, 66, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.benefit-icon i {
    font-size: 1.5rem;
    color: #ef8042;
}

.benefit-item:hover .benefit-icon {
    background-color: #ef8042;
    transform: translateY(-3px);
}

.benefit-item:hover .benefit-icon i {
    color: #ffffff;
}

.benefit-item strong {
    font-size: 0.95rem;
    color: #222222;
    font-weight: 600;
}

/* Akcia a Cena */
.bed-hero-action {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 820px;
    margin: 0 auto;
}

.bed-price {
    text-align: left;
}

.price-label {
    display: block;
    font-size: 0.85rem;
    color: #888888;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.price-amount {
    font-size: 2.2rem;
    font-weight: 800;
    color: #ef8042;
    line-height: 1;
}

.btn-bed-cta {
    background-color: #ef8042;
    color: #ffffff !important;
    font-size: 1.05rem;
    font-weight: 700;
    padding: 0.85rem 2rem;
    border-radius: 8px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    transition: background-color 0.2s ease, transform 0.2s ease;
}

.btn-bed-cta:hover {
    background-color: #d96f33;
    text-decoration: none;
    transform: translateY(-2px);
}

/* Responsivita */
@media (max-width: 991px) {
    .bed-hero-box {
        padding: 2rem 1.5rem;
    }
    .bed-hero-header h2 {
        font-size: 1.75rem;
    }
    .bed-benefits-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem 1rem;
    }
}

@media (max-width: 575px) {
    .bed-benefits-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .bed-hero-action {
        flex-direction: column;
        gap: 1.5rem;
        text-align: center;
    }
    .bed-price {
        text-align: center;
    }
    .btn-bed-cta {
        width: 100%;
        justify-content: center;
    }
}