body { font-family: sans-serif; }

strong {font-weight: 600;}

/* Navbar animation */
.navbar { background-color: rgba(0, 0, 0, 0.4); }

.top-nav-collapse { background-color: #1C2331; }
.inf-nav-color{ background-color: #1C2331; }
.dropdown-active { background-color: #1C2331!important;}

/* Adding color to the Navbar on mobile */
@media only screen and (max-width: 768px) { 
    .navbar { 
        background-color: #1C2331; 
    } 
    .navbar .dropdown-menu { 
        background-color: #1C2331; 
    }
    
}

@media (min-width: 800px) and (max-width: 991px) {
    .navbar:not(.top-nav-collapse) {
        background: #1C2331!important;
    }

}

.streak.streak-md {
    height: 400px;
}

/* Footer color for sake of consistency with Navbar */
.page-footer { background-color: #1C2331; }

.navbar.navbar-dark .navbar-nav .nav-item .nav-link.active {
    border-bottom: 2px solid #536dfea2;
}

.navbar.navbar-dark .breadcrumb .nav-item.active>.nav-link, .navbar.navbar-dark .navbar-nav .nav-item.active>.nav-link {
    background: transparent;
}

.navbar.navbar-dark .breadcrumb .nav-item.active>.nav-link::after, .navbar.navbar-dark .navbar-nav .nav-item.active>.nav-link::after {
    content: '';
    position: relative;
    display: block;
    width: 100%;
    height: 2px;
    background: #536dfea2;
    bottom: -2px;
    
}

.icon-area .circle-icon {
  display: block;
  display: inline-block;
  font-size: 35px;
  padding-bottom: 30px; }

.icon-area .circle-icon i {
  background: rgba(256, 256, 256, 0.4);
  color: #fff;
  border: 2px solid #fff;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: all .5s ease-in-out;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.46); }
  .icon-area .circle-icon i:hover {
    background: rgba(236, 42, 69, 0.6); }

.tile {
   border-radius: 4px; 
   flex: 1 0 auto;
   height:auto;
   perspective: 1000px;
}

.tile:before {
    content:'';
    float:left;
    padding-top:100%;
}

.tile-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.tile.rotate-right:hover .tile-inner {
    transform: rotateY(180deg);
}
.tile.rotate-left:hover .tile-inner {
    transform: rotateY(-180deg);
}

.tile-front, .tile-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.tile-front {
  background-color: #fff;
}

.tile-back.rotate-right {
  transform: rotateY(180deg);
}
.tile-back.rotate-left {
  transform: rotateY(-180deg);
}


html,
body,
header.full,
.full .intro-section {
  height: 100%;
}

header.half {
  height: 50%;
}
.about-section {
    height: 100%;
}

@media (max-width: 740px) {
  html,
  body,
  header .intro-section {
    height: 700px;
  }
  
  html,
  body,
  header.half {
    height: 500px;
  }
}

.bg-infiinite-dark-blue {
    background-color: #1C2331 !important;
}
.bg-infiinite-dark-blue-lighter {
    background-color: #273144 !important;
}

.bg-infiinite-blue {
    background-color: #0F75B9 !important;
}
.bg-inf-grey-blue {
    background: #a2b9c3 !important;
}

.bg-inf-grey {
    background: #F5F5F5 !important;
}
.text-infiinite-blue {
    color: #0F75B9 !important;
}
.text-infiinite-light-blue {
    color: #279ae7 !important;
}
.text-infiinite-dark-blue {
    color: #1C2331 !important;
}

.notfound h1 {
    font-family: Consolas, monaco, monospace;
    font-size: 220px;
    font-weight: 900;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 10px;
}

html, body, .view.intro-section, .view.services-section { height: 100%; }
        
/* Full Page Carousel itself*/
.carousel { height: 100%; }
.carousel .carousel-inner { height: 100%; }
.carousel .carousel-inner .carousel-item,
.carousel .carousel-inner .active { height: 100%; }

/* Navbar animation */
/*.navbar { background-color: rgba(0, 0, 0, 0.4); }

.top-nav-collapse { background-color: #1C2331; }*/

/* Adding color to the Navbar on mobile */
/*@media only screen and (max-width: 768px) { .navbar { background-color: #1C2331; } }*/

/* Footer color for sake of consistency with Navbar */
.page-footer { background-color: #1C2331; }

.navbar.navbar-dark .navbar-nav .nav-item .nav-link.active{ border-bottom: 2px solid #536dfe; } 

.rgba-navy-strong, .rgba-navy-strong:after {
    background-color: rgba(8, 41, 123, 0.5);
}
.section-title h1, .section-title h2 {
    font-size: 32px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 20px;
    padding-bottom: 20px;
    position: relative;
    color: #DDD;
}
.section-title h1::before, .section-title h2::before {
    content: '';
    position: absolute;
    display: block;
    width: 120px;
    height: 1px;
    background: #ddd;
    bottom: 1px;
    left: calc(50% - 60px);
}
.section-title h1::after, .section-title h2::after {
    content: '';
    position: absolute;
    display: block;
    width: 40px;
    height: 3px;
    background: #2F72B8;
    bottom: 0;
    left: calc(50% - 20px);
}
.contact-section .form .btn-floating {
    left: 3px;
}
.form label {
    color: #DDD
}
button.btn-floating {
    border: none;
}
.btn-floating span {
    display: inline-block;
    width: inherit;
    text-align: center;
    color: #fff;
    font-size: 1.25rem;
    line-height: 47px;
}
.map-container {
    overflow: hidden;
    position: relative;
    height: 0;
}

.map-container iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
} 
.sidenav-container {
  position: fixed;
  top: 30%;
  right: 0;
  width: 40px;
  background: #fff;
  border-radius: 4px 0 0 4px;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.sidenav-child {
  height: 3rem;
  border-top: 1px solid #33b5e5;
  border-left: 1px solid #33b5e5;
  color: #6b6e72;
  border-top-left-radius: 4px;
  transition: background-color 0.3s;
}
.vertical-center {
  min-height: 100%;

  display: flex;
  align-items: center;
  justify-content: center;
}
.card-img-96 {
    width: 96px;
    height: 96px;
}
.card-img-128 {
    width: 128px;
    height: 128px;
}
.navbar.login .dropdown-menu form {
    width: 100%;
}