/***************** GENERAL STYLES HERE **************/
 /* ANIMATIONS */
            
 @keyframes fadeIn {
    60% {
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
  }

  @keyframes scaleIn {
    100% {
      transform: scaleX(1);
    }
  }

  @keyframes slideIn {
    100% {
      transform: translateY(0);
    }
  }
  
  topsection {
      opacity: 0;
  }

  .loaded topsection {
    animation: fadeIn 0.2s ease-in 0.2s forwards;
}


.slider-nav {
    opacity: 0;
}

.loaded .slider-nav {

    animation: fadeIn 0.5s ease-in 0.2s forwards;
}

  main {
      opacity: 0;
  }
  
  .loaded main {
      animation: fadeIn 0.9s ease-in 0.2s forwards;
  }


  
  /*.loaded banner {
  animation: fadeIn 0.9s ease-in 2.0s forwards, slideIn 2.0s ease-in 1.0s forwards;
  }
  
  banner {
      transform: translateY(-30px);
      opacity: 0;
  }
  
  
  main section {
      opacity: 0;
  }
  
  .loaded main section {
      animation: fadeIn 1.8s ease-in 0.2s forwards;
  }
   
  
  footer {
      opacity: 0;
  }
  
  .loaded footer {
      animation: fadeIn 1.8s ease-in 0.2s forwards;
  }*/
  /* // ANIMATIONS --*/


/*************************************************/



topsection {
    background:var(--dark-brand-colour);
    display: block;
}
topsection .top-text-box {
    color:var(--light-brand-text-colour);
    text-align: right;
}
topsection .top-logo {
    text-align: right;
}

topsection .top-logo img {
    margin:0 0 0 20px
}

.top-text-box p {
    font-family:var(--home-p);
    font-weight: 300;
    font-style: normal;
    text-transform: uppercase;
}

.top-text-box p span {
    font-weight: 500;
}

.img-circle {
    background: var(--alt-brand-text-colour);
    display: block;
    border-radius: 50%;
    height: 150px;
    width: 150px;
    margin: 0 auto 45px;
}


.sec-intro h2 {
    font-family: var(--h2-font);
    color:var(--alt-brand-text-colour);
    line-height: var(--line-height-h2);
    font-weight: 100;
    text-transform: uppercase;
    margin-bottom: 90px;
    font-size: 2rem;;
}

.mid-brand-text h3 {
    font-family: var(--h3-font);
    text-transform: uppercase;
    font-weight: 400;
    color:var(--alt-brand-text-colour);
}

.content-cell {
    text-align: center;
    color: var(--mid-brand-text-colour);
}

.sangat-add {
    text-align: center;
    xheight: 150px;
}

sangat-adds .heading > h2 {
    background:url(../imgs/home-search-icon.png) 0 0 no-repeat ;   
    background-size: 64px;
    padding-left: 79px;
}

.special-diwaans {
    padding: 0 20px
}

.regular-diwaans {
    padding: 0 20px
}

.text-left {
    float: left;
}
.text-right {
    float: right;
    text-align: right;
}

.foter-logo img {

    margin-top: -54px;
    width:323px;
    height: auto;
    max-width: 100%;
}
.footer-text {
    padding: 80px 0 0 0;
}

.footer-text img {
    width: 20px;
    height: auto;
    margin: 0 15px 0 0;
}

.copyright {
    text-align: right;
    font-family:var(--home-p);
    font-size: 0.95em;
    margin: 150px 0 0 0;
}