@font-face {
  font-family: 'Futura-Normal', arial;
  src: url(https://allfont.net/allfont.css?fonts=futura-normal);
}

@font-face {
  font-family: avenirblack;
  src: url(./fonts/avenirblack.otf);
}

@font-face {
  font-family: avenirbook;
  src: url(./fonts/avenirbook.otf);
}

html,
body {
  width: 100%;
  height: auto;
  overflow-x: hidden;
}

.aj5dMainContainer {
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.aj5dContainerPadding {
  padding: 10%;
}

.aj5dContainer {
  width: 100%;
  height: 100%;
}

.aj5dHeadingText {
  text-align: center;
  font-size: 45px;
  margin: 0px;
  text-align: center;
  font-family: 'Futura-Normal', arial;
  color: white;
}

.aj5dSubHeadingText {
  text-align: center;
  font-size: 21px;
  margin: 0px;
  text-align: center;
  font-family: 'Futura-Normal', arial;
  color: white;
}

.aj5dParagraphText {
  /* text-align: center; */
  font-size: 22px;
  line-height: 1.5;
  font-family: avenirbook;
  color: white;
}

.aj5dWhiteFormText {
  color: black;
}

dl, ol, ul {
  margin-top: 0;
  margin-bottom: 1rem;
  padding: 0;
}



@media (min-width: 992px) {
  .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
  }
}

.aj5dServicesLineHeight{
  padding-top: 10px;

}











/* Images background colors */
.white {
  color: #fff !important;
}

.seaGreenColor {
  background-color: #427583;
}

.parrotGreenColor {
  background-color: #75743b;
}

.lightCream {
  background-color: #CAC5C2;
}

.offWhiteColor {
  background-color: #FAFAFA;
}

.lightPurple {
  background-color: #B3B1C0;
}

.darkBrown {
  background-color: #574948;
}

.lightBlue {
  background-color: #325963;
}

.orangeColor {
  background-color: #B88729;
}

.lightWooden {
  background-color: #B79E8B;
}

.darkColor {
  background-color: black;
}

.lightBrown {
  background-color: #A17B60;
}

/* Images background colors end*/


/* "Meet our founder" form css start */
.founderCommentStyle {
  font-family: Standlist;
  padding-left: 100px !important;
  padding-right: 100px !important;
}

/* "Meet our founder" form css end */


.hidden {
  visibility: hidden
}

.image-fill {
  width: 100%;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

}

/* page header css start */
.mainDiv {
  position: relative;
}

.aj5dImageSize {
  position: absolute;
  z-index: 2;
  width: 100%;
  left: 0;
}
/* page header css end */


/* Media Query for text section on multiple pages start */
@media (min-width: 330px)and (max-width: 576px) {

  /* menu hidden of the portfolio gallery section start */
  nav#porfolio-nav ul {
    padding: 0;
    margin: 0 auto;
    display: none !important;
  }

  /* menu hidden of the portfolio gallery section end */

  .aj5dHeadingText {
    text-align: center;
    font-size: 25px;
    margin: 0px;
    text-align: center;
    font-family: 'Futura-Normal', arial;
    color: white;
  }

  .aj5dWhiteFormText {
    color: black;
  }

  .imgSize {
    position: absolute;
    z-index: 2;
    width: 11%;
    left: 89%;
    top: 32%;
    /* background-color: rgba(0, 0, 0, 0.3) */
  }

  .backgroundLogoDiv {
    display: none;
  }

  /* menu hidden of the portfolio gallery section start */
  nav#porfolio-nav ul {
    padding: 0;
    margin: 0 auto;
    display: none;
  }
  /* menu hidden of the portfolio gallery section end */
  
}

@media (min-width: 577px) and (max-width: 767.98px) {

  /* menu hidden of the portfolio gallery section start */
  nav#porfolio-nav ul {
    padding: 0;
    margin: 0 auto;
    display: none;
  }

  /* menu hidden of the portfolio gallery section end */
  .imgSize {
    position: absolute;
    z-index: 2;
    width: 11%;
    left: 89%;
    top: 19.2%;
    /* background-color: rgba(0, 0, 0, 0.3) */
  }

  .backgroundLogoDiv {
    display: none;
  }

  .backgroundLogoDiv {
    display: none;
  }

  /* menu hidden of the portfolio gallery section start */
  nav#porfolio-nav ul {
    padding: 0;
    margin: 0 auto;
    display: none !important;
  }
  /* menu hidden of the portfolio gallery section end */
  
}

