/*
Theme Name:Sokra
Theme URI:http://www.poland-fudosan.com
Author:Kooperatywa.net
Author URI:https://www.kooperatywa.net
Description:Theme for Sokra
Version:0.1
License:GNU General Public License
License URI:license.txt
Tags:light, dynamic
*/
@charset "utf-8";
/*****************************
  * www.sokra.net
 */

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700&subset=latin-ext');

body{
  color:#242830;
  font:16px/32px 'Roboto',Verdana,sans-serif;
  padding-top:110px;
  position:relative;
  overflow-x:hidden;
}
body.home{ padding-top:0; }

#go-top{
  background:url(gfx/navigation/go-top.png) 0 0 no-repeat;
  bottom:20px;
  display:none;
  height:64px;
  outline:none;
  position:fixed;
  right:20px;
  text-indent:-9999px;
  width:65px;
}
#cookies-eu{
  background:#2B2B2B;
  bottom:30px;
  box-sizing:border-box;
  color:#DDD;
  display:none !important;
  font:300 12px/16px 'Roboto',Verdana,sans-serif;
  left:30px;
  padding:10px 20px 15px;
  position:fixed;
  width:350px;
  z-index:9999;
}
#cookies-eu p{ margin:0; }
#cookies-eu a:link, #cookies-eu a:visited{
  color:#FFF;
  font-weight:400;
  margin-top:7px;
  text-decoration:none;
  text-transform:uppercase;
}
#cookies-eu a:active, #cookies-eu a:hover{ color:#DD2B21; }
@media(max-width:767px){
  #cookies-eu{
    bottom:0;
    left:0;
    width:100%;
  }
}
img.aligncenter{
  margin:0 auto;
  text-align:center;
}
@media (max-width:767px){
  img.img-responsive{ margin:0 auto; }
}
hr{
  border-width:2px;
  border-color:#C38369;
  margin-top:20px;
  margin-bottom:-20px;
}
.full{
  background:transparent;
  margin:0;
  padding-left:0 !important;
  padding-right:0 !important;
}
a:link, a:visited{
  color:#242830;
  text-decoration:none;
}
a:active, a:hover{ color:#DB342A; }
.row.no-gutters{
  margin-right:0;
  margin-left:0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"]{
  padding-right:0;
  padding-left:0;
}
@media (min-width:999px){
  .row-eq-height{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
  }
}
header .search-form-wrapper{
  float:left;
  padding-top:3px;
  width:78%;
}
header .search-form-wrapper .search-form{ display:none; }
.search-form .input-group{ width:100%; }
.search-form .input-group-btn{
  line-height:25px;
  width:1% !important;
}
.search-form .search-form-field{
  border-radius:0;
  font-size:12px;
  height:25px;
  line-height:25px;
  width:100%;
}
.search-form .search-submit,
.search-form .search-close{
  border:0;
  font-size:10px;
  height:25px;
  line-height:10px;
}
.search-form .search-submit{
  background-color:#242830;
  color:#FFF;
}
.pagination{ margin-top:40px; }
.pagination li{
  display:inline-block;
  margin-left:10px;
}
.pagination li:first-child{ margin-left:0; }
.pagination > li > a,
.pagination > li > span{
  border-radius:0 !important;
  color:#242830;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus{ color:#AAA; }
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus{
  background-color:#242830;
  border-color:#242830;
  color:#FFF;
}
.pagination.post-pagination{
  margin-bottom:50px;
  width:100%;
}
.pagination.post-pagination li.next{ float:right; }
.pagination.post-pagination li.prev{ float:left; }
.loading-message{
  font-size:22px;
  letter-spacing:1px;
  line-height:28px;
  margin:100px auto;
  padding:40px;
  text-align:center;
}
.loading-message p{ margin:0; }
/** @source: //tobiasahlin.com/spinkit/ */
.sk-cube-grid{
  height:150px;
  margin:0 auto 40px;
  width:150px;
}
.sk-cube-grid .sk-cube{
  background-color:#575E77;
  float:left;
  height:33%;
  width:33%;
  -webkit-animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
          animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out; 
}
.sk-cube-grid .sk-cube1{
  -webkit-animation-delay:0.2s;
          animation-delay:0.2s; }
.sk-cube-grid .sk-cube2{
  -webkit-animation-delay:0.3s;
          animation-delay:0.3s; }
.sk-cube-grid .sk-cube3{
  -webkit-animation-delay:0.4s;
          animation-delay:0.4s; }
.sk-cube-grid .sk-cube4{
  -webkit-animation-delay:0.1s;
          animation-delay:0.1s; }
.sk-cube-grid .sk-cube5{
  -webkit-animation-delay:0.2s;
          animation-delay:0.2s; }
.sk-cube-grid .sk-cube6{
  -webkit-animation-delay:0.3s;
          animation-delay:0.3s; }
.sk-cube-grid .sk-cube7{
  -webkit-animation-delay:0s;
          animation-delay:0s; }
.sk-cube-grid .sk-cube8{
  -webkit-animation-delay:0.1s;
          animation-delay:0.1s; }
.sk-cube-grid .sk-cube9{
  -webkit-animation-delay:0.2s;
          animation-delay:0.2s; }
@-webkit-keyframes sk-cubeGridScaleDelay{
  0%, 70%, 100%{
    -webkit-transform:scale3D(1, 1, 1);
            transform:scale3D(1, 1, 1);
  } 35%{
    -webkit-transform:scale3D(0, 0, 1);
            transform:scale3D(0, 0, 1); 
  }
}
@keyframes sk-cubeGridScaleDelay{
  0%, 70%, 100%{
    -webkit-transform:scale3D(1, 1, 1);
            transform:scale3D(1, 1, 1);
  } 35%{
    -webkit-transform:scale3D(0, 0, 1);
            transform:scale3D(0, 0, 1);
  } 
}

#slider{
  background:#575e77;
  box-sizing:border-box;
  min-height:800px;
  overflow:hidden;
  position:relative;
  z-index:1;
}
#slider .cycle-slideshow-wrapper{
  height:100%;
  margin:0 auto;
  overflow:hidden;
  position:relative;
}
#slider .slide.cycle-slide{
  min-height:800px;
  height:100%;
  width:100%;
}
#slider .slide.cycle-slide .slide-image{ position:relative; height:100%; width:100%; }
#slider .slide.cycle-slide .slide-image-mask{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  text-align:center;
}
#slider .slide.cycle-slide figure{ text-align:center; }
#slider .slide.cycle-slide .slide-image-mask:after{
  background:#575E77;
  bottom:-2500px;
  content:"";
  height:5000px;
  position:absolute;
  right:-5000px;
  width:5000px;
}
#slider .slide.cycle-slide .slide-image-mask:before{
  background:#575E77;
  top:-2500px;
  content:"";
  height:5000px;
  position:absolute;
  left:-5000px;
  width:5000px;
}
#slider .slide.cycle-slide .slide-image-mask img{ visibility:hidden; }
@media (max-width:767px){
  #slider,
  #slider .slide.cycle-slide{ min-height:400px; }
}
#slider .slide.cycle-slide .slide-content{
  color:#FFF;
  font-size:26px;
  letter-spacing:.5px;
  line-height:52px;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  z-index:100;
}
#slider .slide.cycle-slide .slide-content h1{
  color:#FFF;
  font-size:78px;
  font-weight:700;
  letter-spacing:1px;
  line-height:87px;
  margin:0;
  text-transform:uppercase;
}
#slider .slide.cycle-slide .slide-content p{
  font-size:23px;
  font-weight:300;
  letter-spacing:1px;
  line-height:32px;
  margin-bottom:0;
  margin-top:20px;
}
#slider .slide.cycle-slide .slide-content p:first-child{ margin-top:0; }
#slider .cycle-pager{
  bottom:20px;
  position:absolute;
  text-align:center;
  width:100%;
  z-index:1200;
}
#slider .cycle-pager span{
  border:2px solid #FFF;
  border-radius:100%;
  display:inline-block;
  height:15px;
  margin:0 5px;
  text-indent:-9999px;
  width:15px;
}
#slider .cycle-pager span.cycle-pager-active{ background:#FFF; }
@media (max-width:1900px){
  #slider .slide.cycle-slide figure img{ width:auto; }
}
@media (max-width:991px){
  #slider .slide.cycle-slide .slide-content{
    left:15px;
    margin-top:20px;
    transform:translate(0%, -50%);
  }
  #slider .slide.cycle-slide .slide-content h1{
    font-size:3vw;
    line-height:3vw;
  }
  #slider .slide.cycle-slide .slide-content p{
    font-size:2vw;
    line-height:2.5vw;
  }
  #slider .slide.cycle-slide figure img{
    height:100%;
    left:50%;
    position:absolute;
    top:50%;
    transform:translate(-50%,-50%);
    width:auto;
  }
}

