/*
 * Theme Name: Skveledomy2 Theme
 * Version: 1.0
 * Description: Skveledomy2 Theme css
 * Author: Skveledomy
*/

@font-face {
  font-family: 'Freight Sans Pro';
  src: url('../fonts/FreightSansProMedium-Regular.woff2') format('woff2'),
       url('../fonts/FreightSansProMedium-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Freight Sans Pro';
  src: url('../fonts/FreightSansProBold-Regular.woff2') format('woff2'),
       url('../fonts/FreightSansProBold-Regular.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}

* {
  box-sizing: border-box;
}

/* constants */
:root {
  --yellow: #FFBB00;
  --bronze: #AB924E;
  --bronze-light:#F2EDE0;
  --bronze-middle:#E3D8BA;
  --gold-light: #F1ECDF;
  --grey: #404040;
  --creme: #F2EDE0;
  --green: #7EE381;
  --white: #ffffff;
}

.yellow { color: var(--yellow); }
.bronze { color: var(--bronze); }
.grey { color: var(--grey);}
.creme { color: var(--creme); }
.green { color: var(--green); }
.white { color: var(--white); }

.bg-yellow { background-color: var(--yellow); }
.bg-bronze { background-color: var(--bronze); }
.bg-grey { background-color: var(--grey); }
.bg-creme { background-color: var(--creme); }
.bg-green { background-color: var(--green); }
.bg-white { background-color: var(--white); }

.rounded-10 { border-radius:10px; }
html { scroll-behavior: smooth; }
body { font-family: 'Freight Sans Pro', Arial, sans-serif !important; margin: 0; padding: 0; background-color: var(--white); color: var(--grey); }

.mob { display:block; }
.desk { display:none !important; }
#tlacitko-schuzka { display:none; }
.half { flex: 1 1 50%; }
button { font-family: "Poppins", serif;}

#mapa { height: 20em; }

.desk-only { display:none; }


/* header */
header { background-color: var(--grey); height: 50px; display:block; position:sticky; top:0; z-index:900; }
header .wrapper { display:flex; height:100%; align-items: center; justify-content: center; }
header .wrapper .sbutton { margin:0 2em 0 8em; box-shadow:none; }
.hdr-logo-link { padding-left:2em; }
.hdr-logo-link img { width:50px; vertical-align:middle; }
.top-nav { margin-left: auto; padding-right:2em; }
.top-nav img { width:27px; vertical-align:middle; }
#hlavni-menu { display:none; margin-left: auto; list-style-type:none; }
#hlavni-menu li { float: left; margin:0 0.5em; }
#hlavni-menu a { padding:0.5em; font-size:18px; color:var(--creme); text-decoration:none; }

/* Header block */
.header-block { position: relative; overflow: hidden; }
.header-block img { position: absolute; width: 100%; height: 100%; opacity: 0.6; z-index: -1; object-fit: cover; }
.header-overlay { position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: center; width: 100%; padding:2em; }
.header-block h1 { font-family:"Bebas Neue", sans-serif; font-weight:300; font-size:93px; line-height:100%; margin:0.2em 0; }
.header-block .header-subheader { font-family:"Bebas Neue", sans-serif; font-size:39px; color:var(--white); }
.header-block .header-intro { font-family:'Poppins'; font-size:20px; text-align:right; }
.header-block .header-intro2 { font-family:'Poppins'; font-size:20px; color:var(--bronze); }
.header-block .button-wrapper { padding-bottom:6em; }

.separator-logo { display: flex; justify-content: center; align-items: center; }
.separator-logo img { width:80px; opacity: 0.6; }


/* buttons */
.button-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

.sbutton {
  font-family:'Poppins';
  border: none;
  padding: 8px 30px;
  font-size: 16px;
  cursor: pointer;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8);
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
  border-radius:5px;
}

.sbutton.shadow {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8) !important;
}
.sbutton.noshadow {
  box-shadow: none !important;
}


.sbutton:hover {
  color: var(--white);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8);
}


.sbutton.button-yellow {
  background-color: var(--yellow);
  color:var(--grey);
}
.sbutton.button-yellow:hover {
  background-color: var(--bronze);
  color: var(--white);
}

.sbutton.button-white {
  background-color: var(--white);
  color:var(--bronze);
  border:1px solid var(--bronze);
  box-shadow:none;
}
.sbutton.button-white:hover {
  background-color: var(--bronze);
  color: var(--white);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8);
}

.sbutton.button-creme {
  font-weight:600;
  background-color: var(--creme);
  color:var(--bronze);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8);
}
.sbutton.button-creme:hover {
  background-color: var(--bronze);
  color: var(--white);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8);
}

.sbutton.button-bronze {
  font-weight:600;
  background-color: var(--bronze);
  color:var(--creme);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8);
}
.sbutton.button-bronze:hover {
  background-color: var(--creme);
  color: var(--bronze);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8);
}


.module { margin: 3em 0 3em 0; }
.module h3 { font-family:'Bebas Neue'; font-size:40px; font-weight:500; text-align:center; margin:0.5em 0.5em 0.2em 0.5em; }
.module .subh3 { font-family:'Poppins'; font-size:16px; font-weight:500; text-align:center; margin:0.1em 0.5em 2em 0.5em; }
.module h4 { font-size:24px; font-weight:500; text-align:center; padding:1em 0 1em 0; text-transform:uppercase; letter-spacing:3px; margin:0 auto }

/* Page - generic */
#obsahova-stranka {}
#obsahova-stranka h1 { font-family: 'Bebas Neue'; font-size: 40px; text-transform: uppercase; font-weight: 500; text-align: center; line-height: 100%; margin: 0.5em; padding: 0 1em; }
#obsahova-stranka .article-body { font-family: 'Poppins'; font-size: 16px; font-weight: 400; padding: 0 1.5em; margin-bottom: 4em; }
#obsahova-stranka .separator-logo { padding: 1em 0; }

