/*BASE - */
/*Mixins */
* {
  position: relative; }

body {
  margin: 0 auto;
  width: 100%;
  color: #4A4A4A;
  font-family: "SF UI Display Light", "Rajdhani", "Segoe UI", "Segoe WP", "Degoe Regular", sans-serif;
  line-height: 1.7em;
  font-size: 16px; }

a {
  color: #00aff0; }
  a:hover {
    text-decoration: none; }

ul, li {
  list-style: none; }

input, textarea, button {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px; }

img.device {
  width: 100%; }

img.device-small {
  width: 70%;
  margin-bottom: -47px; }

.wrapper {
  overflow-x: hidden;
  -ms-overflow-x: hidden; }

.btn {
  background-color: #25AC34;
  color: white;
  padding: 10px 15px;
  min-width: 150px;
  border-right: 3px;
  cursor: pointer; }
  .btn:hover {
    background-color: #E23F41; }

.navbar {
  background-color: white !important;
  -webkit-box-shadow: 4px 4px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 4px 4px 3px rgba(0, 0, 0, 0.2);
  padding: 5px 5% 5px 5%; }
  .navbar img {
    height: 56px;
    width: auto; }
  .navbar .nav-item {
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 20px;
    text-align: center;
    padding: 0px 15px; }
    .navbar .nav-item span {
      color: #9B9B9B;
      font-size: 10px; }
    .navbar .nav-item .FB-icon {
      width: 35px;
      height: 35px;
      background: url(../img/icon-fb.svg) no-repeat; }
    .navbar .nav-item .FB-icon:hover {
      width: 35px;
      height: 35px;
      background: url(../img/icon-fb-hover.svg) no-repeat; }

.kv {
  padding: 0px 0;
  height: 100vh;
  background: url(../img/kv.png) no-repeat;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  text-align: center; }
  .kv .girdBox {
    position: relative;
    top: calc((70vh - 300px)/2);
    margin: auto; }
    .kv .girdBox .slogan {
      margin-bottom: 20px; }

.container {
  padding-top: 70px;
  padding-bottom: 60px; }
  .container .title {
    width: 290px;
    height: auto;
    text-align: center;
    margin: 0px auto 70px auto; }
    .container .title img {
      width: 290px;
      height: auto; }
  .container .text {
    color: #757575;
    font-size: 16px;
    line-height: 32px; }
    .container .text b {
      display: block;
      font-size: 20px;
      padding-bottom: 5px; }
    .container .text span {
      border-left: 6px solid #EDF4EE;
      display: block;
      color: #25AC34;
      font-size: 18px;
      line-height: 36px;
      font-weight: 500; }

.bg-color-green {
  background-color: #EDF4EE; }

footer {
  padding: 20px;
  color: white;
  text-align: center;
  background-color: #006A32; }
  footer a {
    color: white;
    letter-spacing: 1px; }
    footer a:hover {
      color: white; }

.contactBanner {
  margin-top: 75px;
  height: 250px;
  background: url(../img/contactus-banner.png) no-repeat;
  background-size: cover;
  background-position: center;
  text-align: center; }

.container {
  padding-top: 70px;
  padding-bottom: 60px; }
  .container .title {
    text-align: center;
    margin: 0px auto 70px auto; }
  .container .text {
    color: #757575;
    font-size: 16px;
    line-height: 32px; }
    .container .text b {
      display: block;
      font-size: 20px;
      padding-bottom: 5px; }
  .container .contactIcon img {
    height: 50px;
    width: auto; }
  .container .contactIcon h3 {
    padding: 15px;
    color: #757575;
    font-size: 16px;
    line-height: 32px; }
  .container .description {
    margin-bottom: 60px; }

@media only screen and (max-width: 480px) {
  .kv {
    padding: 0px 0;
    height: 70vh;
    background: none;
    background-color: #EDF4EE;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    text-align: center; }
    .kv .girdBox {
      position: relative;
      top: 35%;
      margin: auto; }
      .kv .girdBox .slogan {
        margin-bottom: 20px; }
        .kv .girdBox .slogan img {
          width: 300px;
          height: auto; } }
@media only screen and (max-width: 374px) {
  .navbar img {
    height: 45px;
    width: auto; } }