.keywords-orangered
{
  background-color: orangered; 
  border-radius: 5%;
  border-style: ridge;
  color: #fff;
  font-weight: bold;
}

.keywords-blue
{
  background-color: rgb(0, 200, 255); 
  border-radius: 5%;
  border-style: ridge;
  color: #fff;
  font-weight: bold;
}

.keywords-green
{
  background-color: green; 
  border-radius: 5%;
  border-style: ridge;
  color: #fff;
  font-weight: bold;
}

.keywords-yellow
{
  background-color: yellow; 
  border-radius: 5%;
  border-style: ridge;
  color: black;
  font-weight: bold;
}

.keywords-deepblue
{
  background-color: rgb(0, 94, 128); 
  border-radius: 5%;
  border-style: ridge;
  color: #fff;
  font-weight: bold;
}

.keywords-orange
{
  background-color: orange; 
  border-radius: 5%;
  border-style: ridge;
  color: black;
  font-weight: bold;
}


.one {
  width: 160px;
  height: 160px;
  position: relative;
}

.two {
  width: 160px;
  height: 160px;
  position: absolute;
  transition: opacity .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out;
  -webkit-transition: opacity .2s ease-in-out;
}

.top-buffer { margin-top:20px; }
a 
{ 
  color:  rgb(0, 136, 255); 
}

#pad-container-proj
{
  padding-top: 0%;
  padding-right: 5%;
  padding-bottom: 0%;
  padding-left: 5%;
}



#loading { 
  position: fixed;
  width: 100%;
  height: 100vh;
  background: #000000 url("../img/preloader.gif") no-repeat center;
  z-index: 99999;
}

#pad-container {
    padding-top: 1%;
    padding-right: 5%;
    padding-bottom: 1%;
    padding-left: 5%;
  }


#publication-font
{
  font-family: Georgia, Times, Times New Roman, serif;
  font-size: 16pt;
}

#cert-sub-heading
{
  font-family: Georgia, Times, Times New Roman, serif;
  font-size: 30pt;
}

#bold_id{
    font-weight:500;
}


#heading-font
{
  font-family: Georgia, Times, Times New Roman, serif;
  font-size: 24pt;
}



#front-page-font{
  font-family: Georgia, Times, Times New Roman, serif;
  font-size: 16pt;
}

#specilization-font{
  font-family: Georgia, Times, Times New Roman, serif;
  font-size: 16pt;
}

#pub-page-btn-font{
  font-family: Georgia, Times, Times New Roman, serif;
  font-size: 9pt;
}

#course-cert-font
{
  font-family:  Georgia, Times, Times New Roman, serif;
  font-size: 16pt;
}
#achievement-font
{
  font-family: Georgia, Times, Times New Roman, serif;
  font-size: 16pt;
}
#cert-of-part
{
  font-family:  Georgia, Times, Times New Roman, serif;
  font-size: 16pt;

}

#gallery-font{
  font-family: Georgia, Times, Times New Roman, serif;
  font-size: 16pt;
}



#exp-font{
  font-family: Georgia, Times, Times New Roman, serif;
  font-size: 16pt;
}

#proj-page{
  font-family: Georgia, Times, Times New Roman, serif;
  font-size: 16pt;
}
#proj-content
{
  font-family: Georgia, Times, Times New Roman, serif;
}

.timeline{
  margin-top:20px;
  position:relative;
  
}

