@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap");
a {
  color: #1fb2e8;
  text-decoration: none;
}

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

body p {
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: 1em;
  font-weight: 300;
  text-align: left;
}

body ul {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5;
}

body b, body strong {
  font-weight: 700;
}

body .h1,
body .h2,
body .h3,
body .h4,
body .h5,
body .h6,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  color: #fff;
}

.how li {
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: 1.1em;
  font-weight: 300;
  text-align: left;
}

.navbar {
  -webkit-box-shadow: 0px 6px 10px rgba(19, 19, 19, 0.13);
  box-shadow: 0px 6px 10px rgba(19, 19, 19, 0.13);
  z-index: 999;
}

.nav-link {
  display: block;
  padding: 0.5rem 1rem;
  color: #818181;
  font-size: 1em;
  font-weight: 300;
  text-decoration: none;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.nav-link:focus,
.nav-link:hover {
  color: #1fb2e8;
}

.navbar-dark {
  background-color: #090909dd;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.navbar-dark .navbar-nav .nav-link {
  color: #ffffff;
}

.navbar-dark .navbar-nav .nav-link:hover {
  color: #1fb2e8;
}

.navbar-toggler-icon {
  background-image: url(../img/menu-icon.png);
}

.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
  -webkit-box-shadow: 0 0 0 0.1rem #1f3b5f;
          box-shadow: 0 0 0 0.1rem #1f3b5f;
}

.home-hero {
  min-height: 58vh;
  background: #000 url(../img/protip-hero.jpg) center center no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
  padding: 150px 0px 60px 0px;
  -webkit-animation: fadein 2s;
  /* Safari, Chrome and Opera > 12.1 */
  /* Firefox < 16 */
  /* Internet Explorer */
  /* Opera < 12.1 */
  animation: fadein 2s;
}

.hero-title {
  color: white;
  font-family: "Open Sans", sans-serif;
  font-size: 12vw;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1;
  text-align: left;
  width: 100%;
}

@media screen and (min-width: 640px) {
  .hero-title {
    font-size: 5vw;
    width: 100%;
  }
}

.hero-title .blue {
  color: #1fb2e8;
}

.hero-tagline {
  color: white;
  font-family: "Open Sans", sans-serif;
  font-size: 10vw;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1.1;
  margin: 0px 0 15px 0;
  text-align: left;
  width: 100%;
}

@media screen and (min-width: 640px) {
  .hero-tagline {
    font-size: 4vw;
    width: 100%;
  }
}

.hero-tagline .blue {
  color: #1fb2e8;
}

.hero-paragraph {
  color: white;
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
  font-weight: 300;
  letter-spacing: .5px;
  line-height: 1.3;
  margin: 35px 0 25px 0;
  text-align: left;
  width: 100%;
}

@media screen and (min-width: 640px) {
  .hero-paragraph {
    font-size: 1.1rem;
    width: 50%;
  }
}

.hero-paragraph .blue {
  color: #1fb2e8;
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* Firefox < 16 */

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* Internet Explorer */

/* Opera < 12.1 */

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-12px, 0, 0);
    transform: translate3d(-12px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-12px, 0, 0);
    transform: translate3d(-12px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

.animate {
  -webkit-animation-duration: 0.75s;
          animation-duration: 0.75s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.2, 0.3, 0.25, 0.9);
          animation-timing-function: cubic-bezier(0.2, 0.3, 0.25, 0.9);
}

.delay {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.delay-400 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}

