/*Main heading*/
.kf_main_heading{
    float: left;
    width: 100%;
    text-align:center; 
    position: relative;
    margin-top: -10px;
    margin-bottom: 35px;
}
.kf_main_heading h3{
    float: left;
    width: 100%;
    font-weight: normal;
    line-height: normal;
    margin: 0px 0 2px 0;
    text-transform: capitalize;
}
.kf_main_heading p{
    margin: 0 0  0;
    float: left;
    width: 100%;
}
.kf_main_heading.white p,
.kf_main_heading.white h3{
    color:#fff;
}
/*Fancy Title 2 Start*/
.facny_title2{
    float: left;
    width: 100%;
    margin: 0 0 40px 0;
    text-align: center;
    position: relative;
}
.facny_title2 h5{
    float: left;
    width: 100%;
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
    position: relative;
    padding: 0 0 77px 0;
    margin: -6px 0 21px 0;
    text-transform: capitalize;
}
.facny_title2 h5:before{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: auto;
    content: "";
    margin: 0 auto;
    height: 43px;
    width: 1px;
    background-color: #4d4d4d;
}
.facny_title2 h5 span{
    display: block;
}
.facny_title2 p{
    margin: 0;
    float: left;
    width: 100%;
    padding: 0 16%;
    font-size: 14px;
}
/*Fancy Title 2 End*/
/*Blog Title*/
.blog-title{
    float: left;
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 12px 0;
    line-height: normal;
    padding: 15px 0 14px;
    text-transform: capitalize;
    border-bottom: 1px solid #e1e1e1;
}
.blog-title a{
    float: left;
    width: auto;
    line-height: normal;
    font-family: 'Montserrat', sans-serif;
}
.blog-title.uppercase{
    padding: 14px 0 14px;
}
.kode-readmore{
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    line-height: normal;
    display: inline-block;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
}
/* Button 1*/
.date_tag,
.form-submit input[type="submit"],
.btn-1{
	width: auto;
	color: #333;
    cursor: pointer;
	font-size: 14px;
	font-weight: bold;
    text-align: center;
	line-height: normal;
	display: inline-block;
	border: 2px solid #666;
	padding: 9px 20px 9px;
	text-transform: uppercase;
	background-color: transparent;
}
.btn-1.black{
    color: #333 !important;
}
.btn-1.black:hover{
    color: #fff !important;
}
.date_tag{
    color: #fff;
    border-color: #333;
    background-color: #333;
}
/*Raing Stars Css Start*/
.rating_down {
    width: 60px;
    float: none;
    height: 14px;
    display: block;
    margin: 0 auto;
    background-position: 0 0;
    background-repeat: repeat-x;
    background-image: url("../images/stars.png");
}
.rating_up {
    float: left;
    height: 100%;
    text-align: left;
    background-repeat: repeat-x;
    background-position: 0 -16px;
    background-image: url("../images/stars.png");
}
/*Raing Stars Css End*/
/*Social Icons  Css Start*/
.default_social_icon{
    padding: 0;
    float: none;
    list-style: none;
    margin: 0 0 -5px 0;
    display: inline-block;
}
.default_social_icon li{
    float: left;
    width: auto;
    margin-right: 15px;
}
.default_social_icon li:last-child{
    margin: 0;
}
.default_social_icon li a{
    color: #fff;
    width: 20px;
    height: 20px;
    display: block;
    font-size: 14px;
    text-align: center;
    line-height: normal;
}
/*Social Icons  Css End*/
/*Social Icons 2  Css Start*/
.social_links{
    padding: 0;
    float: none;
    width: auto;
    list-style: none;
    margin: 0 0 -5px 0;
    display: inline-block;
}
.social_links li{
    float: left;
    width: auto;
    margin: 0 0 0 15px;
}
.social_links li:first-child{
    margin-left: 0; 
}
.social_links li a{
    float: left;
    width: 40px;
    height: 40px;
    color: #999999;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    border-radius: 100%;
    border:1px solid #999999;
}
.social_links li a:hover{
    color: #fff;
}
/*Social Icons 2 Css End*/
.modren_social{
    float: none;
    width: auto;
    margin: 0 0 -6px;
    padding: 0;
    list-style: none;
    display: inline-block;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.5);
    border-width: 1px 0px 0px 0px;
}
.modren_social:first-child{
    border:none;
}
.modren_social li{
    float: left;
    width: auto;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.5);
    border-width: 0px 0px 0px 1px;
}
.modren_social li:first-child{
    border:none;
}
.modren_social li a{
    float: left;
    width: 67px;
    height: 67px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 67px;
}
.modren_social li a:hover{
    color: #000;
}
/*Input tag Css  Start*/
.kode-search,
.kf_commet_field,
.kode-textarea,
.kf_input{
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 30px;
}
.kode-search input,
.kf_select select,
.kf_input textarea,
.kf_commet_field input,
.kode-textarea textarea,
.kf_input input{
    float: left;
    width: 100%;
    height: auto;
    color: #999999;
    min-height: 40px;
    padding: 8px 20px;
    line-height: normal;
    border:1px solid #e3e3e3;
    text-transform: capitalize;
    -webkit-appearance: none;
        -moz-appearance: none;
            -moz-appearance: none;
                -o-appearance: none;
    font-family: 'Open Sans', sans-serif;
}
.kode-textarea textarea,
.kf_input textarea{
    resize: none;
    min-height: 139px;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #999999;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #999999;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #999999;
}
:-moz-placeholder { /* Firefox 18- */
  color: #999999;
}
.kf_select{
    position: relative;
}
.kf_select::before {
    top: 50%;
    right: 20px;
    color: #999999;
    font-size: 18px;
    content: "\f0d7";
    margin: -12px 0 0;
    position: absolute;
    font-family: "FontAwesome";
}
.kf_select select option{
    color: #333;
    line-height: normal;
    font-weight: normal;
    background-color: #fff;
    text-transform: uppercase;
}

