/*Main heading*/
.kf_main_heading{
    float: left;
    width: 100%;
    text-align:center; 
    position: relative;
}
.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: 0px 0 14px;
}
,
.kode-readmore{
    color: #333333 !important;
    font-size: 14px;
    font-weight: bold;
    line-height: normal;
    display: inline-block;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    background-color: transparent;
}
/* Button 1*/
.date_tag,
.logout-btn a,
.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 i{
    margin-left: 10px;
}
.kode-size-small{
    padding: 5px 10px !important;
}
.button-1.black,
.btn-1.black{
    color: #333 !important;
}
.btn-1:hover,
.button-1.black:hover,
.btn-1.black:hover{
    color: #fff !important;
}
.date_tag{
    color: #fff;
    border-color: #333;
    background-color: #333;
}
/**/
.kode-size-large{
    font-size: 18px;
    padding: 14px 35px 14px;
}
/*.button-2*/
.button-2{
    background-color: #000 !important;
    color: #fff;
    border:none;
}
/*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*/
.social-links1,
.default_social_icon{
    padding: 0;
    float: none;
    list-style: none;
    margin: 0 0 -5px 0;
    display: inline-block;
}
.kf_cp_team .default_social_icon{
	text-align:center;
}

.default_social_icon li{
    display:inline-block;
    width: auto;
    margin-right: 15px;
	float:none;
}

.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-links1,
.social_links{
    padding: 0;
    float: none;
    width: auto;
    list-style: none;
    margin: 0 0 -5px 0;
    display: inline-block;
	margin-bottom:20px;
}
.social-links1 .list-item-div,
.social_links li{
    float: left;
    width: auto;
    margin: 0 0 0 15px;
}
.social-links1 .list-item-div:first-child,
.social_links li:first-child{
    margin-left: 0; 
}
.social-links1 .list-item-div a,
.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;
    transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
}
.social-links1 .list-item-div a:hover,
.social_links li a:hover{
    color: #fff;
}

.social_links_square li a {
    background: transparent;
    border: medium none;
    border-radius: 3px;
    color: #fff;
    height: 30px;
    line-height: 30px;
    width:30px;
    border: 1px solid #fff;
}
.social_links_square li a:hover{
    background: rgba(255, 255, 255, 0.2);
}
/*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;
    margin: 0;
    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;
}
.textwidget select,
#archives-dropdown--1 ,
#categories-dropdown--1,
#monster-widget-placeholder-5 select,
.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;
    font-size: 14px !important;
    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;
    background: transparent;
}
#archives-dropdown--1 option,
#categories-dropdown--1 option,
#monster-widget-placeholder-5 select option{
    padding: 8px 20px;
}
#categories-dropdown--1 *:hover,
#archives-dropdown--1 *:hover,
#monster-widget-placeholder-5 select *:hover{
    background-color: red;
}
.kode-textarea textarea,
.kf_input textarea{
    resize: none;
    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%;
    z-index: 1;
    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 !important;
}
/*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: #999;
    font-size: 14px;
    line-height: normal;
	float:none;
    font-weight: normal;
    text-transform: capitalize;
    font-family: 'Open Sans', sans-serif;
}
.blog-meta-list li 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-style: italic;
    font-weight: normal;
    text-transform: capitalize;
}
/*Recent post Css End*/
/*Pagination Css Start*/
.page-links{
    float: left;
    width: 100%;
}
.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;
}
.page-links span,
.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;
    transition:all 0.3s ease-in-out;
}
.page-links a:last-child span,
.kode-pagination .page-numbers:last-child{
    margin-right: 0;
}
.kode-pagination .page-numbers:hover, 
.kode-pagination .page-numbers.current {
    color: #fff;
}

