/**
 * Rozpoctova kalkulacka (carousel) - styly portovane 1:1 z puvodniho webu
 * penizenauteku.cz (modul cz.nelasoft.opencms.cnb.penizenauteku/css/main.css).
 */
.budget-table{position:relative;text-align:center}
@media only print, only screen and (min-width: 800px) {
  .budget-table{text-align:left}
}
.budget-table__inner{position:relative;background:#fff;text-align:center;border-radius:9px;background:-webkit-linear-gradient(135deg, #eef3f4 23px, #fff 0);background:linear-gradient(-45deg, #eef3f4 23px, #fff 0);margin-bottom:30px}
.budget-table__inner:after{content:"";display:table;clear:both}
.budget-table__col{position:relative;padding:0 20px}
@media only print, only screen and (min-width: 800px) {
  .budget-table__col{float:left;width:50%;padding:0 40px}
}
@media only print, only screen and (min-width: 800px) {
  .budget-table__col:last-of-type:before{content:'';position:absolute;top:0;left:-1px;right:100%;bottom:0;background:-webkit-linear-gradient(90deg, #c9cfd2 60%, transparent 40%);background:-webkit-linear-gradient(270deg, #c9cfd2 60%, transparent 40%);background:linear-gradient(180deg, #c9cfd2 60%, transparent 40%);background-size:1px 12px;background-repeat:repeat-y}
}
.budget-table__item{position:relative;font-family:"amatic",Arial,sans-serif;font-size:24px;font-size:1.5rem;padding:25px 0}
.budget-table__item:before{content:'';position:absolute;top:100%;left:0;right:0;bottom:-1px;background:-webkit-linear-gradient(left, #c9cfd2 60%, transparent 40%);background:linear-gradient(to right, #c9cfd2 60%, transparent 40%);background-size:12px 1px;background-repeat:repeat-x}
.budget-table__item p{line-height:1.1}
.budget-table__item:last-of-type:before{display:none}
.budget-table__item--large{padding:30px 0}
@media only print, only screen and (min-width: 800px) {
  .budget-table__item--large{padding:60px 0}
}
.budget-table__item--small{padding:25px 0}
.budget-table__heading{font-size:34px;font-size:2.125rem;font-weight:600;margin-bottom:5px}
@media only print, only screen and (min-width: 800px) {
  .budget-table__heading{font-size:40px;font-size:2.5rem}
}
.budget-table__fold{position:absolute;right:0;bottom:-5px}
.budget-table__fold svg{fill:#dbe2e4}
@media only print, only screen and (min-width: 800px) {
  .budget-table__fold{right:-3px;bottom:-5px}
}
.calc-nav{position:relative;padding:30px 0 30px 0;background:#eef3f4;text-align:center}
.calc-nav .btn.js-hide{visibility:hidden;opacity:0;pointer-events:none}
.calc-nav .btn:first-of-type{margin-bottom:20px}
.calc-nav .dot-nav{margin:35px 0 10px 0}
.js-finished .calc-nav{display:none}
.calc-nav .container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.calc-nav .container a:first-of-type{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}
.calc-nav .container a:last-of-type{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2}
.calc-nav .container ul{-webkit-box-ordinal-group:4;-webkit-order:3;-ms-flex-order:3;order:3}
@media only print, only screen and (min-width: 800px) {
  .calc-nav{padding:60px 0 60px 0}
  .calc-nav .container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
  .calc-nav .container a:first-of-type{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}
  .calc-nav .container a:last-of-type{-webkit-box-ordinal-group:4;-webkit-order:3;-ms-flex-order:3;order:3}
  .calc-nav .container ul{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2}
  .calc-nav .btn:first-of-type{margin-bottom:0}
  .calc-nav .dot-nav{margin:0}
}
.dot-nav{font-size:0}
.dot-nav__dot{display:inline-block;width:17px;height:17px;border:1px solid #333;border-radius:50%;margin:0 6px}
.dot-nav__dot a{position:relative;display:block;width:100%;height:100%}
.dot-nav__dot a:before{content:'';position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px}
.dot-nav__dot a:after{content:'';position:absolute;top:7px;left:-14px;height:1px;width:14px;background:#333}
.dot-nav__dot.dot-nav__dot--finished{border:none;background:#c9cfd2;border:1px solid #c9cfd2}
.dot-nav__dot.dot-nav__dot--finished:hover{background:#a79134}
.dot-nav__dot.dot-nav__dot--finished a:after{background:#c9cfd2}
.dot-nav__dot.dot-nav__dot--active{border:none;background:#c1ad54}
.dot-nav__dot.dot-nav__dot--active a:after{display:none}
.dot-nav__dot.dot-nav__dot--active+li a:after{display:none}
@media only print, only screen and (min-width: 800px) {
  .dot-nav__dot{margin:0 9px}
  .dot-nav__dot a:after{left:-19px;width:19px}
}
.dot-nav__dot:first-of-type a:after{display:none}
.calc{background:#eef3f4}
.calc__helper{position:relative;padding:150px 0 50px 0}
.calc__helper:before{content:'';position:absolute;top:100%;left:0;right:0;bottom:-1px;margin-top:-1px;background:-webkit-linear-gradient(left, #c9cfd2 60%, transparent 40%);background:linear-gradient(to right, #c9cfd2 60%, transparent 40%);background-size:12px 1px;background-repeat:repeat-x}
.calc__helper .icon--scissors{position:absolute;z-index:5;right:30px;bottom:-60px}
.js-finished .calc__helper:before{display:none}
.js-finished .calc__helper .icon--scissors{display:none}
@media only print, only screen and (min-width: 800px) {
  .calc__helper{padding:160px 0 85px 0}
  .calc__helper .container{height:420px}
  .js-finished .calc__helper .container{height:auto}
  .calc__helper .icon--scissors{right:0;bottom:-95px}
}
.calc__illustration{display:none;position:absolute;top:-90px;right:0;z-index:2;-webkit-transition:opacity 350ms ease;transition:opacity 350ms ease}
.calc__illustration svg{-webkit-transform-origin:50% 50%;transform-origin:50% 50%}
.js-finished .calc__illustration svg{-webkit-transition:all 1000ms ease;transition:all 1000ms ease}
@media only print, only screen and (min-width: 800px) {
  .calc__illustration{display:block}
}
.calc__inner{overflow:hidden;-webkit-transition:height 300ms ease;transition:height 300ms ease}
.calc__list{position:relative;height:100%;width:100%}
.js-finished .calc__list{display:none}
.calc__item{position:absolute;-webkit-transition:-webkit-transform 300ms ease , opacity 200ms ease;transition:transform 300ms ease , opacity 200ms ease;-webkit-transform:translateX(1200px);transform:translateX(1200px);top:0}
.calc__item:after{content:"";display:table;clear:both}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .calc__item{-webkit-transition:all 300ms ease;transition:all 300ms ease}
}
.calc__item--active{position:relative;-webkit-transform:translateX(0) !important;transform:translateX(0) !important}
.calc__item[data-index="0"] .calc__content{height:200px}
@media only print, only screen and (min-width: 800px) {
  .calc__item[data-index="0"] .calc__content{height:405px}
}
.calc__item[data-index="6"] .calc__content{height:405px}
.calc__item[data-index="1"] .calc__content{text-align:center;height:auto;padding:0}
@media only print, only screen and (min-width: 800px) {
  .calc__item[data-index="1"] .calc__content{width:500px}
  .calc__item[data-index="1"] .budget-table__col{padding:0 20px}
  .calc__item[data-index="1"] .budget-table__heading{font-size:24px;font-size:1.5rem}
  .calc__item[data-index="1"] .budget-table__item--large{padding:25px 0}
}
@media only print, only screen and (min-width: 950px) {
  .calc__item[data-index="1"] .calc__content{width:600px}
  .calc__item[data-index="1"] .budget-table__col{padding:0 40px}
  .calc__item[data-index="1"] .budget-table__heading{font-size:30px;font-size:1.875rem}
}
.calc__item[data-index="6"] .calc__content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
@media only print, only screen and (min-width: 800px) {
  .calc__item[data-index="6"] .calc__content__center{opacity:0;-webkit-transition:opacity 450ms ease;transition:opacity 450ms ease}
}
.calc__left{margin-bottom:30px}
@media only print, only screen and (min-width: 800px) {
  .calc__left{float:left;width:35%;margin-bottom:0}
}
.calc__right:after{content:"";display:table;clear:both}
@media only print, only screen and (min-width: 800px) {
  .calc__right{float:left;width:65%}
}
.calc__content{position:relative;background:#fff;border-radius:9px;width:100%;background:-webkit-linear-gradient(135deg, #eef3f4 23px, #fff 0);background:linear-gradient(-45deg, #eef3f4 23px, #fff 0)}
.calc__content:after{content:"";display:table;clear:both}
@media only print, only screen and (min-width: 800px) {
  .calc__content{float:right;width:555px;min-height:405px}
}
.calc__content__inner{padding:40px 0 40px 40px}
@media only print, only screen and (min-width: 800px) {
  .calc__content__inner{padding:55px 0 50px 80px}
}
.calc__content__heading,.calc__content__list,.calc__content__center{font-family:"amatic",Arial,sans-serif}
.calc__content__heading{font-size:26px;font-size:1.625rem;font-weight:600;line-height:1.1;margin-bottom:15px}
@media only print, only screen and (min-width: 800px) {
  .calc__content__heading{font-size:36px;font-size:2.25rem}
}
.calc__content__center{font-size:26px;font-size:1.625rem;font-weight:600}
@media only print, only screen and (min-width: 800px) {
  .calc__content__center{font-size:36px;font-size:2.25rem}
}
.calc__content__list{font-size:22px;font-size:1.375rem}
.calc__content__list li{position:relative;line-height:1.25;padding-left:30px;margin-bottom:5px}
.calc__content__list li:before{content:'-';position:absolute;left:0;top:0}
@media only print, only screen and (min-width: 800px) {
  .calc__content__list{font-size:30px;font-size:1.875rem}
}
.calc__content__illustration{position:absolute;top:110px;left:10px}
@media only print, only screen and (min-width: 800px) {
  .calc__content__illustration{top:60px;left:100px}
}
.calc__number{width:35px;height:35px;background:#c1ad54;border-radius:50%;font-family:"roboto-slab",Arial,sans-serif;font-size:20px;font-size:1.25rem;color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-bottom:20px}
@media only print, only screen and (min-width: 950px) {
  .calc__number{width:42px;height:42px;font-size:24px;font-size:1.5rem}
}
.calc__heading{font-family:"roboto-slab",Arial,sans-serif;font-size:24px;font-size:1.5rem;line-height:1.1;max-width:330px;margin-bottom:10px}
@media only print, only screen and (min-width: 950px) {
  .calc__heading{font-size:36px;font-size:2.25rem}
}
.calc__disclaimer{font-size:14px;font-size:0.875rem;text-transform:uppercase;margin-bottom:10px}
.calc__tip{font-size:14px;font-size:0.875rem;color:#b39e3b;margin-bottom:3px}
.calc__tip strong,.calc__tip span{text-transform:uppercase;color:#c1ad54}
.calc__download{font-size:14px;font-size:0.875rem;display:block;margin-bottom:2px;color:#b39e3b;text-transform:uppercase;text-decoration:underline;font-weight:600;color:#c1ad54}
.calc__left .embedded-entity a{font-size:14px;font-size:0.875rem;display:block;margin-bottom:2px;color:#b39e3b;text-transform:uppercase;text-decoration:underline;font-weight:600;color:#c1ad54}
.calc__fold{position:absolute;right:0;bottom:-5px}
.calc__fold svg{fill:#dbe2e4}
@media only print, only screen and (min-width: 800px) {
  .calc__fold{right:0px;bottom:-6px}
}
.calc__last{text-align:center;display:none;opacity:0;-webkit-transition:opacity 300ms ease;transition:opacity 300ms ease}
.calc__last .heading{margin-bottom:20px;padding:20px 0 0 0}
.calc__last .btn{display:block;max-width:250px;margin:0 auto 20px auto}
.js-finished .calc__last{display:block}
@media only print, only screen and (min-width: 800px) {
  .calc__last .btn{display:inline-block;margin:0 17px}
  .js-finished .calc__last .heading{padding-top:350px}
}
.calc__last__description{margin-bottom:40px;font-size:14px;font-size:0.875rem}
@media only print, only screen and (min-width: 800px) {
  .calc__last__description{font-size:18px;font-size:1.125rem}
}
.calc-coffee{position:absolute;top:20px;right:350px}
.calc-cookies{position:absolute;top:-28px;right:200px}
.calc-cookies-2{position:absolute;top:-20px;right:270px;opacity:0}
.calc-ruler{position:absolute;top:200px;right:-70px}
.calc-pen{position:absolute;top:285px;right:-65px}
.calc-pillow{width:259px;height:186px}
@media only print, only screen and (min-width: 800px) {
  .calc-pillow{width:359px;height:286px}
  .calc-pillow path:first-of-type{stroke-dashoffset:-1145;-webkit-transition:all 1200ms ease;transition:all 1200ms ease}
}
.calc-pillow__buttons{-webkit-transition:opacity 450ms ease;transition:opacity 450ms ease;opacity:0}

/**
 * Admin lokalni zalozky (prihlaseny editor) na strance s karuselem.
 * Stranka potlacuje hlavicku obsahu a karusel je full-bleed s ilustraci, ktera
 * vyenivá nad svuj box (top:-90px). Bez odsazeni by se zalozky schovaly pod
 * horni menu a ilustrace by je prekryvala. Odsadime je do ciste listy a karusel
 * posuneme pod ne. Plati jen pro prihlasene; verejny web zustava beze zmeny.
 */
.body--calc-page.user-logged-in #content > .container:first-of-type {
  padding-top: 50px;
}

.body--calc-page.user-logged-in .calc {
  margin-top: 90px;
}

/**
 * Stranka s karuselem ma cele sede pozadi jako na produkci. #content je globalne
 * bily a prosvital by v pasu se zalozkami i v mezere nad karuselem; karusel sam
 * je sedy a patička (mimo #content) si drzi tmavou barvu.
 */
.body--calc-page #content {
  background-color: #eef3f4;
}
