*{
	margin: 0;
	padding: 0;	
}
body{
	font-family: 'Raleway', sans-serif;
	overflow-y: scroll;
	overflow-x: hidden;
}

/* ===== Generic CSS ====== */
.section{
	padding-bottom: 10px;
}
.section-header{
	padding-top: 30px;
	padding-bottom: 20px;
}
.section-header h2{
	position: relative;
	text-align: center;
	color: #333;
	font-size: 40px;
	text-transform: uppercase;
	font-weight: 400;
}
.section-header h2:after{
	content: "";
	position: absolute;
	bottom: -20px;
	left: 50%;
	width: 60%;
	height: 1.5px;
	background-image: linear-gradient(to right, rgba(18, 146, 243, 0), 
	rgba(18, 146, 243, 0.75), rgba(18, 146, 243, 0));
	/*background-color: #129cf3;*/
	margin-left: -30%;
}
.section-header p{
	color: #333;
	font-size: 18px;
	line-height: 28px;
	font-weight: 300;
	/*text-align: center;*/
	margin-top: 45px;
}
/* ======== Nav ==== */
.navbar{
	margin-top: -100px;
	opacity: 0;
}
.navbar-default{
	background-color: transparent;
	border-color: #444;
	z-index: 110;
	transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	-webkit-transition: all 1s;
}
.navbar-default .navbar-nav >li > a{
	color: #b5b5b5;
	font-family: "Raleway", sans-serif;
	transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	-webkit-transition: all 1s;
}
.navbar-default .navbar-nav >li > a:hover{
	color: #129cf3;
}
.navbar-default .navbar-nav >li > a:focus{
	color: #b5b5b5;
}
.navbar-default .navbar-brand{
	color: #b5b5b5;
}
.navbar-default .navbar-brand:hover{
	color: #129cf3;
}
.navbar-default .navbar-nav > .active>a,
.navbar-default .navbar-nav > .active>a:hover,
.navbar-default .navbar-nav > .active>a:focus{
	background-color: transparent;
	color: #129cf3;
}

/*  ===== Header ====== */
.header{
	background-image: url("../images/beach.png");
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	/*height: 100vh;*/
}
.header-overlay{
	background-color: rgba(31, 31, 31, 0.60);
	height: 100%;
	padding-bottom: 70px;
}
b{
	color: rgb(156, 45, 45);
}
b:hover{
	color: rgb(63, 155, 63);
}
.soci{
	opacity: 0;
	margin: 20px;
	padding: 20px;	
	-webkit-animation: easein 1.5s forwards ease-in;
    -moz-animation: easein 1.5s forwards ease-in;
	-o-animation: easein 1.5s forwards ease-in;
	animation: easein 1.5s forwards ease-in;
	-webkit-animation-delay: 1.8s;
	-o-animation-delay: 1.8s;
	-moz-animation-delay: 1.8s;
	animation-delay: 1.8s;
}
@keyframes easein{
	from {opacity: 0;}
	to {opacity: 1;}
}
@-webkit-keyframes easein{
	from {opacity: 0;}
	to {opacity: 1;}
}
@-moz-keyframes easein{
	from {opacity: 0;}
	to {opacity: 1;}
}
@-o-keyframes easein{
	from {opacity: 0;}
	to {opacity: 1;}
}
.divid{
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	position: absolute;
	width: 0px;
	height: 40px;
}
#button-link{
	border: 2px solid gray;
	display: inline-block;
	padding-right: 20px;		
	margin: 0 auto;
	opacity: 0;
	animation: easein 1.5s forwards ease-in;
	-o-animation: easein 1.5s forwards ease-in;
	-moz-animation: easein 1.5s forwards ease-in;
	-webkit-animation: easein 1.5s forwards ease-in;
	animation-delay: 2.4s;
	-moz-animation-delay: 2.4s;
	-webkit-animation-delay: 2.4s;
	-o-animation-delay: 2.4s;
	color: #fff;
	font-size: 60px;
	line-height: 72px;
	transition: all 1s;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	-moz-transition: all 1s;
	border-radius: 10px;
}
.padtop{
	padding-top: 12%;
}
.typew{
	font-size: 60px;
	font-weight: 300;
	line-height: 75px;
	text-align: center;
	color: whitesmoke;
}
.typewriter{
	overflow: hidden; /* Ensures the content is not revealed until the animation */	
	white-space: nowrap; /* Keeps the content on a single line */
	margin: 0 auto; /* Gives that scrolling effect as the typing happens */
	animation: typing 2.2s steps(30, end);
}
.b{
	overflow: hidden; 
	white-space: nowrap; 
	margin: 0 auto; 
	opacity: 0;
	animation: typing2 2.2s steps(30, end);
	animation-delay: 1.5s;
	-o-animation-delay: 1.5s;
	-webkit-animation-delay: 1.5s;
	-moz-animation-delay: 1.5s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
}
/* The typing effect */
@keyframes typing {
from { width: 0 }
to { width: 100% }
}
@keyframes typing2 {
	0% {
		width: 0;
	}
	1%{
		opacity: 1;
	}
	100%{
		width: 100%;
		opacity: 1;
	}
}
img{
	margin: 10px;
}
/* ===== About us ===== */
.About .row{
	padding-top: 10px;
}
.abhishek-image img{
	display: block;
	margin: auto;
	padding-bottom: 10px;
}
.picbox p{
	padding-top: 10px;
	font-size: 16px;
	font-weight: 500;
}
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
.skillbar {
  font-family: 'Open Sans', 'sans-serif';
	position:relative;
	display:block;
	margin-bottom:15px;
	width:100%;
	background:#eee;
	height:35px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-webkit-transition:0.4s linear;
	-moz-transition:0.4s linear;
	-ms-transition:0.4s linear;
	-o-transition:0.4s linear;
	transition:0.4s linear;
	-webkit-transition-property:width, background-color;
	-moz-transition-property:width, background-color;
	-ms-transition-property:width, background-color;
	-o-transition-property:width, background-color;
	transition-property:width, background-color;
}
.padd{
	padding-top: 40px;
}
.prg h3{
	font-size: 22px;
	padding-left: 9px;
	font-weight: 700;
}
.contact{
	position: relative;
}
.contact .contact-d{
	position: absolute;
	padding-bottom: 20px;
}
.contact h3{
	font-size: 22px;
	font-weight: 700;
}
.contact-details{
	position: relative;
}
.contact-details i{
	position: absolute;
	top: 0;
}
.contact-details p{
	padding-left: 25px;
}
.dwnld{
	padding-left: 200px;
}
.skillbar-title {
	position:absolute;
	top:0;
	left:0;
	width: 100px;
	font-weight:bold;
	font-size:16px;
	color:#fff;
	background:#6adcfa;
	-webkit-border-top-left-radius:3px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-bottomleft:3px;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
}
.skillbar-title span {
	display:block;
	background:rgba(0, 0, 0, 0.1);
	padding:0 20px;
	height:35px;
	line-height:35px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-bottomleft:3px;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
}

