/* my stlesheet */
html {
  height: 100%;
}
body {
  font-family: 'Source Sans Pro', sans-serif;
  padding-top: 70px;
  color: #1a1c09;
  font-weight: 200;
}
a,
a:hover,
a:active,
a:focus {
  outline: 0;
}
.navbar-brand {
  height: auto;
}
.navbar-right {
  text-transform: uppercase;
}
.nav {
  font-weight: 200;
}
.navbar-nav > li > a {
  line-height: 50px;
}
.slide img {
  max-height: 500px;
}
.header {
  padding: 65px 0 85px;
  background-image: url("../../../images/radial.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
}
.header:last-child {
  background-image: none;
}
.navbar-fixed-top {
  -webkit-box-shadow: 0 5px 15px -8px #777777;
  -moz-box-shadow: 0 5px 15px -8px #777777;
  box-shadow: 0 5px 15px -8px #777777;
}
.footer {
  padding-top: 35px;
  background-color: #a8b23b;
  color: #fff;
  padding-bottom: 15px;
  -webkit-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.5) inset;
  -moz-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.5) inset;
  box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.5) inset;
  text-shadow: -1px -1px 1px #101010;
}
.footer .form-control {
  -webkit-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.7) inset;
  -moz-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.7) inset;
  box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.7) inset;
  border: none;
}
.copy {
  padding-top: 20px;
  background-color: #555;
  color: #fff;
  padding-bottom: 15px;
  -webkit-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.5) inset;
  -moz-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.5) inset;
  box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.5) inset;
  text-align: center;
  text-shadow: -1px -1px 1px #101010;
}
.main-content {
  margin-bottom: 35px;
  min-height: 650px;
}
.kontakt {
  font-weight: 400;
}
.port,
.usluge {
  margin: 0 auto;
  text-align: center;
}
.modal-header {
  border: none;
  min-height: 50px;
}
.modal h1,
.modal h2,
.modal h3,
.modal h4,
.modal h5,
.modal h6 {
  background-color: #a8b23b;
  color: #fff;
  padding: 5px;
}
.modal {
  text-align: center;
  font-size: 20px;
}
.logo h1,
.web h1,
.viz h1,
.logo h2,
.web h2,
.viz h2,
.logo h3,
.web h3,
.viz h3,
.logo h4,
.web h4,
.viz h4,
.logo h5,
.web h5,
.viz h5,
.logo h6,
.web h6,
.viz h6,
.logo .h1,
.web .h1,
.viz .h1,
.logo .h2,
.web .h2,
.viz .h2,
.logo .h3,
.web .h3,
.viz .h3,
.logo .h4,
.web .h4,
.viz .h4,
.logo .h5,
.web .h5,
.viz .h5,
.logo .h6,
.web .h6,
.viz .h6 {
  background-color: #a8b23b;
  color: #fff;
  padding: 10px;
  margin: 35px 0;
  padding: 25px 0 20px;
  -webkit-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.5) inset;
  -moz-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.5) inset;
  box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.5) inset;
  text-shadow: -1px -1px 1px #101010;
}
.usluge-heading {
  background-color: #a8b23b;
  color: #fff;
  padding: 10px;
  margin: 35px 0;
  padding: 25px 0 20px;
  -webkit-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.5) inset;
  -moz-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.5) inset;
  box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.5) inset;
  text-shadow: -1px -1px 1px #101010;
}
.logo img {
  display: inline-block;
}
@media (min-width: 768px) {
  .vertical-align {
    display: flex;
    align-items: center;
  }
}
.desktop {
  background-image: url('/images/desktop-web-mockup.jpg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-bottom: 20px;
}
.desktop .thumbnail {
  display: inline-block;
  background-color: transparent;
  margin: 0;
}
.panel-heading {
  padding: 0;
}
.panel-heading a,
.panel-heading a.collapsed:hover {
  padding: 10px 15px;
  text-decoration: none;
  background-color: #a8b23b;
  color: #fff;
}
.panel-heading a.collapsed,
.panel-heading a:hover {
  background-color: #e7e7e7;
  color: #1a1c09;
}
.panel-title {
  font-size: 24px;
  font-weight: 200;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  background-color: #a8b23b;
  color: #fff;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  background-color: #bec858;
  color: #eee;
}
.btn-primary {
  background-color: #a8b23b;
  border-color: #848c2e;
  color: #fff;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-color: #969f35;
  border-color: #606522;
  color: #fff;
}
.contact-tab {
  padding: 15px 30px;
  margin: 20px auto;
  text-align: center;
}
.jpi-info {
  font-family: Arial, Helvetica, sans-serif;
}
.jpi-info .cube:before {
  content: " ■ ";
  color: #737373;
}
.navbar-toggle {
  margin-top: 20px;
}
.modal-header .close {
  margin-top: -15px;
  padding: 20px;
}
.caption {
  opacity: 0;
}
.scroll {
  font-size: 35px;
  color: #CCC;
  left: 50%;
  opacity: 0;
  padding-top: 20px;
}
.panel-body {
  text-align: left;
}
.fadeInLeft {
  animation: fadeInLeft ease-in 1s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode: forwards;
  /*when the spec is finished*/
  -webkit-animation: fadeInLeft ease-in 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode: forwards;
  /*Chrome 16+, Safari 4+*/
  -moz-animation: fadeInLeft ease-in 1s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode: forwards;
  /*FF 5+*/
  -o-animation: fadeInLeft ease-in 1s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode: forwards;
  /*Not implemented yet*/
  -ms-animation: fadeInLeft ease-in 1s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode: forwards;
  /*IE 10+*/
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translate(-500px, 0px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -moz-transform: translate(-500px, 0px);
  }
  100% {
    opacity: 1;
    -moz-transform: translate(0px, 0px);
  }
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate(-500px, 0px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0px, 0px);
  }
}
@-o-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -o-transform: translate(-500px, 0px);
  }
  100% {
    opacity: 1;
    -o-transform: translate(0px, 0px);
  }
}
@-ms-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -ms-transform: translate(-500px, 0px);
  }
  100% {
    opacity: 1;
    -ms-transform: translate(0px, 0px);
  }
}
.fadeInRight {
  animation: fadeInRight ease-out 2s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode: forwards;
  /*when the spec is finished*/
  -webkit-animation: fadeInRight ease-out 2s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode: forwards;
  /*Chrome 16+, Safari 4+*/
  -moz-animation: fadeInRight ease-out 2s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode: forwards;
  /*FF 5+*/
  -o-animation: fadeInRight ease-out 2s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode: forwards;
  /*Not implemented yet*/
  -ms-animation: fadeInRight ease-out 2s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode: forwards;
  /*IE 10+*/
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate(200px, 0px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translate(200px, 0px);
  }
  100% {
    opacity: 1;
    -moz-transform: translate(0px, 0px);
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate(200px, 0px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0px, 0px);
  }
}
@-o-keyframes fadeInRight {
  0% {
    opacity: 0;
    -o-transform: translate(200px, 0px);
  }
  100% {
    opacity: 1;
    -o-transform: translate(0px, 0px);
  }
}
@-ms-keyframes fadeInRight {
  0% {
    opacity: 0;
    -ms-transform: translate(200px, 0px);
  }
  100% {
    opacity: 1;
    -ms-transform: translate(0px, 0px);
  }
}
.pulse {
  animation: pulse ease-in 1s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: pulse ease-in 1s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: pulse ease-in 1s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: pulse ease-in 1s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: pulse ease-in 1s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}
