/*
Theme Name: Riche | vCard Clean & Responsive HTML Template
Theme URI: http://themeforest.net/user/hamzh
Author: Hamzh
Author URI: wwww.hamzh.info
Description: Riche | vCard Clean & Responsive HTML Template
Tags: Riche, vCard, Template, HTML, Responsive, Clean
Version: 1.0
License: GNU General Public License
License URI: license.txt
*/



/**
* Table of Contents:
*
1- General & Basic Styles
2- Out Side
3- Header
4- Main Wrapper
5- Welcome Section
6- Profile Section
7- Resume Section
8- Portfolio Section
9- Blog Section
10- Contact Section
11- Single Post
12- Twitter Slider
12- Copyright
12- Twitter Slider
12- Twitter Slider
12- Twitter Slider


 * -----------------------------------------------------------------------------
 */
@import url(https://fonts.googleapis.com/css?family=Lato:400,300,300italic,400italic,700,700italic,900,900italic);
/*
    THE TWO OPEN SANS IMPORTS WERE REMOVED, 2026-09-19.

    The family is declared once in this file, on .skillbar, and .skillbar
    exists on no account: the platform turned skill bars into plain labels
    account-wide some time ago. Measured on jdoe, jkriss and maxed, zero
    elements used the family, so two stylesheet requests were being made
    on every page load for a face nothing renders.

    THE LATO AND OSWALD IMPORTS BELOW STAY. Oswald draws 9 elements on
    jdoe and 7 on maxed, in .post_header h3 inside a tab panel that is
    closed at load, which is why counting only visible elements reads it
    as unused. Lato is requested here at weights the platform's own
    request does not carry, so dropping it would make the browser
    synthesize them. Both would be font changes, and a paying customer is
    on this design.
*/
@import url(https://fonts.googleapis.com/css?family=Oswald:400,300,700);




/*//////////////////////////////////////////
//////////// General & Basic ///////////////
/////////////////////////////////////////*/
html, body{
    position: relative;
    width: 100%;
    height: 100%;
    font-family: 'Lato', Arial, sans-serif;
    background-color: #7db701;
}
.wrapper{
    display: block;
    width: 100%;
    overflow: hidden;
    position: absolute;
    top: 49%;
    margin: -290.5px auto 0 auto;
}
.wrapper p{
    color: #7b7b7b;
}
.wrapper a{
    color: #ccc;
    text-transform: capitalize;
    text-decoration: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.wrapper a:hover{
    color: #7db701;
}
/*/////////// Base Btn ///////////*/
.hire_download{
    margin: 15px 0;
    float: left;
}
.vcard_btn{
    text-transform: capitalize;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    padding: 5px 12px;
    border-radius: 100px;
    color: #999;
    margin: 0 5px;
    border-radius: 10px;
    border: 2px solid #999;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.vcard_btn i{
    margin-right: 5px;
}
.vcard_btn:hover{
    color: #7db701;
    border: 2px solid #7db701;
}
.hz_br{
    content: "";
    display: block;
    margin: 10px auto;
    float: none;
    border-bottom: 1px dashed rgba(204,204,204,0.4);
    width: 60%;
}

/*//////////////////////////////////////////
///////////////// out_side /////////////////
/////////////////////////////////////////*/
.out_side{
    background-color: #fff;
    color: #fff;
}
.img-section{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.out_side .hz_br{
    content: "";
    display: block;
    margin: 40px auto;
    float: none;
    border-bottom: 1px dashed rgba(204,204,204,0.4);
    width: 60%;
}
.profile_date span{
    text-transform: capitalize;
}
.name_and_job{
    margin: -110px 0 50px 30px;
    display: block;
    text-align: left;
    position: absolute;
}
.hz_name, .hz_job{
    display: block;
}
.hz_name h3, .hz_job{
    margin-bottom: 5px;
}
.hz_freelance{
    color: #7db701;
}
.profile_img{
    background-color: #000;
}
.profile_img img{
    width: 100%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.profile_img img:hover{
    opacity: 0.6;
}

/*//////////////////////////////////////////
///////////////// header ///////////////////
/////////////////////////////////////////*/
header{
    background-color: #f9f9f9;
    /*	position: fixed;
      width: 760px;*/
    z-index: 1000;
}
header .nav, header .nav_icon{
    display: inline-block;
}
header .nav li, header .nav_icon li{
    display: inline-block;
    margin-bottom: 0;
}
header .nav li a, header .nav_icon li i{
    padding: 15px 15px;
    color: #7b7b7b;
    font-size: 14px;
    letter-spacing: 1.6px;
    text-transform: uppercase;
}
.nav li.active a, .nav_icon li.active i{
    background-color: #fff;
    color: #7db701;
    font-weight: 600;
}
.header .nav_icon{
    display: none;
    text-align: center;
    font-size: 15px;
    margin-bottom: 0;
}
.header .nav_icon i{
    font-size: 19px;
    padding: 20px 17px;
}
/*//////////////////////////////////////////
//////////// main_wrapper /////////////////
/////////////////////////////////////////*/
.main_wrapper{
    background-color: #fff;
    height: 546px;
    overflow: scroll;
}
.main_wrapper section{
    display: none;
    /*margin-top: 40px;*/
}
section.active {
    display:block;
}
.inner_section {
    padding: 30px;
    overflow: hidden;
}
.inner_section .vcard_block{
    margin: 40px 0;
}

/*//////////////////////////////////////////
///////////////// Welcome /////////////////
/////////////////////////////////////////*/
.inner_section .vcard_block.message,
.inner_section .vcard_block.about_desc{
    margin-top: 20px;
}
.message{
    text-transform: capitalize;
}
.message strong{
    font-size: 25px;
    margin-top: 0px;
}
blockquote{
    border-left: 5px solid #7db701;
    border-radius: 5px;
}
.message blockquote {
    margin: 0px;
    padding: 30px;
    position: relative;
    background: rgba(238, 238, 238, 0.5);
}
.message blockquote:before {
    font-family: 'FontAwesome';
    font-size: 22px;
    speak: none;
    text-indent: 0em;
    width: 50px;
    height: 50px;
    line-height: 44px;
    position: absolute;
    text-align: center;
    margin: 0px;
    z-index: 1;
    display: inline-block;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    content: '\f10d';
    top: -15px;
    right: 15px;
    font-style: normal;
    background-color: #7db701;
    border: 4px solid #fff;
    color: #fff;
}
.message blockquote p {
    display: inline;
    font-size: 15px;
    margin: 0px;
    line-height: 1.5;
}
.message blockquote .cite {
    font-style: normal;
    line-height: 1.5;
    display: inline-block;
    margin-top: 28px;
    position: absolute;
    margin-bottom: 0;
    right: 30px;
}
.message blockquote,em {
    font-style: italic;
}
.inner_section.welcome_section .contact_table_block{
    margin: 35px 0 0 !important;
}
/*contact_social*/
.welcome_section .contact_social{
    margin: 20px 0;
}

.welcome_section .hz_contact{
    display: block;
    float: left;
}
/*///////social_icon///////*/
.social_icon{
    text-align: right;
    padding-top: 5px;
}
.social_icon span {
    display: inline-block;
    width: 26px;
    height: 26px;
    line-height: 25px;
    text-align: center;
    font-size: 12px;
    margin: 0 1px;
}
.social_icon span a {
    display: block;
    border-radius: 100%;
    border: 1px solid #999;
    color: #999;
    height: 100%;
}
.social_icon span a:hover{
    border: 1px solid #7db701;
}

/*//////// ROTATE WORDS ////////*/
.rotate_words{
    display: inline;
    text-indent: 10px;
}
.rotate_words span{
    position: absolute;
    opacity: 0;
    overflow: hidden;
    color: #7db701;
    -webkit-animation: rotateWord 18s linear infinite 0s;
    -ms-animation: rotateWord 18s linear infinite 0s;
    animation: rotateWord 18s linear infinite 0s;
}
.rotate_words span:nth-child(2) {
    -webkit-animation-delay: 3s;
    -ms-animation-delay: 3s;
    animation-delay: 3s;
    color: #72a700;
}
.rotate_words span:nth-child(3) {
    -webkit-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
    color: #6da000;
}
.rotate_words span:nth-child(4) {
    -webkit-animation-delay: 9s;
    -ms-animation-delay: 9s;
    animation-delay: 9s;
    color: #659301;
}
.rotate_words span:nth-child(5) {
    -webkit-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
    color: #5d8802;
}
.rotate_words span:nth-child(6) {
    -webkit-animation-delay: 15s;
    -ms-animation-delay: 15s;
    animation-delay: 15s;
    color: #588101;
}
@-webkit-keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -webkit-transform: translateY(-30px); }
    5% { opacity: 1; -webkit-transform: translateY(0px);}
    17% { opacity: 1; -webkit-transform: translateY(0px); }
    20% { opacity: 0; -webkit-transform: translateY(30px); }
    80% { opacity: 0; }
    100% { opacity: 0; }
}
@-ms-keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -ms-transform: translateY(-30px); }
    5% { opacity: 1; -ms-transform: translateY(0px);}
    17% { opacity: 1; -ms-transform: translateY(0px); }
    20% { opacity: 0; -ms-transform: translateY(30px); }
    80% { opacity: 0; }
    100% { opacity: 0; }
}
@keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -webkit-transform: translateY(-30px); transform: translateY(-30px); }
    5% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px);}
    17% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); }
    20% { opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); }
    80% { opacity: 0; }
    100% { opacity: 0; }
}
.interview_videos{
    margin: 40px 0 0;
}

