/*!
 * Start Bootstrap - One Page Wonder v5.0.4 (https://startbootstrap.com/template-overviews/one-page-wonder)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-one-page-wonder/blob/master/LICENSE)
 */

body {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.2rem;
}
a {
    text-decoration: underline;
}

a:hover {
    color: #ff00ba;
}
::selection {
  color: white;
  background: #ff9501;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Catamaran';
  font-weight: 700;
  color: #007bff;
}

.h2, h2 {
    font-size: 2.2rem;
}
.h3, h3 {
    font-size: 1.8rem;
    margin-top: 29px;
    margin-bottom: 23px;
}
.h4, h4 {
    font-size: 1.5rem;
    font-weight: 500;
}
p {
    font-size: 1.2rem;
    line-height: 2.3rem;
}

.masth1
{
  font-size: 3.2rem;
}
.blintro
{
  font-size: 1.22rem;
  color: #212529;
  line-height: 2rem;
}
.purple {
  color: #ff00ba;
}
.blackie {
  color: #212529;
}
.bluie {
  color: #007bff;
}
.greysie {
  color: #6d6a69;
}
.bg-black {
  background-color: #dde5e9!important;
}

.navbar-custom {
  padding-top: 1rem;
  padding-bottom: 1rem;
  background-color: #dde5e9e8;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(9px);
}

.navbar-custom .navbar-brand {
  text-transform: inherit;
  font-size: 1.4rem;
  letter-spacing: 0.1rem;
  font-weight: 700;
  font-family: 'Roboto Condensed', sans-serif;
  text-decoration: none;
}
.navbar-custom .navbar-brand img, .navbar-custom .navbar-brand svg {
  width:100%;
  max-width:15rem;
  display:block;
  height:auto;
}
.navbar-custom .navbar-nav .nav-item .nav-link {
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.1rem;
  padding: 0 20px;
  white-space: nowrap;
}
.navbar-light .navbar-brand {
    color: #007bff;
}
.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
    color: #007bff;
}
.navbar-light .navbar-text {
    color: #6d6a69;
    font-size: 1rem;
}  
.navbar-light .navbar-nav .nav-link {
    color: #007bff;
    text-decoration: none;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #ff00ba; 
}
header.masthead {
  position: relative;
  overflow: hidden;
  padding-top: calc(2rem + 74px);
  padding-bottom: 0.5rem;
}

header.masthead .masthead-content {
  z-index: 1;
  position: relative;
}

header.masthead .masthead-content .masthead-heading {
  font-size: 4rem;
}

header.masthead .masthead-content .masthead-subheading {
  font-size: 2rem;
}
.video-full-width {
  width:100%;
  height:auto;
  display:block;
}
@media (min-width: 992px) {
  header.masthead {
    padding-top: calc(5rem + 30px);
    padding-bottom: 25px;
  }
  header.masthead .masthead-content .masthead-heading {
    font-size: 6rem;
  }
  header.masthead .masthead-content .masthead-subheading {
    font-size: 4rem;
  }
}