/* Blog */
#blog {  }
.blog-list { display:flex; flex-direction:column; }
.blog-list .blog-item { width:100%; text-decoration:none; }
.blog-list .blog-item article { margin-bottom:2em; }
.blog-list .blog-item .image { overflow:hidden; width:100%; height:250px; }
.blog-list .blog-item .image img { height: 100%; width: 100%; object-fit: cover; }
.blog-list .blog-item .headline { padding:0 2em; }
.blog-list .blog-item .headline h2 { text-transform:uppercase; font-size:18px; letter-spacing:3px; font-weight:600; color:var(--grey); margin:1em 0; }
.blog-list .blog-item .headline p { font-family:'Poppins'; font-size:16px; color:var(--grey); }
.blog-list .blog-item .headline p.more { font-size:13px; font-style:italic; text-decoration:underline; text-align:right; color:#999; }

/* Blog - article */
#clanek {  }
#clanek .separator-logo { padding:1em 0; }
#clanek h1 { font-family:'Bebas Neue'; font-size:40px; text-transform:uppercase; font-weight:500; text-align:center; line-height:100%; margin:0.5em; padding:0 1em; }
#clanek .perex { font-family:'Poppins'; font-size:16px; font-weight:400; text-align:center; padding:0 1em; }
#clanek #hlavni-obrazek { overflow:hidden; width:100%; height:330px; margin-bottom:4em; }
#clanek #hlavni-obrazek img { height: 100%; width: 100%; object-fit: cover; }
#clanek .article-content { font-family:'Poppins'; font-size:16px; font-weight:400; padding:0 1.5em; margin-bottom:4em; }
#clanek .article-content img { width: 100%; }

/* Hlavní stránka */
#uvodni-stranka .header-block .header-subheader { margin:0 0 1em; padding-right:0.5em; }
#uvodni-stranka .header-block .header-intro .bronze { font-weight:600; }
#uvodni-stranka .header-block .header-intro { margin-bottom:2em; }
#uvodni-stranka .header-block .header-intro2 { font-weight:600; }
#uvodni-stranka .header-block .header-intro2 span { display:block; }

/* Medailonky lidi */
#medailonky-seznam .header-block .header-intro { margin:2em 0;}
#medailonky-seznam .medallion { display: flex; flex-direction: column; padding:2em; }
#medailonky-seznam .medallion .d1 { display:none; }
#medailonky-seznam .medallion h3 { font-weight:300; text-transform:uppercase; font-size:30px; letter-spacing:4px; }
#medailonky-seznam .medallion h3 span { color:var(--bronze);}
#medailonky-seznam .medallion img { border-radius: 50%; width: 88px; height: 88px; object-fit: cover; }
#medailonky-seznam .medallion .slogan { font-size:20px; font-weight:600; color:var(--bronze); }
#medailonky-seznam .medallion .desc { font-family:'Poppins'; font-size:18px; padding:1em 0; }
#medailonky-seznam .medallion .features { padding:0 0 1em 0; }
#medailonky-seznam .medallion .features h4 { font-weight:300; text-transform:uppercase; font-size:20px; letter-spacing:4px; color:var(--bronze); margin:0 0 1em 0; }
#medailonky-seznam .medallion .features p { font-weight:300; text-transform:uppercase; font-size:20px; letter-spacing:4px; margin:0 0 1em 0; }
#medailonky-seznam .medallion .button-wrapper { margin:2em 0; }

/* Nabídka domů    */
#nabidka .header-block .header-subtitle { margin:0; color:var(--grey); font-family:'Bebas Neue'; text-align:left; font-size:53px; font-weight:300; display:none; }
#nabidka .header-block .header-intro { margin:1em 0 7em 0; color:var(--bronze); font-family:'Bebas Neue'; text-align:left; font-size:39px; font-weight:300; }
#nabidka .header-block .header-subheader { display:none; }
#nabidka .header-block .button-wrapper.second { display:none; }

/* vyhledat-dum */ 
#vyhledat-dum { padding:20px; }
#vyhledat-dum #hledani-podle-kraje { display:flex; flex-direction:column; gap:10px; margin:1em 0 }
#vyhledat-dum #oblast-hledani { display: flex; flex-direction: column; }
#vyhledat-dum #mapa-kraju { width: 100%; margin: 0 auto; }
#vyhledat-dum #mapa-kraju svg { width: 100%; height: auto; }
#vyhledat-dum #mapa-kraju svg path { cursor: pointer; fill:var(--bronze-light); stroke-width: 0; transition: fill 0.3s, stroke 0.3s; }
#vyhledat-dum #mapa-kraju svg path:hover { fill:var(--bronze-middle); }
#vyhledat-dum #mapa-kraju svg path.selected { fill:var(--bronze); }
#vyhledat-dum .search-container { display: flex; width: 100%; border: 1px solid #ECECEC; overflow: hidden; }
#vyhledat-dum .search-input { flex: 1; padding: 15px 16px; border: none; outline: none; font-size: 16px; }
#vyhledat-dum .search-input::placeholder { color:#403F4B; opacity:0.5; }
#vyhledat-dum select { width: 100%; font-size: 16px; color:#403F4B; border: 1px solid #ECECEC; padding: 15px 16px; }
#vyhledat-dum #hledani-podle-kraje .button-wrapper { padding:1em 0 }


/* vysledky-hledani */ 
#vysledky-hledani {  }
#vysledky-hledani #seznam-domu { margin:0 0 2em 0;}
#vysledky-hledani #seznam-domu .list-link { text-decoration:none; }
#vysledky-hledani #seznam-domu .list-link div { color:var(--black); }
#vysledky-hledani #seznam-domu .list-item { display:flex; flex-direction:column; margin-bottom:0.5em; }
#vysledky-hledani #seznam-domu .list-item h4 { font-size:1em; color:var(--white); background-color:var(--yellow); margin:0; font-weight:700; text-align:left; letter-spacing:2px; text-transform:uppercase; font-weight:300; padding:20px 30px; font-size:18px; }
#vysledky-hledani #seznam-domu .list-item .image { overflow:hidden; width:100%; height:250px; }
#vysledky-hledani #seznam-domu .list-item .image .status { display:none }
#vysledky-hledani #seznam-domu .list-item .image img { height: 100%; width: 100%; object-fit: cover; }

/* stranka-domu */
#stranka-domu .header-block .header-intro { padding-left:2em; margin-bottom:5em; }
#stranka-domu .header-block .button-wrapper { padding-bottom:3em; }
#stranka-domu .header-block .button-wrapper button { font-weight:600; }
#stranka-domu .header-block .button-wrapper.second { padding-bottom:4em; }
#stranka-domu .header-block .button-wrapper.second button { color:var(--grey); }
#stranka-domu .header-block .button-wrapper.second button:hover { color:var(--creme); }

/* cena-domu */
#cena-domu { }
#cena-domu .price { width:100%; }
#cena-domu .price button { display:block; font-family:'Poppins'; font-size:16px; font-weight:600; text-align:center; border:1px solid var(--bronze); padding:0.5em 2em; margin:0 auto; border-radius:5px; background-color:var(--white); color:var(--grey); }

/* video-domu */
#video-domu { }
#video-domu .video-wrapper { position: relative; width:100%; padding-top: 56.25%; height: 0; overflow: hidden; }
#video-domu .video-wrapper .video-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#video-domu .video-wrapper .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }

/* novy-zivot */
#novy-zivot { margin: 6em 0 3em 0; }
#novy-zivot .newlife-wrapper { background-color:var(--grey); position:relative; }
#novy-zivot .newlife-wrapper .image { position:absolute; width:68%; height:266px; top:-3em; right:2em; }
#novy-zivot .newlife-wrapper .image img { width: 100%; height: 100%; object-fit: cover; }
#novy-zivot .newlife-wrapper .content { padding:15em 2em 3em 2em; }
#novy-zivot .newlife-wrapper .content .big { font-family:'Bebas Neue'; font-size:40px; text-transform:uppercase; color:var(--white); margin:0; }
#novy-zivot .newlife-wrapper .content .call { font-family:'Poppins'; font-size:18px; font-weight:600; color:var(--bronze); margin:1em 0; }
#novy-zivot .newlife-wrapper .content .info { font-family:'Poppins'; font-size:18px; color:var(--creme); margin:1em 0 2em 0; }

/* financovani */
#financovani {}
#financovani .subh3 { text-align:left; padding:0 2.5em; }
#financovani .subh3 .bronze { font-weight:600; }

#financovani .something-more-wrapper {}

#financovani .something-more-wrapper .info { background-color:var(--bronze); padding:2em; }
#financovani .something-more-wrapper .info .title { font-family:'Bebas Neue'; font-size:40px; color:var(--white); margin-bottom:1em; }
#financovani .something-more-wrapper .info .text { font-size:18px; color:var(--white); margin-bottom:3em; }
#financovani .something-more-wrapper .info #tlacitko-vypocet { font-weight:600; color:var(--grey);  margin:0 3em 3em 0; }
#financovani .something-more-wrapper .info #tlacitko-vypocet:hover { color:var(--grey); background-color:var(--creme); }
#financovani .something-more-wrapper .info #tlacitko-priprava { border:1px solid var(--white);  margin-bottom:3em; }
#financovani .something-more-wrapper .info #tlacitko-priprava:hover { color:var(--grey); }

#financovani .something-more-wrapper .calculation {  }
#financovani .something-more-wrapper .calculation .calc { padding:3em 0; }
#financovani .something-more-wrapper .calculation .calc .title { font-family:'Bebas Neue'; font-size:40px; text-transform:uppercase; text-align:center; color:var(--bronze);margin-bottom:0.5em; }
#financovani .something-more-wrapper .calculation .calc .table { font-family:'Poppins'; font-size:16px; display:flex; flex-direction:column; text-align:center; }
#financovani .something-more-wrapper .calculation .calc .table .row { display:flex; padding:0 1em;  }
#financovani .something-more-wrapper .calculation .calc .table .row2 { padding-top:1em;  }
#financovani .something-more-wrapper .calculation .calc .table .row.header { font-size:18px; font-weight:600; color:var(--bronze); background-color:var(--grey); }
#financovani .something-more-wrapper .calculation .calc .table .row .col { flex: 1 1 50%; box-sizing: border-box; padding:0.3em 1em; }
#financovani .something-more-wrapper .calculation .calc .table .row .col .num, #financovani .something-more-wrapper .calculation .calc .savings .num { padding:0.5em; border:1px solid var(--bronze); border-radius:5px; }
#financovani .something-more-wrapper .calculation .calc .table .row .col.sum .num { background-color:var(--bronze); color:var(--white); font-weight:600; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8) }
#financovani .something-more-wrapper .calculation .calc .table .row .col .num.silver { background-color:#eaeaea; border:1px solid #eaeaea; }

#financovani .something-more-wrapper .calculation .calc .savings .result, #financovani .something-more-wrapper .calculation .calc .savings .text { font-family:'Poppins'; font-size:16px; text-align:center  }
#financovani .something-more-wrapper .calculation .calc .savings .text { font-weight:600; color:var(--bronze); padding:2em 4em 1em 4em; }
#financovani .something-more-wrapper .calculation .calc .savings .sum .num { display:inline-block; background-color:var(--bronze); color:var(--white); font-weight:600; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8); padding: 0.5em 3em; }
#financovani .something-more-wrapper .calculation .calc .bonus { font-weight:600; padding:2em; }
#financovani .something-more-wrapper .calculation .calc .bonus p { font-family: 'Poppins'; font-size: 16px; text-align: center;}
#financovani .something-more-wrapper .calculation .calc .bonus ul { list-style-type: disc; padding-left:2em; text-transform: uppercase; letter-spacing: 1px; color:var(--bronze);margin: 0 auto; display: table;  }

#financovani .range-wrapper { width:100%; padding:1em 0.5em 1em  0.5em; }
#financovani .range-bronze { width:100%; }
#financovani .range-bronze { -webkit-appearance: none; appearance: none; width: 100%; height: 15px; background: var(--bronze); outline: none; border-radius: 5px; }
#financovani .range-bronze::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 25px; height: 25px; background: var(--grey); border-radius: 5px; }
#financovani .range-bronze::-moz-range-thumb { -webkit-appearance: none; appearance: none; width: 25px; height: 25px; background: var(--grey);border-radius: 5px; }
#financovani .range-wrapper .range-labels { display: flex; justify-content: space-between; padding: 0 0.5em; }
#financovani .range-wrapper .range-labels span { font-family:'Poppins'; font-size: 14px; color: var(--bronze); }


/* technicke-detaily */
#technicke-detaily {}
#technicke-detaily .features-list { display:flex; flex-direction:column; margin:2em 0 }
#technicke-detaily .features-list .icon img { display:block; width:70px; margin:0 auto; }
#technicke-detaily .features-list .table { padding:2em; font-size:16px; text-transform:uppercase; letter-spacing:3px;  }
#technicke-detaily .features-list .table .row { display:flex; flex-direction:row; align-items:flex-start;justify-content:space-between; padding:1em 0; }
#technicke-detaily .features-list .table .row.header { font-size:18px; font-weight:600; }
#technicke-detaily .features-list .table .row .cell { inline-block; width:50%; vertical-align: top; overflow-wrap: break-word; }
#technicke-detaily .features-list .table .row .cell:first-child { text-align:left; color:var(--bronze); }
#technicke-detaily .features-list .table .row .cell:last-child { text-align:right;  }
#technicke-detaily .features-list .tech .table .row .cell:first-child { color:var(--grey); }
#technicke-detaily .features-list .price .table .row .cell { color:var(--grey); font-weight:bold; font-size:18px; }
#technicke-detaily .features-list .price .table .info { font-family:'Poppins'; font-size:14px; text-transform:none; letter-spacing:0; color:var(--bronze); text-align:center; }
#technicke-detaily .features-list .buttons-wrapper { display: flex; flex-direction: column; gap:3em; padding:1em; }




/* jak-probiha-nakup */
#jak-probiha-nakup {}
#jak-probiha-nakup .wrapper { padding:0 1em; }
#jak-probiha-nakup #prubeh-nakupu { padding:2em 0; }
#jak-probiha-nakup #prubeh-nakupu .item { margin-bottom:4em; position:relative; }

#jak-probiha-nakup #prubeh-nakupu .item > div { display:block; }
#jak-probiha-nakup #prubeh-nakupu .item .nr { width:35px; margin-top:-40px; font-family:'Bebas Neue'; font-size:49px; font-weight:500; color:var(--creme); }
#jak-probiha-nakup #prubeh-nakupu .item .ico { margin-right:1em; }
#jak-probiha-nakup #prubeh-nakupu .item .ico img { width:67px; }
#jak-probiha-nakup #prubeh-nakupu .item .title {font-family:'Freight Sans Pro'; font-size:20px; font-weight:500; text-transform:uppercase; letter-spacing:3px; width:80%; padding-top:0.2em; }
#jak-probiha-nakup #prubeh-nakupu .item .desc { font-family:'Poppins'; font-size:16px; font-weight:500; color:var(--bronze); }
#jak-probiha-nakup #prubeh-nakupu .item .desc.mob { padding:0 1em; }

#jak-probiha-nakup #prubeh-nakupu .item .item-wrapper { display: flex; flex-direction: row; }
#jak-probiha-nakup #prubeh-nakupu .item .item-wrapper > div { display: flex; flex-direction: row; }

/* proc-jsme-vznikli */
#proc-jsme-vznikli { position:relative; margin:5em 0 3em 0; }
#proc-jsme-vznikli .wrapper { background-color:var(--grey);  }
#proc-jsme-vznikli .overlay { background-color:var(--bronze); position:absolute; width:60%; height:350px; top:-40px; right:0; }
#proc-jsme-vznikli .content { position:relative; z-index:1; padding-bottom:3em; }
#proc-jsme-vznikli h3 { padding:1em 0; color:var(--white); margin:0; }
#proc-jsme-vznikli .vivid { font-family: 'Freight Sans Pro'; font-size:18px; color:var(--white); padding:1.2em 2em; letter-spacing:3px; text-transform:uppercase; text-align:center; background: rgba(255, 255, 255, 0.3); width:90%; backdrop-filter: saturate(180%) blur(10px); }
#proc-jsme-vznikli .text { font-family:'Poppins'; padding:4em 1.5em 3em 1.5em; color:var(--creme); margin:0; font-size:18px; }
#proc-jsme-vznikli .text .bronze { font-weight:600; }

/* v-cem-jsme-jini */
#v-cem-jsme-jini {}
#v-cem-jsme-jini h3 { padding:0 1em; }
#v-cem-jsme-jini .features-wrapper { font-family:'Poppins'; display:flex; flex-direction:column; gap:4em; }
#v-cem-jsme-jini .features-wrapper .list { text-align:center; }
#v-cem-jsme-jini .features-wrapper .list div { display:flex; align-items: center; justify-content:center; font-size:16px; height:70px; background-image:linear-gradient(transparent, var(--creme)); }
#v-cem-jsme-jini .features-wrapper .list div:first-child { font-size:18px; font-weight:600; background-image:none; background-color:var(--grey); color:var(--bronze); }

/* caste-dotazy */
#caste-dotazy {}
#caste-dotazy h3 { }
#caste-dotazy .subh3 { padding:1em 1.5em; }
#caste-dotazy .faq-wrapper { font-family:'Poppins'; font-size:16px; font-weight:500; display:flex; flex-direction:column; gap:15px; padding:0 0.5em; margin-bottom:3em; }
#caste-dotazy .faq-wrapper .list { display:flex; flex-direction:column; gap:15px; }

#caste-dotazy .faq-wrapper .list .item { border:1px solid var(--bronze); border-radius:10px; padding:1em; }
#caste-dotazy .faq-wrapper .list .item .faqhead { display:flex; flex-direction:row; align-items:flex-start; padding:0.5em 0; }
#caste-dotazy .faq-wrapper .list .item .faqhead .faqopen { margin-left: auto;}

#caste-dotazy .faq-wrapper .list .item .faqhead p { padding:0; margin:0; }
#caste-dotazy .faq-wrapper .list .item .content { color:var(--bronze); display:none; }
#caste-dotazy .faq-wrapper .list .item .faqfoot { display:none; flex-direction:row; align-items:flex-end; justify-content:flex-end; padding:0.5em 0; }
#stranka-castych-dotazu { padding-top:2em;}

/* vlastnosti */
#vlastnosti { }
#vlastnosti .item { overflow:hidden; margin-bottom:2em; }
#vlastnosti .item .title { font-size:20px; font-weight:500; text-transform:uppercase; letter-spacing:3px; text-align:center; padding:0.5em 0; }
#vlastnosti .item .deco { display: flex; flex-wrap:wrap; align-items:center; align-content:center; justify-content: center; max-height:200px; overflow:hidden; }
#vlastnosti .item .deco img { width:100%; }

/* reference */
#reference { }
#reference .subh3 { padding:0 2em; }
#reference .swiper-references { height: 430px; overflow: hidden; padding-bottom: 1em; }
#reference .swiper-references .swiper-slide { width: 70% !important; display: flex; flex-direction: column; justify-content: space-between;height: 350px; background-color:var(--creme); border-radius:5px; padding:2em 2em 1em 2em;  }
#reference .swiper-references .swiper-slide .text { font-family:'Poppins'; font-size:16px; padding:0em; margin:0 0 2em 0;  }
#reference .swiper-references .swiper-slide .desc { text-transform:uppercase; font-size:16px; color:var(--bronze); font-weight:600; letter-spacing:3px; text-align:center; padding:0em; margin-top: auto; }
#reference .swiper-references .swiper-pagination { position:relative; }
#reference .swiper-references .swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 15px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 15px));
}
#reference .swiper-references .swiper-pagination-bullet { margin:0 7px;}
#reference .swiper-references .swiper-pagination-bullet {
    background: var(--swiper-pagination-bullet-inactive-color, var(--bronze));
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
}
#reference .swiper-references .swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--bronze, var(--bronze));
}

