@charset "UTF-8";
/* CSS Document by Abhay Kumar Thakur. March 21, 2018 */



/* unvisited link */
a:link {
    color: #ff0859;
}

/* visited link */
a:visited {
    color: #ff0859;
}

/* mouse over link */
a:hover {
    color: #f03472;
}

/* selected link */
a:active {
    color: #f03472;
}


body {font-size: 14px;
line-height: 1.8;
color: 313131;}

#bullets-point {list-style-image: url(../images/bullets_point.png);}

.list-on-home {margin-bottom: 30px; border-radius: 16px; padding: 20px; background: #f4f3f3;}

.banner-bg {
	background-image: url(../images/background.svg); 
	background-repeat: no-repeat; 
	height: 500px;
	background-size: cover;
	text-align: center;
	padding: 50px 20px;
color: #fff;
	
}

.bio-photo {
border: 8px solid #fff;
  height: auto;
  width: 200px;
  border-radius: 200px;
}


.btn-banner {
  margin-top: 40px;
  background-color:rgba(255, 255, 255, 0.9);
  padding: 10px 40px;
  font-size: 18px;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 1px;
	color: #fff;
	text-transform: uppercase;
	border-radius: 4px !important;
}

.navbar {background-color: #f4f3f3;}

.navbar-dark .navbar-nav .nav-link:link {color: #ff0856; text-transform: uppercase;} 
.navbar-dark .navbar-nav .nav-link:visited {color: #ff0856; text-transform: uppercase;}
.navbar-dark .navbar-nav .nav-link:hover {color: #db1e5a; text-transform: uppercase; }
.navbar-dark .navbar-nav .nav-link:active {color: #db1e5a; text-transform: uppercase;} 

@media (min-width: 992px) {
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

}

.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,102,203, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.custom-toggler.navbar-toggler {
  border-color: rgb(255,102,203);
}

@media (max-width: 5000px) {
	.desination {font-size: 20px !important;}
	
	.power {background: url(../images/power.png) repeat-y;}
	
	 h1 {
    font-size: 36px;
  }
}
@media (max-width: 767px) {
	
	 h1 {
    font-size: 30px;
  }
	.offset-1-0 {margin-left: 0px;}	
	.desination {font-size: 18px !important;}
	
	.power {background: url(../images/power1.png) no-repeat;}
}

@media (max-width: 480px) {
  h1 {
    font-size: 24px;
  }
	
	.desination {font-size: 16px !important;}
	
	.offset-1-0 {margin-left: 0px;}
	
	.power {background: url(../images/power1.png) no-repeat;}
}



/*======================Publications=======================*/



.banner-bg-publication {
	background-image: url(../images/background.svg); 
	background-repeat: no-repeat; 
	height: 250px;
	background-size: cover;
	text-align: center;
	padding: 30px;
color: #fff;
}



.bio-photo-publication {
border: 8px solid #fff;
  height: auto;
  width: 160px;
  border-radius: 200px;
}

@media (max-width: 767px) {
	
	.bio-photo-publication {
border: 6px solid #fff;
  height: auto;
  width: 120px;
  border-radius: 200px;
}
  }


@media (max-width: 480px) {
 .bio-photo-publication {
border: 5px solid #fff;
  height: auto;
  width: 90px;
  border-radius: 200px;
}
}





.timeline {
  width: 100%;
  max-width: 900px;
  
  padding: 100px 50px;
  position: relative;
/*background: #fff;
  box-shadow: 0.5rem 0.5rem 2rem 0 rgba(0, 0, 0, 0.2);*/
}
.timeline:before {
  content: '';
  position: absolute;
  top: 0px;
  /*left: calc(33% + 15px);*/
  left: calc(25.5% + 23px);
  bottom: 0px;
  width: 4px;
  background: #ddd;
}
.timeline:after {
  content: "";
  display: table;
  clear: both;
}

.entry {
  clear: both;
  text-align: left;
  position: relative;
}
.entry .title {
  margin-bottom: .5em;
  float: left;
  /*width: 33%;*/
  width: 25.5%;
  padding-right: 30px;
  text-align: right;
  position: relative;
}
.entry .title:before {
  content: '';
  position: absolute;
  width: 15px;
  height: 15px;
  border: 4px solid salmon;
  background-color: #fff;
  border-radius: 100%;
  top: 15%;
  right: -8px;
  z-index: 99;
}
.entry .title h3 {
  margin: 0;
  font-size: 120%;
}
.entry .title p {
  margin: 0;
  font-size: 100%;
}
.entry .body {
  margin: 0 0 3em;
  float: right;
  /*width: 66%;*/
  width: 69.5%;
  padding: 20px;
	
	background-color: #f4f3f3;
	border-radius: 16px;
}
.entry .body p {
  line-height: 1.4em;
}
.entry .body p:first-child {
  margin-top: 0;
  font-weight: 400;
}
.entry .body ul {
  color: #212121;
  padding-left: 0;
  list-style-type: none;	
}
/*
.entry .body ul li:before {
  content: "–";
  margin-right: .5em;
}
*/
.body li {padding: 8px 12px 8px 12px;}

.body ul {margin-left: 28px;}

.body {min-width: 260px;}