.kode_inputs{
    float: none;
    display: block;
    margin-right: -1.8%;
    margin-left: -1.8%;
}
.kode_inputs .kf_commet_field{
    width: 46.4%;
    margin-left:1.8%; 
    margin-right:1.8%; 
}
.form-submit{
    float: left;
    width: 100%;
    margin: 0;
}
.form-submit input[type="submit"]{
    float: none;
    color: #fff;
    display: inline-block;
}
.form-submit input[type="submit"]:hover{
    color: #fff;
    background-color: #000;
}
/*Input tag Css End*/
/*Meta list Css Start*/
.kode-blog-meta{
    float: left;
    width: 100%;
}
.blog-meta-list{   
    margin: 0;
    padding: 0;
    float: none;
    width: auto;
    list-style: none;
    margin: 0 0 -5px 0;
    display: inline-block;
}
.blog-meta-list li{
    float: left;
    width: auto;
    margin: 0 0 0 20px;
}
.blog-meta-list li:first-child{
    margin-left: 0;
}
.blog-meta-list li a{
    color: #555;
    font-size: 14px;
    line-height: normal;
    font-weight: normal;
    text-transform: capitalize;
    font-family: 'Open Sans', sans-serif;
}
.blog-meta-list li a i{
    margin: 0 10px 0 0;
}
.blog-title .kode-blog-meta{
    margin: 14px 0 0 0;
}
.blog-title.uppercase .kode-blog-meta{
    /*margin: 10px 0 4px 0;*/
    margin: 3px 0 3px 0;
}
/*Meta list Css End*/
/*Recent post Css Start*/
.recent_post_meta{
    padding: 0;
    float: none;
    width: auto;
    margin: 0 0 -5px;
    list-style: none;
    display: inline-block;
}
.recent_post_meta li{
    float: left;
    width: auto;
    padding: 0 13px;
    line-height: 12px;
    border-left: 1px solid #fff;
}
.recent_post_meta li:first-child{
    border:none;
    padding-left: 0;
}
.recent_post_meta li span,
.recent_post_meta li a{
    float: left;
    width: auto;
    color: #fff;
    font-size: 12px;
    line-height: 12px;    
    font-weight: normal;
    text-transform: capitalize;
}
/*Recent post Css End*/
/*Pagination Css Start*/
.kode-pagination-outer {
    float: left;
    width: 100%;
    margin: 0px 0 50px;
}
.kode-pagination{
    float: none;
    width: auto;
    padding: 25px 60px;
    display: inline-block;
    background-color: #f6f6f6;
}
.kode-pagination .page-numbers {
    color: #999;
    width: 36px;
    height: 36px;
    font-size: 18px;
    font-weight: bold;
    line-height: 33px;
    margin: 0 16px 0 0;
    text-align: center;
    border-radius: 0px;
    display: inline-block;
    border: 1px solid #d7d8d8;
}
.kode-pagination .page-numbers:last-child{
    margin-right: 0;
}
.kode-pagination .page-numbers:hover, 
.kode-pagination .page-numbers.current {
    color: #fff;
}
.kode-pagination .page-numbers.border_none:hover, 
.kode-pagination .page-numbers.border_none {
    color: #717171;
    cursor: inherit;
    border: medium none;
    background: transparent none repeat scroll 0 0;
}
.page-numbers.page-prev{
    margin-right: 30px;
}
.page-numbers.page-next{
    margin-left: 10px;
}
/*Pagination Css End*/
/*Figure Effect Css Start*/
.kf_effect,
.kode-blog-medium figure,
.kf_medium_services figure{
    min-height: 22px;
}
.kf_effect:before,
.kode-blog-listing .kode-thumbnail figure:before,
.kode-blog-medium figure:before,
.kf_medium_services figure:before{
    top: 20px;
    opacity: 0;
    -webkit-opacity: 0;
    left: 20px;
    right: 20px;
    content: "";
    bottom: 20px;
    position: absolute;
    background-color: #000;

}
.kode-latest-services:hover .kf_effect:before,
.kode-blog-medium2:hover .kf_effect:before,
.kf_team_medium:hover figure:before,
.kode-blog-2:hover .kf_effect:before,
.kode-blog-listing:hover .kode-thumbnail figure:before, 
.kode-blog-medium:hover figure:before,
.kf_medium_services:hover figure:before{
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0.8;
    -webkit-opacity: 0.8;
}
.kf_pretty_icon,
.kode-blog-listing .kode-thumbnail figcaption,
.kode-blog-medium figure figcaption,
.kf_medium_services figure figcaption{
    left: 0;
    right: 0;
    top: 50%;
    margin: -1px 0 0 0;
    position: absolute;
    text-align: center;
    -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                    transform: translateY(-50%);
}
.kf_pretty_icon a,
.kode-blog-listing .kode-thumbnail figcaption a, 
.kode-blog-medium figure figcaption a,
.kf_medium_services figure figcaption a{
    opacity: 0;
    color: #fff;
    width: 30px;
    height: 30px;
    font-size: 25px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    border:1px solid transparent;
    -webkit-transform: scale(3);
        -moz-transform: scale(3);
            -ms-transform: scale(3);
                -o-transform: scale(3);
                    transform: scale(3);
}
.kode-latest-services:hover .kf_pretty_icon a,
.kf_team_medium:hover .kf_pretty_icon a,
.kode-blog-2:hover .kf_pretty_icon a,
.kode-blog-listing:hover .kode-thumbnail figcaption a, 
.kode-blog-medium:hover figure figcaption a,
.kf_medium_services:hover figure figcaption a{
    opacity: 1;
    -webkit-transform: scale(1);
        -moz-transform: scale(1);
            -ms-transform: scale(1);
                -o-transform: scale(1);
                    transform: scale(1);
}
.kode-blog-2 .kf_pretty_icon a:hover,
.kode-blog-listing .kode-thumbnail figcaption a:hover, 
.kode-blog-medium figure figcaption a:hover,
.kf_medium_services figure figcaption a:hover{
    border-color: #fff;
}
/*Figure Effect Css End*/
/*Counter Css Start*/
.kf_count_services{
    float: left;
    width: 100%;
    margin: 0 0 44px 0;
    text-align: center;
}
.kf_count_services > span{
    width: auto;
    height: 52px;
    font-size: 52px;
    margin: 0 0 12px 0;
    line-height: 52px;
    text-align: center;
    display: inline-block;
}
.kf_count_services h3{
    float: left;
    width: 100%;
    font-weight: bold;
    line-height: normal;
    text-transform: uppercase;
}
.kf_count_services p{
    line-height: normal;
    margin: 0;
    text-transform: capitalize;
}
/*Counter Css End*/
/*Social 3 Css Start*/
.kf_social{
    float: left;
    margin: 0 0px -18px 0 ;
    width: 100%;
}
.kf_social strong{
    float: left;
    width: auto;
    color: #333;
    font-size: 18px;
    margin-right: 20px;
    text-transform: capitalize;
    font-family: 'Montserrat', sans-serif;
}
.kf_social a {
    color: #bbb;
    width: 28px;
    height: 28px;
    line-height: 28px;
    position: relative;
    text-align: center;
    display: inline-block;
    margin: 0 15px 18px 0px;
    border:1px solid #dfdfdf;
}
.kf_social a:last-child{
    margin-right: 0;
}
.kf_social a:first-child{
    margin-left: 0;
}
.kf_social a:hover{
    color: #fff;
}
.kf_social a span {
    left: 50%;
    opacity: 0;
    bottom: 118%;
    width: auto;
    color: #ffffff;
    min-height: 18px;
    border-radius: 0;
    line-height: 18px;
    padding: 5px 10px;
    position: absolute;
    text-align: center;
    visibility: hidden;
    margin: -8px 0 0 0;
    text-transform: capitalize;
    -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                -o-transform: translateX(-50%);
                    transform: translateX(-50%);
}
.kf_social a span:after {
    top: 100%;
    left: 50%;
    content: '';
    position: absolute;
    width: 0; height: 0;
    border-top: 8px solid;
    -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                -o-transform: translateX(-50%);
                    transform: translateX(-50%);
    border-right: 8px solid transparent !important;
    border-left: 8px solid transparent !important;
}
.kf_social a:hover span {
    bottom: 130%;
    opacity: 1;
    -webkit-opacity: 1;
    visibility: visible;
}
/*Social 3 Css End*/
/*Meta Tag Css Start*/
.blog_tag_meta{
    display: inline-block;
    width: auto;
    margin: 4px 0;
}
.blog_tag_meta .sep,
.blog_tag_meta a,
.blog_tag_meta i{
    display: inline-block;
    width: auto;
    color: #999;
    font-size: 14px;
    line-height: normal;
    text-transform: capitalize;
}
.blog_tag_meta a{
    font-family: 'Open Sans', sans-serif;
}
.blog_tag_meta i{
    margin-right: 15px;
}
.blog_tag_meta .sep{
    display: inline-block;
    margin: 0 5px;
}
/*Meta Tag Css End*/
/*
      ============================================================
           Heading Css Wrap Start 
      ============================================================
*/
.kf_fancy_heading{
    float: left;
    width: 100%;
    text-align: center;
    position: relative;
    margin: -6px 0 40px;
}
.kf_fancy_heading:after,
.kf_fancy_heading:before{
    position: absolute;
    left: 0;
    right: 0;
    width: 193px;
    height: 1px;
    background: #dfdfdf;
    bottom: 0;
    content: "";
    margin: 0 auto;
}
.kf_fancy_heading:after{
    width: 37px;
}
.kf_fancy_heading span{
    float: left;
    width: 100%;
    font-size: 16px;
    color: #353535;
    margin: 0px 0 8px 0;
    line-height: normal;
    font-weight: normal;
}
.kf_fancy_heading h3{
    float: left;
    width: 100%;
    margin: 0 0 21px;
    font-size: 36px;
    font-weight: bold;
    line-height: normal;
    text-transform: capitalize;
}
.kf_fancy_heading.text-left{
    text-align: left;
}
.kf_fancy_heading.text-left:after,
.kf_fancy_heading.text-left:before{
    left: 0;
    margin: 0;
}

