/*--// ShortCode Setup //--*/

.kd-tab {
    float: left;
    width: 100%;
    margin: 0px 0px 25px 0px;
}
.kd-horizontal-tab .nav-tabs {
    margin: 0px;
}
.kd-horizontal-tab .nav-tabs > li > a {
    background-color: #f9f9f9;
}
/* Vertical Tab */

.kd-vertical-tab .nav-tabs {
    float: left;
    width: 30%;
}
.kd-vertical-tab .nav-tabs li {
    width: 100%;
}
.kd-vertical-tab .tab-content {
    float: left;
    width: 70%;
    border-left: 1px solid #eeeeee;
    padding: 0px 0px 0px 20px;
}
.kd-vertical-tab .nav-tabs {
    border-bottom: 1px solid #eeeeee;
}
.kd-vertical-tab .nav-tabs > li.active > a,
.kd-vertical-tab .nav-tabs > li.active > a:focus {
    border: none;
    border-top: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee;
    background-color: #ffffff;
}
.kd-vertical-tab .nav-tabs > li {
    margin: 0px;
}
.kd-vertical-tab .nav-tabs > li > a {
    background-color: #f9f9f9;
    margin: 0px;
    border: none;
    border-top: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee;
    border-radius: 0px;
}
/* DropCap */

.kd-dropcap p::first-letter {
    font-size: 43px;
    color: #777777;
    float: left;
    padding: 10px 15px 0px 0px;
}
/* Message Box */

.close {
    line-height: 26px;
    font-size: 32px;
}
.genral-message {
    background-color: #f9f9f9;
    border: 2px solid #eeeeee;
}
.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;
}
pre {
    padding: 9.5px 25px;
}
/* Table ShortCode */

.kd-table {
    float: left;
    width: 100%;
    margin: 0px 0px 30px 0px;
}
.kd-table tr td {
    border: none;
    border-bottom: 1px solid #eeeeee;
}
.kd-table tr th {
    color: #ffffff;
    padding: 4px 20px;
    border: none;
}
.kd-table tbody {
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
}
.kd-table tbody tr td {
    padding: 2px 20px;
}
.kd-tableone thead {
    background-color: #f34a53;
}
.kd-tabletwo thead {
    background-color: #11b7ad;
}
/* Services */

.kd-userservices article {
    margin-bottom: 30px;
}
.kd-smallview i {
    float: left;
    width: 40px;
    height: 40px;
    color: #ffffff;
    background-color: #11b7ad;
    border-radius: 100%;
    text-align: center;
    font-size: 18px;
    padding: 10px 0px 0px 0px;
    margin: 6px 0px 0px 0px;
}
.kd-smallview i ~ .services-info {
    padding: 0px 0px 0px 50px;
}
/* Image Frame */