#site > header{
  -moz-transition:padding .5s ease-in;
  -webkit-transition:padding .5s ease-in;
  background:#6A7088;
  padding-bottom:20px;
  padding-top:20px;
  position:fixed;
  top:0;
  transition:padding .5s ease-in;
  width:100%;
  z-index:2000;
}
body.home #site > header{
  background:transparent;
  padding-bottom:20px;
  padding-top:40px;
}
body.home #site.is_stuck > header{
  -moz-transition:padding .5s ease-in;
  -webkit-transition:padding .5s ease-in;
  background:#6A7088;
  padding-bottom:10px;
  padding-top:10px;
  transition:padding .5s ease-in;
}
#site > header p{ margin:0; }
#site > header .brand{ float:left; }
#site > header nav .inner-wrapper{
  float:right;
  margin-top:25px;
}
#site > header nav #language-menu{
  float:right;
  list-style:none;
  margin:0 0 0 60px;
  padding:0;
}
#site > header nav #language-menu li{
  border-left:1px solid #FFF;
  float:left;
  line-height:15px;
  margin:0 0 0 10px;
  padding:0 0 0 10px;
}
#site > header nav #language-menu li:first-child{
  border:0;
  margin:0;
  padding:0;
}
#site > header nav a:link, #site > header nav a:visited{
  -moz-transition:all .5s ease-in;
  -webkit-transition:all .5s ease-in;
  background:none;
  color:#FFF;
  font-size:15px;
  font-weight:700;
  line-height:15px;
  margin:0 0 0 35px;
  padding:0;
  text-shadow:none;
  text-transform:uppercase;
  transition:all .5s ease-in;
}
#site > header nav a:active, #site > header nav a:hover,
#site > header nav .current_page_item a,
#site > header nav .current_page_parent a,
#site > header nav .current-page-ancestor a,
#site > header nav .active a{
  -moz-transition:all .5s ease-in;
  -webkit-transition:all .5s ease-in;
  color:#DA261D;
  transition:all .5s ease-in;
}
body.home #site > header nav .current_page_item a,
body.home #site > header nav .current_page_parent a{ color:#FFF; }
#site > header nav #language-menu a{ margin:0; }
#site > header nav #language-menu li.current-lang a{
  background:rgba(255,255,255,0.3);
  box-sizing:border-box;
  margin-top:-2px;
  padding:2px 4px;
}
#site > header nav .btn-close{
  display:none;
  font-size:20px;
  line-height:28px;
  position:absolute;
  top:20px;
  right:20px; !
}
#site > header .navbar-toggle{
  border:1px solid #FFF;
  margin:0;
  position:absolute;
  right:15px;
  top:5px;
}
#site > header .navbar-toggle span{ border:1px solid #FFF; }
@media (max-width:1199px){
  #site > header .brand{ float:none; }
  #site > header .brand p{ text-align:center; }
  #site > header nav #content-menu{
    display:flex;
    float:none;
    justify-content:center;
    margin-top:15px;
  }
  #site > header nav a{
    font-size:14px !important;
    line-height:16px !important;
    margin:0 0 0 20px !important;
  }
}
@media (max-width:767px){
  #site > header .brand{ float:left; }
  #site > header .brand a{
    display:block;
    width:calc(100% - 80px);
  }
  #site > header .brand img{
    height:auto;
    max-width:100%;
    width:100%;
  }
  #site > header nav .inner-wrapper{ float:left; }
  #site > header nav #navbar-collapse.collapse.in{
    background:#232830;
    border:0;
    height:100%;
    left:0;
    position:fixed;
    text-align:center;
    top:0;
    width:100%;
    z-index:9999;
  }
  #site > header nav #navbar-collapse.collapse.in #content-menu{
    flex-direction:column;
    padding-top:40px;
    width:100%;
    text-align:left;
  }
  #site > header nav #navbar-collapse.collapse.in li{
    display:block;
    float:left;
    margin-top:20px;
    padding:0 15px;
    width:100%;
  }
  #site > header nav #navbar-collapse.collapse.in a{
    font-size:26px !important;
    letter-spacing:1px !important;
    line-height:30px !important;
    margin:0 !important;
  }
  #site > header nav #navbar-collapse.collapse.in .btn-close{ display:block; }
  #site > header nav #language-menu{
    float:none;
    margin:0;
  }
  #site > header nav #language-menu li{
    text-align:left;
    width:auto !important;
  }
  #site > header nav #language-menu li:first-child{ padding-left:0 !important; }
}
article.type-page,
section.type-page{ background-position:50% 0; }
article.type-page > header,
section.type-page > header{
  padding-top:80px;
  text-align:center;
}
body.sub-page article.type-page > header,
body.sub-page section.type-page > header{ padding-top:40px; }
.type-post > header{
  margin-bottom:60px;
  padding-top:60px;
  text-align:center;
}
article.type-page > header h1,
section.type-page > header h1,
.type-post > header h1{
  font-size:52px;
  font-weight:700;
  letter-spacing:1px;
  line-height:54px;
  margin:0 0 80px;
  padding:0;
}
article.type-page.with-image > header{
  background-color:transparent !important;
  background-position:0 0;
  background-repeat:no-repeat;
  color:#FFF;
  text-align:center;
  position:relative;
}
article.type-page.with-image > header hgroup{
  left:50%;
  position:absolute;
  top:50%;
  transform:translate(-50%, -50%);
}
article.type-page.with-image > header h1{
  font-size:36px;
  letter-spacing:1px;
  line-height:42px;
  margin:0;
  padding:0;
}
article.type-page.with-image > header h2{
  font-size:18px;
  letter-spacing:1px;
  line-height:28px;
  margin:30px 0 0;
  padding:0;
}
article.type-page .page-content,
section.type-page .page-content{
  color:#242830;
  font-size:16px;
  line-height:32px;
  padding-bottom:120px;
  padding-top:100px;
}
body.sub-page article.type-page .page-content,
body.sub-page section.type-page .page-content{ padding-top:50px; }
@media (max-width:767px){
  article.type-page.with-image > header h1{
    font-size:6vw;
    line-height:6.5vw;
  }
  article.type-page.with-image > header h1{
    font-size:5vw;
    line-height:5.5vw;
  }
  article.type-page#page-23 .page-content p{
    padding-left:30px;
    padding-right:30px;
  }
}
article.type-page .page-content h2{
  font-size:26px;
  font-weight:bold;
  letter-spacing:1px;
  line-height:32px;
  margin:50px 0 30px;
  padding:0;
}
article.type-page .page-content h2:first-child{ margin-top:0; }
article.type-page .page-content h3{
  font-size:18px;
  letter-spacing:1px;
  line-height:32px;
  margin:10px 0 20px;
  padding:0;
}
.offer-outer-wrapper{
  background:#F3F5F9;
  padding-bottom:80px;
}
.offer-sections-nav{
  background:#FFF;
  z-index:1000;
}
.offer-sections-nav.is_stuck{ margin-top:90px; }
body.sub-page .offer-sections-nav.is_stuck{ margin-top:110px; }
.offer-sections-nav ul{
  list-style:none;
  margin:0;
  padding:0;
}
.offer-sections-nav li{
  float:left;
  margin-bottom:-20px;
  padding-bottom:40px;
  text-align:center;
  width:20%;
}
.offer-sections-nav li:hover,
.offer-sections-nav li.active{ background:url(gfx/backgrounds/offer-sections-nav-active.png) 50% 100% no-repeat; }
.offer-sections-nav a:link, .offer-sections-nav a:visited{
  color:#575E77;
  display:block;
  font-size:14px;
  font-weight:700;
  line-height:20px;
  text-transform:uppercase;
}
.offer-sections-nav a:active, .offer-sections-nav a:hover,
.offer-sections-nav li.active a{ color:#DA261D; }
.offer-sections-nav a:link span, .offer-sections-nav a:visited span{
  -moz-transition:background-size .5s ease-in, height .5s ease-in, width .5s ease-in, margin .5s ease-in;
  -webkit-transition:background-size .5s ease-in, height .5s ease-in, width .5s ease-in, margin .5s ease-in;
  background-position:50% 0;
  background-repeat:no-repeat;
  background-size:cover;
  display:block;
  height:102px;
  margin:0 auto 20px;
  width:102px;
  transition:background-size .5s ease-in, height .5s ease-in, width .5s ease-in, margin .5s ease-in;
}
.offer-sections-nav a:active span, .offer-sections-nav a:hover span,
.offer-sections-nav li.active a span{
  -moz-transition:background-size .5s ease-in, height .5s ease-in, width .5s ease-in, margin .5s ease-in;
  -webkit-transition:background-size .5s ease-in, height .5s ease-in, width .5s ease-in, margin .5s ease-in;
  background-position:50% 100%;
  transform:rotate(20deg);
  transition:background-size .5s ease-in, height .5s ease-in, width .5s ease-in, margin .5s ease-in;
}
.offer-sections-nav.is_stuck a{
  -moz-transition:font-size .5s ease-in, line-height .5s ease-in;
  -webkit-transition:font-size .5s ease-in, line-height .5s ease-in;
  font-size:12px;
  line-height:18px;
  transition:font-size .5s ease-in, line-height .5s ease-in;
}
.offer-sections-nav.is_stuck a span{
  -moz-transition:background-size .5s ease-in, height .5s ease-in, width .5s ease-in, margin .5s ease-in;
  -webkit-transition:background-size .5s ease-in, height .5s ease-in, width .5s ease-in, margin .5s ease-in;
  height:51px;
  margin:10px auto;
  width:51px;
  transition:background-size .5s ease-in, height .5s ease-in, width .5s ease-in, margin .5s ease-in;
}
.offer-sections-content{ padding-top:90px; }

#page-about-us{
  padding-top:100px;
}
#page-about-us .page-content{ padding-top:0; }
#page-about-us header{ margin-bottom:80px; }
#page-about-us h1{
  font-size:52px;
  font-weight:700;
  letter-spacing:1px;
  line-height:54px;
  margin:0;
  padding:0;
}
#page-about-us p{
  font-size:23px;
  font-weight:300;
  line-height:46px;
  margin:0 0 25px;
  padding:0;
}
#page-about-us p:first-child{ font-weight:bold; }
#about-us-cite{
  background-position:50% 0;
  color:#FFF;
  padding-bottom:150px;
  padding-top:150px;
  text-align:center;
}
#about-us-cite p{
  font-size:46px;
  font-weight:700;
  line-height:50px;
  margin:0;
}
#rodo-cite{
  background-position:50% 0;
  color:#FFF;
  padding-bottom:150px;
  padding-top:150px;
  text-align:center;
}
#rodo-cite p{
  font-size:46px;
  font-weight:700;
  line-height:50px;
  margin:0;
}
#page-rodo{ padding-top:80px; }
#page-rodo > .page-content,
#page-offer > .page-content{
  color:#1D1D18;
  font-size:21px;
  font-weight:700;
  line-height:36px;
  padding-top:0;
}
.offer-select-nav{ padding-top:10px; }
.offer-select-nav.is_stuck{
  background:#FFF;
  margin-top:61px;
  padding-bottom:20px;
  z-index:1000;
}
.offer-sections-content article header{ margin-bottom:40px; }
.offer-sections-content article header h1{
  background-repeat:no-repeat;
  background-position:0 50%;
  color:#575E77;
  font-size:26px;
  font-weight:700;
  line-height:40px;
  min-height:80px;
  padding-left:100px;
  vertical-align:middle;
  text-transform:uppercase;
}
.offer-sections-content article > .page-content{
  color:#1D1D18;
  font-size:16px;
  font-weight:300;
  line-height:32px;
  padding-left:100px;
  padding-top:0;
}
.offer-sections-content article > .page-content h3{
  color:#1D1D18;
  font-size:21px;
  font-weight:700;
  line-height:26px;
  margin-bottom:20px;
}
#page-contact{ padding-top:100px; }
#page-contact header h1{
  color:#FFF;
  font-size:42px;
  font-weight:700;
  letter-spacing:1px;
  line-height:44px;
  margin:0;
  padding:0;
  text-align:left;
}
#page-contact .page-content{ padding-top:60px; }
#page-contact .page-content h3{
  color:#FFF;
  font-size:21px;
  font-weight:700;
  line-height:23px;
  margin:0 0 50px;
  padding-left:180px;
  text-transform:uppercase;
}
#page-contact .page-content p{
  color:#FFF;
  font-size:16px;
  font-weight:300;
  line-height:25px;
  padding-left:180px;
}
#page-contact .page-content .fas{
  color:#DB342A;
  margin-right:6px;
}
#page-contact a:link, #page-contact a:visited{ color:#FFF; }
#page-contact a:active, #page-contact a:hover{ color:#DB342A; }
@media (max-width:767px){
  .offer-sections-content{ padding-top:90px; }
  #page-contact .page-content{ padding-bottom:60px; }
  #page-contact .page-content h3,
  #page-contact .page-content p{ padding-left:0; }
  #page-about-us p{
    font-size:16px;
    line-height:24px;
  }
  #about-us-cite,
  #rodo-cite{
    padding-bottom:80px;
    padding-top:80px;
  }
  #about-us-cite p,
  #rodo-cite p{
    font-size:7vw;
    line-height:8vw;
  }
}

