.social-icons { display: flex; align-items: center; gap: 10px; list-style: none; margin: 0; padding: 0; } .social-icons a { display: flex; align-items: center; justify-content: center; width: 62px; height: 62px; border: 1px solid var(--transparent-grey); border-radius: 50%; background-color: var(--white); color: var(--dark); box-sizing: border-box; transition: all 0.4s ease; } .social-icons svg { width: 24px; height: 24px; flex-shrink: 0; } .social-icons a:hover { transform: translateY(-5px); } html { scroll-behavior: smooth; } @media (max-width: 991px) { #brxe-awngxr { display: none; } } .h2-split__dark { color: var(--dark); } .h2-split__light { color: var(--grey); }  .bricks-is-frontend .h2-split { opacity: 0; transform: translateY(20px); transition: opacity .8s ease, transform .8s ease; } .bricks-is-frontend .h2-split.is-visible { opacity: 1; transform: translateY(0); }  .bricks-is-frontend .h2-split__dark, .bricks-is-frontend .h2-split__light { opacity: 0; transition: opacity .8s ease; } .bricks-is-frontend .h2-split__light { transition-delay: .5s; } .bricks-is-frontend .h2-split.is-visible .h2-split__dark, .bricks-is-frontend .h2-split.is-visible .h2-split__light { opacity: 1; }  .postup-num{ opacity: 0; transform: scale(0.92); transition: opacity .8s ease .35s, transform .8s ease .35s; } .postup-num.is-visible{ opacity: 1; transform: scale(1); } .btn-cta__circle { transform: scale(.35); transition: transform .4s cubic-bezier(.34, 1.56, .64, 1); } .btn-cta:hover .btn-cta__circle { transform: scale(1); } .btn-cta__arrow { color: #1c1c1c; opacity: 0; transform: translate(-4px, 4px) scale(.7); transition: opacity .2s ease .12s, transform .35s cubic-bezier(.34, 1.56, .64, 1) .12s; } .btn-cta:hover .btn-cta__arrow { opacity: 1; transform: translate(0, 0) scale(1); } .bricks-is-frontend .fade-text { opacity: 0; transform: translateY(30px); transition: opacity .8s ease .3s, transform .8s ease .3s; } .bricks-is-frontend .fade-text.is-visible { opacity: 1; transform: translateY(0); }  .text-links a, .reviews-cta .text-links { color: var(--dark); text-decoration: none; background-image: linear-gradient(currentColor, currentColor); background-size: 100% 1px; background-position: 0 88%; background-repeat: no-repeat; transition: background-size .35s ease, color .35s ease; padding-bottom: 0; }  .text-links a:hover, .reviews-cta:hover .text-links { background-size: 0% 1px; background-position: 100% 88%; } .cta-card__bg { transition: transform .5s ease; } .cta-card:hover .cta-card__bg { transform: scale(1.07); } .cta-card .btn-cta, .cta-card .btn-cta * { pointer-events: none; } .cta-card:hover .btn-cta { background-color: #7f5539; color: #fefaf5; } .cta-card:hover .btn-cta__circle { transform: scale(1); } .cta-card:hover .btn-cta__arrow { opacity: 1; transform: translate(0, 0) scale(1); } .gradient-bg-left { background: linear-gradient(to bottom, #F6EFE5, #FEFAF5) left / 35% 100% no-repeat, #FEFAF5; } .realizace-card__circle { background-color: var(--light-brown); transition: background-color .4s ease; } .realizace-card__arrow { transition: transform .45s cubic-bezier(.6,.2,.1,1), color .4s ease; } .realizace-card__arrow--in { position: absolute; transform: translate(-150%, 150%); } .realizace-heading { transition: color .4s ease; }  @media (hover: hover){ .realizace-card:hover .realizace-card__arrow--out { transform: translate(150%, -150%); } .realizace-card:hover .realizace-card__arrow--in { transform: translate(0, 0); } .realizace-card:hover .realizace-card__circle { background-color: var(--dark-brown); } .realizace-card:hover .realizace-card__arrow { color: var(--white); } .realizace-card:hover .realizace-heading { color: var(--light-brown); } }  .realizace-slider{ flex: 1 1 0%; min-width: 0; overflow: clip; overflow-clip-margin: 2px; } .realizace-slider .swiper-wrapper{ align-items: stretch; } .realizace-slider .swiper-slide{ height: auto; }  .realizace-slider .realizace-foto, .realizace-slider .realizace-blog{ width: var(--slide-w, 700px); }  .realizace-slider .realizace-card{ height: 100%; display: flex; flex-direction: column; } .realizace-slider .realizace-card__media{ height: 280px; overflow: hidden; } .realizace-slider .realizace-card__media img{ width: 100%; height: 100%; object-fit: cover; display: block; }  .realizace-slider .realizace-foto{ aspect-ratio: 3 / 2; overflow: hidden; border-radius: 12px; } .realizace-slider .realizace-foto img{ width: 100%; height: 100%; object-fit: cover; display: block; }    .realizace-prev, .realizace-next{ -webkit-appearance: none; appearance: none; -webkit-tap-highlight-color: transparent; background-color: var(--white); color: var(--dark); transition: background-color .4s ease, color .4s ease; } .realizace-prev svg, .realizace-next svg, .realizace-prev i, .realizace-next i{ color: inherit; transition: color .4s ease; }  .realizace-prev:hover, .realizace-next:hover{ background-color: var(--light-brown); } .realizace-prev:hover i, .realizace-next:hover i{ color: var(--white); }  @media (hover: none){ .realizace-prev:hover, .realizace-next:hover, .realizace-prev:active, .realizace-next:active{ background-color: var(--white); } .realizace-prev:hover i, .realizace-next:hover i, .realizace-prev:active i, .realizace-next:active i{ color: var(--dark); } } .realizace-prev.swiper-button-disabled, .realizace-next.swiper-button-disabled{ opacity: .35; pointer-events: none; cursor: default; }  .realizace-scrollbar .swiper-scrollbar-drag{ background: var(--light-brown); border-radius: 99px; } .realizace-scrollbar, .realizace-scrollbar .swiper-scrollbar-drag{ touch-action: none; }  .realizace-card__circle{ -webkit-tap-highlight-color: transparent; }  @media (max-width: 767px){ .realizace-track{ flex-direction: column; } .realizace-col{ order: 1; overflow: visible; } .realizace-nav{ order: 2; display: flex; justify-content: center; margin-top: 20px; } }  .postup-prev, .postup-next{ -webkit-appearance: none; appearance: none; -webkit-tap-highlight-color: transparent; background-color: var(--white); color: var(--dark); transition: background-color .4s ease, color .4s ease; } .postup-prev svg, .postup-next svg, .postup-prev i, .postup-next i{ color: inherit; transition: color .4s ease; }  .postup-prev:hover, .postup-next:hover{ background-color: var(--light-brown); } .postup-prev:hover i, .postup-next:hover i{ color: var(--white); }  @media (hover: none){ .postup-prev:hover, .postup-next:hover, .postup-prev:active, .postup-next:active{ background-color: var(--white); } .postup-prev:hover i, .postup-next:hover i, .postup-prev:active i, .postup-next:active i{ color: var(--dark); } } .postup-prev.swiper-button-disabled, .postup-next.swiper-button-disabled{ opacity: .35; pointer-events: none; cursor: default; }  .postup-scrollbar .swiper-scrollbar-drag{ background: var(--light-brown); border-radius: 99px; } .postup-scrollbar, .postup-scrollbar .swiper-scrollbar-drag{ touch-action: none; }  .postup-scrollbar .swiper-scrollbar-drag{ background: var(--light-brown); border-radius: 99px; } .postup-scrollbar, .postup-scrollbar .swiper-scrollbar-drag{ touch-action: none; } .postup-slide.swiper-slide { max-width: none; } .kr-section .kr-track.kr-track{ display:flex; flex-direction:row; gap:12px; transition:transform .45s cubic-bezier(.4,0,.2,1); visibility:hidden; } .kr-section .kr-card.kr-card{ width:calc((100% - 24px) / 3); } .kr-section .kr-thumb-btn.kr-thumb-btn{ -webkit-tap-highlight-color:transparent; } @media (hover: hover){ .kr-section .kr-thumb-btn:hover:not(.kr-active) .kr-thumb-circle img{ filter:grayscale(0.4); } .kr-section .kr-card:hover .kr-card-img img{ transform:scale(1.03); } .kr-section .kr-arr.kr-arr:hover{ background:rgba(0,0,0,.75); } } @media(max-width:768px){ .kr-section .kr-track.kr-track{ flex-wrap:nowrap; } } .ext-section .ext-list.ext-list{ border-top:1px solid #D4CFC8; } .ext-section .ext-item.ext-item{ border-bottom:1px solid #D4CFC8; } .ext-section .ext-trigger-row.ext-trigger-row{ display:grid; grid-template-columns:1fr auto; grid-template-areas: "name icon" "desc desc"; column-gap:16px; row-gap:8px; align-items:start; padding:20px 0; cursor:pointer; } .ext-section .ext-trigger.ext-trigger{ grid-area:name; background:none; border:none; outline:none; cursor:pointer; text-align:left; padding:0; appearance:none; -webkit-appearance:none; -webkit-tap-highlight-color:transparent; color:inherit; width:100%; } .ext-section .ext-trigger:hover, .ext-section .ext-trigger:focus, .ext-section .ext-trigger:active{ background:none; outline:none; } .ext-section .ext-name.ext-name{ color:#313131; margin:0; transition:color 0.3s ease; } .ext-section .ext-trigger-row:hover .ext-name.ext-name, .ext-section .ext-item.is-open .ext-name.ext-name{ color:#C69C6D; } .ext-section .ext-short{ grid-area:desc; margin:0; } .ext-section .ext-icon{ grid-area:icon; align-self:center; display:flex; align-items:center; justify-content:center; width:20px; height:20px; color:#313131; transition:transform 0.35s cubic-bezier(0.25,0.46,0.45,0.94), color 0.3s ease; } .ext-section .ext-icon svg{ width:14px; height:14px; pointer-events:none; } .ext-section .ext-trigger-row:hover .ext-icon, .ext-section .ext-item.is-open .ext-icon{ color:#C69C6D; } .ext-section .ext-item.is-open .ext-icon{ transform:rotate(180deg); } .ext-section .ext-body.ext-body{ display:grid; grid-template-rows:0fr; transition:grid-template-rows 0.45s cubic-bezier(0.25,0.46,0.45,0.94); } .ext-section .ext-item.is-open .ext-body{ grid-template-rows:1fr; } .ext-section .ext-body-inner.ext-body-inner{ overflow:hidden; min-height:0; } .ext-section .ext-content{ padding-bottom:22px; } .ext-section .ext-pros.ext-pros{ list-style:none; margin:0 0 12px 0; padding:0; } .ext-section .ext-pros li{ padding-left:16px; position:relative; margin:0; } .ext-section .ext-pros li::before{ content:'- '; position:absolute; left:0; color:#C69C6D; } .ext-section .ext-note{ margin:0; } @media (min-width:768px){ .ext-section .ext-trigger-row.ext-trigger-row{ grid-template-columns:clamp(200px,22vw,260px) 1fr 20px; grid-template-areas:"name desc icon"; align-items:center; column-gap:clamp(40px,5vw,120px); row-gap:0; padding:26px 0; } .ext-section .ext-icon{ justify-self:end; } .ext-section .ext-content{ display:grid; grid-template-columns:clamp(200px,22vw,260px) 1fr; column-gap:clamp(40px,5vw,120px); } .ext-section .ext-pros, .ext-section .ext-note{ grid-column:2; } } .info-btn.info-btn { display: flex; align-items: center; justify-content: space-between; width: 100%; background: #fff; border: 1px solid #31313129; border-radius: 16px; padding: 1rem 1.25rem; cursor: pointer; transition: background .2s, border-color .2s; text-align: left; -webkit-tap-highlight-color: transparent; -webkit-appearance: none; appearance: none; } .info-btn.info-btn:focus, .info-btn.info-btn:focus-visible, .info-btn.info-btn:active { background: #fff; border-color: #31313129; } .info-btn.info-btn:hover { background: #FEFAF5; border-color: #7F5539; } .info-btn-title { margin: 0; } .plus { width: 26px; height: 26px; border-radius: 50%; background: #C69C6D; flex-shrink: 0; transition: background .2s, transform .3s ease; position: relative; } .plus::before, .plus::after { content: ''; position: absolute; background: #fff; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 2px; } .plus::before { width: 10px; height: 2px; } .plus::after { width: 2px; height: 10px; } .info-btn:hover .plus { background: #7F5539; transform: rotate(180deg); } .info-overlay { display: none; position: fixed; inset: 0; background: rgba(0,0,0,.42); align-items: center; justify-content: center; z-index: 9999; } .info-overlay.open { display: flex; } .info-modal { background: #fff; border-radius: 16px; padding: 2rem; width: 90%; max-width: 520px; position: relative; transform: translateY(20px); opacity: 0; transition: transform .3s cubic-bezier(.32,.72,0,1), opacity .3s ease; } .info-overlay.open .info-modal { transform: translateY(0); opacity: 1; } .info-modal-close.info-modal-close { position: absolute; top: .9rem; right: .9rem; width: 28px; height: 28px; border-radius: 50%; background: #C69C6D; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; line-height: 1; color: #fff; -webkit-tap-highlight-color: transparent; transition: background .2s; } .info-modal-close.info-modal-close:hover { background: #7F5539; } .info-modal-close.info-modal-close:focus, .info-modal-close.info-modal-close:active { background: #C69C6D; } .info-modal-title { margin: 0 0 .75rem; } .info-modal-text { margin: 0; }  .faq { display: grid; grid-template-columns: 1fr 1fr; column-gap: clamp(48px, 6vw, 96px); align-items: start; } @media (max-width: 991px) { .faq { grid-template-columns: 1fr; } }  .faq .faq-icon-circle { background-color: var(--light-brown); transition: background-color .4s ease; }  .faq .faq-icon-circle .brx-icon-transform { color: var(--dark); transition: color .4s ease, transform .4s ease; }  .faq .brx-open .faq-icon-circle { background-color: var(--dark-brown); } .faq .brx-open .faq-icon-circle .brx-icon-transform { color: var(--white); transform: rotate(90deg); }