@charset "UTF-8";
/**
 * Global Reset of all HTML Elements
 *
 * Resetting all of our HTML Elements ensures a smoother
 * visual transition between browsers. If you don't believe me,
 * try temporarily commenting out this block of code, then go
 * and look at Mozilla versus Safari, both good browsers with
 * a good implementation of CSS. The thing is, all browser CSS
 * defaults are different and at the end of the day if visual
 * consistency is what we're shooting for, then we need to
 * make sure we're resetting all spacing elements.
 *
 */
html, body {
  border: 0;
  /*font-family: "Helvetica-Neue", "Helvetica", Arial, sans-serif;*/
  line-height: 1.5;
  margin: 0;
  padding: 0; }

div, span, object, iframe, img, table, caption, thead, tbody,
tfoot, tr, tr, td, article, aside, canvas, details, figure, hgroup, menu,
nav, footer, header, section, summary, mark, audio, video {
  border: 0;
  margin: 0;
  padding: 0; }

h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cit, code,
del, dfn, em, ins, q, samp, small, strong, sub, sup, b, i, hr, dl, dt, dd,
ol, ul, li, fieldset, legend, label {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0; }

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
  display: block; }

table {
  border-collapse: separate;
  border-spacing: 0; }
  table caption, table th, table td {
    text-align: left;
    vertical-align: middle; }

a img {
  border: 0; }

:focus {
  outline: 0; }

/*Colors*/
body {
  font-size: 16px;
  font-family: 'Kanit', sans-serif; }

.wrapper {
  max-width: 1200px;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex; }

h1 {
  font-size: 4.5em;
  font-weight: bold;
  color: #e1e1e1;
  text-transform: uppercase;
  line-height: 1em;
  position: absolute;
  bottom: .3em;
  left: 0.3em; }

h2 {
  font-size: 3em;
  font-weight: bold;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.82); }

h3 {
  font-size: 1.5em;
  line-height: 1.2em;
  color: #b5b5b5;
  padding-bottom: 1.5em;
  padding-top: 1em;
  position: relative; }

h4 {
  font-size: 1.3em;
  color: #fefefe;
  text-align: center;
  margin-top: 1em;
  text-transform: uppercase; }

h6 {
  font-size: 1em;
  color: #fefefe;
  margin-bottom: 1em;
  font-weight: 400; }

ul {
  list-style-type: none; }

