/* Place all the styles related to the pages controller here. */
/* They will automatically be included in application.css. */
/* You can use Sass (SCSS) here: http://sass-lang.com/ */
/* ---------------------------------------------------------
  1. Embedded fonts styles
  2. General reset
  3. Common site styles
  4. Styles for responsive breakpoints
  5. Print style
  ---------------------------------------------------------*/
/* ---------------------------------------------------------
  1. Embedded fonts styles
   ---------------------------------------------------------*/
@font-face {
  font-family: 'museo100';
  src:url("/assets/museo100-regular-e080dab4.eot");
  src:url("/assets/museo100-regular-e080dab4.eot?#iefix") format('embedded-opentype'),
    url("/assets/museo100-regular-d6a04bae.svg#museo100") format('svg'),
    url("/assets/museo100-regular-6cc9d9c6.woff") format('woff'),
    url("/assets/museo100-regular-0da1c7d4.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'museo300';
  src:url("/assets/museo300-regular-95542120.eot");
  src:url("/assets/museo300-regular-95542120.eot?#iefix") format('embedded-opentype'),
    url("/assets/museo300-regular-aee5b008.svg#museo300") format('svg'),
    url("/assets/museo300-regular-f1874e67.woff") format('woff'),
    url("/assets/museo300-regular-00b54a8c.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'museo500';
  src: url("/assets/museo500-regular-fd54dd73.eot");
  src: url("/assets/museo500-regular-fd54dd73.eot?#iefix") format('embedded-opentype'),
    url("/assets/museo500-regular-f2da1717.svg#museo500") format('svg'),
    url("/assets/museo500-regular-ccf0278c.woff") format('woff'),
    url("/assets/museo500-regular-f249851e.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'museo700';
  src:url("/assets/museo700-regular-b28a1c8f.eot");
  src:url("/assets/museo700-regular-b28a1c8f.eot?#iefix") format('embedded-opentype'),
    url("/assets/museo700-regular-4680e6f8.svg#museo700") format('svg'),
    url("/assets/museo700-regular-8dd3db6b.woff") format('woff'),
    url("/assets/museo700-regular-7b0fc4ab.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
/* ---------------------------------------------------------
  2. General reset
  ---------------------------------------------------------*/
*{max-height:10000px;}
/*
* set default text color
* set default font size, line height and font family
* set default background
*/
body{
  margin:0;
  color:#313131;
  font:12px/22px Arial, Helvetica, sans-serif;
  background:#fff;
  -webkit-text-size-adjust:100%;
  -ms-text-size-adjust: none;
  min-width:320px;
}
img{border-style:none;}
/* set styles for default page links */
a{
  text-decoration:none;
  color:#ee2b43;
}
a:hover{text-decoration:underline;}
/* set default styles in all browsers */
input,
textarea,
select{
  font:100% Arial, Helvetica, sans-serif;
  vertical-align:middle;
  color:#000;
}
form,fieldset{
  margin:0;
  padding:0;
  border-style:none;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
::-webkit-input-placeholder {color: #a3a3a3;}
:-moz-placeholder {color: #a3a3a3;}
::-moz-placeholder {
  color: #a3a3a3;
  opacity: 1;
}
:-ms-input-placeholder {color: #a3a3a3;}
a:focus{outline:none;}
/* ---------------------------------------------------------
  3. Сommon site styles
  ---------------------------------------------------------*/
/* Error styling for the contacts page */
#error_explanation {
  color: red;
  font-weight:bold;
}

/* FLASH MESSAGE */
.flash {
  background-color:  #dcdcdc;
  padding: 5px 0 5px 15px;
  margin: -20px 0 10px 0;
  border-radius: 6px;
}
.flash_redesign {
  margin: -20px 0 10px 0;
  background: #ee2a42;
  padding: 15px 0 15px 15px;
  color: white;
  border-radius: 6px;
  display: none;
}

/* main container styles */
#wrapper{
  background:url("/assets/bg-wrapper-ef84fdaa.png") no-repeat;
  max-width:1104px;
  margin:0 auto;
}
/* header styles */
#header{
  max-width:998px;
  margin:0 auto;
  padding:43px 10px 37px;
}
#wrapper.add #header{padding-bottom:24px;}
#header:after{
  content:'';
  clear:both;
  display:block;
}
.logo{
  background:url("/assets/logo-7e82e099.png") no-repeat;
  /* logo.png is 520x134 (2x) so it stays sharp on high-density screens; old design kept as logo_legacy.png */
  background-size:260px 67px;
  width:260px;
  height:67px;
  float:left;
  text-indent:-9999px;
  overflow:hidden;
  margin:3px 0 0 5px;
}
.logo a{
  display:block;
  height:100%;
}
.print-logo{display:none;}
#header nav{
  padding:4px 0 0;
}
#header nav:after{
  content:'';
  display:block;
  clear:both;
}
/* navigation styles */
#nav{
  float:right;
  margin:0;
  padding:0;
  list-style:none;
  background:#7238b4 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcyMzhiNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE4JSIgc3RvcC1jb2xvcj0iIzZlMzVhZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iIzU3Mjc4ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MjI0ODciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7238b4), color-stop(18%,#6e35ae), color-stop(80%,#57278f), color-stop(100%,#522487));
  background: -webkit-linear-gradient(top, #7238b4 0%,#6e35ae 18%,#57278f 80%,#522487 100%);
  background: -o-linear-gradient(top, #7238b4 0%,#6e35ae 18%,#57278f 80%,#522487 100%);
  background: -ms-linear-gradient(top, #7238b4 0%,#6e35ae 18%,#57278f 80%,#522487 100%);
  background: linear-gradient(to bottom, #7238b4 0%,#6e35ae 18%,#57278f 80%,#522487 100%);
  height:50px;
  border-radius:7px;
  padding:0;
}
#nav:after{
  content:'';
  display:block;
  clear:both;
}
#nav>li{
  float:left;
  font:13px/15px 'museo500' , Arial, Helvetica, sans-serif;
  text-align:center;
  position:relative;
}
#nav>li:first-child a{background:none;}
#nav>li>a{
  background:url("/assets/sep01-4f60b662.png") no-repeat 0 20px;
  color:#fff;
  display:block;
  padding:19px 13px 16px;
}
#nav>li.active a,
#nav>li:hover>a{
  background:#e32c6e;
  background:rgba(241,44,105,0.9);
  text-decoration:none;
  border-radius:10px;
  margin:-3px 0;
  height:20px;
  padding:22px 13px 13px 13px;
}
.opener{
  background:url("/assets/bg-opener-6328b7ba.png") no-repeat;
  width:32px;
  height:32px;
  float:right;
  text-indent:-9999px;
  overflow:hidden;
  display:none;
}
.open-close .js-slide-hidden {
  left: 0 !important;
  position: static !important;
  top:0 !important;
}
.banner{padding:0;}
.banner:after{
  content:'';
  display:block;
  clear:both;
}
.banner .left-block{
  background:url("/assets/bg-left-block-0d2145df.png") no-repeat;
  width:32.9898%;
  float:left;
  padding:100px 12.2282% 50px 4.6113%;
  position:relative;
  height:215px;
  border-radius:10px 0 0 10px;
  font-family:'museo100';
}
.banner .left-block .title{
  font-size:70px;
  line-height:78px;
  margin:0 0 10px;
  color:#fff;
  font-weight:normal;
  display:block;
}
.banner .appoinment-wrap{
  padding:7px;
  background:rgba(255,255,255,0.4);
  -webkit-backdrop-filter:blur(6px);
  backdrop-filter:blur(6px);
  border-radius:999px;
  width:52.2686%;
  margin:0;
  position:absolute;
  left:10.8892%;
  bottom:-50px;
  box-shadow:0 10px 30px rgba(40,10,80,.25);
}
.banner .appoinment-wrap a{
  display:flex;
  align-items:center;
  gap:14px;
  min-height:58px;
  padding:6px 7px 6px 28px;
  border-radius:999px;
  background:linear-gradient(135deg, #7b52c9 0%, #6136ad 50%, #4a2785 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2);
  font:20px/22px 'museo500' , Arial, Helvetica, sans-serif;
  color:#fff;
  text-decoration:none;
  transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
.banner .appoinment-wrap .appoinment-text{flex:1;}
.banner .appoinment-wrap a:after{
  content:'\2192';
  flex:none;
  display:flex;
  align-items:center;
  justify-content:center;
  width:46px;
  height:46px;
  border-radius:50%;
  background:#f55155;
  box-shadow:0 4px 10px rgba(245,81,85,.45);
  font:22px/1 Arial, Helvetica, sans-serif;
  color:#fff;
  transition:transform .2s ease;
}
.banner .appoinment-wrap a:hover{
  filter:brightness(1.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 6px 18px rgba(40,10,80,.35);
}
.banner .appoinment-wrap a:hover:after{transform:translateX(4px);}
.banner .appoinment-wrap a:focus-visible{
  outline:3px solid #fff;
  outline-offset:3px;
}
@media (prefers-reduced-motion: reduce){
  .banner .appoinment-wrap a,
  .banner .appoinment-wrap a:after{transition:none;}
  .banner .appoinment-wrap a:hover:after{transform:none;}
}
.appoinment-wrap .arrange{
  display:block;
  font:13px/15px 'museo300' , Arial, Helvetica, sans-serif;
  letter-spacing:.04em;
  opacity:.85;
  padding:0 0 2px;
}
.banner .left-block .pain{
  display:block;
  font-size:31px;
  line-height:33px;
  color:#fff;
}
.banner .left-block:after{
  content:'';
  position:absolute;
  top:-23px;
  right:-50px;
  background:url("/assets/bg-doctor-ebcb4cc9.png") no-repeat;
  width:182px;
  height:388px;
}
.banner .right-block{
  background:url("/assets/bg-right-block-3ddf112e.png") no-repeat;
  float:right;
  padding:35px 2.7173% 45px 4.2572%;
  width:43.1159%;
  height:285px;
  border-radius:0 10px 10px 0;
  overflow:hidden;
}
.banner .right-block .title{
  font:31px/33px 'museo500' , Arial, Helvetica, sans-serif;
  display:block;
  color:#fff;
  margin-bottom:8px;
}
.banner .right-block .title span{font-family:'museo100';}
.banner .right-block .feature-list{
  margin:0;
  padding:0 0 25px 4.3933%;
  list-style:none;
}
.banner .feature-list li{
  background:url("/assets/bul02-91e99fc3.png") no-repeat 0 7px;
  display:block;
  font:16px/18px 'museo300' , Arial, Helvetica, sans-serif;
  padding:9px 0 9px 36px;
  color:#fff;
}
.banner .right-block .btn-range{
  display:inline-flex;
  align-items:center;
  gap:12px;
  float:left;
  margin-left:56px;
  padding:6px 6px 6px 22px;
  background:linear-gradient(135deg, #ff6b6f 0%, #f55155 55%, #e23d4b 100%);
  color:#fff;
  font:16px/20px 'museo500' , Arial, Helvetica, sans-serif;
  letter-spacing:.02em;
  text-decoration:none;
  border-radius:999px;
  box-shadow:0 6px 16px rgba(30,8,60,.35), inset 0 1px 0 rgba(255,255,255,.25);
  transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
.banner .right-block .btn-range:after{
  content:'\2192';
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:30px;
  height:30px;
  border-radius:50%;
  background:rgba(255,255,255,.22);
  font:18px/1 Arial, Helvetica, sans-serif;
  transition:transform .2s ease, background .2s ease;
}
.banner .right-block .btn-range:hover{
  transform:translateY(-2px);
  filter:brightness(1.05);
  box-shadow:0 10px 22px rgba(30,8,60,.45), inset 0 1px 0 rgba(255,255,255,.25);
}
.banner .right-block .btn-range:hover:after{
  transform:translateX(3px);
  background:rgba(255,255,255,.32);
}
.banner .right-block .btn-range:active{
  transform:translateY(0);
  box-shadow:0 4px 10px rgba(30,8,60,.35);
}
.banner .right-block .btn-range:focus-visible{
  outline:3px solid #fff;
  outline-offset:3px;
}
@media (prefers-reduced-motion: reduce){
  .banner .right-block .btn-range,
  .banner .right-block .btn-range:after{transition:none;}
  .banner .right-block .btn-range:hover,
  .banner .right-block .btn-range:hover:after{transform:none;}
}
/* main content styles */
#main{
  max-width:998px;
  margin:0 auto;
  padding:0 10px;
}
#main .main-title{
  margin:0 0 0 19px;
  font:normal 24px/26px 'museo500' , Arial, Helvetica, sans-serif;
  color:#56278d;
  display:block;
}
.two-cols{
  padding:16px 0 8px;
  overflow:hidden;
}
#wrapper.add .two-cols{padding-top:5px;}
#wrapper.add .sidebar{padding-top:6px;}
#content{
  float:right;
  width:64.7292%;
  padding:2px 0 0;
}
#content-holder{padding:0;}
#content.add{padding-top:4px;}
#content.add h1, #content.add h2.guarantee__header{margin-bottom:16px;}
#content h1, #content h2.guarantee__header{
  font:normal 25px/27px 'museo300' , Arial, Helvetica, sans-serif;
  margin:0 0 21px;
  color:#ef2c42;
  border-bottom:1px solid #e4e4e4;
  overflow:hidden;
  position:relative;
  padding:0 0 16px 3px;
}
#content h1:after, #content h2.guarantee__header:after{
  content:'';
  height:3px;
  position:absolute;
  background:#e4e4e4;
  left:0;
  bottom:0;
}
#content .holder{overflow:hidden;}
#content .img-wrap-right{
  float:right;
  width:38.7596%;
  margin-left:4.4961%;
}
#content .img-wrap-right img{
  display:block;
  width:100%;
  height:auto;
}
#content .img-wrap{
  float:left;
  width:38.7596%;
  margin-right:4.4961%;
}
#content .img-wrap img{
  display:block;
  width:100%;
  height:auto;
}
#content .description{
  padding:15px 0 0;
  text-align:justify;
  margin-bottom: 20px;
}
#wrapper.add .description p{margin:0;}
#wrapper.add .description .extra-info{
  display:block;
  clear:both;
  padding-top:14px;
}
#wrapper.add .description .extra-info p{text-indent:0;}
#content .description p{
  text-indent: 3em;
  margin:0 0 22px;
}
#content .description .welcome{
  display:block;
  text-align:right;
}
#content .welcome span{
  color:#ee2b43;
  font-weight:bold;
}
/* sidebar styles */
.two-cols .sidebar{
  width:32.2645%;
  float:left;
}
.two-cols .sidebar.add{
  padding-top:7px;
}
/* Services sub-menu (/uslugi/*): a white card like the opening hours, the current
   page as the purple pill used by the price-list tabs (#tag-list). */
