.overlay {
	width:100%;
	height:100%;
	position:absolute;
	z-index: 3;
	background-color:rgba(0,0,0,0.5);
}

a {
  color: red;
}

.slides-navigation .prev,
.slides-navigation .next {
	width: 47px;
	height: 47px;
	background-size: cover;
	background-repeat: no-repeat;
}
.slides-navigation a.prev {
	left:20px;
	background-image: url(../img/icons/prev.png);

}
.slides-navigation a.next {
	right:20px;
	background-image: url(../img/icons/next.png);
}
.titleMessage {
position: absolute;
width: 100%;
height: 250px;
top: 50%;
z-index: 5;
text-align: center;
margin-top: -125px;
}

.gobottom {
	position: absolute;
	width: 100%;
	text-align: center;
	background-size: cover;
	z-index: 6;
	top: 90%;
	display:inline-block;
}

.gobottom .img-top{
   
	display:none;
	position:absolute;
	z-index:99;
   margin-left:-50px;
   

}

.gobottom:hover .img-top{
display: inline;

}



.titleMessage .heading p{
color: #fff;
text-shadow: 0px 2px 5px rgba(0,0,0,0.4);
font-weight: 100;
letter-spacing: 5px;
}

.titleMessage .heading .main {
	font-size: 50px;
}

.titleMessage .heading .sub{
	font-size: 23px;
}

hr
{
    margin-top: 5rem;
  margin-bottom: 1rem;
  border: 0;
    border-top:1px solid rgba(0, 0, 0, 0.1);
}
.section {
	padding:45px 0 20px 0;
}

.aboutImage{

	max-width:70%;
	border-radius:50%;
	border: #2c3e50 6px solid;
}

.filter a{
    color: #999B9D;
    border:1px solid #bdc3c7;
    padding:10px 18px;
    display:block;
    
}

.filter li {
    display: inline-block;
    padding: 5px;
}

.filter .current{
    background-color:#2c3e50;
    border-color: #2c3e50;
    color: #fff;
}

.filter {
    text-align:center;
    width:100%;
}

.section .heading{
    text-align: center;
    width:100%;
    padding-top: 10px;
    padding-bottom: 10px;}

.items li img,.items1 li img,.items2 li img,.items3 li img{
	width:100%;
	 -webkit-transition: all 0.2s linear, 1s;
    -moz-transition: all 0.2s linear, 1s;
    -o-transition: all 0.2s linear, 1s;
    -ms-transition: all 0.2s linear, 1s;
    -transition: all 0.2s linear, 1s;
	
}


.itemsContainer{
	width:100%;
}




.items .item,.items1 .item,.items2 .item,.items3 .item{
	position:relative;
	display:block;
	overflow:hidden;
}


body .fancybox-container {
    text-align: left;
}

.items .icons,.items1 .icons,.items2 .icons,.items3 .icons{
position: absolute;
width: 100px;
height: 40px;
left: 50%;
top: 50%;
margin: -20px auto 0 -60px;
text-align: center;
z-index: 3;
}




.items .icons i, .items1 .icons i, .items2 .icons i, .items3 .icons i{
	color: #fff;
font-size: 20px;
margin-top: 9px;
}


.items a,.items1 a,.items2 a,.items3 a{
	width:40px;
	height:40px;
	background-color:#2c3e50;
	position:relative;
	display:inline-block;
	 -webkit-transition: all 0.2s linear, 0.2s;
    -moz-transition: all 0.2s linear, 0.2s;
    -o-transition: all 0.2s linear, 0.2s;
    -ms-transition: all 0.2s linear, 0.2s;
    -transition: all 0.2s linear, 0.2s;
}
.items .imageOverlay, .items1 .imageOverlay, .items2 .imageOverlay, .items3 .imageOverlay{
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.5);
left: 0px;
top: 0px;
opacity: 0;
position: absolute;

}
.items .item:hover .imageOverlay, .items1 .item:hover .imageOverlay, .items2 .item:hover .imageOverlay, .items3 .item:hover .imageOverlay{
	opacity: 1;
}
.items li{
    margin:10px 0;
}

.items1 li{
    margin:10px 0;
}

.items .card,.items1 .card,.items2 .card,.items3 .card{
    
	display:inline-block;
	width:100%;
	border: 1px solid #e4e4e4;
	border-radius: 1px;
}

figcaption {
   
	padding:0px 10px 20px;
}

.card h3{
	font-size:16px;
	line-height: 24px;
	padding:5px 0;
	margin-top:10px;
}

.card p{
	font-size: 14px;
	color:#7F8081;
	line-height: 20px;
}

.items .openButton,.items1 .openButton,.items2 .openButton,.items3 .openButton{
	float:left;
	left: -200px;

}

.items .hidden,.items1 .hidden,.items2 .hidden,.items3 .hidden{

	display: none;
}

.items .projectlink,.items1 .projectlink,.items2 .projectlink,.items3 .projectlink{

	float:right;
	right:-200px;
}

.items .item:hover .openButton, 
.items1 .item:hover .openButton,
.items2 .item:hover .openButton,
.items3 .item:hover .openButton{
	left:30px;
}

.items .item:hover .projectlink, .items1 .item:hover .projectlink, .items2 .item:hover .projectlink, .items3 .item:hover .projectlink{
	right:0px;
}
.items .item:hover img, .items1 .item:hover img, .items2 .item:hover img, .items3 .item:hover img{
	 -webkit-transform: scale(1.05, 1.05);
    -moz-transition: scale(1.05, 1.05);
    -o-transition: scale(1.05, 1.05);
    -ms-transition: scale(1.05, 1.05);
    -transition: scale(1.05, 1.05);
}

.items, .items1, .items2, .items3{
	padding:0;
	list-style-type:none;
}

.copyrightSection{
	background-color: #000;
	color:#fff;
	padding:30px 5px;
}

.copyrightSection p{
	margin:0;
}

#navigation{
	background-color: #000;
	padding:20px 5%;
	z-index:100;
	width:100%;
}

#navigation li{
	padding:0 10px;

}

#navigation li a{
	color:#fff;
}

.navbar-brand, .navbar-brand:hover {
	color:#fff;
}

#navigation li a:hover {

	color:#95a5a6;


}

#navigation li a:focus{

	color:yellow;


}

.navbar-toggler-icon {
	background: url(../img/icons/menu.png);
	background-size: 100%;
}

.fixedNav #navigation {
	position: fixed;
	top:0;
}

.loader {
		width:100%;
		height:100%;
		background-color:#ffff;
		position:fixed;
		top:0px;
		left:0px;
		z-index:1000;

}


.loader .inner {
	width:100%;
	height:100%;
	background:url(../img/loader.gif) center center no-repeat;
}