.delay-500 {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

.delay-600 {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}

.delay-700 {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}

.delay-800 {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}

.app-img {
  max-height: 700px;
  height: auto;
  width: auto;
}

.btn-outline-primary {
  color: #1fb2e8;
  border-color: #1fb2e8;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #1fb2e8;
  border-color: #1fb2e8;
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
  -webkit-box-shadow: 0 0 0 0.2rem #1fb2e8;
          box-shadow: 0 0 0 0.2rem #1fb2e8;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem #1fb2e8;
          box-shadow: 0 0 0 0.2rem #1fb2e8;
}

.feature-icons {
  max-width: 2.25em;
}

.black-bg {
  padding: 50px 0;
  color: #ffffff;
  background-color: #111111;
}

.black-bg p {
  color: #a09393;
  font-size: 1.1rem;
  font-weight: 300;
}

.black-bg .h1,
.black-bg .h2,
.black-bg .h3 .h4,
.black-bg .h5,
.black-bg .h6,
.black-bg h1,
.black-bg h2,
.black-bg h3,
.black-bg h4,
.black-bg h5,
.black-bg h6 {
  color: #fff;
}

.black-bg h2 {
  font-size: 2.4em;
  font-weight: 700;
  color: #ffffff;
}

.black-bg .blue {
  color: #1fb2e8;
}

.content-dark-bg {
  background-color: #1f3b5f;
  color: white;
}

.content-dark-bg p {
  color: white;
}

.content-dark-bg .h1,
.content-dark-bg .h2,
.content-dark-bg .h3 .h4,
.content-dark-bg .h5,
.content-dark-bg .h6,
.content-dark-bg h1,
.content-dark-bg h2,
.content-dark-bg h3,
.content-dark-bg h4,
.content-dark-bg h5,
.content-dark-bg h6 {
  color: #fff;
}

.dark-gray-bg {
  background-color: #18191a;
  color: white;
}

.dark-gray-bg p {
  color: #d2d2d2;
  font-size: 1rem;
  font-weight: 300;
}

.dark-gray-bg .h1,
.dark-gray-bg .h2,
.dark-gray-bg .h3 .h4,
.dark-gray-bg .h5,
.dark-gray-bg .h6,
.dark-gray-bg h1,
.dark-gray-bg h2,
.dark-gray-bg h3,
.dark-gray-bg h4,
.dark-gray-bg h5,
.dark-gray-bg h6 {
  color: #fff;
}

.dark-gray-bg h2 {
  font-size: 2.5rem;
  font-weight: 700;
  color: #ffffff;
}

.dark-gray-bg .lead {
  font-size: 0.9rem;
  font-weight: 300;
  color: #a0a0a0;
}

.dark-gray-bg .blue {
  color: #1fb2e8;
}

.dark-gray-bg .name {
  color: #ffffff;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}

@media (min-width: 600px) {
  .dark-gray-bg .name {
    font-size: 1.2rem;
  }
}

.medium-gray-bg {
  background-color: #242526;
  color: #d8d8d8;
}

.medium-gray-bg p {
  color: #d2d2d2;
  font-size: 1rem;
  font-weight: 300;
}

.medium-gray-bg .h1,
.medium-gray-bg .h2,
.medium-gray-bg .h3 .h4,
.medium-gray-bg .h5,
.medium-gray-bg .h6,
.medium-gray-bg h1,
.medium-gray-bg h2,
.medium-gray-bg h3,
.medium-gray-bg h4,
.medium-gray-bg h5,
.medium-gray-bg h6 {
  color: #fff;
}

.medium-gray-bg h2 {
  font-size: 2.5rem;
  font-weight: 700;
  color: #ffffff;
}

.medium-gray-bg .lead {
  font-size: 0.9rem;
  font-weight: 300;
  color: #a0a0a0;
}

.medium-gray-bg .blue {
  color: #1fb2e8;
}

.medium-gray-bg .name {
  color: #ffffff;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
}

@media (min-width: 600px) {
  .medium-gray-bg .name {
    font-size: 1.2rem;
  }
}

.light-gray-bg {
  background-color: #e5e5e5;
  color: #373737;
}

.light-gray-bg p {
  color: #1d1d1d;
  font-size: 1rem;
  font-weight: 300;
}

.light-gray-bg .h1,
.light-gray-bg .h2,
.light-gray-bg .h3 .h4,
.light-gray-bg .h5,
.light-gray-bg .h6,
.light-gray-bg h1,
.light-gray-bg h2,
.light-gray-bg h3,
.light-gray-bg h4,
.light-gray-bg h5,
.light-gray-bg h6 {
  color: #333333;
}

.light-gray-bg h2 {
  font-size: 2.5rem;
  font-weight: 700;
  color: #333333;
}

.light-gray-bg .lead {
  font-size: 0.9rem;
  font-weight: 300;
  color: #666666;
}

.light-gray-bg .blue {
  color: #1fb2e8;
}

.light-gray-bg .name {
  color: #cccccc;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
}

@media (min-width: 600px) {
  .light-gray-bg .name {
    font-size: 1.2rem;
  }
}

.lightest-gray-bg {
  background-color: #f5f5f5;
  color: #141414;
}

.lightest-gray-bg p {
  color: #141414;
  font-size: 1rem;
  font-weight: 300;
}

.lightest-gray-bg .h1,
.lightest-gray-bg .h2,
.lightest-gray-bg .h3 .h4,
.lightest-gray-bg .h5,
.lightest-gray-bg .h6,
.lightest-gray-bg h1,
.lightest-gray-bg h2,
.lightest-gray-bg h3,
.lightest-gray-bg h4,
.lightest-gray-bg h5,
.lightest-gray-bg h6 {
  color: #444444;
}

.lightest-gray-bg h1 {
  font-size: 3.0rem;
  font-weight: 700;
}

.lightest-gray-bg h2 {
  font-size: 2.25rem;
  font-weight: 700;
}

.lightest-gray-bg .lead {
  font-size: 0.9rem;
  font-weight: 300;
  color: #333333;
}

.lightest-gray-bg .blue {
  color: #1fb2e8;
}

.lightest-gray-bg .name {
  color: #333333;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
}

.lightest-gray-bg .card-body {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 0;
}

@media (min-width: 600px) {
  .lightest-gray-bg .name {
    font-size: 1.2rem;
  }
}

.blue-bg {
  background-color: #1fb2e8;
  color: white;
}

.blue-bg p {
  color: #262626;
  font-size: 1.1rem;
  font-weight: 300;
}

.blue-bg .h1,
.blue-bg .h2,
.blue-bg .h3 .h4,
.blue-bg .h5,
.blue-bg .h6,
.blue-bg h1,
.blue-bg h2,
.blue-bg h3,
.blue-bg h4,
.blue-bg h5,
.blue-bg h6 {
  color: #fff;
}

.blue-bg .alt {
  color: #333333;
}

.blue-bg h2 {
  font-size: 2.5rem;
  font-weight: 700;
  color: #ffffff;
}

.blue-bg .lead {
  font-size: 0.9rem;
  font-weight: 300;
  color: #a0a0a0;
}

.blue-bg a.blue {
  color: #ffffff;
}

.blue-bg a.blue:link {
  color: #ffffff;
}

.blue-bg a.blue:visited {
  color: #ffffff;
}

.blue-bg a.blue:hover {
  color: #222222;
}

.blue-bg a.blue:active {
  color: #111111;
}

@media (min-width: 600px) {
  .blue-bg .name {
    font-size: 1.2rem;
  }
}

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

.white-bg p {
  color: #222222;
  font-size: 1rem;
  font-weight: 300;
}

.white-bg .h1,
.white-bg .h2,
.white-bg .h3 .h4,
.white-bg .h5,
.white-bg .h6,
.white-bg h1,
.white-bg h2,
.white-bg h3,
.white-bg h4,
.white-bg h5,
.white-bg h6 {
  color: #222222;
}

.white-bg h2 {
  font-size: 2.5rem;
  font-weight: 700;
  color: #333333;
}

.white-bg .lead {
  font-size: 0.9rem;
  font-weight: 300;
  color: #666666;
}

.white-bg .blue {
  color: #1fb2e8;
}

.lightgray-bg {
  background-color: #f3f3f3;
}

.lightgray-bg .lead {
  font-size: 1.25rem;
  font-weight: 300;
}

.lightgray-bg .title {
  color: #a5a5a5;
  text-transform: uppercase;
  font-size: 0.7rem;
  -webkit-font-kerning: normal;
          font-kerning: normal;
}

.b-example-divider {
  height: 3rem;
  background-color: rgba(0, 0, 0, 0.1);
  border: solid rgba(0, 0, 0, 0.15);
  border-width: 1px 0;
  -webkit-box-shadow: inset 0 0.5em 1.5em rgba(0, 0, 0, 0.1), inset 0 0.125em 0.5em rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 0.5em 1.5em rgba(0, 0, 0, 0.1), inset 0 0.125em 0.5em rgba(0, 0, 0, 0.15);
}

.bi {
  vertical-align: -0.125em;
  fill: currentColor;
}

.feature-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 4rem;
  height: 4rem;
  margin-bottom: 1rem;
  font-size: 2rem;
  color: #fff;
  border-radius: 0.75rem;
}

.icon-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.icon-link > .bi {
  margin-top: 0.125rem;
  margin-left: 0.125rem;
  -webkit-transition: -webkit-transform 0.25s ease-in-out;
  transition: -webkit-transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  fill: currentColor;
}

.icon-link:hover > .bi {
  -webkit-transform: translate(0.25rem);
          transform: translate(0.25rem);
}

.icon-square {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 3rem;
  height: 3rem;
  font-size: 1.5rem;
  border-radius: 0.75rem;
}

.rounded-4 {
  border-radius: 0.5rem;
}

.rounded-5 {
  border-radius: 1rem;
}

.text-shadow-1 {
  text-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.25);
}