.page-links span:hover{
    background-color: #000;
    color: #fff;
}
.page-links span.page-links-title:hover{
    background-color: transparent;
    color: #999;
}
.page-links span.page-links-title,
.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;
}
.page-links span.page-links-title{
    width: auto;
}
/*Pagination Css End*/
/*Figure Effect Css Start*/
.kf_effect,
.kode-blog-medium figure,
.kf_medium_services figure{
    min-height: 22px;
    position: relative;
}
.kf_effect:after,
.kode-blog-listing .kode-thumbnail figure:after,
.kode-blog-medium figure:after,
.kf_medium_services figure:after,
.kf_effect:before,
.kode-blog-listing .kode-thumbnail figure:before,
.kode-blog-medium figure:before,
.kf_medium_services figure:before{
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    content:"";
    width: inherit;
    height: inherit;
    position: absolute;
    box-shadow: inset 10.6em 0 0 rgba(0, 0, 0, 0.4),
                inset 0 10.6em 0 rgba(60, 60, 60, 0.4),
                inset -10.6em 0 0 rgba(30, 30, 30, 0.4),
                inset 0 -10.6em 0 rgba(10, 10, 10, 0.4);
    -webkit-transition: box-shadow 0.75s;
    -moz-transition: box-shadow 0.75s;
    -ms-transition: box-shadow 0.75s;
    transition: box-shadow 0.75s;
}
.kf_effect:after,
.kode-blog-listing .kode-thumbnail figure:after,
.kode-blog-medium figure:after,
.kf_medium_services figure:after {
    box-shadow: none;
    transform:scale(0);
    -o-transform:scale(0);
    -ms-transform:scale(0);
    -moz-transform:scale(0);
    -webkit-transform:scale(0);
    background-color: rgba(0,0,0,0.8);
        -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition:  all 0.3s ease-in-out;
}

.kode-latest-services:hover .kf_effect:after,
.kode-blog-medium2:hover .kf_effect:after,
.kf_team_medium:hover figure:after,
.kode-blog-2:hover .kf_effect:after,
.kode-blog-listing:hover .kode-thumbnail figure:after, 
.kode-blog-medium:hover figure:after,
.kf_medium_services:hover figure:after{
    opacity: 1;
    transform:scale(1);
    -o-transform:scale(1);
    -ms-transform:scale(1);
    -moz-transform:scale(1);
    -webkit-transform:scale(1);
}

.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{
    opacity: 1;
    box-shadow: inset 0.86em 0 0 rgba(62, 62,62, 0.5),
                inset 0 0.86em 0 rgba(138, 138, 138, 0.5),
                inset -0.86em 0 0 rgba(62, 62, 62, 0.5), 
                inset 0 -0.86em 0 rgba(138, 138, 138, 0.5);
}
figure figure:before,
figure figure:after{
    display: none;
}
/*
.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;
    z-index: 1;
    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%;
    z-index: 1;
    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;
}


.kf_effect{
    float: left;
    width: 100%;
   
}
.kode-blog-2 .kf_effect{
     margin-bottom: 30px;
}
.kf_effect figure{
    margin: 0;
}
/*Figure Effect Css End*/
/*Counter Css Start*/
.kf_count_services{
    float: left;
    width: 100%;
    margin: 0 0 50px 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*/
.social-404,
.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;
}
.social-404 li{
    float: none;
    display: inline-block;
    width: auto;
}
.social-404 a,
.kf_social a {
    color: #bbb;
    width: 28px;
    height: 28px;
    line-height: 28px;
    position: relative;
	font-size:14px;
    text-align: center;
    display: inline-block;
    margin: 0 15px 18px 0px;
    border:1px solid #dfdfdf;
    transition:all 0.3s ease-in-out;
}
.social-404 a{
    margin-bottom: 0;
}
.kf_social a:last-child{
    margin-right: 0;
}
.kf_social a:first-child{
    margin-left: 0;
}
.social-404 a:hover,
.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-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 40px;
}
.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);
}
.btn-radius{
    border-radius: 50px !important;
}