/* klicove-vyhody */
#klicove-vyhody { }
#klicove-vyhody .subh3 { padding:0 2em; }
#klicove-vyhody .swiper-benefits { height: 430px; overflow: hidden; padding-bottom: 1em; font-family:'Poppins'; }
#klicove-vyhody .swiper-benefits .swiper-slide { width: 70% !important; display: flex; flex-direction: column; height: 370px; background-color:var(--creme); border-radius:15px; padding:2em 2em 1em 2em; background: rgba(242, 237, 224, 0.4);   }
#klicove-vyhody .swiper-benefits .swiper-slide img { width:70px;  }
#klicove-vyhody .swiper-benefits .swiper-slide .text { font-size:20px; padding:0em; margin:1em 0;  }
#klicove-vyhody .swiper-benefits .swiper-slide .desc { font-size:18px; color:var(--bronze); padding:0em; margin:0;  }
#klicove-vyhody .swiper-benefits .swiper-pagination { position:relative; }
#klicove-vyhody .swiper-benefits .swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 15px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 15px));
}
#klicove-vyhody .swiper-benefits .swiper-pagination-bullet { margin:0 7px;}
#klicove-vyhody .swiper-benefits .swiper-pagination-bullet {
    background: var(--swiper-pagination-bullet-inactive-color, var(--bronze));
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
}
#klicove-vyhody .swiper-benefits .swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--bronze, var(--bronze));
}

/* galerie-mobil */
#galerie-mobil { overflow-x: hidden; }
#galerie-mobil .swiper-gallery-mob { height: 400px;  font-family:'Poppins'; }
#galerie-mobil .swiper-gallery-mob .swiper-slide { width: 100% !important; display: flex; flex-direction: column; height: 370px; }
#galerie-mobil .swiper-gallery-mob .swiper-slide img { width: 100%; height: 100%; object-fit: cover;   }
#galerie-mobil .swiper-gallery-mob .swiper-slide .text { font-size:20px; padding:0em; margin:1em 0;  }
#galerie-mobil .swiper-gallery-mob .swiper-slide .desc { font-size:18px; color:var(--bronze); padding:0em; margin:0;  }
#galerie-mobil .swiper-pagination { position:relative; padding:0 10px; }
#galerie-mobil .swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 15px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 15px));
}
#galerie-mobil .swiper-pagination-bullet { margin:5px;}
#galerie-mobil .swiper-pagination-bullet {
    background: var(--swiper-pagination-bullet-inactive-color, var(--bronze));
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
}
#galerie-mobil .swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--bronze, var(--bronze));
}

/* creators */
#tvurci-domu .subh3 { padding:0 1em; }
#tvurci-domu .medallion { display: flex; flex-direction: column; padding:2em; }
#tvurci-domu .medallion .d1 { display:none; }
#tvurci-domu .medallion h3 { font-family: 'Freight Sans Pro' !important; text-align:left; font-weight:300; text-transform:uppercase; font-size:30px; letter-spacing:4px; }
#tvurci-domu .medallion h3 span { color:var(--bronze);}
#tvurci-domu .medallion img { border-radius: 50%; width: 88px; height: 88px; object-fit: cover; }
#tvurci-domu .medallion .slogan { font-size:20px; font-weight:600; color:var(--bronze); }
#tvurci-domu .medallion .desc { font-family:'Poppins'; font-size:18px; padding:1em 0; }
#tvurci-domu .medallion .features { padding:0 0 1em 0; }
#tvurci-domu .medallion .features h4 { font-weight:300; text-transform:uppercase; font-size:20px; letter-spacing:4px; color:var(--bronze); margin:0 0 1em 0; }
#tvurci-domu .medallion .features p { font-weight:300; text-transform:uppercase; font-size:20px; letter-spacing:4px; margin:0 0 1em 0; }
#tvurci-domu .medallion .button-wrapper { margin:2em 0; }