.text-shadow-2 {
  text-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.25);
}

.text-shadow-3 {
  text-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.25);
}

.card-cover {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: black;
  background-clip: border-box;
}

.bg-gray {
  background-color: #18191a !important;
}

.bg-blue {
  background-color: #1fb2e8 !important;
}

.footer-dark {
  padding: 50px 0;
  color: #f0f9ff;
  background-color: #111111;
}

.footer-dark .h1,
.footer-dark .h2,
.footer-dark .h3 .h4,
.footer-dark .h5,
.footer-dark .h6,
.footer-dark h1,
.footer-dark h2,
.footer-dark h3,
.footer-dark h4,
.footer-dark h5,
.footer-dark h6 {
  color: #fff;
}

.footer-dark h3 {
  margin-top: 0;
  margin-bottom: 12px;
  font-weight: bold;
  font-size: 16px;
}

.footer-dark p {
  color: #ffffff;
  font-family: "Open Sans", sans-serif;
  font-size: 1em;
  font-weight: 300;
  opacity: 0.8;
  text-align: left;
}

.footer-dark ul {
  padding: 0;
  list-style: none;
  line-height: 1.6;
  font-size: 14px;
  margin-bottom: 0;
}

.footer-dark ul a {
  color: inherit;
  text-decoration: none;
  opacity: 0.6;
}