.alert-dismissable .close, .alert-dismissible .close{
    top: 4px;
}
.alert p i{
    margin-right: 15px;
}
.genral-message {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.success-message {
    background-color: #e4f5ba;
    border: 2px solid #cbdaa5;
}
.warning-message {
    background-color: #fdedbf;
    border: 2px solid #e4c789;
}
.error-message {
    background-color: #fcd4cb;
    border: 2px solid #e1a197;
}
.information-message {
    background-color: #e3eff7;
    border: 2px solid #a6c4d8;
}
.kd-table {
    float: left;
    margin: 0 0 30px;
    width: 100%;
}
.kd-table .table{
    border-width: 1px 1px 0px;
}
.kd-table tr td {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: currentcolor currentcolor #eeeeee;
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 1px;
}
.kd-table tr th {
    border: medium none;
    color: #ffffff;
    padding: 4px 20px;
}
.kd-table tbody {
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
}
.kd-table tbody tr td {
    padding: 15px 20px;
}
.kd-tableone thead {
    background-color: #f34a53;
}
.kd-tabletwo thead {
    background-color: #11b7ad;
}
.demo-sep {
    clear: both;
}
.sep-single {
    background-color: #e7e6e6;
    height: 1px;
}
.sep-double {
    border-bottom: 1px solid #e7e6e6;
    border-top: 1px solid #e7e6e6;
    height: 6px;
}
.sep-dotted {
    border-bottom: 2px dotted #e7e6e6;
}
.sep-dashed {
    border-bottom: 2px dashed #e7e6e6;
}
.sep-shadow {
    background: transparent url("../images/sep-shadow.png") no-repeat scroll center top;
    height: 7px;
    width: 100%;
}
.one_third {
    box-sizing: border-box;
    float: left;
    padding: 15px;
    width: 33.33%;
}
.fontawesome-icon {
    display: inline-block;
    font-size: 24px;
    height: 65px;
    margin-right: 12px;
    padding: 19px 0;
    text-align: center;
    width: 65px;
}
.fontawesome-icon.circle-yes {
    border-radius: 100%;
}
.fontawesome-icon.circle-no {
    border-radius: 5px;
}
.dropcap p::first-letter, 
.dropcap2 p::first-letter, 
.dropcap {
    color: #777777;
    float: left;
    font-size: 40px;
    line-height: 1;
    margin: 0 15px 3px 0;
    text-transform: uppercase;
}
.dropcap2 p::first-letter {
    background-color: #101010;
    color: #999;
    height: 65px;
    padding-top: 11px;
    text-align: center;
    width: 65px;
}
.kode-link-post .kode-thumb-link {
    color: #fff;
    font-size: 18px;
    padding: 15px;
}
.kd-horizontal-tab{
    float: left;
    width: 100%;
}
.kd-horizontal-tab ul{
    float: left;
    width: 100%;
}
.kd-horizontal-tab ul li{
    float: left;
    width: auto;
}
.kd-horizontal-tab ul li a{
    float: left;
    width: 100%;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #999;
    border-radius: 0;
}
.kd-horizontal-tab ul li a:hover,
.kd-horizontal-tab ul li.active a:hover,
.kd-horizontal-tab ul li.active a:focus,
.kd-horizontal-tab .nav > li > a:hover, 
.kd-horizontal-tab .nav > li > a:focus,
.kd-horizontal-tab ul li.active a{
    border-color: #999;
    border-width: 1px 1px 0 1px;
    background-color: transparent;
}
.kd-horizontal-tab ul li.active a{
    background-color: #fff !important;
}
.kd-horizontal-tab .tab-content{
    padding: 25px;
    border:1px solid #999;
}


#barchart_material_1 {
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
    text-transform: uppercase;
	float:left;
}
.kode_contact_info{
    float: left;
    width: 100%;
}
.circle-progress .perc {
    height: auto !important;
    left: 0;
    line-height: normal !important;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: auto !important;
}