body { min-width: 980px; background-color:#ffffff;}
::-webkit-scrollbar
{
  width: 8px;  /* for vertical scrollbars */
  height: 8px; /* for horizontal scrollbars */
}

::-webkit-scrollbar-track
{
  background: rgba(1,1, 1, 0.05);
}

::-webkit-scrollbar-thumb
{
  background: rgba(0, 0, 0, 0.5);
  border-radius:20px;
}
 .grid-conatiner{padding:40px; opacity:0.8;}
 #myNavbar>.col-sm-4{margin:5px;}
 #myNavbar>.row>.col-sm-4 { border: 2px #fff; height:45%; width:32.5%; border-radius: 10px;  
    -webkit-transition: background-color .5s; transition: background-color .5s;}
	
 #myNavbar>.row>.col-sm-4>a>.icon>img {
   height:100px;
   width:100px;
}
 #myNavbar>.row>.col-sm-4>.icon>img {
   height:100px;
   width:100px;
}
 #myNavbar>.row>.col-sm-4>.icon{
	 display: inline-block;
	 text-align:center;
	 width:100%;
	 padding-top:17%;
}
 #myNavbar>.row>.col-sm-4:hover { background-color:#4EC5C1; border: 2px #fff; border-radius: 10px; } 
  .affix {
      top:5;
      width: 100%;
      z-index: 9999 !important;
  }

  .navbar {
      margin-bottom: 0px;
  }
  .navbar-inverse
  {
	  border-radius:0px;
	  background-color:#0e0b16;
  }
  .affix ~ .container-fluid {
     position: relative;
     top: 50px;
  }
  #aboutme {padding-top:55px;opacity:0; }
  #education {padding-top:50px; opacity:0;}
  #techskills {padding-top:50px; opacity:0;}
  #projects {padding-top:50px;  opacity:0;}
  #strenghts {padding-top:50px;  opacity:0;}
  #contact {padding-top:50px; opacity:0;}
  
.progressContainer{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background: #fff;
  z-index:99999 !important;
}
.progress{
  height: 5px;
  background: red;
  width: 0;
  box-shadow: 1px 3px 5px rgba(0, 0, 0, .1);
  transition: width 0.5s;
}
#cover{width:100%;padding:20px;position:relative;}

#cover>img{
	display: block;
	margin:auto;
	height:400px;
	width:1000px;
	border-bottom: 3px solid #fff;
	border-radius:7px;
}
#cover>img.dp{
	height:150px;
	width:150px;
	position:absolute;
	bottom:-60px;
	left:45%;
	border: 3px solid #fff;
    border-radius:100%;
	z-index:99 ;
}
#content{
	padding-left:10%;
	padding-right:10%;
	opacity:0.8;
	padding-top:50px;
	text-align:center;
	color: #262228;
    font-variant: small-caps;
}
#content>p{font-size:1.1em;}
h1{ font-variant: small-caps;}
tr{
	padding:20px;
}
th,td{
	text-align:center;
	color: #262228;
    font-variant: small-caps;
}
#contentedu{
	padding-left:10%;
	padding-right:10%;
	opacity:0.8;
	padding-top:50px;
	text-align:center;
	color: #262228;
    font-variant: small-caps;
}
.table{ 
margin-top:50px;}

#contenttech{
	padding-left:10%;
	padding-right:10%;
	opacity:0.8;
	padding-top:50px;
	text-align:center;
	color: #262228;
    font-variant: small-caps;
}
#languages>.row>.col-sm-4{
	display:block;
	margin:auto;
	padding-top:30px;
}
#languages>.row>.col-sm-4>.icon>img{  
   height:50px;
   width:50px;}
   
#webtech>.row>.col-sm-4{
	display:block;
	margin:auto;
	padding-top:30px;
}
#webtech>.row>.col-sm-4>.icon>img{  
   height:50px;
   width:50px;}
#line{
	width:60%;
	margin:auto;
	height:1px;
	background-color:#000;
	opacity:0.5;
}
#extras>.row>.col-sm-4{
	display:block;
	margin:auto;
	padding-top:30px;
}
#extras>.row>.col-sm-4>.icon>img{  
   height:50px;
   width:50px;}
#techskills>#contenttech>h2{
	 padding-top:20px;
	 padding-bottom:20px;
 }
.modal {
	z-index:9999999;
	text-align: center;
	font-variant: small-caps;
	-webkit-animation-name: zoom;
    -webkit-animation-duration: 0.4s;
    animation-name: zoom;
    animation-duration: 0.4s;
}
@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}

@media screen and (min-width: 768px) { 
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

.modal-dialog {
  display: inline-block;
  text-align: middle;
  vertical-align: middle;
}

.modal-header-success {
    color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color:#64B5F6;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}
#projectcontent{
	padding-left:10%;
	padding-right:10%;
	opacity:0.8;
	padding-top:50px;
	text-align:center;
	color: #262228;
    font-variant: small-caps;
}
#androidprojects{
	padding-top:20px;
	padding-bottom:20px;
	padding-left:30px;
	padding-right:30px;
	color: #262228;
    font-variant: small-caps;
	opacity:0.8;
}
#androidprojects>.row>.col-sm-3{
 text-align:right;
 margin-top:10px;
 padding-right:30px;
}
#androidprojects>.row>.col-sm-9{
	padding-left:30px;
}
#androidprojects>.row>.col-sm-9>h5{
 font-weight:bold;
}
#androidprojects>.row>.col-sm-9>p{
 padding-left:10px;
}
.vertical-align {
    display: flex;
    align-items: center;
}
#strengthcontent{
	padding-top:20px;
	padding-bottom:20px;
	padding-left:30px;
	padding-right:30px;
	color: #262228;
    font-variant: small-caps;
	opacity:0.8;
	text-align:center;
}
#strengthgrid>.row>.col-sm-4{
	display:block;
	margin:auto;
	padding-top:30px;
}
#strengthgrid>.row>.col-sm-4>.icon>img{  
   height:50px;
   width:50px;}
 
 #contactcontent{
	 padding-top:20px;
	padding-bottom:20px;
	padding-left:30px;
	padding-right:30px;
	color: #262228;
    font-variant: small-caps;
	opacity:0.8;
	text-align:center;
 }
 #contactinfo{
	margin:auto;
	padding-top:30px;
	text-align:center;
 }
 #contactinfo>center>a>img{height:50px;width:50px; margin:20px;}
 #contactinfo>center>a>img:hover{height:60px;width:60px; margin:15px;}
 
 .active {
    color: #ffffff;
	opacity:1;
}