body{
	background-image:url("../images/stars.jpg");
	background-size: cover;
	background-attachment: fixed;
}

.navbar{
    border-radius: 0px;
    background-image:  linear-gradient(to top, #000000 0%, #000000 100%);
    border: 0px;
	font-size: 19px;   
}

.navbar-brand{
    background-color: #ff471a;
    color: #0000;
}

.navbar-toggler{
    width: 45px;
    height: 35px;
}


.nav li:hover{
	background-color: #ff471a;
}

.glyphicon{
	font-weight: bold;
	font-size: 100px;
	letter-spacing: 5px;
	color: #ff471a;
}

h1{
	text-align: center;
	font-weight: bold;
	margin-top: 20px;
	font-size: 78px;
	color: #e6e6e6;
}
#my_name{
	font-weight: bold;
	font-size: 100px;
	letter-spacing: 5px;
	color: #ff471a;
}
.col-sm-12 img{
	opacity: 0.6;
	margin-left: 2%;
	border-radius: 15%;
	margin-top: 0px;
	margin-bottom: 3%;
	width: 10%;
	height: 10%;
}
.col-sm-4{
	margin-top: 50px;
}
p {
	color: #FFF;
	text-align: center;
}
img{
	margin-top: 20px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
}

.social {
    width: 50%;
}
.slide{
	border-radius: 0px;
	margin-top: 0px;
	width: 100%;
	height: 100%;
	z-index: 10;
	position: absolute;
}
#small{
	margin-left: 32%;
	width: 35%;
}
#prev_c {
	height:90%;
	width:200px;
	position:absolute;
	left:0;
	top:0;
	z-index:100;
}
#prev_c img {
	width: 40%;
	height:10%;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	margin:auto 0px;
	opacity: 0.7;
}

#next_c {
	height:90%;
	width:200px;
	position:absolute;
	right:0;
	top:0;
	z-index:100;
}
#next_c img {
	width:40%;
	height:10%;
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	margin:auto 0px;
	opacity: 0.7;
}
#pager {
	height: 30%;
	width: 100%;
	background:rgba(0,0,0,0.5);
    position:absolute;
	bottom:15%;
	z-index:1000;
	text-align:center;
	opacity:0;
	transition:all .2s ease-in-out 0s;
}
#pager:hover {
	opacity:1;
}
#pager img {
	width: 10%;
	height: 85%;
	border-radius: 0%;
	margin: 10px 3px;
	opacity:0.3;
	transition:all .3s ease-in-out 0s;
}
#pager img:hover {
	opacity:1;
	transform:scale(1.05);
	z-index:100;
}
#next #prev { visibility:hidden;}
#next,#prev:hover {
	cursor:pointer;
}
#next_c,#prev_c:hover #next,#prev { visibility:visible;}

#btn_download{
	margin-top: 3%;
	background-color: #e6e6e6;
	color: #000;
	opacity: 0.7;
	font-size: 20px;
	font-family: 'Montserrat';
}
.p_download{
	text-align: left;
	height: 90px;
}
.p_download span{
	float: left;
	font-size: 30px;
	color: #000;
}
.p_contact {
	color: #ffad99;
	font-size: 25px;
	margin-top: 2%;
}