.add-nav{
  margin:0 0 16px;
  padding:10px;
  list-style:none;
  background:#fff;
  border:1px solid #e3ddee;
  border-radius:12px;
  box-shadow:0 1px 3px rgba(78,47,138,0.08);
}
.add-nav li{
  display:block;
  margin:2px 0;
  font:15px/20px 'museo300' , Arial, Helvetica, sans-serif;
}
.add-nav li a{
  display:block;
  padding:9px 14px;
  border-radius:8px;
  color:#3a3a3a;
  transition:background-color .15s, color .15s;
}
.add-nav li a:hover,
.add-nav li a:focus-visible{
  background:#f3eefb;
  color:#55268b;
  text-decoration:none;
}
.add-nav li a:focus-visible{outline:2px solid #7238b4; outline-offset:-2px;}
.add-nav li.active a{
  background:#55268b;
  color:#fff;
  font-family:'museo500' , Arial, Helvetica, sans-serif;
  text-decoration:none;
}
/* "Jak do nas trafić?" card: see contact_card.css */
.blocks-wrap{
  overflow:hidden;
  padding-bottom:7px;
}
.special-block{
  float:left;
  width:26.2527%;
  height:77px;
  background:#ee2a42 url("/assets/bg-special-9f1758b2.png") no-repeat 15% 12px;
  border:1px solid #dbdbdb;
  border-radius:6px;
  margin-right:0.9018%;
}
.special-block .special{
  padding:16px 0 10px 41.0646%;
  font:12px/14px 'museo300' , Arial, Helvetica, sans-serif;
  color:#fff;
  margin-bottom:4px;
  display:block;
}
.special-block .special span{
  font-size:22px;
  line-height:24px;
  display:block;
  color:#fff;
  margin-bottom:3px;
}
.office-hour-wrap{
  border:1px solid #dbdbdb;
  border-radius:6px;
  margin-right:0.9018%;
  width:26.2527%;
  height:auto;
  min-height:77px;
  float:left;
  background:#ee2a42;
}
.office-hour-wrap .title{
  float:left;
  width:37.0222%;
  padding:18px 1.9083% 22px;
  font:normal 20px/22px 'museo300' , Arial, Helvetica, sans-serif;
  color:#fff;
  text-align:center;
  border-radius:6px 0 0 6px;
}
.office-hour-wrap .title span{
  font-size:12px;
  line-height:16px;
  display:block;
}
.office-hour-wrap .time-wrap{
  background:#fff;
  border-radius:0 4px 4px 0;
  padding:13px 2.50575% 11px 6.8702%;
  float:right;
  width:49.7183%;
  font:12px/18px 'museo300' , Arial, Helvetica, sans-serif;
}
.time-wrap span{
  display:block;
  color:#000;
}

.plan-block{
  border:1px solid #dbdbdb;
  width:29.4589%;
  min-height:43px;
  padding:18px 0.8016% 15px 1.7034%;
  float:left;
  margin-right:0.7800%;
  border-radius:4px;
}
.plan-block strong{
  font:13px/15px 'museo500' , Arial, Helvetica, sans-serif;
  color:#ef2c42;
  padding:14px 0 0;
  float:left;
  width:58.811%;
}
.plan-block strong span{font-family:'museo300' , Arial, Helvetica, sans-serif;}
.plan-block .logo-santandar{
  background:url("/assets/logo-santander-373fa545.png") no-repeat;
  width:111px;
  height:43px;
  float:right;
  text-indent:-9999px;
  overflow:hidden;
}
.bank-account-block{
  background:url("/assets/bg-bank-account-51aa80df.png") no-repeat 5% 19px;
  float:left;
  width:30.0001%;
  min-height:40px;
  border:1px solid #dbdbdb;
  padding:17px 1.3026% 18px 7.9158%;
  border-radius:4px;
}
.bank-account-block .bank-transfer{
  font:14px/16px 'museo300' , Arial, Helvetica, sans-serif;
  color:#ef2c43;
  display:block;
  margin-bottom:9px;
}
.bank-account-block .bank-account{
  font:14px/16px 'museo300' , Arial, Helvetica, sans-serif;
  color:#474747;
  display:block;
}
#tag-list{
  margin:0;
  padding:7px 0 32px;
  list-style:none;
  overflow:hidden;
  width:100%;
  text-align:justify;
}
#tag-list li{
  display:inline-block;
  font-size:13px;
  line-height:15px;
  border-radius:20px;
  margin:0 0 10px;
}
#tag-list li a{
  border:1px solid #cfcfcf;
  color:#e2001a;
  padding:10px 0 10px;
  display:block;
  background:#fff;
  border-radius:20px;
  text-align:center;
}
#tag-list li.active a,
#tag-list li a:hover{
  border:1px solid #55268b;
  background:#55268b;
  text-decoration:none;
  color:#fff;
}
#tag-list li.red{
  float: right;
  margin-right:0;
}
#tag-list li.red a{
  background:#fff;
  color:#ee2a42;
  border-color:#cfcfcf;
  padding:10px 26px 10px 26px;
}
#tag-list li.red.active a,
#tag-list li.red a:hover{
  text-decoration:none;
  background:#ee2a42;
  color:#fff;
  border-color:#ee2a42;
}
#tag-list li.red.active{
  text-decoration:none;
  background:#ee2a42;
  color:#fff;
  border-color:#ee2a42;
}
/* price-list category bars; guarantee sub-headings are styled like #content h1 */
#content .holder>h2:not(.guarantee__header){
  font:normal 18px/22px 'museo300' , Arial, Helvetica, sans-serif;
  color:#fff;
  margin:0 0 7px;
  background:#55268b;
  padding:8px 14px;
  border-radius:10px;
}
.pricing-list{
  margin:0 0 18px;
  padding:0 6px 0 4px;
  list-style:none;
}
.pricing-list li{
  display:block;
  overflow:hidden;
  background:#fff;
  padding:5px 5px 5px 10px;
}
.pricing-list li.even{background:#f2f2f2;}
.pricing-list li .general{
  float:left;
  width:75%;
  font-size:13px;
  line-height:17px;
  color:#6b6b6b;
}
.pricing-list li .price{
  width:15.7480%;
  float:right;
  font-size:12px;
  line-height:17px;
  color:#4d4d4d;
  font-weight:bold;
  text-align:right;
}
.promo-wrap{
  float:left;
  padding:0 0 51px 14px;
}
.promo-wrap strong{
  font-weight:bold;
  text-transform:uppercase;
}
.promo-wrap .title{
  display:block;
  font:normal 18px/22px 'museo300' , Arial, Helvetica, sans-serif;
  margin:0 0 3px;
  color:#e2001a;
  text-transform:none;
}
.promo-wrap span{
  font-size:13px;
  line-height:26px;
  color:#3d3d3d;
}
.promo-wrap span a{
  color:#e2001a;
}
.package-wrap{padding:0;}
.package-wrap .heading{
  background:#55268b;
  border-radius:10px;
  padding:8px 3.2558% 8px 2.1705%;
  margin:9px 0 7px;
  position:relative;
}
.package-wrap .heading:after{
  content:'';
  display:block;
  clear:both;
}
.package-wrap .heading h2{
  background:none;
  float:left;
  font:18px/22px 'museo300' , Arial, Helvetica, sans-serif;
  margin:0;
  color:#fff;
  padding:0;
  width:74%;
}
.package-wrap .heading>span{
  margin:-9px 0 -11px;
  background:#ee2a42;
  position:absolute;
  border-radius:10px;
  color:#fff;
  text-align:center;
  padding:19px 15px;
  font:18px/22px 'museo700' , Arial, Helvetica, sans-serif;
  right:3.1%;
  top:0;
  bottom:0;
}
.package-wrap .heading span span{
  display:table-cell;
  vertical-align:middle;
}
.package-wrap ul{
  margin:0;
  padding:0 4px 31px 5px;
  list-style:none;
}
.package-wrap ul li{
  font-size:13px;
  line-height:17px;
  color:#6b6b6b;
  padding:5px 5px 5px 9px;
}
.package-wrap ul li.even{background:#f2f2f2;}
/* footer styles */
#footer{
  max-width:998px;
  margin:0 auto;
  padding:0 10px;
}
#footer .holder{
  border-top:1px solid #e8e8e8;
  font-size:12px;
  line-height:16px;
  color:#cacaca;
  position:relative;
  padding:10px 0 0;
}
#footer .holder:after{
  content:'';
  display:block;
  clear:both;
}
#content .emergency-wrap{
  background:url("/assets/bg-emergency-213025c3.png") no-repeat 100% 100%;
  padding:21px 33.029% 84px 0.62015%;
  margin-bottom:15px;
}
#content .emergency-wrap .service{
  font:14px/27px 'museo300' , Arial, Helvetica, sans-serif;
  color:#ee2a42;
  display:block;
}
.emergency-wrap .service strong{
  color:#56268c;
  font-family:'museo700' , Arial, Helvetica, sans-serif;
  font-weight:normal;
}
.emergency-wrap .features{
  font:14px/27px 'museo300' , Arial, Helvetica, sans-serif;
  color:#4d4d4d;
  display:block;
  padding:7px 0 17px;
}
.emergency-wrap .features strong{
  font-family:'museo700' , Arial, Helvetica, sans-serif;
  font-weight:normal;
}
.emergency-wrap .phone{
  display:block;
  font:16px/20px 'museo100' , Arial, Helvetica, sans-serif;
  color:#e2001a;
}
.emergency-wrap .phone strong{
  font-family:'museo500' , Arial, Helvetica, sans-serif;
  font-weight:normal;
}
.map-wrap{
  padding:13px 4.9612% 49px 2.32558%;
  display:block;
}
.map-wrap img{
  width:100%;
  display:block;
  height:auto;
}
/* contact form styles */
.contact-form{
  margin:0;
  padding:0 4.9612% 54px 2.32558%;
}
.contact-form .row{
  overflow:hidden;
  margin:0 0 19px;
}
.contact-form .col{
  width:48.3277%;
  float:left;
  margin-left:3.1772%;
}
.contact-form .col:first-child{margin:0;}
.contact-form  input[type="text"]{
  width:84.7750%;
  font-size:13px;
  line-height:15px;
  border:1px solid #d0c9bb;
  outline:none;
  -webkit-appearance:none;
  color:#a3a3a3;
  -webkit-box-shadow:inset 0 1px 0 1px rgba(230,230,230,0.4);
  box-shadow:inset 0 1px 0 1px rgba(230,230,230,0.4);
  border-radius:4px;
  font-style:italic;
  padding:10px 7.9584% 10px 6.5743%;
}
.contact-form textarea{
  width:92.5421% !important;
  height:59px !important;
  resize:none;
  overflow-y:auto;
  border:1px solid #d0c9bb;
  outline:none;
  -webkit-appearance:none;
  color:#a3a3a3;
  -webkit-box-shadow:inset 0 1px 0 1px rgba(230,230,230,0.4);
  box-shadow:inset 0 1px 0 1px rgba(230,230,230,0.4);
  border-radius:4px;
  font-style:italic;
  padding:10px 3.5117%;
  margin:0;
}
.contact-form input[type="submit"]{
  width:178px;
  height:36px;
  border-radius:4px;
  background:url("/assets/bg-submit-b34a7eab.png") no-repeat;
  border:none;
  cursor:pointer;
  float:right;
  color:#fff;
  padding:0 21px 0 0;
  margin-right:2px;
}
/* /kontakt company details ("Dane kontaktowe"): see contact_card.css */
/* footer styles */
#footer .left-block{
  float:left;
  width:45.0901%;
  padding:3px 0 0 2.203%;
}
#footer .right-block{
  float:right;
  width:45.0901%;
  text-align:right;
}
#footer span{
  display:block;
  margin-bottom:9px;
  color:#cacaca;
}
#footer a{
  display:block;
  margin-bottom:9px;
  color:#cacaca;
}
/* ---------------------------------------------------------
   4. Styles for Responsive web design
   ---------------------------------------------------------*/