@media (min-width: 768px) and (max-width: 991px) {
  .aj5dHomeContact {
    padding-left: 15%;
    padding-right: 15%;
  }

  /* menu hidden of the portfolio gallery section start */
  nav#porfolio-nav ul {
    padding: 0;
    margin: 0 auto;
    display: none;
  }

  /* menu hidden of the portfolio gallery section end */

  .aj5dPortfolioTextHeading {
    line-height: 1.5;
    font-size: 35px;
    font-family: Futura-Normal;
    margin-top: 20px;

  }

  .imgSize {
    position: absolute;
    z-index: 2;
    width: 11%;
    left: 89%;
    top: 16.2%;
    /* background-color: rgba(0, 0, 0, 0.3) */
  }

  .backgroundLogoDiv {
    display: none;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {

  .aj5dHomeContact {
    padding-left: 15%;
    padding-right: 15%;
  }

  /* menu hidden of the portfolio gallery section start */
  nav#porfolio-nav ul {
    padding: 0;
    margin: 0 auto;
    display: none;
  }

  /* menu hidden of the portfolio gallery section end */

  .aj5dPortfolioTextHeading {
    line-height: 1.5;
    font-size: 35px;
    font-family: avenirblack;
    margin-top: 20px;

  }
}

@media (min-width: 1200px) {
  .aj5dHomeContact {
    padding-left: 15%;
    padding-right: 15%;
  }

  /* menu hidden of the portfolio gallery section start */
  nav#porfolio-nav ul {
    padding: 0;
    margin: 0 auto;
    display: none;
  }

  /* menu hidden of the portfolio gallery section end */
  .imgSize {
    position: absolute;
    z-index: 2;
    width: 8%;
    left: 92%;
    top: 10.9%;
    /* background-color: rgba(0, 0, 0, 0.3); */

  }

}


/* background color for text forms start */
.bgOrange {
  background-color: #B88729;
}

.bglightHighBlue {
  background-color: #417582;
}

.bgBlue {
  background-color: #335964;
}

.bgLightGreen {
  background-color: #75743C;
}

.bgWhite {
  background-color: white;
}

/* background color for text forms end*/



/* menu hidden of the portfolio gallery section start */
nav#porfolio-nav ul {
  /* padding: 0;
  margin: 0 auto;
  display: none; */
}

/* menu hidden of the portfolio gallery section end */

.aj5dWhiteForm {
  background-image: url(images/aj5dwhitebg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: red;
}

.clients {
  background-image: url(images/clientsBg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: red;
}

.clientsPage {
  background-image: url(images/clientsPage4.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: red;
}

.clients img {
  width: 170px;
}

.clientsPage img {
  width: 170px;
}

.active {
  border-bottom: solid 1px rgb(255, 255, 255);
  border-width: 2.5px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.navbar {
  position: absolute !important;
  top: 0;
  width: 100%;
  display: block;
  transition: all 0.4s;
  background: rgba(0, 0, 0, 0.3);
  -webkit-animation: menuSlideDown 3s;


}

.navbar .nav-link {
  color: #fff;
}

.navbar .nav-link:hover,
.navbar .nav-link:focus {
  color: #fff;
  text-decoration: none;
}

.navbar .navbar-brand {
  color: #fff;
}


/* Change navbar styling on scroll */
.active {
  border-bottom: solid 1px rgb(255, 255, 255);
  border-width: thick;
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.navbar.active .nav-link {
  color: #555;
}

.navbar.active .nav-link:hover,
.navbar.active .nav-link:focus {
  color: #555;
  text-decoration: none;
}

.navbar.active .navbar-brand {
  color: #555;
}

@media (max-width: 600px) {
  #navbarSupportedContent {
    padding: 20px;
    background: #b5c6ca;
    text-align: center;
    border-radius: 20px;

  }
}

@media (max-width: 1200px) {
  #navbarSupportedContent {
    font-size: 12px;
  }
}

/* Change navbar styling on small viewports */
@media (max-width: 991.98px) {
  .navbar-brand {
    margin-top: -24px;

  }
  .navbar .navbar-brand,
  .navbar .nav-link {
    color: #fff;
  }
}

/* nav bar center*/
@media (min-width: 992px) {
  .navbar-expand-lg .navbar-collapse {
    flex-basis: auto;
    padding-right: 180px;
  }
}

.socialGroup {
  width: 100px;
  /* width: 60px; */
}

.socialGroup img {
  width: 25px;
  height: 25px;
  /* margin: 4px; */
  padding-right: 2px;
  float: left;
  text-align: center;
}

.footer {
  background-color: #5f5a4f;
}

.footer h6 {
  color: #fff;
}

.footer a {
  color: #fff;
  font-size: 18px;
  /*font-weight: 500;*/
}

.footer p {
  color: #fff;
  font-size: 12px;
}

.footer li {
  font-size: 12px;
}

/* contact form start */
.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #ffffff;
  background-color: #417582;
  background-clip: padding-box;
  border: 1px solid #417582;
  /* border-radius: 0.25rem; */
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.buttonColor {
  color: #fdffff;
  border: 1px solid rgb(255, 255, 255);
  width: 30%;
}

/* 
input[type=submit]:hover {
  background-color: rgba(232, 193, 193, 0.1);
} */
::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #417582 !important;
  opacity: 1;
}

input[placeholder] {
  border-bottom: 3px solid #ffffff;
  padding-bottom: 15px;
}

/* end contact from */


/******** Animations *********/
@keyframes wipe-enter {
  0% {
    transform: scaleY(0);
  }

  50% {
    transform: scaleY(1);
  }
}

@media (prefers-reduced-motion: no-preference) {
  .square-animation {
    animation: wipe-enter 2s 1;
  }
}