#span_contact{
	color: #ff471a;
	margin-left: 47.5%;
	font-size: 50px;
}
#span_education{
	margin-top: 25%;
}
.span_edu{
	font-size: 15px;
	font-family: 'Roboto';
	font-weight: normal;
	letter-spacing: 0px;
	color: #ffad99;
}
.p_edu{
	color: #ff471a;
	font-size: 25px;
	text-align: left;
	margin-left: ;
}
#p_institution{
	font-size: 30px;
	color: #ff471a;
	text-align: left;
}
.p-message{
	text-align:left;
	font-size: 33px;
	color: #e6e6e6;
	opacity: 0.8;
	margin-top: 3%;
}
input{
	margin-top: 3%;
	background-color: #e6e6e6;
	opacity: 0.7;
	font-size: 1.5vw;
	font-family: 'Montserrat';
}
.form-control{
	color: #000;
}
.form-control::-webkit-input-placeholder {
    color: #000;
    opacity: 1;
    font-family: 'Montserrat';
}
/* Firefox <18 */
.form-control:-moz-placeholder {
    color: #000;
    opacity: 1;
    font-family: 'Montserrat';
}
/* Firefox 19> */
.form-control::-moz-placeholder {
    color: #000;
    opacity: 1;
    font-family: 'Montserrat';
}
.form-control:-ms-input-placeholder {
    color: #000;
    opacity: 1;
    font-family: 'Montserrat';
}
#btn_submit{
	margin-top: 1%;
	margin-bottom: 3%;
	background-color: #e6e6e6;
	color: #000;
	opacity: 0.7;
	font-size: 20px;
	font-family: 'Montserrat';
}
.glyphicon-send{
	font-size: 32px;
}
footer{
	margin-top: 10%;
	background-color: #000;
	width: 100%;
}
footer p{
	margin-right: 1%;
	color: #ff471a;
	font-size: 28px;
	font-family: 'Roboto';
}
.footer-heading{
	margin-bottom: 25px;
	font-family: 'Montserrat';
}
.footer-body{
	color: #ff471a;
	font-size: 21px;
	text-decoration: none;
	font-family: 'Montserrat';
}
.footer-body:hover{
	text-decoration: none;
	color: #ff471a;
}
.p-company{
	font-family: 'Montserrat';
}
.footer-social{
	margin-right: 10px;
	width: 35px;
	height: 35px;
	background-color: #ff471a;
	opacity: 0.6;
}
.footer-social:hover{
	opacity: 1;
}

#p_language{
	font-size: 25px;
	margin-top: 10px;
}
.progress-circular{
    width: 150px;
    height: 150px;
    line-height: 150px;
    background: none;
    margin: 0 auto;
    box-shadow: none;
    position: relative;
}
.progress-circular:after{
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 12px solid #fff;
    position: absolute;
    top: 0;
    left: 0;
}
.progress-circular > span{
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1;
}
.progress-circular .progress-left-circular{
    left: 0;
}
.progress-circular .progress-bar-circular{
    width: 100%;
    height: 100%;
    background: none;
    border-width: 12px;
    border-style: solid;
    position: absolute;
    top: 0;
}
.progress-circular .progress-left-circular .progress-bar-circular{
    left: 100%;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left;
}
.progress-circular .progress-right-circular{
    right: 0;
}
.progress-circular .progress-right-circular .progress-bar-circular{
    left: -100%;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    border-right: 0;
    -webkit-transform-origin: center right;
    transform-origin: center right;
    animation: loading-1 1.8s linear forwards;
}
.progress-circular .progress-value-circular{
    width: 90%;
    height: 90%;
    border-radius: 50%;
    background: #0000;
    font-size: 24px;
    color: #fff;
    line-height: 135px;
    text-align: center;
    position: absolute;
    top: 5%;
    left: 5%;
}
.progress-circular.blue .progress-bar-circular{
    border-color: #ff471a;
}
.progress-circular.blue .progress-left-circular .progress-bar-circular{
    animation: loading-2 1.5s linear forwards 1.8s;
}
.progress-circular.yellow .progress-bar-circular{
    border-color: #ff471a;
}
.progress-circular.yellow .progress-left-circular .progress-bar-circular{
    animation: loading-3 1s linear forwards 1.8s;
}
.progress-circular.pink .progress-bar-circular{
    border-color: #ed687c;
}
.progress-circular.pink .progress-left-circular .progress-bar-circular{
    animation: loading-4 0.4s linear forwards 1.8s;
}
.progress-circular.green .progress-bar-circular{
    border-color: #1abc9c;
}
.progress-circular.green .progress-left-circular .progress-bar-circular{
    animation: loading-5 1.2s linear forwards 1.8s;
}
@keyframes loading-1{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}
@keyframes loading-2{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(144deg);
        transform: rotate(144deg);
    }
}
@keyframes loading-3{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}
@keyframes loading-4{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(36deg);
        transform: rotate(36deg);
    }
}
@keyframes loading-5{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(126deg);
        transform: rotate(126deg);
    }
}
@media only screen and (max-width: 990px){
    .progress{ margin-bottom: 20px; }
}