@font-face {
    font-family: 'Roboto';
    src: url('../Roboto/Roboto-Regular.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto-Medium';
    src: url('../Roboto/Roboto-Medium.ttf') format('ttf');
}
/*
#14B1E7
#004071
#8BAA3C
#D33F27
#FDB913

*/
html,body{
   color:#242424;
      font-family: 'Roboto', 'sans-serif';
    font-size: 15px;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, .navbar, .brand, a, .td-name, td, button, input, select, textarea{

      font-family: 'Roboto', 'sans-serif';
}

h3{
    font-size: 30px;

}
#logoP, #logo {
  padding: 0.5em;
  display: inline-block;
}
#logoP > svg, #logo > svg{
  width: 12rem;
  max-width: 30vw;
  max-height: 6vh;
}
#logoP .logobg, #logo .logobg{
  fill: #27a9e1;
}

#logoP .finger, #logo .finger{
  fill: white;
}

section.pricing {
    min-height: 830px;
}

.pricing .card {
    border: none;
    border-radius: 1rem;
}

.pricing hr {
    margin: 1.5rem 0;
}
.pricing .card-price {
    font-size: 1.8rem;
    margin: 0;
    font-weight: bold;
}

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

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

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


#pageheader{
    top:0;
}

.btn-YM{
color: #5C5C5C;
    background-color: #E8E8E8;
    border-color: #E8E8E8;
}
/* Hover Effects on Card */
@media (min-width: 992px) {
    .pricing .card:hover {
    }

}
.fullOP{
    opacity: 1 !important;
}

.card:not(.card-plain):hover{
    transform: none !important;
}
.navbar .navbar-nav .nav-item .nav-link{
   color: #242424c7 !important;

}
.bottom100{
    margin-bottom: 60px;
}
.rounded{
    border-radius: 9px !important;
}
.navbar-brand{
    opacity: 1 !important;
}
.btn-CTA{
    font-size: 20px;
    padding: 10px 16px;
    border-radius: 9px;
    text-transform: none !important;
    line-height: normal;
/*    box-shadow: #5C5C5C 3px 3px 3px;*/
}
.navbar .navbar-nav .nav-item .nav-link{
    font-size: 18px !important; 
    margin: 0px 3px;
    text-transform:none;
    opacity: 1;
}
.navbar .navbar-nav .nav-item .nav-link:hover{
    opacity: 0.8;
}
.nav-tabs .nav-item .nav-link{
     
    font-size: 20px;
}
.font20{
    font-size: 20px;
}
.navbar .btn-CTA {
    margin: -1px 3px;
    font-size: 20px !important; 
}
.btn-CTA:hover{
    background-color: #27a9e1;
    color: #FFFFFF;
    border-color: #27a9e1;
    box-shadow: none;
    opacity: 0.65;
}
/* footer styles */
.blueText{
    color: #14B1E7;
    
}
.blackText{
     color:#242424;
}
.text-300{
    font-weight:300;
}
.list-inline-item {
    margin-right: 0rem;
    margin-left: 3rem;
}
.list-inline-item a{
    font-weight: 500;
}