@charset "utf-8"; 
@import url('https://fonts.googleapis.com/css2?family=Herr+Von+Muellerhoff&display=swap'); 
@font-face {font-display:swap; font-family:GP; font-style:normal; font-weight:400; src:local('GP'), url('../fonts/GP-Regular.woff') format('woff')}
@font-face {font-display:swap; font-family:GP; font-style:normal; font-weight:100; src:local('GP'), url('../fonts/GP-Light.woff') format('woff')}
@font-face {font-display:swap; font-family:GP; font-style:normal; font-weight:500; src:local('GP'), url('../fonts/GP-Bold.woff') format('woff')}
@font-face {font-display:swap; font-family:GP; font-style:normal; font-weight:600; src:local('GP'), url('../fonts/GP-Bold.woff') format('woff')}
:root {--font-family:'Source Sans 3', sans-serif; --font-family-2:'Herr Von Muellerhoff', cursive; --color-black:#000; --color-white:#fff; --color-dark:#262626; --color-darker:#6F6F6F; --color-light:#F5F5F7; --color-dark-text:#000; --color-light-text:#fff; --color-one:#000; --color-one-hover:#9f7c46; --color-two:#E5EEFF; --color-three:#FFE600; --text-velikost-1:30px; --text-velikost-2:25px; --text-velikost-3:18px; --text-velikost-4:14px; --text-velikost-5:11.8px; --text-velikost-6:10px; --text-velikost-7:21px; --text-velikost-8:16px; --text-sirka-1:200; --text-sirka-2:300; --text-sirka-3:500; --text-sirka-4:600; --text-sirka-5:700; --global-padding-1:15px; --global-padding-2:7.5px; --global-padding-3:17px 15px; --global-padding-4:30px; --global-padding-5:30px 40px; --container-1:1440px; --container-3:1700px; --container-2:100%; --border-radius:0px; --size-1:100%; --size-2:66.6%; --size-3:50%; --size-4:33.3%; --size-5:25%; --size-6:20%; --size-7:16.66666666666667%; --size-8:14.28571428571429%; --size-9:12.5%;}
*, *::before, *::after {box-sizing:border-box;}
html {font-family:var(--font-family); -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; line-height:1; font-size:var(--text-velikost-1); letter-spacing:-.6px; max-width:100%;}
body {-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -webkit-tap-highlight-color:transparent; text-rendering:optimizelegibility; text-size-adjust:100%; background:rgb(255, 255, 255); color:rgb(0, 0, 0); cursor:auto; font-size:15px; font-style:normal; font-weight:400; margin:0px; padding:0px; position:relative; overflow-wrap:break-word; max-width:100%;}
img {width:100%; height:auto;}
a {text-decoration:none; color:var(--color-one); cursor:pointer;}
a:hover {text-decoration:underline; color:#c59d5f;}
strikethrough {text-decoration:line-through}
submenu {z-index:98; transition:.5s all ease; position:fixed; width:100%; background:white; left:0; top:130px; padding:2rem 0 3rem; color:black; font-size:1.5rem; -webkit-box-shadow:0px 6px 5px -4px rgba(0,0,0,0.21); -moz-box-shadow:0px 6px 5px -4px rgba(0,0,0,0.21); box-shadow:0px 6px 5px -4px rgba(0,0,0,0.21); transform:translate(0px, -50vh); z-index:98;}
submenu.active {transform:translate(0px, 0px);}
submenu a.podtitulek {width:100%; font-size:15px; line-height:30px; font-weight:200;}
submenu .titulek {width:100%; font-size:.8rem; margin-bottom:0.5rem; font-weight:600;}
submenu a.podtitulek:hover {font-weight:500; color:black; text-decoration:none}
#naseprace.active img {transform:rotate(180deg);}
#udelameprovas.active img {transform:rotate(180deg);}
#kontakt.active img {transform:rotate(180deg);}
.w-100 {width:var(--size-1);}
.container {width:var(--size-1); margin:0 auto; max-width:var(--container-1); padding:var(--global-padding-1);}
.container.sirsi {width:var(--size-1); margin:0 auto; max-width:var(--container-3); padding:var(--global-padding-1);}
.containercely {width:var(--size-1); margin:0 auto; max-width:var(--container-2); padding:0;}
.containercely.hero {padding:0; padding-bottom:0px}
.containercely.pc {max-width:97%}
.containercely.refkylat {padding:0 1rem}
.justify-start {justify-content:flex-start!important;}
.align-items-stretch {align-items:stretch!important;}
.align-items-start {align-items:start!important;}
.align-items-end {align-items:end!important;}
.black {background:black; color:white; text-align:center; overflow-y:hidden}
.radek {display:flex; justify-content:space-between; align-items:center; width:100%; flex-wrap:wrap;}
.radek.sgapem {flex-wrap:nowrap; gap:40px;}
.text-center {text-align:center;}
.cely {display:flex; width:var(--size-1); justify-content:center; align-items:center; flex-wrap:wrap;}
.polovina {display:flex; width:var(--size-3); justify-content:center; align-items:center; flex-wrap:wrap;}
.tretina {display:flex; width:var(--size-4); justify-content:center; align-items:center; flex-wrap:wrap;}
.ctvrtina {display:flex; width:var(--size-5); justify-content:center; align-items:center; flex-wrap:wrap;}
.petina {display:flex; width:var(--size-6); justify-content:center; align-items:center; flex-wrap:wrap;}
.sestina {display:flex; width:var(--size-7); justify-content:center; align-items:center; flex-wrap:wrap;}
.sedmina {display:flex; width:var(--size-8); justify-content:center; align-items:center; flex-wrap:wrap;}
.osmina {display:flex; width:var(--size-9); justify-content:center; align-items:center; flex-wrap:wrap;}
.dvetretiny {display:flex; width:var(--size-2); justify-content:center; align-items:center; flex-wrap:wrap;}
.grid {display:grid;}
.grid-1 {display:grid; grid-template-columns:repeat(1, minmax(250px, 1fr));}
.grid-2 {display:grid; grid-template-columns:repeat(2, minmax(250px, 1fr));}
.grid-3 {display:grid; grid-template-columns:repeat(3, minmax(250px, 1fr));}
.grid-4 {display:grid; grid-template-columns:repeat(4, minmax(250px, 1fr));}
.grid-5 {display:grid; grid-template-columns:repeat(5, minmax(250px, 1fr));}
.grid-6 {display:grid; grid-template-columns:repeat(6, minmax(250px, 1fr));}
.grid-7 {display:grid; grid-template-columns:repeat(7, minmax(250px, 1fr));}
.grid-8 {display:grid; grid-template-columns:repeat(8, minmax(250px, 1fr));}
.grid-9 {display:grid; grid-template-columns:repeat(9, minmax(250px, 1fr));}
.grid-container {overflow:hidden;}
.gap-0 {gap:0px}
.gap-10 {gap:10px}
.gap-20 {gap:20px}
.gap-40 {gap:40px}
.button {background:#c59d5f; display:flex ; justify-content:center; align-items:center; padding:17px 25px; border-radius:var(--border-radius); font-weight:var(--text-sirka-4); transition:.5s; color:white; text-transform:uppercase; letter-spacing:2px;}
.button a {font-size:var(--text-velikost-4); display:flex; justify-content:center; align-items:center; color:white; cursor:pointer}
.button:hover {background:var(--color-one-hover);}
.button img {height:12px; width:12px; margin-left:7.5px;}
.buttonfit {width:fit-content; margin:0 auto;}
.buttonblack {cursor:pointer; background:var(--color-black); display:flex; justify-content:center; align-items:center; padding:var(--global-padding-3); border-radius:var(--border-radius); font-weight:var(--text-sirka-4); transition:.5s; color:var(--color-white);}
.buttonblack img {height:12px; width:12px; margin-left:7.5px;}
.buttonblack a {font-size:var(--text-velikost-4); display:flex; justify-content:center; align-items:center; color:white; cursor:pointer}
.buttonblack:hover {background:var(--color-one);}
.buttonoutline {cursor:pointer; background:unset; display:flex; justify-content:center; align-items:center; padding:var(--global-padding-3); border-radius:var(--border-radius); font-weight:var(--text-sirka-4); transition:.5s; color:var(--color-black); border:3px solid var(--color-black);}
.buttonoutline img {height:12px; width:12px; margin-left:7.5px; filter:invert(1);}
.buttonoutline a {font-size:var(--text-velikost-4); display:flex; justify-content:center; align-items:center; color:var(--color-black); cursor:pointer}
.buttonoutline:hover {background:var(--color-one); border:3px solid var(--color-one);}
.buttonoutline:hover a {color:var(--color-white);}
.buttonoutline:hover img {filter:invert(0);}
.sedivka {background:var(--color-light); padding:5vh 0;}
.cernasekce {background:black; padding:10vh 0; color:white; position:relative}
header {width:100%; position:relative; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; z-index:99;}
header .container {width:100%}
header .containercely {padding:20px 0;}
header .containercely .speslradek {display:flex; align-items:center; width:100%; flex-wrap:wrap; flex-direction:row; justify-content:flex-start;}
header .textrotuj {font-size:12px; font-weight:800; padding-left:10px;}
header.tmavy {background:black; color:white;}
header.tmavy a {color:white}
footer {margin-top:70px; width:100%;}
footer .prvnicastmenu {display:flex; align-items:center; gap:35px}
footer .druhacastmenu {display:flex; align-items:center; gap:35px}
footer .menu .polozka {display:flex; justify-content:center; align-items:center; font-size:15px; font-weight:400; padding:var(--global-padding-2); padding-left:0px; cursor:pointer; position:relative; padding-bottom:10px; padding-top:15px}
footer .menu .polozka a:before {width:0%; height:1px; background:#000; content:""; display:block; position:absolute; bottom:3px; left:0px; transition:all .3s ease;}
footer .menu .polozka a:hover:before {width:96%;}
footer .menu .polozka a:hover {color:black!important}
footer .menu .polozka a {text-decoration:none!important;}
footer .menu {width:100%; justify-content:flex-start; padding-left:0px; align-items:center; display:flex; gap:20px}
footer .logo {display:flex; justify-content:start; align-items:center; cursor:pointer; width:auto}
footer .logo img {max-height:45px; height:45px; width:auto;}
.copyright {padding-top:20px; margin-top:5px; border-top:1px solid #20202045; margin-bottom:20px; font-size:12px}
.textlinkwhite {font-size:28px; color:white; text-decoration:none; font-weight:100;}
.mt-0 {margin-top:0px!important}
.my-15 {margin:15px 0!important}
.mb-20 {margin-bottom:20px!important}
.mb-40 {margin-bottom:40px!important}
.mt-100 {margin-top:100px!important}
.ml-10 {margin-left:10px!important}
.mt-30 {margin-top:30px!important}
.mb-0 {margin-bottom:0px!important}
.mb-60 {margin-bottom:60px!important}
.mt-50 {margin-top:50px!important}
.mb-100 {margin-bottom:100px!important}
.pl-0 {padding-left:0px!important}
.pb-0 {padding-bottom:0px!important}
.pb-20 {padding-bottom:20px!important}
.pb-40 {padding-bottom:40px!important}
.pt-20 {padding-top:20px!important}
.pt-40 {padding-top:40px!important}
.pt-100 {padding-top:100px!important}
.pr-0 {padding-left:0px!important}
.pt-0 {padding-top:0px!important}
.px-40 {padding:0 0px 0 40px!important}
.px-25 {padding:0 25px!important}
.p0 {padding:0!important;}
.mw-unset {max-width:unset!important;}
.pinned {position:fixed; top:0; left:0; background:white; transition:.4s all; -webkit-box-shadow:10px 10px 52px 0px rgba(0,0,0,0.19); -moz-box-shadow:10px 10px 52px 0px rgba(0,0,0,0.19); box-shadow:10px 10px 52px 0px rgba(0,0,0,0.19);}
.unpinned {position:fixed; top:-150px; left:0; background:white; transition:.4s all;}
.pc .logo {display:flex; justify-content:start; align-items:center; max-width:210px; cursor:pointer; width:210px}
.pc .logo .text {font-size:var(--text-velikost-4); font-weight:var(--text-sirka-5); padding:var(--global-padding-2); max-width:100px; width:100px}
.pc .menu {width:calc(100% - 420px); justify-content:center; padding-left:0px; align-items:center; display:flex;}
.pc .menu .polozka {text-transform:uppercase; letter-spacing:2px; display:flex; justify-content:center; align-items:center; font-size:11px; font-weight:400; padding:var(--global-padding-2); padding-left:20px; padding-right:20px; cursor:pointer; position:relative; padding-bottom:10px}
.pc .menu .polozka a:before {width:0%; height:1px; background:#000; content:""; display:block; position:absolute; bottom:3px; left:10px; transition:all .3s ease;}
.swiper-wrapper.dva .swiper-slide:last-child {margin-right:20px}
.pc .menu .polozka a:hover:before {width:100%;}
.pc .menu .polozka a:hover {color:black!important}
.pc .menu .polozka a {text-decoration:none!important; color:#262526;}
.pc .menu .polozka img {height:8px; width:8px; margin-left:7.5px;}
.pc .cta {display:flex; justify-content:center; align-items:center; max-width:210px; width:210px;justify-content: flex-end;}
.pc .cta img {height:12px; width:12px; margin-left:7.5px;}
.menu-btn-1 {height:32px; width:40px; cursor:pointer; margin-left:25px}
.menu-btn-1 span {scale:.7;}
.menu-btn-1 span, .menu-btn-1 span::before, .menu-btn-1 span::after {background:black; border-radius:3px; content:''; position:absolute; width:40px; height:4px; margin-top:13px; -webkit-transition:.3s ease-in-out; -moz-transition:.3s ease-in-out; -o-transition:.3s ease-in-out; transition:.3s ease-in-out;}
header.tmavy .menu-btn-1 span, header.tmavy .menu-btn-1 span::before, header.tmavy .menu-btn-1 span::after {background:white;}
.menu-btn-1 span::before {margin-top:-12px;}
.menu-btn-1 span::after {margin-top:12px;}
.menu-btn-1.active span {background:transparent;}
.menu-btn-1.active span::before {margin-top:0; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);}
.menu-btn-1.active span::after {margin-top:0; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg);}
.whitebtn {text-decoration:none!important; align-items:center; background:linear-gradient(270deg,#fff 50%,#000 0) 100%; background-color:#fff; background-size:300% 200%; border-radius:100px; color:#000; display:flex; height:100%; max-height:48px; transition:.4s ease-out; border:2px solid #efefef; padding:12px 30px; width:fit-content; cursor:pointer; font-weight:400; position:relative; justify-content:center; text-decoration:none;}
.blackbtn {text-decoration:none!important; align-items:center; background:linear-gradient(270deg,#000 50%,#efefef 0) 100%; background-color:#fff; background-size:300% 200%; border-radius:100px; color:#000; display:flex; height:100%; max-height:48px; transition:.4s ease-out; border:2px solid #efefef; padding:12px 30px; width:fit-content; cursor:pointer; font-weight:400; position:relative; justify-content:center; text-decoration:none; color:white}
.outlinebtn {align-items:center; background:linear-gradient(270deg,transparent 50%,#000 0) 100%; background-position:100% 100%; background-size:300% 200%; border-radius:58px; cursor:pointer; display:flex; justify-content:center; max-height:48px; position:relative; transition:.4s ease-out; width:fit-content; background-color:transparent; border:1px solid #000; color:#000; font-size:16px; font-weight:400; height:100%; line-height:24px; margin-top:20px; padding:12px 24px; text-decoration:none!important}
.whitebtn:hover {background-position:0 100%; border:2px solid #efefef; color:#fff;}
.blackbtn:hover {background-position:0 100%; border:2px solid #efefef; color:#000;}
.outlinebtn:hover {background-origin:border-box; background-position:0 100%; border-color:#000; color:#fff;}
.oddelovac {padding:100px 0 40px;}
.oddelovac .speslradek {gap:40px; justify-content:flex-start; padding-bottom:44px; padding-left:40px; padding-right:40px;}
.changer {cursor:pointer; color:rgba(0,0,0,.3); font-size:42px; font-weight:300; letter-spacing:-.04em; line-height:32px; padding-left:20px; transition:color .5s; margin-bottom:10px}
.changer:hover {color:rgba(0,0,0,1);}
.changer.active {color:rgba(0,0,0,1);}
.smrstena {background-color:#fff; padding:40px 0; width:100%; padding-top:100px;}
.sedybg {background-color:var(--color-light);}
.flex-start {justify-content:flex-start;}
.flex-end {justify-content:flex-end;}
.label {color:#181818; font-size:16px; font-weight:300; line-height:20px; opacity:.3; text-transform:uppercase; padding-bottom:40px}
.labeldva {color:#fff; ; font-size:16px; font-weight:300; line-height:20px; text-transform:uppercase; margin-top:50px;}
.mw-80 {max-width:80%!important}
.align-items-center {align-items:center}
.nowrap {flex-wrap:nowrap}
.tmavybg {background:#181818}
.bilybg {background:#fff}
.tmavytext {color:#181818!important}
.bilytext {color:#fff!important}
.slide-up, .slide-down, .slide-left, .slide-right {opacity:0; transition:transform 0.5s ease, opacity 0.5s ease;}
.slide-up {transform:translateY(20%);}
.slide-down {transform:translateY(-20%);}
.slide-left {transform:translateX(20%);}
.slide-right {transform:translateX(-20%);}
.slide-up-visible {transform:translateY(0); opacity:1;}
.slide-down-visible {transform:translateY(0); opacity:1;}
.slide-left-visible {transform:translateX(0); opacity:1;}
.slide-right-visible {transform:translateX(0); opacity:1;}
.slow-animation {transition:transform 1s ease, opacity 1s ease;}
.fullscreen-menu {position:fixed; top:0; left:0; width:100%; height:100%; background:#f8f9fa; display:none; flex-direction:column; justify-content:flex-start; padding:20px; font-family:Arial, sans-serif; z-index:10}
.fullscreen-menu.active {display:grid; align-items:center; padding-left:5vw; gap:10px;}
.fullscreen-menu .holder .polozka {cursor:pointer; font-size:30px; position:relative; margin-bottom:20px; text-transform:uppercase}
.fullscreen-menu .holder .polozka.socky  {cursor:pointer; font-size:15px; position:relative; margin-bottom:20px; text-transform:uppercase}
.fullscreen-menu .holder .polozka .text {opacity:1;}
.fullscreen-menu .holder .polozka .text:hover {opacity:1;}
.fullscreen-menu .holder .polozky {display:none;}
.fullscreen-menu .back-arrow {display:none; font-size:24px; cursor:pointer; margin-bottom:20px;}
.fullscreen-menu.show-back .back-arrow {display:block; opacity:.6;}
.fullscreen-menu.show-back .back-arrow:hover {opacity:1}
.fullscreen-menu.active-level-two .holder > .visible > .text {font-weight:800; margin-bottom:30px; opacity:1; pointer-events:none; curor:default}
.fullscreen-menu.active-level-three .holder > .visible > .text {font-weight:800; margin-bottom:30px; display:none; opacity:1; pointer-events:none; curor:default}
.fullscreen-menu.active-level-three .holder > .polozka.visible > .polozky.visible > .polozka.visible > .text {font-weight:800; margin-bottom:30px; ; opacity:1; pointer-events:none; curor:default}
.fullscreen-menu.active-level-two .holder > .visible > .text .sipkaopen {display:none}
.fullscreen-menu .hidden {display:none;}
.fullscreen-menu .visible {display:block!important;}
.fullscreen-menu .closemenu {position:absolute; right:30px; top:30px; width:20px; opacity:.7; transition:.3s all; cursor:pointer}
.fullscreen-menu .closemenu:hover {opacity:1;}
.fullscreen-menu .asterixvmenu {width:180px; margin-bottom:40px;}
.fullscreen-menu .sipkaopen {width:15px; height:15px; position:relative; top:0px; transition:.3s all; transform:rotate(-90deg);}
.fullscreen-menu.active-level-three .sipkaopen {display:none}
.relative {position:relative;}
.bgfull {position:absolute; width:100%; height:100%; object-fit:cover}
.mensibrightness {filter:brightness(0.5);}
.z-index-1 {z-index:1;}
.z-index-2 {z-index:2;}
.z-index-3 {z-index:3;}
.hidden {display:none!important;}
.herosekce {justify-content:center; align-items:center; height:calc(100vh - 72px)}
.herosekce .textovacast {display:grid; max-width:700px; text-align:center; margin:0 auto; position:relative}
.herosekce .textovacast.sestinem:before {position:absolute; content:""; display:block; width:150%; height:200%; background:black; filter:blur(80px); z-index:1; left:-25%; top:-50%; opacity:.2;}
.seriftitul {font-size:100px; font-weight:normal; letter-spacing:0; text-transform:none; color:#c59d5f; font-family:var(--font-family-2); position:relative; z-index:3; bottom:-35px; position:relative; left:-5px;}
.uzkytitul.tmavy {color:black;}
.uzkytitul {margin-top:10px; font-weight:800; font-size:60px; letter-spacing:3px; text-transform:uppercase; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid lightgray; color:white; position:relative; z-index:3;}
.uzkytitul.bezlinky {margin-bottom:unset; padding-bottom:unset; border-bottom:0}
.uzkytitulpodtitul {font-weight:300; font-size:15px; letter-spacing:10px; text-transform:uppercase; color:white;}
.herosekce.uzsi {height:50vh}
.textsekce {padding:80px 0; display:grid ; align-items:center;}
.textsekce .textovacast p {max-width:400px; line-height:1.7; color:#515150; margin:30px auto; font-size:18px; letter-spacing:0px;}
.textsekce.reverse .textovacast {order:2;}
.tmavasekce {background:#121212; padding:80px 40px;}
.uzkasekce {max-width:350px; margin:0 auto; display:grid ; color:white; gap:20px; text-align:center; font-size:16px; line-height:1.7; letter-spacing:0px;}
.podpis {font-size:12px; color:#919191}
.podpis a {color:#ac8a4c;}
.vyrobky .uzkytitul {text-align:center; margin-top:50px}
.vyrobky .grid-2 {margin-bottom:50px; gap:40px; font-size:18px; line-height:1.2}
.leva, .prava {display:grid ; gap:20px;}
.kontaktsekce .foto {margin-top:60px;}
.texty-kontakt {margin:15px 0; font-size:18px; line-height:1.5;color:#515150}
.texty-kontakt a {color:black ;}
.texty-kontakt strong {font-size: 24px; text-transform: uppercase;color: black}


@media only screen and (max-width: 1200px) {
.pc .cta {width:85px;max-width:85px;}
.grid-2 {grid-template-columns:1fr;}
.grid-3 {grid-template-columns:1fr;}
.grid-4 {grid-template-columns:1fr;}
.grid-5 {grid-template-columns:1fr;}
.grid-6 {grid-template-columns:1fr;}
.grid-7 {grid-template-columns:1fr;}
.grid-8 {grid-template-columns:1fr;}
.grid-9 {grid-template-columns:1fr;}
.dropdown-button {font-size:16px; font-weight:300; line-height:22px;}
html, content, body, footer {overflow-x:hidden}
header {position:relative;}
.pc .menu {position:fixed; top:0; left:0; z-index:999; background:white; width:100%; padding:0; height:100vh; display:flex; align-items:center; display:none;}
header .containercely {padding:15px 15px 15px 15px;}
header .containercely .speslradek {justify-content:space-between;}
.textsekce.reverse .textovacast {margin-top:80px}
.herosekce.hpmobil .textovacast.sestinemdva:before {position:absolute; content:""; display:block; width:150%; height:150%; background:black; filter:blur(80px); z-index:1; left:-25%; top:-25%; opacity:.35;display:none}
.herosekce.hpmobil .bgfull {object-position:right}
.seriftitul {position:relative; z-index:4; bottom:-25px}
.herosekce.hpmobil .textovacast.sestinemdva .uzkytitul {font-weight:400;}
.herosekce.hpmobil .textovacast.sestinemdva .uzkytitulpodtitul {font-weight:600;}
.herosekce .textovacast {padding:0 25px;}
.herosekce.hpmobil {overflow:hidden;}
.hide-mobile {display:none;}
.textsekce {padding:30px 25px;} 
.pc .logo img.logo {width:180px;}
.herosekce {height:calc(100vh - 62px)}
header .textrotuj {font-weight:400;}
.polovina {width:100%}
.radek.sgapem {flex-wrap:wrap; gap:15px}
.w-600 {width:100%!important}
.px-40 {padding:0 15px!important;}
.seriftitul {font-size:60px;}
.uzkytitul {font-size:30px;}
.uzkytitulpodtitul {font-size:11px; letter-spacing:3px; color:white;}
}

@media only screen and (max-height: 1100px) {
.smrstena {padding-top:50px;}
.mb-200c {margin-bottom:80px !important;}
}

@media only screen and (max-width: 360px) {
.pc .logo {max-width:170px}
}

@media only screen and (max-width: 310px) {
.pc .logo {max-width:150px}
}