a {
  text-decoration: none;
  font-size: 1.3em;
  color: #b5b5b5;
  letter-spacing: 0.5px;
  transition: 200ms ease; }
  a:hover {
    color: #e1e1e1; }

p {
  color: #b5b5b5; }

img {
  max-width: 100%;
  height: auto; }

.active {
  color: #e1e1e1;
  border-bottom: 4px solid #e1e1e1; }

i {
  color: #e1e1e1;
  margin-right: .7em; }

/*main*/
main {
  background: url(../img/main.jpg) no-repeat bottom center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 100vh;
  position: relative; }

/*header + nav*/
header {
  background-color: rgba(0, 0, 0, 0.82);
  padding: 1.5em 0; }
  header .wrapper {
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #b5b5b5;
    padding-bottom: 1.5em; }
  header div {
    text-align: right; }
  header a {
    color: #e41d22; }

nav {
  background-color: rgba(0, 0, 0, 0.82);
  padding-bottom: 1.5em; }
  nav ul {
    display: -webkit-flex;
    display: flex; }
    nav ul li {
      margin-right: 3.5em; }
      nav ul li a {
        padding-bottom: 1em; }
        nav ul li a:hover {
          border-bottom: 4px solid #e1e1e1; }

#attach-menu-mobile {
  display: none; }

/*O Firmie*/
.o-firmie-bg {
  background: url(../img/o-firmie.jpg) no-repeat bottom center; }

.o-firmie {
  width: 100%;
  height: auto;
  padding: 6em 0;
  background: #fefefe; }
  .o-firmie .wrapper .about-info {
    flex: 1;
    padding: 0 1.2em; }
  .o-firmie .wrapper .about-info-3rd {
    padding-top: 4.5em; }
  .o-firmie .wrapper .about-img {
    flex: 1;
    padding: 0 1.2em;
    flex: 1;
    margin-right: 2em; }
    .o-firmie .wrapper .about-img .index-basic {
      position: relative;
      cursor: pointer;
      z-index: 1; }
      .o-firmie .wrapper .about-img .index-basic:hover {
        animation: move 320ms ease-in-out;
        z-index: 10;
        transform: scale(1.1); }
    .o-firmie .wrapper .about-img .about-img-single-1 {
      border: 4px solid rgba(228, 29, 34, 0.92); }
    .o-firmie .wrapper .about-img .about-img-single-2 {
      position: relative;
      margin: -240px 0 0 60px;
      border: 4px solid rgba(228, 29, 34, 0.92); }
    .o-firmie .wrapper .about-img .about-img-frame {
      width: 320px;
      height: 320px;
      display: -webkit-flex;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      background: rgba(228, 29, 34, 0.92);
      margin: -240px 0 0 0px;
      position: relative;
      z-index: 4; }
      .o-firmie .wrapper .about-img .about-img-frame .frame {
        width: 300px;
        height: 300px;
        position: absolute;
        top: 8px;
        left: 8px;
        border: 2px solid #fefefe;
        z-index: 4; }
  .o-firmie .wrapper p {
    padding-bottom: 0.5em; }

@keyframes move {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(1.1); } }
/*Usługi*/
.uslugi-bg {
  background: url(../img/uslugi.jpg) no-repeat bottom center; }

.uslugi ul {
  padding-bottom: 1.5em; }
  .uslugi ul li {
    color: #b5b5b5; }
    .uslugi ul li i {
      color: #e41d22; }
.uslugi h3:last-child {
  color: rgba(0, 0, 0, 0.82); }
.uslugi .map-button-cont h3 {
  text-align: center; }

/*Transport*/
.transport-bg {
  background: url(../img/transport-agm.jpg) no-repeat bottom center; }

.transport h3 {
  margin-top: 2.4em; }
  .transport h3 a {
    font-size: 1em;
    color: #e41d22; }
    .transport h3 a:hover {
      color: #b5b5b5; }

/*Wynajem maszyn*/
.wynajem-maszyn-bg {
  background: url(../img/wynajem-maszyn-agm.jpg) no-repeat center center; }

/*Kopalnie kruszyw*/
.kopalnie-kruszyw-bg {
  background: url(../img/kopalnia-kruszyw-agm.jpg) no-repeat center center; }

/*kontakt*/
.kontakt {
  margin-bottom: 4em; }
  .kontakt h2 {
    padding-top: 0; }
  .kontakt h3 {
    padding-bottom: .8em; }
  .kontakt .contact-map {
    flex: 2; }
  .kontakt .about-info-contact {
    margin-top: 3.5em;
    flex: 1; }
  .kontakt button {
    background: rgba(228, 29, 34, 0.92);
    border: 0;
    text-transform: uppercase;
    padding: 1em;
    color: #fefefe;
    font-weight: bold;
    letter-spacing: 1px; }
    .kontakt button:hover {
      background: #e41d22; }

.kontakt-bg {
  height: 600px; }

#map {
  max-width: 100%;
  height: 100%; }

/*Footer*/
.footer-mountain {
  margin-bottom: -8px;
  position: relative;
  z-index: 10; }

footer {
  background-color: rgba(0, 0, 0, 0.82);
  width: 100%;
  height: auto;
  padding: 6em 0;
  padding: 4px 0 2em 0; }
  footer .footer-info {
    flex: 1;
    padding: 0 1em; }
    footer .footer-info img {
      margin-bottom: 2em; }

.copyright {
  background: rgba(228, 29, 34, 0.92);
  padding: 0.5em 0; }
  .copyright .wrapper {
    justify-content: space-between;
    align-items: center; }
    .copyright .wrapper p, .copyright .wrapper a {
      color: #e1e1e1;
      font-size: .7em;
      font-weight: 300; }
    .copyright .wrapper a {
      color: #fefefe;
      font-size: 1em; }
      .copyright .wrapper a:hover {
        color: #b5b5b5; }

/*Companies slides*/
.cooperation {
  padding: 60px 0 20px 0; }

.cooperation h2 {
  text-align: center;
  padding-bottom: 20px; }

.slick-slide {
  margin: 0px 20px; }

.slick-slide img {
  width: 100%;
  height: auto; }

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: none; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block; }

.slick-track:before,
.slick-track:after {
  display: table;
  content: ''; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }

[dir='rtl'] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/*!
 * SlickNav Responsive Mobile Menu v1.0.7
 * (c) 2016 Josh Cope
 * licensed under MIT
 */
.slicknav_btn {
  position: relative;
  display: block;
  vertical-align: middle;
  float: right;
  padding: 0.438em 0.625em 0.438em 0.625em;
  line-height: 1.125em;
  cursor: pointer; }

.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
  margin-top: 0.25em; }

.slicknav_menu {
  *zoom: 1; }

.slicknav_menu .slicknav_menutxt {
  display: block;
  line-height: 1.188em;
  float: left; }

.slicknav_menu .slicknav_icon {
  /*float: left;*/
  width: 1.12em;
  height: 0.875em;
  margin: 0.188em 0 0 0.438em; }

.slicknav_menu .slicknav_icon:before {
  background: transparent;
  width: 1.125em;
  height: 0.875em;
  display: block;
  content: "";
  position: absolute; }

.slicknav_menu .slicknav_no-text {
  margin: 0; }

.slicknav_menu .slicknav_icon-bar {
  display: block;
  width: 22px;
  height: 2px; }

.slicknav_menu:before {
  content: " ";
  display: table; }

.slicknav_menu:after {
  content: " ";
  display: table;
  clear: both; }

.slicknav_nav {
  clear: both;
  position: absolute;
  background: rgba(0, 0, 0, 0.82);
  right: 0;
  top: 95px;
  width: 260px;
  z-index: 99999;
  padding: 1em 0; }

.slicknav_nav ul {
  display: block; }

.slicknav_nav li {
  display: block;
  padding: .4em 1em; }

.slicknav_nav .slicknav_arrow {
  font-size: 0.8em;
  margin: 0 0 0 0.4em; }

.slicknav_nav .slicknav_item {
  cursor: pointer; }

.slicknav_nav .slicknav_item a {
  display: inline; }

.slicknav_nav .slicknav_row {
  display: block; }

.slicknav_nav a {
  display: block; }

.slicknav_nav .slicknav_parent-link a {
  display: inline; }

.slicknav_brand {
  float: left; }

.slicknav_menu {
  box-sizing: border-box;
  position: relative;
  z-index: 9999;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #e41d22; }

.slicknav_menu * {
  box-sizing: border-box; }

.slicknav_menu .slicknav_menutxt {
  color: #fff;
  font-weight: bold;
  text-shadow: 0 1px 3px #000; }

.slicknav_menu .slicknav_icon-bar {
  background-color: #e1e1e1; }

.slicknav_btn {
  padding: 9px 10px;
  text-decoration: none;
  background-color: #e41d22;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

@media screen and (max-width: 1220px) {
  body {
    font-size: 0.9em; }

  .wrapper {
    width: 95%;
    height: auto; }

  header .wrapper {
    padding: 0 1em; }

  nav ul li {
    margin-right: 1em;
    margin-left: 1em; } }
@media screen and (max-width: 996px) {
  #attach-menu-mobile {
    display: block; }

  #main-menu {
    display: none; }

  nav {
    display: none; }
    nav ul li a {
      font-size: 0.9em; }

  i.fa-chevron-right {
    float: left;
    padding-top: 0.5em; }

  .o-firmie .wrapper {
    flex-direction: column; }
    .o-firmie .wrapper .about-img {
      text-align: center;
      margin-top: 2em;
      margin-right: 0; }

  .kontakt {
    margin-bottom: 0; }
    .kontakt .contact-map {
      flex: 1; }

  #map {
    max-width: 600px;
    min-height: 300px; } }
@media screen and (max-width: 768px) {
  h1 {
    font-size: 3em; }

  .o-firmie {
    padding: 2em 0; }
    .o-firmie .wrapper .about-img .about-img-single-2 {
      margin: -200px 0 0 20px; }
    .o-firmie .wrapper .about-img .about-img-frame {
      margin: -150px 0 0 0px; } }
@media screen and (max-width: 662px) {
  body {
    overflow-x: hidden; }

  h1 {
    font-size: 2.2em; }

  footer .wrapper {
    flex-direction: column; } }
@media screen and (max-width: 576px) {
  body {
    font-size: 0.8em; }

  .o-firmie .wrapper .about-img .about-img-single-2 {
    margin: -160px 0 0 10px; }
  .o-firmie .wrapper .about-img .about-img-frame {
    margin: -120px 0 0 0px; } }
@media screen and (max-width: 412px) {
  header a {
    font-size: 1em; } }
@media screen and (max-width: 380px) {
  header .wrapper {
    width: 90%; }
  header p {
    display: none; } }

/*# sourceMappingURL=main.css.map */