/*
      ============================================================
           Heading 2 Css Wrap Start 
      ============================================================
*/
.kf_fancy_heading2{
    float: left;
    width: 100%;
    text-align: center;
    position: relative;
    margin: 0 0 36px;
}
.kf_fancy_heading2 span{
    float: left;
    width: 100%;
    color: #353535;
    font-size: 16px;
    line-height: normal;
    font-weight: normal;
    margin: -5px 0 -3px 0;
    text-transform: capitalize;
}
.kf_fancy_heading2 h3{
    float: left;
    width: 100%;
    margin: 0 0 22px;
    font-size: 36px;
    font-weight: bold;
    position: relative;
    line-height: normal;
    padding: 0 0 11px 0;
    text-transform: capitalize;
}
.kf_fancy_heading2 h3:before{
    position: absolute;
    left: 0;
    right: 0;
    width: 37px;
    height: 1px;
    bottom: 0;
    content: "";
    margin: 0 auto;
}
.kf_fancy_heading2 p{
    float: left;
    width: 100%;
    margin: 0 0 -4px;
    padding: 0 11%;
}
.kf_fancy_heading2.text-left p{
    padding: 0;
}
.kf_fancy_heading2.text-left{
    text-align: left;
}
.kf_fancy_heading2.text-left h3:before{
    left: 0;
    margin: 0;
}
.kf_fancy_heading2.white span{
    color: #ccc;
}
.kf_fancy_heading2.white p,
.kf_fancy_heading2.white h3{
    color: #fff;
}
.kf_fancy_heading2.white h3:before{
    background-color: #fff;
}
/**/
.kf_fancy_heading3 span{
    text-transform: uppercase;
    font-size: 18px;
}
.kf_fancy_heading3 h3{
    font-size: 32px;
    text-transform: uppercase;
}
/**/




.thumb_icon{
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    text-align: center;
    -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                    transform: translateY(-50%);
}
.thumb_icon a{
    opacity: 0;
    color: #fff;
    width: 68px;
    height: 68px;
    font-size: 25px;
    line-height: 65px;
    text-align: center;
    -webkit-opacity: 0;
    border-radius: 100%;
    display: inline-block;
    -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
                -o-transform: scale(1.1);
                    transform: scale(1.1);
}
.thumb_icon a:hover{
    color: #000;
}
.kf_practices_list:hover .thumb_icon a{
    opacity:1;
    -webkit-opacity:1;
    -webkit-transform: scale(1);
        -moz-transform: scale(1);
            -ms-transform: scale(1);
                -o-transform: scale(1);
                    transform: scale(1);
}