@import url(https://p.typekit.net/p.css?s=1&k=agw1iit&ht=tk&f=139.175.25136&a=13333225&app=typekit&e=css);
html {
  box-sizing: border-box;
}
body {
  margin: 0;
}
*,
:after,
:before {
  box-sizing: inherit;
}
h1,
h2,
h3,
h4,
h5,
h6,
li,
p,
ul {
  margin: 0;
  padding: 0;
}
button,
input,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
}
embed,
iframe,
img,
object,
video {
  max-width: 100%;
}
a {
  text-decoration: none;
  outline: 0;
}
@font-face {
  font-family: proxima-nova;
  src: url(https://use.typekit.net/af/71f83c/00000000000000003b9b093b/27/l?primer=e6066692ab328d1a92bb155659ed6609b693e1e352f0e8982e4224719b13bdfb&fvd=n7&v=3)
      format('woff2'),
    url(https://use.typekit.net/af/71f83c/00000000000000003b9b093b/27/d?primer=e6066692ab328d1a92bb155659ed6609b693e1e352f0e8982e4224719b13bdfb&fvd=n7&v=3)
      format('woff'),
    url(https://use.typekit.net/af/71f83c/00000000000000003b9b093b/27/a?primer=e6066692ab328d1a92bb155659ed6609b693e1e352f0e8982e4224719b13bdfb&fvd=n7&v=3)
      format('opentype');
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: proxima-nova;
  src: url(https://use.typekit.net/af/4838bd/00000000000000003b9b0934/27/l?primer=e6066692ab328d1a92bb155659ed6609b693e1e352f0e8982e4224719b13bdfb&fvd=n4&v=3)
      format('woff2'),
    url(https://use.typekit.net/af/4838bd/00000000000000003b9b0934/27/d?primer=e6066692ab328d1a92bb155659ed6609b693e1e352f0e8982e4224719b13bdfb&fvd=n4&v=3)
      format('woff'),
    url(https://use.typekit.net/af/4838bd/00000000000000003b9b0934/27/a?primer=e6066692ab328d1a92bb155659ed6609b693e1e352f0e8982e4224719b13bdfb&fvd=n4&v=3)
      format('opentype');
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: proxima-nova;
  src: url(https://use.typekit.net/af/3331e6/00000000000000003b9b0936/27/l?primer=e6066692ab328d1a92bb155659ed6609b693e1e352f0e8982e4224719b13bdfb&fvd=n5&v=3)
      format('woff2'),
    url(https://use.typekit.net/af/3331e6/00000000000000003b9b0936/27/d?primer=e6066692ab328d1a92bb155659ed6609b693e1e352f0e8982e4224719b13bdfb&fvd=n5&v=3)
      format('woff'),
    url(https://use.typekit.net/af/3331e6/00000000000000003b9b0936/27/a?primer=e6066692ab328d1a92bb155659ed6609b693e1e352f0e8982e4224719b13bdfb&fvd=n5&v=3)
      format('opentype');
  font-style: normal;
  font-weight: 500;
}
.tk-proxima-nova {
  font-family: proxima-nova, sans-serif;
}
button,
input,
select,
textarea {
  font-family: proxima-nova, sans-serif;
  font-style: normal;
  font-weight: 400;
}
h1 {
  font-size: 1.76470588rem;
}
h2 {
  font-size: 1.23529412rem;
  font-family: proxima-nova, sans-serif;
  font-style: normal;
  font-weight: 400;
}
h3 {
  font-size: 1.05882353rem;
}
h4 {
  font-family: proxima-nova, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.82352941rem;
}
.link-prim {
  color: #87bee7;
  opacity: 1;
  font-size: 0.82352941rem;
  transition: opacity 0.3s;
}
.link-prim:hover {
  opacity: 0.8;
}
.floated-elements {
  margin-bottom: 10px;
}
.floated-elements:after {
  content: '';
  display: table;
  clear: both;
}
.floated-elements :first-child {
  float: left;
}
.floated-elements :last-child {
  float: right;
}
.black-light {
  color: #494949;
}
.small-text {
  font-size: 0.82352941rem;
}
.main {
  position: relative;
  text-align: center;
}
.logotypes {
  text-align: center;
  margin: auto;
  width: 1244px;
}
.logotypes img {
  display: inline-block;
  vertical-align: middle;
  margin: 0 15px;
}
.logotypes .right {
  float: right;
  width: 685px;
  margin-top: 40px;
  margin-bottom: 50px;
}
.container {
  width: 1240px;
  margin: auto;
}
.center {
  text-align: center !important;
}
.shadow:after {
  content: '';
  position: absolute;
  z-index: -1;
  box-shadow: 0 0 80px #b7c7d5;
  bottom: 0;
  width: 80%;
  height: 15%;
  border-radius: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
form {
  margin-bottom: 0;
}
.form-group {
  font-size: 0.88235294rem;
  position: relative;
}
input[type='email'],
input[type='number'],
input[type='password'],
input[type='text'] {
  border-width: 0 0 1px;
  border-style: solid;
  border-color: #dedede;
  font-size: 0.88235294rem;
  padding: 10px 0;
  margin: 12px 0;
  width: 100%;
}
input[type='email']::-webkit-input-placeholder,
input[type='number']::-webkit-input-placeholder,
input[type='password']::-webkit-input-placeholder,
input[type='text']::-webkit-input-placeholder {
  color: #aaabaf;
}
input[type='email']:-moz-placeholder,
input[type='number']:-moz-placeholder,
input[type='password']:-moz-placeholder,
input[type='text']:-moz-placeholder {
  color: #aaabaf;
}
input[type='email']::-moz-placeholder,
input[type='number']::-moz-placeholder,
input[type='password']::-moz-placeholder,
input[type='text']::-moz-placeholder {
  color: #aaabaf;
}
input[type='email']:-ms-input-placeholder,
input[type='number']:-ms-input-placeholder,
input[type='password']:-ms-input-placeholder,
input[type='text']:-ms-input-placeholder {
  color: #aaabaf;
}
input[type='email']:-webkit-autofill,
input[type='number']:-webkit-autofill,
input[type='password']:-webkit-autofill,
input[type='text']:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px #fff inset;
}
input[type='email'].error,
input[type='number'].error,
input[type='password'].error,
input[type='text'].error {
  border-color: #fc2125;
}
.checkbox label {
  font-size: 0.82352941rem;
  color: #494949;
  position: relative;
  cursor: pointer;
  padding: 0 0 0 23px;
  display: block;
}
.checkbox label:before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
  width: 13px;
  height: 13px;
  border: 1px solid #dedede;
  position: absolute;
  left: 0;
  top: 2px;
}
.checkbox input[type='checkbox'] {
  position: absolute;
  opacity: 0;
}
.checkbox input[type='checkbox']:checked + label:after {
  content: '';
  display: block;
  position: absolute;
  left: 4px;
  top: 2px;
  width: 6px;
  height: 10px;
  border: solid #177de6;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.btn-link {
  display: block;
  color: #fff;
  text-align: center;
}
.form-group.has-error input {
  border-bottom: 1px solid #fc2125;
}
.tooltip {
  display: none;
  color: #fff;
  font-size: 0.76470588rem;
  background-color: #fc2125;
  padding: 10px 20px;
  position: absolute;
  right: -20px;
  top: 50%;
  z-index: 11;
  -webkit-transform: translate(100%, -50%);
  transform: translate(100%, -50%);
  box-shadow: 0 0 27px 0 #cfdbe5;
}
.tooltip:before {
  content: '';
  width: 0;
  height: 0;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-right: 9px solid #fc2125;
  position: absolute;
  left: 1px;
  top: 50%;
  -webkit-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%);
}
.tooltip.show {
  display: inline-block;
}
.error-box {
  margin-top: 25px;
}
.error-box > :not(:last-child) {
  margin-bottom: 5px;
}
.help-block {
  color: #fc2125;
  font-size: 0.76470588rem;
  display: block;
  text-align: center;
}
.data-info {
  font-size: 0.76470588rem;
  color: #494949;
}
.data-info > div:not(:last-child) {
  margin-bottom: 15px;
}
.alert {
  text-align: center;
}
.alert-success {
  background-color: #3bc585;
  color: #fff;
  padding: 8px 15px;
}
.alert-warning {
  color: #fc2125;
}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px #fff inset;
}
.btn {
  line-height: 48px;
  color: #fff;
  font-size: 0.88235294rem;
  font-family: proxima-nova, sans-serif;
  font-style: normal;
  font-weight: 400;
  border: 0;
  background-color: #177de6;
  cursor: pointer;
  transition: opacity 0.3s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.btn:focus,
.btn:hover {
  opacity: 0.8;
}
.btn-normal-size {
  width: 159px;
}
.btn-big-size {
  width: 87%;
  margin: auto;
}
.btn-full-size {
  width: 100%;
  margin: 25px 0;
}
.error-communicate {
  display: block;
  right: 13px;
}
.header-small {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 320px;
  background: url(/assets/images/fale.svg) no-repeat center center,linear-gradient(37deg,#177de6 10%,#115fb1 89%);
  z-index: -1;
  background-size:     cover;
}
.panel-default {
  width: 500px;
  padding: 24px 82px 65px;
  background-color: #fff;
  border-top: 8px solid #4792dd;
  margin: 80px auto 65px;
  display: inline-block;
  text-align: left;
  position: relative;
}
.panel-default .brand-img {
  display: block;
  margin: 0 auto 50px;
}
.panel-default:after {
  content: '';
  position: absolute;
  z-index: -1;
  box-shadow: 0 0 80px #b7c7d5;
  bottom: 0;
  width: 80%;
  height: 15%;
  border-radius: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.panel-heading {
  color: #2a2a2a;
  font-family: proxima-nova, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.17647059rem;
  text-align: center;
  margin-bottom: 30px;
}
.panel-heading.green {
  color: #3bc585;
}
.register-success {
  text-align: center;
  margin-bottom: 30px;
}
.register-success span {
  color: #3bc585;
}
.register-success p {
  font-size: 0.82352941rem;
}
nav.navbar {
  background-color: #d6e8f5;
  border-bottom: 1px solid #fff;
  height: 104px;
}
nav.navbar li {
  list-style: none;
  margin: 0 32px;
}
nav.navbar li a {
  color: #6e9dbe;
  z-index: 10;
}
nav.navbar li.shadow {
  position: relative;
}
nav.navbar li.shadow:after {
  z-index: 0;
  box-shadow: 0 0 18px #b7c7d5;
}
.nowy-dobor {
  background-color: #def0fd;
  display: inline-block;
  width: 167px;
  line-height: 48px;
  text-align: center;
  color: #003a6d !important;
  font-size: 0.88235294rem;
  position: relative;
}
.nowy-dobor span {
  padding-left: 15px;
}
.nowy-dobor span:before {
  content: url(/images/plus-icon.svg);
  display: inline-block;
  position: absolute;
  left: 26px;
  top: 0;
}
.navbar-header {
  float: left;
  margin-top: 30px;
}
#app-navbar-collapse {
  float: right;
  margin-top: 30px;
}
a.logout {
  display: inline-block;
  width: 167px;
  text-align: center;
  line-height: 48px;
  color: #6e9dbe;
}
a.logout:before {
  content: url(/images/turnoff-icon.svg);
  margin-right: 15px;
  display: inline-block;
  vertical-align: middle;
}
nav.nav-steps {
  position: relative;
  height: 68px;
}
nav.nav-steps a {
  color: #6e9dbe;
  line-height: 68px;
  display: inline-block;
  width: 33.33%;
  float: left;
  text-align: center;
  position: relative;
}
nav.nav-steps a:before {
  content: '';
  height: 6px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #f5f7fa;
}
nav.nav-steps a.router-link-exact-active {
  color: #003a6d;
}
nav.nav-steps
  .dane-inwestycji-link.router-link-exact-active
  ~ .wybor-zbiornika-link:after {
  left: -200%;
}
nav.nav-steps
  .parametry-doboru-link.router-link-exact-active
  ~ .wybor-zbiornika-link:after {
  left: -100%;
}
nav.nav-steps .wybor-zbiornika-link:after {
  content: '';
  height: 6px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #d6e8f5;
  transition: left 0.3s;
}
body {
  font-family: proxima-nova, sans-serif;
  font-style: normal;
  font-weight: 400;
  background-color: #f5f7fa;
  color: #2a2a2a;
  overflow-y: scroll;
  font-size: 0.88235294rem;
}
body.noscroll {
  overflow: hidden;
}
a:not(.router-link-exact-active).disabled {
  pointer-events: none;
  opacity: 0.44;
}
.wrapper {
  text-align: center;
  display: inline-block;
  margin: auto;
}
#app-navbar-collapse li {
  display: inline-block;
}
.gm-bundled-control-on-bottom {
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  bottom: 50px !important;
  right: 25px !important;
}
.gm-fullscreen-control {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}
body .big-arrow:after,
body .big-arrow:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 53%;
  transition: top 0.3s, opacity 0.3s;
}
body .big-arrow:before {
  border-style: solid;
  height: 30px;
  width: 30px;
  border-color: #f5f7fa;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-width: 0 0 20px 20px;
  right: -13px;
}
body .big-arrow:after {
  border-style: solid;
  height: 33px;
  width: 33px;
  border-color: #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-width: 0 0 20px 20px;
  right: -72px;
}
body.step1 .big-arrow:after,
body.step1 .big-arrow:before {
  top: 43%;
}
body.step1 .big-arrow:after {
  opacity: 0;
}
body.step2 .big-arrow:after,
body.step2 .big-arrow:before {
  top: 38%;
}
body.step3 .big-arrow:after,
body.step3 .big-arrow:before {
  top: 53%;
}