/*
-Open Sans
-Oswald
*/
@import url("https://fonts.googleapis.com/css?family=Oswald:wght@400;700|Open+Sans:400,700&display=swap");
body {
  font-family: "Open Sans", sans-serif;
}

.no-padd {
  padding: 0;
}

.example {
  background-color: #E99B00;
  color: #ffffff;
}

.border-md {
  border-right: none;
}
@media only screen and (min-width: 768px) {
  .border-md {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 992px) {
  .border-md {
    margin-top: 0;
    border-right: 2px solid #fff;
  }
}

.border-lg {
  border-right: none;
}
@media only screen and (min-width: 992px) {
  .border-lg {
    border-right: 2px solid #fff;
  }
}

.border-xl {
  border-right: none;
}
@media only screen and (min-width: 1200px) {
  .border-xl {
    border-right: 2px solid #fff;
  }
}

.hero-image-container {
  width: 100%;
  /*
  background-image: linear-gradient(0deg,
          rgba(84, 84, 84, 0.4),
          rgba(84, 84, 84, 0.4) 25%,
          rgba(0, 0, 0, 0.4) 50%,
          rgba(0, 0, 0, 0.4) 75%,
          rgba(0, 0, 0, 0.4) 100%),
  url('../img/jpg/hero-image-homepage.jpg');
  */
  background-position-y: center;
  background-position-x: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.hero-image-container .hero-image-cont {
  padding: 180px 15px 100px;
}
.hero-image-container .hero-image-cont .hero-image-content .hero-image-title {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  text-transform: uppercase;
  font-family: "Oswald", sans-serif;
  font-size: 32px;
  color: #06B4E7;
  font-weight: 700;
  line-height: 40px;
  max-width: 750px;
}
.hero-image-container .hero-image-cont .hero-image-content .hero-image-title span {
  color: #ffffff;
}
.hero-image-container .hero-image-cont .hero-image-content .hero-image-description {
  text-align: center;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  color: #E3E3E3;
  font-weight: 700;
  line-height: 22px;
  margin: 10px auto;
  max-width: 600px;
}
.hero-image-container .hero-image-cont .hero-image-content .hero-image-button {
  text-align: center;
}
.hero-image-container .hero-image-cont .hero-image-content .hero-image-button .btn-donate {
  width: 100%;
  padding: 15px 0;
  text-align: center;
  text-decoration: none;
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  color: #ffffff;
  font-weight: 700;
  line-height: 24px;
  max-width: 200px;
  display: inline-block;
  background-color: #FFBE0F;
  text-transform: uppercase !important;
}
.hero-image-container .hero-image-cont .hero-image-content .hero-image-button .btn-donate:hover {
  background-color: #FFA700;
}
@media only screen and (min-width: 992px) {
  .hero-image-container {
    /*
    background-image: linear-gradient(0deg,
            rgba(84, 84, 84, 0.4),
            rgba(84, 84, 84, 0.4) 25%,
            rgba(0, 0, 0, 0.4) 50%,
            rgba(0, 0, 0, 0.4) 75%,
            rgba(0, 0, 0, 0.4) 100%),
    url('../img/jpg/hero-image-homepage.jpg');
    */
  }
  .hero-image-container .hero-image-cont {
    height: 48vw;
  }
  .hero-image-container .hero-image-cont .hero-image-content .hero-image-title {
    font-size: 48px;
    line-height: 56px;
  }
  .hero-image-container .hero-image-cont .hero-image-content .hero-image-description {
    font-size: 26px;
    line-height: 32px;
    margin: 10px auto 25px;
  }
}

.news-container {
  padding: 30px 0;
}
.news-container .news-cont {
  width: 100%;
  margin: 0 auto;
  max-width: 1090px;
}
@media only screen and (min-width: 1600px) {
  .news-container .news-cont {
    max-width: 1200px;
  }
}
.news-container .news-cont .news-title {
  text-align: center;
  text-transform: uppercase;
  font-family: "Oswald", sans-serif;
  font-size: 26px;
  color: #474748;
  font-weight: 700;
  letter-spacing: 0.65px;
  line-height: 34px;
}
.news-container .news-cont .new {
  width: 100%;
  display: block;
  cursor: pointer;
  text-decoration: none;
  margin: 15px auto;
}
.news-container .news-cont .new .link-container {
  text-decoration: none !important;
}
.news-container .news-cont .new .new-image {
  width: 100%;
  height: 205px;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position-x: center;
  background-position-y: center;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1) 25%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%), url("");
}
.news-container .news-cont .new .new-image .new-banner-category {
  width: auto;
  padding: 3px 13px;
  text-align: center;
  display: inline-block;
  background-color: #0088CC;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #ffffff;
  font-weight: 400;
  line-height: 24px;
  position: absolute;
  top: 0;
  left: 0;
}
.news-container .news-cont .new .new-image .thumbnail {
  width: 100%;
  height: 100%;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
.news-container .news-cont .new .new-date {
  text-align: left;
}
.news-container .news-cont .new .new-date .icon-date {
  width: 15px;
  display: inline-block;
  vertical-align: middle;
}
.news-container .news-cont .new .new-date .date {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  color: #626262;
  font-weight: 400;
  line-height: 24px;
}
.news-container .news-cont .new .new-content .new-content-title {
  text-align: left;
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  color: #474748;
  font-weight: 700;
  line-height: 26px;
}
.news-container .news-cont .new .new-content .new-content-description {
  width: 100%;
  text-align: left;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  color: #474748;
  font-weight: 400;
  line-height: 24px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.news-container .news-cont .new .new-content-hashtag {
  text-align: left;
}
.news-container .news-cont .new .new-content-hashtag .hashtag {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  color: #0088CC;
  font-weight: 400;
  line-height: 24px;
}
.news-container .news-cont .news-load {
  margin: 20px auto 0;
  text-align: center;
}
.news-container .news-cont .news-load .btn-load-more {
  width: 100%;
  cursor: pointer;
  text-decoration: none;
  margin: 0 auto;
  display: inline-block;
  max-width: 140px;
  text-align: center;
  padding: 5px 0;
  border-radius: 2px;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  color: #ffffff;
  font-weight: 700;
  line-height: 24px;
  background-color: #474748;
}
.news-container .news-cont .news-load .btn-load-more:hover {
  background-color: #000000;
}
@media only screen and (min-width: 992px) {
  .news-container {
    padding: 70px 0;
  }
  .news-container .news-cont .news-title {
    font-size: 36px;
    letter-spacing: 0.9px;
    line-height: 40px;
    margin-bottom: 20px;
  }
  .news-container .news-cont .new {
    width: 90%;
  }
}

.about-finnwatch-container {
  padding: 30px 0;
  background-color: #E3E3E3;
}
.about-finnwatch-container .about-finnwatch-cont {
  width: 100%;
  margin: 0 auto;
  max-width: 1090px;
}
@media only screen and (min-width: 1600px) {
  .about-finnwatch-container .about-finnwatch-cont {
    max-width: 1200px;
  }
}
.about-finnwatch-container .about-finnwatch-cont .about-finnwatch-image {
  width: 100%;
  background-color: gray;
  text-align: center;
  margin-bottom: 25px;
}
.about-finnwatch-container .about-finnwatch-cont .about-finnwatch-image img {
  width: 100%;
  max-width: 100%;
}
.about-finnwatch-container .about-finnwatch-cont .about-finnwatch-content .about-finnwatch-content-title {
  text-align: center;
  text-transform: uppercase;
  font-family: "Oswald", sans-serif;
  font-size: 26px;
  color: #474748;
  font-weight: 700;
  letter-spacing: 0.65px;
  line-height: 34px;
  margin-bottom: 15px;
}
.about-finnwatch-container .about-finnwatch-cont .about-finnwatch-content .about-finnwatch-content-description {
  text-align: center;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  color: #474748;
  font-weight: 400;
  line-height: 24px;
}
.about-finnwatch-container .about-finnwatch-cont .about-finnwatch-content .about-finnwatch-button {
  width: 100%;
  margin: 20px auto 0;
  text-align: center;
}
.about-finnwatch-container .about-finnwatch-cont .about-finnwatch-content .about-finnwatch-button .btn-about-finnwatch {
  width: 100%;
  cursor: pointer;
  text-decoration: none;
  margin: 0 auto;
  display: inline-block;
  max-width: 130px;
  text-align: center;
  padding: 7px 0;
  border-radius: 2px;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  color: #ffffff;
  font-weight: 700;
  line-height: 24px;
  background-color: #474748;
}
.about-finnwatch-container .about-finnwatch-cont .about-finnwatch-content .about-finnwatch-button .btn-about-finnwatch:hover {
  background-color: #000000;
}
@media only screen and (min-width: 992px) {
  .about-finnwatch-container {
    padding: 70px 0;
  }
  .about-finnwatch-container .about-finnwatch-cont .about-finnwatch-image {
    margin-bottom: 0;
  }
  .about-finnwatch-container .about-finnwatch-cont .about-finnwatch-content .about-finnwatch-content-title {
    text-align: center;
    text-transform: uppercase;
    font-family: "Oswald", sans-serif;
    font-size: 36px;
    color: #474748;
    font-weight: 700;
    letter-spacing: 0.9px;
    line-height: 40px;
    margin-bottom: 15px;
  }
}

.map-container {
  padding: 30px 15px;
}
.map-container .map-title {
  width: 100%;
  text-align: center;
}
.map-container .map-title .blue-title {
  text-align: center;
  text-transform: uppercase;
  font-family: "Oswald", sans-serif;
  font-size: 26px;
  color: #00B5E8;
  font-weight: 700;
  letter-spacing: 0.65px;
  line-height: 34px;
}
.map-container .map-title .grey-title {
  text-align: center;
  text-transform: uppercase;
  font-family: "Oswald", sans-serif;
  font-size: 26px;
  color: #474748;
  font-weight: 700;
  letter-spacing: 0.65px;
  line-height: 34px;
}
.map-container .mapContainer {
  width: 100%;
  margin: 0 auto;
  max-width: 1200px;
  height: 360px;
}
@media only screen and (min-width: 992px) {
  .map-container {
    padding: 70px 15px 0;
  }
  .map-container .map-title .blue-title {
    font-size: 36px;
    letter-spacing: 0.9px;
    line-height: 40px;
  }
  .map-container .map-title .grey-title {
    font-size: 36px;
    letter-spacing: 0.9px;
    line-height: 40px;
  }
  .map-container .mapContainer {
    height: 865px;
  }
}
.map-container .jvectormap-zoomin,
.map-container .jvectormap-zoomout {
  position: absolute;
  left: 10px;
  border-radius: 2px;
  background: #ffffff;
  border: 2px solid #626262;
  margin-bottom: 5px;
  padding: 3px 3px 7px 3px;
  color: #626262;
  width: 30px;
  height: 30px;
  cursor: pointer;
  font-size: 30px;
  line-height: 40px;
  text-align: center;
  font-family: sans-serif, Verdana;
  display: flex;
  align-items: center;
  justify-content: center;
}
.map-container .jvectormap-zoomout {
  top: 50px;
}

.donate-container {
  padding: 30px 15px;
  background-position-y: center;
  background-position-x: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.donate-container .donate-cont {
  width: 100%;
  margin: 0 auto;
  max-width: 1090px;
  z-index: 99;
  position: relative;
}
@media only screen and (min-width: 1600px) {
  .donate-container .donate-cont {
    max-width: 1200px;
  }
}
.donate-container .donate-cont .donate-title {
  width: 90%;
  margin: 0 auto;
  text-align: center;
  text-transform: uppercase;
  font-family: "Oswald", sans-serif;
  font-size: 26px;
  color: #ffffff;
  font-weight: 700;
  letter-spacing: 0.65px;
  line-height: 34px;
  z-index: 99;
}
.donate-container .donate-cont .donate-description {
  text-align: center;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  color: #ffffff;
  font-weight: 400;
  line-height: 24px;
  margin: 0 auto;
  max-width: 530px;
}
.donate-container .donate-cont .donate-button {
  width: 100%;
  margin: 20px auto 0;
  text-align: center;
}
.donate-container .donate-cont .donate-button .btn-donate {
  width: 100%;
  cursor: pointer;
  text-decoration: none;
  margin: 0 auto;
  display: inline-block;
  max-width: 200px;
  text-align: center;
  padding: 7px 0;
  border-radius: 2px;
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  color: #ffffff;
  font-weight: 700;
  line-height: 34px;
  background-color: #FFBE0F;
  text-transform: uppercase;
}
.donate-container .donate-cont .donate-button .btn-donate:hover {
  background-color: #FFA700;
}
@media only screen and (min-width: 992px) {
  .donate-container {
    padding: 70px 15px;
    background-position: right;
    background-color: #626262;
  }
  .donate-container .donate-cont .donate-title {
    font-size: 36px;
    letter-spacing: 0.9px;
    line-height: 40px;
    margin-bottom: 10px;
  }
  .donate-container .donate-cont .donate-button {
    margin: 25px auto 0;
  }
}/*# sourceMappingURL=homepage.css.map */