/* styles for screens 768px wide and larger */
@media only screen and (max-width:1103px){
  #header nav{
    clear:both;
    padding:15px 0 0;
  }
  .banner .left-block .title{
    font-size:55px;
    line-height:59px;
  }
  .banner .left-block .pain{
    font-size:20px;
    line-height:24px;
  }
  .banner .right-block .title{
    font-size:20px;
    line-height:24px;
  }
  .banner .feature-list li{
    font-size:14px;
    line-height:16px;
  }
  .banner .right-block .feature-list{padding-bottom:12px;}
  #nav{
    float:left;
    clear:both;
  }
  .banner .appoinment-wrap a{
    font-size:14px;
    line-height:18px;
  }
  .two-cols .contact-block dt{margin-right:1.435%;}
  .plan-block strong{
    padding:8px 0 0;
    width:47.811%;
  }
  .bank-account-block .bank-transfer,
  .bank-account-block .bank-account{
    font-size:12px;
    line-height:14px;
  }
  .bank-account-block .bank-transfer{margin-bottom:4px;}
  .office-hour-wrap .title{
    font-size:16px;
    line-height:20px;
  }
  .office-hour-wrap .title span{
    font-size:10px;
    line-height:14px;
  }
  .contact-form input[type="text"]{
    padding:10px 4%;
    width:91%;
  }
  .banner .appoinment-wrap{left:5.6678%;}
}
/* styles for screens 320px wide and larger */
@media only screen and (max-width:767px){
  /* phones: wrapping pills instead of a tall list */
  .add-nav{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    padding:10px;
  }
  .add-nav li{margin:0;}
  .add-nav li a{
    padding:7px 14px;
    border:1px solid #e3ddee;
    border-radius:20px;
    font-size:14px;
  }
  .add-nav li.active a{border-color:#55268b;}
  #header{padding:20px 10px;}
  .opener{
    display:block;
  }
  .open-close{padding:5px 5px 0 0;}
  .open-close .js-slide-hidden {
    display: block !important;
    left: -9999px !important;
    position: absolute !important;
    top: -9999px !important;
  }
  .slide{
    position:absolute;
    top:62px;
    right:15px;
    width:250px;
    z-index:20;
  }
  .slide #nav{
    background:rgba(99,46,159,0.9);
    float:none;
    display:block;
    height:auto;
    padding:10px 0;
  }
  #header nav{padding:0;}
  #nav li{
    background:none;
    float:none;
    display:block;
    text-align:left;
    font-size:16px;
    line-height:20px;
  }
  #nav li a{padding:12px 15px;}
  #nav li.active a,
  #nav li:hover a{
    margin:0;
    padding:12px 15px;
    height:auto;
    border-radius:0;
  }
  .logo{
    background:url("/assets/logo01-ea5b54fb.png") no-repeat;
    background-size:147px 38px;
    width:147px;
    height:38px;
  }
  .banner .left-block{
    float:none;
    display:block;
    width:80%;
    border-radius:10px;
    padding:20px 10% 20px 10%;
    height:auto;
    min-height:150px;
    margin-bottom:8px;
    background-size:cover;
  }
  .banner .left-block:after{display:none;}
  .banner .appoinment-wrap{
    position:relative;
    left:0;
    bottom:0;
    width:82.269%;
    padding:5px;
  }
  .banner .appoinment-wrap a{
    min-height:46px;
    padding:4px 5px 4px 20px;
    font-size:15px;
    line-height:18px;
  }
  .banner .appoinment-wrap a:after{
    width:38px;
    height:38px;
    font-size:18px;
  }
  .appoinment-wrap .arrange{
    font-size:12px;
    line-height:14px;
    padding:0;
  }
  .banner .left-block .title{
    font-size:30px;
    line-height:34px;
    margin-bottom:7px;
  }
  .banner .left-block .pain{
    font-size:14px;
    line-height:18px;
    margin-bottom:10px;
  }
  .banner .right-block{
    float:none;
    display:block;
    border-radius:10px;
    width:80%;
    padding:20px 10%;
    height:auto;
    overflow:hidden;
    background-size:cover;
  }
  .banner .right-block .title{
    font-size:16px;
    line-height:20px;
  }
  .banner .right-block .feature-list{padding:0 0 20px;}
  .banner .feature-list li{
    background:url("/assets/bul03-ae959aad.png") no-repeat 0 7px;
    padding:5px 0 5px 25px;
    font-size:12px;
    line-height:14px;
  }
  .banner .right-block .btn-range{margin-left:0;}
  #content,
  .two-cols .sidebar{
    float:none;
    display:block;
    width:100%;
  }
  .two-cols{padding:8px 0;}
  .special-block,
  .plan-block,
  .bank-account-block{
    float:none;
    display:block;
    margin:0 0 8px;
  }
  #content{margin-bottom:10px;}
  #content h1, #content h2.guarantee__header{
    font-size:20px;
    line-height:24px;
  }
  #content .img-wrap{
    width:38%;
    margin:0 auto 20px;
    display:block;
    float:none;
  }
  .package-wrap .heading h2{
    font-size:14px;
    line-height:18px;
  }
  .package-wrap .heading>span{
    padding:17px 10px;
  }
  .promo-wrap{padding-bottom:10px;}
  .promo-wrap .title{
    font-size:16px;
    line-height:20px;
  }
  .promo-wrap span{
    font-size:12px;
    line-height:18px;
  }
  .contact-block,
  .contact-block.add{
    padding:10px 4.7%;
    width:89.4%;
  }
  .two-cols .contact-block dd{width:82.658%;}
  .special-block{width:100%;}
  .plan-block{
    padding:18px 2%;
    width:95.4%;
  }
  .plan-block .logo-santandar{width:111px;}
  .office-hour-wrap{
    width:99%;
    float: none;
    display:block;
    margin-bottom:8px;
  }
  .office-hour-wrap .title{
    padding:18px 2% 22px;
    width:36.8001%;
  }
  .office-hour-wrap .time-wrap{
    float: right;
    padding-bottom:10px;
  }
  .bank-account-block{
    padding:17px 3% 19px 22%;
    width:74%;
    height:auto;
  }
  #footer .holder{
    font-size:10px;
    line-height:14px;
    padding:10px 0;
  }
  #footer span{
    color:#333;
    margin-bottom:3px;
  }
  #tag-list li.red{
    float:none;
    display:inline-block;
    margin-left:10px;
  }
  .contact-form{padding:0 0 10px;}
  .contact-form .col:first-child,
  .contact-form .col{
    float:none;
    display:block;
    width:100%;
    margin:0 0 10px;
  }
  .contact-form .row{margin:0;}
  .contact-form input[type="text"]{
    padding:10px 2%;
    width:95.4%;
  }
  .contact-form textarea{
    margin-bottom:10px;
    padding:10px 2%;
    width:95.4% !important;
  }
  .map-wrap{padding:5px 0 10px;}
  #content .emergency-wrap{
    background:url("/assets/bg-emergency-mobile-091e29e8.png") no-repeat 100% 100%;
    padding:10px 22% 60px 0;
    margin:0;
  }
}
/* ---------------------------------------------------------
   5. Print styles
   ---------------------------------------------------------*/
