@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0-rc2/css/bootstrap-glyphicons.css");

body,
html {
  height: 100%;
  position: relative;
  background-color: #000;
  color:#fff;
}

.navbar-cv {
    border-bottom: 3px solid #2e6da4;
    cursor:pointer;
}

a{
  color : #fff;
}

a:hover{
    color : #fff;

}

.caption {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
}

.caption span.border {
  background-color: #111;
  color: #fff;
  padding: 50px;
  padding-left: 80px;
  padding-right: 80px;
  font-size: 25px;
  letter-spacing: 8px;
  border-bottom: 3px solid #2e6da4;

}

.caption span.border-title {
  color: #fff;
  letter-spacing: 8px;
}

.scroll{
    position: absolute;
  left: 0;
  top: 59%;
  width: 100%;
  text-align: center;
    color: #fff;
    font-size: 18px;

  letter-spacing: 8px;
  opacity: 0.8;
     -webkit-animation: scrollanimation 1s linear 2s;
        -moz-animation: scrollanimation 1s linear 2s;
         -ms-animation: scrollanimation 1s linear 2s;
          -o-animation: scrollanimation 1s linear 2s;
             animation: scrollanimation 1s linear 2s;

}

@keyframes scrollanimation {
     from { top:59%; }
     50%  { top:60%; }
     to   { top:59%; }
}

@-webkit-keyframes scrollanimation{
     from { top:59%; }
     50%  { top:60%; }
     to   { top:59%; }
} 
@-moz-keyframes scrollanimation{
     from { top:59%; }
     50%  { top:60%; }
     to   { top:59%; }
} 
@-ms-keyframes scrollanimation{
     from { top:59%; }
     50%  { top:60%; }
     to   { top:59%; }
} 
@-o-keyframes scrollanimation{
     from { top:59%; }
     50%  { top:60%; }
     to   { top:59%; }
} 

.bgimg-1,
.bgimg-2,
.bgimg-3 {
  position: relative;
  opacity: 0.8;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bgimg-1 {
  background-image: url("../img/bg1.jpg");
  min-height: 100%;
}

.bgimg-2 {
  background-image: url("../img/bg2.jpg");
  min-height: 400px;
}

.bgimg-3 {
  background-image: url("../img/bg3.jpg");
  min-height: 400px;
}

h2{
  padding-top: 40px;
  text-align : center;
  color :#fff;
}


/* Turn off parallax scrolling for tablets and phones */

@media only screen and (max-device-width: 1024px) {
  .bgimg-1,
  .bgimg-2,
  .bgimg-3 {
    background-attachment: scroll;
  }
}

#section1,
#section2,
#section3,
#section4,
#section5{
  padding-top: 30px;
  color: #fff;
  opacity: 0.7;
}


.page{
padding : 25px;
text-align: center;

}

div.container-fluid {
    background-color: #212227;
}

span.contact{
    display: inline-block;
        font-size: 2em;
    padding-right: 15px;
}

table.skills{
  width:100%;
}
.contact{
  text-align: :center;
}

table.contact{

  margin:auto; 
}

.contact-data{
 text-align: left;
}

/*Tags space*/
span.label.label-primary {
    margin-left: 5px;
}

.tags{
  padding-top: 10px;
  display:inline;

}

td{
  padding-left: 15px;
}
.progress-bar {
    -webkit-transition: none !important;
    transition: none !important;
}
.progress-bar-black { background-color: #314563; }
.progress{ 
  background-color: grey; 
  margin-left: 25%;
  margin-right: 25%;
}
.progress-text{
  text-align:left;
  padding-left:10px;
}

.hobbies{
    text-align: left;
}

span.contact.glyphicon {
    font-size: 20px;
}

span.hobbie.label.label-primary {
    margin-right: 5px;
    margin-left: 0px;
    text-align: left;
}