.poi:before,
.twentytwenty-right-arrow:before,
.overlay-on-scroll .overlay,
.bg-color,
[type="radio"]:checked + i:after,
.icon-inline.icon-solid-color,
hr.hr-fancy:after,
.hover-mask-color:before,
.main-nav .navbar-toggle:hover .icon-bar,
.main-nav .nav a:before,
.filter-button.active,
.flexslider:hover .flex-next:hover, 
.flexslider:hover .flex-prev:hover,
.flex-control-paging li a.flex-active,
.progress-bg-color:before,
.progress-bar,
.progress-bar-vertical
{
  background: #EA8825;
}


.text-color,
.text-hover-color:hover,
a.link-color,
a.link-color:focus,
a.link-color:hover,
a.link-color-2,
a.link-color-2:focus,
a.link-both,
a.link-both:focus,
a.link-both:hover,
a.link-both-2,
a.link-both-2:focus,
[type="checkbox"]:checked + i:after,
.form-i-left .form-control:focus + .fa,
.form-i-right .form-control:focus + .fa,
.main-nav .nav .active > a,
.main-nav .nav a:hover,
.twitter-slider .tweet a:hover,
.close-modal:hover,
.device-button.active,
.rotate-button:hover{
  color: #EA8825;
}

.form-control:focus,
[type="checkbox"]:not(:checked) + i:before,
[type="checkbox"]:checked  + i:before,
[type="radio"]:not(:checked) + i:before,
[type="radio"]:checked + i:before,
.icon-inline.icon-border-color,
hr.hr-color,
.bg-image.text-dark hr.hr-color,
.bg-video.text-dark hr.hr-color,
.img-border-color{
  border-color: #EA8825;
}

.navbar-brand, .navbar-brand:hover, .navbar-brand:active, .navbar-brand:focus{
	
	padding: 10px 50px;

}


/*btn*/


.btn,
.btn.btn-hover-border,
.btn.btn-border,
.btn.btn-border.btn-hover-solid:hover{
  background: #EA8825;
  border-color: #EA8825;
  color:#fff;
}

.btn.btn-border,
.btn.btn-hover-border:hover{
  color:#EA8825;
  background:transparent;
}
.main-nav .navbar-brand .site-logo{
	height: 80px;
}

.main-nav.navbar-transparent .navbar-brand{
	padding: 10px 50px 30px;
}

.main-nav.navbar-transparent .navbar-brand .transparent-logo,
.main-nav .navbar-brand .transparent-logo{
	top: 15px;
}


.bg-color, .bg-dark, .bg-black, .bg-image, .bg-video{
	color: #fff;
	
}

.container.text-lg{
	background:rgb(6,6,6,.6);
}


/*-----------------------
--- Skills Styles ----
-------------------------*/

#skills{
    background-color: #fff;
}

.skills-bars{
    position: relative;
    margin-top: 20px;
    height:350px;
	opacity:0;
	transition:opacity .3s ease-out;
}

.skills-item{
    position: absolute;
    width:15%;
	height:0;
    bottom:0;
    border-right: 3px solid #fff;
    transition:height 1.2s ease-in-out;
}

.skillw25{
	width: 25%;
}

.skill1{
    left:0;
    background: #F28C83;
}

.skill2{
    left:15%;
    background: #509B9E;
}

.skill3{
    left:30%;
    background: #334959;
}

.skill4{
    left:45%;
    background: #B2C7C8;
}
.skill5{
    left:60%;
    background: #b2b2c8;
}
.skill6{
    left:75%;
    background: #c8b2b2;
}
.skill7{
    left:90%;
    background: #b9c8b2;
}

.skill10{
    left:0%;
    background: #F28C83;
}
.skill11{
    left:25%;
    background: #509B9E;
}
.skill12{
    left:50%;
    background: #334959;
}
.skill13{
    left:75%;
    background: #b2b2c8;
}

.percent{
    position: absolute;
    display: block;
    width:100%;
    top:-60px;
    font-size: 48px;
    text-align: center;
    color: #343536;
    line-height: 60px;
}

.skills-item p{
    position: absolute;
    width: 100%;
    bottom: -40px;
    text-align: center;
}
.center-pills {
    display: flex;
    justify-content: center;
}