/* o-lidech */
#o-lidech {}
#o-lidech .wrapper { padding-bottom:2em; }
#o-lidech .subh3 { padding:0 6em;}
#o-lidech .about-people-wrapper { margin-bottom:2em; }
#o-lidech .list { display:flex; flex-direction:column; gap:1em; }
#o-lidech .list .item .media img{ width:100%; }
#o-lidech .list .content { padding:2em; }
#o-lidech .list .content .title { font-family:'Bebas Neue'; font-size:28px; margin:0;  }
#o-lidech .list .content .text { font-family:'Poppins'; font-size:16px; margin:1em 0 2em 0;  }
#o-lidech .list .content .foot { display:flex; flex-direction:row; }
#o-lidech .list .content .foot .desc { flex-grow:1; }
#o-lidech .list .content .foot .desc .name { font-family:'Poppins'; font-size:13px; font-style:italic; color:var(--bronze); margin:0.5em 0;  }
#o-lidech .list .content .foot .desc .link { font-family:'Poppins'; font-size:13px; font-style:italic; color:var(--grey); margin:0.5em 0;  }
#o-lidech .list .content .foot .desc .link a { color:#999;  }
#o-lidech .list .content .foot .img { width:77px; margin-right:auto;  }
#o-lidech .list .content .foot .img img { width:77px; height:77px; border-radius: 50%; }

/* vyhody-domu */
#vyhody-domu {}
#vyhody-domu .wrapper { padding-bottom:2em; }
#vyhody-domu .subh3 { padding:0 6em; color:var(--bronze); }
#vyhody-domu .about-people-wrapper { margin-bottom:2em; }
#vyhody-domu .list { display:flex; flex-direction:column; gap:1em; }
#vyhody-domu .list .item .media img { width:100%; }
#vyhody-domu .list .content { padding:2em; }
#vyhody-domu .list .content .title { font-size:20px; letter-spacing:3px; text-transform:uppercase; margin:0;  }
#vyhody-domu .list .content .text { font-family:'Poppins'; font-size:16px; margin:1em 0 2em 0;  }
#vyhody-domu .list .content .text strong { color:var(--bronze);  }

#vyhody-domu .list .even .content .text p { font-family:'Poppins'; font-size:16px; margin:1em 0 2em 0; color:var(--bronze); font-weight:600;  }
#vyhody-domu .list .even .content .text p span { display:block; color:var(--grey); font-weight:500; }
#vyhody-domu .list .even .content .text p span::before { content: ""; display: inline-block; vertical-align: middle; background: #fff url('../images/arrow-right.png') no-repeat; width:16px; background-size: contain; height: 16px; margin-left:-16px; }

/* domy-k-prodeji */
#domy-k-prodeji-mobil { overflow-x: hidden; }
#domy-k-prodeji-mobil .swiper-other-houses-mob { height: 400px;  font-family:'Poppins'; }
#domy-k-prodeji-mobil .swiper-other-houses-mob .swiper-slide { width: 100% !important; display: flex; flex-direction: column; height: 370px; }
#domy-k-prodeji-mobil .swiper-other-houses-mob .swiper-slide a { text-decoration:none; }
#domy-k-prodeji-mobil .swiper-other-houses-mob .swiper-slide .image { display:flex; height:300px; }
#domy-k-prodeji-mobil .swiper-other-houses-mob .swiper-slide img { width: 100%; height: 100%; object-fit: cover;   }
#domy-k-prodeji-mobil .swiper-other-houses-mob .swiper-slide .image .status { position:absolute; top:2em; right:0; background-color:var(--green); display:block; color:var(--white); font-size:18px; padding:0.5em 2em; text-transform:uppercase; letter-spacing:3px; z-index:1; }
#domy-k-prodeji-mobil .swiper-other-houses-mob .swiper-slide .text { font-size:20px; padding:0em; margin:1em 0;  }
#domy-k-prodeji-mobil .swiper-other-houses-mob .swiper-slide .desc { font-size:18px; color:var(--bronze); padding:0em; margin:0;  }
#domy-k-prodeji-mobil .swiper-other-houses-mob .swiper-slide h4 { color:var(--white); background-color:var(--yellow); margin:0; font-weight:600; text-align:left; letter-spacing:2px; text-transform:uppercase; padding:20px 30px; font-size:18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

#domy-k-prodeji-mobil .swiper-other-houses-mob .swiper-slide .list-link.sold .image img { filter: brightness(40%); }
#domy-k-prodeji-mobil .swiper-other-houses-mob .swiper-slide .list-link.sold h4 { background-color: var(--grey); }
#domy-k-prodeji-mobil .swiper-other-houses-mob .swiper-slide .list-link.under-construction .image img { filter: brightness(40%); }

#domy-k-prodeji-mobil .swiper-pagination { position:relative; padding:0 10px; }
#domy-k-prodeji-mobil .swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 15px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 15px));
}
#domy-k-prodeji-mobil .swiper-pagination-bullet { margin:5px;}
#domy-k-prodeji-mobil .swiper-pagination-bullet {
    background: var(--swiper-pagination-bullet-inactive-color, var(--bronze));
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
}
#domy-k-prodeji-mobil .swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--bronze, var(--bronze));
}

/* inspirace */
#inspirace .blog-item:nth-child(2) ~ * { display: none; }

/* formular-kontaktni */
#formular-kontaktni { margin: 0; }
#formular-kontaktni .contact-form-wrapper .info { background-color:var(--bronze); padding:3em 2em; }
#formular-kontaktni .contact-form-wrapper .info .title { font-family:'Bebas Neue'; font-size:40px; color:var(--grey); margin-bottom:0.5em; }
#formular-kontaktni .contact-form-wrapper .info .text { font-size:18px; color:var(--white); margin-bottom:3em; }
#formular-kontaktni .contact-form-wrapper .info .text strong { color:var(--grey);  }

#formular-kontaktni .footer-social { padding:0;  }
#formular-kontaktni .footer-social .icons { display: flex; gap:20px; flex-direction: row; justify-content: center; align-items: center; }
#formular-kontaktni .footer-social .icons img { width:55px; }
#formular-kontaktni .footer-social p { text-align:center; color:var(--white); font-size:12px; }


#formular-kontaktni .form { padding:2em 1em; font-family:'Poppins'; font-size:16px; color:var(--grey); }
#formular-kontaktni .form .formular-kontaktni { display:flex; flex-direction:column; justify-items:center; justify-content:center; }
#formular-kontaktni .form .formular-kontaktni .form-row { display:flex; flex-direction:column; justify-items:center; justify-content:center; text-align:center; padding-bottom:1em; }
#formular-kontaktni .form .formular-kontaktni .form-row .left { padding-bottom:0.2em;  }

#formular-kontaktni .form input, #formular-kontaktni .form select, #formular-kontaktni .form textarea { font-family:'Poppins'; border:1px solid var(--bronze); font-size:16px; padding:0.5em 1em; width:100%; border-radius:5px; color:var(--grey); }

#formular-kontaktni .form p { font-size:12px; font-style:italic; }
#formular-kontaktni .form p.title-result { font-family: 'Bebas Neue'; font-size: 40px; color: var(--grey); margin-bottom: 0.5em; font-style:inherit; text-align:center }
#formular-kontaktni .form .button-wrapper { padding:1em 0; }


/* paticka */
#paticka { font-family: "Poppins", serif !important; background-color: var(--creme); padding:5em 2em 2em 2em; }
#paticka #obal-paticky { display: flex; flex-direction: column; }
#paticka .footer-logo {  }
#paticka .footer-logo img { width:120px; margin:0 auto; display:block; }
#paticka .footer-block { font-size:16px; line-height:16px; padding-bottom:30px;  }
#paticka .footer-block a { color:var(--grey); text-decoration:none; }
#paticka .footer-block a.main { color:var(--bronze); text-decoration:underline; }

#paticka #newsletter-paticka { padding-bottom:20px; }
#paticka #formular-newsletter label { display:block; background-color:var(--yellow); width:100%; padding:10px 40px; }
#paticka #formular-newsletter input { font-family:'Poppins'; display:block; width:100%; color:var(--bronze); border:1px solid var(--bronze); padding:15px 25px; font-size:10px; }
#paticka #formular-newsletter input::placeholder { color: var(--bronze); }
#paticka #formular-newsletter #zprava-newsletter { display:none; }
#paticka #newsletter-paticka p.info { color: var(--bronze); font-size:10px; padding:5px 10px; margin:0; }
#paticka #newsletter-paticka #odebirat { width:100%; }

#paticka .footer-social { padding:20px 0;  }
#paticka .footer-social .icons { display: flex; gap:20px; flex-direction: row; justify-content: center; align-items: center; }
#paticka .footer-social .icons img { width:55px; }
#paticka .footer-social p { text-align:center; color:var(--bronze); font-size:12px; }

#paticka .copyright { font-size:12px; margin:0; text-align:center; }
#paticka .copyright a { color:var(--grey); text-decoration:none; }

/* menu */
#vysouvaci-menu { font-family:'Poppins'; width:394px; height:100%; background-color:var(--grey); color:white; position:fixed; top:0; left:-394px; transition:left 0.3s ease; z-index:999; }
#vysouvaci-menu ul { list-style-type: none; padding: 30px; }
#vysouvaci-menu ul li { margin: 25px 0; }
#vysouvaci-menu ul li a { color:var(--creme); text-decoration:none; font-size:1.2em; line-height:2em; }
#vysouvaci-menu.active { left:0; }
#vysouvaci-menu #hlavicka-menu { padding:30px; height:85px; }
#vysouvaci-menu #hlavicka-menu #logo-menu { width:73px; float:left;  }
#vysouvaci-menu #hlavicka-menu #zavrit-menu { font-size:1.7em; float:right; color:var(--bronze-dark); font-weight:900; width:40px; text-align:right; cursor:pointer; }
#vysouvaci-menu .button-wrapper { height:auto; display:block; padding: 50px 0 30px 30px; }
#vysouvaci-menu .button-wrapper .sbutton.button-creme { color:var(--grey); font-weight:500; }
#vysouvaci-menu .button-wrapper .sbutton.button-creme:hover { color:var(--creme); }