.bg-primary {
  background-color: #ee0979 !important;
}
.btn-primary {
text-decoration: none;
}
.btn-group-lg>.btn, .btn-lg {
    border-radius: 3px;
}
.btn-primary:hover {
    background-color: #ff00ba;
    border-color: #ff00ba;
}
.chdlogo {
    width: 48px;
    height: 48px;
    display: block;
    border-radius: 100px;
    background: #fff;
    box-shadow: 0px 2px 8px #50678466;
    margin: 1px;
}
.display-4 {
    font-size: 3rem;
    line-height: 1;
}
.text-white {
    color: #212529!important;
}
.white {
    color: #ffffff;
}
.hsize {
font-size: 2.8rem;
}
.under {
  text-decoration: underline;
}
.card {
    border-radius: 1rem;
    padding: 10px;
}
.testi p {
 font-size: 1.12rem;
 line-height: 1.4em;
}
section.pricing {
  background: #007bff;
  background: linear-gradient(to right, #0062E6, #33AEFF);
  padding: 37px 0 18px 0;
}

.pricing .card {
  border: none;
  border-radius: 1rem;
  transition: all 0.2s;
  box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
}

.pricing hr {
  margin: 1.5rem 0;
}

.pricing .card-title {
  margin: 0.5rem 0;
  font-size: 1.1rem;
  letter-spacing: .1rem;
  font-weight: bold;
}

.pricing .card-price {
  font-size: 3rem;
  margin: 0;
}

.pricing .card-price .period {
  font-size: 1rem;
}

.pricing ul li {
  margin-bottom: 1rem;
}

.pricing .text-muted {
  opacity: 0.7;
}

.pricing .btn {
  font-size: 80%;
  border-radius: 5rem;
  letter-spacing: .1rem;
  font-weight: bold;
  padding: 1rem;
  transition: all 0.2s;
}

/* Hover Effects on Card */

@media (min-width: 992px) {
  .pricing .card:hover {
    margin-top: -.25rem;
    margin-bottom: .25rem;
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3);
  }
  .pricing .card:hover .btn {
    opacity: 1;
  }
}
.blinky {
  border-left: 4px solid #ff00ba;
  height: 40px; 
  position: relative; 
  top: 8px; 
  display: inline-block;
}
.libig li {
 font-size: 1.4rem;
}
.blanks {
  margin-top: 30px;
  padding: 37px 0px 37px 0px;
}
.greyback {
  background-color: #f2f2f2;
}
.greys {
  background-color: #f2f2f2;
  padding: 37px 0px 37px 0px;
}
.greys h1, .greys h2, .greys h3 {
 font-weight: 600;
}
.botsy {
    background: linear-gradient(120deg, #0083ff 0%, #ff08b8 100%);
    padding: 37px 0px 37px 0px;
}
.botsy h1, .botsy h2, .botsy h3 {
 color: #fff;
 font-weight: 600;
 line-height: 1.2em;
 
}
.botsy p {
 font-size: 1.1rem;
 color: #fff;
 font-weight: 200;
 line-height: 1.4em;
}
.botsy a {
 color: #fff;
}
.bluesie {
    background-color: #007bff;
    padding: 37px 0px 37px 0px;
    color: #fff;
}
.bluesie h1, .bluesie h2, .bluesie h3 {
 color: #fff;
 font-weight: 600;
 line-height: 1.2em;
}
.bluesie p {
 font-size: 1.3rem;
 color: #fff;
 font-weight: 200;
 line-height: 1.4em;
}
.bluesie list-display {
 color: #fff;
}
section.adrian {
    min-height: 656px;
    background: #fafafa;
}
section.botone {
    min-height: 550px;
    background: linear-gradient(175deg, #0083ff 0%, #ff08b8 100%);
    padding-top: 17px;
}
@media (max-width: 760px) {
section.botone {
    min-height: 390px;
}
}
.row {
    margin-top: 24px;
}
.list-display li {
  margin-bottom:.4rem;
  font-size:1.2rem;
}
.list-checkmarks {
  padding-left:1.5rem;
  margin-top: 1.5rem;
}
.list-checkmarks li {
  list-style-type:none;
  padding-left:1rem;
}
.list-checkmarks li:before { 
content: "\2022"; 
font-weight: bold;
display: inline-block;
margin:0 10px 0 -28px;
color: #ff00ba;
}
.smallie {
    font-size: 0.8rem;
    padding-top: 8px;
}
.ficon {
    margin-bottom: 20px;
}
.rounded-circle {
    box-shadow: 0px 2px 8px #50678466;
}
.col-lg-4 {
    padding-bottom: 15px;
}
.julian {
    margin-top: 22px;
    margin-bottom: 27px;
    padding: 19px 18px 0 33px;
    border: 1px solid rgba(76,183,221,.02);
    border-radius: 2px;
    background-color: #f8fcff;
    box-shadow: 0 5px 15px -10px rgb(0 89 156 / 16%);
    color: #0e2430;
    line-height: 1.8em;
    letter-spacing: .12px;
}
.julian li {
    margin-top: 2px;
    margin-bottom: 13px;
    padding-left: 3px;
    line-height: 26px;
}
.btn.btn-animation, .animation{
    background: linear-gradient(-45deg, #ff826d, #ff08b8, #0083ff, #b42ccd, #00c8ff);
    background-size: 400% 400%;
    animation: gradient 5s ease infinite;
    border:0px;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
.the-line {
    height: 1px;
    margin-top: 28px;
    background-color: #dde5e9e8;
}
body::-webkit-scrollbar {
  width: 16px;
}

body::-webkit-scrollbar-track {
  background-color: #f6f6f6;
  border: 1px solid #dde5e9;
}

body::-webkit-scrollbar-thumb {
    background-image: linear-gradient(180deg, #0083ff 0%, #ff08b8 99%);
    box-shadow: inset 2px 2px 5px 0 rgba(#fff, 0.5);
    border-radius: 0px;
}