/* NAVBAR */
.frontNav {
  font-size: 13px;

background: #fff;
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
border-bottom: 0;
}
.navbar-toggler:focus {box-shadow: none;}
.frontNav .navbar-brand {width:auto; margin-right: 40px;padding-right: 40px;padding-left: 30px;padding-top: 10px;padding-bottom:10px;}

.frontNav .nav-link, .frontNav .btn  {color: #1a3578  !important;
font-size: 12px;
font-weight: 400;
padding: 0.7rem 20px !important;
}
.frontNav .nav-link:hover, .frontNav .btn:hover  {
  color:#0ad !important;
  border-radius: 3px;
}
.frontNav .navbar-brand img {width: 90px; transition: 0.5s;}
.frontNav .logoShrink img {width: 50px; transition: 0.5s;}
.whyLi, .homeLi, .servicesLi, .mediaLi, .contactLi  {position: relative;}
.whyLi::after, .homeLi::after, .servicesLi::after, .mediaLi::after, .contactLi::after {
  content: '';
  height: 3px;
  background: #0ad;
  display: block;
  position: absolute;
  bottom: -10px;
  width: 140%;
  left: -20%;
}

.topOfPage {padding-top: 60px;}


#myVideo {width: 100%;
  height: 100%;
  object-fit: cover;}
.caption {
    position: absolute;
    top: 0%;
    left: 0;
    width: 100%;

    background-repeat: no-repeat;
background-position: left 45px;

}

.caption h1 {
  font-size:32px;
  line-height: 1.2;
}

.bannerBlock {
  background: #f0a;
  z-index: 99;
  padding: 45px 7% 30px 30px;
}

/* CUSTOM GRID */
.carousel-control-next-icon, .carousel-control-prev-icon {filter: invert(1);}
.carArrows {position: absolute;bottom:20px;}
.carouselPrev, .carouselNext {
  background-color: transparent;
  border: 0px;
  border-radius: 50px;
  padding: 5px 5px 0px 5px;
  width: 50px;
  height: 50px;
}
.bi-quote {
  color: #00B2E1;
  font-size: 40px;
}
.blockquote-footer {
  color: #00B2E1;
}
.bannerBlock1 {
  /* background-color: rgba(24,63,136,.8); */
  border-radius: 30px;
  padding: 15px 40px;
  transform: translate(-50%,-50%) ;
  left: 50% ;
  top: 50% ;
  position: absolute;
  border: 2px solid;
  box-shadow: 0px 0px 10px #fff;
}

.border-banner{
  border: 2px solid;
  box-shadow: 0px 0px 10px #fff;
  border-radius: 30px;
  padding: 15px 40px;
}

.bannerBlock1 h1 {
  font-size: 36px;
  color:#fff;
}
.bannerBlock2 img {
  object-fit: cover;
  height: 100%;
  width:100%;
}
.leftSectionHome {
  background-image:url('../img/leftBanner.jpg');
  background-size: cover;
  background-position: center;
}
.rightSectionHome {
  background-image:url('../img/rightBanner.jpg');
  background-size: cover;
  background-position: center;
}
.homePageBanner {
  background-image:url('../img/homeBanner2.jpg');
  background-size: cover;
  background-position: center;
}
.whyPageBanner {
  background:url('../img/homepage-banner.png') no-repeat;
  background-size: cover;
  background-position: center;
}
.servicesPageBanner {
  background:url('../img/services-banner.png') no-repeat;
  background-size: cover;
  background-position: center;
}
/* .otherBanners {position: absolute;} */
 .bg-testimonials {
 background: #f2f2f2;
 border-radius: 5px;
 padding-bottom: 50px;
 padding-top: 30px;
 padding-left: 15px;
 padding-right: 15px;
}
#carouselA .carousel-inner {
  box-shadow: 4px 4px 4px gray;
  border-radius: 30px
}
#carouselA img { max-width: 320px;width:100%;}
#carouselA {
  margin-top: -40px;
  margin-bottom: -60px;
}
/* MASONRY GRID */

.coverlay {
background:rgba(0,0,0,0.25);
}
.content p {

  font-size:15px;
  color:#fff;
}
.content h3 {
  color:#fff;
}

.servicesCards .card-body {padding-top:20px;}
.cardNoBorder {border:0px;}

.services1 {
  background: url("../img/1-100.jpg") no-repeat;
  background-size: cover;
  background-position: center;
}
.services2 {
  background: url("../img/2-100.jpg") no-repeat;
  background-size: cover;
  background-position: center;
}
.services3 {
  background:url("../img/3-100.jpg") no-repeat;
  background-size: cover;
  background-position: center;
}
.services4 {
  background:url("../img/4-100.jpg") no-repeat;
  background-size: cover;
  background-position: center;
}
.services5 {
  background:url("../img/5-100.jpg") no-repeat;
  background-size: cover;
  background-position: center;
}
.services6 {
  background:url("../img/6-100.jpg") no-repeat;
  background-size: cover;
  background-position: center;
}
.services7 {
  background:url("../img/7-100.jpg") no-repeat;
  background-size: cover;
  background-position: center;
}
.services8 {
  background:url("../img/8-100.jpg") no-repeat;
  background-size: cover;
  background-position: center;
}
.services9 {
  background:url("../img/9-100.jpg") no-repeat;
  background-size: cover;
  background-position: center;
}
.services10 {
  background:url("../img/10-100.jpg") no-repeat;
  background-size: cover;
  background-position: center;
}
.services11 {
  background:url("../img/11-100.jpg") no-repeat;
  background-size: cover;
  background-position: center;
}
.services12 {
  background:url("../img/12-100.jpg") no-repeat;
  background-size: cover;
  background-position: center;
}