/* pagination */
.pagination-block { font-family:'Poppins'; font-size:16px; display: flex; justify-content: center; margin: 4em 0; }
.pagination-block ul.pagination { list-style-type:none;  display: flex; padding: 0; margin: 0; }
.pagination-block ul.pagination li { float: left; margin: 0 1em; }
.pagination-block ul.pagination li a { display: block; text-decoration: none; color:var(--grey); }
.pagination-block ul.pagination li a:hover { color: #333; }





@media (min-width:768px) {
/* @media (min-width:768px) and (max-width:1279px) { */

.module { margin:5em 0 5em 0; }
.module h3 { font-size:55px; margin:0.5em 0 0 0; }
.module .subh3 { font-size:20px; margin:0 0 3em 0; }

.mob { display:none !important; }
.desk { display:block !important; }

#mapa { height: 30em; }

header .wrapper { max-width:1600px; margin:0 auto; }

/* Hlavní stránka */
#uvodni-stranka .header-block { width:100%; margin:0 auto; padding:inherit; }
#uvodni-stranka .header-block img { width:100%; }
#uvodni-stranka .header-block .header-overlay { width:70%; margin:0 auto; padding:8vw 0; }
#uvodni-stranka .header-block .header-overlay .header-subheader {  }
#uvodni-stranka .header-block .content-wrapper { margin:0 auto;  }

/* Nabídka domů */
#nabidka .header-block { width:100%; margin:0 auto; padding:inherit; }
#nabidka .header-block img { width:100%; }
#nabidka .header-block .header-overlay { width:60%; margin:0 auto; padding:8vw 0; }
#nabidka .header-block .header-overlay .header-subheader {  }
#nabidka .header-block .content-wrapper { margin:0 auto;  }
#nabidka .header-block .header-subtitle { margin:0; color:var(--grey); font-family:'Bebas Neue'; text-align:left; font-size:53px; font-weight:300; display:none; }
#nabidka .header-block .header-intro { margin:1em 0 7em 0; color:var(--bronze); font-family:'Bebas Neue'; text-align:left; font-size:39px; font-weight:300; }
#nabidka .header-block .header-subheader { display:none; }

/* stranka-domu */
#stranka-domu .header-block { width:100%; margin:0 auto; padding:inherit; }
#stranka-domu .header-block img { width:100%; }
#stranka-domu .header-block .header-overlay { width:70%; margin:0 auto; padding:8vw 0; }
#stranka-domu .header-block .content-wrapper { margin:0 auto;  }

/* house-gallery */
#predstaveni-domu { max-width:90%; margin:0 auto; padding:4vw 0; }
#predstaveni-domu .main-swiper span { font-family:'Poppins'; position:absolute; z-index:999; right:2vw; font-size:0.8em; font-weight:700; padding:1vw 2vw; border-radius:5px; }
#predstaveni-domu .main-swiper span.state { top:2vw; background-color:var(--green); text-transform:uppercase; }
#predstaveni-domu .main-swiper span.price { top:8vw; background-color:var(--bronze); }
#predstaveni-domu #zobrazit-vice {  }

/* swiper */
.swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1; }
.main-swiper { width: 100%;	height:50vw; border-radius:5px; }
.main-swiper .swiper-slide img { width: 100%; height: 100%; object-fit: cover; }
.main-swiper-thumbs-container {	width: 100%; margin-top: 0.5em; }
.main-swiper-thumbs-container .swiper-wrapper {	display:flex; flex-wrap: wrap; }
.main-swiper-thumbs-container.swiper-thumbs { margin-bottom:2vw; }
.main-swiper-thumbs-container .swiper-wrapper .swiper-thumb { flex: 0 0 16.6%; height:10vw; padding:5px; box-sizing:border-box; }
.main-swiper-thumbs-container .swiper-wrapper .swiper-thumb img { width: 100%; height: 100%; border-radius:5px; object-fit: cover; }

/* cena-domu */
#cena-domu { }

/* financovani */
#financovani .something-more-wrapper .calculation .calc .table .row .col { padding:1em; }

/* bezpecny-prevod */
#bezpecny-prevod.desk { display:none !important; }

/* technicke-detaily */
#technicke-detaily { max-width:960px; margin:3em auto; }
#technicke-detaily .features-list { margin: 2em 0 5em 0; }
#technicke-detaily .features-list > div { display:flex; flex-direction:row; }
#technicke-detaily .features-list .icon { width:20%; text-align:right;padding-top: 1em; }
#technicke-detaily .features-list .icon img { width:100px; display:inline-block; }
#technicke-detaily .features-list .table { width:80%; padding-left:5em }
#technicke-detaily .features-list .table .row.header { font-size:20px; }
#technicke-detaily .features-list .table .row .cell:last-child { text-align:left; }
#technicke-detaily .features-list .price .button-wrapper { display:inline-block; height: 0px; padding:3em 3em 0 0;;  }
#technicke-detaily .features-list .price .table .row .cell { font-size:26px; }
#technicke-detaily .features-list .buttons-wrapper { flex-direction: row; padding:3em 1em; justify-content:center; }


/* Medailonky lidi */
#medailonky-seznam .header-block { width:100%; margin:0 auto; padding:inherit; }
#medailonky-seznam .header-block .header-overlay { width:70%; margin:0 auto; padding:8vw 0; }
#medailonky-seznam .header-block h1 { display:block; text-align:right; }
#medailonky-seznam .header-block h1 span { display:block; text-align:left; }
#medailonky-seznam .header-block .header-intro { padding:0 2% 0 40%; font-size:24px; }
#medailonky-seznam .header-block .button-wrapper { display:none; }

#medailonky-seznam .people { padding:0 2em; margin:100px 0;  }
#medailonky-seznam .medallion .m1 { display:none; }
#medailonky-seznam .medallion .d1 { display:block; }
#medailonky-seznam .medallion .d1 { display:block; }

#medailonky-seznam .medallion .m2 { order:2; }
#medailonky-seznam .medallion .m3 { order:1; }

#medailonky-seznam .medallion {
  display: flex;
  flex-direction: row;
  gap: 2em;
  max-width:1280px;
  margin: 0 auto;
  padding:5em 0;
  
}

#medailonky-seznam .medallion.even .m2 { order:1; }
#medailonky-seznam .medallion.even .m3 { order:2; }

#medailonky-seznam .medallion h3 { font-size:24px; }
#medailonky-seznam .medallion h3 span { color:var(--bronze); }
#medailonky-seznam .medallion img { width: 420px; height: 420px; }
#medailonky-seznam .medallion .slogan { font-size:18px; }

#medailonky-seznam .medallion.even .m3 { text-align:right; }

#medailonky-seznam .medallion .desc { padding:0 0 1em 0; }
#medailonky-seznam .medallion .features { }

#medailonky-seznam .medallion .features h4 { font-size:24px; line-height:35px; margin:0; }
#medailonky-seznam .medallion .features p { font-size:24px; line-height:35px; margin:0; }
#medailonky-seznam .medallion .button-wrapper { display:inline-flex; padding:2em; margin:0; height:auto; }

#medailonky-seznam .medallion.even .button-wrapper { text-align:right; }

/* jak-probiha-nakup */
#jak-probiha-nakup .wrapper {  }
#jak-probiha-nakup .wrapper { width:80%; margin:5em auto 5em auto;}
#jak-probiha-nakup #prubeh-nakupu .item .item-wrapper .p2 { display: flex; flex-direction:column; }

/* proc-jsme-vznikli */
#proc-jsme-vznikli { margin:8em auto 5em auto; }
#proc-jsme-vznikli .mob { display:block !important; }
#proc-jsme-vznikli .desk { display:none !important; }

/* caste-dotazy */
#caste-dotazy { max-width:1280px; margin:5em auto 5em auto; }
#caste-dotazy h3 { max-width:800px; margin:0 auto;  }
#caste-dotazy .subh3 { max-width:800px; margin:0 auto; font-size:16px; }
#caste-dotazy .faq-wrapper { flex-direction:row; margin:2em 0; }
#caste-dotazy .faq-wrapper .list { width:50%; }
#caste-dotazy .faq-wrapper.page { flex-direction:column; margin:2em 0; }
#caste-dotazy .faq-wrapper.page .list { width:100%; }
#stranka-castych-dotazu { padding-top:3em;}

/* vlastnosti */
#vlastnosti .item .title { font-size:22px; padding:0.7em 0; }
#vlastnosti .item .deco { width:100%; max-height:400px; }

/* reference */
#reference .mob { display:block !important; }
#reference .desk { display:none !important; }
#reference .swiper-references .swiper-slide .text { font-size:2vw; }
#reference .swiper-references .swiper-slide .desc { font-size:2vw; }

/* klicove-vyhody */
#klicove-vyhody .swiper-benefits .swiper-slide img { width:80px;  }
#klicove-vyhody .swiper-benefits .swiper-slide .text { font-size:2vw; }
#klicove-vyhody .swiper-benefits .swiper-slide .desc { font-size:2vw; }

/* o-lidech */
#o-lidech .wrapper { padding-bottom:3em; }
#o-lidech .about-people-wrapper { margin-bottom:3em; }
#o-lidech .list { gap:2em; }
#o-lidech .list .content { padding:3em; }
#o-lidech .list .content .title { font-size:34px; }
#o-lidech .list .content .text { font-size:20px; margin:2em 0 4em 0;  }
#o-lidech .list .content .foot .desc .name { font-size:18px; margin:1em 0;  }
#o-lidech .list .content .foot .desc .link { font-size:16px; margin:1em 0;  }
#o-lidech .list .content .foot .img { width:150px;  }
#o-lidech .list .content .foot .img img { width:150px; height:150px; }