.kd-imageframe {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.kd-imageframe a.frame-thumb {
    display: inline-block;
    box-shadow: 0px 0px 4px 1px #999;
}
.kd-imageframe h1 {
    font-weight: 300;
    margin: 0px 0px 15px 0px;
}
.kd-imageframe span {
    font-size: 22px;
    color: #999999;
    margin: 0px 0px 20px 0px;
    display: inline-block;
    width: 100%;
}
.kd-imageframe p {
    margin: 0px 0px 10px 0px;
}
.frame-btn {
    float: left;
    padding: 10px 20px;
    color: #ffffff;
    text-transform: uppercase;
    border-radius: 4px;
    font-size: 14px;
    position: relative;
    margin-top: 15px;
}
/* List Style */

.unorder-list li {
    list-style: inside none disc;
}
.kd-list {
    float: left;
    width: 100%;
    margin-bottom: 25px;
}
.kd-list li {
    margin: 0px 0px 10px 0px;
}
.order-list li {
    list-style: desimal inside;
}
.icon-list li {
    list-style: none;
}
.icon-list li i {
    margin-right: 6px;
    color: #666;
}
.squareicon-list li {
    list-style: none;
    float: left;
    width: 100%;
}
.squareicon-list li i {
    float: left;
    width: 25px;
    height: 25px;
    background-color: #333;
    color: #ffffff;
    margin-right: 15px;
    border-radius: 100%;
    text-align: center;
    padding: 8px 0px 0px 0px;
    font-size: 10px;
}
/* Accordion Setup */

.kode_attorney_detail_accordian .kd-accordion {
    float: left;
    width: 100%;
}
.kode_attorney_detail_accordian .kode_choose_des.accordion-content {
    padding: 15px 20px;
}
.kode_attorney_detail_accordian .kd-accordion .accordion {
    display: inline-block;
    width: 100%;
    background-color: #4d4d4d;
    padding:18px 60px 18px 20px;
    color: #fff;
    position: relative;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    cursor: pointer;
	border:1px solid #d4d4d4;
	margin-bottom:0px;
}
.kd-accordion .panel-group .panel-heading {
    border-radius: 0;
    padding: 0px;
    border: none;
    background: none;
}
.kd-accordion .kode_choose_des.accordion-content {
    padding:0;
    display: block;
    text-decoration: none;
    text-decoration: none;    
    outline: none;
    position: relative;
}
.kode_attorney_detail_accordian .kode_choose.accordion.accordion-close:before,
.kode_attorney_detail_accordian .kode_choose.accordion.accordion-open:before{
	background-color: #383838;
    bottom: 0;
    color: #fff;
    content: "\f107";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 16px;
    height: 60px;
    line-height: 55px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 60px;
}
.kode_attorney_detail_accordian .kode_choose.accordion.accordion-close:before{
	 content: "\f106";
}
.kode_detail_accor_tab .panel-body{
	padding:0px 0px;
}
.kd-accordion .panel-group .panel-heading a.collapsed {
    border-bottom: solid 1px #CCC;
}
.kd-accordion .panel-group .panel-heading i {
    float: right;
    width: 38px;
    color: #fff;
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    text-align: center;
    padding: 12px 0px;
}
.kd-accordion .panel-group .panel-heading a.collapsed i.fa-minus:before {
    content: "\f067";
}
.kode_attorney_detail_accordian .kd-accordion .panel-group .panel {
    border: none;
}
.kode_attorney_detail_accordian .kd-accordion .accordion span {
	display:none;
}
.kode_attorney_detail_accordian .kode_choose.accordion.accordion-open,
.kode_attorney_detail_accordian .kd-accordion .accordion:hover span {
    border-color: #fff;
}
.kode_attorney_detail_accordian .kode_choose.accordion:first-child {
    border-top: none;
}
.kd-accordion .accordion.accordion-open > span:before {
    content: "\f068";
    color: #fff;
}
.accordion-content > p {
    padding: 20px;
	margin-bottom:0px;    
}
/* Button's */

.kd-button,
.kd-icon {
    float: left;
    width: 100%;
    margin: 0px 0px 20px 0px;
}
.custom-btn {
    border-radius: 50px;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    line-height: 16px;
    padding: 11px 35px 12px;
	color:#fff;
}
.kd-medium {
    padding: 13px 26px;
}
.kd-large {
    padding: 17px 26px;
}
/* Icon's */

.plain-icon {
    font-size: 36px;
    display: inline-block;
    vertical-align: middle;
}
.plain-icon a {
    margin-right: 20px;
}
.plain-icon a {
    color: #777777;
}
/* Modren Icon */

.circle-icon a {
    display: inline-block;
    background-color: #f24952;
    width: 65px;
    height: 65px;
    color: #ffffff;
    text-align: center;
    font-size: 24px;
    border-radius: 100%;
    padding: 13px 0px;
    margin-right: 12px;
}
.square-icon a {
    display: inline-block;
    background-color: #11b7ad;
    width: 65px;
    height: 65px;
    color: #ffffff;
    text-align: center;
    font-size: 28px;
    border-radius: 5px;
    padding: 13px 0px;
    margin-right: 12px;
}
/* Divider */

.kd-divider {
    float: left;
    width: 100%;
    margin: 0px 0px 0px 0px;
}
.kd-divider span {
    display: inline-block;
    font-size: 30px;
    width: 100%;
}
.divider2 span {
    border-bottom: 1px solid #eeeeee;
}
.divider3 span {
    border-bottom: 1px dotted #eeeeee;
}
.divider4 span {
    border: 5px double #eeeeee;
}
.divider5 span {
    border: 1px dashed #eeeeee;
}
/* Progress */

.custom-skills {
    float: left;
    width: 100%;
}
.progress {
    height: 25px;
    border-radius: 0px;
}
.progressbar-back-text {
    display: none;
}
.progress-bar {
    font-weight: bold;
    font-size: 14px;
    text-align: right;
    line-height: 23px;
    padding: 0px 10px;
}
.circle-wrap {
    float: left;
    width: 100%;
    margin: 0px 0px 30px 0px;
}
.circle-wrap li {
    float: left;
    width: 25%;
    list-style: none;
    padding: 0px 20px 0px 0px;
}
.circle-wrap li:nth-child(4n) {
    padding-right: 0px;
}
.perc {
    line-height: 25px !important;
}
.defoult-map {
    float: left;
    width: 100%;
    margin-bottom: 25px;
}
/*--// ShortCode Setup //--*/

.kd-list2 {
    float: left;
    width: 100%;
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.kd-list2 li {
    float: left;
    width: 100%;
    color: #999;
    padding: 0px 0px 0px 20px;
    position: relative;
    margin: 7px 0px;
}
.kd-list2 li:before {
    content: "";
    height: 6px;
    width: 6px;
    position: absolute;
    left: 0px;
    top: 9px;
}
.kd-list2 li p {
    margin: 0px;
}
.kd-list2 li a {
    color: #999;
    display: block;
    text-decoration: none;
}
/* LIST STYLE */

.kd-list3 {
    float: left;
    width: 100%;
    padding: 0px;
    margin: 0px 0px 30px 0px;
    list-style: none;
}
.kd-list3 li {
    float: left;
    width: 100%;
    color: #999;
    padding: 0px 0px 0px 25px;
    position: relative;
    margin: 3px 0px;
}
.kd-list3 li:before {
    content: "\f00c";
    position: absolute;
    left: 0px;
    top: 1px;
    font-family: FontAwesome;
}
.kd-list3 li p {
    margin: 0px;
}
.kd-list3 li a {
    color: #666;
    display: inline-block;
    text-decoration: none;
}
/* VERTICAL TABS */

.kd-tab-2 {
    margin: 0px -15px;
}
.kd-tab-2 .nav-tabs {
    float: left;
    width: 26%;
    margin: 0px;
    padding: 0px 15px;
    border: none;
}
.kd-tab-2 .nav-tabs > li {
    float: left;
    width: 100%;
    margin: 10px 0px 0px 0px;
}
.kd-tab-2 .nav-tabs > li:first-child {
    margin: 0px;
}
.kd-tab-2 .tab-content {
    float: left;
    width: 74%;
    padding: 0px 15px;
}
.kd-tab-2 .nav-tabs > li > a {
    border-radius: 0px;
    background-color: #f9f9f9;
    padding: 15px 20px;
    font-size: 14px;
    color: #838383;
}
.kd-tab-2 .nav-tabs > li > a:hover {
    color: #fff;
}
.kd-tab-2 .nav-tabs > li.active > a,
.kd-tab-2 .nav-tabs > li.active > a:hover,
.kd-tab-2 .nav-tabs > li.active > a:focus {
    color: #fff;
    outline: none;
    border: none;
}
.kd-tab-2 .nav-tabs > li > a:before {
    content: "";
    height: 20px;
    width: 20px;
    position: absolute;
    right: -5px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    opacity: 0;
}
.kd-tab-2 .nav-tabs > li.active > a:before {
    opacity: 1;
}
.kd-tab-2 .kode-thumb {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.kd-tab-2 .kode-thumb img {
    width: 100%;
}
.kd-tab-2 .kode-text {
    float: left;
    width: 100%;
}
.kd-tab-2 .bx-pager {
    display: none;
}
.kd-tab-2 .bx-wrapper .bx-controls-direction a {
    background-color: rgba(0, 0, 0, 0.9);
}
.kd-tab-2 .bx-wrapper .bx-controls-direction a:before,
.kd-tab-2 .bx-wrapper .bx-controls-direction a.bx-next:before {
    content: "\f104";
    font-family: FontAwesome;
    font-size: 16px;
    color: #fff;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    text-align: center;
    padding: 5px 0px;
    line-height: 20px;
}
.kd-tab-2 .bx-wrapper .bx-controls-direction a.bx-next:before {
    content: "\f105";
}
.kd-tab-2 ul.bxslider,
.kd-tab-2 ul.bxslider li {
    float: left;
    width: 100%;
}
.kode-left .kode_span_list,
.kode-left h2,
.kode-left p,
.kode-left {
    float: left;
    text-align: left;
    width: 100%;
}
.kode-center .kode_span_list,
.kode-center h2,
.kode-center p,
.kode-center {
    float: none;
    text-align: center;
    width: 100%;
}
.kode-simple-heading {
    float: left;
    width: 100%;
}
.kode-right .kode_span_list,
.kode-right h2,
.kode-right p,
.kode-right {
    float: right;
    width: 100%;
    text-align: right;
}
/*
============================
		transition-effect
============================
*/

.kode_blog_img figcaption,
.kode_blog_img figure::before,
.kode_blog_img figcaption a,
.kode_law_property a,
.kode_law_property_caption.law_caption_3 span:after,
.kode_law_property .kode_law_property_caption.law_caption_3 span i,
.kf_login_social_icon ul li a,
.kode_attorney_caption_3 ul li a,
.kode_attorney_img_3 strong,
.kode_attorney_img_3 figure::before,
.kf_login_password ul li a,
.kode_law_navi2 ul li a::after,
.kode_law_navi2 ul li a::before,
.kode_law_arrow a,
.kode_law_client2_fig figure,
.kode_law_blog2_fig,
.kode_law_blog2_ancar a,
.kode_law_blog2_ancar::before,
.kode_law_blog2_social,
.kode_law_blog2_social::before,
.kode_attorney_caption::before,
.kode_law_load a,
.kode_law_fig_cap,
.kode_law_gallery_img figure::before,
.kode_law_fig_cap a,
.kode_law_fig_cap a::before,
.kode_law_business ul li a,
.kode_law_property,
.kode_law_property_caption span,
.kode_law_property::before,
.kode_top_login_2 li a,
.kode_social_2 .kode_top_social_law_2 li a,
.kode_top_phon_2 li a,
.kode_banner_law_caption ul li a,
.kode_law_navi2 ul li a,
.kode_law_navi2 > a,
.kode_practice_about_us_chack span,
.kode_about_us_legal span::before,
.kode_practice_about_us_chack:hover span,
.kode_practice_detail_social_tabs ul li a::before,
.kode_practice_detail_social_tabs ul li a,
.kode_coming_form p a,
.kode_coming_social li a,
.kode_coming_form form button,
.kode_attorney_detail_law span,
.kode_attorney_detail_practice ul li a,
.kode_attorney_detail_filed button,
.kode_attorney_detail_filed input[type="submit"],
.kode_attorney_detail_law p,
.kode_attorney_detail_law h6 a,
.kode_attorney_detail_law,
.kode_attorney_detail_accordian .panel-title,
.kode_attorney_detail_accordian .panel-title a,
.kode_attorney_detail_downlod a,
.kode_attorney_detail_call li a,
.kode_attorney_detail_social ul li a,
.kode_detail_2_filed button,
.kode_detail_2_replay h5,
.kode_detail_2_replay a,
.kode_detail_2_left a,
.kode_detail_2_left p,
.kode_detail_2_left,
.kode_detail_2_social ul li a,
.kode_detail_2_agency ul li a,
.law_practice_area_caption > a,
.kode_area_03_caption a,
.kode_practice_readmore a,
.kode_blog_detail_tags ul li a,
.kode_blog_detail_news span,
.kode_blog_detail_news figure::before,
.kode_blog_detail_news_cap ul li a,
.kode_blog_categ_list li a span,
.kode_blog_categ_list li a,
.kode_blog_filed_search button,
.kode_detail_replay span,
.kode_detail_replay p,
.kode_detail_replay h5 i,
.kode_detail_replay h5,
.kode_detail_comment_fig,
.kode_blog_detail_social ul li a,
.kode_detail_layer a,
.kode_detail_layer span,
.kode_detail_star ul li a,
.kode_detail_2 ul li h5 a::before,
.kode_detail_fa_right li a,
.kode_detail_accordian .panel-title a,
.kode_detail_office ul li a,
.kode_detail_2 ul li h5 a,
.kode_area_03_caption,
.kode_area_02_caption a,
.kode_area_02_img figcaption a,
.kode_area_02_img figcaption,
.kode_area_02_img figure::before,
.law_achievements_caption span,
.kode_blog_2_img::before,
.kode_blog_2_img .kode_blog_2_read,
.kode_blog_2_caption ul li a,
.kode_blog_2_img figcaption,
.blog_more a,
.kode_pagi_social ul li a,
.kode_attorney_caption ul li a,
.kode_attorney_caption,
.kode_404_form a,
.kode_about_03_TESTIMONIAL a,
.top_navi_kode a,
.kode_about_03_client_img figure,
.kode_about_03_img > figure::before,
.kode_about_03_img > figure::after,
.kode_about_03_tabs p,
.kode_about_03_tabs span,
.kode_about_03_medical a,
.kode_about_03_medical span,
.kode_practice_detail_img img,
.kode_top_logo_icon i,
.kode_top_logo_caption a,
.kode_colum_3_img figure img,
.law_achievements_img_kode img,
.kode_about_us_competition_icon span,
.kode_practice_detail_download ul li a,
.kode_practice_detail_offices_icon span,
.kode_practice_detail_offices_caption p a,
.kode_practice_detail_social_list ul li a::before,
.kode_practice_detail_social_list ul li a,
.kode_about_us_latest_news .panel-heading a::before,
.kode_about_us_latest_news .panel-heading a,
.kode_about_us_latest_caption li a,
.kode_about_us_competition_caption a i,
.kode_about_us_competition_caption a,
.kode_about_us_competition_icon,
.kode_about_us_legal a,
.kode_practice_about_us_caption h2 a,
.kode_colum_3_caption h2,
.kode_colum_3_img figcaption,
.kode_colum_3_img figure::before,
.kode_colum_3_caption a,
.kode_practice_readmore a,
.kode_practice_filter_list ul li a,
.kode_top_header_navi a,
.kode_sing_up_kode button,
.kode_copyright_soical_icon ul a,
.kode_copyright_nav ul li a,
.kode_content_us_footer_news a,
.kode_content_us_footer_post a,
.kode_content_us_footer_caption ul li a,
.kode_content_us_form button::before,
.kode_content_us_form button,
.kode_services_caption::before,
.kode_services_caption a,
.kode_services_caption span,
.kode_banner_caption ul li a,
.kode_top_logo_icon a,
.kode_op_strip_social_icon ul li a,
.kode_top_strip_navi ul li a,
.law_get button,
.law_choose_us_kode a,
.law_addres_caption a,
.law_countdown_caption a,
.law_footer_caption button,
.law_practice_area_img > figure::after,
.top_navi_search a,
.law_footer_social_icon li a,
.law_achievements_caption::before,
.law_achievements_caption,
.law_achievements_caption i,
.law_our_team_img ul li a,
.law_our_team_img ul,
.law_our_team_img,
.law_our_team_img::before,
.law_latest_work_detail ul li a,
.law_practice_area_caption a,
.law_practice_area_caption p,
.law_practice_area_caption h3,
.law_practice_area_caption span,
.law_practice_area_caption::before,
.law_practice_area_caption,
.top_navi_circal span,
.banner_caption a,
.banner_caption a::before,
.law_navigation_social_icon ul li a,
.law_navigation_list .law_navigtion ul li a,
.top_strip_soical ul li a,
.kode_law_area_2 .owl-buttons .owl-prev,
.kode_law_area_2 .owl-buttons .owl-prev:before,
.kode_law_area_2 .owl-buttons .owl-next:before,
.kode_law_area_2 .owl-buttons .owl-next,
.kode_law_navi2 ul ul,
.kode_law_navi2 ul ul ul,
.kode_law_fig_cap,
.law_form_filed input[type="text"],
.kode_law_client2_fig figure,
.kode_top_phon_2 li i,
.kf_login_singin button,
.panel,
.panel-heading,
.collapse,
.panel-body,
.kode_detail_layer figcaption h6 > a {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}
.tab-pane.active {
    color: #666666;
}
.kode-wraper {
    float: left;
    width: 100%;
}
header {
    position: absolute;
    z-index: 9999;
}
/*========================================*/
/*	============================================			KODE TOP BAR START	============================================*/

.kode_top_bar {
    float: left;
    width: 100%;
    border-bottom: 1px solid #4a4a4a;
}
.kode_top_contact {
    float: left;
    width: auto;
}
.kode_top_social_icon ul li,
.kode_top_contact ul li {
    float: left;
    list-style: none;
}
.kode_top_contact ul.kode_top_phon_2 li {
    border-right: 1px solid #444444;
	margin-bottom:0px;
}
.kode_top_contact ul.kode_top_phon_2 li {
    display: inline-block;
    font-size: 12px;
    line-height: 12px;
    padding: 19px 25px;
    color: #fff;
}

.kode_top_contact ul.kode_top_phon_2 li i {
    margin-right: 12px;
    font-size: 16px;
}
.kode_top_social_icon {
    float: right;
}
.kode_top_search_menu,
.kode_top_social_icon ul {
    float: left;
    width: auto;
    margin: 0px;
}
.kode_top_social_icon ul {
    padding: 12px 18px;
    border-left: 1px solid #4e4e4e;
}
.kode_top_social_icon ul li {
    margin-right: 10px;
	margin-bottom:0px;
}
.kode_top_social_icon ul li:last-child {
    margin: 0px;
}
.kode_top_social_icon ul li a {
    display: inline-block;
    height: 32px;
    width: 32px;
    text-align: center;
    line-height: 30px;
    border-radius: 100%;
    border: 1px solid #fff;
    color: #fff;
    font-size: 15px;
}
.kode_top_social_icon.icon_2 ul li a:hover {
    background-color: #fff !important;
}
.kode_top_search_menu a {
    display: inline-block;
    font-size: 17px;
    line-height: 17px;
    cursor: pointer;
    padding: 19px 30px;
    border-left: 1px solid #4e4e4e;
    color: #fff;
}
/*	============================================			KODE TOP BAR END	============================================*/
/*	============================================			KODE TOP NAVIGATION START	============================================*/

.kode_top_navigation {
    float: left;
    width: 100%;
}
.kode_top_navigation {
    padding: 24px 0px;
}
.kode_top_logo {
    float: left;
    width: auto;
}
.kode_top_logo h1 {
    font-size: 0px;
}
.navigation {
    float: right;
    width: auto;
}
.navigation ul {
    float: left;
}
.kode_navigation_law_2 .navigation ul li {
    float: left;
    margin-right: 24px;
	margin-left:0px;
    position: relative;
    padding-right: 0px;
}

.kode_navigation_law_2 .kode_law_navi2 > a{
	margin:19px 0 0 14px;
	font-size:12px;
}
.kode_content_banner.header-style-1 .kode_banner_caption {
    position: relative;
    z-index: 99999;
}
.kode_content_banner.header-style-1 .kode_banner_caption h3{
	color:#fff;
	float:left;
}
.kode_content_banner.header-style-1 .kode_banner_caption .breadcrumb{
	float:right;
}
.navigation ul li a {
    display: inline-block;
    color: #fff;
}
.navigation.navi_2 .navigation ul li a{
	font-weight:bold;
}
/*dropdown start*/

.navigation .sub-menu {
    position: absolute;
    top: 70px;
    left: 0px;
    right: 0px;
    background-color: #333;
    width: 233px;
    margin: 0px;
    padding: 0px;
    visibility: hidden;
    opacity: 0;
    z-index: 9999;
    padding: 10px;
    margin: 0px 0px !important;
}
.navigation ul li:hover .sub-menu {
    opacity: 1;
    top: 61px;
    overflow: visible;
    visibility: visible;
    padding: 0px 0px;
}
.navigation .sub-menu li {
    width: 100%;
    margin: 0px;
}
.navigation .sub-menu li a {
    display: block;
    padding: 10px 15px;
    text-transform: uppercase;
}
.navigation.navi_2.navi_3 .sub-menu li a:hover,
.navigation.navi_2 .sub-menu li a:hover,
.navigation .sub-menu li a:hover {
    color: #fff;
}
.navigation.navi_2.navi_3 .sub-menu li a {
    color: #fff;
}
.navigation.navi_2.navi_3 .sub-menu {
    padding: 0px;
    top: 60px;
}
.navigation.navi_2.navi_3 li:hover .sub-menu {
    top: 40px;
}
.navigation.navi_2.navi_3 .sub-menuation .button {
    font-size: 14px;
    display: inline-block;
    line-height: 14px;
    padding: 10px 20px;
    border: 2px solid #ddd;
    border-radius: 40px;
    color: #fff;
    margin: 3px 0 3px 30px;
}
.navigation .button i {
    font-size: 20px;
    margin-right: 20px;
}
/*	============================================			KODE TOP NAVIGATION END	============================================*/
/*	============================================			KODE BANNER START	============================================*/

.kode_banner {
    float: left;
    width: 100%;
}
.kode_banner figure {
    position: relative;
}
.kode-bxslider .bxslider li:before,
.kode_banner3_fig figure:before,
.kode_banner2 figure:before,
.kode_banner figure:before {
    position: absolute;
    content: "";
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #1c1c1c;
    opacity: 0.70;
}
.kode_banner figcaption {
    position: absolute;
    top: 50%;
    left: 50%;
    right: 0px;
    text-align: center;
    margin: -130px 0 0 -990px;
}
.kode_banner figcaption h3 {
    color: #fff;
    font-weight: bold;
}
.kode_banner figcaption h2 {
    color: #fff;
    font-weight: bold;
    margin-bottom: 13px;
}
.kode_banner figcaption p {
    color: #fff;
    margin: 0px;
    margin-bottom: 40px;
}
.kode_banner figcaption p span {
    display: block;
}
.kode_banner figcaption a {
    display: inline-block;
    color: #fff;
    line-height: 14px;
    padding: 10px 28px;
    border: 1px solid #fff;
    border-radius: 50px;
    margin-right: 14px;
}
.kode_banner figcaption a:last-child {
    margin: 0px;
}
.kode_banner .slick-prev,
.kode_banner .slick-next {
    display: none !important;
}
.kode_banner .slick-dots {
    bottom: 50px;
}
.kode_banner .slick-dots li {
    display: block;
    font-size: 0;
    height: 16px;
    line-height: 0;
    padding: 5px;
    width: 16px;
    border-radius: 100%;
    border: 1px solid #fff;
    display: inline-block;
    margin: 0px 4px;
}
.kode_banner .slick-dots .slick-active {
    height: 21px;
    width: 21px;
    margin: -4px 4px;
}
.kode_banner .slick-dots li button::before {
    content: "";
}
.kode_banner .slick-dotted.slick-slider {
    margin-bottom: 0px;
}
/*	============================================			KODE BANNER END	============================================*/
/*	============================================			KODE SERVICES START	============================================*/

.kode_services_row,
.kode_services-caption,
.kode_services_icon,
.kode_services_text,
.kode_services_content,
.kode_services {
    float: left;
    width: 100%;
}
.kode_services {
    margin-top: -1px;
}
.kode_services .col-md-3 {
    padding: 0px;
}
.kode_services_row {
    position: relative;
}
.kode_services_content {
    text-align: center;
    padding: 60px 0px 60px 0px;
}
.kode_services_content.content_1 {
    background-color: #a73d3a;
}
.kode_services_content.content_2 {
    background-color: #3b2e44;
}
.kode_services_content span {
    height: 86px;
    width: 86px;
    text-align: center;
    line-height: 86px;
    border: 1px solid #e68d78;
    border-radius: 100%;
    display: inline-block;
    font-size: 50px;
    color: #fff;
    margin-bottom: 15px;
}
.kode_services_icon h4 a,
.kode_services_content h4 a {
    color: #fff;
}
.kode_services_text {
    background-color: #29333a;
    bottom: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0px;
}
.kode_services_row:hover .kode_services_text {
    bottom: 0px;
    opacity: 1;
}
.kode_services_icon {
    background-color: #232b31;
    padding: 14px 20px;
}
.kode_services_icon span {
    height: 53px;
    width: 53px;
    text-align: center;
    line-height: 53px;
    border: 1px solid #585f63;
    border-radius: 100%;
    display: inline-block;
    font-size: 30px;
    color: #fff;
    float: left;
}
.kode_services_row:hover .kode_services_content span {
    opacity: 0;
}
.kode_services_row:hover .kode_services_content h4 a {
    opacity: 0;
}
.kode_services_icon h4 {
    overflow: hidden;
    padding: 10px 20px;
}
.kode_services-caption {
    padding: 22px 30px 24px 30px;
}
.kode_services-caption p {
    margin: 0px;
    color: #fff;
    margin-bottom: 9px;
}
.kode_services-caption a {
    display: inline-block;
    color: #fff;
}
/*	============================================			KODE SERVICES END	============================================*/
/*	============================================			KODE LAW FIRM START	============================================*/

.kode_firm_detail,
.kode_firm_content,
.kode_firm_fig,
.kode_section_heading,
.kode_law_firm {
    float: left;
    width: 100%;
}
.kode_law_firm {
    padding: 80px 0px;
}
/*heading start*/

.kode_section_heading {
    text-align: center;
    margin-bottom: 38px;
    margin-top: -3px;
}
.kode_section_heading h6 {} .kode_section_heading h3 {
    font-weight: bold;
    margin-bottom: 5px;
}
.kode_section_heading span {
    display: inline-block;
    position: relative;
	color:#666;
	font-size:30px;
}
.kode_section_heading span:after,
.kode_section_heading span:before {
    position: absolute;
    content: "";
    top: 0px;
    right: 45px;
    bottom: 0px;
    border-bottom: 1px solid #232b31;
    width: 66px;
}
.kode_section_heading span:after {
    left: 45px;
    right: auto;
}
/*heading end*/

.style-2 figure img {
    width: 100%;
}
.style-2 .slick-prev,
.style-2 .slick-next {
    border: medium none;
    display: block;
    font-size: 0;
    position: absolute;
    bottom: -26px;
    top: auto;
    left: 0px;
    right: 0px;
    margin: auto;
    text-align: center;
    background: none !important;
    height: 26px;
    width: 44px;
}
.style-2 .slick-next.slick-arrow {
    left: 80px;
}
.style-2 .slick-prev:before,
.style-2 .slick-next:before {
    bottom: 0;
    color: #000;
    background-color: #ffffff;
    content: "\f105";
    font-family: FontAwesome;
    font-size: 20px;
    left: 0;
    line-height: 22px;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    border: 2px solid #dd6043;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    color: #a1a1a1;
}
.style-2 .slick-prev:before {
    content: "\f104";
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.style-2 .slick-prev:hover:before,
.style-2 .slick-next:hover:before {
    color: #fff;
}
.kode_firm_content h4 {
    font-weight: bold;
    margin-bottom: 21px;
}
.kode_firm_content p {
    margin-bottom: 26px;
}
.kode_firm_detail {
    padding-left: 35px;
    margin-bottom: 23px;
}
.kode_firm_detail li {
    display: block;
    margin-bottom: 15px;
}
.kode_firm_detail li a {
    position: relative;
}
.kode_firm_detail li a:before {
    position: absolute;
    content: "\f00c";
    top: 0px;
    left: -36px;
    bottom: 0px;
    font-family: FontAwesome;
}
.kode_firm_button {
    display: inline-block;
    font-size: 16px;
    line-height: 16px;
    color: #fff;
    padding: 12px 35px;
    border-radius: 50px;
}
.kode_firm_button:hover {
    background-color: #000;
    color: #fff;
}
/*	============================================			KODE LAW FIRM END	============================================*/
/*	============================================			KODE SERVICES 2 START	============================================*/

.kode_services_2_des,
.kode_services_2 {
    float: left;
    width: 100%;
}
.kode_services_2 {
    padding: 13px 0px 72px 0px;
}
.kode_services_2_des span {
    display: inline-block;
    float: left;
    height: 73px;
    width: 73px;
    text-align: center;
    line-height: 73px;
    border: 2px solid #232b31;
    border-radius: 100%;
    color: #232b31;
    font-size: 30px;
}
.kode_services_2_des:hover span {
    color: #fff;
}
.kode_services_2_content {
    overflow: hidden;
    padding-left: 18px;
}
.kode_services_2_content h4 {
    font-weight: bold;
    margin-bottom: 15px;
}
/*	============================================			KODE SERVICES 2 END	============================================*/
/*	============================================			KODE COUNTER WRAP START	============================================*/

.kode_counter_text,
.kode_counter_content,
.kode_counter_wrap {
    float: left;
    width: 100%;
}
.kode_counter_wrap {
    position: relative;
    z-index: 9999;
    padding: 68px 0px 38px;
}
.kode_counter_wrap:before {
    position: absolute;
    content: "";
    top: 0px;
    left: 35px;
    right: 35px;
    bottom: 0px;
    background-image: url("image/count.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
    border: 10px solid #29333a;
}
.kode_counter_wrap:after {
    background-color: #29333a;
    opacity: 0.80;
    position: absolute;
    content: "";
    top: 0px;
    left: 35px;
    right: 35px;
    bottom: 0px;
    z-index: -1;
}
.kode_counter_content {
    padding: 44px 0px;
}
.kode_counter_content h6 {
    color: #fff;
    margin-bottom: 6px;
}
.kode_counter_content h3 {
    font-weight: bold;
    color: #fff;
    margin-bottom: 10px;
}
.kode_counter_content h3 span {
    display: block;
}
.kode_counter_content p {
    color: #fff;
    margin-bottom: 22px;
}
.kode_counter_row {
    float: left;
    width: 100%;
}
.kode_counter_text {
    text-align: center;
    padding: 40px 0px 44px;
    border: 1px solid #c3c6c8;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    z-index: 999;
}
.kode_counter_text:after {
    background-color: #ffffff;
    opacity: 0.45;
    position: absolute;
    content: "";
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: -1;
}
.kode_counter_text:hover:after {
    opacity: 0.60;
}
.kode_counter_text span {
    display: inline-block;
    font-size: 50px;
    line-height: 50px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 5px;
}
.kode_counter_text h6 {
    color: #fff;
}
/*	============================================			KODE COUNTER WRAP END	============================================*/
/*	============================================			KODE PRATICES AREA START	============================================*/

.kode_pratices_content,
.kode_pratices_area {
    float: left;
    width: 100%;
}
.kode_pratices_area {
    padding: 80px 0px 50px;
}
.kode_pratices_content {
	margin-bottom:30px;
	overflow:hidden;
}
.kode_pratices_content .figcaption h4 {
    font-weight: bold;
    color: #fff;
    margin-bottom: 6px;
}
.kode_pratices_content .figcaption h4 span {
    display: block;
}
.kode_pratices_content .figcaption p {
    color: #fff;
}
.kode_pratices_content .kode_firm_button {
    opacity: 1;
}
.kode_pratices_content .kode_firm_button:hover{
	background-color:#000 !important;
}
.kode_pratices_content:hover .kode_firm_button {
    opacity: 1;
    background-color: #fff !important;
}
.kode_pratices_content .kode_firm_button:hover {
    background-color: #000 !important;
    color: #fff !important;
}
.kode_pratices_content .kode-practice-thumbnail-data{
	position:relative;
	overflow:hidden;
	border-radius:50px;
}
.kode_pratices_content .kode-practice-thumbnail-data h4{
    color: #fff;
    left: 0;
    margin-top:-18px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
	z-index:999;
}
.kode_pratices_content:hover .kode-practice-thumbnail-data h4{
	opacity:0;
	top: 100%;
}
.kode_pratices_content .kode-practice-thumbnail-data h4:before,
.kode_pratices_content .kode-practice-thumbnail-data h4:after{
	border-top: 2px solid #fff;
    bottom: 0;
    content: "";
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: -18px;
    width: 70px;
}
.kode_pratices_content .kode-practice-thumbnail-data h4:before{
	border-bottom: 2px solid #fff;
	top:auto;
	bottom:-24px;
	border-top:none;
}
.kode_pratices_content .kode-practice-thumbnail-data img{
	border-radius:50px;
	overflow:hidden;
}
.kode_pratices_content:hover .kode-practice-thumbnail-data{
	border-radius:50px;
}
.kode_pratices_content:hover .kode-practice-thumbnail-data img{
	transform:scale(1.2);
	-moz-transform:scale(1.2);
	-webkit-transform:scale(1.2);
	overflow:hidden;
}
.kode_pratices_content .kode-practice-thumbnail-data:before{
	position:absolute;
	content:"";
	background-color:rgba(0,0,0,0.8);
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	border-radius:50px;
	z-index:99;
}
.kode_pratices_content:hover .kode-practice-thumbnail-data:before{
	opacity:0.9;
}
.kode_pratices_content .figcaption {
    left: 0;
    margin-top:-103px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 30%;
	padding:0px 30px;
	z-index:999;
	opacity:0;
}
.kode_pratices_content:hover .figcaption{
	top: 50%;
	opacity:1;
}
.kode_pratices_content .figcaption:before,
.kode_pratices_content .figcaption:after{
	border-top: 2px solid #fff;
    bottom: 0;
    content: "";
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: -18px;
    width: 70px;
	z-index:-1;
}
.kode_pratices_content .figcaption:before{
	border-top: 2px solid #fff;
	top:auto;
	bottom:-24px;
}
/*	============================================			KODE PRATICES AREA END	============================================*/
/*	============================================			KODE FORM EXPERIENCE START	============================================*/

.form-submit,
.kode_textarea,
.kf_commet_field,
.kode_left_comment_sec,
.comment_form,
.kode_comment_content,
.kode_experience_content,
.kode_experience_text,
.kode_form_experience {
    float: left;
    width: 100%;
}
.kode_form_experience {
    position: relative;
    background-image: url("image/b.png");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 54px 0px;
}
.kode_form_experience:before {
    position: absolute;
    content: "";
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #29333a;
    opacity: 0.90;
}
.kode_comment_content {
    background-color: #29333a;
    padding: 21px 0px 23px;
    text-align: center;
}
.kode_comment_content h6 {
    color: #fff;
    font-weight: bold;
    margin-bottom: 4px;
}
.kode_comment_content h3 {
    color: #fff;
    font-weight: bold;

}
.comment_form {
    background-color: #f8f8f8;
    padding: 30px 15px;
}
.kode_comment_form {
    left: 0;
    position: absolute;
    right: 0;
    top: -93px;
    box-shadow: 1px 0px 2px 2px #eeedee;
}
.kf_commet_field {
    position: relative;
    margin-bottom: 8px;
}
.kode_textarea textarea,
.kf_commet_field .selectric,
.kf_commet_field .select,
.kf_commet_field input {
    width: 100%;
    height: 44px;
    border: 1px solid #ededed;
    padding: 0px 20px;
    text-transform: capitalize;
    border-radius: 50px;
    color: #999999;
    box-shadow: 0px 0px;
    -moz-appearance: none;
    transition: all 0.3s ease-in-out 0s;
}
.kf_commet_field .selectric {
    background: #fff;
}
.kf_commet_field .selectric .label {
    display: inline-block;
    margin: 0px;
    color: #999999;
    font-size: 14px;
    font-weight: 500;
    padding: 2px 0px;
}
.kf_commet_field .selectric .button:after {
    top: 4px;
    content: "\f107";
    font-family: fontawesome;
    font-size: 14px;
    left: -20px;
    position: absolute;
    right: 0;
    font-weight: bold;
    top: 4px;
    border: none;
}
.kf_commet_field .selectric-items li:hover,
.kf_commet_field .selectric-items li.highlighted {
    color: #fff;
}
.kf_commet_field label {
    position: absolute;
    right: 20px;
    top: 50%;
    color: #999999;
    font-size: 14px;
    cursor: pointer;
    margin: -7px 0 0;
    z-index: 999;
}
.kode_textarea {
    margin-bottom: 18px;
}
.kode_textarea textarea {
    height: 125px;
    resize: none;
    padding: 12px 20px;
    font-size: 15px;
    border-radius: 30px;
}
.form-submit {
    text-align: center;
}
.form-submit .submit {
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    color: #fff;
    padding: 13px 50px;
    border-radius: 50px;
    border: none;
}
.form-submit .submit:hover {
    background-color: #000;
    color: #fff;
}
.kode_experience_text > span {
    float: left;
    display: inline-block;
    font-size: 95px;
    color: #fff;
    font-weight: bold;
    line-height: 75px;
}
.kode_experience_des {
    overflow: hidden;
    padding-left: 10px;
    margin-bottom: 20px;
}
.kode_experience_des h4,
.kode_experience_des h3 {
    color: #fff;
    font-weight: bold;
}
.kode_experience_content p {
    color: #fff;
    margin-bottom: 26px;
}
/*	============================================			KODE FORM EXPERIENCE END	============================================*/
/*	============================================			KODE ATTORNEY WRAP START	============================================*/

.kode_attorney_content,
.kode_attorney_des,
.kode_attorney_wrap {
    float: left;
    width: 100%;
}
.kode_attorney_wrap {
    padding: 80px 0px 50px;
}
.kode_attorney_des {
    border: 1px solid #dfdfdf;
    border-radius: 20px;
    background-color: #f9f9f9;
    margin-bottom: 30px;
    overflow: hidden;
}
.kode_attorney_des figure {
    overflow: hidden;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.kode_attorney_des figure img {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    overflow: hidden;
}
.kode_attorney_des:hover figure img {
    opacity: 0.80;
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.kode_attorney_content {
    text-align: center;
    padding: 28px 0px;
    overflow: hidden;
    position: relative;
}
.kode_attorney_des:hover .kode_attorney_content {
    padding: 19px 0 37px;
}
.kode_attorney_content h5 {
    font-weight: SemiBold;
}
.kode_attorney_content span {
    opacity: 1;
}
.kode_attorney_des:hover span {
    opacity: 0;
    margin-top: -30px;
}
.kode_attorney_icon {
    display: block;
    opacity: 0;
    position: absolute;
    bottom: 40px;
    left: 0px;
    right: 0px;
    margin: auto;
    text-align: center;
}
.kode_attorney_des:hover .kode_attorney_icon {
    bottom: 20px;
    opacity: 1;
}
.kode_attorney_icon li {
    display: inline-block;
    margin-right: 4px;
}
.kode_attorney_icon li:last-child {
    margin: 0px;
}
.kode_attorney_icon li a {
    display: inline-block;
    height: 29px;
    width: 29px;
    text-align: center;
    line-height: 27px;
    border: 1px solid #e2e2e2;
    border-radius: 100%;
    color: #232b31;
    background-color: #fff;
}
.kode_attorney_icon li a:hover {
    color: #fff;
}
.kode_attorney_icon .btn {
    padding: 0px 0px;
}
/*	============================================			KODE ATTORNEY WRAP END	============================================*/
/*	============================================			KODE TESTIMONIAL WRAP START	============================================*/

.kode_testimaonial_text,
.kode_testimonial_wrap {
    float: left;
    width: 100%;
}
.kode_section_heading.hdg_2 span,
.kode_section_heading.hdg_2 h3,
.kode_section_heading.hdg_2 h6 {
    color: #fff;
}
.kode_section_heading.hdg_2 span:after,
.kode_section_heading.hdg_2 span:before {
    border-color: #fff;
}
.kode_testimaonial_text {
    text-align: center;
}
.kode_testimaonial_text figure {
    display: inline-block;
    margin-bottom: 15px;
    border-radius: 100%;
    border: 2px solid #fff;
}
.kode_testimaonial_text figure img {
    display: inline-block;
    border-radius: 100%;
}
.kode_testimaonial_text h6 {
    color: #fff;
    margin-bottom: 10px;
}
.kode_rating_star {
    text-align: center;
    display: inline-block;
    margin-bottom: 17px;
}
.kode_rating_star li {
    display: inline-block;
}
.kode_rating_star li a {
    display: inline-block;
    color: #fff;
}
.kode_testimaonial_text p {
    color: #fff;
    font-style: italic;
    padding: 0px 140px;
}
/*slick slider start*/

.kode_testimaonial_text .slick-prev,
.kode_testimaonial_text .slick-next {
    left: 0px;
    right: 0px;
    top: auto;
    bottom: -90px;
    margin: auto;
    background: none;
    height: 39px;
    width: 39px;
    text-align: center;
    line-height: 39px;
    border: 2px solid #fff;
    border-radius: 100%;
    font-size: 17px;
}
.kode_testimaonial_text .slick-prev {
    left: 50px;
}
.kode_testimaonial_text .slick-next {
    left: -50px;
}
.kode_testimaonial_text .slick-prev:before,
.kode_testimaonial_text .slick-next:before {
    position: absolute;
    content: "\f104";
    font-family: FontAwesome;
    left: 0px;
    right: 0px;
    top: auto;
    bottom: 0px;
    color: #fff;
    line-height: 36px;
}
.kode_testimaonial_text .slick-prev:before {
    content: "\f105";
}
/*	============================================			KODE TESTIMONIAL WRAP END	============================================*/
/*	============================================			KODE BLOG WRAP START	============================================*/

.kode_blog_view,
.kode_blog_video,
.kode_latest_blog,
.kode_blog_wrap {
    float: left;
    width: 100%;
}
.kode_blog_wrap {
    padding: 80px 0px;
}
.kode_latest_blog {
    margin-bottom: 20px;
}
.kode_latest_blog:nth-child(3) {
    margin-bottom: 40px;
}
.kode_latest_blog figure {
    float: left;
    overflow: hidden;
    position: relative;
}
.kode_latest_blog figure:before {
    position: absolute;
    content: "";
    top: 100px;
    left: 100px;
    right: 100px;
    bottom: 100px;
    z-index: 999;
}
.kode_latest_blog:hover figure:before {
    background: rgba(0, 0, 0, 0.2);
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}
.kode_latest_blog:hover figure img {
    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
}
.kode_blog_content {
    overflow: hidden;
    padding: 0px 0 0 30px;
}
.kode_blog_content h4 {
    margin-bottom: 6px;
    padding-right: 15px;
}
.kode_blog_content p {
    color: #999999;
}
.kode_blog_video {
    margin-bottom: 30px;
}
.kode_blog_video figure {
    position: relative;
    overflow: hidden;
}
.kode_blog_video figure:before {
    position: absolute;
    content: "";
    top: 100px;
    right: 100px;
    bottom: 100px;
    left: 100px;
    opacity: 0;
    z-index: 999;
}
.kode_blog_video:hover figure img {
    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
}
.kode_blog_video:hover figure:before {
    top: 0px;
    background-color: #242323;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0.70;
}
.kode_blog_video figcaption {
    position: absolute;
    top: 50%;
    left: 0px;
    right: 0px;
    margin-top: -25px;
    text-align: center;
    z-index: 9999;
    opacity: 0;
}
.kode_blog_video:hover figcaption {
    margin-top: -14px;
    opacity: 1;
}
.kode_blog_video figcaption a {
    color: #fff;
	font-size:30px;
}
.kode_blog_view {
    text-align: center;
}
.kode_blog_view.view_2 {
    margin-top: 10px;
}
.kode_blog_view .kode_firm_button {
    font-weight: bold;
    padding: 12px 45px;
}
/*	============================================			KODE BLOG WRAP END	============================================*/
/*	============================================			KODE CLIENT WRAP START	============================================*/

.kode_client_wrap {
    float: left;
    width: 100%;
    padding: 80px 0px;
    background-color: #f9f9f9;
}
.kode_client_wrap .slick-prev,
.kode_client_wrap .slick-next {
    display: none !important;
}
.kode_client_fig {
    float: left;
    padding: 0 20px;
    width: 100%;
}
/*	============================================			KODE CLIENT WRAP END	============================================*/
/*	============================================			KODE FOOTER WRAP START	============================================*/

.kode_padding,
.kode_widget_link,
.widget_footer_text,
.kode_widget_service,
.kode_widget_des ul li,
.kode_widget_des ul,
.kode_widget_des,
.kode_footer_wrap {
    float: left;
    width: 100%;
}
.kode_footer_wrap {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 9999;
    background-attachment: fixed;
}
.kode_footer_wrap:before {
    position: absolute;
    content: "";
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #29333a;
    opacity: 0.94;
}
.kode_widget_des {
    padding: 80px 0 77px;
    border-right: 1px solid #3f3e45;
}
.kode_widget_des figure {
    margin-bottom: 32px;
}
.kode_widget_service span {
    float: left;
    display: inline-block;
    color: #fff;
    margin: 10px 0px;
}
.kode_widget_des ul {
    padding: 0px;
}
.kode_widget_navi {
    list-style: none;
}
.kode_widget_des ul li {
    margin-bottom: 20px;
    list-style: none;
}
.kode_widget_des ul li:last-child {
    margin-bottom: 38px;
}
.widget_service_text {
    overflow: hidden;
    padding-left: 42px;
}
.widget_service_text p {
    color: #fff;
}
.widget_service_text a {
    display: block;
    color: #fff;
    line-height: 30px;
}
.widget_footer_text h6 {
    color: #fff;
    font-weight: 500;
    margin-bottom: 4px;
}
.widget_footer_text span {
    color: #fff;
}
.kode_widget_link h4 {
    color: #fff;
    font-weight: 600;
    padding: 0px 0px 24px 30px;
    border-bottom: 1px solid #3f3e45;
}
.kode_footer_wrap .col-md-8,
.kode_footer_wrap .col-md-6 {
    padding: 0px;
}
.kode_footer_wrap .col-md-4 {
    padding-right: 0px;
}
.kode_widget_link ul {
    float: left;
    width: 50%;
    padding: 44px 0px 0px 50px;
}
.kode_widget_link ul li {
    display: block;
    margin-bottom: 8px;
}
.kode_widget_link ul li a {
    display: block;
    color: #fff;
    position: relative;
}
.kode_widget_link ul li a:hover {
    padding-left: 5px;
}
.kode_widget_link ul li a:before {
    position: absolute;
    content: "\f105";
    top: 0px;
    left: -21px;
    right: 0px;
    bottom: 0px;
    font-family: FontAwesome;
}
.kode_widget_link.instagram ul {
    padding-left: 19px;
    width: 100%;
}
.kode_widget_link.instagram li {
    float: left;
    width: auto;
    margin: 0px 18px 13px 0px;
    position: relative;
    overflow: hidden;
    border-radius: 15px;
}
.kode_widget_link.instagram li:before {
    position: absolute;
    content: "";
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 9999;
}
.kode_widget_link.instagram li:hover:before {
    opacity: 0.55;
    background-color: #3f3e45;
}
.kode_widget_link.instagram li:last-child,
.kode_widget_link.instagram li:nth-child(3) {
    margin-right: 0px;
}
.kode_widget_link.instagram li img {
    border-radius: 15px;
}
.kode_widget_link.instagram li:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.kode_widget_link.instagram li a:hover {
    padding: 0px;
}
.kode_widget_link.instagram li a:before {
    content: "";
}
.kode_widget_navi {
    padding: 38px 0px 6px 30px;
}
.kode_widget_navi {
    float: right !important;
    padding: 28px 0 0px 20px;
    position: relative;
    text-align: right !important;
    margin: 0px 0px;
}
.kode_widget_navi li {
    float: left;
    margin-right: 33px;
}
.kode_widget_navi li:last-child {
    margin: 0px;
}
.kode_widget_navi li a {
    font-weight: 600;
    color: #fff;
}
/*	============================================			KODE FOOTER WRAP END	============================================*/
/*	============================================			KODE COPYRIGHT START	============================================*/

.kode_copyright_text,
.kode_copyright {
    float: left;
    width: 100%;
}
.kode_copyright {
    padding: 22px 0px 25px;
    border-bottom: 6px solid #fff;
}
.kode_copyright_text {
    position: relative;
}
.kode_copyright_text p {
    color: #fff;
    float: left;
    margin: 0px;
    font-weight: 600;
}
.kode_copyright_text > p > a:hover {
    color: #000;
}
.kode_copyright_text > a {
    background-color: #29333a;
    bottom: 0px;
    color: #fff;
    height: 75px;
    line-height: 75px;
    position: absolute;
    right: 0;
    text-align: center;
    top: -22px;
    width: 70px;
}
/*	============================================			KODE COPYRIGHT END	============================================*/
/*	//===============================================================================================											HOME PAGE 2 START	===============================================================================================//*/

.kode_top_bar.bar_2 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.kode_top_contact.contact_2 ul li:last-child {
    border-right: none;
}
.kode_top_contact.contact_2 ul li {
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.kode_top_social_icon.icon_2 ul {
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.navigation.navi_2 ul {
    margin-right: 50px;
    top: 70px;
}
.kode_top_search_menu.menu_2 a {
    border: none;
    padding: 15px 0;
    margin-left: 42px;
}
.navigation.navi_2 ul li a:hover,
.kode_top_contact.contact_2 ul li a:hover,
.kode_top_search_menu.menu_2 a:hover {
    color: #000;
}
.kode_top_social_icon.icon_2 ul li a:hover {
    background-color: #fff !important;
    color: #000;
}
.kode_top_search_menu.menu_2 a:first-child {
    margin: 0px;
}
/*	============================================			KODE BANNER2 START	============================================*/

.kode_banner2 {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.kode_banner2 .slick-dots {
    display: none;
}
.kode_banner2 figure {
    position: relative;
    overflow: hidden;
}
.kode_banner2 .slick-prev,
.kode_banner2 .slick-next {
    display: none !important;
}
.kode_banner2 figure:after {
    bottom: 0;
    content: "";
    left: 0px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 1px 0 876px 1911px;
    border-color: transparent transparent transparent #dd6043;
}
.kode_banner2 figure:before {
    background-color: #151211;
    opacity: 0.92;
    right: 0;
}
.kode_banner2 figcaption {
    bottom: 0;
    left: 50%;
    margin: 0 0 0 -580px;
    position: absolute;
    right: 0;
    z-index: 999;
}
.kode_banner2 figcaption img {
    float: left;
}
.kode_banner_content {
    position: relative;
    top: 230px;
    float: left;
}
.kode_banner_content:before,
.kode_banner_content:after {
    position: absolute;
    content: "";
    top: -9px;
    left: -53px;
    border: 1px solid #fff;
    height: 75px;
    width: 129px;
    border-right: none;
}
.kode_banner_content:before {
    border-left: none;
    right: -53px;
    left: auto;
    border-right: 1px solid #fff;
}
.kode_banner_content h3 {
    font-weight: bold;
    color: #fff;
    margin-bottom: 32px;
}
.kode_banner_content h4 {
    color: #fff;
    text-align: center;
}
/*	============================================			KODE BANNER2 END	============================================*/
/*	============================================			KODE SERVICE2 WRAP START	============================================*/

.kode_service2_content,
.kode_service2_wrap {
    float: left;
    width: 100%;
}
.kode_service2_wrap {
    margin-top: -112px;
    position: relative;
    z-index: 999;
    padding-bottom: 74px;
}
.kode_service2_wrap .col-md-4 {
    padding: 0px;
}
.kode_service2_content {
    text-align: center;
    padding: 50px 0px 45px;
    background-color: #333333;
}
.kode_service2_content a {
    display: block;
    color: #fff;
    margin-bottom: 12px;
	font-size:50px;
}
.kode_service2_content span {
    color: #fff;
    margin-bottom: 11px;
    font-weight: bold;
    display: inline-block;
}
.kode_service2_content h6 {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}
/*	============================================			KODE SERVICE2 WRAP END	============================================*/
/*	============================================			KODE EXPERIENCE2 WRAP START	============================================*/

.kode_experience2_text,
.kode_section_hdg2,
.kode_experience2_wrap {
    float: left;
    width: 100%;
}
.kode_experience2_wrap {
    margin-bottom: 45px;
}
.kode_section_hdg2 span {
    display: inline-block;
    font-style: italic;
    color: #232b31;
}
.kode_section_hdg2 h2 {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 11px;
}
.kode_section_hdg2 h2:before {
    position: absolute;
    content: "";
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 16px;
    border-bottom: 4px solid;
}
.kode_experience2_text {
    padding: 10px 0px 10px 50px;
}
/*	============================================			KODE EXPERIENCE2 WRAP END	============================================*/
/*	============================================			KODE LAW ACHIEVEMENT START	============================================*/

.kode_achievement_content,
.kode_achievement_text,
.kode_achievement_list ul li,
.kode_achievement_list ul,
.kode_achievement_list,
.kode_law_achievement {
    float: left;
    width: 100%;
}
.kode_law_achievement {
    padding-bottom: 80px;
}
.kode_firm_fig.fig_2 .slick-prev,
.kode_firm_fig.fig_2 .slick-next {
    display: none !important;
}
.kode_achievement_list {
    border: 1px solid #f1f1f1;
    padding: 0px 0px;
    margin: 0px 0px 0px 30px;
}
.kode_achievement_text {
    position: relative;
    z-index: 9999;
}
.kode_achievement_list ul {
    margin: 0px 0px;
}
.kode_achievement_list ul li {
    padding: 12px 30px 12px;
    border-bottom: 1px solid #f1f1f1;
    position: relative;
}
.kode_achievement_list ul li:hover {
    background-color: #f9f9f9;
}
.kode_law_client2_fig .kode_pet_value:before,
.kode_achievement_list ul li:before {
    position: absolute;
    content: "";
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    border-right: 1px solid;
    border-left: 1px solid;
    transform: scale(1, 0);
    z-index: 9999;
    opacity: 0;
}
.kode_law_client2_fig .kode_pet_value:after,
.kode_achievement_list ul li:after {
    position: absolute;
    content: "";
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    border-top: 1px solid;
    border-bottom: 1px solid;
    transform: scale(0, 1);
    z-index: 999;
    opacity: 0;
}
.kode_law_client2_fig .kode_pet_value:hover:before,
.kode_law_client2_fig .kode_pet_value:hover:after,
.kode_achievement_list ul li:hover:after,
.kode_achievement_list ul li:hover:before {
    transform: scale(1);
    opacity: 1;
}
.kode_achievement_list ul li:last-child {
    border-bottom: none;
}
.kode_achievement_text span {
    display: inline-block;
	font-size:30px;
}
.kode_achievement_text h5 {
    display: inline-block;
    padding-left: 14px;
}
.kode_achievement_content {
    margin-top: 6px;
    line-height: 26px;
}
/*	============================================			KODE LAW ACHIEVEMENT END	============================================*/
/*	============================================			KODE LAW PROGRES START	============================================*/

.progress-names,
.kode_law_progres_detail,
.kode_law_progres_list,
.kode_law_progres_row,
.kode_law_progres_des,
.kode_law_progres {
    float: left;
    width: 100%;
}
.kode_law_progres {
    position: relative;
    background-image: url("image/bb.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.kode_law_progres:before {
    position: absolute;
    content: "";
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #080707;
    opacity: 0.80;
}
.kode_law_progres_row {
    padding-right: 24px;
}
.kode_law_progres_des {
    background-color: #ffffff;
    padding: 44px 0px 0px;
    position: relative;
}
.kode_section_hdg2.hdg_3 {
    margin-bottom: 36px;
    text-align: center;
    position: relative;
    z-index: 1;
}
.kode_section_hdg2.hdg_3 h2:before {
    margin: auto;
}
.kode_progres_content {
    padding-bottom: 37px;
    border-bottom: 1px solid #bcbcbc;
    margin-top: -18px;
    margin-bottom: 30px;
    overflow: hidden;
}
.kode_progres_content p {
    margin-bottom: 10px;
}
.kode_progres_content h5 {
    font-weight: bold;
    margin-bottom: 10px;
}
.kode_progres_content h6 {
    margin-bottom: 20px;
}
.kode_progres_content a {
    display: block;
    font-weight: bold;
    color: #666666;
    margin-bottom: 5px;
}
.kode_progres_content > a:last-child {
    margin: 0;
}
.kode_progres_content a i {
    margin-right: 19px;
}
.kode_progres_icon {
    list-style: none;
}
.kode_progres_icon li {
    float: left;
    margin-right: 20px;
}
.kode_progres_icon li:last-child {
    margin: 0px;
}
.kode_progres_icon li a {
    height: 37px;
    width: 37px;
    display: inline-block;
    text-align: center;
    border: 1px solid #c8c8c8;
    border-radius: 100%;
}
.kode_progres_icon li a:hover {
    color: #fff !important;
}
.kode_progres_fig {
    position: relative;
    float: left;
    margin-left: -130px;
    margin-top: -34px;
    padding-right: 30px;
}
.kode_law_progres_detail {
    padding: 30px 0 0px;
}
.kode_section_hdg2.hdg_4 p,
.kode_section_hdg2.hdg_4 h2,
.kode_section_hdg2.hdg_4 span {
    color: #fff;
}
.progress-names {
    margin-bottom: 20px;
}
.progress-names:last-child {
    margin: 0px;
}
.progress-names h5 {
    color: #fff;
    font-weight: bold;
    margin-bottom: 15px;
}
.progress-names .progressbar {
    float: left;
    position: relative;
    width: 100%;
}
.progress-names .label {
    border: 1px solid #fff;
    display: inline-block;
    float: left;
    height: 13px;
    width: 100%;
    border-radius: 0px;
}
.progress-names .perc {
    color: #fff;
    padding: 5px;
    position: absolute;
    right: 0;
    top: -34px;
}
.progress-names .bar {
    display: inline-block;
    height: 11px;
    left: 1px;
    position: absolute;
    top: 1px;
}
/*	============================================			KODE LAW PROGRES END	============================================*/
/*	============================================			KODE PRACTICE AREA2 START	============================================*/

.kode_practice_area2_text,
.kode_practice_arae2 {
    float: left;
    width: 100%;
}
.kode_practice_arae2 {
    padding: 74px 0px 50px;
}
.kode_practice_area2_text {
    text-align: center;
    background-image: url("image/area2.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 35px 8px 27px;
    z-index: 999;
    margin-bottom: 30px;
}
.kode_practice_area2_text:before {
    position: absolute;
    content: "";
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #404041;
    z-index: -1;
}
.kode_practice_area2_text:hover:before {
    opacity: 0.78;
    box-shadow: 0 0 10px 4px #dfdfdf;
}
.special-services-item figure{
	position:relative;
}
.special-services-item span,
.kode_practice_area2_text span {
    display: inline-block;
    color: #fff;
	font-size:45px;
    margin-bottom: 16px;
}
.special-services-item span{
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	margin:auto;
	width:44px;
	height:44px;	
}
.kode_practice_area2_text h5 {
    font-weight: bold;
    margin-bottom: 7px;
}
.kode_practice_area2_text h5 a {
    color: #fff;
}
.kode_practice_area2_text h5 a:hover {
    color: #000;
}
.kode_practice_area2_text p {
    color: #fff;
}
.kode-blog-list-listing.kode-list-blog.row .col-md-4 {
    padding: 0px 0px ;
}
/*	============================================			KODE PRACTICE AREA2 END	============================================*/
/*	============================================			KODE EXPERIENCE WRA CLIENT_2 START	============================================*/

.kode_client_author {
    float: left;
    width: 100%;
}
.kode_experience2_wrap.client_2 {
    background-image: url("image/clientb.png");
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 80px 0px;
    z-index: 999;
    margin: 0px;
}
.kode_experience2_wrap.client_2:before {
    position: absolute;
    content: "";
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #333333;
    opacity: 0.88;
}
.kode_experience2_wrap.client_2 .col-md-5 {
    padding-right: 0px;
}
.kode_experience2_wrap.client_2 .col-md-7 {
    padding-left: 0px;
}
.kode_section_hdg2.hdg_4.hdg_5 {
    border-bottom: 1px solid #939393;
    margin: 0;
    padding: 33px 0 24px;
    position: relative;
    left: 30px;
}
.kode_pricing_text > h6 {
    display: none !important;
}
.kode_experience2_text.client_text {
    padding: 42px 0px 25px 35px;
    border-left: 1px solid #939393;
    padding: 42px 180px 25px 32px;
}
.kode_experience2_text.client_text p {
    color: #fff;
    margin-bottom: 36px;
}
.kode_client_author figure {
    float: left;
}
.kode_client_author figure img {
    border-radius: 100%;
}
.kode_client_author_content {
    float: left;
    width: auto;
    padding: 10px 0px 10px 30px;
}
.kode_client_author_content h5 {
    margin-bottom: 2px;
}
.kode_client_author_content span {
    color: #fff;
}
/*slick slider*/

.kode_experience2_text.client_text .slick-prev,
.kode_experience2_text.client_text .slick-next {
    left: -297px;
    bottom: -42px;
    top: auto;
    background: none;
    line-height: 39px;
    height: 39px;
    width: 39px;
    border: 1px solid #dd6043;
    border-radius: 100%;
}
.kode_pricing_detail a {
    display: none;
}
.kode-background-image {
    background-size: cover;
}
.kode_experience2_text.client_text .slick-next {
    left: -248px;
}
.kode_experience2_text.client_text .slick-prev:before,
.kode_experience2_text.client_text .slick-next:before {
    bottom: 0;
    color: #000;
    content: "\f105";
    font-family: FontAwesome;
    font-size: 20px;
    left: 0;
    line-height: 72px;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 39px;
    border-radius: 100%;
    color: #dd6043;
}
.kode_experience2_text.client_text .slick-prev:before {
    content: "\f104";
}
.kode_experience2_text.client_text .slick-prev:hover:before,
.kode_experience2_text.client_text .slick-next:hover:before {
    color: #fff;
}
/*	============================================			KODE EXPERIENCE WRA CLIENT_2 END	============================================*/
/*	============================================			KODE LAW PRICING START	============================================*/

.kode_pricing_detail,
.kode_pricing_text,
.kode_law_pricing_list,
.kode_law_pricing {
    float: left;
    width: 100%;
}
.kode_law_pricing {
    padding: 73px 0px 119px;
}
.kode_table {
    padding: 28px 30px 36px;
    outline: 1px solid #f0f0f0;
    text-align: center;
    transition: all 0.5s ease-in-out !important;
}
.kode_law_pricing_list .kode-button-style-law-5 {
    transition: all 1s ease-in-out;
}
.kode_table.active,
.kode_table:hover {
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 0px 0px 6px #dd6043;
    transform: scaley(1.1);
    -moz-transform: scaley(1.1);
    -webkit-transform: scaley(1.1);
}
.kode_pricing_text {
    margin-bottom: 24px;
}
.kode_pricing_text h3 {
    margin-bottom: 7px;
    position: relative;
}
.custom-options option {
    float: left;
    width: 100%;
    padding: 5px 10px;
    background-color: #333 !important;
    color: #fff !important;
}
.kode_pricing_text h3:before,
.kode_pricing_text h3:after {
    position: absolute;
    content: "";
    left: 0px;
    right: 0px;
    bottom: 20px;
    border-bottom: 1px solid #dd6043;
    width: 70px;
}
.kode_pricing_text h3:before {
    right: 0px;
    left: auto;
}
.kode_pricing_text h6 {
    position: relative;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 15px;
    position: relative;
    display: inline-block;
    display: none;
}
.kode_law_pricing_list.active .kode_pricing_text h6,
.kode_law_pricing_list:hover .kode_pricing_text h6 {
    display: inline-block;
}
.kode_pricing_text h6:before,
.kode_pricing_text h6:after {
    position: absolute;
    content: "\f005";
    left: -25px;
    bottom: 0px;
    font-family: FontAwesome;
}
.kode_pricing_text h6:before {
    right: -25px;
    left: auto;
}
.kode_pricing_text span {
    display: inline-block;
}
.kode_pricing_detail {
    margin-bottom: 20px;
    list-style: none;
}
.kode_pricing_detail li a {
    display: block;
    padding: 13px 0px 16px;
}
.kode_pricing_detail > li:nth-child(odd) {
    background-color: #f4f4f4;
}
.kode_pricing_detail li a i {
    font-size: 18px;
    margin-right: 16px;
}
.kode_buy {
    background: none;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 14px;
    border: 1px solid #d3d3d3;
    padding: 12px 28px;
}
.kode_law_pricing_list.active .kode_buy,
.kode_law_pricing_list:hover .kode_buy {
    color: #fff;
}
/*	============================================			KODE LAW PRICING END	============================================*/
/*	============================================			KODE QUOTE FORM START	============================================*/

.kode_quote_textarea,
.kode_quote_commet_field,
.kode_qoute_form {
    float: left;
    width: 100%;
}
.quote_form_list {
    display: inline-block;
    text-align: center;
    margin: auto;
}
.kode_quote_commet_field {
    margin-bottom: 30px;
}
.kode_quote_textarea textarea,
.kode_quote_commet_field input {
    height: 41px;
    background: none;
    border: 1px solid #ddd !important;
    padding: 0px 20px;
    box-shadow: 0px 0px;
    color: #ddd !important;
    transition: all 0.5s ease-in-out;
}
.kode_quote_textarea textarea {
    width: 100%;
    height: 139px;
    padding: 20px 20px;
    resize: none;
    margin-bottom: 35px;
}
.form_quote_submit .submit {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    line-height: 14px;
    padding: 12px 18px;
    color: #fff;
    border: none;
    border-radius: 50px;
}
.form_quote_submit .submit:hover {
    background-color: #fff;
    color: #000;
}
.kode_quote_commet_field .selectric {
    width: 100%;
    background: none;
}
.kode_quote_commet_field .selectric .label {
    text-align: left;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    height: 41px;
    line-height: 30px;
}
.kode_quote_commet_field .selectric .button:after {
    border-width: 7px 6px medium;
    top: 2px;
}
.kode_quote_commet_field .selectric-items {
    background-color: #f9f9f9f;
}
.kode_quote_commet_field .selectric-items li.highlighted {
    color: #fff;
}
.kode_quote_commet_field .selectric-items li:hover {
    color: #fff;
}
/*	============================================			KODE QUOTE FORM END	============================================*/
/*	============================================			KODE LATEST WRAP START	============================================*/

.kode_latest_thumbnail,
.kode_latest_meta,
.kode_latest_content,
.kode_latest_modern,
.kode_latest_wrap {
    float: left;
    width: 100%;
}
.kode_latest_wrap {
    padding: 74px 0px 80px;
}
.kode_latest_wrap .col-md-4 {
    padding: 0px 0px;
}
.kode_latest_content {
    padding: 23px 20px 36px;
    border: 1px solid #d3d3d3;
}
.kode_latest_content h5 {
    margin-bottom: 14px;
    font-weight: bold;
}
.kode_latest_content h5 span {
    display: block;
}
.kode_latest_meta {
    margin-bottom: 20px;
}
.kode_latest_meta li {
    float: left;
    margin-right: 20px;
}
.kode_latest_meta li:last-child {
    margin: 0px;
}
.kode_latest_meta li a {
    display: inline-block;
    color: #999999;
}
.kode_latest_meta li a i {
    margin-right: 10px;
}
.kode_latest_readmore {
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 14px;
    padding: 9px 24px 11px;
    border: 1px solid #d3d3d3;
}
.kode_latest_readmore:hover {
    color: #fff;
}
.kode_latest_thumbnail figure {
    position: relative;
}
.kode_latest_thumbnail figure img {
    width: 100%;
}
.kode_event_medium_modern figure:before,
.kode_latest_thumbnail figure:before {
    position: absolute;
    content: "";
    top: 0px;
    left: 0px;
    right: 50px;
    bottom: 50px;
    opacity: 0;
}
.kode_event_medium_modern:hover figure:before,
.kode_latest_modern:hover .kode_latest_thumbnail figure:before {
    background-color: #110f0f;
    opacity: 0.65;
    bottom: 0px;
    right: 0px;
}
.kode_event_medium_modern .event_clone,
.kode_latest_thumbnail a {
    position: absolute;
    color: #fff;
    left: 0px;
    right: 80px;
    text-align: center;
    top: 40%;
    margin-top: -20px;
    opacity: 0;
}
.kode_event_medium_modern:hover .event_clone,
.kode_latest_modern:hover .kode_latest_thumbnail a {
    top: 50%;
    right: 0px;
    opacity: 1;
}
/*	============================================			KODE LATEST WRAP END	============================================*/
/*	============================================			KODE LAW CLIENT2 START	============================================*/

.kode_law_client2 {
    float: left;
    width: 100%;
    padding-bottom: 80px;
}
.kode_law_client2_fig {
    padding: 0px 15px;
}
.kode_law_client2_fig figure {
    border: 1px solid #efefef;
}
.kode_law_client2 .slick-prev,
.kode_law_client2 .slick-next {
    display: none !important;
}
/*	============================================			KODE LAW CLIENT2 END	============================================*/
/*	============================================			KODE PULL SLIDE WRAP START	============================================*/

.kode_pull_slide_wrap {
    float: left;
    width: 100%;
}
.kode_slide_fig figure {
    position: relative;
}
.kode_slide_fig figure:before {
    position: absolute;
    content: "";
    top: 0px;
    left: 0px;
    right: 50px;
    bottom: 50px;
    opacity: 0;
}
.kode_slide_fig:hover figure:before {
    opacity: 0.65;
    right: 0px;
    bottom: 0px;
}
.kode_slide_fig a {
    position: absolute;
    top: 40%;
    left: 0px;
    right: 50px;
    text-align: center;
    color: #fff;
    margin-top: -15px;
    opacity: 0;
}
.kode_slide_fig:hover a {
    top: 50%;
    right: 0px;
    opacity: 1;
}
.kode_pull_slide_wrap .slick-prev,
.kode_pull_slide_wrap .slick-next {
    display: none !important;
}
/*	============================================			KODE PULL SLIDE WRAP END	============================================*/
/*	============================================			 WIDGET FORM START	============================================*/

.widget.form_content,
.widget_form {
    float: left;
    width: 100%;
}
.widget_form {
    background-color: #222222;
    padding: 72px 0px 80px;
    border-bottom: 1px solid #3f3e45;
    position: relative;
    overflow: hidden;
}
.widget_form:after,
.widget_form:before {
    position: absolute;
    content: "\f003";
    font-size: 104px;
    top: 56px;
    color: #303030;
    left: 343px;
    bottom: 0px;
    font-family: FontAwesome;
    transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
}
.widget_form:after {
    font-size: 235px;
    top: auto;
    left: 117px;
    bottom: 28px;
}
.widget.form_content {
    text-align: center;
}
.widget.form_content p {
    color: #fff;
    margin-bottom: 35px;
}
.widget.form_field {
    width: 428px;
    text-align: center;
    position: relative;
    margin: auto;
    display: inline-block;
}
.widget.form_field input {
    height: 41px;
    background: none;
    border: 1px solid #3f3e45;
    color: #fff;
    padding: 0 130px 0px 20px;
    box-shadow: 0px 0px;
    width: 100%;
}
.widget.form_field button {
    position: absolute;
    top: 1px;
    right: 1px;
    height: 39px;
    width: 126px;
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    font-weight: bold;
    border-left: 2px solid #3f3e45;
    padding: 7px 0px;
}
.widget.form_field button:hover {
    background-color: #fff;
    color: #000;
}
/*	============================================			WIDGET WIDGET FORM END	============================================*/
/*	============================================			WIDGET COPYRIGHT WRAP START	============================================*/

.social_tag,
.widget_navi,
.widget_coprright_content,
.widget_copyright_wrap {
    float: left;
    width: 100%;
}
.widget_copyright_wrap {
    padding: 33px 0px 35px;
    background-color: #222222;
}
.widget_coprright_content {
    text-align: center;
}
.widget_navi {
    margin-bottom: 31px;
}
.social_tag li,
.widget_navi li {
    display: inline-block;
    margin-right: 26px;
}
.social_tag li:last-child,
.widget_navi li:last-child {
    margin: 0px;
}
.widget_navi li a {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
}
.social_tag {
    margin-bottom: 27px;
}
.social_tag li {
    margin-right: 35px;
}
.social_tag li a {
    display: inline-block;
    color: #8a8a8a;
}
.social_tag li a i {
    font-size: 18px;
    margin-right: 15px;
}
.widget_p {
    color: #fff;
}
.widget_p a:hover {
    color: #fff;
}
/*	============================================			WIDGET COPYRIGHT WRAP END	============================================*/
/*	//===============================================================================================											HOME PAGE 3 START	===============================================================================================//*/

.kode_top_search_menu.menu_2.menu_3.menu_4 a {
    color: #fff;
}
.navigation.navi_2.navi_3 ul {
    margin-right: 0px;
    padding: 12px 0px;
}
.navigation.navi_2.navi_3 li:last-child {
    margin-right: 25px;
}
/*	============================================			KODE BANNER3 START 	============================================*/

.kode_banner3,
.kode_banner3_fig {
    float: left;
    width: 100%;
}
.kode_banner3 {
    position: relative;
}
.kode-bxslider .bxslider li {
    position: relative;
}
.kode-bxslider .bxslider li:before {
    background-color: #151211;
}
.kode-bxslider .bxslider .kode-caption {
    position: absolute;
    top: 50%;
    left: 0px;
    right: 0px;
    text-align: center;
    margin-top: -50px;
}
.kode-bxslider .bxslider .kode-caption h2 {
    font-weight: bold;
    color: #fff;
    margin-bottom: 13px;
}
.kode-bxslider .bxslider .kode-caption span {
    display: block;
    color: #fff;
    font-size: 18px;
    margin-bottom: 25px;
}
.kode-bxslider .bxslider .kode-caption a {
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    padding: 18px 20px;
    color: #333333;
    text-transform: uppercase;
    background-color: #fff;
}
.kode-bxslider .bxslider.kode-caption-wrapper {
    top: 50px;
    margin: 0 0 0 -627px;
}
.kode-bxslider .bxslider .kode-caption a:hover {
    color: #fff;
}
.kode_banner3_content {
    bottom: 0;
    display: inline-block;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    width: 847px;
    padding: 26px 0px;
    z-index: 999;
}
.kode_banner3_content h5{
	display: inline-block;
    color: #fff;
    font-weight: bold;
}
.kode_banner3_content a {
    display: inline-block;
    font-size: 20px;
    line-height: 20px;
    color: #fff;
    font-weight: bold;
}
.kode_banner3_content a:hover {
    color: #000;
}
.kode_banner3_content a i {
    margin-right: 30px;
    font-size: 24px;
}
.kode_banner3_content h5 {
    margin-left: 25px;
}
/*slick slider*/

.kode_banner3 .slick-dotted.slick-slider {
    margin-bottom: 0px;
}
/*	============================================			KODE BANNER3 END	============================================*/
/*	============================================			KODE ABOUT2 WRAP START 	============================================*/

.kode_blog_grid_content,
.kode_blog_grid,
.kode_blog_grid_wrap {
    float: left;
    width: 100%;
}
.kode_blog_grid_wrap {
    padding: 73px 0px 72px;
}
.kode_section_hdg2.hdg_3.hdg_7 h2:before {
    border-color: ;
}
.kode_blog_grid {
    text-align: center;
}
.kode_blog_grid figure {
    position: relative;
    margin-bottom: 25px;
    overflow: hidden;
}
.kode_blog_grid:hover figure img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    opacity: 0.70;
}
.kode_blog_grid_content h5 {
    margin-bottom: 17px;
}
/*	============================================			KODE ABOUT2 WRAP END	============================================*/
/*	============================================			KODE SERVICE2 WRAP START	============================================*/

.kode_service3_content,
.kode_service2_grid,
.kode_service3_wrap {
    float: left;
    width: 100%;
}
.kode_service3_wrap .col-md-3 {
    padding: 0px 0px;
}
.kode_service2_grid {
    text-align: center;
    z-index: 99;
    overflow: hidden;
    position: relative;
}
.kode_service2_grid figure {
    position: relative;
    overflow: hidden;
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #fff;
}
.kode_service2_grid figure img {
    width: 100%;
}
.kode_team_fig:hover figure img,
.kode_service2_grid:hover figure img {
    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
}
.kode_service2_grid figure:before {
    position: absolute;
    content: "";
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #f9f9f9;
    z-index: 999;
}
.kode_service2_grid:hover figure:before {
    opacity: 0.90;
    background-color: #6b6a6a;
}
.kode_service3_content {
    bottom: 0;
    left: 0;
    padding: 0 40px;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 9999;
    margin-top: -75px;
}
.kode_sidebar_wrap_side {
    height: 100% !important;
    background-color: #333;
}
..kode_sidebar_wrap_side {
    background-color: #333 !important;
}
.kode_quote_commet_field .custom-options,
.kode_quote_textarea textarea,
.kode_quote_commet_field input[type="text"]::-moz-placeholder {
    color: #939393 !important;
}
.kode_counter_content .kode_firm_button:hover {
    background-color: #000 !important;
}
.kode_quote_textarea textarea,
.kode_quote_commet_field input {
    text-transform: capitalize;
}
.kf_commet_field .custom-options::-webkit-selection,
.kf_commet_field .custom-options::-moz-selection {
    box-shadow: 0 0 transparent !important;
    color: none !important;
    border: none !important;
}
.kf_commet_field .custom-options::-selection,
.kf_commet_field .custom-options::-selection {
    box-shadow: 0 0 transparent !important;
    color: none !important;
    border: none !important;
}
.kode_quote_commet_field select:focus,
.kf_commet_field select:focus {
    outline: none !important;
}
.kode_qoute_form .kode_quote_commet_field input[type="text"]::-moz-placeholder{
    color: #939393  !important;
}
.kode_qoute_form .kode_quote_commet_field input[type="text"]::-webkit-input-placeholder {
    color: #939393  !important;
}
.kode_quote_commet_field select {
    -webkit-appearance: none;
}
.kf_commet_field select {
    -webkit-appearance: none;
}
.kode_service2_grid:hover .kode_service3_content {
    top: 42%;
}
.kode_service3_content span {
    display: inline-block;
    color: #333333;
    font-size: 70px;
    margin-bottom: 25px;
}
.kode_service3_content h5 {
    margin-bottom: 17px;
}
.kode_service3_content p {
    opacity: 0;
}
.kode_service2_grid:hover .kode_service3_content p {
    color: #fff;
    opacity: 1;
}
.kode_service2_grid:hover .kode_service3_content h5 a,
.kode_service2_grid:hover .kode_service3_content span {
    color: #fff;
}
/*	============================================			KODE SERVICE2 WRAP END	============================================*/
/*	============================================			KODE ACHIEVEMENT3 WRAP START	============================================*/

.kode_achievement2_content,
.kode_achievement3_wrap {
    float: left;
    width: 100%;
}
.kode_achievement3_wrap {
    margin-top: -2px;
    position: relative;
    z-index: 9999;
}
.kode_achievement3_wrap .col-md-2 {
    padding: 0px 0px;
}
.kode_achievement2_content {
    padding: 45px 0px 37px;
    text-align: center;
    border-right: 1px solid #fff;
}
.kode_achievement2_content span {
    display: block;
    font-size: 50px;
    color: #fff;
    margin-bottom: 13px;
}
.kode_achievement2_content p {
    color: #fff;
    font-weight: bold;
}
/*	============================================			KODE ACHIEVEMENT3 WRAP END	============================================*/
/*	============================================			KODE TEAM WRAP START	============================================*/

.kode_team_fig figcaption ul,
.kode_team_fig,
.kode_team_wrap {
    float: left;
    width: 100%;
}
.kode_team_wrap {
    padding: 74px 0px 159px;
}
.kode_team_fig figure {
    position: relative;
    overflow: hidden;
}
.kode_team_fig {
    padding: 0 11px;
}
.kode_team_fig figcaption {
    position: absolute;
    top: 226px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    text-align: center;
    z-index: 9999;
    padding: 10px 10px 44px;
}
.kode_team_fig:hover figcaption {
    padding: 42px 10px 44px;
    top: 0px;
}
.kode_team_fig figcaption:before {
    position: absolute;
    content: "";
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0.92;
    z-index: -1;
}
.kode_team_fig figcaption h5 {
    color: #fff;
    font-weight: bold;
    margin-bottom: 8px;
}
.kode_team_fig figcaption span {
    display: block;
    color: #fff;
    font-size: 18px;
    margin-bottom: 21px;
}
.kode_team_fig figcaption p {
    color: #fff;
    margin-bottom: 32px;
}
.kode_team_fig figcaption ul li {
    display: inline-block;
    margin-right: 11px;
}
.kode_team_fig figcaption ul li:last-child {
    margin: 0px;
}
.kode_team_fig figcaption ul li a {
    height: 39px;
    width: 39px;
    text-align: center;
    display: inline-block;
    border: 2px solid #e5e5e5;
    border-radius: 100%;
    color: #fff;
    font-size: 18px;
    line-height: 35px;
}
/*slick slider*/

.kode_team_wrap .slick-prev,
.kode_team_wrap .slick-next {
    position: absolute;
    bottom: -98px;
    left: 0px;
    right: 0px;
    top: auto;
    text-align: center;
    margin: auto;
    background: none;
    line-height: 35px;
    width: 39px;
    height: 39px;
    border: 2px solid #c18f5a;
    border-radius: 100%;
    color: #000;
}
.kode_team_wrap .slick-prev {
    left: 100px;
}
.kode_team_wrap .slick-prev:before,
.kode_team_wrap .slick-next:before {
    text-align: center;
    position: absolute;
    display: inline-block;
    content: "\f104";
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    font-size: 18px;
    line-height: 35px;
    font-size: 17px;
}
.kode_team_wrap .slick-prev:before {
    content: "\f105";
}
.kode_team_wrap .slick-prev:hover:before,
.kode_team_wrap .slick-next:hover:before {
    color: #fff;
}
/*	============================================			KODE TEAM WRAP END	============================================*/
/*	============================================			KODE BLOG2 WRAP START	============================================*/

.kode_blog2_thumbnail,
.kode_blog2_content,
.kode_blog2_modern,
.kode_blog2_row,
.kode_blog2_warp {
    float: left;
    width: 100%;
}
.kode_blog2_warp {
    background-color: transparent;
    background-image: url("image/blogb.png");
    padding: 74px 0px;
    position: relative;
    z-index: 9999;
    background-size: 100% 367px;
    background-repeat: no-repeat;
    background-origin: border-box;
}
.kode_blog2_warp:before {
    background-image: url("image/bback.png"), url("image/bback1.png");
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position: bottom left, bottom right;
}
.kode_blog2_warp:before {
    position: absolute;
    content: "";
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0.78;
    height: 367px;
    z-index: -1;
}
.kode_section_hdg2.hdg_3.hdg_4.hdg_7 h2:before {
    border-color: #fff;
}
.kode_blog2_row {
    background-color: #fff;
    box-shadow: 0 0 6px 2px #dcdcdc;
}
.kode_blog2_warp .col-md-4 {
    padding: 0px 0px;
}
.kode_blog2_modern {
    padding: 60px 30px 60px;
    border-right: 1px solid #e8e8e8;
}
.kode_blog2_content {
    padding-bottom: 40px;
    border-bottom: 1px solid #e8e8e8;
}
.kode_blog2_modern.mordern_2 figcaption span,
.kode_blog2_content span {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    line-height: 14px;
    padding: 8px 15px 10px;
    margin-bottom: 16px;
}
.kode_blog2_content h5 {
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 8px;
}
.kode_blog2_content p {
    color: #999999;
}
.kode_blog2_thumbnail {
    padding-top: 30px;
}
.kode_blog2_thumbnail figure img {
    border-radius: 100%;
    float: left;
    width: 60px;
    height: 60px;
}
.kode_blog2_thumbnail span {
    display: inline-block;
    padding: 16px 0px;
    margin-left: 16px;
}
.kode_blog2_thumbnail .blog-info i {
    display: none;
}
/*slick slider*/

.kode_blog2_warp .slick-prev,
.kode_blog2_warp .slick-next {
    display: none !important;
}
/*	============================================			KODE BLOG2 WRAP END	============================================*/
/*	============================================			KODE PRICING2 WRAP START	============================================*/

.kode_pricing2_detail,
.kode_pricing2_list,
.kode_pricing2_wrap {
    float: left;
    width: 100%;
}
.kode_pricing2_wrap {
    padding: 0px 0px 80px;
}
.kode_pricing2_list {
    padding: 35px 0px 40px;
    text-align: center;
    border: 1px solid #f0f0f0;
    background-color: #fff;
}
.kode_pricing2_list.active,
.kode_pricing2_list:hover {
    box-shadow: 0px 0px 13px 6px #dcdcdc;
}
.kode_pricing2_list span {
    display: block;
    margin-bottom: 25px;
    font-size: 18px;
    color: #333333;
}
.kode_pricing2_list h5 {
    font-weight: bold;
    color: #999999;
    padding: 25px 0px;
    background-color: #fafafa;
}
.kode_pricing2_list h5 sub {
    font-size: 12px;
}
.kode_pricing2_list:hover .kode-button-style-law-9,
.kode_pricing2_list.active .kode_pricing2_btn,
.kode_pricing2_list.active h5,
.kode_pricing2_list:hover .kode_pricing2_btn,
.kode_pricing2_list:hover h5 {
    color: #fff;
}
.kode_pricing2_detail {
    padding: 35px 0px;
}
.kode_pricing2_detail li {
    display: block;
    margin-bottom: 13px;
}
.kode_pricing2_detail li:last-child {
    margin: 0px;
}
.kode_pricing2_detail li a {
    display: block;
    color: #999999;
}
.kode_pricing2_btn {
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    border: 1px solid #e5e5e5;
    padding: 11px 28px 13px;
}
.kode_client_wrap.client_3 {
    background-color: #ececec;
}
/*	============================================			KODE PRICING2 WRAP END	============================================*/
/*	============================================			WIDGET3 WRAPER START	============================================*/
.widget_lawbase_info_widget ul,
.widget_lawbase_info_widget > ul > li,
.form_widget_submit,
.widget_textarea,
.kode_widget_field,
.widget_form_search,
.widget3_blog_meta,
.widget3_service2,
.widget3_content > ul > li,
.widget3_content ul,
.widget3_service2,
.widget3_content,
.widget3_social_icon,
.kode_widget3_logo,
.widget3_wraper {
    float: left;
    width: 100%;
}
.widget3_service2 li{
	list-style:none;
}
.widget3_wraper {
    background-color: #3d3c41;
    padding: 80px 0px;
    position: relative;
}
.widget3_wraper:before {
    background-color: #000;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0.8;
    position: absolute;
    right: 0;
    top: 0;
}
.kode_widget3_logo {
    text-align: center;
    padding-bottom: 40px;
    position: relative;
    margin-bottom: 47px;
    border-bottom: 1px solid #515054;
}
.widget-heading-4{
	position:relative;
}
.widget-heading-4:before,
.widget3_content h5:before,
.kode_widget3_logo:before {
    position: absolute;
    content: "";
    left: 0px;
    right: 0px;
    bottom: -3px;
    border-bottom: 1px solid #515054;
}
.kode_widget3_logo figure {
    margin-bottom: 22px;
}
.kode_widget3_logo p {
    color: #fff;
    padding: 0px 90px;
    margin-bottom: 16px;
}
.widget3_social_icon li {
    display: inline-block;
    margin-right: 12px;
}
.widget3_social_icon li:last-child {
    margin: 0px;
}
.widget3_social_icon li a {
    display: inline-block;
    height: 40px;
    width: 40px;
    line-height: 38px;
    text-align: center;
    border: 2px solid #fff;
    border-radius: 100%;
    font-size: 15px;
    color: #fff;
}
.widget3_social_icon li a:hover {
    color: #fff;
}
.widget-heading-4,
.widget3_content h5 {
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 25px;
    position: relative;
}
.kode-sidebar-element .widget-heading-4{
	color:#333;
}

.widget-heading-4:before,
.widget3_content h5:before {
    border-color: #cecece !important;
    left: auto;
    right: 10px;
    top: 0px;
    width: 105px;
    bottom: 5px;
}
.kode-sidebar-element .widget-heading-4:before{
	border-color: #333 !important;
} 
.widget-heading-4:before:first-child,
.widget3_content h5:before:first-child {
    right: 30px !important;
}
.widget3_content > p {
    color: #fff;
    margin-bottom:20px !important;
    margin-top: -10px;
	padding:0 10px 0 0;
}
.kode_widget_service.service2 span {
    font-size: 18px;
}
.widget3_content > ul > li {
    margin-bottom: 7px;
    list-style: none;
}
.kode_widget_service.service2 .widget_service_text a{
    line-height: 24px;
}
.widget3_blog_meta li,
.widget3_service2 li {
    float: left;
}
.widget3_service2 li figure {
    float: left;
    border: 1px solid #eeeeee;
    overflow: hidden;
    position: relative;
}
.widget3_service2 li figure:before {
    position: absolute;
    content: "";
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 9999;
}
.kode_service3_content a {
    color: #333;
    font-weight: bold;
}
.widget3_service2 li:hover figure:before {
    background: rgba(0, 0, 0, 0.4);
}
.widget3_service2 li:hover figure img {
    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
}
.widget3_blog_post {
    overflow: hidden;
    padding: 2px 0 11px 15px;
}
.widget3_blog_post p {
    color: #333;
    margin-bottom: 4px;
    padding-right: 20px;
}
.widget3_blog_meta li {
    line-height: 12px;
    border-right: 2px solid #9d9d9e;
    margin: 0px;
    padding: 0px 13px;
}
.widget3_blog_meta li:last-child {
    border-right: none;
    margin: 0px !important;
}
.widget3_blog_meta li:first-child {
    padding-left: 0px;
    margin: 0px !important;
}
.widget3_blog_meta li a {
    color: #fff;
    font-size: 12px;
    font-style: italic;
    line-height: 12px;
}
.widget3_content.Recent_Post li {
    margin-bottom: 30px;
    list-style: none;
}
.widget3_service2 li:last-child {
    margin: 0px;
}
.kode_widget_field {
    margin-bottom: 15px;
}
.widget_textarea textarea,
.kode_widget_field input {
    background: none;
    height: 41px;
    border: 1px solid #605f63;
    color: #999999;
    width: 100%;
    box-shadow: 0px 0px;
}
.widget_textarea textarea:focus,
.kode_widget_field input:focus {
    color: #fff;
}
.widget_textarea {
    margin-bottom: 30px;
}
.widget_textarea textarea {
    height: 121px;
    resize: none;
}
.form_widget_submit .submit {
    float: right;
    display: inline-block;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    line-height: 14px;
    border: none;
    padding: 8px 20px;
    font-weight: bold;
}
.form_widget_submit .submit:hover {
    background-color: #fff;
    color: #000;
}
/*	============================================			WIDGET3 WRAPER END	============================================*/
/*	============================================			KODE WIDGET COPYRIGHT3 START	============================================*/

.kode_copyright3_content,
.kode_widget_copyright3 {
    float: left;
    width: 100%;
}
.kode_widget_copyright3 {
    padding: 12px 0px 16px;
    background-color: #4e4e51;
}
.kode_copyright3_content {
    position: relative;
}
.kode_copyright3_content p {
    float: left;
    color: #fff;
    margin-bottom: 0px;
}
.copyright_social_icon {
    float: right;
    padding: 3px 0px;
    margin-bottom: 0px;
}
.copyright_social_icon li {
    float: left;
    margin-left: 30px;
    list-style: none;
}
.copyright_social_icon li:first-child {
    margin: 0px;
}
.copyright_social_icon li a {
    display: inline-block;
    color: #fff;
    line-height: 14px;
}
.kode_copyright3_content:before {
    bottom: 0;
    content: "";
    position: absolute;
    right: 0;
    top: -27px;
    height: 30px;
    width: 30px;
    background-color: #4e4e51;
    transform: rotate(43deg);
    -moz-transform: rotate(43deg);
    -webkit-transform: rotate(43deg);
}
.kode_copyright3_content > a {
    color: #fff;
    font-size: 16px;
    position: absolute;
    right: 9px;
    top: -33px;
}
/*	============================================			KODE WIDGET COPYRIGHT3 END	============================================*/
/*	//===============================================================================================											404 PAGE  START	===============================================================================================//*/
/*	============================================			KODE LAW 404 WRAP STRAT	============================================*/

.kode_404_footer,
.kode_404_content form,
.kode_404_content,
.kode_law_404_wrap {
    float: left;
    width: 100%;
}
.kode_law_404_wrap {
    background-color: #fff;
    position: relative;
    z-index: 999;
    padding: 86px 0px 86px;
}
.kode_law_404_wrap:after {
    position: absolute;
    content: "";
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: -1;
    opacity: 0.2;
    bottom: 0px;
    background-color: #aaabaf;
}
.kode_404_content {
    text-align: center;
}
.kode_404_content > p {
    margin-bottom: 40px;
}
.kode_404_content p span {
    display: inline-block;
    font-size: 290px;
    line-height: 250px;
    color: #fff;
    text-shadow: 0px 5px 16px #b8b8b8;
}
.kode_404_content p i {
    font-size: 210px;
    position: relative;
    top: -30px;
    margin: 0px 30px;
}
.kode_404_content h3 {
    text-transform: uppercase;
    margin-bottom: 8px;
}
.kode_404_content h4 {
    color: #fff;
    margin-bottom: 30px;
}
.kode_404_content > a {
    display: inline-block;
    line-height: 14px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    background-color: #333333;
    padding: 18px 32px;
    margin-bottom: 80px;
}
.kode_404_content form {
    margin-bottom: 125px;
}
.kode_404_field {
    width: 586px;
    text-align: center;
    margin: auto;
    position: relative;
}
.kode_404_field input {
    width: 100%;
    height: 50px;
    border: 1px solid #ffffff;
    padding: 0 100px 0px 20px;
    font-size: 16px;
    color: #fff;
    background: none;
    box-shadow: 0px 0px;
}
.kode_404_field button {
    position: absolute;
    top: 1px;
    right: 1px;
    height: 48px;
    width: 87px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    border-left: 1px solid #fff;
    bottom: 0px;
}
.kode_404_field button:hover {
    background-color: #000;
}
.kode_404_footer p {
    float: left;
    color: #fff;
}
.kode_404_icon {
    float: right;
    width: auto;
}
.kode_404_icon li {
    float: left;
    margin-right: 10px;
}
.kode_404_icon li:last-child {
    margin: 0px;
}
.kode_404_icon a {
    display: inline-block;
    height: 32px;
    width: 32px;
    text-align: center;
    line-height: 30px;
    font-size: 15px;
    border: 1px solid #fff;
    border-radius: 100%;
    color: #fff;
}
/*	============================================			KODE LAW 404 WRAP END	============================================*/
/*	//===============================================================================================											404 2 PAGE  START	===============================================================================================//*/
/*	============================================			KODE SAB BANNER STRAT	============================================*/

.koed_sab_banner_content,
.kode_sab_banner {
    float: left;
    width: 100%;
}
.kode_sab_banner {
    background-color: #eaeaea;
    padding: 75px 0px 77px;
    border-top: 1px solid #cfc2c2;
    border-bottom: 1px solid #cfc2c2;
}
.koed_sab_banner_content h2 {
    display: inline-block;
}
.koed_sab_banner_content ul {
    display: inline-block;
    float: right;
    padding: 0px;
    background: none;
    margin: 0px;
    padding: 8px 0px;
}
.koed_sab_banner_content ul li {
    float: left;
    margin-right: 4px;
}
.koed_sab_banner_content ul li:last-child {
    margin: 0px;
}
.koed_sab_banner_content ul li a {
    display: inline-block;
    font-size: 16px;
    color: #666666;
}
.breadcrumb > li + li:before {
    color: #717171;
}
/*	============================================			KODE SAB BANNER END	============================================*/
/*	============================================			KODE LAW 404 WRAER LAW 404 2 STRAT	============================================*/

.kode_law_404_wrap.law_404_2 {
    padding: 54px 0 80px;
}
.kode_law_404_wrap.law_404_2:after {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.kode_404_content.content_2 p span {
    color: #333;
}
.kode_404_content.content_2 form {
    margin: 0px;
}
.kode_404_content.content_2 .kode_404_field input {
    border-color: #d2d4d7;
}
/*	============================================			KODE LAW 404 WRAER LAW 404 2 END	============================================*/
/*	//===============================================================================================											OUR TEAM PAGE  START	===============================================================================================//*/

.kode_team_fig.team_2 {
    padding: 0px;
    margin-bottom: 30px;
}
.kode_team_wrap.team_wrap_2 {
    padding: 80px 0px 20px;
}
/*	============================================			KODE PAGINATION WRAP START	============================================*/

.kode_pagination_wrap {
    float: left;
    width: 100%;
}
.kode_pagination_wrap {
    padding-bottom: 74px;
    text-align: center;
}
.kode_pagination_content {
    background-color: #ededed;
    display: inline-block;
    margin: auto;
    padding: 15px 55px 12px 49px;
    text-align: center;
    width: 501px;
}
.kode_pager {
    float: left;
    width: auto;
    padding: 3px 0px;
}
.kode_pager li {
    float: left;
    position: relative;
    line-height: 15px;
    z-index: 999;
}
.kode_pager li:before {
    position: absolute;
    content: "";
    top: 0px;
    right: 0px;
    bottom: 0px;
    border-right: 1px solid #b1b1b1;
    z-index;
    -1;
}
.kode_pager li:last-child:before {
    border: none;
}
.kode_pager li a {
    font-size: 15px;
    padding: 0px 15px;
    line-height: 15px;
    font-weight: bold;
}
.kode_pagination_list {
    float: right;
    width: auto;
}
.kode_pagination_list a {
    display: inline-block;
    color: #333333;
    margin-right: 10px;
}
/*	============================================			KODE PAGINATION WRAP END	============================================*/
/*	//===============================================================================================											PRACTICE AREA PAGE  START	===============================================================================================//*/

.kode_service3_wrap.service3_2 {
    padding: 80px 0px 20px;
}
.kode_service2_grid.gried_2 {
    margin-bottom: 30px;
}
.kode_service2_grid.gried_2 figure:before {
    background-color: #ededed;
    opacity: 1;
}
.kode_service2_grid.gried_2:hover figure:before {
    background-color: #333333;
    opacity: 0.85;
}
/*	//===============================================================================================											blog PAGE  START	===============================================================================================//*/

.kode_blog_warp {
    float: left;
    width: 100%;
    padding: 80px 0px 20px;
}
.kode_blog2_modern.mordern_2 {
    padding: 16px 18px 30px;
    border: 1px solid #dedede;
    margin-bottom: 30px;
}
.kode_blog2_modern.mordern_2 > figure {
    position: relative;
    margin-bottom: 22px;
    overflow: hidden;
}
.kode_blog2_modern.mordern_2:hover > figure img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    opacity: 0.60;
}
.kode_blog2_modern.mordern_2 figcaption {
    position: absolute;
    bottom: 20px;
    left: 20px;
}
.kode_blog2_modern.mordern_2 figcaption span {
    margin: 0px;
}
.kode_blog2_content.content_2 {
    padding-left: 12px;
}
/*	//===============================================================================================											blog 2 colume PAGE  START	===============================================================================================//*/

.kode_blog2_content.content_2.content_3 {
    border-bottom: medium none;
    padding-bottom: 0;
    padding-left: 0;
}
.kode_blog2_content.content_2.content_3 h5 {
    text-transform: lowercase;
    margin-bottom: 11px;
}
.kode_blog2_content.content_2.content_3 h5 em {
    font-style: normal;
    display: block;
}
.kode_latest_meta.blog_meta li {
    margin-right: 30px;
}
.kode_latest_meta.blog_meta li a i {
    font-size: 16px;
    color: #999999;
    margin-right: 15px;
}
.kode_latest_meta.blog_meta li a {
    color: #999999;
}
.kode_blog2_content.content_2.content_3 p {
    margin-bottom: 26px;
}
.kode_more_btn {
    line-height: 14px;
    color: #fff;
    text-transform: uppercase;
    padding: 11px 17px 13px;
    font-weight: bold;
    display: inline-block;
}
.kode_more_btn:hover {
    background-color: #000;
    color: #fff;
}
.kode_blog2_modern.mordern_2.mordern_3 {
    padding: 20px 20px 30px;
}
.kode_blog2_modern.mordern_2.mordern_3 figcaption {
    left: 0px;
    bottom: 0px;
}
.kode_blog2_modern.mordern_2.mordern_3 figcaption span {
    font-size: 18px;
    background-color: #333333;
    padding: 14px 22px 16px;
}
/*	//===============================================================================================											EVENT PAGE  START	===============================================================================================//*/
/*	============================================			KODE EVENT WRAP START	============================================*/

.kode_event_content,
.kode_event_medium_modern,
.kode_event_wrap {
    float: left;
    width: 100%;
}
.kode_event_wrap {
    padding: 80px 0px 20px;
}
.kode_event_medium_modern {
    text-align: center;
    padding-bottom: 30px;
    background-color: #ececec;
    margin-bottom: 30px;
}
.kode_event_medium_modern figure {
    position: relative;
    overflow: hidden;
}
.kode_event_medium_modern:hover figure img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.kode_event_medium_modern:hover figure:before {
    z-index: 999;
}
.kode_event_medium_modern .event_clone {
    font-size: 30px;
    z-index: 999;
}
.kode_event_content h4 {
    background-color: #fff;
    border-radius: 5px;
    display: inline-block;
    height: 71px;
    margin-top: -46px;
    position: relative;
    width: 94px;
    z-index: 9999;
    box-shadow: 0px 3px 10px -1px #b1b1b1;
    padding: 10px 0px;
    margin-bottom: 16px;
}
.kode_event_content h4 em {
    font-style: normal;
    font-size: 14px;
    display: block;
    margin-top: 1px;
}
.kode_event_content span {
    display: block;
    font-size: 18px;
    color: #999999;
    margin-bottom: 7px;
}
.kode_event_content p {
    margin-bottom: 22px;
    padding: 0px 50px;
    color: #999999;
}
.kode_event_content .kode_readmore {
    display: inline-block;
    line-height: 14px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    padding: 13px 18px 15px;
    background-color: #333333;
}
.kode_event_medium_modern:hover .kode_event_content h4 {
    color: #fff;
}
/*	============================================			KODE EVENT WRAP END	============================================*/
/*	//===============================================================================================											OUR TEAM DETAIL PAGE  START	===============================================================================================//*/
/*	============================================			KODE TEAM DETAIL WRAP START	============================================*/

.team_detail_meta_list,
.kode_team_detail_call_info,
.kode_team_detail_fig,
.kode_team_detail_full,
.kode_team_detail_wrap {
    float: left;
    width: 100%;
}
.kode_team_detail_wrap {
    padding: 80px 0px 50px;
}
.kode_team_detail_fig figure {
    float: left;
}
.kode_team_detail_content {
    overflow: hidden;
    padding-left: 30px;
}
.kode_team_detail_content h5 {
    margin-bottom: 5px;
}
.kode_team_detail_content span {
    display: block;
    font-size: 18px;
    color: #999999;
    margin-bottom: 10px;
}
.kode_team_detail_content p {
    color: #999999;
    margin-bottom: 6px;
}
.kode_team_detail_content p span {
    display: block;
    margin-top: 2px;
}
.kode_team_detail_call_info {
    margin-bottom: 3px;
}
.kode_team_detail_call_info a {
    display: block;
    font-size: 16px;
    color: #999999;
    margin-bottom: 3px;
}
.team_detail_meta_list li {
    float: left;
    margin-right: 15px;
}
.team_detail_meta_list li:last-child {
    margin: 0px;
}
.team_detail_meta_list li a {
    display: inline-block;
    color: #9e9e9e;
}
/*TEAM DETAIL DESCRIPTION LIST START*/

.team_detail_description_list,
.team_detail_description {
    float: left;
    width: 100%;
}
.team_detail_description {
    margin-bottom: 34px;
}
.team_detail_description_list {
    padding: 36px 0px;
}
.team_detail_description h5 {
    margin-bottom: 23px;
}
.team_detail_description p {
    color: #999999;
    margin-bottom: 31px;
}
.team_detail_description p:last-child {
    margin: 0px;
}
.team_detail_description.mission {
    margin: 0px;
}
/*TEAM DETAIL DESCRIPTION EDUCATION START*/

.team_detail_education_list li,
.team_detail_education_list {
    float: left;
    width: 100%;
}
.team_detail_description.education p {
    margin-bottom: 11px;
}
.team_detail_education_list li {
    margin-bottom: 14px;
}
.team_detail_education_list li:last-child {
    margin: 0px;
}
.team_detail_education_list li a {
    display: block;
    font-size: 18px;
    color: #999999;
}
/*TEAM DETAIL DESCRIPTION skill START*/

.team_detail_description.skill {
    margin-bottom: 71px;
}
.team_detail_description.skill p {
    margin-bottom: 24px;
}
.progress-names.progres_2 {
    margin-bottom: 27px;
}
.progress-names.progres_2:last-child {
    margin: 0;
}
.progress-names.progres_2 h5 {
    color: #666666;
    margin-bottom: 11px;
}
.progress-names.progres_2 .bar {
    height: 8px;
}
.progress-names.progres_2 .label {
    background-color: #e9e9e9;
    height: 10px;
}
.progress-names.progres_2 .perc {
    font-size: 20px;
    color: #666666;
    top: -37px;
}
/*KOED TEAM WRAP TEAM DETAIL START*/

.kode_team_wrap.team_detail {
    padding: 0px 0px;
}
.kode_section_hdg2.hdg_5 {
    margin-bottom: 36px;
}
.kode_services_section .col-sm-6.col-md-2.column {
    padding: 0px;
}
.kode-button-style-law-9 {
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    border: 1px solid #e5e5e5;
    padding: 11px 28px 13px;
    font-weight: bold;
}
.kode_pricing2_detail,
.kode_pricing2_list,
.kode_pricing2_wrap {
    float: left;
    width: 100%;
}
.kode_pricing2_wrap {
    padding: 0px 0px 80px;
}
.kode_pricing2_list {
    padding: 35px 0px 40px;
    text-align: center;
    border: 1px solid #f0f0f0;
    background-color: #fff;
}
.kode_pricing2_list.active,
.kode_pricing2_list:hover {
    box-shadow: 0px 0px 13px 6px #dcdcdc;
}
.kode_pricing2_list span {
    display: block;
    margin-bottom: 25px;
    font-size: 18px;
    color: #333333;
}
.kode_pricing2_list h5 {
    font-weight: bold;
    color: #999999;
    padding: 25px 0px;
    background-color: #fafafa;
}
.kode_pricing2_list h5 sub {
    font-size: 12px;
}
.kode_pricing2_detail {
    padding: 35px 0px;
}
.kode_pricing2_detail li {
    display: block;
    margin-bottom: 13px;
}
.kode_pricing2_detail li:last-child {
    margin: 0px;
}
.kode_pricing2_detail li a {
    display: block;
    color: #999999;
}
.kode_client_wrap.client_3 {
    background-color: #ececec;
}
.kode_blog_categ_list > li,
.blog-info.blog-date {
    list-style: none;
}
.navigation .kode-button-style-law-1 {
    font-size: 14px;
    display: inline-block;
    line-height: 14px;
    padding: 10px 20px 12px;
    border: 2px solid #ddd;
    border-radius: 40px;
    margin: 2px 0 3px 40px;
    font-weight: bold;
    color: #fff;
}
.kode-button-style-law-1 i {
    font-size: 18px;
    margin-right: 17px !important;
}
/*	============================================			HOME PAGE 3 BUTTON STYLE	============================================*/

.kode-button-style-law-1 {
    font-size: 14px;
    display: inline-block;
    line-height: 14px;
    padding: 10px 20px;
    border: 2px solid #ddd;
    border-radius: 40px;
    margin: 3px 0px;
    font-weight: bold;
}
.kode-button-style-law-2 {
    display: inline-block;
    line-height: 14px;
    padding: 10px 28px 12px;
    border: 1px solid #fff;
    border-radius: 50px;
    margin-right: 14px;
    font-weight: bold;
}
.kode-button-style-law-3 {
    display: inline-block;
    font-size: 16px;
    line-height: 16px;
    padding: 11px 35px 12px;
    border-radius: 50px;
    font-weight: bold;
}
.kode-button-style-law-4 {
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    color: #fff;
    padding: 13px 50px;
    border-radius: 50px;
    border: none;
}
/*	============================================			HOME PAGE 4 BUTTON STYLE	============================================*/

.kode-button-style-law-5 {
    background: none;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 14px;
    padding: 12px 28px;
}
.form_quote_submit .kode-button-style-law-5 {
    border: none;
    padding: 13px 18px 15px;
}
.kode-button-style-law-6 {
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 14px;
    padding: 9px 24px 11px;
    border: 1px solid #d3d3d3;
}
.kode-button-style-law-7 {
    position: absolute;
    top: 1px;
    right: 1px;
    height: 39px;
    width: 126px;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    font-weight: bold;
    border-left: 2px solid #3f3e45;
    padding: 7px 0px;
}
/*	============================================			HOME PAGE 5 BUTTON STYLE	============================================*/

.kode-button-style-law-8 {
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    padding: 18px 20px;
    text-transform: uppercase;
}
.kode_404_content .kode-button-style-law-8 {
    margin-bottom: 80px;
    background-color: #333333;
    padding: 18px 32px;
}
.kode-button-style-law-9 {
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    border: 1px solid #e5e5e5;
    padding: 11px 28px 13px;
    font-weight: bold;
}
.kode_comment_text .kode-button-style-law-9,
.kode_blog2_content.content_2.content_3 .kode-button-style-law-9 {
    border: none;
}
.kode_listing_field .kode-button-style-law-9 {
    padding: 11px 10px 13px;
}
.kode_comment_text .kode-button-style-law-9 {
    padding: 9px 28px 11px;
}
.kode_event_content .kode-button-style-law-9 {
    background-color: #333333;
    border: none;
}
.kode-button-style-law-10 {
    float: right;
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 14px;
    border: none;
    padding: 8px 20px;
    font-weight: bold;
}
/*	============================================			KODE LATEST WRAP START	============================================*/

.kode_latest_thumbnail,
.kode_latest_meta,
.kode_latest_content,
.kode_latest_modern,
.kode_latest_wrap {
    float: left;
    width: 100%;
}
.kode_latest_wrap {
    padding: 74px 0px 80px;
}
.kode_latest_wrap .col-md-4 {
    padding: 0px 0px;
}
.kode_latest_content {
    padding: 23px 20px 36px;
    border: 1px solid #d3d3d3;
}
.kode_latest_content h5 span {
    display: block;
}
.kode_latest_content p {
    margin-bottom: 5px;
    color: #999999;
}
.kode_latest_meta {
    margin-bottom: 20px;
}
.kode_latest_meta li {
    float: left;
    margin-right: 20px;
}
.kode_latest_meta li:last-child {
    margin: 0px;
}
.kode_latest_meta li a {
    display: inline-block;
    color: #999999 !important;
}
.kode_latest_meta li a i {
    margin-right: 10px;
}
.kode_latest_modern .kode-button-style-law-6:hover {
    color: #fff !important;
}
.kode_quote_commet_field .custom-options{
    color: #939393 !important;
}
.kode_quote_commet_field input[type="text"]::-moz-placeholder {
    color: #939393 !important;
}
.kode_latest_thumbnail figure {
    position: relative;
}
.kode_latest_thumbnail figure img {
    width: 100%;
}
.kode-team.kode-team-simple .kode_attorney_img:hover .kode_attorney_caption {
    padding: 40px 0px;
}
.kode_event_medium_modern figure:before,
.kode_latest_thumbnail figure:before {
    position: absolute;
    content: "";
    top: 0px;
    left: 0px;
    right: 50px;
    bottom: 50px;
    opacity: 0;
}
.kode_event_medium_modern:hover figure:before,
.kode_latest_modern:hover .kode_latest_thumbnail figure:before {
    background-color: #110f0f;
    opacity: 0.65;
    bottom: 0px;
    right: 0px;
}
.kode_event_medium_modern .event_clone,
.kode_latest_thumbnail a {
    position: absolute;
    font-size: 36px;
    color: #fff;
    left: 0px;
    right: 80px;
    text-align: center;
    top: 40%;
    margin-top: -20px;
    opacity: 0;
}
.kode_event_medium_modern:hover .event_clone,
.kode_latest_modern:hover .kode_latest_thumbnail a {
    top: 50%;
    right: 0px;
    opacity: 1;
}
/*	============================================			KODE LATEST WRAP END	============================================*/

.kode_about_us_silde_caption > p {
    color: #fff;
}
.widget_lawbase_practice_area_categories_widget ul li a:hover {
	color:#fff;
}