body{
	font-size: 14px;
	color:#333;
	letter-spacing: 1px;
}


.overlay {
	width: 100%;
	height: 100%;

	position: absolute;
	z-index:3; 
	background-color: rgba(0,0,0, 0.4);
}
.slides-navigation {
	z-index:6; 
}
.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(../icons/backArrow.png);
}

.slides-navigation a.next {
right: 20px;
background-image: url(../icons/nextArrow.png);

}

.titleMessage {
position: absolute;
width: 100%;
height:250px;
top:50%;
margin-top: -125px;
text-align: center;
z-index: 5;

}

.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: 30px;
}
.titleMessage .heading .sub{
	font-size: 15px;
}

.section{

	padding: 100px 0;
}

.aboutImage{
	max-width: 80%;
}

.skillSection,
.languageSection,
.contactSection{
	color: #fff;
	font-size:14px;
	background-color: #00695C;
	/*background-color: #00897B;*/
	/*background-color: #009688;*/
	/*background-color: #4DB6AC;*/
	
}

#portfolio, #sofSkill{
	color: #fff;
	font-size:14px;
	background-color: #ecf0f1;
}


.skill{

	text-align: center;
	margin-left:10px;
}

.chart{
	position: relative;
	width: 152px;
	height: 152px;
	display: inline-block;
	text-align: center;

}

.chart canvas{
position: absolute;
left:0;
top:0;
}

.chart .percent{
	color: #fff;
	line-height: 152px;
	display: inline-block;
	font-size: 35px;
}

.chart .percent:after{
	content: '%';
}

.softSkillTitle
 {

	text-align: center;
	color:#00695C;
}

.squareItem{
margin-top: 30px;
position:relative;
}

.squareInnerContainer{
	position:relative;
	padding: 50px 15px 30px;
	text-align: center;
	border:2px solid #00695C;
	border-top:none;
}

.squareInnerContainer:before,
.squareInnerContainer:after{

	content: '';
	position: absolute;
	top:0px;
	width: 30%;
	border-bottom: 2px solid #00695C;
}

.squareInnerContainer:before{
	right:0px;
}

.squareInnerContainer:after{
left:0px;
}

.squareContent h2{
font-size: 20px;
margin-bottom: 10px;
font-weight: 400;
color:#00695C;
}

.squareIcon{
	position:absolute;
	left: 60%;
	top:-30px;
	width: 40px;
	height:60px;
	font-size:45px;
	margin-left:-20%;
	color: #00695C;

}

.contactButton{
	color:#fff;
	padding:15px 20px;
	display: inline-block;
	margin-top:20px;
	border: 1px solid: #fff;
	border-radius: 2px;
}

.contactButton:hover{
	text-decoration: none;
	color: #00695C;
	background-color: #fff;
}

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

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

.filter .current{
	background-color: #00695C;
	border-color:#00695C;
	color:#fff ;
}


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

.section .heading{
	text-align: center;
	padding-bottom: 40px;
	width: 100%;
	color: #00695C;

}

.items li{

	display: inline-block;
	padding: 5px;


}

.itemsContainer {
	width: 100%;
}


.items 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;
}

.items .item{
	position:relative;
	display:block;
	overflow:hidden;
}


.items .icons{

	position:absolute;
	width:90px;
	height: 40px;
	left:50%;
	top: 50%;
	margin: -20px auto 0 -47px;
	text-align: center;
	z-index: 3;
}

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

.items a{
	width: 40px;
	height: 40px;
	background-color: #00695C;
	position: relative;
	display: inline-block;

	-webkit-transition: all 0.2s linear, 0.5s;
-moz-transition: all 0.2s linear, 0.5s;
-o-transition: all 0.2s linear, 0.5s;
-ms-transition: all 0.2s linear, 0.5s;
-transition: all 0.2s linear, 0.5s;
}

.items .imageOverlay{
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	position:absolute;
	left:0px;
	top:0px;
	opacity: 0;

-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;

}

.items .item:hover .imageOverlay{
	opacity: 1;
}

.items .openButton {
float:left;
left:-200px;
}

.items .projectLink {
	float:right;
	right: -200px;
}

.items #contentCreation .openButton{
	float:left;
	right: -500px;
}

.items #contentCreation .item:hover .openButton {
	left:50px;
}

.items .item:hover .openButton {
	left:0px;
}
.contentCreation .item:hover .openButton{
	left:0px;
	
}
.items .item:hover .projectLink {
	right:0px;
}

.items .item:hover img{
-webkit-transform: scale(1.05, 1.05);
-moz-transform: scale(1.05, 1.05);
-o-transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05);
-transform: scale(1.05, 1.05);
}

.items {
	padding: 0;
}

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

.copyrightSection p {
	margin: 0;
}


#navigation {
background-color: #00695C;
z-index:100;
padding: 20px 10px;
width:100%;
}

#navigation li{
	padding: 0px 10px;

}

#navigation li a{
	color: #fff;
}

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

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

.fixedNav #navigation {

	position: fixed;
	top:0;
}

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

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