.navbar {
background: transparent;	
transition: all 0.5s;
}
.navbar-brand span{
opacity: 0;	
margin-top:-2px;
}
.bgeffect{
	position:absolute;
	top:0;
	left:0;
	width: 100%;
	height:100%;
	background-color: #0e325dc4;
	/*background: linear-gradient(to left,#166ea2b0, #155d41cf);*/
	background: linear-gradient(to left,#6d6965b0, #343a36e3);
}
.navbar.navbgon100 .navbar-brand span, .navbar.navfix .navbar-brand span {
position: absolute;
animation: brandmove 0.5s 1;
animation-fill-mode: forwards;
animation-delay: 0.5s;
/*! left: 180px; */
margin-left: -33px;
top: 17px;
}
@keyframes brandmove {
	
from {opacity:0;left:0px;}
to {opacity:1;left:100px;}
}
.navbar.navbgon, .navbar.navfix{background-color: #333;}
.navbar.navbgon.navbar-inverse .navbar-nav .nav-link{
	color: #6f6f6f;

}

.navbar-inverse .navbar-nav .nav-link{
	color: white;
	font-weight: bold;
	font-size: 1.1em;
}
.navbar-inverse .navbar-nav .nav-link:hover{
	color: white;	
}
.navbar-inverse .navbar-nav .nav-link:after{
	content:"";
	display:block;
	height: 1px;
	background-color: #fff;
	transform: scale(0,0);
	transition: all 0.5s;
}
.navbar-inverse .navbar-nav .nav-link:hover:after{
	transform: scale(1,1);
}



.navbar {
	text-transform: uppercase;
}	
.navbar-inverse .navbar-nav > li > a {

/*line-height: 70px;*/
font-size: 1.3em;
font-weight: thin;
text-transform: uppercase;
transition: all 0.5s;
}
.focus {
	/*background-color: #fff;*/
}
h1,h2,h3,h4,h5,h6 {
	/* font-weight: bold; */
	text-transform: capitalize;
	/* text-shadow: 1px 1px 5px #000; */
}
.content>h1, .content>p {
	/*color: #c2c2c6;	*/
	color: #222;
}
.focus h3{

	font-weight: bold;
	font-size: 1.2em;
	color: #afc8f3;
	padding-top: 25px;
	/*text-shadow: 0 0 5px #000;*/
	margin:0px;
}

.navbar-brand {
/*padding-top: 23px;*/
}
.navbar .navbar-brand img {
height: 53px;
transition: all 0.5s;

}
.navbar.navbgon100 .navbar-brand img, .navbar.navfix .navbar-brand img {
height: 50px;
}
.navbar-inverse.navbgon100 .navbar-nav > li > a {
line-height: initial;
}
.navbar.navbgon100{
box-shadow: 0 0 5px #000;
}
.navbar.navbgon100 .navbar-brand {

}

html, body {height: 100%;margin: 0;padding: 0;font-family: 'Montserrat', sans-serif; background-color: #afc8f3; }
.full-height {
height: 100%;	
}
.bg-banner {

background-image: url(images/bgroundColor.jpg);
background-size: cover;
background-position: center;
}
#header{height: 100%;position: relative;}
.fa {
	color: #393939;	
	/*text-shadow: 0 0 5px #000;*/
	
}
#header-text {color: white;position: relative;top: 40%;text-align: center;/*border: 1px solid white;padding: 5px; border-radius: 40px; */padding-top: 10px;}
#header-text span {
background-color: rgba(20,20,20,0.8);
font-size: 2.5em;
padding: 5px;
text-transform: uppercase;
}
.content {
	padding-top: 30px;	
}
.content>p{
margin-bottom: 40px;	
}
.content {
	text-align: center;	
}
.row {
	margin-top: 50px;
	padding-bottom: 100px;
}
.skills p {
text-align:left;	
}
.skills h1{
text-align:center;	
}
.skills{
	padding-top: 30px;
	padding-bottom: 30px;
background-color: #393939;
color: #c2c2c6;
}
.progress {
	height: 10px;
	box-shadow: 0 0 5px #111;
	background-color: #fff;
}
.progress-bar {
	background-color: #7ca7f3 !important;
	box-shadow: 2px 0px 5px #000;
}
.skill-bars p{
	margin-bottom: 0px;	
	text-transform: uppercase;
}
.skill-bars p:not(:first-child) {
	margin-top: 15px;
}
.focus-header {
	background-color: #fff;
	padding-top: 5px;
	/*box-shadow: 0 0 2px #999;*/
	/*color: #c2c2c6;*/
	min-height: 130px;
}
.focus-content {
	background-color: #fff;
	min-height: 130px;
	color: #000;
	padding: 5px;
	margin-bottom: 20px;
}
.footer {
	background-color: #2c2a2a;
	color: #c2c2c6;
	padding-top: 20px;
	padding-bottom: 20px;
}
.portfolio img {
	width: 100%;
	/*border: 2px solid #e6e1e1;*/
	/* box-shadow: 0 0 1px #000; */
	transition: all 1s;
	/*border-radius: 3px;*/
	vertical-align: initial;
}
.portfolio-text {
position: absolute;
background-color: rgba(40,100,134,0.92);
height: 100%;
margin-left: -5px;
width: 100%;
padding: 5px;
text-align: center;
border: 1px solid #fff;
transform: scale(0,0);
top: 0px;
transition: all 0.3s;
}
.portfolio-content {
overflow: hidden;
margin-bottom: 2px;
padding-left: 5px;
padding-right: 5px;

}
.portfolio-content:hover img {
	animation: PortfolioHoverImg 2s;
	animation-fill-mode: forwards;
}
@keyframes PortfolioHoverImg {
from{transform:scale(1,1) rotate(0deg)}
to{transform:scale(1.2,1.2) rotate(5deg) }
}
.portfolio-content:hover .portfolio-text {
transform: scale(1,1);	
}
.portfolio-content .portfolio-text p{
	position: relative;	
	opacity:0;
}
.portfolio-content:hover .portfolio-text p {
 animation: parappear 0.5s;
 animation-delay: 0.3s;
 animation-fill-mode: forwards;
}
@keyframes parappear{
from{opacity:0 ;left:100px;}
to{opacity:1; left:0px;}
}
.portfolio-text a {
color: white;
padding:10px;
background-color: #333;
position: relative;
opacity: 0;
}
.portfolio-content:hover .portfolio-text a {
animation: a-appear 0.5s;
animation-delay: 0.6s;
animation-fill-mode: forwards;
}
@keyframes a-appear {
from{opacity:0; bottom:-30px;}
to{opacity:1; bottom: 0px;}
}
.portfolio{
	color: #fff;
	min-height: 70%;
	
}
.portfolio-header {
	height: 40%;
	background-image: url(images/wood2.jpg);
	background-size:cover;
	padding-top: 50px;
}
h4 {
font-size: 1.1em;	
}
.row-categories {
	padding-bottom: 0px;
	text-align: center;

	margin: auto;
	padding-top: 30px;
}
.categories .btn {
	margin-right: 10px;	
	margin: auto;
	margin-bottom: 10px;
}
.portfolio-content {

	
}
.portfolio-content.visible {

}
.ekko-lightbox-nav-overlay a:last-child span{
	position: absolute;
	right: 0;
}
.ekko-lightbox-nav-overlay a{
	color: #333;	
}
.contact {
/*color: #f5f5f5;	*/

}
@media (max-width:772px){
h1 {
	font-size: 2rem;	
	
}
.navbar{
background-color: #333;	
}
.navbar .navbar-brand img {
height: 40px;
transition: all 0.5s;

}
.portfolio-header{
	height:50%;
}
}