body{font-family:'Open Sans',serif;padding-top:54px;color:#868e96}@media (min-width:992px){body{padding-top:0;padding-left:17rem}}h1,h2,h3,h4,h5,h6{font-family:'Saira Extra Condensed',serif;font-weight:700;text-transform:uppercase;color:#000000}h1{font-size:6rem;line-height:5.5rem}h2{font-size:3.5rem}.subheading{text-transform:uppercase;font-weight:500;font-family:'Saira Extra Condensed',serif;font-size:1.35rem}.list-social-icons a{color:#495057}.list-social-icons a:hover{color:#8e8e8e}.list-social-icons a .fa-lg{font-size:1.75rem}.list-icons{font-size:3rem}.list-icons .list-inline-item i:hover{color:#bd5d38}#sideNav .navbar-nav .nav-item .nav-link{font-weight:600;text-transform:uppercase}@media (min-width:992px){#sideNav{text-align:center;position:fixed;top:0;left:0;display:flex;flex-direction:column;width:17rem;height:100vh}#sideNav .navbar-brand{display:flex;margin:auto auto 0;padding:.5rem}#sideNav .navbar-brand .img-profile{max-width:10rem;max-height:10rem;border:.5rem solid rgba(255,255,255,.2)}#sideNav .navbar-collapse{display:flex;align-items:flex-start;flex-grow:0;width:100%;margin-bottom:auto}#sideNav .navbar-collapse .navbar-nav{flex-direction:column;width:100%}#sideNav .navbar-collapse .navbar-nav .nav-item{display:block}#sideNav .navbar-collapse .navbar-nav .nav-item .nav-link{display:block}}section.resume-section{border-bottom:1px solid #dee2e6;padding-top:5rem!important;padding-bottom:5rem!important}section.resume-section .resume-item .resume-date{min-width:none}@media (min-width:768px){section.resume-section{min-height:100vh}section.resume-section .resume-item .resume-date{min-width:18rem}}@media (min-width:992px){section.resume-section{padding-top:3rem!important;padding-bottom:3rem!important}}.bg-primary{background-color:#000000!important}.text-primary{color:#8e8e8e!important}a{color:#bd5d38}a:active,a:focus,a:hover{color:#824027}

#intro{
    background-color: black;
    min-height: 101vh;
}

@media(min-width: 992px) and (max-width: 1500px){
    #div_logo{
        margin-left: 19vw!important
    }
    
    .bord{
    border-right-style: solid;
    border-right-width: 2px;
    border-right-color: #8e8e8e;
    }
    
    .ling{
    padding-left: 80px;
}
}

@media(min-width: 1600px){
    #div_logo{
        margin-left: 27vw!important
    }
    
    .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 34.666667%!important
    }
    
    .ling{
    padding-left: 40px
    }
    
    .bord{
    border-right-style: solid;
    border-right-width: 2px;
    border-right-color: #8e8e8e;
    }
}


@media(max-width: 576px){
    .bord{
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #8e8e8e;
    }
    
    .ling{
    padding-left: 0px
    }
    
    }
    

/*Competências*/

ul#progress,#progress2,#progress3,#progress4,#progress5,#progress6,#progress7,#progress8,#progress9 {
list-style:none;
/*width:125px;*/
margin:0 auto;
padding-top:5px;
padding-bottom:40px;
padding-right:46px;
}
ul#progress li, ul#progress2 li, ul#progress3 li, ul#progress4 li, ul#progress5 li, ul#progress6 li, ul#progress7 li, ul#progress8 li, ul#progress9 li{
float:left;
position:relative;
width:15px;
height:15px;
border:1px solid #fff;
border-radius:50px;
margin-left:10px;
border-left:1px solid #E5E5E5; border-top:1px solid #E5E5E5; border-right:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5;
background:#E5E5E5;;
}

ul#progress li, ul#progress2 li, ul#progress3 li, ul#progress4 li, ul#progress5 li, ul#progress6 li, ul#progress7 li, ul#progress8 li, ul#progress9 li:first-child { margin-left:10px; }

.running .ball{
background-color:#b5b5ba;
background-image: -moz-linear-gradient(90deg, #2187e7 25%, #a0eaff);
background-color: #8e8e8e;

width:15px;
height:15px;
border-radius:50px;
-moz-transform:scale(0);
-webkit-transform:scale(0);
-moz-animation:loading 1s linear forwards;
-webkit-animation:loading 1s linear forwards;
}


@-moz-keyframes loading {
0%{-moz-transform:scale(0,0);}
100%{-moz-transform:scale(1,1);}
}

@-webkit-keyframes loading {
0%{-webkit-transform:scale(0,0);}
100%{-webkit-transform:scale(1,1);}
}


/*Competências*/

.demo{ background: #585858; }
.progress{
    height: 50px;
    background-color: rgba(255,255,255,0.3);
    border-radius: 50px;
    box-shadow: none;
    padding: 10px;
    margin-bottom: 5px;
    overflow: visible;
}
.progress .progress-bar{
    box-shadow: none;
    position: relative;
    border-radius: 20px;
    animation: animate-positive 2s;
}
.progress .progress-title{
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 1px;
    color: #868e96;
    text-transform: uppercase;
    margin: 0;
    position: absolute;
    top: -20px;
    left: 15px;
}
.progress .progress-value{
    width: 45px;
    height: 26px;
    line-height: 25px;
    background: #f5f5f5;
    border-radius: 50px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    font-size: 14px;
    font-weight: bold;
    color: #868e96;
    position: absolute;
    top: 2px;
    right: 3px;
}
.progress.yellow .progress-value{ color: #8e8e8e; }
.progress.blue .progress-value{ color: #7049ba; }
.progress.green .progress-value{ color: #5fad56; }
@-webkit-keyframes animate-positive{
    0% { width: 0; }
}
@keyframes animate-positive{
    0% { width: 0; }
}




/*Overlay imagens*/

.contain {
    position: relative;
    width: 100%;
}

.image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}


.mais{
    background-color: transparent;
    border: 1px solid #000;
    text-decoration: none;
    cursor: pointer;
    font-size: 14px;
    box-shadow: 0px 0px 7px;
    line-height: 20px;
    
}


.contain:hover .image {
  opacity: 0.3;
}

.contain:hover .middle {
  opacity: 1;
}

.text {
  background-color: ;
  color: black;
  font-size: 20px;
  padding: 16px 32px;
}