/* Scss Document */
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap");
/*Media Queries*/
.bg-white, body {
  background: #ffffff; }

.bg-black, .btn-dark:hover, .btn-primary:hover {
  background: #000000; }

.bg-grey, .btn-dark {
  background: #4b4e53; }

.bg-green, .btn-primary {
  background: #00aabb; }

.bg-light {
  background: #eeeeee; }

.text-white {
  color: #ffffff; }

.text-black {
  color: #000000; }

.text-grey, body, header .navbar .navbar-nav li a {
  color: #4b4e53; }

.text-green, header .navbar .navbar-nav li a:hover, header .navbar .navbar-nav li .active {
  color: #00aabb; }

.font-16, body, .services .box h4 span {
  font-size: 16px; }

.font-18, .btn-dark, .btn-primary {
  font-size: 18px; }

.font-20 {
  font-size: 20px; }

.font-24 {
  font-size: 24px; }

.font-30 {
  font-size: 30px; }

.font-40, .services .box i {
  font-size: 40px; }

.font-50 {
  font-size: 50px; }

.bold {
  font-weight: bold; }

.w-100, header, .banner-bg, .carousel-bg, .carousel-logo {
  width: 100%; }

.h-100, .carousel-inner, .carousel-item {
  height: 100%; }

.rel, .carousel {
  position: relative; }

.abs, header, .banner-bg, .carousel-bg, .carousel-logo {
  position: absolute; }

.fix {
  position: fixed; }

.flex {
  display: flex;
  flex-wrap: wrap;
  align-items: center; }

.text-shadow {
  text-shadow: 3px 5px 4px rgba(108, 118, 134, 0.3); }

.box-shadow, header {
  box-shadow: 0 0 0.25rem rgba(108, 118, 134, 0.5); }

.radius {
  border-radius: 5px; }

.btn-dark {
  text-transform: uppercase; }

.btn-primary {
  color: #ffffff !important;
  border-color: #00aabb;
  text-transform: uppercase; }

html {
  overflow-x: hidden; }

body {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  overflow-x: hidden; }
  body h1, body h2, body h3, body h4 {
    font-weight: 900;
    text-transform: uppercase;
    padding: 25px;
    border-left: 2px solid #00aabb;
    margin-bottom: 25px; }
    body h1 span, body h2 span, body h3 span, body h4 span {
      font-weight: 200; }
  body h3 {
    padding: 0px;
    border-left: 0px none; }
  body h4 {
    font-weight: 700;
    text-transform: capitalize;
    padding: 0px;
    border-left: 0px none;
    margin-bottom: 10px; }
  body p {
    margin-bottom: 25px; }
  body a {
    color: #000000;
    text-decoration: none; }
    body a:hover {
      color: #00aabb; }

a {
  text-decoration: none; }

header {
  top: 0px;
  left: 0px;
  z-index: 3;
  background: #ffffff; }
  @media (max-width: 1199px) {
    header {
      position: static; } }
  header .navbar {
    padding: 5px 15px; }
    header .navbar .navbar-brand img {
      height: 75px; }
      @media (max-width: 991px) {
        header .navbar .navbar-brand img {
          height: 60px; } }
    @media (max-width: 1199px) {
      header .navbar .navbar-nav li {
        width: 100%; } }
    header .navbar .navbar-nav li a {
      padding: 10px 25px;
      font-weight: 700; }
      @media (max-width: 1199px) {
        header .navbar .navbar-nav li a {
          padding: 15px 0px;
          display: block;
          width: 100%;
          border-bottom: 1px solid #eeeeee; } }
    header .navbar .navbar-nav li .active {
      border-bottom: 2px solid #00aabb; }
  header .navbar-dark .navbar-toggler {
    border-color: #000000; }
  header .navbar-dark .navbar-toggler-icon {
    background-image: none; }
    header .navbar-dark .navbar-toggler-icon i {
      color: #000000;
      line-height: 30px; }
  header .navbar-collapse {
    padding: 25px 0px; }

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  background: #ffffff; }

.bg-dark {
  background: none !important; }

.banner-bg {
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 1;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.8) 0%, rgba(0, 0, 0, 0.25) 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.8) 0%, rgba(0, 0, 0, 0.25) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8) 0%, rgba(0, 0, 0, 0.25) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff', endColorstr='#40000000',GradientType=0 ); }

.carousel {
  height: auto;
  padding: 0px 0px 0px 0px; }
  @media (max-width: 1199px) {
    .carousel {
      height: auto; } }
  .carousel-bg {
    height: 100vh;
    top: 0px;
    left: 0px;
    z-index: 1;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.8) 0%, rgba(0, 0, 0, 0.25) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.8) 0%, rgba(0, 0, 0, 0.25) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8) 0%, rgba(0, 0, 0, 0.25) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff', endColorstr='#40000000',GradientType=0 ); }
  .carousel-logo {
    top: 0px;
    left: 0px;
    text-align: center;
    z-index: 2;
    height: 100vh; }
    .carousel-logo img {
      width: 40%; }
    @media (max-width: 1199px) {
      .carousel-logo {
        height: auto;
        top: 35%; } }
  @media (max-width: 1199px) {
    .carousel-inner {
      height: auto; } }
  .carousel-item img {
    object-fit: cover; }
  .carousel-control-prev {
    width: auto;
    left: 25px;
    z-index: 3; }
  .carousel-control-next {
    width: auto;
    right: 25px;
    z-index: 3; }
  .carousel .carousel-indicators {
    z-index: 5; }

.inner-top {
  margin-top: 100px; }
  @media (max-width: 1199px) {
    .inner-top {
      margin-top: 0px; } }

.services .box {
  margin-bottom: 50px; }
  .services .box i {
    float: left;
    margin-right: 15px; }
  .services .box h4 {
    font-size: 20px; }

.filter-button {
  margin-bottom: 30px; }

.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  background: #4b4e53; }

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  padding: 50px 20px;
  cursor: pointer; }

.hovereffect img {
  display: block;
  position: relative;
  max-width: none;
  width: calc(100% + 20px);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .4s linear;
  transition: all .4s linear;
  height: 250px;
  object-fit: cover; }

.hovereffect:hover img {
  opacity: 0.4;
  filter: alpha(opacity=40);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2); }

.hovereffect h2 {
  text-transform: capitalize;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 18px;
  margin-bottom: 10px;
  overflow: hidden;
  padding: 10px 0px;
  border-left: 0px none;
  -webkit-transform: translatey(-125px);
  -ms-transform: translatey(-125px);
  transform: translatey(-125px);
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; }

.hovereffect h2:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #fff;
  content: '';
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }

.hovereffect:hover h2:after {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.hovereffect p {
  color: #FFF;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0); }

.hovereffect:hover p {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.hovereffect:hover h2 {
  -ms-transform: translatey(0);
  -webkit-transform: translatey(0);
  transform: translatey(0); }

.lightboxgallery-gallery-item {
  margin-bottom: 25px; }

.btn-team {
  padding: 25px 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px; }

.form-group {
  margin-bottom: 25px; }
  .form-group .form-control {
    border: 0px none;
    background: none;
    border-bottom: 1px solid #4b4e53;
    border-radius: 0px; }
    .form-group .form-control:hover {
      border-color: #00aabb; }
  .form-group :focus {
    box-shadow: none;
    outline: 0; }

footer a:hover {
  color: #ffffff; }
footer i {
  margin: 0px 0px;
  font-size: 24px;
  color: #ffffff; }
footer i {
  margin: 0px 0px;
  font-size: 24px;
  color: #ffffff; }

.contact-map {
  height: 100vh; }
  @media (max-width: 1199px) {
    .contact-map {
      height: 400px; } }

.locations ul {
  margin-left: 0px; }
  .locations ul li {
    width: 20%;
    float: left;
    list-style-position: outside;
    padding: 5px 0px; }
    @media (max-width: 1023px) {
      .locations ul li {
        width: 33.3%; } }
    @media (max-width: 991px) {
      .locations ul li {
        width: 50%; } }

.nav-tabs .nav-link {
  font-size: 24px; }
  @media (max-width: 991px) {
    .nav-tabs .nav-link {
      font-size: 16px; } }
.nav-tabs .active {
  color: #00aabb !important; }

.tab-content {
  min-height: 600px; }
  @media (max-width: 991px) {
    .tab-content {
      min-height: inherit; } }