/* vyhody-domu */
#vyhody-domu .wrapper { padding-bottom:3em; }
#vyhody-domu .house-benefits-wrapper { margin-bottom:3em; }
#vyhody-domu .list { gap:2em; }
#vyhody-domu .list .content { padding:3em; }
#vyhody-domu .list .content .title { font-size:34px; }
#vyhody-domu .list .content .text { font-size:20px; margin:2em 0 4em 0;  }
#vyhody-domu .list .even .content .text p span::before { margin-left:0; }

/* domy-k-prodeji */
#domy-k-prodeji .mob { display:block !important; }
#domy-k-prodeji .desk { display:none !important; }
#domy-k-prodeji-mobil .swiper-other-houses-mob { height: 550px; }
#domy-k-prodeji-mobil .swiper-other-houses-mob .swiper-slide { height: 500px; }
#domy-k-prodeji-mobil .swiper-other-houses-mob .swiper-slide .image { height:450px; }
#domy-k-prodeji-mobil .swiper-other-houses-mob .swiper-slide h4 { font-size:22px; }

/* formular-kontaktni */
#formular-kontaktni .form input, #formular-kontaktni .form select, #formular-kontaktni .form textarea { width:70%; }
#formular-kontaktni .form p { text-align:center; }

/* paticka */
#paticka #obal-paticky { flex-direction: row; flex-wrap: wrap;}
#paticka #obal-paticky { justify-content:center; gap:3vw;  }
#paticka .footer-logo img { width:10vw; margin:0 auto; display:block; }
#paticka .footer-social .icons img { width:4vw; }

}

@media (min-width: 900px) {
#hlavni-menu { display:block; }
#prepinac-menu { display:none; }
#tlacitko-schuzka { display:block; }	
header .wrapper .sbutton { margin: 0 2em 0 2em; }
header { height: 87px; }
.hdr-logo-link img { width:73px; }
}

