@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: bold;
    src: url('../fonts/Univers LT 63 Bold Extended.ttf');
}
@font-face{
	font-family:light;
	src:url('../fonts/Univers CE 55 Medium.ttf');
}
.bg-contener-home
{
	padding:120px 0 150px 0;
	background-color:#18BC9C;
}
.bg-contener-about
{
	padding:55px 0 30px 0;
	background-color:#FFF;
}
.bg-contener-portfolio
{
	padding:30px 0 30px 0;
	background-color:#18BC9C;
}
.bg-contener-contact
{
	padding:55px 0 30px 0;
	background-color:#FFF;
}
.image
{
	border:#FFF thick solid;
	margin-bottom:20px;
}
.hr-line
{
    margin: 25px auto 30px;
    padding: 0;
    max-width: 250px;
    border: 0;
    border-top: solid 5px;
    text-align: center;
	color:#FFF;
}

.hr-line:after
{
    content: "\f005";
    display: inline-block;
    position: relative;
    top: -.8em;
    padding: 0 .25em;
    font-family: FontAwesome;
    font-size: 2em;
    color: #fff;
    background-color: #18bc9c;
}
.ver
{
	 margin: 15px auto 30px;
    max-width:750px;
    border: 0;
    border-top: solid 5px;
    text-align: center;
	color:#2C3E50;
	
}
.ver:after
{
	  content: "\f005";
    display: inline-block;
    position: relative;
    top: -.8em;
    padding: 0 .25em;
    font-family: FontAwesome;
    font-size: 2em;
    color: #2C3E50;
    background-color: #FFFFFF;
}
.text-h1
{
	font-family:bold;
	font-size:3em;
	color:#FFF;
	text-transform:uppercase;
}
.text-h2
{
	font-family:bold;
	font-size:2.2em;
	color:#2C3E50;
	text-transform:uppercase;
	text-align:center;
}
.text-h2-min
{
	font-family:bold;
	font-size:1.5em;
	color:#2C3E50;
	
}
.text-skill
{
	font-family:light;
	font-size:1.5em;
	color:#FFF;
}
.text-h3
{
	font-family:light;
	font-size:1.5em;
	color:#ACB6C3;
}
.text-edu-h2
{
	font-family:bold;
	font-size:1.5em;
	color:#18bc9c;
}
.text-edu-p
{
	font-family:light;
	font-size:1.5em;
	color:#ACB6C3;
}
.text-edu-span-dark
{
	color:#2C3E50;
}
.text-edu-span-light
{
	color:#18bc9c;
}
.nav-color
{
	background-color:#2C3E50;
}
.brand-text
{
	font-family:bold;
	font-size:1.5em;
}
.nav-text
{
	font-family:bold;
	font-size:1.1em;
}
.progressbar-my
{
	background-color:#18bc9c;
}
.progressbar-text
{
	font-family:light;
	font-size:1.5em;
	color:#ACB6C3;
	margin-top:-0.9px;
}
.soccial-ul
{
	padding-top:20px;
}
.social
{
	color:#ACB6C3;
}
.social:hover
{
	color:#18bc9c;
}
.img-margin
{
	margin:10px 0 10px 0;
}
.img-blur
{
	-webkit-filter: grayscale(100%);
}
.img-blur:hover
{
	-webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
	-webkit-filter: grayscale(0%);
}
.img-margin-display
{
	margin:20px 0 20px 0;
}
#spinner
{
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background: url('../Img/page-loader.gif') 50% 50% no-repeat rgb(249,249,249);
}