@font-face {
  font-family: 'Playfair-Regular';
  src: URL('font/playfair/static/PlayfairDisplay-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Nunito-Regular';
  src: URL('font/nunito/NunitoSans-Regular.ttf') format('truetype');
}

body{
  font-family: 'Nunito-Regular';
  color: #2f3540;
}
h1, h2, h3, h4, h5, h6{
  font-family: 'Playfair-Regular';
  font-weight: 600;
}
p{
  font-size: 18px;
  line-height: 28px;
  text-align: justify;
}

.container-fluid{
  padding: 0;
}
.alert{
  border-radius: 0;
}
.alert p{
  margin-bottom: 0;
}
.big-h1{
  font-size: 60px;
}
.big-h2{
  font-size: 50px;
  margin-bottom: 20px;
}
.big-h3{
  font-size: 40px;
  margin-bottom: 20px;
}
.small-h3{
  font-size: 30px;
}
.big-h4{
  font-size: 20px;
}

/*@media only screen and (min-width: 1200px) {
.container{
    max-width: 1400px;
}
}*/

.margin-b80{
  padding-bottom: 80px;
}
.margin-b-p80{
  border-bottom: 1px solid #aaaa;
  padding-bottom: 80px;
}

.margin-b40{
  padding-bottom: 40px;
}
.margin-b-p40{
  border-bottom: 1px solid #aaaa;
  padding-bottom: 40px;
}

.o-p-b100{
  padding-bottom: 100px;
}
.o-p-b50{
  padding-bottom: 50px;
}
/*Bootstrap css changes*/
.navbar{
  padding: 20px 80px !important;
}
.navbar-light .navbar-nav .nav-link {
  -webkit-box-align: center;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  color: #2f3540;
}

.form-control{
  border-radius: 0;
  background-clip: border-box;
}

.btn-light-custom{
  border-color: #212529;
  border-radius: 0;
  margin-top: 40px;
}

.logo-img{
  height: 50px;
}
/*Homepage*/

.banner-div{
  padding-top: 80px;
  padding-bottom: 80px;
}
.banner-div{
  box-shadow: rgb(0 0 0 / 6%) 0px 13px 5px -6px;
}

.banner-heading-text{
  padding: 30px;
}

.banner-div-2{
  margin-top: 40px;
}
.banner-div-2-container{
  position: relative;
  text-align: center;
  color: white;
}
.banner-div-2-container img{
  width: 100%; 
  min-height: 200px;
}

.banner-div-2-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: left;
}

.home-about-div{
/*  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 40px;
  align-items: center;*/
  padding-top: 80px;
}
.home-about-div img{
  padding-left: 50px;
}
.home-about-div .col-md-6:nth-child(2){
  text-align: right;
}
.home-thesis-1{
  /*display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 40px;
  align-items: center;*/
  padding-top: 80px;
}
.home-thesis-1 img{
  padding-right: 50px;
}
.home-thesis-2{
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 40px;
  align-items: center;
  padding-top: 40px;
}
.home-team{
  padding-top: 80px;
}
.home-team .home-team-p{
  padding-bottom: 40px;
}
.home-team .big-h4{
  padding-top: 20px;
}
.home-team-designation{
  font-size: 15px;
}