@keyframes pulse {
  0% {
    opacity: 1;
    transform: translate(0px, -20px) scaleX(1) scaleY(1);
  }
  100% {
    opacity: 0;
    transform: translate(0px, 0px) scaleX(1.1) scaleY(1.1);
  }
}
@-moz-keyframes pulse {
  0% {
    opacity: 1;
    -moz-transform: translate(0px, -20px) scaleX(1) scaleY(1);
  }
  100% {
    opacity: 0;
    -moz-transform: translate(0px, 0px) scaleX(1.1) scaleY(1.1);
  }
}
@-webkit-keyframes pulse {
  0% {
    opacity: 1;
    -webkit-transform: translate(0px, -20px) scaleX(1) scaleY(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(0px, 0px) scaleX(1.1) scaleY(1.1);
  }
}
@-o-keyframes pulse {
  0% {
    opacity: 1;
    -o-transform: translate(0px, -20px) scaleX(1) scaleY(1);
  }
  100% {
    opacity: 0;
    -o-transform: translate(0px, 0px) scaleX(1.1) scaleY(1.1);
  }
}
@-ms-keyframes pulse {
  0% {
    opacity: 1;
    -ms-transform: translate(0px, -20px) scaleX(1) scaleY(1);
  }
  100% {
    opacity: 0;
    -ms-transform: translate(0px, 0px) scaleX(1.1) scaleY(1.1);
  }
}
.lang li a {
  text-transform: uppercase;
  border-left: 1px solid #1a1c09;
}
.lang li:first-child a {
  border-left: none;
}
.navbar-nav.lang > li > a {
  line-height: 22px;
  display: block;
  float: left;
}
.navbar-nav.lang > li {
  display: block;
  float: left;
}