@font-face {
  font-family: "NotoSans";
  src: url("../fonts/gfonts/NotoSans-Regular.woff") format("woff"),
    url("../fonts/gfonts/NotoSans-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

html {
  font-family: 'NotoSans';
  background-image: url(/assets/img/home-page/mountains.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  /* background-position-y: -100px; */
  width: 99vw;
  font-weight:normal;
  /* overflow-x: hidden; */
}

.html::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE and Edge */
.html {
  -ms-overflow-style: none;
}

body {
  background-color: transparent;
  padding-top: 0 !important;
  font-size: 1.4rem;
  line-height: 1.6rem;
}

p {
  font-size:inherit;
}

/* 
.container {
  background-color: rgba(255,255,255,0.8);
} */

.home-link {
  text-decoration: none;
  outline: none;
  z-index: 2000;
  position: absolute;
}

.spacer {
  margin: 60px 0;
}


#top-left-logo {
  height: 300px;
  position: absolute;
  top: -54px;
  left: -129px;
}

#mobile-top-left-logo {
  height: 50px;
  position: absolute;
  top: 10px;
  left: 15px;
}

.section-dark {
  margin-top: -10px;
  text-align: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: 50%;
  min-height: 300px;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: relative;
  margin-bottom: 0;
}

.section-dark:before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.5;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
}

.section-dark-header h2 {
  /*    color: #3f86cc;*/
  color: #fff;
  font-size: 10rem;
  font-weight: 400;
  letter-spacing: 2px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}

.section-dark-header .row div {
  min-height: 300px;
  height: 300px;
}

.section-dark-header h3,
.section-dark-header h4 {
  color: #fff;
}


.section-dark .container h1,
.section-dark .container h2,
.section-dark .container h3,
.section-dark .container h4,
.section-dark .container h5,
.section-dark .container h6 {
  color: white !important;
}

.section-dark p {
  color: white;
}

.title-center {
  text-align: center;
}

.section-dark .container .service-icon {
  display: inline-block;
  position: relative;
  width: 45px;
  height: 45px;
  border-radius: 100%;
  background-color: white;
}

.section-dark .container .service-icon i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #3f86cc;
}

.section-clear {
  margin-top: -10px;
  text-align: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: 50%;
  min-height: 300px;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: relative;
  margin-bottom: 0;
}

.section-clear:before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.5;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
}

.section-clear-header h2 {
  /*    color: #3f86cc;*/
  color: #fff;
  /* font-family: Montserrat-thin; */
  font-variant-caps: all-small-caps;
  font-size: 7rem;
  font-weight: 400;
  letter-spacing: 2px;
  position: relative;
  top: 55%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}

@media screen and (max-width: 1280px) {
  .top-left-combined {
    height: 20px;
  }
  .section-clear-header h2 {
    font-size: 6rem;
  }
}

@media screen and (max-width: 768px) {
  .spacer {
    margin: 0px!important;
  }
}

@media screen and (max-width: 768px) {
  .spacer {
    margin: 15px!important;
  }

  .white-box {
    padding: 0;
    margin: 0;
  }

  #top-left-combined {
    position: absolute;
    left:50%;
    transform:translateX(-50%);
  }
  .section-clear-header h2 {
    font-size: 4rem;
  }

  .col-sm-5 {
    width: 100% !important;
    display: flex;
    justify-content: center;
  }
  .col-sm-7 {
    width: 100% !important;
  }
  .image-border {
    max-width: 400px !important;
  }
}

@media screen and (max-width: 500px) {
  .section-clear-header h2 {
    font-size: 3rem;
    padding-top: 45px;
  }
  .section-white {
    padding-top: 0px !important;
  }
}

.section-clear-header .title-center {
  min-height: 120px;
  height: 120px;
}

.section-clear-header h3,
.section-clear-header h4 {
  color: #fff;
}


.section-white {
  /* margin-top: -10px;
  text-align: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: 50%;
  min-height: 300px;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: relative;
  margin-bottom: 0; */
}

.section-white {
  /* background-color:rgba(255,255,255,0.9); */
  /* background-color: white; */
  padding-top: 20px;
}

.white-box {
  /* background-color: rgba(255, 255, 255, 0.8); */
  background-color:white;
  padding: 20px;
  /* margin: 15px; */
  padding-top: 30px;
  min-height: 300px;
  border-radius: 20px
}

.white-box h1,
.white-box h2,
.white-box h3,
.white-box h4,
.white-box h5,
.white-box h6 {
  color: #222 !important;
}

.white-box p {
  color: #222;
}

.white-text {
  color: white;
}

.bg-white {
  background-color: white;
}

/* .image-border:before {
  content:'';
  width:100%;
  height:100%;
  display:block;
  background-color: #222;
  position: absolute;
  left:-20px;
  bottom:-20px;
} */

.image-border {
  /* /* border-radius:100%; */
  /* width: 200px;
  height: 200px; */
  /* background-repeat: no-repeat; */
  /* background-size: cover; */
  
  /* background-attachment: fixed; */
}

.image-border img {
  border-radius: 5px;
}

.section-white:before {
  /* content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.5;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50); */
}

.section-white-header h2 {
  /*    color: #3f86cc;*/
  color: #fff;
  font-size: 10rem;
  font-weight: 400;
  letter-spacing: 2px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}

.section-white-header .row div {
  min-height: 300px;
  height: 300px;
}

.section-white-header h3,
.section-white-header h4 {
  color: #fff;
}

.section-white .container .service-icon {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
  border-radius: 100%;
  background-color: #222;
  /* top: 55px; */
}

.section-white .container .service-icon i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 3.5rem;
}

.service-icon-title {
  text-align: center;
}

.section-white .container .row p {
  padding: 0 20px;
}