@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/fontawesome.min.css);
@import url(https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900|Montserrat:100,200,300,400,500,600,700,800,900|Open+Sans:300,400,600,700,800);
@font-face {
  font-family: 'icomoon';
  src: url("../webfonts/icomoon.eot?qy8jhq");
  src: url("../webfonts/icomoon.eot?qy8jhq#iefix") format("embedded-opentype"), url("../webfonts/icomoon.ttf?qy8jhq") format("truetype"), url("../webfonts/icomoon.woff?qy8jhq") format("woff"), url("../webfonts/icomoon.svg?qy8jhq#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
  font-family: 'icomoon' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-wiadukt:before {
  content: "\e900";
}

.icon-mosty:before {
  content: "\e901";
}

.icon-tunel:before {
  content: "\e902";
}

.icon-kladka:before {
  content: "\e903";
}

.icon-roboty_1:before {
  content: "\e904";
}

.icon-roboty_2:before {
  content: "\e905";
}

.icon-train:before {
  content: "\e906";
}

.icon-remonty:before {
  content: "\e907";
}

.icon-demolition:before {
  content: "\e908";
}

.icon-pencil2:before {
  content: "\e909";
}

.icon-phone:before {
  content: "\e942";
}

.icon-location:before {
  content: "\e947";
}

.icon-compass:before {
  content: "\e949";
}

.icon-zoom-in:before {
  content: "\e987";
}

.icon-zoom-out:before {
  content: "\e988";
}

.icon-wrench:before {
  content: "\e991";
}

.icon-hammer2:before {
  content: "\e9a8";
}

.icon-arrow-right:before {
  content: "\ea34";
}

.icon-arrow-left:before {
  content: "\ea38";
}

* {
  margin: 0;
  padding: 0;
}

body {
  background-color: #f6f6f6;
  color: #373737;
  font-family: 'Lato', sans-serif;
  font-size: 10px;
}

.header-1 {
  padding: 4rem 0 3rem 0;
  background-color: #f6f6f6;
  color: #373737;
}

.header-1 .logo {
  padding: 0;
  margin: 0px;
  width: 176px;
}

.header-1 ul.header-info {
  margin: 19px 0px 17px 0px;
  float: left;
  width: 100%;
  padding: 0px;
}

.header-1 ul.header-info li {
  list-style: none;
  float: left;
  padding: 0px 30px;
  font-size: 1rem;
  border-right: 1px solid #f2ae2b;
  margin-right: 60px;
  position: relative;
}

.header-1 ul.header-info li:last-child {
  border: 0px;
  margin: 0px;
}

.header-1 ul.header-info li:before {
  position: absolute;
  top: 0;
  left: 0;
  font-family: 'FontAwesome';
  font-size: 2.5rem !important;
  color: #f2ae2b;
}

.header-1 ul.header-info li a {
  text-decoration: none;
  color: #f2ae2b;
  -webkit-transition: .4s;
  transition: .4s;
}

.header-1 ul.header-info li a:hover {
  color: #373737;
}

.header-1 ul.header-info li.address {
  width: 100%;
}

.header-1 ul.header-info li.address:before {
  font-family: 'icomoon' !important;
  content: "\e947";
}

.header-1 ul.header-info li.phone {
  width: 100%;
}

.header-1 ul.header-info li.phone:before {
  font-family: 'icomoon' !important;
  content: "\e942";
}

.menu-1 {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1;
  background-color: #373737;
  margin: 0px;
  padding: 0px;
}

.menu-1 .navbar {
  background-color: #373737 !important;
}

.menu-1 .navbar ul.navbar-nav li {
  border-right: solid 0.01rem #f6f6f6;
}

.menu-1 .navbar ul.navbar-nav li:last-child {
  border: 0px;
}

.menu-1 .navbar ul.navbar-nav li.active {
  color: #f2ae2b;
}

.menu-1 .navbar ul.navbar-nav li a {
  -webkit-transition: .4s;
  transition: .4s;
}

.menu-1 .navbar ul.navbar-nav li a:hover {
  color: #f2ae2b;
}

.menu-1 .navbar ul.navbar-nav li a.active {
  color: #f2ae2b;
}

.menu-1 .navbar ul.navbar-nav li .nav-link {
  color: #f6f6f6;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 700;
  padding-left: 20px;
  padding-right: 20px;
}

.menu-1 .dropdown-menu {
  margin-top: 7px;
  -webkit-transform: translateX(-40%);
          transform: translateX(-40%);
  padding: 0px;
  padding-right: 1px;
  text-transform: uppercase;
  border-radius: 0;
  border: 1px solid #373737;
}

.menu-1 .dropdown-menu a {
  -webkit-transition: .3s;
  transition: .3s;
  font-size: .9rem;
  font-weight: 700;
  text-align: center;
}

.menu-1 .dropdown-menu a:hover {
  background-color: #373737;
}

.menu-1 .dropdown-menu a .dropdown-item {
  color: #373737;
}

.parallax01 {
  background-image: url("../../img/images/Budowa_drogi_ekspresowej_S2_-_Poludniowa_Obwodnica_Warszawy/Wozki/1600x1200/s2_poludniowa_obwodnica_warszawy_wozki_09.jpg");
  height: 500px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.parallax01:before {
  content: '';
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}

.parallax01 .parallax01-header {
  position: relative;
  top: 50%;
  left: 50%;
  text-align: center;
  -webkit-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
}

.parallax01 h1 {
  color: #f2ae2b;
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.parallax01 h1:before {
  margin-right: 7px;
  height: 6px;
  width: 45px;
  display: inline-block;
  background-color: #f2ae2b;
  content: " ";
  -webkit-transform: translateY(-250%);
          transform: translateY(-250%);
}

.parallax01 h1:after {
  margin-left: 7px;
  height: 6px;
  width: 45px;
  display: inline-block;
  background-color: #f2ae2b;
  content: " ";
  -webkit-transform: translateY(-250%);
          transform: translateY(-250%);
}

.parallax01 p {
  color: #f6f6f6;
  font-size: 1.5rem;
  padding: 0 80px;
}

.parallax01 h2 {
  font-size: 3rem;
  color: #f2ae2b;
}

.parallax01 h2 a {
  text-decoration: none;
  color: #f2ae2b;
}

.parallax02 {
  background-image: url("../../img/images/Budowa_drogi_ekspresowej_S_-_7_Krakow_-_Rabka_Zdroj_na_odcinku_Lubien_Rabka_Zdroj/1600x1200/s7_krakow_rabka_zdroj_08.jpg");
  height: 500px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.parallax02:before {
  content: '';
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}

.parallax02 .parallax02-header {
  position: relative;
  top: 50%;
  left: 50%;
  text-align: center;
  -webkit-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
}

.parallax02 h1 {
  color: #f2ae2b;
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.parallax02 h1:before {
  margin-right: 7px;
  height: 6px;
  width: 45px;
  display: inline-block;
  background-color: #f2ae2b;
  content: " ";
  -webkit-transform: translateY(-250%);
          transform: translateY(-250%);
}

.parallax02 h1:after {
  margin-left: 7px;
  height: 6px;
  width: 45px;
  display: inline-block;
  background-color: #f2ae2b;
  content: " ";
  -webkit-transform: translateY(-250%);
          transform: translateY(-250%);
}

.parallax02 p {
  color: #f6f6f6;
  font-size: 1.5rem;
  padding: 0 80px;
}

.parallax02 h2 {
  font-size: 3rem;
  color: #f2ae2b;
}

.parallax02 h2 a {
  text-decoration: none;
  color: #f2ae2b;
}

.parallax02 button.marbro-parallax02-button {
  color: #fff;
  border: solid 2px #fff;
  font-weight: 700;
  letter-spacing: 2px;
  background-color: transparent;
  border-radius: 0;
  padding: 15px 20px;
  font-size: 1.2rem;
  -webkit-transition: .6s;
  transition: .6s;
}

.parallax02 button.marbro-parallax02-button:hover {
  color: #373737;
  border: solid 2px #373737;
  background-color: #fff;
}

.services {
  margin-top: 50px;
  margin-bottom: 40px;
}

.services h1 {
  color: #f2ae2b;
  font-size: 2.6rem;
  height: 98%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-transform: uppercase;
  font-weight: 500;
}

.services h1:before {
  margin-right: 7px;
  margin-left: 7px;
  height: 4px;
  width: 30px;
  display: inline-block;
  background-color: #f2ae2b;
  content: " ";
}

.services h1:after {
  margin-right: 7px;
  margin-left: 7px;
  height: 4px;
  width: 30px;
  display: inline-block;
  background-color: #f2ae2b;
  content: " ";
}

.services p {
  font-size: 1.2rem;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 5px;
  text-align: justify;
  text-align-last: center;
}

.services p:last-child {
  padding: 0;
}

.services .services-title {
  border-right: solid 2px #f2ae2b;
}

.marbro-team {
  background-color: #c6c6c6;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(0, 1fr))[12];
      grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-gap: 20px;
}

.marbro-team .marbro-team-image {
  position: relative;
  background-image: url("../../img/team.png");
  background-position: right;
  background-size: contain;
  background-repeat: no-repeat;
  -ms-grid-column: 1;
  -ms-grid-column-span: 5;
  grid-column: 1 / 6;
  -ms-grid-row: 1;
  grid-row: 1;
}

.marbro-team .marbro-team-content {
  margin: 40px 30px 20px 0;
  -ms-grid-column: 6;
  -ms-grid-column-span: 6;
  grid-column: 6 / 12;
  -ms-grid-row: 1;
  grid-row: 1;
  z-index: 1;
}

.marbro-team .marbro-team-content h1 {
  font-weight: 700;
  padding-bottom: 25px;
  color: #373737;
  font-size: 2.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.marbro-team .marbro-team-content h1:before {
  margin-right: 10px;
  margin-left: 10px;
  height: 4px;
  width: 30px;
  display: inline-block;
  background-color: #373737;
  content: " ";
}

.marbro-team .marbro-team-content h1:after {
  margin-right: 10px;
  margin-left: 10px;
  height: 4px;
  width: 30px;
  display: inline-block;
  background-color: #373737;
  content: " ";
}

.marbro-team .marbro-team-content p {
  margin: 0;
  padding: 0;
  text-align-last: center;
  text-align: justify;
  padding-bottom: 10px;
  font-size: 1.1rem;
}

.marbro-footer {
  background-color: #f2ae2b;
  padding-top: 80px;
  padding-bottom: 60px;
  color: #373737;
  letter-spacing: 1px;
  text-align: center;
}

.marbro-footer .logo {
  padding: 0;
  margin: 0px;
  width: 176px;
}

.marbro-footer h1 {
  font-weight: 600;
  letter-spacing: 1px;
  color: #373737;
  font-size: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.marbro-footer h1:before {
  margin-right: 17px;
  margin-left: 17px;
  height: 3px;
  width: 30px;
  display: inline-block;
  background-color: #373737;
  content: " ";
}

.marbro-footer h1:after {
  margin-right: 17px;
  margin-left: 17px;
  height: 3px;
  width: 30px;
  display: inline-block;
  background-color: #373737;
  content: " ";
}

.marbro-footer .footer-adress {
  font-weight: 700;
  font-size: 1.1rem;
}

.marbro-footer .marbro-footer-menu h4 {
  font-size: 1.3rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 4px;
  text-align: center;
  padding-bottom: 10px;
}

.marbro-footer .marbro-footer-menu ul li {
  list-style: none;
  text-align: center;
}

.marbro-footer .marbro-footer-menu ul li a {
  font-size: 1rem;
  color: #373737;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: .4s;
  transition: .4s;
}

.marbro-footer .marbro-footer-menu ul li a:hover {
  color: #fff;
}

.offer {
  margin-bottom: 90px;
}

.offer h1 {
  color: #f2ae2b;
  font-size: 3rem;
  height: 98%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 50px;
  margin: 60px 0;
}

.offer h1:before {
  margin-right: 7px;
  margin-left: 7px;
  height: 4px;
  width: 30px;
  display: inline-block;
  background-color: #f2ae2b;
  content: " ";
}

.offer h1:after {
  margin-right: 7px;
  margin-left: 7px;
  height: 4px;
  width: 30px;
  display: inline-block;
  background-color: #f2ae2b;
  content: " ";
}

.offer p {
  font-size: 1.6rem;
  text-align: justify;
  text-align-last: center;
}

.offer a {
  text-decoration: none;
  color: #373737;
}

.offer .icon {
  font-size: 4rem;
  padding-bottom: 20px;
  display: inline-block;
}

.offer .mosty {
  padding-top: 20px;
  padding-bottom: 35px;
}

.offer .mosty:hover {
  background-color: #f2ae2b;
  color: #f6f6f6;
}

.offer .icon-tunel {
  background-size: 30px;
  background-position: 20px center;
}

.offer .tunele {
  padding-top: 20px;
  padding-bottom: 35px;
}

.offer .tunele:hover {
  background-color: #f2ae2b;
  color: #f6f6f6;
}

.offer .wiadukty {
  padding-top: 20px;
  padding-bottom: 35px;
}

.offer .wiadukty:hover {
  background-color: #f2ae2b;
  color: #f6f6f6;
}

.offer .kladki {
  padding-top: 20px;
  padding-bottom: 35px;
}

.offer .kladki:hover {
  background-color: #f2ae2b;
  color: #f6f6f6;
}

.offer .roboty {
  padding-top: 20px;
  padding-bottom: 35px;
}

.offer .roboty:hover {
  background-color: #f2ae2b;
  color: #f6f6f6;
}

.offer .tory {
  padding-top: 20px;
  padding-bottom: 35px;
}

.offer .tory:hover {
  background-color: #f2ae2b;
  color: #f6f6f6;
}

.offer .remonty {
  padding-top: 20px;
  padding-bottom: 35px;
}

.offer .remonty:hover {
  background-color: #f2ae2b;
  color: #f6f6f6;
}

.offer .rozbiorki {
  padding-top: 20px;
  padding-bottom: 35px;
}

.offer .rozbiorki:hover {
  background-color: #f2ae2b;
  color: #f6f6f6;
}

.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.carousel-fade .carousel-control {
  z-index: 2;
}

#scroll-to-top {
  display: none;
  position: fixed;
  bottom: 40px;
  left: 60px;
  opacity: 0.8;
}

#scroll-to-top:hover {
  opacity: 1;
}

.gallery-light {
  margin-top: 50px;
  margin-bottom: 40px;
}

.gallery-light h1 {
  color: #f2ae2b;
  font-size: 2rem;
  height: 98%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.gallery-light h1:before {
  margin-right: 7px;
  margin-left: 7px;
  height: 2px;
  width: 30px;
  display: inline-block;
  background-color: #f2ae2b;
  content: " ";
}

.gallery-light h1:after {
  margin-right: 7px;
  margin-left: 7px;
  height: 2px;
  width: 30px;
  display: inline-block;
  background-color: #f2ae2b;
  content: " ";
}

.gallery-dark {
  margin-top: 50px;
  margin-bottom: 40px;
  background-color: #f2ae2b;
}

.gallery-dark h1 {
  color: #f6f6f6;
  font-size: 2rem;
  height: 98%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.gallery-dark h1:before {
  margin-right: 7px;
  margin-left: 7px;
  height: 2px;
  width: 30px;
  display: inline-block;
  background-color: #f6f6f6;
  content: " ";
}

.gallery-dark h1:after {
  margin-right: 7px;
  margin-left: 7px;
  height: 2px;
  width: 30px;
  display: inline-block;
  background-color: #f6f6f6;
  content: " ";
}

.gallery-dark .galeria-image img {
  border: solid 1px #f2ae2b;
  -webkit-box-shadow: 0px 0px 5px 2px #f6f6f6;
          box-shadow: 0px 0px 5px 2px #f6f6f6;
  -webkit-transition: .6s;
  transition: .6s;
  width: 100%;
}

.galeria-image h1 {
  margin: 0 0 80px 0;
}

.galeria-image img {
  border: solid 1px #f2ae2b;
  -webkit-box-shadow: 0px 0px 5px 2px #f2ae2b;
          box-shadow: 0px 0px 5px 2px #f2ae2b;
  -webkit-transition: .6s;
  transition: .6s;
  width: 100%;
  margin: 30px 0 30px 0;
}

.form-contact {
  margin-top: 80px;
  margin-bottom: 60px;
}

.form-contact h1 {
  font-weight: 700;
  padding-bottom: 25px;
  color: #f2ae2b;
  font-size: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-transform: uppercase;
}

.form-contact h1:before {
  margin-right: 10px;
  margin-left: 10px;
  height: 3px;
  width: 30px;
  display: inline-block;
  background-color: #f2ae2b;
  content: " ";
}

.form-contact h1:after {
  margin-right: 10px;
  margin-left: 10px;
  height: 3px;
  width: 30px;
  display: inline-block;
  background-color: #f2ae2b;
  content: " ";
}

.form-contact i {
  color: #373737;
  font-size: 2.5rem;
  -webkit-transition: .4s;
  transition: .4s;
}

.form-contact i:hover {
  color: #f2ae2b;
}

.form-contact p {
  font-size: 1.3rem;
}

.form-contact .form-contact-form {
  padding: 20px 0;
}

.form-contact .form-contact-form input {
  border-radius: 0px;
  border: 1px solid #373737;
  margin-bottom: 10px;
  height: 45px;
  font-size: 16px;
}

.form-contact .form-contact-form textarea {
  border-radius: 1px;
  border: 1px solid #373737;
  margin-bottom: 7px;
  height: 100px;
  width: 100%;
  font-size: 16px;
  padding: 5px;
}

.form-contact .form-contact-form button {
  width: 100%;
  height: 45px;
  background-color: #f2ae2b;
  font-size: 15px;
  color: #f6f6f6;
  border-radius: 0px;
  margin: 0;
  border: 1px solid #373737;
  font-weight: 400;
  text-transform: uppercase;
}

.form-contact .form-contact-form button:hover {
  background-color: #373737;
  color: #f6f6f6;
  border: 1px solid #f2ae2b;
}
/*# sourceMappingURL=style.min.css.map */