@media (min-width: 1280px) {

.module { margin: 0 0 8em 0; }
.module h3 { font-size:74px; margin:0.5em 0 0 0; }
.module .subh3 { font-size:24px; margin:0 0 3em 0; }

#mapa { height: 40em; }

.header-block img { width: 100%; opacity:0.4; }
.header-block h1 { font-size:188px;margin: 0; }

header .wrapper .sbutton { margin: 0 2em 0 8em; }


.desk-only { display:block; }

/* Page - generic */
#obsahova-stranka {}
#obsahova-stranka h1 { font-size: 74px; font-weight: 500; margin: 0.5em; padding: 0 1em; }
#obsahova-stranka .article-body { max-width: 1200px; margin: 0 auto 5em auto; }
#obsahova-stranka .separator-logo { padding: 2em 0; }


/* Blog */
#blog { max-width:1920px; margin:5em auto; padding:0 2em; }
.blog-list {flex-direction: row; flex-wrap: wrap; justify-content:space-between; }
.blog-list .blog-item { flex-grow: 0; flex-shrink: 0; width:32.5%; box-sizing: border-box; display: flex; align-items: flex-start; }

/* Blog - article */
#clanek { max-width:1920px; margin:0 auto; }
#clanek .separator-logo { padding:2em 0; }
#clanek h1 { font-size:74px; font-weight:500;margin:0.5em; padding:0 1em; }
#clanek .perex { width:900px; margin:0 auto; padding-bottom:4em;  }
#clanek #hlavni-obrazek { height:450px; }
#clanek .article-content { max-width:1200px; margin:0 auto 5em auto; }

/* Hlavní stránka */
#uvodni-stranka { max-width:1920px; margin:0 auto; }
#uvodni-stranka .header-block .header-overlay { display:block; width:80%; margin:0 auto; padding:12em 0 5em 0;  }
#uvodni-stranka .header-block .header-overlay .header-subheader { text-align:right; padding-right:16%; }
#uvodni-stranka .header-block .header-overlay .header-intro { font-size:24px; text-align:right; padding:0 16% 0 25%; font-weight:500; }
#uvodni-stranka .header-block .header-overlay .header-intro .bronze { color:var(--grey); font-weight:500; }
#uvodni-stranka .header-block .header-overlay .header-intro2 { font-size:24px; color:var(--white); font-weight:500; text-align:right;padding-right:16%; }
#uvodni-stranka .header-block .header-overlay .header-intro2 span { display:inline-block; }
#uvodni-stranka .header-block .button-wrapper { justify-content:right; margin-right:23%; padding-bottom:10em; }

/* Nabídka domů */
#nabidka { max-width:1920px; margin:0 auto; }
#nabidka .header-block .header-overlay { display:block; width:70%; margin:0 auto; padding:12em 0; }
#nabidka .header-block .header-overlay h1 { text-align:right; }
#nabidka .header-block .header-overlay h1 span { display:block; text-align:left; }
#nabidka .header-block .header-overlay .header-subheader { display:block; font-size:53px; color:var(--grey); text-align:right; margin:0; }
#nabidka .header-block .header-overlay .header-intro { font-family:'Poppins'; font-size:24px; font-weight:500; color:var(--grey); text-align:right; margin:0 1em 3em 0; }
#nabidka .header-block .button-wrapper { display:none; }
#nabidka .header-block .button-wrapper.second { display:block; text-align:right; margin:0 1em 1em 0; padding-bottom:0em; }

/* stranka-domu */
#stranka-domu { max-width:1920px; margin:0 auto; }
#stranka-domu .header-block .header-overlay { display:block; width:60%; margin:0 auto; padding:12em 0; }
#stranka-domu .header-block .header-overlay h1 { text-align:right; }
#stranka-domu .header-block .header-overlay h1 span { display:block; text-align:left; }
#stranka-domu .header-block .header-overlay .header-subheader { display:block; font-size:74px; text-align:right; margin:0; }
#stranka-domu .header-block .header-overlay .header-intro { font-size:24px; font-weight:500; text-align:right; margin:1em 0 3em 0; }
#stranka-domu .header-block .buttons-wrapper { display:flex; flex-direction:row; align-items:right; justify-content: right;	 }
#stranka-domu .header-block .button-wrapper { padding-bottom:0; }
#stranka-domu .header-block .button-wrapper.second { padding-bottom:0; margin-left:3em;  }

/* vyhledat-dum */ 
#vyhledat-dum { width:100%; max-width:1440px; margin:5em auto; }
#vyhledat-dum #oblast-hledani { flex-direction:row; align-items:center; }
#vyhledat-dum #oblast-hledani .half { padding:3em; }
#vyhledat-dum #hledani-podle-kraje .button-wrapper { justify-content: right; }

/* vysledky-hledani */ 
#vysledky-hledani { width:100%; max-width:1920px; margin:3em auto; }
#vysledky-hledani .wrapper { padding:2em; }
#vysledky-hledani #seznam-domu {  }
#vysledky-hledani #seznam-domu .block .row { display:flex; flex-direction:row; gap:20px; box-sizing: border-box; justify-content:space-between; margin-bottom:20px; }
#vysledky-hledani #seznam-domu .block .row .list-link { 0 0 calc(25% - 10px); width: 100%; }
#vysledky-hledani #seznam-domu .block .row .list-link.big { flex: 0 0 calc(50% - 10px); }
#vysledky-hledani #seznam-domu .block .row .list-link .list-item { margin-bottom:0; }
#vysledky-hledani #seznam-domu .block .row .list-link .list-item .image { height:370px; }
#vysledky-hledani #seznam-domu .list-item .image { position:relative; }
#vysledky-hledani #seznam-domu .list-item .image .status { position:absolute; top:2em; right:0; background-color:var(--gold-light); display:block; color:var(--bronze); font-size:24px; padding:0.5em 2em; text-transform:uppercase; letter-spacing:3px; z-index:1; }

#vysledky-hledani #seznam-domu .list-link.sold .image img { filter: brightness(40%); }
#vysledky-hledani #seznam-domu .list-link.sold h4 { background-color:var(--grey); }
#vysledky-hledani #seznam-domu .list-link.under-construction .image img { filter: brightness(40%); }

/* house-gallery */
#predstaveni-domu { max-width:1180px; margin:0 auto; }

/* swiper */
.main-swiper { width: 100%;	height:890px; border-radius:5px; }
.main-swiper-thumbs-container {	width: 100%; margin-top: 0.5em; }
.main-swiper-thumbs-container .swiper-wrapper .swiper-thumb { flex: 0 0 16.6%; height:133px; padding:10px; }

/* predstaveni-domu */
#predstaveni-domu .main-swiper span { position:absolute; right:1.5vw; font-size:1.5vw; padding:0.5vw 1vw; }
#predstaveni-domu .main-swiper span.state { top:1.5vw; }
#predstaveni-domu .main-swiper span.price { top:5vw; }
#predstaveni-domu #zobrazit-vice {  }


/* cena-domu */
#cena-domu { display:none; }

/* novy-zivot */
#novy-zivot { max-width:1920px; margin:12em auto 6em auto; }
#novy-zivot .newlife-wrapper .image { width:38%; height:727px; top:-6em; left:8em; }
#novy-zivot .newlife-wrapper .content { padding:3em 20% 7em 50%; }
#novy-zivot .newlife-wrapper .content .big { font-size:74px; margin-bottom:1em; }
#novy-zivot .newlife-wrapper .content .call { font-size:18px; margin:0; }
#novy-zivot .newlife-wrapper .content .info { font-size:18px; margin:0 0 5em 0; }
#novy-zivot .newlife-wrapper .button-wrapper { display:block }

/* financovani */
#financovani { max-width:1920px; margin:5em auto;}
#financovani .subh3 { width:60%; margin:0 auto 3em auto; font-size:24px; text-align: center; padding: 0 2em; }
#financovani .something-more-wrapper { display:flex; }
#financovani .something-more-wrapper > div { flex: 1 1 50%; box-sizing: border-box; }

#financovani .something-more-wrapper .info { padding: 14em 2em 10em 14em; }
#financovani .something-more-wrapper .info .title { font-size:74px; line-height:100%; margin-bottom:0.5em; }
#financovani .something-more-wrapper .info .text { padding-right:12em; margin-bottom:4em; }

#financovani .something-more-wrapper .calculation { padding:2em 8em; }
#financovani .something-more-wrapper .calculation .calc .title { font-size:32px; }
#financovani .something-more-wrapper .calculation .calc .table .row .col { padding:0.5em; }
#financovani .something-more-wrapper .calculation .calc .table .row .col:nth-child(2) { flex: 0 0 30%; }
#financovani .something-more-wrapper .calculation .calc .table .row .col.desk { text-align:left; }
#financovani .something-more-wrapper .calculation .calc .table .row.header { margin-bottom:0.5em; }

#financovani .something-more-wrapper .calculation .calc .savings { display:flex; justify-content:space-between; padding:2em 1em;  }
#financovani .something-more-wrapper .calculation .calc .savings .text { padding:0.5em; text-align:left; width:70% }
#financovani .something-more-wrapper .calculation .calc .savings .result { padding-right:0.5em; }
#financovani .something-more-wrapper .calculation .calc .savings .result { padding:0 0.5em; width: 30%; }
#financovani .something-more-wrapper .calculation .calc .savings .result.sum .num { padding:0.5em; width:100%; }

#financovani .something-more-wrapper .calculation .calc .bonus { padding: 0 1.5em; }
#financovani .something-more-wrapper .calculation .calc .bonus p { text-align: left;}
#financovani .something-more-wrapper .calculation .calc .bonus ul { margin:inherit; }

/* bezpecny-prevod */
#bezpecny-prevod { max-width:1450px; margin:5em auto; }
#bezpecny-prevod.desk { display:block !important; }
#bezpecny-prevod .safe-transfer-wrapper { display:flex; }
#bezpecny-prevod .safe-transfer-wrapper .left { width:30%; margin-right:4em; }
#bezpecny-prevod .safe-transfer-wrapper .left .slogan { position:relative; background-color:var(--bronze); padding:5em 4em 8em 4em; }
#bezpecny-prevod .safe-transfer-wrapper .left .slogan p { font-size:24px; text-transform:uppercase; letter-spacing:3px; color:var(--white); }
#bezpecny-prevod .safe-transfer-wrapper .left .slogan img { width:130px; position:absolute;bottom:-2em; right:-2em; }

#bezpecny-prevod .safe-transfer-wrapper .right { width:70%; padding:0 5em 0 3em; margin-left:4em; }
#bezpecny-prevod .safe-transfer-wrapper .right span { color:var(--bronze); font-weight:600; }
#bezpecny-prevod .safe-transfer-wrapper .right .title { font-family:'Bebas Neue'; font-size:74px; }
#bezpecny-prevod .safe-transfer-wrapper .right .text1 { font-family:'Poppins'; font-size:18px; margin-bottom:1em; }
#bezpecny-prevod .safe-transfer-wrapper .right .text2 { font-family:'Poppins'; font-size:18px; font-style:italic; color:var(--bronze); margin-bottom:1em; }
#bezpecny-prevod .safe-transfer-wrapper .right .text3 { font-family:'Poppins'; font-size:18px; text-align:center }
#bezpecny-prevod .safe-transfer-wrapper .right .button-wrapper { display: block; margin: 0 auto; text-align: center; padding:2em 0; height:auto; }

/* technicke-detaily */
#technicke-detaily .features-list .icon img { width:130px; }
#technicke-detaily .features-list .table .row.header { font-size:24px; }
#technicke-detaily .features-list .price .table .row .cell { font-size:30px; }

/* Medailonky lidi */
#medailonky-seznam { max-width:1920px; margin:0 auto; }
#medailonky-seznam .header-block .header-overlay { display:block; width:75%; margin:0 auto; padding:12em 0; }
#medailonky-seznam .header-block .header-intro { padding:0 2% 0 40%; font-size:24px; }
#medailonky-seznam .header-block .button-wrapper { display:none; }

#medailonky-seznam .content-wrapper { max-width:1920px; margin:0 auto;  }
#medailonky-seznam .people { max-width:1280px; margin:100px auto 0 auto;  }
#medailonky-seznam .medallion .m1 { display:none; }
#medailonky-seznam .medallion .d1 { display:block; }
#medailonky-seznam .medallion .d1 { display:block; }

#medailonky-seznam .medallion .m2 { order:2; }
#medailonky-seznam .medallion .m3 { order:1; }

#medailonky-seznam .medallion { display: flex; flex-direction: row; gap: 2em; max-width:1280px; margin: 0 auto; padding:5em 0; }

#medailonky-seznam .medallion.even .m2 { order:1; }
#medailonky-seznam .medallion.even .m3 { order:2; }

#medailonky-seznam .medallion h3 { font-size:24px; }
#medailonky-seznam .medallion h3 span { color:var(--bronze); }
#medailonky-seznam .medallion img { width: 420px; height: 420px; }
#medailonky-seznam .medallion .slogan { font-size:18px; }

#medailonky-seznam .medallion.even .m3 { text-align:right; }

#medailonky-seznam .medallion .desc { padding:0 0 1em 0; }
#medailonky-seznam .medallion .features { }

#medailonky-seznam .medallion .features h4 { font-size:24px; line-height:35px; margin:0; }
#medailonky-seznam .medallion .features p { font-size:24px; line-height:35px; margin:0; }
#medailonky-seznam .medallion .button-wrapper { display:inline-flex; padding:2em; margin:0; height:auto; }

#medailonky-seznam .medallion.even .button-wrapper { text-align:right; }

/* creators */
#tvurci-domu { max-width:1920px; margin:0 auto; }
#tvurci-domu .people { max-width:1200px; margin:100px auto 0 auto;  }
#tvurci-domu .medallion .m1 { display:none; }
#tvurci-domu .medallion .d1 { display:block; }
#tvurci-domu .medallion .d1 { display:block; }
#tvurci-domu .medallion .m2 { order:1; }
#tvurci-domu .medallion .m3 { order:2; padding-top:3em;}
#tvurci-domu .medallion { display: flex; flex-direction: row; gap: 2em; max-width:1200px; margin: 0 auto; padding:5em 0; }

#tvurci-domu .medallion h3 { font-size:24px; line-height:150%; font-weight:500; margin-bottom:2em; }
#tvurci-domu .medallion h3 span { color:var(--bronze); }
#tvurci-domu .medallion img { width: 420px; height: 420px; }

#tvurci-domu .medallion.even .m2 { order:2; }
#tvurci-domu .medallion.even .m3 { order:1; text-align:left;  }

#tvurci-domu .medallion .desc { padding:0 0 1em 0; }
#tvurci-domu .medallion .features { }

#tvurci-domu .medallion .features h4 { font-size:24px; line-height:35px; margin:0; }
#tvurci-domu .medallion .features p { font-size:24px; line-height:35px; margin:0; }
#tvurci-domu .medallion .button-wrapper { display:inline-flex; padding:2em; margin:0; height:auto; }

#tvurci-domu .medallion.even .button-wrapper { text-align:right; }

/* jak-probiha-nakup */
#jak-probiha-nakup { margin-top:5em;}
#jak-probiha-nakup .wrapper { width:1280px; margin:0 auto; }
#jak-probiha-nakup #prubeh-nakupu .item { width:780px; }
#jak-probiha-nakup #prubeh-nakupu .item.even { margin-left: auto; margin-right: 0; }
#jak-probiha-nakup #prubeh-nakupu .item .nr { width:80px; margin-top:-60px; font-size:100px; }
#jak-probiha-nakup #prubeh-nakupu .item .ico { margin-right:3em; }
#jak-probiha-nakup #prubeh-nakupu .item .ico img { width:130px; }
#jak-probiha-nakup #prubeh-nakupu .item .title {font-size:24px; font-weight:500; padding:0.5em 0; width:100%; }
 
/* proc-jsme-vznikli */
#proc-jsme-vznikli { max-width:1920px; margin:12em auto 5em auto; }
#proc-jsme-vznikli .overlay { width:80%; height:650px; top:-100px; right:0; }
#proc-jsme-vznikli .mob { display:none !important; }
#proc-jsme-vznikli .desk { display:block !important; }
#proc-jsme-vznikli .content { display:flex; flex-direction:row; align-items:start; flex-wrap: wrap; padding-bottom:10em; }

#proc-jsme-vznikli .wrapper-left { width:50%; padding:12em 1em 0 7em; }
#proc-jsme-vznikli .wrapper-right { width:50%; }

#proc-jsme-vznikli .vivid { font-size:24px; padding:3em 5.5em; max-width:666px; }

#proc-jsme-vznikli .wrapper-right h3 { padding:0; text-align:left; }
#proc-jsme-vznikli .wrapper-right .text { padding:0 0 2em 0; text-align:left; max-width:500px; }
#proc-jsme-vznikli .wrapper-right .bronze { color:var(--grey); }
#proc-jsme-vznikli .wrapper-right .button-wrapper { justify-content: left; }

/* v-cem-jsme-jini */
#v-cem-jsme-jini h3 { padding:0.5em 1em; }
#v-cem-jsme-jini { max-width:1300px; margin:0 auto 3em auto; }
#v-cem-jsme-jini .features-wrapper { flex-direction:row; gap:0; align-items:stretch; justify-content:center; }
#v-cem-jsme-jini .features-wrapper .list { flex:1; }
#v-cem-jsme-jini .features-wrapper .list div { justify-content:left; padding-left:5em }

/* caste-dotazy */
#caste-dotazy .faq-wrapper { flex-direction:row; gap:50px; margin:4em 0; }
#stranka-castych-dotazu { padding-top:4em;}

/* vlastnosti */
#vlastnosti { max-width:1920px; margin:0 auto; }
#vlastnosti .wrapper { padding:5em 3em; }
#seznam-vlastnosti { display:flex; flex-direction:row; align-items:center; align-content:center; justify-content: center; gap:20px; }
#vlastnosti .item { display:flex; flex-direction:column; }
#vlastnosti .item.odd { flex-direction:column-reverse; }
#vlastnosti .item .title { font-size:24px; padding:1em 0; }
#vlastnosti .item.even .title { padding:8em 0 1em 0; }
#vlastnosti .item .deco { max-height:660px; }

/* reference */
#reference { max-width:1920px; margin:5em auto 5em auto; position:relative; }
#reference .wrapper { padding:2em; }
#reference .mob { display:none !important; }
#reference .desk { display:block !important; }
#reference .bg-references { position:absolute; width:50vw; max-width:950px; top:2em; right:2em; z-index:-1; }
#reference h3 { width:45%; text-align:left; padding:70px 0 0 200px;}
#reference .subh3 { width:45%; font-size:18px; text-align:left; padding:10px 0 20px 200px; }
#reference .swiper-wrapper { max-width:1920px; transform:none !important; }
#reference .swiper-references {  height:350px; }
#reference .swiper-references .swiper-slide { width:14.5% !important; padding: 1vw 1vw 0.5vw 1vw; }
#reference .swiper-references .swiper-slide .text { font-size:1vw; }
#reference .swiper-references .swiper-slide .desc { font-size:1vw; }
#reference .swiper-references .swiper-pagination { display:none; }

/* klicove-vyhody */
#klicove-vyhody { max-width:1920px; margin:0 auto; position:relative; }
#klicove-vyhody .wrapper { padding:2em; }
#klicove-vyhody .swiper-wrapper { max-width:1920px; transform:none !important; justify-content:center;}
#klicove-vyhody .swiper-benefits { height:350px;  }
#klicove-vyhody .swiper-benefits .swiper-slide { width:30% !important; height:340px; padding: 2em; margin-left:30px; }
#klicove-vyhody .swiper-benefits .swiper-slide img { width:100px;  }
#klicove-vyhody .swiper-benefits .swiper-slide .text { font-size:1.3vw; }
#klicove-vyhody .swiper-benefits .swiper-slide .desc { font-size:1.3vw; }
#klicove-vyhody .swiper-benefits .swiper-pagination { display:none; }

/* o-lidech */
#o-lidech { max-width:1455px; margin:0 auto; }
#o-lidech .wrapper { padding-bottom:5em; }
#o-lidech .about-people-wrapper { margin-bottom:5em; }
#o-lidech .list { gap:8em; }
#o-lidech .list .item { display:flex; flex-direction:row; }
#o-lidech .list .item.even { flex-direction:row-reverse; }
#o-lidech .list .item .media { width:60%; }
#o-lidech .list .item .content { width:40%; }
#o-lidech .list .content .title { font-size:64px; line-height:100% }
#o-lidech .list .content .text { font-size:18px; margin:2em 0 4em 0;  }
#o-lidech .list .content .foot .desc .name { font-size:14px; margin:1em 0;  }
#o-lidech .list .content .foot .desc .link { font-size:14px; margin:1em 0;  }
#o-lidech .list .content .foot .img { width:130px;  }
#o-lidech .list .content .foot .img img { width:130px; height:130px; }

/* vyhody-domu */
#vyhody-domu { max-width:1455px; margin:0 auto; }
#vyhody-domu .wrapper { padding-bottom:5em; }
#vyhody-domu .house-benefits-wrapper { margin-bottom:5em; }
#vyhody-domu .list { gap:8em; }
#vyhody-domu .list .item { display:flex; flex-direction:row; }
#vyhody-domu .list .item.odd { flex-direction:row-reverse; }
#vyhody-domu .list .item .media { width:60%; }
#vyhody-domu .list .item .content { width:40%; }
#vyhody-domu .list .content .title { font-size:25px; line-height:150% }
#vyhody-domu .list .content .text { font-size:18px; margin:2em 0 4em 0;  }

/* domy-k-prodeji */
#domy-k-prodeji .mob { display:none !important; }
#domy-k-prodeji .desk { display:block !important; }

/* inspirace */
#inspirace { max-width:1920px; margin:5em auto; padding:0 2em; }
#inspirace .blog-item:nth-child(2) ~ * { display: flex; }

/* formular-kontaktni */
#contact .separator-logo { padding:2em 0; }
#formular-kontaktni { max-width:1920px; margin:0 auto;}
#formular-kontaktni .contact-form-wrapper { display:flex; }
#formular-kontaktni .contact-form-wrapper .info { width: 45%; }
#formular-kontaktni .contact-form-wrapper .form { flex: 1; padding: 5em 1em; }

#formular-kontaktni .contact-form-wrapper .info { padding:5em; }
#formular-kontaktni .contact-form-wrapper .info .title { font-size:74px; padding:0 0 0 100px; margin-bottom:0.3em; }
#formular-kontaktni .contact-form-wrapper .info .text { font-size:28px; padding:0 0 0 100px; margin-bottom:1em; }
#formular-kontaktni .contact-form-wrapper .info .text strong { color:var(--grey);  }
#formular-kontaktni .contact-form-wrapper .info .text p { font-size:22px; padding:1.5em 0; }

#formular-kontaktni .footer-social { padding:0;  }
#formular-kontaktni .footer-social .icons { display: flex; gap:20px; flex-direction: row; justify-content: center; align-items: center; }
#formular-kontaktni .footer-social .icons img { width:55px; }
#formular-kontaktni .footer-social p { font-size:14px; }

#formular-kontaktni .form .formular-kontaktni .form-row { flex-direction:row; gap:20px; justify-content: center; align-items: center; padding-bottom:1.5em }
#formular-kontaktni .form .formular-kontaktni .form-row .left { width: 35%; text-align:right; }
#formular-kontaktni .form .formular-kontaktni .form-row .right { flex: 1; text-align:left; }
#formular-kontaktni .form p.title-result { font-size: 74px; margin-bottom: 0.3em; }



/* paticka */
#paticka #obal-paticky .footer-block { width: auto; }
#paticka #obal-paticky .footer-block.b2 { width: auto; }
#paticka .footer-logo img { width:95px; margin:0 auto; display:block; }
#paticka .footer-social .icons img { width:55px; }

/* pagination */
.pagination-block { font-size:18px; }
.pagination-block ul.pagination li { margin: 0 1.5em; }

}