.footer-dark ul a:hover {
  opacity: 0.8;
}

@media (max-width: 767px) {
  .footer-dark .item:not(.social) {
    text-align: center;
    padding-bottom: 20px;
  }
}

.footer-dark .item.text {
  margin-bottom: 36px;
}

@media (max-width: 767px) {
  .footer-dark .item.text {
    margin-bottom: 0;
  }
}

.footer-dark .item.text p {
  opacity: 0.6;
  margin-bottom: 0;
}

.footer-dark .item.social {
  text-align: center;
}

@media (max-width: 991px) {
  .footer-dark .item.social {
    text-align: center;
    margin-top: 20px;
  }
}

.footer-dark .item.social > a {
  font-size: 20px;
  width: 36px;
  height: 36px;
  line-height: 36px;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4);
          box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4);
  margin: 0 8px;
  color: #fff;
  opacity: 0.75;
}

.footer-dark .item.social > a:hover {
  opacity: 0.9;
}

.footer-dark .copyright {
  text-align: center;
  padding-top: 24px;
  opacity: 0.3;
  font-size: 13px;
  margin-bottom: 0;
}

.footer-logo {
  max-width: 80%;
}

.zoom-wrap {
  display: block;
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
}

.zoom-wrap .zoom-effect {
  display: inline-block;
  width: 100%;
  margin: 0px auto;
}

.zoom-wrap .zoom-effect .photo-wrap {
  float: right;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.zoom-wrap .zoom-effect .photo-wrap img {
  width: 100%;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  opacity: 1;
}

.zoom-wrap .zoom-effect .photo-wrap:hover img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  opacity: 1;
}

.img-max {
  max-width: 90px;
  height: 90px;
}
/*# sourceMappingURL=style.css.map */