.skillbar-bar {
	height:35px;
	width:0px;
	background:#6adcfa;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.skill-bar-percent {
	position:absolute;
	right:10px;
	top:0;
	font-size:14px;
	height:35px;
	line-height:35px;
	color:#444;
	color:rgba(0, 0, 0, 0.7);
}
/* ====== Academics and Work Experience ===== */
.Acads{
	background-color: #edeff4;
}
.desc-header h3{
	text-align: center;
	font-size: 32px;
	font-weight: 500;
}
.school{
	position: relative;
	margin-top: 40px;
}
.school img{
	transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	-webkit-transition: all 1s;
	position: absolute;
	top:0;
	left:0;
}
.school .school-text{
	padding-left: 150px;
	padding-top: 20px;
	padding-bottom: 30px;
	margin-top: 20px;
	transition: all 1s;
	-o-transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
}
.glowing-border {
    border: 2px solid #9ecaed;
	border-radius: 7px;
	box-shadow: 0 0 4px #9ecaed;
	-o-box-shadow: 0 0 4px #9ecaed;
	-moz-box-shadow: 0 0 4px #9ecaed;
	-webkit-box-shadow: 0 0 4px #9ecaed;
}
.school:hover{
	background-color: #add5f7;
}
.school .school-text .school-text-gen{
	text-align: center;
	transition: all 1s;
	-o-transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
}
.school .school-text .school-text-info{
	padding-right: 10%;
	transition: all 1s;
	-o-transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
	text-align: center;
}
.school-text-info bo{
	font-weight: 500;
	font-size: 13px;
	color: #727272;
}
.job{
	margin-top: 10px;
	position: relative;
	padding-bottom: 50px;
	transition: all 1s;
	-o-transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
}
.job-descriptions{
	padding-bottom: 20px;
}
.job-gen{
	transition: all 1s;
	-o-transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
}
.job .job-gen h4{
	padding-top: 60px;
}
.job-info{
	position: absolute;
	transition: all 1s;
	-o-transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
}
.job-info h5{
	font-size: 22px;
}
.job-info p{
	padding: 0px 10px;
}
.job div img{
	position: absolute;
	left: 0;
	transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	-webkit-transition: all 1s;
}
.job h4, .school h4{
	color: #343434;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 600;
}
.job h4{
	padding-top: 40px;
	padding-left: 180px;	
}
.job-info{
	opacity: 0;
	position: absolute;
	top: 15px;
	padding: 0px 15px;
}
.job:hover .job-gen{
	opacity: 0;
}
.job:hover{
	background-color: #add5f7;
}
.job:hover .job-info{
	opacity: 1;
}
.job p, .school p{
	color: #727272;
	font-size: 13px;
}

/* ========= Projects =============*/
.Projects{
	background-image: url("../images/project-bg.jpg");
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	background-position: 50% 50%;
}
.projects-overlay{
	background-color: rgba(31, 31, 31, 0.75);
	padding-top: 20px;
	padding-bottom: 40px;
}
.Projects h2{
	color: #d8d8d8;
}
.project-caption{
	padding-bottom: 40px; 
}
.project-caption h2{
	color: #129cf3;
	text-transform: uppercase;
	font-weight: 900;
	font-size: 30px;
	margin-top: 25px;
	padding-bottom: 10px;
}
.project-caption h4{
	color: #129cf3;
	font-size: 24px;
}
.project-caption h4 span{
	color: #d8d8d8;
	font-style: italic;
	font-weight: 400;
}
.project-caption p{
	color: #d8d8d8;
	font-size: 18px;
	line-height: 27px;
	padding-top: 35px;
	padding-left: 60px;
	padding-right: 60px;
}
.btn-view{
	background-color: #129cf3;
	color: #fff;
	font-size: 14px;
	font-weight: 300;
	transition: all 1s;
	-o-transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
}
.btn-view:hover{
	border: 1px solid black;
}
/* ========== Skills ========= */
.prg-skills{
	padding-left: 10px;
	padding-bottom: 20px;
}
.skill-names{
	padding: 10px;
	font-size: 15px;
	font-weight: 500;
}
/*======== Interests and Hobbies ===== */
.item{
	text-align: center;	
}

/* ========= Contact ======= */