@media (min-width: 1900px) {

/* reference */
#reference .swiper-references .swiper-slide { width:280px !important; padding: 2em 2em 1em 2em; }
#reference .swiper-references .swiper-slide .text { font-size:16px; }
#reference .swiper-references .swiper-slide .desc { font-size:14px; }
#reference .swiper-references .swiper-pagination { display:none; }

/* klicove-vyhody */
#klicove-vyhody .swiper-benefits { height: 430px; }
#klicove-vyhody .swiper-benefits .swiper-slide { width:460px !important; height:400px; padding: 2em; }
#klicove-vyhody .swiper-benefits .swiper-slide img { width:130px;  }
#klicove-vyhody .swiper-benefits .swiper-slide .text { font-size:24px; }
#klicove-vyhody .swiper-benefits .swiper-slide .desc { font-size:18px; }


}
































/* ============================================================
   Cookie lišta – nahrazuje původní plugin Complianz
   ============================================================ */
.cookie-lista {
  position: fixed;
  right: 1em;
  bottom: 1em;
  z-index: 1000;
  max-width: 420px;
  background-color: var(--white);
  color: var(--grey);
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  line-height: 1.5;
  padding: 1.5em;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.18);
  border-top: 4px solid var(--yellow);
}
.cookie-lista[hidden] { display: none; }
.cookie-lista-text { margin: 0 0 1em 0; }
.cookie-lista-odkazy { margin-bottom: 1.2em; }
.cookie-lista-odkazy a {
  color: var(--bronze);
  font-size: 12px;
  margin-right: 1em;
}
.cookie-lista-tlacitka { display: flex; gap: 0.75em; flex-wrap: wrap; }
.cookie-lista-tlacitka .sbutton { flex: 1 1 auto; min-width: 130px; }

.cookie-sprava {
  position: fixed;
  left: 1em;
  bottom: 1em;
  z-index: 999;
  background-color: var(--grey);
  color: var(--creme);
  border: 0;
  padding: 0.6em 1.2em;
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  cursor: pointer;
}
.cookie-sprava[hidden] { display: none; }

@media (max-width: 600px) {
  .cookie-lista { left: 1em; right: 1em; max-width: none; }
}

/* ============================================================
   Stránky s rozcestníkem (404, prázdný blog) – vystředění.
   Cílené na .stranka-rozcestnik, ať to nezasáhne dlouhé právní texty.
   ============================================================ */
.stranka-rozcestnik .article-content {
  margin: 0 auto;
  text-align: center;
}
.stranka-rozcestnik .article-content .button-wrapper {
  display: flex;
  justify-content: center;
}
/* Na mobilu se text láme normálně, na desktopu má každá věta svůj řádek. */
@media (min-width: 900px) {
  .stranka-rozcestnik .article-h1 { white-space: nowrap; }
  .stranka-rozcestnik .article-body p { white-space: nowrap; }
}

/* ============================================================
   Kotvy z menu (#jak-probiha-nakup …) – aby sekce nezmizela pod
   fixním headerem, odsadíme cíl skoku.

   Header má PEVNOU výšku (50 px mobil, 87 px od 900 px), takže mezi
   velkými monitory se nemění – stačí jedna hodnota na breakpoint.
   Offset je v proměnné --odsazeni-kotvy, dá se změnit z jednoho místa.
   ============================================================ */
:root { --odsazeni-kotvy: 60px; }
@media (min-width: 900px) { :root { --odsazeni-kotvy: 145px; } }

:target,
.module[id],
[id^="jak-probiha"],
[id^="financovani"],
[id^="domy-k-prodeji"],
[id^="klicove-vyhody"],
[id^="o-lidech"],
[id^="v-cem-jsme-jini"],
[id^="vlastnosti"],
[id^="proc-jsme-vznikli"],
[id^="reference"],
[id^="inspirace"],
[id^="caste-dotazy"],
[id^="vyhledat-dum"] {
  scroll-margin-top: var(--odsazeni-kotvy);
}