.newsletter-div{
  padding: 46px 40px;
  /*background: linear-gradient(0deg, rgb(16, 42, 67) 0%, rgb(126, 158, 183) 100%);*/
  background: linear-gradient(0deg, #01b3cd 0%, #03206e 100%);
  color: rgb(255, 255, 255);
  max-width: 345px;
  float: right;
  margin-right: 20px;
}
.newsletter-div-text p{
    line-height: 1.36;
    font-size: 22px;
}
.newsletter-div-form{
    padding-top: 50px;
}

.home-portfolio{
  padding-top: 40px;
  padding-bottom: 40px;
}
.home-portfolio .slick-class{
  text-align: center;
}

.slick-slide{
  padding: 40px;
}
.slick-prev:before, .slick-next:before {
  color: #2f3540;
}
/*About*/
.about-div-main{
  padding-top: 40px;
  padding-bottom: 40px;
}
.about-div-img-main{
  margin-left: 120px;
}
.about-team-text{
  padding-top: 40px;
  padding-bottom: 40px;
}
.about-div-img-team{
  max-width: 300px;
}
.name{
  padding-bottom: 15px;
}
.name p{
  font-size: 20px;
}
.bio{
  padding-bottom: 25px;
}
.socials a{
  color: #fff;
  background-color: rgb(74, 74, 74);
  padding: 5px 8px;
  border-radius: 50%;
  margin-right: 15px;
}

/*Contact*/
.contact-div-main{
  padding-top: 40px;
  padding-bottom: 40px;
}
.contact-mailing{
  padding-left: 100px;
}
.contact-mailing h4{
  margin-bottom: 1rem;
}

.form-group-contact {
  position: relative;
  margin-bottom: 1.5rem;
}
.form-control-label-contact {
  position: absolute;
  top: 0;
  padding: 7px 0 0 13px;
  transition: all 200ms;
  opacity: 0.5;
}

.form-control-contact:focus + .form-control-label-contact,
.form-control-contact:valid + .form-control-label-contact {
  font-size: 75%;
  transform: translate3d(0, -100%, 0);
  opacity: 1;
}



.form-control-contact{
  border: 1px solid #ced4da;
  border-width: 0 0 1px 0;
  margin-bottom: 50px;
}
.form-control-contact:focus{
  box-shadow: none
}
/*Potfolio*/
.portfolio-div-main{
  padding-top: 40px;
  padding-bottom: 80px;
}
.portfolio-div-img-team{
  max-width: 150px;
}
.title{
  padding-bottom: 15px;
}
.description{
  padding-bottom: 20px;
}
.link{
  
}
.hide {
  display: none;
}
.portfolio-dropdown{
  padding-bottom: 100px;
}
.portfolio-dropdown select{
  border: 2px solid rgb(151, 151, 151);
  background: none transparent;
  margin: 0px;
  color: rgb(81, 81, 81);
  cursor: pointer;
  padding: 5px;
  border-radius: 0px;
}

.portfolio-overlay-container{
  position: relative;
}
.portfolio-overlay-container:hover .portfolio-overlay-text-container {
  bottom: 0;
  height: 100%;
}
.portfolio-overlay-text-container{
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  background-color: rgb(34, 34, 34);
  overflow: hidden;
  width: 100%;
  height:0;
  transition: .1s ease;
}
.portfolio-overlay-container img{
  padding: 30px;
}
.portfolio-overlay-text{
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
.portfolio-overlay-text h4{
 
}
.portfolio-overlay-text p{
  font-size: 14px;
  line-height: 18px;
  text-align: center;
}

/*Thesis*/
.thesis-div-main{
  /*padding-top: 40px;*/
  padding-bottom: 80px;
}
.thesis-img{
  padding-top: 80px;
  padding-bottom: 80px; 
}
.thesis-heading{
  font-weight: bold;
  font-size: 23px;
  color: #376092;
}

/*Blog*/
.custom-card-div{
  padding: 45px 30px 25px 30px;
  transition: all 0.55s cubic-bezier(0, 0.89, 0.44, 1) 0s;
}
.custom-card-div:hover{
 box-shadow: rgb(183 183 183 / 86%) 0px 10px 24px;
 transform: translateY(-4px);
}

.custom-card-heading h3{
  margin-bottom: 30px;
}
.custom-card-info p{
  font-size: 16px;
  text-transform: uppercase;
}

/*footer*/
.footer{
  background: rgb(34, 34, 34);
}
.footer-logo-img{
  height: 50px;
  padding-left: 2.8rem;
}
.copyright{
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0.38px;
  color: rgb(201, 201, 201);
}
.footer-hr{
  margin-top: 26px;
  margin-bottom: 45px;
  border-top: 1px solid rgb(151, 151, 151);
  border-right: 1px solid rgb(151, 151, 151);
  border-left: 1px solid rgb(151, 151, 151);
  border-image: initial;
  border-bottom: none;
}
.footer-links ul{
  list-style: none;
}
.footer-links a{
  line-height: 2;
  letter-spacing: 5.14px;
  font-size: 1.5rem;
  color: #fff;
  font-family: 'Playfair-Regular';
  text-decoration: none;
}
.get-footer{
  color: #fff;
}
.get-footer h4{
  font-family: 'Nunito-Regular';
}





/*RESPONSIVE*/
@media only screen and (max-width: 1200px){
.btn {
    padding:10px 16px;
    font-size:18px;
}
.banner-div-2-text h4{
  font-size: 1rem
}
}

@media only screen and (max-width: 992px){
.btn {
  font-size:14px;
  padding:8px 12px;
}
.home-about-div img{
  padding-left: 0px;
}
.home-thesis-1 img {
    padding-right: 0px;
}
.slick-slide{
  padding: 20px;
}
.home-team-designation{
  font-size: 13px;
  text-align: left;
}
.about-div-img-main{
  margin-left: 0;
}
.name p{
  text-align: left;
}

.portfolio-overlay-container img{
  padding: 10px;
}
}

@media only screen and (max-width: 768px){
.btn {
  font-size:12px;
  padding:6px 12px;
}
.row-reverse {
  flex-direction: column-reverse;
}
.banner-div-2-text {
    left: 30%;
    transform: translate(-23%, -50%);
    text-align: center;
}
.home-about-div img {
  padding-left: 0;
}
.home-about-div .col-md-5{
  margin-bottom: 40px;
}
.home-thesis-1 img{
  padding-right: 0;
}
.home-thesis-1 .col-md-5{
  margin-bottom: 40px;
}


.footer-links ul{
  text-align: center;
  padding-left: 0;
  margin-bottom: 40px;
}
.footer-copyright{
  text-align: center;
}
.copyright{
  text-align: center;
}
.footer-logo-img{
  padding-left: 0;
  margin-bottom: 20px;
}
.about-div-main img{
  text-align: center;
}
.about-div-img-team{
  max-width: 100%;
}

.portfolio-overlay-container{
  text-align: center;
}

.contact-mailing{
  padding-left: 15px;
  margin-bottom: 40px;
}

.navbar{
  padding: 20px 15px !important;
}
}

@media only screen and (max-width: 508px){
.btn-light-custom{
  margin-top: 0;
}
}