.over-arrow {z-index: 9;}
/* MASONRY END */



.reallySmall {font-size: 12px;}

.termsTable td {padding:0px;}
.blockquote {

    font-size: 16px;
}


.registerTabs .tab-content {
border: 0px solid rgba(0,0,0,.2);
background:#fff;
width:100%;
border-radius: 5px;
}

.registerTabs .nav-pills {
  width:250px;
}

.registerTabs .nav-link {
  text-align: left;

  border-radius: 0px;
  background-color: #e2e2e2 ;
  margin-bottom: 5px;
  color: #000;
padding: 12px 20px 15px;
font-weight: 600;
}

.registerTabs .nav-pills .nav-link.active, .registerTabs .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #334759;
    border-radius: 3px;

}


.gcText {
    font-size: 10px;
}

.twitter-new:before{
  content: "" !important;
  background: url(../img/icons/x-icon-inv.png) no-repeat !important;
  width: 27px;
  height: 30px;
  display: block;
  background-size: contain !important;
  background-position: center 3px;
}


.bg-why{
  background: url(../img/contour-lines-bg.png) no-repeat;
  background-size: cover;
  color: #fff;
  background-attachment: fixed;
}


.bg-post{
  background: url(../img/contour-lines-bg.png) no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

@media only screen and (max-width: 1650px) {
.bannerBlock1 {
  transform: translate(-50px,-50%);
left: 100px;
top: 50%;
}
}

@media only screen and (max-width: 1400px) {
  .caption h1 {
    font-size:28px;
  }
  .frontNav .navbar-brand img {
  /* width: 190px; */
  transition: 0.5s;
}


}
@media only screen and (max-width: 1200px) {
  /* .navbar-collapse {background:#f0a;} */
  .frontNav {
  background: #fff;
  }
.loggedIn {position: relative;}
  .caption {background-size: 400px;}

  .caption::before {background-size: 550px;}
  .whyLi::after, .homeLi::after, .servicesLi::after, .mediaLi::after, .contactLi::after {
    height: 5px;
    bottom: 7px;
    width: 5px;
    left: -10px;
  }
}
@media only screen and (max-width: 1000px) {

  .caption h1 {
    font-size: 24px;
  }
  .slidingHorizontal {text-indent: 15px;}

}
@media only screen and (max-width: 890px) {
.bannerBlock1 {
  transform: translate(-25px,-50%);
  left: 50px;
  top: 50%;
}
}
@media only screen and (max-width: 768px) {
  .bannerBlock1 h1 {
  font-size: 26px;
}
  .bannerBlock2 {display: none;}
  h5 {font-size:18px;}
.carArrows {right:0;}
  #carouselA {
    margin-top:30px;
      margin-bottom:0px;;
  }
  #carouselA img {max-width: 160px;}
  .topOfPage img {
    /* width:180px; */
  }
  #carouselB .carousel-item {
    min-height: 235px;
  }
  .bannerBlock {
      padding: 45px 20% 30px 30px;
  }
  .frontNav .navbar-brand img {
  /* width: 155px; */

}
  .hoverBox  {max-height: 200px;}
  .mobileNone {display:none;}

  .caption {
    position: relative;
height: auto !important;
margin-top: -100px;
padding: 0px 20px;
background-image: none;
margin-bottom: 20px;
  }
  .caption::before {display: none;}
  .caption h1 {
    font-size: 18px;
  }
  .registerTabs .nav-link {width:fit-content;display: inline-block;padding: 15px;
margin-right: 5px;}
  .registerTabs .nav-pills {width:100%;}
  .topOfPage {
  padding-top: 30px;
  height:auto;
}
.frontNav .navbar-brand {
  width: auto;
  margin-right: 10px;
  padding-right: 10px;
padding-left: 10px;
}

.thumbnail img {height:350px;object-fit:cover;}

}

@media only screen and (max-width: 576px) {
  .bannerBlock1 h1 {
  font-size: 18px;
}
  .bannerBlock1 {
    position: relative;
    transform: none;
    left: 0;
    top: 0;
    margin: 40px 20px 20px;
  }
  .mobileBannerImage {
      background-image:url('../img/leftBanner.jpg');
  }

  .whyPageBanner, .topOfPage{padding-top: 100px;}
  #carouselA .carousel-inner{box-shadow: none;}
}