html,
body {
  background: #fff;
}

* {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -webkit-transform: rotate(-0.0000000001deg);
  -ms-transform: rotate(-0.0000000001deg);
  transform: rotate(-0.0000000001deg);
}

* {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

@font-face {
  font-family: "microgrammadmedextregular";
  src: url("../fonts/m025094d-webfont.eot");
  src: url("../fonts/m025094d-webfont.eot?#iefix") format("embedded-opentype"),
    url("../fonts/m025094d-webfont.woff2") format("woff2"),
    url("../fonts/m025094d-webfont.woff") format("woff"),
    url("../fonts/m025094d-webfont.ttf") format("truetype"),
    url("../fonts/m025094d-webfont.svg#microgrammadmedextregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "microgrammadbolextregular";
  src: url("../fonts/m025096d-webfont.eot");
  src: url("../fonts/m025096d-webfont.eot?#iefix") format("embedded-opentype"),
    url("../fonts/m025096d-webfont.woff2") format("woff2"),
    url("../fonts/m025096d-webfont.woff") format("woff"),
    url("../fonts/m025096d-webfont.ttf") format("truetype"),
    url("../fonts/m025096d-webfont.svg#microgrammadbolextregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
h2 {
  text-transform: uppercase;
  text-align: center;
  margin-top: 150px;
  font: 27px microgrammadmedextregular, "Roboto Condensed", Helvetica, Arial,
    sans-serif;
}
@media only screen and (min-width: 320px) {
  h2 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 768px) {
  h2 {
    font-size: 27px;
  }
}

@media only screen and (min-width: 320px) {
  h2.smaller {
    font-size: 21px;
  }
}
@media only screen and (min-width: 768px) {
  h2.smaller {
    font-size: 24px;
  }
}

hr {
  width: 80px;
  border-color: #009cd9;
  border-width: 2px;
  margin-top: 30px;
  margin-bottom: 50px;
}

body .zebra-stripes:nth-child(2n) {
  background-color: #fafafc;
}

.navbar {
  font-size: 17px;
  height: 50px;
  /* margin-top: 30px; */
  font-family: "Roboto Condensed", sans-serif;
  background: #fff;
  border: none;
}

.navbar .container {
  background: #fff;
  z-index: 10000;
}

.navbar-default .navbar-nav > li > a {
  color: #40464c;
}

.navbar-default .navbar-nav > li > a:hover {
  color: #009cd9;
}

.navbar-default .navbar-nav > .active > a {
  background: #009cd9;
  color: #fff;
  font-weight: bold;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .nav > li > a {
    padding-left: 12px;
    padding-right: 12px;
    font-size: 13px;
  }
}
@media only screen and (min-width: 992px) {
  .nav > li > a {
    padding-left: 19px;
    padding-right: 19px;
  }
}
@media only screen and (min-width: 1200px) {
  .nav > li > a {
    padding-left: 19px;
    padding-right: 19px;
    margin-left: 10px;
    margin-right: 10px;
  }
}

.navbar-default .navbar-nav > .active > a:hover {
  background: #0077a6;
  color: #fff;
}

@media only screen and (min-width: 320px) {
  .navbar {
    margin-top: 0;
  }
}
@media only screen and (min-width: 768px) {
  .navbar {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}

.dropdown-menu {
  min-width: 0;
  border-radius: 0;
}

.heroWrapper {
  background: #191919;
}
@media only screen and (min-width: 768px) {
  .heroWrapper {
    margin: 20px 0;
  }
}

.hero {
  /*background: #F00;*/
  z-index: 100;
}
@media only screen and (min-width: 992px) {
  .hero {
    height: 300px;
  }
}

.hero h1 a {
  text-indent: -9999px;
  display: block;
  width: 135px;
  height: 120px;
  background: url("../img/logo.png");
}
@media only screen and (min-width: 320px) {
  .hero h1 a {
    margin-top: 0;
  }
}
@media only screen and (min-width: 768px) {
  .hero h1 a {
    margin-top: 90px;
  }
}

.heroQuote {
  -webkit-font-smoothing: subpixel-antialiased;
  font: 40px microgrammadmedextregular, "Roboto Condensed", Helvetica, Arial,
    sans-serif;
  font-weight: normal;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
}
@media only screen and (min-width: 992px) {
  .heroQuote {
    margin-top: 126px;
    font-size: 42px;
  }
}
@media only screen and (min-width: 1200px) {
  .heroQuote {
    margin-top: 120px;
    font-size: 52px;
  }
}

.wrapper {
  padding-bottom: 90px;
}

.wrapper-topMargin {
  margin-top: 50px;
}

.logoWrapper {
  text-align: center;
}

.logotypesRow {
  margin-top: 30px;
  margin-bottom: 30px;
}

.box {
  width: 90%;
  margin: 0 auto;
}

.box h3 {
  color: #009cd9;
  font: 12px microgrammadbolextregular, "Roboto Condensed", Helvetica, Arial,
    sans-serif;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-align: center;
  margin-top: 25px;
  margin-bottom: 45px;
}

h3.smaller {
  text-transform: uppercase;
  margin-top: 0;
  text-align: center;
  margin-top: 60px;
  -webkit-font-smoothing: subpixel-antialiased;
  font: 27px microgrammadmedextregular, "Roboto Condensed", Helvetica, Arial,
    sans-serif;
}

.box p,
.box li {
  font: 17px/25px "Roboto Condensed", Helvetica, Arial, sans-serif;
  text-align: left;
}

.box p {
  text-align: justify;
  margin-bottom: 20px;
}

.box--operationalSecurity ul {
  color: #009cd9;
}

.box--operationalSecurity li {
  list-style: square;
  margin-bottom: 10px;
}

.box--operationalSecurity li span {
  color: #333;
}

.icon--why {
  background: transparent url("../img/icon--why.png") no-repeat center center;
}

.icon--what {
  background: transparent url("../img/icon--what.png") no-repeat center center;
}

.icon--how {
  background: transparent url("../img/icon--how.png") no-repeat center center;
}

.icon--microscope {
  background: transparent url("../img/icon--microscope.png") no-repeat center
    center;
}

.box--securityComplaince ul {
  padding-left: 0;
}

.box--securityComplaince li {
  list-style: none;
  margin-bottom: 10px;
}

@media only screen and (min-width: 320px) {
  .box .icon {
    width: 50px;
    height: 50px;
    margin: 60px auto 20px;
  }
}
@media only screen and (min-width: 768px) {
  .box .icon {
    width: 50px;
    height: 50px;
    margin: 30px auto 20px;
  }
}

.icon--withoutDescription {
  margin-bottom: 50px !important;
}

.icon--compliance {
  background: transparent url("../img/icon--compliance.png") no-repeat center
    center;
}

.icon--failure {
  background: transparent url("../img/icon--failure.png") no-repeat center
    center;
}

.icon--norms {
  background: transparent url("../img/icon--norms.png") no-repeat center center;
}

.icon--shield {
  background: transparent url("../img/icon--shield.png") no-repeat center center;
}

.icon--employees {
  background: transparent url("../img/icon--employees.png") no-repeat center
    center;
}

.icon--coreIdea {
  background: transparent url("../img/icon--coreIdea.png") no-repeat center
    center;
}

.icon--shieldUser {
  background: transparent url("../img/icon--shieldUser.png") no-repeat center
    center;
}

.icon--lock {
  background: transparent url("../img/icon--lock.png") no-repeat center center;
}

#aboutUs h3 {
  margin-bottom: 10px;
}

.photo {
  width: 100px;
  height: 100px;
  background: #000;
  margin: 30px auto 0;
}

.photo--tomaszWojdala {
  background: transparent url("../img/photo--tomaszWojdala.png") no-repeat top
    center;
}

.photo--piotrPiotrowicz {
  background: transparent url("../img/photo--piotrPiotrowicz.png") no-repeat top
    center;
}

.photo--peteHerzog {
  background: transparent url("../img/photo--peteHerzog.png") no-repeat top
    center;
}

.photo--marcOzawa {
  background: transparent url("../img/photo--marcOzawa.png") no-repeat top
    center;
}

.photo--peterKnap {
  background: transparent url("../img/photo--peterKnap.png") no-repeat top
    center;
}

.position {
  font: 13px/25px "Roboto Condensed", Helvetica, Arial, sans-serif;
  text-align: center;
  line-height: 18px;
  margin-bottom: 30px;
  font-weight: bold;
}

.box--person p {
  font-style: italic;
  font-size: 12px;
  text-align: center;
  line-height: 18px;
  color: #666;
}

.box--person hr {
  width: 30px;
  border-width: 1px;
  margin-bottom: 30px;
}

hr.certificates {
  margin-top: 50px;
}

#certificates {
  width: 100%;
  height: 180px;
  background: transparent url("../img/certificates.png") no-repeat top center;
  background-size: contain;
}

.box--characteristic {
  text-align: center;
}

.box--characteristic h3 {
  margin-bottom: 15px;
}

.box--characteristic h3 span {
  font: 36px microgrammadmedextregular, "Roboto Condensed", Helvetica, Arial,
    sans-serif;
  display: block;
}

.box--characteristic p {
  margin-bottom: 50px;
  text-align: center;
}

.footer {
  background: #191919;
  height: 165px;
}

/*
.footer .col {
    @media only screen and (min-width: 768px) {
        margin-top: 40px;
        margin-bottom: 20px;
    }
}
*/
.footer h2 {
  text-indent: -9999px;
  display: block;
  width: 102px;
  height: 113px;
  background: url("../img/logo--footer.png");
  margin-top: 24px;
}

#map-canvas {
  width: 100%;
  height: 400px;
}

.contactInfo {
  width: 80%;
  margin: 0 auto;
}

.companyName {
  font: 24px/30px "Roboto Condensed", Helvetica, Arial, sans-serif;
  font-weight: bold;
}

.footer h2.contactUs {
  font: 17px/30px "Roboto Condensed", Helvetica, Arial, sans-serif;
}

.footer address {
  color: #fff;
  position: absolute;
  top: 25px;
  left: 150px;
  font: 14px/20px "Roboto Condensed", Helvetica, Arial, sans-serif;
}

.footer p a {
  width: 100%;
  color: #fff;
  background: #009cd9;
  border: none;
  height: 50px;
  font-weight: bold;
  font-size: 14px;
  display: block;
  text-align: center;
  line-height: 50px;
  margin-top: 20px;
  color: #fff;
}

.footer p a.emailButton:hover {
  background: #0077a6;
  color: #fff !important;
}

.footer p a.emailButton:hover {
  color: #009cd9;
  text-decoration: none;
  border-bottom: 1px solid #009cd9;
}

@media only screen and (min-width: 768px) {
  .form_col_right {
    margin-top: 40px;
  }
}

textarea,
input {
  font: 15px/20px "Roboto Condensed", Helvetica, Arial, sans-serif;
  outline: none;
}

textarea,
input[type="text"] {
  background: #fff;
  border: 1px solid #ebebec;
  width: 100%;
}

textarea:focus,
input[type="text"]:focus {
  border-color: #009cd9;
}

textarea {
  height: 180px;
  padding: 5px;
}

input[type="text"] {
  height: 35px;
  margin-bottom: 10px;
  text-indent: 5px;
}

input[type="submit"] {
  width: 100%;
  color: #fff;
  background: #009cd9;
  border: none;
  height: 40px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 13px;
}

#res {
  font: 13px/40px "Roboto Condensed", Helvetica, Arial, sans-serif;
  width: 100%;
  color: #009cd9;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
}

input[type="submit"]:hover {
  background: #0077a6;
  color: #fff;
}

.phoneFaxWrapper {
  display: inline-block;
  width: 26px;
}

.u-bold {
  font-weight: bold;
}

.u-tac {
  text-align: center;
}

/*
.footer{
    font: 14px/20px 'Roboto Condensed', Helvetica, Arial, sans-serif;
    background: #FFF;
    width: 100%;
    height: 100px;
    padding-bottom: 30px;
    background: #fafafc;
    }

    .footer .col-md-4{
        float: left;
        width: 33%;
        text-align: center;
    }

    .footer .row{
        padding-top: 30px;
        }

    .u-bold{
        font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
        font-weight: bold;
        }

    .u-semitransparent{
        color: #888;
        }

        */
.footer-nav {
  margin: 0;
  padding: 0;
  font-size: 14px;
  /* margin-top: 30px; */
  font-family: "Roboto Condensed", sans-serif;
  font-weight: bold;
  border: none;
  color: #fff;
}

.footer-nav li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
  text-align: center;
}

.footer-nav li a {
  color: #fff;
  line-height: 160px;
  padding: 20px 15px;
}

.footer li a:hover {
  text-decoration: none;
  color: #009cd9;
}

.footer li.active a {
  background: #009cd9;
  color: #fff;
  font-weight: bold;
  height: 40px;
}

.footer li.active a:hover {
  background: #0077a6;
  color: #fff;
}