footer{
  background:#FFF;
  font-size:12px;
  font-weight:300;
  line-height:12px;
  padding:20px 0 60px;
  text-align:center;
}
footer p{ margin:0; }
footer strong{ color:#DB342A; }
footer .copy{ text-align:left; }
footer .dev{ text-align:right; }
@media (max-width:767px){
  footer .copy,
  footer .dev{ text-align:center; }
}
/* Sokra-NET services refresh — September 2026 */
#page-offer { --sn-ink:#172338; --sn-muted:#526176; --sn-accent:#b52d25; background:#fff; }
#page-offer > header { max-width:1170px; margin:0 auto; padding:36px 15px 0!important; text-align:left; }
#page-offer > header h1 { margin:0 0 16px; font-size:15px; line-height:1.4; letter-spacing:2px; text-transform:uppercase; color:#697386; }
#page-offer > .page-content { padding:0 0 44px!important; color:var(--sn-ink); font-size:18px; line-height:1.65; font-weight:400; }
.sokra-hero { display:grid; grid-template-columns:minmax(0,1.8fr) minmax(250px,1fr); gap:50px; align-items:start; }
#page-offer .sokra-hero h2 { font-size:46px; line-height:1.12; font-weight:700; letter-spacing:-1.1px; color:#172338; margin:0 0 22px; max-width:760px; }
#page-offer .sokra-hero p { margin:0 0 22px; font-size:18px; line-height:1.65; font-weight:400; max-width:720px; }
#page-offer .sokra-kicker { color:#b52d25; font-size:13px; font-weight:700; letter-spacing:1.4px; text-transform:uppercase; margin-bottom:14px; }
.sokra-actions { display:flex; flex-wrap:wrap; gap:12px; margin:24px 0 12px; }
a.sokra-button:link,a.sokra-button:visited { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:12px 22px; background:#b52d25; color:#fff; border:2px solid #b52d25; border-radius:6px; font-size:16px; line-height:1.4; font-weight:700; text-decoration:none; }
a.sokra-button:hover { background:#93231e; color:#fff; border-color:#93231e; }
a.sokra-button-secondary:link,a.sokra-button-secondary:visited { color:#172338; background:#fff; border-color:#cad2dd; }
a.sokra-button-secondary:hover { background:#edf1f6; border-color:#697386; }
a.sokra-button:focus-visible,#page-offer a:focus-visible,#oferta-select:focus-visible { outline:3px solid #2879c8; outline-offset:4px; }
#page-offer .sokra-note { color:#526176; font-size:14px; line-height:1.5; }
.sokra-process { border:1px solid #dce2ea; border-radius:10px; padding:24px; background:#f7f9fc; }
#page-offer .sokra-process h3 { font-size:19px; line-height:1.3; margin:0 0 18px; color:#172338; }
#page-offer .sokra-process ol { margin:0; padding:0; list-style:none; counter-reset:step; }
#page-offer .sokra-process li { counter-increment:step; position:relative; padding:0 0 18px 40px; font-size:15px; line-height:1.45; color:#526176; }
#page-offer .sokra-process li:last-child { padding-bottom:0; }
#page-offer .sokra-process li:before { content:counter(step); position:absolute; left:0; top:0; width:27px; height:27px; display:grid; place-items:center; border-radius:50%; background:#e5eaf2; color:#172338; font-size:13px; font-weight:700; }
#page-offer .sokra-process strong { display:block; color:#172338; font-size:15px; }
#page-offer .offer-outer-wrapper { background:#f5f7fa; padding:0 0 52px; border-top:1px solid #e2e7ee; }
#page-offer .offer-sections-nav { background:#fff; border-bottom:1px solid #e2e7ee; }
#page-offer .offer-sections-nav ul { display:flex; gap:10px; padding:20px 0; }
#page-offer .offer-sections-nav li { flex:1 1 0; width:auto!important; float:none; margin:0; padding:0; background:none; border:1px solid #e2e7ee; border-radius:8px; }
#page-offer .offer-sections-nav li.active { background:#fff8f7; border-color:#b52d25; box-shadow:inset 0 -3px #b52d25; }
#page-offer .offer-sections-nav a { padding:16px 9px; font-size:13px; line-height:1.35; text-transform:none; color:#34425a; min-height:128px; }
#page-offer .offer-sections-nav a span { width:56px; height:56px; margin:0 auto 12px; transform:none; transition:none; }
#page-offer .offer-sections-nav li.active a { color:#96251f; }
#page-offer .offer-sections-nav.is_stuck ul { padding:8px 0; }
#page-offer .offer-sections-nav.is_stuck a { min-height:70px; padding:10px 8px; font-size:12px; }
#page-offer .offer-sections-nav.is_stuck a span { height:32px; width:32px; margin:0 auto 6px; }
#page-offer .offer-sections-content { padding-top:38px; }
#page-offer .offer-sections-content article { max-width:880px; margin:0 auto; }
#page-offer .offer-sections-content article header { margin:0 0 22px; }
#page-offer .offer-sections-content article header h2 { background-repeat:no-repeat; background-position:0 50%; background-size:48px; color:#172338; font-size:28px; line-height:1.25; font-weight:700; min-height:52px; margin:0; padding:7px 0 0 66px; text-transform:none; }
#page-offer .offer-sections-content article > .page-content { padding:0!important; color:#27344a; font-size:17px; line-height:1.75; font-weight:400; }
.sokra-service { max-width:820px; margin:0 auto; }
.sokra-service .sokra-lead { font-size:20px; line-height:1.6; color:#26364e; margin-bottom:26px; }
#page-offer .sokra-service h3,.sokra-service h3 { color:#172338; font-size:21px; line-height:1.35; letter-spacing:0; margin:28px 0 12px; font-weight:700; }
.sokra-service p { margin:0 0 16px; }
.sokra-service ul { padding-left:24px; margin:0 0 20px; }
.sokra-service li { margin-bottom:7px; }
.sokra-result { margin:24px 0; padding:20px 24px; border-left:4px solid #b52d25; background:#fff; border-radius:0 8px 8px 0; }
.sokra-result strong { color:#172338; }
.sokra-result p:last-child { margin:0; }
.sokra-service-cta { margin-top:30px; padding-top:24px; border-top:1px solid #d6deea; }
.sokra-service details { margin:24px 0; padding:16px 20px; border:1px solid #d6deea; border-radius:8px; }
.sokra-service summary { cursor:pointer; font-weight:700; color:#172338; }
.sokra-service details[open] summary { margin-bottom:16px; }
#page-offer .offer-select-nav { padding-top:16px; padding-bottom:16px; }
#page-offer .offer-select-nav label { color:#172338; font-size:14px; margin-bottom:8px; }
#oferta-select { min-height:48px; font-size:16px; border-color:#b9c5d5; border-radius:6px; }
.page-template-template-page-offer #page-contact { padding-top:48px; }
.page-template-template-page-offer #page-contact .page-content { padding-top:24px; padding-bottom:48px; }
.page-template-template-page-offer #page-contact .page-content h3 { margin-bottom:18px; }
@media(min-width:768px) and (max-width:991px) { .sokra-hero { gap:24px; grid-template-columns:1.4fr 1fr; } #page-offer .sokra-hero h2 { font-size:36px; } #page-offer .offer-sections-nav a { font-size:12px; } }
@media(max-width:767px) {
 #page-offer > header { padding:22px 20px 0!important; }
 #page-offer > header h1 { margin-bottom:12px; font-size:12px; }
 #page-offer > .page-content { padding-bottom:24px!important; }
 #page-offer .container { padding-left:20px; padding-right:20px; }
 .sokra-hero { display:block; }
 #page-offer .sokra-hero h2 { font-size:32px; line-height:1.16; letter-spacing:-.5px; margin-bottom:16px; }
 #page-offer .sokra-hero p { font-size:17px; line-height:1.6; margin-bottom:18px; }
 #page-offer .sokra-kicker { font-size:11px; }
 .sokra-process { margin-top:24px; padding:20px; }
 .sokra-actions { gap:10px; }
 .sokra-actions .sokra-button { flex:1 1 100%; }
 #page-offer .offer-sections-content { padding-top:24px; }
 #page-offer .offer-sections-content article > .page-content { padding-left:0!important; font-size:17px; line-height:1.65; }
 #page-offer .offer-sections-content article header { margin-bottom:18px; }
 #page-offer .offer-sections-content article header h2 { font-size:23px; background-size:40px; padding-left:54px; min-height:46px; }
 .sokra-service .sokra-lead { font-size:18px; }
 #page-offer .sokra-service h3,.sokra-service h3 { font-size:20px; margin-top:24px; }
 .sokra-result { padding:16px 18px; }
 .sokra-service-cta .sokra-button { width:100%; }
 #go-top { width:40px; height:40px; background-size:40px 40px; right:12px; bottom:12px; }
}
@media(prefers-reduced-motion:reduce) { #page-offer *,#page-offer *:before { transition:none!important; animation:none!important; scroll-behavior:auto!important; } }
/* End services refresh */

/* Service-page spacing and supporting text */
#page-offer .sokra-hero p.sokra-kicker { font-size:13px; font-weight:700; line-height:1.5; margin-bottom:14px; }
#page-offer .sokra-hero p.sokra-note { font-size:14px; line-height:1.5; margin-bottom:14px; }
body:is(.parent-pageid-8,.parent-pageid-31) main .page-wrapper > article:not(#page-contact) > header { max-width:850px; margin:0 auto; padding:36px 15px 0; }
body:is(.parent-pageid-8,.parent-pageid-31) main .page-wrapper > article:not(#page-contact) > header .container { width:auto; padding:0; }
body:is(.parent-pageid-8,.parent-pageid-31) main .page-wrapper > article:not(#page-contact) > header h1 { font-size:38px; line-height:1.2; text-align:left; margin:0; padding:0; color:#172338; letter-spacing:-.5px; }
body:is(.parent-pageid-8,.parent-pageid-31) main .page-wrapper > article:not(#page-contact) > .page-content { padding:26px 0 56px; font-size:17px; line-height:1.7; font-weight:400; color:#27344a; }
body:is(.parent-pageid-8,.parent-pageid-31) .sokra-result { background:#f5f7fa; }
@media(max-width:767px) {
 #page-offer .sokra-hero p.sokra-kicker { font-size:11px; letter-spacing:1px; }
 body:is(.parent-pageid-8,.parent-pageid-31) main .page-wrapper > article:not(#page-contact) > header { padding:26px 20px 0; }
 body:is(.parent-pageid-8,.parent-pageid-31) main .page-wrapper > article:not(#page-contact) > header h1 { font-size:30px; }
 body:is(.parent-pageid-8,.parent-pageid-31) main .page-wrapper > article:not(#page-contact) > .page-content { padding:22px 5px 40px; }
}

/* Service cards: no pointer-click outline; retain keyboard navigation feedback. */
#page-offer .offer-sections-nav a:focus:not(:focus-visible) { outline:none; }
#page-offer .offer-sections-nav a:focus-visible { outline:2px solid #b52d25; outline-offset:3px; border-radius:6px; }
