/*==================================
    Template Name: AboutMe | Personal Portfolio Template;
    Template Url: http://www.propertheme.com/html/about-me_preview;
    Template Author: CoderTheme;
    Authoor URL  : http://www.propertheme.com;   
    Descripation : Haith is a Landing Fully Responsive Template;
    Template Type: Personal Portfolio ;
    Create Date : 02/11/2017;
===================================*/

/*==============================
    ** Css Index **
===============================*/
/*===============================/*
    01. Google Fonts
    02. Default Css
    03. Header-slider Area css
    04. Social links css
    05. header-navbar-area css
    06. about-us css
    07. Section-title css
    08. Skill css
    09. experience css
    10. education css
    11. Blog css
    12. testimonial css
    13. portfolio-area css
    14. Contact css
    15. ScrollUp css

/*===============================/*

/*==============================
    01. Google Fonts
===============================*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

/*==============================
    02. Default Css
===============================*/

body, html {height: 100%;}
img {max-width: 100%; height: auto;}
ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
li {display: inline-block;}
h1, h2, h3, h4, h5, h6, p {margin: 0 0 20px;
padding-top: 20px;}
body {
    font-size: 14px;
    line-height: 1.7;
    font-family: 'Montserrat', sans-serif;
}


/*------------------------------
    ** Some Section Custom css**
---------------------------------*/

/*==============================
    ** PreLoder **
===============================*/

/*******************************
   *** home-2 & home-3 css***
*******************************/




/*************************
04. Skill
*************************/
.fix {overflow: hidden;}
.skill .progress {
    background-color: #c1c1c1;
    border-radius: 3px;
    box-shadow: none;
    height: 10px;
    overflow: visible;
    position: relative;
    margin-top: 50px;
    margin-bottom: 0;
}
.skill .progress .title {
    left: 0;
    position: absolute;
    top: -23px;
    z-index: 99;
    font-weight: 700;
}
.skill .progress .progress-bar {
    border-radius: 3px;
    box-shadow: none;
}
.skill .progress-bar span {
    background-color: #2196f4;
    margin-top: -26px;
    padding: 0 5px;
}
/*==============================
    03. Header-slider Area css
===============================*/


/*==============================
    04. Social links css
===============================*/


/*==============================
    05. header-navbar-area css
===============================*/

/*==============================
    06. about-us css
===============================*/


/*==============================
    07. Section-Title css
===============================*/


/*==============================
    08. Skill css
    -------------------------
**language circle progress bar**

===============================*/

/*=====================
    language circle progress bar
======================*/
.progressbar {
    display: inline-block;
    width: 23%;
    border-radius: 50%;
    text-align: center;
    margin-right: 1px;
}
.progressbar h4 {
    margin: 15px 0 0px;
}
.progressbar.language {
    width: 32.5%;
}
.progressbar:last-child {
    margin-right: 0;
}
.circle {
    width: 140px;
    height: 140px;
    margin: 0 auto;
    display: inline-block;
    position: relative;
    text-align: center;
}
.circle canvas {
    vertical-align: middle;
    border-radius: 50%;
}
.circle div {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -16px 0 0 -66px;
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
}

/*==============================
    09. experience css
===============================*/

/*-------------------------------
    **home-2 css
--------------------------*/

/*==============================
    10. education css
===============================*/

/*==============================
    11. Blog css
===============================*/

/*==============================
    12. testimonial css
===============================*/

/*==============================
    13. portfolio-area css
===============================*/

/*==============================
    14. Contact css
===============================*/

/*==============================
    15. scrollUp css
===============================*/