body {font-family: 'Nunito', sans-serif !important; color:#383838;}

h1 {color:#0a5aa6 !important; font-size:40px; font-weight:700;}

.home-text {padding:20px; margin-top:100px;}
.home-left {border-left:2px solid #ff7a00; padding:5px 10px; color:#000000 !important; font-weight:500; font-size:22px !important; line-height: 35px;}
.home-banner {border-top:1px solid #becadd; margin-top:90px;}
.number {    font-size: 100px;     font-weight: 800 !important; color:#ff7a00;}
.gray-bg {background:#f3f3f3 !important; padding:60px; margin-top:40px;}
.gray-bg h3 {font-size: 80px;     font-weight: 400 !important; color:#ff7a00; margin-top:40px;}
.gray-bg span {display:block; font-weight: 800 !important;}

.audience-header {padding:60px; margin-top:20px;}
.audience-header small {color:#ff7a00 !important; font-weight:900; }
.audience-header-new h4 {font-size:40px; color:#0a5aa6 !important; line-height: 50px; font-weight:800; margin-top:30px; margin-bottom:30px;}
.audience-header-new {margin-top:20px;}
.activator-new  .card {border:none !important;}


.activator-new  .card-header {background:none; border:none; margin-bottom:-32px;}
.activator-new h2 {color:#ff7a00; font-size:22px; margin-top:10px; margin-bottom:10px; font-weight:600; text-align:center;}

.traffic  .card-header {background:none; border:none; margin-bottom:-32px;}
.traffic h4 {color:#ff7a00; font-size:22px; margin-top:10px; margin-bottom:10px; font-weight:600; text-align:left;}
.traffic  .fa-check {background-color:#0a5aa6; color:#fff !important; border-radius:50px; font-size:20px !important; padding:5px !important;}

.audience-header h4 {font-size:40px; color:#0a5aa6 !important; line-height: 50px; font-weight:800; margin-top:30px; margin-bottom:30px;}
.audience-header img {margin-top:30px; margin-bottom:30px;}
.audience {border-top:1px solid #becadd; margin-top:30px; border-bottom:1px solid #becadd; margin-bottom:40px; }
.audience  p {margin-top:40px !important; margin-bottom:40px;}
.activator .card-title {font-size: 16px;
    color: #0a5aa6;
    font-weight: 700;
    line-height: 22px;}


  .activator   .card-body {
    margin-bottom: 1.875rem;
    border: none;
    -webkit-box-shadow: 0 1px 15px 1px rgba(62,57,107,.07);
    box-shadow: 0 1px 15px 1px rgba(62,57,107,.07);
    height:210px;
}

.activator  .card {border:none !important;}

.activator  .fa-check {background-color:#0a5aa6; color:#fff !important; border-radius:50px; font-size:20px !important; padding:5px !important;}
.activator  .card-header {background:none; border:none; margin-bottom:-20px;}
.webociti {color:#ff7a00 !important; font-weight: 600; margin-top:20px; margin-bottom:20px;}
.btn-primary {
    color: #fff;
    background-color: #ff7a00 !important;
    border-color: #ff7a00 !important;
    border-radius: 50px;
    padding: 9px 30px;
    font-weight: 700;
    text-transform: uppercase;
}

.gray-bg  h4 {font-size:40px; color:#0a5aa6 !important; line-height: 50px; font-weight:800; margin-top:30px; margin-bottom:30px;}

   .card-body {
  
    border: none !important;

    -webkit-box-shadow: 0 1px 15px 1px rgba(62,57,107,.07);
    box-shadow: 0 1px 15px 1px rgba(62,57,107,.07) !important;
    background:none !important;
   
}

.card {border:none !important;}

.connected {margin-top:40px; margin-bottom:40px;}
.connected .card-body {height:130px; padding:20px;}

.connected p {font-size:18px; color:#ff7a00 !important; font-weight:600;}

.audience-header h2 {color:#ff7a00; font-size:22px; margin-top:10px; margin-bottom:10px; font-weight:600;}

.bio-two p {margin-top:40px; margin-bottom:20px;}
.bio-three {margin-top:40px; margin-bottom:20px;}

.better p {margin-top:40px; margin-bottom:20px;}
.marketing h2 {font-size:20px; font-weight:700; margin-top:30px; margin-bottom:30px;}
.marketing h3 {font-size:20px; color:#ff7a00 !important; font-weight:700;}
.marketing-column {border-bottom:1px solid #e0e4ea;}
.marketing-column .card {margin-bottom:40px; margin-top:40px;}
.marketing-column p {margin-top:80px;}

.turning-bottom {margin-top:40px; margin-bottom:40px;}

.turning h4  {
    font-size: 40px;
    color: #0a5aa6 !important;
    line-height: 50px;
    font-weight: 800;
    margin-top: 30px;
    margin-bottom: 30px;
}


.turning  {margin-top:40px; margin-bottom:40px;}
.img-turn {margin-top:40px; margin-bottom:40px;}
.turn-btn  {margin-top:40px; margin-bottom:40px;}

.img-foot {margin-top:40px; margin-bottom:40px;}

.audience h2  {
    font-size: 40px;
    color: #0a5aa6 !important;
    line-height: 50px;
    font-weight: 800;
    margin-top: 50px;
    margin-bottom: 30px;
}

.traffic {margin-top:40px; margin-bottom:40px;}

.locations h2{font-size: 40px;
    color: #0a5aa6 !important;
    line-height: 50px;
    font-weight: 800;
    margin-top: 50px;
    }

.locations  h4 {color:#ff7a00; font-size:22px; margin-top:10px; margin-bottom:10px; font-weight:600; text-align:center;}
.locations  h4 span {display:block; font-size:16px;}

.contactus {background-color:#ff7a00; padding:40px;}

.contactus .card-body {border-radius:15px !important;}

.contactus .card {border-radius:15px !important;  margin-top:80px; margin-bottom:80px;}

.contactus h1 {color:#ff7a00; font-size:30px; margin-top:10px; margin-bottom:10px; font-weight:700; text-align:left;}

.btn-success {
    color: #fff;
    background-color: #0a5aa6 !important;
    border-color: #0a5aa6 !important;
    border-radius: 50px;
    padding: 9px 30px;
    font-weight: 700;
    text-transform: uppercase;
}

.addresses  {background-color:#0a5aa6; padding:20px;}

.addresses h1 {color:#fff !important; font-size:22px; margin-top:10px; margin-bottom:10px; font-weight:600; }
.addresses  p {color:#fff !important;}

.social li a {color:#fff; font-size:22px !important; text-align: center}

.social li {
    margin-top:20px;
    border: 1px solid #fff;
    border-radius: 10px;
    padding: 10px 14px;
    width: 50px;
    height: 50px !important;
}

.bluebg {color:#0a5aa6 !important;}


@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3) { 

    h1 {
    color: #0a5aa6 !important;
    font-size: 30px;
    text-align:center;
    font-weight: 700;
}

.home-left {text-align: center}
.gray-bg h3 {font-size:30px;}
.number {font-size:50px;}

.audience-header h4, .gray-bg h4, .audience-header-new h4, .turning h4, .locations h2, .audience h2 {font-size:25px; line-height: 32px;}
.connected .card {margin-bottom:20px;}
.activator-new .card {margin-top:20px;}

}


.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {color:#0a5aa6;}

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

.nav-link:hover {color:#0a5aa6 !important;}

.profile-img {width:100px; height:100px;}
