.layout-menu nav {
  position: absolute !important;
  background-color: rgba(30, 41, 19, 0.8) !important;
  width: 100%;
  top: 0; }
  @media only screen and (max-width: 991px) {
  .layout-menu nav {
    position: relative !important;
    background-color: #1e2913 !important; } }

.header {
  background-image: url("../themes/dzik/assets/img/home-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }
  .header .header-container {
    padding: 250px 0 50px; }
    @media only screen and (max-width: 1199px) {
  .header .header-container {
    padding-top: 200px; } }
    @media only screen and (max-width: 991px) {
  .header .header-container {
    padding-top: 75px; } }
    @media only screen and (max-width: 767px) {
  .header .header-container {
    padding-top: 50px; } }
    .header .header-container .header-content .title {
      font-family: 'Montserrat', sans-serif;
      font-size: 64px;
      font-weight: 500;
      margin-bottom: 30px;
      color: white; }
      @media only screen and (max-width: 1199px) {
    .header .header-container .header-content .title {
      font-size: 55px; } }
      @media only screen and (max-width: 991px) {
    .header .header-container .header-content .title {
      font-size: 60px;
      margin-bottom: 10px; } }
      @media only screen and (max-width: 767px) {
    .header .header-container .header-content .title {
      font-size: 45px; } }
      @media only screen and (max-width: 575px) {
    .header .header-container .header-content .title {
      font-size: 26px; } }
      .header .header-container .header-content .underline {
        width: 30px;
        height: 10px;
        background-color: #81b849;
        margin-bottom: 40px; }
      @media only screen and (max-width: 991px) {
    .header .header-container .header-content .underline {
      margin-bottom: 20px; } }
      .header .header-container .header-content .description-title {
        font-size: 28px;
        font-weight: 400;
        color: white;
        margin-bottom: 25px; }
      @media only screen and (max-width: 1199px) {
    .header .header-container .header-content .description-title {
      font-size: 24px; } }
      @media only screen and (max-width: 991px) {
    .header .header-container .header-content .description-title {
      font-size: 26px;
      margin-bottom: 15px; } }
      @media only screen and (max-width: 767px) {
    .header .header-container .header-content .description-title {
      font-size: 20px; } }
      @media only screen and (max-width: 575px) {
    .header .header-container .header-content .description-title {
      font-size: 18px; } }
      .header .header-container .header-content .description {
        color: white;
        font-size: 14px;
        font-weight: 400;
        max-width: 66.66667%;
        margin-bottom: 70px; }
      @media only screen and (max-width: 1199px) {
    .header .header-container .header-content .description {
      font-size: 13px;
      max-width: 80%;
      margin-bottom: 35px; } }
      @media only screen and (max-width: 991px) {
    .header .header-container .header-content .description {
      font-size: 15px;
      max-width: 90%;
      margin-bottom: 25px; } }
      @media only screen and (max-width: 767px) {
    .header .header-container .header-content .description {
      font-size: 13px;
      max-width: 85%; } }
      @media only screen and (max-width: 767px) {
    .header .header-container .header-content .description {
      max-width: 95%; } }
      .header .header-container .header-content .news {
        display: flex;
        align-items: center; }
      .header .header-container .header-content .news a {
        border-radius: 20px;
        background-color: #81b849;
        outline: none;
        border: none;
        margin-right: 20px; }
        @media only screen and (max-width: 1199px) {
    .header .header-container .header-content .news a {
      margin-right: 10px; } }
        .header .header-container .header-content .news a i {
          font-size: 15px;
          color: white; }
      .header .header-container .header-content .news .text {
        color: white;
        font-size: 13px;
        font-weight: 500;
        text-transform: uppercase; }
        @media only screen and (max-width: 991px) {
    .header .header-container .header-content .news .text {
      font-size: 14px; } }
    .header .header-container .date-weather .title {
      margin-top: 40px;
      margin-bottom: 35px;
      font-size: 20px;
      font-weight: 500;
      font-family: 'Montserrat', sans-serif;
      color: white; }
      .header .header-container .date-weather .title .day {
        color: #81b849; }
      @media only screen and (max-width: 1199px) {
    .header .header-container .date-weather .title {
      font-size: 16px; } }
      @media only screen and (max-width: 991px) {
    .header .header-container .date-weather .title {
      font-size: 22px;
      margin-top: 30px;
      margin-bottom: 25px; } }
      @media only screen and (max-width: 767px) {
    .header .header-container .date-weather .title {
      font-size: 20px; } }
      .header .header-container .date-weather .weather-title {
        font-size: 20px;
        font-weight: 400;
        color: white; }
      @media only screen and (max-width: 1199px) {
  .header .header-container .date-weather {
    font-size: 18px; } }
      .header .header-container .date-weather .weather {
        display: flex;
        align-items: center; }
      .header .header-container .date-weather .weather .icon {
        width: 80px;
        height: auto;
        margin-right: 15px; }
        @media only screen and (max-width: 1199px) {
    .header .header-container .date-weather .weather .icon {
      margin-right: 5px; } }
        @media only screen and (max-width: 991px) {
    .header .header-container .date-weather .weather .icon {
      margin-right: 15px; } }
        .header .header-container .date-weather .weather .icon img {
          height: 100%;
          width: 100%; }
          .header .header-container .date-weather .weather .icon img.moon {
            padding: 10px; }
      .header .header-container .date-weather .weather .temp {
        font-weight: 700;
        font-size: 28px;
        color: #fff;
        margin-right: 30px; }
        @media only screen and (max-width: 1199px) {
    .header .header-container .date-weather .weather .temp {
      font-size: 20px;
      margin-right: 20px; } }
        @media only screen and (max-width: 991px) {
    .header .header-container .date-weather .weather .temp {
      font-size: 28px;
      margin-right: 30px; } }
        @media only screen and (max-width: 575px) {
    .header .header-container .date-weather .weather .temp {
      font-size: 20px;
      margin-right: 15px; } }
      .header .header-container .date-weather .weather .rain, .header .header-container .date-weather .weather .wind {
        display: flex;
        align-items: center;
        color: white;
        font-size: 15px;
        font-weight: 400; }
        @media only screen and (max-width: 1199px) {
    .header .header-container .date-weather .weather .rain, .header .header-container .date-weather .weather .wind {
      font-size: 12px;
      margin-right: 15px; } }
        @media only screen and (max-width: 991px) {
    .header .header-container .date-weather .weather .rain, .header .header-container .date-weather .weather .wind {
      font-size: 15px; } }
        @media only screen and (max-width: 575px) {
    .header .header-container .date-weather .weather .rain, .header .header-container .date-weather .weather .wind {
      font-size: 12px; } }
        .header .header-container .date-weather .weather .rain i, .header .header-container .date-weather .weather .wind i {
          font-size: 16px;
          color: white;
          margin-right: 10px; }
          @media only screen and (max-width: 1199px) {
    .header .header-container .date-weather .weather .rain i, .header .header-container .date-weather .weather .wind i {
      font-size: 13px; } }
          @media only screen and (max-width: 991px) {
    .header .header-container .date-weather .weather .rain i, .header .header-container .date-weather .weather .wind i {
      font-size: 16px; } }
          @media only screen and (max-width: 575px) {
    .header .header-container .date-weather .weather .rain i, .header .header-container .date-weather .weather .wind i {
      font-size: 13px;
      margin-right: 5px; } }
      .header .header-container .date-weather .weather .rain {
        margin-right: 20px; }
      .header .header-container .date-weather .white-spacing {
        height: 1px;
        background-color: white;
        opacity: 0.32;
        width: 100%;
        margin-bottom: 35px; }
      @media only screen and (max-width: 991px) {
    .header .header-container .date-weather .white-spacing {
      margin-bottom: 20px; } }
    .header .header-container .facebook {
      margin-top: 120px;
      display: flex;
      align-items: center;
      text-decoration: none; }
      @media only screen and (max-width: 1199px) {
  .header .header-container .facebook {
    margin-top: 60px; } }
      @media only screen and (max-width: 991px) {
  .header .header-container .facebook {
    margin-top: 30px; } }
      .header .header-container .facebook i {
        font-size: 30px;
        color: white;
        margin-right: 15px; }
      @media only screen and (max-width: 1199px) {
    .header .header-container .facebook i {
      font-size: 23px;
      margin-right: 10px; } }
      @media only screen and (max-width: 991px) {
    .header .header-container .facebook i {
      font-size: 30px; } }
      .header .header-container .facebook .text {
        font-size: 15px;
        font-weight: 500;
        color: #fff;
        text-transform: uppercase; }
      @media only screen and (max-width: 1199px) {
    .header .header-container .facebook .text {
      font-size: 12px; } }

.header-bar {
  background-color: #2d1300;
  height: 6px;
  position: relative; }
  .header-bar .green-bar {
    position: absolute;
    left: 0;
    height: 100%;
    width: 66.66667%;
    background-color: #81b849; }

.home .home-container {
  margin-top: 65px;
  margin-bottom: 80px; }
  @media only screen and (max-width: 575px) {
    .home .home-container {
      margin-bottom: 40px; } }
  .home .home-container .home-content .title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 40px;
    color: #151515;
    margin-bottom: 30px; }
    @media only screen and (max-width: 1199px) {
      .home .home-container .home-content .title {
        font-size: 35px; } }
    @media only screen and (max-width: 575px) {
      .home .home-container .home-content .title {
        font-size: 26px;
        margin-bottom: 15px;
        text-align: center; } }
    .home .home-container .home-content .text {
      font-size: 14px;
      font-weight: 400;
      color: #151515;
      margin-bottom: 60px;
      display: flex;
      justify-content: space-evenly; }
    @media only screen and (max-width: 1199px) {
      .home .home-container .home-content .text {
        font-size: 12px;
        margin-bottom: 40px; } }
    .home .home-container .home-content .info {
      width: 100%;
      display: flex;
      justify-content: space-between;
      position: relative;
      margin-bottom: 50px; }
    .home .home-container .home-content .info .top-line {
      background-color: #81b849;
      height: 6px;
      width: 100%;
      position: absolute;
      left: 0; }
    .home .home-container .home-content .info .info-container {
      position: relative;
      padding-top: 30px; }
      .home .home-container .home-content .info .info-container .corner-line {
        background-color: #81b849;
        height: 10px;
        width: 10px;
        position: absolute;
        left: 0;
        top: 0; }
      .home .home-container .home-content .info .info-container .amount {
        font-size: 36px;
        font-weight: 500;
        color: #333;
        line-height: 26px; }
        @media only screen and (max-width: 1199px) {
      .home .home-container .home-content .info .info-container .amount {
        font-size: 30px; } }
        @media only screen and (max-width: 575px) {
      .home .home-container .home-content .info .info-container .amount {
        font-size: 25px;
        line-height: 20px; } }
      .home .home-container .home-content .info .info-container .name {
        font-size: 21px;
        font-weight: 500;
        color: #333; }
        @media only screen and (max-width: 1199px) {
      .home .home-container .home-content .info .info-container .name {
        font-size: 18px; } }
        @media only screen and (max-width: 575px) {
      .home .home-container .home-content .info .info-container .name {
        font-size: 10px; } }
    .home .home-container .home-content .buttons {
      margin-bottom: 25px; }
    @media only screen and (max-width: 575px) {
      .home .home-container .home-content .buttons {
        text-align: center; } }
    .home .home-container .home-content .buttons .btn {
      margin-right: 20px;
      color: #fff;
      font-size: 13px;
      font-weight: 500;
      padding: 14px 20px;
      background-color: #277417;
      border: none;
      border-radius: 5px;
      box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.18); }
      @media only screen and (max-width: 575px) {
      .home .home-container .home-content .buttons .btn {
        margin-right: 10px; } }
    .home .home-container .home-content .buttons :last-child {
      margin-right: 0; }
  .home .home-container .home-weather .title {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #3c3c3c;
    margin-bottom: 55px; }
    @media only screen and (max-width: 991px) {
      .home .home-container .home-weather .title {
        margin-bottom: 25px; } }
    .home .home-container .home-weather .card {
      border: 1px solid rgba(112, 112, 112, 0.2);
      border-radius: 8px;
      width: 100%;
      margin-bottom: 15px;
      box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.18); }
    .home .home-container .home-weather .card .card-container {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 15px; }
      @media only screen and (max-width: 991px) {
      .home .home-container .home-weather .card .card-container {
        justify-content: start; }
        .home .home-container .home-weather .card .card-container > div {
          margin-right: 15px; } }
      @media only screen and (max-width: 575px) {
      .home .home-container .home-weather .card .card-container {
        flex-wrap: wrap;
        justify-content: center; } }
      .home .home-container .home-weather .card .card-container .location {
        display: flex;
        flex-direction: column; }
        @media only screen and (max-width: 575px) {
      .home .home-container .home-weather .card .card-container .location {
        width: 45%;
        margin-right: 2%;
        text-align: right;
        margin-bottom: 10px; } }
        .home .home-container .home-weather .card .card-container .location .name {
          text-transform: uppercase;
          font-size: 19px;
          font-weight: 500;
          color: #222; }
          @media only screen and (max-width: 1199px) {
      .home .home-container .home-weather .card .card-container .location .name {
        font-size: 16px; } }
        .home .home-container .home-weather .card .card-container .location .number {
          font-size: 12px;
          font-weight: 400;
          color: #707070; }
          @media only screen and (max-width: 1199px) {
      .home .home-container .home-weather .card .card-container .location .number {
        font-size: 10px; } }
          .home .home-container .home-weather .card .card-container .location .number span {
            font-weight: 500; }
        .home .home-container .home-weather .card .card-container .location .size {
          font-size: 12px;
          font-weight: 400;
          color: #707070; }
          @media only screen and (max-width: 1199px) {
      .home .home-container .home-weather .card .card-container .location .size {
        font-size: 10px; } }
      @media only screen and (max-width: 575px) {
        .home .home-container .home-weather .card .card-container .icon {
          width: 45%; } }
        .home .home-container .home-weather .card .card-container .icon img {
          width: 70px; }
      .home .home-container .home-weather .card .card-container .temp {
        font-size: 28px;
        font-weight: 700;
        color: #434141; }
        @media only screen and (max-width: 1199px) {
      .home .home-container .home-weather .card .card-container .temp {
        font-size: 20px;
        margin-left: -10px; } }
      .home .home-container .home-weather .card .card-container .rain, .home .home-container .home-weather .card .card-container .wind {
        display: flex;
        align-items: center;
        color: #434141;
        font-size: 15px;
        font-weight: 400; }
        @media only screen and (max-width: 1199px) {
      .home .home-container .home-weather .card .card-container .rain, .home .home-container .home-weather .card .card-container .wind {
        font-size: 12px; } }
        .home .home-container .home-weather .card .card-container .rain i, .home .home-container .home-weather .card .card-container .wind i {
          font-size: 16px;
          color: #434141;
          margin-right: 10px; }
          @media only screen and (max-width: 1199px) {
      .home .home-container .home-weather .card .card-container .rain i, .home .home-container .home-weather .card .card-container .wind i {
        font-size: 13px;
        margin-right: 2px; } }
    .home .home-container .home-weather .card :hover {
      border-color: #81b849;
      background-color: #81b849;
      cursor: pointer;
      border-radius: 8px; }
      .home .home-container .home-weather .card :hover .location .name {
        color: #277417; }
        .home .home-container .home-weather .card :hover .location .number, .home .home-container .home-weather .card :hover .location .size {
          color: #fff; }
      .home .home-container .home-weather .card :hover .temp, .home .home-container .home-weather .card :hover .wind, .home .home-container .home-weather .card :hover .rain {
        color: #fff; }
        .home .home-container .home-weather .card :hover .temp i, .home .home-container .home-weather .card :hover .wind i, .home .home-container .home-weather .card :hover .rain i {
          color: #fff; }