/* styles for prinnt */
@media print{
  body{ 
    min-width:100%;
    min-height:100%;
  }
  .print-logo{
    display:block;
    float:left !important;
  }
  #header nav,
  .banner,
  #content .img-wrap,
  .two-cols .contact-block ul li .ico,
  .blocks-wrap,
  .payment-wrap,
  .logo,
  #footer a.to-top,
  .contact-block,
  .contact-form,
  .sidebar,
  #tag-list{display:none;}
  #header{padding:20px 0;}
  #content h1, #content h2.guarantee__header{
    margin-bottom:5px;
    padding:0;
    border:none;
  }
  #tag-list{padding-bottom:15px;}
  .promo-wrap{padding-bottom:0;}
  #wrapper,
  #header,
  #footer{
    width:100% !important;
    max-width:100% !important;
  }
  #footer{padding:0;}
  #main,
  #content{max-width:100% !important;}
  #main h1,
  #wrapper.add .two-cols,
  #content,
  #content .holder,
  .package-wrap,
  .two-cols,
  .two-cols .sidebar,
  .contact-block{
    float:none;
    margin:0;
    max-width:100% !important;
  }
  #content,
  .two-cols .sidebar{
    margin-bottom:15px;
  }
  .add-nav{display:none;}
  #content.add{width:100% !important;}
  .contact-block.add,
  .contact-block{padding:10px;}
  .add-contact,
  #content .emergency-wrap{
    padding:0 !important;
    max-width:100% !important;
    margin:0 !important;
  }
  #wrapper,
  #content.add,
  #content,
  #content .holder,
  #content .emergency-wrap .service{
    float:none;
    width:100%;
  }
  .two-cols{
    float: none;
    overflow:visible;
  }
  .contact-block{float:none !important;}
  #content h1:after, #content h2.guarantee__header:after{display:none;}
}
/* Small, quiet "Rodo" link in the footer (right). */
#footer .right-block { padding-top: 3px; }
#footer a.footer-rodo { display: inline-block; margin-right: 2.2%; font-size: inherit; color: #b8b8b8; }
#footer a.footer-rodo:hover { color: #7238b4; }

/* Back to top: a round arrow button sitting on the footer line (replaces the red square). */
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
#footer .holder { padding-top: 22px; }
#footer a.to-top {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  margin: 0;
  padding: 0;
  border: 1px solid #e3ddee;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 2px 8px rgba(78, 47, 138, 0.1);
  color: #4e2f8a;
  text-decoration: none;
  transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}
#footer a.to-top svg { display: block; transition: transform 0.15s ease; }
#footer a.to-top:hover,
#footer a.to-top:focus-visible {
  background: linear-gradient(135deg, #7b52c9, #4a2785);
  border-color: transparent;
  color: #fff;
  box-shadow: 0 6px 16px rgba(78, 47, 138, 0.3);
  outline: none;
}
#footer a.to-top:hover svg,
#footer a.to-top:focus-visible svg { transform: translateY(-2px); }
@media (prefers-reduced-motion: reduce) {
  #footer a.to-top, #footer a.to-top svg { transition: none; }
  #footer a.to-top:hover svg { transform: none; }
}