/*/////////instagram_feed///////*/
.social_feed{
    display: inline-block;
    text-align: center;
}
.section_title{
    display: inline-block;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.social_feed li{
    width:92.5px;
    height:92.5px;
    list-style: none;
    float: left;
    margin: 0px;
    position: relative;
    display: inline-block;
}
.social_feed ul{
    display: inline-block;
    margin: 0 0 -10px 0px;
}
.social_feed li img{
    width: 92.5px;
    height: 92.5px;
    display: block;
}
.img-overlay{
    background: rgba(0,0,0,0.6);
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
}
.social_feed li:hover .img-overlay {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

/*//////////////////////////////////////////
///////////////// Profile /////////////////
/////////////////////////////////////////*/
/*post_header*/
.post_header{
    text-align: center;
    text-transform: uppercase;
    margin: 20px auto;
}
.post_header h3{
    font-family: "Oswald", sans-serif;
    margin: 0px;
    letter-spacing: 2px;
}
.post_header h3:before{
    content: "";
    display: inline-block;
    margin: 7px;
    float: none;
    padding: 0;
    width: 20%;
    height: 5px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.post_header h3:after{
    content: "";
    display: inline-block;
    margin: 7px;
    float: none;
    padding: 0;
    width: 20%;
    height: 5px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.title_divider {
    border-top: 1px solid #ccc;
    display: block;
    max-width: 48px;
    margin: 5px auto 0px;
}
.about_desc{
    text-align: center;
}
.icon_servi {
    position: relative;
    padding: 0;
    display: inline-block;
}
.icon_servi ul {
    display: block;
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
}
.icon_servi ul li {
    display: block;
    position: relative;
    margin: 0 0 55px;
    padding: 0;
    float: left;
    list-style: none;
    overflow: inherit;
    -webkit-transition: all .4s linear!important;
    -o-transition: all .4s linear;
    transition: all .4s linear;
}
.icon_servi ul li:last-child{
    margin: 0px!important;
}
.icon_servi ul li i {
    display: inline-block;
    position: relative;
    float: left;
    padding: 26px 20px 26px 26px;
    margin: 18px 20px 0 0;
    border-right: 2px solid #ddd;
    font-size: 32px;
}
.icon_servi ul li h3 {
    display: block;
    position: relative;
    text-align: left;
    padding: 0;
    margin: 22px 0 4px;
    font-size: 20px;
    letter-spacing: 2px;
}
.icon_servi ul li p {
    display: block;
    position: relative;
    text-align: left;
    padding: 0;
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 1px;
}
.icon_servi ul li.icon_servi_right i {
    float: right;
    margin: 18px 0 0 20px;
    border-right: none;
    border-left: 2px solid #ddd;
}
.icon_servi ul li.icon_servi_right h3, .icon_servi ul li.icon_servi_right p {
    text-align: right;
}
.icon_servi_left, .icon_servi_right{display: none;}

/*//////Testimonials///////////*/
.testimonials{
    text-align: center;
    width: 100%;
}
.testimonials_photo img{
    padding: 5px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}
.testimonials_text{
    margin-bottom: 10px;
}
.testimonials_name{
    margin-top: 10px;
    font-size: 12px;
    font-weight: bold;
}
.shape{
    width: 50px;
    height: 5px;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    margin: auto;
}
#testimonials_slider{
    display: inline-block;
    position: relative;
    overflow: hidden;
}
.owl-carousel .owl-item {
    float: left;
}

/* Styling Pagination*/
.owl-theme .owl-controls .owl-page{
    display: inline-block;
    zoom: 1;
    *display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
    display: block;
    width: 12px;
    height: 12px;
    margin: 10px 3px;
    filter: Alpha(Opacity=50);/*IE7 fix*/
    opacity: 0.5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #869791;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
    filter: Alpha(Opacity=100);/*IE7 fix*/
    opacity: 1;
}

/*////////client_block////////*/
.client_block{
    margin: 20px 0;
}
.client img{
    width: 100%;
}

/*//////////////////////////////////////////
///////////////// Resume /////////////////
/////////////////////////////////////////*/
#resume li{
    list-style: none;
    display: inline-block;
    margin: 10px 0px;
}
.year{
    display: inline-block;
    position: relative;
    float: left;
    padding: 30px 20px;
    border-right: 2px solid #ddd;
    margin-right: 20px;
    text-align: center;
    max-width: 150px;
}
.year h4{
    margin-bottom: 5px;
}
.box_content{
    padding-top: 8px;
}
.box_content h4{
    margin-bottom: 5px;
}
.box_content p{
    margin: 0;
}
/* SKILLS */
.skills.vcard_block{
    display: inherit;
}
/*  Progress Bar --- */
.skillbar {
    position:relative;
    display:block;
    margin-bottom:15px;
    width:100%;
    background:#eee;
    height:35px;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    -webkit-transition:0.4s linear;
    -moz-transition:0.4s linear;
    -ms-transition:0.4s linear;
    -o-transition:0.4s linear;
    transition:0.4s linear;
    -webkit-transition-property:width, background-color;
    -moz-transition-property:width, background-color;
    -ms-transition-property:width, background-color;
    -o-transition-property:width, background-color;
    transition-property:width, background-color;
}
.skillbar-title {
    position:absolute;
    top:0;
    left:0;
    font-weight:bold;
    font-size:13px;
    color:#fff;
    background:#6adcfa;
    -webkit-border-top-left-radius:3px;
    -webkit-border-bottom-left-radius:4px;
    -moz-border-radius-topleft:3px;
    -moz-border-radius-bottomleft:3px;
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;
}
.skillbar-title span {
    display:block;
    background:rgba(0, 0, 0, 0.1);
    padding:0 20px;
    height:35px;
    line-height:35px;
    text-transform: uppercase;
    -webkit-border-top-left-radius:3px;
    -webkit-border-bottom-left-radius:3px;
    -moz-border-radius-topleft:3px;
    -moz-border-radius-bottomleft:3px;
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;
}
.skillbar-bar {
    height:35px;
    width:0px;
    background:#6adcfa;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
.skill-bar-percent {
    position:absolute;
    right:10px;
    top:0;
    font-size:11px;
    height:35px;
    line-height:35px;
    color:#444;
    color:rgba(0, 0, 0, 0.4);
}
/* COLORS */
.azure   { background: #38B1CC; }
.emerald { background: #2CB299; }
.violet  { background: #8E5D9F; }
.yellow  { background: #EFC32F; }
.red     { background: #E44C41; }

/* Fact */
.fact{
    text-align: center;
    position: relative;
    width: 100%;
}
.fact_content{
    text-align: center;
    position: relative;
}
.fact_box {
    padding: 10px 20px;
    border-right: 1px solid #ddd;
    display: inline-block;
}
.fact_box:last-child{
    border-right: none;
}
.fact.vcard_block, .portfolio.vcard_block{
    margin-bottom: 0px !important;
}
/*//////////////////////////////////////////
///////////////// Portfolio /////////////////
/////////////////////////////////////////*/
.portfolio.vcard_block{
    display: inherit;
    text-align: center;
    margin-top: 20px;
}
.portfolio_item{
    float: left;
    width: 33.333%;
}
.portfolio .grid{
    position: relative;
    padding: 0px;
    display: block;
    width: 100%;
    text-align: center;
}
ul.button-group{
    display: inline-block;
    position: relative;
    margin-bottom: 30px;
}
.button-group li{
    display: inline-block;
    margin: 0px;
    cursor: pointer;
}
.portfolio .vcard_btn:hover {
    color: #7db701;
    border: 2px solid #7db701;
}
.portfolio .vcard_btn:active,
.portfolio .vcard_btn.is-checked {
    color: #7db701;
    border: 2px solid #7db701;
}
.portfolio .vcard_btn.is-checked {
    color: #7db701;
    border: 2px solid #7db701;
}
.portfolio .vcard_btn:active {
    color: #7db701;
    border: 2px solid #7db701;
}
.button-group .butt {
    float: left;
    margin-left: 0;
    margin-right: 10px;
}
.overlay {
    background-color: #7db701;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.portfolio_item:hover .overlay {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.portfolio_item h4 {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    margin: 0 0 10px 0;
}
.portfolio_item p {
    font-size: 11px;
    font-style: italic;
    color: #fff;
}
.overlay_inner {
    height: 37px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    margin: auto;
}
/* ---- .element-item ---- */
.element-item {
    position: relative;
    float: left;
    width: 100px;
    height: 100px;
    margin: 5px;
    padding: 10px;
    background: #888;
    color: #262524;
}
.element-item > * {
    margin: 0;
    padding: 0;
}
.element-item .name {
    position: absolute;
    left: 10px;
    top: 60px;
    text-transform: none;
    letter-spacing: 0;
    font-size: 12px;
    font-weight: normal;
}
.element-item .symbol {
    position: absolute;
    left: 10px;
    top: 0px;
    font-size: 42px;
    font-weight: bold;
    color: white;
}
.element-item .number {
    position: absolute;
    right: 8px;
    top: 5px;
}
.element-item .weight {
    position: absolute;
    left: 10px;
    top: 76px;
    font-size: 12px;
}

/*//////////////////////////////////////////
///////////////// Blog /////////////////
/////////////////////////////////////////*/
.section_blog_posts.vcard_block{
    margin: 20px 0;
}
.blog_posts.vcard_block{
    width: 100%;
    margin-bottom: 0;
}
article.blog_item{
    margin-bottom: 50px;
}
.blog_item_content{
    background: rgba(238, 238, 238, 0.5);
    border-top: 5px solid #7db701;
    border-radius: 5px;
    position: relative;
}
.blog_item_detail {
    padding: 15px;
}
.blog_item_media{
    position: relative;
    overflow: hidden;
    width: 100%;
}
.blog_item_media img{
    width: 100%;
}
.standard .blog_item_content:before{
    font-family: 'FontAwesome';
    font-size: 22px;
    speak: none;
    text-indent: 0em;
    width: 45px;
    height: 45px;
    line-height: 40px;
    position: absolute;
    text-align: center;
    margin: 0px;
    z-index: 1;
    display: inline-block;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    content: "\f03e";
    top: -25px;
    right: 20px;
    font-style: normal;
    background-color: #7db701;
    border: 3px solid #fff;
    color: #fff;
}
.post_title h3 {
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 20px;
    color: #222;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    text-transform: inherit;
    font-family: "Oswald", helvetica, sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.post_info {
    font-size: 13px;
    padding: 5px 0 10px 0;
}
.post_info i {
    margin-left: 10px;
    margin-right: 5px;
    color: #7b7b7b;
    font-size: 13px;
}
.post_info i:first-child {
    margin-left: 0px;
}
.post_info a {
    color: #7b7b7b;
    display: inline-block;
}
.post_text {
    line-height: 25px;
    margin-bottom: 15px;
    color: #222;
}
.post_text p{
    color: #222;
}
.post_date {
    border-top: 2px solid #eeeeee;
    padding-top: 10px;
    margin-top: 10px;
    font-size: 12px;
    color: #7b7b7b;
}
/*post_slider*/
.post_slider_media{
    width: 100%;
    overflow: hidden;
    position: relative;
}
.post_slider_media .slider_item img{
    display: block;
    width: 100%;
}
.post_slider_media .owl-pagination{
    display: none;
}
.post_slider .owl-buttons .owl-prev {
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    z-index: 9999;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    opacity: 0;
    left: -30px;
    background: no-repeat 0 0;
}
.post_slider_media:hover .owl-buttons .owl-prev {
    position: absolute;
    top: 50%;
    left: 15px;
    opacity: 1;
}
.post_slider .owl-buttons .owl-next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    z-index: 9999;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    opacity: 0;
    right: -30px;
    background: no-repeat -30px 0;
}
.post_slider_media:hover .owl-buttons .owl-next{
    position: absolute;
    top: 50%;
    right: 15px;
    opacity: 1;
}
.post_slider .blog_item_content:before{
    font-family: 'FontAwesome';
    font-size: 22px;
    speak: none;
    text-indent: 0em;
    width: 45px;
    height: 45px;
    line-height: 40px;
    position: absolute;
    text-align: center;
    margin: 0px;
    z-index: 1;
    display: inline-block;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    content: "\f1c5";
    top: -25px;
    right: 20px;
    font-style: normal;
    background-color: #7db701;
    border: 3px solid #fff;
    color: #fff;
}

/*Audio Post*/
.audio_post_media iframe{
    width: 100%;
}
.audio_post .blog_item_content:before{
    font-family: 'FontAwesome';
    font-size: 22px;
    speak: none;
    text-indent: 0em;
    width: 45px;
    height: 45px;
    line-height: 40px;
    position: absolute;
    text-align: center;
    margin: 0px;
    z-index: 1;
    display: inline-block;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    content: "\f001";
    top: -25px;
    right: 20px;
    font-style: normal;
    background-color: #7db701;
    border: 3px solid #fff;
    color: #fff;
}

/*Video Post*/
.video_post .blog_item_content:before{
    font-family: 'FontAwesome';
    font-size: 22px;
    speak: none;
    text-indent: 0em;
    width: 45px;
    height: 45px;
    line-height: 40px;
    position: absolute;
    text-align: center;
    margin: 0px;
    z-index: 1;
    display: inline-block;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    content: "\f03d";
    top: -25px;
    right: 20px;
    font-style: normal;
    background-color: #7db701;
    border: 3px solid #fff;
    color: #fff;
}
.pager{
    margin: 0;
}
.pager a{
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px;
}
/*/////////////////////////////////////////
/////////////// Single Post ///////////////
/////////////////////////////////////////*/
.content_post{
    display: none;
    margin: 40px 0 20px 0px;
}
.conmments_block, .respond{
    background: rgba(238, 238, 238, 0.5);
    border-top: 5px solid #7db701;
    border-radius: 5px;
    position: relative;
    padding: 15px;
    margin-top: 30px;
}
.conmments_block .post_title, .respond .post_title{
    margin-bottom: 20px;
    padding-bottom: 10px;
    padding: 0 0 10px 0;
    margin: 0px 0px 20px;
    border-bottom: 2px solid #ecedee;
}
/*Comment List*/
.commentlist li {
    list-style: none;
}
.commentlist li.comment,.commentlist li.comment ul.children li.comment {
    border-bottom: 1px solid #ecedee;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.commentlist li.comment li.comment,.commentlist > li.comment:last-child,.commentlist > li.comment:last-child .comment-body,.commentlist li.comment ul.children li.comment:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.commentlist li.comment .comment-body {
    margin-bottom: 20px;
}
.commentlist li.comment .comment-body p {
    margin-bottom: 0;
}
.commentlist ul.children {
    padding-left: 100px;
    margin-top: 20px;
    border-top: 1px solid #ecedee;
    padding-top: 20px;
}
.commentlist li.comment .comment-body .avatar {
    height: 70px;
    width: 70px;
    overflow: hidden;
    float: left;
    margin-right: 20px;
}
.commentlist .comment-body .avatar img{
    width: 100%;
}
.commentlist li.comment .comment-body .comment-text {
    overflow: hidden;
    height: 100%;
}
.commentlist li.comment .comment-body .comment-text .author {
    margin-bottom: 10px;
}
.commentlist li.comment .comment-body .comment-text .author span {
    display: inline-block;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: 600;
}
.commentlist li.comment .comment-body .comment-text .author div.date {
    text-transform: uppercase;
    font-style: italic;
}
.comment-meta {
    float: left;
}
.comment-reply.button, .comment-edit-link, .comment-reply-link {
    float: right;
    font-size: 12px;
    padding: 7px;
    margin-left: 10px;
    line-height: normal;
    height: auto;
    display: block;
    border-radius: 10px;
    color: #7db701;
    border: 2px solid #7db701;
}
.cancel-comment-reply a {
    margin-bottom: 20px;
}
.comment-form .form-input {
    position: relative;
}
.comment-form .form-input i {
    position: absolute;
    top: 12px;
    left: 10px;
    font-size: 15px;
    z-index: 1;
    color: #ccc;
}
.contact-form .form-input i {
    top: 35px;
}
.comment-form .form-input input,.comment-form .form-input textarea {
    padding-left: 30px;
    margin-bottom: 20px;
    width: 45%;
}
.comment-form .form-input textarea {
    height: 160px;
    width: 100%;
    line-height: 22px;
}

.comment-form{
    margin: 0 30px;
}

/*Comment Respond*/
.respond .reply-title {
    margin-bottom: 16px;
}
.respond .reply-title h4 {
    margin: 0;
}
.respond .form-item {
    margin: 15px 0;
}
.respond .form-item textarea {
    width: 100%;
    height: 120px;
}
.respond .form-item input {
    width: 100%;
}
.respond .form-actions {
    margin: 15px 0;
}
.respond .form-actions .awe-btn {
    width: 100%;
}
.respond form{
    margin-bottom: 0;
}
.respond{
    display: block;
}
.respond .comment-form{
    margin: 0;
}
.respond .button_contact{
    width: inherit;
    background-color: inherit;
    line-height: 35px;
    margin: 0;
    border-radius: 10px;
    color: #7db701;
    border: 2px solid #7db701;
}
.all_post{
    text-align: center;
    width: 100%;
}

/*/////////////////////////////////////////
///////////////// Contact /////////////////
/////////////////////////////////////////*/
.inner_section.contact_section{
    padding-bottom: 0px;
}
.google_map_container{
    margin-bottom: 30px;
}
.google_map_container iframe{
    width: 100%;
    height: 250px;
    border: 0;
}
.contact_table_block{
    width: 100%;
    border-left: 4px solid #7db701;
    border-radius: 5px;
    padding: 10px 20px;
    font-size: 14px;
    background-color: rgba(238, 238, 238, 0.5);
}
.contact_table_block table{
    margin: 0;
}
.contact_table_block th,
.contact_table_block td{
    letter-spacing: 0.5px;
}
a.contact_Website{
    color: #7b7b7b;
}
.font_weight_m{
    font-weight: bolder;
}
.text_right{
    text-align: left;
    color: #7b7b7b;
    padding-right: 30px;
}
.contact_form .form_input{
    position: relative;
}
.contact_form{
    margin: 30px 0;
}
.contact_form input, .contact_form .form_input textarea{
    padding-left: 30px;
    margin-bottom: 20px;
    width: 100%;
}
.contact_form textarea{
    height: 153px;
}
.contact_form .form_input i {
    position: absolute;
    top: 12px;
    left: 10px;
    font-size: 15px;
    z-index: 1;
    color: #ccc;
}
.contact_form input.button_contact{
    width: inherit;
    float: right;
    background-color: inherit;
    line-height: 35px;
    border-radius: 10px;
}

/*/////////Twitter Slider//////////*/
.twit{
    background-color: rgba(238, 238, 238, 1.0);
    width: 100%;
    display: inline-block;
}
p.tweet{
    margin-bottom: 5px;
}
.tweet_icon{
    width: 7%;
    padding: 20px 25px;
    background-color: #55ACEE;
    display: inline-block;
    font-size: 30px;
    color: #fff;
    float: left;
}
.latest_tweets{
    padding: 15px;
    width: 88%;
    margin: 0;
    display: inline-block;
    float: left;
}
.latest_tweets li{
    list-style: none;
}
.timeposted{
    font-style: italic;
}

/* perfect-scrollbar v0.6.5 */
.ps-container{-ms-touch-action:none;overflow:hidden !important}.ps-container.ps-active-x>.ps-scrollbar-x-rail,.ps-container.ps-active-y>.ps-scrollbar-y-rail{display:block; height: 1px !important;}.ps-container.ps-in-scrolling{pointer-events:none}.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail{background-color:#eee;opacity:0.9}.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x{background-color:#999}.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail{background-color:#eee;opacity:0.9}.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:#999}.ps-container>.ps-scrollbar-x-rail{display:none;position:absolute;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;opacity:0;-webkit-transition:background-color .2s linear,opacity .2s linear;-moz-transition:background-color .2s linear,opacity .2s linear;-o-transition:background-color .2s linear,opacity .2s linear;transition:background-color .2s linear,opacity .2s linear;bottom:3px;height:8px}.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x{position:absolute;background-color:#aaa;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;-o-transition:background-color .2s linear;transition:background-color .2s linear;bottom:0;height:8px}.ps-container>.ps-scrollbar-y-rail{display:none;position:inherit;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;opacity:0;-webkit-transition:background-color .2s linear,opacity .2s linear;-moz-transition:background-color .2s linear,opacity .2s linear;-o-transition:background-color .2s linear,opacity .2s linear;transition:background-color .2s linear,opacity .2s linear;right:3px;width:8px}.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y{margin-top: 50px;position:absolute;background-color:#aaa;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;-o-transition:background-color .2s linear;transition:background-color .2s linear;right:0;width:8px}.ps-container:hover.ps-in-scrolling{pointer-events:none}.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail{background-color:#eee;opacity:0.9}.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x{background-color:#999}.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail{background-color:#eee;opacity:0.9}.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:#999}.ps-container:hover>.ps-scrollbar-x-rail,.ps-container:hover>.ps-scrollbar-y-rail{opacity:0.6}.ps-container:hover>.ps-scrollbar-x-rail:hover{background-color:#eee;opacity:0.9}.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x{background-color:#999}.ps-container:hover>.ps-scrollbar-y-rail:hover{background-color:#eee;opacity:0.9}.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y{background-color:#999}







/**
 * hamzhShortcodes
 * Author: Themehamzh
 * Author URI: http://www.themehamzh.com
 */

/* Column Styles --- */

.hamzh-one-half { width: 48%; }
.hamzh-one-third { width: 30.66%; }
.hamzh-two-third { width: 65.33%; }
.hamzh-one-fourth { width: 22%; }
.hamzh-three-fourth { width: 74%; }
.hamzh-one-fifth { width: 16.8%; }
.hamzh-two-fifth { width: 37.6%; }
.hamzh-three-fifth { width: 58.4%; }
.hamzh-four-fifth { width: 79.2%; }
.hamzh-one-sixth { width: 13.33%; }
.hamzh-five-sixth { width: 82.67%; }

.hamzh-one-half,
.hamzh-one-third,
.hamzh-two-third,
.hamzh-three-fourth,
.hamzh-one-fourth,
.hamzh-one-fifth,
.hamzh-two-fifth,
.hamzh-three-fifth,
.hamzh-four-fifth,
.hamzh-one-sixth,
.hamzh-five-sixth {
    float: left;
    margin-right: 4%;
    margin-bottom: 1em;
    position: relative;
}

.hamzh-column-last {
    clear: right;
    margin-right: 0 !important;
}

@media screen and (max-width: 414px) {
    .hamzh-one-half,
    .hamzh-one-third,
    .hamzh-two-third,
    .hamzh-three-fourth,
    .hamzh-one-fourth,
    .hamzh-one-fifth,
    .hamzh-two-fifth,
    .hamzh-three-fifth,
    .hamzh-four-fifth,
    .hamzh-one-sixth,
    .hamzh-five-sixth {
        width: 96%;
    }
}

/*	Button Styles --- */

a.hamzh-button,
a.hamzh-button:visited {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    line-height: 1em;
    margin: 10px !important;
    outline: none;
    padding: 7px 13px !important;
    text-align: center;
    text-decoration: none !important;
    vertical-align: middle;
    -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
    transition: border .25s linear, color .25s linear, background-color .25s linear;
}

a.hamzh-button.square {
    -webkit-border-radius: 4px !important;
    border-radius: 4px !important;
}

a.hamzh-button.medium {
    font-size: 16px;
    padding: 14px 16px !important;
}
a.hamzh-button.radius {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

a.hamzh-button.large {
    font-size: 18px;
    padding: 15px 20px !important;
}

a.hamzh-button:hover { text-decoration: none; }

a.hamzh-button:active {

    position: relative;
    top: 1px;
}

a.hamzh-button.green {
    background-color: #7fc33c;
}

a.hamzh-button.green:hover {
    background-color: #8dd242;
}

a.hamzh-button.light-blue {
    background-color: #2caada;
}

a.hamzh-button.light-blue:hover {
    background-color: #32bcef;
}

a.hamzh-button.blue {
    background-color: #0c6fb1;
}

a.hamzh-button.blue:hover {
    background-color: #1188d6;
}

a.hamzh-button.red {
    background-color: #e3514a;
}

a.hamzh-button.red:hover {
    background-color: #ff5e56;
}

a.hamzh-button.orange {
    background-color: #ffb031;
}

a.hamzh-button.orange:hover {
    background-color: #ffc531;
}

a.hamzh-button.purple {
    background-color: #d17ac6;
}

a.hamzh-button.purple:hover {
    background-color: #eb90e0;
}

a.hamzh-button.grey {
    padding: 10px 19px;
    font-size: 17px;
    line-height: 1.471;
    background-color: #bdc3c7;
}

a.hamzh-button.grey:hover {
    background-color: #999;
}

a.hamzh-button.black {
    background-color: #444444;
}

a.hamzh-button.black:hover {
    background-color: #575757;
}

/* Alert Styles --- */

.hamzh-alert {
    line-height: 1.6em;
    margin: 0 0 1.5em 0;
    padding: 0.8em;
    border-radius: 5px;
}

.hamzh-alert.white {
    background: #fff;
    color: #373737;
    border-left: 5px solid #fbfbfb;
}

.hamzh-alert.red {
    color: #e74c3c;
    background-color: #ffeded;
    border-left: 5px solid #e74c3c;
}

.hamzh-alert.yellow {
    background: #fff7d6;
    color: #956433;
    border-left: 5px solid #e9d477;
}

.hamzh-alert.green {
    background: #edfdd3;
    color: #657e3c;
    border-left: 5px solid #c4dba0;
}
.hamzh-alert.grey {
    background: #fbfbfb;
    color: #373737;
    border-left: 5px solid #dfdfdf;
}

/* Codes Styles --- */
.hamzh-codes {
    display: block;
    line-height: 19px;
    margin-bottom: 20px;
    overflow: visible;
    overflow-y: hidden;
    padding: 15px;
    font: 11px Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;
    white-space: pre-wrap;
    word-wrap: break-word;
    font-weight: 600;
}
.hamzh-codes.red {
    background: #ffe6e3;
    border: 1px solid #f2c3bf;
    color: #bf210e;
    line-height: 19px;
}
.hamzh-codes.grey {
    background: #fbfbfb;
    border: 1px solid #dfdfdf;
    color: #373737;
    line-height: 19px;
}

/* Tab Styles --- */
.hamzh-tabs.ui-tabs .ui-tabs-hide {
    position: absolute;
    left: -10000px;
}
.ui-tabs-active{
    color: #4c4c4c;
    border-top: 5px solid #009ae1;
    background-color: #f5f5f5;
}
.hamzh-tabs {
    background: none;
    margin: 0 0 20px 0;
}
.hamzh-tabs .hamzh-nav {
    background: none;
    border: 0;
    float: none;
    list-style: none !important;
    margin: 0 !important;
    padding: 0;
}
.hamzh-tabs .hamzh-nav li {
    float: left;
    list-style: none !important;
    margin: 0 2px -1px 0 !important;
    position: relative;
    z-index: 10;
}
.hamzh-tabs .hamzh-nav li a {
    color: white;
    border-top: 5px solid rgba(1,1,1,0.2);
    background-color: #666666;
    letter-spacing: 0px;
    display: inline-block;
    cursor: pointer;
    transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
    padding: 5px 20px 10px 20px;
}
.hamzh-tabs .hamzh-nav .ui-tabs-selected a,
.hamzh-tabs .hamzh-nav .ui-tabs-active a {
    background: #f5f5f5;
    height: 36px;
    color: #666666;
    border-top: none;
}

.hamzh-tabs .hamzh-tab {
    padding: 15px;
    color: #808080;
    border-bottom: 5px solid rgba(1,1,1,0.2);
    background-color: #f5f5f5;
    text-overflow: ellipsis;
    word-wrap: break-word;
}

/* Toggle Styles --- */

.hamzh-toggle { margin: 0 0 35px 0}

.hamzh-toggle + .hamzh-toggle { margin-top: -1.75em; }

.hamzh-toggle .hamzh-toggle-title {
    cursor: pointer;
    display: block;
    outline: none;
    padding: 10px 10px 10px 30px;
    position: relative;
    border-left: 5px solid #009ae1;
    background-color: #e9e9e9;
}

.hamzh-toggle-inner {
    border-top: none;
    padding: 15px 10px;
    border-left: 5px solid rgba(1,1,1,0.2);
    background-color: #f5f5f5;
}

.hamzh-toggle span.ui-icon {
    background: no-repeat;
    height: 12px;
    margin: -6px 0 0 0;
    position: absolute;
    top: 50%;
    left: 10px;
    width: 12px;
}

/*Videos Styles*/
.post_text .embed-responsive{
    margin: 20px 0;
}


/*  Progress Bar --- */
/*  the second Open Sans import, removed with the first: see the note above  */
.skillbar {
    font-family: 'Open Sans', 'sans-serif';
    position:relative;
    display:block;
    margin-bottom:15px;
    width:100%;
    background:#eee;
    height:35px;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    -webkit-transition:0.4s linear;
    -moz-transition:0.4s linear;
    -ms-transition:0.4s linear;
    -o-transition:0.4s linear;
    transition:0.4s linear;
    -webkit-transition-property:width, background-color;
    -moz-transition-property:width, background-color;
    -ms-transition-property:width, background-color;
    -o-transition-property:width, background-color;
    transition-property:width, background-color;
}

.skillbar-title {
    position:absolute;
    top:0;
    left:0;
    font-weight:bold;
    font-size:13px;
    color:#fff;
    background:#6adcfa;
    -webkit-border-top-left-radius:3px;
    -webkit-border-bottom-left-radius:4px;
    -moz-border-radius-topleft:3px;
    -moz-border-radius-bottomleft:3px;
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;
}

.skillbar-title span {
    display:block;
    background:rgba(0, 0, 0, 0.1);
    padding:0 20px;
    height:35px;
    line-height:35px;
    text-transform: uppercase;
    -webkit-border-top-left-radius:3px;
    -webkit-border-bottom-left-radius:3px;
    -moz-border-radius-topleft:3px;
    -moz-border-radius-bottomleft:3px;
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;
}

.skillbar-bar {
    height:35px;
    width:0px;
    background:#6adcfa;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}

.skill-bar-percent {
    position:absolute;
    right:10px;
    top:0;
    font-size:11px;
    height:35px;
    line-height:35px;
    color:#444;
    color:rgba(0, 0, 0, 0.4);
}


/*Our Team*/


.hamzh-shortcode-col{
    display: inline-block !important;
    margin: 30px -2px !important;
    float: none !important;
}
.hamzh-our-team .heading-our-team{
    text-align: center;
    width: 100%;
    overflow: hidden;
    margin-bottom: 30px;
}
.hamzh-shortcode-staf{
    text-align: center;
}
.hamzh-shortcode-person-image {
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
}
.hamzh-shortcode-person-name{
    margin: 0;
    text-transform: capitalize;
}
.hamzh-shortcode-position{
    font-size: 13px;
    font-style: oblique;
}
.hamzh-shortcode-profile{
    border-top: 1px solid rgba(36, 36, 36, 0.1);
    padding: 10px 0;
    margin-top: 10px;
}
.hamzh-shortcode-social-media{
    border-top: 1px solid rgba(36, 36, 36, 0.1);
    text-align: center;
    display: inline-block;
    padding-top: 10px;
}
.hamzh-shortcode-social-media a{
    display: block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    display: inline-block;
    color: #999;
    background-color: rgba(36, 36, 36, 0.1);
    text-decoration: none;
    margin-bottom: 5px;
    margin-right: 5px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.hamzh-shortcode-social-media a:hover{
    color: #fff;
    background-color: #009ae1;
}




/* COLORS */
.azure   { background: #38B1CC; }
.emerald { background: #2CB299; }
.violet  { background: #8E5D9F; }
.yellow  { background: #EFC32F; }
.red     { background: #E44C41; }


.hamzh-toggle .ui-state-active .ui-icon { background: no-repeat; }

/* Clearfix */
.hamzh-clearfix:before,
.hamzh-clearfix:after { content:""; display:table; }
.hamzh-clearfix:after { clear: both; }
.hamzh-clearfix { zoom:1; /* For IE 6/7 (trigger hasLayout) */ }