.timeline:before{
  position:absolute;
  content:'';
  width:4px;
  height:calc(100% + 50px);
background: rgb(138,145,150);
background: -moz-linear-gradient(left, rgba(138,145,150,1) 0%, rgba(122,130,136,1) 60%, rgba(98,105,109,1) 100%);
background: -webkit-linear-gradient(left, rgba(138,145,150,1) 0%,rgba(122,130,136,1) 60%,rgba(98,105,109,1) 100%);
background: linear-gradient(to right, rgba(138,145,150,1) 0%,rgba(122,130,136,1) 60%,rgba(98,105,109,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a9196', endColorstr='#62696d',GradientType=1 );
  left:14px;
  top:5px;
  border-radius:4px;
}

.timeline-month{
  position:relative;
  padding:4px 15px 4px 35px;
  background-color:#444950;
  display:inline-block;
  width:auto;
  border-radius:40px;
  border:1px solid #17191B;
  border-right-color:black;
  margin-bottom:30px;
}

.timeline-month span{
  position:absolute;
  top:-1px;
  left:calc(100% - 10px);
  z-index:-1;
  white-space:nowrap;
  display:inline-block;
  background-color:#d9f4e9;
  padding:4px 10px 4px 20px;
  border-top-right-radius:40px;
  border-bottom-right-radius:40px;
  border:1px solid black;
  box-sizing:border-box;
}

.timeline-month:before{
  position:absolute;
  content:'';
  width:20px;
  height:20px;
background: rgb(138,145,150);
background: -moz-linear-gradient(top, rgba(138,145,150,1) 0%, rgba(122,130,136,1) 60%, rgba(112,120,125,1) 100%);
background: -webkit-linear-gradient(top, rgba(138,145,150,1) 0%,rgba(122,130,136,1) 60%,rgba(112,120,125,1) 100%);
background: linear-gradient(to bottom, rgba(138,145,150,1) 0%,rgba(122,130,136,1) 60%,rgba(112,120,125,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a9196', endColorstr='#70787d',GradientType=0 );
  border-radius:100%;
  border:1px solid #17191B;
  left:5px;
}

.timeline-section{
  padding-left:35px;
  display:block;
  position:relative;
  margin-bottom:30px;
}

.timeline-date{
  margin-bottom:15px;
  padding:2px 15px;
  background:linear-gradient(#74cae3, #5bc0de 60%, #4ab9db);
  position:relative;
  display:inline-block;
  border-radius:20px;
  border:1px solid #17191B;
  color:#fff;
text-shadow:1px 1px 1px rgba(0,0,0,0.3);
}

.timeline-section:before{
  content:'';
  position:absolute;
  width:30px;
  height:1px;
  background-color:#444950;
  top:12px;
  left:20px;
}

.timeline-section:after{
  content:'';
  position:absolute;
  width:10px;
  height:10px;
  background:linear-gradient(to bottom, rgba(138,145,150,1) 0%,rgba(122,130,136,1) 60%,rgba(112,120,125,1) 100%);
  top:7px;
  left:11px;
  border:1px solid #17191B;
  border-radius:100%;
}

.timeline-section .col-sm-4{
  margin-bottom:15px;
}

.timeline-box{
  position:relative;
  
 background-color:#cffcc2;
  border-radius:15px;
  border-top-left-radius:0px;
  border-bottom-right-radius:0px;
  border:1px solid #17191B;
  transition:all 0.3s ease;
  overflow:hidden;
}

.box-icon{
  position:absolute;
  right:5px;
  top:0px;
}

.box-title{
  padding:5px 15px;
  border-bottom: 1px solid #17191B;
}

.box-title i{
  margin-right:5px;
}

.box-content{
  padding:5px 15px;
  background-color:#b7f6ff;
}

.box-content strong{
  color:#666;
  font-style:italic;
  margin-right:5px;
}

.box-item{
  margin-bottom:5px;
}

.box-footer{
 padding:5px 15px;
  border-top: 1px solid #17191B;
  background-color:#cffcc2;
  text-align:right;
  font-style:italic;
}


.gallery {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  -webkit-column-width: 33%;
  -moz-column-width: 33%;
  column-width: 33%; }
  .gallery .pics {
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease; }
  .gallery .animation {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }
  
  @media (max-width: 450px) {
  .gallery {
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1;
  -webkit-column-width: 100%;
  -moz-column-width: 100%;
  column-width: 100%;
  }
  }
  
  @media (max-width: 400px) {
  .btn.filter {
  padding-left: 1.1rem;
  padding-right: 1.1rem;
  }
  }